/*font import*/
@font-face {
  font-family: 'OpenSansHebrew';
  src: url("../../Bootstrap/Fonts/opensanshebrew-regular.eot");
  src: url("../../Bootstrap/Fonts/opensanshebrew-regular.eot?#iefix") format("embedded-opentype"), url("../../Bootstrap/Fonts/opensanshebrew-regular.woff2") format("woff2"), url("../../Bootstrap/Fonts/opensanshebrew-regular.woff") format("woff"), url("../../Bootstrap/Fonts/opensanshebrew-regular.ttf") format("truetype"), url("../../Bootstrap/Fonts/opensanshebrew-regular.svg#open_sans_hebrewregular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'OpenSansHebrew';
  src: url("../../Bootstrap/Fonts/opensanshebrew-italic.eot");
  src: url("../../Bootstrap/Fonts/opensanshebrew-italic.eot?#iefix") format("embedded-opentype"), url("../../Bootstrap/Fonts/opensanshebrew-italic.woff2") format("woff2"), url("../../Bootstrap/Fonts/opensanshebrew-italic.woff") format("woff"), url("../../Bootstrap/Fonts/opensanshebrew-italic.ttf") format("truetype"), url("../../Bootstrap/Fonts/opensanshebrew-italic.svg#open_sans_hebrewitalic") format("svg");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'OpenSansHebrew';
  src: url("../../Bootstrap/Fonts/opensanshebrew-bold.eot");
  src: url("../../Bootstrap/Fonts/opensanshebrew-bold.eot?#iefix") format("embedded-opentype"), url("../../Bootstrap/Fonts/opensanshebrew-bold.woff2") format("woff2"), url("../../Bootstrap/Fonts/opensanshebrew-bold.woff") format("woff"), url("../../Bootstrap/Fonts/opensanshebrew-bold.ttf") format("truetype"), url("../../Bootstrap/Fonts/opensanshebrew-bold.svg#open_sans_hebrewbold") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'OpenSansHebrew';
  src: url("../../Bootstrap/Fonts/opensanshebrew-bolditalic.eot");
  src: url("../../Bootstrap/Fonts/opensanshebrew-bolditalic.eot?#iefix") format("embedded-opentype"), url("../../Bootstrap/Fonts/opensanshebrew-bolditalic.woff2") format("woff2"), url("../../Bootstrap/Fonts/opensanshebrew-bolditalic.woff") format("woff"), url("../../Bootstrap/Fonts/opensanshebrew-bolditalic.ttf") format("truetype"), url("../../Bootstrap/Fonts/opensanshebrew-bolditalic.svg#open_sans_hebrewbold_italic") format("svg");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'OpenSansHebrew';
  src: url("../../Bootstrap/Fonts/opensanshebrew-extrabold.eot");
  src: url("../../Bootstrap/Fonts/opensanshebrew-extrabold.eot?#iefix") format("embedded-opentype"), url("../../Bootstrap/Fonts/opensanshebrew-extrabold.woff2") format("woff2"), url("../../Bootstrap/Fonts/opensanshebrew-extrabold.woff") format("woff"), url("../../Bootstrap/Fonts/opensanshebrew-extrabold.ttf") format("truetype"), url("../../Bootstrap/Fonts/opensanshebrew-extrabold.svg#open_sans_hebrewextra_bold") format("svg");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'OpenSansHebrew';
  src: url("../../Bootstrap/Fonts/opensanshebrew-extrabolditalic.eot");
  src: url("../../Bootstrap/Fonts/opensanshebrew-extrabolditalic.eot?#iefix") format("embedded-opentype"), url("../../Bootstrap/Fonts/opensanshebrew-extrabolditalic.woff2") format("woff2"), url("../../Bootstrap/Fonts/opensanshebrew-extrabolditalic.woff") format("woff"), url("../../Bootstrap/Fonts/opensanshebrew-extrabolditalic.ttf") format("truetype"), url("../../Bootstrap/Fonts/opensanshebrew-extrabolditalic.svg#open_sans_hebrewXBdIt") format("svg");
  font-weight: 900;
  font-style: italic; }

@font-face {
  font-family: 'OpenSansHebrew';
  src: url("../../Bootstrap/Fonts/opensanshebrew-light.eot");
  src: url("../../Bootstrap/Fonts/opensanshebrew-light.eot?#iefix") format("embedded-opentype"), url("../../Bootstrap/Fonts/opensanshebrew-light.woff2") format("woff2"), url("../../Bootstrap/Fonts/opensanshebrew-light.woff") format("woff"), url("../../Bootstrap/Fonts/opensanshebrew-light.ttf") format("truetype"), url("../../Bootstrap/Fonts/opensanshebrew-light.svg#open_sans_hebrewlight") format("svg");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'OpenSansHebrew';
  src: url("../../Bootstrap/Fonts/opensanshebrew-lightitalic.eot");
  src: url("../../Bootstrap/Fonts/opensanshebrew-lightitalic.eot?#iefix") format("embedded-opentype"), url("../../Bootstrap/Fonts/opensanshebrew-lightitalic.woff2") format("woff2"), url("../../Bootstrap/Fonts/opensanshebrew-lightitalic.woff") format("woff"), url("../../Bootstrap/Fonts/opensanshebrew-lightitalic.ttf") format("truetype"), url("../../Bootstrap/Fonts/opensanshebrew-lightitalic.svg#open_sans_hebrewlight_italic") format("svg");
  font-weight: 200;
  font-style: italic; }

/*variables*/
/*gradient*/
/*radius*/
/* transform origin */
/*transform rotate*/
/*transform scale*/
/*transform translate*/
/*transform rotate-translate*/
/*box-shadow*/
/*transition*/
/*animation*/
/*bg image on gradient*/
/*flex-wrap extend*/
/*variables*/
/*gradient*/
/*radius*/
/* transform origin */
/*transform rotate*/
/*transform scale*/
/*transform translate*/
/*transform rotate-translate*/
/*box-shadow*/
/*transition*/
/*animation*/
/*bg image on gradient*/
/*flex-wrap extend*/
.material-container-ou-2018 {
  /*.form-group .prefix,
    .form-group .prefix {
        height: 1.9em;
        line-height: 1.9;
    }*/ }
  .material-container-ou-2018 .form-radio,
  .material-container-ou-2018 .form-group {
    direction: rtl;
    position: relative;
    margin-top: 0.65em;
    margin-bottom: 0.6em; }
  .material-container-ou-2018 .form-inline > .form-group,
  .material-container-ou-2018 .form-inline > .btn {
    display: inline-block;
    margin-bottom: 0; }
  .material-container-ou-2018 .form-help {
    margin-top: 0.125em;
    margin-right: 0.125em;
    color: #707070;
    font-size: 0.8em; }
  .material-container-ou-2018 .checkbox .form-help,
  .material-container-ou-2018 .form-radio .form-help,
  .material-container-ou-2018 .form-group .form-help {
    position: absolute;
    width: 100%; }
  .material-container-ou-2018 .checkbox .form-help {
    position: relative;
    margin-bottom: 1em; }
  .material-container-ou-2018 .form-radio .form-help {
    padding-top: 0.25em;
    margin-top: -1em; }
  .material-container-ou-2018 .form-group input {
    height: 1.9em; }
  .material-container-ou-2018 .form-group textarea {
    resize: none; }
  .material-container-ou-2018 .form-group select {
    width: 100%;
    font-size: 1em;
    height: 1.9em;
    padding: 0.125em 0.125em 0.0625em;
    background: none;
    border: none;
    line-height: 1.9;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url(../images/FORM_ARROW.svg);
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 0 10px;
    background-size: 10px 10px; }
  .material-container-ou-2018 .form-group select::-ms-expand {
    display: none; }
  .material-container-ou-2018 .form-group select ~ .control-label {
    right: 0; }
  .material-container-ou-2018 .form-group .control-label {
    position: absolute;
    top: 0.25em;
    pointer-events: none;
    padding-right: 0.125em;
    z-index: 1;
    color: #707070;
    font-size: 1em;
    font-weight: normal;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease; }
    .material-container-ou-2018 .form-group .control-label span {
      color: #c2176a; }
  .material-container-ou-2018 .form-group .bar {
    position: relative;
    border-bottom: 0.0825em solid #ccc;
    display: block; }
  .material-container-ou-2018 .form-group .bar::before {
    content: '';
    height: 0.125em;
    width: 0;
    right: 50%;
    bottom: -0.0625em;
    position: absolute;
    background: #c2176a;
    -webkit-transition: right 0.28s ease, width 0.28s ease;
    -moz-transition: right 0.28s ease, width 0.28s ease;
    -o-transition: right 0.28s ease, width 0.28s ease;
    transition: right 0.28s ease, width 0.28s ease;
    z-index: 2; }
  .material-container-ou-2018 .form-group input,
  .material-container-ou-2018 .form-group textarea {
    display: block;
    background: none;
    padding: 0.125em 0.125em 0.0625em;
    font-size: 1em;
    border-width: 0;
    border-color: transparent;
    line-height: 1.9;
    width: 100%;
    color: transparent;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .material-container-ou-2018 .form-group input[type="file"] {
    line-height: 1; }
  .material-container-ou-2018 .form-group input[type="file"] ~ .bar {
    display: none; }
  .material-container-ou-2018 .form-group select,
  .material-container-ou-2018 .form-group input:focus,
  .material-container-ou-2018 .form-group input:valid,
  .material-container-ou-2018 .form-group input.form-file,
  .material-container-ou-2018 .form-group input.has-value,
  .material-container-ou-2018 .form-group textarea:focus,
  .material-container-ou-2018 .form-group textarea:valid,
  .material-container-ou-2018 .form-group textarea.form-file,
  .material-container-ou-2018 .form-group textarea.has-value {
    color: #333; }
  .material-container-ou-2018 .form-group {
    min-height: 3em;
    margin-bottom: 0; }
  .material-container-ou-2018 .form-group select:focus ~ .control-label,
  .material-container-ou-2018 .form-group select:valid ~ .control-label,
  .material-container-ou-2018 .form-group input:focus ~ .control-label,
  .material-container-ou-2018 .form-group input:valid ~ .control-label,
  .material-container-ou-2018 .form-group input.form-file ~ .control-label,
  .material-container-ou-2018 .form-group input.has-value ~ .control-label,
  .material-container-ou-2018 .form-group textarea:focus ~ .control-label,
  .material-container-ou-2018 .form-group textarea:valid ~ .control-label,
  .material-container-ou-2018 .form-group textarea.form-file ~ .control-label,
  .material-container-ou-2018 .form-group textarea.has-value ~ .control-label {
    font-size: 0.8em;
    color: gray;
    top: -1em;
    right: 0; }
  .material-container-ou-2018 .form-group select:focus,
  .material-container-ou-2018 .form-group input:focus,
  .material-container-ou-2018 .form-group textarea:focus {
    outline: none; }
  .material-container-ou-2018 .form-group select:focus ~ .control-label,
  .material-container-ou-2018 .form-group input:focus ~ .control-label,
  .material-container-ou-2018 .form-group textarea:focus ~ .control-label {
    color: #670c38; }
  .material-container-ou-2018 .form-group select:focus ~ .bar::before,
  .material-container-ou-2018 .form-group input:focus ~ .bar::before,
  .material-container-ou-2018 .form-group textarea:focus ~ .bar::before {
    width: 100%;
    right: 0; }
  .material-container-ou-2018 .checkbox label,
  .material-container-ou-2018 .form-radio label {
    position: relative;
    cursor: pointer;
    padding-right: 1.5em;
    text-align: right;
    font-size: .8em;
    color: #333;
    display: block; }
  .material-container-ou-2018 .checkbox input,
  .material-container-ou-2018 .form-radio input {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    right: 0; }
  .material-container-ou-2018 .radio {
    margin-bottom: 0.7em; }
  .material-container-ou-2018 .radio .helper {
    position: absolute;
    top: -0.25em;
    right: -0.25em;
    cursor: pointer;
    display: block;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999; }
  .material-container-ou-2018 .radio .helper::before,
  .material-container-ou-2018 .radio .helper::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    margin: 0.25em;
    width: 1em;
    height: 1em;
    -webkit-transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    -moz-transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    -o-transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    border-radius: 50%;
    border: 0.125em solid currentColor; }
  .material-container-ou-2018 .radio .helper::after {
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #c2176a;
    border-color: #c2176a; }
  .material-container-ou-2018 .radio label:hover .helper {
    color: #c2176a; }
  .material-container-ou-2018 .radio input:checked ~ .helper::after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  .material-container-ou-2018 .radio input:checked ~ .helper::before {
    color: #670c38; }
  .material-container-ou-2018 .radio input:focus ~ .helper,
  .material-container-ou-2018 .checkbox input:focus ~ .helper {
    border-color: #c2176a;
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #c2176a;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #c2176a;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #c2176a; }
  .material-container-ou-2018 .checkbox, .material-container-ou-2018 .button {
    margin-top: 0.7em;
    margin-bottom: 0.7em; }
  .material-container-ou-2018 .checkbox .helper {
    color: #999;
    position: absolute;
    top: 0;
    right: 0;
    width: 1em;
    height: 1em;
    z-index: 0;
    border: 0.12em solid currentColor;
    border-radius: 0.0625em;
    -webkit-transition: border-color 0.28s ease;
    -moz-transition: border-color 0.28s ease;
    -o-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease; }
  .material-container-ou-2018 .checkbox .helper::before,
  .material-container-ou-2018 .checkbox .helper::after {
    position: absolute;
    height: 0;
    width: 0.2em;
    background-color: #c2176a;
    display: block;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    border-radius: 0.25em;
    content: '';
    -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
    -moz-transition: opacity 0.28s ease, height 0s linear 0.28s;
    -o-transition: opacity 0.28s ease, height 0s linear 0.28s;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0; }
  .material-container-ou-2018 .checkbox .helper::before {
    top: 0.65em;
    right: 0.38em;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-box-shadow: 0 0 0 0.0625em #fff;
    box-shadow: 0 0 0 0.0625em #fff; }
  .material-container-ou-2018 .checkbox .helper::after {
    top: 0.3em;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .material-container-ou-2018 .checkbox label:hover .helper {
    color: #c2176a; }
  .material-container-ou-2018 .checkbox input:checked ~ .helper {
    color: #c2176a; }
  .material-container-ou-2018 .checkbox input:checked ~ .helper::after,
  .material-container-ou-2018 .checkbox input:checked ~ .helper::before {
    opacity: 1;
    -webkit-transition: height 0.28s ease;
    -moz-transition: height 0.28s ease;
    -o-transition: height 0.28s ease;
    transition: height 0.28s ease; }
  .material-container-ou-2018 .checkbox input:checked ~ .helper::after {
    height: 0.5em; }
  .material-container-ou-2018 .checkbox input:checked ~ .helper::before {
    height: 1.2em;
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s; }
  .material-container-ou-2018 .radio + .radio,
  .material-container-ou-2018 .checkbox + .checkbox {
    margin-top: 0.8em; }
  .material-container-ou-2018 .has-error.form-group .form-help,
  .material-container-ou-2018 .has-error.form-group .helper,
  .material-container-ou-2018 .has-error.checkbox .form-help,
  .material-container-ou-2018 .has-error.checkbox .helper,
  .material-container-ou-2018 .has-error.radio .form-help,
  .material-container-ou-2018 .has-error.radio .helper,
  .material-container-ou-2018 .has-error.form-radio .form-help,
  .material-container-ou-2018 .has-error.form-radio .helper {
    color: #d50000; }
  .material-container-ou-2018 .has-error .bar::before {
    background: #d50000;
    right: 0;
    width: 100%; }
  .material-container-ou-2018 .error-message {
    display: none; }
  .material-container-ou-2018 .has-error .error-message {
    min-height: 1em;
    font-size: 0.7em;
    color: #d50000 !important;
    -webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
    display: block;
    opacity: 1; }
  .material-container-ou-2018 .has-error .error-message[style*="visibility:hidden"],
  .material-container-ou-2018 .has-error .error-message[style^="visibility:hidden"],
  .material-container-ou-2018 .has-error .error-message[style*="visibility: hidden"],
  .material-container-ou-2018 .has-error .error-message[style^="visibility: hidden"] {
    display: table-column !important;
    max-height: 0;
    font-size: 0;
    opacity: 0; }
  .material-container-ou-2018 .has-error.error-message {
    display: block;
    color: #d50000;
    background-clip: padding-box;
    background-color: #FFF;
    border: 1px solid #d50000;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: inline-block;
    padding: 2px 4px;
    position: relative;
    text-align: right;
    white-space: normal;
    z-index: 1020;
    font-weight: normal;
    white-space: pre; }
  .material-container-ou-2018 .btn-default {
    color: #fff;
    background-color: #c2176a;
    border-color: #c2176a;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }
    .material-container-ou-2018 .btn-default:hover, .material-container-ou-2018 .btn-default:focus {
      color: #c2176a;
      background-color: #fff;
      border-color: #c2176a;
      text-shadow: 0 0 0.01px #670c38; }

/* campaigns css from global/css/webParts.rtl.css */
.material-container,
.material-container input,
.material-container select,
.material-container textarea,
.material-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.material-container::after, .material-container::before,
.material-container input::after,
.material-container input::before,
.material-container select::after,
.material-container select::before,
.material-container textarea::after,
.material-container textarea::before,
.material-container *::after,
.material-container *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.material-container .container {
  position: relative;
  max-width: 40em;
  margin: 5em auto;
  background: #fff;
  width: 100%;
  padding: 3em 5em 0;
  border-radius: 1px; }

.material-container .container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
  -webkit-transition: -webkit-transform 0.28s ease-in-out;
  transition: -webkit-transform 0.28s ease-in-out;
  transition: transform 0.28s ease-in-out;
  transition: transform 0.28s ease-in-out, -webkit-transform 0.28s ease-in-out;
  z-index: -1; }

.material-container .container:hover::before {
  -webkit-transform: scale(1);
  transform: scale(1); }

.material-container .button-container {
  text-align: center; }

.material-container fieldset {
  margin: 2em 0 3em;
  padding: 10px 15px;
  border: none;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.material-container .form-radio,
.material-container .form-group {
  direction: rtl;
  position: relative;
  margin-top: 0.65em;
  margin-bottom: 0.6em; }

.material-container .form-inline > .form-group,
.material-container .form-inline > .btn {
  display: inline-block;
  margin-bottom: 0; }

.material-container .form-help {
  margin-top: 0.125em;
  margin-right: 0.125em;
  color: #666666;
  font-size: 0.8em; }

.material-container .checkbox .form-help,
.material-container .form-radio .form-help,
.material-container .form-group .form-help {
  position: absolute;
  width: 100%; }

.material-container .checkbox .form-help {
  position: relative;
  margin-bottom: 1em; }

.material-container .form-radio .form-help {
  padding-top: 0.25em;
  margin-top: -1em; }

.material-container .form-group input {
  height: 1.9em; }

.material-container .form-group textarea {
  resize: none; }

.material-container .form-group select {
  width: 100%;
  font-size: 1em;
  height: 1.9em;
  padding: 0.125em 0.125em 0.0625em;
  background: none;
  border: none;
  line-height: 1.9;
  -webkit-box-shadow: none;
  box-shadow: none; }

.material-container .form-group select ~ .control-label {
  right: 0; }

.material-container .form-group .control-label {
  position: absolute;
  top: 0.25em;
  pointer-events: none;
  padding-right: 0.125em;
  z-index: 1;
  color: #666666;
  font-size: 1em;
  font-weight: normal;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease; }

.material-container .form-group .bar {
  position: relative;
  border-bottom: 0.0825em solid #ccc;
  display: block; }

.material-container .form-group .bar::before {
  content: '';
  height: 0.125em;
  width: 0;
  right: 50%;
  bottom: -0.0625em;
  position: absolute;
  background: #C2176A;
  -webkit-transition: right 0.28s ease, width 0.28s ease;
  transition: right 0.28s ease, width 0.28s ease;
  z-index: 2; }

.material-container.blue-button .form-group .bar::before {
  background: #2364DB; }

.material-container .form-group input,
.material-container .form-group textarea {
  display: block;
  background: none;
  padding: 0.125em 0.125em 0.0625em;
  font-size: 1em;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  -webkit-box-shadow: none;
  box-shadow: none; }

.material-container .form-group input[type="file"] {
  line-height: 1; }

.material-container .form-group input[type="file"] ~ .bar {
  display: none; }

.material-container .form-group select,
.material-container .form-group input:focus,
.material-container .form-group input:valid,
.material-container .form-group input.form-file,
.material-container .form-group input.has-value,
.material-container .form-group textarea:focus,
.material-container .form-group textarea:valid,
.material-container .form-group textarea.form-file,
.material-container .form-group textarea.has-value {
  color: #333; }

.material-container .form-group {
  min-height: 3em; }

.material-container .form-group div[class^="col-"] > .prefix,
.material-container .form-group div[class*=" col-"] > .prefix {
  height: 1.9em;
  line-height: 1.9; }

.material-container .form-group select:focus ~ .control-label,
.material-container .form-group select:valid ~ .control-label,
.material-container .form-group input:focus ~ .control-label,
.material-container .form-group input:valid ~ .control-label,
.material-container .form-group input.form-file ~ .control-label,
.material-container .form-group input.has-value ~ .control-label,
.material-container .form-group textarea:focus ~ .control-label,
.material-container .form-group textarea:valid ~ .control-label,
.material-container .form-group textarea.form-file ~ .control-label,
.material-container .form-group textarea.has-value ~ .control-label {
  font-size: 0.8em;
  color: gray;
  top: -1em;
  right: 0; }

.material-container .form-group select:focus,
.material-container .form-group input:focus,
.material-container .form-group textarea:focus {
  outline: none; }

.material-container .form-group select:focus ~ .control-label,
.material-container .form-group input:focus ~ .control-label,
.material-container .form-group textarea:focus ~ .control-label {
  color: #C2176A; }

.material-container.blue-button .form-group select:focus ~ .control-label,
.material-container.blue-button .form-group input:focus ~ .control-label,
.material-container.blue-button .form-group textarea:focus ~ .control-label {
  color: #2364DB; }

.material-container .form-group select:focus ~ .bar::before,
.material-container .form-group input:focus ~ .bar::before,
.material-container .form-group textarea:focus ~ .bar::before {
  width: 100%;
  right: 0; }

.material-container .checkbox label,
.material-container .form-radio label {
  position: relative;
  cursor: pointer;
  padding-right: 1.5em;
  text-align: right;
  font-size: .8em;
  color: #333;
  display: block; }

.material-container .checkbox input,
.material-container .form-radio input {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  right: 0; }

.material-container .radio {
  margin-bottom: 0.7em; }

.material-container .radio .helper {
  position: absolute;
  top: -0.25em;
  right: -0.25em;
  cursor: pointer;
  display: block;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #999; }

.material-container .radio .helper::before,
.material-container .radio .helper::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  margin: 0.25em;
  width: 1em;
  height: 1em;
  -webkit-transition: -webkit-transform 0.28s ease;
  transition: -webkit-transform 0.28s ease;
  transition: transform 0.28s ease;
  transition: transform 0.28s ease, -webkit-transform 0.28s ease;
  border-radius: 50%;
  border: 0.125em solid currentColor; }

.material-container .radio .helper::after {
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: #C2176A;
  border-color: #C2176A; }

.material-container.blue-button .radio .helper::after {
  background-color: #2364DB;
  border-color: #2364DB; }

.material-container .radio label:hover .helper {
  color: #C2176A; }

.material-container.blue-button .radio label:hover .helper {
  color: #2364DB; }

.material-container .radio input:checked ~ .helper::after {
  -webkit-transform: scale(0.5);
  transform: scale(0.5); }

.material-container .radio input:checked ~ .helper::before {
  color: #C2176A; }

.material-container.blue-button .radio input:checked ~ .helper::before {
  color: #2364DB; }

.material-container .radio input:focus ~ .helper,
.material-container .checkbox input:focus ~ .helper {
  border-color: #C2176A;
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #C2176A;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #C2176A;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #C2176A; }

.material-container.blue-button .radio input:focus ~ .helper,
.material-container.blue-button .checkbox input:focus ~ .helper {
  border-color: #2364DB;
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #2364DB;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #2364DB;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #2364DB; }

.material-container .checkbox {
  margin-top: 0.7em;
  margin-bottom: 0.7em; }

.material-container .checkbox .helper {
  color: #999;
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 1em;
  z-index: 0;
  border: 0.125em solid currentColor;
  border-radius: 0.0625em;
  -webkit-transition: border-color 0.28s ease;
  transition: border-color 0.28s ease; }

.material-container .checkbox .helper::before,
.material-container .checkbox .helper::after {
  position: absolute;
  height: 0;
  width: 0.2em;
  background-color: #C2176A;
  display: block;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  border-radius: 0.25em;
  content: '';
  -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0; }

.material-container.blue-button .checkbox .helper::before,
.material-container.blue-button .checkbox .helper::after {
  background-color: #2364DB; }

.material-container .checkbox .helper::before {
  top: 0.65em;
  right: 0.38em;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-box-shadow: 0 0 0 0.0625em #fff;
  box-shadow: 0 0 0 0.0625em #fff; }

.material-container .checkbox .helper::after {
  top: 0.3em;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.material-container .checkbox label:hover .helper {
  color: #C2176A; }

.material-container.blue-button .checkbox label:hover .helper {
  color: #2364DB; }

.material-container .checkbox input:checked ~ .helper {
  color: #C2176A; }

.material-container.blue-button .checkbox input:checked ~ .helper {
  color: #2364DB; }

.material-container .checkbox input:checked ~ .helper::after,
.material-container .checkbox input:checked ~ .helper::before {
  opacity: 1;
  -webkit-transition: height 0.28s ease;
  transition: height 0.28s ease; }

.material-container .checkbox input:checked ~ .helper::after {
  height: 0.5em; }

.material-container .checkbox input:checked ~ .helper::before {
  height: 1.2em;
  -webkit-transition-delay: 0.28s;
  transition-delay: 0.28s; }

.material-container .radio + .radio,
.material-container .checkbox + .checkbox {
  margin-top: 0.8em; }

.material-container .has-error .legend.legend,
.material-container .has-error.form-group .control-label.control-label {
  color: #d50000; }

.material-container .has-error.form-group .form-help,
.material-container .has-error.form-group .helper,
.material-container .has-error.checkbox .form-help,
.material-container .has-error.checkbox .helper,
.material-container .has-error.radio .form-help,
.material-container .has-error.radio .helper,
.material-container .has-error.form-radio .form-help,
.material-container .has-error.form-radio .helper {
  color: #d50000; }

.material-container div[class^="col-"].has-error .control-label,
.material-container div[class*=" col-"].has-error .control-label {
  color: #d50000; }

.material-container .has-error .bar::before {
  background: #d50000;
  right: 0;
  width: 100%; }

.material-container .error-message {
  display: none; }

.material-container .has-error .bar ~ .error-message {
  min-height: 1em;
  font-size: 0.9em;
  color: #d50000 !important;
  transition: .25s ease;
  display: block;
  opacity: 1; }

.material-container .has-error .bar ~ .error-message[style*="visibility:hidden"],
.material-container .has-error .bar ~ .error-message[style^="visibility:hidden"],
.material-container .has-error .bar ~ .error-message[style*="visibility: hidden"],
.material-container .has-error .bar ~ .error-message[style^="visibility: hidden"] {
  display: table-column !important;
  max-height: 0;
  font-size: 0;
  opacity: 0; }

.material-container .has-error.error-message {
  display: block;
  color: #d50000;
  background-clip: padding-box;
  background-color: #FFF;
  border: 1px solid #d50000;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  display: inline-block;
  padding: 2px 4px;
  position: relative;
  text-align: right;
  white-space: normal;
  z-index: 1020;
  font-weight: normal;
  white-space: pre; }

.material-container .button {
  position: relative;
  font-size: 1em;
  margin: 0.9em 0;
  padding: 0.55em 2em;
  color: #fff;
  background-color: #C2176A;
  border: 1px solid #C2176A;
  width: 100%;
  -webkit-border-top-right-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: background-color 0.28s ease, color 0.28s ease, -webkit-box-shadow 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease, -webkit-box-shadow 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease, -webkit-box-shadow 0.28s ease;
  overflow: hidden; }

.material-container.blue-button .button {
  background-color: #2364DB;
  border-color: #2364DB; }

.material-container .button span {
  color: #fff;
  position: relative;
  z-index: 1; }

.material-container .button::before {
  content: '';
  position: absolute;
  background: #071017;
  border: 50vh solid #1c5567;
  width: 30vh;
  height: 30vh;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0); }

.material-container .button:hover,
.material-container .button:focus {
  color: #C2176A;
  background-color: #FFF; }

.material-container.blue-button .button:hover,
.material-container.blue-button .button:focus {
  color: #2364DB;
  border-color: #2364DB; }

.material-container .button:active::before,
.material-container .button:focus::before {
  -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 0; }

.material-container .button:focus {
  outline: none; }

.material-container .form-group div[class^="col-"],
.material-container .form-group div[class*=" col-"] {
  padding: 0; }

.material-container .form-group div[class^="col-"].prefix-space,
.material-container .form-group div[class*=" col-"].prefix-space {
  padding: 0 0 0 1em; }

.material-container legend {
  font-size: 1.3em;
  margin-bottom: 0.3em;
  border: none;
  text-align: center; }

.collapse-button {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #007dad;
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  width: 100%;
  -webkit-transition: background-color 0.28s ease, color 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease; }

.collapse-button:hover {
  color: #FFF;
  background: #005c81; }

/* ie select arrow (bug in ie fix everywhere) */
.material-container .form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 3px; }

.material-container .form-group select::-ms-expand {
  display: none; }

.material-container .form-group.form-select {
  position: relative; }

.material-container .form-group.form-select:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: .85em;
  left: 0.3em;
  border-top: 5px solid black;
  opacity: 0.5; }

/* end ie select arrow (bug in ie fix everywhere) */
/* material-container-horizontal */
.material-container div.form-group[class*=" col-"] div[class^="col-"].prefix-space input:focus ~ .control-label,
.material-container div.form-group[class*=" col-"] div[class*=" col-"].prefix-space input:focus ~ .control-label {
  right: 0; }

.material-container div.form-group[class*=" col-"] div[class^="col-"] > .prefix ~ .control-label,
.material-container div.form-group[class*=" col-"] div[class*=" col-"] > .prefix ~ .control-label {
  right: 0; }

.material-container div.form-group[class*=" col-"] select:focus ~ .control-label,
.material-container div.form-group[class*=" col-"] select:valid ~ .control-label,
.material-container div.form-group[class*=" col-"] input:focus ~ .control-label,
.material-container div.form-group[class*=" col-"] input:valid ~ .control-label,
.material-container div.form-group[class*=" col-"] input.form-file ~ .control-label,
.material-container div.form-group[class*=" col-"] input.has-value ~ .control-label,
.material-container div.form-group[class*=" col-"] textarea:focus ~ .control-label,
.material-container div.form-group[class*=" col-"] textarea:valid ~ .control-label,
.material-container div.form-group[class*=" col-"] textarea.form-file ~ .control-label,
.material-container div.form-group[class*=" col-"] textarea.has-value ~ .control-label {
  right: 1.3em; }

.material-container div.form-group[class*=" col-"].form-select:after {
  left: 1.3em; }

.material-container div.form-group[class*=" col-"] select ~ .control-label {
  right: 1em; }

.material-container div.form-group[class*=" col-"] {
  min-height: 3.5em; }

/* .material-container div[class*=" col-"] .button {
    padding: 8px 16px;
    font-size: 20px;
    margin: 0;
} */
.material-container.material-container-horizontal fieldset {
  padding: 15px;
  margin: 0; }

.material-container.material-container-horizontal fieldset legend {
  padding-right: 15px;
  text-align: right; }

/* end material-container-horizontal */
/* END campaigns css from global/css/webParts.rtl.css */
/*@import 'general-settings';*/
.gsc-control-cse, .gsc-control-cse .gsc-table-result {
  font-family: 'OpenSansHebrew', Helvetica, sans-serif !important; }

/*input.gsc-input {
    padding: 12px !important;
}*/
input.gsc-input {
  /*font-size: 22px !important;*/
  /*doesnt work...*/ }

.gsib_a {
  padding: 12px !important; }

.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0 !important; }

table.gsc-search-box td.gsc-input {
  padding-left: 0 !important; }

.gsc-search-button {
  margin-right: 0 !important; }

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
  background-color: #000 !important;
  border-color: #000 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.gsc-search-button-v2 {
  padding: 13px 18px !important; }

.gsc-search-button-v2 svg {
  width: 20px !important;
  height: 20px !important; }

.gscb_a {
  font-size: 38px !important;
  line-height: 28px !important; }

@media (max-width: 767px) {
  .gsc-search-button-v2 svg {
    width: 18px !important; } }

.gsst_a .gscb_a {
  color: #aaa !important; }

.gsc-above-wrapper-area, .gsc-url-top {
  display: none !important; }

.gs-result .gs-title, .gs-result .gs-title * {
  text-decoration: none !important; }

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
  color: #333 !important; }

.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
  color: #333 !important; }

.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {
  color: #000 !important;
  text-decoration: underline !important; }

#___gcse_1, #___gcse_1 + div, .gcsc-more-maybe-branding-root {
  display: none; }

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #333 !important;
  font-size: 14px; }

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #007DAD !important; }

form.gsc-search-box, table.gsc-search-box {
  margin-bottom: 0 !important; }

.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible {
  padding-right: 10px; }

.gsc-input-box {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

#gsc-i-id1 {
  background-image: none !important; }

/*menu button focus*/
.dropdown-toggle:focus {
  outline: 5px auto -webkit-focus-ring-color; }

body {
  font-family: "OpenSansHebrew", Tahoma, Helvetica, sans-serif;
  font-size: 15px; }

.nav-ou-2018 {
  /*Bootstrap override*/
  /*Bootstrap override*/ }
  .nav-ou-2018.navbar-default {
    background-color: transparent;
    border: none; }
  .nav-ou-2018.navbar-fixed-top {
    border-bottom-width: 0; }
  .nav-ou-2018 .nav-header-ou-2018 {
    background: linear-gradient(to bottom, #f0f0f0 0%, rgba(255, 255, 255, 0.5) 80%, rgba(255, 255, 255, 0) 100%); }
    .nav-ou-2018 .nav-header-ou-2018 header {
      margin-top: 15px;
      margin-bottom: 10px; }
      @media (max-width: 767px) {
        .nav-ou-2018 .nav-header-ou-2018 header {
          margin-top: 10px; }
          .nav-ou-2018 .nav-header-ou-2018 header .navbar-header {
            float: right; } }
    .nav-ou-2018 .nav-header-ou-2018.nav-header-ou-2018-whiteBG {
      background: linear-gradient(to bottom, #f0f0f0 0%, rgba(255, 255, 255, 0.9) 80%, white 100%);
      -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      /*header {
                margin-top: 10px;
                margin-bottom: 5px;
            }*/ }
    .nav-ou-2018 .nav-header-ou-2018.nav-header-ou-2018-blackBG {
      background: linear-gradient(to bottom, rgba(73, 73, 73, 0.9) 0%, rgba(27, 27, 27, 0.9) 80%, #1b1b1b 100%);
      -webkit-box-shadow: 0 5px 10px rgba(255, 255, 255, 0.15);
      -moz-box-shadow: 0 5px 10px rgba(255, 255, 255, 0.15);
      box-shadow: 0 5px 10px rgba(255, 255, 255, 0.15); }
  .nav-ou-2018 .nav-header-ou-2022 {
    background: linear-gradient(to bottom, #f0f0f0 0%, rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 0.8) 100%);
    /* !!! probably it should be fixed via NO .nav-header-ou-2018-whiteBG in JS ??? */ }
    @media (max-width: 767px) {
      .nav-ou-2018 .nav-header-ou-2022 {
        background: #ffffff !important; } }
    .nav-ou-2018 .nav-header-ou-2022 header {
      display: flex;
      flex-wrap: wrap;
      /* Bootstrap navbar-collapse display block override */ }
      @media (min-width: 768px) {
        .nav-ou-2018 .nav-header-ou-2022 header {
          margin-top: 0;
          margin-bottom: 0; } }
      @media (max-width: 767px) {
        .nav-ou-2018 .nav-header-ou-2022 header {
          align-items: flex-start; } }
      @media (min-width: 768px) {
        .nav-ou-2018 .nav-header-ou-2022 header .menu-wrapper-ou-2022, .nav-ou-2018 .nav-header-ou-2022 header .students-interested-wrapper-2022 {
          margin-right: 251px; } }
      @media (max-width: 767px) {
        .nav-ou-2018 .nav-header-ou-2022 header .students-interested-wrapper-2022 {
          order: 5;
          flex-grow: 1;
          margin-top: 10px; }
        .nav-ou-2018 .nav-header-ou-2022 header .languages-wrapper-ou-2022 {
          order: 6;
          margin-top: 10px; }
        .nav-ou-2018 .nav-header-ou-2022 header .menu-wrapper-ou-2022 {
          order: 7;
          margin-top: 10px; }
          .nav-ou-2018 .nav-header-ou-2022 header .menu-wrapper-ou-2022.navbar-collapse {
            border-top: 2px #e9e9e9 solid;
            height: 100vh;
            overflow-y: scroll;
            padding-bottom: 166px;
            /* something dynamic ? */ } }
      .nav-ou-2018 .nav-header-ou-2022 header .students-interested-ou-2022 a {
        font-size: .85em;
        color: #020202;
        padding: .1em 1.1em;
        text-decoration: none;
        border-radius: 18px;
        transition: color .2s ease, background-color .2s ease; }
        .nav-ou-2018 .nav-header-ou-2022 header .students-interested-ou-2022 a:hover, .nav-ou-2018 .nav-header-ou-2022 header .students-interested-ou-2022 a:focus {
          color: #ffffff; }
        .nav-ou-2018 .nav-header-ou-2022 header .students-interested-ou-2022 a.students-ou-2022:hover, .nav-ou-2018 .nav-header-ou-2022 header .students-interested-ou-2022 a.students-ou-2022:focus {
          background-color: #002c7d; }
        .nav-ou-2018 .nav-header-ou-2022 header .students-interested-ou-2022 a.interested-ou-2022:hover, .nav-ou-2018 .nav-header-ou-2022 header .students-interested-ou-2022 a.interested-ou-2022:focus {
          background-color: #c2176a; }
        .nav-ou-2018 .nav-header-ou-2022 header .students-interested-ou-2022 a.staff-ou-2022:hover, .nav-ou-2018 .nav-header-ou-2022 header .students-interested-ou-2022 a.staff-ou-2022:focus {
          background-color: #353535; }
      .nav-ou-2018 .nav-header-ou-2022 header .languages-ou-2022 a {
        font-size: .85em;
        color: #020202; }
      .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 {
        margin-bottom: 0;
        display: flex;
        list-style: none;
        padding-right: 0; }
        .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li > a {
          display: block;
          color: #020202;
          padding: .9em;
          text-decoration: none; }
        @media (min-width: 768px) {
          .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li:after {
            content: '';
            display: block;
            margin: auto;
            height: 2px;
            width: 0px;
            background-color: transparent;
            transition: width .3s ease, background-color .3s ease; }
          .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li:hover:after {
            width: 100%;
            background-color: #002c7d; } }
        @media (min-width: 768px) {
          .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.open:after {
            width: 100%;
            background-color: #002c7d; } }
        @media (min-width: 768px) {
          .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown {
            position: initial; }
            .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown.open > .dropdown-menu {
              animation: none;
              -webkit-animation: none;
              -moz-animation: none;
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              align-content: flex-start;
              column-gap: 2%;
              row-gap: 25px;
              min-height: 65vh;
              -webkit-box-shadow: 0px 100px 100px rgba(17, 12, 46, 0.3);
              -moz-box-shadow: 0px 100px 100px rgba(17, 12, 46, 0.3);
              box-shadow: 0px 100px 100px rgba(17, 12, 46, 0.3); }
              .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown.open > .dropdown-menu.HORIZONTAL-inner-pages {
                min-height: auto; }
            .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu {
              right: 60px;
              left: 65px;
              padding: 100px;
              margin: 0;
              -webkit-box-shadow: none;
              box-shadow: none;
              border: none;
              border-radius: 0;
              background-color: #F7F7F7; }
              .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages {
                right: 0;
                left: 0;
                padding: 0 50px; }
              .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li {
                position: relative;
                width: 23.5%;
                padding: 15px;
                display: flex;
                align-items: center;
                background-color: #fff;
                height: 70px;
                border-radius: 5px;
                -webkit-box-shadow: 0 1px 5px #d7dbe1;
                -moz-box-shadow: 0 1px 5px #d7dbe1;
                box-shadow: 0 1px 5px #d7dbe1;
                justify-content: space-between; }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li.open {
                  border-radius: 5px 5px 0 0; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li.open > a.menu-ou-2022-second-level-arrow i:before {
                    -ms-transform: rotate(180deg);
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    transform: rotate(180deg); }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li:hover {
                  background-color: #E5F2FF; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li:hover > a.menu-ou-2022-second-level-arrow {
                    background-color: #E5F2FF; }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-link {
                  flex-basis: 84%;
                  white-space: normal;
                  padding: 0;
                  display: flex;
                  align-items: center; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-link:hover, .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-link:focus {
                    background-color: #E5F2FF; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-link img {
                    height: 20px;
                    min-width: 30px;
                    vertical-align: sub;
                    margin-left: 10px; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-link span {
                    display: none; }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-arrow {
                  color: #2364db;
                  padding: 4px 12px;
                  border-radius: 50%;
                  font-size: 1.4em;
                  /* &:focus {
                                        background-color: #fff;
                                    } */ }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-arrow i:before {
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    transition: all 0.2s linear; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-arrow:hover {
                    background-color: #bee3ff; }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > .dropdown-menu {
                  margin-top: 0;
                  border: none;
                  -webkit-box-shadow: 0px 2px 5px #e3e7ed;
                  -moz-box-shadow: 0px 2px 5px #e3e7ed;
                  box-shadow: 0px 2px 5px #e3e7ed;
                  border-radius: 0 0 5px 5px;
                  left: 0;
                  padding-top: 0;
                  padding-bottom: 0; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > .dropdown-menu > li {
                    border-top: 1px #f6f6f6 solid; }
                    .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > .dropdown-menu > li > a {
                      font-size: .95em;
                      padding: 10px 20px; }
                      .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > .dropdown-menu > li > a span.menu-ou-2022-third-level-back-arrow {
                        display: none; }
                    .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > .dropdown-menu > li .menu-ou-2022-fouth-level {
                      display: none; }
              .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li {
                width: auto;
                padding: 0 15px;
                height: 50px;
                background-color: #F7F7F7;
                -webkit-box-shadow: 0 1px 5px transparent;
                -moz-box-shadow: 0 1px 5px transparent;
                box-shadow: 0 1px 5px transparent; }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > a.menu-ou-2022-second-level-link {
                  flex-basis: auto;
                  font-weight: 600;
                  padding-left: 20px;
                  border-left: 2px solid #e8e8e8;
                  /* span {
                                            display: block;
                                            @include rotate(-90deg);
                                            margin-left: 10px;
                                            color: $blue-light;
                                        } */ }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > a.menu-ou-2022-second-level-link:hover, .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > a.menu-ou-2022-second-level-link:focus {
                    background-color: inherit; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > a.menu-ou-2022-second-level-link img {
                    display: none; }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > a.menu-ou-2022-second-level-arrow {
                  display: none; }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > .dropdown-menu {
                  display: flex;
                  background-color: #F7F7F7;
                  position: relative;
                  top: inherit;
                  -webkit-box-shadow: 0px 2px 5px transparent;
                  -moz-box-shadow: 0px 2px 5px transparent;
                  box-shadow: 0px 2px 5px transparent; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > .dropdown-menu > li {
                    display: flex;
                    align-items: center; }
                    .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > .dropdown-menu > li a.SELECTED {
                      font-weight: 600;
                      display: flex;
                      padding-top: 2px;
                      padding-bottom: 2px;
                      padding-left: 10px;
                      border-left: 2px solid #e8e8e8; }
                      .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > .dropdown-menu > li a.SELECTED span.menu-ou-2022-third-level-back-arrow {
                        display: block;
                        -ms-transform: rotate(-90deg);
                        -webkit-transform: rotate(-90deg);
                        -moz-transform: rotate(-90deg);
                        transform: rotate(-90deg);
                        margin-left: 10px;
                        color: #2364db; }
                    .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > .dropdown-menu > li .menu-ou-2022-fouth-level {
                      display: flex;
                      align-items: center; }
                      .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > .dropdown-menu > li .menu-ou-2022-fouth-level li a {
                        font-size: .95em;
                        color: #353535;
                        text-decoration: none;
                        padding-right: 10px;
                        padding-left: 10px;
                        padding-bottom: 1em;
                        border-bottom: 2px solid transparent;
                        -webkit-transition: all 0.4s ease;
                        -moz-transition: all 0.4s ease;
                        -o-transition: all 0.4s ease;
                        transition: all 0.4s ease; }
                        .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > .dropdown-menu > li .menu-ou-2022-fouth-level li a:hover, .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu.HORIZONTAL-inner-pages > li > .dropdown-menu > li .menu-ou-2022-fouth-level li a:focus {
                          border-bottom-color: currentColor; } }
        @media (max-width: 767px) {
          .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 {
            flex-wrap: wrap; }
            .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li {
              flex-grow: 1;
              flex-basis: 100%;
              border-bottom: 2px #e9e9e9 solid; }
              .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li:last-of-type {
                border-bottom: none; }
            .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > a span.menu-ou-2022-first-level-arrow {
              float: left; }
              .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > a span.menu-ou-2022-first-level-arrow i:before {
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear; }
            .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown.open > a span.menu-ou-2022-first-level-arrow i:before {
              -ms-transform: rotate(180deg);
              -webkit-transform: rotate(180deg);
              -moz-transform: rotate(180deg);
              transform: rotate(180deg); }
            .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu {
              position: initial;
              float: none;
              border: 0;
              border-radius: 0;
              -webkit-box-shadow: none;
              box-shadow: none;
              padding-top: 10px;
              padding-bottom: 10px;
              margin-right: -15px;
              margin-left: -15px;
              background-color: #f6f7ff; }
              .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li {
                padding: 10px;
                margin-right: 10px;
                margin-left: 10px;
                background-color: #fff;
                -webkit-box-shadow: 0px 1px 4px rgba(180, 187, 194, 0.6);
                -moz-box-shadow: 0px 1px 4px rgba(180, 187, 194, 0.6);
                box-shadow: 0px 1px 4px rgba(180, 187, 194, 0.6);
                border-radius: 5px; }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li + li {
                  margin-top: 5px; }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-link {
                  display: initial;
                  padding: 0; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-link > img {
                    height: 20px;
                    min-width: 30px; }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-arrow {
                  float: left;
                  padding: 0;
                  font-size: 1.2em;
                  margin-left: 10px;
                  color: #2364db; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-arrow:hover, .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-arrow:focus {
                    background-color: transparent; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > a.menu-ou-2022-second-level-arrow i:before {
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    transition: all 0.2s linear; }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > .dropdown-menu {
                  float: none;
                  position: relative;
                  padding-top: 0;
                  padding-bottom: 0;
                  margin: 10px -10px -10px;
                  border: none;
                  border-radius: 0 0 5px 5px;
                  box-shadow: none; }
                  .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > .dropdown-menu > li {
                    border-top: 1px #e9e9e9 solid;
                    padding-top: 5px;
                    padding-bottom: 5px; }
                    .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > .dropdown-menu > li > a {
                      font-size: .95em; }
                      .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li > .dropdown-menu > li > a span.menu-ou-2022-third-level-back-arrow {
                        display: none; }
                .nav-ou-2018 .nav-header-ou-2022 header ul.menu-ou-2022 > li.dropdown > .dropdown-menu > li.open > a.menu-ou-2022-second-level-arrow i:before {
                  -ms-transform: rotate(180deg);
                  -webkit-transform: rotate(180deg);
                  -moz-transform: rotate(180deg);
                  transform: rotate(180deg); } }
      @media (min-width: 768px) {
        .nav-ou-2018 .nav-header-ou-2022 header .navbar-brand-ou-2022 {
          position: absolute;
          align-self: center; } }
      .nav-ou-2018 .nav-header-ou-2022 header .menu-button-2022 {
        margin: 0 5px 0 20px;
        height: 35px;
        width: 35px;
        background-color: #002c7d;
        padding-right: 8px;
        padding-left: 8px; }
        .nav-ou-2018 .nav-header-ou-2022 header .menu-button-2022 .menu-button-2022-hamburger {
          top: 7px;
          margin-top: 2px;
          position: absolute;
          width: 17px;
          height: 1px;
          transition-timing-function: ease;
          transition-duration: .15s;
          transition-property: transform, opacity, scale;
          border-radius: 4px;
          background-color: #fff; }
          .nav-ou-2018 .nav-header-ou-2022 header .menu-button-2022 .menu-button-2022-hamburger:after, .nav-ou-2018 .nav-header-ou-2022 header .menu-button-2022 .menu-button-2022-hamburger:before {
            display: block;
            content: "";
            position: absolute;
            width: 17px;
            height: 1px;
            transition-timing-function: ease;
            transition-duration: .15s;
            transition-property: transform, opacity, scale;
            border-radius: 4px;
            background-color: #fff; }
          .nav-ou-2018 .nav-header-ou-2022 header .menu-button-2022 .menu-button-2022-hamburger:after {
            top: 14px; }
          .nav-ou-2018 .nav-header-ou-2022 header .menu-button-2022 .menu-button-2022-hamburger:before {
            top: 7px; }
        .nav-ou-2018 .nav-header-ou-2022 header .menu-button-2022:not(.collapsed) .menu-button-2022-hamburger {
          transform: translate3d(0, 7px, 0) rotate(45deg) scale(1.2); }
          .nav-ou-2018 .nav-header-ou-2022 header .menu-button-2022:not(.collapsed) .menu-button-2022-hamburger:after {
            transform: translate3d(0, -14px, 0) rotate(-90deg); }
          .nav-ou-2018 .nav-header-ou-2022 header .menu-button-2022:not(.collapsed) .menu-button-2022-hamburger:before {
            opacity: 0; }
      @media (min-width: 768px) {
        .nav-ou-2018 .nav-header-ou-2022 header .navbar-collapse.collapse {
          display: flex !important;
          align-items: center; } }
      .nav-ou-2018 .nav-header-ou-2022 header .navbar-collapse {
        border-top: none; }
      @media (min-width: 768px) {
        .nav-ou-2018 .nav-header-ou-2022 header hr {
          width: calc(100% - 251px);
          margin: 0 251px 0 0; } }

/*container very-lg overrides*/
@media (min-width: 1460px) {
  .container {
    width: 1350px; } }

/*@media (max-width: 1459px) and (min-width: 1200px) {
    .container {
        width: 1100px;
    }
}*/
@media (min-width: 768px) {
  .nav-header-ou-2018 > .container-fluid, .carousel-generic-wide-ou-2018 .container-fluid, .carousel-generic-wide-ou-2018 .carousel-indicators {
    padding-right: 50px;
    padding-left: 50px; } }

/*breaking-news*/
/*breaking-news-modal*/
.breaking-news-modal-ou-2018 .modal-content {
  border-radius: 0;
  border: none; }
  @media (min-width: 768px) {
    .breaking-news-modal-ou-2018 .modal-content {
      -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
      -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
      box-shadow: 0 0 20px rgba(255, 255, 255, 0.5); } }

.breaking-news-modal-ou-2018 .close {
  font-size: 44px;
  font-weight: normal;
  line-height: 0.5; }

.breaking-news-modal-ou-2018 .modal-title {
  text-align: center; }

.breaking-news-modal-ou-2018 .modal-header {
  border-bottom: none; }

.breaking-news-ou-2018 {
  background-color: #4f4f4f;
  color: #ffffff; }
  .breaking-news-ou-2018 h4 {
    margin-bottom: 5px; }
    .breaking-news-ou-2018 h4 img {
      margin-left: 5px; }
  .breaking-news-ou-2018 p {
    /*width: 60%;
        text-align: left;*/ }
    @media (max-width: 767px) {
      .breaking-news-ou-2018 p {
        float: right; } }
  .breaking-news-ou-2018 span#currenP {
    margin-right: 30px;
    margin-left: 10px; }
    @media (max-width: 767px) {
      .breaking-news-ou-2018 span#currenP {
        font-size: 70%;
        margin-right: 5px; } }
  .breaking-news-ou-2018 .close {
    position: absolute;
    top: 0;
    color: #ffffff;
    font-size: 45px;
    /*font-weight: 300;*/
    opacity: .9;
    left: 12px; }
    .breaking-news-ou-2018 .close.close:hover, .breaking-news-ou-2018 .close.close:focus {
      color: #ffffff; }
    @media (max-width: 767px) {
      .breaking-news-ou-2018 .close {
        font-size: 34px; } }
  .breaking-news-ou-2018:first-of-type .close {
    font-size: 36px;
    top: 4px;
    /*font-weight: 100;
        font-stretch: ultra-condensed;*/ }
  @media (min-width: 768px) {
    .breaking-news-ou-2018:nth-of-type(2) {
      display: flex;
      justify-content: center; } }
  @media (min-width: 1200px) {
    .breaking-news-ou-2018 {
      padding-right: 25%;
      padding-left: 25%; } }
  @media (max-width: 1199px) and (min-width: 768px) {
    .breaking-news-ou-2018 {
      padding-right: 15%;
      padding-left: 15%; } }
  .breaking-news-ou-2018.alert {
    border-radius: 0;
    margin-bottom: 0; }
    .breaking-news-ou-2018.alert:first-of-type {
      padding-top: 11px;
      padding-bottom: 2px; }
    .breaking-news-ou-2018.alert:nth-of-type(2) {
      padding-top: 2px;
      padding-bottom: 11px;
      margin-top: -5px; }
    .breaking-news-ou-2018.alert > p + p {
      margin-top: 0; }
  .breaking-news-ou-2018 .breaking-news-more-button-ou-2018 {
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 10px;
    /*float: right;*/
    padding-top: 2px;
    padding-bottom: 2px;
    height: 24px; }
    .breaking-news-ou-2018 .breaking-news-more-button-ou-2018.btn-default {
      color: #ffffff;
      background-color: transparent;
      border-color: #ffffff; }
    @media (max-width: 767px) {
      .breaking-news-ou-2018 .breaking-news-more-button-ou-2018 {
        margin-top: 5px;
        /*float: left;*/
        margin-right: 0px; } }
  .breaking-news-ou-2018 .breaking-news-prev, .breaking-news-ou-2018 .breaking-news-next {
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #ffffff;
    padding: 0px 10px;
    height: 20px; }
  .breaking-news-ou-2018 .breaking-news-next {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 5px; }
  .breaking-news-ou-2018 .breaking-news-prev {
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }
  @media (max-width: 767px) {
    .breaking-news-ou-2018 h4 {
      font-size: 15px;
      text-align: right;
      margin-bottom: 4px; }
    .breaking-news-ou-2018 p {
      font-size: 12px;
      width: 70%;
      text-align: right; }
    .breaking-news-ou-2018:first-of-type .close {
      font-size: 26px;
      top: 6px; }
    .breaking-news-ou-2018.alert:first-of-type {
      padding-top: 7px;
      padding-bottom: 1px; } }

/*END breaking-news*/
.menu-button-ou-2018, .search-button-ou-2018 {
  background-repeat: no-repeat;
  background-size: 27px 27px;
  background-position: center center;
  height: 50px;
  width: 50px; }
  @media (max-width: 767px) {
    .menu-button-ou-2018, .search-button-ou-2018 {
      background-size: 17px 17px;
      height: 35px;
      width: 35px; } }

.menu-button-ou-2018 {
  background-color: #353535;
  background-image: url("../images/hamburger-ou-2018.svg");
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px; }

.search-button-ou-2018 {
  background-color: #e8e8e8;
  background-image: url("../images/search-ou-2018.svg");
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px; }

.dropdown.open .menu-button-ou-2018 {
  background-image: url("../images/hamburger_close-ou-2018.svg"); }

.dropdown.open .search-button-ou-2018 {
  background-image: url("../images/search_close-ou-2018.svg"); }

/*Bootstrap overrides*/
.navbar-default .navbar-nav > .open > a.menu-button-ou-2018, .navbar-default .navbar-nav > .open > a.menu-button-ou-2018:hover, .navbar-default .navbar-nav > .open > a.menu-button-ou-2018:focus,
.navbar-default .navbar-nav > li > a.menu-button-ou-2018:hover, .navbar-default .navbar-nav > li > a.menu-button-ou-2018:focus {
  background-color: #353535; }

.navbar-default .navbar-nav > .open > a.search-button-ou-2018, .navbar-default .navbar-nav > .open > a.search-button-ou-2018:hover, .navbar-default .navbar-nav > .open > a.search-button-ou-2018:focus,
.navbar-default .navbar-nav > li > a.search-button-ou-2018:hover, .navbar-default .navbar-nav > li > a.search-button-ou-2018:focus {
  background-color: #e8e8e8; }

.menu-search-ou-2018 .dropdown {
  position: initial; }

.navbar-nav.menu-search-ou-2018 .open > a {
  height: 56px;
  background-size: 22px 22px;
  background-position: center 14px; }
  .navbar-nav.menu-search-ou-2018 .open > a.search-button-ou-2018 {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0; }

.navbar-nav.menu-search-ou-2018 .open .dropdown-menu {
  top: 88%; }

@media (max-width: 767px) {
  .navbar-nav.menu-search-ou-2018 .open > a {
    height: 40px;
    background-size: 15px 15px;
    background-position: center 9px; }
  .navbar-nav.menu-search-ou-2018 .open .dropdown-menu {
    top: 80%; } }

@media (max-width: 767px) {
  .navbar-nav.menu-search-ou-2018 {
    margin-top: 0;
    margin-bottom: 0;
    float: right;
    margin-left: 0px; }
    .navbar-nav.menu-search-ou-2018 > li {
      float: right; }
    .navbar-nav.menu-search-ou-2018 .open .dropdown-menu {
      position: absolute; } }

/*@media (min-width: 768px) {*/
.navbar-right.menu-search-ou-2018 .dropdown-menu {
  left: auto;
  right: 0;
  width: 100vw; }

/*}*/
.menu-search-ou-2018 .dropdown-menu {
  background-color: rgba(53, 53, 53, 0.6);
  padding: 0;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  height: 100vw; }

.menu-search-ou-2018 .tab-content {
  /*padding-top: 15px;
    padding-bottom: 15px;*/
  /*min-height: 396px;*/
  /*background-color: #ffffff;*/ }
  .menu-search-ou-2018 .tab-content .tab-pane > div {
    /*width: 97%;*/
    padding-right: 325px;
    /*@media (min-width: 1460px) {
            padding-right: 350px;
        }*/ }
    @media (min-width: 768px) {
      .menu-search-ou-2018 .tab-content .tab-pane > div {
        width: 700px; } }
    .menu-search-ou-2018 .tab-content .tab-pane > div > ul {
      padding: 20px 30px 10px 30px;
      background-color: #ffffff;
      -webkit-box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.3);
      box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.3);
      /*border-top: 1px #f9f9f9 solid;*/ }
      @media (min-width: 1460px) {
        .menu-search-ou-2018 .tab-content .tab-pane > div > ul {
          min-height: 516px; } }
      @media (max-width: 1459px) and (min-width: 768px) {
        .menu-search-ou-2018 .tab-content .tab-pane > div > ul {
          min-height: 483px; } }

/*sub menu list + search list*/
.menu-search-ou-2018 .tab-pane li, .search-ou-2018 li {
  line-height: 1.8;
  margin-bottom: 12px;
  border-right-width: 4px;
  border-right-style: solid;
  padding-right: 10px; }

/*breaking-news*/
.alert.breaking-news-ou-2018 {
  border: none; }

/*tabs right in menu + tabsCollapse*/
.tabs-right {
  margin-right: 15px;
  margin-left: 15px;
  /*scroll*/
  overflow-y: auto;
  height: 84vh;
  /*END scroll*/
  /*@media (min-width: 1460px) {
        width: 45%;
    }

    @media (max-width: 1459px) and (min-width: 768px) {
        width: 50%;
    }*/ }
  @media (min-width: 768px) {
    .tabs-right {
      width: 717px;
      /*17px space for scroll*/
      margin-right: 50px; } }
  @media (max-width: 767px) {
    .tabs-right {
      margin-right: 0;
      margin-left: 0;
      height: calc(100vh - 48px);
      /*48 = header without breaking news... ! should be dynamic: +-breaking news !*/
      background-color: #353535; } }
  .tabs-right > .nav-tabs {
    float: right;
    border-left: 1px solid #ddd;
    border-bottom: 0;
    -webkit-box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.3); }
    @media (min-width: 768px) {
      .tabs-right > .nav-tabs {
        min-width: 325px;
        position: fixed; } }
    .tabs-right > .nav-tabs > li {
      float: none;
      border-right-width: 4px;
      border-right-style: solid; }
      .tabs-right > .nav-tabs > li:nth-child(11n + 1) {
        border-right-color: #2364db; }
      .tabs-right > .nav-tabs > li:nth-child(11n + 2) {
        border-right-color: cadetblue; }
      .tabs-right > .nav-tabs > li:nth-child(11n + 3) {
        border-right-color: lightcoral; }
      .tabs-right > .nav-tabs > li:nth-child(11n + 4) {
        border-right-color: cornflowerblue; }
      .tabs-right > .nav-tabs > li:nth-child(11n + 5) {
        border-right-color: mediumpurple; }
      .tabs-right > .nav-tabs > li:nth-child(11n + 6) {
        border-right-color: #92abcb; }
      .tabs-right > .nav-tabs > li:nth-child(11n + 7) {
        border-right-color: #136c6c; }
      .tabs-right > .nav-tabs > li:nth-child(11n + 8) {
        border-right-color: #de6845; }
      .tabs-right > .nav-tabs > li:nth-child(11n + 9) {
        border-right-color: #618a19; }
      .tabs-right > .nav-tabs > li:nth-child(11n + 10) {
        border-right-color: #399ba2; }
      .tabs-right > .nav-tabs > li:nth-child(11n + 11) {
        border-right-color: palevioletred; }
      .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-left: -1px;
        border-radius: 0;
        color: #ffffff;
        background-color: #353535;
        border-bottom: #0f0f0f 1px solid;
        border-top: #5b5b5b 1px solid;
        margin-bottom: 1px;
        font-size: 1.15em; }
        @media (min-width: 1460px) {
          .tabs-right > .nav-tabs > li > a {
            font-size: 1.25em; } }
        .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
          border-color: #ffffff;
          color: #353535;
          background-color: #ffffff; }
        .tabs-right > .nav-tabs > li > a.top-menu-link-ou-2018 span {
          cursor: pointer; }
          .tabs-right > .nav-tabs > li > a.top-menu-link-ou-2018 span:hover, .tabs-right > .nav-tabs > li > a.top-menu-link-ou-2018 span:focus {
            text-decoration: underline; }
        .tabs-right > .nav-tabs > li > a i {
          margin-right: 20px; }
  .tabs-right .tab-content .tab-pane:nth-child(11n + 1) li {
    border-right-color: #2364db;
    position: relative; }
    .tabs-right .tab-content .tab-pane:nth-child(11n + 1) li > div > ul > li {
      font-size: .9em;
      padding-right: 0;
      border-right: none;
      margin-bottom: 4px;
      margin-top: 4px;
      padding-bottom: 2px;
      border-bottom: 1px solid #d2dff8; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 1) li > div > ul > li a img {
        height: 20px;
        min-width: 30px;
        vertical-align: sub; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 1) li > div > ul > li a + a {
        font-size: 1.4em;
        line-height: 1.4;
        color: #2364db; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 1) li > div > ul > li > div > ul > li {
        background-color: #f1f5fd;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 35px; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 1) li > div > ul > li > div > ul > li a + a {
          font-size: 1.2em;
          line-height: 1.8;
          color: #353535; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 1) li > div > ul > li > div > ul > li > div > ul > li {
          margin-right: -35px;
          background-color: #fafafa;
          border-bottom: 1px solid #ebebeb;
          padding-top: 2px;
          font-size: .95em; }
          .tabs-right .tab-content .tab-pane:nth-child(11n + 1) li > div > ul > li > div > ul > li > div > ul > li:last-child {
            border-bottom: 1px solid #d2dff8; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 1) li > div > ul > li > div > ul > li:first-child {
          border-top: 1px solid #d2dff8; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 1) li > div > ul > li > div > ul > li:last-child {
          margin-bottom: -3px; }
  .tabs-right .tab-content .tab-pane:nth-child(11n + 2) li {
    border-right-color: cadetblue;
    position: relative; }
    .tabs-right .tab-content .tab-pane:nth-child(11n + 2) li > div > ul > li {
      font-size: .9em;
      padding-right: 0;
      border-right: none;
      margin-bottom: 4px;
      margin-top: 4px;
      padding-bottom: 2px;
      border-bottom: 1px solid #dfecec; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 2) li > div > ul > li a img {
        height: 20px;
        min-width: 30px;
        vertical-align: sub; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 2) li > div > ul > li a + a {
        font-size: 1.4em;
        line-height: 1.4;
        color: cadetblue; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 2) li > div > ul > li > div > ul > li {
        background-color: #f5f9f9;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 35px; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 2) li > div > ul > li > div > ul > li a + a {
          font-size: 1.2em;
          line-height: 1.8;
          color: #353535; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 2) li > div > ul > li > div > ul > li > div > ul > li {
          margin-right: -35px;
          background-color: #fafafa;
          border-bottom: 1px solid #ebebeb;
          padding-top: 2px;
          font-size: .95em; }
          .tabs-right .tab-content .tab-pane:nth-child(11n + 2) li > div > ul > li > div > ul > li > div > ul > li:last-child {
            border-bottom: 1px solid #dfecec; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 2) li > div > ul > li > div > ul > li:first-child {
          border-top: 1px solid #dfecec; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 2) li > div > ul > li > div > ul > li:last-child {
          margin-bottom: -3px; }
  .tabs-right .tab-content .tab-pane:nth-child(11n + 3) li {
    border-right-color: lightcoral;
    position: relative; }
    .tabs-right .tab-content .tab-pane:nth-child(11n + 3) li > div > ul > li {
      font-size: .9em;
      padding-right: 0;
      border-right: none;
      margin-bottom: 4px;
      margin-top: 4px;
      padding-bottom: 2px;
      border-bottom: 1px solid white; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 3) li > div > ul > li a img {
        height: 20px;
        min-width: 30px;
        vertical-align: sub; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 3) li > div > ul > li a + a {
        font-size: 1.4em;
        line-height: 1.4;
        color: lightcoral; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 3) li > div > ul > li > div > ul > li {
        background-color: white;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 35px; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 3) li > div > ul > li > div > ul > li a + a {
          font-size: 1.2em;
          line-height: 1.8;
          color: #353535; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 3) li > div > ul > li > div > ul > li > div > ul > li {
          margin-right: -35px;
          background-color: #fafafa;
          border-bottom: 1px solid #ebebeb;
          padding-top: 2px;
          font-size: .95em; }
          .tabs-right .tab-content .tab-pane:nth-child(11n + 3) li > div > ul > li > div > ul > li > div > ul > li:last-child {
            border-bottom: 1px solid white; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 3) li > div > ul > li > div > ul > li:first-child {
          border-top: 1px solid white; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 3) li > div > ul > li > div > ul > li:last-child {
          margin-bottom: -3px; }
  .tabs-right .tab-content .tab-pane:nth-child(11n + 4) li {
    border-right-color: cornflowerblue;
    position: relative; }
    .tabs-right .tab-content .tab-pane:nth-child(11n + 4) li > div > ul > li {
      font-size: .9em;
      padding-right: 0;
      border-right: none;
      margin-bottom: 4px;
      margin-top: 4px;
      padding-bottom: 2px;
      border-bottom: 1px solid white; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 4) li > div > ul > li a img {
        height: 20px;
        min-width: 30px;
        vertical-align: sub; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 4) li > div > ul > li a + a {
        font-size: 1.4em;
        line-height: 1.4;
        color: cornflowerblue; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 4) li > div > ul > li > div > ul > li {
        background-color: white;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 35px; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 4) li > div > ul > li > div > ul > li a + a {
          font-size: 1.2em;
          line-height: 1.8;
          color: #353535; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 4) li > div > ul > li > div > ul > li > div > ul > li {
          margin-right: -35px;
          background-color: #fafafa;
          border-bottom: 1px solid #ebebeb;
          padding-top: 2px;
          font-size: .95em; }
          .tabs-right .tab-content .tab-pane:nth-child(11n + 4) li > div > ul > li > div > ul > li > div > ul > li:last-child {
            border-bottom: 1px solid white; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 4) li > div > ul > li > div > ul > li:first-child {
          border-top: 1px solid white; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 4) li > div > ul > li > div > ul > li:last-child {
          margin-bottom: -3px; }
  .tabs-right .tab-content .tab-pane:nth-child(11n + 5) li {
    border-right-color: mediumpurple;
    position: relative; }
    .tabs-right .tab-content .tab-pane:nth-child(11n + 5) li > div > ul > li {
      font-size: .9em;
      padding-right: 0;
      border-right: none;
      margin-bottom: 4px;
      margin-top: 4px;
      padding-bottom: 2px;
      border-bottom: 1px solid white; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 5) li > div > ul > li a img {
        height: 20px;
        min-width: 30px;
        vertical-align: sub; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 5) li > div > ul > li a + a {
        font-size: 1.4em;
        line-height: 1.4;
        color: mediumpurple; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 5) li > div > ul > li > div > ul > li {
        background-color: white;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 35px; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 5) li > div > ul > li > div > ul > li a + a {
          font-size: 1.2em;
          line-height: 1.8;
          color: #353535; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 5) li > div > ul > li > div > ul > li > div > ul > li {
          margin-right: -35px;
          background-color: #fafafa;
          border-bottom: 1px solid #ebebeb;
          padding-top: 2px;
          font-size: .95em; }
          .tabs-right .tab-content .tab-pane:nth-child(11n + 5) li > div > ul > li > div > ul > li > div > ul > li:last-child {
            border-bottom: 1px solid white; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 5) li > div > ul > li > div > ul > li:first-child {
          border-top: 1px solid white; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 5) li > div > ul > li > div > ul > li:last-child {
          margin-bottom: -3px; }
  .tabs-right .tab-content .tab-pane:nth-child(11n + 6) li {
    border-right-color: #92abcb;
    position: relative; }
    .tabs-right .tab-content .tab-pane:nth-child(11n + 6) li > div > ul > li {
      font-size: .9em;
      padding-right: 0;
      border-right: none;
      margin-bottom: 4px;
      margin-top: 4px;
      padding-bottom: 2px;
      border-bottom: 1px solid white; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 6) li > div > ul > li a img {
        height: 20px;
        min-width: 30px;
        vertical-align: sub; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 6) li > div > ul > li a + a {
        font-size: 1.4em;
        line-height: 1.4;
        color: #92abcb; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 6) li > div > ul > li > div > ul > li {
        background-color: white;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 35px; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 6) li > div > ul > li > div > ul > li a + a {
          font-size: 1.2em;
          line-height: 1.8;
          color: #353535; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 6) li > div > ul > li > div > ul > li > div > ul > li {
          margin-right: -35px;
          background-color: #fafafa;
          border-bottom: 1px solid #ebebeb;
          padding-top: 2px;
          font-size: .95em; }
          .tabs-right .tab-content .tab-pane:nth-child(11n + 6) li > div > ul > li > div > ul > li > div > ul > li:last-child {
            border-bottom: 1px solid white; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 6) li > div > ul > li > div > ul > li:first-child {
          border-top: 1px solid white; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 6) li > div > ul > li > div > ul > li:last-child {
          margin-bottom: -3px; }
  .tabs-right .tab-content .tab-pane:nth-child(11n + 7) li {
    border-right-color: #136c6c;
    position: relative; }
    .tabs-right .tab-content .tab-pane:nth-child(11n + 7) li > div > ul > li {
      font-size: .9em;
      padding-right: 0;
      border-right: none;
      margin-bottom: 4px;
      margin-top: 4px;
      padding-bottom: 2px;
      border-bottom: 1px solid #67e4e4; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 7) li > div > ul > li a img {
        height: 20px;
        min-width: 30px;
        vertical-align: sub; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 7) li > div > ul > li a + a {
        font-size: 1.4em;
        line-height: 1.4;
        color: #136c6c; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 7) li > div > ul > li > div > ul > li {
        background-color: #85eaea;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 35px; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 7) li > div > ul > li > div > ul > li a + a {
          font-size: 1.2em;
          line-height: 1.8;
          color: #353535; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 7) li > div > ul > li > div > ul > li > div > ul > li {
          margin-right: -35px;
          background-color: #fafafa;
          border-bottom: 1px solid #ebebeb;
          padding-top: 2px;
          font-size: .95em; }
          .tabs-right .tab-content .tab-pane:nth-child(11n + 7) li > div > ul > li > div > ul > li > div > ul > li:last-child {
            border-bottom: 1px solid #67e4e4; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 7) li > div > ul > li > div > ul > li:first-child {
          border-top: 1px solid #67e4e4; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 7) li > div > ul > li > div > ul > li:last-child {
          margin-bottom: -3px; }
  .tabs-right .tab-content .tab-pane:nth-child(11n + 8) li {
    border-right-color: #de6845;
    position: relative; }
    .tabs-right .tab-content .tab-pane:nth-child(11n + 8) li > div > ul > li {
      font-size: .9em;
      padding-right: 0;
      border-right: none;
      margin-bottom: 4px;
      margin-top: 4px;
      padding-bottom: 2px;
      border-bottom: 1px solid #fdf5f2; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 8) li > div > ul > li a img {
        height: 20px;
        min-width: 30px;
        vertical-align: sub; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 8) li > div > ul > li a + a {
        font-size: 1.4em;
        line-height: 1.4;
        color: #de6845; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 8) li > div > ul > li > div > ul > li {
        background-color: white;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 35px; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 8) li > div > ul > li > div > ul > li a + a {
          font-size: 1.2em;
          line-height: 1.8;
          color: #353535; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 8) li > div > ul > li > div > ul > li > div > ul > li {
          margin-right: -35px;
          background-color: #fafafa;
          border-bottom: 1px solid #ebebeb;
          padding-top: 2px;
          font-size: .95em; }
          .tabs-right .tab-content .tab-pane:nth-child(11n + 8) li > div > ul > li > div > ul > li > div > ul > li:last-child {
            border-bottom: 1px solid #fdf5f2; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 8) li > div > ul > li > div > ul > li:first-child {
          border-top: 1px solid #fdf5f2; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 8) li > div > ul > li > div > ul > li:last-child {
          margin-bottom: -3px; }
  .tabs-right .tab-content .tab-pane:nth-child(11n + 9) li {
    border-right-color: #618a19;
    position: relative; }
    .tabs-right .tab-content .tab-pane:nth-child(11n + 9) li > div > ul > li {
      font-size: .9em;
      padding-right: 0;
      border-right: none;
      margin-bottom: 4px;
      margin-top: 4px;
      padding-bottom: 2px;
      border-bottom: 1px solid #c5e986; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 9) li > div > ul > li a img {
        height: 20px;
        min-width: 30px;
        vertical-align: sub; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 9) li > div > ul > li a + a {
        font-size: 1.4em;
        line-height: 1.4;
        color: #618a19; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 9) li > div > ul > li > div > ul > li {
        background-color: #d4efa4;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 35px; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 9) li > div > ul > li > div > ul > li a + a {
          font-size: 1.2em;
          line-height: 1.8;
          color: #353535; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 9) li > div > ul > li > div > ul > li > div > ul > li {
          margin-right: -35px;
          background-color: #fafafa;
          border-bottom: 1px solid #ebebeb;
          padding-top: 2px;
          font-size: .95em; }
          .tabs-right .tab-content .tab-pane:nth-child(11n + 9) li > div > ul > li > div > ul > li > div > ul > li:last-child {
            border-bottom: 1px solid #c5e986; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 9) li > div > ul > li > div > ul > li:first-child {
          border-top: 1px solid #c5e986; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 9) li > div > ul > li > div > ul > li:last-child {
          margin-bottom: -3px; }
  .tabs-right .tab-content .tab-pane:nth-child(11n + 10) li {
    border-right-color: #399ba2;
    position: relative; }
    .tabs-right .tab-content .tab-pane:nth-child(11n + 10) li > div > ul > li {
      font-size: .9em;
      padding-right: 0;
      border-right: none;
      margin-bottom: 4px;
      margin-top: 4px;
      padding-bottom: 2px;
      border-bottom: 1px solid #bfe6e8; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 10) li > div > ul > li a img {
        height: 20px;
        min-width: 30px;
        vertical-align: sub; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 10) li > div > ul > li a + a {
        font-size: 1.4em;
        line-height: 1.4;
        color: #399ba2; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 10) li > div > ul > li > div > ul > li {
        background-color: #d9f0f2;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 35px; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 10) li > div > ul > li > div > ul > li a + a {
          font-size: 1.2em;
          line-height: 1.8;
          color: #353535; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 10) li > div > ul > li > div > ul > li > div > ul > li {
          margin-right: -35px;
          background-color: #fafafa;
          border-bottom: 1px solid #ebebeb;
          padding-top: 2px;
          font-size: .95em; }
          .tabs-right .tab-content .tab-pane:nth-child(11n + 10) li > div > ul > li > div > ul > li > div > ul > li:last-child {
            border-bottom: 1px solid #bfe6e8; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 10) li > div > ul > li > div > ul > li:first-child {
          border-top: 1px solid #bfe6e8; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 10) li > div > ul > li > div > ul > li:last-child {
          margin-bottom: -3px; }
  .tabs-right .tab-content .tab-pane:nth-child(11n + 11) li {
    border-right-color: palevioletred;
    position: relative; }
    .tabs-right .tab-content .tab-pane:nth-child(11n + 11) li > div > ul > li {
      font-size: .9em;
      padding-right: 0;
      border-right: none;
      margin-bottom: 4px;
      margin-top: 4px;
      padding-bottom: 2px;
      border-bottom: 1px solid white; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 11) li > div > ul > li a img {
        height: 20px;
        min-width: 30px;
        vertical-align: sub; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 11) li > div > ul > li a + a {
        font-size: 1.4em;
        line-height: 1.4;
        color: palevioletred; }
      .tabs-right .tab-content .tab-pane:nth-child(11n + 11) li > div > ul > li > div > ul > li {
        background-color: white;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 35px; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 11) li > div > ul > li > div > ul > li a + a {
          font-size: 1.2em;
          line-height: 1.8;
          color: #353535; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 11) li > div > ul > li > div > ul > li > div > ul > li {
          margin-right: -35px;
          background-color: #fafafa;
          border-bottom: 1px solid #ebebeb;
          padding-top: 2px;
          font-size: .95em; }
          .tabs-right .tab-content .tab-pane:nth-child(11n + 11) li > div > ul > li > div > ul > li > div > ul > li:last-child {
            border-bottom: 1px solid white; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 11) li > div > ul > li > div > ul > li:first-child {
          border-top: 1px solid white; }
        .tabs-right .tab-content .tab-pane:nth-child(11n + 11) li > div > ul > li > div > ul > li:last-child {
          margin-bottom: -3px; }
  .tabs-right .tab-content a {
    color: #353535;
    font-size: 1.15em;
    display: block; }
    @media (min-width: 1460px) {
      .tabs-right .tab-content a {
        font-size: 1.2em; } }
    .tabs-right .tab-content a + a {
      position: absolute;
      top: 0;
      left: 0;
      padding-right: 5px;
      padding-left: 5px; }
      .tabs-right .tab-content a + a:hover, .tabs-right .tab-content a + a:focus {
        text-decoration: none; }
      .tabs-right .tab-content a + a:before {
        font-weight: bold; }
    .tabs-right .tab-content a.selected {
      font-weight: bold;
      text-decoration: none; }
  .tabs-right .panel-group {
    margin-bottom: 0;
    padding-top: 40px; }
    .tabs-right .panel-group .panel {
      border-radius: 0;
      border: none;
      border-right-width: 4px;
      border-right-style: solid; }
      .tabs-right .panel-group .panel:nth-child(11n + 1) {
        border-right-color: #2364db; }
        .tabs-right .panel-group .panel:nth-child(11n + 1) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul {
          margin-top: 10px; }
          .tabs-right .panel-group .panel:nth-child(11n + 1) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li {
            font-size: .95em;
            padding-right: 0;
            border-right: none;
            margin-bottom: 4px;
            margin-top: 4px;
            border-bottom: 1px solid #d2dff8;
            padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 1) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a img {
              height: 20px;
              min-width: 30px;
              padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 1) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a + a {
              padding-left: 3px;
              padding-right: 3px;
              color: #2364db; }
            .tabs-right .panel-group .panel:nth-child(11n + 1) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li {
              background-color: #f1f5fd;
              margin-top: 0;
              margin-bottom: 0;
              padding-right: 35px;
              padding-top: 2px; }
              .tabs-right .panel-group .panel:nth-child(11n + 1) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li a + a {
                font-size: 1.1em;
                line-height: 1.5;
                margin-right: 5px;
                color: #353535; }
              .tabs-right .panel-group .panel:nth-child(11n + 1) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:first-child {
                border-top: 1px solid #d2dff8;
                margin-top: 4px; }
              .tabs-right .panel-group .panel:nth-child(11n + 1) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:last-child {
                margin-bottom: -3px; }
              .tabs-right .panel-group .panel:nth-child(11n + 1) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li {
                margin-right: -35px;
                background-color: #fafafa;
                border-bottom: 1px solid #ebebeb;
                padding-top: 2px;
                font-size: .95em; }
                .tabs-right .panel-group .panel:nth-child(11n + 1) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li:last-child {
                  border-bottom: 1px solid #d2dff8; }
      .tabs-right .panel-group .panel:nth-child(11n + 2) {
        border-right-color: cadetblue; }
        .tabs-right .panel-group .panel:nth-child(11n + 2) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul {
          margin-top: 10px; }
          .tabs-right .panel-group .panel:nth-child(11n + 2) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li {
            font-size: .95em;
            padding-right: 0;
            border-right: none;
            margin-bottom: 4px;
            margin-top: 4px;
            border-bottom: 1px solid #dfecec;
            padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 2) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a img {
              height: 20px;
              min-width: 30px;
              padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 2) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a + a {
              padding-left: 3px;
              padding-right: 3px;
              color: cadetblue; }
            .tabs-right .panel-group .panel:nth-child(11n + 2) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li {
              background-color: #f5f9f9;
              margin-top: 0;
              margin-bottom: 0;
              padding-right: 35px;
              padding-top: 2px; }
              .tabs-right .panel-group .panel:nth-child(11n + 2) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li a + a {
                font-size: 1.1em;
                line-height: 1.5;
                margin-right: 5px;
                color: #353535; }
              .tabs-right .panel-group .panel:nth-child(11n + 2) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:first-child {
                border-top: 1px solid #dfecec;
                margin-top: 4px; }
              .tabs-right .panel-group .panel:nth-child(11n + 2) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:last-child {
                margin-bottom: -3px; }
              .tabs-right .panel-group .panel:nth-child(11n + 2) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li {
                margin-right: -35px;
                background-color: #fafafa;
                border-bottom: 1px solid #ebebeb;
                padding-top: 2px;
                font-size: .95em; }
                .tabs-right .panel-group .panel:nth-child(11n + 2) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li:last-child {
                  border-bottom: 1px solid #dfecec; }
      .tabs-right .panel-group .panel:nth-child(11n + 3) {
        border-right-color: lightcoral; }
        .tabs-right .panel-group .panel:nth-child(11n + 3) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul {
          margin-top: 10px; }
          .tabs-right .panel-group .panel:nth-child(11n + 3) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li {
            font-size: .95em;
            padding-right: 0;
            border-right: none;
            margin-bottom: 4px;
            margin-top: 4px;
            border-bottom: 1px solid white;
            padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 3) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a img {
              height: 20px;
              min-width: 30px;
              padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 3) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a + a {
              padding-left: 3px;
              padding-right: 3px;
              color: lightcoral; }
            .tabs-right .panel-group .panel:nth-child(11n + 3) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li {
              background-color: white;
              margin-top: 0;
              margin-bottom: 0;
              padding-right: 35px;
              padding-top: 2px; }
              .tabs-right .panel-group .panel:nth-child(11n + 3) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li a + a {
                font-size: 1.1em;
                line-height: 1.5;
                margin-right: 5px;
                color: #353535; }
              .tabs-right .panel-group .panel:nth-child(11n + 3) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:first-child {
                border-top: 1px solid white;
                margin-top: 4px; }
              .tabs-right .panel-group .panel:nth-child(11n + 3) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:last-child {
                margin-bottom: -3px; }
              .tabs-right .panel-group .panel:nth-child(11n + 3) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li {
                margin-right: -35px;
                background-color: #fafafa;
                border-bottom: 1px solid #ebebeb;
                padding-top: 2px;
                font-size: .95em; }
                .tabs-right .panel-group .panel:nth-child(11n + 3) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li:last-child {
                  border-bottom: 1px solid white; }
      .tabs-right .panel-group .panel:nth-child(11n + 4) {
        border-right-color: cornflowerblue; }
        .tabs-right .panel-group .panel:nth-child(11n + 4) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul {
          margin-top: 10px; }
          .tabs-right .panel-group .panel:nth-child(11n + 4) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li {
            font-size: .95em;
            padding-right: 0;
            border-right: none;
            margin-bottom: 4px;
            margin-top: 4px;
            border-bottom: 1px solid white;
            padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 4) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a img {
              height: 20px;
              min-width: 30px;
              padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 4) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a + a {
              padding-left: 3px;
              padding-right: 3px;
              color: cornflowerblue; }
            .tabs-right .panel-group .panel:nth-child(11n + 4) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li {
              background-color: white;
              margin-top: 0;
              margin-bottom: 0;
              padding-right: 35px;
              padding-top: 2px; }
              .tabs-right .panel-group .panel:nth-child(11n + 4) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li a + a {
                font-size: 1.1em;
                line-height: 1.5;
                margin-right: 5px;
                color: #353535; }
              .tabs-right .panel-group .panel:nth-child(11n + 4) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:first-child {
                border-top: 1px solid white;
                margin-top: 4px; }
              .tabs-right .panel-group .panel:nth-child(11n + 4) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:last-child {
                margin-bottom: -3px; }
              .tabs-right .panel-group .panel:nth-child(11n + 4) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li {
                margin-right: -35px;
                background-color: #fafafa;
                border-bottom: 1px solid #ebebeb;
                padding-top: 2px;
                font-size: .95em; }
                .tabs-right .panel-group .panel:nth-child(11n + 4) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li:last-child {
                  border-bottom: 1px solid white; }
      .tabs-right .panel-group .panel:nth-child(11n + 5) {
        border-right-color: mediumpurple; }
        .tabs-right .panel-group .panel:nth-child(11n + 5) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul {
          margin-top: 10px; }
          .tabs-right .panel-group .panel:nth-child(11n + 5) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li {
            font-size: .95em;
            padding-right: 0;
            border-right: none;
            margin-bottom: 4px;
            margin-top: 4px;
            border-bottom: 1px solid white;
            padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 5) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a img {
              height: 20px;
              min-width: 30px;
              padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 5) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a + a {
              padding-left: 3px;
              padding-right: 3px;
              color: mediumpurple; }
            .tabs-right .panel-group .panel:nth-child(11n + 5) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li {
              background-color: white;
              margin-top: 0;
              margin-bottom: 0;
              padding-right: 35px;
              padding-top: 2px; }
              .tabs-right .panel-group .panel:nth-child(11n + 5) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li a + a {
                font-size: 1.1em;
                line-height: 1.5;
                margin-right: 5px;
                color: #353535; }
              .tabs-right .panel-group .panel:nth-child(11n + 5) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:first-child {
                border-top: 1px solid white;
                margin-top: 4px; }
              .tabs-right .panel-group .panel:nth-child(11n + 5) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:last-child {
                margin-bottom: -3px; }
              .tabs-right .panel-group .panel:nth-child(11n + 5) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li {
                margin-right: -35px;
                background-color: #fafafa;
                border-bottom: 1px solid #ebebeb;
                padding-top: 2px;
                font-size: .95em; }
                .tabs-right .panel-group .panel:nth-child(11n + 5) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li:last-child {
                  border-bottom: 1px solid white; }
      .tabs-right .panel-group .panel:nth-child(11n + 6) {
        border-right-color: #92abcb; }
        .tabs-right .panel-group .panel:nth-child(11n + 6) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul {
          margin-top: 10px; }
          .tabs-right .panel-group .panel:nth-child(11n + 6) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li {
            font-size: .95em;
            padding-right: 0;
            border-right: none;
            margin-bottom: 4px;
            margin-top: 4px;
            border-bottom: 1px solid white;
            padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 6) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a img {
              height: 20px;
              min-width: 30px;
              padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 6) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a + a {
              padding-left: 3px;
              padding-right: 3px;
              color: #92abcb; }
            .tabs-right .panel-group .panel:nth-child(11n + 6) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li {
              background-color: white;
              margin-top: 0;
              margin-bottom: 0;
              padding-right: 35px;
              padding-top: 2px; }
              .tabs-right .panel-group .panel:nth-child(11n + 6) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li a + a {
                font-size: 1.1em;
                line-height: 1.5;
                margin-right: 5px;
                color: #353535; }
              .tabs-right .panel-group .panel:nth-child(11n + 6) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:first-child {
                border-top: 1px solid white;
                margin-top: 4px; }
              .tabs-right .panel-group .panel:nth-child(11n + 6) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:last-child {
                margin-bottom: -3px; }
              .tabs-right .panel-group .panel:nth-child(11n + 6) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li {
                margin-right: -35px;
                background-color: #fafafa;
                border-bottom: 1px solid #ebebeb;
                padding-top: 2px;
                font-size: .95em; }
                .tabs-right .panel-group .panel:nth-child(11n + 6) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li:last-child {
                  border-bottom: 1px solid white; }
      .tabs-right .panel-group .panel:nth-child(11n + 7) {
        border-right-color: #136c6c; }
        .tabs-right .panel-group .panel:nth-child(11n + 7) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul {
          margin-top: 10px; }
          .tabs-right .panel-group .panel:nth-child(11n + 7) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li {
            font-size: .95em;
            padding-right: 0;
            border-right: none;
            margin-bottom: 4px;
            margin-top: 4px;
            border-bottom: 1px solid #67e4e4;
            padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 7) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a img {
              height: 20px;
              min-width: 30px;
              padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 7) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a + a {
              padding-left: 3px;
              padding-right: 3px;
              color: #136c6c; }
            .tabs-right .panel-group .panel:nth-child(11n + 7) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li {
              background-color: #85eaea;
              margin-top: 0;
              margin-bottom: 0;
              padding-right: 35px;
              padding-top: 2px; }
              .tabs-right .panel-group .panel:nth-child(11n + 7) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li a + a {
                font-size: 1.1em;
                line-height: 1.5;
                margin-right: 5px;
                color: #353535; }
              .tabs-right .panel-group .panel:nth-child(11n + 7) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:first-child {
                border-top: 1px solid #67e4e4;
                margin-top: 4px; }
              .tabs-right .panel-group .panel:nth-child(11n + 7) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:last-child {
                margin-bottom: -3px; }
              .tabs-right .panel-group .panel:nth-child(11n + 7) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li {
                margin-right: -35px;
                background-color: #fafafa;
                border-bottom: 1px solid #ebebeb;
                padding-top: 2px;
                font-size: .95em; }
                .tabs-right .panel-group .panel:nth-child(11n + 7) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li:last-child {
                  border-bottom: 1px solid #67e4e4; }
      .tabs-right .panel-group .panel:nth-child(11n + 8) {
        border-right-color: #de6845; }
        .tabs-right .panel-group .panel:nth-child(11n + 8) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul {
          margin-top: 10px; }
          .tabs-right .panel-group .panel:nth-child(11n + 8) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li {
            font-size: .95em;
            padding-right: 0;
            border-right: none;
            margin-bottom: 4px;
            margin-top: 4px;
            border-bottom: 1px solid #fdf5f2;
            padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 8) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a img {
              height: 20px;
              min-width: 30px;
              padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 8) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a + a {
              padding-left: 3px;
              padding-right: 3px;
              color: #de6845; }
            .tabs-right .panel-group .panel:nth-child(11n + 8) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li {
              background-color: white;
              margin-top: 0;
              margin-bottom: 0;
              padding-right: 35px;
              padding-top: 2px; }
              .tabs-right .panel-group .panel:nth-child(11n + 8) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li a + a {
                font-size: 1.1em;
                line-height: 1.5;
                margin-right: 5px;
                color: #353535; }
              .tabs-right .panel-group .panel:nth-child(11n + 8) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:first-child {
                border-top: 1px solid #fdf5f2;
                margin-top: 4px; }
              .tabs-right .panel-group .panel:nth-child(11n + 8) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:last-child {
                margin-bottom: -3px; }
              .tabs-right .panel-group .panel:nth-child(11n + 8) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li {
                margin-right: -35px;
                background-color: #fafafa;
                border-bottom: 1px solid #ebebeb;
                padding-top: 2px;
                font-size: .95em; }
                .tabs-right .panel-group .panel:nth-child(11n + 8) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li:last-child {
                  border-bottom: 1px solid #fdf5f2; }
      .tabs-right .panel-group .panel:nth-child(11n + 9) {
        border-right-color: #618a19; }
        .tabs-right .panel-group .panel:nth-child(11n + 9) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul {
          margin-top: 10px; }
          .tabs-right .panel-group .panel:nth-child(11n + 9) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li {
            font-size: .95em;
            padding-right: 0;
            border-right: none;
            margin-bottom: 4px;
            margin-top: 4px;
            border-bottom: 1px solid #c5e986;
            padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 9) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a img {
              height: 20px;
              min-width: 30px;
              padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 9) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a + a {
              padding-left: 3px;
              padding-right: 3px;
              color: #618a19; }
            .tabs-right .panel-group .panel:nth-child(11n + 9) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li {
              background-color: #d4efa4;
              margin-top: 0;
              margin-bottom: 0;
              padding-right: 35px;
              padding-top: 2px; }
              .tabs-right .panel-group .panel:nth-child(11n + 9) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li a + a {
                font-size: 1.1em;
                line-height: 1.5;
                margin-right: 5px;
                color: #353535; }
              .tabs-right .panel-group .panel:nth-child(11n + 9) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:first-child {
                border-top: 1px solid #c5e986;
                margin-top: 4px; }
              .tabs-right .panel-group .panel:nth-child(11n + 9) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:last-child {
                margin-bottom: -3px; }
              .tabs-right .panel-group .panel:nth-child(11n + 9) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li {
                margin-right: -35px;
                background-color: #fafafa;
                border-bottom: 1px solid #ebebeb;
                padding-top: 2px;
                font-size: .95em; }
                .tabs-right .panel-group .panel:nth-child(11n + 9) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li:last-child {
                  border-bottom: 1px solid #c5e986; }
      .tabs-right .panel-group .panel:nth-child(11n + 10) {
        border-right-color: #399ba2; }
        .tabs-right .panel-group .panel:nth-child(11n + 10) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul {
          margin-top: 10px; }
          .tabs-right .panel-group .panel:nth-child(11n + 10) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li {
            font-size: .95em;
            padding-right: 0;
            border-right: none;
            margin-bottom: 4px;
            margin-top: 4px;
            border-bottom: 1px solid #bfe6e8;
            padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 10) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a img {
              height: 20px;
              min-width: 30px;
              padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 10) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a + a {
              padding-left: 3px;
              padding-right: 3px;
              color: #399ba2; }
            .tabs-right .panel-group .panel:nth-child(11n + 10) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li {
              background-color: #d9f0f2;
              margin-top: 0;
              margin-bottom: 0;
              padding-right: 35px;
              padding-top: 2px; }
              .tabs-right .panel-group .panel:nth-child(11n + 10) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li a + a {
                font-size: 1.1em;
                line-height: 1.5;
                margin-right: 5px;
                color: #353535; }
              .tabs-right .panel-group .panel:nth-child(11n + 10) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:first-child {
                border-top: 1px solid #bfe6e8;
                margin-top: 4px; }
              .tabs-right .panel-group .panel:nth-child(11n + 10) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:last-child {
                margin-bottom: -3px; }
              .tabs-right .panel-group .panel:nth-child(11n + 10) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li {
                margin-right: -35px;
                background-color: #fafafa;
                border-bottom: 1px solid #ebebeb;
                padding-top: 2px;
                font-size: .95em; }
                .tabs-right .panel-group .panel:nth-child(11n + 10) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li:last-child {
                  border-bottom: 1px solid #bfe6e8; }
      .tabs-right .panel-group .panel:nth-child(11n + 11) {
        border-right-color: palevioletred; }
        .tabs-right .panel-group .panel:nth-child(11n + 11) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul {
          margin-top: 10px; }
          .tabs-right .panel-group .panel:nth-child(11n + 11) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li {
            font-size: .95em;
            padding-right: 0;
            border-right: none;
            margin-bottom: 4px;
            margin-top: 4px;
            border-bottom: 1px solid white;
            padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 11) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a img {
              height: 20px;
              min-width: 30px;
              padding-bottom: 2px; }
            .tabs-right .panel-group .panel:nth-child(11n + 11) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li a + a {
              padding-left: 3px;
              padding-right: 3px;
              color: palevioletred; }
            .tabs-right .panel-group .panel:nth-child(11n + 11) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li {
              background-color: white;
              margin-top: 0;
              margin-bottom: 0;
              padding-right: 35px;
              padding-top: 2px; }
              .tabs-right .panel-group .panel:nth-child(11n + 11) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li a + a {
                font-size: 1.1em;
                line-height: 1.5;
                margin-right: 5px;
                color: #353535; }
              .tabs-right .panel-group .panel:nth-child(11n + 11) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:first-child {
                border-top: 1px solid white;
                margin-top: 4px; }
              .tabs-right .panel-group .panel:nth-child(11n + 11) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li:last-child {
                margin-bottom: -3px; }
              .tabs-right .panel-group .panel:nth-child(11n + 11) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li {
                margin-right: -35px;
                background-color: #fafafa;
                border-bottom: 1px solid #ebebeb;
                padding-top: 2px;
                font-size: .95em; }
                .tabs-right .panel-group .panel:nth-child(11n + 11) > div.collapse > div.panel-body > div > ul > li > div.collapse > ul li > div.collapse > ul > li > div.collapse > ul > li:last-child {
                  border-bottom: 1px solid white; }
      .tabs-right .panel-group .panel + .panel {
        margin-top: 0; }
      .tabs-right .panel-group .panel .panel-heading {
        padding: 0; }
      .tabs-right .panel-group .panel .panel-title > a {
        font-size: 17px;
        display: block;
        padding: 10px 15px;
        color: #ffffff;
        background-color: #353535;
        border-bottom: #0f0f0f 1px solid;
        border-top: #5b5b5b 1px solid; }
        .tabs-right .panel-group .panel .panel-title > a:hover, .tabs-right .panel-group .panel .panel-title > a:focus {
          text-decoration: none; }
        .tabs-right .panel-group .panel .panel-title > a i:before {
          font-size: 20px;
          line-height: 0; }
      .tabs-right .panel-group .panel:last-child .panel-title > a {
        border-bottom: #282828 1px solid; }
      .tabs-right .panel-group .panel .panel-body {
        padding-bottom: 0px; }
        .tabs-right .panel-group .panel .panel-body a {
          color: #353535; }
          .tabs-right .panel-group .panel .panel-body a i {
            font-size: .6em; }
          .tabs-right .panel-group .panel .panel-body a img {
            height: 20px; }
          .tabs-right .panel-group .panel .panel-body a.selected {
            font-weight: bold; }
      .tabs-right .panel-group .panel li {
        line-height: 1.6;
        margin-bottom: 10px;
        font-size: 1.1em; }
        .tabs-right .panel-group .panel li a + a {
          font-size: 1.5em;
          line-height: 1; }

.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:focus, .tabs-right > .nav-tabs .active > a:hover {
  border-color: #ffffff #ffffff #ffffff transparent;
  border-left-color: #ffffff;
  color: #353535;
  background-color: #ffffff; }

/*logo Bootstrap override*/
nav a.navbar-brand {
  padding-right: 20px;
  padding-bottom: 0;
  padding-top: 0; }
  @media (max-width: 767px) {
    nav a.navbar-brand {
      overflow-x: hidden; } }
  @media (max-width: 767px) {
    nav a.navbar-brand img {
      height: 30px;
      margin-top: 3px;
      margin-left: -125px; } }

nav.nav-ou-2022 a.navbar-brand {
  padding-right: 15px;
  margin-right: -15px; }

/*languages*/
.languages-ou-2018 {
  margin-right: 25px;
  margin-left: -15px;
  margin-top: 10px; }
  .languages-ou-2018 a {
    color: #353535; }

/*HIDE interested-header-buttons*/
.interested-header-buttons-ou-2019 {
  display: none; }

/*HIDE campaigns-header-button*/
.campaigns-header-button-ou-2021 {
  display: none; }

/*MyOp adaptions*/
.MyOp {
  margin-top: -6px;
  margin-left: 10px; }
  @media (min-width: 768px) {
    .MyOp {
      margin-right: 10px; } }
  @media (max-width: 767px) {
    .MyOp {
      margin-top: -8px; } }
  .MyOp .MyOpUser span.abbr {
    color: #fff;
    background-color: #002c7d; }
  .MyOp a.MyOpUser:hover span.abbr, .MyOp a.MyOpUser:focus span.abbr {
    background-color: #2364db; }
  .MyOp a.MyOpApps, .MyOp a.MyOpContact, .MyOp a.MyOpMessages {
    color: #353535; }
  .MyOp a.MyOpApps:hover, .MyOp a.MyOpContact:hover, .MyOp a.MyOpMessages:hover,
  .MyOp a.MyOpApps:focus, .MyOp a.MyOpContact:focus, .MyOp a.MyOpMessages:focus {
    color: #2364db; }
  .MyOp .btn.MyOpContact {
    line-height: 1.1;
    padding-bottom: 4px;
    padding-top: 4px; }
  .MyOp .dropdown-menu {
    top: 50px; }
  .MyOp .dropdown-menu.bottom > .arrow {
    left: 9%; }
  .MyOp .dropdown-menu.bottom.MyOpApps-dropdown > .arrow {
    left: 27%; }
  .MyOp .dropdown-menu.bottom.MyOpContact-dropdown.identified > .arrow {
    left: 41%; }
  @media (max-width: 767px) {
    .MyOp {
      margin-left: -15px; }
      .MyOp .btn.MyOpContact {
        padding-bottom: 0;
        padding-top: 0;
        margin-top: 6px;
        line-height: 1.2; }
      .MyOp .btn.MyOpLog-in, .MyOp .btn.MyOpSign-in {
        margin-top: 6px; }
      .MyOp .dropdown-menu.MyOpLog-in-dropdown {
        top: 43px; }
      .MyOp .dropdown-menu.bottom > .arrow {
        left: 5%; }
      .MyOp .dropdown-menu.bottom.MyOpApps-dropdown > .arrow {
        left: 18%; }
      .MyOp .dropdown-menu.bottom.MyOpContact-dropdown.identified > .arrow {
        left: 28%; } }

/*END MyOp adaptions*/
/*MyOp adaptions 2022*/
.nav-ou-2022 .MyOp {
  margin-right: auto;
  display: flex;
  align-items: center;
  /* Bootstrap adaption */ }
  @media (min-width: 768px) {
    .nav-ou-2022 .MyOp .navbar-right:last-child {
      margin-left: 0; } }
  @media (max-width: 767px) {
    .nav-ou-2022 .MyOp {
      order: 4;
      margin-left: 0; } }

/*END MyOp adaptions 2022*/
/*search*/
.search-ou-2018 {
  background-color: #e6e6e6;
  padding-top: 40px;
  padding-bottom: 40px;
  /*for scroll*/
  overflow-y: auto;
  height: 84vh;
  /*@media (min-width: 768px) {
        @include box-shadow(0, 0, 13px, rgba(0, 0, 0, 0.2));
    }*/ }
  @media (max-width: 767px) {
    .search-ou-2018 {
      padding-top: 25px;
      padding-bottom: 25px; } }
  .search-ou-2018 .search-box-ou-2018 {
    width: 45%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px; }
    .search-ou-2018 .search-box-ou-2018 .form-control {
      height: 60px;
      padding: 12px;
      font-size: 22px; }
    .search-ou-2018 .search-box-ou-2018 .input-group-btn:last-child > .btn {
      -webkit-border-bottom-left-radius: 0;
      border-bottom-left-radius: 0;
      -webkit-border-top-left-radius: 0;
      border-top-left-radius: 0; }
    .search-ou-2018 .search-box-ou-2018 .btn-default {
      color: #fff;
      background-color: #000;
      border-color: #000; }
    .search-ou-2018 .search-box-ou-2018 .btn {
      padding: 10px 18px 7px;
      font-size: 26px;
      line-height: 1.6; }
    @media (max-width: 767px) {
      .search-ou-2018 .search-box-ou-2018 {
        width: 92%;
        margin-bottom: 15px; }
        .search-ou-2018 .search-box-ou-2018 .form-control {
          height: 50px;
          font-size: 20px; }
        .search-ou-2018 .search-box-ou-2018 .btn {
          padding: 8px 16px 5px;
          font-size: 22px; } }
  .search-ou-2018 h4 {
    margin-bottom: 20px;
    margin-top: 20px; }
    @media (min-width: 1460px) {
      .search-ou-2018 h4 {
        font-size: 20px; } }
    @media (max-width: 767px) {
      .search-ou-2018 h4 {
        font-size: 16px; } }
  .search-ou-2018 li.menu-item-colors-1 {
    border-right-color: #2364db; }
  .search-ou-2018 li.menu-item-colors-2 {
    border-right-color: cadetblue; }
  .search-ou-2018 li.menu-item-colors-3 {
    border-right-color: lightcoral; }
  .search-ou-2018 li.menu-item-colors-4 {
    border-right-color: cornflowerblue; }
  .search-ou-2018 li.menu-item-colors-5 {
    border-right-color: mediumpurple; }
  .search-ou-2018 li.menu-item-colors-6 {
    border-right-color: #92abcb; }
  .search-ou-2018 li.menu-item-colors-7 {
    border-right-color: #136c6c; }
  .search-ou-2018 li.menu-item-colors-8 {
    border-right-color: #de6845; }
  .search-ou-2018 li.menu-item-colors-9 {
    border-right-color: #618a19; }
  .search-ou-2018 li.menu-item-colors-10 {
    border-right-color: #399ba2; }
  .search-ou-2018 li.menu-item-colors-11 {
    border-right-color: palevioletred; }
  @media (min-width: 1460px) {
    .search-ou-2018 li {
      margin-bottom: 15px; } }
  .search-ou-2018 li a {
    color: #000; }
    @media (min-width: 1460px) {
      .search-ou-2018 li a {
        font-size: 16px; } }
    @media (max-width: 767px) {
      .search-ou-2018 li a {
        font-size: 12px; } }

@media (min-width: 768px) {
  .search-ou-2022 {
    width: auto;
    margin-right: auto;
    margin-top: 5px; }
    .search-ou-2022 .dropdown-menu {
      right: 60px;
      left: 65px; }
    .search-ou-2022 .search-button-ou-2018 {
      background-color: #f0f0f0;
      background-size: 18px 18px;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      transition: border-radius .2s; }
    .search-ou-2022.navbar-nav.menu-search-ou-2018 .open > a {
      height: 45px;
      background-size: 18px 18px;
      border-radius: 0 10px 0 0; }
    .search-ou-2022.navbar-nav.menu-search-ou-2018 .open .dropdown-menu {
      top: 100%; } }

@media (max-width: 767px) {
  .search-ou-2022 {
    order: 3; } }

.main-content {
  position: relative;
  /*to fix studies...*/ }

/*footer*/
.footer-ou-2018 {
  position: relative; }
  .footer-ou-2018 .footer-top-bg {
    background-color: #f0f0f0; }
  .footer-ou-2018 .footer-bottom-bg {
    background-color: #002c7d; }
    @media (max-width: 767px) {
      .footer-ou-2018 .footer-bottom-bg.container-fluid {
        padding-right: 0;
        padding-left: 0; } }
  .footer-ou-2018 .bottom-social-ou-2018 {
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .footer-ou-2018 .bottom-social-ou-2018 {
        flex-wrap: wrap;
        margin-bottom: 50px; } }
    .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 {
      width: 12%;
      margin-right: auto;
      margin-left: auto;
      text-align: center; }
      @media (max-width: 767px) {
        .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 {
          width: 15%; } }
      @media (min-width: 1460px) {
        .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 {
          width: 13%; } }
      .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a {
        display: block;
        border: 1px solid;
        font-size: 30px;
        -webkit-border-bottom-left-radius: 15px;
        border-bottom-left-radius: 15px;
        -webkit-border-top-right-radius: 15px;
        border-top-right-radius: 15px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        @media (max-width: 767px) {
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a {
            font-size: 26px;
            -webkit-border-bottom-left-radius: 12px;
            border-bottom-left-radius: 12px;
            -webkit-border-top-right-radius: 12px;
            border-top-right-radius: 12px; } }
        .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a:hover, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a:focus {
          -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.2); }
        .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-youtube-outline-ou-2018 {
          border-color: #ff0000; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-youtube-outline-ou-2018:hover, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-youtube-outline-ou-2018:focus {
            background-color: #ff0000; }
            .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-youtube-outline-ou-2018:hover i, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-youtube-outline-ou-2018:focus i {
              color: #ffffff; }
              .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-youtube-outline-ou-2018:hover i:before, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-youtube-outline-ou-2018:focus i:before {
                content: "\f24d"; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-youtube-outline-ou-2018 i {
            color: #ff0000; }
        .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-twitter-outline-ou-2018 {
          border-color: #1da1f2; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-twitter-outline-ou-2018:hover, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-twitter-outline-ou-2018:focus {
            background-color: #1da1f2; }
            .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-twitter-outline-ou-2018:hover i, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-twitter-outline-ou-2018:focus i {
              color: #ffffff; }
              .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-twitter-outline-ou-2018:hover i:before, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-twitter-outline-ou-2018:focus i:before {
                content: "\f243"; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-twitter-outline-ou-2018 i {
            color: #1da1f2; }
        .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-linkedin-outline-ou-2018 {
          border-color: #0077b5; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-linkedin-outline-ou-2018:hover, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-linkedin-outline-ou-2018:focus {
            background-color: #0077b5; }
            .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-linkedin-outline-ou-2018:hover i, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-linkedin-outline-ou-2018:focus i {
              color: #ffffff; }
              .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-linkedin-outline-ou-2018:hover i:before, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-linkedin-outline-ou-2018:focus i:before {
                content: "\f239"; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-linkedin-outline-ou-2018 i {
            color: #0077b5; }
        .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-icon-social-spotify-ou-2018 {
          border-color: #1db954; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-icon-social-spotify-ou-2018 i {
            line-height: 1.4;
            font-size: 90%; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-icon-social-spotify-ou-2018:hover, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-icon-social-spotify-ou-2018:focus {
            background-color: #1db954;
            text-decoration: none; }
            .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-icon-social-spotify-ou-2018:hover i, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-icon-social-spotify-ou-2018:focus i {
              color: #ffffff;
              font-size: 103%;
              line-height: 1; }
              .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-icon-social-spotify-ou-2018:hover i:before, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-icon-social-spotify-ou-2018:focus i:before {
                font-family: 'FontAwesome';
                content: "\f1bc"; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-icon-social-spotify-ou-2018 i {
            color: #1db954; }
        .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-instagram-outline-ou-2018 {
          /*border-color: #ffdc80;
                    border-image-source: linear-gradient(#405de6, #5851db, #833ab4, #c13584, #fd1d1d, #f56040, #f77737, #fcaf45);
                    border-image-slice: 1;*/
          border-top-color: #fd1d1d;
          border-left-color: #833ab4;
          border-right-color: #f77737;
          border-bottom-color: #405de6; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-instagram-outline-ou-2018:hover, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-instagram-outline-ou-2018:focus {
            background: -webkit-linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #fd1d1d, #f56040, #f77737, #fcaf45);
            background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #fd1d1d, #f56040, #f77737, #fcaf45);
            /*border-color: #ffffff;*/
            /*border-color: transparent;*/
            /*border: none;*/ }
            .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-instagram-outline-ou-2018:hover i, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-instagram-outline-ou-2018:focus i {
              color: #ffffff; }
              .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-instagram-outline-ou-2018:hover i:before, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-instagram-outline-ou-2018:focus i:before {
                content: "\f351"; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-instagram-outline-ou-2018 i {
            color: #fcaf45; }
        .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-facebook-outline-ou-2018 {
          border-color: #3b5998; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-facebook-outline-ou-2018:hover, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-facebook-outline-ou-2018:focus {
            background-color: #3b5998; }
            .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-facebook-outline-ou-2018:hover i, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-facebook-outline-ou-2018:focus i {
              color: #ffffff; }
              .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-facebook-outline-ou-2018:hover i:before, .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-facebook-outline-ou-2018:focus i:before {
                content: "\f231"; }
          .footer-ou-2018 .bottom-social-ou-2018 .col-bottom-social-ou-2018 a.bottom-ion-social-facebook-outline-ou-2018 i {
            color: #3b5998; }
  .footer-ou-2018 .top-links-ou-2018 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .footer-ou-2018 .top-links-ou-2018.container {
        padding-right: 0px;
        padding-left: 0px; } }
    .footer-ou-2018 .top-links-ou-2018 .col-top-links-ou-2018 {
      color: #353535;
      display: block;
      width: 20%;
      padding-top: 8px;
      padding-bottom: 8px; }
      @media (max-width: 767px) {
        .footer-ou-2018 .top-links-ou-2018 .col-top-links-ou-2018 {
          width: 49.8%;
          font-size: 11px; } }
      .footer-ou-2018 .top-links-ou-2018 .col-top-links-ou-2018 img {
        width: 20%;
        margin-left: 5px;
        border: 1px #ccc solid;
        background-color: #ffffff; }
      .footer-ou-2018 .top-links-ou-2018 .col-top-links-ou-2018:hover img, .footer-ou-2018 .top-links-ou-2018 .col-top-links-ou-2018:focus img {
        text-decoration: none; }
  .footer-ou-2018 .bottom-links-ou-2018 {
    padding-top: 20px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    /*?*/
    align-items: flex-start; }
    @media (max-width: 767px) {
      .footer-ou-2018 .bottom-links-ou-2018 {
        flex-wrap: wrap;
        padding-top: 0; }
        .footer-ou-2018 .bottom-links-ou-2018.container {
          padding-right: 0;
          padding-left: 0; } }
    .footer-ou-2018 .bottom-links-ou-2018 .col-bottom-links-ou-2018 {
      width: 20%; }
      @media (max-width: 767px) {
        .footer-ou-2018 .bottom-links-ou-2018 .col-bottom-links-ou-2018 {
          width: 100%; }
          .footer-ou-2018 .bottom-links-ou-2018 .col-bottom-links-ou-2018 button {
            display: block;
            width: 100%;
            text-align: right;
            padding-right: 8px;
            border-right: 3px solid #ffffff;
            /*border-top-width: 0px;
                    border-bottom-width: 0px;*/
            border-left-width: 0px;
            font-size: 15px;
            border-radius: 0;
            font-weight: bold;
            border-bottom-color: #002364;
            border-top-color: #003597; }
            .footer-ou-2018 .bottom-links-ou-2018 .col-bottom-links-ou-2018 button[aria-expanded="true"] {
              border-bottom: none; }
          .footer-ou-2018 .bottom-links-ou-2018 .col-bottom-links-ou-2018 .navbar-toggle {
            float: none;
            margin-top: 0;
            margin-bottom: 0; }
          .footer-ou-2018 .bottom-links-ou-2018 .col-bottom-links-ou-2018 .navbar-collapse {
            border-top: none;
            box-shadow: none;
            margin-bottom: 0;
            padding-top: 10px;
            border-right: 3px solid #ffffff; } }
      .footer-ou-2018 .bottom-links-ou-2018 .col-bottom-links-ou-2018 dt {
        padding-right: 8px;
        border-right: 3px solid #ffffff;
        margin-bottom: 15px;
        font-size: 16px; }
      .footer-ou-2018 .bottom-links-ou-2018 .col-bottom-links-ou-2018 dd {
        /*line-height: 2.3;*/
        padding-bottom: 10px; }
        .footer-ou-2018 .bottom-links-ou-2018 .col-bottom-links-ou-2018 dd a {
          color: #ffffff;
          font-size: 14px; }
  .footer-ou-2018 .contacts-ou-2018 {
    color: #ffffff;
    padding-bottom: 20px;
    display: flex;
    align-items: flex-end; }
    @media (max-width: 767px) {
      .footer-ou-2018 .contacts-ou-2018 {
        flex-wrap: wrap;
        padding-top: 15px; } }
    .footer-ou-2018 .contacts-ou-2018 .col-contacts-ou-2018.col-contacts-nagish-ou-2018 {
      text-align: left; }
    @media (min-width: 1460px) {
      .footer-ou-2018 .contacts-ou-2018 .col-contacts-ou-2018 {
        width: 25%; } }
    @media (min-width: 768px) {
      .footer-ou-2018 .contacts-ou-2018 .col-contacts-ou-2018 img.logo-bottom-ou-2018 {
        margin-right: 15px;
        margin-left: 25px; } }
    @media (max-width: 1459px) and (min-width: 768px) {
      .footer-ou-2018 .contacts-ou-2018 .col-contacts-ou-2018 {
        width: 30%; }
        .footer-ou-2018 .contacts-ou-2018 .col-contacts-ou-2018.col-contacts-nagish-ou-2018 {
          width: 10%; } }
    @media (max-width: 767px) {
      .footer-ou-2018 .contacts-ou-2018 .col-contacts-ou-2018 {
        width: 100%; }
        .footer-ou-2018 .contacts-ou-2018 .col-contacts-ou-2018.col-contacts-nagish-ou-2018 {
          text-align: right;
          margin-top: 6px; }
        .footer-ou-2018 .contacts-ou-2018 .col-contacts-ou-2018 img.logo-bottom-ou-2018 {
          height: 50px;
          margin-bottom: 15px; } }
    .footer-ou-2018 .contacts-ou-2018 .col-contacts-ou-2018 i {
      font-size: 2em;
      margin-left: 10px; }
    .footer-ou-2018 .contacts-ou-2018 .col-contacts-ou-2018 i {
      /* &.contacts-location-icon-ou-2018 {
                    vertical-align: text-bottom;
                }

                &.contacts-telephone-icon-ou-2018 {
                    vertical-align: bottom;
                } */ }
    .footer-ou-2018 .contacts-ou-2018 .col-contacts-ou-2018 address {
      margin-bottom: 0;
      display: inline-block; }
    .footer-ou-2018 .contacts-ou-2018 .col-contacts-ou-2018 a {
      color: #ffffff;
      text-decoration: none; }

/*social fixed bar*/
.top-social-ou-2018 {
  position: fixed;
  left: 15px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #ffffff;
  z-index: 900;
  -webkit-border-bottom-left-radius: 25px;
  border-bottom-left-radius: 25px;
  -webkit-border-top-right-radius: 25px;
  border-top-right-radius: 25px;
  -webkit-border-top-left-radius: 25px;
  border-top-left-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  border-bottom-right-radius: 25px;
  -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.2); }
  @media (min-width: 1450px) {
    .top-social-ou-2018 {
      top: 45%; } }
  @media (max-width: 1449px) and (min-width: 768px) {
    .top-social-ou-2018 {
      top: 40%; } }
  @media (max-width: 767px) {
    .top-social-ou-2018 {
      top: 81%;
      left: 8px; } }
  @media (min-width: 768px) {
    .top-social-ou-2018 {
      left: 50px; } }
  .top-social-ou-2018 a {
    display: block;
    text-align: center;
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 28px; }
    @media (max-width: 767px) {
      .top-social-ou-2018 a {
        padding: 4px 9px;
        font-size: 25px; } }
    .top-social-ou-2018 a.top-chat-ou-2018 {
      color: #b5b5b5;
      padding-bottom: 2px;
      padding-top: 7px; }
      .top-social-ou-2018 a.top-chat-ou-2018:hover, .top-social-ou-2018 a.top-chat-ou-2018:focus {
        color: #a8a8a8;
        background-color: whitesmoke;
        text-decoration: none; }
        .top-social-ou-2018 a.top-chat-ou-2018:hover i:before, .top-social-ou-2018 a.top-chat-ou-2018:focus i:before {
          content: "\f3fa"; }
    .top-social-ou-2018 a.top-help-ou-2018 {
      color: #b5b5b5; }
      .top-social-ou-2018 a.top-help-ou-2018:hover, .top-social-ou-2018 a.top-help-ou-2018:focus {
        color: #a8a8a8;
        background-color: whitesmoke;
        text-decoration: none; }
        .top-social-ou-2018 a.top-help-ou-2018:hover i:before, .top-social-ou-2018 a.top-help-ou-2018:focus i:before {
          content: "\f446"; }
    .top-social-ou-2018 a.top-ion-social-youtube-outline-ou-2018 {
      color: #ff0000;
      font-size: 26px; }
      .top-social-ou-2018 a.top-ion-social-youtube-outline-ou-2018:hover, .top-social-ou-2018 a.top-ion-social-youtube-outline-ou-2018:focus {
        background-color: whitesmoke;
        text-decoration: none; }
        .top-social-ou-2018 a.top-ion-social-youtube-outline-ou-2018:hover i:before, .top-social-ou-2018 a.top-ion-social-youtube-outline-ou-2018:focus i:before {
          content: "\f24d"; }
    .top-social-ou-2018 a.top-ion-social-twitter-outline-ou-2018 {
      color: #1da1f2; }
      .top-social-ou-2018 a.top-ion-social-twitter-outline-ou-2018:hover, .top-social-ou-2018 a.top-ion-social-twitter-outline-ou-2018:focus {
        background-color: whitesmoke;
        text-decoration: none; }
        .top-social-ou-2018 a.top-ion-social-twitter-outline-ou-2018:hover i:before, .top-social-ou-2018 a.top-ion-social-twitter-outline-ou-2018:focus i:before {
          content: "\f243"; }
    .top-social-ou-2018 a.top-ion-social-linkedin-outline-ou-2018 {
      color: #0077b5; }
      .top-social-ou-2018 a.top-ion-social-linkedin-outline-ou-2018:hover, .top-social-ou-2018 a.top-ion-social-linkedin-outline-ou-2018:focus {
        background-color: whitesmoke;
        text-decoration: none; }
        .top-social-ou-2018 a.top-ion-social-linkedin-outline-ou-2018:hover i:before, .top-social-ou-2018 a.top-ion-social-linkedin-outline-ou-2018:focus i:before {
          content: "\f239"; }
    .top-social-ou-2018 a.top-icon-social-spotify-ou-2018 {
      color: #1db954; }
      .top-social-ou-2018 a.top-icon-social-spotify-ou-2018 i {
        font-size: 90%; }
      .top-social-ou-2018 a.top-icon-social-spotify-ou-2018:hover, .top-social-ou-2018 a.top-icon-social-spotify-ou-2018:focus {
        background-color: whitesmoke;
        text-decoration: none; }
        .top-social-ou-2018 a.top-icon-social-spotify-ou-2018:hover i, .top-social-ou-2018 a.top-icon-social-spotify-ou-2018:focus i {
          font-size: 103%; }
        .top-social-ou-2018 a.top-icon-social-spotify-ou-2018:hover i:before, .top-social-ou-2018 a.top-icon-social-spotify-ou-2018:focus i:before {
          font-family: 'FontAwesome';
          content: "\f1bc"; }
    .top-social-ou-2018 a.top-ion-social-instagram-outline-ou-2018 {
      color: #fcaf45; }
      .top-social-ou-2018 a.top-ion-social-instagram-outline-ou-2018 i:before {
        background: -webkit-linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #fd1d1d, #f56040, #f77737, #fcaf45);
        background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #fd1d1d, #f56040, #f77737, #fcaf45);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      .top-social-ou-2018 a.top-ion-social-instagram-outline-ou-2018:hover, .top-social-ou-2018 a.top-ion-social-instagram-outline-ou-2018:focus {
        background-color: whitesmoke;
        /*color: #c13584;*/
        text-decoration: none; }
        .top-social-ou-2018 a.top-ion-social-instagram-outline-ou-2018:hover i:before, .top-social-ou-2018 a.top-ion-social-instagram-outline-ou-2018:focus i:before {
          content: "\f351";
          background: -webkit-linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #fd1d1d, #f56040, #f77737, #fcaf45);
          background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #fd1d1d, #f56040, #f77737, #fcaf45);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
    .top-social-ou-2018 a.top-ion-social-facebook-outline-ou-2018 {
      color: #3b5998;
      font-size: 30px; }
      .top-social-ou-2018 a.top-ion-social-facebook-outline-ou-2018:hover, .top-social-ou-2018 a.top-ion-social-facebook-outline-ou-2018:focus {
        background-color: whitesmoke;
        text-decoration: none; }
        .top-social-ou-2018 a.top-ion-social-facebook-outline-ou-2018:hover i:before, .top-social-ou-2018 a.top-ion-social-facebook-outline-ou-2018:focus i:before {
          content: "\f231"; }
    .top-social-ou-2018 a:first-child {
      -webkit-border-top-right-radius: 25px;
      border-top-right-radius: 25px;
      -webkit-border-top-left-radius: 25px;
      border-top-left-radius: 25px; }
      @media (max-width: 767px) {
        .top-social-ou-2018 a:first-child {
          /*padding-bottom: 0;*/ }
          .top-social-ou-2018 a:first-child:hover, .top-social-ou-2018 a:first-child:focus {
            -webkit-border-top-right-radius: 18px;
            border-top-right-radius: 18px;
            -webkit-border-top-left-radius: 18px;
            border-top-left-radius: 18px;
            -webkit-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
            -webkit-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0; } }
    .top-social-ou-2018 a:last-child {
      -webkit-border-bottom-right-radius: 25px;
      border-bottom-right-radius: 25px;
      -webkit-border-bottom-left-radius: 25px;
      border-bottom-left-radius: 25px; }
    @media (max-width: 767px) {
      .top-social-ou-2018 a:nth-child(2) {
        padding-top: 0; }
        .top-social-ou-2018 a:nth-child(2):hover, .top-social-ou-2018 a:nth-child(2):focus {
          -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
          -webkit-border-bottom-left-radius: 18px;
          border-bottom-left-radius: 18px; } }
  .top-social-ou-2018 hr {
    width: 70%;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top-color: #e2e2e2; }

/*Scroll into view WRAPPER*/
.scroll-into-top-button-wrapper {
  position: absolute;
  top: -2%;
  right: 15px;
  width: 42px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-color: #e8e8e8;
  border-width: 1px;
  background-color: #fff;
  /* i {
        color: $blue-dark;
        @include rotate(180deg);
        font-size: 20px;
    } */ }
  .scroll-into-top-button-wrapper .scroll-into-top-arrow {
    transform: scale(0.5) translate(0, -8%) rotate(-90deg);
    display: block;
    width: 21.21641px;
    height: 42.43281px;
    position: relative; }
    .scroll-into-top-button-wrapper .scroll-into-top-arrow span, .scroll-into-top-button-wrapper .scroll-into-top-arrow:before, .scroll-into-top-button-wrapper .scroll-into-top-arrow:after {
      background: #002c7d;
      content: '';
      display: block;
      width: 30px;
      height: 2px;
      position: absolute;
      top: calc(50% - (2px / 2));
      right: 0;
      transform-origin: right 50%; }
    .scroll-into-top-button-wrapper .scroll-into-top-arrow span {
      width: 0;
      transition: width 0.3s, right 0.3s 0.05s; }
    .scroll-into-top-button-wrapper .scroll-into-top-arrow:before, .scroll-into-top-button-wrapper .scroll-into-top-arrow:after {
      transition: right 0.3s 0.05s; }
    .scroll-into-top-button-wrapper .scroll-into-top-arrow:before {
      transform: rotate(-45deg); }
    .scroll-into-top-button-wrapper .scroll-into-top-arrow:after {
      transform: rotate(45deg); }
  .scroll-into-top-button-wrapper:hover, .scroll-into-top-button-wrapper:focus {
    background-color: #002c7d; }
    .scroll-into-top-button-wrapper:hover .scroll-into-top-arrow span, .scroll-into-top-button-wrapper:focus .scroll-into-top-arrow span {
      width: 54.42px; }
    .scroll-into-top-button-wrapper:hover .scroll-into-top-arrow span, .scroll-into-top-button-wrapper:hover .scroll-into-top-arrow:before, .scroll-into-top-button-wrapper:hover .scroll-into-top-arrow:after, .scroll-into-top-button-wrapper:focus .scroll-into-top-arrow span, .scroll-into-top-button-wrapper:focus .scroll-into-top-arrow:before, .scroll-into-top-button-wrapper:focus .scroll-into-top-arrow:after {
      background: #fff;
      right: -21.21641px; }
  @media (max-width: 767px) {
    .scroll-into-top-button-wrapper {
      top: 50px;
      width: 30px;
      height: 44px; }
      .scroll-into-top-button-wrapper .scroll-into-top-arrow {
        transform: scale(0.4) translate(0, -20%) rotate(-90deg); } }

/*lead fixed form*/
.lead-fixed-form-wrapper-ou-2018, .lead-fixed-form-button-wrapper-ou-2018 {
  position: fixed;
  z-index: 1000; }
  @media (min-width: 1450px) {
    .lead-fixed-form-wrapper-ou-2018, .lead-fixed-form-button-wrapper-ou-2018 {
      top: 67%; } }
  @media (max-width: 1449px) and (min-width: 768px) {
    .lead-fixed-form-wrapper-ou-2018, .lead-fixed-form-button-wrapper-ou-2018 {
      top: 62%; } }
  @media (max-width: 767px) {
    .lead-fixed-form-wrapper-ou-2018, .lead-fixed-form-button-wrapper-ou-2018 {
      top: 91%;
      z-index: 2000; } }

.lead-fixed-form-button-wrapper-ou-2018 {
  left: -15px;
  -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
  z-index: 500; }
  @media (min-width: 768px) {
    .lead-fixed-form-button-wrapper-ou-2018 {
      left: 50px; } }
  .lead-fixed-form-button-wrapper-ou-2018 .lead-fixed-form-button-ou-2018 {
    background-color: #c2176a;
    /* background-image: url('../images/user-question-outline-ou-2018.svg'); */
    background-repeat: no-repeat;
    background-size: 33px 33px;
    background-position: 9px center;
    height: 66px;
    /* width: 48px; */
    width: auto;
    color: #fff;
    font-weight: 600;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }
    @media (max-width: 767px) {
      .lead-fixed-form-button-wrapper-ou-2018 .lead-fixed-form-button-ou-2018 {
        background-image: none;
        height: 38px;
        padding-left: 23px;
        width: auto;
        -webkit-border-top-right-radius: 20px;
        border-top-right-radius: 20px;
        -webkit-border-bottom-right-radius: 20px;
        border-bottom-right-radius: 20px; }
        .lead-fixed-form-button-wrapper-ou-2018 .lead-fixed-form-button-ou-2018 i {
          font-size: 1.2em;
          line-height: 0;
          margin-left: 5px;
          margin-right: 2px;
          vertical-align: middle; } }
  .lead-fixed-form-button-wrapper-ou-2018 .lead-fixed-form-button-arrows-ou-2018 {
    background-color: #e8e8e8;
    color: #9c9c9c;
    font-size: 28px;
    height: 66px;
    width: 48px;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-left: -4px; }

.lead-fixed-form-wrapper-ou-2018 {
  left: 98px;
  -webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px; }
  @media (max-width: 767px) {
    .lead-fixed-form-wrapper-ou-2018 {
      left: 0;
      -webkit-border-bottom-left-radius: 0;
      border-bottom-left-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      border-bottom-right-radius: 0; } }
  .lead-fixed-form-wrapper-ou-2018 > div {
    display: flex; }
    @media (max-width: 767px) {
      .lead-fixed-form-wrapper-ou-2018 > div {
        height: 100%; } }
  .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 {
    background-color: #ffffff;
    padding: 10px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 100%; }
    .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .thank-you-wrapper {
      text-align: center;
      padding-top: 20px; }
      @media (max-width: 767px) {
        .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .thank-you-wrapper {
          padding-top: 10%; } }
      @media (min-width: 768px) {
        .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .thank-you-wrapper {
          min-height: 200.5px;
          min-width: 361px; } }
      .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .thank-you-wrapper .success-p {
        font-size: 22px;
        color: #c2176a;
        padding-bottom: 25px;
        border-bottom: 1px solid #e8e8e8; }
        @media (min-width: 768px) {
          .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .thank-you-wrapper .success-p {
            width: 90%;
            margin-right: auto;
            margin-left: auto; } }
        @media (max-width: 767px) {
          .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .thank-you-wrapper .success-p {
            font-size: 21px; } }
        .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .thank-you-wrapper .success-p i {
          font-size: 25px; }
      .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .thank-you-wrapper .promo-p {
        font-size: 1.18em;
        padding-top: 25px; }
        @media (max-width: 767px) {
          .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .thank-you-wrapper .promo-p {
            padding-top: 20px; } }
      @media (max-width: 767px) {
        .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .thank-you-wrapper .list-inline > li {
          display: list-item;
          text-align: right;
          padding-right: 25%;
          padding-bottom: 10px; } }
      .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .thank-you-wrapper .list-inline > li img {
        height: 20px; }
      .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .thank-you-wrapper .list-inline > li a {
        color: #353535; }
    @media (max-width: 767px) {
      .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 {
        padding: 90px 46px 46px;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0; } }
    @media (max-width: 320px) {
      .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 {
        padding-top: 28px; } }
    .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .close {
      font-size: 14px;
      position: absolute;
      left: 25px;
      top: 10px;
      font-weight: 300;
      opacity: .8; }
      .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .close span {
        font-size: 48px;
        vertical-align: middle;
        margin-right: 5px; }
    .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 legend {
      font-size: 1.18em;
      margin-bottom: 10px; }
      .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 legend strong {
        color: #c2176a; }
      @media (max-width: 767px) {
        .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 legend {
          font-size: 1.43em;
          border-bottom: 0;
          text-align: center;
          margin-bottom: 30px; }
          .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 legend strong {
            font-size: 1.23em; } }
    .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .lead-fixed-form-flex-wrapper-ou-2018 {
      display: flex;
      flex-wrap: wrap;
      margin-right: -2%;
      margin-left: -2%; }
      .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .lead-fixed-form-flex-wrapper-ou-2018 > div {
        width: 46%;
        margin-right: 2%;
        margin-left: 2%; }
        .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .lead-fixed-form-flex-wrapper-ou-2018 > div.form-tel {
          width: 27%;
          margin-left: 1%; }
        .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .lead-fixed-form-flex-wrapper-ou-2018 > div.form-tel-prefix {
          width: 17%;
          margin-right: 1%; }
        .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .lead-fixed-form-flex-wrapper-ou-2018 > div.checkbox {
          width: 75%; }
        .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .lead-fixed-form-flex-wrapper-ou-2018 > div.button {
          width: 17%; }
      @media (max-width: 767px) {
        .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .lead-fixed-form-flex-wrapper-ou-2018 > div {
          width: 96%; }
          .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .lead-fixed-form-flex-wrapper-ou-2018 > div.form-tel {
            width: 60%; }
          .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .lead-fixed-form-flex-wrapper-ou-2018 > div.form-tel-prefix {
            width: 34%; }
          .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .lead-fixed-form-flex-wrapper-ou-2018 > div.checkbox {
            width: 96%; }
          .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .lead-fixed-form-flex-wrapper-ou-2018 > div.button {
            width: 96%; }
            .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-ou-2018 .lead-fixed-form-flex-wrapper-ou-2018 > div.button button {
              width: 100%; } }
  .lead-fixed-form-wrapper-ou-2018 .lead-fixed-form-arrows-ou-2018 {
    background-color: #e8e8e8;
    color: #9c9c9c;
    font-size: 28px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0; }

/*collapse horizontal transition DESKTOP and vertical from bottom transition MOBILE*/
@media (min-width: 768px) {
  .collapse.width {
    width: 423px;
    height: auto;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease; } }

@media (max-width: 767px) {
  .collapse.width {
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-transition: top 0.5s ease;
    -moz-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
    transition: top 0.5s ease;
    /* &.in {
            top: 100%;
        } */ } }

/*students-interested*/
.students-interested-ou-2018 {
  color: #1c1c1c;
  margin-left: 20px;
  font-size: 16px; }
  .students-interested-ou-2018 a {
    color: #1c1c1c;
    display: inline-block;
    padding-top: 7px;
    /* TEMP */
    /* END TEMP */ }
    .students-interested-ou-2018 a span {
      width: 27px;
      height: 27px;
      font-size: 25px;
      line-height: 0;
      vertical-align: middle; }
    .students-interested-ou-2018 a:hover, .students-interested-ou-2018 a:focus {
      text-decoration: none;
      text-shadow: 0 0 0.01px #020202; }
      .students-interested-ou-2018 a:hover span.openu-student:before, .students-interested-ou-2018 a:focus span.openu-student:before {
        content: "\67"; }
      .students-interested-ou-2018 a:hover span.openu-interest:before, .students-interested-ou-2018 a:focus span.openu-interest:before {
        content: "\65"; }
    .students-interested-ou-2018 a.students-interested-ou-2018-staff {
      background-image: url(../../global/images/SEGEL_ICO.png);
      background-repeat: no-repeat;
      background-position: 26px -1px;
      padding-right: 28px;
      background-size: 28px; }
      .students-interested-ou-2018 a.students-interested-ou-2018-staff:hover, .students-interested-ou-2018 a.students-interested-ou-2018-staff:focus {
        background-position: 26px -33px; }
    .students-interested-ou-2018 a.students-interested-ou-2018-graduates {
      background-image: url(../../global/images/BOGRIM_ICO.png);
      background-repeat: no-repeat;
      background-position: 42px 0;
      padding-right: 28px;
      background-size: 28px; }
      .students-interested-ou-2018 a.students-interested-ou-2018-graduates:hover, .students-interested-ou-2018 a.students-interested-ou-2018-graduates:focus {
        background-position: 42px -40px; }

/*students-interested + lang MOBILE*/
#placeHolderLanIntStu {
  background-color: #424242;
  /*border-bottom: darken( $black-color, 10% ) 1px solid;*/
  position: fixed;
  width: 100%; }
  #placeHolderLanIntStu .students-interested-ou-2018 {
    display: flex !important;
    justify-content: space-between;
    color: #9d9d9d;
    float: right;
    width: 67%;
    margin-left: 0;
    font-size: 13px;
    padding: 11px 15px 10px 15px;
    background-color: #4f4f4f; }
    #placeHolderLanIntStu .students-interested-ou-2018 a {
      color: #ffffff;
      padding-top: 0;
      /* TEMP */
      /* END TEMP */ }
      #placeHolderLanIntStu .students-interested-ou-2018 a span {
        font-size: 21px;
        width: 21px;
        height: 21px; }
      #placeHolderLanIntStu .students-interested-ou-2018 a.students-interested-ou-2018-staff, #placeHolderLanIntStu .students-interested-ou-2018 a.students-interested-ou-2018-graduates {
        background-image: none;
        padding-right: 0; }
  #placeHolderLanIntStu .languages-ou-2018 {
    float: left;
    width: 33%;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 15px;
    color: #bbbbbb;
    text-align: left; }
    #placeHolderLanIntStu .languages-ou-2018 a {
      color: #ffffff; }

/* old css from global/css/wrapper.rtl.css */
.container-fluid .row .col-openu-wide-12 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

/* END old css from global/css/wrapper.rtl.css */
/*variables*/
/*gradient*/
/*radius*/
/* transform origin */
/*transform rotate*/
/*transform scale*/
/*transform translate*/
/*transform rotate-translate*/
/*box-shadow*/
/*transition*/
/*animation*/
/*bg image on gradient*/
/*flex-wrap extend*/
/*variables*/
/*gradient*/
/*radius*/
/* transform origin */
/*transform rotate*/
/*transform scale*/
/*transform translate*/
/*transform rotate-translate*/
/*box-shadow*/
/*transition*/
/*animation*/
/*bg image on gradient*/
/*flex-wrap extend*/
.material-container-ou-2018 {
  /*.form-group .prefix,
    .form-group .prefix {
        height: 1.9em;
        line-height: 1.9;
    }*/ }
  .material-container-ou-2018 .form-radio,
  .material-container-ou-2018 .form-group {
    direction: rtl;
    position: relative;
    margin-top: 0.65em;
    margin-bottom: 0.6em; }
  .material-container-ou-2018 .form-inline > .form-group,
  .material-container-ou-2018 .form-inline > .btn {
    display: inline-block;
    margin-bottom: 0; }
  .material-container-ou-2018 .form-help {
    margin-top: 0.125em;
    margin-right: 0.125em;
    color: #707070;
    font-size: 0.8em; }
  .material-container-ou-2018 .checkbox .form-help,
  .material-container-ou-2018 .form-radio .form-help,
  .material-container-ou-2018 .form-group .form-help {
    position: absolute;
    width: 100%; }
  .material-container-ou-2018 .checkbox .form-help {
    position: relative;
    margin-bottom: 1em; }
  .material-container-ou-2018 .form-radio .form-help {
    padding-top: 0.25em;
    margin-top: -1em; }
  .material-container-ou-2018 .form-group input {
    height: 1.9em; }
  .material-container-ou-2018 .form-group textarea {
    resize: none; }
  .material-container-ou-2018 .form-group select {
    width: 100%;
    font-size: 1em;
    height: 1.9em;
    padding: 0.125em 0.125em 0.0625em;
    background: none;
    border: none;
    line-height: 1.9;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url(../images/FORM_ARROW.svg);
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 0 10px;
    background-size: 10px 10px; }
  .material-container-ou-2018 .form-group select::-ms-expand {
    display: none; }
  .material-container-ou-2018 .form-group select ~ .control-label {
    right: 0; }
  .material-container-ou-2018 .form-group .control-label {
    position: absolute;
    top: 0.25em;
    pointer-events: none;
    padding-right: 0.125em;
    z-index: 1;
    color: #707070;
    font-size: 1em;
    font-weight: normal;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease; }
    .material-container-ou-2018 .form-group .control-label span {
      color: #c2176a; }
  .material-container-ou-2018 .form-group .bar {
    position: relative;
    border-bottom: 0.0825em solid #ccc;
    display: block; }
  .material-container-ou-2018 .form-group .bar::before {
    content: '';
    height: 0.125em;
    width: 0;
    right: 50%;
    bottom: -0.0625em;
    position: absolute;
    background: #c2176a;
    -webkit-transition: right 0.28s ease, width 0.28s ease;
    -moz-transition: right 0.28s ease, width 0.28s ease;
    -o-transition: right 0.28s ease, width 0.28s ease;
    transition: right 0.28s ease, width 0.28s ease;
    z-index: 2; }
  .material-container-ou-2018 .form-group input,
  .material-container-ou-2018 .form-group textarea {
    display: block;
    background: none;
    padding: 0.125em 0.125em 0.0625em;
    font-size: 1em;
    border-width: 0;
    border-color: transparent;
    line-height: 1.9;
    width: 100%;
    color: transparent;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .material-container-ou-2018 .form-group input[type="file"] {
    line-height: 1; }
  .material-container-ou-2018 .form-group input[type="file"] ~ .bar {
    display: none; }
  .material-container-ou-2018 .form-group select,
  .material-container-ou-2018 .form-group input:focus,
  .material-container-ou-2018 .form-group input:valid,
  .material-container-ou-2018 .form-group input.form-file,
  .material-container-ou-2018 .form-group input.has-value,
  .material-container-ou-2018 .form-group textarea:focus,
  .material-container-ou-2018 .form-group textarea:valid,
  .material-container-ou-2018 .form-group textarea.form-file,
  .material-container-ou-2018 .form-group textarea.has-value {
    color: #333; }
  .material-container-ou-2018 .form-group {
    min-height: 3em;
    margin-bottom: 0; }
  .material-container-ou-2018 .form-group select:focus ~ .control-label,
  .material-container-ou-2018 .form-group select:valid ~ .control-label,
  .material-container-ou-2018 .form-group input:focus ~ .control-label,
  .material-container-ou-2018 .form-group input:valid ~ .control-label,
  .material-container-ou-2018 .form-group input.form-file ~ .control-label,
  .material-container-ou-2018 .form-group input.has-value ~ .control-label,
  .material-container-ou-2018 .form-group textarea:focus ~ .control-label,
  .material-container-ou-2018 .form-group textarea:valid ~ .control-label,
  .material-container-ou-2018 .form-group textarea.form-file ~ .control-label,
  .material-container-ou-2018 .form-group textarea.has-value ~ .control-label {
    font-size: 0.8em;
    color: gray;
    top: -1em;
    right: 0; }
  .material-container-ou-2018 .form-group select:focus,
  .material-container-ou-2018 .form-group input:focus,
  .material-container-ou-2018 .form-group textarea:focus {
    outline: none; }
  .material-container-ou-2018 .form-group select:focus ~ .control-label,
  .material-container-ou-2018 .form-group input:focus ~ .control-label,
  .material-container-ou-2018 .form-group textarea:focus ~ .control-label {
    color: #670c38; }
  .material-container-ou-2018 .form-group select:focus ~ .bar::before,
  .material-container-ou-2018 .form-group input:focus ~ .bar::before,
  .material-container-ou-2018 .form-group textarea:focus ~ .bar::before {
    width: 100%;
    right: 0; }
  .material-container-ou-2018 .checkbox label,
  .material-container-ou-2018 .form-radio label {
    position: relative;
    cursor: pointer;
    padding-right: 1.5em;
    text-align: right;
    font-size: .8em;
    color: #333;
    display: block; }
  .material-container-ou-2018 .checkbox input,
  .material-container-ou-2018 .form-radio input {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    right: 0; }
  .material-container-ou-2018 .radio {
    margin-bottom: 0.7em; }
  .material-container-ou-2018 .radio .helper {
    position: absolute;
    top: -0.25em;
    right: -0.25em;
    cursor: pointer;
    display: block;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #999; }
  .material-container-ou-2018 .radio .helper::before,
  .material-container-ou-2018 .radio .helper::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    margin: 0.25em;
    width: 1em;
    height: 1em;
    -webkit-transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    -moz-transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    -o-transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    border-radius: 50%;
    border: 0.125em solid currentColor; }
  .material-container-ou-2018 .radio .helper::after {
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #c2176a;
    border-color: #c2176a; }
  .material-container-ou-2018 .radio label:hover .helper {
    color: #c2176a; }
  .material-container-ou-2018 .radio input:checked ~ .helper::after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  .material-container-ou-2018 .radio input:checked ~ .helper::before {
    color: #670c38; }
  .material-container-ou-2018 .radio input:focus ~ .helper,
  .material-container-ou-2018 .checkbox input:focus ~ .helper {
    border-color: #c2176a;
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #c2176a;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #c2176a;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #c2176a; }
  .material-container-ou-2018 .checkbox, .material-container-ou-2018 .button {
    margin-top: 0.7em;
    margin-bottom: 0.7em; }
  .material-container-ou-2018 .checkbox .helper {
    color: #999;
    position: absolute;
    top: 0;
    right: 0;
    width: 1em;
    height: 1em;
    z-index: 0;
    border: 0.12em solid currentColor;
    border-radius: 0.0625em;
    -webkit-transition: border-color 0.28s ease;
    -moz-transition: border-color 0.28s ease;
    -o-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease; }
  .material-container-ou-2018 .checkbox .helper::before,
  .material-container-ou-2018 .checkbox .helper::after {
    position: absolute;
    height: 0;
    width: 0.2em;
    background-color: #c2176a;
    display: block;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    border-radius: 0.25em;
    content: '';
    -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
    -moz-transition: opacity 0.28s ease, height 0s linear 0.28s;
    -o-transition: opacity 0.28s ease, height 0s linear 0.28s;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0; }
  .material-container-ou-2018 .checkbox .helper::before {
    top: 0.65em;
    right: 0.38em;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-box-shadow: 0 0 0 0.0625em #fff;
    box-shadow: 0 0 0 0.0625em #fff; }
  .material-container-ou-2018 .checkbox .helper::after {
    top: 0.3em;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .material-container-ou-2018 .checkbox label:hover .helper {
    color: #c2176a; }
  .material-container-ou-2018 .checkbox input:checked ~ .helper {
    color: #c2176a; }
  .material-container-ou-2018 .checkbox input:checked ~ .helper::after,
  .material-container-ou-2018 .checkbox input:checked ~ .helper::before {
    opacity: 1;
    -webkit-transition: height 0.28s ease;
    -moz-transition: height 0.28s ease;
    -o-transition: height 0.28s ease;
    transition: height 0.28s ease; }
  .material-container-ou-2018 .checkbox input:checked ~ .helper::after {
    height: 0.5em; }
  .material-container-ou-2018 .checkbox input:checked ~ .helper::before {
    height: 1.2em;
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s; }
  .material-container-ou-2018 .radio + .radio,
  .material-container-ou-2018 .checkbox + .checkbox {
    margin-top: 0.8em; }
  .material-container-ou-2018 .has-error.form-group .form-help,
  .material-container-ou-2018 .has-error.form-group .helper,
  .material-container-ou-2018 .has-error.checkbox .form-help,
  .material-container-ou-2018 .has-error.checkbox .helper,
  .material-container-ou-2018 .has-error.radio .form-help,
  .material-container-ou-2018 .has-error.radio .helper,
  .material-container-ou-2018 .has-error.form-radio .form-help,
  .material-container-ou-2018 .has-error.form-radio .helper {
    color: #d50000; }
  .material-container-ou-2018 .has-error .bar::before {
    background: #d50000;
    right: 0;
    width: 100%; }
  .material-container-ou-2018 .error-message {
    display: none; }
  .material-container-ou-2018 .has-error .error-message {
    min-height: 1em;
    font-size: 0.7em;
    color: #d50000 !important;
    -webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
    display: block;
    opacity: 1; }
  .material-container-ou-2018 .has-error .error-message[style*="visibility:hidden"],
  .material-container-ou-2018 .has-error .error-message[style^="visibility:hidden"],
  .material-container-ou-2018 .has-error .error-message[style*="visibility: hidden"],
  .material-container-ou-2018 .has-error .error-message[style^="visibility: hidden"] {
    display: table-column !important;
    max-height: 0;
    font-size: 0;
    opacity: 0; }
  .material-container-ou-2018 .has-error.error-message {
    display: block;
    color: #d50000;
    background-clip: padding-box;
    background-color: #FFF;
    border: 1px solid #d50000;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: inline-block;
    padding: 2px 4px;
    position: relative;
    text-align: right;
    white-space: normal;
    z-index: 1020;
    font-weight: normal;
    white-space: pre; }
  .material-container-ou-2018 .btn-default {
    color: #fff;
    background-color: #c2176a;
    border-color: #c2176a;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }
    .material-container-ou-2018 .btn-default:hover, .material-container-ou-2018 .btn-default:focus {
      color: #c2176a;
      background-color: #fff;
      border-color: #c2176a;
      text-shadow: 0 0 0.01px #670c38; }

/* campaigns css from global/css/webParts.rtl.css */
.material-container,
.material-container input,
.material-container select,
.material-container textarea,
.material-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.material-container::after, .material-container::before,
.material-container input::after,
.material-container input::before,
.material-container select::after,
.material-container select::before,
.material-container textarea::after,
.material-container textarea::before,
.material-container *::after,
.material-container *::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.material-container .container {
  position: relative;
  max-width: 40em;
  margin: 5em auto;
  background: #fff;
  width: 100%;
  padding: 3em 5em 0;
  border-radius: 1px; }

.material-container .container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
  -webkit-transition: -webkit-transform 0.28s ease-in-out;
  transition: -webkit-transform 0.28s ease-in-out;
  transition: transform 0.28s ease-in-out;
  transition: transform 0.28s ease-in-out, -webkit-transform 0.28s ease-in-out;
  z-index: -1; }

.material-container .container:hover::before {
  -webkit-transform: scale(1);
  transform: scale(1); }

.material-container .button-container {
  text-align: center; }

.material-container fieldset {
  margin: 2em 0 3em;
  padding: 10px 15px;
  border: none;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.material-container .form-radio,
.material-container .form-group {
  direction: rtl;
  position: relative;
  margin-top: 0.65em;
  margin-bottom: 0.6em; }

.material-container .form-inline > .form-group,
.material-container .form-inline > .btn {
  display: inline-block;
  margin-bottom: 0; }

.material-container .form-help {
  margin-top: 0.125em;
  margin-right: 0.125em;
  color: #666666;
  font-size: 0.8em; }

.material-container .checkbox .form-help,
.material-container .form-radio .form-help,
.material-container .form-group .form-help {
  position: absolute;
  width: 100%; }

.material-container .checkbox .form-help {
  position: relative;
  margin-bottom: 1em; }

.material-container .form-radio .form-help {
  padding-top: 0.25em;
  margin-top: -1em; }

.material-container .form-group input {
  height: 1.9em; }

.material-container .form-group textarea {
  resize: none; }

.material-container .form-group select {
  width: 100%;
  font-size: 1em;
  height: 1.9em;
  padding: 0.125em 0.125em 0.0625em;
  background: none;
  border: none;
  line-height: 1.9;
  -webkit-box-shadow: none;
  box-shadow: none; }

.material-container .form-group select ~ .control-label {
  right: 0; }

.material-container .form-group .control-label {
  position: absolute;
  top: 0.25em;
  pointer-events: none;
  padding-right: 0.125em;
  z-index: 1;
  color: #666666;
  font-size: 1em;
  font-weight: normal;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease; }

.material-container .form-group .bar {
  position: relative;
  border-bottom: 0.0825em solid #ccc;
  display: block; }

.material-container .form-group .bar::before {
  content: '';
  height: 0.125em;
  width: 0;
  right: 50%;
  bottom: -0.0625em;
  position: absolute;
  background: #C2176A;
  -webkit-transition: right 0.28s ease, width 0.28s ease;
  transition: right 0.28s ease, width 0.28s ease;
  z-index: 2; }

.material-container.blue-button .form-group .bar::before {
  background: #2364DB; }

.material-container .form-group input,
.material-container .form-group textarea {
  display: block;
  background: none;
  padding: 0.125em 0.125em 0.0625em;
  font-size: 1em;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  -webkit-box-shadow: none;
  box-shadow: none; }

.material-container .form-group input[type="file"] {
  line-height: 1; }

.material-container .form-group input[type="file"] ~ .bar {
  display: none; }

.material-container .form-group select,
.material-container .form-group input:focus,
.material-container .form-group input:valid,
.material-container .form-group input.form-file,
.material-container .form-group input.has-value,
.material-container .form-group textarea:focus,
.material-container .form-group textarea:valid,
.material-container .form-group textarea.form-file,
.material-container .form-group textarea.has-value {
  color: #333; }

.material-container .form-group {
  min-height: 3em; }

.material-container .form-group div[class^="col-"] > .prefix,
.material-container .form-group div[class*=" col-"] > .prefix {
  height: 1.9em;
  line-height: 1.9; }

.material-container .form-group select:focus ~ .control-label,
.material-container .form-group select:valid ~ .control-label,
.material-container .form-group input:focus ~ .control-label,
.material-container .form-group input:valid ~ .control-label,
.material-container .form-group input.form-file ~ .control-label,
.material-container .form-group input.has-value ~ .control-label,
.material-container .form-group textarea:focus ~ .control-label,
.material-container .form-group textarea:valid ~ .control-label,
.material-container .form-group textarea.form-file ~ .control-label,
.material-container .form-group textarea.has-value ~ .control-label {
  font-size: 0.8em;
  color: gray;
  top: -1em;
  right: 0; }

.material-container .form-group select:focus,
.material-container .form-group input:focus,
.material-container .form-group textarea:focus {
  outline: none; }

.material-container .form-group select:focus ~ .control-label,
.material-container .form-group input:focus ~ .control-label,
.material-container .form-group textarea:focus ~ .control-label {
  color: #C2176A; }

.material-container.blue-button .form-group select:focus ~ .control-label,
.material-container.blue-button .form-group input:focus ~ .control-label,
.material-container.blue-button .form-group textarea:focus ~ .control-label {
  color: #2364DB; }

.material-container .form-group select:focus ~ .bar::before,
.material-container .form-group input:focus ~ .bar::before,
.material-container .form-group textarea:focus ~ .bar::before {
  width: 100%;
  right: 0; }

.material-container .checkbox label,
.material-container .form-radio label {
  position: relative;
  cursor: pointer;
  padding-right: 1.5em;
  text-align: right;
  font-size: .8em;
  color: #333;
  display: block; }

.material-container .checkbox input,
.material-container .form-radio input {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  right: 0; }

.material-container .radio {
  margin-bottom: 0.7em; }

.material-container .radio .helper {
  position: absolute;
  top: -0.25em;
  right: -0.25em;
  cursor: pointer;
  display: block;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #999; }

.material-container .radio .helper::before,
.material-container .radio .helper::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  margin: 0.25em;
  width: 1em;
  height: 1em;
  -webkit-transition: -webkit-transform 0.28s ease;
  transition: -webkit-transform 0.28s ease;
  transition: transform 0.28s ease;
  transition: transform 0.28s ease, -webkit-transform 0.28s ease;
  border-radius: 50%;
  border: 0.125em solid currentColor; }

.material-container .radio .helper::after {
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: #C2176A;
  border-color: #C2176A; }

.material-container.blue-button .radio .helper::after {
  background-color: #2364DB;
  border-color: #2364DB; }

.material-container .radio label:hover .helper {
  color: #C2176A; }

.material-container.blue-button .radio label:hover .helper {
  color: #2364DB; }

.material-container .radio input:checked ~ .helper::after {
  -webkit-transform: scale(0.5);
  transform: scale(0.5); }

.material-container .radio input:checked ~ .helper::before {
  color: #C2176A; }

.material-container.blue-button .radio input:checked ~ .helper::before {
  color: #2364DB; }

.material-container .radio input:focus ~ .helper,
.material-container .checkbox input:focus ~ .helper {
  border-color: #C2176A;
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #C2176A;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #C2176A;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #C2176A; }

.material-container.blue-button .radio input:focus ~ .helper,
.material-container.blue-button .checkbox input:focus ~ .helper {
  border-color: #2364DB;
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #2364DB;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #2364DB;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px #2364DB; }

.material-container .checkbox {
  margin-top: 0.7em;
  margin-bottom: 0.7em; }

.material-container .checkbox .helper {
  color: #999;
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 1em;
  z-index: 0;
  border: 0.125em solid currentColor;
  border-radius: 0.0625em;
  -webkit-transition: border-color 0.28s ease;
  transition: border-color 0.28s ease; }

.material-container .checkbox .helper::before,
.material-container .checkbox .helper::after {
  position: absolute;
  height: 0;
  width: 0.2em;
  background-color: #C2176A;
  display: block;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  border-radius: 0.25em;
  content: '';
  -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0; }

.material-container.blue-button .checkbox .helper::before,
.material-container.blue-button .checkbox .helper::after {
  background-color: #2364DB; }

.material-container .checkbox .helper::before {
  top: 0.65em;
  right: 0.38em;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-box-shadow: 0 0 0 0.0625em #fff;
  box-shadow: 0 0 0 0.0625em #fff; }

.material-container .checkbox .helper::after {
  top: 0.3em;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.material-container .checkbox label:hover .helper {
  color: #C2176A; }

.material-container.blue-button .checkbox label:hover .helper {
  color: #2364DB; }

.material-container .checkbox input:checked ~ .helper {
  color: #C2176A; }

.material-container.blue-button .checkbox input:checked ~ .helper {
  color: #2364DB; }

.material-container .checkbox input:checked ~ .helper::after,
.material-container .checkbox input:checked ~ .helper::before {
  opacity: 1;
  -webkit-transition: height 0.28s ease;
  transition: height 0.28s ease; }

.material-container .checkbox input:checked ~ .helper::after {
  height: 0.5em; }

.material-container .checkbox input:checked ~ .helper::before {
  height: 1.2em;
  -webkit-transition-delay: 0.28s;
  transition-delay: 0.28s; }

.material-container .radio + .radio,
.material-container .checkbox + .checkbox {
  margin-top: 0.8em; }

.material-container .has-error .legend.legend,
.material-container .has-error.form-group .control-label.control-label {
  color: #d50000; }

.material-container .has-error.form-group .form-help,
.material-container .has-error.form-group .helper,
.material-container .has-error.checkbox .form-help,
.material-container .has-error.checkbox .helper,
.material-container .has-error.radio .form-help,
.material-container .has-error.radio .helper,
.material-container .has-error.form-radio .form-help,
.material-container .has-error.form-radio .helper {
  color: #d50000; }

.material-container div[class^="col-"].has-error .control-label,
.material-container div[class*=" col-"].has-error .control-label {
  color: #d50000; }

.material-container .has-error .bar::before {
  background: #d50000;
  right: 0;
  width: 100%; }

.material-container .error-message {
  display: none; }

.material-container .has-error .bar ~ .error-message {
  min-height: 1em;
  font-size: 0.9em;
  color: #d50000 !important;
  transition: .25s ease;
  display: block;
  opacity: 1; }

.material-container .has-error .bar ~ .error-message[style*="visibility:hidden"],
.material-container .has-error .bar ~ .error-message[style^="visibility:hidden"],
.material-container .has-error .bar ~ .error-message[style*="visibility: hidden"],
.material-container .has-error .bar ~ .error-message[style^="visibility: hidden"] {
  display: table-column !important;
  max-height: 0;
  font-size: 0;
  opacity: 0; }

.material-container .has-error.error-message {
  display: block;
  color: #d50000;
  background-clip: padding-box;
  background-color: #FFF;
  border: 1px solid #d50000;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  display: inline-block;
  padding: 2px 4px;
  position: relative;
  text-align: right;
  white-space: normal;
  z-index: 1020;
  font-weight: normal;
  white-space: pre; }

.material-container .button {
  position: relative;
  font-size: 1em;
  margin: 0.9em 0;
  padding: 0.55em 2em;
  color: #fff;
  background-color: #C2176A;
  border: 1px solid #C2176A;
  width: 100%;
  -webkit-border-top-right-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: background-color 0.28s ease, color 0.28s ease, -webkit-box-shadow 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease, -webkit-box-shadow 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease, -webkit-box-shadow 0.28s ease;
  overflow: hidden; }

.material-container.blue-button .button {
  background-color: #2364DB;
  border-color: #2364DB; }

.material-container .button span {
  color: #fff;
  position: relative;
  z-index: 1; }

.material-container .button::before {
  content: '';
  position: absolute;
  background: #071017;
  border: 50vh solid #1c5567;
  width: 30vh;
  height: 30vh;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0); }

.material-container .button:hover,
.material-container .button:focus {
  color: #C2176A;
  background-color: #FFF; }

.material-container.blue-button .button:hover,
.material-container.blue-button .button:focus {
  color: #2364DB;
  border-color: #2364DB; }

.material-container .button:active::before,
.material-container .button:focus::before {
  -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 0; }

.material-container .button:focus {
  outline: none; }

.material-container .form-group div[class^="col-"],
.material-container .form-group div[class*=" col-"] {
  padding: 0; }

.material-container .form-group div[class^="col-"].prefix-space,
.material-container .form-group div[class*=" col-"].prefix-space {
  padding: 0 0 0 1em; }

.material-container legend {
  font-size: 1.3em;
  margin-bottom: 0.3em;
  border: none;
  text-align: center; }

.collapse-button {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #007dad;
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  width: 100%;
  -webkit-transition: background-color 0.28s ease, color 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease; }

.collapse-button:hover {
  color: #FFF;
  background: #005c81; }

/* ie select arrow (bug in ie fix everywhere) */
.material-container .form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 3px; }

.material-container .form-group select::-ms-expand {
  display: none; }

.material-container .form-group.form-select {
  position: relative; }

.material-container .form-group.form-select:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: .85em;
  left: 0.3em;
  border-top: 5px solid black;
  opacity: 0.5; }

/* end ie select arrow (bug in ie fix everywhere) */
/* material-container-horizontal */
.material-container div.form-group[class*=" col-"] div[class^="col-"].prefix-space input:focus ~ .control-label,
.material-container div.form-group[class*=" col-"] div[class*=" col-"].prefix-space input:focus ~ .control-label {
  right: 0; }

.material-container div.form-group[class*=" col-"] div[class^="col-"] > .prefix ~ .control-label,
.material-container div.form-group[class*=" col-"] div[class*=" col-"] > .prefix ~ .control-label {
  right: 0; }

.material-container div.form-group[class*=" col-"] select:focus ~ .control-label,
.material-container div.form-group[class*=" col-"] select:valid ~ .control-label,
.material-container div.form-group[class*=" col-"] input:focus ~ .control-label,
.material-container div.form-group[class*=" col-"] input:valid ~ .control-label,
.material-container div.form-group[class*=" col-"] input.form-file ~ .control-label,
.material-container div.form-group[class*=" col-"] input.has-value ~ .control-label,
.material-container div.form-group[class*=" col-"] textarea:focus ~ .control-label,
.material-container div.form-group[class*=" col-"] textarea:valid ~ .control-label,
.material-container div.form-group[class*=" col-"] textarea.form-file ~ .control-label,
.material-container div.form-group[class*=" col-"] textarea.has-value ~ .control-label {
  right: 1.3em; }

.material-container div.form-group[class*=" col-"].form-select:after {
  left: 1.3em; }

.material-container div.form-group[class*=" col-"] select ~ .control-label {
  right: 1em; }

.material-container div.form-group[class*=" col-"] {
  min-height: 3.5em; }

/* .material-container div[class*=" col-"] .button {
    padding: 8px 16px;
    font-size: 20px;
    margin: 0;
} */
.material-container.material-container-horizontal fieldset {
  padding: 15px;
  margin: 0; }

.material-container.material-container-horizontal fieldset legend {
  padding-right: 15px;
  text-align: right; }

/* end material-container-horizontal */
/* END campaigns css from global/css/webParts.rtl.css */
/*breadcrumb*/
.breadcrumb {
  color: #727272;
  margin: 0;
  padding: 12px 50px 12px 15px;
  font-size: 11px;
  background-color: #ffffff;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb; }
  @media (max-width: 767px) {
    .breadcrumb {
      padding-right: 15px; } }
  .breadcrumb .breadcrumb-item a {
    color: #333;
    padding-top: 8px;
    padding-bottom: 8px; }
    .breadcrumb .breadcrumb-item a:hover, .breadcrumb .breadcrumb-item a:focus {
      color: #2364db;
      text-decoration: none; }
    .breadcrumb .breadcrumb-item a img {
      display: none; }

/*carousel-generic-wide-ou-2018*/
.carousel-generic-wide-ou-2018 .carousel-inner > .item > img {
  opacity: 0.9; }

.carousel-generic-wide-ou-2018 .carousel-indicators {
  padding: 0;
  margin: 0;
  right: 15px;
  left: auto;
  width: inherit;
  height: 8px;
  text-align: inherit;
  top: 115px;
  z-index: 400; }
  .carousel-generic-wide-ou-2018 .carousel-indicators:focus {
    outline: none;
    /*NO OUTLINE - just color focus is enough... and it's more decorative and less informative */ }
  @media (min-width: 1460px) {
    .carousel-generic-wide-ou-2018 .carousel-indicators {
      top: 145px; } }
  @media (min-width: 768px) {
    .carousel-generic-wide-ou-2018 .carousel-indicators {
      right: 50px; } }
  @media (max-width: 767px) {
    .carousel-generic-wide-ou-2018 .carousel-indicators {
      top: 70px; } }
  .carousel-generic-wide-ou-2018 .carousel-indicators li {
    display: block;
    float: right;
    width: 35px;
    height: 6px;
    margin-left: 8px;
    background-color: #e8e8e8;
    border: none; }
    .carousel-generic-wide-ou-2018 .carousel-indicators li:last-child {
      margin-left: 0; }
    .carousel-generic-wide-ou-2018 .carousel-indicators li.active {
      width: 35px;
      height: 6px;
      margin: 1px;
      margin-left: 8px;
      background-color: #c2176a;
      border: none; }
      .carousel-generic-wide-ou-2018 .carousel-indicators li.active:last-child {
        margin-left: 0; }
    @media (max-width: 767px) {
      .carousel-generic-wide-ou-2018 .carousel-indicators li {
        width: 28px;
        height: 5px; }
        .carousel-generic-wide-ou-2018 .carousel-indicators li.active {
          width: 28px;
          height: 5px; } }

.carousel-generic-wide-ou-2018 .carousel-caption {
  color: #353535;
  left: inherit;
  right: inherit;
  margin: 0;
  top: 100px;
  text-align: right;
  text-shadow: none;
  bottom: auto;
  width: 45%; }
  @media (min-width: 1460px) {
    .carousel-generic-wide-ou-2018 .carousel-caption {
      width: 37%;
      top: 130px; } }
  @media (max-width: 767px) {
    .carousel-generic-wide-ou-2018 .carousel-caption {
      top: 55px;
      width: 60%; } }
  .carousel-generic-wide-ou-2018 .carousel-caption h1 {
    line-height: .95;
    letter-spacing: 1px;
    font-size: 64px; }
    @media (min-width: 1460px) {
      .carousel-generic-wide-ou-2018 .carousel-caption h1 {
        font-size: 68px;
        margin-top: 25px;
        margin-bottom: 15px; } }
    @media (max-width: 1199px) and (min-width: 768px) {
      .carousel-generic-wide-ou-2018 .carousel-caption h1 {
        font-size: 52px; } }
    @media (max-width: 767px) {
      .carousel-generic-wide-ou-2018 .carousel-caption h1 {
        font-size: 26px;
        margin-bottom: 5px;
        line-height: 1; } }
  .carousel-generic-wide-ou-2018 .carousel-caption h2 {
    margin-top: 0px;
    margin-bottom: 25px;
    letter-spacing: 1px;
    font-size: 24px; }
    @media (min-width: 1460px) {
      .carousel-generic-wide-ou-2018 .carousel-caption h2 {
        font-size: 25px;
        margin-bottom: 30px; } }
    @media (max-width: 1199px) and (min-width: 768px) {
      .carousel-generic-wide-ou-2018 .carousel-caption h2 {
        font-size: 20px; } }
    @media (max-width: 767px) {
      .carousel-generic-wide-ou-2018 .carousel-caption h2 {
        font-size: 17px;
        line-height: 1.2; } }
  .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px #dddddd solid;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 8px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px; }
    @media (min-width: 1200px) {
      .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp) {
        font-size: 17px; } }
    @media (max-width: 1199px) and (min-width: 768px) {
      .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp) {
        font-size: 15px; } }
    @media (max-width: 767px) {
      .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp) {
        font-size: 12px; } }
    .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default {
      background-color: #fff;
      color: #000000; }
      .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default span {
        position: relative;
        left: -8px;
        display: inline-block;
        padding: 7px 14px;
        color: #ffffff;
        background-color: #353535;
        -webkit-border-bottom-left-radius: 9px;
        border-bottom-left-radius: 9px;
        width: 40px;
        /*i {
                        font-size: 21px;
                        position: relative;
                        top: 0;
                        display: inline-block;
                        line-height: 1;
                    }*/
        /*@media (max-width: 767px) {
                        left: -5px;
                        padding: 4px 8px;

                        i {
                            font-size: 18px;
                        }
                    }*/ }
        .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default span i {
          color: #ffffff;
          font-size: 16px;
          -ms-transform: rotate(90deg);
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          transform: rotate(90deg); }
        @media (max-width: 767px) {
          .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default span {
            left: -5px;
            width: 32px;
            padding: 7px 10px; }
            .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default span i {
              color: #ffffff; } }
      .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default:hover, .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default:focus, .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default:active, .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default.active {
        border-color: #c2176a;
        -webkit-transition: border-color 0.4s ease 0s;
        -moz-transition: border-color 0.4s ease 0s;
        -o-transition: border-color 0.4s ease 0s;
        transition: border-color 0.4s ease 0s;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
        .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default:hover span, .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default:focus span, .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default:active span, .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default.active span {
          background-color: #c2176a;
          color: #ffffff;
          -webkit-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
          -moz-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
          -o-transition: color 0.4s ease 0s, background-color 0.4s ease 0s;
          transition: color 0.4s ease 0s, background-color 0.4s ease 0s; }
          .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default:hover span i, .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default:focus span i, .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default:active span i, .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp).btn-default.active span i {
            -ms-transform: rotate(90deg) translate(0, 5px);
            -webkit-transform: rotate(90deg) translate(0, 5px);
            -moz-transform: rotate(90deg) translate(0, 5px);
            transform: rotate(90deg) translate(0, 5px);
            -webkit-transition: all 0.4s ease 0s;
            -moz-transition: all 0.4s ease 0s;
            -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s; }
    @media (max-width: 767px) {
      .carousel-generic-wide-ou-2018 .carousel-caption .btn:not(.scroll-into-top-button-wp) {
        padding: 0 10px 0 5px; } }

/*video controls*/
.video-controls#pause-video-btn:hover, .video-controls#pause-video-btn:focus, .video-controls#pause-video-btn:active, .video-controls#play-video-btn:hover, .video-controls#play-video-btn:focus, .video-controls#play-video-btn:active {
  border: 2px solid #fff;
  background: rgba(255, 255, 255, 0.2); }

.video-controls {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  width: 48px;
  height: 38px;
  background: rgba(0, 0, 0, 0.2);
  border: 2px solid #FFF;
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  border-bottom-left-radius: 12px;
  text-align: center;
  left: 48px;
  top: 100px;
  z-index: 10; }
  .video-controls#pause-video-btn:after {
    content: "";
    width: 9px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0 0 -5px;
    border-right: 2px solid #FFF;
    border-left: 2px solid #FFF; }
  .video-controls#play-video-btn {
    display: none; }
    .video-controls#play-video-btn:after {
      content: "\e071";
      color: #FFF;
      font-family: "Simple-Line-Icons";
      font-size: 19px;
      position: absolute;
      top: 0;
      width: 10px;
      height: 10px;
      left: 23px;
      line-height: 34px;
      text-align: center; }
  .video-controls .video-controls-offset {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }

/*END video controls*/
.clip-svg-stage {
  clip-path: url(#myClipStage); }

/*ellipse clip+crop in lg screen*/
@media (min-width: 1600px) {
  .clip-path-svg-stage {
    clip-path: ellipse(1920px 93% at 50% 0); } }

@media (max-width: 1599px) and (min-width: 768px) {
  .clip-path-svg-stage {
    clip-path: ellipse(1920px 98% at 50% 0); } }

/*ellipse clip+crop in xs screen*/
@media (max-width: 767px) {
  .clip-path-svg-stage {
    clip-path: ellipse(675px 100% at 50% 0); } }

/*Scroll into view CAROUSEL WP*/
.scroll-into-top-button-wp {
  /*center element*/
  position: absolute;
  top: 85%;
  margin: auto;
  left: 0;
  right: 0;
  width: 42px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  /*END center element*/
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-color: #ffffff;
  border-width: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  /*BUTTON: ellipse clip+crop in lg screen*/ }
  @media (min-width: 1600px) {
    .scroll-into-top-button-wp {
      top: 80%; } }
  .scroll-into-top-button-wp .scroll-into-top-arrow {
    transform: scale(0.5) translate(0, 14%) rotate(90deg);
    display: block;
    width: 21.21641px;
    height: 42.43281px;
    position: relative; }
    .scroll-into-top-button-wp .scroll-into-top-arrow span, .scroll-into-top-button-wp .scroll-into-top-arrow:before, .scroll-into-top-button-wp .scroll-into-top-arrow:after {
      background: #fff;
      content: '';
      display: block;
      width: 30px;
      height: 2px;
      position: absolute;
      top: calc(50% - (2px / 2));
      right: 0;
      transform-origin: right 50%; }
    .scroll-into-top-button-wp .scroll-into-top-arrow span {
      width: 0;
      transition: width 0.3s, right 0.3s 0.05s; }
    .scroll-into-top-button-wp .scroll-into-top-arrow:before, .scroll-into-top-button-wp .scroll-into-top-arrow:after {
      transition: right 0.3s 0.05s; }
    .scroll-into-top-button-wp .scroll-into-top-arrow:before {
      transform: rotate(-45deg); }
    .scroll-into-top-button-wp .scroll-into-top-arrow:after {
      transform: rotate(45deg); }
  .scroll-into-top-button-wp:hover, .scroll-into-top-button-wp:focus {
    background-color: #ffffff;
    text-shadow: none;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); }
    .scroll-into-top-button-wp:hover .scroll-into-top-arrow span, .scroll-into-top-button-wp:focus .scroll-into-top-arrow span {
      width: 54.42px; }
    .scroll-into-top-button-wp:hover .scroll-into-top-arrow span, .scroll-into-top-button-wp:hover .scroll-into-top-arrow:before, .scroll-into-top-button-wp:hover .scroll-into-top-arrow:after, .scroll-into-top-button-wp:focus .scroll-into-top-arrow span, .scroll-into-top-button-wp:focus .scroll-into-top-arrow:before, .scroll-into-top-button-wp:focus .scroll-into-top-arrow:after {
      background: #353535;
      right: -21.21641px; }
  @media (max-width: 767px) {
    .scroll-into-top-button-wp {
      width: 30px;
      height: 44px;
      top: 84.5%; }
      .scroll-into-top-button-wp .scroll-into-top-arrow {
        transform: scale(0.4) translate(0, 32%) rotate(90deg); } }

/*studies-ou-2018*/
.studies-ou-2018 {
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  width: 500px;
  height: 200px;
  z-index: 100;
  top: 420px;
  right: 15px;
  font-size: 24px;
  line-height: 1; }
  @media (min-width: 1460px) {
    .studies-ou-2018 {
      top: 500px; } }
  @media (min-width: 768px) {
    .studies-ou-2018 {
      right: 50px; } }
  @media (max-width: 767px) {
    .studies-ou-2018 {
      top: 55%;
      width: 92%;
      height: 138px; } }
  .studies-ou-2018 .studies-degree-BA-ou-2018, .studies-ou-2018 .studies-degree-MA-ou-2018 {
    width: 49.5%;
    color: #fff;
    border: 1px solid;
    display: block;
    margin-bottom: 6px;
    padding-right: 27%;
    padding-top: 4%;
    /*height: 50%;*/
    background-repeat: no-repeat;
    background-size: 100px 100px;
    background-position: 120px center; }
    .studies-ou-2018 .studies-degree-BA-ou-2018 span, .studies-ou-2018 .studies-degree-MA-ou-2018 span {
      font-size: 40px; }
    .studies-ou-2018 .studies-degree-BA-ou-2018:hover, .studies-ou-2018 .studies-degree-BA-ou-2018:focus, .studies-ou-2018 .studies-degree-MA-ou-2018:hover, .studies-ou-2018 .studies-degree-MA-ou-2018:focus {
      text-decoration: none;
      background-color: #fff; }
    @media (max-width: 767px) {
      .studies-ou-2018 .studies-degree-BA-ou-2018, .studies-ou-2018 .studies-degree-MA-ou-2018 {
        font-size: 18px;
        background-size: 55px 55px;
        background-position: 80% center;
        margin-bottom: 3px; }
        .studies-ou-2018 .studies-degree-BA-ou-2018 span, .studies-ou-2018 .studies-degree-MA-ou-2018 span {
          font-size: 26px; } }
  .studies-ou-2018 .studies-degree-BA-ou-2018 {
    background-color: #2364db;
    border-color: #2364db;
    margin-left: .5%;
    -webkit-border-top-right-radius: 40px;
    border-top-right-radius: 40px;
    background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/studies_BA-ou-2018.svg"); }
    .studies-ou-2018 .studies-degree-BA-ou-2018:hover, .studies-ou-2018 .studies-degree-BA-ou-2018:focus {
      color: #2364db;
      background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/STUDY_BA_over_1.svg"); }
    @media (max-width: 767px) {
      .studies-ou-2018 .studies-degree-BA-ou-2018 {
        -webkit-border-top-right-radius: 30px;
        border-top-right-radius: 30px; } }
  .studies-ou-2018 .studies-degree-MA-ou-2018 {
    background-color: #002c7d;
    border-color: #002c7d;
    margin-right: .5%;
    background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/studies_MA-ou-2018.svg"); }
    .studies-ou-2018 .studies-degree-MA-ou-2018:hover, .studies-ou-2018 .studies-degree-MA-ou-2018:focus {
      color: #002c7d;
      background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/STUDY_MBA_over_1.svg"); }
  .studies-ou-2018 .studies-degree-others-ou-2018 {
    width: 25%;
    /*height: 45%;*/
    background-color: #fff;
    position: relative;
    font-size: 16px;
    color: #353535;
    padding-top: 5%;
    padding-right: 11%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 75px center; }
    @media (max-width: 767px) {
      .studies-ou-2018 .studies-degree-others-ou-2018 {
        font-size: 12px;
        padding-right: 10%;
        background-size: 25px 25px;
        background-position: 90% center;
        line-height: 1.2; } }
    .studies-ou-2018 .studies-degree-others-ou-2018:after {
      content: "";
      background: #cfcfcf;
      position: absolute;
      bottom: 15%;
      left: 0;
      height: 70%;
      width: 1px; }
    .studies-ou-2018 .studies-degree-others-ou-2018:hover, .studies-ou-2018 .studies-degree-others-ou-2018:focus {
      text-decoration: none;
      text-shadow: 0 0 0.01px #353535; }
    @media (min-width: 768px) {
      .studies-ou-2018 .studies-degree-others-ou-2018:hover, .studies-ou-2018 .studies-degree-others-ou-2018:focus {
        background-color: #e8e8e8; } }
    .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-populations-ou-2018 {
      /*&.myOpen {
                background-color: $gray-color;
                @include border-bottom-left-radius(0);
            }*/
      -webkit-border-bottom-left-radius: 40px;
      border-bottom-left-radius: 40px;
      background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/STUDY_POP_1.svg"); }
      @media (max-width: 767px) {
        .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-populations-ou-2018 {
          -webkit-border-bottom-left-radius: 30px;
          border-bottom-left-radius: 30px; } }
      .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-populations-ou-2018:hover, .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-populations-ou-2018:focus {
        background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/STUDY_POP_over_1.svg"); }
      .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-populations-ou-2018:after {
        background: transparent; }
      .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-populations-ou-2018 ~ .dropdown-menu {
        left: 0;
        top: 98%;
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -webkit-border-bottom-left-radius: 40px;
        border-bottom-left-radius: 40px;
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
        border: none;
        background-color: #e8e8e8;
        padding: 10px 10px 0 10px; }
        .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-populations-ou-2018 ~ .dropdown-menu li {
          line-height: 1.7;
          margin-bottom: 12px;
          border-right: 3px solid #2364db;
          padding-right: 8px;
          width: 25%;
          float: right; }
          .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-populations-ou-2018 ~ .dropdown-menu li a {
            color: #353535; }
        @media (max-width: 767px) {
          .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-populations-ou-2018 ~ .dropdown-menu {
            -webkit-border-bottom-left-radius: 30px;
            border-bottom-left-radius: 30px; }
            .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-populations-ou-2018 ~ .dropdown-menu li {
              font-size: 12px;
              min-height: 28px;
              padding-right: 6px;
              padding-left: 6px;
              line-height: 1.2; } }
    .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-sertificate-ou-2018 {
      background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/STUDY_CERTIF_1.svg"); }
      .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-sertificate-ou-2018:hover, .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-sertificate-ou-2018:focus {
        background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/STUDY_CERTIF_over_1.svg"); }
    .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-teachers-ou-2018 {
      background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/STUDY_TEACHER_1.svg"); }
      .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-teachers-ou-2018:hover, .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-teachers-ou-2018:focus {
        background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/STUDY_TEACHER_over_1.svg"); }
    .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-extra-academic-ou-2018 {
      background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/STUDY_EXT_1.svg"); }
      .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-extra-academic-ou-2018:hover, .studies-ou-2018 .studies-degree-others-ou-2018.studies-degree-others-extra-academic-ou-2018:focus {
        background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/STUDY_EXT_over_1.svg"); }
  .studies-ou-2018.open .studies-degree-others-populations-ou-2018 {
    background-color: #e8e8e8;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    /*JS?!*/ }

/*END studies-ou-2018*/
/* carousel - without(!) studies */
@media (min-width: 1600px) {
  #carousel-generic-wide-ou-2018.carousel-reduced-height .clip-path-svg-stage {
    clip-path: ellipse(1920px 70% at 50% 0); } }

@media (max-width: 1599px) and (min-width: 768px) {
  #carousel-generic-wide-ou-2018.carousel-reduced-height .clip-path-svg-stage {
    clip-path: ellipse(1700px 78% at 50% 0); } }

@media (max-width: 767px) {
  #carousel-generic-wide-ou-2018.carousel-reduced-height .clip-path-svg-stage {
    clip-path: ellipse(600px 75% at 50% 0); } }

#carousel-generic-wide-ou-2018.carousel-reduced-height {
  margin-bottom: -180px; }
  #carousel-generic-wide-ou-2018.carousel-reduced-height .scroll-into-top-button-wp {
    top: 62%; }

@media (min-width: 1600px) {
  #carousel-generic-wide-ou-2018.carousel-reduced-height {
    margin-bottom: -255px; }
    #carousel-generic-wide-ou-2018.carousel-reduced-height .scroll-into-top-button-wp {
      top: 57%; } }

@media (max-width: 767px) {
  #carousel-generic-wide-ou-2018.carousel-reduced-height {
    margin-bottom: -155px; }
    #carousel-generic-wide-ou-2018.carousel-reduced-height .scroll-into-top-button-wp {
      top: 58%; } }

/* END carousel - without studies */
/*END carousel-generic-wide-ou-2018*/
/*slick mobile 3.5/2.5/1.5... slides*/
@media screen and (max-width: 767px) {
  .slick-why-learn-here .slick-list, .slick-events .slick-list, .slick-populations .slick-list {
    padding: 0 0 0 15% !important; }
  .slick-new-studies .slick-list, .slick-generic-promotion .slick-list {
    padding: 0 0 0 30% !important; } }

/*END slick mobile 2.5 slides*/
/*events align right*/
.events-section-ou-2018 .slick-track {
  margin-right: 0; }

/*END events align right*/
/*sections*/
.all-studies-section-ou-2021, .news-section-ou-2018, .events-section-ou-2018, .why-learn-here-section-ou-2018, .new-studies-section-ou-2018, .populations-section-ou-2021, .form-section-ou-2018, .generic-slider-promotion-ou-2019 {
  margin-bottom: 25px;
  margin-top: 25px;
  /*.more {
        margin-top: 15px;
    }*/
  /*slick buttons*/
  /*END slick buttons*/ }
  .all-studies-section-ou-2021 a.more, .news-section-ou-2018 a.more, .events-section-ou-2018 a.more, .why-learn-here-section-ou-2018 a.more, .new-studies-section-ou-2018 a.more, .populations-section-ou-2021 a.more, .form-section-ou-2018 a.more, .generic-slider-promotion-ou-2019 a.more {
    text-decoration: underline;
    font-size: 16px; }
    @media (max-width: 767px) {
      .all-studies-section-ou-2021 a.more, .news-section-ou-2018 a.more, .events-section-ou-2018 a.more, .why-learn-here-section-ou-2018 a.more, .new-studies-section-ou-2018 a.more, .populations-section-ou-2021 a.more, .form-section-ou-2018 a.more, .generic-slider-promotion-ou-2019 a.more {
        font-size: 14px; } }
  .all-studies-section-ou-2021 h2, .news-section-ou-2018 h2, .events-section-ou-2018 h2, .why-learn-here-section-ou-2018 h2, .new-studies-section-ou-2018 h2, .populations-section-ou-2021 h2, .form-section-ou-2018 h2, .generic-slider-promotion-ou-2019 h2 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 2.18em; }
    @media (min-width: 1460px) {
      .all-studies-section-ou-2021 h2, .news-section-ou-2018 h2, .events-section-ou-2018 h2, .why-learn-here-section-ou-2018 h2, .new-studies-section-ou-2018 h2, .populations-section-ou-2021 h2, .form-section-ou-2018 h2, .generic-slider-promotion-ou-2019 h2 {
        font-size: 2.7em; } }
  @media (max-width: 767px) {
    .all-studies-section-ou-2021, .news-section-ou-2018, .events-section-ou-2018, .why-learn-here-section-ou-2018, .new-studies-section-ou-2018, .populations-section-ou-2021, .form-section-ou-2018, .generic-slider-promotion-ou-2019 {
      margin-bottom: 0; }
      .all-studies-section-ou-2021 h2, .news-section-ou-2018 h2, .events-section-ou-2018 h2, .why-learn-here-section-ou-2018 h2, .new-studies-section-ou-2018 h2, .populations-section-ou-2021 h2, .form-section-ou-2018 h2, .generic-slider-promotion-ou-2019 h2 {
        font-size: 1.6em;
        margin-top: 0;
        margin-bottom: 10px; } }
  .all-studies-section-ou-2021 .slick-prev, .all-studies-section-ou-2021 .slick-next, .news-section-ou-2018 .slick-prev, .news-section-ou-2018 .slick-next, .events-section-ou-2018 .slick-prev, .events-section-ou-2018 .slick-next, .why-learn-here-section-ou-2018 .slick-prev, .why-learn-here-section-ou-2018 .slick-next, .new-studies-section-ou-2018 .slick-prev, .new-studies-section-ou-2018 .slick-next, .populations-section-ou-2021 .slick-prev, .populations-section-ou-2021 .slick-next, .form-section-ou-2018 .slick-prev, .form-section-ou-2018 .slick-next, .generic-slider-promotion-ou-2019 .slick-prev, .generic-slider-promotion-ou-2019 .slick-next {
    top: -40px; }
    .all-studies-section-ou-2021 .slick-prev:focus:before, .all-studies-section-ou-2021 .slick-next:focus:before, .news-section-ou-2018 .slick-prev:focus:before, .news-section-ou-2018 .slick-next:focus:before, .events-section-ou-2018 .slick-prev:focus:before, .events-section-ou-2018 .slick-next:focus:before, .why-learn-here-section-ou-2018 .slick-prev:focus:before, .why-learn-here-section-ou-2018 .slick-next:focus:before, .new-studies-section-ou-2018 .slick-prev:focus:before, .new-studies-section-ou-2018 .slick-next:focus:before, .populations-section-ou-2021 .slick-prev:focus:before, .populations-section-ou-2021 .slick-next:focus:before, .form-section-ou-2018 .slick-prev:focus:before, .form-section-ou-2018 .slick-next:focus:before, .generic-slider-promotion-ou-2019 .slick-prev:focus:before, .generic-slider-promotion-ou-2019 .slick-next:focus:before {
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
  .all-studies-section-ou-2021 .slick-prev:before, .all-studies-section-ou-2021 .slick-next:before, .news-section-ou-2018 .slick-prev:before, .news-section-ou-2018 .slick-next:before, .events-section-ou-2018 .slick-prev:before, .events-section-ou-2018 .slick-next:before, .why-learn-here-section-ou-2018 .slick-prev:before, .why-learn-here-section-ou-2018 .slick-next:before, .new-studies-section-ou-2018 .slick-prev:before, .new-studies-section-ou-2018 .slick-next:before, .populations-section-ou-2021 .slick-prev:before, .populations-section-ou-2021 .slick-next:before, .form-section-ou-2018 .slick-prev:before, .form-section-ou-2018 .slick-next:before, .generic-slider-promotion-ou-2019 .slick-prev:before, .generic-slider-promotion-ou-2019 .slick-next:before {
    border-style: solid;
    border-width: 1px;
    padding: 14px 6px;
    opacity: 1; }
  .all-studies-section-ou-2021 .slick-next, .news-section-ou-2018 .slick-next, .events-section-ou-2018 .slick-next, .why-learn-here-section-ou-2018 .slick-next, .new-studies-section-ou-2018 .slick-next, .populations-section-ou-2021 .slick-next, .form-section-ou-2018 .slick-next, .generic-slider-promotion-ou-2019 .slick-next {
    left: 84px;
    right: inherit;
    top: -54px;
    /*&:hover, &:focus {
            @include rotate-translate(-90deg, 0, 5px);
            @include transition(all 0.4s ease 0s);
        }*/ }
    .all-studies-section-ou-2021 .slick-next:before, .news-section-ou-2018 .slick-next:before, .events-section-ou-2018 .slick-next:before, .why-learn-here-section-ou-2018 .slick-next:before, .new-studies-section-ou-2018 .slick-next:before, .populations-section-ou-2021 .slick-next:before, .form-section-ou-2018 .slick-next:before, .generic-slider-promotion-ou-2019 .slick-next:before {
      -webkit-border-bottom-right-radius: 15px;
      border-bottom-right-radius: 15px; }
  .all-studies-section-ou-2021 .slick-prev, .news-section-ou-2018 .slick-prev, .events-section-ou-2018 .slick-prev, .why-learn-here-section-ou-2018 .slick-prev, .new-studies-section-ou-2018 .slick-prev, .populations-section-ou-2021 .slick-prev, .form-section-ou-2018 .slick-prev, .generic-slider-promotion-ou-2019 .slick-prev {
    left: 27px;
    /*&:hover, &:focus {
            @include rotate-translate(90deg, 0, 5px);
            @include transition(all 0.4s ease 0s);
        }*/ }
    .all-studies-section-ou-2021 .slick-prev:before, .news-section-ou-2018 .slick-prev:before, .events-section-ou-2018 .slick-prev:before, .why-learn-here-section-ou-2018 .slick-prev:before, .new-studies-section-ou-2018 .slick-prev:before, .populations-section-ou-2021 .slick-prev:before, .form-section-ou-2018 .slick-prev:before, .generic-slider-promotion-ou-2019 .slick-prev:before {
      -webkit-border-bottom-right-radius: 15px;
      border-bottom-right-radius: 15px; }

/*generic-slider-promotion slick buttons mobile*/
@media (max-width: 767px) {
  .generic-slider-promotion-ou-2019 .slick-next:before, .generic-slider-promotion-ou-2019 .slick-prev:before {
    padding: 10px 3px;
    font-size: 18px;
    opacity: .95; }
  .generic-slider-promotion-ou-2019 .slick-prev {
    left: 27px;
    top: -30px; }
  .generic-slider-promotion-ou-2019 .slick-next {
    left: 72px;
    top: -36px; } }

/*END generic-slider-promotion slick buttons mobile*/
.news-section-ou-2018, .why-learn-here-section-ou-2018, .populations-section-ou-2021 {
  /*slick buttons*/
  /*END slick buttons*/ }
  .news-section-ou-2018.blue-line, .why-learn-here-section-ou-2018.blue-line, .populations-section-ou-2021.blue-line {
    padding-right: 25px;
    /* @include box-shadow(5px, 0, 0, $blue-light); */
    /* for line with rounded(!) caps */ }
    .news-section-ou-2018.blue-line:before, .why-learn-here-section-ou-2018.blue-line:before, .populations-section-ou-2021.blue-line:before {
      content: "";
      background: #2364db;
      position: absolute;
      top: 5%;
      right: -5px;
      width: 5px;
      height: 90%;
      border-radius: 2px; }
    @media (max-width: 767px) {
      .news-section-ou-2018.blue-line, .why-learn-here-section-ou-2018.blue-line, .populations-section-ou-2021.blue-line {
        padding-right: 4px;
        /* @include box-shadow(inset -5px, 0, 0, $blue-light); */ }
        .news-section-ou-2018.blue-line:before, .why-learn-here-section-ou-2018.blue-line:before, .populations-section-ou-2021.blue-line:before {
          top: 0;
          right: 0;
          height: 94%; } }
  .news-section-ou-2018 h2, .news-section-ou-2018 a.more, .why-learn-here-section-ou-2018 h2, .why-learn-here-section-ou-2018 a.more, .populations-section-ou-2021 h2, .populations-section-ou-2021 a.more {
    color: #2364db; }
  .news-section-ou-2018 a.more:hover, .news-section-ou-2018 a.more:focus, .why-learn-here-section-ou-2018 a.more:hover, .why-learn-here-section-ou-2018 a.more:focus, .populations-section-ou-2021 a.more:hover, .populations-section-ou-2021 a.more:focus {
    text-shadow: 0 0 0.01px #153c83; }
  .news-section-ou-2018 .slick-next:before, .why-learn-here-section-ou-2018 .slick-next:before, .populations-section-ou-2021 .slick-next:before {
    color: #2364db;
    border-color: #2364db; }
  .news-section-ou-2018 .slick-prev:before, .why-learn-here-section-ou-2018 .slick-prev:before, .populations-section-ou-2021 .slick-prev:before {
    background-color: #2364db;
    border-color: #2364db; }

.all-studies-section-ou-2021, .events-section-ou-2018, .new-studies-section-ou-2018, .generic-slider-promotion-ou-2019 {
  /*slick buttons*/
  /*END slick buttons*/ }
  .all-studies-section-ou-2021.black-line, .events-section-ou-2018.black-line, .new-studies-section-ou-2018.black-line, .generic-slider-promotion-ou-2019.black-line {
    padding-right: 25px;
    /* @include box-shadow(5px, 0, 0, $black-color); */
    /* for line with rounded(!) caps */ }
    .all-studies-section-ou-2021.black-line:before, .events-section-ou-2018.black-line:before, .new-studies-section-ou-2018.black-line:before, .generic-slider-promotion-ou-2019.black-line:before {
      content: "";
      background: #000;
      position: absolute;
      top: 5%;
      right: -5px;
      width: 5px;
      height: 90%;
      border-radius: 2px; }
    @media (max-width: 767px) {
      .all-studies-section-ou-2021.black-line, .events-section-ou-2018.black-line, .new-studies-section-ou-2018.black-line, .generic-slider-promotion-ou-2019.black-line {
        padding-right: 4px;
        /* @include box-shadow(inset -5px, 0, 0, $black-color); */ }
        .all-studies-section-ou-2021.black-line:before, .events-section-ou-2018.black-line:before, .new-studies-section-ou-2018.black-line:before, .generic-slider-promotion-ou-2019.black-line:before {
          top: 0;
          right: 0;
          height: 94%; } }
  .all-studies-section-ou-2021 a.more, .events-section-ou-2018 a.more, .new-studies-section-ou-2018 a.more, .generic-slider-promotion-ou-2019 a.more {
    color: #353535; }
    .all-studies-section-ou-2021 a.more:hover, .all-studies-section-ou-2021 a.more:focus, .events-section-ou-2018 a.more:hover, .events-section-ou-2018 a.more:focus, .new-studies-section-ou-2018 a.more:hover, .new-studies-section-ou-2018 a.more:focus, .generic-slider-promotion-ou-2019 a.more:hover, .generic-slider-promotion-ou-2019 a.more:focus {
      text-shadow: 0 0 0.01px #020202; }
  .all-studies-section-ou-2021 .slick-next:before, .events-section-ou-2018 .slick-next:before, .new-studies-section-ou-2018 .slick-next:before, .generic-slider-promotion-ou-2019 .slick-next:before {
    color: #353535;
    border-color: #353535; }
  .all-studies-section-ou-2021 .slick-prev:before, .events-section-ou-2018 .slick-prev:before, .new-studies-section-ou-2018 .slick-prev:before, .generic-slider-promotion-ou-2019 .slick-prev:before {
    background-color: #353535;
    border-color: #353535; }

.form-section-ou-2018 {
  margin-top: 0;
  padding-right: 25px;
  /* @include box-shadow(5px, 0, 0, $turquoise-color); */
  /* for line with rounded(!) caps */
  /*slick buttons*/
  /*END slick buttons*/ }
  .form-section-ou-2018:before {
    content: "";
    background: #c2176a;
    position: absolute;
    top: 5%;
    right: -5px;
    width: 5px;
    height: 90%;
    border-radius: 2px; }
  @media (max-width: 767px) {
    .form-section-ou-2018 {
      margin-top: 10px;
      padding-right: 4px;
      /* @include box-shadow(inset -5px, 0, 0, $turquoise-color); */ }
      .form-section-ou-2018:before {
        top: 3%;
        right: 0;
        height: 99%; } }
  .form-section-ou-2018 .slick-next:before {
    color: #c2176a;
    border-color: #c2176a; }
  .form-section-ou-2018 .slick-prev:before {
    background-color: #c2176a;
    border-color: #c2176a; }

/* first section */
@media (min-width: 1600px) {
  .all-studies-section-ou-2021 {
    margin-top: 0; } }

.news-section-ou-2018 {
  /*&#top-bookmark {
        &:focus {
            outline: none;
        }
    }*/ }
  @media (max-width: 767px) {
    .news-section-ou-2018 {
      /*override Bootstrap gap in mobile !*/ }
      .news-section-ou-2018 article:nth-of-type(2), .news-section-ou-2018 article:nth-of-type(4) {
        padding-left: 6.5px; }
      .news-section-ou-2018 article:nth-of-type(3), .news-section-ou-2018 article:nth-of-type(5) {
        padding-right: 6.5px; } }

@media (max-width: 767px) {
  .events-section-ou-2018, .why-learn-here-section-ou-2018, .new-studies-section-ou-2018, .populations-section-ou-2021, .generic-slider-promotion-ou-2019 {
    /*override Bootstrap gap in mobile !*/
    /*article:first-of-type {
            padding-right: 0;
        }

        article:last-of-type {
            padding-left: 0;
        }*/ }
    .events-section-ou-2018 article, .why-learn-here-section-ou-2018 article, .new-studies-section-ou-2018 article, .populations-section-ou-2021 article, .generic-slider-promotion-ou-2019 article {
      padding-left: 6.5px;
      padding-right: 6.5px; }
    .events-section-ou-2018 .slick-slider, .why-learn-here-section-ou-2018 .slick-slider, .new-studies-section-ou-2018 .slick-slider, .populations-section-ou-2021 .slick-slider, .generic-slider-promotion-ou-2019 .slick-slider {
      padding-right: 8px; } }

.news-item-ou-2018, .events-item-ou-2018, .why-learn-here-item-ou-2018, .generic-slider-promotion-item-ou-2019, .new-studies-item-ou-2018 {
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border: 1px solid #e8e8e8;
  margin-top: 1px;
  /*for border and shadow on hover*/ }
  .news-item-ou-2018:hover, .events-item-ou-2018:hover, .why-learn-here-item-ou-2018:hover, .generic-slider-promotion-item-ou-2019:hover, .new-studies-item-ou-2018:hover, .news-item-ou-2018:focus, .events-item-ou-2018:focus, .why-learn-here-item-ou-2018:focus, .generic-slider-promotion-item-ou-2019:focus, .new-studies-item-ou-2018:focus {
    border-color: #c8daed;
    -webkit-box-shadow: 0 1px 10px #d6ddea;
    -moz-box-shadow: 0 1px 10px #d6ddea;
    box-shadow: 0 1px 10px #d6ddea;
    -ms-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    text-decoration: none; }
    .news-item-ou-2018:hover h3, .events-item-ou-2018:hover h3, .why-learn-here-item-ou-2018:hover h3, .generic-slider-promotion-item-ou-2019:hover h3, .new-studies-item-ou-2018:hover h3, .news-item-ou-2018:focus h3, .events-item-ou-2018:focus h3, .why-learn-here-item-ou-2018:focus h3, .generic-slider-promotion-item-ou-2019:focus h3, .new-studies-item-ou-2018:focus h3 {
      color: #2364db; }
    .news-item-ou-2018:hover .right-side-txt p, .events-item-ou-2018:hover .right-side-txt p, .why-learn-here-item-ou-2018:hover .right-side-txt p, .generic-slider-promotion-item-ou-2019:hover .right-side-txt p, .new-studies-item-ou-2018:hover .right-side-txt p, .news-item-ou-2018:hover .right-side-txt h3, .events-item-ou-2018:hover .right-side-txt h3, .why-learn-here-item-ou-2018:hover .right-side-txt h3, .generic-slider-promotion-item-ou-2019:hover .right-side-txt h3, .new-studies-item-ou-2018:hover .right-side-txt h3, .news-item-ou-2018:focus .right-side-txt p, .events-item-ou-2018:focus .right-side-txt p, .why-learn-here-item-ou-2018:focus .right-side-txt p, .generic-slider-promotion-item-ou-2019:focus .right-side-txt p, .new-studies-item-ou-2018:focus .right-side-txt p, .news-item-ou-2018:focus .right-side-txt h3, .events-item-ou-2018:focus .right-side-txt h3, .why-learn-here-item-ou-2018:focus .right-side-txt h3, .generic-slider-promotion-item-ou-2019:focus .right-side-txt h3, .new-studies-item-ou-2018:focus .right-side-txt h3 {
      color: #2364db; }

.all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021, a.populations-item-ou-2021 {
  -webkit-border-bottom-left-radius: 7px;
  border-bottom-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border: 1px solid #CFDAE6;
  margin-top: 1px;
  /*for border and shadow on hover*/
  margin-bottom: 25px; }
  .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:hover, a.populations-item-ou-2021:hover, .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:focus, a.populations-item-ou-2021:focus {
    -webkit-box-shadow: 0 3px 10px #d6ddea;
    -moz-box-shadow: 0 3px 10px #d6ddea;
    box-shadow: 0 3px 10px #d6ddea;
    -ms-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border-color: #c8daed;
    text-decoration: none; }
    .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:hover p, a.populations-item-ou-2021:hover p, .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:hover h3, a.populations-item-ou-2021:hover h3, .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:focus p, a.populations-item-ou-2021:focus p, .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:focus h3, a.populations-item-ou-2021:focus h3 {
      color: #002c7d; }

.all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021 span.btn, .news-item-ou-2018 .right-side-txt span.btn, .new-studies-item-ou-2018 span.btn {
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #2364db;
  border-color: #2364db;
  padding: 2px 16px 2px 6px;
  background-color: transparent;
  width: 37px; }
  .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021 span.btn i, .news-item-ou-2018 .right-side-txt span.btn i, .new-studies-item-ou-2018 span.btn i {
    color: #2364db;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg); }
  @media (max-width: 767px) {
    .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021 span.btn, .news-item-ou-2018 .right-side-txt span.btn, .new-studies-item-ou-2018 span.btn {
      padding: 1px 12px 1px 5px;
      width: 29px;
      font-size: 12px; } }

.all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:hover span.btn, .news-item-ou-2018:hover span.btn, .new-studies-item-ou-2018:hover span.btn, .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:focus span.btn, .news-item-ou-2018:focus span.btn, .new-studies-item-ou-2018:focus span.btn {
  color: #ffffff;
  background-color: #2364db; }
  .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:hover span.btn i, .news-item-ou-2018:hover span.btn i, .new-studies-item-ou-2018:hover span.btn i, .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:focus span.btn i, .news-item-ou-2018:focus span.btn i, .new-studies-item-ou-2018:focus span.btn i {
    color: #ffffff; }

.why-learn-here-item-ou-2018 .right-side-txt span.btn, .generic-slider-promotion-item-ou-2019 .right-side-txt span.btn {
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  border-bottom-left-radius: 12px;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #2364db;
  border-color: #2364db;
  padding: 2px 18px 2px 20px;
  background-color: #ffffff; }
  .why-learn-here-item-ou-2018 .right-side-txt span.btn i, .generic-slider-promotion-item-ou-2019 .right-side-txt span.btn i {
    font-size: 24px;
    line-height: 1.3; }
    @media (min-width: 1460px) {
      .why-learn-here-item-ou-2018 .right-side-txt span.btn i, .generic-slider-promotion-item-ou-2019 .right-side-txt span.btn i {
        font-size: 28px; } }
    @media (max-width: 767px) {
      .why-learn-here-item-ou-2018 .right-side-txt span.btn i, .generic-slider-promotion-item-ou-2019 .right-side-txt span.btn i {
        font-size: 21px; } }
  @media (max-width: 767px) {
    .why-learn-here-item-ou-2018 .right-side-txt span.btn, .generic-slider-promotion-item-ou-2019 .right-side-txt span.btn {
      padding: 0 10px 0 12px;
      /*i {
            font-size: 14px;
            line-height: 1;
        }*/ } }

.why-learn-here-item-ou-2018:hover span.btn, .generic-slider-promotion-item-ou-2019:hover span.btn, .why-learn-here-item-ou-2018:focus span.btn, .generic-slider-promotion-item-ou-2019:focus span.btn {
  color: #ffffff;
  background-color: #2364db; }

/*END sections*/
/* all studies */
.all-studies-items-wrapper-ou-2021 {
  display: flex;
  justify-content: space-between; }
  .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021 {
    width: 50%;
    /* for equal width */
    display: block;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
    padding: 20px;
    background: linear-gradient(180deg, #ffffff, #F9FCFF, #E5F2FF); }
    .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021 div {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #B3DEFF;
      width: 70px;
      height: 70px;
      margin-right: auto;
      margin-left: auto;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
      .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021 div img {
        height: 50%; }
    .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021 h3 {
      color: #353535;
      font-weight: 600;
      font-size: 18px;
      /* max - 1 lines */
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      /* END max - 1 lines */
      max-height: 19px;
      /* for IE */ }
    .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021 p {
      color: #353535;
      font-size: 14px;
      /* max - 4 lines */
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      /* END max - 4 lines */
      max-height: 80px;
      /* for IE */ }
    .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:hover div, .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:focus div {
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      transform: scale(1.1); }
      .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:hover div img, .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:focus div img {
        -ms-transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        transform: rotate(20deg);
        -o-transform-origin: 90% 60%;
        -ms-transform-origin: 90% 60%;
        -webkit-transform-origin: 90% 60%;
        -moz-transform-origin: 90% 60%;
        transform-origin: 90% 60%;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s; }
    .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:hover p, .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:hover h3, .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:focus p, .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:focus h3 {
      color: #353535; }
    .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:first-of-type {
      margin-right: 0; }
    .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:last-of-type {
      margin-left: 0; }
    .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021 span.btn {
      background-color: #ffffff;
      padding: 1px 15px 1px 5px; }
  @media (max-width: 767px) {
    .all-studies-items-wrapper-ou-2021 {
      flex-wrap: wrap;
      justify-content: center; }
      .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021 {
        width: 30%;
        padding: 15px;
        margin-left: 2%;
        margin-right: 2%; }
        .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:nth-of-type(3) {
          margin-left: 0; }
        .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021:nth-of-type(4) {
          margin-right: 0; }
        .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021 div {
          width: 60px;
          height: 60px; }
        .all-studies-items-wrapper-ou-2021 .all-studies-item-ou-2021 h3 {
          font-size: 14px;
          margin-top: 12px;
          margin-bottom: 0;
          -webkit-line-clamp: 2;
          max-height: inherit; } }

/* END all studies */
/*news*/
.news-item-ou-2018 {
  display: flex;
  align-content: center;
  margin-bottom: 25px;
  /*&:hover, &:focus {
        .right-side-txt {
            p {
                color: $blue-light;
            }
        }
    }*/ }
  @media (max-width: 767px) {
    .news-item-ou-2018 {
      margin-bottom: 12px; } }
  .news-item-ou-2018 .right-side-txt {
    width: 38%;
    padding-right: 10px;
    padding-left: 10px;
    /*vertical align center with flex*/
    display: flex;
    justify-content: center;
    flex-direction: column;
    /*END vertical align center with flex*/ }
    .news-item-ou-2018 .right-side-txt h3 {
      margin-top: 0;
      font-weight: bold;
      color: #2364db;
      font-size: 15px;
      min-height: 16px; }
      @media (min-width: 1460px) {
        .news-item-ou-2018 .right-side-txt h3 {
          font-size: 17px; } }
    .news-item-ou-2018 .right-side-txt p {
      color: #353535;
      min-height: 84px;
      font-size: 17px;
      line-height: 1.3; }
      @media (min-width: 1460px) {
        .news-item-ou-2018 .right-side-txt p {
          font-size: 19px; } }
    .news-item-ou-2018 .right-side-txt span.btn {
      align-self: flex-start; }
    @media (max-width: 767px) {
      .news-item-ou-2018 .right-side-txt {
        width: 45%; }
        .news-item-ou-2018 .right-side-txt h3 {
          font-size: 12px; }
        .news-item-ou-2018 .right-side-txt p {
          font-size: 13px; } }
  .news-item-ou-2018 .left-side-img {
    width: 62%;
    position: relative; }
    .news-item-ou-2018 .left-side-img img {
      clip-path: url(#myClipNews);
      opacity: 0.9; }
    .news-item-ou-2018 .left-side-img span.btn.btn-youtube {
      position: absolute;
      bottom: 24px;
      left: 20px;
      color: #ff0000;
      border: 1px solid #ff0000;
      padding: 2px 15px 2px 16px;
      background-color: #ffffff;
      -webkit-border-top-right-radius: 12px;
      border-top-right-radius: 12px;
      -webkit-border-bottom-left-radius: 12px;
      border-bottom-left-radius: 12px;
      -webkit-border-top-left-radius: 0;
      border-top-left-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      border-bottom-right-radius: 0; }
    @media (min-width: 1460px) {
      .news-item-ou-2018 .left-side-img span.btn.btn-youtube {
        bottom: 38px; } }
    @media (max-width: 767px) {
      .news-item-ou-2018 .left-side-img {
        height: 165px;
        overflow-x: hidden;
        width: 55%; }
        .news-item-ou-2018 .left-side-img img {
          width: 186px;
          max-width: inherit;
          /*margin: 0 -90px 0 0px;*/
          /*reference point OK, BUT clip-path negative...*/
          /*clip-path: ellipse(98% 143% at -47% 50%);*/
          /*clip-path negative...*/ }
        .news-item-ou-2018 .left-side-img span.btn.btn-youtube {
          bottom: 13px;
          padding: 1px 12px 0px 13px; } }
  .news-item-ou-2018.banner-ou-2018 {
    /* .right-side-txt {
            width: 30%;
        }
        .left-side-img {
            width: 70%;
        } */ }
    .news-item-ou-2018.banner-ou-2018 h3 {
      font-weight: normal;
      font-size: 26px;
      color: #353535; }
      @media (min-width: 1460px) {
        .news-item-ou-2018.banner-ou-2018 h3 {
          font-size: 28px; } }
    .news-item-ou-2018.banner-ou-2018 span.btn {
      padding: 0 10px 0 6px;
      width: auto; }
      .news-item-ou-2018.banner-ou-2018 span.btn span {
        -webkit-border-bottom-left-radius: 6px;
        border-bottom-left-radius: 6px;
        display: inline-block;
        border-right: 1px solid;
        padding: 2px 7px;
        position: relative;
        left: -6px;
        background-color: #2364db;
        color: #ffffff;
        padding: 2px 18px 2px 4px;
        width: 37px; }
        .news-item-ou-2018.banner-ou-2018 span.btn span i {
          color: #ffffff; }
    @media (max-width: 767px) {
      .news-item-ou-2018.banner-ou-2018 .right-side-txt {
        width: 32%; }
        .news-item-ou-2018.banner-ou-2018 .right-side-txt h3 {
          font-size: 17px; }
        .news-item-ou-2018.banner-ou-2018 .right-side-txt span.btn {
          font-size: 11px;
          padding: 0 6px 0 0;
          z-index: 10; }
          .news-item-ou-2018.banner-ou-2018 .right-side-txt span.btn span {
            width: 25px;
            left: -1px;
            padding: 3px 9px 3px; }
      .news-item-ou-2018.banner-ou-2018 .left-side-img {
        width: 68%; }
        .news-item-ou-2018.banner-ou-2018 .left-side-img img {
          width: 390px; } }
    .news-item-ou-2018.banner-ou-2018:hover span.btn span, .news-item-ou-2018.banner-ou-2018:focus span.btn span {
      background-color: #ffffff; }
      .news-item-ou-2018.banner-ou-2018:hover span.btn span i, .news-item-ou-2018.banner-ou-2018:focus span.btn span i {
        color: #2364db; }
  .news-item-ou-2018:hover span.btn.btn-youtube, .news-item-ou-2018:focus span.btn.btn-youtube {
    background-color: #ff0000; }

/*END news*/
/*events*/
.events-item-ou-2018 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 25px;
  /*&:hover, &:focus {
        h3 {
            color: $blue-light;
        }
    }*/ }
  .events-item-ou-2018 img {
    clip-path: url(#myClipEvents);
    opacity: 0.9; }
  @media (max-width: 767px) {
    .events-item-ou-2018 {
      margin-bottom: 15px; } }
  @media (min-width: 768px) {
    .events-item-ou-2018 {
      overflow-x: hidden; }
      .events-item-ou-2018 img {
        max-width: none; } }
  .events-item-ou-2018 h3 {
    color: #353535;
    font-size: 17px;
    margin-bottom: 20px;
    text-align: center;
    min-height: 72px;
    padding-left: 5px;
    padding-right: 5px; }
    @media (min-width: 1460px) {
      .events-item-ou-2018 h3 {
        font-size: 18px;
        line-height: 1.4;
        height: 80px;
        overflow-y: hidden; } }
  .events-item-ou-2018 .events-item-details-ou-2018 {
    width: 100%;
    display: flex;
    justify-content: center; }
    .events-item-ou-2018 .events-item-details-ou-2018 ul {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 12px;
      padding-bottom: 12px;
      color: #000;
      font-size: 13px;
      border-top: 2px solid #f0f0f0;
      /*override list-inline*/
      margin-right: 0;
      margin-left: 0; }
      .events-item-ou-2018 .events-item-details-ou-2018 ul li {
        background-position: 93%;
        padding-right: 25px;
        background-repeat: no-repeat;
        background-size: auto 18px; }
        .events-item-ou-2018 .events-item-details-ou-2018 ul li.events-item-details-time-ou-2018 {
          background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/EVENT_TIME.png"); }
        .events-item-ou-2018 .events-item-details-ou-2018 ul li.events-item-details-location-ou-2018 {
          background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/EVENT_PLACE.png");
          background-position: 91%; }
        .events-item-ou-2018 .events-item-details-ou-2018 ul li.events-item-details-fee-ou-2018 {
          background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/EVENT_FREE.png");
          background-size: auto 14px; }
        .events-item-ou-2018 .events-item-details-ou-2018 ul li.events-item-details-free-ou-2018 {
          background-image: url("/_layouts/15/OpenU_WWW/Theming/Responsive/imagesGeneralWebParts/EVENT_MONEY.png");
          background-position: 95%; }
  .events-item-ou-2018 .events-item-date-ou-2018 {
    width: 40px;
    height: 60px;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 30px;
    z-index: 10;
    /*clip-path: ellipse(66px 60px at 50% 0);*/
    /*no shadow*/
    background-color: #ffffff;
    line-height: 1.2;
    padding-top: 5px;
    color: #000000; }
    .events-item-ou-2018 .events-item-date-ou-2018 span:nth-of-type(2) {
      font-size: 18px;
      color: #2364db; }
    @media (max-width: 767px) {
      .events-item-ou-2018 .events-item-date-ou-2018 {
        width: 37px;
        height: 56px;
        font-size: 11px;
        top: 10px;
        right: 20px; }
        .events-item-ou-2018 .events-item-date-ou-2018 span:nth-of-type(2) {
          font-size: 16px; } }
  .events-item-ou-2018 .events-item-date-UNDERGROUND-ou-2018 {
    width: 40px;
    height: 65px;
    position: absolute;
    top: 15px;
    right: 30px;
    z-index: 9;
    background-color: #2364db;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    /*clip-path: ellipse(66px 65px at 50% 0);*/
    /*no shadow*/ }
    @media (max-width: 767px) {
      .events-item-ou-2018 .events-item-date-UNDERGROUND-ou-2018 {
        width: 37px;
        height: 60px;
        top: 10px;
        right: 20px; } }
  .events-item-ou-2018:hover, .events-item-ou-2018:focus {
    /* .events-item-details-ou-2018 {
            background-color: lighten($gray-color, 3%);

            ul {
                border-top: 2px solid transparent;
            }   
        } */ }
    .events-item-ou-2018:hover .events-item-date-ou-2018, .events-item-ou-2018:hover .events-item-date-UNDERGROUND-ou-2018, .events-item-ou-2018:focus .events-item-date-ou-2018, .events-item-ou-2018:focus .events-item-date-UNDERGROUND-ou-2018 {
      top: 12px;
      right: 14px; }
  .events-item-ou-2018.events-item-IMPORTANT-ou-2018 {
    border-color: #2364db; }
    .events-item-ou-2018.events-item-IMPORTANT-ou-2018 .events-item-date-ou-2018 {
      background-color: #2364db;
      color: #ffffff; }
      .events-item-ou-2018.events-item-IMPORTANT-ou-2018 .events-item-date-ou-2018 span:nth-of-type(2) {
        color: #ffffff; }
    .events-item-ou-2018.events-item-IMPORTANT-ou-2018 .events-item-date-UNDERGROUND-ou-2018 {
      background-color: #ffffff; }
    .events-item-ou-2018.events-item-IMPORTANT-ou-2018 .events-item-details-ou-2018 {
      background-color: #f0f0f0; }
      .events-item-ou-2018.events-item-IMPORTANT-ou-2018 .events-item-details-ou-2018 ul {
        border-top: 2px solid transparent; }
    .events-item-ou-2018.events-item-IMPORTANT-ou-2018:hover .events-item-date-ou-2018, .events-item-ou-2018.events-item-IMPORTANT-ou-2018:focus .events-item-date-ou-2018 {
      background-color: #ffffff;
      color: #000000; }
      .events-item-ou-2018.events-item-IMPORTANT-ou-2018:hover .events-item-date-ou-2018 span:nth-of-type(2), .events-item-ou-2018.events-item-IMPORTANT-ou-2018:focus .events-item-date-ou-2018 span:nth-of-type(2) {
        color: #2364db; }
    .events-item-ou-2018.events-item-IMPORTANT-ou-2018:hover .events-item-date-UNDERGROUND-ou-2018, .events-item-ou-2018.events-item-IMPORTANT-ou-2018:focus .events-item-date-UNDERGROUND-ou-2018 {
      background-color: #2364db; }
    .events-item-ou-2018.events-item-IMPORTANT-ou-2018:hover .events-item-details-ou-2018, .events-item-ou-2018.events-item-IMPORTANT-ou-2018:focus .events-item-details-ou-2018 {
      background-color: #ffffff; }
      .events-item-ou-2018.events-item-IMPORTANT-ou-2018:hover .events-item-details-ou-2018 ul, .events-item-ou-2018.events-item-IMPORTANT-ou-2018:focus .events-item-details-ou-2018 ul {
        border-top: 2px solid #f0f0f0; }
  @media (max-width: 767px) {
    .events-item-ou-2018 {
      overflow-x: hidden; }
      .events-item-ou-2018 img {
        /*height: 62px;*/
        height: 95px;
        max-width: inherit; }
      .events-item-ou-2018 h3 {
        font-size: 13px;
        margin-top: 10px;
        margin-bottom: 10px;
        height: 56px;
        overflow-y: hidden; }
      .events-item-ou-2018 .events-item-details-ou-2018 ul {
        font-size: 9px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-top-width: 1px; }
        .events-item-ou-2018 .events-item-details-ou-2018 ul li {
          background-position: center 5px;
          padding-right: 5px;
          background-repeat: no-repeat;
          background-size: auto 15px;
          padding-top: 20px; }
          .events-item-ou-2018 .events-item-details-ou-2018 ul li.events-item-details-location-ou-2018 {
            background-position: center 5px; }
          .events-item-ou-2018 .events-item-details-ou-2018 ul li.events-item-details-fee-ou-2018 {
            background-size: auto 12px; }
          .events-item-ou-2018 .events-item-details-ou-2018 ul li.events-item-details-free-ou-2018 {
            background-position: center 5px; } }

/*END events*/
/*why-learn-here*/
.why-learn-here-item-ou-2018 {
  display: flex;
  align-content: center;
  margin-bottom: 25px;
  /*&:hover, &:focus {
        .right-side-txt {
            p {
                color: $blue-light;
            }
        }
    }*/ }
  @media (max-width: 767px) {
    .why-learn-here-item-ou-2018 {
      margin-bottom: 15px; } }
  .why-learn-here-item-ou-2018 .right-side-txt {
    width: 30%;
    padding-right: 5px;
    /*vertical align center with flex*/
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    /*END vertical align center with flex*/
    text-align: center;
    /*@media (min-width: 1460px) {
            width: 35%;
        }*/ }
    .why-learn-here-item-ou-2018 .right-side-txt img {
      margin-right: auto;
      margin-left: auto;
      margin-top: 10px; }
      @media (min-width: 1460px) {
        .why-learn-here-item-ou-2018 .right-side-txt img {
          margin-top: 30px;
          height: 40px; } }
    .why-learn-here-item-ou-2018 .right-side-txt h3 {
      margin-top: 7px;
      margin-bottom: 3px;
      font-weight: bold;
      min-height: 15px;
      color: #2364db;
      font-size: 14px; }
    .why-learn-here-item-ou-2018 .right-side-txt p {
      color: #353535;
      min-height: 84px; }
    .why-learn-here-item-ou-2018 .right-side-txt span.btn {
      align-self: flex-start;
      margin-top: -50px;
      margin-right: 254%;
      z-index: 100; }
      @media (min-width: 1460px) {
        .why-learn-here-item-ou-2018 .right-side-txt span.btn {
          margin-right: 260%; } }
    @media (max-width: 767px) {
      .why-learn-here-item-ou-2018 .right-side-txt {
        width: 50%;
        justify-content: flex-start;
        padding-left: 2px; }
        .why-learn-here-item-ou-2018 .right-side-txt img {
          height: 30px;
          margin-top: 15px; }
        .why-learn-here-item-ou-2018 .right-side-txt h3 {
          font-size: 12px; }
        .why-learn-here-item-ou-2018 .right-side-txt p {
          font-size: 12px;
          line-height: 1.2;
          min-height: 56px; }
        .why-learn-here-item-ou-2018 .right-side-txt span.btn {
          margin-right: 140%;
          margin-top: -28px; } }
  .why-learn-here-item-ou-2018 .left-side-img {
    width: 70%;
    /*@media (min-width: 1460px) {
            width: 65%;
        }*/ }
    .why-learn-here-item-ou-2018 .left-side-img img {
      clip-path: url(#myClipWhylearnhere);
      opacity: 0.9; }
    @media (max-width: 767px) {
      .why-learn-here-item-ou-2018 .left-side-img {
        height: 145px;
        overflow-x: hidden;
        width: 50%; }
        .why-learn-here-item-ou-2018 .left-side-img img {
          /*width: 150px;*/
          height: 145px;
          max-width: inherit; } }

/*END why-learn-here*/
/*populations*/
a.populations-item-ou-2021 {
  margin-left: 15px;
  margin-right: 15px;
  max-height: 310px;
  /* if the a has href */ }
  a.populations-item-ou-2021 img {
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
    clip-path: ellipse(286px 100% at 50% 0);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s; }
  a.populations-item-ou-2021 .populations-item-caption-2021 {
    max-width: 220px;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    padding-left: 30px;
    padding-right: 15px;
    /* IE10-IE11 hack */ }
    a.populations-item-ou-2021 .populations-item-caption-2021 h3 {
      color: #000;
      font-size: 20px;
      overflow-y: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      max-height: 44px; }
    a.populations-item-ou-2021 .populations-item-caption-2021 p {
      color: transparent;
      /* max - 8 lines */
      overflow-y: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 8;
      -webkit-box-orient: vertical;
      /* END max - 8 lines */
      max-height: 190px;
      /* for IE */ }
    a.populations-item-ou-2021 .populations-item-caption-2021 i {
      position: absolute;
      left: 15px;
      top: 30px;
      color: #4e83e3;
      font-size: 22px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      a.populations-item-ou-2021 .populations-item-caption-2021 {
        background-color: #fff; } }
  a.populations-item-ou-2021:hover, a.populations-item-ou-2021:focus {
    background: linear-gradient(180deg, #ffffff, #F9FCFF, #E5F2FF);
    /* IE10-IE11 hack */ }
    a.populations-item-ou-2021:hover img, a.populations-item-ou-2021:focus img {
      clip-path: ellipse(286px 0% at 50% 0); }
    a.populations-item-ou-2021:hover .populations-item-caption-2021, a.populations-item-ou-2021:focus .populations-item-caption-2021 {
      -ms-transform: translate(0, -210px);
      -webkit-transform: translate(0, -210px);
      -moz-transform: translate(0, -210px);
      transform: translate(0, -210px); }
      a.populations-item-ou-2021:hover .populations-item-caption-2021 p, a.populations-item-ou-2021:focus .populations-item-caption-2021 p {
        color: #353535; }
      a.populations-item-ou-2021:hover .populations-item-caption-2021 i:before, a.populations-item-ou-2021:focus .populations-item-caption-2021 i:before {
        content: ""; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      a.populations-item-ou-2021:hover img, a.populations-item-ou-2021:focus img {
        opacity: 0; }
      a.populations-item-ou-2021:hover .populations-item-caption-2021, a.populations-item-ou-2021:focus .populations-item-caption-2021 {
        background-color: transparent; } }
  a.populations-item-ou-2021[href]:hover i, a.populations-item-ou-2021[href]:focus i {
    font-family: "Material Design Icons";
    top: 238px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
    background-color: #3873df;
    padding: 1px 12px 1px 4px;
    line-height: 1.2;
    font-size: 1.1em; }
    a.populations-item-ou-2021[href]:hover i:before, a.populations-item-ou-2021[href]:focus i:before {
      content: "\F04D"; }
  @media (min-width: 1460px) {
    a.populations-item-ou-2021 img {
      clip-path: ellipse(286px 88% at 50% 0); }
    a.populations-item-ou-2021 .populations-item-caption-2021 {
      -ms-transform: translate(0, -38px);
      -webkit-transform: translate(0, -38px);
      -moz-transform: translate(0, -38px);
      transform: translate(0, -38px); }
      a.populations-item-ou-2021 .populations-item-caption-2021 i {
        top: 24px; }
    a.populations-item-ou-2021:hover .populations-item-caption-2021, a.populations-item-ou-2021:focus .populations-item-caption-2021 {
      -ms-transform: translate(0, -246px);
      -webkit-transform: translate(0, -246px);
      -moz-transform: translate(0, -246px);
      transform: translate(0, -246px); }
      a.populations-item-ou-2021:hover .populations-item-caption-2021 i, a.populations-item-ou-2021:focus .populations-item-caption-2021 i {
        top: 232px; } }
  @media (max-width: 767px) {
    a.populations-item-ou-2021 {
      margin-left: 6.5px;
      margin-right: 6.5px;
      max-height: 225px; }
      a.populations-item-ou-2021 img {
        clip-path: ellipse(180px 84% at 50% 0); }
      a.populations-item-ou-2021 .populations-item-caption-2021 {
        -ms-transform: translate(0, -46px);
        -webkit-transform: translate(0, -46px);
        -moz-transform: translate(0, -46px);
        transform: translate(0, -46px);
        padding-left: 25px; }
        a.populations-item-ou-2021 .populations-item-caption-2021 h3 {
          font-size: 14px; }
        a.populations-item-ou-2021 .populations-item-caption-2021 p {
          font-size: 13px; }
        a.populations-item-ou-2021 .populations-item-caption-2021 i {
          font-family: "Material Design Icons";
          left: 10px;
          top: 12px;
          -webkit-border-top-right-radius: 8px;
          border-top-right-radius: 8px;
          -webkit-border-bottom-left-radius: 8px;
          border-bottom-left-radius: 8px;
          -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
          -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
          color: #2364db;
          border: 1px solid #2364db;
          padding: 0 10px 0 2px;
          font-size: 1em;
          line-height: 1.2; }
          a.populations-item-ou-2021 .populations-item-caption-2021 i:before {
            content: "\F04D"; } }
  @media (max-width: 767px) and (max-width: 360px) {
    a.populations-item-ou-2021 img {
      clip-path: ellipse(180px 90% at 50% 0); }
    a.populations-item-ou-2021 .populations-item-caption-2021 {
      -ms-transform: translate(0, -28px);
      -webkit-transform: translate(0, -28px);
      -moz-transform: translate(0, -28px);
      transform: translate(0, -28px); } }
  @media (max-width: 767px) {
      a.populations-item-ou-2021:hover .populations-item-caption-2021, a.populations-item-ou-2021:focus .populations-item-caption-2021 {
        -ms-transform: translate(0, -196px);
        -webkit-transform: translate(0, -196px);
        -moz-transform: translate(0, -196px);
        transform: translate(0, -196px); }
        a.populations-item-ou-2021:hover .populations-item-caption-2021 i, a.populations-item-ou-2021:focus .populations-item-caption-2021 i {
          border: 1px solid #2364db;
          top: 178px;
          padding: 0 10px 0 2px;
          font-size: 1em; } }

/* slick-populations 5 ITEMS support */
@media (min-width: 992px) {
  .slick-populations.slick-populations-5-items .slick-track {
    display: flex;
    justify-content: space-between;
    width: auto !important; }
  .slick-populations.slick-populations-5-items .slick-track .populations-item-ou-2021:first-of-type {
    margin-right: 0; }
  .slick-populations.slick-populations-5-items .slick-track .populations-item-ou-2021:last-of-type {
    margin-left: 0; } }

@media (min-width: 1200px) {
  .slick-populations.slick-populations-5-items .populations-item-ou-2021 {
    width: auto !important; }
  .slick-populations.slick-populations-5-items .slick-track .populations-item-ou-2021:first-of-type {
    margin-right: 1.5%; }
  .slick-populations.slick-populations-5-items .slick-track .populations-item-ou-2021:last-of-type {
    margin-left: 1.5%; }
  .slick-populations.slick-populations-5-items .populations-item-ou-2021 img {
    clip-path: ellipse(286px 85% at 50% 0); }
  .slick-populations.slick-populations-5-items .populations-item-ou-2021 .populations-item-caption-2021,
  .slick-populations.slick-populations-5-items .populations-item-ou-2021 .populations-item-caption-2021 {
    -ms-transform: translate(0, -50px);
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    transform: translate(0, -50px); }
  .slick-populations.slick-populations-5-items .populations-item-ou-2021:hover img,
  .slick-populations.slick-populations-5-items .populations-item-ou-2021:focus img {
    clip-path: ellipse(286px 0% at 50% 0); }
  .slick-populations.slick-populations-5-items .populations-item-ou-2021:hover .populations-item-caption-2021,
  .slick-populations.slick-populations-5-items .populations-item-ou-2021:focus .populations-item-caption-2021 {
    -ms-transform: translate(0, -262px);
    -webkit-transform: translate(0, -262px);
    -moz-transform: translate(0, -262px);
    transform: translate(0, -262px); } }

@media (min-width: 1460px) {
  .slick-populations.slick-populations-5-items .slick-track .populations-item-ou-2021:first-of-type {
    margin-right: 0; }
  .slick-populations.slick-populations-5-items .slick-track .populations-item-ou-2021:last-of-type {
    margin-left: 0; }
  .slick-populations.slick-populations-5-items .populations-item-ou-2021 img {
    clip-path: ellipse(286px 77% at 50% 0); }
  .slick-populations.slick-populations-5-items .populations-item-ou-2021 .populations-item-caption-2021,
  .slick-populations.slick-populations-5-items .populations-item-ou-2021 .populations-item-caption-2021 {
    -ms-transform: translate(0, -80px);
    -webkit-transform: translate(0, -80px);
    -moz-transform: translate(0, -80px);
    transform: translate(0, -80px); }
  .slick-populations.slick-populations-5-items .populations-item-ou-2021:hover img,
  .slick-populations.slick-populations-5-items .populations-item-ou-2021:focus img {
    clip-path: ellipse(286px 0% at 50% 0); }
  .slick-populations.slick-populations-5-items .populations-item-ou-2021:hover .populations-item-caption-2021,
  .slick-populations.slick-populations-5-items .populations-item-ou-2021:focus .populations-item-caption-2021 {
    -ms-transform: translate(0, -288px);
    -webkit-transform: translate(0, -288px);
    -moz-transform: translate(0, -288px);
    transform: translate(0, -288px); } }

/* end slick-populations 5 ITEMS support */
/* slick-populations 4 ITEMS support */
@media (min-width: 992px) {
  .slick-populations.slick-populations-4-items .slick-track {
    display: flex;
    justify-content: space-between;
    width: auto !important; }
  .slick-populations.slick-populations-4-items .slick-track .populations-item-ou-2021:first-of-type {
    margin-right: 0; }
  .slick-populations.slick-populations-4-items .slick-track .populations-item-ou-2021:last-of-type {
    margin-left: 0; }
  .slick-populations.slick-populations-4-items .populations-item-ou-2021 {
    width: auto !important; }
  .slick-populations.slick-populations-4-items .populations-item-ou-2021 .populations-item-caption-2021 {
    -ms-transform: translate(0, -84px);
    -webkit-transform: translate(0, -84px);
    -moz-transform: translate(0, -84px);
    transform: translate(0, -84px); }
  .slick-populations.slick-populations-4-items .populations-item-ou-2021 img {
    clip-path: ellipse(286px 75% at 50% 0); }
  .slick-populations.slick-populations-4-items .populations-item-ou-2021:hover img,
  .slick-populations.slick-populations-4-items .populations-item-ou-2021:focus img {
    clip-path: ellipse(286px 0% at 50% 0); }
  .slick-populations.slick-populations-4-items .populations-item-ou-2021:hover .populations-item-caption-2021,
  .slick-populations.slick-populations-4-items .populations-item-ou-2021:focus .populations-item-caption-2021 {
    -ms-transform: translate(0, -284px);
    -webkit-transform: translate(0, -284px);
    -moz-transform: translate(0, -284px);
    transform: translate(0, -284px); } }

@media (min-width: 1200px) {
  .slick-populations.slick-populations-4-items .slick-track .populations-item-ou-2021:first-of-type {
    margin-right: -2.5%; }
  .slick-populations.slick-populations-4-items .slick-track .populations-item-ou-2021:last-of-type {
    margin-left: -2.5%; }
  .slick-populations.slick-populations-4-items .populations-item-ou-2021:hover img,
  .slick-populations.slick-populations-4-items .populations-item-ou-2021:focus img {
    clip-path: ellipse(286px 0% at 50% 0); }
  .slick-populations.slick-populations-4-items .populations-item-ou-2021:hover .populations-item-caption-2021,
  .slick-populations.slick-populations-4-items .populations-item-ou-2021:focus .populations-item-caption-2021 {
    -ms-transform: translate(0, -292px);
    -webkit-transform: translate(0, -292px);
    -moz-transform: translate(0, -292px);
    transform: translate(0, -292px); } }

@media (min-width: 1460px) {
  .slick-populations.slick-populations-4-items .slick-track .populations-item-ou-2021:first-of-type {
    margin-right: -6.8%; }
  .slick-populations.slick-populations-4-items .slick-track .populations-item-ou-2021:last-of-type {
    margin-left: -6.8%; }
  .slick-populations.slick-populations-4-items .populations-item-ou-2021 .populations-item-caption-2021 {
    -ms-transform: translate(0, -80px);
    -webkit-transform: translate(0, -80px);
    -moz-transform: translate(0, -80px);
    transform: translate(0, -80px); }
  .slick-populations.slick-populations-4-items .populations-item-ou-2021 img {
    clip-path: ellipse(286px 77% at 50% 0); }
  .slick-populations.slick-populations-4-items .populations-item-ou-2021:hover img,
  .slick-populations.slick-populations-4-items .populations-item-ou-2021:focus img {
    clip-path: ellipse(286px 0% at 50% 0); }
  .slick-populations.slick-populations-4-items .populations-item-ou-2021:hover .populations-item-caption-2021,
  .slick-populations.slick-populations-4-items .populations-item-ou-2021:focus .populations-item-caption-2021 {
    -ms-transform: translate(0, -288px);
    -webkit-transform: translate(0, -288px);
    -moz-transform: translate(0, -288px);
    transform: translate(0, -288px); } }

/* end slick-populations 4 ITEMS support */
/*END populations*/
/*generic-slider-promotion*/
.generic-slider-promotion-item-ou-2019 {
  display: flex;
  align-content: center;
  margin-bottom: 25px;
  /*&:hover, &:focus {
        .right-side-txt {
            p {
                color: $blue-light;
            }
        }
    }*/ }
  @media (max-width: 767px) {
    .generic-slider-promotion-item-ou-2019 {
      margin-bottom: 15px; } }
  .generic-slider-promotion-item-ou-2019 .right-side-txt {
    width: 45%;
    padding-right: 15px;
    /*vertical align center with flex*/
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    /*END vertical align center with flex*/
    text-align: right;
    /*@media (min-width: 1460px) {
            width: 35%;
        }*/ }
    .generic-slider-promotion-item-ou-2019 .right-side-txt h3 {
      margin-top: 36px;
      margin-bottom: 10px;
      font-weight: 600;
      min-height: 48px;
      color: #002c7d;
      font-size: 22px; }
    .generic-slider-promotion-item-ou-2019 .right-side-txt p {
      color: #353535;
      min-height: 42px;
      font-size: 16px; }
    .generic-slider-promotion-item-ou-2019 .right-side-txt span.btn {
      align-self: flex-start;
      margin-top: -25px;
      margin-right: 182%;
      z-index: 100; }
      @media (min-width: 1460px) {
        .generic-slider-promotion-item-ou-2019 .right-side-txt span.btn {
          margin-right: 185%;
          margin-top: 0; } }
    @media (max-width: 767px) {
      .generic-slider-promotion-item-ou-2019 .right-side-txt {
        width: 50%;
        justify-content: flex-start;
        padding-left: 2px; }
        .generic-slider-promotion-item-ou-2019 .right-side-txt h3 {
          font-size: 14px;
          margin-top: 25px;
          min-height: 30px; }
        .generic-slider-promotion-item-ou-2019 .right-side-txt p {
          font-size: 13px;
          line-height: 1.2;
          min-height: 45px; }
        .generic-slider-promotion-item-ou-2019 .right-side-txt span.btn {
          margin-right: 164%;
          margin-top: -26px; } }
  .generic-slider-promotion-item-ou-2019 .left-side-img {
    width: 55%;
    /*@media (min-width: 1460px) {
            width: 65%;
        }*/ }
    .generic-slider-promotion-item-ou-2019 .left-side-img img {
      clip-path: url(#myClipGenericSliderPromotion);
      opacity: 0.9; }
    @media (max-width: 767px) {
      .generic-slider-promotion-item-ou-2019 .left-side-img {
        height: 135px;
        overflow-x: hidden;
        width: 50%; }
        .generic-slider-promotion-item-ou-2019 .left-side-img img {
          /*width: 150px;*/
          height: 135px;
          max-width: inherit; } }

/*END generic-slider-promotion*/
/*new-studies*/
.new-studies-item-ou-2018 {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: flex-end;*/
  justify-content: center;
  margin-bottom: 25px;
  overflow-x: hidden;
  /*&:hover, &:focus {
        h3 {
            color: $blue-light;
        }
    }*/ }
  .new-studies-item-ou-2018 img {
    clip-path: url(#myClipNewstudies);
    opacity: 0.9; }
  @media (min-width: 768px) {
    .new-studies-item-ou-2018 {
      overflow-x: hidden; }
      .new-studies-item-ou-2018 img {
        max-width: none; } }
  .new-studies-item-ou-2018 h3 {
    color: #353535;
    font-size: 18px;
    line-height: 1.3;
    padding-right: 25px;
    padding-left: 40%;
    min-height: 46px; }
    @media (min-width: 1460px) {
      .new-studies-item-ou-2018 h3 {
        font-size: 19px; } }
  .new-studies-item-ou-2018 span.btn {
    margin-top: -40px;
    /*margin-left: 20px;*/
    margin-bottom: 20px;
    /*align-self: flex-end;*/
    margin-right: 76%; }
  @media (max-width: 767px) {
    .new-studies-item-ou-2018 {
      margin-bottom: 15px; }
      .new-studies-item-ou-2018 img {
        height: 100px;
        max-width: inherit; }
      .new-studies-item-ou-2018 h3 {
        padding-left: 35px;
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 5px; }
      .new-studies-item-ou-2018 span.btn {
        margin-top: -32px;
        margin-left: 15px;
        margin-bottom: 10px; } }

/*END new-studies*/
/*lead form*/
.lead-form-ou-2018 {
  /*background-color: #ffffff;*/
  padding: 10px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  /*small tooltip-icon on focus*/ }
  .lead-form-ou-2018 legend {
    font-size: 2.18em;
    margin-bottom: 10px;
    color: #c2176a;
    line-height: .9;
    border-bottom: none; }
    .lead-form-ou-2018 legend span {
      font-size: 0.55em;
      color: #333;
      display: block;
      line-height: 1.3; }
    @media (min-width: 1460px) {
      .lead-form-ou-2018 legend {
        font-size: 2.7em;
        line-height: 0.8;
        margin-bottom: 20px; }
        .lead-form-ou-2018 legend span {
          font-size: 0.5em; } }
  .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 {
    display: flex;
    flex-wrap: wrap;
    margin-right: -2.5%;
    margin-left: -2.5%; }
    .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 > div {
      width: 46%;
      margin-right: 2%;
      margin-left: 2%; }
      .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 > div.form-tel {
        width: 27%;
        margin-left: 1%; }
      .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 > div.form-tel-prefix {
        width: 17%;
        margin-right: 1%; }
      .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 > div.checkbox {
        width: 70%; }
      .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 > div.button {
        width: 22%; }
        .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 > div.button button {
          width: 100%;
          font-size: 15px; }
      @media (max-width: 767px) {
        .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 > div {
          width: 98%; }
          .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 > div.form-tel {
            width: 67%; }
          .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 > div.form-tel-prefix {
            width: 27%; }
          .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 > div.checkbox {
            width: 98%; }
          .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 > div.button {
            width: 98%; } }
    .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 .required-p {
      width: 100%; }
      .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 .required-p p {
        margin-top: 0;
        margin-bottom: 0;
        font-size: .75em; }
        .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 .required-p p span {
          color: #c2176a;
          font-size: 1.2em; }
    @media (max-width: 767px) {
      .lead-form-ou-2018 .lead-form-flex-wrapper-ou-2018 {
        padding-left: 15px;
        padding-right: 15px; } }
  .lead-form-ou-2018 p {
    margin-top: 15px; }
    @media (min-width: 1460px) {
      .lead-form-ou-2018 p {
        font-size: 16px;
        margin-top: 25px; } }
    .lead-form-ou-2018 p i {
      font-size: 27px;
      line-height: 0;
      vertical-align: sub;
      margin-left: 10px; }
      .lead-form-ou-2018 p i:before {
        -ms-transform: rotate(-88deg);
        -webkit-transform: rotate(-88deg);
        -moz-transform: rotate(-88deg);
        transform: rotate(-88deg); }
    .lead-form-ou-2018 p a {
      color: #353535; }
      .lead-form-ou-2018 p a:hover, .lead-form-ou-2018 p a:focus {
        text-decoration: none; }
  @media (max-width: 767px) {
    .lead-form-ou-2018 {
      padding: 0 15px;
      /*border: 1px solid $turquoise-color;*/ }
      .lead-form-ou-2018 > p {
        padding: 15px 15px 10px 15px;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: -1px 0px 0px #e52783, 1px 0px 0px #e52783, 0px 1px 0px #e52783; }
      .lead-form-ou-2018 legend {
        font-size: 1.6em; }
        .lead-form-ou-2018 legend span {
          font-size: 0.58em;
          line-height: 1.5;
          padding-right: 15px;
          padding-left: 15px; }
        .lead-form-ou-2018 legend img {
          border-top: 1px solid #e52783; }
      .lead-form-ou-2018 fieldset {
        /*border-right: 1px solid $turquoise-color;
            border-left: 1px solid $turquoise-color;
            outline: 1px solid $turquoise-color;
            outline-offset: -1px;*/
        box-shadow: -1px -110px 0px #e52783, -1px 0px 0px #e52783, 1px 0px 0px #e52783, 1px -110px 0px #e52783; } }
  .lead-form-ou-2018 .lead-form-tooltip-icon {
    top: -6px;
    left: -22px;
    position: absolute;
    color: #c2176a;
    font-size: 22px; }
  .lead-form-ou-2018 .form-group input:focus ~ .control-label .lead-form-tooltip-icon {
    font-size: 18px; }

.lead-form-image-ou-2018 {
  clip-path: url(#myClipForm); }
  @media (max-width: 767px) {
    .lead-form-image-ou-2018 {
      clip-path: url(#myClipFormMobile);
      /*margin-top: 10px;*/ } }

.thank-you-wp {
  margin-bottom: 20px; }
  .thank-you-wp .success-p {
    font-size: 2.18em;
    color: #c2176a;
    margin-top: 0; }
  .thank-you-wp .promo-p {
    font-size: 18px; }
  .thank-you-wp .list-inline {
    margin-right: 0; }
    .thank-you-wp .list-inline > li {
      width: 48%;
      padding: 10px;
      border: 1px solid #e8e8e8;
      background-color: #c2176a;
      color: #ffffff;
      margin-bottom: 7px;
      margin-left: 1%; }
      .thank-you-wp .list-inline > li:first-child {
        -webkit-border-top-right-radius: 15px;
        border-top-right-radius: 15px; }
      .thank-you-wp .list-inline > li:last-child {
        -webkit-border-bottom-left-radius: 15px;
        border-bottom-left-radius: 15px; }
      .thank-you-wp .list-inline > li img {
        height: 20px;
        margin-left: 5px; }
      .thank-you-wp .list-inline > li a {
        color: #ffffff; }
  @media (max-width: 767px) {
    .thank-you-wp {
      padding: 10px 10px 0 10px;
      margin-bottom: 0;
      box-shadow: -1px 0px 0px #e52783, 1px 0px 0px #e52783, 0px -1px 0px #e52783; }
      .thank-you-wp .success-p {
        font-size: 1.6em; }
      .thank-you-wp .promo-p {
        font-size: 16px;
        margin-bottom: 20px; }
      .thank-you-wp ul {
        margin-bottom: 0; } }

/*END lead form*/
/* old css from global/css/webParts.rtl.css */
.pull-by-lang {
  float: left; }

/* END old css from global/css/webParts.rtl.css */
/* READ MORE from global/css/webParts.rtl.css */
.read-more-state {
  display: none; }

@media screen and (max-width: 767px) {
  .read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    display: none;
    transition: .25s ease; }
  .read-more-wrap::after {
    content: "..."; }
  .read-more-state:checked ~ .read-more-wrap::after {
    content: ""; }
  .read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
    display: block; }
  .read-more-trigger {
    cursor: pointer;
    display: inline-block;
    padding: 0 .5em;
    color: #666;
    font-size: 1em; }
  p .read-more-target {
    padding-top: 2%; } }

/* END READ MORE from global/css/webParts.rtl.css */
/* CLICK TO CALL from global/css/webParts.rtl.css */
.click-2-call {
  position: relative;
  z-index: 1000;
  width: 75px;
  min-height: 70px;
  background: #005c81;
  left: auto;
  top: auto;
  /*border-radius: 4px 0 0 4px;*/
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.click-2-call a,
.click-2-call a:hover {
  color: #fff;
  text-align: center;
  text-decoration: none; }

.click-2-call [class^="icon-"], .click-2-call [class*=" icon-"] {
  display: inline-block;
  width: 100%; }

.click-2-call a i {
  text-align: center;
  font-size: 30px; }

.click-2-call a {
  font-size: 13px; }

.switch-to {
  display: block;
  width: 100%;
  height: 50px; }

.switch-to.active {
  background-color: rgba(0, 0, 0, 0.15); }

.click-2-call a:first-child > .switch-to {
  border-top-right-radius: 4px; }

.click-2-call a:last-child > .switch-to {
  border-bottom-right-radius: 4px; }

.switch-to.opnu-call {
  background-position: 0 0; }

/* END CLICK TO CALL from global/css/webParts.rtl.css */
/* AccordionWithText/AccordionWithLinks from global/css/webParts.rtl.css */
.AccordionWithText, .AccordionWithLinks {
  margin-bottom: 20px; }

.AccordionWithText .toggle_arrow, .AccordionWithLinks .toggle_arrow {
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  color: #006ca7; }

.AccordionWithText .toggle_arrow:hover, .AccordionWithText .toggle_arrow:focus,
.AccordionWithLinks .toggle_arrow:hover, .AccordionWithLinks .toggle_arrow:focus {
  color: #1484c1; }

.AccordionWithText .toggle_arrow i.fa-chevron-up, .AccordionWithLinks .toggle_arrow i.fa-chevron-up {
  color: #1484c1; }

.AccordionWithText .thumbnail, .AccordionWithLinks .thumbnail {
  padding: 0;
  border: none;
  margin-bottom: 0; }

.AccordionWithText .thumbnail:hover, .AccordionWithLinks .thumbnail:hover {
  background-color: #fcfcfc;
  box-shadow: 0 0 5px #ddd; }

.AccordionWithText .thumbnail .caption, .AccordionWithLinks .thumbnail .caption {
  padding: 0; }

.AccordionWithText .caption, .AccordionWithLinks .caption {
  overflow: hidden;
  height: 170px; }

.AccordionWithText .caption .MainTitle, .AccordionWithLinks .caption .MainTitle {
  font-size: 17px;
  padding: 1px 9px 2px 2px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

.AccordionWithText .thumbnail .caption p {
  padding: 10px;
  margin: 0; }

.AccordionWithLinks .thumbnail .caption ul {
  padding: 10px;
  margin-bottom: 0; }

.AccordionWithLinks .thumbnail .caption ul li {
  padding-bottom: 3px;
  padding-top: 3px;
  display: block; }

.AccordionWithLinks .thumbnail .caption ul li span.bullet {
  margin-left: 8px;
  vertical-align: middle;
  border: solid #006ca7;
  border-width: 0 0.12em 0.12em 0;
  display: inline-block;
  padding: 5px 0px 0px 5px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

.AccordionWithLinks .thumbnail .caption ul li a {
  color: #5e5e5e; }

.AccordionWithLinks .thumbnail .caption ul li a:hover, .AccordionWithLinks .thumbnail .caption ul li a:focus {
  color: #006ca7; }

.AccordionWithText .thumbnail div.toggle_arrow, .AccordionWithLinks .thumbnail div.toggle_arrow {
  padding: 3px; }

/* END AccordionWithText/AccordionWithLinks from global/css/webParts.rtl.css */
/* carousel messages 2022 */
.carousel-messages-2022 {
  background-color: whitesmoke;
  border-bottom: 1px solid #ededed;
  margin-bottom: 70px; }
  @media (max-width: 767px) {
    .carousel-messages-2022 {
      margin-bottom: 20px; } }
  .carousel-messages-2022 > .carousel {
    display: flex; }
    @media (min-width: 768px) {
      .carousel-messages-2022 > .carousel {
        align-items: center;
        height: 40px; } }
    @media (max-width: 767px) {
      .carousel-messages-2022 > .carousel {
        flex-wrap: wrap;
        align-content: flex-start;
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 120px; } }
    .carousel-messages-2022 > .carousel > h3 {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 16px;
      font-weight: 600;
      color: #002c7d;
      padding-left: 20px; }
      @media (max-width: 767px) {
        .carousel-messages-2022 > .carousel > h3 {
          font-size: 13px;
          padding-left: 15px;
          flex-grow: 1; } }
      .carousel-messages-2022 > .carousel > h3 i {
        vertical-align: middle;
        margin-left: 5px; }
    .carousel-messages-2022 > .carousel > ul {
      margin-bottom: 0;
      padding-right: 0; }
      @media (max-width: 767px) {
        .carousel-messages-2022 > .carousel > ul {
          order: 4;
          flex-basis: 100%; } }
      .carousel-messages-2022 > .carousel > ul > li h4 {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 0;
        color: #000;
        font-weight: 400; }
        @media (min-width: 768px) {
          .carousel-messages-2022 > .carousel > ul > li h4 {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; } }
        @media (max-width: 767px) {
          .carousel-messages-2022 > .carousel > ul > li h4 {
            font-size: 13px; } }
    .carousel-messages-2022 > .carousel .carousel-messages-counter-2022 {
      width: 5%;
      direction: ltr; }
      @media (max-width: 767px) {
        .carousel-messages-2022 > .carousel .carousel-messages-counter-2022 {
          font-size: 13px;
          width: 20%; } }
    .carousel-messages-2022 > .carousel .carousel-messages-next-2022 {
      margin-right: 10px;
      font-size: 2em;
      line-height: 0; }
      @media (max-width: 767px) {
        .carousel-messages-2022 > .carousel .carousel-messages-next-2022 {
          font-size: 1.6em;
          margin-top: -2px; } }

/* END carousel messages 2022 */
/* carousel stage 2022 */
.carousel-stage-2022 {
  margin-bottom: 70px; }
  @media (max-width: 767px) {
    .carousel-stage-2022 {
      margin-bottom: 20px; } }
  .carousel-stage-2022 .carousel-inner > .item > img {
    -webkit-filter: brightness(80%);
    filter: brightness(80%); }
    @media (min-width: 1460px) {
      .carousel-stage-2022 .carousel-inner > .item > img {
        margin-bottom: -100px; } }
  .carousel-stage-2022 .carousel-caption {
    top: 16%;
    bottom: auto;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
    @media screen and (min-width: 768px) {
      .carousel-stage-2022 .carousel-caption {
        left: 25%;
        right: 25%; } }
    .carousel-stage-2022 .carousel-caption h1 {
      font-size: 38px;
      font-weight: 600; }
    .carousel-stage-2022 .carousel-caption p {
      font-size: 22px; }
    @media (max-width: 767px) {
      .carousel-stage-2022 .carousel-caption {
        top: 0%;
        left: 10%;
        right: 10%; }
        .carousel-stage-2022 .carousel-caption h1 {
          margin-top: 0;
          font-size: 30px; }
        .carousel-stage-2022 .carousel-caption p {
          font-size: 16px; } }
  .carousel-stage-2022 .carousel-indicators {
    padding-right: 0; }
    .carousel-stage-2022 .carousel-indicators li {
      background-color: #e8e8e8;
      border-color: #e8e8e8; }
    .carousel-stage-2022 .carousel-indicators .active {
      background-color: #c2176a;
      border-color: #c2176a; }
  .carousel-stage-2022.carousel-stage-2022-WITH-MESSAGES {
    margin-bottom: 0; }

/* END carousel stage 2022 */