/*
Theme Name: Civic Quarter Canberra
Theme URI:
Description: Custom Civic Quarter Canberra theme
Version: 2.0
Author: Soda
Author URI:
*/

html, body {
	margin: 0;
	padding: 0;
	font-size: 17px;
	min-width: 320px;
	color: #31374f;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	/*overflow-x: hidden;*/
}
	body.noscroll{ overflow-y: hidden; }

a {
	text-decoration: none;
	color: inherit;
	transition: all 0.5s ease 0s;
}
	a:hover{
		color: #f15b5e;
		transition: all 0.5s ease 0s;
	}


b, strong{
	font-weight: 600;
}

h1, h2, h3, .h3, h4, .h4, h5 {
	margin-top: 0;
	margin-bottom: 0.8em;
	line-height: 1.2em;
	font-weight: 600;
	position: relative;
}
	h1, h2:not(.h3){ font-size: 52px; }
	h3:not(.h4), .h3{ font-size: 44px; }
	h4, .h4{ font-size: 22px; }
	h5{ font-size: 18px; }

	h1::after, h2:not(.h3)::after {
	    content: '';
	    height: 10px;
	    width: 10px;
	    display: inline-block;
	    background: #f15b5e;
	    margin-left: 8px;
	    border-radius: 0 0 100% 0;
	   	position: absolute;
    	bottom: 0.3em;
	}


.cq-text-overflow h3{ font-size: 38px; line-height: 1.2em; }
.cq-text-overflow p{ line-height: 1.4em; }

/*---------------------------------------------------------Clearfix*/

.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { position: relative; zoom: 1; }

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.divline, hr{
	width: 100%;
	clear: both;
	display: block;
	padding-bottom: 1em;
	border-bottom: 1px solid;
    margin-bottom: 1em;
}

.center{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

input, input[type="submit"], button{
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
}

*:focus {
    outline: none;
}

/*---------------------------------------------------------Wrapper / Inner*/

.strip {
	width: 100%;
	margin: 0 auto;
	clear: both;
	position: relative;
}

	.strip .inner, .inner {
		/*width: 1600px;*/
		width: 100%;
		margin: 0 auto;
	}
		.inner-full{ max-width: 1600px; }
		.inner-half{ max-width: 800px; }
		.inner-quarter{ max-width: 400px; }

	.bg-white{
		background-color: #fff;
		color: #31374f;
	}
	.bg-lightgrey{
		background-color: #f7f5f5;
		color: #31374f;
	}
	.bg-cq-blue{
		background-color: #2e364f;
		color: #fff;
	}
	.bg-cq-red{
		background-color: #f15b5e;
		color: #fff;
	}
	.bg-cq-beige{
		background-color: #ded5cf;
		color: #31374f;
	}


/*---------------------------------------------------------Text Highlight Color */

::selection {  background: none; color: #f15b5e }
::-moz-selection { background: none; color: #f15b5e }

	.bg-cq-red ::selection, a::selection{ color: #31374f; }
	.bg-cq-red ::-moz-selection, a::-moz-selection{ color: #31374f; }


	img::selection{ background: rgba(222, 213, 207, 0.4); }
	img::-moz-selection{ background: rgba(222, 213, 207, 0.4); }

/*--------------------------------------------------------- Buttons */

.btn{
	display: block;
	clear: both;
	margin: 2em 0;
}
	.btn a{
		display: inline-block;
	    height: 50px;
	    background: #f15b5e;
	    color: #fff;
	    line-height: 50px;
	    text-align: center;
	    font-weight: bold;
	    padding: 0 1em;
	}
		.btn a:hover{
			background: #2e364f;
		}


/*--------------------------------------------------------- WYSYWIG Images */

img{
	max-width: 100%;
	height: auto;
	box-shadow: #000 0em 0em 0em;
	border: 0;
}

p img,
.wp-caption img {
	padding: 0;
	max-width: 100%;
	height:auto;
	display: block;
}

img.aligncenter,
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright,
img.alignleft {
	display: inline;
}

.alignright,
.attachment-alignright {
	margin: 0 0 10px 13px;
	float: right;
}

.alignleft,
.attachment-alignleft {
	margin: 0 13px 10px 0;
	float: left;
}

.wp-caption {
	background: none;
	padding: 2px 0 10px 0;
}

.wp-caption-text {
	width: 100%;
	margin: 5px 5px 0 0;
	font-size: 0.688em;
	line-height: 11px;
	color: #999999;
}

table { width: 100%; }
	table.alignright, table.alignleft { width: auto; }
	td, th{ padding: 10px; }

ol li, ul li{
	margin: 0.4em auto;
}
	ol.search-result-list{
		list-style-type: none;
		padding: 0;
	}
		ol.search-result-list li{
			margin: 1em auto;
			padding-bottom: 1em;
		}

/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- WEBSITE STYLES */
/*---------------------------------------------------------------------------*/
/*-------- HEADER -----------------------------------------*/
header{
	position: relative!important;
	z-index: 200;
}
.header-container{
	display: table;
	height: 90px;
	width: 100%;
}
	.header-container > *{
		display: table-cell;
		height: 100%;
		vertical-align: middle;
	}
		.header-container .site-logo{
			width: 180px;
			padding: 0 50px 0 130px;
		}
			.header-container .site-logo img{
				width:180px;
				padding-top:10px;
			}

		.header-container .site-menu{
			font-weight: 500;
			line-height: 1.2em;
		}
			.site-menu #menu-mainnav{
				list-style-type: none;
			    padding: 0;
			    margin: 0;
				display: table;
				height: inherit;
			    float: right;
			    text-align: center;
			    box-sizing: border-box;
			}
				.site-menu #menu-mainnav > li{
					height: inherit;
					max-width: 130px;
					padding: 0;
				    display: table-cell;
				    vertical-align: middle;
				    box-sizing: border-box;
				}
					.site-menu #menu-mainnav > li:nth-last-child(2) {
						padding-right: 24px;
					}
						.site-menu #menu-mainnav > li a{
							white-space: nowrap;
						}
						.site-menu #menu-mainnav > li a,
						.site-menu #menu-mainnav > li span{
							display: table-cell;
						    width: 100%;
						    height: inherit;
						    vertical-align: middle;
						    padding: 0 24px;
								color:#ffffff;
						}
						.site-menu #menu-mainnav > li a:hover, .site-menu #menu-mainnav > li a:focus .site-menu #menu-mainnav > li a:focus{
							color:#ffffff;
						}
						.site-menu #menu-mainnav > li.menu-item-contact{
							transition: all 0.5s ease 0s;
						}
							.site-menu #menu-mainnav > li.menu-item-contact:hover{
								background-color: #ded5cf;
    							color: #2e364f;
    							transition: all 0.5s ease 0s;
							}

				.site-menu #menu-mainnav > li.current_page_item,
				.site-menu #menu-mainnav > li.current_page_ancestor,
				#burger-menu > li.current_page_item,
				#burger-menu > li.current_page_ancestor,
				.search #burger-menu > li.menu-item-type-search{
					color: #f15b5e;
				}

/*-------- BANNER -----------------------------------------*/
.banner{
	height: 800px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: table;
	box-sizing: border-box;
	background-color: #ded5cf;
	padding-top:0;
}
	.banner#banner{
		height: 500px;
	}

	.banner .banner-shadow{
		background-color: rgba(0, 0, 0, 0.1);
	}
	.banner .banner-container{
		height: inherit;
		width: 100%;
		padding: 130px;
		color: #fff;
		display: table-cell;
		box-sizing: border-box;
	}

		.banner.banner-top-left .banner-container{
			text-align: left;
			vertical-align: top;
		}
		/*.banner.banner-bottom-right .banner-container{
			text-align: right;
			vertical-align: bottom;
		}*/

			.banner .banner-container h1{
				width: 55%;
    			display: inline-block;
    			text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4)
			}
			.banner .banner-container h1{
							font-size: 65px;
			}
			.banner h1::after{
				box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
			}


.video-button-container{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 30px;
	left: 0;
}
@media only screen and (min-width : 767px) {
	.video-button-container{
		bottom: 120px;
	}
}
	.btn-video {
	    background: rgba(255,255,255,0.9);
	    color: #f15b5e;
	    display: inline-block;
	    padding: 0.5em 1.5em;
	    font-size: 1.2em;
	    line-height: 1.6em;
	    vertical-align: middle;
	    cursor: pointer;
	    transition: all 0.5s ease 0s;
	}
		.btn-video:hover{
			color: #2e364f;
			background: rgba(222, 213, 207, 0.8);
			transition: all 0.5s ease 0s;
		}


#video-lightbox{
    position: fixed;
    z-index: 200;
    width: 100%;
    height: 100%;
		top:0;
		left:0;
    background: rgba(0, 0, 0, 0.8);
    /*background: rgba(255,255,255,0.8);*/
}
	#video-lightbox .video-container{
		margin: 40px;
		top: 100px;
		box-sizing: border-box;
		position: relative;
		top: 100px;
	    box-sizing: border-box;
	    position: relative;
	    margin: 40px auto;
	    width: 90%;
	    max-width: 90%;
	    height: 800px;
	    max-height: 70%;
	}
		#video-lightbox .video-container iframe{
    		background: rgba(0,0,0,0.9);
    		box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
		    box-sizing: border-box;
		    padding: 14px;
		    border-radius: 14px;
		}

 		#video-lightbox .video-container #close-video{
			position: absolute;
			top: -10px;
		    bottom: auto;
		    right: -10px;
		    background: #000;
		    border-radius: 50%;
		    height: 34px;
		    width: 34px;
		    overflow: hidden;
		    padding: 2px;
		    cursor: pointer;
 		}
 			#video-lightbox .video-container #close-video svg{
 				width: inherit
 				height: inherit;
 				fill: #fff;
 				transition: all 0.5s ease 0s;
 			}
 				#video-lightbox .video-container #close-video svg:hover{
 					fill: #f15b5e;
 					transition: all 0.5s ease 0s;
 				}

/*-------- HOME / PAGE -------------------------------------------*/

.main .content{
	width: 100%;
	padding: 50px 60px;
	margin: 0 auto;
	box-sizing: border-box;
}
	.main .content.section-content{
		padding: 50px 130px;
	}
		.main .section-image{
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}
		.main .section-image img{
			display: block;
		}

	.section-map{
		height: 800px;
	}
		.section-map #cq-location-map{
			height: inherit;
			width: 100%;
		}

		.section-map #cq-location-map-legend{
			position: absolute;
		    bottom: 0;
		    left: 0;
		    z-index: 2;
		    background: rgba(255, 255, 255, 0.97);
		    height: inherit;
		}
			.section-map #cq-location-map-legend ul{
				list-style-type: none;
			    padding: 16px 24px;
			    box-sizing: border-box;
			    margin: 0;
			    display: inline-block;
			    vertical-align: middle;
			}
				.section-map #cq-location-map-legend li{
					margin: 1em auto;
				}
					.section-map #cq-location-map-legend li.map-legend-header{ font-size: 1.4em; line-height: 1em; }
						.section-map #cq-location-map-legend li.map-legend-header small{ font-size: 0.6em; }

				.section-map #cq-location-map-legend img{
					margin-right: 10px;
	    			display: inline-block;
	    			vertical-align: middle;
				}

		.section-map #cq-location-map-legend .map-filter,
		.section-map #cq-location-map-legend .map-filter-rail{
			position: relative;
			padding:5px 0;
		}
			.section-map #cq-location-map-legend .map-filter:not(.active) > *,
			.section-map #cq-location-map-legend .map-filter-rail:not(.active) > * {
			    opacity: 0.5;
			    /*text-decoration: line-through;*/
			}
			.section-map #cq-location-map-legend .map-filter:not(.active)::after,
			/*.section-map #cq-location-map-legend .map-filter-rail:not(.active)::after{
				content: '\2718';
			    display: block;
			    font-size: 28px;
			    color: red;
			    position: absolute;
			    width: 32px; height: 32px;line-height: 32px;
			    top: 0;  left: 0;
			    line-height: 32px;
			    text-align: center;
			    opacity: 0.8;
			}*/

.main .section-break{
	max-height: 800px;
	overflow: hidden;
}

.main .cq-layout-blocks{
	width: 100%;
	display: table;
	box-sizing: border-box;
	position: relative;
}
	.main .cq-layout-blocks .cq-layout-block{
		width: 50%;
		height: 100%;
		display: table-cell;
		vertical-align: top;
		box-sizing: border-box;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		max-height: inherit;
		overflow: hidden;
	}
		.main .cq-layout-blocks .cq-layout-block-row{
			height: 50%;
			max-height: 400px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}

		.main .cq-layout-blocks .content.cq-layout-block-row{
			height: 50%;
			max-height: 400px;
			overflow: hidden;
			/*padding: 60px 80px;*/
			padding: 0;
		}
			.main .cq-layout-blocks .cq-content-container{
				max-width: 800px;
				max-height: inherit;
				overflow: hidden;
				padding: 60px 80px;
				box-sizing: border-box;
			}
				.cq-layout-blocks .cq-layout-block:nth-child(1) .cq-content-container,
				.cq-layout-blocks .cq-layout-block:nth-child(1) .cq-image-container,
				.cq-layout-halves .cq-layout-half:nth-child(1) .cq-content-container,
				.cq-layout-halves .cq-layout-half:nth-child(1) .cq-image-container{
					margin-left: auto;
					margin-right: 0;
				}
				.cq-layout-blocks .cq-layout-block:nth-child(2) .cq-content-container,
				.cq-layout-blocks .cq-layout-block:nth-child(2) .cq-image-container,
				.cq-layout-halves .cq-layout-half:nth-child(2) .cq-content-container,
				.cq-layout-halves .cq-layout-half:nth-child(2) .cq-image-container{
					margin-right: auto;
					margin-left: 0;
				}


			.main .cq-layout-blocks .cq-image-container{
				max-width: 800px;
				max-height: inherit;
				box-sizing: border-box;
			}

			.main:not(.main-blog) .cq-layout-blocks .btn{
				display: inline-block;
				margin: 1em auto 0 auto;
			}
			.main:not(.main-blog) .cq-layout-blocks .btn a{
				display: inline-block;
			    height: 50px;
			    background: #fff;
			    color: #2e364f;
			    line-height: 50px;
			    text-align: center;
			    font-weight: bold;
			    padding: 0 1em;
			}
			.main:not(.main-blog) .cq-layout-blocks .btn p{
				margin: 0;
			}
				.main:not(.main-blog) .cq-layout-blocks .btn a:hover{
					color: #f15b5e;
				}


.main .cq-features{
	width: 100%;
	height: 400px;
	display: table;
	text-align: center;
	box-sizing: border-box;
}
	.main .cq-features .cq-feature{
		width: 25%;
		height: inherit;
		padding: 80px 60px;
		max-height: 240px;
		display: table-cell;
		vertical-align: top;
		box-sizing: border-box;
	}
		.main .cq-features .cq-feature.feat-middle{
			vertical-align: middle;
		}


	.main .cq-layout-blocks .cq-features .cq-content-container{
		padding: 60px 0;
		display: table;
		width: 100%;
	}

		.main .cq-features .cq-feature.feature-half{
			width: 50%;
			padding: 0 60px;
		}

			.main .cq-features .cq-feature img{
				width: 130px;
				height: 130px;
				display: inline-block;
			}
			.main .cq-features .cq-feature p{
				line-height: 1.4em;
			    margin: 1em auto;
			    width: 90%;
			}


/* search page */
.paged-content{
	text-align: center;
}

	.paged-content a,
	.paged-content span{
		margin: 0 6px;
		font-weight: 600;
	}
		.paged-content span{
			color: #f15b5e;
		}
		.paged-content a.prev{}
		.paged-content a.next{}


/* blog search / filters */
.blog-halves{
	width: 100%;
	display: table;
	box-sizing: border-box;
}
	.blog-halves .blog-half{
		width: 50%;
		display: table-cell;
		vertical-align: middle;
		box-sizing: border-box;
	}

		form#blog-search{
			padding-right: 130px;
		}
			form#blog-search fieldset{
				border: 0;
				padding: 0;
    			margin: 0;
			}
				form#blog-search label{
					font-size: 0.9em;
    				font-weight: 600;
				}
				form#blog-search input{
					font-size: 0.9em;
    				border-width: 0 0 1px 0;
    				border-style: solid;
    				border-color: #31374f;
    				color: #31374f;
    				width: 80%;
    				margin: 0 4px;
				}

		ul#blog-category-filter{
			list-style-type: none;
			padding: 0;
			margin: 0;
			font-size: 0.9em;
			font-weight: 600;
		}
			ul#blog-category-filter li{
				display: inline-block;
				margin: 0 1em;
			}
				ul#blog-category-filter li.category-item-current{
					color: #f15b5e;
				}
					ul#blog-category-filter li a{
						padding: 4px;
					}



/* blog page */
.main.main-blog .cq-layout-blocks .cq-content-container{
	display: table;
	width: 100%;
	height: 100%;
}

/*.main .cq-layout-blocks .article{ display: table; width: 100%; height: 100%; }
	.main .cq-layout-blocks .article > *{ display: table-row; }*/

/* blog single item page */
.main .cq-layout-halves{
	width: 100%;
	display: table;
	box-sizing: border-box;
	position: relative;
}
	.main .cq-layout-halves .cq-layout-half{
		width: 50%;
		height: 100%;
		display: table-cell;
		vertical-align: top;
		box-sizing: border-box;
	}
		.main.main-blog-single .cq-layout-halves .content{
			padding-top: 1em;
		}

		.main .cq-layout-halves .cq-layout-half.section-image .article-body{
			padding: 50px 130px 50px 0;
		}


.nav-halves{
	display: table;
	width: 100%;
}
	.nav-halves .nav-half{
		display: table-cell;
		vertical-align: top;
		width: 50%;
		padding: 0 40px;
	}
		.nav-half.half-left{
			text-align: right;
		}
		.nav-half.half-right{
			text-align: left;
		}

.nav-btn{
	display: inline-block;
	vertical-align: middle;
	font-size: 0.8em;
}
	.nav-btn a, .nav-btn span{
		display: inline-block;
		vertical-align: middle;
	    height: 40px;
	    color: #fff;
	    line-height: 40px;
	    text-align: center;
	    font-weight: bold;
	    width: 160px;
	}
		.nav-btn span{
			background: #c2c3ce;
		}
		.nav-btn a{
			background: #2e364f;
		}
			.nav-btn a:hover{
				background: #f15b5e;
			}


/*-------- CONTACT FORM / GRAVITY FORM / GFROM CSS OVERWRITE ---------------*/

#contact-form-box{
	display: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
    z-index: 200;
    background: rgba(255,255,255,0.9);
}
	#contact-form-box .content{
		top: 25%;
		padding: 60px 80px;
		position: relative;
		width: 90%;
		max-width: 800px;
		margin: 1em auto;
		box-sizing: border-box;
		box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
	}

	#contact-form-box.active{
		display: block;
	}

		#contact-form-close{
			width: 34px;
			height: 34px;
			display: block;
			position: absolute;
			right: 80px;
			top: 60px;
		}
			#contact-form-close .icon-close-svg{
				stroke: #fff;
				transition: all 0.5s ease 0s;
			}
				#contact-form-close .icon-close-svg:hover{
					stroke: #2f364f;
					transition: all 0.5s ease 0s;
				}


#contact-form-box .gform_wrapper.nolabels_wrapper{
	margin: 0 0;
}

.gform_wrapper.nolabels_wrapper h3.gform_title{
	font-size: 44px;
	margin-top: 0;
    margin-bottom: 0.8em;
    line-height: 1.2em;
    font-weight: 600;
}

.gform_wrapper.nolabels_wrapper ul li.gfield .gfield_label{ display: none; }
.gform_wrapper.nolabels_wrapper .gfield_description{
	padding: 6px 0!important;
}
	/*input fields*/
	.gform_wrapper.nolabels_wrapper ul.gform_fields li.gfield input,
	.gform_wrapper.nolabels_wrapper ul.gform_fields li.gfield textarea,
	.gform_wrapper.nolabels_wrapper ul.gform_fields li.gfield select{
	    font-size: 19px!important;
	    font-weight: 500;
	    border: 0;
	    margin: 0 auto;
	    padding: 10px 10px!important;
		text-indent: 0.5em;
	    background: #fff;
	    color: #2f364f;
	    transition: all 0.7s ease-in-out;
	}
		.gform_wrapper.nolabels_wrapper ul.gform_fields li.gfield textarea{
			display: block;
		}
		.gform_wrapper.nolabels_wrapper ul.gform_fields li.gfield input,
		.gform_wrapper.nolabels_wrapper ul.gform_fields li.gfield select{
			height: 48px;
		}
	    .gform_wrapper.nolabels_wrapper ul.gform_fields li.gfield select {
	    	-webkit-appearance: none;
		  	-webkit-border-radius: 0px;
		    background-image: url(images/icon-selectarrow-blk.png);
		    background-repeat: no-repeat;
		    background-position: right 1em center;
	    }

.gform_wrapper.nolabels_wrapper .gform_footer{
	padding: 0;
}
	.gform_wrapper.nolabels_wrapper .gform_footer input[type="submit"]{
		font-size: 19px!important;
		font-weight: 600;
		border: 0;
	    letter-spacing: 0.5px;
	    padding: 0.7em 1.6em;
	    background: #fff;
	    color: #2f364f;
	    height: 52px;
	    transition: all 0.5s ease 0s;
	}
		.gform_wrapper.nolabels_wrapper .gform_footer input[type="submit"]:disabled{
			opacity: 0.8;
		}
		.gform_wrapper.nolabels_wrapper .gform_footer input[type="submit"]:not(:disabled):hover{
			cursor: pointer;
			color: #fff;
	    	background: #2f364f;
			transition: all 0.5s ease 0s;
		}


		/* gfrom error style override */
		.gform_wrapper.nolabels_wrapper div.validation_error{
			display: none;
			color: #fff;
		    font-size: 0.8em;
		    border: 0;
		    padding: 0;
		    margin: 0;
		    text-align: left;
		}
			.gform_wrapper.nolabels_wrapper .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){
				border: 0;
			    margin: 0!important;
			    background: none;
			    padding: 0;
			}
				.gform_wrapper.nolabels_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{
					font-size: 0.7em;
					font-weight: 500;
				}
			.gform_wrapper.nolabels_wrapper .gform_body ul li.gfield.gfield_error textarea{
				border: 1px solid #790000;
			}

/*-------- FOOTER -----------------------------------------*/

.footer-container{
	display: table;
    width: 100%;
    min-height: 130px;
    padding: 50px 50px 50px 130px;
    box-sizing: border-box;
    font-size: 0.9em;
}
	.footer-container .footer-container-col{
		display: table-cell;
    	height: inherit;
    	vertical-align: top;
	}
	.footer-container .site-logo{
		width: 150px;
		padding-right: 80px;
	}
	.footer-container .site-logo img{ width: 150px; }

	.footer-container .site-footer{}
		.footer-container .footer-container-col .footer-container-row{
			display: table;
			box-sizing: border-box;
    		width: 100%;
		}
		.footer-container .footer-container-col .footer-container-row:not(:last-child){
			padding-bottom: 50px;
		}

			.footer-container .footer-container-col .footer-container-row .footer-container-cell{
				display: table-cell;
				box-sizing: border-box;
			}
			.footer-container .footer-container-col .footer-container-row.site-social .footer-container-cell{
				vertical-align: top;
				padding-right: 50px;
				width: 33.3%;
			}
			.footer-container .footer-container-col .footer-container-row.site-copyright .footer-container-cell{
				vertical-align: bottom;
			}
				.site-copyright .footer-container-cell:nth-child(1){ width: 66.6%; }
				.site-copyright .footer-container-cell:nth-child(2){ width: 33.3%; }

				.site-copyright a.footer-logo{}
					.site-copyright a.footer-logo:hover{
						opacity: 0.8;
					}
					.site-copyright a.footer-logo img{
						height: 60px;
						vertical-align: middle;
						margin-right: 10px;
					}


.footer p{
	line-height: 1em;
	margin: 0.5em auto;
}
	.footer p.fh {
	    font-size: 1.3em;
	    font-weight: 600;
	    margin: 0 auto 1em auto;
	}

ul.footer-social-icons{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
	ul.footer-social-icons li{
		display: inline-block;
		vertical-align: middle;
		margin: 0 8px;
	}

		a.social-icon{
			display: block;
			width: 44px;
			height: 44px;
			fill: #2e364f;
		}
			a.social-icon:hover{
				fill: #f15b5e;
			}
			a.social-icon .social-icon-svg{
				height: inherit;
				width: inherit;
			}

form#client-login {
    width: 100%;
    padding-right: 50px;
    box-sizing: border-box;
}
form#search-form{
	width: 100%;
	max-width: 320px;
    padding-right: 50px;
    box-sizing: border-box;
}

	form#client-login input,
	form#client-login button,
	form#search-form input{
	    width: 100%;
	    box-sizing: border-box;
	    border: 0;
	    margin-bottom: 0.8em;
	    height: 38px;
	    font-size: 1em;
	    padding: 0 1em;
	    background: #d3ccc4;
	    color: #2e364f;
	}
		form#client-login input[type="submit"],
		form#client-login button[type="submit"],
		form#search-form input[type="submit"]{
			transition: all 0.5s ease 0s;
			letter-spacing: 0.5px;
			font-weight: 500;
		}
			form#client-login input[type="submit"]:hover,
			form#client-login button[type="submit"]:hover,
			form#search-form input[type="submit"]:hover{
				transition: all 0.5s ease 0s;
				background: #2e364f;
	    		color: #f05d5e;
			}

	footer .btn-submit a{
		line-height: 32px;
		display: inline-block;
	    border: 0;
	    padding: 0.4em 1.4em;
	    margin-bottom: 0.5em;
	    background: #f05d5e;
	    color: #fff;
	    /*background: #ded5cf;*/
	    /*color: #2e364f;*/
	    font-size: 1em;
	    letter-spacing: 0.5px;
		font-weight: 500;
		text-align: center;
	}
		footer .btn-submit a:hover{
			/*color: #fff;*/
			background: #2e364f;
		}

/*-------- MOBILE MENU  */
/* z-index lower than header and contact form */
#mobile-menu{
	position: fixed;
    z-index: 199;
    padding: 90px 0px 0px 0px;
    box-sizing: border-box;
    overflow-y: auto;
    width: 100%;
		top:0;
    /*height: 100%;*/
    max-height:calc(100vh - 1px);
}
	#mobile-menu ul#burger-menu{
		padding: 130px 40px 40px;
    	list-style-type: none;
    	padding: 0;
    	margin: 0 auto;
    	text-align: center;
	}
		#mobile-menu ul#burger-menu li{
			font-size: 1.5em;
			margin: 0;
		}
			#mobile-menu ul#burger-menu li:not(:last-of-type){
				margin: 14px auto;
			}
		#mobile-menu ul#burger-menu li.menu-item-contact{
			padding: 0.5em 1.5em;
    		display: block;
		}


/*-------- MOBILE MENU BURGER  */
.site-menu #burger-icon-box.mobile-show{
	display: none;
	width: 34px;
	height: 26px;
    float: right;
}
	#burger-icon{
		position: relative;
		height: inherit;
		width: inherit;
		margin: 0 auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	#burger-icon.open{
		z-index: 201;
	 	position: absolute;
	}


		#burger-icon span{
			display: block;
			position: absolute;
			height: 3px;
			width: 100%;
			background: #fff;
			border-radius: 0;
			opacity: 1;
			left: 0;
			top:0;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-o-transition: .25s ease-in-out;
			transition: .25s ease-in-out;
		}

			#burger-icon span:nth-child(1) {
				top: 0px;
				-webkit-transform-origin: left center;
				-moz-transform-origin: left center;
				-o-transform-origin: left center;
				transform-origin: left center;
			}

			#burger-icon span:nth-child(2) {
				top: 11px;
				-webkit-transform-origin: left center;
				-moz-transform-origin: left center;
				-o-transform-origin: left center;
				transform-origin: left center;
			}

			#burger-icon span:nth-child(3) {
				top: 22px;
				-webkit-transform-origin: left center;
				-moz-transform-origin: left center;
				-o-transform-origin: left center;
				transform-origin: left center;
			}

				#burger-icon.open span:nth-child(1){
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					-o-transform: rotate(45deg);
					transform: rotate(45deg);
					top: -1px;
					left: 6px;
				}

				#burger-icon.open span:nth-child(2){
					width: 0%;
					opacity: 0;
				}

				#burger-icon.open span:nth-child(3){
					-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					-o-transform: rotate(-45deg);
					transform: rotate(-45deg);
					top: 23px;
					left: 5px;
				}

/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- RESPONSIVE STYLES */
/*---------------------------------------------------------------------------*/
/* LARGE  SCREEN */
@media only screen and (min-width : 1601px) {

	.main:not(.main-blog-single) .section-image img,
	.main:not(.main-blog-single) .cq-layout-blocks .section-image img{
		opacity: 0;
		display: none;
	}

	.main:not(.main-blog-single) .section-image,
	.main:not(.main-blog-single) .cq-layout-block.section-image{
		height: 800px!important;
	}
	.main:not(.main-blog-single) .cq-layout-block-row.section-image{
		height: 400px!important;
	}


}


/* FULL SCREEN */
@media only screen and (max-width : 1600px) {

	#contact-form-box .content{ top: 20%; }

	.main .cq-layout-blocks .section-image{
		background-image: none;
	}

	.main .cq-layout-blocks{
		display: block;
		float:left;
		clear: both;
	}
	.main .cq-layout-blocks .cq-layout-block,
	.main .cq-layout-blocks .cq-layout-block-row{
		display: block;
		float: left;
		overflow: hidden;
	}

	/* USING JS for TOP/BOTTOM padding: */
	.main .cq-layout-blocks .cq-content-container{ padding: 60px 60px; }
	.main .cq-layout-blocks .cq-features .cq-content-container{ padding: 60px 0px; }
}
/* laptop */
@media only screen and (max-width : 1366px) {
	body{ font-size: 16px; }
	h1, h2:not(.h3) { font-size: 44px; margin-bottom: 0.4em; }
	h3:not(.h4), .h3 { font-size: 32px; margin-bottom: 0.4em; }
	h4, .h4{ font-size: 1.1em; }
	h5{ font-size: 1em; }
	p{ line-height: 1.4em; }

	.gform_wrapper.nolabels_wrapper h3.gform_title{ font-size: 32px; margin-bottom: 0.4em; }

	.cq-text-overflow h3{ font-size: 26px; }
	.cq-text-overflow p{ line-height: 1.2em; }

	.header-container .site-logo{ padding-left: 60px; }
	.footer-container{ padding: 40px 60px; }

	.main .content.section-content{ padding: 50px 60px; }
	.main .cq-layout-halves .cq-layout-half.section-image .article-body{ padding: 50px 60px 50px 0; }

	.main .cq-features.inner-full{ padding: 40px 30px; height: auto; }
	.main .cq-features .cq-feature, .main .cq-features .cq-feature.feature-half{ padding: 0 30px; }
	.main .cq-features .cq-feature img{ width: 70%; height: auto; }

	form#blog-search{ padding-right: 60px; }
}
@media only screen and (max-width : 1280px) {

	#contact-form-box .content{ top: 15%; }

	#video-lightbox .video-container{ height: 600px; }

	.main:not(.main-blog) .cq-layout-blocks .btn a{ margin-top: 0; height: 34px; line-height: 34px; font-size: 0.9em; }
	.main .cq-features .cq-feature, .main .cq-features .cq-feature.feature-half{ }
	.main .cq-features .cq-feature img{ width: 60%; }
	.main .cq-features .cq-feature p{ font-size: 0.9em; line-height: 1.2em; width: 98%; }

	.btn a{ height: 44px; line-height: 44px; font-size: 0.9em; }

	.footer-container .footer-container-col .footer-container-row.site-social .footer-container-cell{ width: auto; padding: 1em 16px!important; }
	.footer-container .footer-container-col .footer-container-row.site-copyright .footer-container-cell{ display: block; width: 100%; padding-bottom: 1em; }
}

@media only screen and (max-width : 1140px) {
	h1, h2:not(.h3) { font-size: 40px; margin-bottom: 0; }
	h1::after, h2:not(.h3)::after{ height: 8px; width: 8px; margin-left: 4px; }

	h3:not(.h4), .h3 { font-size: 28px; }
	.cq-text-overflow h3{ font-size: 22px; }

	.cq-layout-blocks p{ line-height: 1.3em; }
	.cq-layout-blocks p~p{ margin-bottom: 0; }
	.cq-text-overflow p { font-size: 0.9em; }

	.main:not(.main-blog) .cq-layout-blocks .btn{ margin: 0.5em 0 0 0; }

	.main .cq-layout-blocks .cq-content-container{ padding: 40px 40px; }
	.main .cq-features .cq-feature img{ width: 50%; }

	form#blog-search{ padding-right: 40px; }
	ul#blog-category-filter li { display: inline-block;  margin: 0.5em; }


	.gform_wrapper.nolabels_wrapper ul.gform_fields li.gfield input,
	.gform_wrapper.nolabels_wrapper ul.gform_fields li.gfield textarea,
	.gform_wrapper.nolabels_wrapper ul.gform_fields li.gfield select,
	.gform_wrapper.nolabels_wrapper .gform_footer input[type="submit"]{
		font-size: 1em!important;
	}

}

/* ipad */
@media only screen and (max-width : 1024px) {
	body{ font-size: 15px; }
	h1, h2:not(.h3) { font-size: 30px; margin-bottom: 0; }

	h1::after, h2:not(.h3)::after { height: 6px; width: 6px; margin-left: 2px; }
	h3:not(.h4), .h3 { font-size: 21px; margin-bottom: 0.4em; }
	.cq-text-overflow h3{ font-size: 18px; margin-bottom: 0.4em; }
	.cq-text-overflow p { font-size: 0.8em; }

	.gform_wrapper.nolabels_wrapper h3.gform_title{ font-size: 30px; }

	.header-container{ height: 80px; }
	.header-container .site-logo{ width: 180px; }
	.header-container .site-logo img{ vertical-align: middle;width: 180px; }
	.footer-container .site-logo{ width: 110px; padding-right: 60px; }
	.footer-container .site-logo img{ width: 110px; }


	.site-menu #menu-mainnav{ font-size: 0.9em; }
	.site-menu #menu-mainnav > li a, .site-menu #menu-mainnav > li span{ padding: 0 14px; }
	.site-menu #menu-mainnav > li:nth-last-child(2){ padding-right: 14px; }

	.banner .banner-container{ padding: 80px; }
	.banner .banner-container h1{ font-size: 40px; width: 60%; }

	#video-lightbox .video-container{ height: 420px; }

	.main .cq-layout-blocks .cq-content-container{ padding: 24px 24px; }
	.main-blog.main .cq-layout-blocks .cq-content-container { padding: 0px 0px; }
	.main:not(.main-blog) .cq-layout-blocks .btn a{ margin-top: 0; }


	.main .cq-layout-blocks .cq-features .cq-content-container { padding: 24px 24px; }
	.main .cq-features .cq-feature, .main .cq-features .cq-feature.feature-half{ padding: 0 14px; }
	.main .cq-features .cq-feature p{ font-size: 0.8em; }

	ul#blog-category-filter li { font-size: 0.9em; }

	.section-map #cq-location-map-legend ul{ font-size: 0.8em; padding: 1em 1.5em; }
	.section-map #cq-location-map-legend ul img{ width: 28px; }
	.section-map #cq-location-map-legend .map-filter:not(.active)::after,
	.section-map #cq-location-map-legend .map-filter-rail:not(.active)::after{ width: 28px; height: 28px; line-height: 28px; }

	#contact-form-box h2{ line-height: 40px; }
	#contact-form-box .content{ top: 10%; padding: 40px 40px; }
	#contact-form-close{ width: 28px; height: 28px; right: 40px; top: 40px; }

	/*.btn{ margin: 1em 0; }*/
	.btn a{ height: 34px; line-height: 34px; }

	/*.footer-container .footer-container-col .footer-container-row .footer-container-cell{ display: block; height: auto; padding: 1em 24px; width: 100%!important; }
	.footer-container .footer-container-col .footer-container-row:not(:last-child){ padding-bottom: 24px; }*/
	ul.footer-social-icons li{ margin: 0 6px; }

	.site-copyright a.footer-logo img { height: 50px; }
}

/*@media only screen and (max-width : 768px) {*/
@media only screen and (max-width : 1023px) {
	body{ font-size: 14px; }
	h1, h2:not(.h3) { font-size: 26px; margin-bottom: 0; }

	#contact-form-close{ width: 24px; height: 24px; }
	.gform_wrapper.nolabels_wrapper h3.gform_title{ font-size: 26px; }

	h3:not(.h4), .h3 { font-size: 19px; }
	.cq-text-overflow h3{ font-size: 16px; }

	.cq-layout-blocks p { margin: 0.8em auto; }

	.header-container .site-logo{ padding-left: 40px; }
	.footer-container{ padding: 40px 40px; }
	.main .content, .main .content.section-content{ padding: 40px 40px; }
	.main .cq-layout-halves .cq-layout-half.section-image .article-body { padding: 40px 40px 40px 0; }

	.main:not(.main-blog) .cq-layout-blocks .btn a{ height: 28px; line-height: 28px; font-size: 0.8em; }

	.footer-container .footer-container-col .footer-container-row .footer-container-cell{ display: block; height: auto; width: 100%!important; }
	.footer-container .footer-container-col .footer-container-row:not(:last-child){ padding-bottom: 24px; }

	.section-map{ height: auto!important; }
	.section-map #cq-location-map{ height: 400px; }
	.section-map #cq-location-map-legend{ position: relative; height: auto;}
	.section-map #cq-location-map-legend ul{ width: 100%; }
	.section-map #cq-location-map-legend ul img{ float: left; }
	.section-map #cq-location-map-legend ul span{ display: block; overflow: hidden; }
	.section-map #cq-location-map-legend li{ display: inline-block; vertical-align: middle; margin: 0.5em 2%; width: 20%; }
	.section-map #cq-location-map-legend li.map-legend-header{ display: block;}

}

/* mobile */
@media only screen and (max-width : 767px) {

	h1, h2, .h2, h2:not(.h3), h3, h3:not(.h4), .h4, h4, h5{ margin: 1em auto; }
	.cq-text-overflow h3{ font-size: 19px; }
	p, .cq-text-overflow p{ font-size:1em; margin: 1em auto; line-height: 1.4em; }

	.banner{ height: 360px; }
	.banner .banner-container{ padding: 40px 30px; }
	.banner .banner-container h1{ width: 90%; line-height: 1em; }

	.main .section-map{}
	.section-map #cq-location-map{ height: 360px; }

	#video-lightbox .video-container{ height: 320px; margin: 40px 20px; top: 50px; }

	.site-menu #menu-mainnav.mobile-hide{ display: none; }
	.site-menu #burger-icon-box.mobile-show{ display: block; }

	#contact-form-box .content { top: 1%; width: 98%; padding: 20px 20px; }
	#contact-form-close{ top:20px; right:20px; }

	.header-container > *{ padding: 0px 20px!important; }

	.main .section-break{ max-height: none; }

	.main .cq-layout-blocks{ height: auto!important; max-height: none!important; }
	.main .cq-layout-blocks .cq-layout-block,
	.main .cq-layout-blocks .cq-layout-block-row{ width: 100%; float: none; clear: both; height: auto!important; max-height: none!important; }
	.main .cq-layout-blocks .cq-layout-block.section-image{ max-height: none!important; }
	.main .cq-layout-blocks .cq-content-container{ padding: 40px 40px!important; }
	.main:not(.main-blog) .cq-layout-blocks .btn a{ height: 32px; line-height: 32px; font-size: 1em; }

	.main .cq-layout-blocks .cq-features .cq-content-container{ padding: 40px 0px; }
	.main .cq-features.inner-full{ padding: 40px 0; }
	.main .cq-features .cq-feature, .main .cq-features .cq-feature.feature-half{ display: inline-block; padding: 1em 40px; width: 100%; margin: 0 auto; max-width: 320px; width: 100%;  }
	.main .cq-features .cq-feature img{ width: 80px; height: 80px; }
	.main .cq-features .cq-feature p { font-size: 1em; }


	.single-post .section-blog-filter{ display: none; }
	.single-post .cq-layout-halves .cq-layout-half .cq-image-container{ margin: 0 40px; }
	.single-post .main .cq-layout-halves .content{ padding-top: 40px; }

	.main .cq-layout-halves {  display: block; }
	.main .cq-layout-halves .cq-layout-half{ display: block; width: 100%; }
	.main .cq-layout-halves .cq-layout-half.section-image .article-body{ padding: 40px; }

	.main.main-blog .cq-layout-blocks{}
	.main.main-blog .cq-layout-blocks .cq-content-container{ padding: 0 0!important; }
	.main.main-blog .cq-layout-blocks .cq-layout-block{ padding-bottom: 0; }


	.blog-halves{ display: block; }
	.blog-halves .blog-half{ display: block; width: 100%; }
	form#blog-search{ padding-right: 0; margin-bottom: 30px; }
	form#blog-search input{ width: 75%; font-size: 1.2em; padding: 0.5em 0; }

	/*ul#blog-category-filter li {  font-size: 1em;  margin: 1em auto; display: block; }*/
	#blog-category-container{
		height: 40px;
	    line-height: 40px;
	    border: 1px solid;
	    width: 100%;
	    max-width: 550px;
	    box-sizing: border-box;
	    padding: 0;
	    position: relative;
	    overflow: hidden;
	}
		ul#blog-category-filter{
		   line-height: inherit;
		    position: absolute;
		    width: 100%;
		    z-index: 10;
		    background-color: #f15b5e;
		    background-image: url(images/icon-selectarrow.png);
		    background-repeat: no-repeat;
		    background-position: top 16px right 24px;
		    border: 1px solid;
		    top: -1px;
		    left: -1px;
		}
			ul#blog-category-filter li{
				margin: 0;
				display: block;
				margin: 0 60px 0 0;
				line-height: inherit;
				background:#fff;
			}
				ul#blog-category-filter li a{
					padding: 0 10px;
					display: block;
				}

		#blog-category-container:not(:hover) li:not(.category-item-current){
			display: none;
		}

		#blog-category-container:hover{
			overflow: visible;
			border-bottom: 0;
		}
			#blog-category-container:hover ul#blog-category-filter{
				background-color: #fff;
			}
			#blog-category-container li:hover{
				margin-right: 0;
				background: rgba(222, 213, 207, 0.4);
			}


	.footer-container {  padding: 40px 20px; text-align: center; }
	.footer-container .site-logo{ padding-right: 0; padding-bottom: 30px; margin: 0 auto; }
	.footer-container .footer-container-col{ display: block; }
	.footer-container .footer-container-col .footer-container-row.site-social .footer-container-cell,
	.footer-container .footer-container-col .footer-container-row .footer-container-cell{ padding: 1em 0; : 1em auto; }
	.footer p{ margin: 1em auto; }

	.nav-btn a, .nav-btn span{ height: 2.4em; line-height: 2.4em; }

}

@media only screen and (max-width : 640px) {

	/*.section-map #cq-location-map-legend{ display: none; }*/
	.section-map #cq-location-map{ height: 280px; }
	.section-map #cq-location-map-legend ul{ padding: 0.5em;}
	.section-map #cq-location-map-legend li{ width: auto; margin: 8px 8px;}
	.section-map #cq-location-map-legend li div{ height: 32px; display: table-cell; vertical-align: middle; }
	.section-map #cq-location-map-legend ul img{ float: none; margin: 0; width: 32px; }
	.section-map #cq-location-map-legend .map-filter:not(.active)::after,
	.section-map #cq-location-map-legend .map-filter-rail:not(.active)::after{ width: 32px; height: 32px; line-height: 32px; }
	.section-map #cq-location-map-legend ul span{ display: none; }

	.header-container{ height: 60px; }
	.header-container .site-logo{ width: 130px; }
	.header-container .site-logo img{ width: 130px; }

	.site-menu #burger-icon-box.mobile-show{ height: 20px;}
	#burger-icon span{ height: 2px; }
	#burger-icon span:nth-child(2){ top: 9px; }
	#burger-icon span:nth-child(3){ top: 18px; }

	.banner{ height: 280px; }
	.banner .banner-container { padding: 24px 30px; }

	#video-lightbox{ top: 0; }
	#video-lightbox .video-container{ height: 240px; margin: 30px 10px; }
	#video-lightbox .video-container iframe{ padding: 8px; }
	#video-lightbox .video-container #close-video{ right: -16px; }

	.nav-halves .nav-half{ padding: 0 0.4em; }
	.nav-btn{ width: 100%; }
	.nav-btn a, .nav-btn span{ width: 100%; padding: 0; }
}


/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- PRINT OPTIONS */
/*---------------------------------------------------------------------------*/
@media print {
	header { display: none; }
	.banner { display: none; }
	.sidebar { display: none; }
	footer { display: none; }
}


.main-blog .section-break .cq-layout-blocks{
	height:auto!important;
}
.main-blog .section-break .cq-layout-blocks .cq-layout-block{
	height:450px;
}
.site-menu #menu-mainnav .menu-item-contact span{
	padding:0 15px;
}
.site-menu #menu-mainnav > .menu-item-contact{
	max-width:120px;
}
/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- Benny Styling */
/*---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- Header */
/*---------------------------------------------------------------------------*/
#stickyheader{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
}
.wrapper-login{
	overflow:auto;
	background-color:#7B839C;
	max-width:inherit!important;
	padding-right:0!important;
}
.wrapper-login{
	margin:14px 0 0 0!important;
}
.wrapper-login a{
	position:relative;
	display:inline-block;
	/*font-size:12px!important;*/
	/*text-transform:uppercase;*/
	/*padding-top:30px!important;*/
	padding:10px 0 10px 30px;
}
.wrapper-login a:before{
	content:'';
	position:absolute;
	/*top:0;
	left:50%;
	transform:translate(-50%,0);*/
	left:0;
	top:50%;
	transform:translate(0,-50%);
	height:24px;
	width:24px;
	/*background-color:red;*/
	background-repeat:no-repeat;
	background-image:url('images/icon-login-white2.svg');
}
@media only screen and (min-width : 767px) {
	.wrapper-login{
		margin:14px auto!important;
	}
	.wrapper-login a{
		display:table-cell;
		padding-top:30px!important;
		font-size:12px!important;
	}
	.wrapper-login a:before{
		top:0;
		left:50%;
		transform:translate(-50%,0);
	}
}
@media only screen and (min-width : 1200px) {
	.wrapper-login a{
		text-transform:uppercase;
	}
}
/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- News listing */
/*---------------------------------------------------------------------------*/
.wrapper-news .wrapper-listing{
	margin:0;
	padding:0;
}
.wrapper-news .wrapper-listing .item{
	float:left;
	list-style-type:none;
	margin:0;
}
.wrapper-news .wrapper-listing .secondary-item.item{
	display:inline-block;
}
.wrapper-news .wrapper-listing .item{
	display:inline-block;
}
.wrapper-news .wrapper-listing .item .wrapper-image{
	height:250px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:bottom center;
}
.wrapper-news .wrapper-listing .item .wrapper-image img{
	display:none;
}
.wrapper-news .wrapper-listing .item h2.h3{
	font-size:20px;
}
@media only screen and (min-width : 1024px) {
	.wrapper-news .wrapper-listing .item h2.h3{
		font-size:20px;
	}
}
@media only screen and (min-width : 1200px) {
	.wrapper-news .wrapper-listing .item h2.h3{
		font-size:24px;
	}
}
.wrapper-news .wrapper-listing .item p{
	font-size:0.875em;
}
.wrapper-news .wrapper-listing .item .wrapper-content{
	position:relative;
	padding:30px 15px;
}
@media only screen and (min-width : 767px) {
	.wrapper-news .wrapper-listing .item .wrapper-content{
		min-height:320px;
	}
}
@media only screen and (min-width : 1024px) {
	.wrapper-news .wrapper-listing .item .wrapper-content{
		min-height:400px;
	}
}
@media only screen and (min-width : 1600px) {
	.wrapper-news .wrapper-listing .item .wrapper-content{
		min-height:320px;
	}
}
.wrapper-news .wrapper-listing .item .btn{
	margin:2em 0 0 0;
}
@media only screen and (min-width : 767px) {
	.wrapper-news .wrapper-listing .item .btn{
		position:absolute;
		bottom:30px;
	}
}
.wrapper-news .wrapper-listing .feature-item.item .column{
	padding:0;
}
@media only screen and (min-width : 767px){
	.wrapper-news .wrapper-listing .item:nth-child(odd){
		padding:0 15px 0 12px;
		clear:both;
	}
}
@media only screen and (min-width : 767px) and (max-width : 1024px){
	.wrapper-news .container{
		padding:0 60px 0 60px;
	}
	.wrapper-news .wrapper-listing .item{
		width:calc(50% - 30px);
		display:inline-block;
		padding:0 15px 30px 15px;
		margin-bottom:30px;
	}
	.wrapper-news .wrapper-listing .item:nth-child(odd){
		padding:0 15px;
		clear:none;
	}
	.wrapper-news .wrapper-listing .item:nth-child(even){
		padding:0 12px 0 15px;
	}
	.wrapper-news .wrapper-listing .item .wrapper-content{
		border-bottom: 1px solid #7D7D7D;
	}
}
@media only screen and (min-width : 1024px) {
	.wrapper-news .container{
		padding:0 60px 0 60px;
	}
	.wrapper-news .wrapper-listing .feature-item.item{
		padding:0 15px 30px 15px;
		width:calc(100%);
	}
	.wrapper-news .wrapper-listing .secondary-item.item{
		width:calc(50% - 30px);
	}
	.wrapper-news .wrapper-listing .secondary-item.item{
		width:calc(50% - 30px);
	}
	.wrapper-news .wrapper-listing .feature-item.item .column:first-child{
		width:calc((100% / 12)* 6 - 30px);
	}
	.wrapper-news .wrapper-listing .feature-item.item .column:last-child{
		width:calc((100% / 12)* 6 - 30px);
		margin-left:15px;
	}
	.wrapper-news .wrapper-listing .item{
		width:calc(33% - 30px);
		display:inline-block;
		padding:0 15px 30px 15px;
		margin-bottom:30px;
	}
	.wrapper-news .wrapper-listing .secondary-item.item .wrapper-image{
		height:350px;
	}
	.wrapper-news .wrapper-listing .feature-item.item .wrapper-image{
		height:350px;
	}
	.wrapper-news .wrapper-listing .item .wrapper-image{
		height:200px;
	}
	.wrapper-news .wrapper-listing .item .wrapper-content{
		padding:15px;
	}
	.wrapper-news .wrapper-listing .feature-item.item .column{
		display:inline-block;
		float:left;
	}
	.wrapper-news .wrapper-listing .item .wrapper-content{
		border-bottom: 1px solid #7D7D7D;
	}
	.wrapper-news .wrapper-listing .feature-item.item .wrapper-content{
		border-bottom:none;
	}
	.wrapper-news .wrapper-listing .item:nth-child(3n+1){
		padding:0 15px;
		clear:both;
	}
	.wrapper-news .wrapper-listing .item:nth-child(odd){
		padding:0 15px;
		clear:none;
	}
}
@media only screen and (min-width : 1440px) {
	.wrapper-news .wrapper-listing .feature-item.item .column:first-child{
		width:calc((100% / 12)* 8 - 30px);
	}
	.wrapper-news .wrapper-listing .feature-item.item .column:last-child{
		width:calc((100% / 12)* 4 - 30px);
	}
	.wrapper-news .wrapper-listing .feature-item.item .wrapper-image{
		height:450px;
	}
	.wrapper-news .wrapper-listing .item .wrapper-image{
		height:250px;
	}
	.wrapper-news .wrapper-listing .item .wrapper-content{
		padding:30px 15px;
	}
	.wrapper-news .wrapper-listing .feature-item.item .column{
		display:inline-block;
		float:left;
	}
	.wrapper-news .wrapper-listing .feature-item.item .wrapper-content{
		border-bottom:none;
	}
	.wrapper-news .wrapper-listing .secondary-item{
		padding:0 12px 0 15px;
	}
	.wrapper-news .wrapper-listing .secondary-item + .secondary-item{
		padding:0 15px 0 12px;
	}
}
@media only screen and (min-width : 1600px) {
	.wrapper-news .wrapper-listing .secondary-item.item .wrapper-image{
		height:400px;
	}
	.wrapper-news .wrapper-listing .feature-item.item .wrapper-image{
		height:500px;
	}
	.wrapper-news .wrapper-listing .item .wrapper-image{
		height:300px;
	}
}

/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- Contact page*/
/*---------------------------------------------------------------------------*/
.wrapper-listing-agents{
	clear:both;
	overflow:auto;
	padding:80px 0;
}
.wrapper-listing-agents .listing-agents{
	margin:0;
	padding:0;
}
/*.wrapper-listing-agents .container{
	padding:60px 0;
}*/
.wrapper-listing-agents .container h3.title{
	text-align:center;
	font-size:30px;
	margin:0 0 60px 0;
}
.wrapper-listing-agents .listing-agents li{
	overflow:hidden;
	list-style-type:none;
	margin:0;
	line-height:120%;
}
.wrapper-listing-agents .listing-agents > li.column{
	padding:0 15px 40px 15px;
}
.wrapper-listing-agents .listing-agents > li .two-column .column{
	display:inline-block;
	float:left;
	width:calc(50% - 15px);
}
.wrapper-listing-agents .listing-agents li .two-column .column.wrapper-image{
	margin:0 15px 0 0;
}
.wrapper-listing-agents .listing-agents li .two-column .column.wrapper-image img{
	border-radius:100%;
}
.wrapper-listing-agents .listing-agents li .two-column .column.wrapper-content{
	padding:0;
}
.wrapper-listing-agents .listing-agents li .two-column .column.wrapper-content li{
	/*font-size:0.875em;*/
	display:block;
	width:100%;
	padding:0 0 10px 0;
}
.wrapper-listing-agents .listing-agents li h3.name{
	/*margin-top:0;*/
}
@media only screen and (min-width : 767px) {
	.wrapper-listing-agents .container{
		padding:0 60px 0 60px;
	}
	.wrapper-listing-agents .listing-agents li{
		display:inline-block;
		width:calc(50% - 33px);
	}
}
@media only screen and (min-width : 1024px) {
	.wrapper-listing-agents .listing-agents > li .two-column .column:first-child{
		width:calc(33% - 15px);
	}
	.wrapper-listing-agents .listing-agents > li .two-column .column:last-child{
		width:calc(66% - 15px);
	}
}
@media only screen and (min-width : 1440px) {
	.wrapper-listing-agents .listing-agents li{
		display:inline-block;
		width:calc(25% - 36px);
	}
	.wrapper-listing-agents .listing-agents li h3.name{
		font-size:1.143em;
	}
	.wrapper-listing-agents .container h3.title{
		font-size:44px;
	}
}
@media only screen and (min-width : 1600px) {

}
/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- Contact page*/
/*---------------------------------------------------------------------------*/

.wrapper-two-column{
	clear:both;
	overflow:auto;
	padding:0 0 60px 0;
}
.wrapper-two-column + .wrapper-listing-agents{
	padding-top:0;
}
/*.wrapper-two-column .container{
	padding:0 60px;
}*/
.wrapper-two-column .container .two-column .column{
	display:block;
	float:left;
	/*width:calc(50% - 33px);*/
	width:100%;
	padding:0;
}
.wrapper-two-column .container .two-column{
	overflow:auto;
}
.wrapper-two-column .container .two-column .column:last-child{
	width:calc(100% - 30px);
	padding:0 15px;
}
.wrapper-two-column .container .two-column .column .section-map-contact{
	height:200px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.wrapper-two-column .container .two-column .column .wrapper-image img{
	display:none;
}
.wrapper-two-column .container .two-column .column .wrapper-content{
	padding:0;
	margin:0;
}
.wrapper-two-column .container .two-column .column .wrapper-content li{
	color:#7D7D7D;
	list-style-type:none;
	line-height:120%;
	padding:0 0 10px 0;
}
.wrapper-two-column .container .two-column .column .wrapper-content li.wrapper-icon{
	position:relative;
	padding:0 0 10px 25px;
}
.wrapper-two-column .container .two-column .column .wrapper-content li.wrapper-icon:before{
	color:#31374f;
	position:absolute;
	top:0;
	left:0;
}
.wrapper-two-column .container .two-column .column .wrapper-content li.wrapper-address:before{
	content:'A:';
}
.wrapper-two-column .container .two-column .column .wrapper-content li.wrapper-phone:before{
	content:'P:';
}
.wrapper-two-column .container .two-column .column .wrapper-content li.wrapper-email:before{
	content:'E:';
}
.section-map-contact .cq-location-map{
	height:100%!important;
}
@media only screen and (min-width : 767px) {
	.wrapper-two-column{
		padding:60px 0;
	}
	.wrapper-two-column .container{
		padding:0 60px;
	}
	.wrapper-two-column .container .two-column .column{
		display:inline-block;
		padding:0 15px;
	}
	.wrapper-two-column .container .two-column .column .section-map-contact{
		height:250px;
	}
	.wrapper-two-column .container .two-column .column{
		width:calc(66% - 33px);
	}
	.wrapper-two-column .container .two-column .column:last-child{
		width:calc(33% - 33px);
	}
}
@media only screen and (min-width : 1024px) {
	.wrapper-two-column .container .two-column .column{
		width:calc(50% - 33px);
	}
	.wrapper-two-column .container .two-column .column:last-child{
		width:calc(25% - 33px);
	}
}
@media only screen and (min-width : 1440px) {
	.wrapper-two-column .container .two-column .column .section-map-contact{
		height:350px;
	}
}
/*@media only screen and (min-width : 1600px) {

}*/

.contact-us .main .content.section-content{
	padding:0;
}
.wrapper-contact-us{
	padding:60px 0;
	background-color:#f15b5e;
}
.wrapper-contact-us .container{
	padding:0 15px;
}
.wrapper-contact-us .container h3.gform_title{
	text-align:center;
	color:#ffffff;
}
@media only screen and (min-width : 767px) {
	.wrapper-contact-us .container{
		padding:0 60px;
	}
}
@media only screen and (min-width : 1024px) {

}
@media only screen and (min-width : 1440px) {

}
@media only screen and (min-width : 1600px) {

}

.wrapper-top{
	/*background-color:#f15b5e;*/
	background-color:#f7f5f5;
	padding:0;
}
.wrapper-top .header-container{
	height:auto;
}
.wrapper-top .wrapper-links{
	padding:0;
	margin:0;
	float:right;
}
.wrapper-top .wrapper-links li{
	margin:0;
	list-style-type:none;
}
.wrapper-top .wrapper-links li a{
	display:block;
	color:#31374f;
	font-size:0.75em;
	font-weight:600;
	text-transform: uppercase;
	padding:10px 0;
	transition: all 0.5s ease 0s;
}
.wrapper-top .wrapper-links li a:hover{
	color:#f15b5e;
	transition: all 0.5s ease 0s;
}
@media only screen and (min-width : 767px) {
	.wrapper-top .wrapper-links li a{
		padding:10px 30px;
	}
}

/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- Video layout*/
/*---------------------------------------------------------------------------*/
.wrapper-two-column .wrapper-video{
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	height:200px;
}
.wrapper-two-column .wrapper-video img{
	display:none;
}
.wrapper-two-column .video-button-container{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
@media only screen and (min-width : 767px) {
	.wrapper-two-column .wrapper-video{
		height:250px;
	}
}
@media only screen and (min-width : 1024px) {
	.wrapper-two-column .wrapper-video{
		height:350px;
	}
}
@media only screen and (min-width : 1440px) {
	.wrapper-two-column .wrapper-video{
		height:450px;
	}
}
.gform_wrapper input{
	box-shadow:none;
	border:1px solid #2e364f;
}
.gform_wrapper .gform_footer .gform_button{
	background-color:#f05d5e!important;
	color:#fff!important;
	font-weight:500;
	padding:10px 30px!important;
	border:none;
}

/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- Break points*/
/*---------------------------------------------------------------------------*/
@media only screen and (min-width : 767px) {

}
@media only screen and (min-width : 1024px) {

}
@media only screen and (min-width : 1440px) {

}
@media only screen and (min-width : 1600px) {

}
