body { font-family: 'Open Sans', arial, sans-serif; font-size: 15px; line-height: 1.5; color: #58595b; font-weight: 400; }
html, body { height:100%; }

::selection { background: #1a1a1a; color: #ffffff; }
::-moz-selection { background: #1a1a1a; color: #ffffff; }
 
a { color: #551c87; text-decoration: none; }
a:hover, a:active { color: #333; text-decoration: none; }
a:focus { outline:none; color: #551c87; text-decoration: none; }


/***FIX FOR IE10***/
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/****TYPOGRAPHY****/
h1, h2, h3 { font-family: 'Pathway Gothic One', sans-serif; color: #551c87; }
h1 { font-size: 72px; line-height: 1.1; font-weight: 300; margin: 0 0 22px 0; }
h2 { font-size: 54px; line-height: 1.2; font-weight: 400; padding: 0; margin: 0 0 22px 0; }
h3 { font-size: 38px; line-height: 1.2; font-weight: 400; margin: 0 0 22px 0; }
h4 { font-size: 24px; line-height: 18px; font-weight: 600; margin: 14px 0 32px 0; padding: 0; }

.italic { font-style: italic; letter-spacing: 1px; }
strong, .bold { font-weight: 600; }
.text-uc { text-transform: uppercase; }

p { margin-bottom: 16px; }
ul { margin-bottom: 16px; }

hr { margin: 28px 0; border-color: #333; }
hr.lg { margin: 60px 0; }
hr.sm { margin: 12px 0; border-color: #333; }

/****SPACING****/
.mar-top-10 { margin-top: 10px; }
.mar-top-20 { margin-top: 20px; }
.mar-top-30 { margin-top: 30px; }
.mar-top-40 { margin-top: 40px; }
.mar-top-50 { margin-top: 50px; }
.mar-top-60 { margin-top: 60px; }
.mar-bot-0 { margin-bottom: 0; }
.mar-bot-10 { margin-bottom: 10px; }
.mar-bot-20 { margin-bottom: 20px; }
.mar-bot-30 { margin-bottom: 30px; }
.mar-bot-40 { margin-bottom: 40px; }
.mar-bot-60 { margin-bottom: 60px; }
.mar-tb-20 { margin: 20px 0; }
.mar-tb-30 { margin: 30px 0; }
.mar-tb-40 { margin: 40px 0; }
.pad-top-20 { padding-top: 30px; }
.pad-top-30 { padding-top: 30px; }
.pad-top-40 { padding-top: 40px; }
.pad-top-50 { padding-top: 50px; }
.pad-top-60 { padding-top: 60px; }
.pad-top-70 { padding-top: 70px; }
.pad-bot-10 { padding-bottom: 10px; }
.pad-bot-20 { padding-bottom: 20px; }
.pad-tb-8 { padding: 8px 0; }
.pad-tb-10 { padding-top: 10px; padding-bottom: 10px; }
.pad-tb-20 { padding-top: 20px; padding-bottom: 20px; }
.pad-tb-30 { padding-top: 30px; padding-bottom: 30px; }
.pad-tb-40 { padding-top: 40px; padding-bottom: 40px; }
.pad-tb-60 { padding-top: 60px; padding-bottom: 60px; }
.pad-20 { padding: 20px; }
.pad-rt-30 { padding-right: 30px; }

/****BUTTONS****/
.btn { font-family: 'Open Sans Condensed', sans-serif; -webkit-transition: all .3s ease; transition: all .3s ease; white-space: nowrap; padding: 8px 36px; }

.btn-grn { background-color: #c8d8a8; color: #551c87; border: 0; }
.btn-grn:hover { background-color: #666; color: #fff; }
.btn-wht { background-color: #fff; color: #551c87; border: 0; }
.btn-wht:hover { background-color: #666; color: #fff; }

.btn-lg { padding: 8px 36px; font-size: 20px; }

.btn-round-lg { border-radius: 22.5px; }
.btn-round { border-radius: 17px; }
.btn-round-sm { border-radius: 15px; }
.btn-round-xs { border-radius: 11px; padding-left: 10px; padding-right: 10px; }

/***HELPER****/
.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.img-ctr { display: block; margin: 0 auto; }
.img-center .img-responsive { margin: 0 auto; }
.img-pull-right .img-responsive { margin-left: auto; }
.img-right { float: right; margin: 0 0 14px 20px; }
.img-left { float: left; margin: 0 20px 14px 0; }
.img-inline { display: inline-block; }

.glow { box-shadow: 0 0 5px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5); }
.text-glow { text-shadow: 0px -1px 14px rgba(0, 0, 0, 1); }

section { position: relative; }
.container-fluid { padding-left: 0; padding-right: 0; overflow: hidden; }
.row.no-gutters { margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0;}
.jarallax { position: relative; z-index: 0; }
.jarallax > .jarallax-img { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

/*** HEADER ***/
.jobs-bar { display: block; position: relative; background-color: #551c87; color: #fff; padding: 8px; }
.jobs-list { margin: 0; padding: 0; list-style-type: none; font-size: 0; }
.jobs-list li { display: block; margin: 0; padding: 8px 0; }
.jobs-list li a { display: block; font-size: 18px !important; color: #fff !important; font-weight: 700 !important; border: 1px solid #ccc; padding: 8px; }
.jobs-list li a:hover { border-color: #c8d8a8; }

#header { width: 100%; position: absolute; top: 0; right:0; left:0;  background-color: rgba(255,255,255,1); padding: 12px 0; }

.top-logo { position: relative; z-index: 9999; }
.top-logo-wht { display: none; }

.phone-wrapper { text-align: center; line-height: 1.2; }
.phone { font-size: 26px; color: #551c87; font-weight: 600; margin-top: 7px; }

#header.open .top-logo-wht { display: block; position: relative; z-index: 9999; }
#header.open .top-logo { display: none; }

.button_container { position: absolute; top: 10px; right: 20px; height: 27px; width: 35px; cursor: pointer; z-index: 9999; transition: opacity 0.25s ease; }
.button_container:hover { opacity: 0.7; }
.button_container.active .top { transform: translateY(11px) translateX(0) rotate(45deg); background: #fff; }
.button_container.active .middle { opacity: 0; background: #fff; }
.button_container.active .bottom { transform: translateY(-11px) translateX(0) rotate(-45deg); background: #fff; }

.button_container span { background: #551c87; border: none; height: 5px;
width: 100%; position: absolute; top: 0; left: 0; transition: all 0.35s ease; cursor: pointer; }
.button_container span:nth-of-type(2) { background: #c8d8a8; top: 11px; }
.button_container span:nth-of-type(3) { background: #58595b; top: 22px; }

.overlay-wrapper { position: fixed; background: #551c87; top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden; transition: opacity 0.35s, visibility 0.35s, height 0.35s; overflow: hidden; z-index: 5; }
.overlay-wrapper.open { opacity: 0.95; visibility: visible; height: 100%; }
.overlay-wrapper.open li { animation: fadeInRight 0.5s ease forwards; animation-delay: 0.35s; }
.overlay-wrapper.open li:nth-of-type(2) { animation-delay: 0.4s; }
.overlay-wrapper.open li:nth-of-type(3) { animation-delay: 0.45s; }
.overlay-wrapper.open li:nth-of-type(4) { animation-delay: 0.5s; }
.overlay-wrapper.open li:nth-of-type(5) { animation-delay: 0.55s; }
.overlay-wrapper.open li:nth-of-type(6) { animation-delay: 0.6s; }

.menu-left { float: left; height: 100%; width: 70%; }
.menu-right { float: left; background-color: rgba(0,0,0,.3); height: 100%; width: 30%; }

.overlay-menu { position: relative; height: 100%; top: 200px; left: 0; font-size: 36px; text-align: center; }
.overlay-menu ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative; height: 100%; }
.overlay-menu ul li { display: block; margin: 15px 0; position: relative; opacity: 0; text-align: left; }
.overlay-menu ul li a { font-family: 'Pathway Gothic One', sans-serif; font-size: 44px; display: block; position: relative; color: #fff; text-decoration: none; overflow: hidden; }
.overlay-menu ul li a:hover:after,
.overlay-menu ul li a:focus:after,
.overlay-menu ul li a:active:after { width: 100%; }
.overlay-menu ul li a:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0%; transform: translateX(-50%); height: 3px; background: #c8d8a8; transition: 0.35s; }


@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

.news-lister { position: relative; top: 200px; left: 20%; width: 80%; }
.news-lister h5 { color: #c8d8a8; font-weight: 600; }
.news-item { color: #fff; margin-bottom: 22px; }
.news-item a { font-family: 'Pathway Gothic One', sans-serif; font-size: 24px; color: #fff; margin-bottom: 8px; }
.news-item .news-date { font-size: 14px; }


/*** HOME ***/
#hm-hero { position: relative; width: 100%; height: 800px; z-index: -1; background-position: center center; background-size: cover; }
.hero-text-container { position: absolute; top: 60%; left: 0; right: 0; width: 85%; margin: 0 auto; transform: translateY(-60%); text-align: center; z-index: 10; }
.hero-title { font-family: 'Open Sans Condensed', sans-serif; font-size: 34px; line-height: 1; font-weight: 300; color: #fff; letter-spacing: 6px; }
.hero-title span { font-size: 80px; display: block; margin-bottom: 20px; }
#hm-hero .down-arrow { position: absolute; bottom: -40px; left: 0; right: 0; z-index: 5; text-align: center; margin: 0 auto; background-color: #c8d8a8; width: 80px; height: 80px; border-radius: 50%; color: #fff; font-size: 80px; line-height: 1; }

#home { height: 800px; position: relative; z-index: -1; background-position: top center; background-size: cover; }
.bg-dark { background-color: #000; }

.hm-jobs { color: #fff !important; }
#hm-block-2 { background-color: #c8d8a8; }
#hm-block-2 .text-overlay-left { position: absolute; top: 10%; left: 40px; right: 0; }

.gridder { margin: 0 auto; margin-top: 40px; padding: 0; list-style-type: none; font-size: 0; }
.gridder-list { display: inline-block; vertical-align: top; width: 33%; text-align: center; color: #fff; font-weight: 600; position: relative; margin-top: 18px; padding-bottom: 30px; cursor: pointer}
.gridder-list .icon { display: inline-block; border: 4px solid #551c87; color: #551c87; background-color: rgba(255,255,255,.5); width: 200px; height: 200px; font-size: 130px; line-height: 220px; border-radius: 50%; text-align: center; -webkit-transition: 600ms; -moz-transition: 600ms; -o-transition: 600ms; transition: 600ms; }
.gridder-list .type-title { font-size: 18px; font-weight: 400; color: #551c87; margin-top: 15px; }
.gridder-list:hover .icon { background-color: rgba(255,255,255,.9); }
.hasSelectedItem .gridder-list {opacity:.5}
.hasSelectedItem .gridder-list.selectedItem {opacity:1}
.hasSelectedItem .gridder-list.selectedItem .icon { background-color: rgba(255,255,255,.9); }
.gridder-list.selectedItem::after { top: auto; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #551c87; border-width: 15px; left: 50%; margin: 0 0 0 -15px; z-index: 999; }

.gridder-show { display:block; float:left; width:100%; position:relative; background:#fff url('/wp-content/uploads/loading-spin.svg') no-repeat center}
.gridder-show.loading { background:#fff url('/wp-content/uploads/loading-spin.svg') no-repeat center}
.gridder-content { display:none; }
.gridder-show { background:#eee; border-top: 6px solid #551c87; margin-bottom:1%; position: relative; }
.gridder-show .gridder-padding { padding: 6px 30px 30px 30px; }
.gridder-navigation { text-align: right; font-size: 28px; }
.gridder-navigation .gridder-nav.disabled {opacity:.5}
.gridder-show h3 { text-align: left; }
.gridder-show .btn { text-align: center; border: 1px solid #ccc; border-radius: 14px; margin-top: 22px; }

ul.list-cols-3 { margin: 0; padding: 0; list-style-type: none; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; }
ul.list-cols-3.top { margin-bottom: 30px; }
ul.list-cols-3 li { font-size: 16px; padding: 4px 0; text-align: left; }
#hm-block-5 { font-size: 26px; line-height: 1.2; font-family: 'Pathway Gothic One', sans-serif; }
#hm-block-5 .fl-rich-text{ font-size: 26px; line-height: 1.2; font-family: 'Pathway Gothic One', sans-serif; }

.fl-node-5b2178cde9bc4 .info-list-icon-dynamic0 .uabb-icon-wrap .uabb-icon i,
.fl-node-5b2178cde9bc4 .info-list-icon-dynamic0 .uabb-icon-wrap .uabb-icon i:before { font-size: 38px; }

/*** FOOTER ***/
#footer { padding: 40px 0; }
.assoc-logos { margin: 0; }
.assoc-logos img + img { margin-left: 22px; }
.footer-menu { margin: 0; padding: 0; list-style-type: none; }
.footer-menu li { display: inline-block; margin: 0 10px; }
.footer-menu li a { font-family: 'Open Sans Condensed', sans-serif; font-size: 20px; text-decoration: underline; }
.copyright { font-size: 14px; }


@media (max-width: 1200px) {

.container { width: 100%; padding-left: 30px; padding-right: 30px; }
#hm-hero > .hero-text-container { width: 100%; }
#hm-block-2 .text-overlay-left { top: 6%; left: 0; }
#hm-block-2 h2 { margin-bottom: 14px; }
#hm-block-5 { font-size: 24px; }

}
 

@media only screen and (max-width: 991px) {

h1 { font-size: 60px; margin: 0 0 16px 0; }
h2 { font-size: 44px; padding: 0; margin: 0 0 16px 0; }
h3 { font-size: 28px; margin: 0 0 16px 0; }
h4 { font-size: 18px; margin: 14px 0 26px 0; padding: 0; }

.hero-text-container { top: 60%; }
#hm-hero { height: 600px; }
.hero-title { font-size: 28px; }
.hero-title span { font-size: 60px; margin-bottom: 20px; }
#hm-hero .down-arrow { width: 60px; height: 60px; font-size: 60px; }
#home { height: 600px; }

#hm-block-2 .text-overlay-left { position: relative; top: 0; left: 0; right: 0; padding: 30px 0; }
.gridder-list .icon { width: 160px; height: 160px; font-size: 100px; line-height: 180px; }
ul.list-cols-3 { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; }
ul.list-cols-3 li { font-size: 14px; }
#hm-block-3 { background-image: none !important; padding: 0 0 60px 0; }
#hm-block-3 img { margin-bottom: 30px; }
#hm-block-5 { font-size: 22px; }
#hm-block-5 h3 { font-size: 35px; }
#hm-block-5 .fa-mobile-phone { font-size: 32px; }

}



@media only screen and (max-width: 767px) {

body { font-size: 16px; line-height: 1.3; padding: 0; }

.menu-left { width: 65%; }
.menu-right { width: 35%; }

.overlay-menu { top: 200px; font-size: 26px; }
.overlay-menu ul li a { font-size: 32px; }
.news-lister { top: 200px; left: 15%; }
.news-item .news-date { font-size: 14px; }
.news-item h3 { font-size: 22px; }

#hm-hero { height: 500px; }
.hero-title { font-size: 22px; }
.hero-title span { font-size: 50px; margin-bottom: 20px; }
#home { height: 500px; }

ul.list-cols-3 { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }

#hm-block-5 { text-align: center; }

.fl-node-5cdacdedd25d7 > .fl-row-content-wrap:after {background-color: rgba(255,255,255,0.65);}

}


@media only screen and (max-width: 650px) {
#header .col-xs-8 { width: 100%; }
.top-logo { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.phone-wrapper { display: none; }
.gridder-list { width: 50%; }
.gridder-list .icon { width: 140px; height: 140px; font-size: 80px; line-height: 150px; }
.gridder-list .type-title { font-size: 16px; }
}
@media only screen and (max-width: 480px) {
.fl-node-5cdacdedd25d7 > .fl-row-content-wrap {background-position: right center;}
}
@media only screen and (max-width: 371px) {
.gridder-list .icon { width: 100px; height: 100px; font-size: 60px; line-height: 100px; }
.gridder-list .type-title { font-size: 14px; }
ul.list-cols-3 { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0; }
}