@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800,300italic,400italic,600italic,700italic,800italic&subset=latin,latin-ext,cyrillic-ext,greek,greek-ext,cyrillic&display=swap');
.modal {
 background-color:rgb(255, 255, 255);
 padding-top:40px;
 padding-right:40px;
 padding-bottom:40px;
 padding-left:40px;
 border-color: #3B4E5D;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
}
.engagement {
 z-index:12;
 position:fixed;
 display:none
}
.engagement .location .map {
 width:100%
}
.engagement.cornerbox {
 width:350px;
 max-height:100%;
 bottom:0;
 top:auto;
 right:0;
 left:auto;
 overflow:auto
}
.engagement.cornerbox[data-placement="bottomleft"] {
 bottom:0;
 top:auto;
 right:auto;
 left:0
}
.engagement.cornerbox[data-placement="topright"] {
 bottom:auto;
 top:0;
 right:0;
 left:auto
}
.engagement.cornerbox[data-placement="topleft"] {
 bottom:auto;
 top:0;
 right:auto;
 left:0
}
.engagement.thinbar {
 left:0;
 width:100%;
 max-height:100%;
 top:0;
 bottom:auto;
 overflow-y:auto
}
.engagement.thinbar[data-placement="bottom"] {
 bottom:0;
 top:auto
}
.engagement.modal {
 width:600px;
 min-height:200px;
 max-height:80vh;
 top:10vh;
 left:50%;
 margin-left:-300px;
 overflow-y:auto;
 font-size:12px;
 line-height:1.5em
}
@media only screen and (max-width:768px) {
 .engagement.modal {
  width:90%;
  margin-left:-45%
 }
}
.engagement.modal.map {
 height:inherit
}
.engagement.sticky {
 position:relative;
 margin-bottom:15px;
 float:right;
 clear:both;
 outline:0;
 max-width:100vw;
 overflow-y:auto
}
.engagement.sticky .stickyTitle {
 padding:0
}
.engagement.sticky.hovereffect .stickyTitle {
 display:inline-block;
 width:0;
 transition:all 0.15s linear 0s;
 white-space:nowrap;
 overflow:hidden;
 vertical-align:middle
}
@media only screen and (max-width:768px) {
 .engagement.sticky:hover .stickyTitle {
  white-space:initial
 }
}
.engagement.sticky .stickyIcon {
 position:relative;
 width:25px;
 height:25px
}
.engagement.sticky .stickyIcon:before {
 position:absolute;
 top:50%;
 left:50%;
 transform:translateY(-50%) translateX(-50%)
}
.engagement.sticky .stickyIcon:after {
 content:'';
 display:inline-block;
 height:100%;
 vertical-align:middle
}
.engagement.sticky form {
 cursor:auto;
 margin:0;
 padding:0;
 overflow:hidden;
 max-height:0;
 max-width:0;
 transition:all 0.5s linear 0s
}
.engagement.sticky.showForm .stickyTitle {
 width:auto
}
.engagement.sticky.showForm form {
 max-width:100%;
 overflow:scroll;
 max-height:768px;
 max-width:768px
}
.engagement.sticky .g-recaptcha {
 min-height:78px
}
@media only screen and (max-width:768px) {
 .engagement.sticky .g-recaptcha {
  min-height:144px
 }
}
.engagement.sticky.stickycontactform {
 cursor:pointer
}
.engagement.sticky.stickycontactform>a {
 outline:0;
 display:block
}
.engagement .closeBtn {
 position:absolute;
 top:18px;
 right:18px;
 text-decoration:none;
 color:  #3B4E5D;
 width:34px;
 height:34px;
 font-size: 25px;
}
.engagement .closeBtn:hover {
  color: #000000;
  font-size: 30px;
  
}
.engagement .closeBtn:before {
 position:absolute;
 top:50%;
 left:50%;
 transform:translateY(-65%) translateX(-50%);
 content:"×";
}
.engagement .shareicons {
 text-align:center
}
.engagement .shareicons .facebookshare,
.engagement .shareicons .googleplusshare,
.engagement .shareicons .twittershare {
 display:inline-block;
 vertical-align:top
}
.engagement .shareicons .facebookshare .fb_iframe_widget span {
 vertical-align:top !important
}
.stickyEngagementWrapper {
 position:fixed;
 bottom:200px;
 right:0;
 top:auto;
 left:auto;
 z-index:12
}
.stickyEngagementWrapper[data-placement="bottomleft"] {
 right:auto;
 left:0
}
.stickyEngagementWrapper[data-placement="bottomleft"] .sticky {
 float:left
}
.stickyEngagementWrapper[data-placement="topright"] {
 bottom:auto;
 top:200px;
 right:0;
 left:auto
}
.stickyEngagementWrapper[data-placement="topleft"] {
 bottom:auto;
 top:200px;
 right:auto;
 left:0
}
.stickyEngagementWrapper[data-placement="topleft"] .sticky {
 float:left
}