/* height for image / text always underneath */
@font-face {
  font-family: "TheSans";
  src: url("../fonts/TheSans_LT_500_.eot");
  src: url("../fonts/TheSans_LT_500_.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans_LT_500_.woff") format("woff"), url("../fonts/TheSans_LT_500_.svg#TheSans_LT_500_") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "TheSans";
  src: url("../fonts/TheSans_LT_700_.eot");
  src: url("../fonts/TheSans_LT_700_.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans_LT_700_.woff") format("woff"), url("../fonts/TheSans_LT_700_.svg#TheSans_LT_700_") format("svg");
  font-weight: 700;
  font-style: normal;
}
/**
 *  add here ONLY classes WITHOUT LESS VARIABLES
 * (the ones already written were left to avoid problems with older themes)
 */
/***************************************************
 * Spacing
 ***************************************************/
.margin-bottom-xxs {
  margin-bottom: 7px !important;
}
.margin-bottom-xs {
  margin-bottom: 15px !important;
}
.margin-bottom-s {
  margin-bottom: 25px !important;
}
.margin-bottom-m {
  margin-bottom: 40px !important;
}
.margin-bottom-l {
  margin-bottom: 60px !important;
}
.margin-bottom-xl {
  margin-bottom: 80px !important;
}
.no-margin-bottom {
  margin-bottom: 0px !important;
}
.margin-top-xxs {
  margin-top: 7px !important;
}
.margin-top-xs {
  margin-top: 15px !important;
}
.margin-top-s {
  margin-top: 25px !important;
}
.margin-top-m {
  margin-top: 40px !important;
}
.margin-top-l {
  margin-top: 60px !important;
}
.margin-top-xl {
  margin-top: 80px !important;
}
.no-margin-top {
  margin-top: 0px !important;
}
.margin-left-xxs {
  margin-left: 7px !important;
}
.margin-left-xs {
  margin-left: 15px !important;
}
.margin-left-s {
  margin-left: 25px !important;
}
.margin-left-m {
  margin-left: 40px !important;
}
.margin-left-l {
  margin-left: 60px !important;
}
.margin-left-xl {
  margin-left: 80px !important;
}
.no-margin-left {
  margin-left: 0px !important;
}
.margin-right-xxs {
  margin-right: 7px !important;
}
.margin-right-xs {
  margin-right: 15px !important;
}
.margin-right-s {
  margin-right: 25px !important;
}
.margin-right-m {
  margin-right: 40px !important;
}
.margin-right-l {
  margin-right: 60px !important;
}
.margin-right-xl {
  margin-right: 80px !important;
}
.no-margin-right {
  margin-right: 0px !important;
}
.padding-bottom-xxs {
  padding-bottom: 7px !important;
}
.padding-bottom-xs {
  padding-bottom: 15px !important;
}
.padding-bottom-s {
  padding-bottom: 25px !important;
}
.padding-bottom-m {
  padding-bottom: 40px !important;
}
.padding-bottom-l {
  padding-bottom: 60px !important;
}
.padding-bottom-xl {
  padding-bottom: 80px !important;
}
.no-padding-bottom {
  padding-bottom: 0px !important;
}
.padding-top-xxs {
  padding-top: 7px !important;
}
.padding-top-xs {
  padding-top: 15px !important;
}
.padding-top-s {
  padding-top: 25px !important;
}
.padding-top-m {
  padding-top: 40px !important;
}
.padding-top-l {
  padding-top: 60px !important;
}
.padding-top-xl {
  padding-top: 80px !important;
}
.no-padding-top {
  padding-top: 0px !important;
}
.padding-left-xxs {
  padding-left: 7px !important;
}
.padding-left-xs {
  padding-left: 15px !important;
}
.padding-left-s {
  padding-left: 25px !important;
}
.padding-left-m {
  padding-left: 40px !important;
}
.padding-left-l {
  padding-left: 60px !important;
}
.padding-left-xl {
  padding-left: 80px !important;
}
.no-padding-left {
  padding-left: 0px !important;
}
.padding-right-xxs {
  padding-right: 7px !important;
}
.padding-right-xs {
  padding-right: 15px !important;
}
.padding-right-s {
  padding-right: 25px !important;
}
.padding-right-m {
  padding-right: 40px !important;
}
.padding-right-l {
  padding-right: 60px !important;
}
.padding-right-xl {
  padding-right: 80px !important;
}
.no-padding-right {
  padding-right: 0px !important;
}
@media (max-width: 767px) {
  .margin-bottom-m {
    margin-bottom: 30px !important;
  }
  .margin-bottom-l {
    margin-bottom: 40px !important;
  }
  .margin-bottom-xl {
    margin-bottom: 50px !important;
  }
  .margin-top-m {
    margin-top: 30px !important;
  }
  .margin-top-l {
    margin-top: 40px !important;
  }
  .margin-top-xl {
    margin-top: 50px !important;
  }
  .padding-bottom-m {
    padding-bottom: 30px !important;
  }
  .padding-bottom-l {
    padding-bottom: 40px !important;
  }
  .padding-bottom-xl {
    padding-bottom: 50px !important;
  }
  .padding-top-m {
    padding-top: 30px !important;
  }
  .padding-top-l {
    padding-top: 40px !important;
  }
  .padding-top-xl {
    padding-top: 50px !important;
  }
}
.no-gutter[class*=" col-"],
.no-gutter[class^="col-"],
.no-gutter.row > div[class*=" col-"],
.no-gutter.row > div[class^="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.no-gutter:not(.col):not(.row) {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
/***************************************************
 * Colors
 ***************************************************/
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white,
p.white,
a.white,
span.white {
  color: #fff !important;
}
h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black,
p.black,
a.black,
span.black {
  color: #333 !important;
}
h1.brand,
h2.brand,
h3.brand,
h4.brand,
h5.brand,
h6.brand,
p.brand,
a.brand,
span.brand {
  color: #003951;
}
h1.grey-light,
h2.grey-light,
h3.grey-light,
h4.grey-light,
h5.grey-light,
h6.grey-light,
p.grey-light,
a.grey-light,
span.grey-light,
h1.gray-lighter,
h2.gray-lighter,
h3.gray-lighter,
h4.gray-lighter,
h5.gray-lighter,
h6.gray-lighter,
p.gray-lighter,
a.gray-lighter,
span.gray-lighter {
  color: #eee !important;
}
h1.grey,
h2.grey,
h3.grey,
h4.grey,
h5.grey,
h6.grey,
p.grey,
a.grey,
span.grey,
h1.gray-light,
h2.gray-light,
h3.gray-light,
h4.gray-light,
h5.gray-light,
h6.gray-light,
p.gray-light,
a.gray-light,
span.gray-light {
  color: #999 !important;
}
h1.gray,
h2.gray,
h3.gray,
h4.gray,
h5.gray,
h6.gray,
p.gray,
a.gray,
span.gray {
  color: #666 !important;
}
h1.grey-dark,
h2.grey-dark,
h3.grey-dark,
h4.grey-dark,
h5.grey-dark,
h6.grey-dark,
p.grey-dark,
a.grey-dark,
span.grey-dark,
h1.gray-dark,
h2.gray-dark,
h3.gray-dark,
h4.gray-dark,
h5.gray-dark,
h6.gray-dark,
p.gray-dark,
a.gray-dark,
span.gray-dark {
  color: #333 !important;
}
h1.gray-darker,
h2.gray-darker,
h3.gray-darker,
h4.gray-darker,
h5.gray-darker,
h6.gray-darker,
p.gray-darker,
a.gray-darker,
span.gray-darker {
  color: #000 !important;
}
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text span {
  color: #fff;
}
.white-text p,
.white-text a {
  color: #fff !important;
}
div.brand,
.bg-color-brand,
.bg-brand {
  background-color: #003951;
}
div.black,
.bg-color-black,
.bg-black {
  background-color: #000 !important;
}
div.white,
.bg-color-white,
.bg-white {
  background-color: #fff !important;
}
.bg-color-gray-lighter,
div.grey-light {
  background-color: #eee;
}
.bg-color-gray-light,
div.grey {
  background-color: #999;
}
div.bg-color-gray {
  background-color: #666;
}
div.bg-color-gray-dark,
div.grey-dark {
  background-color: #333;
}
div.bg-color-gray-darker {
  background-color: #000;
}
.bg-color-danger {
  background-color: #db2926;
}
/*******************************
 * BUTTONS btn extended
 */
.btn-invert.btn-primary {
  background-color: #fff;
  color: #003951;
  border: 2px solid #003951;
}
.btn-invert.btn-primary:hover {
  background-color: #003951;
  color: #fff;
  border: 2px solid #003951;
}
/***************************************************
 * common classes Text
 ***************************************************/
.bold {
  font-weight: 700;
}
.italic {
  font-style: italic;
}
.center {
  text-align: center;
}
.center .wp-video {
  margin-left: auto;
  margin-right: auto;
}
div.center {
  margin: 0 auto;
}
h1.center,
h2.center,
h3.center,
h4.center,
h5.center,
h6.center,
p.center,
a.center,
span.center {
  text-align: center !important;
}
.dropcap {
  font-family: "TheSans";
  font-size: 78px;
  color: #003951;
  float: left;
  line-height: 38px;
  padding-top: 5px;
  padding-right: 10px;
}
.font-weight-normal {
  font-weight: normal !important;
}
.font-weight-bold {
  font-weight: bold !important;
}
.left {
  text-align: left;
}
h1.left,
h2.left,
h3.left,
h4.left,
h5.left,
h6.left,
p.left,
a.left,
span.left {
  text-align: left !important;
}
.light {
  font-weight: 200;
}
.lowercase {
  text-transform: lowercase;
}
.no-break {
  white-space: nowrap;
}
.right:not(.item):not(.active) {
  text-align: right;
}
h1.right,
h2.right,
h3.right,
h4.right,
h5.right,
h6.right,
p.right,
a.right,
span.right {
  text-align: right !important;
}
div.round {
  border-radius: 1600px;
  /**
     * it is assumes if a img is in a rounded div, that it should be smaller and centered
     * otherwise use background image
     */
}
div.round > img {
  padding: 25px;
  height: 100%;
  vertical-align: middle;
}
.overflow-hidden {
  overflow: hidden;
}
.sans {
  font-family: "TheSans";
}
.serif {
  font-family: Georgia, "Times New Roman", Times, serif;
}
/**
 * use together to get:
 * 
 *        text left   text right
 * text longer left   text longer right
 */
.tab-left {
  width: 48%;
  text-align: right;
  float: left;
  padding-right: 2%;
}
.tab-right {
  width: 48%;
  text-align: left;
  float: left;
  padding-left: 2%;
}
.uppercase {
  text-transform: uppercase;
}
/***************************************************
 * common classes
 ***************************************************/
.display-block {
  display: block !important;
}
.display-inline {
  display: inline !important;
}
.display-inline-block {
  display: inline-block !important;
}
.frame {
  border: 8px solid white;
}
.rotate-up {
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
.rotate-down {
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
}
/*  <div class="round color-green-light">
		<div class="middle">
			<p class="white">Round centered</p>
		</div>
	</div>
*/
div.round,
div.square {
  position: relative;
  width: 100%;
}
div.round::before,
div.square::before {
  content: '';
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1 */
}
div.round div.middle,
div.square div.middle {
  display: -webkit-box;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
div.round div.middle > *,
div.square div.middle > * {
  margin: auto !important;
  padding: 0;
}
.shadow {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
}
.z-index-1 {
  z-index: 1;
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.z-index-4 {
  z-index: 4;
}
.z-index-5 {
  z-index: 5;
}
.z-index-6 {
  z-index: 6;
}
.z-index-999 {
  z-index: 999;
}
/**
 * place content in one row applying to col
 */
@media (min-width: 768px) {
  .content .col:not(.one-row-xs).one-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .content .col:not(.one-row-xs).one-row img.img-responsive {
    margin-left: 15px;
    margin-right: 15px;
    align-self: center;
  }
  .content .col:not(.one-row-xs).one-row img.img-responsive:first-child {
    margin-left: 0;
  }
  .content .col:not(.one-row-xs).one-row img.img-responsive:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .content .col:not(.one-row-xs).one-row img.img-responsive {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.content .col.one-row-xs {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.content .col.one-row-xs img.img-responsive {
  margin-left: 15px;
  margin-right: 15px;
  align-self: center;
}
@media (min-width: 992px) {
  .content .col.one-row-xs img.img-responsive {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .content .col.one-row-xs img.img-responsive {
    margin-left: 7px;
    margin-right: 7px;
  }
}
.content .col.one-row-xs img.img-responsive:first-child {
  margin-left: 0;
}
.content .col.one-row-xs img.img-responsive:last-child {
  margin-right: 0;
}
@media (min-width: 768px) {
  /**
	 * place content in one row applying to col
	 */
  /*.content .col.one-row {

		display: flex;
		justify-content: space-between;

		// images
		img.img-responsive {
			width: auto;
			margin-left: 15px;
			margin-right: 15px;

			&:first-child {
				margin-left: 0;
			}
			&:last-child {
				margin-right: 0;
			}
		}
	}*/
  /**
	 * vertical align middle
	 */
  .vertical-middle.row,
  .vertical-middle .row,
  .vertical-center.row,
  .vertical-center .row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    flex-flow: wrap;
    /*// safari fix | ios fix
		&::before, &::after,
		.clearfix::before, .clearfix::after {
			content: normal;
		}*/
  }
  .vertical-middle.row p:last-child,
  .vertical-middle .row p:last-child,
  .vertical-center.row p:last-child,
  .vertical-center .row p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
/**********************************************
 * A Media Query to target Webkit browsers
 * Safari | Chrome
 */
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .vertical-middle.row::before,
  .vertical-middle .row::before,
  .vertical-center.row::before,
  .vertical-center .row::before,
  .vertical-middle.row::after,
  .vertical-middle .row::after,
  .vertical-center.row::after,
  .vertical-center .row::after,
  .vertical-middle.row .clearfix::before,
  .vertical-middle .row .clearfix::before,
  .vertical-center.row .clearfix::before,
  .vertical-center .row .clearfix::before,
  .vertical-middle.row .clearfix::after,
  .vertical-middle .row .clearfix::after,
  .vertical-center.row .clearfix::after,
  .vertical-center .row .clearfix::after {
    content: normal;
  }
}
/**
 * user logged in
 */
.visible-logged-in {
  display: none !important;
}
body.logged-in .visible-logged-in {
  display: block !important;
}
body.logged-in .hidden-logged-in {
  display: none !important;
}
/******************
 * images
 */
img.center {
  margin-left: auto;
  margin-right: auto;
}
.content img.img-responsive.alignright,
.content img.img-responsive.alignleft {
  width: 50%;
}
.bg-image {
  background-repeat: no-repeat;
}
.bg-repeat.bg-image,
.bg-repeat .bg-image {
  background-repeat: repeat;
  background-size: initial;
}
/* background image */
.bg-image {
  background-repeat: no-repeat;
  background-position: center center;
}
.bg-image.bg-y-top {
  background-position: center top;
}
.bg-image.bg-y-bottom {
  background-position: center bottom;
}
.bg-image.bg-cover {
  background-size: cover;
}
.bg-image.bg-contain {
  background-size: contain;
}
.bg-image.bg-width {
  background-size: 100% auto;
}
.bg-image.bg-height {
  background-size: auto 100%;
}
.bg-image.bg-x-left {
  background-position: left center !important;
}
.bg-image.bg-x-left.bg-y-top {
  background-position: left top !important;
}
.bg-image.bg-x-left.bg-y-center {
  background-position: left center !important;
}
.bg-image.bg-x-left.bg-y-bottom {
  background-position: left bottom !important;
}
.bg-image.bg-x-center {
  background-position: center center !important;
}
.bg-image.bg-x-center.bg-y-top {
  background-position: center top !important;
}
.bg-image.bg-x-center.bg-y-center {
  background-position: center center !important;
}
.bg-image.bg-x-center.bg-y-bottom {
  background-position: center bottom !important;
}
.bg-image.bg-x-right {
  background-position: right center;
}
.bg-image.bg-x-right.bg-y-top {
  background-position: right top;
}
.bg-image.bg-x-right.bg-y-center {
  background-position: right center;
}
.bg-image.bg-x-right.bg-y-bottom {
  background-position: right bottom;
}
.bg-image.bg-image-width-50,
.bg-image-width-50 .bg-image {
  background-size: 50% !important;
}
.bg-image.bg-image-width-60,
.bg-image-width-60 .bg-image {
  background-size: 60% !important;
}
.bg-image.bg-image-width-75,
.bg-image-width-75 .bg-image {
  background-size: 75% !important;
}
@media (min-width: 1200px) {
  .bg-image.bg-image-width-lg-50,
  .bg-image-width-lg-50 .bg-image {
    background-size: 50% !important;
  }
  .bg-image.bg-image-width-lg-60,
  .bg-image-width-lg-60 .bg-image {
    background-size: 60% !important;
  }
  .bg-image.bg-image-width-lg-75,
  .bg-image-width-lg-75 .bg-image {
    background-size: 75% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bg-image.bg-image-width-md-50,
  .bg-image-width-md-50 .bg-image {
    background-size: 50% !important;
  }
  .bg-image.bg-image-width-md-60,
  .bg-image-width-md-60 .bg-image {
    background-size: 60% !important;
  }
  .bg-image.bg-image-width-md-75,
  .bg-image-width-md-75 .bg-image {
    background-size: 75% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .bg-image.bg-image-width-sm-50,
  .bg-image-width-sm-50 .bg-image {
    background-size: 50% !important;
  }
  .bg-image.bg-image-width-sm-60,
  .bg-image-width-sm-60 .bg-image {
    background-size: 60% !important;
  }
  .bg-image.bg-image-width-sm-75,
  .bg-image-width-sm-75 .bg-image {
    background-size: 75% !important;
  }
}
@media (max-width: 767px) {
  .bg-image.bg-image-width-xs-50,
  .bg-image-width-xs-50 .bg-image {
    background-size: 50% !important;
  }
  .bg-image.bg-image-width-xs-60,
  .bg-image-width-xs-60 .bg-image {
    background-size: 60% !important;
  }
  .bg-image.bg-image-width-xs-75,
  .bg-image-width-xs-75 .bg-image {
    background-size: 75% !important;
  }
}
#content .bg-image.repeat,
#content .bg-image.bg-width.repeat {
  background-size: auto;
  background-repeat: repeat;
}
#content .bg-image.repeat-x,
#content .bg-image.bg-width.repeat-x {
  background-size: auto;
  background-repeat: repeat-x;
}
#content .bg-image.repeat-y,
#content .bg-image.bg-width.repeat-y {
  background-size: auto;
  background-repeat: repeat-y;
}
.border:not(.col) {
  border: 1px solid #999;
}
.border.col div.bg-image,
.border.col img {
  border: 1px solid #999;
}
.border-bg-image .bg-image {
  border: 1px solid #999;
}
.no-border {
  border: none !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.float-none {
  float: none;
}
@media (max-width: 767px) {
  .float-none-xs {
    float: none;
  }
}
.hr-top {
  border-top: 1px solid #999;
  padding-top: 5px;
}
.hr-bottom {
  border-bottom: 1px solid #999;
  padding-bottom: 5px;
}
.inline-block {
  display: inline-block !important;
}
/**
 * for example links whole div
 */
.link-area {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
/**
 * more info "Mehr Info" + Pfeil
 */
.link-framed {
  border: 1px solid #003951;
  font-size: 17px;
  border-spacing: 5px 0px;
  padding: 0px;
  display: table;
  height: 25px;
  line-height: 25px;
}
.link-framed span.glyphicon {
  border-left: 1px solid #003951;
  display: table-cell;
  top: 0px;
  padding-left: 5px;
}
.link-framed span.glyphicon.glyphicon-arrow-right::before {
  position: relative;
  top: 4px;
}
.screen-reader {
  display: none;
}
.tab {
  float: left;
  width: 100px;
  margin-right: 15px;
}
/***************************************************
 * width
 ***************************************************/
.width-10 {
  width: 10% !important;
}
.width-20 {
  width: 20% !important;
}
.width-25 {
  width: 25% !important;
}
.width-30 {
  width: 30% !important;
}
.width-40 {
  width: 40% !important;
}
.width-50 {
  width: 50% !important;
}
.width-60 {
  width: 60% !important;
}
.width-70 {
  width: 70% !important;
}
.width-75 {
  width: 75% !important;
}
.width-80 {
  width: 80% !important;
}
.width-90 {
  width: 90% !important;
}
@media (min-width: 1200px) {
  .width-lg-10 {
    width: 10% !important;
  }
  .width-lg-20 {
    width: 20% !important;
  }
  .width-lg-25 {
    width: 25% !important;
  }
  .width-lg-30 {
    width: 30% !important;
  }
  .width-lg-40 {
    width: 40% !important;
  }
  .width-lg-50 {
    width: 50% !important;
  }
  .width-lg-60 {
    width: 60% !important;
  }
  .width-lg-70 {
    width: 70% !important;
  }
  .width-lg-75 {
    width: 75% !important;
  }
  .width-lg-80 {
    width: 80% !important;
  }
  .width-lg-90 {
    width: 90% !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .width-md-10 {
    width: 10% !important;
  }
  .width-md-20 {
    width: 20% !important;
  }
  .width-md-25 {
    width: 25% !important;
  }
  .width-md-30 {
    width: 30% !important;
  }
  .width-md-40 {
    width: 40% !important;
  }
  .width-md-50 {
    width: 50% !important;
  }
  .width-md-60 {
    width: 60% !important;
  }
  .width-md-70 {
    width: 70% !important;
  }
  .width-md-75 {
    width: 75% !important;
  }
  .width-md-80 {
    width: 80% !important;
  }
  .width-md-90 {
    width: 90% !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .width-sm-10 {
    width: 10% !important;
  }
  .width-sm-20 {
    width: 20% !important;
  }
  .width-sm-25 {
    width: 25% !important;
  }
  .width-sm-30 {
    width: 30% !important;
  }
  .width-sm-40 {
    width: 40% !important;
  }
  .width-sm-50 {
    width: 50% !important;
  }
  .width-sm-60 {
    width: 60% !important;
  }
  .width-sm-70 {
    width: 70% !important;
  }
  .width-sm-75 {
    width: 75% !important;
  }
  .width-sm-80 {
    width: 80% !important;
  }
  .width-sm-90 {
    width: 90% !important;
  }
}
@media (max-width: 767px) {
  .width-xs-10 {
    width: 10% !important;
  }
  .width-xs-20 {
    width: 20% !important;
  }
  .width-xs-25 {
    width: 25% !important;
  }
  .width-xs-30 {
    width: 30% !important;
  }
  .width-xs-40 {
    width: 40% !important;
  }
  .width-xs-50 {
    width: 50% !important;
  }
  .width-xs-60 {
    width: 60% !important;
  }
  .width-xs-70 {
    width: 70% !important;
  }
  .width-xs-75 {
    width: 75% !important;
  }
  .width-xs-80 {
    width: 80% !important;
  }
  .width-xs-90 {
    width: 90% !important;
  }
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-left {
  float: left;
}
.position-right {
  float: right;
}
div.width-25.position-left,
p.width-25.position-left,
div.width-50.position-left,
p.width-50.position-left,
div.width-75.position-left,
p.width-75.position-left {
  float: left;
  padding-right: 15px;
}
div.width-25.position-right,
p.width-25.position-right,
div.width-50.position-right,
p.width-50.position-right,
div.width-75.position-right,
p.width-75.position-right {
  float: left;
  padding-left: 15px;
}
@media (max-width: 767px) {
  div.width-25,
  p.width-25,
  div.width-50,
  p.width-50,
  div.width-75,
  p.width-75 {
    width: 100% !important;
  }
  div.width-25.position-left,
  p.width-25.position-left,
  div.width-50.position-left,
  p.width-50.position-left,
  div.width-75.position-left,
  p.width-75.position-left {
    float: none;
  }
  div.width-25.position-right,
  p.width-25.position-right,
  div.width-50.position-right,
  p.width-50.position-right,
  div.width-75.position-right,
  p.width-75.position-right {
    float: none;
  }
}
@media (min-width: 1200px) {
  div.width-lg-25.position-left,
  p.width-lg-25.position-left,
  div.width-lg-50.position-left,
  p.width-lg-50.position-left,
  div.width-lg-75.position-left,
  p.width-lg-75.position-left {
    float: left;
    padding-right: 15px;
  }
  div.width-lg-25.position-right,
  p.width-lg-25.position-right,
  div.width-lg-50.position-right,
  p.width-lg-50.position-right,
  div.width-lg-75.position-right,
  p.width-lg-75.position-right {
    float: left;
    padding-left: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  div.width-md-25.position-left,
  p.width-md-25.position-left,
  div.width-md-50.position-left,
  p.width-md-50.position-left,
  div.width-md-75.position-left,
  p.width-md-75.position-left {
    float: left;
    padding-right: 15px;
  }
  div.width-md-25.position-right,
  p.width-md-25.position-right,
  div.width-md-50.position-right,
  p.width-md-50.position-right,
  div.width-md-75.position-right,
  p.width-md-75.position-right {
    float: left;
    padding-left: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.width-sm-25.position-left,
  p.width-sm-25.position-left,
  div.width-sm-50.position-left,
  p.width-sm-50.position-left,
  div.width-sm-75.position-left,
  p.width-sm-75.position-left {
    float: left;
    padding-right: 15px;
  }
  div.width-sm-25.position-right,
  p.width-sm-25.position-right,
  div.width-sm-50.position-right,
  p.width-sm-50.position-right,
  div.width-sm-75.position-right,
  p.width-sm-75.position-right {
    float: left;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  div.clearfix-hide-lg .clearfix {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  div.clearfix-hide-md .clearfix {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  div.clearfix-hide-sm .clearfix {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  div.clearfix-hide-xs .clearfix {
    display: inline-block !important;
  }
}
.bg-no-margin {
  position: relative;
}
/*************************************
 * Lazy load @since 2.6.8 start
*/
.appear[data-src],
.appear[data-bkg],
.appear [data-src],
.appear [data-bkg] {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
}
.appeared[data-src],
.appeared[data-bkg],
.appeared [data-src],
.appeared [data-bkg] {
  opacity: 1;
}
/************************************
 * WP All in One security
 * maintenance only loads common.css
 */
.aiowps-site-lockout-body {
  display: -webkit-box;
  display: flex;
  height: 100vh;
  width: 100%;
  background-color: #003951;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.aiowps-site-lockout-body .aiowps-site-lockout-body-content .aiowps-site-lockout-box {
  margin: 0;
  border: 1px solid #009ee2;
  background-color: rgba(0, 158, 226, 0.2);
}
.aiowps-site-lockout-body .aiowps-site-lockout-body-content .aiowps-site-lockout-box .aiowps-site-lockout-msg {
  color: #009ee2;
  font-weight: 400;
}
@media (max-width: 767px) {
  .aiowps-site-lockout-body .aiowps-site-lockout-body-content .aiowps-site-lockout-box .aiowps-site-lockout-msg {
    font-size: 20px;
  }
}
/*************************************
 * IE10+ fixes start
 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  div.round div.middle,
  div.square div.middle {
    display: block !important;
  }
  div.round div.middle > *,
  div.square div.middle > * {
    position: relative !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
/*
 * IE10+ fixes end
 *************************************/
/*# sourceMappingURL=common.min.css.map */