@font-face{
	font-family: 'FSMeWeb-Regular';
	src: url('/template/fonts/FSMeWeb-Regular/FSMeWeb-Regular.eot');
	src: url('/template/fonts/FSMeWeb-Regular/FSMeWeb-Regular.eot?#iefix') format('embedded-opentype'),
	url('/template/fonts/FSMeWeb-Regular/FSMeWeb-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'FSMeWeb-light';
	src: url('/template/fonts/FSMeWeb-Light/FSMeWeb-Light.eot');
	src: url('/template/fonts/FSMeWeb-Light/FSMeWeb-Light.eot?#iefix') format('embedded-opentype'),
	url('/template/fonts/FSMeWeb-Light/FSMeWeb-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

 /*-----------------------------------*\
  $BASE
  

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

html{
font-size: 13px;}

body{
	background: #f6f6f6;
	color: #666;
	font-family: 'FSMeWeb-light', arial, helvetica, sans-serif;
	line-height: 1.6rem;}

.container-shim{
	padding-top: 80px;}

/* Bootstrap Overrides */

.jumbotron{
	background: #011e32;
	color: #fff;
	border-radius: 0;}
	.jumbotron h1{}
		
.jumbotron-light{
	background: #fff;
	color: #666;
}

.jumbotron-main{
	color: rgba(255,255,255,0.9);
	border-radius: 0;
	padding: 10rem 0 0 0;
	margin-bottom: 0;}

.jumbotron-awards{
	border-radius: 0;
	background: #4d1965;
	color: #fff;}
	

	.jumbotron-bg{
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		padding: 20rem 0 3rem 0 ;
	}
	
	.jumbotron-bg .display-1, .jumbotron-bg .display-2, .jumbotron-bg .display-3{
		border-bottom: 4px solid #00b1b0;
		text-shadow: 0px 0px 40px black;
		color: #fff;
	}
	.jumbotron-bg .lead{
		text-shadow: 0px 0px 40px black;
	}
		
	.text-jumbotron-bg{
		z-index: 2;
		position: relative;}
	.header-fade{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004d9b+0,004d9b+82&0+0,0.4+86 */
		background: -moz-linear-gradient(top, rgba(0,77,155,0) 0%, rgba(0,77,155,0.38) 82%, rgba(0,77,155,0.4) 86%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,77,155,0) 0%,rgba(0,77,155,0.38) 82%,rgba(0,77,155,0.4) 86%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,77,155,0) 0%,rgba(0,77,155,0.38) 82%,rgba(0,77,155,0.4) 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00004d9b', endColorstr='#66004d9b',GradientType=0 ); /* IE6-9 */
	padding: 1rem 0 0.5rem 0;
	margin-bottom: 0;}
	
	.jumbotron .btn-outline-secondary{
		border-color: #fff;
		color: #fff;}
	.jumbotron .btn-outline-secondary:hover{
		background: rgba(0, 79, 158, 0.2);}

	.badge-lg{
		font-size: 100%;}
.jumbotron-campaign{
	padding: 7rem 0;
}
.badge-super{
	vertical-align: super;
}
 h1 .badge-super{
	font-size: 30%;}

.fullscreen{
	position: relative;}

	.splash{	
		position: absolute;	
		margin: auto;
		width: 100%;
		text-align: center;
		z-index: 10;
		padding: 0 2rem 0rem 2rem;}
		.splash h1.strap{
			font-family: 'FSMeWeb-Light', arial, helvetica, sans-serif;
			font-weight: normal;
			color: #fff;
			font-size: 0.5rem;
			letter-spacing: 0.5rem;
			margin-top: 0.5rem;
		}
		.splash p{
			font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
			font-weight: 500;
			color: #fff;
			font-size: 0.9rem;
			margin-bottom: 2rem;}
.hidden{
	display: none;}
	   
.overlay {
	position: fixed;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	margin:10px;
	top: 0;
	left: 0;
	background-size: cover;
	-webkit-animation: hue 120s infinite linear;
	border-radius: 4px;
	color: rgba(255,255,255,0.9);
	font-size: 1.8rem;}
	
.overlay-close, .overlay-open {
	background: transparent;
	position: absolute;
	right: 30px;
	top: 30px;
	overflow: hidden;
	border: none;
	color: #fff;
	font-size: 2.1rem;
	line-height: 30px;
	outline: none;
	z-index: 100;
	padding: 0;}

.overlay-open {
	color: #ccc;}
.overlay-close{
	display: none;}
.menu-show .overlay-close{
	display: block;}
.btn-info, .bg-info{
	background-color: #00b1b0 !important;
}
	
/* Vertically centre the bootstrap modal	 */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */}
    
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;}
    
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:calc(100%-40px);
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;}

/* Effects */
.overlay-scale {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;}

.overlay-scale.open {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);	
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	z-index: 99;}

.back-to-top {
	background: none;
	margin: 0;
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 31px;
	height: 34px;
	z-index: 100;
	display: none;
	text-decoration: none;
	color: #ccc;}

.back-to-top i {
  font-size: 3.5rem;}
  
 .text-white hr{
	 border-color: rgba(255,255,255,0.3);}

.container-lg{
	max-width: 1200px;
}
  
/*-----------------------------------*\
  $TYPOGRAPHY
\*-----------------------------------*/
	h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
		font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
		font-weight: 600;
		color: #00b1b0;}
	h2{
		font-size: 1.5rem;}
	.smallprint{
		font-size: 0.6rem;}
	.lead{
		font-family: 'FSMeWeb-light', arial, helvetica, sans-serif;
		font-weight: 200;}
	form small{
		font-size: 65%;
		display: block;
		margin-bottom: 1px;}
	small.small{
		font-size: .6rem;
		line-height: .5rem;
	}
	small{
		line-height:1.1rem;}
		
/*-----------------------------------*\
  $LINKS and BUTTONS
\*-----------------------------------*/

a{color: #011e32;}
a:hover{color: #0275d8;}

.editorial a{
	color: #00b1b0;
	text-decoration: underline;}
.editorial a.btn{
	text-decoration: none;}

.btn{
	font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
	font-weight: 300;}
.btn-primary{
	background-color: #004f9f;}
.btn-secondary{
	color: #fff !important;}
.btn-ph, .btn-default{
	background-color: #00b1b0;
	border-color: #fff;
	color: #fff;}
.btn-ph:hover, .btn-default:hover{
	color: #fff;
	background: #199b9b;}
.btn-bar{
	border-radius: 0;
	border: none;
	text-align: left;}
.team-email{
	font-size: .7rem;
}	
.let-service{
	display: block;
	padding: 1rem;}	
.let-service:hover{
	text-decoration: none;
	background-color: #011e32;
	color: #fff;
	border-radius: 6px;}	
.card-header a h3{
	display: block;
	padding: 2rem;
	background: #00b1b0;
	color: #fff;
}

.card-header a:hover{
	text-decoration: none;}

.card-header a h3:hover{
	text-decoration: none;
	background: #199b9b;}
	
/*-----------------------------------*\
  $FORMS
\*-----------------------------------*/
	
.form-control{
	font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
	font-weight: normal;}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child){
	border-radius: 0 0.25rem 0.25rem 0;}
		
.searchbar-main .form-control::-webkit-input-placeholder { /* Chrome */
	color: rgba(255,255,255,0.5);
	font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
	font-weight: normal;}
.searchbar-main .form-control:-ms-input-placeholder { /* IE 10+ */
	color: rgba(255,255,255,0.5);
	font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
	font-weight: normal;}
.searchbar-main .form-control::-moz-placeholder { /* Firefox 19+ */
	color: rgba(255,255,255,0.5);
	opacity: 1;
	font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
	font-weight: normal;}
.searchbar-main .form-control:-moz-placeholder { /* Firefox 4 - 18 */
	color: rgba(255,255,255,0.5);
	opacity: 1;
	font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
	font-weight: normal;}

.form-control::-webkit-input-placeholder { /* Chrome */
	color: rgba(0,0,0,0.3);
	font-weight: 200;}
.form-control:-ms-input-placeholder { /* IE 10+ */
	color: rgba(0,0,0,0.3);
	font-weight: 200;}
.form-control::-moz-placeholder { /* Firefox 19+ */
	color: rgba(0,0,0,0.3);
	font-weight: 200;}
.form-control:-moz-placeholder { /* Firefox 4 - 18 */
	color: rgba(0,0,0,0.3);
	font-weight: 200;}


.input-property-search{
	text-align: center;}
.input-property-search .form-control{
	background: rgba(243, 147, 0, 0.9);
	border: 1px rgba(255,255,255,0.4) solid;
	color: #fff;}
.input-property-search .btn{
	border: 1px rgba(255,255,255,0.4) solid;}
	
	
/*
div label input {
   margin-right:100px;
}
*/

#check-button {
    overflow:auto;
    float:left;
    width: 100%;}

#check-button label {
    float:left;
    width: 100%;}

#check-button label div {
	font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
	font-weight: 200;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 0.4);
	border-radius: 0.25rem;
    text-align:center;
	padding: 0.4rem 0.5rem 0.4rem 0.5rem;
    display:block;
    cursor: pointer;}

#calc #check-button label div {
	background: rgba(0, 0, 0, 0.01);
	color: rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 0.67rem 0.5rem 0.67rem 0.5rem;
}

#check-button label input {
    position:absolute;
    left:-2000px;}

#check-button input:checked + div, #calc #check-button input:checked + div {
    background-color:#011e32;
    color:#fff;}

#check-button input:checked + div:after {
	font-family: FontAwesome;
    content: " \f00c";
    font-size: 90%;}


.editorial ul li{
	list-style: none;}
.editorial ul li:before {    
	font-family: 'FontAwesome';
	content: '\f00c';
	margin:0 1rem 0 -2rem;
	color: #011e32;}
.editorial ul li b {    
	color: #011e32;}

/*-----------------------------------*\
TABLES
\*-----------------------------------*/

.thead-inverse th{
	background: #1a4758;}

.thead-inverse .silver, .silver{
	background: #c9ced0;
	color: #fff;}
.thead-inverse .gold, .gold{
	background: #00b1b0;
	color: #fff;}
.thead-inverse .platinum, .platinum{
	background: #959696;
	color: #fff;}

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

.splash-logo{
	width:30vw;
	margin-left: auto;
	margin-right: auto;}
a.logo{
	z-index: 98;
	position: absolute;
	top: 30px;
	left: 30px;
	width: 100px;
	background: #011e32;
	padding: 1.5rem;
	border-radius: 0 0 4px 4px;
	top: 0;}
	a.logo svg{
		-webkit-transition: all 0.35s cubic-bezier(0.230, 1.000, 0.320, 1.000);
		-moz-transition: all 0.35s cubic-bezier(0.230, 1.000, 0.320, 1.000);
		-o-transition: all 0.35s cubic-bezier(0.230, 1.000, 0.320, 1.000);
		transition: all 0.35s cubic-bezier(0.230, 1.000, 0.320, 1.000);
		fill: #fff;}
	a.logo svg:hover{
		fill: #ccc;}
	.logo-menu{
		text-transform: uppercase;
		text-align: right;
		z-index: 98;
		position: absolute;
		top:none;
		bottom: 20px;
		right: 20px;
		padding-left: 20px;}
	.logo-menu svg{
		fill: #ccc;
		width: 50px;}
	.logo-menu small{
		font-size: 0.6rem;
		margin-bottom: 5px;
		line-height: 0.6rem;}
	.logo-menu .phonenumber a{
		font-size: 0.9rem;}
	.logo-menu p{
		margin-bottom: 5px;}
		
ul#main-menu-nav{
	position: relative;
	display: block;
	-webkit-padding-start: 0px;
	width: 100%;
	padding-top: 2rem;
	}
ul#main-menu-nav li {
}
ul#main-menu-nav li a {
	font-size: 1.2rem;
	font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
	font-weight: 200;
	color: rgba(255,255,255,0.9);
	display: block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
/* 	text-transform: uppercase; */
	padding: 0.15rem 1.5rem 0.15rem 1.5rem;;
	margin: 0;
	transition: all 0.25s;
	text-align: left;
	cursor: pointer;}

ul#main-menu-nav li a:hover,
ul#main-menu-nav li a:focus {
	color: rgba(255,255,255,1);
	text-decoration: none;
	text-shadow: 1px 1px 4px rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.05);}

	#main-menu-nav .tray{
		-webkit-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
		-moz-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
		-o-transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
		transition: all 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
		position: absolute;
		left: 120%;
		top: 0;
		display: block;}
	#main-menu-nav .tray.show-tray{
		left: 0;
		background: #1a4758;
		z-index: 5;
		padding-top:3rem;
		padding-bottom:3rem;
		width: 100%;}
	#main-menu-nav .tray hr{
		border-color: rgba(255,255,255,0.3);
	}
	#main-menu-nav .tray .btn-outline-light:hover{
		color: #1a4758;
	}
	#main-menu-nav li.sublevel a{
		font-size: 1.3rem;
	}

#main-wrapper{ 
	right: 0;
	position: relative;
	-webkit-transition: right 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s;
	-moz-transition: right 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s;
	-o-transition: right 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s;
	transition: right 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s;
/* 	z-index: 100; */
	overflow: hidden;}
	.inner, .menu-footer{
		transition: opacity 0.1s ease-in-out;
	   -webkit-transition: opacity 0.1s ease-in-out;
	   -moz-transition: opacity 0.1s ease-in-out;	
		opacity: 0;}
	#main-wrapper.menuShow{
		right: 90%;}
	#menu-wrapper.menu-show{
		width: 90%;}

	#menu-wrapper.menu-show .inner, #menu-wrapper.menu-show .menu-footer{
		transition: opacity 0.1s ease-in-out .5s;
	   -webkit-transition: opacity 0.1s ease-in-out .5s;
	   -moz-transition: opacity 0.1s ease-in-out .5s;	
		opacity: 1;}




	#menu-wrapper.menu-show .menu-footer{
		transition-delay: 1s;
	   -webkit-transition-delay: 1s;
	   -moz-transition-delay: 1s;}
		
#remove-overlay,#trigger-overlay{
	transition: opacity 0.1s ease-in-out 0.5s;
   -webkit-transition: opacity 0.1s ease-in-out 0.5s;
   -moz-transition: opacity 0.1s ease-in-out 0.5s;	
   opacity: 1;}

#remove-overlay.clicked{
	transition: opacity 0.1s ease-in-out;
   -webkit-transition: opacity 0.1s ease-in-out;
   -moz-transition: opacity 0.1s ease-in-out;	
   opacity: 0;
   z-index: -1;}
#trigger-overlay.clicked{
	transition: opacity 0.1s ease-in-out;
   -webkit-transition: opacity 0.1s ease-in-out;
   -moz-transition: opacity 0.1s ease-in-out;	
   opacity: 0;
   z-index: -1;}
		
#menu-wrapper{
	display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-start; /* Safari 7.0+ */
    display: flex;
    align-items: flex-start;
    flex-direction: column;
	position: fixed;
	width: 0%;
	height: 100%;
	top: 0;
	right: 0;
	background-color: rgba(25, 33, 46, 0.83);
	background-repeat: no-repeat; 
	background-position: center;
	opacity: 1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: width 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s;
	-moz-transition: width 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s;
	-o-transition: width 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s;
	transition: width 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s;}
#menu-wrapper .inner{
	width: 100%;
}
#menu-wrapper .inner ul{
	-webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
	-moz-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
	-o-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
	transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	list-style: none;
	margin-left: 0;
	padding-left: 0;}
.menu-footer{
	width: 100%;
	color: #fff;
	padding: 1.5rem;
	position: absolute;
	bottom: 0;}
.menu-footer .btn-ph{
	color: #1a4758;
	border-color: #1a4758;
	border-radius: 0;
	background: #00b1b0;}
	.menu-footer .btn-ph:hover{
		color: #fff;
		border-color: #1a4758;
		border-radius: 0;}
	.menu-footer hr{
		border-color: rgba(255,255,255,0.3);}
	.menu-footer .logo{
		width: 30vw;}
	#trigger-overlay span{
		display: block;
		font-size: 0.65rem;
		line-height: 0.65rem;}
		
.carousel-cell {
	width: 33%;
	height: 75px;
	margin-right: 10px;}
	
.carousel .flickity-page-dots .dot{
	background: #00b1b0 !important;
}
	
/*-----------------------------------*\
  $SVG
\*-----------------------------------*/


/*-----------------------------------*\
  $MODULES
\*-----------------------------------*/

.logo-plymouth, .logo-strap{
	fill: #fff;}

.logo-homes{
	fill:transparent;
	stroke:#fff;}

.home{
	background: rgba(0, 79, 158, 0.76) url('/template/images/Client/Gerbera-yellow-half-trim-bottom-600.png') no-repeat center bottom;
	background-size: contain;}
.home a small{
	color: rgba(255,255,255,0.7);}

.footer{
	padding-top: 60px;
	background: rgba(245, 245, 245, 0.9);}	
.footer .card-header{
	font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
	font-weight: 200;
	font-size: 1.5rem;
	background: #011e32;
	color: #fff;}
	
.footer .phonenumber{
	font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
	font-weight: 200;
	font-size: 1.2rem;}

.row.no-gutter {
	margin-left: 0;
	margin-right: 0;}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
	padding-right: 0;
	padding-left: 0;}

.row.small-gutter {
  margin-left: 0rem;
  margin-right: 0rem;}

.row.small-gutter [class*='col-']:not(:first-child),
.row.small-gutter [class*='col-']:not(:last-child),
.row.small-gutter .col:not(:first-child),
.row.small-gutter .col:not(:last-child) {
  padding-right: 0.2rem;
  padding-left: 0.2rem;}	


	#googlemap{
		width:100%;
		padding-bottom: 50%;}

	.gallery-img-4x2{
		padding-bottom: 50%;
		margin-bottom: 30px;}

	.gallery-img-4x3{
		padding-bottom: 75%;
		margin-bottom: 30px;}

	.gallery-img-16x9{
		padding-bottom: 30%;
		margin-bottom: 30px;}

	.gallery-img-1x1{
		padding-bottom: 100%;
		margin-bottom: 30px;}
		
	.editorial img{
		max-width: 100%;}		

	#searchclear {
	    position: absolute;
	    right: .75rem;
	    top: 0;
	    bottom: 0;
	    height: 14px;
	    margin: auto;
	    font-size: 14px;
	    cursor: pointer;
	    color: #011e32;
	    z-index: 3;}
	    
	.searchbar{
		background: transparent;}
	.searchbar-page{
		background: #00b1b0;}

	.searchbar h4{
		color: #1a4758;}
			
	.searchbar input{
		background: transparent;
		border-color: #1a4758;
		color: #1a4758;}
		
	.searchbar input.form-control:focus{
		background: transparent;
		border-color: #1a4758;
		color: #1a4758;}

	.searchbar .custom-select{
		background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#1a4758' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
		background-size: 10px 10px;
		border-color: #1a4758;
		color: #1a4758;
		height: calc(2.85rem + 2px)!important;}
		
	.searchbar .input-group-addon{
		background: #1a4758;
		border-color: #011e32;
		color: rgba(255,255,255,0.9);}
	.searchbar .btn-ph{
		background: #1a4758;
		border-color: transparent;}
	.searchbar .btn-ph:hover{
		background: transparent;
		color: #1a4758;
		border-color: #1a4758;}
	.searchbar .btn-ph:active{
		background: #011e32;
		color: #fff;
		border-color: #fff;}


	.searchbar-main{
		background: #1a4758;}

	.searchbar-main input{
		background: transparent;
		border-color: rgba(255,255,255,0.7);
		color: #fff;}
		
	.searchbar-main input.form-control:focus{
		background: transparent;
		border-color: rgba(255,255,255,0.7);
		color: #fff;}

	.searchbar-main .custom-select{
		background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='rgba(255,255,255,0.7)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
		background-size: 10px 10px;
		border-color: rgba(255,255,255,0.7);
		font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
		font-weight: 300;
		height: calc(2.3rem + 2px)!important;
		color: #fff;}
		
	.searchbar-main .custom-select option {
		background: #fff;
		color: #333;}		
		
	.searchbar-main .input-group-addon{
		background: #00b1b0;
		border-color: rgba(255,255,255,0.7);
		color: #1a4758;
		font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
		font-weight: 300;}
		
	.searchbar-main .btn-ph{
		background: #00b1b0;
		border-color: rgba(255,255,255,0.7);
		color: #1a4758;}
	.searchbar-main .btn-ph:hover{
		background: #011e32;
		border-color: rgba(255,255,255,0.7);
		color: #fff;}
	.searchbar-main .btn-ph:active{
		background: transparent;
		border-color: rgba(255,255,255,0.7);
		color: #fff;}

	.searchbar-main #searchclear {
	    color: rgba(255,255,255,0.7);}

	.searchbar .custom-select select{
		-moz-appearance: none;}

	.card-property a{
		text-decoration: none;
		color: inherit;}
	
	.search-logo{
		width:60vw;
		margin-left: auto;	
		margin-right: auto;}
		
		.search-logo .logo-plymouth{
			fill:#1a4758;}
			.search-logo .logo-homes{
				stroke: #1a4758;}

	.affiliates .card{
		background: transparent;
		border: none;
		margin: 1rem;
/*
		align-items: center;
		justify-content: center;
*/}
	
	.affiliates .card.square-logos{
		flex-grow:1.4;
		margin: 0;}
	.affiliates .card.first{
		margin-right: 0;}
	.employee-img{
		flex: 1;
		border-radius: 4px 0 0 4px;}
		
.blog-archive .list-group-item{
	font-size: 0.8rem;
	padding: 0.5rem 1rem;}


/* accordion */
	#accordion a:hover{
		text-decoration: none;
		background: #011e32;
		color: #fff;
		transition: all 0.25s;
	}

/* Yes/No Switch		 */
	.yesnoswitch {
	    position: relative; width: 90px;
	    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
	.yesnoswitch-checkbox {
	    display: none;}
	.yesnoswitch-label {
	    display: block; overflow: hidden; cursor: pointer;
	    border: 1px solid #ccc; border-radius: 5px;}
	.yesnoswitch-inner {
	    width: 200%; margin-left: -100%;
	    -moz-transition: margin 0.15s ease-in 0s; -webkit-transition: margin 0.15s ease-in 0s;
	    -o-transition: margin 0.15s ease-in 0s; transition: margin 0.15s ease-in 0s;}
	.yesnoswitch-inner:before, .yesnoswitch-inner:after {
	    float: left; width: 50%; height: 32px; padding: 0; line-height: 32px;
	    font-size: 16px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.yesnoswitch-inner:before {
	    content: "YES";
	    padding-left: 10px;
	    padding-top: 1px;
	    background-color: #5CB85C; color: #FFFFFF;}
	.yesnoswitch-inner:after {
	    content: "NO";
	    padding-right: 15px;
	    padding-top: 1px;
	    background-color: #F8F8F8; color: #666666;
	    text-align: right;}
	.yesnoswitch-switch {
	    width: 35px; margin: 0px;
	    background: #FFFFFF;
	    border: 1px solid #ccc; border-radius: 5px;
	    position: absolute; top: 0; bottom: 0; right: 55px;
	    -moz-transition: all 0.15s ease-in 0s; -webkit-transition: all 0.15s ease-in 0s;
	    -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; 
	    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);}
	.yesnoswitch-checkbox:checked + .yesnoswitch-label .yesnoswitch-inner {
	    margin-left: 0;}
	.yesnoswitch-checkbox:checked + .yesnoswitch-label .yesnoswitch-switch {
	    right: 0px;}
#why-use-us .card-header{
	padding: 0;}
#why-use-us .card-header a{
	padding: 1rem;
	display: block;
	background: #011e32;
	color: #fff;}
#why-use-us .card-header a:hover{
	text-decoration: none;
	background: #1a4758;}


.slideshow-wrapper{
	position: relative;}

.slideshow-gradient{
	display: block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	padding-bottom: 30%;
	position: absolute;
	z-index: 1;
	width: 100%;}
	.gallery-cell{
		width: 100%;
		-webkit-font-smoothing: subpixel-antialiased;}

	.news-img{
		padding-bottom: 60%;}

	.flickity-prev-next-button{
		display: none;}
	
	.flickity-page-dots{
		bottom: 5px;}
		.flickity-page-dots .dot{
			height: 8px;
			width: 50px;
			margin: 0;
			border-radius: 0;
			margin: 1px;
			background: rgba(255,255,255,0.6);}

.slideshow-headline{
	background: #333;
	padding: 1rem 1rem 2rem 1rem;
	color: #fff;
	display: block;
	font-size: 1rem;
	margin-bottom: 0;}

.footer{
	background: #011e32;}
.footer a{
	color: #fff;}
.footer a:hover{
	color: #ccc;}
.footer .fa-stack-2x{
	color: #666;}


/*-----------------------------------*\
  $ANIMATIONS
\*-----------------------------------*/

.revealOnScroll { opacity: 0; }

.fadein {
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }

    to {
        opacity:1;
    }
}

@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


/* Morphine Fancybox */
.morphingbtn{
	background: #00b1b0;
	border-width: 0;
	color: #011e32;
	text-decoration: none;
	padding: 13px 20px;
	line-height: 1.65;
	border-radius: 4px;
	text-transform: uppercase;
	font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
	font-weight: 300;
	font-size: 1.2rem;
	margin: 2rem 0 2rem 0;
	display: inline-block;
	cursor: pointer;
	outline: none;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}
.morphingbtn:hover{
	text-decoration: none;
	color: #fff;}

/* Fancybox Morphing */
.morphing-btn-wrap {
  display: inline-block;
  position: relative;
  text-align: center;}

.morphing-btn {
  -webkit-transition: background 0.3s, color 0.2s 0.2s, width 0.2s 0s;
  -moz-transition: background 0.3s, color 0.2s 0.2s, width 0.2s 0s;
  -o-transition: background 0.3s, color 0.2s 0.2s, width 0.2s 0s;
  transition: color 0.3s 0.2s, width 0.2s 0s;
  white-space: nowrap;
  box-sizing: border-box;}

.morphing-btn_circle {
  color: transparent !important;
  padding-left: 0;
  padding-right: 0;
  width: 52px !important;
  height: 52px !important;
  -webkit-transition: color 0.2s 0s, width .3s 0.2s;
  -moz-transition: color 0.2s 0s, width .3s 0.2s;
  -o-transition: color 0.2s 0s, width .3s 0.2s;
  transition: color 0.2s 0s, width .3s 0.2s;}

.morphing-btn-clone {
  position: fixed;
  background: #00b1b0;
  border-radius: 5%;
  z-index: 4;
  -webkit-transition: all 0.45s cubic-bezier(.65, .05, .36, 1);
  -moz-transition: all 0.45s cubic-bezier(.65, .05, .36, 1);
  -o-transition: all 0.45s cubic-bezier(.65, .05, .36, 1);
  transition: all 0.45s cubic-bezier(.65, .05, .36, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;}

.morphing-btn-clone_visible {
  display: block;
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;}

.fancybox-morphing .fancybox-bg {
  background: #00b1b0 url('/template/images/Client/Gerbera-yellow-half-trim.png') no-repeat center bottom;
  opacity: 1;}

.fancybox-morphing .fancybox-toolbar {
	top: 20px;
	right: 40px;}

.fancybox-morphing .fancybox-button--close {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;}

.fancybox-morphing .fancybox-button--close::after, 
.fancybox-morphing .fancybox-button--close::before {
    height: 1.55px;
    width: 22px;
    left: calc(50% - 11px);}

.fancybox-morphing .fancybox-button--close:hover {
  background: rgba(0, 0, 0, 0.25);}

.fancybox-morphing .fancybox-button--fullscreen{
	display: none!important;}
.fancybox-morphing .fancybox-button--close{
	margin: 2rem;}


#morphing-content {
	margin: 0;
	position: relative;
	background: transparent;
	background-size: contain;
	color: #011e32;
	line-height: 2;
	z-index: 3;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}

.fancybox-slide>*{
	padding: 0;}

#morphing-content a {
	color: #fff;}

.show{
	opacity: 1;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;}



video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
	background: url('/template/images/Client/PlymouthHoeAerial-B+W-Poster.jpg') no-repeat;
	background-size: cover;
	transition: 1s opacity;}

.property-overview{
	background: #1a4758;
	color: #fff;
	display: flex;}
	.property-overview .btn{
		background: #173f50;
		border-radius: 0;
		border: none;
		color: #fff;
		padding: 0.75rem 1.5rem 0.95rem 1.5rem;
		align-self: flex-end;}
		.property-overview .btn:hover{
			background: #15323f;
			color: rgba(255,255,255,0.9);}
		.property-overview .btn:active{
			background: #0c1e26;
			color: rgba(255,255,255,1);}
			
		.property-overview hr{
			border-color: rgba(255,255,255,0.4);}

		.property-overview ul{
			font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
			font-weight: 300;
			font-size: 1.1rem;
			padding-left: 0;
			list-style: none;}
		.property-overview li{
			margin:0 0 0.75rem 0;}
		.property-overview li:before{
			font-family: 'FontAwesome';
			content: '\f005';
			margin:0 0.75rem 0 0;
			color: rgba(255,255,255,0.4);
			font-size: 0.8rem;}
	.property-features{
		background:#011e32;}

.propertystat{
	font-family: 'FSMeWeb-Regular', arial, helvetica, sans-serif;
	font-weight: 200;
	font-size: 2rem;}

.property-epc{
	background: #0dbae8;
	color: #fff;}
.property-floorplans{
	background: #666;
	color: #fff;}
.property-description{
	background: #fff;}
	.prop-desc{
		font-size: 0.8rem;}
.meet-the-team .card{
	width: 100%;
}
/*-----------------------------------*\
  $RESPONSIVE STYLES
\*-----------------------------------*/


@media (max-width: 320px){
}

@media (max-width: 460px){
	.m-xs-1{
		margin: 1rem;}
}

@media (min-width: 388px) {
	.splash-logo{
		padding-top: 2.5rem;}
}

@media (min-width: 544px) {
}

@media (max-width: 767px){
	.splash{		
		padding-top: 3rem;}
	.xs-spacer{
		padding-bottom: 0.5rem;}
	.row-offcanvas {
	position: relative;
	-webkit-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
	}
	
	.row-offcanvas-right {
	right: 0;
	}
	
	.row-offcanvas-left {
	left: 0;
	}
	
	.row-offcanvas-right
	.sidebar-offcanvas {
	right: -100%; /* 12 columns */
	}
	
	.row-offcanvas-right.active
	.sidebar-offcanvas {
	right: -75%; /* 9 columns */
	}
	
	.row-offcanvas-left
	.sidebar-offcanvas {
	left: -100%; /* 12 columns */
	}
	
	.row-offcanvas-left.active
	.sidebar-offcanvas {
	left: -75%; /* 9 columns */
	}
	
	.row-offcanvas-right.active {
	right: 75%; /* 9 columns */
	}
	
	.row-offcanvas-left.active {
		left: 75%; /* 9 columns */
	}
	
	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 75%; /* 9 columns */
	}
}

@media (min-width: 768px){
	html{font-size: 13px;}
	.splash{		
		bottom: 0;
		left: 0;
		top: 0;
		right: 0;
		width: 55vw;
		height: 400px;}
	.splash-logo{
		padding-top: 0;}		
	.home{
		background-size: 40%;}
/*
	#menu-wrapper > ul{
		padding: 0 5%;}
	#main-wrapper.menuShow{
		right: 35%;}
	#menu-wrapper.menu-show{
		width: 35%;}
*/
	#menu-wrapper{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		opacity: 1;
		width: 100%;
		height: inherit;
		background: transparent;
		z-index: 1;}
	#menu-wrapper .inner{
		overflow-x: hidden;
		overflow-x: hidden;
		opacity: 1;}
	ul#main-menu-nav{
		width: auto;
		display: inline-block;
		float: right;
		margin-top: 0;
		margin-bottom: 2rem;
		margin-right: 1rem;
		overflow: hidden;}
	ul#main-menu-nav li{
		float: left;
		display: inline-block;}

	ul#main-menu-nav li a {
		font-size: 0.8rem;
		font-family: "myriad-pro", sans-serif;
		font-weight: 500;
		color: rgba(255,255,255,0.9);
		display: block;
		-webkit-transition: color 0.2s;
		transition: color 0.2s;
		text-transform: uppercase;
		padding: 0.15rem 1.5rem 0.15rem 1.5rem;;
		margin: 0;
		transition: all 0.25s;
		text-align: left;
		cursor: pointer;
		letter-spacing: 0.02rem;
		color: #fff;}
	ul#main-menu-nav li a:hover {
		color: #00b1b0;
		background: transparent;}
	.menu-footer{
		display: none;}
	#main-menu-nav .tray.show-tray{
		position: fixed;
		top: 5.5rem;
		height: 100%;
		padding: 3rem;}
	#main-menu-nav li.sublevel, #main-menu-nav li.nav-link-back {
		float: none;
		display: block;
		text-align: center;
		font-size: 1.3rem;}
	#main-menu-nav li.sublevel a{
		transition: all 0.2s;
		color: rgba(255,255,255,0.8);
		font-family: "myriad-pro", sans-serif;
		font-weight: 700;
		font-size: 4rem;}
	#main-menu-nav li.sublevel a:hover{
		transform: scale(1.05);
		color: #fff;}
	#main-menu-nav li.parent a{
		font-size: 1.1rem;
		margin-bottom: 1rem;
		padding-bottom: 1rem;
		border-bottom: 1px solid rgba(255,255,255,0.3);}
	#main-menu-nav li.sublevel a, #main-menu-nav li.nav-link-back{
		text-align: center;}
	#main-menu-nav li.nav-link-back button{
		margin-left: 0!important;}
	#main-menu-nav .tray{
		left: 0;
		top: 400%;}
	#trigger-overlay{
		display: none;}



	a.logo{
		width: 200px;}
	.brandlogo{
		width: 100%;
		margin-top: 0;}
	.modal-content {
	    width:40rem;}
	.search-logo,.splash-logo{
		width:25vw;}
	.sticky {
	    position:fixed;
	    top:0;
	    z-index: 97;
	    width: 100%;}
	.searchbar.sticky {
		padding: 27px 27px 27px 27px;}
	.menu-padding{
		padding-top: 119px;}			
	.jumbotron .h3{
		font-size: 1.75rem;}
	.header-fade{
		padding: 2.5rem 0 0 0;}
	.menu-footer .logo{
		width: 10vw;}
	.text-overlay-sm {
		position: absolute;
		display: block;
		width: 100%;
		bottom: 0;}
	.mb-8-sm{
		margin-bottom: 8rem;}
	.slideshow-headline{
		background: #00b1b0;
		padding: .6rem 1rem .6rem 1rem;
		border-radius: 3px;
		color: #fff;
		display: inline-block;
		font-size: 1.5rem;}
	.splash h1.strap{
		font-size: 1rem;}
		
	.carousel-cell {
		width: 20%;
		height: 100px;}

}

@media (min-width: 992px){
	html{font-size: 15px;}
	.splash{		
		height: 380px;}
	p.logotype{
		font-size: 2.7rem;}
	.menu-padding{
		padding-top: 137px;}			
	.morphingbtn{
		padding: 11px 20px;
		line-height: 1.5;
		font-size: 1rem;}
	#morphing-content .searchbar{
		min-width: 70rem;}
	#googlemap{
		padding-bottom: 30%;}
}

@media (min-width: 1200px) {
	html{font-size: 16px;}
	p.logotype{
		font-size: 2.4rem;}
	.menu-padding{
		padding-top: 154px;}			
	.splash{		
		bottom: 0;
		left: 0;
		top: 0;
		right: 0;
		width: 45vw;
		height: 480px;}
	.columns2{
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
	    -webkit-column-gap: 3rem; /* Chrome, Safari, Opera */
	    -moz-column-gap: 3rem; /* Firefox */
	    column-gap: 3rem;}
}
/*
@media (min-height:800px){
	#menu-wrapper .inner{
	    display: flex;
		flex-grow: 2;
		width: 100%;
		align-items: center;}
}
*/
@media (max-height:800px){
	.hide-short{
		display: none;}
}