/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
html { font-size: 62.5%; }

body { font-family: 'Varela Round', sans-serif; font-weight: 400; font-size: 1.2rem; }

a { color: #00a7ff; }

span.azure, p.azure, h1.azure, h2.azure, h3.azure, h4.azure, h5.azure, h6.azure { color: #00a7ff; }

span.light, p.light, h1.light, h2.light, h3.light, h4.light, h5.light, h6.light { color: #fff; }

.azure { color: #00a7ff; }

h1 { font-size: 1.8rem; }

.content h1 { margin-bottom: 30px; }

.content h2 { margin: 25px 0; }

.content h3 { margin: 20px 0; }

h2 { font-size: 1.5rem; }

h3 { font-size: 1.2rem; }

blockquote { border-left-color: #1a8fce; }

@media (min-width: 768px) { body { font-size: 1.4rem; }
  h1 { font-size: 3.5rem; }
  h2 { font-size: 2.8rem; }
  h3 { font-size: 2.4rem; } }

@media (min-width: 992px) { body { font-size: 1.8rem; }
  h1 { font-size: 4.5rem; }
  h2 { font-size: 4rem; }
  h3 { font-size: 3.5rem; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.color-primary { color: #00a7ff !important; }

.color-primary-hover:hover { color: #00a7ff !important; }

.border-color-primary { border-color: #00a7ff !important; }

.border-primary { border: 1px solid #00a7ff; }

.background-primary { background: #00a7ff !important; }

.background-primary-10 { background: rgba(0, 167, 255, 0.1) !important; }

.background-primary-hover:hover { background: #00a7ff !important; }

.child-link-color-primary a { color: #00a7ff; }

.child-link-color-hover-primary a:hover { color: #00a7ff; }

.feature-border-top-primary { border-top: 4px solid #00a7ff !important; }

.border-top-primary { border-top: 1px solid #00a7ff; }

.feature-border-right-primary { border-right: 4px solid #00a7ff !important; }

.border-right-primary { border-right: 1px solid #00a7ff; }

.feature-border-bottom-primary { border-bottom: 4px solid #00a7ff !important; }

.border-bottom-primary { border-bottom: 1px solid #00a7ff; }

.feature-border-left-primary { border-left: 4px solid #00a7ff !important; }

.border-left-primary { border-left: 1px solid #00a7ff; }

.color-secondary { color: #0c6bb6 !important; }

.color-secondary-hover:hover { color: #0c6bb6 !important; }

.border-color-secondary { border-color: #0c6bb6 !important; }

.border-secondary { border: 1px solid #0c6bb6; }

.background-secondary { background: #0c6bb6 !important; }

.background-secondary-10 { background: rgba(12, 107, 182, 0.1) !important; }

.background-secondary-hover:hover { background: #0c6bb6 !important; }

.child-link-color-secondary a { color: #0c6bb6; }

.child-link-color-hover-secondary a:hover { color: #0c6bb6; }

.feature-border-top-secondary { border-top: 4px solid #0c6bb6 !important; }

.border-top-secondary { border-top: 1px solid #0c6bb6; }

.feature-border-right-secondary { border-right: 4px solid #0c6bb6 !important; }

.border-right-secondary { border-right: 1px solid #0c6bb6; }

.feature-border-bottom-secondary { border-bottom: 4px solid #0c6bb6 !important; }

.border-bottom-secondary { border-bottom: 1px solid #0c6bb6; }

.feature-border-left-secondary { border-left: 4px solid #0c6bb6 !important; }

.border-left-secondary { border-left: 1px solid #0c6bb6; }

.color-accent { color: #8cd4e5 !important; }

.color-accent-hover:hover { color: #8cd4e5 !important; }

.border-color-accent { border-color: #8cd4e5 !important; }

.border-accent { border: 1px solid #8cd4e5; }

.background-accent { background: #8cd4e5 !important; }

.background-accent-10 { background: rgba(140, 212, 229, 0.1) !important; }

.background-accent-hover:hover { background: #8cd4e5 !important; }

.child-link-color-accent a { color: #8cd4e5; }

.child-link-color-hover-accent a:hover { color: #8cd4e5; }

.feature-border-top-accent { border-top: 4px solid #8cd4e5 !important; }

.border-top-accent { border-top: 1px solid #8cd4e5; }

.feature-border-right-accent { border-right: 4px solid #8cd4e5 !important; }

.border-right-accent { border-right: 1px solid #8cd4e5; }

.feature-border-bottom-accent { border-bottom: 4px solid #8cd4e5 !important; }

.border-bottom-accent { border-bottom: 1px solid #8cd4e5; }

.feature-border-left-accent { border-left: 4px solid #8cd4e5 !important; }

.border-left-accent { border-left: 1px solid #8cd4e5; }

.color-error { color: #c42d2d !important; }

.color-error-hover:hover { color: #c42d2d !important; }

.border-color-error { border-color: #c42d2d !important; }

.border-error { border: 1px solid #c42d2d; }

.background-error { background: #c42d2d !important; }

.background-error-10 { background: rgba(196, 45, 45, 0.1) !important; }

.background-error-hover:hover { background: #c42d2d !important; }

.child-link-color-error a { color: #c42d2d; }

.child-link-color-hover-error a:hover { color: #c42d2d; }

.feature-border-top-error { border-top: 4px solid #c42d2d !important; }

.border-top-error { border-top: 1px solid #c42d2d; }

.feature-border-right-error { border-right: 4px solid #c42d2d !important; }

.border-right-error { border-right: 1px solid #c42d2d; }

.feature-border-bottom-error { border-bottom: 4px solid #c42d2d !important; }

.border-bottom-error { border-bottom: 1px solid #c42d2d; }

.feature-border-left-error { border-left: 4px solid #c42d2d !important; }

.border-left-error { border-left: 1px solid #c42d2d; }

.color-success { color: #42c42d !important; }

.color-success-hover:hover { color: #42c42d !important; }

.border-color-success { border-color: #42c42d !important; }

.border-success { border: 1px solid #42c42d; }

.background-success { background: #42c42d !important; }

.background-success-10 { background: rgba(66, 196, 45, 0.1) !important; }

.background-success-hover:hover { background: #42c42d !important; }

.child-link-color-success a { color: #42c42d; }

.child-link-color-hover-success a:hover { color: #42c42d; }

.feature-border-top-success { border-top: 4px solid #42c42d !important; }

.border-top-success { border-top: 1px solid #42c42d; }

.feature-border-right-success { border-right: 4px solid #42c42d !important; }

.border-right-success { border-right: 1px solid #42c42d; }

.feature-border-bottom-success { border-bottom: 4px solid #42c42d !important; }

.border-bottom-success { border-bottom: 1px solid #42c42d; }

.feature-border-left-success { border-left: 4px solid #42c42d !important; }

.border-left-success { border-left: 1px solid #42c42d; }

.color-light { color: #fff !important; }

.color-light-hover:hover { color: #fff !important; }

.border-color-light { border-color: #fff !important; }

.border-light { border: 1px solid #fff; }

.background-light { background: #fff !important; }

.background-light-10 { background: rgba(255, 255, 255, 0.1) !important; }

.background-light-hover:hover { background: #fff !important; }

.child-link-color-light a { color: #fff; }

.child-link-color-hover-light a:hover { color: #fff; }

.feature-border-top-light { border-top: 4px solid #fff !important; }

.border-top-light { border-top: 1px solid #fff; }

.feature-border-right-light { border-right: 4px solid #fff !important; }

.border-right-light { border-right: 1px solid #fff; }

.feature-border-bottom-light { border-bottom: 4px solid #fff !important; }

.border-bottom-light { border-bottom: 1px solid #fff; }

.feature-border-left-light { border-left: 4px solid #fff !important; }

.border-left-light { border-left: 1px solid #fff; }

.color-dark { color: #2c3336 !important; }

.color-dark-hover:hover { color: #2c3336 !important; }

.border-color-dark { border-color: #2c3336 !important; }

.border-dark { border: 1px solid #2c3336; }

.background-dark { background: #2c3336 !important; }

.background-dark-10 { background: rgba(44, 51, 54, 0.1) !important; }

.background-dark-hover:hover { background: #2c3336 !important; }

.child-link-color-dark a { color: #2c3336; }

.child-link-color-hover-dark a:hover { color: #2c3336; }

.feature-border-top-dark { border-top: 4px solid #2c3336 !important; }

.border-top-dark { border-top: 1px solid #2c3336; }

.feature-border-right-dark { border-right: 4px solid #2c3336 !important; }

.border-right-dark { border-right: 1px solid #2c3336; }

.feature-border-bottom-dark { border-bottom: 4px solid #2c3336 !important; }

.border-bottom-dark { border-bottom: 1px solid #2c3336; }

.feature-border-left-dark { border-left: 4px solid #2c3336 !important; }

.border-left-dark { border-left: 1px solid #2c3336; }

.color-dark-two { color: #231f20 !important; }

.color-dark-two-hover:hover { color: #231f20 !important; }

.border-color-dark-two { border-color: #231f20 !important; }

.border-dark-two { border: 1px solid #231f20; }

.background-dark-two { background: #231f20 !important; }

.background-dark-two-10 { background: rgba(35, 31, 32, 0.1) !important; }

.background-dark-two-hover:hover { background: #231f20 !important; }

.child-link-color-dark-two a { color: #231f20; }

.child-link-color-hover-dark-two a:hover { color: #231f20; }

.feature-border-top-dark-two { border-top: 4px solid #231f20 !important; }

.border-top-dark-two { border-top: 1px solid #231f20; }

.feature-border-right-dark-two { border-right: 4px solid #231f20 !important; }

.border-right-dark-two { border-right: 1px solid #231f20; }

.feature-border-bottom-dark-two { border-bottom: 4px solid #231f20 !important; }

.border-bottom-dark-two { border-bottom: 1px solid #231f20; }

.feature-border-left-dark-two { border-left: 4px solid #231f20 !important; }

.border-left-dark-two { border-left: 1px solid #231f20; }

.color-background { color: rgba(74, 74, 80, 0.08) !important; }

.color-background-hover:hover { color: rgba(74, 74, 80, 0.08) !important; }

.border-color-background { border-color: rgba(74, 74, 80, 0.08) !important; }

.border-background { border: 1px solid rgba(74, 74, 80, 0.08); }

.background-background { background: rgba(74, 74, 80, 0.08) !important; }

.background-background-10 { background: rgba(74, 74, 80, 0.1) !important; }

.background-background-hover:hover { background: rgba(74, 74, 80, 0.08) !important; }

.child-link-color-background a { color: rgba(74, 74, 80, 0.08); }

.child-link-color-hover-background a:hover { color: rgba(74, 74, 80, 0.08); }

.feature-border-top-background { border-top: 4px solid rgba(74, 74, 80, 0.08) !important; }

.border-top-background { border-top: 1px solid rgba(74, 74, 80, 0.08); }

.feature-border-right-background { border-right: 4px solid rgba(74, 74, 80, 0.08) !important; }

.border-right-background { border-right: 1px solid rgba(74, 74, 80, 0.08); }

.feature-border-bottom-background { border-bottom: 4px solid rgba(74, 74, 80, 0.08) !important; }

.border-bottom-background { border-bottom: 1px solid rgba(74, 74, 80, 0.08); }

.feature-border-left-background { border-left: 4px solid rgba(74, 74, 80, 0.08) !important; }

.border-left-background { border-left: 1px solid rgba(74, 74, 80, 0.08); }

.color-grey { color: #4a4a50 !important; }

.color-grey-hover:hover { color: #4a4a50 !important; }

.border-color-grey { border-color: #4a4a50 !important; }

.border-grey { border: 1px solid #4a4a50; }

.background-grey { background: #4a4a50 !important; }

.background-grey-10 { background: rgba(74, 74, 80, 0.1) !important; }

.background-grey-hover:hover { background: #4a4a50 !important; }

.child-link-color-grey a { color: #4a4a50; }

.child-link-color-hover-grey a:hover { color: #4a4a50; }

.feature-border-top-grey { border-top: 4px solid #4a4a50 !important; }

.border-top-grey { border-top: 1px solid #4a4a50; }

.feature-border-right-grey { border-right: 4px solid #4a4a50 !important; }

.border-right-grey { border-right: 1px solid #4a4a50; }

.feature-border-bottom-grey { border-bottom: 4px solid #4a4a50 !important; }

.border-bottom-grey { border-bottom: 1px solid #4a4a50; }

.feature-border-left-grey { border-left: 4px solid #4a4a50 !important; }

.border-left-grey { border-left: 1px solid #4a4a50; }

.color-primary-75 { color: #40bdff !important; }

.color-primary-75-hover:hover { color: #40bdff !important; }

.border-color-primary-75 { border-color: #40bdff !important; }

.border-primary-75 { border: 1px solid #40bdff; }

.background-primary-75 { background: #40bdff !important; }

.background-primary-75-10 { background: rgba(64, 189, 255, 0.1) !important; }

.background-primary-75-hover:hover { background: #40bdff !important; }

.child-link-color-primary-75 a { color: #40bdff; }

.child-link-color-hover-primary-75 a:hover { color: #40bdff; }

.feature-border-top-primary-75 { border-top: 4px solid #40bdff !important; }

.border-top-primary-75 { border-top: 1px solid #40bdff; }

.feature-border-right-primary-75 { border-right: 4px solid #40bdff !important; }

.border-right-primary-75 { border-right: 1px solid #40bdff; }

.feature-border-bottom-primary-75 { border-bottom: 4px solid #40bdff !important; }

.border-bottom-primary-75 { border-bottom: 1px solid #40bdff; }

.feature-border-left-primary-75 { border-left: 4px solid #40bdff !important; }

.border-left-primary-75 { border-left: 1px solid #40bdff; }

.color-primary-50 { color: #7fd3ff !important; }

.color-primary-50-hover:hover { color: #7fd3ff !important; }

.border-color-primary-50 { border-color: #7fd3ff !important; }

.border-primary-50 { border: 1px solid #7fd3ff; }

.background-primary-50 { background: #7fd3ff !important; }

.background-primary-50-10 { background: rgba(127, 211, 255, 0.1) !important; }

.background-primary-50-hover:hover { background: #7fd3ff !important; }

.child-link-color-primary-50 a { color: #7fd3ff; }

.child-link-color-hover-primary-50 a:hover { color: #7fd3ff; }

.feature-border-top-primary-50 { border-top: 4px solid #7fd3ff !important; }

.border-top-primary-50 { border-top: 1px solid #7fd3ff; }

.feature-border-right-primary-50 { border-right: 4px solid #7fd3ff !important; }

.border-right-primary-50 { border-right: 1px solid #7fd3ff; }

.feature-border-bottom-primary-50 { border-bottom: 4px solid #7fd3ff !important; }

.border-bottom-primary-50 { border-bottom: 1px solid #7fd3ff; }

.feature-border-left-primary-50 { border-left: 4px solid #7fd3ff !important; }

.border-left-primary-50 { border-left: 1px solid #7fd3ff; }

.color-primary-25 { color: #bfe9ff !important; }

.color-primary-25-hover:hover { color: #bfe9ff !important; }

.border-color-primary-25 { border-color: #bfe9ff !important; }

.border-primary-25 { border: 1px solid #bfe9ff; }

.background-primary-25 { background: #bfe9ff !important; }

.background-primary-25-10 { background: rgba(191, 233, 255, 0.1) !important; }

.background-primary-25-hover:hover { background: #bfe9ff !important; }

.child-link-color-primary-25 a { color: #bfe9ff; }

.child-link-color-hover-primary-25 a:hover { color: #bfe9ff; }

.feature-border-top-primary-25 { border-top: 4px solid #bfe9ff !important; }

.border-top-primary-25 { border-top: 1px solid #bfe9ff; }

.feature-border-right-primary-25 { border-right: 4px solid #bfe9ff !important; }

.border-right-primary-25 { border-right: 1px solid #bfe9ff; }

.feature-border-bottom-primary-25 { border-bottom: 4px solid #bfe9ff !important; }

.border-bottom-primary-25 { border-bottom: 1px solid #bfe9ff; }

.feature-border-left-primary-25 { border-left: 4px solid #bfe9ff !important; }

.border-left-primary-25 { border-left: 1px solid #bfe9ff; }

.color-secondary-75 { color: #4990c9 !important; }

.color-secondary-75-hover:hover { color: #4990c9 !important; }

.border-color-secondary-75 { border-color: #4990c9 !important; }

.border-secondary-75 { border: 1px solid #4990c9; }

.background-secondary-75 { background: #4990c9 !important; }

.background-secondary-75-10 { background: rgba(73, 144, 201, 0.1) !important; }

.background-secondary-75-hover:hover { background: #4990c9 !important; }

.child-link-color-secondary-75 a { color: #4990c9; }

.child-link-color-hover-secondary-75 a:hover { color: #4990c9; }

.feature-border-top-secondary-75 { border-top: 4px solid #4990c9 !important; }

.border-top-secondary-75 { border-top: 1px solid #4990c9; }

.feature-border-right-secondary-75 { border-right: 4px solid #4990c9 !important; }

.border-right-secondary-75 { border-right: 1px solid #4990c9; }

.feature-border-bottom-secondary-75 { border-bottom: 4px solid #4990c9 !important; }

.border-bottom-secondary-75 { border-bottom: 1px solid #4990c9; }

.feature-border-left-secondary-75 { border-left: 4px solid #4990c9 !important; }

.border-left-secondary-75 { border-left: 1px solid #4990c9; }

.color-secondary-50 { color: #85b5da !important; }

.color-secondary-50-hover:hover { color: #85b5da !important; }

.border-color-secondary-50 { border-color: #85b5da !important; }

.border-secondary-50 { border: 1px solid #85b5da; }

.background-secondary-50 { background: #85b5da !important; }

.background-secondary-50-10 { background: rgba(133, 181, 218, 0.1) !important; }

.background-secondary-50-hover:hover { background: #85b5da !important; }

.child-link-color-secondary-50 a { color: #85b5da; }

.child-link-color-hover-secondary-50 a:hover { color: #85b5da; }

.feature-border-top-secondary-50 { border-top: 4px solid #85b5da !important; }

.border-top-secondary-50 { border-top: 1px solid #85b5da; }

.feature-border-right-secondary-50 { border-right: 4px solid #85b5da !important; }

.border-right-secondary-50 { border-right: 1px solid #85b5da; }

.feature-border-bottom-secondary-50 { border-bottom: 4px solid #85b5da !important; }

.border-bottom-secondary-50 { border-bottom: 1px solid #85b5da; }

.feature-border-left-secondary-50 { border-left: 4px solid #85b5da !important; }

.border-left-secondary-50 { border-left: 1px solid #85b5da; }

.color-secondary-25 { color: #c2daed !important; }

.color-secondary-25-hover:hover { color: #c2daed !important; }

.border-color-secondary-25 { border-color: #c2daed !important; }

.border-secondary-25 { border: 1px solid #c2daed; }

.background-secondary-25 { background: #c2daed !important; }

.background-secondary-25-10 { background: rgba(194, 218, 237, 0.1) !important; }

.background-secondary-25-hover:hover { background: #c2daed !important; }

.child-link-color-secondary-25 a { color: #c2daed; }

.child-link-color-hover-secondary-25 a:hover { color: #c2daed; }

.feature-border-top-secondary-25 { border-top: 4px solid #c2daed !important; }

.border-top-secondary-25 { border-top: 1px solid #c2daed; }

.feature-border-right-secondary-25 { border-right: 4px solid #c2daed !important; }

.border-right-secondary-25 { border-right: 1px solid #c2daed; }

.feature-border-bottom-secondary-25 { border-bottom: 4px solid #c2daed !important; }

.border-bottom-secondary-25 { border-bottom: 1px solid #c2daed; }

.feature-border-left-secondary-25 { border-left: 4px solid #c2daed !important; }

.border-left-secondary-25 { border-left: 1px solid #c2daed; }

.color-accent-05 { color: rgba(140, 212, 229, 0.5) !important; }

.color-accent-05-hover:hover { color: rgba(140, 212, 229, 0.5) !important; }

.border-color-accent-05 { border-color: rgba(140, 212, 229, 0.5) !important; }

.border-accent-05 { border: 1px solid rgba(140, 212, 229, 0.5); }

.background-accent-05 { background: rgba(140, 212, 229, 0.5) !important; }

.background-accent-05-10 { background: rgba(140, 212, 229, 0.1) !important; }

.background-accent-05-hover:hover { background: rgba(140, 212, 229, 0.5) !important; }

.child-link-color-accent-05 a { color: rgba(140, 212, 229, 0.5); }

.child-link-color-hover-accent-05 a:hover { color: rgba(140, 212, 229, 0.5); }

.feature-border-top-accent-05 { border-top: 4px solid rgba(140, 212, 229, 0.5) !important; }

.border-top-accent-05 { border-top: 1px solid rgba(140, 212, 229, 0.5); }

.feature-border-right-accent-05 { border-right: 4px solid rgba(140, 212, 229, 0.5) !important; }

.border-right-accent-05 { border-right: 1px solid rgba(140, 212, 229, 0.5); }

.feature-border-bottom-accent-05 { border-bottom: 4px solid rgba(140, 212, 229, 0.5) !important; }

.border-bottom-accent-05 { border-bottom: 1px solid rgba(140, 212, 229, 0.5); }

.feature-border-left-accent-05 { border-left: 4px solid rgba(140, 212, 229, 0.5) !important; }

.border-left-accent-05 { border-left: 1px solid rgba(140, 212, 229, 0.5); }

.color-accent-025 { color: rgba(140, 212, 229, 0.25) !important; }

.color-accent-025-hover:hover { color: rgba(140, 212, 229, 0.25) !important; }

.border-color-accent-025 { border-color: rgba(140, 212, 229, 0.25) !important; }

.border-accent-025 { border: 1px solid rgba(140, 212, 229, 0.25); }

.background-accent-025 { background: rgba(140, 212, 229, 0.25) !important; }

.background-accent-025-10 { background: rgba(140, 212, 229, 0.1) !important; }

.background-accent-025-hover:hover { background: rgba(140, 212, 229, 0.25) !important; }

.child-link-color-accent-025 a { color: rgba(140, 212, 229, 0.25); }

.child-link-color-hover-accent-025 a:hover { color: rgba(140, 212, 229, 0.25); }

.feature-border-top-accent-025 { border-top: 4px solid rgba(140, 212, 229, 0.25) !important; }

.border-top-accent-025 { border-top: 1px solid rgba(140, 212, 229, 0.25); }

.feature-border-right-accent-025 { border-right: 4px solid rgba(140, 212, 229, 0.25) !important; }

.border-right-accent-025 { border-right: 1px solid rgba(140, 212, 229, 0.25); }

.feature-border-bottom-accent-025 { border-bottom: 4px solid rgba(140, 212, 229, 0.25) !important; }

.border-bottom-accent-025 { border-bottom: 1px solid rgba(140, 212, 229, 0.25); }

.feature-border-left-accent-025 { border-left: 4px solid rgba(140, 212, 229, 0.25) !important; }

.border-left-accent-025 { border-left: 1px solid rgba(140, 212, 229, 0.25); }

.color-accent-01 { color: rgba(140, 212, 229, 0.1) !important; }

.color-accent-01-hover:hover { color: rgba(140, 212, 229, 0.1) !important; }

.border-color-accent-01 { border-color: rgba(140, 212, 229, 0.1) !important; }

.border-accent-01 { border: 1px solid rgba(140, 212, 229, 0.1); }

.background-accent-01 { background: rgba(140, 212, 229, 0.1) !important; }

.background-accent-01-10 { background: rgba(140, 212, 229, 0.1) !important; }

.background-accent-01-hover:hover { background: rgba(140, 212, 229, 0.1) !important; }

.child-link-color-accent-01 a { color: rgba(140, 212, 229, 0.1); }

.child-link-color-hover-accent-01 a:hover { color: rgba(140, 212, 229, 0.1); }

.feature-border-top-accent-01 { border-top: 4px solid rgba(140, 212, 229, 0.1) !important; }

.border-top-accent-01 { border-top: 1px solid rgba(140, 212, 229, 0.1); }

.feature-border-right-accent-01 { border-right: 4px solid rgba(140, 212, 229, 0.1) !important; }

.border-right-accent-01 { border-right: 1px solid rgba(140, 212, 229, 0.1); }

.feature-border-bottom-accent-01 { border-bottom: 4px solid rgba(140, 212, 229, 0.1) !important; }

.border-bottom-accent-01 { border-bottom: 1px solid rgba(140, 212, 229, 0.1); }

.feature-border-left-accent-01 { border-left: 4px solid rgba(140, 212, 229, 0.1) !important; }

.border-left-accent-01 { border-left: 1px solid rgba(140, 212, 229, 0.1); }

.background-contain { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.aspect11 { position: relative; }

.aspect11::after { display: block; padding-top: 100%; content: ""; }

.aspect11 > .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.accessibility ul { margin: 0; padding: 0; list-style-type: none; }

.accessibility li { margin: 0; padding: 0; }

.accessibility a { position: absolute; top: -40px; left: 50%; width: 12em; margin-left: -6em; padding: 6px; -webkit-transition: top 1s ease-out, background 1s linear; -o-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: transparent; color: #00a7ff; text-align: center; z-index: 10000; }

.accessibility a:focus { position: absolute; top: 0; left: 50%; -webkit-transition: top 0.1s ease-in, background 0.5s linear; -o-transition: top 0.1s ease-in, background 0.5s linear; transition: top 0.1s ease-in, background 0.5s linear; background: #fff; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.header-main { position: absolute; top: 0; left: 0; width: 100%; padding: 15px; z-index: 2; }

.header-main .logo { width: 140px; }

.header-main-banner { position: relative; z-index: 1; background-size: cover; }

.login-header { background-color: #00a7ff; }

@media (min-width: 768px) { .header-main { padding: 30px; }
  .header-main .logo { width: 200px; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
#mmenu .mm-panel .mm-listitem:after { content: ''; left: 0px; }

#mmenu .mm-panel .mm-listitem__text { padding-left: 4rem !important; }

#mmenu .close-button { cursor: pointer; }

#mmenu .close-button img { width: 40px; }

.mm-listitem__btn:not(.mm-listitem__text) { border: none; }

.mm-btn_next:after, .mm-btn_prev:before { border-color: #00a7ff; border-width: 3px; width: 20px; height: 20px; }

.mm-navbar__title { color: #fff !important; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.breadcrumb { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; background-color: transparent; }

.breadcrumb li { line-height: 1; }

.breadcrumb .chevron { font-size: 10px; line-height: 1; }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
footer { background-color: #231f20; font-size: 1rem; }

footer .logo { display: block; max-width: 200px; margin: auto; }

footer .icon { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain; }

footer .phone-icon { background-image: url("../icons/dts-phone.svg"); }

footer .plane-icon { background-image: url("../icons/dts-arrow.svg"); }

footer .contact { border-top: 1px solid #4a4a50; border-right: 1px solid #4a4a50; }

footer .contact p a { font-size: 0.8em; }

footer .social { border-top: 1px solid #4a4a50; border-right: 1px solid #4a4a50; }

footer .copyright { border-top: 1px solid #4a4a50; font-size: 1rem; }

@media (min-width: 768px) { footer { font-size: 1.6rem; }
  footer .logo { max-width: 150px; }
  footer .icon { width: 25px; height: 25px; }
  footer .contact { border-top: 1px solid #4a4a50; border-right: 1px solid #4a4a50; border-left: 1px solid #4a4a50; } }

@media (min-width: 992px) { footer .logo { max-width: 200px; } }

@media (min-width: 1200px) { footer .logo { max-width: 195px; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
.content img { max-width: 100%; height: auto; }

.content img.leftAlone { display: block; margin-right: 1em; float: none; clear: both; }

.content img.center { display: block; margin-right: auto; margin-left: auto; }

.content img.left { display: block; margin-top: 0; margin-right: 1em; float: left; }

.content img.right { display: block; margin-top: 0; margin-left: 1em; float: right; }

ul li { color: #00a7ff; }

ul li span { color: #000000; }

.button { padding: 15px 30px; }

.button a, [type="submit"] { padding: 15px 30px; border: 2px solid #00a7ff; border-radius: 30px; background-color: #00a7ff; color: #fff; font-size: 1.2rem; line-height: normal; }

.button a:hover, [type="submit"]:hover { background-color: transparent; color: #00a7ff; text-decoration: none; }

.bg-full { background-color: rgba(74, 74, 80, 0.08); }

.icon { width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 60%; }

.phone-icon { background-image: url("../icons/dts-phone.svg"); }

.plane-icon { background-image: url("../icons/dts-arrow.svg"); }

@media (min-width: 768px) { .button span, [type="submit"] { font-size: 1.4rem; } }

@media (min-width: 992px) { .button span, [type="submit"] { font-size: 1.8rem; } }

/***************************************************************************************************************
    Dear Dev Pros,

    Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered
    into any file that includes this one (spoiler alert: most files include this file)
****************************************************************************************************************/
input, textarea { width: 100%; margin-bottom: 20px; border: 1px solid #0c6bb6; border-radius: 30px; }

input:focus, textarea:focus { border: 2px solid #00a7ff; }

.checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; }

.checkbox input[type="checkbox"] { width: auto; position: absolute; margin-left: -20px; height: auto; min-height: 27px; }

form .field label { font-weight: 400 !important; }

.form-control { height: auto; font-size: 1.2rem; color: #2c3336; border: 1px solid #0c6bb6; border-radius: 30px; height: 50px; }

.requiredField label::after { content: ' *'; }

input { height: 50px; }

input.btn { width: auto; }

#MemberLoginForm_LoginForm .checkbox input[type="checkbox"] { margin-left: 0; }

#MemberLoginForm_LoginForm .btn-toolbar { margin-top: 20px; }

#MemberLoginForm_LoginForm .btn-toolbar input[type="submit"] { padding: 0 30px; }

.userform input[type="submit"] { padding: 0 30px; }

@media (min-width: 768px) { .form-control { font-size: 1.7rem; } }
/*# sourceMappingURL=main.css.map */