/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************
font-family: europa, serif;
*****************************************/

a.cta_button {-moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important;}

a:hover, a:focus {text-decoration: none;}

body {font-family: 'Poppins', sans-serif;}

.body-container-wrapper {padding-top: 164px;}

/*@media (max-width: 1160px) {
	.body-container-wrapper {padding-top: 230px;}
}*/

@media (max-width: 992px) {
	.body-container-wrapper {padding-top: 24px;}
}


.body-container {padding: 0;}
.footer-container {padding: 0;}

.body-container-wrapper h2 {color: #ffffff; font-size: 40px; line-height: 44px; margin: 0px; font-weight: 700; text-transform: none;}
.body-container-wrapper h3 {color: #243943; font-size: 26px; line-height: 36px; margin: 0 0 25px; padding: 0; font-weight: 700;}
.body-container-wrapper h4 {color: #243943; font-size: 26px; line-height: 36px; margin: 0 0 25px; padding: 0; font-weight: 700;}
.body-container-wrapper h5 {color: #525252; font-size: 18px; line-height: 30px; margin: 0px; font-weight: 700;}
.body-container-wrapper p {color: #525252; font-size: 18px; line-height: 30px; margin: 0 0 20px; font-weight: 400;}
.body-container-wrapper li {color: #525252; font-size: 18px; line-height: 30px; margin: 0; padding: 0 0 10px; font-weight: 400;}
.body-container-wrapper ul {margin: 0 0 20px;}

.list_blue_text {color: #0a8dd9; font-size: 20px; line-height: 30px; margin: 0 0 5px; font-weight: 700; text-transform: uppercase; display: block;}

.body-container-wrapper p + img {margin: 50px auto 45px;}
.body-container-wrapper ul + img {margin: 40px auto 45px;}


.extra_bold {font-weight: 800;}
.list_extra_bold {font-weight: 800; display: block;}
ul.list_extra_padding {padding: 5px 0 0 25px;}
ul.list_extra_padding li {padding: 0 0 25px;}
ul.list_extra_padding li:last-child {padding: 0;}

.body-container-wrapper a {color: #0a8dd9; font-weight: 700; text-decoration: underline;}
.body-container-wrapper a:hover {color: #032132; text-decoration: underline;}

/*.body-container-wrapper a.cta_button {font-size: 15px; line-height: 25px; text-transform: uppercase; box-shadow: 0 1px 0 0px; text-decoration: none;}
.body-container-wrapper a.cta_button:hover {text-decoration: none;}*/

.body-container-wrapper .fa {font-size: 18px !important; margin: 0 10px 0 0 !important; color: #0895cd; font-weight: 400;}
.body-container-wrapper .fa-alph {font-weight: bold;}

blockquote {color: #2db78b; font-size: 31px; line-height: 37px; margin: 0; font-weight: 400; padding: 30px 0 60px;}

.animate {-webkit-animation-duration: 1.0s; animation-duration: 1.0s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

/*=== FADE IN  ===*/
@-webkit-keyframes fadeIn {
  from {opacity: 0;}

  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}

  to {opacity: 1;}
}
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;}

/*=== FADE Out  ===*/
@-webkit-keyframes fadeOut {
  from {opacity: 1;}

  to {opacity: 0;}
}
@keyframes fadeOut {
  from {opacity: 1;}

  to {opacity: 0;}
}
.fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut;}

#hero_wrapper {padding: 0; margin: 0; background-repeat: no-repeat; background-position: top center; background-size: cover;}
#hero_area {max-width: 1140px; width: 100%; padding: 0 25px; margin: 0 auto; float: none !important;}
.page_title {max-width: 880px; width: 100%; padding: 150px 0; margin: 0 auto !important; float: none !important;}
.page_title h1 {text-align: center; color: #ffffff; font-size: 55px; line-height: 65px; margin: 0 0 10px; font-weight: 700; text-transform: none;}
.hs-content-id-9264865081 .page_title h1 {padding: 0px;}
.page_title h2 {color: #0087cc; font-size: 26px; line-height: 36px; font-weight: 700; text-transform: none; margin: 0; text-align: center;}

#introduction_wrapper {margin: 0;}
#introduction_area {display: block; width: 100%; margin: 0 auto; max-width: 850px; width: 100%; padding: 100px 20px; float: none; text-align: center;}
.introduction_text {margin: 0;}
.introduction_text p {font-size: 23px; line-height: 37px; margin: 0;}


.anchor {display: block; height: 230px; margin-top: -230px; visibility: hidden;}
.section_column {padding: 0 0 80px;}


@media (max-width: 1160px) {
	.anchor {display: block; height: 310px; margin-top: -310px; visibility: hidden;}
}

@media (max-width: 1140px) {
	.page_title {padding: 120px 0px;}
}

@media (max-width: 992px) {
	.anchor {height: 100px; margin-top: -100px;}
}

@media (max-width: 900px) {
	.page_title {padding: 80px 0px;}
	#introduction_area {padding: 80px 20px 100px;}

	.page_title h1 {font-size: 55px; line-height: 65px;}
}

@media (max-width: 800px) {
  #introduction_area {padding: 80px 20px 80px;}
  .body-container-wrapper h2 {font-size: 40px; line-height: 50px;}
  .section_column {padding: 0 0 50px;}
}


@media (max-width: 600px) {
  .body-container-wrapper h2 {font-size: 30px; line-height: 40px;}
  .body-container-wrapper h3 {font-size: 23px; line-height: 33px;}
  .body-container-wrapper h4 {font-size: 20px; line-height: 30px; padding: 15px 0 0;}
  .body-container-wrapper h5 {font-size: 18px; line-height: 34px;}
  .body-container-wrapper p {font-size: 18px; line-height: 34px;}
  .body-container-wrapper li {font-size: 18px; line-height: 34px;}
  
	.page_title h1 {font-size: 27px; line-height: 33px; text-align: center;}
  .page_title h1 .mobile_lrg {display: block; font-size: 45px; line-height: 51px;}
  .page_title h2 {display: none;}

  #hero_wrapper {background-position: 70% top;}
  #introduction_area {padding: 40px 20px 50px;}
  .page_title {padding: 60px 0px;}
  
  .introduction_text p {font-size: 18px; line-height: 28px;}
  
  .section_column {padding: 0 0 30px;}
}


#back-to-top1 {position: fixed; bottom: 100px; right: 100px; z-index: 9999; width: 40px; height: 40px;  cursor: pointer; transition: opacity 0.2s ease-out; opacity: 0;}
#back-to-top1 img {box-shadow: none;}
#back-to-top1.show {opacity: 1;}

body #back-to-top1 {position: fixed; padding: 13px 0 0; z-index: 999; display: inline-block; background: #0a8dd9; border: 2px solid #fff; outline: none; font-size: 14px; text-decoration: none !important; color: rgb(255,255,255); border-radius: 50%; transition: visibility 1s, opacity 1s; text-align: center; transition-delay: 0s; font-weight: 700;}
body #back-to-top1 .mt-scrolltop-arrow {display: inline-block; position: relative; text-align: center; color: rgb(255,255,255);}

body #back-to-top1:hover {background: #ffffff; border-color: #0a8dd9; color: #0a8dd9;}

body #back-to-top1 .mt-scrolltop-arrow:after {content: ''; display: inline-block; width: 15px; height: 15px; border-top: 3px solid rgb(255,255,255); border-right: 3px solid rgb(255,255,255); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

body #back-to-top1:hover .mt-scrolltop-arrow:after {border-top: 3px solid #0a8dd9; border-right: 3px solid #0a8dd9;}

@media (max-width: 1200px) {
  #back-to-top1 {right: 40px;} 
}

@media (max-width: 600px) {
  #back-to-top1 {right: 5px;}
}

/*###################  SlideIn CTA ################*/
#slidebox {padding: 0 25px; background-color: #ffffff; position: fixed; bottom: -200px; right: 0; width: 100%; z-index: 10000; border-top: 1px solid #c0c3c5;}

a.close {position: absolute; cursor: pointer; top: 15px; right: 15px; text-decoration: none !important; opacity: 1.0; font-size: 18px; line-height: 22px; font-weight: bold; color: #0a8dd9;}

a.close:hover {color: #525252; opacity: 1.0; text-shadow: none;}

#slidebox_inner {max-width: 1140px; margin: 0 auto; padding: 12px 20px;}

.hs-content-id-9264865081 #slidebox_inner {max-width: 910px; margin: 0 auto; padding: 12px 20px;}

#slidebox_inner_area {display: inline-block; position: relative; width: 100%;}

#slidebox_inner_area p {font-size: 18px; line-height: 30px; margin: 0; font-weight: 400; color: #0a8dd9; text-align: right;}
#slidebox_inner_area #slide_in_cta_link a {text-decoration: none; color: #0a8dd9; font-weight: 700; }
#slidebox_inner_area #slide_in_cta_link a:hover {color: #525252; text-decoration: underline;}
.slidebox_bold {font-weight: 700;}

#slide_in_cta_text {float: left;}
#slide_in_cta_link {float: right;}

@media (max-width: 1200px) {
  #slide_in_cta_link {float: none;}
  #slidebox_inner_area p {text-align: center;}
}

@media (max-width: 600px) {
  #slidebox_inner_area p {font-size: 16px; line-height: 28px;}
}
/*##################################################*/


.sidebar_stats_area {display: inline-block; width: 100%; margin: 0 auto 40px;}

.sidebar_stats_block {float: left; margin: 0 12px 24px; background-color: #ffffff; -webkit-box-shadow: 0px 9px 24px 0px rgba(0,0,0,0.018); -moz-box-shadow: 0px 9px 24px 0px rgba(0,0,0,0.18); box-shadow: 0px 9px 24px 0px rgba(0,0,0,0.18); padding: 0px 40px;}
.sidebar_stats_block_area {display: table-cell; vertical-align: middle; height: 200px;}
.sidebar_stats_block.three_columns {width: calc((33.333%) - (24px));}
.sidebar_stats_block.two_columns {width: calc((50%) - (24px)); padding: 0 55px;}
.sidebar_stats_block.one_column {width:  calc((100%) - (24px));}
.sidebar_stats_block p {font-size: 21px; line-height: 25px; font-weight: 700; text-align: center; margin: 0; color: #4f5152;}
.sidebar_stats_block p .remarkable_large_text {font-size: 50px; line-height: 50px; color: #2db78b; display: block; padding: 0 0 10px;}


.sidebar_stats_block .small_caps {font-size: 30px; line-height: 30px;}
.sidebar_stats_block .normal_weight {font-weight: 400;}

.sidebar_stats_block_area p .new_line {display: inline-block;}

@media (max-width: 1105px) {
	.sidebar_stats_block_area p .new_line {display: inline;}

	.sidebar_stats_block.three_columns {width: calc((50%) - (24px));}
	.sidebar_stats_block.two_columns {width: calc((50%) - (24px)); padding: 0px 40px;}
	.sidebar_stats_block.one_column {width:  calc((50%) - (24px));}
}

@media (max-width: 860px) {
	.sidebar_stats_block {float: none; margin: 0 auto 30px; padding: 30px;}
	.sidebar_stats_block.three_columns {width: 100%;}
	.sidebar_stats_block.two_columns {width: 100%; padding: 30px;}
	.sidebar_stats_block.one_column {width: 100%;}
	.sidebar_stats_block_area {height: 100%; display: block;}
}

@media (max-width: 600px) {
	.sidebar_stats_block p .remarkable_large_text {font-size: 35px; line-height: 35px;}
  .sidebar_stats_block .small_caps {font-size: 25px; line-height: 25px;}
.sidebar_stats_block p {font-size: 16px; line-height: 20px;}
}