body {
  font-family: 'EONBrixSans', Arial, Geneva, Helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
  text-align: left;
  color: #333;
}
body .trackoptOut {
  position: relative;
}
body .requiredMessage.form_error,
body .invalidCaptcha.form_error {
  margin-top: 10px;
  border-radius: 3px;
  padding: 6px 13px 6px 13px;
}
body .container_youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
body .video_youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.cq-wcm-edit,
body.cq-wcm-design {
  overflow-x: hidden;
}
body.cq-wcm-edit *,
body.cq-wcm-design * {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
body.cq-wcm-edit legend,
body.cq-wcm-design legend {
  border-bottom: 0;
  width: auto;
  margin: 0;
  padding: 0;
}
body.cq-wcm-edit #CQ .x-panel-bwrap,
body.cq-wcm-design #CQ .x-panel-bwrap {
  overflow: inherit;
}
body.cq-wcm-edit #CQ .x-panel-bwrap .x-form-item .x-form-element,
body.cq-wcm-design #CQ .x-panel-bwrap .x-form-item .x-form-element {
  padding-top: 5px;
}
/** Bootstrap Container Classes **/
.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
  display: none;
}
a:hover,
a:visited,
a:focus {
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
.bold {
  font-weight: bold;
}
.normalstyle {
  font-style: normal;
}
.normal {
  font-weight: normal;
}
.brdr-left {
  border-left-width: 1px;
  border-left-style: solid;
}
.brdr-right {
  border-right-width: 1px;
  border-right-style: solid;
}
.brdr-top {
  border-top-width: 1px;
  border-top-style: solid;
}
.brdr-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.brdr-full {
  border-width: 1px;
  border-style: solid;
}
/** Border 2px Solid **/
.brdr-left2 {
  border-left-width: 2px;
  border-left-style: solid;
}
.brdr-right2 {
  border-right-width: 2px;
  border-right-style: solid;
}
.brdr-top2 {
  border-top-width: 2px;
  border-top-style: solid;
}
.brdr-bottom2 {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.brdr-full2 {
  border-width: 2px;
  border-style: solid;
}
.brdr-left30 {
  border-left-width: 30px;
  border-left-style: solid;
}
.brdr-right30 {
  border-right-width: 30px;
  border-right-style: solid;
}
.brdr-left20 {
  border-left-width: 20px;
  border-left-style: solid;
}
.brdr-right20 {
  border-right-width: 20px;
  border-right-style: solid;
}
.full-width {
  width: 100%;
}
.full-width:after,
.full-width:before {
  display: table;
  content: " ";
}
.full-width:after {
  clear: both;
}
h1,
.h1 {
  font-size: 9.6rem;
  line-height: 115%;
  font-family: "EONBrixSans";
  font-weight: 900;
  text-align: right;
  margin: 120px 0 50px 0;
  word-wrap: break-word;
}
h2,
.h2 {
  font-size: 6.6rem;
  line-height: 115%;
  font-family: "EONBrixSans";
  font-weight: 900;
  margin: 0 0 50px 0;
  text-align: right;
  word-wrap: break-word;
}
h3,
.h3 {
  font-size: 4.8rem;
  line-height: 115%;
  font-family: "EONBrixSans";
  font-weight: 900;
  text-align: left;
  margin: 0 0 30px 0;
  word-wrap: break-word;
}
h4,
.h4 {
  font-size: 3.4rem;
  line-height: 115%;
  font-family: "EONBrixSans";
  font-weight: 900;
  text-align: left;
  margin: 0 0 20px 0;
  word-wrap: break-word;
}
h5,
.h5 {
  font-size: 2.6rem;
  line-height: 120%;
  font-family: "EONBrixSans";
  font-weight: 700;
  text-align: left;
  margin: 0 0 20px 0;
  word-wrap: break-word;
}
h6,
.h6 {
  font-size: 1.4rem;
  line-height: 120%;
  font-family: "EONBrixSans";
  font-weight: 500;
  text-align: left;
  margin: 0 0 20px 0;
  word-wrap: break-word;
}
sup,
sub {
  font-size: 60%;
}
.abstract {
  font-size: 2rem;
  line-height: 120%;
  font-family: "EONBrixSans";
  font-weight: 500;
  text-align: left;
  margin: 0 0 30px 0;
  word-wrap: break-word;
}
.topic-label {
  font-size: 2rem;
  line-height: 120%;
  font-family: "EONBrixSans";
  font-weight: 500;
  text-align: left;
  word-wrap: break-word;
}
.quote {
  font-size: 2rem;
  line-height: 120%;
  font-family: "EONBrixSans";
  font-weight: 500;
  text-align: left;
  font-style: italic;
  word-wrap: break-word;
}
p {
  font-size: 1.8rem;
  line-height: 130%;
  font-family: "EONBrixSans";
  font-weight: 400;
  text-align: left;
  margin: 0 0 30px 0;
  word-wrap: break-word;
}
a {
  font-size: 1.8rem;
  line-height: 130%;
  font-family: "EONBrixSans";
  font-weight: 400;
  text-align: left;
  margin: 0 0 25px 0;
  word-wrap: break-word;
}
.link-text-comp a {
  display: table;
  margin: 0 0 9px 0;
}
.headline h1,
.headline h2,
.headline h3,
.headline h4,
.headline h5,
.headline h6,
.headline .h1,
.headline .h2,
.headline .h3,
.headline .h4,
.headline .h5,
.headline .h6 {
  white-space: pre-line;
}
ul,
ol {
  font-family: "EONBrixSans";
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 130%;
  text-align: left;
  margin: 30px 0 30px;
  padding: 10px 10px 10px 10px;
}
.rich-text ul li {
  margin-left: 25px;
}
.rich-text ol li {
  margin-left: 25px;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.content_body {
  min-height: 500px;
  overflow: hidden;
}
.posrel {
  position: relative;
}
.posabs {
  position: absolute;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.vtop {
  float: none;
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
}
.vcenter {
  float: none;
  display: inline-block;
  margin-right: -4px;
  vertical-align: middle;
}
.vbottom {
  float: none;
  display: inline-block;
  margin-right: -4px;
  vertical-align: bottom;
}
audio,
canvas,
progress,
video {
  vertical-align: middle;
  display: inline-block;
}
.noscroll {
  overflow: hidden;
}
/** Width sizes **/
.w60 {
  width: 60px;
}
.w32 {
  width: 32px;
}
.w35 {
  width: 35px;
}
.w45 {
  width: 45px;
}
.w40 {
  width: 40px;
}
.w50 {
  width: 50px;
}
/** Font sizes **/
.f8 {
  font-size: 0.8rem;
}
.f9 {
  font-size: 0.9rem;
}
.f10 {
  font-size: 1rem;
}
.f11 {
  font-size: 1.1rem;
}
.f12 {
  font-size: 1.2rem;
}
.f13 {
  font-size: 1.3rem;
}
.f14 {
  font-size: 1.4rem;
}
.f15 {
  font-size: 1.5rem;
}
.f16 {
  font-size: 1.6rem;
}
.f17 {
  font-size: 1.7rem;
}
.f18 {
  font-size: 1.8rem;
}
.f19 {
  font-size: 1.9rem;
}
.f20 {
  font-size: 2rem;
}
.f21 {
  font-size: 2.1rem;
}
.f22 {
  font-size: 2.2rem;
}
.f23 {
  font-size: 2.3rem;
}
.f24 {
  font-size: 2.4rem;
}
.f25 {
  font-size: 2.5rem;
}
.f26 {
  font-size: 2.6rem;
}
.f27 {
  font-size: 2.7rem;
}
.f28 {
  font-size: 2.8rem;
}
.f29 {
  font-size: 2.9rem;
}
.f30 {
  font-size: 3rem;
}
.f31 {
  font-size: 3.1rem;
}
.f32 {
  font-size: 3.2rem;
}
.f33 {
  font-size: 3.3rem;
}
.f34 {
  font-size: 3.4rem;
}
.f35 {
  font-size: 3.5rem;
}
.f36 {
  font-size: 3.6rem;
}
.f37 {
  font-size: 3.7rem;
}
.f38 {
  font-size: 3.8rem;
}
.f39 {
  font-size: 3.9rem;
}
.f40 {
  font-size: 4rem;
}
.f41 {
  font-size: 4.1rem;
}
.f42 {
  font-size: 4.2rem;
}
.f43 {
  font-size: 4.3rem;
}
.f44 {
  font-size: 4.4rem;
}
.f45 {
  font-size: 4.5rem;
}
.f46 {
  font-size: 4.6rem;
}
.f47 {
  font-size: 4.7rem;
}
.f48 {
  font-size: 4.8rem;
}
.f49 {
  font-size: 4.9rem;
}
.f50 {
  font-size: 5rem;
}
.f51 {
  font-size: 5.1rem;
}
.f52 {
  font-size: 5.2rem;
}
.f53 {
  font-size: 5.3rem;
}
.f54 {
  font-size: 5.4rem;
}
.f55 {
  font-size: 5.5rem;
}
.f56 {
  font-size: 5.6rem;
}
.f57 {
  font-size: 5.7rem;
}
.f58 {
  font-size: 5.8rem;
}
.f59 {
  font-size: 5.9rem;
}
.f60 {
  font-size: 6rem;
}
/** Padding Classes **/
.pd0 {
  padding: 0;
}
.pl0 {
  padding-left: 0;
}
.pr0 {
  padding-right: 0;
}
.pr2 {
  padding-right: 2px;
}
.pd5 {
  padding: 5px;
}
.pl5 {
  padding-left: 5px;
}
.pr5 {
  padding-right: 5px;
}
.pr7 {
  padding-right: 7px;
}
.pt5 {
  padding-top: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.pd10 {
  padding: 10px;
}
.pl10 {
  padding-left: 10px;
}
.pr10 {
  padding-right: 10px;
}
.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.pd15 {
  padding: 15px;
}
.pl15 {
  padding-left: 15px;
}
.pr15 {
  padding-right: 15px;
}
.pt15 {
  padding-top: 15px;
}
.pb15 {
  padding-bottom: 15px;
}
.pd16 {
  padding: 16px;
}
.pl16 {
  padding-left: 16px;
}
.pr16 {
  padding-right: 16px;
}
.pt16 {
  padding-top: 16px;
}
.pb16 {
  padding-bottom: 16px;
}
.pd20 {
  padding: 20px;
}
.pl20 {
  padding-left: 20px;
}
.pr20 {
  padding-right: 20px;
}
.pt20 {
  padding-top: 20px;
}
.pb20 {
  padding-bottom: 20px;
}
.pd25 {
  padding: 25px;
}
.pl25 {
  padding-left: 25px;
}
.pr25 {
  padding-right: 25px;
}
.pt25 {
  padding-top: 25px;
}
.pb25 {
  padding-bottom: 25px;
}
.pd30 {
  padding: 30px;
}
.pl30 {
  padding-left: 30px;
}
.pr30 {
  padding-right: 30px;
}
.pt30 {
  padding-top: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.pd40 {
  padding: 40px;
}
.pl40 {
  padding-left: 40px;
}
.pr40 {
  padding-right: 40px;
}
.pt40 {
  padding-top: 40px;
}
.pb40 {
  padding-bottom: 40px;
}
.pd45 {
  padding: 45px;
}
.pl45 {
  padding-left: 45px;
}
.pr45 {
  padding-right: 45px;
}
.pt45 {
  padding-top: 45px;
}
.pb45 {
  padding-bottom: 45px;
}
.pd50 {
  padding: 50px;
}
.pl50 {
  padding-left: 50px;
}
.pr50 {
  padding-right: 50px;
}
.pt50 {
  padding-top: 50px;
}
.pb50 {
  padding-bottom: 50px;
}
.pl70 {
  padding-left: 70px;
}
.pr70 {
  padding-right: 70px;
}
.pt70 {
  padding-top: 70px;
}
.pb70 {
  padding-bottom: 70px;
}
.pl100 {
  padding-left: 100px;
}
.pr100 {
  padding-right: 100px;
}
.pt100 {
  padding-top: 100px;
}
.pb100 {
  padding-bottom: 100px;
}
/** Margin Classes **/
.mrg0 {
  margin: 0;
}
.mt0 {
  margin-top: 0;
}
.mb0 {
  margin-bottom: 0;
}
.ml0 {
  margin-left: 0;
}
.mr0 {
  margin-right: 0;
}
.mrg15 {
  margin: 15px;
}
.ml8 {
  margin-left: 8px;
}
.ml4 {
  margin-left: 4px;
}
.ml6 {
  margin-left: 6px;
}
.ml15 {
  margin-left: 15px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mt15 {
  margin-top: 15px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mrg30 {
  margin: 30px;
}
.ml30 {
  margin-left: 30px;
}
.mr30 {
  margin-right: 30px;
}
.mt30 {
  margin-top: 30px;
}
.mb30 {
  margin-bottom: 30px;
}
.mrg60 {
  margin: 60px;
}
.ml60 {
  margin-left: 60px;
}
.mr60 {
  margin-right: 60px;
}
.mt60 {
  margin-top: 60px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mt5 {
  margin-top: 5px;
}
.gtmanalyticsbody {
  height: 0px;
  width: 0px;
  display: none;
  visibility: hidden;
}
/* Keyframes for the Slide to Left from Right */
@-webkit-keyframes slidetoleft {
  from {
    left: 100%;
  }
  to {
    left: 0%;
  }
}
@-moz-keyframes slidetoleft {
  from {
    left: 100%;
  }
  to {
    left: 0%;
  }
}
@keyframes slidetoleft {
  from {
    left: 100%;
  }
  to {
    left: 0%;
  }
}
/* Keyframes for the fadeIn */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Keyframes for the visiblity */
@-webkit-keyframes visiblity {
  0% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@-moz-keyframes visiblity {
  0% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes visiblity {
  0% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
/* Keyframes for the Slide to left : translateX */
@-webkit-keyframes translateX {
  0% {
    transform: translateX(100%);
  }
  50% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes translateX {
  0% {
    transform: translateX(100%);
  }
  50% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translateX {
  0% {
    transform: translateX(100%);
  }
  50% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Keyframes for the Slide to left : translateX 50% */
@-webkit-keyframes translate50X {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes translate50X {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes translate50X {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 4.8rem;
  }
  h2,
  .h2 {
    font-size: 3.8rem;
  }
  h3,
  .h3 {
    font-size: 3rem;
  }
  h4,
  .h4 {
    font-size: 2.4rem;
  }
  h5,
  .h5 {
    font-size: 2.2rem;
  }
  h6,
  .h6 {
    font-size: 1.2rem;
  }
  a {
    margin: 0 0 9px 0;
  }
  .pt0-mob {
    padding-top: 0;
  }
  .pb0-mob {
    padding-bottom: 0;
  }
  .pl0-mob {
    padding-left: 0;
  }
  .pr0-mob {
    padding-right: 0;
  }
}
@media only screen and (min-width: 320px) {
  .brdr0-xs {
    border: none;
  }
  .brdr-left-xs {
    border-left-width: 1px;
    border-left-style: solid;
  }
  .brdr-right-xs {
    border-right-width: 1px;
    border-right-style: solid;
  }
  .brdr-top-xs {
    border-top-width: 1px;
    border-top-style: solid;
  }
  .brdr-bottom-xs {
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }
  .brdr-full-xs {
    border-width: 1px;
    border-style: solid;
  }
  /** Border 2px Solid **/
  .brdr-left2-xs {
    border-left-width: 2px;
    border-left-style: solid;
  }
  .brdr-right2-xs {
    border-right-width: 2px;
    border-right-style: solid;
  }
  .brdr-top2-xs {
    border-top-width: 2px;
    border-top-style: solid;
  }
  .brdr-bottom2-xs {
    border-bottom-width: 2px;
    border-bottom-style: solid;
  }
  .brdr-full2-xs {
    border-width: 2px;
    border-style: solid;
  }
  .auto-width-xs {
    width: auto;
  }
  .full-width-xs {
    width: 100%;
  }
  .full-width-xs:after,
  .full-width-xs:before {
    display: table;
    content: " ";
  }
  .full-width-xs:after {
    clear: both;
  }
  .pd0-xs {
    padding: 0;
  }
  .pt0-xs {
    padding-top: 0;
  }
  .pb0-xs {
    padding-bottom: 0;
  }
  .pl0-xs {
    padding-left: 0;
  }
  .pr0-xs {
    padding-right: 0;
  }
  .pd15-xs {
    padding: 15px;
  }
  .pl15-xs {
    padding-left: 15px;
  }
  .pr15-xs {
    padding-right: 15px;
  }
  .pt15-xs {
    padding-top: 15px;
  }
  .pb15-xs {
    padding-bottom: 15px;
  }
  .pb14-xs {
    padding-bottom: 14px;
  }
  .mt6-xs {
    margin-top: 6px;
  }
  .mt10-xs {
    margin-top: 10px;
  }
  .mb5-xs {
    margin-bottom: 5px;
  }
  .hide-xs {
    display: none;
  }
  .show-xs {
    display: inline-block;
  }
  .link-text-comp a {
    margin: 0 0 25px 0;
  }
  .f14-xs {
    font-size: 1.4rem;
    font-weight: 300;
  }
}
@media only screen and (min-width: 768px) {
  .brdr0-sm {
    border: none;
  }
  .brdr-left-sm {
    border-left-width: 1px;
    border-left-style: solid;
  }
  .brdr-right-sm {
    border-right-width: 1px;
    border-right-style: solid;
  }
  .brdr-top-sm {
    border-top-width: 1px;
    border-top-style: solid;
  }
  .brdr-bottom-sm {
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }
  .brdr-full-sm {
    border-width: 1px;
    border-style: solid;
  }
  /** Border 2px Solid **/
  .brdr-left2-sm {
    border-left-width: 2px;
    border-left-style: solid;
  }
  .brdr-right2-sm {
    border-right-width: 2px;
    border-right-style: solid;
  }
  .brdr-top2-sm {
    border-top-width: 2px;
    border-top-style: solid;
  }
  .brdr-bottom2-sm {
    border-bottom-width: 2px;
    border-bottom-style: solid;
  }
  .brdr-full2-sm {
    border-width: 2px;
    border-style: solid;
  }
  .full-width-sm {
    width: 100%;
  }
  .full-width-sm:after,
  .full-width-sm:before {
    display: table;
    content: " ";
  }
  .full-width-sm:after {
    clear: both;
  }
  .auto-width-sm {
    width: auto;
  }
  .pd0-sm {
    padding: 0;
  }
  .pt0-sm {
    padding-top: 0;
  }
  .pb0-sm {
    padding-bottom: 0;
  }
  .pl0-sm {
    padding-left: 0;
  }
  .pr0-sm {
    padding-right: 0;
  }
  .pd15-sm {
    padding: 15px;
  }
  .pl15-sm {
    padding-left: 15px;
  }
  .pr15-sm {
    padding-right: 15px;
  }
  .pr24-sm {
    padding-right: 24px;
  }
  .pt15-sm {
    padding-top: 15px;
  }
  .pb15-sm {
    padding-bottom: 15px;
  }
  .hide-sm {
    display: none;
  }
  .show-sm {
    display: inline-block;
  }
}
@media only screen and (min-width: 992px) {
  .brdr0-md {
    border: none;
  }
  .brdr-left-md {
    border-left-width: 1px;
    border-left-style: solid;
  }
  .brdr-right-md {
    border-right-width: 1px;
    border-right-style: solid;
  }
  .brdr-top-md {
    border-top-width: 1px;
    border-top-style: solid;
  }
  .brdr-bottom-md {
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }
  .brdr-full-md {
    border-width: 1px;
    border-style: solid;
  }
  /** Border 2px Solid **/
  .brdr-left2-md {
    border-left-width: 2px;
    border-left-style: solid;
  }
  .brdr-right2-md {
    border-right-width: 2px;
    border-right-style: solid;
  }
  .brdr-top2-md {
    border-top-width: 2px;
    border-top-style: solid;
  }
  .brdr-bottom2-md {
    border-bottom-width: 2px;
    border-bottom-style: solid;
  }
  .brdr-full2-md {
    border-width: 2px;
    border-style: solid;
  }
  .auto-width-md {
    width: auto;
  }
  .full-width-md {
    width: 100%;
  }
  .full-width-md:after,
  .full-width-md:before {
    display: table;
    content: " ";
  }
  .full-width-md:after {
    clear: both;
  }
  .pd0-md {
    padding: 0;
  }
  .pt0-md {
    padding-top: 0;
  }
  .pb0-md {
    padding-bottom: 0;
  }
  .pl0-md {
    padding-left: 0;
  }
  .pr0-md {
    padding-right: 0;
  }
  .pd15-md {
    padding: 15px;
  }
  .pl15-md {
    padding-left: 15px;
  }
  .pr15-md {
    padding-right: 15px;
  }
  .pt15-md {
    padding-top: 15px;
  }
  .pb15-md {
    padding-bottom: 15px;
  }
  .hide-md {
    display: none;
  }
  .show-md {
    display: inline-block;
  }
  .link-text-comp a {
    margin: 0 0 9px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .brdr0-lg {
    border: none;
  }
  .auto-width-lg {
    width: auto;
  }
  .full-width-lg {
    width: 100%;
  }
  .full-width-lg:after,
  .full-width-lg:before {
    display: table;
    content: " ";
  }
  .full-width-lg:after {
    clear: both;
  }
  .pd0-lg {
    padding: 0;
  }
  .pt0-lg {
    padding-top: 0;
  }
  .pb0-lg {
    padding-bottom: 0;
  }
  .pl0-lg {
    padding-left: 0;
  }
  .pr0-lg {
    padding-right: 0;
  }
  .pd15-lg {
    padding: 15px;
  }
  .pl15-lg {
    padding-left: 15px;
  }
  .pr15-lg {
    padding-right: 15px;
  }
  .pt15-lg {
    padding-top: 15px;
  }
  .pb15-lg {
    padding-bottom: 15px;
  }
  .hide-lg {
    display: none;
  }
  .show-lg {
    display: inline-block;
  }
}
.link-text-wrapper {
  margin-right: 35px;
}
.link-text-wrapper.ml30 {
  margin-right: 30px;
}
.link-text-wrapper .links_arrow {
  display: inline-block;
  position: absolute;
  /*top: -3px;*/
}
.link-text-wrapper .links_text {
  display: inline-block;
  width: 100%;
  margin-left: 35px;
}
.link-text-wrapper .links_text.email-wrap-all {
  margin-left: 0px;
  padding-left: 35px;
  word-break: break-all;
  width: 100%;
}
.link-text-wrapper .link_wrap_text {
  white-space: pre-wrap;
}
.link-text-wrapper .ml30 {
  margin-left: 30px;
}
.eon_arrow_right {
  position: relative;
  top: -2px;
}
.noclick {
  pointer-events: none;
  cursor: default;
}
.show_block {
  display: block !important;
}
.plr0 {
  padding-left: 0;
  padding-right: 0;
}
.img-opacity {
  opacity: 0;
}
.button-verticle-top span {
  vertical-align: top;
}
@media only screen and (min-width: 769px) {
  .pt-15-sm {
    padding-top: 15px;
  }
}

form .errorDisplay {
  display: none;
  padding-top: 55px;
  width: 95%;
  background-color: #b00402;
  color: #ffffff;
  padding: 28px 22px 28px 68px;
  position: relative;
  margin-top: 55px;
  border-radius: 3px;
}
form .errorDisplay:before {
  position: absolute;
  left: 31px;
  top: 30px;
  font-size: 24px;
}
form .uniqueError {
  width: 95%;
}
form .checkbox .form_row input[type="checkbox"],
form .radio .form_row input[type="radio"] {
  display: none;
}
form .checkbox .form_row input[type="checkbox"] + label span,
form .radio .form_row input[type="radio"] + label span {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  float: left;
}
form .checkbox .form_row input[type="checkbox"] + span,
form .radio .form_row input[type="radio"] + span {
  margin-right: 0;
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  height: 32px;
  float: left;
}
form .checkbox .form_row input[type="checkbox"] + label,
form .radio .form_row input[type="radio"] + label {
  line-height: 32px;
  padding-left: 0;
}
form .checkbox .form_row input[type="checkbox"] + span + label,
form .radio .form_row input[type="radio"] + span + label {
  font-size: 18px;
  line-height: 21px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #4a4a4a;
  padding-top: 5px;
}
form .checkbox .form_row input[type="checkbox"] + label span,
form .radio .form_row input[type="radio"] + label span {
  margin-right: 15px;
}
form .checkbox .form_row input[type="checkbox"] + label span {
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/check.svg") no-repeat;
}
form .radio .form_row input[type="radio"] + label span {
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/radio.svg") no-repeat;
}
form .checkbox .form_row input[type="checkbox"]:checked + label span {
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/check-active-red.svg") no-repeat;
}
form .radio .form_row input[type="radio"]:checked + label span {
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/radio-active-red.svg") no-repeat;
}
form .checkbox .form_row input[type="checkbox"] + span.white-checkbox {
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/check-white.svg") no-repeat;
}
form .checkbox .form_row input[type="checkbox"] + span {
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/check.svg") no-repeat;
}
form .checkbox .form_row input[type="checkbox"] + span.checkboxError {
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/check-error-red.svg") no-repeat;
}
form .radio .form_row input[type="radio"] + span.white-radio {
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/radio-white.svg") no-repeat;
}
form .radio .form_row input[type="radio"] + span {
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/radio.svg") no-repeat;
}
form .radio .form_row input[type="radio"] + span.radioError {
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/radio-error-red.svg") no-repeat;
}
form .checkbox .form_row input[type="checkbox"]:checked + span {
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/check-active-red.svg") no-repeat;
}
form .radio .form_row input[type="radio"]:checked + span {
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/radio-active-red.svg") no-repeat;
}
form .radio .form-row .form_leftcol,
form .checkbox .form-row .form_leftcol {
  color: #4a4a4a;
}
form .radio .form-row .form_rightcol,
form .checkbox .form-row .form_rightcol {
  overflow: hidden;
}
form .radio .form-row .form_rightcol label,
form .checkbox .form-row .form_rightcol label {
  padding-left: 41px;
  display: inline-block;
  float: left;
  width: 258px;
  position: relative;
  left: -46px;
}
form .text .form-row .form_leftcol {
  display: none;
}
form .checkbox {
  margin: 20px 0;
}
form .checkbox .form-row {
  margin: 10px 0;
}
form .checkbox .form-row .infoIcon {
  margin: 0px 0px 0px 3px;
}
form .radio {
  margin: 20px 0;
}
form .radio .form-row {
  margin: 10px 0;
}
form .radio .form-row .infoIcon {
  margin: 0px 0px 0px 3px;
}
form .dropdown .form-row .form_leftcol {
  display: none;
}
form .calendar {
  padding: 0;
  margin: 20px 0;
}
form .calendar .date {
  position: relative;
}
form .calendar .date input {
  width: 353px;
  display: inline-block;
  height: 52px;
  border-radius: 3px;
  padding: 18px 0 0 11px;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #39393a;
  border: 2px solid #bfbfbf;
  background: url("../../../../../../../../../etc.clientlib/eon/foundation/clientlibs/clientlib-base/resources/images/calendar.svg") no-repeat right 9px center;
  background-color: #ffffff;
  cursor: pointer;
}
form .calendar .date input:focus {
  outline: none;
  border: 2px solid #8ed0d8;
  box-shadow: none;
}
form .calendar .date .form-control {
  z-index: unset;
}
form .calendar .date .input-group-addon {
  display: none;
}
form .calendar .date .infoIcon {
  display: inline-block;
  color: #8f9192;
  margin-left: 10px;
  vertical-align: top;
  margin-top: -3px;
  cursor: pointer;
}
form .calendar .date .ui-datepicker-inline {
  display: none;
}
form .upload .preview-list {
  margin: -17px 0 2px;
  padding-left: 2px;
}
form .upload .preview-list:empty {
  display: none;
}
form .upload .preview-list li {
  list-style-type: none;
  margin: 9px 0;
  position: relative;
}
form .upload .preview-list li:before {
  content: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/Clip.svg");
  position: absolute;
}
form .upload .preview-list li .clip {
  padding-left: 18px;
}
form .upload .preview-list li .listText {
  color: #d51607;
}
form .upload .preview-list li .trash-icon {
  cursor: pointer;
}
form .upload .uploadNoteInfo {
  color: #8f9192;
  font-size: 14px;
  font-weight: normal;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  form .upload .ie-disabled:after {
    margin-left: -4px !important;
  }
}
form .upload .btnUpload {
  position: relative;
}
form .upload .btnUpload button {
  cursor: pointer;
}
form .upload .btnUpload button .eon-de-react-icon--upload:after {
  padding-left: 17px;
  font-size: 29px;
}
form .upload .btnUpload button.eon-button span {
  line-height: 41px;
}
form .upload .btnUpload button.eon-button span:after {
  position: relative;
  top: 3px;
}
form .upload .uploadedSection {
  display: none;
  position: relative;
}
form .upload .uploadedSection button .eon-de-react-icon--upload:after {
  padding-left: 17px;
  font-size: 29px;
}
form .upload .uploadedSection button.eon-button span {
  line-height: 41px;
}
form .upload .uploadedSection button.eon-button span:after {
  position: relative;
  top: 3px;
}
form .upload .form_field.form_field_file {
  opacity: 0;
  position: absolute;
  top: 0;
  height: 53px;
  width: 218px;
  cursor: pointer;
  font-size: 0;
}
form .upload button.eon-button,
form .upload a.eon-button.small,
form .upload a.eon-button {
  margin: 0 10px 10px 1px;
}
form .upload .form_row {
  margin: 10px 0;
}
form .upload .form_row .infoIcon {
  margin: 0px 0px 0px 5px;
  color: #8f9192;
}
form .submit {
  clear: both;
}
form .form_row {
  margin: 10px 0;
}
form .form_row .form_error {
  margin-top: 10px;
  border-radius: 3px;
  padding: 6px 13px 6px 13px;
}
form .form_row .form_field_text {
  width: 100%;
  display: inline-block;
  height: 52px;
  border-radius: 3px;
  padding-left: 12px;
  font-size: 1.8rem;
}
form .form_row .form_leftcol {
  display: inline-flex;
}
form .form_row .text {
  margin: 10px 0;
}
form .form_row .form_field_text:focus {
  outline: none;
  border: 2px solid #8F9192;
}
form .form-row + .form_row .form_error {
  display: none;
}
form .form-row {
  margin: 20px 0;
}
form .form-row .form_rightcol_wrapper {
  position: relative;
}
form .form-row .form_rightcol_wrapper .form_field_text {
  width: 95%;
  display: inline-block;
  height: 52px;
  border-radius: 3px;
  padding: 18px 48px 0 11px;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #39393a;
  border: 2px solid #bfbfbf;
}
form .form-row .form_rightcol_wrapper .form_field_text:focus + .floating-label {
  position: absolute;
  top: 4px;
  left: 13px;
  opacity: 1;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #8f9192;
  z-index: 999;
}
@media (min-width: 768px) {
  form .form-row .form_rightcol_wrapper .form_field_text.form-control {
    width: auto;
  }
}
form .form-row .form_rightcol_wrapper .form_field_textarea {
  width: 95%;
  min-height: 104px;
  display: inline-block;
  border-radius: 3px;
  padding: 20px 20px 11px 11px;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #39393a;
  border: 2px solid #bfbfbf;
  resize: none;
}
form .form-row .form_rightcol_wrapper .form_field_textarea:focus + .floating-label {
  position: absolute;
  width: 92%;
  top: 2px;
  padding-top: 2px;
  left: 13px;
  opacity: 1;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #8f9192;
  background: #ffffff;
}
form .form-row .form_rightcol_wrapper .floating-label {
  font-size: 18px;
  position: absolute;
  pointer-events: none;
  left: 13px;
  top: 14px;
  transition: 0.2s ease all;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #8f9192;
  z-index: 999;
}
form .form-row .form_rightcol_wrapper .textAreaCharCount {
  color: #8f9192;
  font-size: 18px;
  font-weight: normal;
}
form .form-row .form_rightcol_wrapper .inputBlur {
  position: absolute;
  top: 4px;
  left: 13px;
  opacity: 1;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #8f9192;
}
form .form-row .form_rightcol_wrapper .inputBlurTxtArea {
  position: absolute;
  width: 92%;
  top: 2px;
  padding-top: 2px;
  left: 13px;
  opacity: 1;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #8f9192;
  background: #ffffff;
}
form .form-row .form_rightcol_wrapper .clearInputButton {
  visibility: hidden;
  position: absolute;
  right: 6.2%;
  top: 14px;
  color: #bfbfbf;
  display: inline-block;
  font-size: 37px;
  cursor: pointer;
  font-family: 'Open Sans';
  font-weight: normal;
  font-style: normal;
}
form .form-row .infoIcon {
  display: inline-block;
  color: #8f9192;
  margin-left: 10px;
  vertical-align: top;
  margin-top: -3px;
  cursor: pointer;
}
form .form-row .form_leftcol {
  display: inline-flex;
}
form .form-row .text {
  margin: 20px 0;
}
form .form-row .form_field_text:focus {
  outline: none;
  border: 2px solid #8ed0d8;
}
form .form-row .form_field_textarea:focus {
  outline: none;
  border: 2px solid #8ed0d8;
}
form .form-row .form_field_textarea span {
  width: 14px;
  height: 14px;
}
form .aemTextModal {
  display: none;
  position: fixed;
  z-index: 999999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(3px);
  /* Modal Content */
}
form .aemTextModal .aemInfoTextModal-content {
  width: 555px;
  margin: 110px auto;
  border-bottom: 4px solid #1EA2B1;
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  text-align: left;
  /* The Close Button */
}
form .aemTextModal .aemInfoTextModal-content .infoMessage {
  padding: 92px 25px 52px;
  margin: 0;
  font-family: EONBrixSans;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #4a4a4a;
}
form .aemTextModal .aemInfoTextModal-content .aemInfoModalClose {
  float: right;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  width: 52px;
  height: 52px;
  font-size: 44px;
  padding: 12px 0px 0 14px;
  margin: 30px 30px 0 0;
  color: #ffffff;
  font-family: 'Open Sans';
  font-style: normal;
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/closebg.svg") no-repeat;
}
form .form .form_error {
  margin-top: 10px;
  border-radius: 3px;
  padding: 6px 13px 6px 13px;
}
form .radio .form_row label,
form .checkbox .form_row label {
  padding-left: 0;
}
.form_row.form_dropdown .form_leftcol .form_leftcollabel label {
  margin-top: 5px;
}
.form_row .form_leftcol .form_leftcollabel label {
  font-weight: normal;
  color: #4a4a4a;
}
.text {
  position: relative;
}
.text .form_row .form_leftcol.onFocusStyle {
  position: absolute;
  bottom: 5px;
  left: 10px;
}
.form_row.form_dropdown .form_field.form_field_select.multiselect {
  background: none;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  line-height: 48px;
}
.form_row.form_dropdown select::-ms-expand {
  display: none;
}
.form_row.form_dropdown .form_field.form_field_select {
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 0 0 0 10px;
  border-radius: 3px;
  height: 48px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: #39393a;
  border: 2px solid #bfbfbf;
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/drop.svg") no-repeat right center;
  background-position: 98%;
  background-size: 22px 12px;
}
.form_row.form_dropdown .form_field.form_field_select:focus {
  outline: 0;
}
.form_row.form_dropdown .form_field.form_field_select.multiselect:focus {
  outline: 0;
}
.form-row.form_dropdown .form_field.form_field_select {
  width: 95%;
  height: 100%;
  padding: 18px 0 0 11px;
  border-radius: 3px;
  height: 52px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  color: #39393a;
  border: 2px solid #bfbfbf;
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/drop.svg") no-repeat right center;
  background-position: 98%;
  background-size: 22px 12px;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  background-color: #ffffff;
}
.form-row.form_dropdown .form_field.form_field_select:focus {
  outline: 0;
  border: 2px solid #8ed0d8;
}
.form-row.form_dropdown .form_rightcol {
  position: relative;
}
.form-row.form_dropdown .floating-label {
  font-size: 18px;
  position: absolute;
  pointer-events: none;
  left: 13px;
  top: 14px;
  transition: 0.2s ease all;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #8f9192;
}
.floating-label-focus {
  position: absolute;
  top: 4px;
  left: 13px;
  opacity: 1;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #8f9192;
  z-index: 999;
}
.dropdown-menu {
  margin: 18px 0 0;
}
.form_row.form_dropdown .form_rightcol .ui-selectmenu-button.ui-selectmenu-button-open,
.ui-selectmenu-button.ui-selectmenu-button-open {
  border: 2px solid #bfbfbf;
  width: 100%;
  height: 100%;
  border-radius: 0;
  background-color: transparent;
  padding: 0 0 0 10px;
  border-radius: 3px;
  line-height: 48px;
  border-bottom: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-widget.ui-widget-content {
  border: 2px solid #bfbfbf;
  border-top: none;
  padding: 0px;
  font-size: 1.8rem;
  margin: 0;
  line-height: 48px;
  overflow: hidden;
}
.form_row.form_dropdown .form_rightcol .ui-selectmenu-button.ui-selectmenu-button-closed.ui-corner-all.ui-button.ui-widget:focus {
  outline: 0;
}
.form_row.form_dropdown .form_rightcol .ui-selectmenu-button.ui-selectmenu-button-open,
.ui-selectmenu-button.ui-selectmenu-button-open:focus {
  outline: 0;
}
.ui-selectmenu-menu.ui-front.ui-selectmenu-open .ul.ui-menu.ui-corner-bottom.ui-widget.ui-widget-content {
  border-top: 0px;
}
.ui-menu .ui-menu-item {
  height: 52px;
}
input.form_field_text::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .upload .btnUpload button.eon-button span {
    margin-right: -3px;
  }
}
@media only screen and (max-width: 991px) {
  form .errorDisplay {
    width: 93%;
  }
  form .uniqueError {
    width: 93%;
  }
  form .calendar .date {
    width: 100%;
  }
  form .calendar .date input {
    width: 93%;
  }
  form .form-row .form_rightcol_wrapper .form_field_text {
    width: 93%;
  }
  form .form-row .form_rightcol_wrapper .form_field_textarea {
    width: 93%;
  }
  form .form-row .form_rightcol_wrapper .form_field_textarea:focus + .floating-label {
    width: 89%;
  }
  form .form-row .form_rightcol_wrapper .clearInputButton {
    right: 63px;
  }
  form .form-row .form_rightcol_wrapper .inputBlurTxtArea {
    width: 89%;
  }
  .form-row.form_dropdown .form_field.form_field_select {
    width: 93%;
  }
}
@media only screen and (max-width: 767px) {
  form .aemTextModal .aemInfoTextModal-content {
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 680px) {
  form .form-row .form_rightcol_wrapper .clearInputButton {
    right: 59px;
  }
}
@media only screen and (max-width: 600px) {
  form .form-row .form_rightcol_wrapper .clearInputButton {
    right: 50px;
  }
}
@media only screen and (max-width: 500px) {
  form .errorDisplay {
    width: 90%;
  }
  form .uniqueError {
    width: 90%;
  }
  form .calendar .date input {
    width: 90%;
  }
  form .form-row .form_rightcol_wrapper .form_field_text {
    width: 90%;
  }
  form .form-row .form_rightcol_wrapper .form_field_textarea {
    width: 90%;
  }
  form .form-row .form_rightcol_wrapper .form_field_textarea:focus + .floating-label {
    width: 85%;
  }
  form .form-row .form_rightcol_wrapper .clearInputButton {
    right: 56px;
  }
  form .form-row .form_rightcol_wrapper .inputBlurTxtArea {
    width: 85%;
  }
  .form-row.form_dropdown .form_field.form_field_select {
    width: 90%;
  }
}
@media only screen and (max-width: 449px) {
  form .form-row .form_rightcol_wrapper .clearInputButton {
    right: 50px;
  }
  .form-row.form_dropdown .form_field.form_field_select {
    width: 90%;
  }
}
@media only screen and (max-width: 380px) {
  form .form-row .form_rightcol_wrapper .form_field_textarea:focus + .floating-label {
    width: 84%;
  }
  form .form-row .form_rightcol_wrapper .clearInputButton {
    right: 42px;
  }
  form .form-row .form_rightcol_wrapper .inputBlurTxtArea {
    width: 84%;
  }
  form .radio .form-row .form_rightcol label,
  form .checkbox .form-row .form_rightcol label {
    width: 220px;
  }
}
@media only screen and (max-width: 329px) {
  form .errorDisplay {
    width: 89%;
  }
  form .uniqueError {
    width: 89%;
  }
  form .calendar .date input {
    width: 89%;
  }
  form .form-row .form_rightcol_wrapper .form_field_text {
    width: 89%;
  }
  form .form-row .form_rightcol_wrapper .form_field_textarea {
    width: 89%;
  }
  form .form-row .form_rightcol_wrapper .form_field_textarea:focus + .floating-label {
    width: 83%;
  }
  form .form-row .form_rightcol_wrapper .inputBlurTxtArea {
    width: 83%;
  }
  .form-row.form_dropdown .form_field.form_field_select {
    width: 89%;
  }
}
span.multiselect-native-select {
  position: relative;
}
span.multiselect-native-select select {
  border: 0!important;
  clip: rect(0 0 0 0) !important;
  height: 1px!important;
  margin: -1px -1px -1px -3px !important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  width: 1px!important;
  left: 50%;
  top: 30px;
}
.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.multiselect-container .input-group {
  margin: 5px;
}
.multiselect-container > li {
  padding: 0;
}
.multiselect-container > li > a.multiselect-all label {
  font-weight: 700;
}
.multiselect-container > li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 20px;
  height: 100%;
  font-weight: 700;
}
.multiselect-container > li.multiselect-group-clickable label {
  cursor: pointer;
}
.multiselect-container > li > a {
  padding: 0!important;
  margin: 0!important;
}
.multiselect-container > li > a > label {
  margin: 0;
  height: 100%;
  cursor: pointer;
  font-weight: 400;
  padding: 3px 0 3px 30px;
}
.multiselect-container > li > a > label.radio,
.multiselect-container > li > a > label.checkbox {
  margin: 0;
}
.multiselect-container > li > a > label > input[type=checkbox] {
  margin-bottom: 5px;
}
.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
  padding: 3px 20px 3px 40px;
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
  margin-left: -20px;
  margin-right: 0;
}
button.multiselect {
  height: 52px;
  position: relative;
  border: 2px solid #bfbfbf;
  color: #39393a;
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/drop.svg") no-repeat right center;
  background-position: 98%;
  background-size: 22px 12px;
}
button.multiselect:focus {
  outline: none;
  border: 2px solid #8ed0d8;
  box-shadow: none;
  background: url("../../../../../../../../../etc.clientlibs/eon/foundation/clientlibs/clientlib-base/resources/images/drop.svg") no-repeat right center;
  background-position: 98%;
  background-size: 22px 12px;
}
.multiselect-container .open > .dropdown-toggle.btn-default:hover,
.multiselect-container .open > .dropdown-toggle.btn-default:focus,
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #39393a !important;
  background-color: #ffffff !important;
  border-color: #8ed0d8 !important;
}
button.multiselect .multiselect-selected-text {
  float: left;
  margin-top: 13px;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
}
.btn .caret {
  margin-left: 0;
  text-align: right;
  position: absolute;
  top: 0;
  right: 36px;
  border-top: 0;
}
.multiselect-native-select {
  display: inline-block;
  width: 95%;
}
.open > .dropdown-menu {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .multiselect-native-select {
    width: 93%;
  }
}
@media only screen and (max-width: 500px) {
  .multiselect-native-select {
    width: 90%;
  }
}
@media only screen and (max-width: 329px) {
  .multiselect-native-select {
    width: 89%;
  }
}

#CQrte p,
.rich-text p {
  font-size: 1.8rem;
  line-height: 130%;
  font-family: "EONBrixSans";
  font-weight: 400;
  text-align: left;
  margin: 0 0 30px 0;
}
#CQrte p a,
.rich-text p a {
  font-size: 1.8rem;
}
#CQrte a,
.rich-text a {
  font-size: 1.8rem;
  line-height: 130%;
  font-family: "EONBrixSans";
  font-weight: 400;
  text-align: left;
  margin: 0 0 9px 0;
}
#CQrte ul,
.rich-text ul {
  font-family: "EONBrixSans";
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 130%;
  text-align: left;
  margin: 30px 0 30px;
}
#CQrte ol,
.rich-text ol {
  font-family: "EONBrixSans";
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 130%;
  text-align: left;
  margin: 30px 0 30px;
}
#CQrte blockquote,
.rich-text blockquote {
  font-size: 1.4rem;
  line-height: 130%;
  font-family: "EONBrixSans";
  font-weight: 400;
  text-align: left;
  margin: 0 0 30px 0;
  border-left: 0px;
  padding: 0px 0px;
}
#CQrte blockquote a,
.rich-text blockquote a {
  font-size: 1.4rem;
}

.media_images .cq-dd-image {
  width: 100%;
  margin-bottom: 30px;
  display: block;
}
.media_images .cq-dd-image.transition {
  -ms-transform: scale(0.9);
  /* IE 9 */
  -webkit-transform: scale(0.9);
  /* Chrome, Safari, Opera */
  transform: scale(0.9);
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  -o-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  opacity: 0;
}
.media_images .cq-dd-image.transition.scaled {
  -ms-transform: scale(1);
  /* IE 9 */
  -webkit-transform: scale(1);
  /* Chrome, Safari, Opera */
  transform: scale(1);
  opacity: 1;
}
@media (max-width: 767px) {
  .media_images .cq-dd-image.transition {
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Chrome, Safari, Opera */
    transform: scale(1);
    opacity: 1;
  }
}

.teaser-wrapper {
  margin-bottom: 50px;
}
.teaser-wrapper--bordeaux .imageContainer::after,
.teaser-wrapper--red .imageContainer::after,
.teaser-wrapper--grey .imageContainer::after,
.teaser-wrapper--turquoise .imageContainer::after,
.teaser-wrapper--lime .imageContainer::after,
.teaser-wrapper--shadow .imageContainer::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  transition: all 0.33s ease;
}
.teaser-wrapper--bordeaux .imageContainer:hover::after,
.teaser-wrapper--red .imageContainer:hover::after,
.teaser-wrapper--grey .imageContainer:hover::after,
.teaser-wrapper--turquoise .imageContainer:hover::after,
.teaser-wrapper--lime .imageContainer:hover::after {
  background-image: linear-gradient(45deg, rgba(51, 51, 51, 0), transparent);
}
.teaser-wrapper--bordeaux .imageContainer:hover::after {
  background-color: #b00402;
}
.teaser-wrapper--red .imageContainer:hover::after {
  background-color: #ea1c0a;
}
.teaser-wrapper--grey .imageContainer:hover::after {
  background-color: #f6f6f7;
}
.teaser-wrapper--grey .imageContainer:hover .img-desc a,
.teaser-wrapper--grey .imageContainer:hover .link,
.teaser-wrapper--grey .imageContainer:hover .link a {
  color: #ea1c0a !important;
}
.teaser-wrapper--turquoise .imageContainer:hover::after {
  background-color: #1ea2b1;
}
.teaser-wrapper--lime .imageContainer:hover::after {
  background-color: #e3e000;
}
.teaser-wrapper--lime .imageContainer:hover .img-desc a,
.teaser-wrapper--lime .imageContainer:hover .link,
.teaser-wrapper--lime .imageContainer:hover .link a {
  color: #b00402 !important;
}
.teaser-wrapper--shadow .imageContainer::after {
  background: linear-gradient(45deg, rgba(51, 51, 51, 0.3), transparent);
}
.teaser-wrapper .imageContainer {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.teaser-wrapper .imageContainer img {
  transition: transform 0.25s linear;
  -webkit-transition: transform 0.25s linear;
  -moz-transition: transform 0.25s linear;
  -o-transition: transform 0.25s linear;
}
.teaser-wrapper .imageContainer:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
.teaser-wrapper--bordeaux .imageContainer:hover img,
.teaser-wrapper--red .imageContainer:hover img,
.teaser-wrapper--grey .imageContainer:hover img,
.teaser-wrapper--turquoise .imageContainer:hover img,
.teaser-wrapper--lime .imageContainer:hover img {
  transform: initial;
}
.teaser-wrapper .teaser-image {
  position: relative;
  width: 100%;
}
.teaser-wrapper .img-desc a {
  z-index: 100;
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  left: 20px;
  bottom: 60px;
  width: 828px;
  text-decoration: none;
  margin: 0px;
}
.teaser-wrapper .img-desc h4 {
  margin: 0px;
}
.teaser-wrapper .link {
  z-index: 100;
  position: absolute;
  font-size: 24px;
  left: 20px;
  bottom: 20px;
  font-family: 'EONBrixSans';
}
.mobiledevice .teaser-wrapper {
  margin-bottom: 25px;
}
.mobiledevice .teaser-wrapper .img-desc {
  z-index: 100;
  font-size: 24px;
  font-weight: bold;
  width: 260px;
}
.mobiledevice .teaser-wrapper .img-desc a {
  z-index: 100;
  font-size: 24px;
  font-weight: bold;
  left: 20px;
  bottom: 60px;
  width: 300px;
  text-decoration: none;
  margin: 0px;
}
.mobiledevice .teaser-wrapper .imageContainer {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.mobiledevice .teaser-wrapper .imageContainer:hover img {
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}
.mobiledevice .teaser-wrapper h4 {
  margin: 0px;
}
.teaser-shadow {
  opacity: 0.8;
}
.teaser-shadow-bg {
  background-color: rgba(0, 0, 0, 0.2);
}
.desktop .col-lg-6 .teaser-wrapper .imageContainer .img-desc a {
  z-index: 100;
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  left: 20px;
  bottom: 60px;
  width: 390px;
  text-decoration: none;
  margin: 0px;
}
.desktop .col-lg-4 .teaser-wrapper .imageContainer .img-desc a {
  z-index: 100;
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  left: 20px;
  bottom: 60px;
  width: 260px;
  text-decoration: none;
  margin: 0px;
}
.desktop .col-lg-3 .teaser-wrapper .imageContainer .img-desc a {
  z-index: 100;
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  left: 20px;
  bottom: 60px;
  width: 190px;
  text-decoration: none;
  margin: 0px;
}
.desktop .col-lg-8 .teaser-wrapper .imageContainer .img-desc a {
  z-index: 100;
  position: absolute;
  font-size: 24px;
  font-weight: bold;
  left: 20px;
  bottom: 60px;
  width: 650px;
  text-decoration: none;
  margin: 0px;
}
.mobiledevice .col-lg-4 .teaser-wrapper .img-desc a {
  z-index: 100;
  font-size: 24px;
  font-weight: bold;
  left: 20px;
  bottom: 60px;
  width: 300px;
  text-decoration: none;
  margin: 0px;
}
.mobiledevice .col-lg-12 .teaser-wrapper .img-desc a {
  z-index: 100;
  font-size: 24px;
  font-weight: bold;
  left: 20px;
  bottom: 60px;
  width: 300px;
  text-decoration: none;
  margin: 0px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .mobiledevice .col-lg-12 .teaser-wrapper .img-desc a {
    z-index: 100;
    font-size: 24px;
    font-weight: bold;
    left: 20px;
    bottom: 60px;
    width: 700px;
    text-decoration: none;
    margin: 0px;
  }
  .mobiledevice .col-lg-4 .teaser-wrapper .img-desc a {
    z-index: 100;
    font-size: 24px;
    font-weight: bold;
    left: 20px;
    bottom: 60px;
    width: 190px;
    text-decoration: none;
    margin: 0px;
  }
  .mobiledevice .col-lg-6 .teaser-wrapper .img-desc a {
    z-index: 100;
    font-size: 24px;
    font-weight: bold;
    left: 20px;
    bottom: 60px;
    width: 300px;
    text-decoration: none;
    margin: 0px;
  }
}
@media only screen and (min-device-width: 1025px) and (max-device-width: 1199px) {
  .mobiledevice .teaser-wrapper .img-desc a {
    padding-right: 20px;
  }
}

.textandmedia {
  margin-bottom: 100px;
}
.textandmedia .icon_marginl {
  margin-left: -6px;
}
.textandmedia .media-image img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .textandmedia .js-animate {
    opacity: 0;
  }
  .textandmedia .js-animate.animation {
    opacity: 1;
  }
}
/* Keyframes for blueborder_opt2 */
@keyframes blueborder_opt2 {
  0% {
    width: 100%;
    right: -90%;
  }
  10% {
    width: 100%;
    right: -90%;
  }
  20% {
    width: 100%;
    right: -90%;
  }
  30% {
    width: 100%;
    right: -90%;
  }
  40% {
    width: 100%;
    right: -90%;
  }
  50% {
    width: 100%;
    right: -90%;
  }
  60% {
    width: 80%;
    right: -70%;
  }
  70% {
    width: 60%;
    right: -50%;
  }
  80% {
    width: 40%;
    right: -30%;
  }
  90% {
    width: 20%;
    right: -10%;
  }
  100% {
    width: 10%;
    right: 0%;
  }
}
@keyframes yellowborder_opt1 {
  from {
    right: 100%;
  }
  to {
    right: 0;
  }
}
@keyframes gradient_opt4 {
  0% {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 48%, #1ea2b1 48%);
  }
  50% {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 48%, #1ea2b1 48%);
  }
  60% {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 45%, #1ea2b1 45%);
  }
  70% {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 30%, #1ea2b1 30%);
  }
  80% {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 20%, #1ea2b1 20%);
  }
  90% {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 10%, #1ea2b1 10%);
  }
  100% {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 0%, #1ea2b1 0%);
  }
}
/*---------Animation variation1------*/
.textandmedia .textmedia_opt1 .yellow_border {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
}
@media only screen and (min-width: 320px) {
  .textandmedia .textmedia_opt1 .imagewrap {
    border-bottom: 30px solid #fff;
  }
  .textandmedia .textmedia_opt1 .media-image img {
    min-height: 232px;
  }
  .textandmedia .textmedia_opt1 .headline {
    padding-top: 50px;
  }
  .textandmedia .textmedia_opt4 .media-image img {
    min-height: 230.7px;
  }
}
@media only screen and (min-width: 768px) {
  .textandmedia .textmedia_opt1 .media-image img {
    min-height: 552px;
  }
  .textandmedia .textmedia_opt4 .media-image img {
    min-height: 553.3px;
  }
}
@media only screen and (min-width: 992px) {
  .textandmedia .textmedia_opt1 .imagewrap {
    border: none;
  }
  .textandmedia .textmedia_opt1 .media-image img {
    min-height: 668px;
    width: 92.1%;
  }
  .textandmedia .textmedia_opt1 .yellow_border {
    width: 7.9%;
  }
  .textandmedia .textmedia_opt1 .headline {
    text-align: right;
    padding-top: 0px;
  }
  .textandmedia .textmedia_opt4 .media-image img {
    min-height: 512px;
  }
}
@media only screen and (min-width: 1200px) {
  .textandmedia .textmedia_opt1 .media-image img {
    min-height: 752px;
  }
  .textandmedia .textmedia_opt4 .media-image img {
    min-height: 720px;
  }
}
@media only screen and (min-width: 768px) {
  .textandmedia .textmedia_opt1.animation .animation_opt1 {
    position: relative;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: slidetoleft 2s;
    -moz-animation: slidetoleft 2s;
    -o-animation: slidetoleft 2s;
    animation: slidetoleft 2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  .textandmedia .textmedia_opt1.animation .animation_opt1 figure img {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: fadeIn ease-in 1, translateX linear 1;
    -moz-animation: fadeIn ease-in 1, translateX linear 1;
    animation: fadeIn ease-in 1, translateX linear 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
  }
  .textandmedia .textmedia_opt1.animation .animation_opt1 .yellow_border {
    -webkit-animation: yellowborder_opt1 2s, translateX 2s linear forwards;
    -moz-animation: yellowborder_opt1 2s, translateX 2s linear forwards;
    -o-animation: yellowborder_opt1 2s, translateX 2s linear forwards;
    animation: yellowborder_opt1 2s, translateX 2s linear forwards;
  }
  .textandmedia .textmedia_opt1.animation .animation_opt1 .headline {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: fadeIn ease-in 1, translateX linear 1;
    -moz-animation: fadeIn ease-in 1, translateX linear 1;
    animation: fadeIn ease-in 1, translateX linear 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
  }
  .textandmedia .textmedia_opt1.animation .animation_opt1 .textcontent {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: fadeIn ease-in 1, translateX linear 1;
    -moz-animation: fadeIn ease-in 1, translateX linear 1;
    animation: fadeIn ease-in 1, translateX linear 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
  }
}
/*---------Textmedia_opt2------*/
@media only screen and (min-width: 768px) {
  .textandmedia .textmedia_opt2.animation .animation_opt2 {
    position: relative;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: slidetoleft 800ms;
    animation: slidetoleft 800ms;
    -webkit-animation: slidetoleft 2s;
    -moz-animation: slidetoleft 2s;
    -o-animation: slidetoleft 2s;
    animation: slidetoleft 2s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  .textandmedia .textmedia_opt2.animation .animation_opt2 .image_wrapper.fadeIn {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: fadeIn ease-in 1, translateX linear 1;
    -moz-animation: fadeIn ease-in 1, translateX linear 1;
    animation: fadeIn ease-in 1, translateX linear 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
  }
  .textandmedia .textmedia_opt2.animation .animation_opt2 .headlines.fadeIn {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: fadeIn ease-in 1, translateX linear 1;
    -moz-animation: fadeIn ease-in 1, translateX linear 1;
    animation: fadeIn ease-in 1, translateX linear 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
  }
  .textandmedia .textmedia_opt2.animation .animation_opt2 .textcontent.fadeIn {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: fadeIn ease-in 1, translateX linear 1;
    -moz-animation: fadeIn ease-in 1, translateX linear 1;
    animation: fadeIn ease-in 1, translateX linear 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
  }
  .textandmedia .textmedia_opt2.animation .animation_opt2 .blue-border {
    -webkit-animation: fadeIn 1s ease-in-out, blueborder_opt2 2s ease, translateX 2s linear forwards;
    -moz-animation: fadeIn 1s ease-in-out, blueborder_opt2 2s ease, translateX 2s linear forwards;
    animation: fadeIn 1s ease-in-out, blueborder_opt2 2s ease, translateX 2s linear forwards;
  }
  .textandmedia .textmedia_opt2 .mr-smright {
    margin-right: 30px;
  }
}
@media (min-width: 320px) {
  .textandmedia .textmedia_opt2 .blue-border {
    position: absolute;
    top: 0;
    right: 36px;
    height: 100%;
    width: 36px;
  }
  .textandmedia .textmedia_opt2 .yellow-border {
    position: absolute;
    top: 0;
    right: 24px;
    height: 100%;
    width: 13px;
  }
}
@media (min-width: 768px) {
  .textandmedia .textmedia_opt2 .blue-border {
    width: 38px;
  }
  .textandmedia .textmedia_opt2 .yellow-border {
    width: 19px;
  }
}
@media (min-width: 992px) {
  .textandmedia .textmedia_opt2 .blue-border {
    width: 70px;
  }
  .textandmedia .textmedia_opt2 .yellow-border {
    width: 25px;
  }
}
/*---------Textmedia_opt3------*/
.textandmedia .textmedia_opt3 figcaption {
  position: absolute;
  top: 0;
  right: 0;
  padding: 30px 38px 85px 30px;
}
@media only screen and (min-width: 1200px) {
  .textandmedia .textmedia_opt3 figcaption h2 {
    white-space: initial;
  }
}
@media only screen and (min-width: 768px) {
  .textandmedia .textmedia_opt3.animation .animation_opt3 {
    position: relative;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: slidetoleft 1s;
    -moz-animation: slidetoleft 1s;
    -o-animation: slidetoleft 1s;
    animation: slidetoleft 1s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  .textandmedia .textmedia_opt3.animation .animation_opt3 .redanimation {
    -webkit-animation: translateX 1s linear forwards;
    -moz-animation: translateX 1s linear forwards;
    -o-animation: translateX 1s linear forwards;
    animation: translateX 1s linear forwards;
  }
  .textandmedia .textmedia_opt3.animation .animation_opt3 .redanimation .fadeIn {
    -webkit-animation: fadeIn 1s  linear forwards;
    -moz-animation: fadeIn 1s  linear forwards;
    -o-animation: fadeIn 1s  linear forwards;
    animation: fadeIn 1s  linear forwards;
  }
  .textandmedia .textmedia_opt3.animation .animation_opt3 .imagewrap.fadeIn {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: fadeIn ease-in 1, translateX linear 1;
    -moz-animation: fadeIn ease-in 1, translateX linear 1;
    animation: fadeIn ease-in 1, translateX linear 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
  }
  .textandmedia .textmedia_opt3.animation .animation_opt3 .headline.fadeIn {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: fadeIn ease-in 1, translateX linear 1;
    -moz-animation: fadeIn ease-in 1, translateX linear 1;
    animation: fadeIn ease-in 1, translateX linear 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
  }
  .textandmedia .textmedia_opt3.animation .animation_opt3 .headline h2 {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: fadeIn ease-in 1, translateX linear 1;
    -moz-animation: fadeIn ease-in 1, translateX linear 1;
    animation: fadeIn ease-in 1, translateX linear 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1.3s;
    -moz-animation-duration: 1.3s;
    animation-duration: 1.3s;
  }
}
/*--------Variation 4 ----------- */
.textandmedia .textmedia_opt4 figcaption {
  position: absolute;
  top: 0;
  right: 0;
  padding: 80px 18.8%;
}
.textandmedia .textmedia_opt4 .yellow_border {
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
}
/*--------Animation Styles Variation 4 ----------- */
@media only screen and (min-width: 768px) {
  .textandmedia .textmedia_opt4.animation .bg-gradient {
    -webkit-animation: gradient_opt4 .7s  ;
    -moz-animation: gradient_opt4 .7s  ;
    animation: gradient_opt4 .7s  ;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  .textandmedia .textmedia_opt4.animation .fade-in {
    opacity: 0;
    opacity: 1 \9;
    -webkit-animation: fadeIn ease-in 1, translateX linear 1;
    -moz-animation: fadeIn ease-in 1, translateX linear 1;
    animation: fadeIn ease-in 1, translateX linear 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    animation-duration: 1.2s;
  }
  .textandmedia .textmedia_opt4.animation .yellow_border {
    -webkit-animation: fadeIn 1s ease-in-out, translateX 2s linear forwards;
    -moz-animation: fadeIn 1s ease-in-out, translateX 2s linear forwards;
    -o-animation: fadeIn 1s ease-in-out, translateX 2s linear forwards;
    animation: fadeIn 1s ease-in-out, translateX 2s linear forwards;
  }
  .textandmedia .textmedia_opt4.animation .slidetoleft {
    -webkit-animation-name: slidetoleft;
    animation-name: slidetoleft;
    position: relative;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
  }
}
@media only screen and (min-width: 320px) {
  .textandmedia .textmedia_opt4 .yellow_border {
    width: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .textandmedia .textmedia_opt4 .yellow_border {
    width: 30px;
  }
}