/* specials page */
.specials-container {
	margin: 100px 20px;
}
.special-container {
	position: relative;
margin: 0 auto 30px auto; 
max-width: 700px;
background-color: #1e3f5e;
}
.special-copy {
	min-width: 450px;
text-align: center;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.special-copy h2 {color: #fff;font-size: 42px}
.special-copy p:first-of-type {line-height: 1}
.special-copy big {font-size: 65px;font-family: "Futura";font-weight: 700;}
.special-copy .details span, .special-copy span {text-transform:uppercase;font-weight: 900}
.special-copy .details p {margin: 0}
.special-copy .details p:first-of-type {margin: 10px 0}
.special-copy > p:last-of-type {margin-top: 50px}
.special-copy .btn {background-color: #fff;}
.special-copy .btn:hover {background-color: #1e3f5e;color: #fff;}
.special-container:not(:first-of-type) span {margin-top: 10px;display:block;font-size: 14px;}

.special-modal {display:flex;}

#lean_overlay {
		position: fixed;
		z-index: 10000;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
		background: #000;
		display: none;
}

.special-modal {
    width: 1000px;
    max-height: 600px;
    margin: auto;
    display:none;
    background: #1e3f5e;   
}

.special-modal > div {padding: 50px;display:flex;height: 100%;align-items:center;position: relative;background-color: #1E3F5E;}
.special-form {text-align:center;}
.special-form input, .special-form textarea, .special-form select {background-color: #EFEFEF;width: 100%;padding: 5px 10px;text-align:center;margin: 3px 0;}
.special-form input::placeholder, .special-form textarea::placeholder, .special-form select::placeholder {color: #1E3F5E;opacity: 1;font-size: 16px;}
.special-modal .special-copy {transform:none;position:static;}
.special-modal .special-copy > p:last-of-type {margin-top: 0;}
.special-modal .special-copy big {font-size: 50px;}
.special-form button {background-color: #fff;}

.modal-close {
position: absolute;
right: 0;
top: 0;
margin: 5px;
z-index: 1002;
cursor: pointer;
color: #fff;
line-height: 1;
width: 40px;
height: 40px;
}
.modal-close span {
display: none;
}
.modal-close i {
position: relative;
color: #fff;
font-style: normal;
padding-bottom: 4px;
}
.modal-close i:before {
font-size: 40px;
content: '\00d7';
}
.modal-close:hover i {
color: #555;
}



/* media queries */
@media (max-width: 550px) {
  .special-copy {min-width: 230px;max-height: 331px;}
  .special-copy h2 {font-size: 24px;}
  .special-copy big {font-size: 40px}
  .special-copy .details {font-size: 14px;}
  .special-copy > p:last-of-type {margin: 0}
  .special-copy .btn {padding: 10px;}
}
@media (max-width: 420px) {
  .special-copy {min-width: 200px;}
  .special-copy h2 {font-size: 20px;}
  .special-copy p:first-of-type {margin: 0;}
  .special-copy .btn {font-size: 10px}
}
@media (max-width: 700px) {
    .special-modal {margin: auto 15px;}
    .special-modal .special-copy {width: 100%;}
    .special-modal > div {padding: 30px;flex-wrap:wrap;}
}



.page_about-us #page-title-about {
	background-image: url("assets/images/about-us-banner.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
align-items: center;
justify-content: center;
height: 650px;
text-align: center;
color: #fff;
}

.page_about-us #page-title {
	background-image: url("assets/images/about-us-banner.jpg")!important;
}
	
.page_about-us #page-title-about .title-wrapper-about {
	  max-width: 1080px;
  margin: 0 auto 0;
  text-align: center;
}

/* er icon */ 


/***** 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;

}
.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-mission {background-color: #343434;color: #fff;text-align: center;}
.index-mission span.h2 {padding-top: 3pc;}
.index-value { display: flex;flex-wrap: wrap;justify-content: space-between;margin-inline: 4pc;padding-block: 4pc;}
.index-value div {max-width: 230px; width: 100%;}


#community-block{padding:60px 20px}
#community-block .container {max-width:1000px;margin:0 auto 60px;}
#community-block .simple-card { margin-bottom: 50px; text-align: center; }
#community-block .simple-card h3{font-size:22px;text-transform:uppercase; }
#community-block .simple-card p{margin:5px auto}
#community-gallery figcaption { text-align: center; padding: 10px; }
#community-gallery { position: relative; max-width: 1000px; margin: 0 auto; }
#community-gallery .slick-arrow { position: absolute; top: 40%; transform: translateY(-50%); width: auto; height:auto; flex: none; }
#community-gallery .slick-arrow:hover i { background-color: transparent; color: #de6c59; }
#community-gallery .slick-arrow i { border: none !important; }
#community-gallery .arrow { line-height: 1; }
#community-gallery #prev { left: 0; }
#community-gallery #next { right: 0; }

/*# sourceMappingURL=styles-2.css.map */

@media (max-width: 600px) {
  #community-gallery .slick-arrow { position: relative; }
  #community-block .simple-card h3, #community-block .simple-card p { text-align: left; }
}


.services-grid-container { padding: 100px 10px; background-image: url(assets/images/services-bg.jpg); background-size: cover }
.services-grid { position: relative; text-align: center; max-width: 1200px; width: 100%; margin: 0 auto 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-around }
.services-grid>div { vertical-align: top; margin: 10px auto; background-color: #ffffff; text-align: left; flex: 0 1 355px; max-width: 355px; transition: .3s; overflow: hidden; position: relative }
.services-grid>div>a { display: block; position: relative; transition: .3s }
.services-grid article { background-color: #de6c59; opacity: 0; transition: .3s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(67, 89, 59, 0.85); z-index: 5 }
.services-grid .img { position: relative }
.services-grid .img img { position: relative; z-index: 5 }
.services-grid .img .title { display: block; text-align: center; padding: 30px 10px; text-transform: uppercase; color: #1e3f5e; font-family: "Futura"; font-size: 14px; font-weight: 700; font-style: normal; letter-spacing: 0.7px; position: relative }
.services-grid>div.small .img .title { font-size: 18px }
.services-grid>div:hover article { opacity: 1 }
.services-grid>div a:hover h3 { color: #de6c59 }
.services-grid h3 { display: block; padding: 30px 10px; background-color: #fff; text-align: center; text-transform: uppercase; color: #1e3f5e; font-family: "Futura"; font-size: 14px; font-weight: 700; font-style: normal; letter-spacing: 0.7px }
.services-grid ul { vertical-align: top; padding: 0; padding-bottom: 10px; display: table; margin: 0 auto; list-style: none; -webkit-column-count: 1; column-count: 1; margin: 20px auto 0; padding: 30px 5px }
.services-grid ul li { margin-bottom: 20px; line-height: 1; position: relative; text-align: center; padding: 0 }
.services-grid ul li:before { content: none }
.services-grid li a { display: block; color: #fff; text-transform: uppercase; font-family: "Futura"; font-size: 14px; font-weight: 700; letter-spacing: 0.7px }
.services-grid li a:hover { color: #de6c59 }
.services-grid>div.alt { flex: 0 1 755px; max-width: 755px; background-image: url(assets/images/services-alt.jpg); background-size: cover; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center }
.services-grid>div.alt>a { width: 100%; flex: 1 1 auto; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 20px 75px }
.services-grid>div.alt h3 { position: static; background: none; text-align: left; color: #ffffff; font-family: "Futura"; font-size: 56px; font-weight: 700; font-style: normal; letter-spacing: normal; line-height: 1.18; text-transform: none }
.services-grid>div.alt>a:not(:hover) h3, .services-grid>div.alt ul li a:not(:hover) { color: #fff }
.services-grid>div.alt>a:hover h3 { color: #fff }


@media screen and (max-width:1024px) {
  .services-grid>div { background-color: rgba(67, 89, 59, 0.85) }
  .services-grid>div article { opacity: 1; position: static; transition: none }
  .services-grid .img .title { display: none }
  .services-grid>div.alt { text-align: center; flex: 0 1 355px; max-width: 355px }
  .services-grid>div.alt a { padding: 20px; display: block; text-align: center }
  .services-grid>div.alt .btn { min-width: auto; width: 100% }
  .services-grid>div.alt h3 { text-align: center }
}