/*
Theme Name: bbw4future
Author: Karsten Baumgardt
Author URI: https://www.bbw-gruppe.de/
Description: bbw4future - Blog der bbw Hochschule
Version: 1.0
*/




@charset "UTF-8";
/*------------------------------------
  Default Styles
------------------------------------*/
html {
  font-size: 16px;
}

body {
  font-weight: normal;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.6;
  color: #12222d;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
  background-color: #fff;
}

a {
  color: #333;
  outline: none;
}

a:focus,
a:hover {
  color: #025d29;
  text-decoration: none;
}

.nav-link {
  color: #206297;
  font-weight: bold;
}

.nav-link:focus,
.nav-link:hover {
  color: #5B8893;
}

figure {
  margin-bottom: 0;
}

/*------------------------------------
  Headings
------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, .h7,
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
}

h1 {
  font-family: "Conv_Thinking_of_Betty";
  color: #fff;
  font-size: 5rem;
  line-height: 1.2;
  font-weight: 400;
  position: relative;
  margin-bottom: 20px;
}

h1.category-title span {
  color: #fff;
  background-color: rgba(91, 136, 147, 0.85);
  padding: 5px;
  font-style: italic;
}

h1.category-title::after {
  content: none;
}

@media (max-width: 768px) {
 h1 {
   font-size: 3rem;
 }
}

h2 {
  
  color: #025d29;
  margin-bottom: 0px;
  position: relative;
	font-size: 4rem;
  }

.page-privatschule h2 {
	color: #ee8018;
}

h3, h2.wppsac-post-title {
  margin-bottom: 10px
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: none !important;
  transition: all 0.2s ease-in-out;
}

h3 a:hover {
  text-decoration: none;
}

h2.wppsac-post-title::after {
  content: none;
}

h4 {
  font-family: "Conv_Thinking_of_Betty";
  color: #025d29;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 400;
  position: relative;
  margin-top: 40px;
}

.page-hochschule h4 {
 	color: #5b8893;
}


.dzsparallaxer h1, h2, h3 {
	color: #025d29;
}

footer h4 {
  color: #fff;
  font-size: 1.2rem !important;
  font-weight: 700;
}

footer p {
  color: #fff;
}

h5 {
  font-size: 1rem;
  font-weight: bold;
}

.single-post  .post-category {
  font-size: 2.2rem;
  margin-bottom: 0px;
  font-weight: 700;
  display: block;
  position: absolute;
  left: 15px;
  top: -80px;
}

.h7 {
  font-size: .75rem;
}

@media (max-width: 576px) {
.bbwchen {
 position: initial;
 height: 200px;
 width: 200px;
 left: 20px;
 z-index: 100;
 bottom: -8px;
}
}

@media (min-width: 576px) {
.bbwchen {
 position: absolute;
 height: 200px;
 width: 200px;
 left: 20px;
 z-index: 100;
 bottom: -8px;
}
}



/*------------------------------------
  Highlight Color
------------------------------------*/
::-moz-selection {
  color: #fff;
  background-color: #6ab8ee;
}

::selection {
  color: #fff;
  background-color: #6ab8ee;
}

.g-bg-primary ::-moz-selection {
  color: #6ab8ee;
  background-color: #fff;
}

.g-bg-primary ::selection {
  color: #6ab8ee;
  background-color: #fff;
}

.u-header {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 1rem;
    z-index: 501;
    background-color: #fff;
    box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1);
}

.u-header--sticky-top {
    bottom: auto;
    top: 0;
}


.u-header--sticky-top, .u-header--sticky-bottom {
  position: fixed;
}


.u-header__section {
  position: relative;
  z-index: 1;
}

.u-header__section:nth-child(1) {
  z-index: 5;
}

.u-header__section:nth-child(2) {
  z-index: 4;
}

.u-header__section:nth-child(3) {
  z-index: 3;
}

.u-header__section:nth-child(4) {
  z-index: 2;
}

.u-header__section:nth-child(5) {
  z-index: 1;
}

.u-header__logo-img:not(.u-header__logo-img--main) {
  position: absolute;
  opacity: 0;
}



.u-header__section--light .navbar-brand,
.u-header__section--light .navbar-toggler,
.u-header__section--light--shift.js-header-change-moment .navbar-brand,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler {
  color: #12222d;
}

.u-header__section--light .navbar-brand:focus,
.u-header__section--light .navbar-brand:hover,
.u-header__section--light .navbar-toggler:focus,
.u-header__section--light .navbar-toggler:hover,
.u-header__section--light--shift.js-header-change-moment .navbar-brand:focus,
.u-header__section--light--shift.js-header-change-moment .navbar-brand:hover,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler:focus,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler:hover {
  color: #12222d;
}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
  color: #12222d;
}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover {
  color: #12222d;
}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled {
  color: rgba(18, 34, 45, 0.5);
}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active {
  color: #6ab8ee;
}

.u-header__section--light .navbar-toggler,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler {
  border-color: rgba(18, 34, 45, 0.3);
}

.u-header__section--light .navbar-toggler-icon,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba($g-color-main, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.u-header__section--light .navbar-text,
.u-header__section--light--shift.js-header-change-moment .navbar-text {
  color: rgba(18, 34, 45, 0.7);
}

.u-header__section--dark .navbar-brand,
.u-header__section--dark .navbar-toggler,
.u-header__section--dark--shift.js-header-change-moment .navbar-brand,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler,
.u-header__section--primary .navbar-brand,
.u-header__section--primary .navbar-toggler,
.u-header__section--primary--shift.js-header-change-moment .navbar-brand,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler {
  color: #fff;
}

.u-header__section--dark .navbar-brand:focus,
.u-header__section--dark .navbar-brand:hover,
.u-header__section--dark .navbar-toggler:focus,
.u-header__section--dark .navbar-toggler:hover,
.u-header__section--dark--shift.js-header-change-moment .navbar-brand:focus,
.u-header__section--dark--shift.js-header-change-moment .navbar-brand:hover,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler:focus,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler:hover,
.u-header__section--primary .navbar-brand:focus,
.u-header__section--primary .navbar-brand:hover,
.u-header__section--primary .navbar-toggler:focus,
.u-header__section--primary .navbar-toggler:hover,
.u-header__section--primary--shift.js-header-change-moment .navbar-brand:focus,
.u-header__section--primary--shift.js-header-change-moment .navbar-brand:hover,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler:focus,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler:hover {
  color: #fff;
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
  color: rgba(255, 255, 255, 0.8);
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover {
  color: #fff;
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled {
  color: rgba(255, 255, 255, 0.5);
}

.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active {
  color: #fff;
}

.u-header__section--dark .navbar-toggler,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler,
.u-header__section--primary .navbar-toggler,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.3);
}

.u-header__section--dark .navbar-toggler-icon,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler-icon,
.u-header__section--primary .navbar-toggler-icon,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba($g-color-white, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.u-header__section--dark .navbar-text,
.u-header__section--dark--shift.js-header-change-moment .navbar-text,
.u-header__section--primary .navbar-text,
.u-header__section--primary--shift.js-header-change-moment .navbar-text {
  color: rgba(255, 255, 255, 0.7);
}

.navbar > .container {
  position: relative;
}

.navbar-brand {
margin-right: 0;
}

/* Button Styles
------------------------------------*/

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: 0 none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn {
    position: relative;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    cursor: pointer;
}

.wp-block-button__link {
	font-size: 1rem;
	padding: 10px !important;
	border-radius: 0.25rem;
	border: 1px solid #d3d3d3 !important;
	background-color: #fff !important;
	color: #025d29
	-moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.wp-block-button__link:hover {
	color: #fff !important;
	border: 1px solid #8bb63a !important;
	background-color: #8bb63a  !important;
}


/*------------------------------------
  Searchform v1
------------------------------------*/
.u-searchform-v1,
.u-searchform-v1--align-left {
  min-width: initial;
  width: 21.42857rem;
  position: absolute;
  right: -1.07143rem;
  top: 100%;
  -webkit-box-shadow: 0 1px 3px #ddd;
          box-shadow: 0 1px 3px #ddd;
}

.u-searchform-v1 .form-control,
.u-searchform-v1--align-left .form-control {
  font-family: "Roboto", sans-serif;
  font-size: 0.85714rem;
}

.u-searchform-v1--align-left,
.u-searchform-v1--align-left--align-left {
  position: absolute;
  left: -1.07143rem;
}

.u-searchform-v1 .input-group-addon,
.u-searchform-v1--align-left .input-group-addon {
  border: 0;
}

.u-searchform-v1 .input-group-addon button[type="submit"],
.u-searchform-v1--align-left .input-group-addon button[type="submit"] {
  height: 100%;
}

/*------------------------------------
  Custom Bootstrap
------------------------------------*/
.container-semiboxed {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  .container-semiboxed {
    width: 540px;
  }
}

@media (min-width: 768px) {
  .container-semiboxed {
    width: 720px;
  }
}

@media (min-width: 992px) {
  .container-semiboxed {
    width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-semiboxed {
    width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container-semiboxed {
    width: 1340px;
  }
}

.text-muted {
  color: #999 !important;
}

.list-group-item {
  border-color: #eee;
}

.list-group-item-action:hover {
  background-color: #f7f7f7;
}

.list-group-item.active {
  background-color: #6ab8ee;
  border-color: #6ab8ee;
}

.list-group-border-0 .list-group-item:first-child,
.list-group-border-0 .list-group-item:last-child {
  border-radius: 0;
}

/* Paginations */
.page-link {
  color: #6ab8ee;
}

.page-link:focus, .page-link:hover {
  color: #6ab8ee;
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
  border-color: #6ab8ee;
  background-color: #6ab8ee;
}

.nav-pills .nav-link.show .nav-link,
.nav-pills .nav-link.active {
  background-color: #6ab8ee;
}

.nav-tabs {
  border-bottom: 1px solid #eee;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.show .nav-link {
  color: #12222d;
  border-color: #eee #eee #fff;
}

.progress {
  font-size: 1rem;
  line-height: inherit;
  height: inherit;
  background-color: #eee;
}

.progress-bar {
  height: auto;
  min-height: 12px;
  background-color: #6ab8ee;
}

.btn-primary {
  //background-color: #8bb63a;
  background-color: #ff6961;
  border: 1px solid #ff6961;
  border-bottom: 2px solid #ff392e;
  color: #fff;
  font-size: 14px;
  padding: 8px 10px;
  border-radius: 0;
}

.btn-primary:hover {
  //background-color: #6d8f2e;
  //border-bottom: 2px solid #506921;
  background-color: #ff392e;
  border: 1px solid #ff392e;
  border-bottom: 2px solid #fa0d00;
  cursor: pointer;
}

.btn-primary:focus, .btn-primary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(106, 184, 238, 0.5);
          box-shadow: 0 0 0 2px rgba(106, 184, 238, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #6ab8ee;
  border-color: #6ab8ee;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #61b4ed;
  border-color: #61b4ed;
}

.btn-outline-primary {
  color: #6ab8ee;
  border-color: #6ab8ee;
}

.btn-outline-primary:hover {
  background-color: #61b4ed;
  border-color: #61b4ed;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(106, 184, 238, 0.5);
          box-shadow: 0 0 0 2px rgba(106, 184, 238, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #6ab8ee;
}

.btn-outline-primary:active, .btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #61b4ed;
  border-color: #61b4ed;
}

.card,
.card-header {
  border-color: #eee;
}

.card-header {
  padding: 0.71429rem 1.07143rem;
}

.card-block {
  padding: 1.07143rem;
}

.form-control {
  border-color: #ccc;
  height: auto;
}

.form-control-md {
  padding: .8rem 1rem .6rem;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
  height: calc(3.75rem + 2px);
}

.form-control,
.form-control:focus {
  color: #12222d;
}

.form-control:focus,
.custom-select:focus {
  border-color: #6ab8ee;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-control::-webkit-input-placeholder {
  color: inherit;
  opacity: .5;
}

.form-control::-ms-input-placeholder {
  color: inherit;
  opacity: .5;
}

.form-control::placeholder {
  color: inherit;
  opacity: .5;
}

.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
  color: #5cb85c;
}

.has-success .form-control {
  border-color: #5cb85c;
}

.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
  color: #f0ad4e;
}

.has-warning .form-control {
  border-color: #f0ad4e;
}

.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
  color: #d9534f;
}

.has-danger .form-control {
  border-color: #d9534f;
}

[class*="input-group-"] {
  min-width: 38px;
  background-color: transparent;
  border-color: #ccc;
  -webkit-transition: border-color .15s ease-in-out 0s;
  -o-transition: border-color .15s ease-in-out 0s;
  transition: border-color .15s ease-in-out 0s;
}

[class*="input-group-"] > * {
  white-space: normal;
}

[class*="input-group-"] i {
  margin: 0 auto;
}

.input-group .form-control:active,
.input-group .form-control:focus,
.input-group .form-control:hover {
  z-index: auto;
}

.btn-group {
  display: block;
}

.input-group-addon + .input-group-addon {
  border-left: solid 1px #ccc;
}

.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #f7f7f7;
}

.table-striped tbody td {
  border-top: none;
}

@media (min-width: 768px) {
  .btn-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .justified-content {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .justified-content > * {
    display: table-cell;
    width: 1%;
    float: none;
  }
}

.dropdown-menu {
  min-width: 15rem;
  padding: 0;
  border-radius: 0;
}

.dropdown-toggle::before {
  display: none;
}

.dropdown-toggle::after {
  content: "\f107";
  position: relative;
  font-family: "FontAwesome" !important;
  font-size: 16px;
  display: inline;
  border: none;
  margin-left: 0.5rem;
  vertical-align: 0;
}

.dropdown-item {
  padding: 0.21429rem 1.07143rem;
}

.dropdown-item:focus, .dropdown-item:hover {
  background: rgba(0, 0, 0, 0.03);
  color: #5B8893;
}

.dropdown-item.active, .dropdown-item:active {
  background: rgba(0, 0, 0, 0.05);
  color: inherit !important;
}

.dropdown-item.active > a, .dropdown-item:active > a {
  color: inherit !important;
}

.dropdown-item.active > a::before, .dropdown-item.active > a::after, .dropdown-item:active > a::before, .dropdown-item:active > a::after {
  background-color: #fff;
}

.u-header__section--dark .dropdown-item.active > a, .u-header__section--dark .dropdown-item:active > a {
  color: #fff !important;
}

.chosen-container-single .chosen-single div b {
  position: relative;
}

.chosen-container-single .chosen-search input[type="text"] {
  padding: .8rem 1rem .6rem;
  border-color: #ccc;
}

.chosen-container-single.u-dropdown-sm .chosen-search input[type="text"] {
  padding: .25rem .5rem .1rem;
}

.chosen-container-single.u-dropdown-lg .chosen-search input[type="text"] {
  padding: .75rem 1.5rem .55rem;
}

.chosen-container-single.u-select-above .chosen-drop {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
}

[data-animation].cbp {
  visibility: visible;
}

.cbp-slider-next::after,
.cbp-slider-prev::after {
  display: none;
}

.cbp-filter-item {
  cursor: pointer;
}

.cbp-item-off {
  opacity: 0;
}






/*------------------------------------
  Background Colors
------------------------------------*/

/* Main Colors */
.g-bg-main {
  background-color: #fff !important;
}

/* Main Secondary */
.g-bg-secondary {
  background-color: #f2f2f2 !important;
}

/* Primary Colors */
.g-bg-primary {
  background-color: #6ab8ee !important;
}

.g-bg-primary--hover:hover {
  background-color: #6ab8ee !important;
}

.u-block-hover:hover .g-bg-primary--hover {
  background-color: #6ab8ee;
}

.g-parent:hover .g-bg-primary--parent-hover {
  background-color: #6ab8ee !important;
}

.g-bg-primary--active.active,
.active .g-bg-primary--active {
  background-color: #6ab8ee !important;
}

.g-parent.active .g-bg-primary--parent-active {
  background-color: #6ab8ee !important;
}

.g-bg-primary--before::before, .g-bg-primary--after::after {
  background-color: #6ab8ee !important;
}

.g-bg-primary-dark-v1 {
  background-color: #61b4ed !important;
}

.g-bg-primary-dark-v2 {
  background-color: #53adeb !important;
}

.g-bg-primary-dark-v3 {
  background-color: #3ca2e9 !important;
}

.g-bg-primary-opacity-0_1 {
  background-color: rgba(106, 184, 238, 0.1) !important;
}

.g-bg-primary-opacity-0_2 {
  background-color: rgba(106, 184, 238, 0.2) !important;
}

.g-bg-primary-opacity-0_2--hover:hover {
  background-color: rgba(106, 184, 238, 0.2) !important;
}

.g-bg-primary-opacity-0_2--hover--after:hover::after {
  background-color: rgba(106, 184, 238, 0.2) !important;
}

.active .g-bg-primary-opacity-0_2--active {
  background-color: rgba(106, 184, 238, 0.2) !important;
}

.g-bg-primary-opacity-0_2--before::before, .g-bg-primary-opacity-0_2--after::after {
  background-color: rgba(106, 184, 238, 0.2) !important;
}

.g-bg-primary-opacity-0_3 {
  background-color: rgba(106, 184, 238, 0.3) !important;
}

.g-bg-primary-opacity-0_3--hover:hover {
  background-color: rgba(106, 184, 238, 0.3) !important;
}

.g-bg-primary-opacity-0_3--hover--after:hover::after {
  background-color: rgba(106, 184, 238, 0.3) !important;
}

.active .g-bg-primary-opacity-0_3--active {
  background-color: rgba(106, 184, 238, 0.3) !important;
}

.g-bg-primary-opacity-0_3--before::before, .g-bg-primary-opacity-0_3--after::after {
  background-color: rgba(106, 184, 238, 0.3) !important;
}

.g-bg-primary-opacity-0_4 {
  background-color: rgba(106, 184, 238, 0.4) !important;
}

.g-bg-primary-opacity-0_4--hover:hover {
  background-color: rgba(106, 184, 238, 0.4) !important;
}

.g-bg-primary-opacity-0_4--hover--after:hover::after {
  background-color: rgba(106, 184, 238, 0.4) !important;
}

.g-bg-primary-opacity-0_4--after::after {
  background-color: rgba(106, 184, 238, 0.4) !important;
}

.g-bg-primary-opacity-0_6 {
  background-color: rgba(106, 184, 238, 0.6) !important;
}

.g-bg-primary-opacity-0_6--hover:hover {
  background-color: rgba(106, 184, 238, 0.6) !important;
}

.g-bg-primary-opacity-0_6--hover--after:hover::after {
  background-color: rgba(106, 184, 238, 0.6) !important;
}

.g-bg-primary-opacity-0_6--after::after {
  background-color: rgba(106, 184, 238, 0.6) !important;
}

.g-bg-primary-opacity-0_8 {
  background-color: rgba(106, 184, 238, 0.8) !important;
}

.g-bg-primary-opacity-0_8--hover:hover {
  background-color: rgba(106, 184, 238, 0.8) !important;
}

.g-bg-primary-opacity-0_8--hover--after:hover::after {
  background-color: rgba(106, 184, 238, 0.8) !important;
}

.g-bg-primary-opacity-0_8--before::after, .g-bg-primary-opacity-0_8--after::after {
  background-color: rgba(106, 184, 238, 0.8) !important;
}

.g-bg-primary-opacity-0_8--before--hover:hover::after, .g-bg-primary-opacity-0_8--after--hover:hover::after {
  background-color: rgba(106, 184, 238, 0.8) !important;
}

.g-bg-primary-opacity-0_9 {
  background-color: rgba(106, 184, 238, 0.9) !important;
}

.g-bg-primary-opacity-0_9--hover:hover {
  background-color: rgba(106, 184, 238, 0.9) !important;
}

.g-bg-primary-opacity-0_9--hover--after:hover::after {
  background-color: rgba(106, 184, 238, 0.9) !important;
}

.g-bg-primary-opacity-0_9--before::after, .g-bg-primary-opacity-0_9--after::after {
  background-color: rgba(106, 184, 238, 0.9) !important;
}

.g-bg-primary-opacity-0_9--before--hover:hover::after, .g-bg-primary-opacity-0_9--after--hover:hover::after {
  background-color: rgba(106, 184, 238, 0.9) !important;
}

/* Black Colors */
.g-bg-black {
  background-color: #000 !important;
}

.g-bg-black--hover:hover {
  background-color: #000 !important;
}

.g-bg-black--after::after {
  background-color: #000 !important;
}

.g-bg-black-opacity-0_1 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.g-bg-black-opacity-0_1--after::after {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.g-bg-black-opacity-0_2 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.g-bg-black-opacity-0_2--after::after {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.g-bg-black-opacity-0_3 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.g-bg-black-opacity-0_3--hover:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.g-bg-black-opacity-0_3--after::after, .g-bg-black-opacity-0_3--before::before {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.g-bg-black-opacity-0_3--hover--after:hover::after {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.g-bg-black-opacity-0_4 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.g-bg-black-opacity-0_4--after::after {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.g-bg-black-opacity-0_5 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.g-bg-black-opacity-0_5--hover:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.g-bg-black-opacity-0_5--after::after {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.g-bg-black-opacity-0_6 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.g-bg-black-opacity-0_6--hover:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.g-bg-black-opacity-0_6--after::after {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.g-bg-black-opacity-0_7 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.g-bg-black-opacity-0_7--hover:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.g-bg-black-opacity-0_7--after::after {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.g-bg-black-opacity-0_8 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.g-bg-black-opacity-0_8--after::after {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.g-bg-black-opacity-0_8--hover:hover {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.g-bg-black-opacity-0_9 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.g-bg-black-opacity-0_9--after::after {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.g-bg-black-opacity-0_9--hover:hover {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.u-block-hover:hover .g-bg-black--hover {
  background-color: #000 !important;
}


/* Color Blue */
.g-bg-blue {
  background-color: #5B8893 !important;
}

.g-bg-blue-opacity-0_1 {
  background-color: rgba(91, 136, 147, 0.1) !important;
}

.g-bg-blue-opacity-0_3 {
    background-color: rgba(91, 136, 147, 0.1) !important;
}

.g-bg-blue-opacity-0_7 {
  background-color: rgba(91, 136, 147, 0.7) !important;
}

.g-bg-blue-opacity-0_9 {
  background-color: rgba(91, 136, 147, 0.9) !important;
}

.g-bg-blue-opacity-1 {
  background-color: rgb(91, 136, 147);
}

.g-bg-blue--hover:hover {
  background-color: #3398dc !important;
}

/* Color Light Blue */
.g-bg-lightblue {
  background-color: #edf2f8 !important;
}

.g-bg-lightblue-opacity-0_1 {
  background-color: rgba(237, 242, 248, 0.1) !important;
}

.g-bg-lightblue-v1 {
  background-color: #d6e2ee !important;
}

.g-bg-lightblue-v1-opacity-0_1 {
  background-color: rgba(214, 226, 238, 0.1) !important;
}





/*------------------------------------
  Covers
------------------------------------*/
.g-bg-cover {
  position: relative;
}

.g-bg-cover::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.g-bg-cover-v1::after {
  position: absolute;
  top: 0.35714rem;
  right: 0.35714rem;
  bottom: 0.35714rem;
  left: 0.35714rem;
}

.g-bg-cover__inner {
  z-index: 1;
  position: relative;
}








/*------------------------------------
  Borders Default (dashed)
------------------------------------*/
.g-brd-around--dashed {
  border: dashed 1px transparent;
}

.g-brd-top--dashed {
  border-top: dashed 1px transparent;
}

.g-brd-bottom--dashed {
  border-bottom: dashed 1px transparent;
}

.g-brd-right--dashed {
  border-right: dashed 1px transparent;
}

.g-brd-left--dashed {
  border-left: dashed 1px transparent;
}

@media (min-width: 576px) {
  .g-brd-around--dashed--sm {
    border: dashed 1px transparent;
  }
  .g-brd-top--dashed--sm {
    border-top: dashed 1px transparent;
  }
  .g-brd-bottom--dashed--sm {
    border-bottom: dashed 1px transparent;
  }
  .g-brd-right--dashed--sm {
    border-right: dashed 1px transparent;
  }
  .g-brd-left--dashed--sm {
    border-left: dashed 1px transparent;
  }
}

@media (min-width: 768px) {
  .g-brd-around--dashed--md {
    border: dashed 1px transparent;
  }
  .g-brd-top--dashed--md {
    border-top: dashed 1px transparent;
  }
  .g-brd-bottom--dashed--md {
    border-bottom: dashed 1px transparent;
  }
  .g-brd-right--dashed--md {
    border-right: dashed 1px transparent;
  }
  .g-brd-left--dashed--md {
    border-left: dashed 1px transparent;
  }
}

/*------------------------------------
  Borders Default (dotted)
------------------------------------*/
.g-brd-around--dotted {
  border: dotted 1px transparent;
}

.g-brd-top--dotted {
  border-top: dotted 1px transparent;
}

.g-brd-bottom--dotted {
  border-bottom: dotted 1px transparent;
}

.g-brd-right--dotted {
  border-right: dotted 1px transparent;
}

.g-brd-left--dotted {
  border-left: dotted 1px transparent;
}

@media (min-width: 576px) {
  .g-brd-around--dotted--sm {
    border: dotted 1px transparent;
  }
  .g-brd-top--dotted--sm {
    border-top: dotted 1px transparent;
  }
  .g-brd-bottom--dotted--sm {
    border-bottom: dotted 1px transparent;
  }
  .g-brd-right--dotted--sm {
    border-right: dotted 1px transparent;
  }
  .g-brd-left--dotted--sm {
    border-left: dotted 1px transparent;
  }
}

@media (min-width: 768px) {
  .g-brd-around--dotted--md {
    border: dotted 1px transparent;
  }
  .g-brd-top--dotted--md {
    border-top: dotted 1px transparent;
  }
  .g-brd-bottom--dotted--md {
    border-bottom: dotted 1px transparent;
  }
  .g-brd-right--dotted--md {
    border-right: dotted 1px transparent;
  }
  .g-brd-left--dotted--md {
    border-left: dotted 1px transparent;
  }
}

/*------------------------------------
  Border Width
------------------------------------*/
.g-brd-0 {
  border-width: 0 !important;
}

.g-brd-1 {
  border-width: 1px !important;
}

.g-brd-2 {
  border-width: 2px !important;
}

.g-brd-3 {
  border-width: 3px !important;
}

.g-brd-3--before::before {
  border-width: 3px !important;
}

.g-brd-3--before--active.active::before {
  border-width: 3px !important;
}

.g-brd-4 {
  border-width: 4px !important;
}

.g-brd-5 {
  border-width: 5px !important;
}

.g-brd-6 {
  border-width: 6px !important;
}

.g-brd-7 {
  border-width: 7px !important;
}

.g-brd-10 {
  border-width: 10px !important;
}

.g-brd-12 {
  border-width: 12px !important;
}

.g-brd-top-0 {
  border-top-width: 0 !important;
}

.g-brd-top-2 {
  border-top-width: 2px !important;
}

.g-brd-top-3 {
  border-top-width: 3px !important;
}

.g-brd-top-5 {
  border-top-width: 5px !important;
}

.g-brd-bottom-0 {
  border-bottom-width: 0 !important;
}

.g-brd-bottom-2 {
  border-bottom-width: 2px !important;
}

.g-brd-bottom-2--hover:hover {
  border-bottom-width: 2px !important;
}

.g-parent:hover .g-brd-bottom-2--parent-hover {
  border-bottom-width: 2px !important;
}

.g-brd-bottom-5 {
  border-bottom-width: 5px !important;
}

.g-brd-left-0 {
  border-left-width: 0 !important;
}

.g-brd-left-1 {
  border-left-width: 1px !important;
}

.g-brd-left-2 {
  border-left-width: 2px !important;
}

.g-brd-left-3 {
  border-left-width: 3px !important;
}

.g-brd-left-4 {
  border-left-width: 4px !important;
}

.g-brd-right-0 {
  border-right-width: 0 !important;
}

.g-brd-right-1 {
  border-right-width: 1px !important;
}

.g-brd-right-2 {
  border-right-width: 2px !important;
}

.g-brd-right-3 {
  border-right-width: 3px !important;
}

.g-brd-right-4 {
  border-right-width: 4px !important;
}

@media (min-width: 768px) {
  .g-brd-0--md {
    border-width: 0 !important;
  }
  .g-brd-1--md {
    border-width: 1px !important;
  }
  .g-brd-2--md {
    border-width: 2px !important;
  }
  .g-brd-3--md {
    border-width: 3px !important;
  }
  .g-brd-4--md {
    border-width: 4px !important;
  }
  .g-brd-5--md {
    border-width: 5px !important;
  }
  .g-brd-6--md {
    border-width: 6px !important;
  }
  .g-brd-10--md {
    border-width: 10px !important;
  }
  .g-brd-top-0--md {
    border-top-width: 0 !important;
  }
  .g-brd-top-2--md {
    border-top-width: 2px !important;
  }
  .g-brd-top-3--md {
    border-top-width: 3px !important;
  }
  .g-brd-top-5--md {
    border-top-width: 5px !important;
  }
  .g-brd-bottom-0--md {
    border-bottom-width: 0 !important;
  }
  .g-brd-bottom-2--md {
    border-bottom-width: 2px !important;
  }
  .g-brd-bottom-5--md {
    border-bottom-width: 5px !important;
  }
  .g-brd-left-0--md {
    border-left-width: 0 !important;
  }
  .g-brd-left-1--md {
    border-left-width: 1px !important;
  }
  .g-brd-left-2--md {
    border-left-width: 2px !important;
  }
  .g-brd-left-3--md {
    border-left-width: 3px !important;
  }
  .g-brd-left-4--md {
    border-left-width: 4px !important;
  }
  .g-brd-right-0--md {
    border-right-width: 0 !important;
  }
  .g-brd-right-1--md {
    border-right-width: 1px !important;
  }
}

@media (min-width: 992px) {
  .g-brd-0--lg {
    border-width: 0 !important;
  }
  .g-brd-1--lg {
    border-width: 1px !important;
  }
  .g-brd-top-0--lg {
    border-top-width: 0 !important;
  }
  .g-brd-top-1--lg {
    border-top-width: 1px !important;
  }
  .g-brd-bottom-0--lg {
    border-bottom-width: 0 !important;
  }
  .g-brd-bottom-1--lg {
    border-bottom-width: 1px !important;
  }
  .g-brd-left-0--lg {
    border-left-width: 0 !important;
  }
  .g-brd-left-1--lg {
    border-left-width: 1px !important;
  }
  .g-brd-right-0--lg {
    border-right-width: 0 !important;
  }
  .g-brd-right-1--lg {
    border-right-width: 1px !important;
  }
}

/*------------------------------------
  Border Colors
------------------------------------*/
/* Basic Colors
------------------------------------*/
/* Primary Colors */
.g-brd-primary {
  border-color: #6ab8ee !important;
}

.g-brd-primary--before::before {
  border-color: #6ab8ee !important;
}

.g-brd-primary--before--active.active::before {
  border-color: #6ab8ee !important;
}

.g-brd-primary--hover:hover, .g-brd-primary--active.active {
  border-color: #6ab8ee !important;
}

.g-brd-primary--active.active,
.active .g-brd-primary--active {
  border-color: #6ab8ee !important;
}

*:hover > .g-brd-primary--hover-parent {
  border-color: #6ab8ee !important;
}

.g-brd-primary-opacity-0_3 {
  border-color: rgba(106, 184, 238, 0.3) !important;
}

.g-brd-primary-opacity-0_3--hover:hover, .g-brd-primary-opacity-0_3--active.active {
  border-color: rgba(106, 184, 238, 0.3) !important;
}

*:hover > .g-brd-primary-opacity-0_3--hover-parent {
  border-color: rgba(106, 184, 238, 0.3) !important;
}

.g-brd-primary-dark-dark-v1 {
  border-color: #61b4ed !important;
}

.g-brd-primary-dark-dark-v1--hover:hover, .g-brd-primary-dark-dark-v1--active.active {
  border-color: #61b4ed !important;
}

*:hover > .g-brd-primary-dark-dark-v1--hover-parent {
  border-color: #61b4ed !important;
}

.g-brd-primary-dark-dark-v2 {
  border-color: #53adeb !important;
}

.g-brd-primary-dark-dark-v2--hover:hover, .g-brd-primary-dark-dark-v2--active.active {
  border-color: #53adeb !important;
}

*:hover > .g-brd-primary-dark-dark-v2--hover-parent {
  border-color: #53adeb !important;
}

.g-brd-primary-dark-dark-v3 {
  border-color: #3ca2e9 !important;
}

.g-brd-primary-dark-dark-v3--hover:hover, .g-brd-primary-dark-dark-v3--active.active {
  border-color: #3ca2e9 !important;
}

*:hover > .g-brd-primary-dark-dark-v3--hover-parent {
  border-color: #3ca2e9 !important;
}

.g-brd-bottom-primary--hover:hover {
  border-bottom-color: #6ab8ee !important;
}

/* Main Colors */
.g-brd-main {
  border-color: #12222d !important;
}

.g-brd-main--hover:hover {
  border-color: #12222d !important;
}

/* Black Colors */
.g-brd-black {
  border-color: #000 !important;
}

.g-brd-black--hover:hover, .g-brd-black--active.active {
  border-color: #000 !important;
}

*:hover > .g-brd-black--hover-parent {
  border-color: #000 !important;
}

.g-brd-black-opacity-0_4 {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

/* White Colors */
.g-brd-white {
  border-color: #fff !important;
}

.g-brd-white--hover:hover, .g-brd-white--active.active {
  border-color: #fff !important;
}

*:hover > .g-brd-white--hover-parent {
  border-color: #fff !important;
}

.g-brd-white-opacity-0_1 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_1--hover:hover, .g-brd-white-opacity-0_1--active.active {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

*:hover > .g-brd-white-opacity-0_1--hover-parent {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_2 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.g-brd-white-opacity-0_2--hover:hover, .g-brd-white-opacity-0_2--active.active {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

*:hover > .g-brd-white-opacity-0_2--hover-parent {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.g-brd-white-opacity-0_3 {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-white-opacity-0_3--hover:hover, .g-brd-white-opacity-0_3--active.active {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

*:hover > .g-brd-white-opacity-0_3--hover-parent {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-white-opacity-0_4 {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.g-brd-white-opacity-0_4--hover:hover, .g-brd-white-opacity-0_4--active.active {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

*:hover > .g-brd-white-opacity-0_4--hover-parent {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.g-brd-white-opacity-0_5 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.g-brd-white-opacity-0_5--hover:hover, .g-brd-white-opacity-0_5--active.active {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

*:hover > .g-brd-white-opacity-0_5--hover-parent {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.g-brd-white-opacity-0_6 {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.g-brd-white-opacity-0_6--hover:hover, .g-brd-white-opacity-0_6--active.active {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

*:hover > .g-brd-white-opacity-0_6--hover-parent {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.g-brd-white-opacity-0_8 {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.g-brd-white-opacity-0_8--hover:hover, .g-brd-white-opacity-0_8--active.active {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

*:hover > .g-brd-white-opacity-0_8--hover-parent {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

/* Gray Colors */
.g-brd-gray-dark-v1 {
  border-color: #111 !important;
}

.g-brd-gray-dark-v1--hover:hover, .g-brd-gray-dark-v1--active.active {
  border-color: #111 !important;
}

*:hover > .g-brd-gray-dark-v1--hover-parent {
  border-color: #111 !important;
}

.g-brd-gray-dark-v2 {
  border-color: #333 !important;
}

.g-brd-gray-dark-v2--hover:hover, .g-brd-gray-dark-v2--active.active {
  border-color: #333 !important;
}

*:hover > .g-brd-gray-dark-v2--hover-parent {
  border-color: #333 !important;
}

.g-brd-gray-dark-v3 {
  border-color: #555 !important;
}

.g-brd-gray-dark-v3--hover:hover, .g-brd-gray-dark-v3--active.active {
  border-color: #555 !important;
}

*:hover > .g-brd-gray-dark-v3--hover-parent {
  border-color: #555 !important;
}

.g-brd-gray-dark-v4 {
  border-color: #777 !important;
}

.g-brd-gray-dark-v4--hover:hover, .g-brd-gray-dark-v4--active.active {
  border-color: #777 !important;
}

*:hover > .g-brd-gray-dark-v4--hover-parent {
  border-color: #777 !important;
}

.g-brd-gray-dark-v5 {
  border-color: #999 !important;
}

.g-brd-gray-dark-v5--hover:hover, .g-brd-gray-dark-v5--active.active {
  border-color: #999 !important;
}

*:hover > .g-brd-gray-dark-v5--hover-parent {
  border-color: #999 !important;
}

.g-brd-gray-light-v1 {
  border-color: #bbb !important;
}

.g-brd-gray-light-v1--hover:hover, .g-brd-gray-light-v1--focus:focus, .g-brd-gray-light-v1--active.active {
  border-color: #bbb !important;
}

*:hover > .g-brd-gray-light-v1--hover-parent {
  border-color: #bbb !important;
}

.g-brd-gray-light-v2 {
  border-color: #ccc !important;
}

.g-brd-gray-light-v2--before::before {
  border-color: #ccc !important;
}

.g-brd-gray-light-v2--after::after {
  border-color: #ccc !important;
}

.g-brd-gray-light-v2--hover:hover, .g-brd-gray-light-v2--active.active {
  border-color: #ccc !important;
}

*:hover > .g-brd-gray-light-v2--hover-parent {
  border-color: #ccc !important;
}

.g-brd-gray-light-v3 {
  border-color: #ddd !important;
}

.g-brd-gray-light-v3--hover:hover, .g-brd-gray-light-v3--active.active, .g-brd-gray-light-v3--focus:focus {
  border-color: #ddd !important;
}

*:hover > .g-brd-gray-light-v3--hover-parent {
  border-color: #ddd !important;
}

.g-brd-gray-light-v4 {
  border-color: #eee !important;
}

.g-brd-gray-light-v4--hover:hover, .g-brd-gray-light-v4--active.active {
  border-color: #eee !important;
}

*:hover > .g-brd-gray-light-v4--hover-parent {
  border-color: #eee !important;
}

.g-brd-gray-light-v5 {
  border-color: #f7f7f7 !important;
}

.g-brd-gray-light-v5--hover:hover, .g-brd-gray-light-v5--active.active {
  border-color: #f7f7f7 !important;
}

*:hover > .g-brd-gray-light-v5--hover-parent {
  border-color: #f7f7f7 !important;
}

/* Transparent */
.g-brd-transparent {
  border-color: transparent !important;
}

.g-brd-transparent--before::before {
  border-color: transparent !important;
}

.g-brd-transparent--after::after {
  border-color: transparent !important;
}

.g-brd-transparent--hover:hover, .g-brd-transparent--active.active {
  border-color: transparent !important;
}

*:hover > .g-brd-transparent--hover-parent {
  border-color: transparent !important;
}

/* Complementary Colors
------------------------------------*/
/* Color Green */
.g-brd-green {
  border-color: #72c02c !important;
}

.g-brd-green--hover:hover, .g-brd-green--active.active {
  border-color: #72c02c !important;
}

*:hover > .g-brd-green--hover-parent {
  border-color: #72c02c !important;
}

/* Color Blue */
.g-brd-blue {
  border-color: #3398dc !important;
}

.g-brd-blue--hover:hover, .g-brd-blue--active.active {
  border-color: #3398dc !important;
}

*:hover > .g-brd-blue--hover-parent {
  border-color: #3398dc !important;
}

.g-brd-blue-opacity-0_1 {
  border-color: rgba(51, 152, 220, 0.1) !important;
}

/* Color Light Blue */
.g-brd-lightblue {
  border-color: #edf2f8 !important;
}

.g-brd-lightblue--hover:hover, .g-brd-lightblue--active.active {
  border-color: #edf2f8 !important;
}

*:hover > .g-brd-lightblue--hover-parent {
  border-color: #edf2f8 !important;
}

.g-brd-lightblue-v1 {
  border-color: #d6e2ee !important;
}

.g-brd-lightblue-v1--hover:hover, .g-brd-lightblue-v1--active.active {
  border-color: #d6e2ee !important;
}

*:hover > .g-brd-lightblue-v1--hover-parent {
  border-color: #d6e2ee !important;
}

/* Color Dark Blue */
.g-brd-darkblue {
  border-color: #009 !important;
}

.g-brd-darkblue--hover:hover, .g-brd-darkblue--active.active {
  border-color: #009 !important;
}

*:hover > .g-brd-darkblue--hover-parent {
  border-color: #009 !important;
}

/* Color Indigo */
.g-brd-indigo {
  border-color: #4263a3 !important;
}

.g-brd-indigo--hover:hover, .g-brd-indigo--active.active {
  border-color: #4263a3 !important;
}

*:hover > .g-brd-indigo--hover-parent {
  border-color: #4263a3 !important;
}

/* Color Red */
.g-brd-red {
  border-color: #f00 !important;
}

.g-brd-red--hover:hover, .g-brd-red--active.active {
  border-color: #f00 !important;
}

*:hover > .g-brd-red--hover-parent {
  border-color: #f00 !important;
}

/* Color Light Red */
.g-brd-lightred {
  border-color: #e64b3b !important;
}

.g-brd-lightred--hover:hover, .g-brd-lightred--active.active {
  border-color: #e64b3b !important;
}

*:hover > .g-brd-lightred--hover-parent {
  border-color: #e64b3b !important;
}

/* Color Dark Red */
.g-brd-darkred {
  border-color: #a10f2b !important;
}

.g-brd-darkred--hover:hover, .g-brd-darkred--active.active {
  border-color: #a10f2b !important;
}

*:hover > .g-brd-darkred--hover-parent {
  border-color: #a10f2b !important;
}

/

/* Color Blue Gray */
.g-brd-bluegray {
  border-color: #585f69 !important;
}

.g-brd-bluegray--hover:hover, .g-brd-bluegray--active.active {
  border-color: #585f69 !important;
}

*:hover > .g-brd-bluegray--hover-parent {
  border-color: #585f69 !important;
}

/* Primary Colors */
.g-brd-primary-top {
  border-top-color: #6ab8ee !important;
}

.g-brd-primary-top--before::before {
  border-top-color: #6ab8ee !important;
}

.g-brd-primary-bottom {
  border-bottom-color: #6ab8ee !important;
}

.g-brd-primary-bottom--before:before {
  border-bottom-color: #6ab8ee !important;
}

.g-brd-primary-left {
  border-left-color: #6ab8ee !important;
}

.g-brd-primary-left--before:before {
  border-left-color: #6ab8ee !important;
}

.g-brd-primary-right {
  border-right-color: #6ab8ee !important;
}

.g-brd-primary-right--before:before {
  border-right-color: #6ab8ee !important;
}

.g-brd-primary-opacity-0_3-top {
  border-top-color: rgba(106, 184, 238, 0.3) !important;
}

.g-brd-primary-opacity-0_3-bottom {
  border-bottom-color: rgba(106, 184, 238, 0.3) !important;
}

.g-brd-primary-opacity-0_3-left {
  border-left-color: rgba(106, 184, 238, 0.3) !important;
}

.g-brd-primary-opacity-0_3-right {
  border-right-color: rgba(106, 184, 238, 0.3) !important;
}

.g-brd-primary-dark-dark-v1-top {
  border-top-color: #61b4ed !important;
}

.g-brd-primary-dark-dark-v1-bottom {
  border-bottom-color: #61b4ed !important;
}

.g-brd-primary-dark-dark-v1-left {
  border-left-color: #61b4ed !important;
}

.g-brd-primary-dark-dark-v1-right {
  border-right-color: #61b4ed !important;
}

.g-brd-primary-dark-dark-v2-top {
  border-top-color: #53adeb !important;
}

.g-brd-primary-dark-dark-v2-bottom {
  border-bottom-color: #53adeb !important;
}

.g-brd-primary-dark-dark-v2-left {
  border-left-color: #53adeb !important;
}

.g-brd-primary-dark-dark-v2-right {
  border-right-color: #53adeb !important;
}

.g-brd-primary-dark-dark-v3-top {
  border-top-color: #3ca2e9 !important;
}

.g-brd-primary-dark-dark-v3-bottom {
  border-bottom-color: #3ca2e9 !important;
}

.g-brd-primary-dark-dark-v3-left {
  border-left-color: #3ca2e9 !important;
}

.g-brd-primary-dark-dark-v3-right {
  border-right-color: #3ca2e9 !important;
}

/* Black Colors */
.g-brd-black-top {
  border-top-color: #000 !important;
}

.g-brd-black-bottom {
  border-bottom-color: #000 !important;
}

.g-brd-black-left {
  border-left-color: #000 !important;
}

.g-brd-black-right {
  border-right-color: #000 !important;
}

/* White */
.g-brd-white-top {
  border-top-color: #fff !important;
}

.g-brd-white-bottom {
  border-bottom-color: #fff !important;
}

.g-brd-white-left {
  border-left-color: #fff !important;
}

.g-brd-white-right {
  border-right-color: #fff !important;
}

.g-brd-white-opacity-0_1-top {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_1-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_1-left {
  border-left-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_1-right {
  border-right-color: rgba(255, 255, 255, 0.1) !important;
}

.g-brd-white-opacity-0_2-top {
  border-top-color: rgba(255, 255, 255, 0.2) !important;
}

.g-brd-white-opacity-0_2-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

.g-brd-white-opacity-0_2-left {
  border-left-color: rgba(255, 255, 255, 0.2) !important;
}

.g-brd-white-opacity-0_2-right {
  border-right-color: rgba(255, 255, 255, 0.2) !important;
}

.g-brd-white-opacity-0_3-top {
  border-top-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-white-opacity-0_3-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-white-opacity-0_3-left {
  border-left-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-white-opacity-0_3-right {
  border-right-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-white-opacity-0_4-top {
  border-top-color: rgba(255, 255, 255, 0.4) !important;
}

.g-brd-white-opacity-0_4-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.4) !important;
}

.g-brd-white-opacity-0_4-left {
  border-left-color: rgba(255, 255, 255, 0.4) !important;
}

.g-brd-white-opacity-0_4-right {
  border-right-color: rgba(255, 255, 255, 0.4) !important;
}

.g-brd-white-opacity-0_5-top {
  border-top-color: rgba(255, 255, 255, 0.5) !important;
}

.g-brd-white-opacity-0_5-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.5) !important;
}

.g-brd-white-opacity-0_5-left {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}

.g-brd-white-opacity-0_5-right {
  border-right-color: rgba(255, 255, 255, 0.5) !important;
}

.g-brd-white-opacity-0_6-top {
  border-top-color: rgba(255, 255, 255, 0.6) !important;
}

.g-brd-white-opacity-0_6-bottom {
  border-bottom-color: rgba(255, 255, 255, 0.6) !important;
}

.g-brd-white-opacity-0_6-left {
  border-left-color: rgba(255, 255, 255, 0.6) !important;
}

.g-brd-white-opacity-0_6-right {
  border-right-color: rgba(255, 255, 255, 0.6) !important;
}

/* Gray Colors */
.g-brd-gray-dark-v1-top {
  border-top-color: #111 !important;
}

.g-brd-gray-dark-v1-bottom {
  border-bottom-color: #111 !important;
}

.g-brd-gray-dark-v1-left {
  border-left-color: #111 !important;
}

.g-brd-gray-dark-v1-right {
  border-right-color: #111 !important;
}

.g-brd-gray-dark-v2-top {
  border-top-color: #333 !important;
}

.g-brd-gray-dark-v2-bottom {
  border-bottom-color: #333 !important;
}

.g-brd-gray-dark-v2-left {
  border-left-color: #333 !important;
}

.g-brd-gray-dark-v2-right {
  border-right-color: #333 !important;
}

.g-brd-gray-dark-v3-top {
  border-top-color: #555 !important;
}

.g-brd-gray-dark-v3-bottom {
  border-bottom-color: #555 !important;
}

.g-brd-gray-dark-v3-left {
  border-left-color: #555 !important;
}

.g-brd-gray-dark-v3-right {
  border-right-color: #555 !important;
}

.g-brd-gray-dark-v4-top {
  border-top-color: #777 !important;
}

.g-brd-gray-dark-v4-bottom {
  border-bottom-color: #777 !important;
}

.g-brd-gray-dark-v4-left {
  border-left-color: #777 !important;
}

.g-brd-gray-dark-v4-right {
  border-right-color: #777 !important;
}

.g-brd-gray-dark-v5-top {
  border-top-color: #999 !important;
}

.g-brd-gray-dark-v5-bottom {
  border-bottom-color: #999 !important;
}

.g-brd-gray-dark-v5-left {
  border-left-color: #999 !important;
}

.g-brd-gray-dark-v5-right {
  border-right-color: #999 !important;
}

.g-brd-gray-light-v1-top {
  border-top-color: #bbb !important;
}

.g-brd-gray-light-v1-bottom {
  border-bottom-color: #bbb !important;
}

.g-brd-gray-light-v1-left {
  border-left-color: #bbb !important;
}

.g-brd-gray-light-v1-right {
  border-right-color: #bbb !important;
}

.g-brd-gray-light-v2-top {
  border-top-color: #ccc !important;
}

.g-brd-gray-light-v2-bottom {
  border-bottom-color: #ccc !important;
}

.g-brd-gray-light-v2-left {
  border-left-color: #ccc !important;
}

.g-brd-gray-light-v2-right {
  border-right-color: #ccc !important;
}

.g-brd-gray-light-v3-top {
  border-top-color: #ddd !important;
}

.g-brd-gray-light-v3-bottom {
  border-bottom-color: #ddd !important;
}

.g-brd-gray-light-v3-left {
  border-left-color: #ddd !important;
}

.g-brd-gray-light-v3-right {
  border-right-color: #ddd !important;
}

.g-brd-gray-light-v4-top {
  border-top-color: #eee !important;
}

.g-brd-gray-light-v4-bottom {
  border-bottom-color: #eee !important;
}

.g-brd-gray-light-v4-left {
  border-left-color: #eee !important;
}

.g-brd-gray-light-v4-right {
  border-right-color: #eee !important;
}

.g-brd-gray-light-v5-top {
  border-top-color: #f7f7f7 !important;
}

.g-brd-gray-light-v5-bottom {
  border-bottom-color: #f7f7f7 !important;
}

.g-brd-gray-light-v5-left {
  border-left-color: #f7f7f7 !important;
}

.g-brd-gray-light-v5-right {
  border-right-color: #f7f7f7 !important;
}

/* Transparent */
.g-brd-transparent-top {
  border-top-color: transparent !important;
}

.g-brd-transparent-bottom {
  border-bottom-color: transparent !important;
}

.g-brd-transparent-left {
  border-left-color: transparent !important;
}

.g-brd-transparent-right {
  border-right-color: transparent !important;
}

/*------------------------------------
  Positions
------------------------------------*/
.g-pos-rel {
  position: relative !important;
}

.g-pos-abs {
  position: absolute !important;
}

.g-pos-stc {
  position: static !important;
}

.g-pos-fix {
  position: fixed !important;
}

@media (min-width: 576px) {
  .g-pos-rel--sm {
    position: relative !important;
  }
  .g-pos-fix--sm {
    position: fixed !important;
  }
  .g-pos-abs--sm {
    position: absolute !important;
  }
  .g-pos-stc--sm {
    position: static !important;
  }
}

@media (min-width: 768px) {
  .g-pos-rel--md {
    position: relative !important;
  }
  .g-pos-fix--md {
    position: fixed !important;
  }
  .g-pos-abs--md {
    position: absolute !important;
  }
  .g-pos-stc--sm {
    position: static !important;
  }
}

@media (min-width: 992px) {
  .g-pos-rel--lg {
    position: relative !important;
  }
  .g-pos-fix--lg {
    position: fixed !important;
  }
  .g-pos-abs--lg {
    position: absolute !important;
  }
  .g-pos-stc--lg {
    position: static !important;
  }
}

/*------------------------------------
  Position Spaces
------------------------------------*/

.g-top-minus-70 {
    top: -60px;
}



/*------------------------------------
  Block Alignments
------------------------------------*/
/* Absolute (Position, X, Y) */
.g-absolute-centered {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
}

.g-absolute-centered--x {
  position: absolute !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-backface-visibility: hidden;
}

@media (min-width: 576px) {
  .g-absolute-centered--x--sm {
    position: absolute !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
  }
}

@media (min-width: 768px) {
  .g-absolute-centered--x--md {
    position: absolute !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
  }
}

@media (min-width: 576px) {
.g-absolute-centered--y {
  position: absolute !important;
  top: 60% !important;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
}
}

@media (max-width: 576px) {
.g-absolute-centered--y {
  position: absolute !important;
  top: 52% !important;
  -webkit-transform: translateY(-45%);
      -ms-transform: translateY(-45%);
          transform: translateY(-45%);
  -webkit-backface-visibility: hidden;
}
}

@media (min-width: 768px) {
  .g-absolute-centered--y--md {
    position: absolute !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
  }
}

@media (min-width: 992px) {
  .g-absolute-centered--y--lg {
    position: absolute !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
  }
}

/* O */
.g-transform-origin--top-left {
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
}

.g-transform-origin--top-right {
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
}

.g-absolute-centered--y--scl-0_6 {
  position: absolute;
  top: 50%;
  -webkit-transform: scale(0.6) translateY(-50%);
      -ms-transform: scale(0.6) translateY(-50%);
          transform: scale(0.6) translateY(-50%);
}

/* Relative (Position, X, Y) */
.g-relative-centered {
  position: relative;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
}

.g-relative-centered--x {
  position: relative;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-backface-visibility: hidden;
}

.g-relative-centered--y {
  position: relative;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
}

/* Flex centered */
.g-flex-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.g-flex-centered-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.g-flex-centered-item--top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.g-flex-centered-item--bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

/* Flex right */
.g-flex-right--xs {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* Flex middle */
.g-flex-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.g-flex-middle-item {
  margin-top: auto;
  margin-bottom: auto;
}

.g-flex-middle-item--top {
  margin-top: 0;
  margin-bottom: 0;
}

.g-flex-middle-item--bottom {
  margin-top: auto;
  margin-bottom: 0;
}

.g-flex-middle-item--fixed {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  max-width: 50%;
}

@media (min-width: 768px) {
  /* Flex right */
  .g-flex-right--md {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .g-flex-centered--md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .g-absolute-centered--y--scl-1--md {
    position: absolute;
    top: 50%;
    -webkit-transform: scale(1) translateY(-50%);
        -ms-transform: scale(1) translateY(-50%);
            transform: scale(1) translateY(-50%);
  }
}

@media (min-width: 576px) {
  .g-absolute-centered--sm {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
  }
  .g-absolute-centered--x-sm--reset {
    position: static !important;
    left: auto !important;
    -webkit-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
            transform: translateX(0) !important;
  }
}

@media (min-width: 768px) {
  .g-absolute-centered--md {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-backface-visibility: hidden;
  }
}

@media (min-width: 992px) {
  .g-absolute-centered--x--lg {
    position: absolute !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
  }
  .g-flex-centered--lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/*------------------------------------
  Alignments
------------------------------------*/
.g-valign-super {
  vertical-align: super !important;
}

.g-valign-sub {
  vertical-align: sub !important;
}

.g-valign-top {
  vertical-align: top !important;
}

.g-valign-middle {
  vertical-align: middle !important;
}

.g-valign-bottom {
  vertical-align: bottom !important;
}



/*------------------------------------
  Clear
------------------------------------*/
.g-clear {
  clear: both;
}

.g-clear--left {
  clear: left;
}

.g-clear--right {
  clear: right;
}

.clearfix {
  display: block;
}


/*------------------------------------
  Overflows
------------------------------------*/
.g-overflow-hidden {
  overflow: hidden !important;
}

.g-overflow-visible {
  overflow: visible;
}

.g-overflow-x-hidden {
  overflow-x: hidden;
}

.g-overflow-x-auto {
  overflow-x: auto !important;
}

.g-overflow-x-scroll {
  overflow-x: scroll;
}

.g-overflow-y-auto {
  overflow-y: auto;
}

.g-overflow-y-hidden {
  overflow-y: hidden;
}

@media (min-width: 768px) {
  .g-overflow-x-visible--md {
    overflow-x: visible;
  }
}

@media (min-width: 992px) {
  .g-overflow-x-visible--lg {
    overflow-x: visible;
  }
}

/*------------------------------------
  Transitions
------------------------------------*/
/*.g-transition {
  &-0_2 {
    transition: .2s ease-out;
  }
  &-0_3 {
    transition: .3s ease-out;
  }
  &-0_6 {
    transition: .6s ease-out;
    &-ease {
      transition: .6s ease;
    }
  }
}

[class*="g-color-"][class*="--hover"] {
  transition: color .2s ease-out;
}
[class*="g-bg-"][class*="--hover"] {
  transition: background-color .3s ease-out;
}
[class*="g-color-"][class*="--hover"][class*="g-bg-"][class*="--hover"] {
  transition: .3s ease-out;
}*/
[class*="g-transition"] {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

[class*="g-transition"]::before, [class*="g-transition"]::after {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

svg[class*="g-transition"] path,
svg[class*="g-transition"] polygon {
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.g-transition-0 {
  -webkit-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.g-transition-0::before, .g-transition-0::after {
  -webkit-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

svg.g-transition-0 path,
svg.g-transition-0 polygon {
  -webkit-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.g-transition-0_2 {
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

.g-transition-0_2::before, .g-transition-0_2::after {
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

svg.g-transition-0_2 path,
svg.g-transition-0_2 polygon {
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

.g-transition-0_3 {
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
}

.g-transition-0_3::before, .g-transition-0_3::after {
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
}

svg.g-transition-0_3 path,
svg.g-transition-0_3 polygon {
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
}

.g-transition-0_5 {
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
}

.g-transition-0_5::before, .g-transition-0_5::after {
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
}

svg.g-transition-0_5 path,
svg.g-transition-0_5 polygon {
  -webkit-transition-duration: .5s;
       -o-transition-duration: .5s;
          transition-duration: .5s;
}

.g-transition-0_6 {
  -webkit-transition-duration: .6s;
       -o-transition-duration: .6s;
          transition-duration: .6s;
}

.g-transition-0_6::before, .g-transition-0_6::after {
  -webkit-transition-duration: .6s;
       -o-transition-duration: .6s;
          transition-duration: .6s;
}

svg.g-transition-0_6 path,
svg.g-transition-0_6 polygon {
  -webkit-transition-duration: .6s;
       -o-transition-duration: .6s;
          transition-duration: .6s;
}

.g-transition-delay-0_11 {
  -webkit-transition-delay: .11s;
       -o-transition-delay: .11s;
          transition-delay: .11s;
}

.g-transition-delay-0_11::before, .g-transition-delay-0_11::after {
  -webkit-transition-delay: .11s;
       -o-transition-delay: .11s;
          transition-delay: .11s;
}

svg.g-transition-0_11 path,
svg.g-transition-0_11 polygon {
  -webkit-transition-duration: .11s;
       -o-transition-duration: .11s;
          transition-duration: .11s;
}

.g-transition-delay-0_2 {
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s;
}

.g-transition-delay-0_2::before, .g-transition-delay-0_2::after {
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s;
}

svg.g-transition-delay-0_2 path,
svg.g-transition-delay-0_2 polygon {
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s;
}

.g-transition-delay-0_45 {
  -webkit-transition-delay: .45s;
       -o-transition-delay: .45s;
          transition-delay: .45s;
}

.g-transition-delay-0_45::before, .g-transition-delay-0_45::after {
  -webkit-transition-delay: .45s;
       -o-transition-delay: .45s;
          transition-delay: .45s;
}

svg.g-transition-delay-0_45 path,
svg.g-transition-delay-0_45 polygon {
  -webkit-transition-delay: .45s;
       -o-transition-delay: .45s;
          transition-delay: .45s;
}

.g-transition--ease-out {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.g-transition--ease-out::before, .g-transition--ease-out::after {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

svg.g-transition--ease-out path,
svg.g-transition--ease-out polygon {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.g-transition--ease-in {
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.g-transition--ease-in::before, .g-transition--ease-in::after {
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

svg.g-transition--ease-in path,
svg.g-transition--ease-in polygon {
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

.g-transition--ease-in-out {
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.g-transition--ease-in-out::before, .g-transition--ease-in-out::after {
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

svg.g-transition--ease-in-out path,
svg.g-transition--ease-in-out polygon {
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.g-transition--linear {
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
}

.g-transition--linear::before, .g-transition--linear::after {
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
}

svg.g-transition--linear path,
svg.g-transition--linear polygon {
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
}

/*------------------------------------
  Transforms
------------------------------------*/
.g-transform-scale-0_5 {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}

.g-transform-scale-0_5--hover:hover {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}

.g-parent:hover .g-transform-scale-0_5--parent-hover {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}

.g-transform-scale-0_8 {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.g-transform-scale-0_8--hover:hover {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.g-parent:hover .g-transform-scale-0_8--parent-hover {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.g-transform-scale-0_85 {
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
}

.g-transform-scale-0_85--hover:hover {
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
}

.g-parent:hover .g-transform-scale-0_85--parent-hover {
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
}

.g-transform-scale-0_9 {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

.g-transform-scale-0_9--hover:hover {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

.g-parent:hover .g-transform-scale-0_9--parent-hover {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

.g-transform-scale-1 {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.g-transform-scale-1--hover:hover {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.g-parent:hover .g-transform-scale-1--parent-hover {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.g-transform-scale-1_05 {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
          transform: scale3d(1.05, 1.05, 1.05);
}

.g-transform-scale-1_05--hover:hover {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
          transform: scale3d(1.05, 1.05, 1.05);
  z-index: 2;
}

.g-parent:hover .g-transform-scale-1_05--parent-hover {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
}

.g-transform-scale-1_1 {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
}

.g-transform-scale-1_1--hover:hover {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
  z-index: 2;
}

.g-parent:hover .g-transform-scale-1_1--parent-hover {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
}

.g-transform-scale-1_2 {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.g-transform-scale-1_2--hover:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.g-parent:hover .g-transform-scale-1_2--parent-hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.g-transform-translate-x-100x {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.g-transform-translate-x-100x--hover:hover {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.g-parent:hover .g-transform-translate-x-100x--parent-hover {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.g-transform-translate-x-minus-100x {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.g-transform-translate-x-minus-100x--hover:hover {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.g-parent:hover .g-transform-translate-x-minus-100x--parent-hover {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.g-transform-translate-y-5 {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px);
}

.g-transform-translate-y-5--hover:hover {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px);
}

.g-parent:hover .g-transform-translate-y-5--parent-hover {
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
          transform: translateY(5px);
}

.g-transform-translate-y-100x {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.g-transform-translate-y-100x--hover:hover {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.g-parent:hover .g-transform-translate-y-100x--parent-hover {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.g-transform-translate-y-minus-5 {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.g-transform-translate-y-minus-5--hover:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.g-parent:hover .g-transform-translate-y-minus-5--parent-hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.g-transform-translate-y-minus-70 {
  -webkit-transform: translateY(-70px);
      -ms-transform: translateY(-70px);
          transform: translateY(-70px);
}

.g-transform-translate-y-minus-70--hover:hover {
  -webkit-transform: translateY(-70px);
      -ms-transform: translateY(-70px);
          transform: translateY(-70px);
}

.g-parent:hover .g-transform-translate-y-minus-70--parent-hover {
  -webkit-transform: translateY(-70px);
      -ms-transform: translateY(-70px);
          transform: translateY(-70px);
}

.g-transform-translate-y-minus-100x {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.g-transform-translate-y-minus-100x--hover:hover {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.g-parent:hover .g-transform-translate-y-minus-100x--parent-hover {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

/*------------------------------------
  Opacity
------------------------------------*/
.opacity-0 {
  opacity: 0 !important;
}

.g-opacity-0_3 {
  opacity: .3 !important;
}

.g-opacity-0_4 {
  opacity: .4 !important;
}

.g-opacity-0_5 {
  opacity: .5 !important;
}

.g-opacity-0_6 {
  opacity: .6 !important;
}

.g-opacity-0_7 {
  opacity: .7 !important;
}

.g-opacity-0_8 {
  opacity: .8 !important;
}

.g-opacity-1 {
  opacity: 1 !important;
}

.opacity-0--hover:hover {
  opacity: 0 !important;
}

.g-parent:hover .opacity-0--parent-hover {
  opacity: 0 !important;
}

.g-opacity-0_3--hover:hover {
  opacity: .3 !important;
}

.g-parent:hover .g-opacity-0_3--parent-hover {
  opacity: .3 !important;
}

.g-opacity-0_5--hover:hover {
  opacity: .5 !important;
}

.g-parent:hover .g-opacity-0_5--parent-hover {
  opacity: .5 !important;
}

.g-opacity-0_6--hover:hover {
  opacity: .6 !important;
}

.g-parent:hover .g-opacity-0_6--parent-hover {
  opacity: .6 !important;
}

.g-opacity-0_7--hover:hover {
  opacity: .7 !important;
}

.g-parent:hover .g-opacity-0_7--parent-hover {
  opacity: .7 !important;
}

.g-opacity-0_8--hover:hover {
  opacity: .8 !important;
}

.g-parent:hover .g-opacity-0_8--parent-hover {
  opacity: .8 !important;
}

.u-block-hover:hover .g-opacity-1--hover, .g-opacity-1--hover:hover {
  opacity: 1 !important;
}

.g-parent:hover .g-opacity-1--parent-hover {
  opacity: 1 !important;
}

.selected .g-opacity-1--parents-selected {
  opacity: 1 !important;
}

/*------------------------------------
  Z-Index
------------------------------------*/
.g-z-index-auto {
  z-index: auto;
}

.g-z-index-1 {
  z-index: 1;
}

.g-z-index-2 {
  z-index: 2;
}

.g-z-index-3 {
  z-index: 3;
}

.g-z-index-3--hover:hover {
  z-index: 3;
}

.g-z-index-4 {
  z-index: 4;
}

.g-z-index-4--hover:hover {
  z-index: 4;
}

.g-z-index-99 {
  z-index: 99;
}

.g-z-index-9999 {
  z-index: 9999;
}

.g-z-index-minus-1 {
  z-index: -1;
}

/*------------------------------------
  Resize
------------------------------------*/
.g-resize-none {
  resize: none;
}



/*------------------------------------
  Colors
------------------------------------*/
/* Basic Colors
------------------------------------*/
/* Inherit Colors */
.g-color-inherit {
  color: inherit !important;
}

/* Main Colors */
.g-color-main {
  color: #12222d !important;
}

.g-color-main--hover:hover {
  color: #12222d !important;
}

/* Primary Colors */
.g-color-primary {
  color: #6ab8ee !important;
}

.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {
  color: #6ab8ee !important;
}

.g-parent:hover .g-color-primary--parent-hover {
  color: #6ab8ee !important;
}

.g-color-primary-opacity-0_3 {
  color: rgba(106, 184, 238, 0.3) !important;
}

.g-color-primary-opacity-0_4 {
  color: rgba(106, 184, 238, 0.4) !important;
}

.g-color-primary--active.active {
  color: #6ab8ee !important;
}

.active .g-color-primary--parent-active {
  color: #6ab8ee !important;
}

.g-color-primary--before::before, .g-color-primary--after::after {
  color: #6ab8ee;
}

/* Secondary Colors */
.g-color-secondary {
  color: #e74b3c !important;
}

.u-block-hover:hover .g-color-secondary--hover, .g-color-secondary--hover:hover {
  color: #e74b3c !important;
}

.g-parent:hover .g-color-secondary--parent-hover {
  color: #e74b3c !important;
}

/* Black Colors */
.g-color-black {
  color: #000 !important;
}

.g-color-black--hover:hover {
  color: #000 !important;
}

.g-parent:hover .g-color-black--parent-hover {
  color: #000 !important;
}

.g-color-black--active.active {
  color: #000 !important;
}

.g-color-black-opacity-0_1 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.g-color-black-opacity-0_3 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.g-color-black-opacity-0_5 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.g-color-black-opacity-0_6 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.g-color-black-opacity-0_7 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.g-color-black-opacity-0_8 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.g-color-black-opacity-0_8--child * {
  color: rgba(0, 0, 0, 0.8) !important;
}

.g-color-black-opacity-0_9 {
  color: rgba(0, 0, 0, 0.9) !important;
}

/* White Colors */
.g-color-white {
  color: #fff !important;
}

.g-color-white--opened-menu:not(.collapsed) {
  color: #fff !important;
}

.u-block-hover:hover .g-color-white--hover, .g-color-white--hover:hover {
  color: #fff !important;
}

.g-parent:hover .g-color-white--parent-hover {
  color: #fff !important;
}

.g-color-white--active.active {
  color: #fff !important;
}

.active .g-color-white--parent-active {
  color: #fff !important;
}

.g-color-white--child * {
  color: #fff !important;
}

.g-color-white-opacity-0_1 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.g-color-white-opacity-0_2 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.g-color-white-opacity-0_3 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.g-color-white-opacity-0_5, .g-color-white-opacity-0_5--hover:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}

.g-color-white-opacity-0_6 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.g-parent:hover .g-color-white-opacity-0_6--parent-hover {
  color: rgba(255, 255, 255, 0.6) !important;
}

.g-color-white-opacity-0_7, .g-color-white-opacity-0_7--hover:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}

.g-color-white-opacity-0_75 {
  color: rgba(255, 255, 255, 0.75) !important;
}

.g-color-white-opacity-0_8 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.g-color-white-opacity-0_8--child * {
  color: rgba(255, 255, 255, 0.8) !important;
}

.g-color-white-opacity-0_9, .g-color-white-opacity-0_9--hover:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}

.u-block-hover:hover .g-color-white-opacity-0_7--hover {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Gray Colors */
.g-color-gray-light-v1 {
  color: #bbb !important;
}

.g-color-gray-light-v1--hover:hover {
  color: #bbb !important;
}

.g-color-gray-light-v2 {
  color: #ccc !important;
}

.g-color-gray-light-v2--hover:hover {
  color: #ccc !important;
}

.g-color-gray-light-v3 {
  color: #ddd !important;
}

.g-color-gray-light-v3--hover:hover {
  color: #ddd !important;
}

.g-color-gray-light-v4 {
  color: #eee !important;
}

.g-color-gray-light-v4--hover:hover {
  color: #eee !important;
}

.g-color-gray-light-v4-opacity-0_6 {
  color: rgba(238, 238, 238, 0.6) !important;
}

.g-color-gray-light-v5 {
  color: #f7f7f7 !important;
}

.g-color-gray-light-v5--hover:hover {
  color: #f7f7f7 !important;
}

.g-color-gray-dark-v1 {
  color: #111 !important;
}

.g-color-gray-dark-v1--hover:hover {
  color: #111 !important;
}

.g-color-gray-dark-v2 {
  color: #333 !important;
}

.g-color-gray-dark-v2--hover:hover {
  color: #333 !important;
}

.g-color-gray-dark-v2-opacity-0_75 {
  color: rgba(51, 51, 51, 0.75) !important;
}

.g-color-gray-dark-v3 {
  color: #555 !important;
}

.g-color-gray-dark-v3--hover:hover {
  color: #555 !important;
}

.g-color-gray-dark-v4 {
  color: #777 !important;
}

.g-color-gray-dark-v4--hover:hover {
  color: #777 !important;
}

.g-color-gray-dark-v5 {
  color: #999 !important;
}

.g-color-gray-dark-v5--hover:hover {
  color: #999 !important;
}

.g-parent:hover .g-color-gray-dark-v5--parent-hover {
  color: #999 !important;
}

/* Complementary Colors
------------------------------------*/
/* Color Green */
.g-color-green {
  color: #72c02c !important;
}

.g-color-green--hover:hover {
  color: #72c02c !important;
}

/* Color Blue */
.g-color-blue {
  color: #3398dc !important;
}

.g-color-blue--hover:hover {
  color: #3398dc !important;
}

.g-color-blue-dark-v1 {
  color: #175a88 !important;
}

/* Color Light Blue */
.g-color-lightblue {
  color: #edf2f8 !important;
}

.g-color-lightblue--hover:hover {
  color: #edf2f8 !important;
}

.g-color-lightblue-v1 {
  color: #d6e2ee !important;
}

.g-color-lightblue-v1--hover:hover {
  color: #d6e2ee !important;
}

/* Color Dark Blue */
.g-color-darkblue {
  color: #009 !important;
}

.g-color-darkblue--hover:hover {
  color: #009 !important;
}

/* Color Indigo */
.g-color-indigo {
  color: #4263a3 !important;
}

.g-color-indigo--hover:hover {
  color: #4263a3 !important;
}

/* Color Red */
.g-color-red {
  color: #f00 !important;
}

.g-color-red--hover:hover {
  color: #f00 !important;
}

*:hover > .g-color-red--parent-hover {
  color: #f00 !important;
}

/* Color Light Red */
.g-color-lightred {
  color: #e64b3b !important;
}

.g-color-lightred--hover:hover {
  color: #e64b3b !important;
}

/* Color Dark Red */
.g-color-darkred {
  color: #a10f2b !important;
}

.g-color-darkred--hover:hover {
  color: #a10f2b !important;
}

/* Color Purple */
.g-color-purple {
  color: #9a69cb;
}

.g-color-purple--hover:hover {
  color: #9a69cb !important;
}

.g-color-purple-dark-v1 {
  color: #552c7e !important;
}

/* Color Dark Purple */
.g-color-darkpurple {
  color: #6639b6 !important;
}

.g-color-darkpurple--hover:hover {
  color: #6639b6 !important;
}

/* Color Pink */
.g-color-pink {
  color: #e81c62;
}

.g-color-pink--hover:hover {
  color: #e81c62 !important;
}

.g-color-pink-dark-v1 {
  color: #6f0b2d !important;
}

/* Color Orange */
.g-color-orange {
  color: #e57d20 !important;
}

.g-color-orange--hover:hover {
  color: #e57d20 !important;
}

/* Color Deep Orange */
.g-color-deeporange {
  color: #fe541e !important;
}

.g-color-deeporange--hover:hover {
  color: #fe541e !important;
}

/* Color Yellow */
.g-color-yellow {
  color: #FFD92F !important;
}

.g-color-yellow--hover:hover {
  color: #FFD92F !important;
}

/* Color Aqua */
.g-color-aqua {
  color: #29d6e6;
}

.g-color-aqua--hover:hover {
  color: #29d6e6 !important;
}

.g-color-aqua-dark-v1 {
  color: #11848e !important;
}

/* Color Cyan */
.g-color-cyan {
  color: #00bed6 !important;
}

.g-color-cyan--hover:hover {
  color: #00bed6 !important;
}

/* Color Teal */
.g-color-teal {
  color: #18ba9b !important;
}

.g-color-teal--hover:hover {
  color: #18ba9b !important;
}

/* Color Brown */
.g-color-brown {
  color: #9c8061 !important;
}

.g-color-brown--hover:hover {
  color: #9c8061 !important;
}

/* Color Blue Gray */
.g-color-bluegray {
  color: #585f69 !important;
}

.g-color-bluegray--hover:hover {
  color: #585f69 !important;
}

/*------------------------------------
  Social Colors
------------------------------------*/
/* Facebook */
.g-color-facebook {
  color: #3b5998;
}

.g-color-facebook:hover {
  color: #344e86;
}

.g-color-facebook--hover:hover {
  color: #3b5998 !important;
}

/* Twitter */
.g-color-twitter {
  color: #00acee;
}

.g-color-twitter:hover {
  color: #009ad5;
}

.g-color-twitter--hover:hover {
  color: #00acee !important;
}

/* Skype */
.g-color-skype {
  color: #00aff0;
}

.g-color-skype:hover {
  color: #009cd7;
}

.g-color-skype--hover:hover {
  color: #00aff0 !important;
}

/* Pinterest */
.g-color-pinterest {
  color: #c8232c;
}

.g-color-pinterest:hover {
  color: #b21f27;
}

.g-color-pinterest--hover:hover {
  color: #c8232c !important;
}

/* Vine */
.g-color-vine {
  color: #00bf8f;
}

.g-color-vine:hover {
  color: #00a67c;
}

.g-color-vine--hover:hover {
  color: #00bf8f !important;
}

/* Youtube */
.g-color-youtube {
  color: #c4302b;
}

.g-color-youtube:hover {
  color: #af2b26;
}

.g-color-youtube--hover:hover {
  color: #c4302b !important;
}

/* Google plus */
.g-color-google-plus {
  color: #dd4b39;
}

.g-color-google-plus:hover {
  color: #d73925;
}

.g-color-google-plus--hover:hover {
  color: #dd4b39 !important;
}

/* Dribbble */
.g-color-dribbble {
  color: #ea4c89;
}

.g-color-dribbble:hover {
  color: #e7357a;
}

.g-color-dribbble--hover:hover {
  color: #ea4c89 !important;
}

/* VK */
.g-color-vk {
  color: #2b587a;
}

.g-color-vk:hover {
  color: #244a67;
}

.g-color-vk--hover:hover {
  color: #2b587a !important;
}

/* Linkedin */
.g-color-linkedin {
  color: #0e76a8;
}

.g-color-linkedin:hover {
  color: #0c6590;
}

.g-color-linkedin--hover:hover {
  color: #0e76a8 !important;
}

/* Instagram */
.g-color-instagram {
  color: #3f729b;
}

.g-color-instagram:hover {
  color: #386589;
}

.g-color-instagram--hover:hover {
  color: #3f729b !important;
}

/*------------------------------------
  Gradient Colors
------------------------------------*/
/* Cyan Gradient */
.g-color-cyan-gradient-opacity-v1 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(290deg, rgba(0, 0, 153, 0.55), rgba(0, 190, 214, 0.6));
  background-image: -o-linear-gradient(290deg, rgba(0, 0, 153, 0.55), rgba(0, 190, 214, 0.6));
  background-image: linear-gradient(160deg, rgba(0, 0, 153, 0.55), rgba(0, 190, 214, 0.6));
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Blue Gradient */
.g-color-blue-gradient-opacity-v1 {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(350deg, #8654da, rgba(66, 229, 248, 0.8));
  background-image: -o-linear-gradient(350deg, #8654da, rgba(66, 229, 248, 0.8));
  background-image: linear-gradient(-260deg, #8654da, rgba(66, 229, 248, 0.8));
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
}


/* Min Width in Pixels (px) */
.g-min-width-35 {
  min-width: 35px;
}

.g-min-width-40 {
  min-width: 40px;
}

.g-min-width-65 {
  min-width: 65px;
}

.g-min-width-110 {
  min-width: 110px;
}

.g-min-width-130 {
  min-width: 130px;
}

.g-min-width-150 {
  min-width: 150px;
}

.g-min-width-170 {
  min-width: 170px;
}

.g-min-width-200 {
  min-width: 200px;
}

.g-min-width-220 {
  min-width: 220px;
}

.g-min-width-300 {
  min-width: 300px;
}

.g-min-width-400 {
  min-width: 400px;
}

@media (min-width: 576px) {
  .g-width-50x--sm {
    width: 50% !important;
    /* P */
  }
  .g-width-80x--sm {
    width: 80% !important;
    /* R */
  }
  .g-width-100--sm {
    width: 100px !important;
    /* P */
  }
  .g-width-150--sm {
    width: 150px !important;
    /* O */
  }
  .g-width-170--sm {
    width: 170px !important;
    /* O */
  }
  .g-width-180--sm {
    width: 180px !important;
  }
  .g-min-width-180--sm {
    min-width: 180px;
  }
  .g-width-485--sm {
    width: 485px !important;
    /* O */
    max-width: 100%;
  }
  .g-width-auto--sm {
    width: auto !important;
  }
  .g-max-width-300--sm {
    max-width: 300px;
  }
}

@media (min-width: 768px) {
  .g-width-40--md {
    width: 40px !important;
    /* O */
  }
  .g-width-45--md {
    width: 45px !important;
    /* O */
  }
  .g-width-60--md {
    width: 60px !important;
    /* O */
  }
  .g-width-80--md {
    width: 80px !important;
    /* O */
  }
  .g-width-50x--md {
    width: 50% !important;
    /* P */
  }
  .g-width-60x--md {
    width: 60% !important;
    /* P */
  }
  .g-width-80x--md {
    width: 80% !important;
    /* R */
  }
  .g-width-45--md {
    width: 45px !important;
  }
  .g-width-100--md {
    width: 100px !important;
    /* O */
  }
  .g-width-125--md {
    width: 125px !important;
    /* P */
  }
  .g-width-135--md {
    width: 135px !important;
  }
  .g-width-140--md {
    width: 140px !important;
    /* R */
  }
  .g-width-155--md {
    width: 155px !important;
    /* R */
  }
  .g-width-180--md {
    width: 180px !important;
  }
  .g-width-225--md {
    width: 225px !important;
  }
  .g-width-160--md {
    width: 160px !important;
  }
  .g-width-165--md {
    width: 165px !important;
  }
  .g-width-170--md {
    width: 170px !important;
    /* P */
  }
  .g-width-185--md {
    width: 185px !important;
    /* O */
  }
  .g-width-280--md {
    width: 280px !important;
    /* O */
  }
  .g-width-780--md {
    width: 780px !important;
    /* O */
    max-width: 100%;
  }
  .g-max-width-200--md {
    max-width: 200px;
  }
  .g-max-width-400--md {
    max-width: 400px;
  }
  .g-min-width-110--md {
    min-width: 110px;
  }
  .g-width-auto--md {
    width: auto !important;
    /* P */
  }
}

@media (min-width: 992px) {
  .g-width-60x--lg {
    width: 60% !important;
    /* J */
  }
  .g-width-100x--lg {
    width: 100% !important;
    /* P */
  }
  .g-width-155--lg {
    width: 155px !important;
    /* O */
  }
  .g-width-165--lg {
    width: 165px !important;
  }
  .g-width-200--lg {
    width: 200px !important;
    /* O */
    max-width: 100%;
  }
  .g-width-250--lg {
    /* RG-Q */
    width: 250px !important;
    /* P */
    max-width: 100%;
  }
  .g-width-485--lg {
    width: 485px !important;
    /* O */
    max-width: 100%;
  }
  .g-width-auto--lg {
    width: auto !important;
    /* P */
  }
  .g-max-width-200--lg {
    max-width: 200px;
  }
}

@media (min-width: 1200px) {
  .g-min-width-315--xl {
    min-width: 315px;
  }
}

* > .g-width-70--hover {
  -webkit-transition-property: width;
  -o-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

*:hover > .g-width-70--hover {
  width: 70px;
}

/*------------------------------------
  Heights
------------------------------------*/




/* Min Height in Percentage (%) */
.g-min-height-100x {
  min-height: 100%;
}

/* Height  in Viewport Height (vh) */
.g-height-50vh {
  height: 50vh !important;
}

.g-height-70vh {
  height: 70vh;
}

.g-height-75vh {
  height: 75vh;
}

.g-height-100vh {
  height: 100vh !important;
}

/* Min Height in Viewport Height (vh) */
.g-min-height-50vh {
  min-height: 50vh;
}

.g-min-height-60vh {
  min-height: 60vh;
}

.g-min-height-70vh {
  min-height: 70vh;
}

.g-min-height-80vh {
  min-height: 80vh;
}

.g-min-height-90vh {
  min-height: 90vh;
}

.g-min-height-100vh {
  min-height: 100vh;
}

/* Auto Height */
.g-height-auto {
  height: auto;
}

@media (min-width: 576px) {
  .g-height-100vh--sm {
    height: 100vh !important;
  }
  .g-height-auto--sm {
    height: auto;
  }
  .g-height-100x--sm {
    height: 100%;
  }
}

@media (min-width: 768px) {
  .g-height-auto--md {
    height: auto;
  }
  .g-min-height-100vh--md {
    min-height: 100vh;
  }
}

@media (min-width: 992px) {
  .g-min-height-90vh--lg {
    min-height: 90vh;
  }
  .g-height-100vh--lg {
    height: 100vh !important;
  }
  .g-height-auto--lg {
    height: auto;
  }
}

@media (min-width: 1200px) {
  .g-height-auto--xl {
    height: auto;
  }
}

/*------------------------------------
  Margins Extended
------------------------------------*/
@media (min-width: 992px) {
  /* Margin Top */
  .js-header-change-moment .g-mt-1--lg--scrolling {
    margin-top: 0.07143rem !important;
  }
  .js-header-change-moment .g-mt-2--lg--scrolling {
    margin-top: 0.14286rem !important;
  }
  .js-header-change-moment .g-mt-3--lg--scrolling {
    margin-top: 0.21429rem !important;
  }
  .js-header-change-moment .g-mt-4--lg--scrolling {
    margin-top: 0.28571rem !important;
  }
  .js-header-change-moment .g-mt-5--lg--scrolling {
    margin-top: 0.35714rem !important;
  }
  .js-header-change-moment .g-mt-6--lg--scrolling {
    margin-top: 0.42857rem !important;
  }
  .js-header-change-moment .g-mt-7--lg--scrolling {
    margin-top: 0.5rem !important;
  }
  .js-header-change-moment .g-mt-8--lg--scrolling {
    margin-top: 0.57143rem !important;
  }
  .js-header-change-moment .g-mt-9--lg--scrolling {
    margin-top: 0.64286rem !important;
  }
  .js-header-change-moment .g-mt-10--lg--scrolling {
    margin-top: 0.71429rem !important;
  }
  .js-header-change-moment .g-mt-11--lg--scrolling {
    margin-top: 0.78571rem !important;
  }
  .js-header-change-moment .g-mt-12--lg--scrolling {
    margin-top: 0.85714rem !important;
  }
  .js-header-change-moment .g-mt-13--lg--scrolling {
    margin-top: 0.92857rem !important;
  }
  .js-header-change-moment .g-mt-14--lg--scrolling {
    margin-top: 1rem !important;
  }
  .js-header-change-moment .g-mt-15--lg--scrolling {
    margin-top: 1.07143rem !important;
  }
  .js-header-change-moment .g-mt-16--lg--scrolling {
    margin-top: 1.14286rem !important;
  }
  .js-header-change-moment .g-mt-17--lg--scrolling {
    margin-top: 1.21429rem !important;
  }
  .js-header-change-moment .g-mt-18--lg--scrolling {
    margin-top: 1.28571rem !important;
  }
  .js-header-change-moment .g-mt-19--lg--scrolling {
    margin-top: 1.35714rem !important;
  }
  .js-header-change-moment .g-mt-20--lg--scrolling {
    margin-top: 1.42857rem !important;
  }
  .js-header-change-moment .g-mt-21--lg--scrolling {
    margin-top: 1.5rem !important;
  }
  .js-header-change-moment .g-mt-22--lg--scrolling {
    margin-top: 1.57143rem !important;
  }
  .js-header-change-moment .g-mt-23--lg--scrolling {
    margin-top: 1.64286rem !important;
  }
  .js-header-change-moment .g-mt-24--lg--scrolling {
    margin-top: 1.71429rem !important;
  }
  .js-header-change-moment .g-mt-25--lg--scrolling {
    margin-top: 1.78571rem !important;
  }
}

/*------------------------------------
  Block Hidden
------------------------------------*/
.g-hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .g-hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .g-hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .g-hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .g-hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .g-hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .g-hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .g-hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .g-hidden-xl-up {
    display: none !important;
  }
}

.g-hidden-xl-down {
  display: none !important;
}



/* Typography */
p {
  color: #333333;
}

/*------------------------------------
  Colors
------------------------------------*/
.g-color-text {
  color: #333333;
}

/*------------------------------------
  Background Colors
------------------------------------*/
.g-bg-main--hover:hover {
  background-color: #12222d !important;
}

.g-bg-secondary {
  background-color: rgb(242, 242, 242) !important;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}

/*------------------------------------
  Border Colors
------------------------------------*/
.g-brd-text {
  border-color: #89949b !important;
}

.g-brd-secondary-light-v1 {
  border-color: #f0f1f3 !important;
}

.g-brd-secondary-light-v2 {
  border-color: #ecedee !important;
}

/*------------------------------------
  Header
------------------------------------*/
.u-header__section .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active {
  color: #5B8893;
}

/*------------------------------------
  Carousel indicators v31
------------------------------------*/
.u-carousel-indicators-v31 span {
  background-color: #f0f1f3;
}

/*------------------------------------
  Eigene Styles
------------------------------------*/


.custom-logo {
margin: 10px;
width: 180px;
height: 60px;
}

.page-privatschule .custom-logo {
	margin: 0;
}

.blog-topbar {
  background: #025d29;
  height: 34px;
  border-bottom: 2px solid #486b74;
}

.page-privatschule .blog-topbar {
background: #ee8018;
border-bottom: 2px solid #c5670e;
}

.page-weiterbildung .blog-topbar , .page-lehrgaenge .blog-topbar , .page-veranstaltungen .blog-topbar, .page-veranstaltung .blog-topbar{
background: #7C878E;
border-bottom: 2px solid #646d73;
}

.page-hochschule .blog-topbar {
background: #5b8893;
border-bottom: 2px solid #486b74;
}

.topbar-phone {
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  padding: 7px 12px 7px 0;
  float: left;
  font-weight: 700;
}

.icon-top, .post-thumbnail {
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.post-thumbnail img {
  transition: all .2s ease-in-out;
}

.post-thumbnail img:hover {
  transform: scale(1.1, 1.1);
}

.wp-caption {
  position: relative;
}

.wp-block-image .alignright {
margin-left: 40px;
}

.wp-block-image .alignleft {
margin-right: 40px;
}

figure {
  //border: 5px solid #fff;
  border-radius: 0px;
  position: relative;
}

.category-page, .single-page {
  padding-top: 130px !important;
}

/* Teaser Picture Blog und Kategorie*/
.home .post, .category .post , .author .post, .tag .post, .search .post{
  width: 30.5%;
  margin: 0 15px 30px 15px;
  position: relative;
  border-bottom: 2px solid #d2d2d2;
  transition: all 0.3s ease-in-out;
}

.home .post:hover, .category .post:hover , .author .post:hover, .tag .post:hover, .search .post:hover {
  border-bottom: 2px solid #5B8893;
  //border-bottom: 2px solid #ff6961;
}

.home .post .post-content, .category .post .post-content ,.author .post .post-content, .tag .post .post-content, .search .post .post-content {
  margin-bottom: 15px;
}

.home .post footer, .category .post footer, .author .post footer, .search .post footer {
  border-top: 1px solid #d2d2d2;
  border-bottom: 2px solid #d2d2d2;
  padding: 10px 0;
  margin-bottom: 30px;
}

@media (max-width: 960px) {
  .home .post, .category .post , .author .post, .tag .post, .search .post{
    width: 44%;
  }
}
@media (max-width: 560px) {
  .home .post , .category .post, .author .post, .tag .post, .search .post{
    width: 94%;
    margin-bottom: 30px !important;
  }
}
@media (max-width: 1120px) {
  .home .post ,.category .post, .author .post, .tag .post , .search .post{
    margin: 0 auto;
  }
}

.post .post-thumbnail {
  text-align: center;
  width: 100%;
  max-width: 100%;
}
.post img {
  margin-bottom: 0;
  height: 100%;
  object-fit: cover;
}

.post-category {
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: 600;
  display: block;
  position: absolute;
  left: 10px;
  bottom: 15px;
}

.post-category a {
  color: #fff;
  background-color:  rgba(91, 136, 147, 0.85);
  padding: 5px;
  font-style: italic;
}

.post-tags a {
  color: #333;
  background-color: rgb(242, 242, 242);
  padding: 5px;
}

.post header {
  margin-bottom: 10px;
}

.post-meta {
  color: #888;
  font-size: 13px;
  margin-bottom: 10px;
}

.post-meta .meta-author, .post-meta .meta-posted-on {
  margin-right: 10px
}

/* Marken */
.marken {
	border-bottom: 1px solid #d3d3d3;
    margin-bottom: 20px;
}

/*Bookmark */

.einleitung {
	margin-top: 40px;
}

.bookmarks {
	flex: 0 0 100%;
	max-width: 100%;
}

.bookmarks .whiteBg {
	padding: 15px;
	margin-bottom: 15px;
}

.bookmarks .whiteBg:hover {
    box-shadow: 0 2px 8px 2px rgba(20,23,28,0.15);
    opacity: 1;
	border-color: #8bb63a;
	text-decoration: none;
}

.bookmarks .post-thumbnail {
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
    width: 60px;
    float: left;
    margin-right: 15px;
}

.bookmarks .post-body h5 {
	margin-top: 0px;
}

/* Authors list */

.authors-list-item-thumbnail {
  margin-bottom: 0px;
  position: relative;
}

.authors-list-cols-dir-horizontal .authors-list-col-3 {
  width: 12% !important;
  margin-right: 0 !important;
}

.authors-list-item-thumbnail img {
  max-width: 100%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
}

.author-page .authors-list-item-thumbnail {
  margin-right: 0;
}


/* Authors PAge */
.authors-list-item-thumbnail {
  float: left;
  margin-right: 30px;
}

.authors-list-item-thumbnail img {
  margin-top: 10px;
}

figcaption{
  color: #888888;
  margin: 0 !important;
  padding: 15px 0;
  text-align: center;
  display: block;
  font-style: italic;
  line-height: 1.4;
}

.alignright figcaption {
  left: 20px
}

.alignleft figcaption {
    right: 20px;
}

.imgshadow {
  box-shadow: 0 2px 8px 2px  rgba(0, 0, 0, 0.2);

}

/* Navbar */
.navbar-expand-lg {
  padding: 0 !important;
 flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-left: 20px;
  padding-right: 20px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #8bb63a !important;
}

.dropdown-menu {
  top: 58px;
  text-transform: initial;
}

/* Navbar Top */
.blog-topbar .navbar-nav .nav-link {
  padding: 5px 10px;
  font-size: 0.9rem;
  color: #fff;
  font-weight: 500;
}

.blog-topbar .navbar-nav .nav-link:hover {
  background-color: #8bb63a;
  text-decoration: none;
}

/* Navbar Footer */
#menu-footer .nav-link {
  padding: 4px 15px;
  color: #fff;
  position: relative;
}

#menu-footer .nav-link:hover {
  text-decoration: underline;
}

#menu-footer .nav-link::before {
  content: "\f105";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  left: 2px;
  top: 5px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Searchform */

.header-search {
  width: 33%;
  position: relative;
}

.header-search > .search  {
  padding: 5px 10px;
  color: rgba(0,0,0,.5) !important;
}

.header-search > .search::after {
  content: "\f107";
  position: relative;
  font-family: "FontAwesome" !important;
  font-size: 16px;
  display: inline;
  border: none;
  margin-left: 0.5rem;
  vertical-align: 0;
}

.header-search > .search:hover, .header-search > .search.show{
  color: #5B8893 !important;
  cursor: pointer;
}

.wrapper-search {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid rgba(0,0,0,.15);
  box-shadow: 0 8px 11px rgba(0,0,0,0.2);
  color: #222;
  overflow: hidden;
  padding: 10px 5px 10px 10px;
  position: absolute;
  left: -245px;
  text-align: left;
  top: 52px;
  width: 300px;
  z-index: 10;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: .2s all;
}

.wrapper-search.show {
  display: block;
  visibility: visible;
  transition: .2s all;
  opacity: 1;
}

.header-search .search.show .fa-search::before {
  content: "\f00d";
}

.wrapper-search .search-field {width: 80%; float: left;margin-right: 4%;}
.wrapper-search .search-submit {
  width: 15%;
  background-color: #ff6961;
  border: 1px solid #ff6961;
  border-bottom: 2px solid #ff392e;
  color: #fff;
}

.wrapper-search .search-submit i {
  padding: 12px 0;
}


/* Widget */

.list-unstyled li  {
    position: relative;
    list-style: none;
    padding: 6px 0;
}

.list-unstyled li .icon {
    position: absolute;
    left: 0;
}
.list-unstyled li .text {
    padding: 3px 40px;
}

.kontaktSection {
font-size: 1.75rem;
font-weight: 600;
color: #fff;
}

@media (max-width: 768px) {
  .kontaktSection {
    line-height: 25px;
    font-size: 1.5rem;
  }
 }

.kontBtn {
  float: right;
  font-weight: bold;
}

aside .widget, .whiteBg {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  border-radius: 0.25rem;
	border: 1px solid #f2f2f2;
    border-bottom-color: rgb(211, 211, 211);
    border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom: 1px solid #d3d3d3;
	box-shadow: 0 2px 4px 2px rgba(20,23,28,0.05)
}

.whiteBg {
  padding: 20px;
}

aside .widgettitle {
  text-align: left;
  color: #5B8893;
  padding: 5px 0;
  margin: 0 0 1em 0;
  border-bottom: 1px solid #ddd;
  position: relative;
  font-weight: 600;
  text-transform: uppercase;
}

aside .widgettitle::after {
  content: "";
  display: inline-block;
  width: 120px;
  height: 4px;
  background: #5B8893;
  position: absolute;
  left: 0;
  bottom: -1px;
  margin-left: -35px;
}



aside .widgetBlue  {
  background-color: rgba(1, 152, 225, 1);
  margin-bottom: 30px;
  border-radius: 4px;
  box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);
}

aside .textwidget {
  padding: 15px;

}

aside .widgetBlue .textwidget p {
  color: #fff;
}

aside .widgetBlue .widgettitle {
  text-align: center;
  color: #fff;
  padding: 5px 0;
  border-bottom: 1px solid #DFF1FD;
}

aside .wpp-item-data li a{
  font-size: 1rem !important;
}

/* Listen */

ul.properties {
  padding-left: 0;
}

ul.properties li {
  padding: 3px 0 3px 25px;
  position: relative;
  list-style: none;
}

ul.properties li::before {
content: "\f00c";
display: inline-block;
font-family: FontAwesome;
position: absolute;
color: #206297;
left: 0;
top: 3px;
}

.wp-block-columns {
  margin-bottom: 30px;
}

.wp-block-table {
  background-color: #fff;
}

#swipebox-overlay {
  background: rgba(0,0,0, 0.85);
}

/* Author Box */
.author_bio_section{
  padding: 15px 0 15px 0 ;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px;
  background: rgb(242, 242, 242) !important;
  padding: 15px;
}

.author_bio_section p {
  color: #333;
}

.author_name{
  font-size:16px;
  font-weight: 600;
  position: relative;
  margin-bottom: 30px;
}

.author_name span{
  font-weight: 500;
}

.author_name::after {
  content: "";
  display: inline-block;
  width: 70px;
  height: 2px;
  background: #5B8893;
  position: absolute;
  left: 0;
  bottom: -5px;
}

.author_details img {
  border-radius: 50%;
  float: left;
  margin: 0 20px 10px 0;
}

/* Widget am meisten gelesen */

.wpp-list {
  margin: 0;
  padding: 0;
   }

/* Form */
label {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

input, textarea {
  padding: 8px 12px;
  font-family: 'Open sans', sans-serif;
  font-size: 15px;
  font-weight: 300;
  background: white;
  border: 1px solid #ccc;
  width: auto;
  color: #444;
  -webkit-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}

textarea {
  width: 100%;
  height: 150px;
}

input {
  width: 100%;
}

input:focus, textarea:focus {
  border-color: #5b8893;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 2px rgba(91, 136, 147,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 2px rgba(91, 136, 147,.6);
}

.comment-form-cookies-consent input[type=checkbox] {
width: auto;
}

.comment-form-cookies-consent label {
 display: inline;
  padding: 8px 0;
}

.form-submit .submit, .wpcf7-submit {
  background-color: #ff6961;
  border: 1px solid #ff6961;
  border-bottom: 2px solid #ff392e;
  color: #fff;
  width: 200px;
}

.form-submit .submit:hover, .wpcf7-submit:hover {
  background-color: #ff392e;
  border: 1px solid #ff392e;
  border-bottom: 2px solid #fa0d00;
  cursor: pointer;
}

/* Tag Cloud */

aside .tagcloud a {
  background: #fff none repeat scroll 0 0;
  border-radius: 0px;
  border: 1px solid #d3d3d3;
  border-bottom: 2px solid #d3d3d3;
  color: #333 !important;
  display: inline-block;
  font-size: 14px !important;
  margin: 0 1px 5px 0 !important;
  padding: 5px 20px;
  text-decoration: none;
  transition: all 0.25s ease-in-out 0s;
}

aside .tagcloud a:hover {
  color: #fff !important;
  background: #5B8893 none repeat scroll 0 0;
  border: 1px solid #5B8893;
  border-bottom: 2px solid #486b74;
}

aside .widget_categories ul  {
  margin: 0;
  padding: 0 0 15px 0;
  list-style: none;
}

aside .widget_categories ul li {
  position: relative;
}

aside .widget_categories ul li a{
  margin-left: 15px;
}

aside .widget_categories ul li a::before {
  content: "\f105";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: -1px;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

aside .widget_categories ul li a:hover::before {
  left: 5px;
}

/* Comment */

.comment {
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px solid #d2d2d2;
}

.comment-list ul {
  list-style-type: none;
  padding: 0;

}

.comment-list img {
  float: left;
  width: 48px;
  height: 48px;
  margin-right: 20px;
  border-radius: 50% !important;
}

.comment-list .comment-meta {
  display: block;
  margin-bottom: 10px;
}
.comment-list .comment-meta .meta-author {
  font-weight: bold;
  width: 100%;
  display: block;
}

.comment-list .comment-meta .meta-posted-on {
  font-size: 13px;
  color: #888;
}

.comment-list .comment-content {
  display: block;
  margin-left: 65px;
}

.comment-list .children {
  padding: 0 8px;
  margin: 5px 0px 5px 30px;
}

.comment-reply-link {
  // background-color: #8bb63a;
  // border: 1px solid #8bb63a;
  // border-bottom: 2px solid #6d8f2e;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-bottom: 2px solid #d3d3d3;
  color: #333;
  font-size: 14px;
  width: 200px;
  padding: 8px 12px;
  margin-left: 65px;
  transition: 0.2s ease all;
}

.comment-reply-link:hover {
  background-color: #5b8893;
  border: 1px solid #5b8893;
  border-bottom: 2px solid #486b74;
  color: #fff;
  text-decoration: none;
}

/* Slider Frontpage */
.wppsac-post-slider.design-3 .wppsac-post-image-bg {
  height: 700px;
}

.wppsac-post-slider.design-3 .wppsac-post-short-content {
  background: none;
  height: 33%;
  padding: 0;
}

.wppsac-post-slider.design-3 .wppsac-post-overlay:hover > .wppsac-post-short-content {
  height: 33%;
}

.wppsac-post-slider h2.wppsac-post-title {
  margin-left: 25% !important;
  width: 60%;
}

.wppsac-post-slider h2.wppsac-post-title a {
  font-size: 50px;
  //background: rgba(139, 182, 58, 0.85);
  background: rgba(255,105,97, 0.85);
  padding: 5px;
  line-height: 95px;
}

.wppsac-post-slider.design-3 .wppsac-post-categories {
  left: 25%;
  top: 58%;
  position: absolute;
}

.wppsac-post-slider .wppsac-post-categories ul.wppsac-post-categories-list li:nth-child(4n+1) a {
  background: rgba(91, 136, 147, 0.85);
}

.wppsac-post-slider .wppsac-post-categories ul.wppsac-post-categories-list li:nth-child(4n+2) a {
  background: rgba(91, 136, 147, 0.85);
}

.wppsac-post-slider .wppsac-post-categories ul.wppsac-post-categories-list li:nth-child(4n+3) a {
  background: rgba(91, 136, 147, 0.85);
}

.wppsac-post-slider .wppsac-post-categories ul.wppsac-post-categories-list li a {
  padding: 4px 10px;
  text-transform: uppercase;
  font-size: 2.2rem;
  font-weight: 700;
  font-style: italic;
  text-decoration: none;
  color: rgb(255, 255, 255);
  display: block;
  line-height: normal;
}

.wppsac-post-slider.design-3 .slick-dots, .wppsac-post-carousel.design-1 .slick-dots {
  position: initial;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
  margin-top: 20px !important;
}

.wppsac-post-slider .slick-dots li button, .wppsac-post-carousel .slick-dots li button {
  background: rgb(255, 255, 255) !important;
  margin: 0px !important;
  padding: 0px !important;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 0 !important;
  width: 13px !important;
  height: 13px !important;
}

.wppsac-post-slider .slick-dots li.slick-active button, .wppsac-post-carousel .slick-dots li.slick-active button {
  background: rgba(91, 136, 147, 0.85) !important;
}

.wppsac-post-slider.design-3 .slick-arrow {
  bottom: 50% !important;
  top: auto !important;
}

.wppsac-post-slider.design-3 .slick-prev {
  right: 31px !important;
  left: 0 !important;
}

.wppsac-post-slider button.slick-next:hover, .wppsac-post-slider button.slick-next:focus, .wppsac-post-carousel button.slick-next:hover, .wppsac-post-carousel button.slick-next:focus, .wppsac-post-slider button.slick-prev:hover, .wppsac-post-slider button.slick-prev:focus, .wppsac-post-carousel button.slick-prev:hover, .wppsac-post-carousel button.slick-prev:focus {
  background-color: rgba(91,136,147,0.85) !important;
}

@media (max-width: 768px) {

  .wppsac-post-slider.design-3 .wppsac-post-categories {
    left: 10%;
    top: 60%;
  }

  .wppsac-post-slider h2.wppsac-post-title {
    margin-left: 10% !important;
    width: 100%;
  }

  .wppsac-post-slider .wppsac-post-categories ul.wppsac-post-categories-list li a {
    font-size: 1.4rem;
  }

  .wppsac-post-slider h2.wppsac-post-title a {
    font-size: 30px;
    line-height: 60px;
  }

}

/* Carousel */
#wppsac-post-carousel-1 .wppsac-post-image-bg {
  text-align: center;
  height: 200px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

#wppsac-post-carousel-1 .slick-slide img {
  margin-bottom: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

/* AM Meisten Gelesen */
.wpp-cards-compact {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.wpp-cards-compact li {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0 0 1.2rem 0;
  padding: 0 0 1rem 0;
  border-bottom: #ddd 1px solid;
}

.wpp-cards-compact li:last-of-type,
.wpp-cards-compact li:only-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.wpp-cards-compact li .wpp-thumbnail {
  overflow: hidden;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 1rem;
  font-size: 0.8rem;
  line-height: 1;
  background: #f0f0f0;
  border: none;
}

.wpp-cards-compact li a {
  text-decoration: none;
}

.wpp-cards-compact li a:hover {
  text-decoration: underline;
}

.wpp-cards-compact li .category,
.wpp-cards-compact li .wpp-post-title {
  display: block;
  font-weight: bold;
}

.wpp-cards-compact li .category {
  margin-bottom: 0.25rem;
  font-size: 0.7rem;
  line-height: 1;
}

.wpp-cards-compact li .wpp-post-title {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.2;
}

.wpp-cards-compact li .wpp-excerpt {
  margin: 0;
  font-size: 0.8rem;
}


/* Footer */
footer {
  background: #333;
}

/* Blockquote */
blockquote {
  background: #f9f9f9;
  border-left: 8px solid #ccc;
  padding: 1rem;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;

}

blockquote cite {
	display: block;
	font-size: 12px;
	margin-top: 10px;	
}