@import url('/assets/css/reset.css');




/* -------------------------------------------------------------------------------
			Default Layout: 1200px. 		
------------------------------------------------------------------------------- */
html, body {width: 100%; font-size: 16px; line-height: 150%; font-family: "Rethink Sans", sans-serif; font-style: normal; font-optical-sizing: auto; font-weight: 400; color: #0B4047; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; -webkit-text-size-adjust: 100%; height: 100%; background: #F7F5F2;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {display: block; clear: both; font-family: "Rethink Sans", sans-serif; font-style: normal; font-optical-sizing: auto; font-weight: 600; margin: 0 0 15px 0; z-index: 10; color: #0B4047; line-height: 150%;}
h1, .h1 {font-size: 60px; line-height: 125%;}
h2, .h2 {font-size: 40px; line-height: 125%;}
h3, .h3 {font-size: 30px; line-height: 125%;}
h4, .h4 {font-size: 25px;}
h5, .h5 {font-size: 20px;}
h6, .h6 {font-size: 18px;}


.viewport {display: none;}
.viewport:after {content: 'Full Desktop'; color: #FFFFFF; position: fixed; bottom: 15px; right: 15px; background: red; z-index: 999; padding: 2px 15px; font-size: 8px;}


button {border: 0; outline: none; cursor: pointer; text-decoration: none; font-family: "Rethink Sans", sans-serif; font-style: normal; font-optical-sizing: auto; font-weight: 600; color: #0B4047; background: none; padding: 0;}
button:disabled, .button.disabled {background: #CFD8DA!important; border: 1px solid #CFD8DA; cursor: default; -moz-animation: none!important; -o-animation: none!important; animation: none!important;}
.button.disabled:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.button {position: relative; padding: 15px 35px; cursor: pointer; z-index: 50; text-align: center; font-family: "Rethink Sans", sans-serif; font-style: normal; font-weight: 600; font-size: 16px; display: inline-block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; text-decoration: none; background: #D8611C; color: #FFFFFF; font-size: 18px; overflow: hidden; transition: opacity 0.25s ease; text-align: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; border: 1px solid #D8611C; white-space: nowrap;}
.button.larger {padding: 20px 45px; font-size: 20px;}
.button.background-none {background: none; color: #D8611C;}
.button i {padding: 0 0 0 10px; margin: 0; display: inline-block;}


p, .p {margin: 0 0 15px 0; display: block; clear: both; width: 100%; z-index: 10;}
p.margin-top-10 {float: left;}
a {color: #D8611C; border-bottom: 1px solid;}
i {margin: 0 5px 0 0;}
strong {font-weight: 600;}
img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
hr {height: 50px; display: block; clear: both; width: 100%;}
hr.smaller {height: 25px;}
svg {display: block; fill: #0B4047; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
sup {font-size: 40%!important;}
.text-color-deep-teal {color: #0B4047!important;}
.text-color-burnt-orange {color: #D8611C!important;}
.text-color-slate-grey {color: #5F6F73!important;}
.text-color-cool-grey {color: #CFD8DA!important;}
.text-color-off-White {color: #F7F9F8!important;}
.text-color-muted-gold {color: #BFA36A!important;}
.text-color-warm-stone {color: #E6DED6!important;}
.text-color-steel-blue {color: #6F8F9B!important;}
.text-color-deep-sage {color: #4F7C6B!important;}
.text-color-black {color: #0B4047!important;}
.text-color-white {color: #FFFFFF!important;}
.text-size-regular,
.text-size-regular * {font-size: 16px; line-height: 150%;}
.text-size-smaller,
.text-size-smaller * {font-size: 14px; line-height: 150%;}
.text-size-smaller sup {font-size: 50%!important;}
.text-size-smallest,
.text-size-smallest * {font-size: 12px; line-height: 150%;}
.text-size-smallest sup {font-size: 75%!important;}
.text-align-center {text-align: center;}
.text-transform-uppercase {text-transform: uppercase;}
.text-capitalise-first-letter {text-transform: capitalize;}
.text-sentence-case:first-letter {text-transform: uppercase;}
.text-email-address {word-break: break-all;}
.text-break-all {white-space: nowrap;}
.text-decoration-underline {text-decoration: underline;}
.text-tag {padding: 5px 20px; display: inline-block; background: #FFFFFF; width: auto; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; border: 1px solid #CFD8DA;}
.text-tag .alert {padding: 2px 10px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-weight: 500; text-transform: uppercase; background: #D8611C; color: #FFFFFF; margin: 0 5px 0 0; top: -1px; font-weight: 500; font-size: 75%;}
.text-weight-400 {font-weight: 400;}
.margin-50 {margin: 0 0 50px 0!important;}
.margin-40 {margin: 0 0 40px 0!important;}
.margin-35 {margin: 0 0 35px 0!important;}
.margin-30 {margin: 0 0 30px 0!important;}
.margin-25 {margin: 0 0 25px 0!important;}
.margin-20 {margin: 0 0 20px 0!important;}
.margin-15 {margin: 0 0 15px 0!important;}
.margin-10 {margin: 0 0 10px 0!important;}
.margin-5 {margin: 0 0 5px 0!important;}
.margin-none {margin: 0!important;}
.margin-top-5 {margin: 5px 0 0 0!important;}
.margin-top-10 {margin: 10px 0 0 0!important;}
.margin-top-15 {margin: 15px 0 0 0!important;}
.margin-top-25 {margin: 25px 0 0 0!important;}
.width-75 {width: 75%!important;}
.padding-none {padding: 0!important;}
.background-none {background: none!important;}
.background-deep-teal {background: #0B4047!important;}
.background-burnt-orange {background: #D8611C!important;}
.background-slate-grey {background: #5F6F73!important;}
.background-cool-grey {background: #CFD8DA!important;}
.background-off-White {background: #F7F9F8!important;}
.background-muted-gold {background: #BFA36A!important;}
.background-warm-stone {background: #E6DED6!important;}
.background-warm-stone-lighter {background: #F7F5F2!important;}
.background-steel-blue {background: #6F8F9B!important;}
.background-deep-sage {background: #4F7C6B!important;}
.background-white {background: #FFFFFF!important;}
.background-warm-stone-lighter-white-gradient {background: linear-gradient(180deg,rgba(247, 245, 242, 1) 0%, rgba(255, 255, 255, 1) 85%);}
.border-none {border: 0!important;}
.border-deep-teal {border: 1px solid #0B4047!important;}
.border-burnt-orange {border: 1px solid #D8611C!important;}
.border-slate-grey {border: 1px solid #5F6F73!important;}
.border-cool-grey {border: 1px solid #CFD8DA!important;}
.border-off-White {border: 1px solid #F7F9F8!important;}
.border-muted-gold {border: 1px solid #BFA36A!important;}
.border-warm-stone {border: 1px solid #E6DED6!important;}
.border-warm-stone-lighter {border: 1px solid #F7F5F2!important;}
.border-steel-blue {border: 1px solid #6F8F9B!important;}
.border-deep-sage {border: 1px solid #4F7C6B!important;}
.border-white {border: 1px solid #FFFFFF!important;}
.link {cursor: pointer; border-bottom: 1px solid; display: inline-block; width: auto; color: inherit;}
.clear {display: block; clear: both;}
.hide {display: none!important;}
.mobile_hide {display: inline-block;}
.mobile_show {display: none;}


.wrap {width: 80%; max-width: 800px; margin: 0 auto; z-index: 250; clear: both;}
.wrap.larger {max-width: 1000px;}
.wrap.largest {max-width: 1200px;}
.wrap:after {content: ''; display: block; clear: both;}
.wrap.block {padding: 50px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}


header {width: 100%; margin: 0;}
header .top {height: 75px; background: #0B4047;}
header .top .wrap {height: 100%;}
header .top nav {position: absolute; top: 50%; right: 0; transform: translateY(-50%); font-weight: 500;}
header .top nav ul li {color: #FFFFFF; display: inline-block; vertical-align: middle; margin: 0 0 0 15px;}
header .top nav ul li a {color: #FFFFFF; border: 0;}
header .top nav ul li .button {font-size: 16px; padding: 10px 20px;}
header .bottom {padding: 15px 0; background: #FFFFFF; border-bottom: 1px solid #CFD8DA;}
header .bottom nav {display: block; clear: both; width: 100%; font-weight: 500;}
header .bottom nav ul {text-align: center;}
header .bottom nav ul li {display: inline-block; margin: 0 25px;}
header .bottom nav ul li a {color: #0B4047; border: 0;}
header .logo {position: absolute; top: 50%; left: 0; margin: 0; padding: 0; transform: translateY(-50%);}
header .reviews-logo,
header .text-statement {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
header .secure-logo {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}


#main_header { position: relative; transform: translateY(0); opacity: 1;}
#main_header.fixed {position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
#main_header.fixed.fixed--in {animation: headerSlideDown 0.22s cubic-bezier(0.4, 0, 0.2, 1) both;}
#main_header.fixed.fixed--out {animation: headerSlideUp 0.22s cubic-bezier(0.4, 0, 0.2, 1) both; pointer-events: none;}


footer {display: block; clear: both; width: 100%; background: #0B4047; padding: 75px 0;}
footer * {color: #FFFFFF;}
footer .logo {display: block; clear: both;}
footer nav ul li {display: inline-block; margin: 0 5px 5px 0;}
footer nav ul li a {color: #FFFFFF;}


.hero-image {display: block; clear: both; width: 100%;}


.boxes {clear: both; width: 100%; float: left; display: flex; align-items: stretch; gap: 35px; justify-content: center;}
.boxes .box {flex: 1;}
.boxes .box .icon {width: 65px; height: 65px; background: #EDF3FD; display: inline-block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; line-height: 65px; text-align: center; font-weight: 600; font-size: 25px; margin: 0 0 15px 0; border: 2px solid rgba(26,31,54,0.05);}
.boxes .box .image {display: block; clear: both; width: 100%; margin: 0 auto 25px auto; max-width: 200px;}


.box-content {display: block; clear: both; width: 100%; padding: 50px 75px 40px 75px; background: #FFFFFF; border: 1px solid #CFD8DA; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; min-height: 250px; float: left; -webkit-box-shadow: 5px 5px 5px 0px rgba(207,216,218,0.25); box-shadow: 5px 5px 5px 0px rgba(207,216,218,0.25);}
.box-content .image {width: 300px; position: absolute; top: 25px; left: -100px;}
.box-content .icon {width: 35px; height: 35px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 15px; right: 15px; background: #D8611C; color: #FFFFFF; text-align: center; line-height: 33px; font-size: 75%;}
.box-content .icon i {margin: 0;}


.content-image .content {width: 60%; padding: 50px; background: #FFFFFF; border: 1px solid #CFD8DA; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; z-index: 5; -webkit-box-shadow: 5px 5px 5px 0px rgba(207,216,218,0.25); 
box-shadow: 5px 5px 5px 0px rgba(207,216,218,0.25);}
.content-image .image {width: 40%; position: absolute; top: 0; right: -5%;}
.content-image .image.smaller {width: 30%; top: 10%; right: 5%;}
.content-image.reverse .content {float: right;}
.content-image.reverse .image {right: auto; left: -5%;}


.logo {width: 175px; max-width: 100%; z-index: 15; display: inline-block;}
.logo.smaller {width: 150px;}
.logo.smallest {width: 75px;}


.sra-badge {width: 200px; margin: 0; display: inline-block;}


.secure-logo {width: 100px; clear: both; display: block;}


.reviews-logo {display: inline-block; clear: both; width: 85%; max-width: 350px;}
.reviews-logo img {margin: 0 0 10px 0;}



.basic-list {margin: 0 0 15px 0; float: left; width: 100%; clear: both;}
.basic-list ul {display: block; clear: both; width: 100%;}
.basic-list ul li {display: block; clear: both; padding: 0 0 0 35px; word-wrap: break-word; word-break: break-word; margin: 0;}
.basic-list ul li:last-of-type {margin: 0;}
.basic-list ul li:before {position: absolute; content: ''; background: #D8611C; width: 8px; height: 8px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; top: 9px; left: 0; z-index: 2;}
.basic-list.check-bullets ul li:before {content: '\f00c'; font: var(--fa-font-solid); color: #D8611C; width: auto; height: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: none; top: 5px;}
.basic-list.bubbles ul li {padding: 5px 20px; display: inline-block; background: #BFA36A; border: 1px solid #BFA36A; width: auto; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin: 0 5px 10px 5px; clear: none;}
.basic-list.bubbles ul li:before {display: none;}
.basic-list.bubbles.align-left ul li {margin: 0 10px 10px 0; display: block; float: left; clear: none;}
.basic-list.centered ul {font-size: 0;}
.basic-list.centered ul li {display: inline-block; margin: 0 5px 10px 5px; padding: 0;}
.basic-list.centered ul li:before {display: none;}
.basic-list.centered.logos ul {font-size: 0;}
.basic-list.centered.logos ul li {width: 25%; max-width: 175px; padding: 0 35px; margin: 0;}


#sandsford_theme .frame {float: left; width: 200px;}
#sandsford_theme .frame .sra-badge {margin: 0;}
#sandsford_theme .content {width: calc(100% - 250px); max-width: 750px; float: right;}


.faqs {display: block; clear: both; float: left; width: 100%;}
.faqs .faq {width: 100%; clear: both; background: #FFFFFF; border: 1px solid #CFD8DA; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; float: left; -webkit-box-shadow: 5px 5px 5px 0px rgba(207,216,218,0.25); box-shadow: 5px 5px 5px 0px rgba(207,216,218,0.25); display: block; margin: 0 0 10px 0;}
.faqs .faq:after {content: '\f078'; font: var(--fa-font-solid); text-rendering: auto; -webkit-font-smoothing: antialiased; color: #0B4047; position: absolute; top: 20px; right: 25px;}
.faqs .faq .heading {margin: 0; font-weight: 600; padding: 15px 55px 15px 25px; cursor: pointer;}
.faqs .faq .content {display: none; margin: 0; padding: 0 25px 25px 25px;}
.faqs .faq .content p:last-of-type {margin: 0;}
.faqs .faq.active:after {content: '\f077';}
.faqs .faq.active .content {display: block;}
.faqs .faq:last-of-type {margin: 0;}


section {background: #F7F5F2; padding: 75px 0;}
section.padding-top-none {padding: 0 0 75px 0;}
section.hero {padding: 50px 0 0 0;}
section.hero .box-content {margin: 0 0 -150px 0;}
section.hero-break {padding: 225px 0 75px 0;}


@media (hover: hover) and (pointer: fine) {
.button:hover {opacity: 0.85;}
}





/* -------------------------------------------------------------------------------
			Desktop wide
------------------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) and (max-width: 1800px) {
span.viewport:after {content: 'Wide Desktop'; background: green;}


.hero-image {width: 85%;}


}





/* -------------------------------------------------------------------------------
			Tablet landscape: 960px.
------------------------------------------------------------------------------- */
@media only screen and (min-width: 960px) and (max-width: 1200px) {
span.viewport:after {content: 'Tablet Landscape 960px - 1200px'; background: skyblue;}


hr {height: 35px;}
hr.smaller {height: 15px;}


.hero-image {width: 85%;}


.wrap.block {padding: 25px;}


.box-content {padding: 50px 50px 40px 50px;}


.boxes {flex-wrap: wrap;}
.boxes .box {flex: 0 0 calc(33.333% - 23.33px);}


.content-image .content {width: 65%;}
.content-image .image {width: 35%;}
.content-image .image.smaller {width: 25%; top: 7.5%;}
}





/* -------------------------------------------------------------------------------
			Tablet portrait: 640px.
------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 960px) {
span.viewport:after {content: 'Tablet Portrait'; background: blue;}


h1, .h1 {font-size: 50px; line-height: 125%;}
h2, .h2 {font-size: 35px; line-height: 125%;}
h3, .h3 {font-size: 28px; line-height: 125%;}
h4, .h4 {font-size: 22px;}
h5, .h5 {font-size: 20px;}
h6, .h6 {font-size: 18px;}


hr {height: 35px;}
hr.smaller {height: 15px;}


.wrap.block {padding: 15px 5% 35px 5%; width: 90%; max-width: 90%;}


.box-content {padding: 50px 50px 35px 50px;}


.boxes {flex-wrap: wrap; gap: 25px;}
.boxes .box {flex: 0 0 calc(50% - 12.5px);}


.content-image .content {width: 100%;}
.content-image .image {width: 175px; top: 0; right: 0; position: relative; margin: 0 auto;}
.content-image .image.smaller {width: 175px; top: 0; right: 0;}


#sandsford_theme .content {width: 100%; max-width: 100%;}


.basic-list.centered.logos ul li {max-width: 150px;}


section,
footer {padding: 50px 0;}
section.padding-top-none {padding: 0 0 50px 0;}
section.hero {padding: 25px 0 0 0;}
section.hero .box-content {margin: 0 0 -125px 0;}
section.hero-break {padding: 175px 0 50px 0;}
}





/* -------------------------------------------------------------------------------
			Mobile: 320px.
------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
span.viewport:after {content: 'Mobile Portrait'; background: pink;}


h1, .h1 {font-size: clamp(30px, 7vw, 40px); line-height: 125%;}
h2, .h2 {font-size: 26px;}
h3, .h3 {font-size: 22px;}
h4, .h4 {font-size: 20px;}
h5, .h5 {font-size: 18px;}
h6, .h6 {font-size: 16px;}


.text-tag {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size: 14px; line-height: 135%; padding: 10px 15px 10px 15px;}
.text-tag .alert {position: absolute; top: -8px; left: 50%; transform: translateX(-50%); line-height: 150%; padding: 0 7px;}
.margin-25 {margin: 0 0 20px 0!important;}
.margin-35 {margin: 0 0 30px 0!important;}
.mobile_hide {display: none!important;}
.mobile_show {display: inline-block!important;}


.button {padding: 12px 25px; font-size: 16px;}
.button.larger {padding: 15px 30px; font-size: 18px;}


hr {height: 25px;}
hr.smaller {height: 15px;}


.logo {width: 135px;}
.logo.smaller {width: 115px;}


.reviews-logo {max-width: 275px;}
.reviews-logo img {margin: 0 0 10px 0;}


.sra-badge {width: 175px;}


.wrap {width: 85%; max-width: 85%;}
.wrap.block {padding: 15px 0 35px 0; width: 100%; max-width: 100%;}
.wrap.mobile_full_width {max-width: 100%; width: 100%;}


.hero-image {width: 85%; max-width: 85%;}


.box-content {padding: 35px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-right: 0; border-left: 0;}
.box-content .icon {width: 25px; height: 25px; line-height: 23px;}
.box-content .icon i {margin: 0;}


.boxes {flex-wrap: wrap; gap: 15px;}
.boxes .box {flex: 0 0 100%; text-align: center;}
.boxes .box .image {margin: 0 auto 15px auto; max-width: 175px;}


.content-image .content {padding: 35px; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-right: 0; border-left: 0;}
.content-image .image {width: 175px; top: 0; right: 0; position: relative; margin: 0 auto;}
.content-image .image.smaller {width: 175px; top: 0; right: 0;}


#sandsford_theme .frame {width: 175px;}
#sandsford_theme .content {width: 100%; max-width: 100%;}


#featured_in p {font-size: 10px; line-height: 150%; margin: 0 0 10px 0!important;}
#featured_in hr {height: 25px;}


.faqs .faq {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.faqs .faq:after {top: 15px; right: 20px;}
.faqs .faq .heading {padding: 10px 50px 10px 20px;}
.faqs .faq .content {padding: 0 20px 15px 20px;}


.basic-list.centered.mobile_full_width ul li {width: 100%; display: block;}
.basic-list.centered.logos {margin: 0!important;}
.basic-list.centered.logos ul li {padding: 0 3.5%; max-width: 125px;}
.basic-list.bubbles ul li {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 5px 15px;}


header .top {height: 60px;}
header .top nav ul li {margin: 0;}
header .top nav ul li:last-of-type {display: none;}
header .top nav ul li .button {font-size: 14px; padding: 5px 15px;}
header .bottom {padding: 5px 0;}
#main_header.fixed .top nav ul li:last-of-type {display: inline-block;}
#main_header.fixed .top nav ul li:first-of-type {display: none;}


section,
footer {padding: 50px 0;}
section.padding-top-none {padding: 0 0 50px 0;}
section.hero {padding: 25px 0 0 0;}
section.hero .box-content {margin: 0 0 -125px 0;}
section.hero-break {padding: 175px 0 50px 0;}
section.hero h1 {margin: 0 0 10px 0;}
section.content-image {padding: 0;}
section.content-image .wrap.block {padding: 15px 0 0 0;}
}





/* -------------------------------------------------------------------------------
			Animations
------------------------------------------------------------------------------- */
.animation-green-flash-infinite {-webkit-animation: animation-green-flash 1.5s linear infinite normal; animation: animation-green-flash 1.5s linear infinite normal;}
.animation-blue-flash-infinite {-webkit-animation: animation-blue-flash 1.5s linear infinite normal; animation: animation-blue-flash 1.5s linear infinite normal;}
.animation-black-flash-infinite {-webkit-animation: animation-black-flash 1.5s linear infinite normal; animation: animation-black-flash 1.5s linear infinite normal;}
.animation-grow-shrink-green-flash-infinite {-webkit-animation: animation-green-flash 1.5s linear infinite normal, growShrink 1.5s ease-in-out infinite; animation: animation-green-flash 1.5s linear infinite normal, growShrink 1.5s ease-in-out infinite;}
.animation-grow-shrink-blue-flash-infinite {-webkit-animation: animation-blue-flash 1.5s linear infinite normal, growShrink 1.5s ease-in-out infinite; animation: animation-blue-flash 1.5s linear infinite normal, growShrink 1.5s ease-in-out infinite;}
.animation-grow-shrink-infinite {animation: growShrink 1.5s ease-in-out infinite;}
@-webkit-keyframes animation-green-flash {
	0%   {-webkit-box-shadow: 0 0 0 0 rgba(0,181,105,1);}
	70%  {-webkit-box-shadow: 0 0 0 15px rgba(0,181,105,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(0,181,105,0);}
}
@keyframes animation-green-flash {
	0%   {-moz-box-shadow: 0 0 0 0 rgba(0,181,105,1); box-shadow: 0 0 0 0 rgba(0,181,105,1);}
	70%  {-moz-box-shadow: 0 0 0 15px rgba(0,181,105,0); box-shadow: 0 0 0 15px rgba(0,181,105,0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(0,181,105,0); box-shadow: 0 0 0 0 rgba(0,181,105,0);}
}
@-webkit-keyframes animation-blue-flash {
	0%   {-webkit-box-shadow: 0 0 0 0 rgba(0,112,243,1);}
	70%  {-webkit-box-shadow: 0 0 0 15px rgba(0,112,243,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(0,112,243,0);}
}
@keyframes animation-blue-flash {
	0%   {-moz-box-shadow: 0 0 0 0 rgba(0,112,243,1); box-shadow: 0 0 0 0 rgba(0,112,243,1);}
	70%  {-moz-box-shadow: 0 0 0 15px rgba(0,112,243,0); box-shadow: 0 0 0 15px rgba(0,112,243,0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(0,112,243,0); box-shadow: 0 0 0 0 rgba(0,112,243,0);}
}
@-webkit-keyframes animation-black-flash {
	0%   {-webkit-box-shadow: 0 0 0 0 rgba(66,76,97,1);}
	70%  {-webkit-box-shadow: 0 0 0 15px rgba(66,76,97,0);}
	100% {-webkit-box-shadow: 0 0 0 0 rgba(66,76,97,0);}
}
@keyframes animation-black-flash {
	0%   {-moz-box-shadow: 0 0 0 0 rgba(66,76,97,1); box-shadow: 0 0 0 0 rgba(66,76,97,1);}
	70%  {-moz-box-shadow: 0 0 0 15px rgba(66,76,97,0); box-shadow: 0 0 0 15px rgba(66,76,97,0);}
	100% {-moz-box-shadow: 0 0 0 0 rgba(66,76,97,0); box-shadow: 0 0 0 0 rgba(66,76,97,0);}
}
@keyframes headerSlideDown {
  from { transform: translateY(-15px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

@keyframes headerSlideUp {
  from { transform: translateY(0); opacity: 1; }
  to   { transform: translateY(-15px); opacity: 0; }
}