/* CSS Document */
#mobile:not( .mm-menu ) {display: none;}
.EditMode .columns {-webkit-column-count: auto; -moz-column-count: auto; column-count:auto;}
.EditMode img.mask {display:none;}
button:focus { outline:none !important; }
.stButton .stLarge:hover {background-position:0px !important;}
.box .EditableTextEdit {min-width:300px;}
* {box-sizing: border-box; background-repeat:no-repeat;}
.Error input[type=text] {color:red;}
input:focus { outline: none;  !important;}
textarea:focus { outline: none;  !important;}
sup { line-height: 0; }
.faq {scroll-margin-top: 80px; }

.CookieConsent {text-align:left; width:100%; background-color:#5d336e; color:#fff; padding:10px 0px 10px 12px; font-family: 'Montserrat', sans-serif; z-index:6;}
.CookieConsent a {color:#fff; text-decoration:underline;}
.CookieConsent .ConsentText {float:left; width:92%; display:inline-block; padding:5px 10px 5px 0;}
.CookieConsent .ConsentButtons {float:left; width:8%; padding:5px 10px 0 0 ; text-align:center;}
.CookieConsent input[type=submit] {width:20px; height:20px; background-image:url(/wp-content/themes/easton/assets/close-cookie.png); background-position:center center; cursor:pointer; color:#5d336e; background-color:#5d336e;}
@media only screen and (min-width: 1500px) {
.CookieConsent {text-align:center;}
.CookieConsent .ConsentText {float:none; width:auto;}
.CookieConsent .ConsentButtons {float:none; width:auto; padding:0px;}
}

#condolences {width:100%; float:left; background-color:#000; padding:10px 20px; text-align:center;}
#condolences p {font-size:14px; color:#fff; margin-bottom:0px;}


/* undo default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td, select {margin:0px; padding:0px; border:none;}
p {font-size:15px; line-height:1.4em; }
span {font-family: 'Montserrat', sans-serif; font-weight:400; letter-spacing:1px;}
p, li, a, input, select, label, textarea {font-family: 'Montserrat', sans-serif; color:#706f6f; font-weight:normal; letter-spacing:1px;}
h1,h2,h3, h1 a, h2 a, h3 a {font-weight:normal; font-family: 'Montserrat', sans-serif; color:#706f6f; line-height:1.3em; letter-spacing:1px;}
h4,h5,h6, h4 a, h5 a, h6 a {font-weight:normal; font-family: 'Montserrat', sans-serif; color:#706f6f; line-height:1.3em; letter-spacing:1px;}
a img,:link img,:visited img { border:none; }
address {font-style:normal;}
.ErrorLabel {display:none;}
input {-webkit-appearance: none;}
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom:40px; }
.videoWrapper iframe {position: absolute; top: 0;left: 0; width: 100%; height: 100%;}

#container {position: relative; max-width: 100%; margin: 0px auto; text-align: left; overflow:hidden; }
#container>div, header, footer, section {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative;}
.wrapper {margin: 0 auto; width: 1280px; max-width: 100%;}
.content {float: left; width: 80%; max-width: 100%; margin:0 10%; position:relative;}

.margin {padding:40px 0;}
.grey {padding:40px 0; background-color:#dcdcdb;}
.greyTop {padding:40px 0; background-color:#dcdcdb;}
section.green {padding:40px 0; background-color:#7fa53e;}
.marginBottom {margin-bottom:40px;}
    
@media only screen and (min-width: 768px) {
.margin {padding:50px 0;}
.content {width: 90%; margin:0 5%;}
.grey {margin:60px 0 90px 0; background-color:#dcdcdb;}
.grey:before {content:''; display:block; background-color:#dcdcdb; width:60%; height:90px; position:absolute; top:-90px;}
.grey:after {content:''; display:block; background-color:#dcdcdb; width:40%; height:90px; position:absolute; left:60%; bottom:-90px;}
.greyTop {margin:60px 0 90px 0; background-color:#dcdcdb;}
.greyTop:after {content:''; display:block; background-color:#dcdcdb; width:40%; height:90px; position:absolute; left:60%; bottom:-90px;}
section.green {margin:60px 0 90px 0; background-color:#7fa53e;}
section.green:before {content:''; display:block; background-color:#7fa53e; width:60%; height:60px; position:absolute; top:-60px;}
section.green.last {margin:60px 0 180px 0;}
.marginBottom {margin-bottom:60px;}
}

.fadeIn {position:relative; -webkit-animation-name: fadeIn; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease; -webkit-animation-delay:0.3s; -webkit-animation-fill-mode:forwards;}
@-webkit-keyframes fadeIn {from {opacity:0; top:50px;} to {opacity:1; top:0px;}}

@media only screen and (min-width: 1024px) {
.menuIn li {position:relative; -webkit-animation-name: menuIn; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease; -webkit-animation-delay:0.5s; -webkit-animation-fill-mode:forwards;}
.menuIn li:nth-last-child(-n+3) {position:relative; -webkit-animation-name: menuIn1; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease; -webkit-animation-delay:1.5s; -webkit-animation-fill-mode:forwards;}
.menuIn li:nth-last-child(-n+2) {position:relative; -webkit-animation-name: menuIn2; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease; -webkit-animation-delay:2.0s; -webkit-animation-fill-mode:forwards;}
.menuIn li:nth-child(4) {position:relative; -webkit-animation-name: menuIn3; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease; -webkit-animation-delay:2.5s; -webkit-animation-fill-mode:forwards;}
  }

@-webkit-keyframes menuIn {from {left:-100%;} to {left:0%;}}
@-webkit-keyframes menuIn1 {from {left:0px;} to {left:26%;}}
@-webkit-keyframes menuIn2 {from {left:26%;} to {left:52%;}}
@-webkit-keyframes menuIn3 {from {left:52%;} to {left:78%;}}


/*#Header#*/
header {height:100px;}
header a.logo {float:left; width:200px; height:51px; background-image:url(/wp-content/themes/easton/assets/eb-logo.png); background-size:contain; display:block; margin-top:25px; margin-left:-10px;}
header .contacts {display:none;}
header ul#menu-topnav {display:none;}
#container #menu {display:block; height:100px; z-index:125; position:absolute;}
#container #menu #mega-menu-wrap-menu-1 {top:30px;}

@media only screen and (min-width: 768px) {
header {height:185px;}
header a.logo {width:255px; height:65px; margin-top:82px;}
header .contacts {display:block; position:absolute; top:0px; width:100%; left:0px; height:50px; background-color:#dbdbdb; width:111.1111%; margin-left:-5.555%;}
header .contacts p {float:right; margin-right:5%;}
header .contacts a.phone {float:left; font-size:17px; font-weight:bold; line-height:50px;}
header .contacts a.phone:before {display:inline-block; float:left; content:''; width:60px; height:50px; background-color:#7fa53e; margin-right:10px; background-repeat:no-repeat; background-image:url(/wp-content/themes/easton/assets/icon-phone.png); background-position:center center;}
header .contacts a.email {margin-left:70px; float:left; font-size:17px; font-weight:bold; line-height:50px;}
header .contacts a.email:before {display:inline-block; float:left; content:''; width:60px; height:50px; background-color:#ab2b75; margin-right:10px; background-repeat:no-repeat; background-image:url(/wp-content/themes/easton/assets/icon-email.png); background-position:center center;}
#container #menu {display:block; height:185px;}
#container #menu #mega-menu-wrap-menu-1 {top:96px;}
}

@media only screen and (min-width: 1280px) {
header {height:150px;}
header a.logo {margin-top:30px;}
header .contacts {float:right; width:auto; height:auto; margin:0px; background-color:transparent; position:relative;}
header .contacts p {float:none; margin-right:0;}
header ul#menu-topnav {display:block; float:right; margin-top:40px;}
header ul#menu-topnav li {float:left; margin-left:55px;}
header ul#menu-topnav li a {text-transform:uppercase;}
header ul#menu-topnav li a:hover {font-weight:bold;}
#container #menu {display:block; background-color:rgba(127,165,62,0.8); height:98px; z-index:125; position:relative;}
#container #menu #mega-menu-wrap-menu-1 {top:0px;}
#container #menu #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {width:12.5%; vertical-align: top;}
#container #menu #mega-menu-wrap-menu-1 #mega-menu-menu-1>li>ul.mega-sub-menu:before {display:block; content: ""; background-color: rgba(00,00,00,0.7); position: absolute; top: 0; bottom: 0; width: 9600px; right: 100%; z-index: 1;}
#container #menu #mega-menu-wrap-menu-1 #mega-menu-menu-1>li>ul.mega-sub-menu:after {display:block; content: ""; background-color: rgba(00,00,00,0.7); position: absolute; top: 0; bottom: 0; width: 9600px; left: 100%; z-index: 1;}
#container #menu #mega-menu-wrap-menu-1 #mega-menu-menu-1>li>ul.mega-sub-menu {margin-top:49px;}
	
#menu ul#menu-mainnav>li {float:left; width:12.5%; height:98px; }
#menu ul#menu-mainnav>li>a,#menu ul#menu-mainnav>li>span {color:#fff; font-size:14px; cursor:pointer; display: block; padding:7px 15px 0 15px; border-left:1px solid #fff; transition:padding .4s ease-in;}
#menu ul#menu-mainnav>li.active>span {padding-top:15px;  transition:padding .4s ease-in;}
#menu ul#menu-mainnav li.Highlighted>span, #menu ul#menu-mainnav li.Highlighted>a {font-weight:bold;}
#menu ul#menu-mainnav>li>ul {visibility:hidden; left:-10000px; opacity:0; position:absolute; top:98px; width:100%; background-color:rgba(00,00,00,0.7); left:0px; transition:visibility .4s, opacity .4s;}
#menu ul#menu-mainnav>li>ul.block {visibility:visible;  left:0px; opacity:1; transition:visibility .4s, opacity .4s;}
#menu ul#menu-mainnav>li>ul>li {float:left; width:12.5%; height:70px; }
#menu ul#menu-mainnav>li>ul>li>a, #menu ul#menu-mainnav>li>ul>li>span {color:#fff; font-size:14px; cursor:pointer; display: block; padding:7px 15px 0px 15px; border-left:1px solid #fff; transition:padding .4s ease-in;}
#menu ul#menu-mainnav>li>ul>li.active>span {padding-top:15px;  transition:padding .4s ease-in;}
#menu ul#menu-mainnav>li>ul:before {content: ""; background-color: rgba(00,00,00,0.7); position: absolute; top: 0; bottom: 0; width: 9600px; right: 100%; z-index: 1;}
#menu ul#menu-mainnav>li>ul:after {content: ""; background-color: rgba(00,00,00,0.7); position: absolute; top: 0; bottom: 0; width: 9600px; left: 100%; z-index: 1;}
#menu ul#menu-mainnav>li>ul>li>ul { left:-10000px; visibility:hidden; opacity:0; position:absolute; top:100%; background-color:rgba(00,00,00,0.5);  transition:visibility .4s, opacity .4s;}
#menu ul#menu-mainnav>li>ul>li>ul.block { left:0px; visibility:visible; opacity:1; transition:visibility .4s, opacity .4s;}
#menu ul#menu-mainnav>li>ul>li>ul:before {content: ""; background-color: rgba(00,00,00,0.5); position: absolute; top: 0; bottom: 0; width: 9600px; right: 100%; z-index: 1;}
#menu ul#menu-mainnav>li>ul>li>ul:after {content: ""; background-color: rgba(00,00,00,0.5); position: absolute; top: 0; bottom: 0; width: 9600px; left: 100%; z-index: 1;}
#menu ul#menu-mainnav>li>ul>li:nth-child(3)>ul>li {width:20%;}
#menu ul#menu-mainnav>li>ul>li>ul>li {float:left; width:50%; height:70px; }
#menu ul#menu-mainnav>li>ul>li>ul>li>a {color:#fff; font-size:14px; cursor:pointer; display: block; padding:7px 15px 0px 15px; border-left:1px solid #fff; transition:padding .4s ease-in;}
#menu ul#menu-mainnav>li>ul>li>ul>li>a:hover {padding-top:15px;  transition:padding .4s ease-in;}
#menu ul#menu-mainnav>li>ul>li>ul.block>li:first-child>ul {width:calc(50%); }
#menu ul#menu-mainnav>li>ul>li>ul>li>ul {visibility:visible; opacity:1; top:100%; position:absolute; background-color:rgba(00,00,00,0.5); width:calc(50% + 15px); padding-left:15px; margin-left:-15px; padding-bottom:20px; transition:visibility .4s, opacity .4s;}
/*#menu ul#menu-mainnav>li>ul>li>ul>li:hover>ul {visibility:visible; opacity:1; transition:visibility .4s, opacity .4s;}*/
#menu ul#menu-mainnav>li>ul>li>ul>li>ul>li {float:left; width:100%; height:50px; border-left:1px solid #fff;}
#menu ul#menu-mainnav>li>ul>li>ul>li>ul>li>a {color:#fff; font-size:12px; cursor:pointer; display: block; padding:7px 15px 0px 15px; transition:padding .4s ease-in;}
#menu ul#menu-mainnav>li>ul>li>ul>li>ul>li>a:hover {padding-top:15px;  transition:padding .4s ease-in;}
#navButton {display:none;}
	
  
#menu ul#menu-mainnav>li.dropdownV2>ul.block {visibility:visible;  left:0px; opacity:1; transition:visibility .4s, opacity .4s;}
#menu ul#menu-mainnav>li.dropdownV2>ul:before {content: ""; background-color: rgba(00,00,00,0.7); position: absolute; top: 0; bottom: 0; width: 9600px; right: 100%; z-index: 1;}
#menu ul#menu-mainnav>li.dropdownV2>ul:after {content: ""; background-color: rgba(00,00,00,0.7); position: absolute; top: 0; bottom: 0; width: 9600px; left: 100%; z-index: 1;}
#menu ul#menu-mainnav>li.dropdownV2>ul.block>li:first-child {width:17%;}
#menu ul#menu-mainnav>li.dropdownV2>ul.block>li {width:20%; height:auto; margin-bottom:20px;}
#menu ul#menu-mainnav>li.dropdownV2>ul.block>li>a {border:0px; padding-top:30px; margin-bottom:5px; font-weight:bold; color:#8bae59;}
#menu ul#menu-mainnav>li.dropdownV2>ul.block>li>span {border:0px; padding-top:30px; margin-bottom:5px; font-weight:bold; color:#8bae59;}
#menu ul#menu-mainnav>li.dropdownV2>ul.block>li>ul {display:block; position:relative; opacity:1; visibility:visible; left:0; background-color: rgba(00,00,00,0.7);}
#menu ul#menu-mainnav>li.dropdownV2>ul.block>li>ul>li {float:left; width:100%;height:auto; margin-bottom:5px;}
#menu ul#menu-mainnav>li.dropdownV2>ul.block>li>ul>li>a {border:0px;}
#menu ul#menu-mainnav>li.dropdownV2>ul>li>a:hover {text-decoration:underline;}
#menu ul#menu-mainnav>li.dropdownV2>ul>li>ul>li>a:hover {padding-top:7px; text-decoration:underline;}
  
#menu ul#menu-mainnav>li.Highlighted.dropdownV2 span, #menu ul#menu-mainnav>li.Highlighted.dropdownV2 a {font-weight:normal;}
  
  }

/*#Master#*/

section#how {padding-bottom:70px; margin-top:70px;}

@media only screen and (min-width: 768px) {
section#how {padding-bottom:70px; margin-top:0px;}
  }

/*#Footer#*/
footer {background-color:#404040; border-top:20px solid #7fa53e; padding:50px 0; z-index:5;}
footer p {float:left;}
footer p, footer a {color:#fff; text-transform:uppercase; font-size:12px; font-weight:bold; line-height:20px;}
footer a:hover {color:#7fa53e;}
footer ul#menu-footernav {float:left; margin:40px 0 20px 0;}
footer ul#menu-footernav li {float:none; line-height:20px;}
footer a.ie {clear:left; float:left; background-image:url(/wp-content/themes/easton/assets/ie-logo.png); background-position:center right; width:190px; padding-right:70px; line-height:20px;}
footer p.registration {float:left; line-height:20px;  margin-bottom:40px;}
footer .social {float:left;}
footer .social a {display:block; width:50px; height:50px; background-size:contain; float:left; margin:0 20px 40px 0;}
footer a.linkedin {background-image:url(/wp-content/themes/easton/assets/icon-linkedin.png);}
footer a.facebook {background-image:url(/wp-content/themes/easton/assets/icon-facebook.png);}
footer a.twitter {background-image:url(/wp-content/themes/easton/assets/icon-twitter.png);}
footer .accreditations {float:left; width:100%; margin-bottom:30px; margin-top:40px;}
footer .accreditations img {float:left; margin:0 30px 20px 0;}
footer .accreditations img:nth-child(2n+1) {clear:left;}

@media only screen and (min-width: 768px) {
footer p.copyright {width:60%;}
footer .social {float:right;}
footer .social a {margin:0 0 0 20px;}
footer ul#menu-footernav {margin:40px 0 20px;}
footer ul#menu-footernav li {float:left;}
footer ul#menu-footernav li a {padding-right:10px; border-right:1px solid #fff; margin-right:10px;}
footer ul#menu-footernav li:last-child a {margin-right:0px; padding-right:0px; border-right:0px;}
footer a.ie {padding-right:70px; line-height:39px; float:left; width:auto;}
footer p.registration {float:left; line-height:39px; width:auto; }
footer .accreditations img {clear:none; margin:0 40px 30px 0;}
footer .accreditations img:nth-child(2n+1) {clear:none;}
  }

@media only screen and (min-width: 1024px) {
footer ul#footerNav {margin:40px 0 20px 0;}
footer a.ie {float:right; clear:none;}
footer .accreditations {margin-bottom:80px; margin-top:80px;}
footer p.registration {margin-bottom:0px;}
  }


/*#Fixed Nav#*/
nav.fixed {position:fixed; z-index: 5; left: 0 !important; top: 50vh !important; transform: translateY(-50%); display:none; width:250px;}
nav.fixed li {padding-left: 70px;  max-width: 250px; margin-bottom:28px;}
nav.fixed a span {opacity:0; transition: all .4s cubic-bezier(.165,.84,.44,1);}
nav.fixed a {display: block; font-size:16px; line-height:28px; font-weight:bold; text-transform: uppercase;  position: relative;  padding-left: 45px; }
nav.fixed a:before {top: 8px; left: 8px; width: 12px; height: 12px; background: #7fa53e;}
nav.fixed a:after {top: 0; left: 0; width: 24px; height: 24px; border: 2px solid #7fa53e; opacity: 0;}
nav.fixed a:after, nav.fixed a:before {content: ""; border-radius: 100%; position: absolute; transition: all .4s cubic-bezier(.165,.84,.44,1);}
nav.fixed li a.active:after {opacity: 1;}
nav.fixed li a.active span {opacity: 1; transition: all .4s cubic-bezier(.165,.84,.44,1);}

@media only screen and (min-width: 1600px) {
nav.fixed {display:block;}
  }


/*#Banner#*/
.banner {height:280px; background-size:cover; background-position:center center; margin-top:0px; position:relative;}
.banner .content {height:280px;}
.banner .message {width:100%; padding:20px; position:relative; top: 50%; transform: translateY(-50%); display:block; background-color:rgba(00,00,00,0.5);}
.banner .message h2 {color:#fff; font-size:30px; margin-bottom:20px; text-transform:uppercase;}
.banner .message h2:last-child {margin-bottom:0px;}
.banner .message p {font-size:15px; color:#fff;}
.banner.bannerV2 {height:400px;}
.banner.bannerV2 .content {height:400px;}

@media only screen and (min-width: 768px) {
.banner {height:486px;}
.banner .content {height:486px;}
.banner .message {width:70%; padding:40px 50px;}
.banner .message p {font-size:20px;}
.banner.bannerV2 {height:486px;}
.banner.bannerV2 .content {height:486px;}
  }

@media only screen and (min-width: 1280px) {
.banner  {height:640px; margin-top:-98px;}
.banner .content {height:640px;}
.banner .message {width:48%; padding:40px 50px;}
.noMenu .banner {margin-top:0px;}
.banner.bannerV2 {height:776px;}
.banner.bannerV2 .content {height:776px;}
  }

/*#Contact Page#*/
#map {height:380px;}
.officesCon {float:left; width:100%;}
.officesCon .officeCon {float:left; width:100%; margin:0px 0 0 0; background-image:url(/wp-content/themes/easton/assets/map-pin.png); background-position:20px 0; padding-top:60px;}
.officesCon .officeCon p strong {text-transform:uppercase;}
.officesCon .officeCon p {font-size:20px; display:block; border-left:1px solid #6f6f6e; padding-left:20px;}
.officesCon .prevNext {width:125%; margin-left:-12.5%; position:absolute; z-index:150; top:138px;}
.officesCon .prevNext span.prev {cursor:pointer; display:block; width:30px; height:30px; background-image:url(/wp-content/themes/easton/assets/prev.png); background-size:cover; float:left;}
.officesCon .prevNext span.next {cursor:pointer; display:block; width:30px; height:30px; background-image:url(/wp-content/themes/easton/assets/next.png); background-size:cover; float:right;}


@media only screen and (min-width: 768px) {
.officesCon .prevNext {display:none;}
#map {height:486px;}
.officesCon {margin-top:-50px;}
.officesCon .officeCon {width:30%; margin:50px 3.33% 0 0;}
.officesCon .officeCon:nth-child(3n+1) {clear:left;}
  }

@media only screen and (min-width: 1024px) {
.officesCon .officeCon {width:22%; margin:50px 3% 0 0;}
.officesCon .officeCon:nth-child(3n+1) {clear:none;}
.officesCon .officeCon:nth-child(4n+1) {clear:left;}
  }

@media only screen and (min-width: 1280px) {
#map {height:776px; margin-top:-98px;}
  }


/*#Home Page#*/
#scroller {height:400px; margin-top:0px; }
#scroller .scroller {width:100%; height:400px; background-size:cover; background-position:center;}
#scroller .scroller .content {height:400px;}
#scroller .scroller .message {width:100%; padding:20px; position:relative; top: 50%; transform: translateY(-50%); display:block; background-color:rgba(00,00,00,0.5);}
#scroller .scroller .message h2 {color:#fff; font-size:30px; margin-bottom:20px; text-transform:uppercase; font-weight:300; letter-spacing:2px;}
#scroller .scroller .message p {font-size:15px; color:#fff;}
#scroller .scroller .message a {background-image:url(/wp-content/themes/easton/assets/arrow.png); border:2px solid #fff; transition:background-position .4s ease-in; background-position: center  right 25px; padding:10px 55px 10px 15px; color:#fff; font-weight:normal; display:inline-block; font-size:16px;}
#scroller .scroller .message a:hover {background-position:center right 15px; cursor:pointer; transition:background-position .4s ease-in;}
ul#serviceMenu {width:125%; margin-left:-12.5%; position:relative; margin-top:-40px; margin-bottom:40px;}
ul#serviceMenu li {float:none; width:100%;}
ul#serviceMenu li:last-child {margin-right:0;}
ul#serviceMenu li a {display:block; width:100%; height:60px; background-color:#7fa53e; color:#fff; font-size:15px; line-height:60px; padding:0px 0px 0 calc(10%+50px); background-size:auto 32px; background-position:left 10% top 11px; margin-bottom:3px; transition:background-color 0.4s;}
ul#serviceMenu li a:hover {background-color:#ab2b75; transition:background-color 0.4s;}
ul#serviceMenu li a.domestic {background-image:url(/wp-content/themes/easton/assets/icon-domestic.png);}
ul#serviceMenu li a.commercial {background-image:url(/wp-content/themes/easton/assets/icon-commercial.png);}
ul#serviceMenu li a.legal {background-image:url(/wp-content/themes/easton/assets/icon-legal.png);}
ul#serviceMenu li a.block {background-image:url(/wp-content/themes/easton/assets/icon-block.png);}
ul#serviceMenu li a.developer {background-image:url(/wp-content/themes/easton/assets/icon-developer.png);}
ul#serviceMenu li a.architect {background-image:url(/wp-content/themes/easton/assets/icon-architect.png);}
.offices {float:left; width:100%;}
.offices .office {float:left; width:100%; margin:50px 0 0 0; background-image:url(/wp-content/themes/easton/assets/map-pin.png); background-position:20px 0; padding-top:60px;}
.offices .office p strong {text-transform:uppercase;}
.offices .office p {font-size:20px; display:block; border-left:1px solid #6f6f6e; padding-left:20px;}


@media only screen and (min-width: 768px) {
#scroller {height:486px;}
#scroller .scroller {height:486px;}
#scroller .scroller .content {height:486px;}
#scroller .scroller .message {width:70%; padding:40px 50px;}
#scroller .scroller .message h2 {font-size:36px;}
#scroller .scroller .message p {font-size:20px;}
#scroller .scroller .message a {font-size:20px;}
ul#serviceMenu {z-index:150; float:left; width:100%; margin-left:0px; margin-bottom:50px; margin-top:-160px;}
ul#serviceMenu li:last-child {margin-right:0;}
ul#serviceMenu li a {display:block; float:left; width:47.5%; margin:0 5% 40px 0; height:175px; background-color:#7fa53e; color:#fff;  line-height:1.4em; font-size:20px; padding:90px 30px 0 30px; background-size:auto ; background-position:30px 20px;}
ul#serviceMenu li:nth-child(even) a {margin-right:0;}
.offices .office {width:30%; margin:50px 3.33% 0 0;}
.offices .office:nth-child(3n+1) {clear:left;}
  }

@media only screen and (min-width: 1024px) {
#scroller {height:776px;}
#scroller .scroller {height:776px;}
#scroller .scroller .content {height:776px;}
#scroller .scroller .message {width:60%; padding:40px 50px;}
ul#serviceMenu {margin-top:-300px; z-index:150; height:175px; position:absolute; width:100%; margin-left:0px; margin-bottom:0px;}
ul#serviceMenu li {float:left; width:22%; margin-right:4%; position:absolute; left:-100%;}
ul#serviceMenu li a {display:block; width:100%; height:175px; background-color:#7fa53e; color:#fff; font-size:20px; padding:90px 30px 0 30px; background-position:30px 20px;}
ul#serviceMenu li:nth-child(1) {z-index:6;}
ul#serviceMenu li:nth-child(2) {z-index:5;}
ul#serviceMenu li:nth-child(3) {z-index:4;}
ul#serviceMenu li:nth-child(4) {z-index:3;}
section#who {padding-top:200px;}
.offices .office {width:22%; margin:50px 3% 0 0;}
.offices .office:nth-child(3n+1) {clear:none;}
.offices .office:nth-child(4n+1) {clear:left;}
  }

@media only screen and (min-width: 1280px) {
#scroller {margin-top:-98px; }  
  }
    
/*#Copy#*/
.copy {float:left; width:100%; opacity:0;}
.copy.noMargin {margin-bottom:30px;}
.copy:last-child {margin-bottom:0px;}
.copy p:last-child, .copy h1:last-child, .copy h2:last-child, .copy h3:last-child, .copy h4:last-child, .copy h5:last-child, .copy h6:last-child {margin-bottom:40px;}
.copy h1 {width:100%; display:block; border-bottom:1px solid #6f6f6e; color:#7fa53e; font-size:30px; text-transform:uppercase; padding-bottom:25px; margin-bottom:25px;}
.copy h2 {width:100%; display:block; border-bottom:1px solid #6f6f6e; color:#7fa53e; font-size:30px; text-transform:uppercase; padding-bottom:25px; margin-bottom:25px;}
.copy h3 {color:#6f6f6e; font-size:20px; font-weight:bold; margin-bottom:20px;}
.copy h4 {color:#6f6f6e; font-size:22px; font-weight:bold; margin-bottom:20px;}
.copy.expertText h4 strong {color:#7fa53e; font-weight:500;}
.copy h5 {color:#7fa53e; font-size:22px; font-weight:bold; margin-bottom:20px;}
.copy h6 {color:#7fa53e; font-size:16px; font-weight:normal; margin-bottom:20px;}
.copy p {margin-bottom:20px;}
.copy.white h1, .copy.white h2, .copy.white h3, .copy.white h4, .copy.white h5, .copy.white h6, .copy.white p, .copy.white p a, .copy.white li {color:#fff;}
.copy.white h2 {border-color:#fff;}
.copy.whiteLarge {font-size:20px;}
.copy img {max-width:100%;}
.copy h3.green {color:#7fa53e;}
.copy.green p {font-size:20px; color:#7fa53e;}
.copy p.green {font-size:20px; color:#7fa53e;}
.copy span.green {color:#7fa53e;}
.copy.green h3 {color:#7fa53e;}
.copy.green.white p {color:#fff;}
.copy.green.white h3 {color:#fff;}
.copy ul {font-size:20px; margin-bottom:20px; margin-left:5px;}
.copy ul>li {background-image:url(/wp-content/themes/easton/assets/bullet.png); background-position:left top 3px;  margin-bottom:5px; padding-left:25px; font-size:15px; line-height:1.4em;}
.copy ul.tick>li {background-image:url(/wp-content/themes/easton/assets/tick.png); background-position:left top 2px; padding-left:28px;}
.copy ul>li>ul {margin-bottom:0px; margin-top:5px; margin-left:0px;}
.copy ul>li>ul>li {background-image:none;}
.copy ul>li>ul>li:before {content: '-'; position: absolute; margin-left: -20px;}
.copy ul li a {color:#7fa53e; font-weight:bold;}
.copy ol {font-size:20px; margin-bottom:20px; margin-left:20px;}
.copy ol li {list-style-type:decimal; margin-bottom:5px; padding-left:15px; font-size:15px;  line-height:1.4em;}
.copy.white ul>li {background-image:url(/wp-content/themes/easton/assets/arrow.png);}
.copy p a {color:#7fa53e; font-weight:bold;}
.copy p a:hover {color:#706f6f;}
.copy p a.readMore {margin-top:20px; color:#fff;}
.copy p a.readMore, input[type=submit] {background-image:url(/wp-content/themes/easton/assets/arrow.png);transition:background-position .4s ease-in, background-color .4s ease-in;; background-position: center right 25px; background-color:#7fa53e; padding:10px 45px 10px 15px; color:#fff; font-weight:bold; display:inline-block; font-size:16px;}
.copy.white p a.readMore {background-color:#ab2b75;}
.copy.white p a.readMore:hover {background-color:#706f6f;}
.copy p a.readMore:hover, input[type=submit]:hover {background-color:#ab2b75;  background-position:center right 15px; cursor:pointer;transition:background-position .4s ease-in, background-color .4s ease-in;}
a.readMore {margin-top:20px; color:#fff;}
a.readMore, input[type=submit] {background-image:url(/wp-content/themes/easton/assets/arrow.png);transition:background-position .4s ease-in, background-color .4s ease-in;; background-position: center right 25px; background-color:#7fa53e; padding:10px 45px 10px 15px; color:#fff; font-weight:bold; display:inline-block; font-size:16px;}
a.readMore:hover, input[type=submit]:hover {background-color:#ab2b75;  background-position:center right 15px; cursor:pointer;transition:background-position .4s ease-in, background-color .4s ease-in;}
.copy p a.readMore.purple {background-color:#ab2b75;}
.copy.stage h3 {color:#7fa53e; font-size:20px; font-weight:bold; margin-bottom:30px; border-top:1px solid #6f6f6e;  padding-top:25px; margin-top:25px;}

.copy p cite {float:left; font-size:24px; width:100%; padding-left:45px; background-image:url(/wp-content/themes/easton/assets/blog-quote.png); background-position:top left; padding-top:30px; color:#7fa53e; margin:10px 0 30px 0; line-height:1.4em;}

a {transition:background-color .4s ease-in; cursor:pointer;}
a:hover {transition:background-color .4s ease-in;}

@media only screen and (min-width: 768px) {
.copy h1 {font-size:36px;}
.copy h2 {font-size:36px;}
.copy.green p {font-size:22px;}
p.green {font-size:22px;}
.copy.whiteLarge p {font-size:22px;}
.copy p {font-size:17px;}
.copy h6 {font-size:17px;}
.copy ul li {font-size:17px;}
.copy ol li {font-size:17px;}
  }

@media only screen and (min-width: 1024px) {
.copy.left {float:left; width:47.5%;}
.copy.left.address {padding-left:25%;}
.copy.right {float:right; width:47.5%;}
  }

a.backToTop {display:block; width:40px; height:40px; background-image:url(/wp-content/themes/easton/assets/backToTop.png); background-position:center center; position:absolute; bottom:20px; right:0px; background-color:#7fa53e;  transition:background-color .4s ease-in;}
a.backToTop:hover {background-color:#ab2b75; transition:background-color .4s ease-in;}


/*#Contact Form#*/
#contactForm {float:left; width:100%; font-family: 'Montserrat', sans-serif; color: #706f6f; font-weight: normal; font-size:14px;}
#contactForm input[type=text] {border-radius:0px; border:0px; background-color:#e9e9ea;}
#contactForm input[type=email] {border-radius:0px; border:0px; background-color:#e9e9ea;}
#contactForm input[type=tel] {border-radius:0px; border:0px; background-color:#e9e9ea;}
#contactForm textarea {border-radius:0px; border:0px; background-color:#e9e9ea; resize:none;}
#contactForm .wpforms-field {padding:0px; margin-bottom:20px;}
#contactForm .wpforms-field.wpforms-field-layout {margin-bottom:0px;}
#contactForm button[type=submit] {background-image:url(/wp-content/themes/easton/assets/arrow.png);transition:background-position .4s ease-in, background-color .4s ease-in;; background-position: center right 25px; background-color:#7fa53e; padding:10px 45px 10px 15px; color:#fff; font-weight:bold; display:inline-block; font-size:16px; background-repeat:no-repeat; border-radius:0px;}
#contactForm button[type=submit]:hover {background-color:#ab2b75;  background-position:center right 15px; cursor:pointer;transition:background-position .4s ease-in, background-color .4s ease-in;}



/*#News#*/
.newsPreview {float:left; width:100%; border-bottom:1px solid #6f6f6e; padding:0 0 50px 0; margin:0 0 50px 0}
.newsPreview:last-child {border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}
.newsPreview .image {float:left; width:100%;}
.newsPreview .image img {width:100%; margin-bottom:20px; max-width:300px;}
.newsPreview .copy {float:left; width:100%;}
.newsPreview .copy h3 {margin:0 0 5px 0; padding:0px; font-weight:bold; font-size:20px;}
.newsPreview .copy p.date span {color:#7fa53e;}

.newsStory {float:left; width:100%;}
.newsStory .image {float:left; width:100%; margin-bottom:50px;}
.newsStory .image img {width:100%;}
.newsStory p.date {margin-top:20px;}
.newsStory .copy p.date span {color:#7fa53e;}

@media only screen and (min-width: 768px) {
.newsPreview .image {width:25%;}
.newsPreview .copy {float:right; width:70%;}
.newsStory .image {width:65%;}
  }


/*#Service Section#*/
#services {float:left; width:100%;}
.serviceContent {float:left; width:100%; }
.serviceContent .copy {display:none; margin-bottom:0px;}
.serviceContent .copy.active {display:block;}
.serviceLinks {float:left; width:125%; margin-left:-12.5%; margin-bottom:40px; clear:left;}
.serviceLinks a {cursor:pointer; float:left; display:inline-block; width:100%; height:60px; line-height:60px; background-color:#7fa53e; color:#fff; font-size:15px; padding:0px 0px 0 calc(10%+50px); background-size:auto 32px; background-position:left 10% top 11px; margin-bottom:3px;}
.serviceLinks a:hover, .serviceLinks a.active {background-color:#ab2b75;}
.serviceBlock {float:left; width:100%;}

@media only screen and (min-width: 768px) {
.serviceBlock {border-top:1px solid #6f6f6e; margin-top:0px; padding-top:60px; width:100%; float:left; }
.serviceBlock.noLine {border-top:0px; padding-top:30px; margin-bottom:60px; margin-top:-30px;}
.serviceLinks {float:left; width:100%; margin-left:0px;}
.serviceLinks a {width:30%; margin-left:5%; height:175px; padding:90px 30px 0 30px; line-height:1.3em; font-size:18px; background-size:auto; background-position:30px 20px; margin-bottom:30px; }
.serviceLinks a:nth-child(3n+1) {clear:left; margin-left:0%; }
.serviceContent.process {float:left; width:47.5%;}
.serviceLinks.process {float:right; width:47.5%;}
.serviceLinks.process a {width:100%; margin-left:0px; height:auto; padding:25px 20px 25px 120px; background-position:30px center;}
  }

@media only screen and (min-width: 1024px) {
.serviceContent {float:left; width:47.5%;}
.serviceLinks {float:right; width:47.5%; margin-left:0px; margin-bottom:0px;}
.serviceLinks a {width:45%; margin-left:0;}
.serviceLinks a:nth-child(3n+1) {clear:none; margin-left:0; }
.serviceLinks a:nth-child(2n+1) {clear:left; margin-right:10%; }
  }



/*#Expert Section#*/
.expertDesktop {display:none;}
.expertContent {float:left; width:100%; }
.expertMobile {float:left; width:100%; position:relative;}
.expertMobile .cycle-slideshow {float:left; width:100%;}
.expertMobile .image {width:260px; background-size:260px auto; background-position:left center; height:165px; margin-bottom:40px;}
.expertMobile .prevNext {width:320px; margin-left:-30px; position:absolute; z-index:150; top:67px;}
.expertMobile .prevNext span#prev {cursor:pointer; display:block; width:30px; height:30px; background-image:url(/wp-content/themes/easton/assets/prev.png); background-size:cover; float:left;}
.expertMobile .prevNext span#next {cursor:pointer; display:block; width:30px; height:30px; background-image:url(/wp-content/themes/easton/assets/next.png); background-size:cover; float:right;}

@media only screen and (min-width: 768px) {
.expertMobile {display:none;}
.expertDesktop {display:block;}
.expertContent .copy {display:none; margin-bottom:0px;}
.expertContent .copy.active {display:block;}
.expertLinks {float:left; width:100%; clear:left;}
.expertLinks .imageHolder {width:100%; height:140px; overflow:hidden; display:block; }
.expertLinks .imageHolder:hover span, .expertMobile .imageHolder:focus span {transform: scale(1.15); transition: all 1.5s;}
.expertLinks a {cursor:pointer; float:left; width:30%; margin-left:5%; height:220px; line-height:1.4em; font-size:20px;  margin-bottom:30px; }
.expertLinks a span.image:before {content:''; width:100%; height:140px; background-color:rgba(127,165,62,0.5);  display: block;}
.expertLinks a.active span.image:before {background-color:transparent;}
.expertLinks a span.image {height:140px; width:100%; display:block; background-size:cover; background-clip:content-box; background-position:top center;transform: scale(1); transition: all 1.5s;}
.expertLinks a span.text strong {font-size:20px;}
.expertLinks a span.text {display:inline-block; padding-top:20px; font-size:17px; line-height:1.3em;}
.expertLinks a:nth-child(3n+1) {clear:left; margin-left:0%; }
  }

@media only screen and (min-width: 1024px) {
.expertContent {float:left; width:47.5%;}
.expertLinks {float:right; width:47.5%; margin-left:0px; margin-bottom:0px;}
.expertLinks a {width:45%; margin-left:0;}
.expertLinks a:nth-child(3n+1) {clear:none; margin-left:0; }
.expertLinks a:nth-child(2n+1) {clear:left; margin-right:10%; }
  }


/*#About Us#*/

.staffPreviews {float:left; width:100%; margin-bottom:80px;}
.staffPreviews:last-child {margin-bottom:0px;}
.staffPreview {margin-left:32px; float:left; width:256px;  height:210px; background-size:cover; background-position:center -15px; color:#fff; position:relative; }
.staffPreview span {display:block; width:100%; padding:15px; background-color:#7fa53e; position:absolute; bottom:0px; left:0px; font-size:14px; transition:background-color .4s ease-in;}
.staffPreview span strong {font-size:20px;}
.staffPreview:hover span {background-color:#ab2b75; transition:background-color .4s ease-in;}
.prevNext {width:320px; margin-left:0px; height:30px; position:absolute; top:90px;}
.staffPreviews .prevNext span.prev {cursor:pointer; display:block; width:30px; height:30px; background-image:url(/wp-content/themes/easton/assets/prev.png); background-size:cover; float:left;}
.staffPreviews .prevNext span.next {cursor:pointer; display:block; width:30px; height:30px; background-image:url(/wp-content/themes/easton/assets/next.png); background-size:cover; float:right;}


@media only screen and (min-width: 768px) {
.staffPreviews .prevNext {display:none;}
.staffPreviews {margin-bottom:80px;}
.staffPreview {width:30%; margin-left:5%; margin-bottom:30px;}
.staffPreview:nth-child(3n+1) {margin-left:0; clear:left;}
section#team.grey:before {content:''; display:block; background-color:#dcdcdb; width:60%; height:90px; position:absolute; top:-90px;}
section#team.grey:after {content:''; display:block; background-color:#dcdcdb; width:40%; height:90px; position:absolute; left:60%; bottom:-90px;}
  }

@media only screen and (min-width: 1024px) {
.staffPreview {float:left; width:22%; margin-left:4%;}
.staffPreview:nth-child(3n+1) {margin-left:4%; clear:none;}
.staffPreview:nth-child(4n+1) {margin-left:0; clear:left;}
}

/*#Staff#*/
.staff {float:left; width:100%; position:relative; margin-bottom:40px;}
.staff .image {float:left; width:100%; padding-top:100%; background-size:cover; background-position:center center; margin-bottom:20px;}
.staff .copy h2 {text-transform:none;}
.staff a.cv {display:block; width:100%; color:#fff; background-color:#7fa53e; padding:20px; text-align:center; font-size:15px; font-weight:bold; background-image:url(/wp-content/themes/easton/assets/cv.png), url(/wp-content/themes/easton/assets/download.png);
background-position:center left 20px, center right 20px;}
.staff a.cv:hover {background-color:#ab2b75;}
.staff .columns big {font-size:17px; color:#7fa53e; line-height:1.4em;}

@media only screen and (min-width: 768px) {
.staff .image {width:47.5%; height:335px; padding:0px; margin-bottom:80px;}
.staffRight {float:right; width:47.5%;}
.staff a.cv {margin-top:250px; padding:30px 30px 30px 80px; text-align:left; transition:0.4s ease-in; font-size:20px; background-image:url(/wp-content/themes/easton/assets/cv2.png), url(/wp-content/themes/easton/assets/download.png); background-position:top 25px left 30px, bottom 38px right 30px;}
.staff a.cv:hover {background-position:top 25px left 30px, bottom 28px right 30px; transition:0.4s ease-in;}
.staff .columns big {font-size:20px;}
}

@media only screen and (min-width: 1024px) {
.staff .image { height:400px}
.staff a.cv {width:60%; margin-top:316px;}
.staff .columns {column-count: 2; column-gap:80px;}
.staff .columns big {font-size:22px;}
}

/*#Resume#*/
#resumeYears a {display:block; padding:20px; margin:0 0 20px 5%; color:#fff; background-color:#7fa53e; float:left; width:47.5%;}
#resumeYears a:nth-child(2n+1) {margin-left:0%; clear:left;}
#resumeYears a:hover, #resumeYears a.active {background-color:#ab2b75;}
.resumeText {display:none;}
.resumeText.active {display:block;}
.resumeText h2 {text-transform:none; font-size:24px;}

@media only screen and (min-width: 1024px) {
#resumeYears a {width:22%; margin:0 0 20px 4%;}
#resumeYears a:nth-child(2n+1) {margin-left:4%; clear:none;}
#resumeYears a:nth-child(4n+1) {margin-left:0; clear:left;}
.resumeText {width:74%; float:right;}
}

#print {float:left; width:720px; visibility:hidden; height:20px; margin-left: 50px; margin-right: 50px;}
#print img.logo {width: 720px; }
#print .cvImage img {width:400px; }
#print .cvText {}
#print h1 {font-weight:normal; margin-bottom: 10px;  font-size: 24px;  font-family: 'Montserrat', sans-serif; border-bottom: 1px solid #6f6f6e; padding-bottom:15px; margin-top:25px; margin-bottom:25px; color: #7fa53e;}
#print h2 {font-weight:normal; margin-bottom: 10px;  font-size: 20px;  font-family: 'Montserrat', sans-serif; border-bottom: 1px solid #6f6f6e; padding-bottom:15px; margin-top:25px; margin-bottom:25px; color: #7fa53e;}
#print p {margin-bottom: 20px;  font-size: 13px; font-family: 'Montserrat', sans-serif; line-height: 1.4em; color: #4e4948;} 
#print p.green, #print p big {color: #7fa53e; font-size:18px; line-height: 1.4em;}
#print ul {font-size:20px; margin-bottom:20px; margin-left:-20px;}
#print ul li {background-image:url(/wp-content/themes/easton/assets/bullet.png); background-position:left top 3px;  margin-bottom:5px; padding-left:25px; font-size:13px;}
#print p a {color:#7fa53e; font-weight:bold;}
#print footer {margin-left:50px; background-color: #fff; border-top: 0px;  padding: 0; float:none;  }
#print footer p {color: #4e4948; font-size: 14px; font-family: 'Montserrat', sans-serif; line-height: 30px; padding:0px; margin:-10px 0 0 100px; text-transform:none; font-weight:normal;}

/*#Gallery#*/

.gallery {float:left; width:100%; margin:100px 0; max-width:850px;}
.gallerySlide {width:100%; white-space:normal;}
.gallerySlide .galLeft {float:left; width:100%;}
.gallerySlide .galLeft .image {width:100%; float:left; background-size:cover; background-position:center center; height:240px;}
.gallerySlide .galLeft .copy {padding:50px}
.gallerySlide .galRight {float:left; width:100%;}
.gallerySlide .galRight .image {width:100%; float:left; background-size:cover; background-position:center center; height:240px; }

@media only screen and (min-width: 768px) {
.gallery {margin:0 0 100px 0;}
.gallerySlide .galLeft {width:50%;}
.gallerySlide .galRight {width:50%; }
.gallerySlide .galRight .image {margin-top:240px;}
.galleryPager {float:left; position:absolute; width:111.1111%; margin-left:-5.5555%; max-width:980px; height:40px; z-index:150; margin-top:220px;}
.galleryPager #galleryPrev {cursor:pointer; float:left; width:30px; height:40px; background-image:url(/wp-content/themes/easton/assets/gallery-prev.png); background-position:center center; background-size:contain;}
.galleryPager #galleryNext {cursor:pointer; float:right; width:30px; height:40px; background-image:url(/wp-content/themes/easton/assets/gallery-next.png); background-position:center center; background-size:contain;}
  }

@media only screen and (min-width: 1024px) {
.gallerySlide .galLeft .image {height:310px;}
.gallerySlide .galRight .image {height:310px; margin-top:310px;}
.galleryPager {margin-top:290px;}
  }

/*#Home Page Map#*/
section#where {margin-top:100px;}
section#where .copy {position:relative; z-index:5;}
section#where .offices {margin-top:620px;}
section#where .offices .office {display:none;}
section#where .offices .office.active {display:block;}
#homeMap {float:left;}
.officeHomeCopy {position:absolute;}
.homeMapOffices {position:absolute; top:-150px; left:0px; width:460px; margin-left:-100px;}
.homeMapOffices img {width:100%;}
.homeMapOffices .pin {cursor:pointer; position:absolute; display:block; width:25px; height:31px; background-image:url(/wp-content/themes/easton/assets/pin-white.png); background-size:contain; margin:-31px 0 0 -13px;}
.homeMapOffices .pin.active {background-image:url(/wp-content/themes/easton/assets/pin-green.png);}
.homeMapOffices .pin1 {left:56.38%; top:71.44%;}
.homeMapOffices .pin2 {left:74.95%; top:81.22%;}
.homeMapOffices .pin3 {left:47.57%; top:84.39%;}
.homeMapOffices .pin4 {left:39.81%; top:82.41%;}
.homeMapOffices .pin5 {left:53.14%; top:77.74%;}
.homeMapOffices .pin6 {left:57.90%; top:87.08%;}
.homeMapOffices .pin7 {left:60.81%; top:81.39%;}
.homeMapOffices .pin8 {left:50.52%; top:81.54%;}
.homeMapOffices .pin9 {left:50.52%; top:61.54%;}

@media only screen and (min-width: 480px) {
.homeMapOffices {margin-left:-50px;}
  }

@media only screen and (min-width: 768px) {
.homeMapOffices {position:absolute; top:-200px; left:-30px; width:460px; margin-left:0px;}
section#where {padding:70px 0 0 0;}
section#where .offices  {float:right; width:30%; margin-top:320px;}
section#where .offices .office {width:100%; margin:0px;}
section#where.grey:before {content:''; display:block; background-color:#dcdcdb; width:60%; height:90px; position:absolute; top:-90px;}
section#where.grey:after {content:''; display:block; background-color:#dcdcdb; width:40%; height:90px; position:absolute; left:60%; bottom:-90px;}
  }

@media only screen and (min-width: 1024px) {
section#who {padding-bottom:0px;}
section#where .copy h2 {padding-left:52.5%;}
section#where.grey:before {width:30%; }
section#where.grey:after {width:52.5%; left:47.5%;}
section#where .offices  {width:47.5%;}
  }


/*#Commercial Services#*/
.serviceAreas {float:left; width:100%; margin-bottom:100px;}
.serviceAreas a.serviceArea {float:left; display:block; width:100%; font-size:20px; padding:20px 0 20px 30px; border-bottom:1px solid #6f6f6e;}
.serviceAreas a.serviceArea.active {color:#7fa53e; background-image:url(/wp-content/themes/easton/assets/arrow-green.png); background-position:left center;}
#serviceAreaLinks {clear:both;}

#serviceAreaLinks .serviceLinks {display:none;}
#serviceAreaLinks .serviceLinks.active {display:block;}

#serviceAreaContent .serviceContent {display:none;}
#serviceAreaContent .serviceContent.active {display:block;}



@media only screen and (max-width: 767px)  {
 #serviceAreaLinks .serviceLink {height:40px; line-height:40px; background-size:auto 18px; padding: 0 0 0 calc(10% + 30px);}
  }


@media only screen and (min-width: 768px) {
.serviceAreas a.serviceArea {width:47.5%; margin-left:5%;}
.serviceAreas a.serviceArea:nth-child(-n+2) {border-top:1px solid #6f6f6e;}
.serviceAreas a.serviceArea:nth-child(2n+1) {clear:left; margin-left:0;}
  }

@media only screen and (min-width: 1024px) {
.serviceAreas a.serviceArea {width:30%; margin-left:5%;}
.serviceAreas a.serviceArea:nth-child(-n+3) {border-top:1px solid #6f6f6e;}
.serviceAreas a.serviceArea:nth-child(2n+1) {clear:none; margin-left:5%;}
.serviceAreas a.serviceArea:nth-child(3n+1) {clear:left; margin-left:0;}
  }
  
@media only screen and (min-width: 1280px) {
.serviceAreas a.serviceArea {width:22%; margin-left:4%;}
.serviceAreas a.serviceArea:nth-child(-n+4) {border-top:1px solid #6f6f6e;}
.serviceAreas a.serviceArea:nth-child(2n+1) {clear:none; margin-left:4%;}
.serviceAreas a.serviceArea:nth-child(3n+1) {clear:none; margin-left:4%;}
.serviceAreas a.serviceArea:nth-child(4n+1) {clear:left; margin-left:0;}
}

/*#Vacancies#*/
.vacancy {float:left; width:100%; border-bottom: 1px solid #6f6f6e;}
.vacancy {float:left; width:100%; border-bottom: 1px solid #6f6f6e; margin-top:50px;}
.vacancy:last-child {border-bottom:0px; }

@media only screen and (min-width: 1024px) {
  .vacancy .right {padding-top:70px;}
  }


/*#Pager#*/

.pager {float:left; width:100%; margin-top:50px;}
.pager li a {float:left; font-size:20px; padding-top:9px; display:block;  width:40px; height:40px; text-align:center; color:#fff; background-color:#7fa53e; margin:0 2px; transition: background-color .4s ease-in;}
.pager li a:hover {background-color: #ab2b75; transition: background-color .4s ease-in;}
.pager li>span {cursor:pointer; float:left; font-size:20px; padding-top:9px; display:block;  width:40px; height:40px; text-align:center; color:#fff; background-color:#ab2b75; margin:0 2px;}
.pager li>span.dots {background-color: #7fa53e; }


/*#Case Studies#*/

.filters {float:left; width:100%; margin-bottom:60px;}
.filters p {float:left; font-weight:bold; display:block; width:100%; margin-bottom:20px;}
.filters .filter {float:left; width:100%;}
.filters .filter select { cursor:pointer; width:100%; background-color:#e9e9ea; padding:10px 15px; text-transform:uppercase; margin-bottom:20px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.grid {float:left; width:100%;}
.filters .filter select:focus-visible {outline:none;}

a.caseStudyPreview {float:left; width:100%; display:block; background-size:cover; height:245px; margin-bottom:40px; background-position:center center; position:relative; overflow:hidden;}
a.caseStudyPreview span {display:block; width:100%; height:245px; padding:30px; background-color:rgba(127,162,65,0.8); color:#fff; font-size:20px; position:absolute; top:245px; transition:top 0.5s ease;}
a.caseStudyPreview:hover span {top:0px; transition:top 0.5s ease;}

@media only screen and (min-width: 768px) {
a.caseStudyPreview {width:45%; margin-right:5%;}
.filters p, .filters .filter {width:30%; margin-right:3.3333%;}
  }

@media only screen and (min-width: 1024px) {
a.caseStudyPreview {width:30%; margin-right:3.3333%;}
  }

.caseStudyLeft {float:left; width:100%; margin-bottom:40px;}
.caseStudyLeft .copy h2 {border:none; margin:0 0 40px 0; padding:0px; text-transform:none; font-size:30px;}
.caseStudyLeft .copy h3 {margin:0 0 10px 0; padding:0px; color:#7fa53e; font-size:20px;}
.caseStudyLeft img {width:100%;}
.caseStudyRight {width:100%;}
.caseStudyRight img {width:100%; margin-bottom:40px;}
.caseStudyBottom {width:100%;}
.caseStudyBottom img {width:100%; margin-bottom:40px;}


@media only screen and (min-width: 768px) {
.caseStudyLeft {float:left; width:65%; }
.caseStudyRight {float:right; width:30%; margin-top:200px; margin-bottom:40px;}
  }

@media only screen and (min-width: 1024px) {
.caseStudyLeft .copy {width:73.08%;}
  
  }
  
  
  

/*#Architecture Section#*/
  
@media only screen and (min-width: 1024px) {
section.architecture {padding-top:200px;}
  }
  
.architecturalStaff {clear:left; width:100%; margin-top:30px; float:left;}
.architectStaff:last-child {margin-bottom:0px;}
.architectStaff {float:left; width:256px;  height:210px; margin-bottom:40px; background-size:cover; background-position:center -15px; color:#fff; position:relative; clear:left; }
.architectStaff span {display:block; width:100%; padding:15px; background-color:#7fa53e; position:absolute; bottom:0px; left:0px; font-size:14px; transition:background-color .4s ease-in;}
.architectStaff span strong {font-size:20px;}
.architectStaff:hover span {background-color:#ab2b75; transition:background-color .4s ease-in;}
.architectStaff.noLink {cursor:default;}
.architectStaff.noLink:hover span {background-color:#7fa53e; transition:none;}

@media only screen and (min-width: 768px) {
.architectStaff {width:47.5%; margin-left:5%; margin-bottom:30px; clear:none; height:250px;}
.architectStaff:nth-of-type(2n+1) {margin-left:0; clear:left;} 
}

@media only screen and (min-width: 1024px) {
.architectStaff {float:left; width:30%; margin-left:5%; height:300px;}
.architectStaff:nth-of-type(2n+1) {margin-left:4%; clear:none;}
.architectStaff:nth-of-type(3n+1) {margin-left:0; clear:left;}
}
 
@media only screen and (max-width: 767px) { 
.serviceLinks.additional {width:100%; margin:0px 0px 40px 0;}
  }

.serviceLinks.additional .serviceLink {line-height:1.4em; width:100%; background-color:transparent; color:#706f6f; position:relative; z-index:5; height:auto; margin:0px; padding:20px 0 20px 70px;  border-top:1px solid #b7b7b7;}
.serviceLinks.additional .serviceLink img {float:left; margin-right:20px; position:absolute; z-index:2; top:15px; left:0px;}
.serviceLinks.additional .serviceLink:after {display:block; position:absolute; content:''; width:50px; height:35px;  z-index:1; background-color:#7fa53e; left:0px; top:15px;}
.serviceLinks.additional .serviceLink:hover:after, .serviceLinks.additional .serviceLink.active:after {background-color:#ab2b75;}


.galleryArchitecture {width:100%; float:left;}
.galleryArchitecture .galleryImage {float:left; width:100%; height:230px; background-size:cover; background-position:center center; margin-bottom:40px; position:relative; overflow:hidden;}
.galleryArchitecture .galleryImage span {display:block; width:100%; height:100%; padding:30px; background-color:rgba(127,162,65,0.8); color:#fff; font-size:18px; position:absolute; top:100%; transition:top 0.5s ease;}
.galleryArchitecture .galleryImage span a {color:#fff; display:inline-block; padding-right:30px; background-image:url(/wp-content/themes/easton/assets/arrow.png); background-position:right center;}
.galleryArchitecture .galleryImage:hover span {top:0px; transition:top 0.5s ease;}

@media only screen and (min-width: 768px) {
.galleryArchitecture .galleryImage {width:47.5%; margin-left:5%;}
.galleryArchitecture .galleryImage:nth-child(2n+1) {margin-left:0%; clear:left;}
}

@media only screen and (min-width: 1024px) {
.galleryArchitecture .galleryImage {margin-bottom:60px; margin-left:0px;}
.galleryArchitecture .galleryImage:nth-child(11n+1) {clear:left; width:65%; margin-right:5%; height:550px;}
.galleryArchitecture .galleryImage:nth-child(11n+2) {clear:none; width:30%; height:245px;}
.galleryArchitecture .galleryImage:nth-child(11n+3) {clear:none; width:30%; height:245px;}
.galleryArchitecture .galleryImage:nth-child(11n+4) {clear:left; width:30%; height:550px; margin-right:5%;}
.galleryArchitecture .galleryImage:nth-child(11n+5) {clear:none; width:30%; height:245px; margin-right:5%;}
.galleryArchitecture .galleryImage:nth-child(11n+6) {clear:none; width:30%; height:245px;}
.galleryArchitecture .galleryImage:nth-child(11n+7) {float:right; clear:none; width:65%; height:550px;}
.galleryArchitecture .galleryImage:nth-child(11n+8) {float:left; clear:none; width:30%; height:245px;}
.galleryArchitecture .galleryImage:nth-child(11n+9) {clear:left; width:30%; height:245px; margin-right:5%;}
.galleryArchitecture .galleryImage:nth-child(11n+10) {clear:none; width:30%; height:245px; margin-right:5%;}
.galleryArchitecture .galleryImage:nth-child(11n+11) {clear:none; width:30%; height:245px;}
.galleryArchitecture .galleryImage .copy {width:100%; height:100%;}
  }
  
.greyCS {background-color:#dcdcdb; margin-top:50px;}

.greyCS .cycle-slideshow {float:left; width:100%; margin-top:-100px;}
.csArchitecture {float:left; width:100%; }
.csArchitecture .image {width:100%; background-size:cover; height:250px; background-position:center center;}
.csArchitecture .copy {padding:40px 40px 0 0; width:100%; float:left;}
.csArchitecture .image2 {display:none;}

@media only screen and (min-width: 768px) {
.csArchitecture .image {width:50%;}
.csArchitecture .copy {width:50%; clear:left;}
.csArchitecture .image {height:350px;}
.csArchitecture .image2 {display:block; width:40%; float:left; background-size:cover; height:250px; background-position:center center;}
  }

@media only screen and (min-width: 1024px) {
.greyCS .cycle-slideshow {float:left; width:100%; margin-top:-150px;}
.csArchitecture {float:left; width:80%; }
  }

.cycle-pager {float:left; clear:both; margin-top:30px;}
.cycle-pager span {cursor:pointer; display: block;  width: 24px; height: 24px;  background-color: #fff; color: #fff; float: left; margin-right: 12px; cursor: pointer;}
.cycle-pager span.cycle-pager-active {background-color: #7fa53e; color: #7fa53e;}


.stage img.imageRight {float:left; max-width:100%; }
.stage img.imageLeft {float:left; max-width:100%;}

@media only screen and (min-width: 1024px) {
.stage img.imageRight {float:right; width:47.5%;}
.stage img.imageLeft {float:left; width:47.5%;}
  }

.stage {margin-bottom:30px; border-top:1px solid #6f6f6e;  padding-top:40px; margin-top:25px; float:left; width:100%;}
.stage.noBorder {border-top:0px; margin-top:0px;}
.stage .copy h3 {color:#7fa53e; font-size:20px; font-weight:bold; }
.stage .copy:first-of-type p {color:#7fa53e; font-size:20px; font-weight:normal; }
.stage .noGreen.copy:first-of-type p {color:#6f6f6e; font-size:16px; font-weight:normal; }
.stage .copy a.unhide {font-weight:bold; font-size:20px; margin:30px 0; background-image:url(/wp-content/themes/easton/assets/unhide.png); padding-left:60px; line-height:50px; display:block;}
.stage .copy a.hide {font-weight:bold; font-size:20px; margin:30px 0; background-image:url(/wp-content/themes/easton/assets/hide.png); padding-left:60px; line-height:50px; display:block;}

@media only screen and (min-width: 1024px) {
.stage .copy a.unhide {margin:50px 0;}
.stage .copy a.hide {margin:50px 0;}
  }



.hidden {display:none; margin-bottom:30px;  }




/*#Quote Engine#*/

input[type=checkbox] {border:1px solid black; width:15px; height:15px; border-radius:2px;}
input[type=checkbox]:checked {background-color:grey;}
#surveyForm #postcode {font-size:30px; color:#585451; margin:15px 0;  font-family: 'Montserrat', sans-serif; float:left; width:100%; display:inline-block;}
#surveyForm {margin-bottom:200px; float:left; width:100%; }
#surveyForm h3 {color:#7fa53e; margin-top:50px; float:left; width:100%; }
#surveyForm p {color:#7fa53e; float:left; width:60%; color:#7fa53e;}
#surveyForm .spacer3 {float:left; width:30%; margin-right:5%;}
#surveyForm .spacer3:last-child {margin-right:0;}
#surveyForm .spacer3 input {float:left; width:100%; background-color:#e9e9ea; padding:12px 20px; font-size:15px;}
#surveyForm .spacer3 select {float:left; width:100%; background-color:#e9e9ea; padding:12px 20px;  font-size:15px;}
#surveyForm .spacerCheck {float:left; width:100%; margin-top:30px;}
#surveyForm .spacerCheck label {float:left; margin-right:30px;}
#surveyForm .spacerCheck input[type=radio] {float:left; margin-right:10px; width: 20px; height: 20px; background-color: #e9e9ea; cursor:pointer;}
#surveyForm .spacerCheck input[type="radio"]:checked {width:20px; height:20px; border:4px solid #e9e9ea; background-color:#7fa53e;}
#surveyForm .spacer2 {float:left; width:47.5%; margin-right:5%; margin-bottom:20px;}
#surveyForm .spacer2:nth-child(even) {margin-right:0;}
#surveyForm .spacer2 input {float:left; width:100%; background-color:#e9e9ea; padding:12px 20px; font-size:15px;}
#surveyForm #surveySelect {display:none;}
#surveyForm #surveyTypes {float:left; width:100%; margin:30px 0 60px 0;}
#surveyForm #surveyTypes .surveyType {float:left; display:block; width:30%; margin-right:5%; padding:20px; background-color:#e9e9ea; position:relative;}
#surveyForm #surveyTypes .surveyType:nth-child(3) {margin-right:0;}
#surveyForm #surveyTypes .surveyType h3 {font-size:25px; margin:0 0 20px 0px;}
#surveyForm #surveyTypes .surveyType p {color:#000; font-size:20px; width:100%; margin:0 0 20px 0px;}
#surveyForm #surveyTypes .surveyType a {float:left; clear:both; width:31px; height:31px; display:block; background-image:url(/wp-content/themes/easton/assets/info.png); background-size:contain;}
#surveyForm #surveyTypes .surveyType a:hover {background-image:url(/wp-content/themes/easton/assets/info-hover.png);}
#surveyForm #surveyTypes .surveyType span {display:block; color:#7fa53e; font-size:35px; font-weight:regular; margin-bottom:20px;}
#surveyForm #surveyTypes input[type=radio] {height:40px; float:left; margin-left:5%; width: 30%; background-color: #6a6a69; cursor:pointer; position:relative;}
#surveyForm #surveyTypes input[type=radio]:first-child {margin-left:0px;}
#surveyForm #surveyTypes input[type=radio]:checked {background-color:#7fa53e !important; }
#surveyForm #surveyTypes input[type=radio]:before {display:block; content:'SELECT'; color:#fff; font-size:15px; font-weight:bold; position:absolute; top:10px; left:20px;}
#surveyForm #surveyTypes .Error input[type=radio] {background-color:red;}
#surveyForm #surveyTypes label {display:none;}
#surveyForm #surveyTypes .info {display:none; z-index:20; position:absolute; background-color:#fff; padding:20px; width:400px; top:100px; left:70px; box-shadow:3px 3px 10px rgba(0,0,0,0.2);}
#surveyForm #surveyTypes .info p {font-size:15px; color:#585451;}
#surveyForm input[type=submit] {float:left; clear:both;}

/*#Party Wall v2#*/
.divider {border-top:1px solid #6f6f6e; margin-top:30px; margin-bottom:30px; float:left; width:100%; display:block;}
.partyWallImage {float:left; width:100%; margin-bottom:50px; margin-top: -150px;}
.partyWallImage img {max-width:100%;}
.grey.partyWall {padding-bottom:150px;}

@media only screen and (min-width: 768px) {
.partyWallImage {margin-top:-250px;}
}

@media only screen and (min-width: 1024px) {
.grey.partyWall {padding-bottom:100px;}
}


/*#Landing Page - Commercial Surveying#*/
.landingCaseStudies {float:left; width:100%;}
.landingCaseStudies .cycle-pager span { background-color:#dfdfdf; color:#dfdfdf;}
.landingCaseStudies span.cycle-pager-active {background-color: #7fa53e; color: #7fa53e;}

a.landingAnchor {position: absolute; bottom: 20px;background-image:url(/wp-content/themes/easton/assets/arrow.png);transition:background-position .4s ease-in, background-color .4s ease-in;; background-position: center right 25px; background-color:#7fa53e; padding:10px 45px 10px 15px; color:#fff; font-weight:bold; display:inline-block; font-size:16px;}
a.landingAnchor:hover {background-color:#ab2b75;  background-position:center right 15px; cursor:pointer;transition:background-position .4s ease-in, background-color .4s ease-in;}

#commercialForm {display:none; float:right; width:90%; background-color: rgba(127, 165, 62, .8); margin-top:20px; padding:15px 20px;font-family: 'Montserrat', sans-serif; color: #706f6f; font-weight: normal; font-size:14px;}
#commercialForm h3 {color:#fff; font-size:24px; margin-bottom:20px; font-weight:bold;}
#commercialForm p {color:#fff; font-size:20px; margin-bottom:20px;}
#commercialForm input[type=text] {border-radius:0px; border:0px; background-color:#e9e9ea;}
#commercialForm input[type=email] {border-radius:0px; border:0px; background-color:#e9e9ea;}
#commercialForm input[type=tel] {border-radius:0px; border:0px; background-color:#e9e9ea;}
#commercialForm .wpforms-field {padding:0px; margin-bottom:20px;}
#commercialForm .wpforms-field.wpforms-field-layout {margin-bottom:0px;}
#commercialForm button[type=submit] {background-image:url(/wp-content/themes/easton/assets/arrow.png);transition:background-position .4s ease-in, background-color .4s ease-in;; background-position: center right 25px; background-color:#ab2b75; padding:10px 45px 10px 15px; color:#fff; font-weight:bold; display:inline-block; font-size:16px; background-repeat:no-repeat; border-radius:0px;}
#wpforms-2226 {margin:0px;}
#commercialForm button[type=submit]:hover {background-color:#666;  background-position:center right 15px; cursor:pointer;transition:background-position .4s ease-in, background-color .4s ease-in;}



@media only screen and (min-width: 768px) {
a.landingAnchor {display:none;}
#commercialForm {display:block; width:90%;  }
  }
@media only screen and (min-width: 1024px) {
#commercialForm {display:block; width:70%;  }
  }
@media only screen and (min-width: 1280px) {
#commercialForm {width:50%; margin-top:120px; }
  }



/*#Landing Page -Loft Conversions#*/
.faq {float:left; width:100%; border-bottom:1px solid #6f6f6e;}
.faq .question {background-image:url(/wp-content/themes/easton/assets/faq-down.png); background-position: right top 20px; padding:20px 0;}
.faq .question h4 {cursor:pointer; font-size:18px; color:#7fa53e; padding-right:60px;}
.faq .question h4:hover {color:#ab2b75;}
.faq .question.down {background-image:url(/wp-content/themes/easton/assets/faq-up.png);}
.faq .question.down h4 {color:#ab2b75;}
.faq .answer {display:none; width:85%;}

.testimonials {background-color:#dcdcdb; margin-bottom:50px;}
.testimonial {width:100%;}
.testimonials .cycle-slideshow {float:left; width:100%;}
.testimonialLarge.copy p {font-size:20px; font-style:italic; font-weight:300}
.testimonialLarge.copy p strong {font-style:normal;}
.testimonialLarge {background-image:url(/wp-content/themes/easton/assets/quote.png); backgorund-position:top left; padding-left:65px;}

@media only screen and (min-width: 768px) {
.testimonialLarge.copy p {font-size:24px;}
  }
@media only screen and (min-width: 1024px) {
.faq {width:75%;}
.faq .question h4 {font-size:25px;}
.testimonial {width:75%;}
  }
@media only screen and (min-width: 1280px) {
  }

a.serviceLinkLoft, a.serviceLinkLoft.active, a.serviceLinkLoft:hover {background-color:#fff;}
a.serviceLinkLoft {color:#7fa53e;  height:60px; line-height:22px; padding-top:15px;}
a.serviceLinkLoft.active {font-weight:bold;}


@media only screen and (min-width: 768px) {
a.serviceLinkLoft {height:200px;  padding:140px 30px 0 0; background-position:top left;}
  }
@media only screen and (min-width: 1024px) {
  }
@media only screen and (min-width: 1280px) {
  }



/*#V2 - Building Surveying#*/
.servicesV2 {float:left; width:100%; margin:50px 0;}
.serviceV2 {float:left; width:100%; margin-bottom:70px;}
.serviceV2 img {margin-bottom:15px;}
.serviceV2 h4 {color:#7fa53e; font-weight:bold; font-size:20px; margin-bottom:15px;}

@media only screen and (min-width: 768px) {
.servicesV2 {display:flex; flex-wrap:wrap;}
.serviceV2 {width:47.5%; margin:0 0 70px 5%;}
.serviceV2:nth-child(2n+1) {clear:left; margin: 0 0 70px 0;}
  }

@media only screen and (min-width: 1024px) {
.serviceV2 {width:30%; margin:0 0 70px 5%;}
.serviceV2:nth-child(2n+1) {clear:none; margin: 0 0 70px 5%;}
.serviceV2:nth-child(3n+1) {clear:left; margin: 0 0 70px 0;}
  }

@media only screen and (min-width: 1280px) {
.servicesV2 {width:75%; float:right; }
.serviceV2:nth-child(3n+1) {clear:none; margin: 0 0 70px 0%;}
.serviceV2:nth-child(3n+3) {clear:left; margin: 0 0 70px 5%;}
}

.staffPreviews .cycle-slideshow {float:left; width:100%;}
.staffPreviews .cycle-carousel-wrap {float:left; width:100%;}
.staffPreviewV2 {width:100%; vertical-align:top;}
.staffPreviewV2 a {float:left; width:100%; height:300px; background-size:cover; background-position:center -15px; color:#fff; position:relative; margin-bottom:20px;  }
.staffPreviewV2 a span {display:block; width:100%; padding:15px; background-color:#7fa53e; position:absolute; bottom:0px; left:0px; font-size:14px; transition:background-color .4s ease-in;}
.staffPreviewV2 a span strong {font-size:20px;}
.staffPreviewV2:hover a span {background-color:#ab2b75; transition:background-color .4s ease-in;}
.staffPreviewV2 p {white-space:wrap; margin-left:15px;}

.prevNextV2 {width:60px; margin-left:0px; height:30px;  float:left; margin-bottom:15px; clear:left;}
.prevNextV2 span.prev {cursor:pointer; display:block; width:30px; height:30px; background-image:url(/wp-content/themes/easton/assets/prev.png); background-size:cover; float:left;}
.prevNextV2 span.next {cursor:pointer; display:block; width:30px; height:30px; background-image:url(/wp-content/themes/easton/assets/next.png); background-size:cover; float:right;}

@media only screen and (min-width: 768px) {
.staffPreviewV2 {width:47.5%; margin-right:5%; }
.staffPreviewV2 p {width:80%;  margin-left:5%;}
  }

@media only screen and (min-width: 1024px) {
.staffPreviewV2 {width:30%; margin-right:5%;}
.staffPreviewV2 p {width:80%;}
  }




/*#FAQs Open#*/
.faqOpen {float:left; width:100%; border-bottom:1px solid #6f6f6e; position:relative;}
.faqOpen .question {padding:20px 0;}
.faqOpen .question h4 {font-size:18px; color:#7fa53e; padding-right:60px;}
.faqOpen .answer {width:85%;}
.faqOpen a.faqReturn {background-image:url(/wp-content/themes/easton/assets/faq-up.png); width:30px; height:30px; display:block; position:absolute; bottom:20px; right:0px; background-size:contain; }

.faqList {margin-bottom:60px;}
.faqList a {clear:left; width:100%; display:block; float:left; font-size:18px; color:#7fa53e; border-bottom:1px solid #6f6f6e; padding:20px 80px 20px 0;  background-image:url(/wp-content/themes/easton/assets/faq-down.png); background-position: right top 20px;}
.faqList a:hover {color:#ab2b75;}


@media only screen and (min-width: 768px) {
  }
@media only screen and (min-width: 1024px) {
.faqOpen {width:75%;}
.faqOpen .question h4 {font-size:25px;}
.faqList {width:75%;}
.faqList a {font-size:25px;}
  }


/*#Careers V2#*/

#socialImages {float:left; width:100%;}
#socialImages .cycle-slideshow {float:left; width:100%;}
#socialImages .cycle-carousel-wrap {float:left; width:100%;}
#socialImages .cycle-pager-active {background-color:#6f6f6e; color:#6f6f6e;}

.socialPreview {width:100%; display:block; background-size:cover; height:245px; margin-bottom:40px; background-position:center center; position:relative; overflow:hidden; white-space:normal; }
.socialPreview span {display:block; width:100%; height:245px; padding:30px; background-color:rgba(171,43,117,0.8); color:#fff; font-size:20px; position:relative; top:245px; transition:top 0.5s ease;}
.socialPreview:hover span {top:0px; transition:top 0.5s ease;}
img.ourValues {max-width:100%;}

@media only screen and (min-width: 768px) {
img.ourValues {margin-bottom:-120px;}
.socialPreview {width:45%; margin-right:10%;}
  }

@media only screen and (min-width: 1024px) {
.socialPreview {width:30%; margin-right:5%;}
    }

.experiencePreview {float:left; width:100%; margin-top:40px;}
.experiencePreviewLeft {float:left; width:100%;}
.experiencePreviewRight {float:right; width:100%;}
.experiencePreviewLeft p {color:#7fa53e; margin-bottom:30px; width:100%; float:left; }
.experiencePreviewImage {float:left; width:100%; background-size:cover; background-position:center center; margin-bottom:30px; padding-top:60%;}
.copy.experienceCopy h4 {margin-bottom:0px; color:#7fa53e; font-size:20px; font-weight:700;}
.copy.experienceCopy p {font-size:25px; font-weight:normal; margin-bottom:10px;}

img.experienceImage {margin:0 0 20px 0;}

@media only screen and (min-width: 640px) {
.experiencePreview {width:75%;}  
  }

@media only screen and (min-width: 1024px) {
  #experiences {margin-top:-175px;}
img.experienceImage {margin-top:-200px; }
.experiencePreview {width:100%;} 
.experiencePreviewLeft {width:45%; margin-top:0px;}
.experiencePreviewRight {width:45%; margin-top:175px;}
.experiencePreviewLeft p {font-size:25px;}
.experiencePreviewRight p {font-size:20px;}
.experiencePreviewImage {width:400px;}
  }

.cycle-pager-2 {float:left; clear:both; margin-top:30px;}
.cycle-pager-2 span {cursor:pointer; display: block;  width: 24px; height: 24px;  background-color: #fff; color: #fff; float: left; margin-right: 12px; cursor: pointer;}
.cycle-pager-2 span.cycle-pager-active {background-color: #7fa53e; color: #7fa53e;}

/*#Home Page V2#*/

.csHomePage {float:left; width:100%; margin-bottom:60px;}
.csHomePage .image {float:left; width:100%; background-position:center center; background-size:cover; height:250px; margin-bottom:20px;}
.csHomePage .copy {float:left; width:100%;}
.csHomePage .copy h4 {font-size:20px; font-weight:700;}

@media only screen and (min-width: 768px) {
#csHomePage {margin-top:-150px; float:left; width:100%;}
.csHomePage {width:47.5%; margin-left:5%;}
.csHomePage:nth-child(2n+1) {clear:left; margin-left:0;}
.csHomePage .image {margin-bottom:30px;}
  }

@media only screen and (min-width: 1024px) {
.csHomePage {width:30%; margin-left:5%;}
.csHomePage:nth-child(2n+1) {clear:none; margin-left:5%;}
.csHomePage:nth-child(3n+1) {clear:left; margin-left:0;}
.csHomePage .image {margin-bottom:50px;}
  }




.accessStep {float:left; width:100%; border-top:1px solid #6f6f6e; margin:20px 0; padding:20px 0 0 0;}
.accessStep .copy h3 {color:#7fa53e; font-weight:normal; line-height:1.4em;}
.accessStep .copy.left p:first-of-type {color:#7fa53e; font-size:20px; font-weight:normal; }
.accessStep img {float:right; width:100%;}

@media only screen and (min-width: 768px) {
.accessStep img {float:right; width:50%;}
.accessStep .copy.right {width:47.5%; float:left;}
  }
  
@media only screen and (min-width: 1024px) {
.accessStep .copy.right {float:right;}
.accessStep img {float:right; width:47.5%; margin-top:20px;}
.accessStep {margin:40px 0; padding:30px 0 0 0;}
  }



/*#Commercial Valuations#*/
.sectorImages {float:left; width:100%; margin-top:40px;}
.sectorImage {float:left; width:100%; height:250px; background-size:cover; background-position:center center; margin-bottom:30px; position:relative; cursor:pointer;}
.sectorImage p {display:none;}
.sectorImage:hover p {display:block; width:100%; height:250px; color:#fff; font-size:18px; padding:30px; position:relative; z-index:2;}
.sectorImage:hover:after {display:block; width:100%; height:250px; content:''; background-color:rgba(127,165,62,0.8); mix-blend-mode:multiply; position:absolute; top:0px; left:0px;}

@media only screen and (min-width: 768px) {
.sectorImage {width:47.5%; margin-left:5%; margin-bottom:5%;}
.sectorImage:nth-child(2n+1) {margin-left:0; clear:left;}
  }
  
@media only screen and (min-width: 1024px) {
.sectorImage {width:31%;  margin-left:3.5%; margin-bottom:3.5%;}
.sectorImage:nth-child(2n+1) {margin-left:3.5%; clear:none;}
.sectorImage:nth-child(3n+1) {margin-left:0; clear:left;}
  }




/*#Sticky Nav#*/
#container>#sticky {display:none; position:fixed; background-color:#7fa53e; width:100%; height:50px; z-index:1000;}
#container>#sticky a.logo {display:none;}
#container>#sticky .content>p {color:#fff; display:none;}
#container>#sticky a.phone {font-size:12px; font-weight:500; color:#fff; float:left;  background-size:15px auto; line-height: 50px;}
#container>#sticky span {cursor:pointer; position:relative; font-size:12px; font-weight:500; color:#fff;  background-size:20px auto; float:right; padding:0 12px 0 0; line-height: 50px; }
#container>#sticky span::after {position:absolute; right:0px; top:21px; display:block; content:''; background-image:url(/wp-content/themes/easton/assets/callback-arrow.png); background-size:contain; width:10px; height:8px;}
#container>#sticky span.active::after {transform:rotate(180deg);}

@media only screen and (min-width: 480px) {
#container>#sticky a.phone { background-image:url(/wp-content/themes/easton/assets/phone-icon-sticky.png); background-position:left 17px; padding-left: 20px; }
#container>#sticky span {background-image:url(/wp-content/themes/easton/assets/callback-icon-sticky.png); background-position:left 15px; padding:0 12px 0 25px;}
  
 }

@media only screen and (min-width: 650px) {
#container>#sticky a.logo {display:block; float:left; width:51px; height:35px; margin-top:16px; background-image:url(/wp-content/themes/easton/assets/eb-logo-small-sticky.png); background-size:contain;}
#container>#sticky {height:70px;}
#container>#sticky a.phone {float:right; font-size:15px;  margin:0 40px 0 0; padding-left: 30px; line-height: 70px;  background-size:auto; background-position:left 24px; }
#container>#sticky span {font-size:15px; padding:0 20px 0 35px; line-height: 70px;  background-size:auto; background-position:left 24px; margin-right:25px;}
#container>#sticky span::after {width:12px; height:10px; top:30px;}
}

@media only screen and (min-width: 768px) {
#container>#sticky a.logo {display:block; float:left; width:139px; height:35px; margin-top:16px; background-image:url(/wp-content/themes/easton/assets/eb-logo-sticky.png); background-size:contain;}
#container>#sticky span {margin-right:100px;}
#container>#sticky a.phone {margin-right:50px;}
}

@media only screen and (min-width: 1280px) {
#container>#sticky .content>p {display:block; float:right; margin:25px 40px 0 0px;}
}

#callbackForm {display:none; background-color:#7fa53e; padding:0px 15px 15px 15px; width:280px; position:fixed; top:50px; right:0px; font-family: 'Montserrat', sans-serif;}
#callbackForm p {color:#fff; font-size:10px; margin-bottom:5px; float:left; width:100%;}
#callbackForm p:first-of-type {font-size:13px;}
#callbackForm input[type=text] {width:100%; padding:10px 10px; font-size:13px; border-radius:0px; border:0px;}
#callbackForm input[type=email] {width:100%; padding:10px 10px; font-size:13px; border-radius:0px; border:0px;}
#callbackForm input[type=tel] {width:100%; padding:10px 10px; font-size:13px; border-radius:0px; border:0px;}
#callbackForm button[type=submit] {background-color:#ab2b75;}
#callbackForm .wpforms-field {padding:0 0 10px 0;}
#callbackForm .wpforms-container {padding:0px; margin:0px;}

@media only screen and (min-width: 650px) {
#callbackForm {top:70px; width:320px; position:absolute; }
#callbackForm p {font-size:12px; margin:10px 0;}
#callbackForm p:first-of-type {font-size:15px;}
  }



/*#NEW ARCHITECTURE SECTION 2025#*/
#adCTA {background-image:url("/wp-content/themes/easton/assets/architecture-cta.jpg"); background-size:cover; padding:100px 0;}
section.green.adServices {margin:60px 0 0 0;}
section.testimonials.adServices {margin:60px 0 0 0 ;}

@media only screen and (min-width: 768px) {
section.testimonials.adServices {margin:150px 0 120px 0;}
}