/*
Theme Name: Scollard Doyle
*/
@charset "UTF-8";
html {
	margin-top: 0 !important;
}
			body {
				font-family: 'Montserrat';
				margin: 0;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
			header {
				position: relative;
				max-width: 1260px;
				margin: 0 auto;
				padding: 0% 4%;
				z-index: 100;
			}
			.homepage-overlay {
				position: relative;
			}
			header h1 {
				font-size: 	48px;
				display: inline-block;
				text-indent: -6px;
				color: #5E6B72;
				margin-right: 20px;
			}
			header h2 {
				display: inline-block;
				color: #0082BB;
				max-width: 190px;
				font-size: 21px;
				margin-left: 7%;
			}
			header h1 a {
				text-decoration: none;
				color: #5E6B72;
				display: inline-block;
				max-width: 195px;
				font-weight: 500;
				line-height: 0.95;
				letter-spacing: -0.025em;
				text-align: right;
			} 
			header svg {
				vertical-align: -4px;
			}
			header ul.secondary-menu {
				float: right;
				margin: 0;
				padding: 0;
				margin-top: 45px;
			}
			header ul.secondary-menu li {
				list-style-type: none;
				font-size: 18px;
				line-height: 1.5;
			}
			header ul.secondary-menu li a, header ul.primary-menu li a {
				text-decoration: none;
				color: #5E6A71;
			}
			header ul.secondary-menu li.active a {
				font-weight: 700;
				color: #231F20;
			}
			header ul.primary-menu li a:hover, header ul.secondary-menu li a:hover  {
				color: #231F20;
				font-weight: 700;
			}
			header ul.secondary-menu li:last-child a:hover {
				letter-spacing: -0.004em;
			}
			header ul.primary-menu {
				display: block;
				margin: 0;
				padding: 0;
				width: 100%;
				padding-bottom: 10px;
				border-bottom: 2px solid #5E6B72;
			}
			header ul.primary-menu li {
				display: inline-block;
				width: 16.6%;
				line-height: 1.5;
				font-size: 24px;
			}
			header ul.primary-menu li:first-child a:hover {
				letter-spacing: 0.01em;
			}
			header ul.primary-menu li:nth-child(2) a:hover {
				letter-spacing: -0.02em;
			}
			header ul.primary-menu li:nth-child(2) a:hover 
			header ul.primary-menu li:nth-child(3) {
				margin-right: 25px;
			}
			header ul.primary-menu li:nth-child(5) a:hover {
				letter-spacing: -0.01em;
			}
			header ul.primary-menu li:nth-child(5) {
				width: auto;
			}
			header ul.primary-menu li:last-child {
				width: 191px;
				float: right;
				vertical-align: -2px;
			}
			header ul.mobile-menu {
				display: none;
			}
			header .mobile-menu-toggle {
				display: none;
			}
			header .primary-menu.homepage-menu li a {
				color: #fff;
			}
			header .primary-menu.homepage-menu li a:hover {
				color: #fff;
			}
			.homepage-image {
				width: 100%;
				margin-top: -60px;
			}
			.info-overlay {
				position: absolute;
				top: 0;
				display: none;
				left: 0;
				width: 100%;
				background-color: #E1EFF6;
				padding: 20px;
				box-sizing: border-box;
			}
			.dublin-map {
				width: 100%;
				max-width: 100%;
			}
			div.project.people-open {
			    /*width: 92% !important;
			    height: auto;
			    margin-left: 4%;
				overflow: visible !important;
				top: 0;
				left: 0;
				position: absolute !important;*/
				width: 92% !important;
				max-width: 1260px;
			    height: auto;
			    margin-left: 0% !important;
			    margin-right: 0px !important;
			    overflow: visible !important;
			    background-color: #E1EFF6;
			    top: 35%;
			    height: 60vh;
			    left: 50%;
			    left: 50%;
			    transform: translateX(-50%) translateY(-50%);
			    -webkit-transform: translateX(-50%) translateY(-50%);
			    z-index: 900;
			    position: fixed !important;
			}
			div.project.people-open .info-overlay {
				display: block;
				z-index: 900;
				padding-bottom: 30px;
			}
			div.project .info-overlay .go-back:before {
				display: inline-block;
				content: "";
				background-image: url('images/left-arrow.png');
				background-repeat: no-repeat;
				background-position: top left;
				width: 12px;
				height: 18px;
				vertical-align: -3px;
				margin-right: 7px;
			}
			div.project .info-overlay .go-back:hover {
				text-decoration: underline;
				cursor: pointer;
			}
			div.project .info-overlay .people-left {
				width: 60%;
				display: inline-block;
				vertical-align: top;
				max-height: 85vh;
				overflow-y:scroll;
				position: relative;
				-ms-overflow-style: none;
			}
			div.project .info-overlay .people-left::-webkit-scrollbar {
				display: none;
			}
			div.project .info-overlay .people-right {
				width: 34%;
				margin-left: 3%;
				display: inline-block;
				vertical-align: top;
			}
			div.project .info-overlay .people-right img {
				margin-top: 55px;
				width: 100%;
			}
			div.project .info-overlay h2 {
				font-size: 24px;
				font-weight: 400;
				margin: 0px;
				color: #231F20;
				margin-top: 20px;
				margin-bottom: 5px;
			}
			div.project .info-overlay h3 {
				display: block;
				color: #5E6B72;
				font-size: 18px;
				float: none !important;
				font-weight: 400;
				margin: 0px !important;
			} 
			div.project .info-overlay h4 {
				display: block;
				color: #5E6B72;
				font-size: 18px;
				float: none !important;
				font-weight: 400;
				margin-top: 4px !important;
			}
			.people-left {
				color:#5E6B72;
				font-size: 18px;
				line-height: 1.4;
			}
			.people-left p {
				margin-top: 7px;
			}
			.people-left a {
				color: #26A9E0;
			}
			div.project .info-overlay .people-left h4.exp {
				color: #231F20 !important;
				margin-bottom: 7px;
				margin-top: 20px !important;
			}
			.people-left a:hover {
				text-decoration: underline;
			}
			.people-left ul {
				margin: 0px;
				padding: 0px;
				list-style-type: none;
			}
			#Layer_1 {
				vertical-align: -4px;
			}
			@media screen and (max-width: 1210px) {
				header ul.primary-menu li:last-child {
					text-align: right;
					width: 10%;
				}
			}
			@media screen and (max-width: 1017px) {
				#Layer_2 {
					vertical-align: -14px;
				}
				header ul.primary-menu li {
					font-size: 18px;
				}
				header ul.secondary-menu {
					margin-top: 30px;
				}
				header ul.primary-menu li:last-child img {
					max-width: 24px;
				}
				header ul.secondary-menu li {
					font-size: 14px;
				}
				header ul.primary-menu li:last-child {
					width: 10%;
				}
				header h1 {
					font-size: 36px;
				}
				header h1 a {
					max-width: 149px;
				}
				header svg {
					max-width: 69px;
				}
				footer {
					font-size: 14px;
				}
				.homepage-image {
					margin-top: -50px;
					object-fit: cover;
				    height: 99vh;
				    object-position: 64% 33%;
				}
				.homepage-overlay h1 {
					font-size: 4.6vw;
				}
				header h2 {
					font-size: 16px;
					margin-left: 5%;
					max-width: 150px;
				}
				.quick-contact:hover img {
					filter: none;
					-webkit-filter: grayscale(0%);
				}
				.project-type-info h2, .projects-list div h3 a, .quick-contact h4 {
					font-size: 22px !important;
				}
				.project-type-info p {
					font-size: 19px !important;
				}
				.people .project-type-info p {
					font-size: 15px !important;
					max-width: 100%;
				}
				/*.people .list-view div.project {
					width: 29.5% !important;
				}*/

				.people .list-view div.project.w2 {
					width: 65% !important;
				}
				.projects-list.list-view div h3 a {
					font-size: 17px !important;
				}
				#Layer_1 {
					max-width: 23px;
				    position: relative;
				    top: -2px;
				}
			}
			@media screen and (max-width: 871px) {
				header ul.primary-menu li:nth-child(5) { 
					margin-right: -2%;
				}
			}
			@media screen and (max-width: 745px) {
				header ul.primary-menu li {
					width: 15%;
				}
			}
			@media screen and (max-width: 745px) {
				header ul.primary-menu li {
					font-size: 16px;
				}
				header ul.primary-menu li:last-child img {
					max-width: 20px;
				}	
				.homepage-image {
					margin-top: -45px;
				}			
			}
			@media screen and (max-width: 670px) {
				#Layer_1 { 
					display: none;
				}
			}
			@media screen and (max-width: 642px) {

				header ul.primary-menu li:last-child {
					width: auto;
				}
				header ul.primary-menu li:nth-child(5) {
					width: 150px;
					position: absolute;
					right: 4%;
				}

				header ul.primary-menu li {
					width: 17%;
				}
				header h2 {
					display: none;
				}	

			}
			@media screen and (max-width: 568px) {
				header h1 {
					font-size: 28px;
					margin-right: 15px;
					text-indent: -1px;
				}
				header h1 a {
					max-width: 106px;
				}
				header svg {
					max-width: 52px;
					vertical-align: -19px;
				}
				header ul.primary-menu, header ul.secondary-menu {
					display: none;
				}
				header ul.mobile-menu {
					display: none;
					margin: 0;
					padding: 0;
					padding-top: 5px;
					padding-bottom: 5px;
					background-color: #0082BB;
				}
				header ul.mobile-menu li {
					list-style-type: none;
					line-height: 2.4;
					box-sizing: border-box;
				}
				header ul.mobile-menu li a {
					text-decoration: none;
					color: #fff;
					display: inline-block;
					width: 90%;
					border-bottom: 1px solid rgba(255,255,255,0.3);
					margin-left: 5%;
				}
				header ul.mobile-menu li:last-child a {
					border-bottom: 0px;
				}
				header ul.mobile-menu.open {
					display: block;
					position: absolute;
					width: 92%;
				}
				header .mobile-menu-toggle {
					display: inline-block;
					cursor: pointer;
					background-color: #0082BB;
					width: 63px;
					float: right;
					margin-top: 25px;
					height: 44px;
					color: #fff;
					line-height: 44px;
					padding-left: 10px;
				}
				header .mobile-menu li:last-child img {
					padding-top: 7px;
					max-width: 20px;
					vertical-align: -4px;

				}
				.homepage-image {
					margin-top: 0px;
				}		
			}
			.projects-list { 
				opacity: 0;
			}
			.project-type-info {
				opacity: 0;
			}
			.wrapper {
			    position: relative;
				max-width: 1260px;
				margin: 0 auto;
				padding: 0% 4%;
			}
			.square-img {
				max-height: 18vw;
			    object-fit: cover;
			    width: 100%;
			    object-position: 50%;
			}
			.projects-menu {
				margin-left: 15%;
			}
			.projects-menu h2 {
				font-size: 16px;
				color: #BBBDBF;
				margin-top: 15px;
				margin-bottom: -3px;
			}
			.projects-menu h2 a {
				color: #BBBDBF;
			}
			.projects-menu h2.active a {
				color: #5E6A71;
			}
			.projects-menu ul {
				padding-left: 0px;
			}
			.projects-menu ul li {
				display: inline-block;
				margin-right: 4%;
			}
			@media only screen and (max-width: 1369px) {
				.projects-menu ul li {
					display: inline-block;
					margin-right: 3%;
				}
			}
			.projects-menu ul li:last-child {
				margin-right: 0px;
			}
			.projects-menu ul li.active a {
				color: #5E6A71;
				font-weight: bold;
			}
			.projects-menu ul li a {
				text-decoration: none;
				color: #BBBDBF;
			}
			.projects-menu ul li a:hover {
				color: #5E6A71;
				font-weight: 700;
				letter-spacing: -0em;
			}
			.project-type-info h2, .projects-list div h3 a, .quick-contact h4 {
				color: #5E6A71;
				font-size: 30px;
				margin-bottom: 0px;
				text-decoration: none;
			}
			.project-type-info p {
				margin-top: 7px;
				color: #5E6A71;
				font-size: 20px;
				max-width: 100%;
				line-height: 1.6;
			}
			.people .project-type-info p {
				max-width: 100%;
			}
			.projects-list {
				width: 103%;
			}
			.projects-list > div.project {
				position: relative;
				display: block;
				width: 100%;
			}
			.projects-list.list-view div.project {
				display: inline-block;
				vertical-align: top;
				width: 31%;
				margin-right: 1.5%;
			}
			/*.projects-list.list-view div.project:nth-child(3), body > div:nth-child(5) > div.projects-list.list-view > div:nth-child(6), body > div:nth-child(5) > div.projects-list.list-view > div:nth-child(9), body > div:nth-child(5) > div.projects-list.list-view.projects-thumbs > div:nth-child(15), body > div:nth-child(5) > div.projects-list.list-view.projects-thumbs > div:nth-child(18) {
				margin-right: 0;
			}*/
			.people .projects-list.list-view div.project:nth-child(5) {
				margin-right: 5%;
			}
			.projects-list.list-view .project.people-open img:first-child {
				max-width: 360px;
			}
			.project-type-info {
				/*float: left;*/
			}
			.projects-thumbs.list-view div img {
				width: 97%;
				min-height: 260px;
				max-height: 260px;
				object-fit: cover;
    			object-position: bottom;
			}
			.projects-list.list-view .single-project h3:first-child {
				margin-top: 40px;
			}
			.projects-list.list-view.people div img {
				width: 100%;
				height: auto;
			}
			.full-project {
				width: 90% !important;
				margin: 0px;
				margin-top: 20px;
				margin-bottom: 20px;
				display: block !important;
				position: absolute !important;
			    top: 280px;
			    float: none !important;
			    z-index: 100;
			}
			.projects-list div.full-project img {
				max-height: inherit;
				display: block;
			}
			.full-project .project-info {
				display: block;
				top: 0px;
			}
			.projects-list div:hover img {
  				  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  				  filter: gray; /* IE6-9 */
  				  -webkit-filter: grayscale(100%);
			}
			.projects-list div.color-overlay {
				transition: all 350ms ease;
				width: 100%;
				height: 100%;
				display: block;
				position: absolute;
			}
			.project-page .projects-list.list-view div:hover div.color-overlay {
				display: block;
			    height: 100%;
			    position: absolute;
			    top: 0px;
			    transition: all 350ms ease;
			    width: 100%;
			    background-color: #D9EEF5;
			    mix-blend-mode: color;
			}

			.project-page .projects-list div.color-overlay {
				width: 97%;
			}

			/* Safari 6.1+ (9.0 is the latest version of Safari at this time) */

			@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
			{ @media {
			    .projects-list div:hover div.color-overlay { 

			       mix-blend-mode: multiply

			    }
			}}

			.projects-list div:hover div.color-overlay {
				display: block;
			    height: 100%;
			    position: absolute;
			    top: 0px;
			    transition: all 350ms ease;
			    width: 100%;
			    background-color: #D9EEF5;
			    mix-blend-mode: color;
			}

			.single-project:hover div.color-overlay {
				display: block;
			    height: 100%;
			    position: absolute;
			    top: 0px;
			    transition: all 350ms ease;
			    width: 100%;
			    background-color: #D9EEF5;
			    mix-blend-mode: color;
			}
		
			/*.projects-list div:hover div.color-overlay {
				display: block;
				height: 100%;
				position: absolute;
				top: 0px;
				width: 100%;
				background-color: #D9EEF5;
				mix-blend-mode: color;
			}*/
			.people .projects-list.list-view div h3 {
				color: #5E6A71; 
				font-size: 20px;
			}
			@media screen and (max-width: 668px) {
				.people .projects-list.list-view div h3 {
					max-height: 24px;
					overflow: hidden;
				}
			}
			    
			.projects-list div.full-project:hover img {
				filter: none;
				-webkit-filter: grayscale(0%);
			}
			.projects-list div.full-project:hover div.color-overlay {
				display: none;
			}
			.projects-list div:hover .project-info {
				display: block;
			}
			.full-project:hover .project-info {
				display: none;
			} 
			.projects-list {
				margin-top: 30px;
			}
			.project img:first-child {
				display: block;
			}
			.list-view .single-project img:first-child {
				display: block;
			}
			.list-view .projects-list .people-img {
				overflow: visible;
			}
			.projects-list.list-view div h3:first-child {
			    display: none
			}
			.projects-list div h3:first-child {
			    display: block;
			    margin-top: 40px;
			}
			.projects-list div h3:nth-child(2) {
			    display: none;
			}
			.projects-list.people div h3:nth-child(2) {
				display: block;
			}


			



			.projects-list.list-view .project img:first-child {
				display: block;
			}
			.projects-list.list-view .project img:nth-child(3) {
				display: none;
			}
			.projects-list.list-view div h3 a {
				font-size: 20px;
			}
			.projects-list.list-view div h3 {
				margin-top: 12px;
			}
			.projects-list.list-view .quick-contact {
				
			}

			.projects-list.list-view div:nth-child(6) {
				/*display: block;*/
			}
			.people .projects-list.list-view div:nth-child(6) {
				display: inline-block;
			}
			.projects-list.list-view div.project:hover .project-info {
				display: none;
			}
			.projects-list .people-img {
				    overflow: hidden;
				    max-width: 100%;
				    display: block;
				    position: relative;
			}
			.person-bio-full .color-overlay:hover {
				cursor: pointer;
			}
			.quick-contact {
				background-color: #D8ECF4;
				padding: 7px;
				display: none;
				min-height: 67px;
				    width: 96%;
				margin: 35px 0px;
				background-image: url('images/lines.png');
				background-repeat: none;
				    background-position: 8% 26%;
				background-repeat: no-repeat;
			}
			.list-view .quick-contact {
				display: block
			}
			.quick-contact img {
				display: inline-block;
				width: 4%;
				max-width: 47px;
				min-width: 47px;
				margin-left: 18px;
				margin-left: 1.5%;
				margin-top: 5px;
				vertical-align: top;
			}
			.quick-contact div {
				margin-left: 14%;
				display: inline-block;
				width: 70%;
			}
			.quick-contact div h4 {
				display: inline-block;
				vertical-align: top;
				margin-top: 3px;
			}
			.quick-contact div span {
				width: 100%;
				color: #5E6A71;
				font-size: 22px;
				margin-bottom: 10px;
				display: inline-block;
			}
			.quick-contact.qc-two-lines div {
				width: 76%;
				position: relative;
			}
			.quick-contact.qc-two-lines div span {
				/*position: absolute;
				margin-left: 52%;
				margin-top: -30px;*/
			}
			.projects-menu h2 a {
				font-weight: 400;
			}
			.map-page h2 a {
				font-weight: 700 !important
			}
			.view-controls {
			    position: absolute;
			    top: -69px;
			    list-style-type: none;
			    right: 4.2%;
			}
			.view-controls li:first-child{
				opacity: 1;
			}
			.view-controls li:nth-child(2){
				opacity: 0.5;
			}
			.view-controls.toggle li:first-child{
				opacity: 0.5;
			}
			.view-controls.toggle li:nth-child(2){
				opacity: 1;
			}
			a {
				text-decoration: none;
				color: #5E6A71;
			}
			.project-info {
				position: relative;
				z-index: 300;
				display: none;
			}
			.projects-list.projects-thumbs > div > h3:nth-child(3) {
				display: none;
			}
			.projects-list.projects-thumbs.list-view > div > h3:nth-child(3) {
				display: block;
			}
			.project-info {
				position: absolute !important;
				left: 4.5%;
				top: 56px;
				left:0;
				width: 100%;
				z-index: 300;
			}
			.project-info h4 {
				background-color: #008ABF;
				font-size: 42px;
				font-weight: 400;
				line-height: 3.5;
				color: #fff;
				margin-bottom: 0px;
				margin-top: 0px;
				text-indent: 4.5%;				
			}
			.project-info p {
				background-color: #D8ECF4;
				font-size: 22px;
				font-weight: 400;
				line-height: 1.4;
				color: #231F20;
				padding-top: 30px;
				padding-bottom: 30px;
				padding-right: 4.5%;
				width: 100%;
				box-sizing: border-box;
				padding-left: 4.5%;
				margin-top: 0px;			
			}
			.people .list-view div.project {
				width: 29%;
				float: left;
    			margin-right: 5%;
			}
			.people .list-view .project:nth-child(3n+3) {
				margin-right: 0px;
			}
			body > div > div.projects-list.list-view.people.clearfix > div:nth-child(12) {
				margin-right: 5%;
			}
			.people .list-view .project:nth-child(9), body > div > div.projects-list.list-view.people.clearfix > div:nth-child(15), body > div > div.projects-list.list-view.people.clearfix > div:nth-child(18) {
				margin-right: 5%;
			}
			.people .list-view .project:nth-child(14), body > div > div.projects-list.list-view.people.clearfix > div:nth-child(17), body > div > div.projects-list.list-view.people.clearfix > div:nth-child(19) {
				margin-right: 0%;
			}
			.people .list-view .project:nth-child(11) {
				margin-right: 0%;
			}
			.people .list-view .project:nth-child(8) {
				margin-right: 0px;
			}

			.people .list-view.person-is-open .project:nth-child(8) {
				margin-right: 5%;
			}
			.list-view.person-is-open .project:nth-child(3) {
			    margin-right: 0%;
			}

			.list-view.person-is-open .project:nth-child(4) {
			    margin-right: 3%;
			}
			.single-project img {
				    width: 100%;
			}

			.projects-thumbs {
				width: 100%;
			}

			.projects-thumbs.list-view {
				width: 103%;
			}


			.list-view.person-is-open .project:nth-child(6) {
			    margin-right: 5%;
			}
			.list-view.person-is-open .project:nth-child(7) {
			    margin-right: 0%;
			}
			.people .list-view.person-is-open .project:nth-child(9) {
				margin-right: 0%;
			}

			.people .projects-list.list-view div h3 {
				margin-bottom: 26px;
			}
			.project-type-info {
				margin-bottom: 20px;
			}
			.project-type-info h2 {
				margin-top: 5px;
			}
			.people .list-view div.project.w2 {
				width: 63%;
				margin-bottom: 63px;
			}
			.people .list-view div.project.w2:hover img {
  				  filter: none; /* IE6-9 */
  				  -webkit-filter: grayscale(0%);
			}
			.people .list-view div.project.w2:hover .color-overlay {
				display: none;
			}
			.projects-list.list-view.people div.person-bio-full h3 a:after {
				content: "";
				display: inline-block;
				background-image: url('images/right-arrow.png');
				background-position: top right;
				background-repeat: no-repeat;
				vertical-align: sub;
				height: 18px;
				opacity: 0.5;
				transition: all 350ms ease;
				vertical-align: -3px;
				width: 12px;
				margin-left: 7px;
			}
			.projects-list.list-view div.person-bio-full:hover h3 a:after {
				opacity: 1;
			}
			.projects-list.list-view.people div h3 a:hover {
				color: #0177b5;
			}
			.projects-list.list-view.people div h3:hover a:after {
				margin-left: 14px;
			} 
			.cost-guide .legal p {
				color: #5E6A71;
				font-size: 20px;
				max-width: 85%;
			}
			.cost-guide .legal h5 {
				margin-bottom: 0px;
				font-size: 20px;
			} 

			@media only screen and (max-width: 768px) {
				.cost-guide .legal p  {
					font-size: 14px;
					max-width: 100%;
				}
				body > div > div.cost-guide > table > tbody > tr:nth-child(2) > td, body > div > div.cost-guide > table > tbody > tr:nth-child(4) > td {
					font-size: 16px !important;
				}
			}
			.cost-guide table { 
				width: 100%;
				font-size: 24px;
			}
			.cost-guide table tr {
				border-bottom: 1px solid #5E6A71;
			}
			.cost-guide table td {
				background-color: #E5F2F8;
			}
			.cost-guide table tr td {
				padding: 4px 0px 4px 13px;
				font-size: 20px;
			}
			.cost-guide table tr.head {
				border: 0px;
			}
			table {
				border-collapse: collapse;
			}
			.cost-guide table tr.head td {
				color: #008ABF;
				padding-left: 0px;
				padding-top: 10px;
				font-weight: 700;
				background-color: transparent;
				border-bottom: 0px !important;
				font-size: 24px;
			} 
			body > div > div.cost-guide > table > tbody > tr:nth-child(2) > td, body > div > div.cost-guide > table > tbody > tr:nth-child(4) > td {
				padding-left: 13px;
				font-weight: 400;
				font-size: 21px;
			} 
			div.cost-guide > table > tbody > tr:nth-child(1) > td:nth-child(2) {
				text-align: right !important;
				color: #5E6A71; 
				padding-left: 0px;
    			margin-left: 97px;
    			position: absolute;
			}
			div.cost-guide > table > tbody > tr:nth-child(1) > td:nth-child(2) span {
				margin-right: -80px;
				position: relative;
				top: -20px;
			}

			div.cost-guide > table > tbody > tr > td:nth-child(2),div.cost-guide > table > tbody > tr > td:nth-child(3), div.cost-guide > table > tbody > tr > td:nth-child(4) {
				text-align: center;
			}
			div.cost-guide > table > tbody > tr > td:nth-child(3) {
				    margin-left: 10px;
				    box-sizing: border-box;
				    display: block;
				    line-height: 1.4;
			}
			div.cost-guide > table > tbody > tr > td:nth-child(5) {
				    margin-left: 10px;
				    box-sizing: border-box;
				    display: block;
				    line-height: 1.4;
				    text-align: center;
			}
			div.cost-guide > table > tbody > tr > td:nth-child(1) {
				width: 42vw;
			} 
			
			sup {
				font-size: 70%;
			}
			.homepage-image {
				position: absolute;
				height: 100vh;
    			object-fit: cover;
			}
			.homepage-overlay .wrapper {
				height: 80vh;
    			margin-bottom: -90px;
			}
			.homepage-overlay h1 {
				color: #fff;
				font-size: 54px;
				margin-top: 60px;
			}
			.homepage-caption {
				position: absolute;
				bottom: 0px;
			}
			.homepage-caption .quick-contact {
				margin-top: 0px;
				width: 72%;
			}
			.homepage-caption h2 {
				display: inline-block;
				color: #fff;
				font-size: 24px;
			}
			.homepage-caption img {
				max-width: 32px;
				vertical-align: text-bottom;
				margin-right: 10px;
			}
			.homepage-caption .quick-contact div {
				margin-left: 3%;
			}
			.homepage-caption .quick-contact img {
				max-width: 100%;
				width: 180px;
			}
			.mob-only {
				display: none;
			}
			.clients {
				list-style-type: none;
				width: 85%;
				margin: 0 auto;
				margin-top: 80px;
				padding: 0px;
			}
			@media only screen and (max-width: 1390px) {
				.clients {
					width: 100%;
				}
			}
			.clients li {
				display: inline-block;
				width: 19%;
				vertical-align: middle;
				text-align: center;
				margin-bottom: 40px;
			}
			.clients li img {
				max-width: 100%;
			}
			@media only screen and (max-width: 1133px) {
				.clients li {
					width: 24%;
					margin-bottom: 30px;
				}
				.clients {
					margin-top: 50px;
				}
			}
			@media only screen and (max-width: 829px) {
				.clients li {
					width: 32%;
					margin-bottom: 15px;
				}
				.clients {
					margin-top: 30px;
				}
			}
			@media only screen and (max-width: 580px) {
				.clients li {
					width: 49%;
					margin-bottom: 10px;
				}
				.clients {
					margin-top: 20px
				}
			}

			.news-header {
				margin-top: -0px;
				margin-left: -30px;
				max-width: 110%;
			}

			.news article img {
				max-width: 100%;
				width: 100%;
			}
			.news aside {
				width: 33%;
				display: inline-block;
				vertical-align: top;
			}

			.news aside article {
				border-top: 8px solid #0082BA;
				margin-bottom: 10px;
				word-wrap: break-word;
			}

			.news aside article a {
				text-decoration: underline;
			}

			.news aside article h3 {
				font-size: 36px;
				font-weight: 400;
				line-height: 1.1;
				color: #5E6A71;
				margin: 7px 0px;
				margin-top: 13px;
			}

			.news p {
				color: #5E6A71;
				font-size: 18px;
				margin-top: 0px;
			}

			.new-left-col {
				width: 65%;
				margin-right: 1.5%;
				display: inline-block;
				vertical-align: top;
			}

			.new-left-col article {
				border-top: 8px solid #0082BA;
				margin-top: 20px;
			}

			.new-left-col article h2 {
				font-size: 60px;
				color: #5E6A71;
				font-weight: 400;
				margin: 0px;
				line-height: 1.1;
				margin-top: 20px;
				margin-bottom: 15px;
			}

			.new-left-col article p {
				font-size: 22px;
			}

			.new-left-col article div {
				font-size: 22px;
				color: #5E6A71;
				margin-bottom: 15px;
			}

			.new-roight-col 


			.new-left-col article a {
				color: #26A9E0;
			}

			.new-left-col article a:hover {
				text-decoration: underline;
			}
			.back-to-top {
				position: fixed;
				right: 4%;
				display: none;
				bottom: 20px;
				color: #5E6B72;
				cursor: pointer;
				padding: 20px;
				z-index: 2000;
				color: #fff;
				background-color: #008ABF;
				
			}
			footer {
				position: relative;
				max-width: 1260px;
				margin: 0 auto;
				padding: 0% 4%;
				color: #5E6B72;
				text-align: right;
				padding-top: 50px;
				padding-bottom: 50px
			}
			.list-view .testemonial {
				display: none;
			}
			.testemonial {
				margin-bottom: 60px;
			}
			.testemonial p {
				font-size: 24px;
				margin-left: 15%;
				font-weight: 700;
				color: #5E6B72;
				width: 82%;
				line-height: 1.3;
			}
			.testemonial span {
				color: #008ABF;
				font-weight: 400;
				margin-left: 20%;
				font-size: 24px;
			}
			iframe {
				max-width: 100%;
			}
			.mob-show {
				display: none;
			}
			.mob-hide {
				display: block;
			}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
			.projects-menu ul li.mob-show {
					display: none !important;
				}
			@media only screen and (max-width:768px) {
				.homepage-overlay h1 {
					font-size: 47px;
				}
				.homepage-image { 
					height: calc(100vh)
				}
				.homepage-overlay .wrapper {
					height: 71vh;
					margin-bottom: 0px;
				}
				.projects-menu {
					margin-left: 0px;
				}
				.projects-menu ul {
					font-size: 20px
				}
				.projects-menu ul li:first-child {
					border-top: 1px solid #5E6A71;
					display: block;
				}
				.projects-menu ul li {
					display: none;
					height: 30px;
					line-height: 30px;
					padding: 4px 12px 4px;
					max-width: 100%;
					margin-right: 0px;
					border: 1px solid #5E6A71;
					border-top: 0;
				}
				.projects-menu.menu-open ul li {
					display: block;
				}
				.view-controls {
					display: none;
				}
				.project-type-info p {
					max-width: 100%;
					font-size: 14px !important;
				}
				.quick-contact {
					display: none;
				}
				.projects-menu ul li.mob-show {
					display: block !important;
				}
			}
			@media only screen and (max-width: 568px) {
				.homepage-overlay h1 {
					font-size: 6.5vw;
					margin-top: 30px;
				}
				.project img:first-child {
					    width: 97% !important;
					    height: auto;
					}
				.testemonial {
					display: block;
				}
				.homepage-caption .quick-contact {
					display: none;
				}
				.homepage-caption h2 {
					font-size: 4vw;
				}
				.homepage-caption img {
					max-width: 22px;
				}
				.homepage-image {
					height: calc(100vh - 94px);
					object-position: 38% 17%;
				}
				footer {
					padding-top: 20px;
					padding-bottom: 20px;
					font-size: 4vw;
				}
				.project-type-info .blue-bar h2 {
					font-size: 16px !important;
					padding-left: 20% !important;
				}
				.new-left-col {
					width: 100% !important;
				}
				.new-left-col article h2, .news aside article h3 {
					font-size: 24px;
				}
				.new-left-col header {
					z-index: 0;
				}
				.new-left-col article p {
					font-size: 16px;
				}
				.new-left-col article div {
					font-size: 16px;
				}
				.news aside {
					width: 100%;
				}
				.news-header {
					margin-left: -15px !important;
				}
				.col-1 {
					width: 100% !important;
				}
				.col-1 a, .col-1 address {
					font-size: 24px !important;
				}
				.testemonial p, .testemonial span {
					font-size: 16px;
					margin-left: 0px !important;
					width: 100%;
				}
			}
			@media only screen and (max-width: 1300px) {
				.project img:first-child {
					width: 100%;
				}
			}
			@media only screen and (max-width: 568px) {
				.project-type-info h2, .projects-list div h3 a, .quick-contact h4 {
					font-size: 20px;
				}
				.cost-guide table tr.head td, .cost-guide table tr td {
					font-size: 14px;
				}
				.cost-guide table tr {
					width: 100%;
					display: block;
				}
				.mob-only {
					display: block;
				}
				span.mob-only {
					display: inline-block;
					padding-left: 10px;
				}
				div.cost-guide > table > tbody > tr > td:first-child {
					display: block;
					border-bottom: 1px solid #8eccf1;
				}
				.cost-guide table tr td {
					padding: 10px 0px 6px 13px;
				}
				div.cost-guide > table > tbody > tr:nth-child(1) > td:nth-child(2) {
					display: none;
				}
				td.mob-only, div.cost-guide > table > tbody > tr > td:nth-child(2), div.cost-guide > table > tbody > tr > td:nth-child(3), div.cost-guide > table > tbody > tr > td:nth-child(4) {
					display: table-cell;
					text-align: center;
					font-size: 14px;
					padding: 4px 0px 4px 13px;
					line-height: 1.4;
				}
				div.cost-guide > table > tbody > tr > td:nth-child(1) {
					width: 96.5%;
				}
				div.cost-guide > table > tbody > tr > td:nth-child(2) {
					text-align: left;
				}
				div.cost-guide > table > tbody > tr {
					background-color: ;
				}
				div.cost-guide > table > tbody > tr > td:nth-child(5) {
					font-size: 14px;
					width: 10%;
					padding-left: 10px;
					display: table-cell;
					padding-right: 10px;
					padding-top: 4px;
				}
				div.cost-guide table tr {
					margin-top: 10px;
				}
				div.cost-guide table tr.head td {
					font-size: 16px;
					margin-top: 10px;
				}
				div.cost-guide table tr:first-child td {
					font-size: 18px;
					margin-top: 0px;
					margin-bottom: -15px;
				}
				div.cost-guide table tr.head+tr, div.cost-guide table tr.head {
					margin-top: 0px;
				}
				.people .list-view div.project {
					width: 48% !important;
    				margin-right: 2.5% !important;
				}
				.people .list-view div.project.people-open {
					width: 92% !important;
				}
				.people .list-view .project:nth-child(2n+2) {
					margin-right: 0px !important;
				}
				.projects-list.list-view div h3 a {
					font-size: 16px !important;
				}
				.people .list-view div.project.w2 {
					width: 100% !important;
					margin-bottom: 30px;
				}
				.hide-mob {
					display: none !important;
				}
				div.project .info-overlay {
					margin-left: -1%;
					width: 101%;
				}
				div.project.people-open .people-img img {
					max-width: 220px;
				}
				div.project .info-overlay .people-left {
					width: 100%;
				}
				div.project .info-overlay .people-right  {
					display: none
				}
				div.project .info-overlay .people-left img {
					margin-top: 20px;
					max-width: 350px;
				}
				.people .projects-list.list-view div h3 {
					margin-bottom: 10px;
				}
				.people-left p {
					font-size: 14px;
					margin-top: -10px;
				}
				.people-left ul {
					font-size: 14px;
				}
				.people-left ul li {
					margin-bottom: 10px;
				}
				.people-open .color-overlay {
					display: none;
				}
				.project-info {
					position: relative !important;
					top: 0;
					display: block !important;
				    width: 97%;
				}
				.projects-list.list-view div.project {
					display: block;
					width: 97% !important;
					margin-bottom: 50px;
				}
				.project-info h4, .project-info p {
					font-size: 16px !important;
				}
				.project-info h4 {
					line-height: 2.5;
					text-indent: 3%;
				}
				.project-info p {
					padding: 10px;
				}
				.dublin-map {
					margin-top: 30px
				}
				.project-type-info p {
					line-height: 1.4 !important
				}
				.project-type-info p br {
					display: none
				}
				.mob-show {
					display: inline-block;
					/*color: #5E6A71;*/
				}
				.mob-hide {
					display: none !important;
				}

				.col-1 input {
					border: 1px solid #cecece;
				}
			}
			@media only screen and (max-width: 568px) and (orientation:landscape) {
				td.mob-only, div.cost-guide > table > tbody > tr > td:nth-child(2), div.cost-guide > table > tbody > tr > td:nth-child(3), div.cost-guide > table > tbody > tr > td:nth-child(4) {
					width: 21%;
				}
				td.mob-only, div.cost-guide > table > tbody > tr > td:nth-child(2) {
					width: 68%;
				}
				span.mob-only {
					margin-right: -25%
				}
			}

			@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
				.projects-list div:hover div.color-overlay {
					display: none;
				}
				.projects-list div:hover .people-img {
					background-color: #008ABF;
				}
				.projects-list div:hover .people-img img {
					opacity: 0.7;
				}
			}