@charset "UTF-8";
/********************************************************************************** FONTS */
/* work-sans-300 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/work-sans-v9-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/work-sans-v9-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-regular - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/work-sans-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/work-sans-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-500 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/work-sans-v9-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/work-sans-v9-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-600 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/work-sans-v9-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/work-sans-v9-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* work-sans-700 - latin */
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/work-sans-v9-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/work-sans-v9-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* eb-garamond-regular - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/eb-garamond-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/eb-garamond-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* eb-garamond-500 - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/eb-garamond-v15-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/eb-garamond-v15-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* eb-garamond-600 - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/eb-garamond-v15-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/eb-garamond-v15-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* eb-garamond-700 - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/eb-garamond-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/eb-garamond-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/********************************************************************************** FONTS END */

/********************************************************************************** GLOBAL */
#sp-main-body {
    animation: fadeSiteIn 0.5s ease forwards; /* [1] */
}
#sp-main-body.fadeSiteOut {
  animation:  fadeSiteOut 0.5s ease forwards; /* [2] */
}
@keyframes fadeSiteIn { /* [1] */
    from   { opacity: 0; }
    to    { opacity: 1; }
}
@keyframes fadeSiteOut { /* [2] */
    from   { opacity: 1; }
    to     { opacity: 0; }
}
.sppb-btn {
    font-weight: 700;
}
.btn-primary, .sppb-btn-primary {
    color: #fff;
}
.sppb-btn-round {
    border-radius: 100px;
}
.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
	font-weight: 700 !important;
    line-height: 1.5 !important;
    border-radius: 100px !important;
}
.sp-scroll-up {
    bottom: 130px;
    right: 0px;
    background: #0092a7;
    border-radius: 100px 0px 0px 100px;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    background: #0092a7;
}
/********************************************************************************** GLOBAL END */

/********************************************************************************** HEADER -- MEGA MENU */
.logo-image {
    height: inherit !important;
    max-height: 50px !important;
}
.logo-image-phone {
    height: inherit !important;
    max-height: 40px !important;
}
.sp-megamenu-parent {
    font-weight: 700;
}
.sp-megamenu-parent > li.active > a {
    font-weight: 700;
}
@media (max-width: 1250px) {
    #offcanvas-toggler {
      display: flex !important;
  }
  .sp-megamenu-parent {
      display: none !important;
  }
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 12px;
}
@media (min-width: 1450px) {
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    	font-size: 14px;
	}
}
@media (min-width: 1650px) {
    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    	font-size: 14px;
	}
}
.sp-megamenu-wrapper.d-flex {
    float: right !important;
    padding-right: 25px !important;
}
/********************************************************************************** HEADER -- MEGA MENU END */

/********************************************************************************** HEADER -- OFF-CANVAS MENU */
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
  font-weight: 600;
  padding: 5px 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    font-weight: 500;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    font-size: 0.875rem;
    padding-bottom: 10px;
}
.offcanvas-menu.border-menu > div > div > a > img {
    display: none !important;
}
/********************************************************************************** HEADER -- OFF-CANVAS MENU END */

/********************************************************************************** TYPO */
body {
    font-family: 'Work Sans',sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: 'EB Garamond',sans-serif;
    font-weight: 700;
}
h1, .h1 {
	font-size: 22px;
}
.h2-headline-copytext > h2 {
	font-size: 18px;
	line-height: 1.4;
    font-weight: 600;
}
h2, .h2 {
	font-size: 18px;
}
h3, .h3 {
	font-size: 18px;
}
@media (min-width: 576px) {  
	h1, .h1 {
		font-size: 24px;
	}
	.h2-headline-copytext > h2 {
		font-size: 18px;
	}
	h2, .h2 {
		font-size: 20px;
	}
	h3, .h3 {
		font-size: 18px;
	}	
}
@media (min-width: 768px) {  
	h1, .h1 {
		font-size: 26px;
	}
	.h2-headline-copytext > h2 {
		font-size: 20px;
	}
	h2, .h2 {
		font-size: 22px;
	}		
	h3, .h3 {
		font-size: 18px;
	}	
}
@media (min-width: 992px) {  
	h1, .h1 {
		font-size: 32px;
	}
	.h2-headline-copytext > h2 {
		font-size: 20px;
	}
	h2, .h2 {
		font-size: 24px;
	}		
	h3, .h3 {
		font-size: 20px;
	}	
}
@media (min-width: 1200px) {  
	h1, .h1 {
		font-size: 36px;
	}
	.h2-headline-copytext > h2 {
		font-size: 26px;
	}
	h2, .h2 {
		font-size: 30px;
	}		
	h3, .h3 {
		font-size: 26px;
	}	
}
/********************************************************************************** TYPO END */

/********************************************************************************** FAQ ADDON*/
.sppb-panel-heading {
    padding: 15px 25px 15px 0px;
    cursor: pointer;
    position: relative;
}
.sppb-panel-faq>.sppb-panel-heading .sppb-toggle-direction {
    color: #6ea876;
}
.sppb-panel-body {
    padding: 15px 0;
}
.sppb-panel-title {
    font-size: 16px;
    font-weight: 700;
}
@media (min-width: 576px) {  
	.sppb-panel-title {
		font-size: 16px;
		font-weight: 700;
	}
}
@media (min-width: 768px) {  
	.sppb-panel-title {
		font-size: 16px;
		font-weight: 700;
	}	
}
@media (min-width: 992px) {  
	.sppb-panel-title {
		font-size: 18px;
		font-weight: 700;
	}	
}
@media (min-width: 1200px) {  
	.sppb-panel-title {
		font-size: 20px;
		font-weight: 700;
	}	
}
/********************************************************************************** FAQ ADDON END */

/********************************************************************************** BREADCRUMB */
#sp-breadcrumb {
    font-size: 12px;
    font-weight: 500;
    color: #6ea876;
    background-color: #fff;
}
#sp-breadcrumb a {
    color: #6ea876;
}
.breadcrumb {
    padding: .75rem 0rem;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb-item.active {
    color: #6ea876;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6ea876;
    content: "/";
}
li.breadcrumb-item {
    padding-right: .5rem;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}
/********************************************************************************** BREADCRUMB END */

/********************************************************************************** INPUT CHECKBOX */
.control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
}
.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control_indicator, .ui.checkbox .box:before, .ui.checkbox label:before {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid #d4d4d5;
    border-radius: 4px;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
	border: 1px solid #e66208;
}

.control input:checked ~ .control_indicator {
    background: #e66208;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #e66208;
}
.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-checkbox .control_indicator:after {
    left: 7px;
    top: 3px;
    width: 3px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}
/********************************************************************************** INPUT CHECKBOX END */
