html, body {
	position: relative;
	height: 100%;
}


html * {
    outline-color: green;
    outline-width: 1px;
}

html *:focus {
    outline-style: dashed;
}

button:focus {
    outline: 1px auto green;
}

#map div[role=button] {
    outline-color: #0f0;
    outline-width: 3px;
}


.browseAllProjectsButton:focus {
	outline: white 1px dashed;
}

#cse-search-box input[type="text"]#searchTextAll:focus{
	outline: white 1px dashed;
}

#searchTextAllButton:focus {
	outline: white 1px dashed;
}

#searchTextAllButtonContainer:focus {
	outline: white 1px dashed;
}



.highlighted {
	outline: white 10px dashed;
}

#map:focus div {
	outline: green 10px dashed;
}
	

body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif; 
	font-size: 3vw;
	color:#000;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
}


#header {
    position: absolute;
    top: 0;
    padding: 0px;
    z-index: 1234567890;
    width: 100%;
    color: #fff;
    background: #333;
}

#header .col-4 {
    padding-right: 5px;
}
#header .col-8 {
    padding-left: 5px;
}

#header a {
	font-weight:bold;
}

header {
    background: #888;
}

#header #skipToContent {
    font-size: 10px;
    font-weight: normal;
    color: #fff;
    margin: 0 0 30px 0;
    display: inline-block;
}



.comment header {
    background: transparent;
}

.comment-form-comment textarea {
    resize: vertical;
    width: 100%;
}

#darwinLogo {
	padding:10px 0 30px 20px;
}

#darwinLogo img {
	width:auto;
	max-width: 100%;
}

#darwinLogoMobile {
	padding:10px 0 30px 20px;
}

#darwinLogoMobile img {
	width:auto;
	max-width: 100%;
}

 a {
	color:#ffffff;
	font-size:3vw;
	font-weight:bold;
}


 a:hover {
        color: #66B051;
		text-decoration:none;
    }
	
/*#login {
    position: absolute;
    top: 10px;
    right: 10px;
}*/
	
	
	#mobileMenu {
		display:none;    
		background: #333;
		background: #66B051;
		z-index: 1223123123312312;
		height: 100vh;
		width: 103vw;
		position: fixed;
		left: 100vw;
	}
	
	.mobileMenuButton {
		display: block;
		position: absolute;
		z-index: 345345345345345453;
		right: 20px;
		top: 20px;
		font-size: 26px;
		cursor: pointer;
		color:#ffffff;
	}
	
	#mobileMenu .mobileMenuButton {
    right: calc(3vw + 40px);
}
	
	#menu-menu-1 {
		padding: 20px 0 30px 30px;
	}
	
	#menu-menu-1 a {
		color: #000000;
		font-size: 5vw;
		font-weight: bold;
	}
	#menu-menu-1 a:hover {
		color: #000000;
		font-weight: bold;
		text-decoration:none;
	}
	
	#menu-menu-1 ul {
		margin: 0;
		padding: 0;
	}

#menu-menu-1 li {
    list-style-type: none;
}
#login a {
	color:#ffffff;
	font-size:3vw;
}

#login a:hover {
        color: #66B051;
		text-decoration:none;
    }
	
	html .um input[type="submit"].um-button, 
	html .um input[type="submit"].um-button:focus, 
	html .um a.um-button, 
	html .um a.um-button.um-disabled:hover, 
	html .um a.um-button.um-disabled:focus, 
	html .um a.um-button.um-disabled:active {
		background: #66B051;
	}

	.mainMenuContainer {
		text-align:right;
	}
	
	#mainMenu {
		margin:60px 0 0 0;
		display:none;
	}
	
	#mainMenu a {
		color:#ffffff;
		font-size:3vw;
		text-transform: uppercase;
		
		/*background:rgba(0,0,0,0.01);*/
	}

	#mainMenu a:hover {
        color: #66B051;
		text-decoration:none;
    }
	
	#mainContent {
		color:#000000;
		font-size:3vw;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	}
	
	#mainContent a {
		color: #66B051;
		font-size: 3vw;
		font-weight: normal;
	}

	#mainContent a:hover {
        color: #66B051;
		text-decoration:none;
    }
	
	#pageContent img {
		max-width: 100%;
		height: auto;
		margin:0 0 10px 0;
	}

	#greenBar {
		background: #66B051;
		padding: 30px 0 30px 20px;
	}
	
	#greenBar h1 {
		font-size:5vw;
		color:#ffffff;
	}
	
	#greenBar h2 {
		font-size:6vw;
		color:#1D3C1C;
		width: 100%;
		margin: 0 20px;
	}

	#greenBar hr {
		border-top: 1px solid #1D3C1C;
		width:100%;
		float:left;
		display:block;
	}


.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    max-width: 100%;
    height: auto;
}

#pageContent {
    padding: 50px 20px 50px 20px;
}

#pageContent h1 {
    font-size: 6.75vw;
}
#pageContent h2 {
    font-size: 5.75vw;
}
#pageContent h3 {
    font-size: 5.65vw;
}
#pageContent h4 {
    font-size: 5.50vw;
}


#relatedContent {
	margin:20px 0;
	padding:20px;
	background:#efefef;
}


#rightColumn {
	margin:0 0 50px 0;
}


#siteDescription {
    margin: 25px 0px 0 0px;
    width: 80%;
    font-size: 2.5vw;
    display: none;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		background:rgba(0,0,0,0.01);
}



	html .swiper-container {
		width: 100%;
		height: 100%;
	}

	html .swiper-slide {
		text-align: center;
		font-size: 18px;

		background-size: cover;
		background-position: center;

		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: top;
		-ms-flex-pack: top;
		-webkit-justify-content: top;
		justify-content: top;
		-webkit-box-align: top;
		-ms-flex-align: top;
		-webkit-align-items: top;
		align-items: top;
	}
	
	

	html .swiper-container-vertical > .swiper-pagination-bullets {
		left: 11.2%;
		top: calc(70% + 70px);
		transform: translate3d(0px,0%,0);
	}
	
	html .swiper-pagination-bullet {
		opacity: 0.9;
		background: #fff;
		margin-bottom:10px;
	}

	html .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 0 12px 0;
		display: block;
	}

	html .swiper-pagination-bullet-active {
		opacity: 1;
		background: #E09A3A;
	}
	
	
	
	
	

	html .swiper-play-pause {
		left: 7.4%;
		top: 70%;
		transform: translate3d(0px,-50%,0);
		color: #fff;
		position: absolute;
		z-index: 2147483647;
	}
	
	
	
	html .swiper-slide-overlay {
		/*background: rgba(0,0,0,0.8);*/
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		z-index: 0;
	}
	
	
html .swiper-slide-info {
    font-size: 3.1vw;
    color: white;
    width: 100%;
	margin-left: 8.3%;
    text-align: left;
	margin-top: 50%;
	z-index:1;
}

html .swiper-slide-info  hr {
	border-top: 1px solid rgb(255, 255, 255);
	width:80%;
	float:left;
	display:block;
}


	
	html .swiper-slide-info h1 {
		font-size: 12vw;
		color: #fff;
		width: 100%;
	}

	html .swiper-slide-info a {
		font-size: 6vw;
		color: white;
		width: 100%;
		text-decoration:none;
	}
	
	.swiper-slide-info-text {
		clear: both;
		width: 90%;
		font-size: 3.5vw;
		min-height: 80px;
	}
	
	
	.arrows {
		width: 40px;
	}
	
	
	
	
	
#projects {    
	font-size: 3vw;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	width:100%;
	border-collapse:collapse;
	margin: 30px 0 0 0;
}


	
.closePanel {
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 30px;
    cursor: pointer;
	z-index:2147483647;
}
	
	#searchButton {
		padding:20px 30px;
	}
	

	
.carousel-container .arrows .arrow .st2 {
    stroke: orange;
}

.st2 {
    fill: none;
    stroke: orange;
    stroke-width: 4;
    stroke-miterlimit: 10;
    stroke-dasharray: 2000,2000;
    stroke-dashoffset: 2000;
}


#_searchResults {
    height: 100vh;
    overflow: auto;
	margin:10px 0 0 0;
}

.searchResultsHeader {
	margin:0 0 50px 0;
}

/*.col-12.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12._alt {
    background: #fff;
    color: #4D4D4F;
}

#searchFilter0 .col-12.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12._alt a {
    background: #fff;
    color: #66B051;
}

#searchFilter0 .col-12.col-xs-12.col-sm-12.col-md-12.col-lg-12.col-xl-12._alt a:hover {
    background: #fff;
    color: #000000;
}*/


#searchFilterRowContainer {
    display:none;
    padding: 200px 0 0 8.3%;
    background: #333;
}


#searchBoxHolder2 {
    margin: 20px 0 0 0;
}


#searchPsychologistBoxHolder2 {
    margin: 20px 0 0 0;
}

/* Styling for the search box */
#searchBox
{
    margin:0 0 0 0;
    /*float: right;
    width: 180px;
    background: #FFF;*/
	display:none;
}

    #searchBox a,
    #searchBox a:visited,
    #searchBox a,
    #searchBox a:visited
    {
        text-decoration: none;
        font-size: 18px;
    }

        #searchBox a i,
        #searchBox a i
        {
            color: #000;
            font-size: 18px;
        }

.search-text
{
    width: 148px;
    border: 0;
}

#projectSearchBox {
    position: absolute;
    top: 65vh;
    z-index: 12231232313;
    left: 10%;
}

	#searchFilterInnerContainer {
		display: block;
		opacity:0;
	}
	
	#searchFilterRowContainer {
		display:block;
	}


#searchFilter0,
#searchFilter1,
#searchFilter2,
#searchFilter3,
#searchFilter4,
#searchFilter5,
#searchFilter6,
#searchFilter7 {
    padding-left: 100px;
    background: #66B051;
    color: #fff;
    display: none;
}

#searchFilter0 {
    padding-left: 100px;
    background: #66B051;
    color: #fff;
    display: block;
	left:17vw;
	visibility: visible;
	overflow: hidden;
}

#advancedSearchSpacer {
	margin-top:30px;
}

#searchFilter1 {
    padding: 0;
    background: rgba(0,0,0,0.5);
    width: 100vw;
}

#projectDetailLeftPanel {
    padding:50px 30px 0 20px;
    background: #333;
    height: 100%;
}

#projectDetailLeftPanel h1 {    
	color: #fff;
	font-size:6vw;
	font-weight:bold;
}

#projectDetailLeftPanel hr {
    width: 100%;
    color: #fff;
    border: 1px solid #fff;
    border-width: 1px 0 0 0;
    margin: 0 0 20px 0;
}
#projectDetailLeftPanel #projectTitle {
    color: #fff;
    font-size: 3vw;
    margin: 0 0 50px 0;
}

.projectFieldLabel {
	font-weight:bold;
	color:#243C26;
}

#roundLabel {
	min-width:50px;
	display: inline-block;
}



#refLabel {
    padding: 0 0 0 0px;
    width: 100%;
    display: block;
	padding-top: 5px;
	padding-bottom: 0px;
}

.browseAllProjectsButton1,
.browseAllProjectsButton2,
.browseAllProjectsButton3,
.browseAllProjectsButton4,
.browseAllProjectsButton5,
.browseAllProjectsButton6,
.browseAllProjectsButton7,
.browseAllProjectsButton8{
    padding: 5px 5px 5px 5px;
    margin: 0;
	color:#ffffff;
    background: #000000;
    border: 0px;
    cursor: pointer;
    font-size: 3.5vw;
    line-height: 3.5vw;
    width: 80vw;
    height: 46px;
}


.browseAllProjectsButton1 .fa.fa-caret-right,
.browseAllProjectsButton2 .fa.fa-caret-right,
.browseAllProjectsButton3 .fa.fa-caret-right,
.browseAllProjectsButton4 .fa.fa-caret-right,
.browseAllProjectsButton5 .fa.fa-caret-right,
.browseAllProjectsButton6 .fa.fa-caret-right,
.browseAllProjectsButton7 .fa.fa-caret-right,
.browseAllProjectsButton8 .fa.fa-caret-right {
    vertical-align: text-bottom;
    line-height: 3.5vw;
}

#slideshowContainer .browseAllProjectsButton1,
#slideshowContainer .browseAllProjectsButton2,
#slideshowContainer .browseAllProjectsButton3,
#slideshowContainer .browseAllProjectsButton4,
#slideshowContainer .browseAllProjectsButton5,
#slideshowContainer .browseAllProjectsButton6,
#slideshowContainer .browseAllProjectsButton7,
#slideshowContainer .browseAllProjectsButton8
{
    width: 100% !important;
    font-size: 3.8vw;
}

.browseAllProjectsButton1:hover,
.browseAllProjectsButton2:hover,
.browseAllProjectsButton3:hover,
.browseAllProjectsButton4:hover,
.browseAllProjectsButton5:hover,
.browseAllProjectsButton6:hover,
.browseAllProjectsButton7:hover,
.browseAllProjectsButton8:hover{
	color:#000000;
	background:#66B051;
}

#projectDetailRightPanel {
    padding: 50px 20px 100px 20px;
    color: #243C26;
}

#projectDetailRightPanel h2 {
	color:#66B051;
	font-weight:bold;
	font-size: 1.50rem;
}
#projectDetailRightPanel h2 .tgreen {
	color:#243C26;
	font-weight:bold;    
	font-size: 1.50rem;
}


#projectDetailRightPanel hr {
    width: 100%;
    color: #000000;
    border: 1px solid #000000;
    border-width: 1px 0 0 0;
    margin: 0 0 20px 0;
}

#projectDetailRightPanel a {
	color:#437637;
	font-size:3vw;
}

#projectDetailRightPanel a:hover {
        color: #66B051;
		text-decoration:none;
    }

       #projectMapContainer {
			background: rgba(0,0,0,0.1);
			height: 100%;
		}
		
		
		#projectLeadersContainer {
			padding: 20px 0 50px 0;
		}

		
		#loadingMapSpinner {
			width: 100%;
		}

		#loadingMapSpinner img {
			margin: 40vh auto;
			display: block;
		}


    #searchFilter0 h1,
    #searchFilter1 h1,
    #searchFilter2 h1,
    #searchFilter3 h1,
    #searchFilter4 h1,
    #searchFilter5 h1,
    #searchFilter6 h1,
    #searchFilter7 h1 {
        color: #fff;
        margin: 0 0 50px 0;
    }

    #searchFilter0 a,
    #searchFilter1 a,
    #searchFilter2 a,
    #searchFilter3 a,
    #searchFilter4 a,
    #searchFilter5 a,
    #searchFilter6 a,
    #searchFilter7 a {
        color: #fff;
			font-weight:bold;
    }

        #searchFilter0 a:hover,
        #searchFilter1 a:hover,
        #searchFilter2 a:hover,
        #searchFilter3 a:hover,
        #searchFilter4 a:hover,
        #searchFilter5 a:hover,
        #searchFilter6 a:hover,
        #searchFilter7 a:hover {
            color: #000000;
			text-decoration:none;
			font-weight:bold;
        }

#searchFilter7 {
    background: #f1f1f1;
}

    #searchFilter7 h1,
    #searchFilter7 a,
    #searchFilter7 .selectedLocation,
    #searchFilter7 .closePanel i {
        color: #000000;
    }

#header #searchFilter7 .columns {
    padding-left: 0;
    padding-right: 0;
}


#searchFilter0,
#searchFilter1,
#searchFilter2,
#searchFilter3,
#searchFilter4,
#searchFilter5,
#searchFilter6,
#searchFilter7 {
    height: 100vh;
    width: 83vw;
    position: fixed;
    left: 100vw;
    background: #66B051;
    color: #fff;
    top: 0;
    padding: 20px;
    z-index: 123456789876543;
    overflow: auto;
}

#searchFilter0 {
	overflow: hidden;
}

.select2-dropdown.increasedzindexclass {
  z-index: 2147483647;
  width:100vw;
}

.select2-container {
    width:100vw;
}



#searchFilter1 {
		padding: 0;
		background: rgba(0,0,0,0.5);
		width: 100vw;
	}

#searchFilter7 {
    background: #ffffff;
    padding: 20px;
}

    #searchFilter7 .selectedLocation {
        margin-left: 0;
        font-size: 4vw;
    }

    #searchFilter7 .psychologistHeading {
        font-size: 6vw;
    }


    #searchFilter7 h1,
    #searchFilter7 a,
    #searchFilter7 .selectedLocation,
    #searchFilter7 .closePanel i {
        color: #000000;
    }

#searchFilterOuterContainer  {
    min-height:45px;
}

#searchFilterInnerContainer {
    opacity: 1;
    margin: 0 0 0 0;
    display: none;
    padding: 73px 0;
}

#searchFilters {
    text-align: left;
}

    #searchFilters h1 {
        color: #66B051;
        font-size: 3.5vw;
        margin: 0;
        line-height: 1.4;
    }



#projectLeaderSidePanelSelector {
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
    font-size: 0.7vw;
}

    #projectLeaderSidePanelSelector:hover {
        color: #66B051;
        border-bottom: 1px solid #66B051;
    }

#projectLeaderSidePanelSelectorText {
    height: 10px;
    line-height: 0.5;
    display: inline-block;
    font-size: 5vw;
	color:#ffffff;
}
    #projectLeaderSidePanelSelectorText:hover {
        color: #66B051;
    }

#projectYearAwardedSidePanelSelector {
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
    font-size: 0.7vw;
}

    #projectYearAwardedSidePanelSelector:hover {
        color: #66B051;
        border-bottom: 1px solid #66B051;
    }

#projectYearAwardedSidePanelSelectorText {
    height: 10px;
    line-height: 0.5;
    display: inline-block;
    font-size: 5vw;
	color:#ffffff;
}
    #projectYearAwardedSidePanelSelectorText:hover {
        color: #66B051;
    }



#biomesEcosystemSidePanelSelector {
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
    font-size: 0.7vw;
}

    #biomesEcosystemSidePanelSelector:hover {
        color: #66B051;
        border-bottom: 1px solid #66B051;
    }


#biomesEcosystemSidePanelSelectorText {
    height: 10px;
    line-height: 0.5;
    display: inline-block;
    font-size: 5vw;
	color:#ffffff;
}
    #biomesEcosystemSidePanelSelectorText:hover {
        color: #66B051;
    }




#institutionSidePanelSelector {
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
    font-size: 0.7vw;
}

    #institutionSidePanelSelector:hover {
        color: #66B051;
        border-bottom: 1px solid #66B051;
    }



#institutionSidePanelSelectorText {
    height: 10px;
    line-height: 0.5;
    display: inline-block;
    font-size: 5vw;
	color:#ffffff;
}
#institutionSidePanelSelectorText:hover {
			color:#66B051;
}





#fundingSidePanelSelector {
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
    font-size: 0.7vw;
}

    #fundingSidePanelSelector:hover {
        color: #66B051;
        border-bottom: 1px solid #66B051;
    }



#fundingSidePanelSelectorText {
    height: 10px;
    line-height: 0.5;
    display: inline-block;
    font-size: 5vw;
	color:#ffffff;
}

#fundingSidePanelSelectorText:hover {
			color:#66B051;
}




#projectLeaderSidePanelSelector {
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
    font-size: 0.7vw;
}

    #projectLeaderSidePanelSelector:hover {
        border-bottom: 1px solid #66B051;
        color: #66B051;
    }


#projectLeaderSidePanelSelectorText {
    height: 10px;
    line-height: 0.5;
    display: inline-block;
    font-size: 5vw;
	color:#ffffff;
}

#projectLeaderSidePanelSelectorText:hover {
			color:#66B051;
}




#advancedSearchFiltersSidePanelSelector {
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
    font-size: 0.7vw;
}

    #advancedSearchFiltersSidePanelSelector:hover {
        border-bottom: 1px solid #66B051;
        color: #66B051;
    }


#advancedSearchFiltersSidePanelSelectorText {
    height: 10px;
    line-height: 0.5;
    display: inline-block;
    font-size: 5vw;
	color:#ffffff;
}


#advancedSearchFiltersSidePanelSelectorText:hover {
			color:#66B051;
}


#projectMapSidePanelSelector {
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
    font-size: 0.7vw;
}

    #projectMapSidePanelSelector:hover {
        border-bottom: 1px solid #66B051;
        color: #66B051;
    }



#projectMapSidePanelSelectorText {
    height: 10px;
    line-height: 0.5;
    display: inline-block;
    font-size: 5vw;
	color:#ffffff;
}


#projectMapSidePanelSelectorText:hover {
			color:#66B051;
}

.fa.fa-caret-down {
    font-size: 50%;
}

#searchFilterRow {
    clear: both;
}

#psychologistAppointmentsButtons {
    display: block;
    margin:8px 0 0 0;
}

#searchBox i {
    font-size: 30px;
    color: #000000;
    cursor: pointer;
    margin: 10px 0;
}


.orSpacer {
    color: #000;
    height: 38px;
    overflow: hidden;
    border: 0px solid #ffffff;
    display: inline-block;
    margin:0 0 0 0;
    padding: 8px;
}




#viewAllPsychologists {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    margin: 50px 0 0 0;
}

    #viewAllPsychologists a {
        color: #ffffff;
        text-decoration: none;
    }

    #viewAllPsychologists img {
        vertical-align:middle;
    }




#searchLayer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: -1px;
    left: 0;
    background-color: #ffffff;
    padding: 0px;
    opacity: 1;
    z-index: 10000;
}

#searchLayer ul li, 
#searchLayer li {
    background-image: url("/Images/interface/arrow-menu.png");
    background-repeat: no-repeat;
    background-position: -1px 6px;
    margin-left: 0px;
}

#closeSearchLayer {
    margin: 0 auto;
	padding: 10px 20px;
    top: 0%;
    vertical-align: top;
    width: 100%;
    text-align: right;
}
    #closeSearchLayer i {
        font-size: 60px;
        cursor: pointer;
        float: right;
        color: #66B051;
    }

#searchLayer ul, 
#searchLayer ul li,
#searchLayer li {
    color: #000;
}

#searchBox i {
    font-size: 30px;
    color: #000000;
    cursor: pointer;
    margin: 0px 5px;
    float: right;
}



#closeSearchLayer i {
    font-size: 30px;
    cursor: pointer;
    float: right;
}

.overlayBackground {
    margin: 20px 0 0 0;
    background: rgba(255,255,255,1);
}

.overlayForeground {
    margin: 20px 0 0 0;
    background:rgba(0,0,0,0);
}

.toggleLayerContainer.row {
    margin: 0;
}


#menuLayer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: -1px;
    left: 0;
    background-color: #ffffff;
    padding: 0px;
    opacity: 1;
    z-index: 10000;
    display: none;
    overflow: auto;
}


        #menuLayer ul li,
        #menuLayer li {
            background-image: url("/Images/interface/arrow-menu.png");
            background-repeat: no-repeat;
            background-position: -1px 6px;
            margin-left: 0px;
            list-style-type: none;
            font-size:5vw;
        }




#closeMenuLayer {
    margin: 0 auto;
	padding: 0 10px;
    top: 0%;
    vertical-align: top;
    width: auto;
    float: right;
}

    #closeMenuLayer i {
        font-size: 60px;
        cursor: pointer;
        float: right;
        color: #66B051;
    }

#menuLayer ul, 
#menuLayer ul li, 
#menuLayer li {
    color: #000;
}

#menuLayer #telephoneHeader {
    margin: 100px 0 0 17px;
	display:block;
}



#closeMenuLayer i {
    font-size: 30px;
    cursor: pointer;
    float: left;
}












#searchBox2 {
    padding: 20% 0 0 0;
    margin: 0 auto;
    vertical-align: top;
    top: 57%;
    width: 70%;

}
#searchBoxBackground2 {
    background: #ffffff;
    width: 100%;
    height: 100px;
}

#searchBox2 input {
    width: 83%;
    height: 100px;
    margin: 0;
    padding: 0 30px 0 30px;
    font-size: 50px;
    color: #000000;
    background: #ffffff;
    border: 1px solid #000;
}




    .searchPsychologistLayer #searchBox2 {
        padding: 0 0 0 0;
        margin: 0 auto;
        vertical-align: top;
        top: 57%;
        width: 100%;
    }


    .searchPsychologistLayer ul li, 
    .searchPsychologistLayer li {
        background-image: url("/Images/interface/arrow-menu.png");
        background-repeat: no-repeat;
        background-position: -1px 6px;
        margin-left: 0px;
    }

#closePsychologistSearchLayer {
    margin: 0 auto;
    padding: 0;
    top: 0%;
    vertical-align: top;
    width: 95%;
}

    #closePsychologistSearchLayer i {
        font-size: 60px;
        cursor: pointer;
        float: left;
    }

.searchPsychologistLayer ul, 
.searchPsychologistLayer ul li, 
.searchPsychologistLayer li {
    color: #000;
}



.searchPsychologistLayer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom: -1px;
    left: 0;
    background-color: #ffffff;
    padding: 0px;
    opacity: 0;
    z-index: 10000;
}

#closePsychologistSearchLayer i {
    font-size: 30px;
    cursor: pointer;
    float: left;
    color: #66B051;
}

#searchPsychologistBox2 {
    padding: 0 0 0 0;
    margin: 0 auto;
    vertical-align: top;
    top: 57%;
    width: 100%;
}

#searchPsychologistBoxBackground2 {
    background: #ffffff;
    width: 100%;
    height: 100px;
}

#searchPsychologistBox2 input {
    width: 83%;
    height: 100px;
    margin: 0;
    padding: 0 30px 0 30px;
    font-size: 50px;
    color: #000000;
    background: #ffffff;
    border: 1px solid #000;
}





input:valid, textarea:valid {
}

.search-text, .subscribe-text {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: none repeat scroll 0 0 #000000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #fff;
    float: left;
    height: 35px;
    outline: medium none;
    text-transform: uppercase;
}

.search-text {
    width: 148px;
    border: 0;
    border-top-style: none;
    border-top-width: 0px;
    border-right-style: none;
    border-right-width: 0px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-left-style: none;
    border-left-width: 0px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
}



.icon-search {
    font-size: 80px;
}


#searchFilterInnerContainer {
    opacity: 1;
    margin: 0 0 0 0;
    display: none;
    padding: 66px 0 50px 0;
}

#searchFilters h1 {
    color: #66B051;
    font-size: 5vw;
    margin: 0;
    line-height: 1.4;
}

.psychologistUrl,
.therapyUrl,
.locationUrl,
.bookingUrl,
.insurerUrl {
    display: block;
    clear: both;
    font-size: 3vw;
    line-height:6vw;
    text-transform: uppercase;
}


#psychologistAppointmentsButtons {
    display: block;
    margin: 15px 0 0 0;
    text-align: center;
    padding: 0;
}


#searchBox i {
    font-size: 30px;
    color: #000000;
    cursor: pointer;
    margin: 0px 0;
}

#searchBox {
    text-align: right;
    float: right;
}
    #searchBox .fa.fa-search {
        margin: 8px 10px 0 0;
        float:right;
		display:none;
    }
    #searchBox .fa.fa-bars {
        margin: 8px 10px 0 0;
        float:right;
    }


.fa.fa-bars {
    display: block;
}



.headerSpacer {
    display:none;
}



#searchBox2 input {
    width: 71%;
    height: 100px;
    margin: 0;
    padding: 0 30px 0 30px;
    font-size: 36px;
    color: #000000;
    background: #ffffff;
    border: 1px solid #888;
}


#searchBox {
    text-align: right;
    float: right;
}
    #searchBox .fa.fa-search {
        margin: 8px 10px 0 0;
        float:right;
		display:none;
    }
    #searchBox .fa.fa-bars {
        margin: 8px 10px 0 0;
        float:right;
    }


.fa.fa-bars {
    display: block;
}



.headerSpacer {
    display:none;
}

#searchBox2 input {
    width: 71%;
    height: 100px;
    margin: 0;
    padding: 0 30px 0 30px;
    font-size: 36px;
    color: #000000;
    background: #ffffff;
    border: 1px solid #888;
}

#searchFilter7OverlayFx {
    position: fixed;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    opacity: 0;
    top: 0;
}



.contentBlur {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}



#headerTop.blurryText *,
#header .projectMap,
#footer.blurryText *,
#socialMediaBar.blurryText *,
#searchFilters.blurryText *,
#searchFilters.blurryText,
#actorList.blurryText *,
#footer.blurryText *,
#footerLogos.blurryText * {
    color: rgba(0, 0, 0, 0.1);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-color: rgba(0, 0, 0, 0.1);
}
#searchFilter1 .gm-style{
	color:#000000;
}

#searchFilter1 .gm-style h6,#searchFilter1 .gm-style a{
	color:#007bff;
}





#cse-search-box input[type="text"]#searchTextAll, 
#cse-search-box input[type="text"]#searchTextProject {
    padding: 12px;
    width: 70%;
    border-radius: 3px;
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #000000;
    margin: 0px 0 0 0;
    font-size: 14px;
}

#cse-search-box input[type="text"]#searchTextAll:active, 
#cse-search-box input[type="text"]#searchTextProject:active {
	outline: 0;
}

#cse-search-box input[type="text"]#searchTextAll:focus, 
#cse-search-box input[type="text"]#searchTextProject:focus {
	outline: 0;
}
	


input[type="text"]#searchTextAll, 
input[type="text"]#searchTextProject {
    padding: 12px;
    width: 70%;
    border-radius: 3px;
    border: 1px solid #fff;
    background: transparent;
    color: #ffffff;
    margin: 50px 0 0 0;
    font-size: 14px;
}




input[type="text"]#searchTextAll.lightBackground {
    border: 1px solid #000;
    color: #ffffff;
    margin: 50px 0 0 0;
	font-size: 14px;
	color:#000000;
}

input[type="text"]#searchTextProject {
	display:none;
}

#searchTextAllButtonContainer {
    border: 0;
    background: #fff;
    color: #333;
    width: auto;
    height: 47px;
    display: inline-block;
    margin: 0 0 0 -3px;
    border-radius: 0px 3px 3px 0;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    text-align: right;
	padding-right:10px;
}

#searchTextAllButtonContainer i{
	font-size:18px;
}

#searchTextAllButton {
    border: 0;
    background: #fff;
    color: #333;
    width: auto;
    height: 47px;
    display: inline-block;
    margin: 0 0 0 -3px;
    border-radius: 0px 3px 3px 0;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    text-align: right;
	padding-right:10px;
}

#searchTextAllButton i{
	font-size:18px;
}

#searchResults h1 {
	margin:0 0 20px 0;
}
.searchResultText {
    max-width: 60%;
}


.featured-post {
    padding: 0 0 10px 0;
    font-weight: bold;
    font-size: 4vw;
}

.category-news footer {
	background:transparent;
}

footer {
    position: fixed;
    height: auto;
    width: calc(100%);
    z-index: 1000;
    left: 0px;
    bottom: 30px;
}


footer .col-3, footer .col-lg-3, footer .col-md-3, footer .col-sm-3, footer .col-xl-3 {
    padding-right: 5px;
    padding-left: 5px;
}

#footerLinks, #footerLinks a {
    color: #ffffff;
    font-size: 2.6vw;
    font-weight: normal;
}


#footerLinks a:hover {
        color: #66B051;
		text-decoration:none;
    }

#footerSocialMedia, 
#footerSocialMedia strong {
    color: #ffffff;
    font-size: 5vw;
    text-align: left;
    padding: 5px 20px 10px 0;
}


#searchFilter0 h1, #searchFilter1 h1, #searchFilter2 h1, #searchFilter3 h1, #searchFilter4 h1, #searchFilter5 h1, #searchFilter6 h1, #searchFilter7 h1,
#searchFilter0 h2, #searchFilter1 h2, #searchFilter2 h2, #searchFilter3 h2, #searchFilter4 h2, #searchFilter5 h2, #searchFilter6 h2, #searchFilter7 h2 {
	color: #000000;
	font-size:40px;
}

#searchFilter0 .ncopyw, #searchFilter1 .ncopyw, #searchFilter2 .ncopyw, #searchFilter3 .ncopyw, #searchFilter4 .ncopyw, #searchFilter5 .ncopyw, #searchFilter6 .ncopyw, #searchFilter7 .ncopyw {
	color: #000000;
}


html .swiper-play-pause {
	left:unset;
	right: 7.4%;
}

html .swiper-container-vertical > .swiper-pagination-bullets {
	left:unset;
	right: 9.2%;
}


.comments-link {
    padding: 20px 0 0 0;
}

#nav-below {
    padding: 20px 0 0 0;
}

#comments {
    padding: 20px 0 0 0;
}

#submit {
    background: #66B051;
    padding: 10px 20px;
    border: 0;
    cursor: pointer;
}

#submit:hover {
    background: #000000;
	color:#ffffff;
}







#data {
    border: 1px solid red;
    padding: 10px;
    margin: 100px 0 20px 0;
    background: #fff;
    color: #000;
}

#results {
    border: 1px solid green;
    padding: 10px;
    margin: 20px 0 20px 0;
    background: #fff;
    color: #000;
	height:80vh;
}




.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #66B051;
    border: 1px solid #000;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
	color:#fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #000;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
        border-right-color: currentcolor;
        border-right-style: none;
        border-right-width: medium;
    border-right: 1px solid #000;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
	color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
}

fieldset {
    min-width: 0;
    padding: 0 10px 10px 10px;
    margin: 0;
    border: 1px solid #81d369;
}

legend {
    display: block;
    width: auto;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}


#searchButton {
    padding: 1px 60px;
    font-weight: bold;
	cursor:pointer;
}

#advancedSearchFiltersContainer {
    position: absolute;
    width: 85%;
}

#advancedSearchResultsContainer {
    position: absolute;
    width: 0%;
    z-index: 342342343243242;
    height: 100%;
    left: 100%;
    overflow: auto;
    background: #66B051;
    color: #fff;
    padding: 20px 50px;
    opacity: 0;
	top:0px;
}

#searchControls {
    margin: 0 0 200px 0;
}

h1.faq_heading {
    font-family: 'Saira Condensed', sans-serif;
    font-size: 3vw;
    margin: 0;
    padding: 0;
}

.faq_outer_container {
    height: auto;
    border-radius: 3px;
    padding: 0 0px 0 0;
    border: 1px solid #66B051;
    vertical-align: top;
    background-position-x: -1px;
    clear: both;
    padding: 0px;
    margin: 0 0 20px 0;
    background-size: contain;
    background-size: 101%;
}

.faq_inner_container {
    height: auto;
    background: #ffffff;
    border-radius: 3px;
    padding: 1px;
	position:relative;
	padding: 0 0 20px 0;

}

.faq_toggle {
    font-size: 30px;
    font-weight: bold;
    padding: 0px;
    position: absolute;
    top: 18px;
    right: 24px;
    color: #888;
    cursor: pointer;
}

.faq_question {
    color: #000;
    text-align: left;
	display:block;
	width:100%;
	padding:20px 50px 0 20px;
	font-weight:bold;
}

.faq_answer {
	display:block;
	width:100%;
	padding: 20px 20px 0px 20px;
	display:none;
}

.faq_answer p {
    color: #000;
    text-align: left;
	padding: 0;
	margin:0;
}


	#cse-search-box {
		position: absolute;
		width: 80vw;
		top: unset;
		bottom: 22%;
		left: 8.3%;
		height: 50px;
		z-index: 2147483647;
	}

@media (min-width: 360px) {

	#advancedSearchFiltersContainer {
		position: absolute;
		width: 85%;
		height: 100vh;
		overflow: auto;
	}
	
	#searchFilter0 h1, #searchFilter0 h2  {
		color: #FFFFFF;
		font-size: 30px;
	}
	
	#searchFilter0 h1 {
		margin: 0 0 50px 0px;
	}
	
		#searchFilter0 a {
		font-size: 4vw;		
	}
	
	div#_searchResults a {
    font-size: 5vw;
}

	.searchResultText {
    max-width: 100%;
}

	#cse-search-box {
		position: absolute;
		width: 70vw;
		top: unset;
		bottom: 22%;
		left: 8.3%;
		height: 50px;
		z-index: 2147483647;
	}
	
	html .swiper-slide-info hr {
		width: 80%;
	}
	
}

@media (min-width: 576px) {
	
	.container {
		max-width: 540px;
	}
	
	#menu-menu-1 a {
		font-size: 5vw;
	}
		
		#searchFilter0 a {
		font-size: 4vw;		
	}
	
	div#_searchResults a {
    font-size: 4vw;
}
	
	.searchResultText {
    max-width: 100%;
}


	#projects {    
		font-size: 2vw;
	}
	
	#refLabel {
		padding: 0 0 0 20px;		
		width:auto;
		display: inline-block;
	}


	#mainContent {
		color:#000000;
		font-size:2vw;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	}

	#mainContent a {
		font-size:2vw;
	}
	
	#greenBar h2 {
		width: 100%;
		margin: 0;
	}
	
	#siteDescription {
		font-size: 2vw;
	}

	html .swiper-slide-info h1 {
		font-size: 6vw;
	}

	.swiper-slide-info-text {
		font-size: 3vw;
	}
	
	.featured-post {
		padding: 0 0 10px 0;
		font-weight: bold;
		font-size: 3.5vw;
	}
	
	#advancedSearchFiltersContainer {
    position: absolute;
    width: 85%;
    height: 100vh;
    overflow: auto;
}
	
	#footerLinks, #footerLinks a {
		color: #ffffff;
		font-size: 2vw;
		font-weight: normal;
	}
	
	
#cse-search-box {
		position: absolute;
		width: 70vw;
		top: unset;
		bottom: 22%;
		left: 8.3%;
		height: 50px;
		z-index: 2147483647;
		
	}
	
	.browseAllProjectsButton1,
.browseAllProjectsButton2,
.browseAllProjectsButton3,
.browseAllProjectsButton4,
.browseAllProjectsButton5,
.browseAllProjectsButton6,
.browseAllProjectsButton7,
.browseAllProjectsButton8 {
    width: 334px;
}

html .swiper-slide-info hr {
		width: 70%;
	}

}


@media (min-width: 768px) {
	
	body {
		font-size: 2vw;
	}
	
	.container {
		max-width: 720px;
	}
	
		#menu-menu-1 a {
		font-size: 3vw;
	}

	#projects {    
		font-size: 1.8vw;
	}
	
		#searchFilter0 a {
		font-size: 3vw;		
	}
	
	div#_searchResults a {
    font-size: 3vw;
}
	
	.searchResultText {
    max-width: 100%;
}

	
	#mainContent {
		color:#000000;
		font-size:1.6vw;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	}

	#mainContent a {
		font-size:1.6vw;
	}
	
	#refLabel {
		padding: 0 0 0 20px;		
		width:auto;
		display: inline-block;
	}

	#siteDescription {
		font-size: 2.5vw;
	}
	
	html .swiper-slide-overlay {
		width: 100%;
	}

	html .swiper-slide-info {
		margin-top: 20%;
	}


	html .swiper-slide-info h1 {
		font-size: 6vw;
	}

	.swiper-slide-info-text {
		font-size: 3vw;
	}
			
	html .swiper-play-pause {
		left: unset;
	}

	
	html .swiper-container-vertical > .swiper-pagination-bullets {
		 left: unset;
	}

	
	/*#browseAllProjectsButton {
		padding: 1px 5px 5px 5px;
		margin: 20px 0;
		background: orange;
		border: 0px;
		cursor: pointer;
		font-size: 2vw;
		line-height: 3vw;
	}*/

	.featured-post {
		padding: 0 0 10px 0;
		font-weight: bold;
		font-size: 3.5vw;
	}
	
	#advancedSearchFiltersContainer {
    position: absolute;
    width: 85%;
    height: 100vh;
    overflow: auto;
}


	
	#footerLinks, #footerLinks a {
		color: #ffffff;
		font-size: 2vw;
		font-weight: normal;
	}
	
	#cse-search-box {
		position: absolute;
		width: 70vw;
		top: unset;
		bottom: 28%;
		left: 8.3%;
		height: 50px;
		z-index: 2147483647;
	}


.browseAllProjectsButton1,
.browseAllProjectsButton2,
.browseAllProjectsButton3,
.browseAllProjectsButton4,
.browseAllProjectsButton5,
.browseAllProjectsButton6,
.browseAllProjectsButton7,
.browseAllProjectsButton8{
    width: 334px;
		margin: 20px 0;
}

html .swiper-slide-info hr {
		width: 60%;
	}

}


@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
	
		#menu-menu-1 a {
		font-size: 4vw;
	}
	
		#searchFilter0 a {
		font-size: 1.5vw;		
	}
	
	div#_searchResults a {
    font-size: 1.5vw;
}

.searchResultText {
    max-width: 100%;
}

	#siteDescription {
		font-size: 3vw;
	}
	
	#mainContent {
		color:#000000;
		font-size:1.1vw;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	}
	
	#mainContent a {
		font-size:1.1vw;
	}
	
	#greenBar {
		background: #66B051;
		padding:30px 0 30px 0;
	}
	
	#greenBar h2 {
		width: 100%;
		margin: 0;
	}
	
	#refLabel {
		padding: 0 0 0 20px;		
		width:auto;
		display: inline-block;
	}
	
	.featured-post {
		padding: 0 0 10px 0;
		font-weight: bold;
		font-size: 1.5vw;
	}

html .swiper-slide-overlay {
		width: 40%;
	}
	
	html .swiper-slide-info {
		font-size: 1.1vw;
		color: white;
		width: 100%;
		margin-left: 8.3%;
		margin-top: 0;
	}
	
			
				
	html .swiper-play-pause {
		left: unset;
	}

	
	html .swiper-container-vertical > .swiper-pagination-bullets {
		 left: unset;
	}
	
	
	#advancedSearchFiltersContainer {
    position: absolute;
    width: 85%;
    height: 100vh;
    overflow: auto;
}

	#footerLinks, #footerLinks a {
		color: #ffffff;
		font-size: 2vw;
		font-weight: normal;
	}
	
	
	
	#cse-search-box {
		position: absolute;
		width: 70vw;
		top: unset;
		bottom: 22%;
		left: 8.3%;
		height: 50px;
		z-index: 2147483647;
	}
	
	.browseAllProjectsButton1,
.browseAllProjectsButton2,
.browseAllProjectsButton3,
.browseAllProjectsButton4,
.browseAllProjectsButton5,
.browseAllProjectsButton6,
.browseAllProjectsButton7,
.browseAllProjectsButton8 {
		width: 334px;
		margin: 20px 0;
	}
	
	html .swiper-slide-info hr {
		width: 50%;
	}
	
}



@media (min-width: 1200px) {
	
	.container {
		max-width: 1140px;
	}
	
	
	#menu-menu-1 a {
		font-size: 2vw;
	}
	
	.mobileMenuButton {
		display:none;
	}
	
	#mobileMenu {
		display:none;
	}
	
	#mainContent {
		color:#000000;
		font-size:1.0vw;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	}
	
	#mainContent a {
		font-size:1.0vw;
	}
	
		#searchFilter0 a {
		font-size: 0.9vw;		
	}
	
	div#_searchResults a {
    font-size: 1.0vw;
}

.searchResultText {
    max-width: 60%;
}

	#siteDescription {
		font-size: 4vw;
	}
	
	#greenBar {
		background: #66B051;
		padding:30px 0 30px 0;
	}
	
	#greenBar h2 {
		width: 100%;
		margin: 0;
	}
	
	#refLabel {
		padding: 0 0 0 20px;		
		width:auto;
		display: inline-block;
	}
	
	
				
	html .swiper-play-pause {
		left: 3.4%;
		right:unset;
		top: 60%;
		transform: translate3d(0px,-50%,0);
	}

	
	html .swiper-container-vertical > .swiper-pagination-bullets {
		right:unset;
		left: 11.2%;
	}
	
	
	#advancedSearchFiltersContainer {
		position: absolute;
		width: 85%;
		height: 100vh;
		overflow: auto;
	}

	#cse-search-box {
		position: absolute;
		width: 30vw;
		top: 70%;
		bottom:unset;
		left: 8.3%;
		height: 50px;
		z-index: 2147483647;
	}

	.browseAllProjectsButton1,
.browseAllProjectsButton2,
.browseAllProjectsButton3,
.browseAllProjectsButton4,
.browseAllProjectsButton5,
.browseAllProjectsButton6,
.browseAllProjectsButton7,
.browseAllProjectsButton8 {
		width: 334px;
	}
	
	html .swiper-slide-info hr {
		width: 30%;
	}

}


@media only screen and (min-width: 992px) { 

	body {
		font-size: 1.5vw;
	}


	a {
		color:#ffffff;
		font-size:1.5vw;
		font-weight:bold;
	}


	a:hover {
		color: #66B051;
		text-decoration:none;
	}

	#searchFilterInnerContainer {
        opacity: 1;
        margin: 0 0 0 0;
        display: none;
        padding: 53px 0;
    }

    #searchFilters h1 {
        color: #66B051;
        font-size: 4.5vw;
        margin: 0;
        line-height: 1.2;
    }


	#siteDescription {
		margin: 40px 0px 0 25px;
		width: 64%;
		font-size: 1vw;
		display:none;
	}
	
	/*#login {
		position: absolute;
		top: 20px;
		right: 50px;
	}*/

	#login a {
		color:#ffffff;
		font-size:1.5vw;
	}

	#login a:hover {
        color: #66B051;
		text-decoration:none;
    }
	
		#projects {    
		font-size: 0.9vw;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		width:100%;
		border-collapse:collapse;
		margin: 30px 0 0 0;
	}
	
	html .swiper-container {
		width: 100%;
		height: 100%;
	}

	html .swiper-slide {
		font-size: 18px;
		
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	html .swiper-container-vertical > .swiper-pagination-bullets {
		/*left: 4.2%;*/
		top: calc(60% + 60px);
		transform: translate3d(0px,0%,0);
	}
	
	html .swiper-pagination-bullet {
		opacity: 0.9;
		margin-bottom:10px;
	}

	html .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 0 12px 0;
	}

	html .swiper-pagination-bullet-active {
		background: #E09A3A;
	}
	
	
	
	

	

	html .swiper-slide-info  hr {
		border-top: 1px solid rgb(255, 255, 255);
		width:30%;
		float:left;
		display:block;
	}
	
	html .swiper-slide-info h1 {
		font-size: 4vw;
		color: #fff;
		width: 100%;
	}

	html .swiper-slide-info a {
		font-size: 0.9vw;
		color: white;
		width: 100%;
		text-decoration:none;
	}
	
	.swiper-slide-info-text {
		clear: both;
		width: 30%;
		font-size: 0.9vw;
	}
	
	.arrows {
		width: 40px;
	}
	
	

	#mainMenu {
		margin:60px 0 0 0;
		display:block;
	}
	
	#mainMenu a {
		color:#ffffff;
		font-size:1.9vw;
		text-transform: uppercase;
	}

	#mainMenu a:hover {
        color: #66B051;
		text-decoration:none;
    }
	
	#mainContent {
		color:#000000;
		font-size:1.4vw;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	}
	
	#mainContent a {
		color: #66B051;
		font-size: 0.9vw;
		font-weight: normal;
	}

	#mainContent a:hover {
        color: #66B051;
		text-decoration:none;
    }




	#greenBar {
		background: #66B051;
		padding:30px 0 30px 0;
	}

	#greenBar h1 {
		font-size:4.5vw;
		color:#ffffff;
	}
	
	#greenBar h2 {
		font-size:4vw;
		color:#1D3C1C;
		width: 100%;
		margin: 0;
	}


	#pageContent {
		padding: 50px 0 50px 0;
	}


	#pageContent h1 {
		font-size: 4.75vw;
	}
	#pageContent h2 {
		font-size: 3.75vw;
	}
	#pageContent h3 {
		font-size: 3.65vw;
	}
	#pageContent h4 {
		font-size: 3.50vw;
	}


	#searchFilterRowContainer {
		padding: 10px 0 0 200px;
	}
	
	#searchFilters h1 {
		font-size: 3.7vw;
	}
	#searchFilters .projectSelectorText {
		font-size: 3.7vw;
	}
	
	

	.browseAllProjectsButton1,
.browseAllProjectsButton2,
.browseAllProjectsButton3,
.browseAllProjectsButton4,
.browseAllProjectsButton5,
.browseAllProjectsButton6,
.browseAllProjectsButton7,
.browseAllProjectsButton8 {
		padding: 5px 5px 5px 5px;
		margin: 20px 0;
		color:#ffffff;
		background: #000000;
		border: 0px;
		cursor: pointer;
		font-size: 1.8vw;
		line-height: 1.8vw;
		width: 334px;
		height: 46px;
	}
	


	.browseAllProjectsButton1:hover,
	.browseAllProjectsButton2:hover,
	.browseAllProjectsButton3:hover,
	.browseAllProjectsButton4:hover,
	.browseAllProjectsButton5:hover,
	.browseAllProjectsButton6:hover,
	.browseAllProjectsButton7:hover,
	.browseAllProjectsButton8:hover {
		color:#000000;
		background:#66B051;
	}

	.browseAllProjectsButton1 .fa.fa-caret-right,
	.browseAllProjectsButton2 .fa.fa-caret-right,
	.browseAllProjectsButton3 .fa.fa-caret-right,
	.browseAllProjectsButton4 .fa.fa-caret-right,
	.browseAllProjectsButton5 .fa.fa-caret-right,
	.browseAllProjectsButton6 .fa.fa-caret-right,
	.browseAllProjectsButton7 .fa.fa-caret-right, 	
	.browseAllProjectsButton8 .fa.fa-caret-right {
		vertical-align: text-bottom;
		line-height: 2.5vw;
	}

	#slideshowContainer .browseAllProjectsButton1,
	#slideshowContainer .browseAllProjectsButton2,
	#slideshowContainer .browseAllProjectsButton3,
	#slideshowContainer .browseAllProjectsButton4,
	#slideshowContainer .browseAllProjectsButton5,
	#slideshowContainer .browseAllProjectsButton6,
	#slideshowContainer .browseAllProjectsButton7,
	#slideshowContainer .browseAllProjectsButton8	{
		width: 100% !important;
		font-size: 1.6vw;
	}




	#header {
		background: #333;
	}

	#mainMenu {
		margin: 0;
		display: none;
	}

	#projectDetailLeftPanel {
		padding: 265px 30px 0 20px;
		background: #333;
		height: 100%;
	}



	#projectDetailLeftPanel h1 {    
		color: #fff;
		font-size:2vw;
		font-weight:bold;
	}

	#projectDetailLeftPanel hr {
		width: 100%;
		color: #fff;
		border: 1px solid #fff;
		border-width: 1px 0 0 0;
		margin: 0 0 20px 0;
	}
	#projectDetailLeftPanel #projectTitle {
		color: #fff;
		font-size: 0.9vw;
		margin: 0 0 50px 0;
	}
	#mainMenu {
		display:none;
	}

	/*#projectDetailLeftPanel {
		padding: 0 30px 0 30px;
		background: #333;
		height: 100%;
	}

	#header {
		position:relative;
		background: #333;
	}

	#mainMenu {
		margin: 60px 0 0 0;
		display: none;
	}*/





    #searchBox i {
        font-size: 30px;
        color: #000000;
        cursor: pointer;
        margin: 10px 0;
    }

    #searchBox .fa.fa-search {
        margin: 10px 10px 0 0;
		display:none;
    }
	
	#projectDetailRightPanel {
		padding: 190px 50px 100px 50px;
		color: #243C26;
	}
		
	#projectDetailRightPanel a {
		font-size:1.5vw;
	}


	

    .fa.fa-bars {
        display: block;
    }

	.fa.fa-caret-down {
		color:#ffffff;
	}

    .headerSpacer {
        display: block;
    }
	
	
	
	
	
	
	

    #searchBox2 input {
        width: 83%;
        height: 100px;
        margin: 0;
        padding: 0 30px 0 30px;
        font-size: 50px;
        color: #000000;
        background: #ffffff;
        border: 1px solid #000;
    }

    #requestAppointmentButton {
        width: 70%;
        font-size: 2vw;
        margin: 20px 0 42px 0;
        display: block;
    }




    .toggleLayerContainer.row {
        margin: 100px 0;
    }

    .person-name {
        display: block;
        margin: 50px 0 5px 0;
    }


	.contentLink {
		display: block;
		vertical-align: top;
		clear: both;
		border-bottom: 1px solid #ccc;
		line-height: 0;
		width:80%;
	}
		
	#ContactFormTitle {
		margin: 30px 0 30px 0;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		color: #000;
	}


    #searchFilterInnerContainer {
        opacity: 1;
        margin: 0 0 0 0;
        display: none;
        padding: 33px 0 50px 0;
    }
	
    #peopleListPanel {
        margin: 0 1.875rem;
        padding: 20px 0 50px 0;
    }
	
	#videoSidebarContent #enquiryPanel {
		margin: 0;
		font-size: 15px;
	}

	#enquiryPanel {
		margin: 0;
	}


    #enquiryPanel input {
        border-radius: 4px;
        padding: 8px;
        width: 100%;
        color: #000;
        background: #fff;
        border: 1px solid #888;
    }

    #enquiryPanel select {
        border-radius: 4px;
        padding: 8px;
        width: 100%;
        color: #000;
        background: #fff;
        border: 1px solid #888;
        height: 35px;
    }

    #enquiryPanel textarea {
        border-radius: 4px;
        padding: 8px;
        width: 100%;
        color: #000;
        background: #fff;
        border: 1px solid #888;
    }

    .psychologistHeading {
        color: #000000;
        font-size: 3vw;
        margin: 0 2.8rem;
        display: block;
    }

    .selectedLocation {
        margin: 0 1.875rem;
        display: none;
        padding-left: 0px;
        display: block;
    }

    #searchFilters h1 {
        color: #66B051;
        font-size: 3.7vw;
        margin: 0;
        line-height: 1.2;
    }

    #searchBox .fa.fa-bars {
        margin: 10px 10px 0 0;
    }

    #slideHtml {
        padding: 12% 0 40px 0;
        width: 20%;
        cursor: pointer;
    }

    #slideHtml2 {
        position: absolute;
        right: 12%;
        top: 0%;
        width: 20%;
        font-size: 1vw;
        padding: 12% 0 0 0;
        cursor: pointer;
        display: block;
    }

    .htmlOverlay {
        position: absolute;
        left: 5%;
        width: 100%;
        top: 10%;
        font-size: 2vw;
    }

    #slideHtml #jobTitle {
        font-size: 1em;
        text-transform: uppercase;
    }
	
	#slideHtml {
		width: 40%;
	}

	#slideHtml2 {
		width: 30%;
        font-size: 2vw;
	}
		
		
	.person-detail-tab-button {
		cursor: pointer;
		font-size: 20px;
	}

    .person-content.item-content.person-detail2 {
        margin: 0px 45px 0 0;
    }

    .person-content.item-content.person-additional-info-1 {
        margin: 0px 45px 0 0;
        word-wrap: unset;
    }
		
		
	.person-detail-tab-selected {
		padding: 50px 100px 50px 50px;
		border-width: 5px 0 0 0;
		border-color: #66B051;
		border-style: solid;
	}
	
	
	
    .contentColumn1 {
        margin: 30px 15px 0 0
    }

    .contentColumn2 {
        margin: 30px 15px 0 0;
    }
	
	
	.featured-post {
		margin: 50px 0 0 0;
	}
	



    .small-12.medium-8.large-8.columns.rightColumn {
        min-height: 700px;
    }


    #twoColumnOneList .entityContainer.newsContainer {
        margin: 50px 0 0px 0;
    }


    .mainContentColumn .entityContainer.newsContainer {
        margin: 50px 0 50px 0;
    }


    .mainContentColumn {
        margin: 50px 0 0px 0;
    }
	
	
	#person-detail-1 {
		font-size: 27px;
		padding: 0px 100px 40px 0px;
	}



    #invoice input[type="text"] {
        width: 45%;
        height: 30px;
        font-size: 1vw;
        padding: 7px;
    }
    .nochexlogo {
        text-align: left;
    }

    #mc_embed_signup {
        clear: left;
        font: 14px 'Varela Round', sans-serif;
        width: 100%;
    }
    h3.newsListShort {
        margin: 50px 0 0px 0;
        font-size: 3vw;
    }
    .main-article-image {
        margin: 0 0 20px 0;
    }

    #searchBox .fa.fa-search {
        margin: 0px 10px 0 0;
    }

    #searchBox .fa.fa-bars {
        margin: 13px 10px 0 0;
        float: right;
    }

	
	#footerLogos img {
		padding: 0px;
	}


    .mobileHide {
        display: block;
    }

    #header .mobileHide {
        display: none;
    }
	
	#personDetail .columns {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
	}


    #menuSub h2 {
        display: block;
    }

    #closeMenuLayer {
        margin: 0 auto;
        padding: 10px 20px;
        top: 0%;
        vertical-align: top;
        width: auto;
        float: right;
    }
	
		.column, .columns {

		padding-left: 0.3em;
		padding-right: 0.3em;

	}

    #searchFilter7 h1 {
        margin-left: 0.9375rem;
    }

    #searchFilter7 #peopleListPanel {
        margin: 0;
    }

    #searchFilter7 .psychologistHeading,
    #searchFilter7 .selectedLocation {
        margin-left: 0.9375rem;
    }

    #searchFilter7 .selectedLocation {
        font-size: 2vw;
    }

    #searchFilter7 .psychologistHeading {
        font-size: 3vw;
    }


    #searchFilter7 {
        background: #ffffff;
        padding-left: 30px;
    }


    #header #searchFilter7 .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }

    .person-name {
        display: block;
        margin: 50px 0 5px 0;
    }
	
	
	#advancedSearchFiltersContainer {
    position: absolute;
    width: 85%;
    height: 100vh;
    overflow: auto;
}


    #footer {
        padding: 2em 20px 0 20px;
    }
	
	#footerLinks,
	#footerLinks a {
		color:#ffffff;
		font-size:1.5vw;
		font-weight:normal;
	}


	#footerLinks a:hover {
			color: #66B051;
			text-decoration:none;
		}


	#footerSocialMedia,
	#footerSocialMedia strong { 
		color:#ffffff;
		font-size:2vw;
		text-align: right;
		padding: 0 20px 0 0;
	}

	footer {
		bottom: 0px;
	}
}


@media only screen and (min-width: 1200px) { 

	body {
		font-size: 0.9vw;
	}

	 a {
		color:#ffffff;
		font-size:0.9vw;
		font-weight:bold;
	}


	a:hover {
        color: #66B051;
		text-decoration:none;
    }
    .column, .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }

    .small-12.medium-4.large-4.columns.leftColumn {
        padding: 0px;
    }

    .small-12.medium-8.large-8.columns.rightColumn {
        padding: 0px;
    }


    h1 {
        font-size: 3.0vw;
        margin: 0 0 0.1em;
    }

    .PageTitleH1 {
        font-size: 3.5vw;
        margin: 0 0 0.1em;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    }
	
	#greenBar {
		background: #66B051;
		padding:30px 0 30px 0;
	}

	#greenBar h1 {
		font-size:1.5vw;
		color:#ffffff;
	}
	
	#greenBar h2 {
		font-size:2vw;
		color:#1D3C1C;
		width: 45%;
		margin: 0;
	}
	
	

	#pageContent {
		padding: 50px 0 50px 0;
	}
	
	
	#pageContent h1 {
		font-size: 2.75vw;
	}
	#pageContent h2 {
		font-size: 1.75vw;
	}
	#pageContent h3 {
		font-size: 1.65vw;
	}
	#pageContent h4 {
		font-size: 1.50vw;
	}


    .logo img {
        width: 100%;
        max-height: 100px;
    }



	#siteDescription {
		margin: 60px 0px 0 25px;
		width: 64%;
		font-size: 0.9vw;
		display:none;
	}

	/*#login {
		position: absolute;
		top: 20px;
		right: 50px;
	}*/

		#login a {
			color:#ffffff;
			font-size:0.9vw;
		}

		#login a:hover {
			color: #66B051;
			text-decoration:none;
		}

	#mainMenu .col-12.col-xs-12.col-sm-12.col-md-2.col-lg-2.col-xl-2 {
		text-align:left;
	}


	#searchFilter1 .gm-style h6 a {
		color: #007bff;
		font-size: 20px;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
			color: #66B051;
	}

	#searchFilter1 .gm-style a {
		color: #007bff;
		font-size: 13px;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
			color: #66B051;
			font-weight:normal;
	}




	html .swiper-container {
		width: 100%;
		height: 100%;
	}

	html .swiper-slide {
		font-size: 18px;
		
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	html .swiper-container-vertical > .swiper-pagination-bullets {
		left: 4.2%;
		top: calc(60% + 100px);
		transform: translate3d(0px,0%,0);
	}
	
	html .swiper-pagination-bullet {
		opacity: 0.9;
		margin-bottom:10px;
	}

	html .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 0 12px 0;
	}

	html .swiper-pagination-bullet-active {
		background: #E09A3A;
	}
	
	html .swiper-play-pause {
		left: 3.4%;
		top: 60%;
		transform: translate3d(0px,-50%,0);
	}
	
	html .swiper-slide-overlay {
		width: 40%;
	}
	
	html .swiper-slide-overlay {
		width: 40%;
	}

	html .swiper-slide-info {
		font-size: 1.1vw;
		color: white;
		width: 100%;
		margin-left: 8.3%;
		margin-top: 0;
	}

	html .swiper-slide-info  hr {
		border-top: 1px solid rgb(255, 255, 255);
		width:30%;
		float:left;
		display:block;
	}
	
	html .swiper-slide-info h1 {
		font-size: 4vw;
		color: #fff;
		width: 100%;
	}

	html .swiper-slide-info a {
		font-size: 0.9vw;
		color: white;
		width: 100%;
		text-decoration:none;
	}
	
	.swiper-slide-info-text {
		clear: both;
		width: 30%;
		font-size: 0.9vw;
		min-height: 80px;
	}
	
	.arrows {
		width: 40px;
	}
	
	
	
	

	#projects {    
		font-size: 0.9vw;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		width:100%;
		border-collapse:collapse;
		margin: 30px 0 0 0;
	}

	#projectDetailRightPanel {
		padding: 250px 50px 100px 50px;
		color: #243C26;
	}

	#projectDetailRightPanel a {
		font-size:0.9vw;
	}



	#mainMenu {
		margin:60px 0 0 0;
		display:block;
	}
	
	#mainMenu a {
		color:#ffffff;
		font-size:0.9vw;
		text-transform: uppercase;
	}

	#mainMenu a:hover {
        color: #66B051;
		text-decoration:none;
    }
	
	#mainContent {
		color:#000000;
		font-size:0.9vw;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	}
	
	#mainContent a {
		/*color: #66B051;*/
		color:#437637;
		font-size: 0.9vw;
		font-weight: normal;
	}

	#mainContent a:hover {
        color: #66B051;
		text-decoration:none;
    }
	
	
	
	
	#projects {    
		font-size: 0.9vw;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		width:100%;
		border-collapse:collapse;
		margin: 30px 0 0 0;
	}




	#projectDetailLeftPanel {
		padding:65% 30px 0 20px;
		background: #333;
		height: 100%;
	}

	#projectDetailLeftPanel h1 {    
		color: #fff;
		font-size:1.8vw;
		font-weight:bold;
		margin: 8% 0 5px 0;
	}

	#projectDetailLeftPanel hr {
		width: 100%;
		color: #fff;
		border: 1px solid #fff;
		border-width: 1px 0 0 0;
		margin: 0 0 5px 0;
	}
	#projectDetailLeftPanel #projectTitle {
		color: #fff;
		font-size: 1.1vw;
		margin: 0 0 30px 0;
	}



	#searchFilterRowContainer {
		padding: 100px 0 0 200px;
	}
	
	#searchFilters h1 {
		font-size: 3vw;
	}
	
	#searchFilters .projectSelectorText {
		font-size: 3vw;
	}

	.browseAllProjectsButton1,
	.browseAllProjectsButton2,
	.browseAllProjectsButton3,
	.browseAllProjectsButton4,
	.browseAllProjectsButton5,
	.browseAllProjectsButton6,
	.browseAllProjectsButton7,
	.browseAllProjectsButton8 {
		margin: 24px 0;
		color:#ffffff;
		background: #000000;
		border: 0px;
		cursor: pointer;
		font-size: 1.4vw;
		line-height: 1.4vw;
		width: 334px;
		height: 46px;
	}

	.browseAllProjectsButton1:hover,
	.browseAllProjectsButton2:hover,
	.browseAllProjectsButton3:hover,
	.browseAllProjectsButton4:hover,
	.browseAllProjectsButton5:hover,
	.browseAllProjectsButton6:hover,
	.browseAllProjectsButton7:hover,
	.browseAllProjectsButton8:hover {
		color:#000000;
		background:#66B051;
	}

	.browseAllProjectsButton1 .fa.fa-caret-right,
	.browseAllProjectsButton2 .fa.fa-caret-right,
	.browseAllProjectsButton3 .fa.fa-caret-right,
	.browseAllProjectsButton4 .fa.fa-caret-right,
	.browseAllProjectsButton5 .fa.fa-caret-right,
	.browseAllProjectsButton6 .fa.fa-caret-right,
	.browseAllProjectsButton7 .fa.fa-caret-right,
	.browseAllProjectsButton8 .fa.fa-caret-right {
		vertical-align: text-bottom;
		line-height: 1.5vw;
	}



	#slideshowContainer .browseAllProjectsButton1,
	#slideshowContainer .browseAllProjectsButton2,
	#slideshowContainer .browseAllProjectsButton3,
	#slideshowContainer .browseAllProjectsButton4,
	#slideshowContainer .browseAllProjectsButton5,
	#slideshowContainer .browseAllProjectsButton6,
	#slideshowContainer .browseAllProjectsButton7,
	#slideshowContainer .browseAllProjectsButton8 {
		width: 100% !important;
		font-size: 1.5vw;
	}



    #sideMenuToggleButton {
        display: none;
    }

    #newsCategoriesToggleButton {
        display: none;
    }

    #newsArchiveToggleButton {
        display: none;
    }

    #searchFilterInnerContainer {
        opacity: 1;
        margin: 0 0 0 0;
        display: none;
        padding: 74px 0px 117px 77px;
    }


    #searchFilters h1 {
        color: #66B051;
        font-size: 3.5vw;
        margin: 0;
        line-height: 1.2;
    }


    .cpgVideoColumn {
        margin: 0 0 0 100px;
        display: block;
        z-index: 1234567890;
    }


    #videoSidebarContainer {
        position: fixed;
        right: -95vw;
        top: 128px;
        width: 95vw;
        z-index: 2147483647;
    }


    #videoSidebarContentContainer {
        background: #e7eee3;
        float: right;
        width: 95vw;
    }

    #videoSidebarControls {
        cursor: pointer;
        position: absolute;
        width: 37px;
        height: 46px;
        background: #66B051;
        margin: 0;
        top: 259px;
        left: -37px;
        padding: 0px;
        z-index: 2147483647;
    }

    #videoSidebarLabel {
        width: 260px;
        height: 37px;
        top: 111px;
        left: -144px;
        -webkit-transform: rotate(-270deg);
        -moz-transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);
        -o-transform: rotate(-270deg);
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
        position: absolute;
        color: #fff;
        background: #5e5653;
        text-align: center;
        padding: 6px;
        padding-right: 6px;
        padding-right: 6px;
        padding-right: 6px;
        padding-right: 6px;
        padding-right: 8px;
        padding-right: 13px;
        padding-right: 13px;
        position: absolute;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 16px;
        padding-right: 0;
        cursor: pointer;
    }

    #personDetail hr {
        margin: 0 0 30px 20px;
        width: 20%;
        color: #66B051;
        border: 1px solid #66B051;
    }



    .psychologistUrl,
    .therapyUrl,
    .locationUrl,
    .bookingUrl {
        display: block;
        clear: both;
        font-size: 24px;
        text-transform: uppercase;
    }

    #searchFilter0,
    #searchFilter1,
    #searchFilter2,
    #searchFilter3,
    #searchFilter4,
    #searchFilter5,
    #searchFilter6,
    #searchFilter7 {
        padding-left: 50px;
        background: #66B051;
        color: #000;
    }

	#searchFilter1 {
		padding: 0;
		background: rgba(0,0,0,0.5);
		width: 100vw;
	}

        #searchFilter0 h1,
        #searchFilter1 h1,
        #searchFilter2 h1,
        #searchFilter3 h1,
        #searchFilter4 h1,
        #searchFilter5 h1,
        #searchFilter6 h1,
        #searchFilter7 h1 {
            color: #000;
            margin: 0 0 50px 0;
        }

        #searchFilter0 a,
        #searchFilter1 a,
        #searchFilter2 a,
        #searchFilter3 a,
        #searchFilter4 a,
        #searchFilter5 a,
        #searchFilter6 a,
        #searchFilter7 a {
            color: #000;
			font-weight:bold;
        }

            #searchFilter0 a:hover,
            #searchFilter1 a:hover,
            #searchFilter2 a:hover,
            #searchFilter3 a:hover,
            #searchFilter4 a:hover,
            #searchFilter5 a:hover,
            #searchFilter6 a:hover,
            #searchFilter7 a:hover {
                color: #fff;
				text-decoration:none;
				font-weight:bold;
            }


    #searchFilter7 {
        background: #ffffff;
        padding-left:30px;
    }


        #searchFilter7 h1,
        #searchFilter7 a,
        #searchFilter7 .selectedLocation,
        #searchFilter7 .closePanel i {
            color: #000000;
        }



        #searchFilter7 h1 {
            margin-left: 0.9375rem;
        }

        #searchFilter7 #peopleListPanel {
            margin: 0;
        }

        #searchFilter7 .psychologistHeading,


        #searchFilter7 .selectedLocation {
            margin-left: 0.9375rem;
        }


    




    .galleries-list-pager {
        display: none;
    }

    #projectLeaderSidePanelSelector {
        border-bottom: 1px solid #ffffff;
        cursor: pointer;
        font-size: 0.7vw;
    }

            #projectLeaderSidePanelSelector:hover {
                color: #66B051;
                border-bottom: 1px solid #66B051;
            }

        #projectLeaderSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
			color:#ffffff;
        }
		
		
		
		
		
		  #projectYearAwardedSidePanelSelector {
				border-bottom: 1px solid #ffffff;
				cursor: pointer;
				font-size: 0.7vw;
			}

            #projectYearAwardedSidePanelSelector:hover {
                color: #66B051;
                border-bottom: 1px solid #66B051;
            }

        #projectYearAwardedSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
			color:#ffffff;
        }







			#biomesEcosystemSidePanelSelector {
				border-bottom: 1px solid #ffffff;
				cursor: pointer;
				font-size: 0.7vw;
			}

            #biomesEcosystemSidePanelSelector:hover {
                color: #66B051;
                border-bottom: 1px solid #66B051;
            }

        #biomesEcosystemSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
			color:#ffffff;
        }





        #institutionSidePanelSelector {
            border-bottom: 1px solid #ffffff;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #institutionSidePanelSelector:hover {
                color: #66B051;
                border-bottom: 1px solid #66B051;
            }



        #institutionSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
			color:#ffffff;
        }




		#fundingSidePanelSelector {
            border-bottom: 1px solid #ffffff;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #fundingSidePanelSelector:hover {
                color: #66B051;
                border-bottom: 1px solid #66B051;
            }



        #fundingSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
			color:#ffffff;
        }




        #projectLeaderSidePanelSelector {
            border-bottom: 1px solid #ffffff;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #projectLeaderSidePanelSelector:hover {
                border-bottom: 1px solid #66B051;
                color: #66B051;
            }


        #projectLeaderSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
			color:#ffffff;
        }
		
		
		        #advancedSearchFiltersSidePanelSelector {
            border-bottom: 1px solid #ffffff;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #advancedSearchFiltersSidePanelSelector:hover {
                border-bottom: 1px solid #66B051;
                color: #66B051;
            }


        #advancedSearchFiltersSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
			color:#ffffff;
        }
		
		#advancedSearchFiltersSidePanelSelectorText:hover {
					color:#66B051;
		}


        #projectMapSidePanelSelector {
            border-bottom: 1px solid #ffffff;
            cursor: pointer;
            font-size: 0.7vw;
        }

            #projectMapSidePanelSelector:hover {
                border-bottom: 1px solid #66B051;
                color: #66B051;
            }



        #projectMapSidePanelSelectorText {
            height: 10px;
            line-height: 0.5;
            display: inline-block;
            font-size: 3vw;
			color:#ffffff;
        }
		
		#projectMapSidePanelSelectorText:hover {
					color:#66B051;
		}

        .contactInformation {
            margin: 80px 0 0 0;
        }

        .contactAddress {
        }

        .contactNumber {
        }

		#psychologistsButton {
			background: #66B051;
			background-size: auto auto;
			background-size: 0% 80px;
			display: inline-block;
			padding: 7px 25px;
			margin: 0 0 0 5%;
			/*width: 33%;*/
			width: auto;
			text-align: center;
			font-size: 17px;
		}

		#appointmentsButton {
			background: #5e5653;
			background-size: auto auto;
			background-size: 0% 80px;
			display: inline-block;
			padding: 7px 25px;
			margin: 0 5% 0 5%;
			/*width: 33%;*/
			width: auto;
			text-align: center;
			font-size: 17px;
		}

        #psychologistAppointmentsButtons {
            display: block;
            margin: 10px 0 0 0;
        }

        #searchBox i {
            font-size: 30px;
            color: #000000;
            cursor: pointer;
            margin: 10px 0;
        }

        #searchBox .fa.fa-search {
            margin: 10px 10px 0 0;
			display:block;
        }

        .fa.fa-bars {
            display: none;
        }

        .headerSpacer {
            display: block;
        }

        #menuLayer ul li, #menuLayer li {
            background-image: url("/Images/interface/arrow-menu.png");
            background-repeat: no-repeat;
            background-position: -1px 6px;
            margin-left: 0px;
            list-style-type: none;
            font-size: 3vw;
        }

        #searchBox2 input {
            width: 83%;
            height: 100px;
            margin: 0;
            padding: 45px 0px 45px 45px;
            font-size: 50px;
            color: #000000;
            background: #ffffff;
            border: 1px solid #000;
        }


    #requestAppointmentButton {
        width: 47%;
        font-size: 1vw;
        margin: 40px 0 42px 0;
        display: block;
    }

        #NochexPaymentButton {
            width: 47%;
            font-size: 1vw;
            margin: 40px 0 42px 0;
        }



    .psychologistUrl,
    .therapyUrl,
    .locationUrl,
    .insurerUrl,
    .bookingUrl {
        display: block;
        clear: both;
        font-size: 1vw;
        line-height: 1.5vw;
        text-transform: uppercase;
    }

        .insurerLogo {
            margin: 0 10px 0 0;
        }

        .toggleLayerContainer.row {
            margin: 100px 0;
        }

		.person-detail-tab-button {
			cursor: pointer;
			font-size: 20px;
		}


        .person-name {
            display: block;
            margin: 50px 0 5px 0;
        }
		
				
		.contentLink {
			display: block;
			vertical-align: top;
			clear: both;
			border-bottom: 1px solid #ccc;
			line-height: 0;
			width:80%;
		}


        #searchFilterInnerContainer {
            opacity: 1;
            margin: 0 0 0 0;
            display: none;
            padding: 47px 0px 57px 33px;
        }

        #peopleListPanel {
            margin: 0 1.875rem;
            padding: 0px 0 50px 0;
        }
		
		#videoSidebarContent #enquiryPanel {
			margin: 0 10%;
			font-size: 15px;
		}
		#videoSidebarContent #enquiryPanel p {
			margin: 0 0 1em 0;
		}


			#videoSidebarContent {
				margin: 40px;
				max-height: calc(100vh - 128px);
				overflow: auto;
			}
			
			
			#enquiryPanel input.requestAppointmentFormButton {
				margin: 20px 0 50px 0;
			}





		#enquiryPanel {
			margin: 0 0;
		}


        #enquiryPanel input {
            border-radius: 4px;
            padding: 8px;
            width: 100%;
            color: #000;
            background: #fff;
            border: 1px solid #888;
        }

        #enquiryPanel select {
            border-radius: 4px;
            padding: 8px;
            width: 100%;
            color: #000;
            background: #fff;
            border: 1px solid #888;
            height: 35px;
        }

        #enquiryPanel textarea {
            border-radius: 4px;
            padding: 8px;
            width: 100%;
            color: #000;
            background: #fff;
            border: 1px solid #888;
        }

    .psychologistHeading {
        color: #5f5754;
        font-size: 3vw;
        margin: 0 2.8rem;
        display: block;
    }

    .selectedLocation {
        margin: 0 2.8rem;
        display: none;
        padding-left: 0px;
        display: block;
    }


        #searchFilters h1 {
            color: #66B051;
            font-size: 3vw;
            margin: 0;
            line-height: 1.2;
        }

        #searchBox .fa.fa-bars {
            margin: 0px 10px 0 0;
            float: unset;
        }


        #slideHtml {
            padding: 12% 0 40px 0;
            width: 20%;
            cursor: pointer;
        }

        #slideHtml2 {
            position: absolute;
            right: 20%;
            top: 0%;
            width: 20%;
            font-size: 1vw;
            padding: 12% 0 0 0;
            cursor: pointer;
            display: block;
        }

        .htmlOverlay {
            position: absolute;
            left: 10%;
            width: 100%;
            top: 10%;
            font-size: 1vw;
        }

    #slideHtml #jobTitle {
        font-size: 0.7em;
        text-transform: uppercase;
    }

        .person-content.item-content.person-detail2 {
            margin: 0px 45px 0 0;
        }

        .person-content.item-content.person-additional-info-1 {
            margin: 0px 45px 0 0;
            word-wrap: unset;
        }
		
				
		#person-detail-1 {
			font-size: 27px;
			padding: 0px 100px 40px 0px;
		}



		.person-detail-tab-selected {
			padding: 50px 100px 50px 50px;
			border-width: 5px 0 0 0;
			border-color: #66B051;
			border-style: solid;
		}
		
        .contentColumn1 {
            margin: 30px 15px 0 0
        }

        .contentColumn2 {
            margin: 30px 15px 0 20px;
        }

    #slideHtmlPerson2 {
        position: absolute;
        right: 0%;
        top: 10%;
        width: 30%;
        font-size: 1vw;
        padding: 8% 0 0 0;
        display: block;
    }

        #slideHtmlPerson {
            padding: 12% 0 40px 0;
            width: 20%;
        }

        #associates {
            margin: 60px 0 180px 0px;
            width: 100%;
        }

        .small-12.medium-8.large-8.columns.rightColumn {
            min-height: 1000px;
        }


        #twoColumnOneList .entityContainer.newsContainer {
            margin: 50px 0 0px 0;
        }


        .mainContentColumn .entityContainer.newsContainer {
            margin: 50px 0 0px 0;
        }


        .mainContentColumn {
            margin: 50px 0 0px 0;
        }

        #NochexPaymentButton {
            background: #ff0000;
            border: 0px solid #888;
            background-size: 0% 80px;
            display: inline-block;
            padding: 10px 15px;
            margin: 20px 0 42px 0;
            width: 45%;
            text-align: center;
            color: #fff;
            font-size: 1vw;
        }

            #NochexPaymentButton:hover {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8zcDwHwAEtQHsaEi0sAAAAABJRU5ErkJggg==); /*http://png-pixel.com*/
                background-size: 100% 80px;
                background-repeat: no-repeat;
                color: #ffffff;
                font-weight: normal;
            }


            #NochexPaymentButton a {
                color: #fff;
                text-decoration: none;
            }

                #NochexPaymentButton a:hover {
                    font-weight: normal;
                    color: #fff;
                }

        #invoice input[type="text"] {
            width: 45%;
            height: 30px;
            font-size: 1vw;
            padding: 7px;
        }

        .nochexlogo {
            text-align: left;
        }

        #mc_embed_signup {
            clear: left;
            font: 14px Helvetica Neue, Helvetica, Arial, sans-serif;
            width: 50%;
        }



		#ContactFormTitle {
			margin: 10px 0 30px 0;
			font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
			color: #000;
		}

        h3.newsListShort {
            margin: 80px 0 0px 0;
            font-size: 2vw;
        }

        .main-article-image {
            margin: 0 0 30px 0;
        }

        #searchBox .fa.fa-search {
            margin: 0;
        }

        #searchBox .fa.fa-bars {
            margin: 0px 10px 0 0;
            float: right;
        }

        #footerLogos img {
            padding: 0px;
        }


        .mobileHide {
            display: block;
        }


        #header .mobileHide {
            display: block;
        }


        .person-detail-tab-button-1 {
	        width: auto;
        }

        .person-detail-tab-button-2 {
	        width: auto;
        }

        .person-detail-tab-button-3 {
	        width: auto;
        }

        .person-detail-tab-button-4 {
	        width: auto;
        }

        #personDetail .columns {
	        padding-left: 0.9375rem;
	        padding-right: 0.9375rem;
        }


        #menuSub h2 {
            display: block;
        }


        #header #searchFilter7 .columns {
            padding-left: 0.9375rem;
            padding-right: 0.9375rem;
        }

        .person-name {
            display: block;
            margin: 50px 0 5px 0;
        }
		
		#advancedSearchFiltersContainer {
    position: absolute;
    width: 85%;
    height: 100vh;
    overflow: auto;
}


    #footer {
        padding: 2em 20px 0 20px;
    }
	
	#footerLinks,
	#footerLinks a {
		color:#ffffff;
		font-size:0.9vw;
		font-weight:normal;
	}


	#footerLinks a:hover {
        color: #66B051;
		text-decoration:none;
    }
	
	
	#footerSocialMedia, #footerSocialMedia strong {
		color: #ffffff;
		font-size: 1vw;
		text-align: right;
		padding: 10px 20px 20px 0;
	}
	
	#footerSocialMedia div {
		display:inline-block;
	}


    #messageBannerFormContainer {
        position: fixed;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        z-index: 2147483647;
        margin: 0 auto;
        display: block;
        padding: 0px 20%;
        overflow: auto;
    }	
	
	footer {
		bottom: 0px;
	}


}


@media only screen and (max-height: 900px) and (min-width: 64.0625em) { 

	#searchFilterRowContainer {
		padding: 100px 0 0 200px;
	}

	#searchFilters h1 {
		font-size: 2.9vw;
	}

	#searchFilters .projectSelectorText {
		font-size: 2.9vw;
	}
}


@media only screen and (max-height: 800px) and (min-width: 64.0625em) { 

	#searchFilterRowContainer {
		padding: 100px 0 0 200px;
	}
	#searchFilters h1 {
		font-size: 2.8vw;
	}
	#searchFilters .projectSelectorText {
		font-size: 2.8vw;;
	}
}


@media only screen and (max-height: 700px) and (min-width: 64.0625em) { 

	#searchFilterRowContainer {
		padding: 100px 0 0 200px;
	}
	#searchFilters h1 {
		font-size: 2.7vw;
	}
	#searchFilters .projectSelectorText {
		font-size: 2.7vw;
	}
}


@media only screen and (max-height: 600px) and (min-width: 64.0625em) { 

	#searchFilterRowContainer {
		padding: 100px 0 0 200px;
	}
	
	#searchFilters h1 {
		font-size: 2.6vw;
	}
	#searchFilters .projectSelectorText {
		font-size: 2.6vw;
	}
}


@media only screen and (max-height: 500px) and (min-width: 64.0625em) { 

	#searchFilterRowContainer {
		padding: 100px 0 0 200px;
	}
	
	#searchFilters h1 {
		font-size: 2.5vw;
	}
	#searchFilters .projectSelectorText {
		font-size: 2.5vw;
	}
}