/**
 * ==========================================================================================
 * ==========================================================================================
 *
 * 								RESPONSIVE.CSS
 *
 * ==========================================================================================
 * ==========================================================================================
 *
 * @since		0.1.0
 * @version 	0.9.14
 * @author		chriscarvache
 */


/**
 * ==============================================
 *  SMALL SCREENS
 * ==============================================
 */

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
	
	#utility{
		text-align: center;
	}

	.sub-header{
		font-size: 1.5em;
	}

	.service-area .sub-header:after{

	}
	.overbox span:after{ 
		display: block;
		position: relative;
		/* left: 3.2em; */
	}

	.overbox .columns{
		width: 100% !important;
		margin-top: 2em;
	}

	.logo {
		margin-right: 40px;
		max-width: 230px;
	}
	.hero-slider .inner{
		padding: 4em 0 5em;
	}
	.hero-slider .title{
		font-size: 2em
	}

	#main-footer .widget {
		text-align: center;
		padding-top: .5em;
	}

	.hero-slider{

	}
	#more-footer{
		padding: 1.5em;
	}

	.hero-variety-2 .feature-content ul {
		list-style: none;
		margin: 0 0 1em;
	}

	.woocommerce .cart table,
	.woocommerce .cart tr,
	.woocommerce .cart td,
	.woocommerce .cart th {
		display: block;
	}

	.woocommerce .cart thead {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.woocommerce .cart tr td img {
		width: 100%;
	}

	.woocommerce .cart .cart_item td:nth-child(1) {
		position: absolute;
		background: rgba(200,0,0, 1);
		margin-top: 3px;
		margin-left: 3px;
		width: 36px;
		text-align: center;
		-webkit-border-radius: 999px;
		-moz-border-radius: 999px;
		-o-border-radius: 999px;
		border-radius: 999px;
	}

	.woocommerce .cart .cart_item td:nth-child(1) a {
		color: #fff;
		font-weight: bold;
	}


	.woocommerce .cart .cart_item td:nth-child(3) {
		font-weight: bold;
		font-size: 1.4em;
	}

	.woocommerce .cart .cart_item td:nth-child(4):before {
		content: 'Product Price: ';
		font-weight: bold;
		width: 120px;
		display: inline-block;
		float: left;
	}

	.woocommerce .cart .cart_item td:nth-child(5):before {
		margin-top: .56em;
		content: 'Quantity: ';
		font-weight: bold;
		width: 120px;
		display: inline-block;
		float: left;
	}

	.woocommerce .cart .cart_item td:nth-child(5) input {
		width: 60px;
		margin: 0;
	}

	.woocommerce .cart .cart_item td:nth-child(6):before {
		content: 'Sub Total: ';
		font-weight: bold;
		width: 120px;
		display: inline-block;
		float: left;
	}

	.woocommerce .cart .variation {
		padding: 1em 0 0;
	}

	.cf-small-1 .swiper-slide {
		width: 100%;
	}

	.cf-small-2 .swiper-slide {
		width: calc(100% /2 - 20px);
	}


	.overbox .columns:first-child {
		margin-bottom: 3em;
	}

	.overbox .columns:first-child p{
 		max-width: 100%!important;
 		margin-bottom: 1em;
 		text-align: left;
 		float: left;
 	}

 	.quotes .next {
 		display: none;
 	}

 	.quotes .button {
 		width: 100%;
 		margin-bottom: 1em;
 	}

 	.water .row {
 		padding: 1em;
 	}
    
    #utility {
        display: none;   
    }
    
    #header.stuck {
        position: relative !important;
        background: #fff;
    }
    
    .mobile-button-container {
        margin-top: 1.7em;
    }
    
    .title {
        font-size: 2.2em;
    }
    
    .title-section .row {
        padding: 4em 0;
    }
    
}

/*-- END SMALL SCREENS --*/



/**
 * ==============================================
 *  MEDIUM SCREENS
 * ==============================================
 */

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 1024px) {
    
	#utility #utility-1 {
		text-align: center;
	}

	.component {
		padding: 3em 0;
	}
	.component.image-cta,
	.component.hero-vertical-ctas,
	.component.services-slider {
		padding: 0;
	}

	.component.has-titles {
		padding-top: 0;
	}

	.title-wrap {
		padding: 3em 0 1em;
	}
	.overbox .columns:nth-child(1){
		width: 40% !important;
	}
	.overbox .columns:nth-child(2){
		width: 60%;
		margin-top: 2em;
	}

	#utility-2 {
		text-align: right;
	}

	#hpslider .background{
		background-position: center center!important;
	}

	#hpslider .transparent {
		margin: 0 3em;
	}



	#main-footer .medium-6:first-child {
		width: 60%;
	}

	#main-footer .medium-6:last-child{
		width: 40%;
		text-align: right;
	}
	#main-footer .columns:nth-child(3){
		padding-left: 3em
	}


	.image-grid {
		padding: 2em 0;
	}

	.image-grid .title + .sub-header {
		margin-bottom: 2em;
	}

	.parallax-section {
		padding: 2em 0;
	}

    .component.map .cta {
		padding: 3em 0;
	}

	.component.map .content {
		font-size: 1.2em;
	}

	.dual-cta {
		padding: 3em 0;
	}

	.dual-cta .content {
		font-size: 1.1em;
	}

	.value-proposition {
		padding: 3em 0;
	}

	.image-carousel .swiper-slide {
		width: 33.3%;
	}


	.single-cta p {
		font-size: 1.6em;
	}

	.product-carousel .swiper-slide{
		width: 33.3%;
	}

	.parallax-background {
		padding: 3em 0;
	}

	.woocommerce .shop_table .product-remove {
		width: 30px;
	}
	.woocommerce .shop_table .product-thumbnail {
		width: 80px;
	}

	.woocommerce .shop_table .product-price {
		width: 110px;
	}

	.woocommerce .shop_table .product-quantity {
		width: 30px;
	}

	.woocommerce .shop_table .product-subtotal {
		width: 110px;
	}

	.image-carousel .swiper-slide {
		width: -webkit-calc(100% / 3 - 10px);
		width: calc(100% / 3 - 10px);
	}

	.recent-content {
		padding: 3em 0;
	}

	.recent-content .swiper-container .swiper-slide {
		width: -webkit-calc(100% / 2 - 20px);
		width: calc(100% / 2 - 20px);
	}

	.services-slider .swiper-container {
		padding: 4em 0 3em!important;
	}

	.hero-post-area .inner {
		margin-top: 16em;
		padding: 2em;
	}

	.category-title {
		position: absolute;
		z-index: 9;
		left: 10px;
	}


	.category-parallax .wrap {
		min-height: 100px;
		position: relative;
	}

	.category-parallax .inner {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.upcoming-events .wrap {
		min-height: 230px;
		padding: 2em;
		position: relative;
	}

	.upcoming-events .inner {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.hero-variety-3 {
		padding-bottom: 1em;
	}

	.hero-variety-3 .title-wrap {
		padding-bottom: 1em;
	}

	.cf-medium-1 .swiper-slide {
		width: 100%;
	}

	.cf-medium-2 .swiper-slide,
	.events-carousel .swiper-slide {
		width: -webkit-calc((100% / 2 - 20px) + (20px / 2));
		width: calc((100% / 2 - 20px) + (20px / 2));
	}

	.cf-medium-3 .swiper-slide,
	.video-feed .carousel .swiper-slide {
		width: -webkit-calc((100% / 3 - 20px) + (20px / 3));
		width: calc((100% / 3 - 20px) + (20px / 3));
	}

	.cf-medium-4 .swiper-slide {
		width: -webkit-calc((100% / 4 - 20px) + (20px / 4));
		width: calc((100% / 4 - 20px) + (20px / 4));
	}


	.recent-news .inner {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.recent-news .columns {
		position: relative;
	}

	.component.hero {
		padding-top: 15em;
		padding-bottom: 20em;
	}

	.component.small-hero {
		padding-top: 11em;
		padding-bottom: 11em;
	}

	#middle {
		padding: 3em 0;
	}

	.hero-slider .inner {
		padding: 10em 0 12em;
		margin-left: auto;
		/* max-width: 640px; */
	}

	.bkg-content-cta .columns {
		padding-left: 23em;
	}

	.bkg-content-cta .content {
		text-align: left;
	}


	.image-cta .columns {
		padding: 8em 3em;
	}

	.hamburger__icon,
	.hamburger__icon:after,
	.hamburger__icon:before {
		width: 2em;
	}

	.hamburger:before {
		content: 'Menu';
		position: absolute;
		left: -2.9em;
		top: .53em;
	}

	.component.one-column-section.has-titles {
	}

	.component.two-column-section {
		padding: 4em 0;
	}

	.parallax-background.content-right {
		padding-top: 23em!important;
		padding-bottom: 0!important;
	}


	#main-footer .columns:nth-child(3) .widget {
		display: inline-block;
		margin: 0 1em;
	}

	#main-footer .columns:nth-child(3) .widget:first-child {
		margin-left: 0;
	}

	#main-footer .columns:nth-child(3) .widget:last-child {
		margin-right: 0;
	}


	#main-footer .widget {
		display: inline-block;
		margin: .5em;
	}

	.woocommerce-carousel .category-link {
		top: -5.6em;
		position: relative;
	}

	.featured-media .columns {
		position: relative;
	}

	.featured-media .columns:nth-child(1) {
		padding-top: 50%;
	}

	.featured-media .columns:nth-child(1) .item {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-bottom: 0;
	}

	.featured-media .columns .wrap {
		height: 100%;
		min-height: auto;
	}

	.featured-media .columns:nth-child(2) {
		padding-top: 50%;
	}

	.featured-media .columns:nth-child(2) .item{
		position: absolute;
		left: 0;
		right: 0;
		height: 50%;
	}

	.featured-media .columns:nth-child(2) .item:nth-child(1) {
		top: 0;
	}

	.featured-media .columns:nth-child(2) .item:nth-child(2) {
		top: 50%;
	}

	.featured-media .columns:nth-child(1) .wrap {
		margin-right: .5em;
	}

	.featured-media .columns:nth-child(2) .wrap {
		margin-left: .5em;
	}

	.featured-media .columns:nth-child(2) .item:nth-child(1) {
		padding-bottom: .5em;
	}

	.featured-media .columns:nth-child(2) .item:nth-child(2) {
		padding-top: .5em;
	}

	.featured-media .inner {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 100;
		padding: 1em;
	}

	.featured-media .inner .title {
		max-width: 400px;
	}

	#utility {
		padding: 1em;
	}

	#main-footer-3 {
		text-align: right;
	}

	#more-footer .button {
		margin-right: 1em;
	}


	.overbox {
		/* max-width: 500px; */
		margin-left: auto;
		margin-right: 2em;
		position: relative;
		z-index: 9;
		background-color: white;

	}

    .minor-major .medium-6.columns:first-child,
	.major-minor .medium-6.columns:last-child {
		width: 100%;
	}

	.minor-major .medium-6.columns:last-child,
	.major-minor .medium-6.columns:first-child {
		width: 100%;
	}

	.minor-major .medium-6.columns:last-child{
		text-align: center !important;
	}

	.blue:before{
 	content: '';
 	display: block;
 	background-color: rgba(90,168,203, .1);
 	position: absolute;
	-webkit-clip-path: circle(100.0% at 20% -90%);
	clip-path: circle(100.0% at 20% -90%);
 	width: 100%;
 	min-height: 15%;
    display: block;

 	}

 	.service-area .sub-header:after {
    left: 18em;
 	}

 	.house:before{
    	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f6f6+0,c4c4c4+47,c4c4c4+48,f6f6f6+100 */
		background: rgb(246,246,246); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(246,246,246,1) 40%, rgba(196,196,196,1) 47%, rgba(196,196,196,1) 0%, rgba(246,246,246,1) 30%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(246,246,246,1) 40%,rgba(196,196,196,1) 47%,rgba(196,196,196,1) 0%,rgba(246,246,246,1) 30%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(246,246,246,1) 40%,rgba(196,196,196,1) 48%,rgba(196,196,196, 1) 0%,rgba(246,246,246,1) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */
    	-webkit-clip-path: polygon(48% 8%, 100% 34%, 100% 0, 0 0, 1% 21%);
clip-path: polygon(48% 8%, 100% 34%, 100% 0, 0 0, 1% 21%);
    	display: block;
    	content: '';
    	width: 100%;
    	min-height: 20%;
    	position: absolute;
    	z-index: -1;
    	margin-top: -10em
 	}

 	.overbox .columns:first-child,
 	.overbox .columns {
 		width: 100%!important;
 		max-width: 100%!important;
 	}

 	.overbox .columns:first-child p:first-child{
 		float: left;
 	}

 	.overbox .columns:first-child p:last-child{
 		float: right;
 	}

}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

	.off-canvas-button {
		margin-top: .4em;
	}


	.masonry-view .excerpt {
		display: none;
	}

	.header-widgets {
		margin-right: 3em;
	}

    .mobile-button-container {
        margin-top: 1.7em;
    }

	.overbox .columns:first-child {
		margin-bottom: 3em;
	}

	.overbox {
		margin-right: 0;
	}
    
    #utility {
        display: none;   
    }

    #header.stuck {
        position: relative !important;
        background: #fff;
    }
    
    .hero-vertical-ctas .inner {
        padding: 3em;
        background: rgba(0,0,0, .5);
        min-height: 570px;
    }
    
    .image-cta .columns {
        padding: 2em 2em;
    }
    
    .quotes .button {
        margin-bottom: 1em;
    }
    
    .component.pull-top,
	.component.top-angle {
		margin-top: -13em;
	}

	.component.top-angle {
        -webkit-clip-path: polygon(0 1%, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 1%, 100% 0, 100% 100%, 0% 100%);
        position: relative;
        z-index: 9;
        padding-top: 2.5em;
        background: #fff;
        margin-top: -6.5em;
        padding-bottom: 1.5em !important;
	}

    
   .component.top-angle-alt {
        -webkit-clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 100%);
        position: relative;
        z-index: 9;
        padding-top: 2.5em;
        background: #fff;
        margin-top: -4em; 
        padding-bottom: 1.5em !important;
    }
    
    .water .row {
        max-width: 100%;
        padding: 0;
    }
    
    
    .title-section .row {
        padding: 6em 0;
    }    

}

/* small breakpoint that can handle a few issues with the menu when we use the menu right component and header layout stacking issues */
@media only screen and (min-width: 1025px) and (max-width: 1220px) {
    
    #header .logo {
        max-width: 200px;
    }
    
    
   #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a.mega-menu-link {
        font-size: 16px !important;
        padding: 0px 15px 0px 15px !important;
    }

}

/*-- END MEDIUM SCREENS --*/




/**
 * ==============================================
 *  LARGE SCREENS
 * ==============================================
 */

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
	.component {
		padding: 4em 0;
	}
	.header-widgets{
		display: none;
	}

	.component.image-cta,
	.component.hero-vertical-ctas,
	.component.services-slider,
	.component.map {
		padding: 0px;
	}

	.component.has-titles{
		padding-top: 0;
	}

	.title-wrap {
		padding: 4em 0 2em;
	}

	.hero .title-wrap {
		padding-bottom: 1em;
	}

	.image-grid {
		padding: 3em 0;
	}

	.parallax-section {
		padding: 4em 0;
	}

	.parallax-section .content {
		margin: 0 auto;
		margin-bottom: 3em;
    }

	.image-content-section > .row > .columns:last-child {
		padding-left: 3em;
		padding-right: 3em;
	}


	.dual-cta .content {
		font-size: 1.5em;
	}

	.entry > .row .content-wrap {
		margin-top: -32em;
	}

	.hero-slider .inner {
		padding:12em 0 1em;
	}

	.cta-slider .title {
		font-size: 5em;
	}

	.image-carousel .swiper-slide {
		width: 33%;
	}

	.parallax-background {
		padding: 3em 0;
	}

	.hero-vertical-ctas .columns {
		overflow: hidden;
	}

    .hero-vertical-ctas .wrap {
		position: relative;
		padding: 20em 3em;
		/* border: 2px solid white; */
	}

	.hero-vertical-ctas .title {

	}

	.hero-vertical-ctas .wrap {
		background: rgba(5,68,115, .2);
	}

	.hero-vertical-ctas .wrap:hover {
		background: rgba(5,68,115, .6);
	}


	.hero-vertical-ctas .inner {
		position: absolute;
		left: 2em;
		right: 2em;
		top: 50%;
		padding: 3em 3em;
		transform: translateY(-50%);
		border: 3px solid #fff;
		background: transparent;
	}

	.hero-vertical-ctas .content,
	.hero-vertical-ctas .buttons {
		max-height: 0;
		opacity: 0;
		overflow: hidden;
	}

	.hero-vertical-ctas .wrap:hover .content,
	.hero-vertical-ctas .wrap:hover .buttons {
		opacity: 1;
		max-height: 300px;
	}

	.hero-vertical-ctas .title {

		margin-left: auto;
		margin-right: auto;
	}


	.product-carousel .swiper-slide{
		width: 25%;
	}

	.parallax-background.title-section {
        
	}

	.category-parallax .swiper-container .swiper-slide,
	.video-feed .carousel .swiper-slide {
		width: -webkit-calc((100% / 4 - 20px) + (20px / 4));
		width: -calc((100% / 4 - 20px) + (20px / 4));
	}

	.image-cta .inner {
		max-width: 430px;
	}

	.hero-variety-3 {
		padding-bottom: 0;
	}

	.cf-large-1 .swiper-slide {
		width: 100%;
	}

	.cf-large-2 .swiper-slide {
		width: -webkit-calc((100% / 2 - 20px) + (20px / 2));
		width: calc((100% / 2 - 20px) + (20px / 2));
	}

	.cf-large-3 .swiper-slide,
	.events-carousel .swiper-slide {
		width: -webkit-calc((100% / 3 - 20px) + (20px / 3));
		width: calc((100% / 3 - 20px) + (20px / 3));
	}

	.cf-large-4 .swiper-slide {
		width: calc((100% / 4 - 20px) + (20px / 4));
		width: calc((100% / 4 - 20px) + (20px / 4));
	}

	.cf-large-5 .swiper-slide {
		width: calc((100% / 5 - 20px) + (20px / 5));
		width: calc((100% / 5 - 20px) + (20px / 5));
	}

	.portfolio-feed .inner {
		position: absolute;
		bottom: -1em;
		opacity: 0;
		left: 0;
		top: 0;
		right: 0;
		padding: 1em;
		background: rgba(255,255,255, .7);
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		overflow: hidden;
	}

	.portfolio-feed .inner .title {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		right: 0;
		text-transform: uppercase;
		font-weight: bold;
	}


	.portfolio-feed .wrap .inner span {
		display: none;
	}

	.portfolio-feed .wrap:hover .inner span {
		bottom: 0;
	}

	.portfolio-feed .wrap:hover .inner:hover span {
		width: 4em;
	}

	.portfolio-feed .wrap:hover .inner {
		bottom: 0;
		opacity: 1;
	}

	.portfolio-feed .wrap a {
		color: #fff;
	}

	.component.hero {
		padding-top: 18em;
		padding-bottom: 24em;
	}

	.component.small-hero {
		padding-top: 15em;
		padding-bottom: 15em;
	}


	.single-cta p {
		display: inline-block;
		margin: 0 .5em;
		font-size: 2em;
	}

	.masonry-view .grid-item {
		overflow: hidden;
	}

	.masonry-view .caption {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		transition: all 0.3s ease;
		background: rgba(255,255,255, .8);
		opacity: 0;
	}

	.masonry-view .caption .inner {
		background: 0;
		top: 0;
		left: 0;
		position: absolute;
		transform: translateY(-50%);
		padding: 0;
		bottom: auto;
		overflow:visible;
		padding: 1em;
	}

	.masonry-view .grid-item:hover .caption {
		opacity: 1;
	}

	.masonry-view .grid-item:hover .caption .inner {
		opacity: 1;
		top: 50%;
	}


	.minor-major .medium-6.columns:first-child,
	.major-minor .medium-6.columns:last-child {
		width: 35%;
	}

	.minor-major .medium-6.columns:last-child,
	.major-minor .medium-6.columns:first-child {
		width: 65%;
	}
    
	.major-minor.overbox .medium-6.columns:last-child {
		width: 40%;
	}

	.major-minor.overbox .medium-6.columns:first-child {
		width: 60%;
	}


	.service-area .features li {
		margin-bottom: 0!important;
	}


	#more-footer .button {
		position: relative;
	}

	#main-footer .columns:nth-child(1) {

    }

	#main-footer .columns:nth-child(2) {

	}

	#main-footer .columns:nth-child(3) {
	}


	.header-widgets {
		margin-left: 1em;
	}

    .hero-slider .inner {
        padding: 4em 0 15em;
    }
    
	.featured-events h2.title {
		font-size: 3em;
	}

	.category-feed .inner .title {
		line-height: 1.3;
	}



	.two-column-section.major-minor .columns:last-child .button {
		margin: 1em 0;
		width: 100%;
	}

	.image-cta.angled-left .columns:last-child {
		-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 5% 100%);
		clip-path: polygon(0 0, 100% 0%, 100% 100%, 5% 100%);
		padding-left: 7em;
		position: absolute;
		right: 0;
		width: 55%;
	}

	#main-footer .widget {
		margin: 0;
	}
	#main-footer .columns:nth-child(2) {
	padding-left: 4em
	}
	#main-footer .columns:nth-child(3){
	padding-left: 10em;
	}
	#main-footer .columns:last-child{
	width: 10%;
	}


	.parallax-section.content-left .title-wrap {
		max-width: 600px;
		position: relative;
	}

	.parallax-section.content-left .content-wrap {
		max-width: 600px;
		z-index; 99;
		position: relative;
	}


	.fat-padding-bottom {
		padding-bottom: 6em!important;
	}

	.service-area.alt .row {
		margin-top: -12.7em;
	}

	.service-area.alt .title {
		color: #fff;
		font-size: 2em!important;
	}

	.service-area .title-wrap .title {
		font-size: 2.8em;
	}

	.header-widgets {
		float: right;

	}

	#header {
		padding: .5em 0 0;
	}


	.image-cta {
		position: relative;
	}

	.component.pull-top,
	.component.top-angle {
		margin-top: -13em;
	}

	.component.top-angle {
        -webkit-clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 100%);
        position: relative;
        z-index: 9;
        padding-top: 2.5em;
        background: #fff;
        margin-top: -6.5em;
        padding-bottom: 1.5em !important;
	}

    
   .component.top-angle-alt {
        -webkit-clip-path: polygon(0 0, 100% 11%, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 11%, 100% 100%, 0 100%);
        position: relative;
        z-index: 9;
        padding-top: 2.5em;
        background: #fff;
        margin-top: -4em; 
        padding-bottom: 1.5em !important;
    }

	.overbox .columns {
		position: relative;
	}
	.hero-slider .inner{
		padding: -50em 0 0;
	}

	.content ul li, .content-wrap ul li, .content-wrap ol li, .content ol li {

	}

	.testimonial .medium-6:nth-child(1):after{
 	content: '';
 	display: inline-block;
 	border-right: 3px solid #d9d9d9;
 	height: 20em;
 	position: relative;
 	left: 45em;
 	top: -18em;
 	}

 	.water .columns{
 		margin-top: -10em;

 	}

 	.blue:before{
		content: '';
		display: block;
		background-color: rgba(90,168,203, .1);
		position: absolute;
		-webkit-clip-path: circle(100.0% at 20% -90%);

		width: 100%;
		min-height: 100%;
		display: block;

 	}

 	.quotes .content-wrap .columns:first-child {
 		width: 61%;
 		position: relative;
 	}


 	.quotes .content-wrap .columns:first-child:after {
 		border-right: 2px solid #ddd;
 		position: absolute;
 		right: -1.5em;
 		top: -5em;
 		content: '';
 		display: block;
 		bottom: -3em;

 	}

 	.quotes {
 		margin-top: -4em;
		padding-bottom: 8em;
 	}

 	.house {
 		padding-top: 8em;
 	}

 	.water .row {
		max-width: 100%;
		padding: 6em;
	}

	.overbox {
		padding-bottom: 0;
	}

	.overbox .columns:nth-child(2) {
		margin-top: -30em;
	}
    
    .negative-box .columns:nth-child(2) {
		margin-top: -14em;
	}

	.overbox .columns:nth-child(1) {
		margin-top: -15em;
	}

	.overbox .columns:nth-child(1) p {
		color: #fff;
		text-align: left;
		max-width: 45%;
		display: inline-block;
	}

	.overbox p img {
		margin: 0 1em 0 0;
	}

}
/*-- END LARGE SCREENS --*/