/* =============================================================== */
/* Overwrite Foundation/Normalize defaults
================================================================ */

body { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #191e23; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 400; }
strong { font-weight: 700; }
a { transition: color 0.2s ease-out; color: #39b54a; }
a:hover, a:focus { color: #28A338; }
.fs a { color: #008CD1; }
.fs a:hover, .fs a:focus { color: #0b6e9e; }
.ls a { color: #EA212B; }
.ls a:hover, .ls a:focus { color: #9c151c; }
p, li { font-size: 14px; }
ul, ol, dl { font-family: 'Roboto', sans-serif; margin-left: 2.5rem; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
img { width: 100%; }
img.gtracker { width: 1px; height: 1px; box-shadow: 0; }
button, .button, a.button {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 2px;
  background-color: #39B54A;
  color: #FFFFFF;
}
button:hover, button:focus, .button:hover, .button:focus, a.button:hover, a.button:focus { background: #28A338; color: #FFFFFF; }
.fs button, .fs .button { background: #008CD1; }
.ls button, .ls .button { background: #EA212B; }
.fs button:hover, .fs button:focus, .fs .button:hover, .fs .button:focus, .fs a.button:hover, .fs a.button:focus { background: #0b6e9e; color: #FFFFFF; }
.ls button:hover, .ls button:focus, .ls .button:hover, .ls .button:focus, .ls a.button:hover, .ls a.button:focus { background: #9c151c; color: #FFFFFF; }
.row { max-width: 80rem; }
.row.full-width { max-width: 100%; width: 100%; }
.contain-to-grid { background: #ffffff; }
.contain-to-grid.sticky.fixed { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.contain-to-grid .top-bar { max-width: 100%; }

/* =============================================================== */
/* Generic Content Styling 
================================================================ */

body { background: url(../images/background-brickwall.png); }
.site-wrapper { background: #FFFFFF; max-width: 80rem; width: 95%; margin: 0 auto; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.cb { clear: both; }

.nav-wrapper { background: #39B54A; }
.fs .nav-wrapper { background: #008CD1; }

@media only screen and (max-width: 40em) {
	.nav-wrapper, .fs .nav-wrapper { background: #4D4F53; padding: 1em 0; } /* remove wrapper on mobiles */
} 

.content-wrap { padding: 0 3rem; }
.section-area { padding: 2.5em 0; }
.section-area.grey { background: #ecf0f1; }
.section-desc { color: #a9a9a9; text-align: center; font-size: 18px; margin-bottom: 50px; }
.section-area img { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25); margin-bottom: 2rem; }
.section-area .button { margin-right: 10px; }
.headline { border-bottom: 1px solid #888888; margin-bottom: 1rem; padding-bottom: 5px; }
.caption { text-align: center; font-weight: 700; margin: 0.6rem 0 2rem 0; font-size: 0.9em; }
.disclaimer { font-size: 0.8rem; font-style: italic; }

.graphic-title-bar { background: rgba(0, 0, 0, 0) url("../images/title-bg-ac-mobile.jpg") no-repeat scroll right top / cover; border-bottom: 5px solid #ddd;  }
.fs .graphic-title-bar { background: rgba(0, 0, 0, 0) url("../images/title-bg-fs-mobile-alt.jpg") no-repeat scroll right top / cover; }
.ls .graphic-title-bar { background: rgba(0, 0, 0, 0) url("../images/title-bg-ls-mobile.jpg") no-repeat scroll right top / cover; }

.content_title { color: #4d4f53; letter-spacing: 2px; margin: 35px 0; line-height: 1; }
.ls .content_title { color: #FFFFFF; text-shadow: 1px 1px 5px #888888; }
.ls.resources .content-area .content_title { color: #4d4f53; font-size: 20px; text-shadow: none; letter-spacing: 0px; }
.ls.resources .content-area { margin-top: 1rem; }
/*
.content_title:after { content: ''; display: block; height: 3px; width: 100px; margin: 1.4rem 0 2rem 0; background: #2980b9; }
.fs .content_title:after { background: #39b54a; }
*/

.content-area li { margin-bottom: 7px; }
.content-area li li { margin-bottom: 4px; }
.content-area h4 { color: #747c83; font-size: 18px; letter-spacing: 2px; }

.section-popup { 
  display: block; 
  margin-bottom: 2rem; 
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transform: translateZ(0);
  transition: background 0.3s ease-out, box-shadow 0.3s cubic-bezier(.25,.8,.25,1), transform 0.3s ease-out;
}
.section-popup:hover, .section-popup:focus {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  transform: translateY(-8px);
}
.section-popup img { margin-bottom: 0; box-shadow: none; }
.section-popup h4 {  
  color: #39B54A; 
  margin: 0; 
  padding: 0.5rem 0.3rem; 
  display: flex; 
  text-align: center; 
  align-items: center; 
  justify-content: center; 
  font-size: 14px;
  line-height: 18px; 
  transition: color 0.3s ease-out;
}
.section-popup p { 
  padding: 0.6rem; 
  color: #231F20; 
  text-align: center; 
  border-top: 2px solid #dddddd; 
  transition: border-color 0.3s ease-out, color 0.3s ease-out; 
  font-size: 0.8rem;
}
.section-popup:hover p, .section-popup:focus p { background: #39B54A; border-color: #FFFFFF; color: #FFFFFF; }

.fs .section-popup h4 { color: #008CD1; }
.fs .section-popup:hover p, .fs .section-popup:focus p { background: #008CD1; }
.ls .section-popup h4 { color: #EA212B; }
.ls .section-popup:hover p, .ls .section-popup:focus p { background: #EA212B; }

.remodal-content-container { text-align: left; }
.remodal-content-container h2, h2.article_title { font-size: 1.6rem; margin: 1rem 0; color: #39B54A; letter-spacing: 2px; }
.fs .remodal-content-container h2, .fs h2.article_title { color: #008CD1; }
.ls .remodal-content-container h2, .ls h2.article_title { color: #EA212B; }
.remodal-content-container h5, .aid39910 .content-area h5, .aid39353 .content-area h5 { color: #a9a9a9; letter-spacing: 2px; margin-bottom: 30px; }
.remodal-content-container .remodal-profile-photo { display: inline-block; margin-bottom: 2rem; text-align: center; width: 100%; vertical-align: top; }
.remodal-content-container .remodal-profile-photo img { width: 100%; }
.remodal-content-container .remodal-profile-text { display: inline-block; width: 100%; }

.remodal-content-container ul, .remodal-content-container ol, .ls .content-area ul, .fs .content-area ul { list-style-type: none; } /* retarded, but client's choice */
.ls.aid39911 .section-area img { box-shadow: none; }


/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .section-area { padding: 2.5em 2em; }
  .content_title { margin: 55px 0; letter-spacing: 10px; }
  /*.content_title:after { width: 60px; }*/
  .remodal-content-container .remodal-profile-photo { margin-bottom: 0; margin-right: 5%; width: 38%; }
  .remodal-content-container .remodal-profile-text { width: 55%; }
} 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .section-area { padding: 2.5em 3em; }
  .graphic-title-bar { background: rgba(0, 0, 0, 0) url("../images/title-bg-ac-desktop.jpg") no-repeat scroll right top / cover; }
  .fs .graphic-title-bar { background: rgba(0, 0, 0, 0) url("../images/title-bg-fs-desktop-alt.jpg") no-repeat scroll right top / cover; }
  .ls .graphic-title-bar { background: rgba(0, 0, 0, 0) url("../images/title-bg-ls-desktop.jpg") no-repeat scroll right top / cover; }
  .double_list { list-style-type: disc; }
  .double_list li { float: left; width: 40%; }
  .double_list:after { display: table; content: ''; clear: both; }
  /*
  .content_title:after { width: 100px; }
  .content_title.home { font-size: 28px; }
  .who .content_title { font-size: 2rem; }*/
} 


/* Hover.css */

/* Full credit and many thanks to Ian Lunn */
/* http://ianlunn.github.io/Hover/ */

.hvr-reveal {
  /* display: inline-block; */ /* uncomment for a > img html usage */
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

/* =============================================================== */
/* Back to Top button
================================================================ */

.backtotop {
  position: fixed;
  right:0px;
  display:none;
  bottom: 20px;
  margin: 0 20px 0 0;
}

.backtotop a {
  text-decoration:none;
  border:0 none;
  display:block;
  width:45px;
  height:45px;
  background: #39B54A;
  opacity: 0.4;
  -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #FFFFFF;
  line-height: 40px;
  font-size: 20px;
}

.fs .backtotop a { background: #008CD1; color: #FFFFFF; }
.ls .backtotop a { background: #EA212B; color: #FFFFFF; }

.backtotop a:hover { opacity: 0.8; }
.backtotop a i { margin: 0; padding-left: 9px; }

/* =============================================================== */
/* Splash Page
================================================================ */
.aid39736 .footer-main, .aid39736 .footer-bottom { display: none; }

.splash-wrapper { background: url("../images/plouto-splash-bg.webp") no-repeat; background-position: right top; background-size: cover; }
.splash-wrapper-overlay { 
  width: 100%; 
  height: 100%; 
  background: rgba(255,255,255,0.6); 
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  /* these last 3 settings are very important for vertical centering (VC) using flex, but here we disable it */
  /* pay attention to where we enable vertical centering on this element at the medium breakpoint below */
  /* if we dont do this on small devices, the vertically centered content will be perm cropped top/bottom. this method forces scrolling */
  padding: 50px 0;
  height: 100%;
  min-height: 100vh;
}

.splash-content-box { 
  background: rgba(255,255,255,0.8); 
  padding: 30px; 
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12), 0 4px 7px rgba(0, 0, 0, 0.24); 
}
.splash-content-box h2 { text-transform: uppercase; font-size: 14px; letter-spacing: 3px; margin-bottom: 10px; color: #4D4F53; }
.splash-content-box h1 { font-size: 11px; margin-bottom: 45px; color: #bbbbbb; letter-spacing: 2px; }

.splash-logo-link.acc:before { border-color: #39B54A; }
.splash-logo-link.fin:before { border-color: #008CD1; }
.splash-logo-link.len:before { border-color: #EA212B; }

.splash-logo-link { 
  display: block; 
  padding: 20px 10px; 
  width: 100%; 
  background: #FFFFFF; 
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.splash-logo-link img {  }
.splash-content-link { margin: 7px 0 20px 0; font-size: 11px; letter-spacing: 1px; }
.splash-content-link a, .splash-content-link:visited { color: #aaaaaa; }
.splash-content-link a:hover, .splash-content-link:focus { color: #777777; }

.splash-contact p { margin-bottom: 0; font-size: 12px; color: #aaaaaa; letter-spacing: 1px; }
.splash-contact p a, .splash-contact p a:visited { color: #aaaaaa; }
.splash-contact p a:hover, .splash-contact p a:focus { color: #777777; }
.splash-contact-item { display: inline-block; margin: 0 10px 15px 10px; }
.splash-contact-item [class^="icon-"] { color: #39B54A; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .splash-wrapper { background-position: center top; }
  .splash-wrapper-overlay { height: 100vh; min-height: 0; padding: 0; }
  .splash-content-box h2 { font-size: 32px; }
  .splash-content-box h1 { font-size: 14px; }
  .splash-contact p { font-size: 14px; letter-spacing: 2px; }
  .splash-contact-item { margin: 0 10px; }
} 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .splash-content-box h2 { font-size: 44px; }
  .splash-logo-link { margin-bottom: 0; }
  .splash-content-link { margin: 7px 0 0 0; }
} 


/* =============================================================== */
/* Slider
================================================================ */
.overlay { background: rgba(0, 0, 0, 0.45); width: 100%; height: 100%; }

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none;
}

[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* Custom styles */

.single-slider-slide { min-height: 800px; background-size: auto 800px; background-position: center center; }

.slide-contents { position: absolute; left: 0; right: 0; margin-left: 0; margin-right: 0; padding: 20px 0; }
.slider-info-box { background: rgba(255,255,255,0.85); padding: 20px; border-radius: 15px; text-align: center; margin-bottom: 20px; }
.slider-info-box h1 { font-weight: 700; font-size: 22px; text-transform: uppercase; }
.slider-info-box h2 { font-size: 12px; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; padding: 7px 5px; }
.slider-info-box h2 span { display: block; margin: 0 auto; }
.slider-info-box .client-type, .slider-info-box.sister-side img { background: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.slider-info-box.sister-side img { padding: 10px;  }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { 
	.slick-next:before { display: block; }
  .slick-prev, .slick-next {
		background: #39B54A;
		height: 40px;
		width: 30px;
		top: 50%;
	}
	.slick-prev:hover, .slick-next:hover { background: #2980b9; }
  .single-slider-slide { min-height: 400px; }
  .slide-contents { padding: 40px 0; }
  .slider-info-box { margin-bottom: 0; }
  .slider-info-box.sister-side { padding: 40px 10px 0 10px; }
  .slider-info-box.sister-side img { margin: 30px 0; }
}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .single-slider-slide { min-height: 500px; }
  .slide-contents { padding: 65px 0; }
  .slider-info-box h2 { font-size: 16px; }
  .slider-info-box.sister-side { padding: 80px 20px 0 20px; }
}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
  
}

/* =============================================================== */
/* Header Top Row
================================================================ */
.header-top-row { background: #FFFFFF; }
.header-top-row .nav-block { text-align: center; }
.header-top-row .nav-block ul { margin: 0; padding: 0; list-style-type: none; position: relative; top: -4px; }
.header-top-row .nav-block ul li { display: inline-block; margin: 0 2px; font-size: 11px; padding: 5px 5px 3px 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: background 0.3s ease-out; }
.header-top-row .nav-block ul li.active { color: #FFFFFF; }
.header-top-row .nav-block ul li.active.green { background: #39B54A; }
.header-top-row .nav-block ul li.active.blue { background: #008CD1; }
.header-top-row .nav-block ul li.active.red { background: #EA212B; }
.header-top-row .nav-block ul li a { display: block; font-size: 11px; color: #747c83; transition: color 0.3s ease-out; }
.header-top-row .nav-block ul li:hover a { color: #FFFFFF; }
.header-top-row .nav-block ul li.grey:hover { background: #747c83; }
.header-top-row .nav-block ul li.green:hover { background: #39B54A; }
.header-top-row .nav-block ul li.blue:hover { background: #008CD1; }
.header-top-row .nav-block ul li.red:hover { background: #EA212B; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .header-top-row .nav-block { text-align: right; }
} 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) { } 


/* =============================================================== */
/* Header
================================================================ */
.header-main-area { background: #FFFFFF; padding: 1.2rem 0; border-bottom: 2px solid #ddd; }

.header-contact-details { margin: 0 0 1.2rem 0; text-align: center; }
.header-contact-details ul { margin: 0; padding: 0; list-style-type: none; }
.header-contact-details li { margin-bottom: 3px; color: #888; }
.header-contact-details span { color: #333333; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { 
  /*.logo { margin: 45px 0; max-width: 450px; }*/
  .header-main-area { padding: 0 0 1.2rem 0; }
  .header-contact-details { margin: 25px 0; text-align: right; }
}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  /*.logo { margin: 35px 0; max-width: 500px; }*/
  .header-contact-details { margin: 25px 0; }
}

/* =============================================================== */
/* Navigation 
================================================================ */
.no-js .top-bar { display: none; }
.top-bar { background: #ffffff; }
.top-bar .name { color: red; }
.top-bar .name span a { font-size: 0.8em; }
.top-bar.expanded .title-area { background: #249F34; }

.top-bar .toggle-topbar.menu-icon a { color: #4D4F53; }
.top-bar .toggle-topbar.menu-icon a span:after { box-shadow: 0 0 0 1px #4D4F53, 0 7px 0 1px #4D4F53, 0 14px 0 1px #4D4F53; }

.top-bar-section li:not(.has-form) a:not(.button) { color: #4D4F53; background: #FFFFFF; }  /* menu item colour */
.top-bar-section li:not(.has-form) a:not(.button):hover { color: #39B54A; background: #FFFFFF; }  /* menu item:hover colour */
.fs .top-bar-section li:not(.has-form) a:not(.button):hover { color: #0082CA; }  /* menu item:hover colour */
.ls .top-bar-section li:not(.has-form) a:not(.button):hover { color: #EA212B; }  /* menu item:hover colour */

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #FFFFFF; } /* dropdown menu item colour */
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background: #FFFFFF; } /* dropdown menu item:hover colour */
.top-bar-section ul li:hover:not(.has-form) > a { background: #FFFFFF; } /* dropdown's parent menu item:hover colour when dropdown is open */

.top-bar-section li.active:not(.has-form) a:not(.button) { color: #39B54A; background: #FFFFFF; font-weight: 700; } /* active menu item colour */
.top-bar-section li.active:not(.has-form) a:not(.button):hover { color: #39B54A; background: #FFFFFF; } /* active menu item:hover colour */
.fs .top-bar-section li.active:not(.has-form) a:not(.button) { color: #0082CA; } /* active menu item colour */
.fs .top-bar-section li.active:not(.has-form) a:not(.button):hover { color: #0082CA; } /* active menu item:hover colour */
.ls .top-bar-section li.active:not(.has-form) a:not(.button) { color: #EA212B; } /* active menu item colour */
.ls .top-bar-section li.active:not(.has-form) a:not(.button):hover { color: #EA212B; } /* active menu item:hover colour */

.top-bar-section ul li > a {
	transition-duration: 0.3s, 0.3s, 0.3s, 0.6s, 0.6s, 0.3s; 
	transition-property: opacity, color, text-shadow, background-color, background-position, padding;
	transition-timing-function: ease-out;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 2px;
}

.top-bar-section .dropdown .parent-link { display: none !important; } /* prevent parent being added to sub-menu when in mobile view */

.sm-block { text-align: center; }
.sm-block ul { margin: 0; padding: 0; list-style-type: none; }
.sm-block ul li { display: inline-block; margin: 0 2px; }
.sm-block ul li a { display: block; }
.sm-block ul li a span { color: #747c83; transition: color 0.3s ease-out; }
.sm-block ul li.fb a:hover span, .sm-block ul li.fb a:focus span { color: #414042; }
.sm-block ul li.tw a:hover span, .sm-block ul li.tw a:focus span { color: #55ACEE; }
.sm-block ul li.li a:hover span, .sm-block ul li.li a:focus span { color: #0077B5; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .sm-block { float: right; }
  .top-bar-section .sm-block li:not(.has-form) a:not(.button) { padding: 0; }
}

/* =============================================================== */
/* Content Item Preview
================================================================ */

.content-item-preview { 
	position: relative; 
  display: block;
	background: #FFFFFF; 
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transform: translateZ(0);
  transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1), transform 0.3s ease-out;
}
.content-item-preview:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  transform: translateY(-8px);
}
.content-item-preview:after { display: table; content: ''; clear: both; }

.content-item-preview .small-4 { padding: 0 5px 0 0; }

.content-item-preview img { box-shadow: none; opacity: 0.8; transition: opacity 0.3s ease-out; margin: 10px 0 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.content-item-preview:hover img { opacity: 1; }
.content-item-preview h3 {	font-size: 16px; color: #39B54A; }
.fs .content-item-preview h3 { color: #008CD1; }
.content-item-preview p { color: #7E7D7D; font-size: 14px; line-height: 18px; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { 
  .content-item-preview .small-4 { padding: 0 0.9375rem; }
  .content-item-preview img { margin: 15px 0 5px 0; }
}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .content-item-preview .small-4 { padding: 0 5px 0 0; }
  .content-item-preview img { margin: 10px 0 10px 10px; }
}

/* =============================================================== */
/* Services
================================================================ */



/* =============================================================== */
/* Staff
================================================================ */
.staff-member-holder { position: relative; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.staff-member-holder img { 
  border: 10px solid #FFFFFF; 
  margin: 0; width: 100%; 
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
.staff-member-overlay { 
  background: rgba(0, 0, 0, 0.75); 
  width: 100%; 
  height: 100%;
  position: absolute;
  opacity: 0;
  text-align: center;
  transition: opacity 0.25s ease 0s;
  z-index: 100;
}
.staff-member-holder:hover .staff-member-overlay { opacity: 1; }
.staff-member-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 80px; margin: auto; }
.staff-member-link a {
  background: transparent;
  color: #FFFFFF;
  border-radius: 40px;
  border: 2px solid #FFFFFF;
  box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.1);
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: 15px 0;
  min-width: 195px;
  padding: 15px 25px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out 0s;
  vertical-align: middle;
  z-index: 1;
}
.staff-member-link a:hover { color: #39B54A; background: #FFFFFF; text-decoration: none; }
.staff-member-details { margin-bottom: 2rem; }
.staff-member-details h2 { text-align: center; font-size: 1.4rem; font-weight: 400; color: #39B54A; margin: 0.6rem 0 0 0; }
.staff-member-details p { text-align: center; color: #747c83; }

/* =============================================================== */
/* Latest News
================================================================ */
.news-item-container { 
  display: block;
  position: relative;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 
  margin-bottom: 20px; 
  padding: 15px 0 5px 0;
  background: #FFFFFF; 
  transform: translateZ(0);
  transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1), transform 0.3s ease-out;
}
.news-item-container:hover { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); transform: translateY(-8px); }
.news-item-container img { margin-bottom: 0.6rem; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.news-item:after { display: table; content: ''; clear: both; }
.news-title { font-size: 16px; font-weight: 700; margin-bottom: 0.3rem; line-height: 1.2; }
.news-description { margin-bottom: 0.2rem; font-size: 15px; color: #7e7d7d; }
.news-read-more { margin-bottom: 1rem; font-size: 14px; }
.read-more-articles { font-size: 1.4rem; font-style: italic; text-align: center; font-weight: 700; }

.news-resources ul { list-style-type: none; margin: 0; padding: 0; }
.news-resources li { margin-bottom: 1.4rem; }
.news-resources li a { font-size: 1.4rem; font-weight: 700; }
.news-resources li p { margin: 0; }

.market-watch { background: #FFFFFF; float: none; width: 315px; margin: 0 auto; display: block; }

/* News page */
.news-content-area img {
  width: 100%;
  max-width: 85%;
  display: block;
  margin-top: 35px;
}

.news-content-area h1 { margin: 40px 0; padding-bottom: 20px; font-size: 26px; font-weight: 700; border-bottom: 2px solid #cccccc; letter-spacing: 0; line-height: 1.4; }
.articledescription { font-size: 18px; font-weight: 700; margin-bottom: 2rem; line-height: 1.4; }
.news-content-area p, .news-content-area li { font-size: 16px; }

.newsindexheading { 
  display: block;
  color: #FFFFFF;
  background: #828282;
  line-height: 200%;
  margin: 0;
  padding: 0 1rem;
  font-size: 1.4375rem;
}

/*
.news-sidebar { margin-top: 40px; }
.aid38128 .news-sidebar h4:before { content: 'Accounting '; }
.aid38313 .news-sidebar h4:before { content: 'Financial Planning '; }
.news-sidebar h4 { padding: 0.7rem 1rem; background: #00AEEF; color: #FFFFFF; font-weight: 700; margin: 0; border-bottom: 5px solid #ffffff; }
.news-sidebar ul { margin: 0 0 2rem 0; padding: 0; list-style-type: none; }
.news-sidebar li { border-bottom: 1px solid #ffffff; }
.news-sidebar a { 
  color: #222222;
  background: #cde6f0;
  display: block;
  padding: 0.25rem 1rem;
  transition-duration: 0.2s, 0.4s;
  transition-property: padding, background, font-weight;
  transition-timing-function: ease-in-out;
}
.news-sidebar a:hover, .news-sidebar a:focus, .news-sidebar a.active { background: #7ebed8; padding: 0.25rem 1.5rem; font-weight: 700; }
*/
.news-share-links-top { margin-bottom: 2rem; }
.news-share-links-top p { display: inline-block; margin-bottom: 0; }
.news-share-links-top ul { display: inline-block; list-style-type: none; padding: 0; margin: 0; }
.news-share-links-top li { display: inline-block; margin-left: 5px; }
.news-share-links-top a { 
  display: block; 
  color: #FFFFFF; 
  width: 2rem; 
  height: 2rem; 
  line-height: 2rem; 
  border-radius: 50%; 
  transition: all 0.3s ease-in-out;
}
.news-share-links-top i { margin-left: 5px; font-size: 1rem; }

.news-share-links { text-align: center; margin-bottom: 2rem; }
.news-share-links p { font-weight: 700; font-size: 1.4rem; margin: 3rem 0 2rem 0; }
.news-share-links p:before { content: ''; display: block; width: 100%; height: 3px; background: #CCCCCC; margin-bottom: 2rem; }
.news-share-links ul { list-style-type: none; padding: 0; margin: 0; }
.news-share-links li { display: inline-block; margin: 0 0.4rem; }
.news-share-links a { 
  display: block; 
  font-size: 1.6rem; 
  color: #FFFFFF; 
  width: 3.2rem; 
  height: 3.2rem; 
  line-height: 3.2rem; 
  border-radius: 50%; 
  transition: all 0.3s ease-in-out;
}

.news-share-links-top .share-fb, .news-share-links .share-fb { background: #4E69A2; } /* facebook */
.news-share-links-top .share-tw, .news-share-links .share-tw { background: #00ACED; } /* twitter */
.news-share-links-top .share-li, .news-share-links .share-li { background: #0976b4; } /* linkedin */
.news-share-links-top .share-em, .news-share-links .share-em { background: #69696e; } /* email */
.news-share-links-top .share-fb:hover, .news-share-links .share-fb:hover { background: #1B356F; } /* 20% darker */
.news-share-links-top .share-tw:hover, .news-share-links .share-tw:hover { background: #0079B8; } /* 20% darker */
.news-share-links-top .share-li:hover, .news-share-links .share-li:hover { background: #004280; } /* 20% darker */
.news-share-links-top .share-em:hover, .news-share-links .share-em:hover { background: #36363A; } /* 20% darker */

.news-form-container {
  padding: 1rem 1rem 0 1rem;
  background: #f0f7fa;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
  border-radius: 3px;
}
.news-form-container #commentForm { margin-top: 0; }

/* =============================================================== */
/* MFAA iframes (Lending Solutions)
================================================================ */
.calc-embed { width: 100%; }

.Borrowing_Power_Calculator { height: 1800px; }
.Budget_Planner { height: 5000px; }
.Comparison_Rate_Calculator { height: 1450px; }
.Compound_Interest_Calculator { height: 1200px; }
.Credit_Card_Calculator { height: 1500px; }
.Extra_Repayment_Calculator { height: 1450px; }
.Home_Loan_Offset_Calculator { height: 1400px; }
.How_Long_to_Repay_Calculator { height: 1250px; }
.Income_Annualisation_Calculator {}
.Income_Gross_Up_Calculator{ height: 1700px; }
.Income_Tax_Calculator {}
.Introductory_Rate_Loan_Calculator { height: 1400px; }
.Leasing_Calculator {}
.Loan_Comparison_Calculator { height: 1800px; }
.Loan_Repayment_Calculator { height: 1250px; }
.Lump_Sum_Repayment_Calculator { height: 1450px; }
.Mortgage_Switching_Calculator { height: 1900px; }
.Property_Buying_Cost_Calculator { height: 1850px; }
.Property_Selling_Cost_Calculator { height: 1650px; }
.RentvsBuyCalculator { height: 1900px; }
.Reverse_Mortgage_Calculator { height: 1900px; }
.Saving_Calculator { height: 1250px; }
.Split_Loan_Calculator { height: 1550px; }
.Stamp_Duty_Calculator { height: 1250px; }    

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { 
  .Borrowing_Power_Calculator { height: 1800px; }
  .Budget_Planner { height: 5000px; }
  .Comparison_Rate_Calculator { height: 1450px; }
  .Compound_Interest_Calculator { height: 1200px; }
  .Credit_Card_Calculator { height: 1500px; }
  .Extra_Repayment_Calculator { height: 1450px; }
  .Home_Loan_Offset_Calculator { height: 1400px; }
  .How_Long_to_Repay_Calculator { height: 1250px; }
  .Income_Annualisation_Calculator {}
  .Income_Gross_Up_Calculator{ height: 1700px; }
  .Income_Tax_Calculator {}
  .Introductory_Rate_Loan_Calculator { height: 1400px; }
  .Leasing_Calculator {}
  .Loan_Comparison_Calculator { height: 1800px; }
  .Loan_Repayment_Calculator { height: 1250px; }
  .Lump_Sum_Repayment_Calculator { height: 1450px; }
  .Mortgage_Switching_Calculator { height: 1900px; }
  .Property_Buying_Cost_Calculator { height: 1850px; }
  .Property_Selling_Cost_Calculator { height: 1650px; }
  .RentvsBuyCalculator { height: 1900px; }
  .Reverse_Mortgage_Calculator { height: 1900px; }
  .Saving_Calculator { height: 1250px; }
  .Split_Loan_Calculator { height: 1550px; }
  .Stamp_Duty_Calculator { height: 1250px; } 
  }              
}

/* =============================================================== */
/* JS Ticker
================================================================ */
.scrollingtext { position: absolute; }
#jsticker_scroll { position: relative; height: 40px; width: 100%; display: block; overflow: hidden; margin: 0 auto; background: #bbbbbb; }
#jsticker_scroll div { display: inline-block; margin: 0; }
#jsticker_scroll a { color: #333333; display: block; padding: 0 20px; line-height: 40px; }
#jsticker_scroll a:hover { text-decoration: underline; }
#jsticker_scroll .scrollingtext { white-space: nowrap; }

/* =============================================================== */
/* Sidebar
================================================================ */
.sidebar { margin-top: 1rem; }
.sidebar .widget { margin-bottom: 1.8rem; }

.widget.menu-list h4 { color: #FFFFFF; background: #39B54A; line-height: 200%; margin: 0 0 5px 0; padding: 0 1rem; }
.fs .widget.menu-list h4 { background: #008CD1; }
.ls .widget.menu-list h4 { background: #EA212B; }
.widget.menu-list ul { margin: 0; padding: 0; list-style-type: none; }
.widget.menu-list li {}
.widget.menu-list a { 
	color: #888888;
	display: block;
	padding: 7px 7px 7px 15px;
	transition: color 0.3s ease-out;
  font-size: 0.9rem;
  border-bottom: 1px solid #e7e7e7;
  font-weight: 700;
}
.widget.menu-list a:hover, .widget.menu-list a:focus { color: #444444; }
.widget.menu-list a.active { color: #39B54A; }
.fs .widget.menu-list a.active { color: #008CD1; }
.ls .widget.menu-list a.active { color: #EA212B; }

.widget.menu-list a:before {
  color: #6a6b6d;
  content: "";
  font-family: "fontello";
  font-size: 10px;
  margin-left: -15px;
  margin-top: 3px;
  position: absolute;
}

.widget.menu-list a.active:before { color: #39B54A; }
.fs .widget.menu-list a.active:before { color: #008CD1; }
.ls .widget.menu-list a.active:before { color: #EA212B; }

/* override foundation default behaviour for embedded rows (.row .row) in the sidebar */
.sidebar .widget.services .row { margin: 0; } 

.section-area .sidebar img { box-shadow: none; margin: 0; }

.widget.services ul { list-style-type: none; padding: 0; margin: 0; }

.widget.services { display: block; background: #39B54A; margin-bottom: 1em; }
.widget.services h4 { color: #FFFFFF; background: #2C3E50; line-height: 200%; margin: 0; padding: 0 1rem; border-bottom: 3px solid #FFFFFF; }
.widget.services p { padding: 0.5rem 1rem; color: #FFFFFF; line-height: 120%; margin: 0; }

.widget.services .sidebar-service-item, .widget.services .sidebar-service-item-wide { display: block; background: #2980b9; margin-bottom: 1em; }
.widget.services .sidebar-service-item:hover, .widget.services .sidebar-service-item-wide:hover { background: #FFFFFF; }
.widget.services .sidebar-service-item a { padding: 0.5rem 0; text-align: center; display: block; }
.widget.services .sidebar-service-item p, .widget.services .sidebar-service-item-wide p { color: #FFFFFF; }
.widget.services .sidebar-service-item:hover p, .widget.services .sidebar-service-item-wide:hover p { color: #2980b9; }

.widget.services .sidebar-service-item-wide { transition: background 0.3s ease-in-out; }
.widget.services .sidebar-service-item-wide img {  }
.widget.services .sidebar-service-item-wide p { text-align: center; font-size: 0.8rem; padding: 0.4rem 0; }
.widget.services:after { content: ''; display: table; clear: both; }

/* =============================================================== */
/* Contact Us
================================================================ */
.contact-us p { margin-bottom: 2rem; font-size: 0.9rem; }
.contact-us ul { list-style-type: none; margin: 0 0 2rem 0; }
.contact-us li { margin: 0 0 0.4rem 0; font-size: 0.9rem; }
.contact-us li i { color: #696986; }
.contact-us a, .contact-us a:visited { color: #222222; }
.contact-us a:hover, .contact-us a:focus { color: #39B54A; }
.fs .contact-us a:hover, .fs .contact-us a:focus { color: #008CD1; }
.ls .contact-us a:hover, .ls .contact-us a:focus { color: #EA212B; }

.contact-us h4 { color: #39b54a; }
.fs .contact-us h4 { color: #008CD1; }
.ls .contact-us h4 { color: #EA212B; }

.contact-details { margin: 0 0 2em 0; padding: 0; list-style-type: none; }
.contact-details li { margin: 0 0 0.5em 2em; }
.contact-details li i { margin-left: -1.6em; color: #2980b9; }

#commentForm textarea { min-height: 8em; }
.t2 { display: none; } /* form spam check - do not remove */

/* =============================================================== */
/* Footer
================================================================ */

.footer-main { background: #dddddd; color: #313131; padding: 3rem 0; }
.footer-main .footer-element { margin-bottom: 2rem; }
.footer-main .logo-footer { margin: 0 0 2rem 0; max-width: 85%; }
.footer-main .logo-footer.cio { margin-top: 20px; }
.footer-main h5 { color: #FFFFFF; font-weight: 700; text-transform: uppercase; letter-spacing: 2px }
.footer-main p, .footer-main li { font-size: 0.9rem; }
p.footer-bold-statement { 
  font-size: 16px; 
  font-weight: 700; 
  padding: 10px 15px; 
  color: #313131; 
  background: #FFFFFF; 
  display: inline-block; 
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.footer-menu ul { margin: 0; padding: 0; list-style-type: none; }
.footer-menu ul li { line-height: 320%; border-bottom: 1px solid #b7b8bb; }
.footer-menu ul li a { 
  color: #FFFFFF; 
  font-size: 1.1rem;
  margin-left: 1.25rem; 
  display: block;  
}
.footer-menu ul li a:hover { color: #2980b9; text-decoration: none; }
.footer-menu ul li a:before {
  color: #2980b9;
  content: '\e817\e817';
  font-family: "fontello";
  position: absolute;
  margin-left: -1.25rem;
}

.footer-contact ul { margin: 1rem 0 0 0; padding: 0; list-style-type: none; }
.footer-contact ul li { 
  color: #313131;
  margin-left: 2rem;
  margin-bottom: 0.5rem;
  display: block;
}
.footer-contact ul li a { color: #313131; }
.footer-contact ul li a:hover, .footer-contact ul li a:active { color: #39B54A; }
.footer-contact ul li:before {
  color: #39B54A;
  font-family: "fontello";
  position: absolute;
  margin-left: -2rem;
}
.footer-contact ul li.address:before { content: '\e803'; }
.footer-contact ul li.phone:before { content: '\e804'; }
.footer-contact ul li.email:before { content: '\e806'; }

.footer-sm-icons { padding: 2rem 0; }
.footer-sm-icons ul { margin: 0; padding: 0; list-style-type: none; }
.footer-sm-icons li { display: inline-block; margin: 0 0.25rem 0.8rem 0.25rem; }
.footer-sm-icons a { display: block; width: 30px; height: 30px; color: #FFFFFF; text-align: center; line-height: 30px; font-size: 1rem; }
.footer-sm-icons a.facebook { background: #4E69A2; } /* facebook */
.footer-sm-icons a.twitter { background: #00ACED; } /* twitter */
.footer-sm-icons a.youtube { background: #CC181E; } /* youtube */
.footer-sm-icons a.linkedin { background: #55ACEE; } /* linkedin */
.footer-sm-icons a.facebook:hover { background: #1B356F; } /* 20% darker */
.footer-sm-icons a.twitter:hover { background: #0079B8; } /* 20% darker */
.footer-sm-icons a.youtube:hover { background: #9a0000; } /* 20% darker */
.footer-sm-icons a.linkedin:hover { background: #2078BB; } /* 20% darker */

.dealer-group-text p { font-size: 0.7rem; }

.footer-bottom { background: #ffffff; color: #313131; padding: 1rem 0; }
.footer-bottom a {
  color: #313131;
  -webkit-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
  text-decoration: underline;
  display: inline-block;
  margin: 0 0.6rem;
}
.footer-bottom a:hover { color: #39B54A; text-decoration: none; }
.footer-bottom .site-by a { text-decoration: none; }

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .footer-bottom .site-by { text-align: right; }
  .footer-main { padding: 3rem 0 0 0; } 
} 

/* Remodal */

/* Full credit and many thanks to Vodka Bears */
/* http://vodkabears.github.io/remodal/ */

/* Hide scroll bar */
html.remodal-is-locked { /* overflow: hidden; */ } /* disabling this style prevents the 'shift right' effect when overlay opens */

/* Anti FOUC */
.remodal, [data-remodal-id] { display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay, .remodal-wrapper { backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal { position: relative; text-size-adjust: 100%; }

/* Disable Anti-FOUC */
.remodal-is-initialized { display: inline-block; }

/* remodal-default-theme.css start */

/* Default theme styles for the background */
.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); }
.remodal-bg { height: 100%; /* hack to blur entire bg, not sure why needed */ }

/* Default theme styles of the overlay */
.remodal-overlay { background: rgba(43, 46, 56, 0.5); }

.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { animation-fill-mode: forwards; }
.remodal-overlay.remodal-is-opening { animation: remodal-overlay-opening-keyframes 0.3s; }
.remodal-overlay.remodal-is-closing { animation: remodal-overlay-closing-keyframes 0.3s; }

/* Default theme styles of the wrapper */
.remodal-wrapper { padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening, .remodal.remodal-is-closing { animation-fill-mode: forwards; }
.remodal.remodal-is-opening { animation: remodal-opening-keyframes 0.3s; }
.remodal.remodal-is-closing { animation: remodal-closing-keyframes 0.3s; }

/* Vertical align of the modal dialog */
.remodal, .remodal-wrapper:after { vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
  z-index: 100;
}
.remodal-close:hover { color: #2b2e38; }
.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */
.remodal-confirm, .remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}
.remodal-confirm { color: #fff; background: #81c784; }
.remodal-confirm:hover { background: #66bb6a; }
.remodal-cancel { color: #fff; background: #e57373; }
.remodal-cancel:hover { background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner { padding: 0; border: 0; }

/* Keyframes
   ========================================================================== */
@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay { background: #2b2e38; }
.lt-ie9 .remodal { width: 700px; }


/* Custom staff modals */

/*.remodal .photo-holder img { display: table-cell; vertical-align: bottom; }*/
.remodal .staff-profile-holder h3 { text-align: left; font-size: 2.8em; }
.remodal .staff-profile-holder p.staff-title { font-size: 1.2rem; font-style: italic; font-weight: 700; color: #BBBBBB; }
.remodal .staff-profile-holder p { text-align: left; }
.remodal .staff-profile-holder img { float: left; padding: 0 0 2rem 0; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .remodal.service { padding: 15px; }
  .remodal.service .small-12.medium-4 { padding-left: 0; } 
  .remodal.service .remodal-content-container img { box-shadow: none; }
  .service-text-box { padding: 20px; margin-top: 20px; }
} 

/* Media queries
   ========================================================================== */

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .remodal { max-width: 700px; }
} 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .remodal { max-width: 900px; }
}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
  .remodal { max-width: 1100px; }
} 

/* Define mobile styles */
@media only screen { } 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) { } 

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { } 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) { } 

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { } 

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) { }