@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;600&display=swap');
/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
@font-face {
    font-family: GarageGothic;
    src: url("/wp-content/themes/yellowsubmarine/fonts/GarageGothic-Bold.otf") format("opentype");
}

/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	color:#444;
	font-weight:400;
	    overflow-x: hidden;
	position: relative;
}
hr {border:1px solid #ccc;}
h1, h2,h3 {font-weight:700;    margin-bottom: 15px;}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
p{margin:10px 0;font-size:18px;line-height:24px;}
.clear:after {
    clear:both;
}

h2 { font-size: 32px; line-height: 36px; color: #010000; margin-bottom: 0;    margin-top: 12px; }

.hvr-icon-down:before {font-size:18px; line-height:22px;}

iframe {max-width:100%;}
h1 + p { font-size:20px; line-height:24px; font-weight:600;color:#252424;}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

.btn {  margin-top: 8px; margin-bottom:10px; text-align:center; color:#FFF;background: #3ab5e6; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); border-radius: 35px;     font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; line-height: 18px; padding: 21px 30px; display: inline-block; text-transform: uppercase;}
.btn:hover, .btn:focus {background:#353535; color:#FFF;}
.btn:focus{outline: 4px solid #a080c0;}

footer .btn:hover {background: #f59431;}
blockquote {position: relative; background: url(/wp-content/uploads/2021/02/iconmonstr-quote-5-240.png) ; background-repeat: no-repeat; background-position: left 20px top 0px; background-size: 10%;}
/*blockquote:before {position:absolute;top:0; left:0; content:url('/wp-content/uploads/2021/02/iconmonstr-quote-5-240.png');}*/
.footerBioContainer{display: flex; flex-direction: column;}
.footerBioContainer .footerBtn{width: 90%; margin: 7px auto 20px auto; text-align: center;}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
.utilityHeader .l-container {align-content: center; align-items: center;}
section.utilityHeader a { margin-right: 7px;}
.l-container { display: flex; padding: 0 4rem; flex-direction: row; justify-content: space-between; max-width: 1170px; margin: 0 auto; width: 100%; }
.l-narrow-container {max-width:800px;margin: 40px auto 80px auto; width: 100%;}
/* header */
.header {
    margin: 30px 0;
}
/* logo */
.logo {

}
.logo-img {
    max-width: 120px;
}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

aside nav li { display:block;   }
aside nav li a {display:block;    padding: 10px 20px;}
aside nav li a:hover, aside nav li a:focus {    background: #be1c1d; color:#FFF;}
nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (min-width: 600px){
	.siteHeader .menuBar ul>li {
    display: block;
		    /*width: 150px;*/
}
}

.banner {position:relative;}
.banner:before {position: absolute; height: 100%; content: ""; background: rgba(0,0,0,0.25); top: 0; bottom: 0; left: 0; right: 0; z-index: -1;}
.siteHeader_name{   margin-bottom: 28px;     width: 43%; z-index:1;}
.siteHeader_name span {font-size: 46px;color: #7e7f81; font-weight: 800; text-transform: uppercase; line-height: 52px; margin-left: 10px;}
.siteHeader_name a { display:flex;     align-items: center; font-family: GarageGothic;}
.siteHeader_name a:focus {outline:2px solid #a080c0;}
.siteHeader_contactInfo {width:54%;display: flex; flex-direction: row;     justify-content: space-between;    margin-top: 1%;}
.siteHeader_primary { background: #FFF;}
.siteHeader_contactInfo-contactNumbers { display: flex; flex-direction: row; width: 82%; justify-content: space-between; margin-left: 13%; }
.siteHeader_contactInfo-shop .siteHeader_contactInfo-icon { margin-right: 7%; display: flex; flex-direction: column; }
.siteHeader_contactInfo-contactNumbersDetails { width:73%;    margin-top: 3%; }
.siteHeader_contactInfo-contactNumbersDetails span {color:#BFA717;font-weight:700;    font-family: 'Rubik', sans-serif;text-transform:uppercase;}
.siteHeader_contactInfo-contactNumbersDetails a {font-weight:700;font-family: 'Rubik', sans-serif;}
.siteHeader_contactInfo-contactNumbersDetails a:hover, .siteHeader_contactInfo-contactNumbersDetails a:focus {text-decoration:underline; color: #3ab5e9;}
.siteHeader_contactInfo-shop {display: flex; flex-direction: row; width: 43%; justify-content: flex-end; }
.siteHeader_contactInfo-shopLink { width:28%; text-align: right;   margin-top: 12%; }
.siteHeader_contactInfo-shopLink a { font-weight:700;font-family: 'Rubik', sans-serif;text-transform:uppercase; }
.siteHeader_contactInfo-shopLink a:focus, .siteHeader_contactInfo-shopLink a:hover {color: #3ab5e9; text-decoration:underline;}

@media (min-width: 768px){
.siteHeader .menuBar ul>li.mobile-shop {display:none;}
}

.menu{display: flex;flex-direction: row;justify-content: space-between;margin-right: auto;margin-left: auto; width:100%;}
.menuContainer { background: #353535; }
.menuContainer .l-container {max-width: 1170px;}
.menuContainer nav > ul > li > a:hover {     background: #3ab5e6; color: #FFF;    font-weight: 700; }
.menuContainer nav > ul{display: flex; list-style: none; flex-direction: row; justify-content: space-evenly; padding: 0; margin:0; flex-grow: 1;    align-items: center;}
nav li{display:inline;}
.menuContainer nav > ul > li{display:inline;z-index:3;position:relative;margin-left: 10px;}
.menuContainer nav > ul > li a{ color: #FFF; text-transform: uppercase; display: block; font-family: 'Rubik', sans-serif; text-decoration: none; padding: 20px 15px; font-size: 15px; position: relative; font-weight: 700; line-height: 19px;}
.menuContainer nav > ul > li a:focus {background: #3ab5e6; color:#FFF;}
.menuContainer nav > ul > li:last-child a { background: #FFDA42; padding:20px; color: #181615;    font-weight: 700;}
.menuContainer nav > ul > li:last-child a:hover { background: #FFDA42; color: #181615;    font-weight: 700; }
/*.siteHeader .menuBar ul>li:not(:last-child) a{border-right: 1px solid #374e2d}*/
.menuContainer nav > ul > li:last-child > a:after{border-right:0;}
.menuBar-subWrapper > ul > li > a {font-weight:bold;text-decoration: none;    text-transform: uppercase;font-size:14px;color: #de1a12;line-height: 16px; margin-bottom: 2px;}
.menuBar > ul > .menu-item-has-children > .menuBar-subWrapper{display: none;position: absolute; z-index: 10;list-style: none; margin: 0; padding: 12px 20px;width: 100%;left: 0;border-bottom: 1px solid #de1a12; background: #fff;border-top: 1px solid #de1a12;}
.menuBar ul li ul.sub-menu {display: none; line-height: 16px; margin-bottom: 5px; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; background: #FFF; z-index: 5;   position: absolute; top: 59px; min-width: 220px;}
.menuBar ul li ul.sub-menu li a{display: block; padding: 10px; color: #4c4d4f; text-decoration: none; border-bottom: 1px solid #f2f2f2; font-weight: 400;line-height: 18px; font-size: 14px; text-transform: uppercase; font-family: 'Rubik', sans-serif;}
.menuBar ul li ul.sub-menu li a:hover, .menuBar ul li ul.sub-menu li a:focus {    background: #3ab5e6; color:#FFF;}
.menuBar ul li ul.sub-menu li ul {display: flex; flex-direction: column; position: relative; padding: 0 0 0 10px; margin:5px 0 15px 0; border-left: 2px solid #000;}
.menuBar ul li ul.sub-menu li ul li {width: 100%; margin:3px 0;line-height: 16px;}
.menuBar ul li ul.sub-menu li ul li a{font-size:12px;color:#000;text-decoration:none;    font-weight: 400;padding-left: 0;    text-transform: none;line-height: 12px;}
.menuBar ul li ul.sub-menu li ul li a:hover, .menuBar ul li ul.sub-menu li ul li a:focus { color: #de1a12; text-decoration: underline; }
.menuBar ul > li.menu-item-has-children > a:after{content: ""; display: inline-block; border: inset 5px; border-color: rgb(255 218 66) transparent transparent transparent; border-top-style: solid; margin-top: 10px; margin-left: 5px; position:absolute;top:29%;}
nav.menuBar {width: 100%;}

@media (min-width: 1200px){
    .nav_toggle{display:none;}
    .mobileMenuBar{display:none;}
	.menuContainer nav > ul{     max-width: 100%;}
}
@media (max-width: 1199px){
	.menuContainer{padding:10px 0;}
	.menu{justify-content: flex-end;}
	form.search-box {padding: 4px 0;}
	.search input[type="text"] {width: 90%;box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.25);padding: 3px 6px;font-size: 12px;
	border: 1px solid #959595;}	
	.nav_toggle {display: flex; flex-direction: row; justify-content: center;align-items: center; border: none; background: none; 
	margin-left: 10px; color: #FFF;}
	.menuContainer .l-container {justify-content:end;}
	.nav_toggle img{width:auto;height:auto; margin-left:10px}
    .menuContainer nav, .footerNavigation {display: none;}
    body.menuOpen { overflow: hidden; }
   	.mobileMenuBar [aria-hidden=true] { display: none; }
    .mobileMenuBar { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0, 0, 0, 0.5); }
    body.menuOpen .mobileMenuBar { display: block; }
    .mobileMenuBar ul { margin: 0; padding: 0; list-style: none; }
    .mobileMenuBar a { display: flex; flex-direction: column; justify-content: center; height: 40px; text-decoration: none; 
	text-transform: uppercase; line-height: 1.2; font-size: 14px;
    font-weight: 700;color: #FFF;}
    .mobileMenuBar .navGroup { height: 100%; margin: 0; padding: 26px; box-shadow: 0 -3px 10px #000; list-style: none; background: #353535;
	z-index:1; }
    .mobileMenuBar .navGroup > h2 { display: flex; flex-direction: column; justify-content: center; height: 70px; margin: -26px -26px 0;
	padding: 0 26px; font-size: 18px; background: #ffda42; color:#353535; }
    .mobileMenuBar .navGroup > button { position: absolute; top: 12px; right: 26px; width: 40px; height: 40px; line-height: 40px; 
	margin: 0 -10px 0 0; border: 0; font-size: 32px; 
	font-weight: 700; background: none; color: #353535; }
    .mobileMenuBar .navGroup > ul:first-of-type { margin: 20px 0; border-top: 1px solid #726e6e; }
    .mobileMenuBar .navGroup > ul li { border-bottom: 1px solid #726e6e; }
    .mobileMenuBar .menu-item-has-children { display: flex; }
    .mobileMenuBar .menu-item-has-children > a { width: calc(100% - 40px); }
    .mobileMenuBar .menu-item-has-children > a + button { width: 40px; height: 40px; line-height: 32px; border: 0; font-size: 26px; 
	font-weight: 700; background: #ffda42; color: #353535;     text-align: center;    -webkit-appearance: none;padding: 0;}
    .mobileMenuBar .menu-item-has-children > a + button:focus,
    .mobileMenuBar .menu-item-has-children > a + button:hover { background: #000; }
    .mobileMenuBar > .navGroup { position: absolute; right: 0; width: 300px; border-color: #ec147c; }
    .mobileMenuBar > .navGroup > ul > li > .navGroup > h2 { background: #ffda42; }
    .mobileMenuBar > .navGroup > ul > li > .navGroup > ul > li > .navGroup > h2 { background: #de1a12; }
    .mobileMenuBar li > .navGroup { display: none; position: absolute; top: 0; right: 0; width: calc(100% - 10px); overflow-y: auto; }
    .mobileMenuBar li > .navGroup.expanded { display: block; }
    #mobileNavGroup-main { display: flex; flex-direction: column; }
    #mobileNavGroup-main > ul:first-of-type { flex-grow: 1; }
    .mobileMenuBar .mobileMenuBar-contact a { display: block; height: auto; padding: 10px; text-align: center; font-size: 16px; 
	background: #de1a12; color: #fff; }
    .mobileMenuBar .mobileMenuBar-contact a:focus,
    .mobileMenuBar .mobileMenuBar-contact a:hover { background: #000; }
    .mobileMenuBar .mobileMenuBar-contact a:before { vertical-align: bottom; }
	.logo a {padding: 0px 48px 0 10px;}
}

@media (max-width: 767px){
	.menuContainer .l-container {justify-content: end;}
	.siteHeader_primary { margin: 0;    padding-top: 3rem;}
	.l-container {padding: 0 2rem;}
	.internal-banner .l-container {padding: 0rem;}
	.heroHeader .l-container {padding: 0rem;}
}

/*------------------------------------*\
    1a. Home - Video
\*------------------------------------*/
.embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
		margin-top:20px;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/*------------------------------------*\
    1a. Home - Banner
\*------------------------------------*/
.banner li img { width:100%;}

/*------------------------------------*\
    1b. Home - Services
\*------------------------------------*/

.service { display:flex; overflow: hidden; flex-wrap:wrap;}
.service-item { width:33.333%;    overflow:hidden; }
.service-item-media {-webkit-transition: all .9s; -moz-transition: all .9s; -o-transition: all .9s; transition: all .9s;height:360px; position:relative; }

.service-item-content h2 { margin: 0; color: #FFF; font-size: 36px; line-height: 40px;font-family: 'Rubik', sans-serif;font-weight:400; }
.service-item-content p { color:#FFF;font-size: 16px; line-height: 20px; margin-top: 8px;font-weight: 700; }

.service-item-media:hover {transform: scale(1.1);}

.service-item{position:relative;}


@media only screen and (min-width:990px) {
	.service-item-media:before {content:""; position:absolute; top:0; left:0; bottom:0; right:0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 9.44%, rgba(0, 0, 0, 0.85) 85.42%);}
}


@media only screen and (min-width:768px) {
	.service-item-content { position: absolute; bottom: 30px; left: 20%; width: 60%; text-align: center; }
}
@media only screen and (max-width:767px) {
	.service-item { width:100%; }
	.service-item-media {height:250px;}
	.service-item-content {position: relative;width: 70%; display: flex; flex-direction: column; align-items: center; justify-content: center; 
	z-index:2;}
	
	.service-item-media:before{content:""; position:absolute; top:0; left:0; bottom:0; right:0;    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -22.56%, rgba(0, 0, 0, 0.85) 31.42%);}
	.service-item-media { -webkit-transition: all .9s; -moz-transition: all .9s; -o-transition: all .9s; transition: all .9s; height: 360px; position: relative; align-items: center; display: flex; justify-content: center; }
	.service-item-content h2 {text-align:center; font-size:32px; line-height:36px;}
	.service-item-content p {text-align:center;}
}


/*------------------------------------*\
    1b. Home - Instagram
\*------------------------------------*/

.instagramFeedHeader { display:flex; justify-content:center;align-items:center;background:#ffda42; }
.instagramFeedHeader p { font-size:36px; line-height:40px;font-weight:700;color:#000;font-family: 'Rubik', sans-serif;display: flex; align-items: center; }
.instagramFeed { background:#eee;}
.instagramFeedHeader a{ display: flex; align-items: center;color:#353535; }
.instagramFeedHeader a:focus, .instagramFeedHeader a:hover {text-decoration:underline;}
/*------------------------------------*\
    1c. Home - Reviews
\*------------------------------------*/
.reviews .l-container { flex-wrap:wrap; }
.reviews span.quoteIcon { border-radius: 50%; background: #000; height: 100px; width: 100px; margin: 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.reviews .attribution{ margin:0 auto; display:block; font-weight:600;text-align:center; }


/*------------------------------------*\
    2. Blocks - Featured Block
\*------------------------------------*/
.home .featureBlock { padding:90px 0px; }
.featureBlock:first-of-type { padding:90px 0px 90px 0; }
body:not(.home) .featureBlock:not(:first-of-type) { padding:90px 0px 0px 0; }
body:not(.home) .featureBlock:last-of-type { padding: 90px 0 90px 0;}
.featureBlock .l-container { align-items:center; }
.featureBlock-image { width:48%; }
.featureBlock-image img { border-radius: 15px; }
.featureBlock-content { width:48%;display: flex; flex-direction: column; }
.snippet { border-left: 5px solid #FFDA42; padding-left: 5px; margin-bottom: 8px; display: block; color: #000; font-weight: 800; text-transform: uppercase; font-size: 16px; line-height: 20px; }
.featureBlock-content h2 { font-size:34px; line-height:38px; color:#000;margin:0 0 3px 0; }
.featureBlock-content li { margin:15px 0; font-size: 18px; line-height: 22px;}
.featureBlock + .statement,
	.featureBlock + .colourBlock{margin:90px 0 0 0;}
.featureBlock a:not(.btn){font-weight:800; text-decoration:underline;}
.featureBlock a:not(.btn):hover, .featureBlock a:not(.btn)focus {color:#BFA717;}
.featureBlock a.btn {width:auto; margin:12px auto;}
.how-we-can-help footer, .support-us footer {margin-top:90px;}
.featureBlock-video {width:56%;}
.featureBlock-video_text {width:40%;display: flex; justify-content: center; align-items: center; flex-direction: column;}
.featureBlock-video_text h2 {margin-top:0;margin-bottom:30px;}
.featureBlock-video_text a.btn {text-align: center;margin: 0;}


@media only screen and (max-width:767px) {
	.featureBlock-video, .featureBlock-video_text {width:100%;    margin-bottom: 30px;}
	.featureBlock .l-container {flex-direction:column;}
	.featureBlock-image, .featureBlock-content { width:100%; }
	.featureBlock-image {margin-bottom:30px;}
	.home .featureBlock {padding:45px 0;}
	.instagramFeedHeader p {font-size:28px; line-height:32px;}
	body:not(.home) .featureBlock:not(:first-of-type) {padding:60px 0 0 0;}
	
}

/*------------------------------------*\
    2. Blocks - Grid Block
\*------------------------------------*/

.grid {padding:90px 0;}
.grid .l-container {justify-content:inherit;flex-wrap:wrap;}
.grid-container { width:100%;     margin-bottom: 20px; }
.grid-introduction {width:60%; margin:0 auto;}
.grid-introduction h2 {text-align: center; font-size: 40px; line-height:44px;color: #010000;margin:0;}
.grid-introduction p {text-align: center;}

.grid-name { display:flex; flex-direction:row;justify-content:space-between;align-items:center;    width: 100%; }
.grid-name-container { width:100%; }
.grid-name-container p {text-align:left;margin:0;}
.grid-name p { font-weight: 800; line-height: 23px; font-size: 17px; }
.grid-name-position { text-align:left;font-size:14px;color:#444; }
.gridPosition {display:block;width:100%;text-align:center;margin-top:7px;}
.grid-name-action img{margin-top:10px; max-width: 15%; margin-left: 6px;}
.grid-name-action { width: 100%; }
.grid-name-action a { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.post-type-archive-staff .grid-image img, .post-type-archive-trustees .grid-image img {border-radius:50%;}
.grid-image {margin-bottom:6%;}
.post-type-archive-donors .grid-image { display: flex; justify-content: center;align-items: center; border:1px solid #F2F2F2; }
.post-type-archive-donors .grid-item {height:100%;}

.grid-image a {  display:block;}
.grid-image a:focus {    outline: 2px solid #3ab5e9;}

@media only screen and (min-width:990px) {
	.grid-item { display: flex;      flex-wrap: wrap;box-sizing: content-box; margin-bottom: 20px; flex: 0 0 23%; margin: 1% 2% 2% 0%; }
	.grid-name p { font-weight: 800; line-height: 19px; font-size: 15px; text-align:center;}
	.post-type-archive-donors .grid-item { flex: 0 0 18%;}
}
@media only screen and (min-width:768px) and (max-width:989px) {
	.grid-item { display: flex;      flex-wrap: wrap;box-sizing: content-box; margin-bottom: 20px; flex: 0 0 31%; margin: 1% 2% 2% 0%; }
}

@media only screen and (max-width:767px) {
	.grid { padding:50px 0; }
	.grid .l-container {flex-direction:row; justify-content:space-between;}
	.grid-item {   width: 46%; margin-bottom: 40px;}
	.grid-name p { font-weight: 800; line-height: 23px; font-size: 17px; text-align: left; }
}
/*------------------------------------*\
    2. Blocks - Statement Block
\*------------------------------------*/
.statement { background:#fd649f;padding:70px 0; }
.statement h2 { text-align: center; font-size: 40px; line-height:44px;color: #FFF;margin:0; }
.statement p {text-align:center; color:#FFF;}
.statement-container { width:60%; margin:0 auto; }
.statement .l-container{flex-direction:column;}
.statement a { font-weight:800; text-decoration:underline;    color: #FFF; }
.statement a.btn { background: #211f1f; color: #FFF; text-decoration: none; margin: 20px auto 0 auto; display: block; width: 30%; text-align: center; }
.statement a.btn:hover, .statement a.btn:focus {background:#444;}
@media only screen and (max-width:767px) {
	.statement-container {width:80%;}
	.statement h2 {font-size:26px; line-height:30px;}
	
	
}
/*------------------------------------*\
    2. Blocks - Colour Block
\*------------------------------------*/
/*.colourBlock { padding:90px 0 0px 0;}*/
.colourBlock-container {flex-direction:row; display:flex;}
.colourBlock-image img { width:100%;border-radius:0;display: block; height: 100%;}
.colourBlock-content { background: #a080c0;padding:70px 0;width:50%; }
.colourBlock-image { width:50%; }
.colourBlock-contentInner { display:flex; flex-direction:column; width:60%;margin:0 auto; }
.colourBlock-contentInner h2 {color:#FFF; font-size:32px; line-height:36px;}
.colourBlock-contentInner p {font-weight:400;color:#FFF;}
.colourBlock-contentInner a.btn {width:auto; margin:10px auto;}
.colourBlock-contentInner a:not(.btn) {color: #ffdd18; text-decoration: underline;}
.colourBlock-contentInner a.btn:hover, .colourBlock-contentInner:focus { background: #eee; color: #353535; }
.colourBlock-contentInner a:focus {outline: 2px solid #3bb5e7;background: #eee;color:#444;}
.colourBlock-contentInner li {color:#FFF;}

@media only screen and (max-width:767px) {
	.colourBlock-container {flex-direction:column;}
	.colourBlock-image, .colourBlock-content {width:100%;}
	.colourBlock-contentInner {width:80%;}
	.colourBlock-content {padding:50px 0; }
}

/*------------------------------------*\
    2. Blocks - FAQ Block
\*------------------------------------*/
.faq { padding:90px 0 70px 0; background: #f4f3f3; }
.faq .l-container { flex-wrap:wrap; }
.faq-introduction { width:80%; margin:0 auto 30px auto; }
.faq-introduction h2 {text-align:center;color:#000; font-size:36px; line-height:40px; margin:0 0 12px 0;}
.faq-introduction p {text-align:center;}
.faq-container { display:flex;flex-direction:row; justify-content:space-between;width:100%; }
.faq-column {width: 49%;}
.faq-item { background: #a080c0; position: relative;margin: 10px 0; color: #FFF; padding: 10px 15px;min-height:100px;display: flex; align-items: center; }
.faq-item p { padding-right: 30px; width: 80%; display: block; position: absolute; }
.faq-item-action {width: 15%; position: absolute; right: 0; font-size: 50px; text-align: center; font-weight: 800; line-height: 54px; display: flex; justify-content: center;}
.faq-item.active img { transform: rotate( 90deg ); }
.answer {display:none;padding:20px;background: rgb(160 128 192 / 30%);}

@media only screen and (max-width:767px) {
	.faq-container { flex-direction: column; }
	.faq-column {width:100%;}
}


/*------------------------------------*\
    2. Blocks - Full Width Block
\*------------------------------------*/
.featureBlock-fullWidthContent {display: flex; flex-direction: column;}
.fullWidthBlock ul, .fullWidthBlock ol { padding: 40px 60px; background:rgba(58 181 230 / .1); border: 1px solid #3ab5e6;  }
.fullWidthBlock li {margin:15px 0; font-size: 18px; line-height: 24px;}
.fullWidthBlock a {font-weight:800; text-decoration:underline;}
.fullWidthBlock a:hover, .fullWidthBlock a:focus{color:#3ab5e6;}
.fullWidthBlock h3 {margin-bottom:0; font-size:26px; line-height:32px;margin-bottom:12px;}
.fullWidthBlock.l-container {max-width:800px; padding:70px 0;flex-direction:column;}
.fullWidthBlock.l-container {padding:5rem 2rem 8rem 2rem;}

/*------------------------------------*\
    2. Blocks - Introduction
\*------------------------------------*/
.introduction { background:#ffda42;padding:50px 0; }
.introduction .l-container { flex-direction:column; }
.introduction-container { width:60%; margin:0 auto;text-align:center; }
.introduction-container h2 { text-align: center; font-size: 40px; line-height:44px;color: #010000;margin:0; }

@media only screen and (max-width:767px) {
	.introduction-container {width:90%;}
}

/*------------------------------------*\
    3. Template - Contact
\*------------------------------------*/

.contact .l-container { padding:60px 0 30px 0; flex-wrap:wrap; }

.contact-column.two-column { width:48%; background: rgb(255 218 66 / 10%); border: 1px solid #ffda42; padding: 20px;display: flex; flex-direction: column; }
.contact-column.three-column { width: 32%; background: rgb(255 218 66 / 10%); border: 1px solid #ffda42; padding: 20px;display: flex; flex-direction: column; }

.contact-column-full { width: 100%;background: rgb(255 218 66 / 10%); border: 1px solid #ffda42; padding: 20px;margin:50px 0; }

.contact-column-full a:hover, .contact-column-full:focus {text-decoration: underline;}
.contact-column iframe {margin-top:15px;}
.location-details {display: flex;flex-grow: 1;flex-direction: column;}

@media only screen and (min-width:768px) and (max-width:989px) {
.contact-column.three-column { width:48%; margin-bottom: 30px }
}	
@media only screen and (max-width:767px) {
	.contact-column.two-column, .contact-column.three-column {width:100%;     margin-bottom: 30px;}
	.contact .l-container {padding:0 2rem;}
	.contact {padding:50px 0;}
	.contact-column iframe {margin-top:15px;}
	.contact-column-full { margin-top:10px; }
	.contact-column-full a {  overflow-wrap: break-word; }
}


/*-----------------------------------*\
  	Modal Overlay Box
\*-----------------------------------*/

#modal {
	max-width: 947px;
	background-color: #fff;
}


.modal-internal {
	display: flex;
	flex-direction: row;
	padding: 2.9rem 3rem;
	margin: 0;
}

.modal-content {
  margin-left: 30px;
  max-width: 533px
}
.modal-media {
    background: #eee;
    padding: 20px;
}
.modal-media .btn {margin-bottom:8px;}
.modal-content h2 {
	color: #000;
	    font-size: 34px;
	line-height:38px;
    margin: 0;
	font-weight: 700;
}

.modal-content h3 {
    font-size: 20px;
	color:#000;
    margin: 10px 0 5px 0;
    line-height: 24px;
}

.modal-media ul {list-style:none;    padding: 0;}

.modal-content p {
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	font-weight: 300;
	margin: 0;	
	padding: 0 0 5px 0;
}

.position {
	font-family: 'Poppins', sans-serif;
	font-size: 14px!important;
	font-weight: 300!important;
	color: #fff;
}

.myClose {
    height: 38px;
    width: 38px;
    background-image: url("/wp-content/themes/MGI/img/icons/close-button.png")!important;
    background-repeat: no-repeat;
}

.modal-image {
	margin-bottom: 2rem;
}

.modal-socials a:first-child {
	margin-right: 1rem;
}
.modal-socials {text-align:center;}

.modal-content > .position {
	color: #010000;
	font-size: 1.4rem;
	font-weight: 400;
	text-align: left;
	margin-bottom: 5px;
}



.modal-content P {
	color: #000000;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 2.2rem;
	text-align: left;
}

@media (max-width: 1000px) {
	.modal-internal {
		flex-direction: column;
	}
	.modal-content {
		margin-left: 0;
	}
}

.contentContainer {
	margin: 70px auto;
}

@media (max-width: 332px) {
	.contentBox h2 {
		font-size: 21px;
}
}

@media (max-width: 767px) {
	.modal-media {margin-bottom:40px;}
	.modal-image {margin-bottom: 0; }
}
/*------------------------------------*\
    5. Footer
\*------------------------------------*/

body > footer { background:#211F1F; min-height:400px;padding:60px 0;color:#FFF; }
.footer-column:nth-child(1) {width:23%;}
.footer-column:nth-child(1) h2 { font-size:26px;line-height:30px; margin-bottom:0; }
.footerBio { font-size:14px;line-height:18px; margin-top:10px;display:block; }
.footerBio p { font-size:16px; line-height:20px;}
.footerBtn {    background: #3ab5e6; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); border-radius: 35px; padding: 11px 22px; display: inline-block; font-size: 16px; line-height: 20px; font-weight: 700; text-transform: uppercase; color: #FFF; margin-top: 5px;margin-bottom:20px;}
.footerBtn:hover, .footerBtn:focus {background:#353535;color:#FFF;}
.footerBtn:focus {    outline: 4px solid #a080c0;}
.footer-column:nth-child(1) a:focus { outline: 2px solid #a080c0;}
.footer-column:nth-child(1) h2:nth-of-type(2) { margin-bottom:10px; }
.footer-column:nth-child(2) { width:19%;}
.footer-column:nth-child(3) { width:14%; }
.footer-column h2.certified{ margin:10px 0 0; }
.footer-column:nth-child(4) { width:28%;align-items: center; display: flex; flex-direction: column; }
.footer-column:nth-child(4) p { font-size:16px; line-height:20px; }
.footer-column h2 {margin:0; color:#FFF;    font-size: 22px; line-height: 26px;}
footer article a { display:flex;align-items: center;justify-content:space-between;border-bottom:2px solid #3eae4f;padding:10px 0; color:#FFF; }
footer article a:hover, footer article a:focus {color:#FFF; text-decoration:underline;}
.footerBlogImg {width:40%;}
.footerBlogContent { width:55%;font-size:14px;font-weight:600;}
.subFooter {padding:8px 0;color:#FFF;  font-size:12px;  background: #323333;}
.subFooter p.copyright {margin:0;font-size:12px;line-height: 16px;}
.subFooter p.copyright a {color:#FFF;}
.footerBlogContent span {font-weight:400;font-size:12px;}

.footer-column nav {margin:0 0 10px 0;}
.footer-column nav ul {list-style:none; margin:5px 0;}
.footer-column nav li {display:block;}
.footer-column nav li a {color: #FFDA42; text-decoration:underline; font-weight: 700; line-height: 20px; font-size: 14px; text-transform: uppercase; }
.footer-column nav li a:hover, .footer-column nav li a:focus { text-decoration:underline; color:#3bb5e7; }


.footer-column p{font-size: 16px; line-height: 20px;}


.subFooter .l-container {align-items:center;}
.subFooter-col {width:48%;}
.subFooter-col:nth-child(2){text-align:right;}
.subFooter-col:nth-child(2) a {color: #FFDA42;font-weight: 700;}
.subFooter-col:nth-child(2) a:hover,.subFooter-col:nth-child(2) a:focus{text-decoration: underline;}

@media only screen and (max-width:767px) {
	.subFooter .l-container {flex-direction:column;}
.subFooter-col {width:100%;margin-bottom:10px;}
	.subFooter-col:nth-child(2) {text-align:left;}
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
.dark { background: #323333;;color:#FFF; }
.utilityHeader { color:#181615; padding:8px 0;}
.utilityHeader .socialIcons {width:60%;}
.utilityHeader .socialIcons a img { width: 3%; }
.utilityHeader .contactDetails {width: 58%; display: flex; align-items: center; color: #FFF; }
.utilityHeader .contactDetails a:first-child { color:#FFF;margin-left:3px;}
.utilityHeader .l-container { justify-content: flex-end; }
.utilityHeader a:hover, .utilityHeader a:focus {outline: 2px solid #a080c0; background: #f2f2f2;}

.banner {width:100%;color:#FFF; position:relative;     z-index: 0;    border: 0; display: flex; flex-direction: row; justify-content: center;    align-items: center;}
.banner .l-container {height: 100%;}
.internal-banner {height:400px;}
.slideInner {display:flex;flex-direction:row;    justify-content: space-between;width:100%;}
.slideInnerLeft{width: 45%; display: flex; flex-direction: column; justify-content: center; padding: 0;}
.slideInnerLeft h1 { margin: 0 0 10px 0; font-size: 50px; font-weight: 800; line-height: 54px; color:#FFF;}
.slideInnerLeft p { margin:0; }
.slideInnerRight { width:40%;    margin: 4rem 0; }
.slideInnerRight img { max-width:100%;}
section.featuredBlock.dark .l-container { padding:80px 0; }
section.featuredBlock.dark ul {margin-top:15px;}
section.featuredBlock.dark li {list-style:none; position:relative;margin:10px 0px 15px 10px;}
section.featuredBlock.dark li:before {content:"";position:absolute; background:url(/wp-content/themes/blankTheme/img/check.svg);width: 22px; height: 22px; left: -30px;}
.featuredBlock-content, .featuredBlock-image { width:48%; }
.featuredBlock-content h2 { font-size:36px;line-height:40px;margin:10px 0; }
.featuredBlock-image img { -moz-box-shadow: 0 20px 40px rgba(0,0,0,.3); -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.3); box-shadow: 0 20px 40px rgba(0,0,0,.3);   border-radius: 15px; }
.featuredBlock-fullWidth { padding:80px 0; background: #1571B5;text-align:center;color:#FFF; }
.featuredBlock-fullWidth .l-container {flex-direction: column;max-width: 900px;}
.featuredBlock-fullWidth a { color:#FFF; text-decoration:underline; }
.featuredBlock-fullWidth h2 + h3 {color:#FFF;}

.featuredBlock-fullWidth h2 { font-size:36px;color:#FFF;line-height:40px;margin: 0 auto; }
.featuredServicesInner-icons ul {max-width:90%;    list-style: none;    margin: 15px auto 10px auto; padding-left:20px;}
.featuredServicesInner-icons li { margin:10px 0;border-bottom: 1px solid #d4cdcd;padding: 8px 0; position:relative;}
.featuredServicesInner-icons li:before{content: "\25B8"; color: #3eae4f; font-weight: bold; display: inline-block; width: 30px; margin-left: -1em; font-size: 25px; position: absolute; line-height: 1; left: 6px;}
.reverse .l-container {flex-direction:row-reverse;}
.reverse .featuredBlock-image img {box-shadow:none;}
.featuredServices-items-inner { background: #e4e4e4; width: 100%; border: 1px solid #ccc; border-radius: 20px;    padding-bottom: 20px;}

.featuredServices .l-container { flex-direction:column; }
.featuredServicesInner { display: flex; flex-direction: column; width: 100%;     margin: 20px auto 40px auto;}
.featuredServicesInner-icons{ width:100%;display: flex;    justify-content: space-between; } 
.featuredServices.lead .l-container  { flex-direction:row; }
.featuredServicesInner h2 {font-size:30px; line-height:34px;margin-bottom:0;}

.reviews {     background: #ffda42;padding:60px 0 90px 0;position:relative; }
.reviews .l-container { flex-direction: row;    align-items: center; max-width: 900px;}
.reviews blockquote p { font-size: 34px; line-height: 38px; font-weight: 800;color: #000; text-align: center; }
.reviews blockquote footer strong{color: #ad7b7b;}

@media only screen and (max-width:767px) {
	.reviews blockquote p {font-size:24px; line-height:28px;}
	.reviews { padding:60px 0; }
}



.utilityBtn {
	position:relative;    
	padding-left: 50px;    
	display: flex;
    background: #3EAE4F;
    padding: 10px 10px 10px 50px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    margin-left: 40px;}
.utilityBtn:hover, .utilityBtn:focus {background:#14cc2f;color:#FFF;}
.utilityBtn:before {content: url(/wp-content/themes/blankTheme/img/bubbles2.svg);position:absolute;left: 5px;
    top: 10%;}
.socialIcons a{margin-right:5px; color:#FFF;}
.socialIcons a img {vertical-align:middle;}

.home .featuredServices.lead .featuredServices-items {width:31%;text-align: center; position:relative; display:initial;  }
.featuredServices-items {width:23%;text-align: center; position:relative;    display: flex;}

.featuredServices-items svg {width: 128px; height: 128px;}
.featuredServices-items li { text-align:left;}
section.featuredServices {
    padding: 90px 0;
    background: #faeded;
}
.featuredServices-items a { position:absolute;top:0; left:0; right:0; bottom:0; height:100%; }
.pricingContainer div:hover {    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    transform: translateY(-4px);
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;}
.price {color:#323333; text-align:center;display:block;font-size:22px; line-height:26px; font-weight:800;}

.banner ul.slides {
    height: 100%;
	display: flex;
    margin: 0;
	list-style:none;
	padding: 0;
}


/*------------------------------------*\
    Gravity Forms
\*------------------------------------*/
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
    background: #000!important;
    border-color: #000!important;
}

.gform_wrapper.gravity-theme input:focus, .gform_wrapper.gravity-theme textarea:focus {outline:4px solid #a080c0}
.gform_wrapper.gravity-theme .gfield_checkbox button { background: #FFDD18;color: #000; border-radius: 10px; padding: 21px 15px; border: 0;font-weight: 700; text-transform: uppercase; }
.gform_wrapper.gravity-theme .gfield_label {font-size:20px!important;}
.gfield_description, .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {font-size:18px!important;}
.gform_wrapper.gravity-theme .gfield textarea {
    width: 100%;
    background: #eee;
    padding: 20px;
}
.gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=email] {background: #f2f2f2!important; border: 1px solid; padding: 10px!important;}
.gform_wrapper.gravity-theme .gform_previous_button.button, 
.gform_wrapper.gravity-theme .gform_save_link.button,
.gform_next_button.button,
input.gform_button.button { background: #3ab5e6!important; color: #FFF!important; text-decoration: none; -webkit-appearance: none!important;border:0;border-radius: 35px; padding: 21px 30px; font-weight:700!important;text-transform:uppercase; }
.gform_page_fields h3 {font-size:26px; line-height:30px;}
.gform_wrapper.gravity-theme .gform_page_footer {margin:15px 0!important;}
.gfield_description.validation_message.gfield_validation_message { display: flex; justify-content: center;padding-bottom:0px!important; padding: 10px!important; }
.gform_wrapper.gravity-theme .gf_page_steps { border-bottom: 1px solid #e5e7eb; margin-bottom: 16px; border-top: 1px solid #e5e7eb; padding: 15px 0px; }

.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
    background: #ffda42!important;
    color: #000!important;
    font-weight: 700;
    border: 2px solid;
}
.gform_wrapper.gravity-theme .gf_step_number {background:#eee!important;}
.gchoice { margin: 10px;}
.gform_wrapper.gravity-theme .ginput_complex label { font-weight: 700; margin-bottom: 8px; display: inline-block; padding: 0; font-size: 20px!important; }

input#file-upload-field { background: #FFDD18!important; color: #000!important; text-decoration: none; -webkit-appearance: none!important; border: 0; border-radius: 35px; padding: 21px 30px; font-weight: 700!important; text-transform: uppercase; }

@media only screen and (min-width:320px) and (max-width:767px) {
	.gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium {
		width: 100%!important;
	}
}

/*------------------------------------*\
    Mailchimp - Subscriber Box
\*------------------------------------*/
#mc_embed_signup{
    padding: 20px 40px;
    background: #eee;
	margin-bottom:20px;
	margin-top:20px;

}
#mc_embed_signup label{font-family: 'Montserrat', sans-serif;}
#mc_embed_signup input[type="submit"] {
	background: #3ab5e6;border:0; border-radius: 35px; padding: 11px 22px; display: inline-block; font-size: 16px; line-height: 20px; font-weight: 700; text-transform: uppercase; color: #FFF;
}
#mc_embed_signup input[type="submit"]:focus {
    outline: 2px solid #a080c0;
}
#mc_embed_signup input[type="submit"]:hover {background:#353535;color:#FFF;}

#mc_embed_signup input:not([type="submit"] ) {padding:10px 15px; width:100%;}
#mc_embed_signup input[type="checkbox"] {width:auto;margin-right: 10px;}
#mc_embed_signup_scroll { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.mc-field-group {width: 48%;}

#mc_embed_signup, .content__gdpr p, .content__gdprLegal p {font-size:16px; line-height:20px;}
#mc_embed_signup  a { color: #3ab5e6; text-decoration: underline; font-weight: 700;}
#mc_embed_signup .footerBtn {border-radius:25px!important;margin:0;}
.content__gdpr > p > label {font-size:24px;line-height: 30px;font-weight:600;display:block;margin-bottom: 10px;}
#mc_embed_signup .optionalParent {float: left; width:100%;}

p.indicates-required {
    width: 100%;
}
/*------------------------------------*\
    Instagram
\*------------------------------------*/
#cff .cff-photo, #cff .cff-html5-video, #cff .cff-event-thumb{ 
    height: 200px;
    width: 100%;
}
.cff-multiple{ overflow: hidden; }

/*------------------------------------*\
	Contact
\*------------------------------------*/

.communicationChannels{background:#fd649e;padding:90px 0;}
.communicationChannels .l-container {flex-wrap:wrap;}
.communicationChannels-header {width:100%;/*margin-bottom:40px;*/}
.communicationChannels-header h2 {color:#FFF;text-align:center;margin-top:0;}
.communicationChannels-col {width:32%;background:#fcfbec;padding:30px;    display: flex;
    flex-direction: column;
    flex: initial;}
.communicationChannels-col h3 {text-align:center;font-size:24px; line-height:28px;margin-bottom:0; margin-top:0;}
.communicationChannels-col-summary { display: flex; flex-direction: column; flex-grow: 1; text-align:center;}
.communicationChannels-col .btn {margin:15px auto 0 auto; display:block;text-align:center;}
.communicationChannels-col.twoColumn { width: 48%;}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:768px) and (max-width:1200px) {
	.colourBlock-container {flex-direction:column;}
	.colourBlock-image, .colourBlock-content {width:100%;}
	.contact .l-container {padding-left:4rem; padding-right:4rem;}
	
}


@media only screen and (min-width:768px) and (max-width:1024px) {
	section.featuredBlock.dark .l-container {padding:40px 4rem;     align-items: center;    }
	.testimonials ul.slides > li { height: 100%; list-style: none; max-width: 90%; margin-left: 4%; }
	.flex-direction-nav .flex-prev {left:0px;}
	.featuredBlock-pricing {padding:4rem;}
	.pricingContainer .btn { width:80%; }
	.utilityHeader .contactDetails { width:80%; }
	.slideInnerLeft .btn {width:55%;}
	.flexslider .slides > li { padding:40px 0; }
}
@media only screen and (min-width:991px) and (max-width:1024px) {
.utilityHeader .socialIcons a img { width: 6%; }
}

@media only screen and (min-width:768px) and (max-width:990px) {
	.introduction-container { width: 85%;}
	.service-item-media:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; 
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) -64.56%, rgba(0, 0, 0, 0.85) 85.42%); }
	.menuContainer .l-container {justify-content: end; }
	.utilityHeader .socialIcons {width: 100%;}
	.utilityHeader .socialIcons a img {width: 15%;}
	.utilityHeader .contactDetails { width: 83%; display: flex; align-items: center; color: #FFF; }
	.siteHeader_contactInfo-icon {margin-right:10px;}
	section.featuredBlock.dark .l-container { flex-direction: column-reverse; }
	.featuredBlock-content, .featuredBlock-image { width:100%; margin-bottom:40px;}
	.featuredBlock-fullWidth .l-container { padding:40px 4rem;  }
	.featuredServicesInner-icons {flex-wrap:wrap;}
	.featuredServices-items {width:48%;     margin-bottom: 60px;}
	.testimonial-image { margin-left: 6%; }
	.featuredBlock-pricing .l-container {padding:40px 4rem;}
	.pricingContainer {flex-wrap:wrap;}
	.packageOne, .packageTwo, .packageThree {width:48%;margin-bottom:20px;}
	footer .l-container {flex-wrap:wrap;}
	.footer-column:nth-child(1), .footer-column:nth-child(2), .footer-column:nth-child(3), 
	.footer-column:nth-child(4) {width:48%;margin-bottom:20px;}
	
}

@media only screen and (max-width:767px) {
	form#mc4wp-form-1 input[type="submit"] {margin-top:10px;}
	.mc4wp-form-fields p {width: 100%;}
	button.fancybox-button.fancybox-close-small { top: 50px;right: 0px;}
	.communicationChannels .l-container {flex-direction:column;}
	.communicationChannels-col, .communicationChannels-col.twoColumn {width:100%;margin-bottom:20px;}
a.utilityBtn { display: none; }
.utilityHeader .contactDetails, .utilityHeader .socialIcons {width:100%;}
	.contactDetails {margin-top:8px; margin-bottom:8px;}
.utilityHeader .socialIcons a img { width: 6%; }	
	.utilityHeader {display:none;}
	.banner { display: none;}
	.slideInner { flex-direction:column-reverse; margin: 20px 0;}
	.slideInnerLeft  { width:100%; }
	.slideInnerLeft .btn {width: 75%; }
	.slideInnerRight { width:50%; }
	
	.featuredServices.lead .l-container , footer .l-container {flex-direction:column; }
	.featuredServices-items {width:100%;margin-bottom:20px;}
	section.featuredBlock.dark .l-container {flex-direction:column-reverse; padding:0 2rem;}
	.featuredBlock-content, .featuredBlock-image {width:100%;     margin-top: 40px;}
	.dark {padding:40px 0; }
	.featuredBlock-fullWidth {padding:60px 0;}
	.featuredServicesInner-icons {flex-wrap:wrap;}
	.testimonials .l-container {flex-direction:column;}
	.pricingContainer {flex-direction:column;}
	.packageOne, .packageTwo, .packageThree {width:100%;margin-bottom:30px;}
	.testimonials, .featuredBlock-pricing {padding:60px 0; }
	.testimonials ul.slides {width: 100%;}
	.testimonials blockquote { width: 100%; text-align: center; }
	.footer-column {margin-bottom:40px;}
	.footer-column:nth-child(1) , .footer-column:nth-child(2),
	.footer-column:nth-child(3), .footer-column:nth-child(4) {width:100%;}
	.utilityHeader .l-container {flex-direction:row;}
	.siteHeader_primary .l-container {flex-wrap:wrap;}
	.siteHeader_contactInfo, .siteHeader_contactInfo-contactNumbers {width:100%;}
	.siteHeader_contactInfo-contactNumbers {margin-left:0; margin-bottom:20px;}
	.siteHeader_contactInfo-shop {display:none;}
	.siteHeader_contactInfo { border-top: 1px solid #ccc; padding-top: 15px; }
}
.reverse {flex-direction:row-reverse;}
@media only screen and (max-width:767px) {
.reverse {flex-direction:column;}	
}

#top {
    position: absolute;
    right: 60px;
    bottom: 60px;
    background: #ffdd18;
    padding: 10px 20px;
    width: auto;
    color: #000;
    opacity: 1;
    font-weight: 800;
}
#top img {vertical-align:middle;}
#top {
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    display:none;
    cursor: pointer;
}
@media only screen and (max-width:767px) {
	#top {right: 20px;bottom: 120px;}
}