/*Appointment Request Form*/
.styled-form { margin: 30px auto; font-size: 16px; }
.styled-form [class^="btn"] { margin-left: 0; }
.styled-form .drei { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: row wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; }
.styled-form .drei + .drei { margin-top: 5px; }
.styled-form .input-content, .styled-form .inline { width: calc(100% / 3 - 5px); min-height: 60px; }
.styled-form .inline, .input-content { background-color: #545454; }
.input__label-content strong, .input__label-content strong a { color: #fff; }
.input-content, .styled-form .inline label, .styled-form .inline, .input--filled .input__label .input__label-content strong, .input--filled .input__label .input__label-content a { color: #fff !important; }
.styled-form .drei:first-of-type { line-height: 1 !important; }
.styled-form .inline { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 16px; }
.styled-form .inline span input { margin-right: 4px; }
.styled-form .inline span { display: block; line-height: 1.4; }
.styled-form .hear { margin: 5px 0; }
.styled-form .hear label { display: inline-block; margin-right: 8px; }
.styled-form .inline.wide { width: calc(100% / 1.5 - 3px); }
.input-content { position: relative; z-index: 1; overflow: hidden; }
.input__field { -webkit-appearance: none; position: absolute; z-index: 2; display: block; float: right; border: none; border-radius: 0; padding: 0 14px; margin-top: 1.2em; height: 40px; width: 100%; background: transparent; color: #fff; }
.input__field { outline: none; }
.styled-form *:focus { outline-color: #22898c; outline-style: ridge; outline-width: thin; }
.input__label { display: inline-block; padding: 0; width: 100%; background: transparent; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.input__label::before { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px solid transparent; -webkit-transition: border-width 0.3s, border-color 0.3s; transition: border-width 0.3s, border-color 0.3s; }
.input__label-content { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; width: 100%; padding: 1.1em 1em; text-rendering: geometricPrecision; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -webkit-transition: color 0.3s, -webkit-transform 0.3s; transition: color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s; }
.input__label-content strong { float: right; font-weight: 300; }
.input__field + .input__label::before, .input--filled .input__label::before { border-width: .2em 0 0; border-color: #22898c; border-top-width: 1.5em; }
.input__field + .input__label .input__label-content, .input--filled .input__label .input__label-content { color: #fff; font-size: 16px; padding: .85em .5em; -webkit-transform: translate3d(0, -0.65em, 0); transform: translate3d(0, -0.65em, 0); }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent !important; }
.styled-form .inline textarea { padding: 5px; display: block; width: 100%; height: 80px; font-size: 16px; margin-top: 5px; }
.styled-form .inline textarea { color: #000; padding: 5px; display: block; width: 100%; height: 120px; font-size: 16px; margin-top: 5px; }
.styled-form .inline.wide { width: calc(100% / 1.5 - 3px); }
@media (max-width:800px) {
  .styled-form .input-content, .styled-form .inline { width: 100%; display: block; border-bottom: 1px solid rgba(206, 206, 206, 0.22); }
  .styled-form .input-content + .input-content { margin-top: 5px; }
  .styled-form .inline.wide { width: 100%; margin-top: 5px; }
}
.styled-form select { color: #000; border: 1px solid #545454; padding: 5px; }
.options label { display: block; margin-bottom: 5px; }
.options [type=checkbox], .options [type=radio] { -webkit-appearance: none; position: relative; background-color: #fff; padding: 9px; border-radius: 3px; vertical-align: middle; }
.options [type=radio] { border-radius: 50%; }
.options [type=checkbox]:active, .options [type=checkbox]:checked:active, .options [type=checkbox]:checked, .options [type=radio]:active, .options [type=radio]:checked:active, .options [type=radio]:checked { background-color: #fff; }
.options [type=checkbox]:checked:after, .options [type=radio]:checked:after { font-family: fontello; content: '\e832'; font-size: 13px; position: absolute; top: 2px; left: 2px; color: #22898c; }
.options [type=radio]:checked:after { content: ''; width: 14px; height: 14px; background-color: #22898c; border-radius: 50%; }

/* emergency icons */

/***** Remove the class="off" from the leanModal link in the html to activate the link/connect to its pop-up *****/

.off { pointer-events: none; }
.service-icons { display: flex; justify-content: center; text-align: center; flex-wrap: wrap; margin: 20px auto; }
.service-icons h3 { margin: 5px auto; font-size: 22px; line-height: 1.1; }
.service-icons > * { padding: 5px; flex: 0 1 210px; margin: 10px auto; display: block; }
.service-icons a { color: #2f3437; text-decoration: none; }
.service-icons a:hover .icon .ic-color { fill: #3a97bb; }
.service-icons a:hover h3 { color: #3a97bb; }
.ic-color { fill: tomato; }
.sv-icon { height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.has-h3 { clear: both; display: table; width: 100%; margin: 20px auto; text-align: left; }
.has-h3 h3 { margin: 0 auto 10px; text-align: left; }
@media (max-width:750px) {
  .has-h3, .has-h3 h3 { text-align: center; }
}

/*==================== Modal ================*/
#lean_overlay { padding: 10px; position: fixed; z-index: 1100; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); display: none; overflow: scroll; }
.modal-content.pop { display: none; flex: 0 1 97%; background: rgb(237, 237, 237); max-width: 900px; box-sizing: border-box; position: relative; text-align: center; width: 95%; max-height: calc(100vh - 80px); overflow-y: scroll; margin: auto; padding: 30px; }
.modal-content.pop h3 { text-align: center; font-size: 26px; margin: 15px 0 10px; }
.modal-content.pop .has_btns { display: flex; justify-content: center; flex-wrap: wrap; }
.modal-content.pop .btn { margin: 5px; min-width: auto; }
.modal-content.pop .modal-close { position: absolute; right: 0; top: 0; margin: 5px; z-index: 1002; cursor: pointer; color: tomato; line-height: 1; }
.modal-content.pop .modal-close span { display: none; }
.modal-content.pop .modal-close i { position: relative; color: tomato; font-style: normal; padding-bottom: 4px; }
.modal-content.pop .modal-close i:before { font-size: 40px; content: "Ã?"; }
.modal-content.pop .modal-close:hover i { color: #555; }
.modal-content.pop .has_btns { display: flex; justify-content: center; flex-wrap: wrap; }
.modal-content.pop .buttons { display: flex; flex-wrap: wrap; justify-content: center; }
.modal-content.pop .buttons > p { margin: 5px; }
#index-coupon { position: fixed; bottom: 70px; left: 1pc/*50px*/ ; z-index: 1000 }
#closeBtn { position: absolute; top: 0; right: 0; transform: rotate(45deg); background: none; }

/*# sourceMappingURL=styles-2.css.map */

#finance .assoc.small {
  max-width: 703px;
  margin: 40px auto;
justify-content: center;
  gap: 3pc;

}

@media only screen and (min-width: 1000px) {
nav#main-nav {margin-top:-1.5rem;}
nav#main-nav>ul>li:nth-of-type(3) {margin-right:25%;}
#index-dr-container-1 {position:relative; top:9rem; margin-top:-13rem;}
#index-dr-container-2 {position:relative; top:-11rem;}
#index-dr-container-2 .dr-2 {position:relative; bottom:-2rem; right:-1rem;}
}

.tour-grid {display:flex; gap:2rem;}
.tour-grid .col {flex:1; display:flex; flex-direction:column; gap:2rem;}


@media (max-width: 1024px) {
#banner .caption {padding-top:2rem; position: static; transform: none !important; background-color: #7fb261; max-width: 100%;}
.rev-seal{display: none;}
#expertise{padding: 10px 0;}
#see{padding: 0;}
#see article{padding: 0 10px;}
#expertise .gallery{margin: 30px auto;}
}

@media (max-width: 768px) {
.index-dr{display:none;}
#reviews .rev-bot{display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
}
#finance .assoc.small {
  gap: normal;

}
#desktop-cap {display:none!Important;}
section#meet figure {}
#meet .mb-dr-4 {bottom:-33rem; position:relative; right:-4.5rem;}
#meet .mb-dr-1, #meet .mb-dr-3 {position:relative}
#meet .mb-dr-1>div {position:absolute; left:-5rem; top:7rem; width:163px; height:240px;}
#meet .mb-dr-3>div {position:absolute; top:29rem; left:-5rem;}
#meet {margin-top:-5rem;}
#find iframe{display: none;}
}

@media (max-width: 600px) {
[data-embed] .play {top:66%}
}

@media (max-width: 480px) {
#meet .mobile {}
[data-embed] .play {top:70%}
#meet .mb-dr-3>div {left:-4rem;}
#meet .mb-dr-1>div {left:-4rem;}
section#meet figure {margin-right:0px;}
}

@media (max-width: 412px) {
section#meet figure {margin-right:0px;}
}

@media (max-width: 390px) {
#meet .mb-dr-3>div {left:-3rem;}
#meet .mb-dr-1>div {left:-3rem;}
}

#services-mobile {display:none;}

@media(max-width: 600px) {
.banner-btns {display:none;}
#banner .mobile-banner {position:initial;}
#team .mobile-view, #community .mobile-view {display:none;}
#services {display:none;}
#services-mobile {display:block; text-align:center;}
}

.page_our-attleboro-office .open-modal {position:initial; text-shadow:none; font-size:16px; color:#178240;}
.page_our-attleboro-office .open-modal:hover {color:#fff;}
.container-loc-attleboro {display:flex; justify-content:space-between; max-width:1150px; margin:50px auto;}
.container-loc-attleboro > div {max-width:50%;}
.container-loc-attleboro .attleboro-loc-copy {max-width:50%; margin-left:50px; text-align:center; line-height:1.3;}
.attleboro-loc-info {display:flex; justify-content:space-between; align-items:center; max-width:1150px; margin:50px auto;}
.attleboro-loc-info h3 {color:#5d4f42; font-size:20px; text-transform:uppercase;}
.attleboro-loc-info .attleboro-loc-address {color:#a79177;}
.attleboro-loc-info .attleboro-loc-phone {color:#a79177; font-weight:bold;}
.attleboro-loc-info .attleboro-loc-phone span {color:#3b7d46;}
.attleboro-loc-info .attleboro-loc-email {color:#a79177; font-weight:bold;}
.attleboro-loc-info .attleboro-loc-email span {color:#3b7d46;}

@media(max-width: 800px) {
.container-loc-attleboro {display:flex; justify-content:space-around; max-width:1150px; margin:50px auto; flex-wrap:wrap;}
.container-loc-attleboro > div {max-width:100%;}
.container-loc-attleboro .attleboro-loc-copy {max-width:100%; margin-left:0; text-align:center; line-height:1.3;}
.attleboro-loc-info {display:block; margin:50px;}
}

.elem-left.video-modal.agd {margin-bottom:108px !important}
.video-modal .content {position:relative; display:table; margin:auto;}
.video-modal .assoc-below {margin-top:3px; padding:5px; background-color:#000; bottom:-87px; left:0; right:0;}
.open-modal {position:absolute; display:block; bottom:20px; right:0; text-shadow:0px 0px 8px rgba(0, 0, 0, 0.8); color:#fff; font-size:50px; line-height:1.5; z-index:10;}
body.modal-opened {overflow:hidden}
.modal, .modal.open:after {position:fixed; top:0; left:0; width:100%; height:100%;}
.modal.open:after {background-color:rgba(0, 0, 0, 0.8); z-index:-1; content:""; display:block;}
.modal {max-height:100% !important; max-width:100% !important; z-index:600; display:none; padding:10px; -webkit-flex-flow:column; -ms-flex-flow:column; flex-flow:column; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center}
.modal.open {-js-display:flex; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.modal .figure {width:600px; max-width:100%; text-align:center; margin-top:50px;}
.modal .btn.close {display:table; margin:20px auto;}
.page_meet-our-team a.open-modal {left:0!important; right:-190px;}
.close-modal.active {display:block;}
.close-modal {display:none; background-color:#2c76bc; box-shadow:-2.6px 1.5px 21px rgba(2, 2, 2, 0.7); max-width:596px; width:100%; position:fixed; top:300px; right:50%; transform:translateX(50%); -ms-transform:translateX(50%); z-index:700; text-align:center; color:#fff; font-family:Lato; padding:20px 10px; background-image:url(assets/images/modal-bkg.png); background-repeat:no-repeat; background-position:center;}
.close-modal:after {content:''; pointer-events:none; top:5px; left:5px; right:5px; bottom:5px; border:1px solid rgba(255, 255, 255, .4); position:absolute;}
.close-modal strong {font-size:50px; font-weight:700; display:block;}
.close-modal span {font-size:36px; font-weight:300; font-style:italic; display:block;}
.close-modal p {font-size:18px; font-weight:300; max-width:520px; margin:10px auto;}
.close-modal-btn {position:absolute; right:2%; top:4%;}
body.modal-open {overflow:hidden;}
body.modal-open:after {content:''; z-index:650; position:absolute; width:500%; height:500%; top:0; left:0; background-color:rgba(0, 0, 0, .5);}

@media (max-width:860px) {
.close-modal {top:50px;}
}

.embed-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%;}
.embed-container iframe, .embed-container object, .embed-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.video-initial {display:block; margin:auto; max-height:315px; max-width:560px;}
#index-faq {margin:8rem auto; text-align:center; max-width:1200px; padding: 0 20px;}
.off {pointer-events:none;}
.service-icons {display:flex; justify-content:center; text-align:center; flex-wrap:wrap; margin:20px auto;}
.service-icons h3 {margin:5px auto; font-size:22px; line-height:1.1;}
.service-icons > * {padding:5px; flex:0 1 180px; margin:10px auto; display:block;}
.service-icons a {color:#2f3437; text-decoration:none;}
.service-icons a:hover .icon .ic-color {fill:#3a97bb;}
.service-icons a:hover h3 {color:#3a97bb;}
.ic-color {fill:#fff;}
.sv-icon {height:80px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.has-h3 {clear:both; display:table; width:100%; margin:20px auto; text-align:left;}
.has-h3 h3 {margin:0 auto 10px; text-align:left;}

@media (max-width: 750px) {
.has-h3, .has-h3 h3 {text-align:center;}
}

#lean_overlay {padding:10px; position:fixed; z-index:1100; top:0; left:0; height:100%; width:100%; background:rgba(0, 0, 0, 0.9); display:none; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; overflow:scroll;}
.modal-content-er {display:none; -webkit-box-flex:0; -ms-flex:0 1 97%; flex:0 1 97%; border-radius:8px; background:#fff; box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16); max-width:800px; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; text-align:center; width:93%; max-height:calc(100vh - 80px); overflow:auto;}
.modal-content-er h3 {text-align:center; font-size:26px; margin:15px 0 10px;}
.modal-content-er .has_btns {display:flex; justify-content:center; flex-wrap:wrap;}
.modal-content-er .btn {margin:5px; min-width:430px;}
.modal-content-er .mini-block {padding:0 30px;}
.modal-content-er .buttons {display:flex; flex-wrap:wrap; justify-content:center;}
.modal-content-er .buttons > p {margin:5px;}
.modal-close {position:absolute; right:0; top:0; margin:5px; z-index:1002; cursor:pointer; color:#92B228; line-height:1;}
.modal-close span {display:none;}
.modal-close i {position:relative; color:#92B228; font-style:normal; padding-bottom:4px;}
.modal-close i:before {font-size:40px; content:'\00d7';}
.modal-close:hover i {color:#92B228;}
.modal-content-er .has_btns {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.modal-content-er .btn {margin:5px; min-width:350px;}
#gallery-nav .slick-dots span, #gallery-nav-new .slick-dots span {width:auto; height:auto; color:#000; background-color:#F0F0F0;}
#gallery-nav-new{text-align: center;}
#gallery-nav .slick-dots .slick-active span, #gallery-nav-new .slick-dots .slick-active span {  background-color: #29b6ba;    color:#fff;}
#gallery-nav .slick-dots span, #gallery-nav-new .slick-dots span {width:110px; color:#000; background-color:#F0F0F0; height:24px;  align-content:center; padding:0 4px;margin-inline:3px; font-size: 10px; border-radius:25px;}
#gallery-nav .slick-dots, #gallery-nav-new .slick-dots {margin:auto;}
#gallery-nav .slick-dots li, #gallery-nav-new .slick-dots li {margin-inline:0px;}
.green {background-color:#d3e2e3; margin:auto; border:2pc solid #fff; border-bottom:none;}
#service {padding-bottom:4pc;}
#meet div figure, #meet div figure figure {max-width:575px; Width:100%;}

.commu span {flex:0 1 14%}

@media (min-width:800px) {
.rev-seal {position:absolute; bottom:445px; right:100px; z-index:99;}
.service-container {display:flex; justify-content:center; flex-wrap:wrap; gap:50px 20px; max-width:1200px; margin:auto;}
}

@media (max-width:799px) {
.service-a {background-color:transparent !important; margin: 20px auto;}
.split article {padding:20px !important; max-width:unset;}
#videos .vid-grid {display:grid; gap:0; justify-content:center;}
.commu span {flex:content;}
.commu {flex-wrap:wrap; justify-content:center;}
.green {border:none;}
#expertise .expertise-containe {margin-inline:5pc}
#social .h1 small {font-size:35px!Important;}
#expertise .content {  padding: 20px !important;  max-width: unset;}
#social {  padding: 20px !important;  max-width: unset;}
}
.service-a {/*background-color:#e1f2c8; padding:60px;*/ width:269px; color:black; text-align:center;justify-content: center;  display: grid;}
.service-a .service-box img {align-self:end;}
.service-a .service-box p {align-self:flex-end; font-size:18px;margin-bottom: 0;}
.service-a .service-box {display:grid;}
.assoc {max-width:1200px; margin:30px auto;}
div.vid-grid {display:flex; flex-wrap:wrap; justify-content:space-around; text-align:center; margin:30px auto; max-width:1200px; align-items:center; margin-bottom:0;}
div.vid-grid>div {flex:0 1 33%; margin-bottom:30px; width:100%;}
#videos .vimeo:after, #videos .youtube:after {display:none;}
#videos .vimeo:before, #videos .youtube:before {display:none;}
#videos .youtube.active img, #videos .youtube.active p {display:none;}
#social {background-color: #f5eee1;padding-block: 50px;}
div.vid-grid p {text-align:left; margin-left:1.5pc; margin-top:0px;}
/*#galleries-new {max-height:555px}*/



@media (max-width:1024px) {
    .split {text-align: center}
    .split [class*="row"], #testimonials [class*="row"] {-webkit-flex-flow: column;-ms-flex-flow: column;flex-flow: column}
    .split .h1 br {display: none}
    .split article p {max-width: 100%}
    .split figure {max-width: inherit; margin: 10px auto 0 !important}
    .services {    display: table; width: 100%; max-width: 600px;}
    .services > div { clear: both; display: table;}  
    .block.has_why ul li {font-size: 17px; min-height: 130px}
    .block [class^="elem"],  .meet-dr .block .elem-left,  .meet-dr .block .elem-right {float: none; max-width: 400px; margin: 20px auto;}
    .block {text-align: center;}
    .block ul {text-align: left; display: table; margin: 20px auto;}
    .block.has_why ul {text-align: center;   display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
    .flex-dr-title {display: block;text-align: center; }
    .flex-dr-title article {padding: 20px 0;}
    .flex-dr-title figure:before {right: -50px;}
    .page-divider {margin-top: 40px;}
#see figure{margin: 0 auto;}

    #reviews{padding: 20px}
#reviews .badge{position:static;margin:0 auto}
#reviews .badge img{margin:20px auto 20px}
#reviews .rev-bot{margin:20px auto;justify-content:center}
#reviews .slick-arrow{position:relative;left:auto;right:auto;top:auto;transform:none; width: 40px;
  height: 40px;
  flex: 0 0 40px; font-size: inherit;}
#reviews .slick-arrow i{font-size: 20px;}
#reviews{background-color:#D5E3E2;background-image:none!important;}
#reviews .slick-reviews p{font-size: 22px; line-height: 1.2; text-align: center;}
#see article,#reviews article,#community article{margin:0 auto;padding:20px 10px}
#approach .links > div,#callouts .links .item{margin:40px auto}
#approach .links:after{display:none}
#community article:after{left:0;top:-15px;text-align:center}
#community article{padding:60px 10px 40px}
#services .links{gap:15px;max-width:700px;justify-content:center}
#fo-contents{flex-wrap:wrap;text-align:center}
footer .hours{margin:20px auto}
.fo-title{text-align:center}
#find iframe{margin: 0 auto;}
.social{justify-content: center !important;}

[data-player][class^=elem]{max-width:650px}
.meet-bg:after{content:none}
#banner{background-repeat: no-repeat;
    margin-top: 0 !important;
    padding-top: 0px;}

#meet div figure, #meet div figure figure {display:block;}
/* #expertise {padding:0px} */
.split, #expertise, #callouts{text-align: center;}
#finance .content{margin: 0 auto;}
#see .content{position: static; transform: none;}
}

#social .content a {  border: 2px solid #5b8f95;  padding-bottom: -25px;  line-height: 34px;  color: #29b6ba; background-color: transparent;}
#gallery-nav-new .slick-dots span { text-align: center; width: 99px; font-size:14px}
#social .ig:hover{background-color:#c13584;color:#fff}
#banner video {height: calc(90vh - 100px); object-fit: cover;}
.fluid-vid iframe {/*height: calc(90vh - 100px) !important;*/
  object-fit: cover !important;}
@media (max-width:600px){
#gallery-nav-new ul{flex-wrap:wrap;}
}
@media (min-width:600px){
#gallery-nav-new .slick-dots span {
  width: 120px;
  font-size: 12px; text-align: center;
}

#gallery-nav-new ul li {
  flex: 0 1 120px;
  margin: auto;}
}

#gallery-nav-new ul {
  display: inline-flex;
  /*flex-wrap: wrap;*/
  gap: 1pc;
  justify-content: center;
}
#gallery-nav-new ul li {
  flex: 0 1 142px;
  margin: auto;
}

#see .youtube::after {
  background-color: transparent;
  content: '\e938';
  color: #fff;
  border: solid 3px #fff;
  padding-inline: 2pc 1.5pc;
  border-radius: 50%;
  padding-block: 8px;
  width: 160px;
}
#see .youtube::before {
  background: transparent;
}

#see .youtube:hover::after {
  background: #b3cf89;
}
@media (max-width: 800px) {
.grecaptcha-badge{display: none !important;}
  .service-container{display: flex; flex-wrap: wrap; margin-inline: auto; justify-content: center }
}


#social .content a i {
  font-size: 35px;
}
#social .content a {
  width: 74px;
  height: 74px;
  line-height: 70px;
}


#expertise .gallery,
#meet .gallery {
  padding:0px;
}

#expertise p, #meet p {
  margin-top: 2.5rem;
}
#social .block {
  max-width: 1200px;
  margin: auto;
}
@media (min-width:1650px){
#see {margin-bottom: 14pc;}}

.team { text-align: center; }
.team > a { display: inline-block; vertical-align: middle; position: relative; margin: 15px 14px }
.team > a img { border: 5px solid #fff }
.team > a:before { opacity: 0 }
.team > a:hover:before { opacity: 1 }
.team > a:hover img { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15), inset 0 0 120px rgba(0, 0, 0, 0.18); }
.team > a span { display: block; background-color: rgba(69, 136, 141, .85); color: #fff; -webkit-transition: .2s; transition: .2s; position: absolute; height: 0px; right: 5px; bottom: 5px; left: 5px; font-size: 18px; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.team > a:before { content: '\e847'; position: absolute; top: 0; right: 10px; font-size: 24px; color: #598F95; }
.team > a span { height: 40px; }
.team-active { overflow: hidden; }
.team-active:before { content: ''; position: fixed; z-index: 102; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .8); }
.team .popout-content { display: none; position: fixed; z-index: 103; left: 0; right: 0; margin: auto; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); max-width: 800px; width: calc(100% - 20px); max-height: calc(100% - 20px); background-color: #fff; border-radius: 5px; padding: 10px; overflow: scroll; text-align: left }
.team .popout-content h2 { margin-bottom: 10px; letter-spacing: -.5px; }
.team .popout-content h2 small { font-size: .7em; }
.team .popout-content .btn { margin: 6px 0 0 }
.team .popout-content.show { display: block; }
.team .popout-content .close { background-color: #fff; color: #598F95; border-radius: 50%; box-shadow: 1px 1px 3px #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; z-index: 1; top: 8px; right: 8px; width: 30px; text-align: center; line-height: 30px; font-size: 20px; }
.cycle-slideshow { position: relative; overflow: visible !important; }
.cycle-slideshow .cycle-slide { right: 0; margin: 0 auto; z-index: 0 !important }
.arrow, .pager, .pager span { display: inline-block; vertical-align: middle }
.pager { font-size: 0; }
.pager span { cursor: pointer; width: 7px; height: 7px; margin: 12px; border: 1px solid #fff; border-radius: 50%; }
.pager span.cycle-pager-active { background-color: #fff; }
.controls { position: relative; padding: 10px 0 30px; }
.controls:before { content: ''; position: absolute; left: -900px; right: -900px; top: -100px; bottom: 0; background-color: #598F95; z-index: -1; }
.gallery { text-align: center; margin: 50px auto }
.gallery .cycle-slideshow { margin-bottom: 20px }
.arrow { font-size: 26px; border: 3px solid #9C8F81; border-radius: 8px; }
.arrow:before { display: block; line-height: 32px; width: 32px; font-weight: 900 }
.arrow:hover { color: #9C8F81; background-color: #9C8F81; }
.arrow i { color: #fff; font-size: 30px; line-height: 1; }

/* END*/
