/*
Theme Name: AcctWeb
Theme URI: https://www.acctweb.com.au
Author: Carl Formigoni, AcctWeb
Author URI: https://www.acctweb.com.au
Description: Custom made Wordpress theme used on the AcctWeb and PlannerWeb websites
Version: 1.0
*/

/* =============================================================== */
/* Overwrite Foundation/Normalize defaults
================================================================ */
body { color: #393839; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.2; background: #bb2626; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 400; }
p, li { font-size: 16px; }
a, a:visited { color: #b95c02; }
a:hover, a:focus { color: #8c4503; }
button, .button, button:visited, .button:visited { font-family: 'Open Sans', sans-serif; background: #FF8C1C; color: #111111; }
button:hover, .button:hover, button:focus, .button:focus { background: #c47226; }
strong { font-weight: 700; }
img { width: 100%; } /* IE9 fix for SVG images */
ul, ol, dl { font-family: 'Open Sans', 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+ */
.row { max-width: 95%; }
.row.full-width { max-width: 100%; }

.flex-video.widescreen { padding-bottom: 51.25%; margin-bottom: 40px; }

#wpadminbar { position: fixed !important; }

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

/* =============================================================== */
/* Generic Content Styling 
================================================================ */
.site-wrapper { background: #ffffff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); margin: 0 auto; max-width: 80rem; width: 95%; }
.site-wrapper-100 {
  background: #FFFFFF;
}
.background-body-wrapper { background: url(images/brick_wall.png); }
.section-area { padding: 2.5rem 0; }

.section-title { color: #b95c02; text-transform: uppercase; letter-spacing: 4px; font-size: 16px; }
.section-title.centered { text-align: center; margin-bottom: 50px; font-size: 30px; font-weight: 300; }
.section-intro { color: #FFFFFF; font-weight: 800; font-size: 26px; }
.section-description { color: #FFFFFF; font-size: 18px; }
.section-cta { color: #bb2626; font-weight: 800; font-size: 30px; text-align: center; padding-top: 30px; }

.white-bg .section-intro { color: #bb2626; }
.white-bg .section-description { color: #bb2626; }

.t2 { display: none !important; } /* form validation - do not remove */

/* Material Design style forms */
.form-group { position: relative; margin-top: 2.25rem; margin-bottom: 2.25rem; }
.form-group input { height: 1.9rem; margin: 0; }
.form-group textarea { resize: none; margin: 0; }
.form-group .control-label {
  position: absolute;
  top: 0.25rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 1;
  color: #b3b3b3;
  font-size: 1rem;
  font-weight: normal;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  text-transform: uppercase;
}
.form-group .bar {
  position: relative;
  border-bottom: 0.0625rem solid #999;
  display: block;
}
.form-group .bar::before {
  content: '';
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #1b75bc;
  -webkit-transition: left 0.28s ease, width 0.28s ease;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}
.form-group input,
.form-group textarea {
  display: block;
  background: none;
  padding: 0.125rem 0.125rem 0.0625rem;
  font-size: 1rem;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  box-shadow: none;
}
.form-group textarea { height: 150px; }

.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
  color: #333;
  background: #FFFFFF;
}

.form-group input:focus ~ .control-label,
.form-group input:valid ~ .control-label,
.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
  font-size: 0.8rem;
  color: gray;
  top: -1rem;
  left: 0;
}

.form-group input:focus,
.form-group textarea:focus {
  outline: none;
}

.form-group input:focus ~ .control-label,
.form-group textarea:focus ~ .control-label {
  color: #1b75bc;
}

.form-group input:focus ~ .bar::before,
.form-group textarea:focus ~ .bar::before {
  width: 100%;
  left: 0;
}

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .section-area { padding: 2.5rem 2rem; }
} 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .section-area { padding: 4.5rem 3rem; }
}

/* =============================================================== */
/* Zoom Effect
================================================================ */
.zoom-item { display: block; }
.zoom-item:after { content: ''; display: table; clear: both; }
.zoom-item figure {
  position: relative;
  margin: 0;
  padding-top: 75%;
  height: 0;
  overflow: hidden;
  background: #ffffff;
}
.zoom-item figure:before {
  content: '';
  display: block;
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(77,77,77,0.9);
  transition: all 0.2s linear;
}
.zoom-item img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  min-height: 100%;
  transition: all 0.2s linear;
}
.zoom-item figcaption {
  display: block;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  color: #fff;
  text-align: center;
  transition: all 0.2s linear;
}
.zoom-item:hover figure:before { opacity: 1; }
.zoom-item:hover img { top: -10%; left: -10%; width: 120%; }
.zoom-item:hover figcaption { opacity: 1; }

/* =============================================================== */
/* 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: #bb2626;
  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: 32px;
}

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

/* =============================================================== */
/* Header & Fixed/Sticky Navigation
================================================================ */
.logo { margin-bottom: 30px; }
.phone-header { text-align: right; }
.phone-header a { color: #767676; font-weight: 700; font-size: 18px; }

.fixed-top .menu-bar, .nav-subpage .menu-bar { display: none; }
[data-magellan-expedition], [data-magellan-expedition-clone] { padding: 0; z-index: 200; }

.menu-bar { background: #FFFFFF; padding: 0.6rem 0; transition: padding 1s ease; }
.fixed .menu-bar { box-shadow: 0px 0px 10px #666666; }
.menu-bar ul { list-style-type: none; text-align: center; }
.menu-bar li { float: none; display: inline-block; margin-left: 0; }

.menu-bar .sub-nav dt a, 
.menu-bar .sub-nav dd a, 
.menu-bar .sub-nav li a { padding: 0.1875rem 0.4rem; font-family: 'Open Sans', sans-serif; color: #393839; font-size: 16px; text-transform: uppercase; border-radius: 0; }
.menu-bar .sub-nav li a:hover { color: #666666; }
.menu-bar .sub-nav li.active a { background: #bb2626; color: #FFFFFF; }
.menu-bar .sub-nav li.active a:hover { background: #bb2626; }

.nav-subpage .sub-nav li a:hover, .nav-subpage .fixed-top .sub-nav li a:focus { color: #FFFFFF; background: #F78E1E; border-radius: 3px; } 

/* SM icons */
.sm { margin: 0; padding: 0; list-style-type: none; text-align: right; }
.sm li { display: inline-block; }
.sm li a { color: #b8b8b8; }
.sm li a:hover, .sm li a:focus { color: #393839; }

/* Mobile Menu */
.mobile-menu { padding: 10px 0; background: #FFFFFF; }
.mobile-menu .menu-collapser { background: #FFFFFF; }
.mobile-menu .collapse-button { background: #FFFFFF; }
.mobile-menu .collapse-button .icon-bar { background-color: #393839; }
.mobile-menu ul.slimmenu li { background: #FFFFFF; }
.mobile-menu ul.slimmenu > li { border-left: none; }
.mobile-menu ul.slimmenu li a { font-size: 11px; padding: 8px 16px; text-align: right; }
.mobile-menu ul.slimmenu li a:hover { background: #FFFFFF; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .fixed-top .menu-bar, .nav-subpage .menu-bar { display: block; padding: 30px 0; }
} 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .logo { margin-bottom: 0; }
}

.area-mob-call {
  display: none;
  text-align: center;
}

.area-mob-call a {
  color: #fff;
  font-weight: 600;
  width: 100%;
  display: block;
  padding: 0.5rem;
}

/* =============================================================== */
/* Hero
================================================================ */
.hero { padding: 0; position: relative; }
.hero .hero-cta { position: absolute; top: 5px; max-width: 230px; text-shadow: 1px 1px 3px #666666; }
.hero .hero-cta h1 { color: #FFFFFF; font-weight: 300; font-size: 14px; }
.hero .hero-cta h1 span { font-weight: 800; font-size: 18px; line-height: 1; }
.hero .hero-cta h1 a, .hero .hero-cta h1 a:visited { color: #FFFFFF; text-decoration: underline; }
.hero .hero-cta h1 a:hover, .hero .hero-cta h1 a:focus { text-decoration: none; }
.hero .hero-cta p { color: #FFFFFF; font-size: 10px; line-height: 1.3; }

/* min-width 520px, large mobile screens */
@media only screen and (min-width: 520px) {
  .hero .hero-cta { top: 10px; max-width: 320px; }
  .hero .hero-cta h1 { font-size: 18px; }
  .hero .hero-cta h1 span { font-size: 28px; }
  .hero .hero-cta p { margin-top: 10px; font-size: 14px; }
}

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .hero .hero-cta { top: 10px; max-width: 450px; }
  .hero .hero-cta h1 { font-size: 18px; }
  .hero .hero-cta h1 span { font-size: 28px; }
  .hero .hero-cta p { margin-top: 10px; font-size: 14px; }
}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .hero .hero-cta { top: 45px; max-width: 570px; }
  .hero .hero-cta h1 { font-size: 30px; }
  .hero .hero-cta h1 span { font-size: 44px; }
  .hero .hero-cta p { margin-top: 35px; font-size: 16px; line-height: 1.4; }
}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
  .hero .hero-cta { top: 80px; max-width: 725px; }
  .hero .hero-cta h1 { font-size: 42px; }
  .hero .hero-cta h1 span { font-size: 68px; }
  .hero .hero-cta p { margin-top: 50px; font-size: 20px; }
}

/* =============================================================== */
/* Intro
================================================================ */
.intro { background: #bb2626; padding-bottom: 170px; padding-top: 10px; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .intro { padding-bottom: 160px; }
} 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .intro { padding-bottom: 145px; }
}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
  .intro { padding-bottom: 200px; }
} 

/* =============================================================== */
/* Services
================================================================ */
.services { background: #eceff3; }
.services-row { margin-top: -185px; }
.service-box-holder { margin-bottom: 90px; position: relative; }
.service-box { 
  display: block; 
  position: absolute; 
  width: 80%; 
  margin: -55px 10% 0 10%; 
  background: #FFFFFF; 
  text-align: center; 
  padding: 20px 5px 25px 5px;
  box-shadow: 0 14px 28px rgba(0,0,0,0.17), 0 10px 10px rgba(0,0,0,0.14); 
  transition: background 0.2s ease-in-out;
}
.service-box:hover { background: #bb2626; }
.service-box .service-name { transition: color 0.2s ease-in-out; }
.service-box:hover .service-name { color: #FFFFFF; }
.service-box .section-title { margin-bottom: 10px; }
.service-box .service-name { font-weight: 700; color: #bb2626; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .services-row { margin-top: -170px; }
} 

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .service-graph-image { width: 80%; display: block; margin: 0 auto; }
}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
  .services-row { margin-top: -230px; }
} 

/* =============================================================== */
/* Who We Are
================================================================ */
.who-we-are .first-half { background: #bb2626; }

.who-we-are .first-half .section-title {
  color: #fbdb7a;
}

.who-we-are .first-half a {
  color: #fbdc81;
}

.who-we-are .first-half a:hover {
  text-decoration: underline;
}

.who-we-are .second-half { background: #FFFFFF; padding-top: 60px; }
.who-we-are .first-half:after { 
    display: block; 
    content: ''; 
    width: 0px; 
    height: 0px; 
    border-top: 50px solid #bb2626; 
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    position: absolute;
    left: calc(50% - 50px);
}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .who-we-are .second-half { padding-top: inherit; }
}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
  .who-we-are { background: linear-gradient(90deg, #bb2626 50%, #FFFFFF 50%); padding-left: 7rem; padding-right: 7rem; }
  .who-we-are:after { display: table; content: ''; clear: both; }
  .who-we-are .first-half, .who-we-are .second-half { background: none; width: 50%; float: left; }
  .who-we-are .first-half { position: relative; }
  .who-we-are .first-half .section-area { display: flex; justify-content: center; flex-direction: column; }
  .who-we-are .first-half:after { 
    border-top: 50px solid transparent; 
    border-bottom: 50px solid transparent; 
    border-left: 50px solid #bb2626;
    border-right: none;
    left: auto;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
  }
  .who-we-are .second-half .section-area { padding-right: 0; }
} 

/* =============================================================== */
/* Dealer Groups
================================================================ */
.dealer-logo img { display: block; max-width: 140px; margin: 0 auto; }

/* =============================================================== */
/* Testimonials
================================================================ */
.testimonials { background: #ECEFF3; }
.testimonials:after {
  display: block; 
  content: ''; 
  width: 0px; 
  height: 0px; 
  border-top: 50px solid #ECEFF3; 
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  position: absolute;
  left: calc(50% - 50px);
  margin-top: 40px;
}
.testimonials .testimonials-title { font-weight: 700; color: #000000; text-transform: uppercase; text-align: center; font-size: 24px; margin-bottom: 30px; }

.testimonials .owl-item .item { 
  background: #FFFFFF;
  padding: 35px 20px 55px 80px; 
  font-size: 17px;
  line-height: 1.4;
}
.testimonials .owl-item .item:before { display: block; position: absolute; font-family: fontello; content: '\f10d'; color: #cfcfcf; left: 30px; top: 30px; }
.testimonials .owl-item .item .testimonial-content { margin-bottom: 30px; }
.testimonials .owl-item .item .testimonial-author { color: #bb2626; text-transform: uppercase; margin-bottom: 5px; }
.testimonials .owl-item .item .testimonial-author-title { color: #757575; font-style: italic; font-size: 15px; }

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .testimonials:after { margin-top: 65px; }
  .testimonials .testimonials-title { font-size: 30px; }
}

/* =============================================================== */
/* See Our Work
================================================================ */
.see-our-work { padding-left: 5px; padding-right: 5px; padding-bottom: 0; background: #F6F6F6; }

.see-our-work .section-title { margin-top: 50px; }

.see-our-work [class*="block-grid-"] { margin: 0; }
.see-our-work [class*="block-grid-"] > li { padding: 5px; }

.see-our-work .accordion .accordion-navigation > .content.active, .see-our-work .accordion dd > .content.active { background: #F6F6F6; }

.see-our-work .new-work { margin-bottom: 80px; }
.see-our-work .new-work li a { border: 1px solid #a6a6a6; }
.see-our-work .new-work .zoom-item figcaption .new-gallery-caption-line-1 { font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.see-our-work .new-work .zoom-item figcaption .new-gallery-caption-line-2 { font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: 4px; }

.see-our-work .old-work li a { display: block; margin-bottom: 10px; }
.see-our-work .old-work li a img { border: 1px solid rgba(77,77,77,0.5); margin-bottom: 10px; }
.see-our-work .old-work .old-gallery-caption { text-align: center; color: #5e5e5e; font-weight: 700; font-size: 15px; transition: all 0.2s linear; }

.see-our-work .old-work li a:hover .old-gallery-caption { color: #a6a6a6; }

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .see-our-work .section-title { margin-top: 15px; }
}

.old-work-accordion .accordion .accordion-navigation a, .old-work-accordion .accordion dd a { background: #F6F6F6; padding: 0; font-family: 'Open Sans', sans-serif; }
.old-work-accordion .accordion .accordion-navigation > .content.active, .old-work-accordion .accordion dd > .content.active { padding: 0; }

.old-work-accordion .accordion .accordion-heading-text { margin-bottom: 15px; }
.old-work-accordion .accordion .accordion-toggle-text { color: #5e5e5e; font-size: 16px; margin: 0 0 60px 0; transition: all 0.2s ease-in-out; }
.old-work-accordion .accordion .accordion-toggle-text:hover { color: #a6a6a6; }

/* =============================================================== */
/* How We Do It
================================================================ */
.how-we-do-it { background: #FFFFFF; }
.how-we-do-it:after {
  display: block; 
  content: ''; 
  width: 0px; 
  height: 0px; 
  border-top: 50px solid #FFFFFF; 
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  position: absolute;
  left: calc(50% - 50px);
  margin-top: 40px;
}

.bundle-info-list { margin: 0; padding: 20px 0 0 0; list-style-type: none; text-align: center; background: #ECEFF3; }
.bundle-info-list li { text-align: center; margin: 20px; display: inline-block; width: 170px; vertical-align: bottom; }
.bundle-info-list li a { display: block; color: #BB2626; }
.bundle-info-list li a span {
  display: block;
  font-size: 40px;
  color: #ffffff;
  background: #BB2626;
  border: 5px solid #BB2626;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  line-height: 80px;
  margin: 0 auto 10px auto;
  transition: all 0.3s ease-in-out;
}
.bundle-info-list li a:hover span {
  color: #BB2626;
  background: #FFFFFF;
}

/* custom icon placement */
.bundle-info-list li a span:before { position: relative; }
.bundle-info-list li a span.icon-newspaper:before { left: -1px; top: -5px; }
.bundle-info-list li a span.icon-video:before { left: 0px; top: -8px; }
.bundle-info-list li a span.icon-chart-pie:before { left: 3px; top: -6px; }
.bundle-info-list li a span.icon-lock:before { top: -6px; }
.bundle-info-list li a span.icon-chart-bar { font-size: 32px; }
.bundle-info-list li a span.icon-chart-bar:before { top: -7px; }
.bundle-info-list li a span.icon-calc:before { left: 2px; top: -7px; }
.bundle-info-list li a span.icon-megaphone:before { top: -7px; }
.bundle-info-list li a span.icon-chat:before { left: 2px; top: -9px; }
.bundle-info-list li a span.icon-lifebuoy:before { left: 0px; top: -7px; }
.bundle-info-list li a span.icon-desktop:before { left: -1px; top: -4px; }
.bundle-info-list li a span.icon-edit:before { left: 4px; top: -5px; }
.bundle-info-list li a span.icon-network:before { left: 1px; top: -7px; }
.bundle-info-list li a span.icon-picture:before { left: -1px; top: -7px; }
.bundle-info-list li a span.icon-paper-plane:before { left: -2px; top: -6px; }
.bundle-info-list li a span.icon-search:before { left: -1px; top: -7px; }
.bundle-info-list li a span.icon-clock:before { left: -1px; top: -7px; }
.bundle-info-list li a span.icon-school:before { left: -1px; top: -7px; }

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .how-we-do-it:after { margin-top: 65px; }
}

/* =============================================================== */
/* Pricing Tables
================================================================ */
.pricing { background: #ECEFF3; }
.pricing:after {
  display: block; 
  content: ''; 
  width: 0px; 
  height: 0px; 
  border-top: 50px solid #ECEFF3; 
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  position: absolute;
  left: calc(50% - 50px);
  margin-top: 40px;
}

.pricing .section-title { margin-top: 50px; }
.pricing .section-title.sub-heading { margin-top: 0; }

.pricing-table { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border: none; }
.pricing-table ul { margin: 0; padding: 0; list-style-type: none; }
.pricing-table .title { 
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6375rem; 
  background-color: #bb2626; 
  color: #FFFFFF; 
  padding: 0.8rem 0.5rem;
}
.pricing-table.smaller-table .title { font-size: 15px; }
.pricing-table .description { background: #303234; border-bottom: none; display: flex; align-items: center; }
.pricing-table .description h4 { color: #FFFFFF; line-height: 1.3; margin-bottom: 0.6rem; }
.pricing-table .description strong {
  color: #FFFFFF;
  line-height: 1.3;
  margin-bottom: 0.6rem;
  font-size: 1.4375rem;
  font-weight: 400;
}
.pricing-table .description p { color: #d0d0d0; line-height: 1.3; margin-bottom: 0.3rem; }
.pricing-table .accordion { text-align: center; }
.pricing-table .accordion .accordion-navigation > a, .pricing-table .accordion dd > a { font-family: "Open Sans", sans-serif; font-weight: 700; }
.pricing-table.smaller-table .accordion .accordion-navigation > a, .pricing-table.smaller-table .accordion dd > a { font-size: 14px; }
.pricing-table .accordion .accordion-navigation > a:after, .pricing-table .accordion dd > a:after {
  content: '\e803';
  display: block;
  width: 1rem;
  margin: 5px auto 0 auto;
  color: #bb2626;
  font-family: fontello;
}
.pricing-table .accordion .accordion-navigation.active > a:after, .pricing-table .accordion dd.active > a:after { content: '\e801'; }
.pricing-table .accordion .accordion-navigation > .content, .pricing-table .accordion dd > .content { padding: 0; }
.pricing-table .bullet-item { line-height: 1.3; }
.pricing-table .price { font-family: "Open Sans", sans-serif; text-transform: uppercase; color: #e0504b; font-weight: 700; }
.pricing-table .price span { display: block; font-size: 0.9rem; color: #333333; font-weight: 400; }
.pricing-table .price span.top { margin-bottom: 0.4rem; }
.pricing-table .price span.bottom { margin-top: 0.4rem; }
.pricing-table .price p { color: #333333; margin: 1rem 0 0.4rem 0; text-transform: none; font-size: 14px; line-height: 1.4; }
.pricing-table.smaller-table .button { padding: 0.8rem 1rem; }

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .pricing:after { margin-top: 65px; }
}

/* =============================================================== */
/* Blog
================================================================ */
.blog-area { background: #F6F6F6; }
.blog-area:after {
  display: block; 
  content: ''; 
  width: 0px; 
  height: 0px; 
  border-top: 50px solid #F6F6F6; 
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  position: absolute;
  left: calc(50% - 50px);
  margin-top: 40px;
}

.blog-area a {
  color: #b15803;
}

.blog-area .section-title { margin-top: 50px; }

.blog-item-container { position: relative; margin-bottom: 25px; }
.blog-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); }
.blog-item-text { margin: 0 10px; }
.blog-title { font-size: 14px; font-weight: 700; margin-bottom: 0.3rem; line-height: 1.2; }
.blog-description { margin-bottom: 0.2rem; font-size: 12px; }
.blog-read-more { margin-bottom: 1rem; font-size: 12px; }

.blog-area h3 { color: #69675b; font-size: 18px; margin-bottom: 1.4rem; }
.blog-area h3:after { display: block; background: #69675b; height: 1px; width: 100%; content: ''; margin-top: 10px; }
.blog-area ul { list-style-type: none; margin: 0; padding: 0; }
.blog-area li { margin-bottom: 1.4rem; }
.blog-area li a { font-size: 1.4rem; font-weight: 700; }
.blog-area li p { margin: 0; }

.blog-content-area img {
  width: 100%;
  max-width: 95%;
  display: block;
  margin-top: 35px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.12), 1px 1px 2px rgba(0, 0, 0, 0.24);
}
.blog-content-area .wp-post-image { margin-bottom: 30px; }

.blog-content-area h1 { font-size: 1.4rem; margin: 1rem 0; color: #bb2626; }
.blog-content-area h1:after { background: #999999; content: ""; display: block; height: 3px; width: 80px; margin: 1rem 0 0 0; }
.articledescription { font-size: 1.6rem; font-weight: 700; margin-bottom: 2rem; line-height: 1.2; }
.blog-content-area p, .blog-content-area li { font-size: 15px; }

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

.blog-sidebar .menu-list { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.blog-sidebar h4, .modal-sidebar h4 { font-size: 1.4rem; margin: 1rem 0; color: #bb2626; }
.blog-sidebar h4:after, .modal-sidebar h4:after { background: #999999; content: ""; display: block; height: 3px; width: 80px; margin: 1rem 0 0 0; }
.blog-sidebar ul { margin: 0 0 2rem 0; padding: 0; list-style-type: none; }
.blog-sidebar li { border-bottom: 1px solid #ffffff; }
.blog-sidebar li:last-child { border-bottom: none; }

.blog-sidebar .primary-sidebar.widget-area label { display: none; }

.blog-share-links-top { margin-bottom: 2rem; }
.blog-share-links-top p { display: inline-block; margin-bottom: 0; font-size: 12px; }
.blog-share-links-top ul { display: inline-block; list-style-type: none; padding: 0; margin: 0; }
.blog-share-links-top li { display: inline-block; margin-left: 5px; }
.blog-share-links-top a { 
  display: block; 
  color: #FFFFFF; 
  width: 1.6rem; 
  height: 1.6rem; 
  line-height: 1.6rem; 
  border-radius: 50%; 
  transition: all 0.3s ease-in-out;
}
.blog-share-links-top i { position: relative; margin-left: 5px; top: -2px; font-size: 12px; }

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

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

.blog-archive-dropdown { margin-top: 50px; }
.blog-archive-dropdown h4, .blog-archive-dropdown label { display: none; }

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .blog-area:after { margin-top: 65px; }
}

/* =============================================================== */
/* Contact
================================================================ */
.contact-us { background: #FFFFFF; }
.contact-us .section-title { margin-top: 50px; }

.contact-us ul { list-style-type: none; margin: 0; }
.contact-us li { margin-bottom: 10px; }

/* Contact Form 7 specific styling */
.wpcf7 { margin-top: 30px; }
.wpcf7-textarea, .wpcf7-textarea[rows] { height: 100px; resize: none; }
.cf7sr-g-recaptcha { margin-bottom: 1rem; }
span.wpcf7-not-valid-tip { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.7rem; }

/* =============================================================== */
/* Content
================================================================ */

.align-middle {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.row.row-margin-top {
  margin-top: 3rem;
}

/* =============================================================== */
/* Footer
================================================================ */
.footer { background: #bb2626; }
.footer .copyright { text-align: center; color: #FFFFFF; }
.footer .site-by { text-align: center; }
.footer .site-by a { color: #FFFFFF; }
.footer .site-by a:hover { text-decoration: underline; }

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .footer .copyright { text-align: left; }
  .footer .site-by { text-align: right; margin: 0; }
} 


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Default theme - Owl Carousel CSS File
 */
.testimonials .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .testimonials .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .testimonials .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .testimonials .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.testimonials .owl-nav.disabled + .owl-dots {
  margin-top: 30px; }

.testimonials .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .testimonials .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .testimonials .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 0 3px;
      background: #cfcfcf;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .testimonials .owl-dots .owl-dot.active span, .testimonials .owl-dots .owl-dot:hover span {
      background: #bb2626; }


/* modal-video.js - jQuery Modal Video Plugin */
/* https://appleple.github.io/modal-video/ */
@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{padding:0;position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:hover{background:none;}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}


/* =============================================================== */
/* 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: 15px;
  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;
}
.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; }

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

/* max-width 640px, small mobile screens */
@media only screen and (max-width: 40.060em) {

  .home .hero {
    min-height: 50vh;
    max-height: 50vh;
  }

  .home .hero img {
    min-height: 50vh;
    max-height: 50vh;
    object-fit: cover;
  }

  .remodal { max-width: 700px; padding: 20px; }
} 

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

  .home .hero {
    min-height: 55vh;
    max-height: 55vh;
  }

  .home .hero img {
    min-height: 55vh;
    max-height: 55vh;
    object-fit: cover;
  }

  .remodal { max-width: 700px; padding: 20px; }
} 

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

   .home .hero {
    min-height: 60vh;
    max-height: 60vh;
  }

  .home .hero img {
    min-height: 60vh;
    max-height: 60vh;
    object-fit: cover;
  }

  .remodal { max-width: 900px; padding: 30px; }
}

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

  .home .hero {
    min-height: 70vh;
    max-height: 70vh;
  }

  .home .hero img {
    min-height: 70vh;
    max-height: 70vh;
    object-fit: cover;
  }


  .remodal { max-width: 1100px; }
} 


.remodal-content-container { text-align: left; }
.remodal-content-container h1 { font-size: 1.4rem; margin: 1rem 0; color: #bb2626; }
.remodal-content-container h1:after { background: #999999; content: ""; display: block; height: 3px; width: 80px; margin: 1rem 0 0 0; }
.remodal-content-container h4 { font-size: 1rem; color: #999999; }
.remodal-content-container p, .remodal-content-container li { font-size: 0.85rem; }
.remodal-content-container p { margin-bottom: 0.8rem; }
.remodal-content-container img { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }

/* overrides for popups within popups */
.remodal-content-container .section-popup h4 { color: #FFFFFF; text-transform: none; font-size: 14px; }
.remodal-content-container .section-popup:hover h4, .remodal-content-container .section-popup:focus h4 { background: #FFFFFF; color: #069EDE; }
.remodal-content-container .section-popup img { box-shadow: none; }

.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%; }




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

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

  .area-mob-call {
    display: block;
  }

} 

/* 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) { }