@charset "utf-8";
/* Add here all your css styles (customizations) */
@font-face {
  font-family: 'ralewaymedium';
  src: url("../fonts/raleway-medium-webfont.woff2") format("woff2"), url("../fonts/raleway-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewayblack';
  src: url("../fonts/raleway-black-webfont.woff2") format("woff2"), url("../fonts/raleway-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewayblack_italic';
  src: url("../fonts/raleway-blackitalic-webfont.woff2") format("woff2"), url("../fonts/raleway-blackitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewaybold';
  src: url("../fonts/raleway-bold-webfont.woff2") format("woff2"), url("../fonts/raleway-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewaybold_italic';
  src: url("../fonts/raleway-bolditalic-webfont.woff2") format("woff2"), url("../fonts/raleway-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewayextrabold';
  src: url("../fonts/raleway-extrabold-webfont.woff2") format("woff2"), url("../fonts/raleway-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewayextrabold_italic';
  src: url("../fonts/raleway-extrabolditalic-webfont.woff2") format("woff2"), url("../fonts/raleway-extrabolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewayextralight';
  src: url("../fonts/raleway-extralight-webfont.woff2") format("woff2"), url("../fonts/raleway-extralight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewayextralight_italic';
  src: url("../fonts/raleway-extralightitalic-webfont.woff2") format("woff2"), url("../fonts/raleway-extralightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewayitalic';
  src: url("../fonts/raleway-italic-webfont.woff2") format("woff2"), url("../fonts/raleway-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewaylight';
  src: url("../fonts/raleway-light-webfont.woff2") format("woff2"), url("../fonts/raleway-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewaylight_italic';
  src: url("../fonts/raleway-lightitalic-webfont.woff2") format("woff2"), url("../fonts/raleway-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewaymedium_italic';
  src: url("../fonts/raleway-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/raleway-mediumitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewayregular';
  src: url("../fonts/raleway-regular-webfont.woff2") format("woff2"), url("../fonts/raleway-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewaysemibold';
  src: url("../fonts/raleway-semibold-webfont.woff2") format("woff2"), url("../fonts/raleway-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewaysemibold_italic';
  src: url("../fonts/raleway-semibolditalic-webfont.woff2") format("woff2"), url("../fonts/raleway-semibolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewaythin';
  src: url("../fonts/raleway-thin-webfont.woff2") format("woff2"), url("../fonts/raleway-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ralewaythin_italic';
  src: url("../fonts/raleway-thinitalic-webfont.woff2") format("woff2"), url("../fonts/raleway-thinitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotolight';
  src: url("../fonts/roboto-light-webfont.woff2") format("woff2"), url("../fonts/roboto-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotolight_italic';
  src: url("../fonts/roboto-lightitalic-webfont.woff2") format("woff2"), url("../fonts/roboto-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotomedium';
  src: url("../fonts/roboto-medium-webfont.woff2") format("woff2"), url("../fonts/roboto-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotomedium_italic';
  src: url("../fonts/roboto-mediumitalic-webfont.woff2") format("woff2"), url("../fonts/roboto-mediumitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotoregular';
  src: url("../fonts/roboto-regular-webfont.woff2") format("woff2"), url("../fonts/roboto-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotothin';
  src: url("../fonts/roboto-thin-webfont.woff2") format("woff2"), url("../fonts/roboto-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotothin_italic';
  src: url("../fonts/roboto-thinitalic-webfont.woff2") format("woff2"), url("../fonts/roboto-thinitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotoblack';
  src: url("../fonts/roboto-black-webfont.woff2") format("woff2"), url("../fonts/roboto-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotoblack_italic';
  src: url("../fonts/roboto-blackitalic-webfont.woff2") format("woff2"), url("../fonts/roboto-blackitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotobold';
  src: url("../fonts/roboto-bold-webfont.woff2") format("woff2"), url("../fonts/roboto-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotobold_italic';
  src: url("../fonts/roboto-bolditalic-webfont.woff2") format("woff2"), url("../fonts/roboto-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'robotoitalic';
  src: url("../fonts/roboto-italic-webfont.woff2") format("woff2"), url("../fonts/roboto-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.g-width-56 {
  width: 56px;
}

.g-height-56 {
  height: 56px;
}

.g-color-blue {
  color: #2786db;
}

.g-bg-blue {
  background-color: #2786db;
}

.g-color-blue2 {
  color: #0062b9;
}

.g-bg-blue2 {
  background-color: #0062b9;
}

.g-color-grey {
  color: #797979;
}

.g-color-black_2 {
  color: #333333;
}

.g-bg-gray-dark-v1 {
  background-color: rgba(237, 237, 237, 0.5) !important;
}

.g-paragraph_light {
  font: 16px "robotolight_italic";
  color: #797979;
  letter-spacing: 0.23px;
}

.font-raleway-medium {
  font-family: "ralewaymedium";
}

.font-raleway-mediumItalic {
  font-family: "ralewaymedium_italic";
}

.font-raleway-black {
  font-family: "ralewayblack";
}

.font-raleway-blackItalic {
  font-family: "ralewayblack_italic";
}

.font-raleway-bold {
  font-family: "ralewaybold";
}

.font-raleway-boldItalit {
  font-family: "ralewaybold_italic";
}

.font-raleway-extraBold {
  font-family: "ralewayextrabold";
}

.font-raleway-extraBoldItalic {
  font-family: "ralewayextrabold_italic";
}

.font-raleway-extraLight {
  font-family: "ralewayextralight";
}

.font-raleway-extraLightItalic {
  font-family: "ralewayextralight_italic";
}

.font-raleway-italic {
  font-family: "ralewayitalic";
}

.font-raleway-light {
  font-family: "ralewaylight";
}

.font-raleway-lightItalic {
  font-family: "ralewaylight_italic";
}

.font-raleway-regular {
  font-family: "ralewayregular";
}

.font-raleway-semibold {
  font-family: "ralewaysemibold";
}

.font-raleway-semiboldItalic {
  font-family: "ralewaysemibold_italic";
}

.font-raleway-thin {
  font-family: "ralewaythin";
}

.font-raleway-thinItalic {
  font-family: "ralewaythin_italic";
}

.font-roboto-light {
  font-family: "robotolight";
}

.font-roboto-lightItalic {
  font-family: "robotolight_italic";
}

.font-roboto-medium {
  font-family: "robotomedium";
}

.font-roboto-mediumItalic {
  font-family: "robotomedium_italic";
}

.font-roboto-regular {
  font-family: "robotoregular";
}

.font-roboto-thin {
  font-family: "robotothin";
}

.font-roboto-thinItalic {
  font-family: "robotothin_italic";
}

.font-roboto-black {
  font-family: "robotoblack";
}

.font-roboto-blackItalic {
  font-family: "robotoblack_italic";
}

.font-roboto-bold {
  font-family: "robotobold";
}

.font-roboto-boldItalic {
  font-family: "robotobold_italic";
}

.font-roboto-italic {
  font-family: "robotoitalic";
}

.g-letter-spacing-0_11 {
  letter-spacing: 0.11px;
}

.g-letter-spacing-0_09 {
  letter-spacing: 0.09px;
}

.g-letter-spacing-0_08 {
  letter-spacing: 0.08px;
}

.g-letter-spacing-0_07 {
  letter-spacing: 0.07px;
}

.g-letter-spacing-0_06 {
  letter-spacing: 0.06px;
}

.g-letter-spacing-0_05 {
  letter-spacing: 0.05px;
}

.g-letter-spacing-0_2 {
  letter-spacing: 0.2px;
}

.title_h2 {
  font: 32px "ralewayextralight";   /* a step larger than h3 */
  letter-spacing: 0.12px;
}

.title_h3 {
  font: 28px "ralewayextralight";   /* keep as is */
  letter-spacing: 0.14px;
}

/* Mid-size between h3 (28) and h4 (22) */
.title_h3b {
  font: 25px "ralewayextralight";  /* or ralewaylight if you prefer */
  letter-spacing: 0.15px;
}

.title_h4 {
  font: 22px "ralewaylight";   /* a step smaller than h3 */
  letter-spacing: 0.16px;
}

.g-paragraph {
  font: 16px "robotolight";
  color: #000;
  letter-spacing: 0.2px;
}

.g-paragraph-17 {
  font: 17px "robotolight";
  color: #000;
  letter-spacing: 0.2px;
}

.g-paragraph-16-sc {
  font: 16px "robotolight";
  font-variant: small-caps;
  color: #000;
  letter-spacing: 0.2px;
}

.g-paragraph-em {
  font: 16px "robotolight";
  color: #000;
  letter-spacing: 0.5px;
}

.g-title {
  font: 40px "ralewayregular";
  color: black;
  letter-spacing: 0.2px;
}

.container--md {
  max-width: 926px;
}

.width-full {
  width: 100%;
}

.g-link-roboto {
  font: 16px "robotomedium";
  color: #2786db;
}

.g-link-roboto-14 {
  font: 14px "robotolight";
}

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

.height-full {
  height: 100%;
}

.margin-auto {
  margin: 0 auto;
}

.g-link {
  display: inline-block;
  font: 14px "ralewayitalic";
  color: #2786db;
  text-decoration: none;
}

.g-link:hover {
  text-decoration: none;
}

.g-link--underline {
  padding-bottom: 3px;
  border-bottom: 1px solid #2786db;
}

.g-line-height-12 {
  line-height: 12px;
}

.g-line-height-24 {
  line-height: 24px;
}

.g-line-height-30 {
  line-height: 30px;
}

.g-bg-size-contain {
  background-size: contain;
}

.g-bg-right {
  background-position: right center;
}

.list-unstyled-inline-3 li {
  display: inline-block;
  width: 30%;
}

.se-img_block {
  top: 0;
  left: 0;
  z-index: 3;
  padding: 24px 12px 6px;
  width: 100%;
  height: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.se-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font: 14px "robotoregular";
  color: #2786db;
  background-color: #e6f1fb;
}

.se-badge-darker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font: 14px "robotoregular";
  color: #2786db;
  background-color: #c9e7ff;
}

.se-badge-lg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font: 20px "robotoregular";
  color: #2786db;
  background-color: #e6f1fb;
}

.se-badge-lg:hover,  .se-badge:hover {
    text-decoration: underline;
  }

.se-badge-green {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font: 14px "robotoregular";
  color: #569e1b;
  background-color: #eefbe6;
}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
  color: black;
}

.se-navbar-nav > li.nav-item .nav-link {
  font: 14px "ralewaymedium";
  color: #333;
  text-transform: uppercase;
}

.se-navbar-nav .hs-has-sub-menu .se-submenu--lv1 .dropdown-item .nav-link {
  text-transform: none;
}

.se-navbar-nav .hs-has-sub-menu .se-submenu--lv1 > .dropdown-item:hover {
  background-color: #fff !important;
}

.se-navbar-nav .hs-has-sub-menu .se-submenu--lv1 > .dropdown-item:hover > .nav-link {
  color: #2786db !important;
}

.se-navbar-nav .se-submenu--inner > .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.se-navbar-nav .se-submenu--inner .hs-sub-menu {
  display: none !important;
  position: static;
  background-color: #f7f7f7;
  margin-right: -1.07143rem;
  margin-left: -1.07143rem;
}

.se-navbar-nav .se-submenu--inner .hs-sub-menu .dropdown-item:hover {
  background-color: inherit;
}

.se-navbar-nav .se-submenu--inner .hs-sub-menu .dropdown-item:hover .nav-link {
  color: #2786db !important;
}

.se-navbar-nav .se-submenu--inner.hs-sub-menu-opened .hs-sub-menu {
  display: block !important;
}

.se-navbar-nav .se-submenu--inner.hs-sub-menu-opened > .nav-link::after {
  content: "\e903";
}

.logo {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: cover;
}

.se-blockquote {
  padding-top: 20px;
  min-height: 130px;
  background: url("../img/quote.png") no-repeat center 0;
}

.se-blockquote-italic {
  font-style: italic;
  padding-top: 20px;
  min-height: 130px;
  background: url("../img/quote.png") no-repeat center 0;
}

.g-bg-gray-dark-v01 {
  height: 64px;
  background-color: #1c1c1c;
}

.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font: 14px "robotoregular";
  color: #ededed;
}

.footer__logo span{
  display:inline-block;
  width:35px;              /* was 22 */
  height:35px;
  background: url("../img2/logo2e.png") no-repeat left center;
  background-size: contain;  /* ← avoid crop on small screens */
  margin-right:10px;
}

.dr__history {
  margin-top: -56px;
}

.column__image {
  width: 100%;
  height: 210px;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  border-radius: 4px;
}
.event__image {  
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  border-radius: 4px;
}

.img-fluid2 {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}


.g-paragraph--limit-90 {
  height: 90px;
  overflow: hidden;
}

.g-paragraph--limit-64 {
  height: 64px;
  overflow: hidden;
}

.g-title-height-50 {
  height: 50px;
  overflow: hidden;
}

.se-arrow--slider {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: #F9F9F9;
}

.se-arrow--slider:hover {
  background-color: #E6F1FB;
  color: #2786db;
}

.se-bredcrumbs li {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  color: white;
}

.se-bredcrumbs li a {
  font: 14px "robotoregular";
  color: white;
  text-decoration: none;
  letter-spacing: 0.2px;
}

.g-title_h2 {
  font: 30px "ralewayregular";
}

.g-title_h3 {
  font: 24px "ralewaymedium";
  letter-spacing: 0.12px;
}

.image__txt {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 436px;
  height: 292px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image__txt--550 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 550px;
  height: 368px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image__txt--600 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 600px;
  height: 284px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image__txt--400l {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 400px;
  height: 190px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image__txt--400 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 399px;
  height: 267px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image_292 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 292px;
  height: 332px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image_292--md {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 292px;
  height: 247px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image_345 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 345px;
  height: 195px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image_345-ratio {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 345px;
  height: 231px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image_345-sq {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 345px;
  height: 345px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image__txt_md {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 276px;
  height: 182px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image__txt_sm {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 141px;
  height: 220px;
  background-repeat: no-repeat;
  background-size: cover;
}

.container--lg {
  max-width: 1044px;
}

.list-dotted li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 23px;
  color: #333;
  font: 16px/24px "robotolight";
  letter-spacing: 0.23px;
}

.list-dotted li span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
  margin-top: 8px;
  width: 8px;
  height: 8px;
  background-color: #ededed;
  border-radius: 50%;
}

.image__txt_v {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 163px;
  height: 247px;
  background-repeat: no-repeat;
  background-size: cover;
}

.list-unstyled__line li {
  position: relative;
  padding: 13px 0;
  color: #333;
  font: 16px/24px "robotolight";
  letter-spacing: 0.23px;
}

.list-unstyled__line li::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  background-color: #ededed;
  width: 100px;
  height: 1px;
}

.pic__image_263 {
  width: 263px;
  height: 189px;
  background-repeat: no-repeat;
  background-size: cover;
}

.article__portlet_img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 240px;
  height: 144px;
  border: 4px 0 0 4px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}

.article__portlet {
  border: 1px solid #ededed;
  border-radius: 4px;
}

.img__list_v {
  margin-left: -2px;
  margin-right: -2px;
}

.img__list_v_item {
  margin: 2px;
  width: 186px;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
}

.img__list_l {
  margin-left: -2px;
  margin-right: -2px;
}

.img__list_l_item {
  margin: 2px;
  width: 200px;
  height: 134px;
  background-repeat: no-repeat;
  background-size: cover;
}

.color-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 4px 4px 0;
  padding: 0 18px;
  height: 32px;
  border-radius: 4px;
  font: 14px "robotoregular";
}

.color-badge-green {
  background-color: #eaf9d9;
  color: #86d700;
}

.color-badge-red {
  background-color: #ffeded;
  color: #d70000;
}

.color-badge-yellow {
  background-color: #fffee3;
  color: #ead600;
}

.color-badge-orange {
  background-color: #fff3e3;
  color: #ea8900;
}

.color-badge-pink {
  background-color: #ffedf9;
  color: #f576c6;
}

.color-badge-white {
  background-color: #d9d9d9;
  color: #fff;
}

.color-badge-black {
  background-color: #f6f6f6;
  color: #000;
}

.color-badge-grey {
  background-color: #f6f6f6;
  color: #797979;
}

.color-badge-purple {
  background-color: #f5e3ff;
  color: #af00ea;
}

.color-badge-brown {
  background-color: #f5eadb;
  color: #bf6800;
}

.color-badge-blue {
  background-color: #d9f9ee;
  color: #00ced7;
}

.images_dtl {
  margin-right: 4px;
  margin-left: 4px;
}

.images_dtl_full {
  display: block;
  margin-bottom: 8px;
  width: 170px;
  height: 260px;
  background-repeat: no-repeat;
  background-size: cover;
}

.images_dtl_short {
  display: block;
  width: 170px;
  height: 111px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image__txt--lg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 500px;
  height: 382px;
  background-repeat: no-repeat;
  background-size: cover;
}

.image_246 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 246px;
  height: 163px;
  background-repeat: no-repeat;
  background-size: cover;
}

.se-accordion .u-accordion .u-accordion__header h5 a {
  font: 16px "ralewaymedium";
}

.se-accordion .u-accordion__body {
  padding: 40px 0 !important;
}

.u-accordion-color-primary .u-accordion__header [aria-expanded="true"] {
  color: #2786db !important;
}

.se-blockquote--center {
  background-position: center;
}

.image-360 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 360px;
  height: 240px;
  background-repeat: no-repeat;
  background-size: cover;
}

.se-paginator .u-pagination-v1__item:hover {
  background-color: #e6f1fb;
  border-color: #e6f1fb;
  color: #2786db;
}

.se-paginator .u-pagination-v1__item:hover i {
  color: #2786db;
}

.se-paginator .u-pagination-v1-4--active {
  background-color: #e6f1fb;
  border-color: #e6f1fb;
  color: #2786db;
}

.se-paginator .float-sm-left {
  font: 14px "robotolight";
  color: #797979;
}

.se-paginator .float-sm-left a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.se-paginator .float-sm-left i {
  color: #797979;
}

.se-paginator .float-sm-right {
  font: 14px "robotolight";
  color: #797979;
}

.se-paginator .float-sm-right a span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.se-paginator .float-sm-right i {
  color: #797979;
}

.info__block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100%;
  border-radius: 4px;
  border: 1px solid #ededed;
}

.info__block__logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 36px;
  width: 100px;
  height: 100px;
  background-color: #f8f8f8;
}

.info__block__logo span {
  width: 35px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: cover;
}

.btn-outline-primary {
  padding-left: 30px;
  padding-right: 30px;
  height: 42px;
  border: 1px solid #2786db;
  font: 14px "ralewaysemibold";
  color: #2786db;
  letter-spacing: 0.2px;
}

.btn-outline-primary:hover {
  background-color: #2786db;
  border-color: #2786db;
}

.btn-outline-secondary {
  height: 56px !important;
  padding: 0 28px !important;
  line-height: 56px !important;
  font-family: "ralewaysemibold", sans-serif !important;
  font-size: 14px !important;
  color: #246eb9 !important;
  background-color: rgba(202, 228, 255, 0.2) !important;
  border: none !important;
  border-radius: 14px !important;
  letter-spacing: 0.2px !important;
  box-shadow: 0 0 0 rgba(140, 190, 255, 0) !important;
  transition: color 0.3s ease, background-color 0.4s ease, box-shadow 0.4s ease;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
  color: #174e85 !important;
  background-color: rgba(140, 190, 255, 0.25) !important;
  box-shadow: 0 0 12px rgba(140, 190, 255, 0.4) !important;
}

.btn-outline-secondary-sm {
  padding-left: 20px;
  padding-right: 20px;
  height: 42px;
  border: 1px solid #2786db;
  font: 14px/30px "raleway";
  color: #2786db;
  letter-spacing: 0.2px;
}

.btn-outline-secondary-sm:hover, .btn-outline-secondary-sm:focus, .btn-outline-secondary-sm:active {
  background-color: #2786db;
  border-color: #2786db;
  color: white;
}

.become-member {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  height: calc(100vh - 405px);
}

.pricing {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
}

.se-bredcrumbs--dark li {
  color: #000;
}

.se-bredcrumbs--dark li a {
  color: #000 !important;
}

.se-bredcrumbs--dark li.current a {
  color: #797979 !important;
}

.main__title {
  font: 50px "ralewayregular";
}

.g-title_h4 {
  font: 18px "ralewayregular";
  letter-spacing: 0.09px;
}

.container--sm {
  max-width: 614px;
}

select.form-control:not([size]):not([multiple]) {
  height: 48px;
  font: 14px "robotoregular";
  color: black;
  letter-spacing: 0.35px;
}

.form-control {
  height: 48px;
  font: 14px "robotoregular";
  color: black;
  letter-spacing: 0.35px;
  border: 1px solid #ededed !important;
}

.select2-selection {
  height: 48px !important;
  font: 14px "robotoregular";
  color: black;
  letter-spacing: 0.35px;
  border: 1px solid #ededed !important;
}

.select2-selection .select2-selection__rendered {
  height: 100%;
  line-height: 31px !important;
}

textarea.form-control {
  height: auto;
}

[class*="input-group-"] {
  border-color: #ededed;
}

.input-group-no-brdr input {
  border-right-color: transparent !important;
}

.input-group-no-brdr .input-group-append {
  border-left-color: transparent !important;
}

.input-group-no-brdr .input-group-append .input-group-text {
  border-left-color: transparent !important;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4 {
  color: #2786db;
  border-color: #2786db;
}

.form-constructor {
  display: none;
}

.form-constructor.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.se-sidebar-nav-lnk {
  color: #12222d;
}

.cbp-l-filters-alignRight .cbp-filter-item {
  margin: 0;
  padding: 0 8px;
  border: none;
  font-weight: 600;
  font-size: 13px;
}

.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
  background-color: transparent;
  color: #2786db;
}

.cbp-item-wrapper figure {
  height: 445px;
}

@media screen and (max-width: 992px) {
  .list-unstyled-inline-3 li {
    width: 48%;
  }
  .flex-wrap--md {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .g-py-100 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
  .margin-auto--md {
    margin: 0 auto;
  }
  .container--md, .container--lg {
    max-width: 720px;
  }
  .info__block__logo {
    margin-right: 15px;
  }
  input, select, textarea {
    font-size: 16px !important;
  }
  .profile__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .profile__sidebar .u-block-hover {
    width: 50%;
    height: 280px;
    margin-right: 20px;
    overflow: hidden;
  }
  .profile__sidebar__nav {
    margin-bottom: 0 !important;
    width: 100%;
  }
  .profile__sidebar__nav a {
    height: 94px;
    font-size: 24px;
  }
  .profile__sidebar__nav a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .dzsparallaxer--target {
    background-position: center 20% !important;
  }
}

@media screen and (max-width: 767px) {
  .g-bg-img-hero.g-bg-gray-dark-v1 {
    position: relative;
  }
  .g-bg-img-hero.g-bg-gray-dark-v1::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7) !important;
  }
  .g-bg-size-contain {
    background-size: cover;
  }
  .se-blockquote p {
    font-size: 18px !important;
  }
  .article__portlet .g-px-30 {
    padding: 7px 15px !important;
  }
  .article__portlet h4 {
    margin-bottom: 0 !important;
    font-size: 16px;
  }
  .article__portlet .g-paragraph {
    margin-bottom: 5px !important;
    font-size: 14px;
  }
  .article__portlet_img {
    width: 190px;
    height: 123px;
  }
  .container--md, .container--lg {
    max-width: 540px;
  }
  .info__block__logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
  }
  .info__block .address {
    margin-left: 120px;
    margin-right: 20px;
  }
  .g-title_h2 {
    font-size: 26px;
  }
  .g-title_h3 {
    font-size: 20px;
  }
  .main__title {
    font-size: 40px;
  }
  .become-member {
    height: 100%;
  }
  .pricing {
    height: 100%;
  }
  .profile__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .profile__sidebar .u-block-hover {
    width: 65%;
    height: 240px;
    margin-right: 20px;
    overflow: hidden;
  }
  .profile__sidebar__nav {
    margin-bottom: 0 !important;
    width: 100%;
  }
  .profile__sidebar__nav a {
    height: 81px;
    font-size: 20px;
  }
  .profile__sidebar__nav a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}

  @media (max-width: 767px) {
    .hero-video-button-container.g-py-200 {
      padding-top: 100px !important;
    }
  }

@media screen and (max-width: 676px) {
  .se-arrow--slider {
    display: none !important;
  }
  .g-py-200 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

@media screen and (max-width: 554px) {
  .image__txt--lg {
    width: 100%;
    height: 310px;
  }
  .main__title {
    font-size: 30px;
  }
  .profile__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .profile__sidebar .u-block-hover {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 190px;
    height: 240px;
    margin-right: 20px;
    overflow: hidden;
  }
  .profile__sidebar__nav {
    margin-bottom: 0 !important;
    width: 100%;
  }
  .profile__sidebar__nav a {
    height: 81px;
    font-size: 20px;
  }
  .profile__sidebar__nav a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}

@media screen and (max-width: 500px) {
  .g-py-200 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

@media screen and (max-width: 474px) {
  .image__txt {
    width: 100%;
    height: 200px;
  }
}

@media screen and (max-width: 450px) {
  .article__portlet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .article__portlet .g-px-30 {
    padding: 15px !important;
  }
  .article__portlet_img {
    width: 100%;
    height: 246px;
    border-radius: 4px;
  }
  .profile__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .profile__sidebar .u-block-hover {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 140px;
    height: 175px;
    margin-right: 10px;
    overflow: hidden;
  }
  .profile__sidebar__nav {
    margin-bottom: 0 !important;
    width: 100%;
  }
  .profile__sidebar__nav a {
    height: 59px;
    font-size: 16px;
  }
  .profile__sidebar__nav a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
}

@media screen and (max-width: 405px) {
  .list-unstyled-inline-3 li {
    width: 100%;
  }
  .img__list_v {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 380px) {
  .images_dtl_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .images_dtl_wrap .images_dtl {
    margin-bottom: 8px;
  }
  .info__block__logo {
    width: 80px;
  }
  .info__block .address {
    margin-left: 80px;
    margin-right: 10px;
  }

}

/* New changes in styles */
.unorder-list {
   padding-left: 20px;
   margin: 0;
   }

.unorder-list li {
   font-size: 1.14286rem;
   margin-bottom: 5px;
   }

.se-blockquote--sm {
   padding-top: 0;
   min-height: auto;
   background-size: 70px;
   }

.js-scrollbar.showMore { height: auto; }
.js-scrollbar.showMore::after { background: transparent; }

.se-blockquote-material {
	background-color: #e6f1fb;
}
.se-blockquote-material.u-blockquote-v5::before {
  color: inherit;
}

.image__txt--900 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 900px;
  height: 211px;
  background-repeat: no-repeat;
  background-size: cover;
  }

.inactive_arrow {
   color: #ededed
   }

.inactive_arrow i {
   color: #ededed !important;
   }

.inactive_arrow:hover {
   background-color: transparent !important;
   border-color: transparent !important;
   pointer-events: none;
   }

.link__box .border-grey { 
   border-color: #ededed !important; 
}

.link__box:hover {
   text-decoration: none;
   box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
   display:block;
   }

.link-box:hover {
   text-decoration: none 
   }

.btn-contact-wrap {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   }

.btn-contact-wrap .btn { 
   border: 1px solid #87BBE8;
   color: #2786db;
   background-color: white;
   width: 45%; 
   }

.btn-contact-wrap .btn:hover, .btn-contact-wrap .btn:focus, .btn-contact-wrap .btn:active {
   background-color: #87BBE8;
   border-color: #2786db;
   color: white;
   }

.btn-shop-wrap {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   }

.btn-shop-wrap .btn { 
   border: 1px solid #fff;
   color: none;
   background-color: transparent;
   width: 45%; 
   }

.btn-shop-wrap .btn:hover, .btn-shop-wrap .btn:focus, .btn-shop-wrap .btn:active {
   color: #355FAC;
   background-color: #fff;
   border-color: #2786db;
   color: none;
   }

.btn-whatson-wrap {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   }

.btn-whatson-wrap .btn { 
   border: 1px solid #87BBE8;
   color: #2786db;
   background-color: white;
   width: 100%; 
   }

.btn-whatson-wrap .btn:hover, .btn-whatson-wrap .btn:focus, .btn-whatson-wrap .btn:active {
   background-color: #87BBE8;
   border-color: #2786db;
   color: white;
   }
   
   .list-215h { 
   height: 215px;
   }
   
   .list-210h { 
   height: 210px;
   }
   
.max-width-400 { 
   max-width: 400px 
   }
   
/* teachers-profile-new.html */
.g-pos-abs-icn {
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 10;
   transform: translate(-50%, -50%);
}

.se-paginator {
   display: flex; 
   justify-content: center; 
}

.fancyLabel {
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    background: black;
    opacity: 0.8;
    z-index: 3;
    padding: 5px 10px 2px;
    text-align: center;
    width: 100%;
}

.fancyLabel:hover {
    color: white;
    background: transparent;
    opacity: 1;
}

/* teacher-country-filter */
.countries__box_listshow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  margin-bottom: 15px;
  cursor: pointer;
}

.countries__box_listshow::after {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
}

.countries__box_listshow_sp {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  cursor: pointer;
  padding: 3px 10px;
  background-color: #fff;
}

.countries__box_listshow_sp i {
  margin-left: 15px;
  font-size: 12px;
}

.countries__box__list {
  display: none;
  margin-bottom: 20px;
  padding: 0;
  list-style-type: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.countries__box__list.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.countries__box__list li {
  padding: 3px 8px;
}

.countries__box__list li a {
  display: block;
  font-size: 15px;
  color: black;
}

.countries__box__list li a:hover {
  color: #6ab8ee;
}

.g-limit-dropdown {
	max-height: 300px;
	overflow-y: auto;
}

.show > .btn-secondary.dropdown-toggle:focus {
	box-shadow: none !important;
}

/*------------------------------------
  Custom Block Alignments
------------------------------------*/
/* Absolute (Position, X, Y) */

@media screen and (max-width: 470px) { 
.g-absolute-centered--y--sm { 
  top: 2px !important; 
  transform: none; } 
}

/*------------------------------------
  Shop hover gray effect 
------------------------------------*/
/* Gray shades */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* blue-Gray shades */

.g-bg-blue-gray-dark-v0-opacity-0_8 {
  background-color: rgba(10, 10, 10, 0.8) !important;
}

.g-bg-blue-gray-dark-v0-opacity-0_9 {
  background-color: rgba(18, 18, 18, 0.9) !important;
}

.g-bg-blue-gray-dark-v1-opacity-0_8 {
  background-color: rgba(23, 23, 23, 0.8) !important;
}

.g-bg-blue-gray-dark-v1-opacity-0_9 {
  background-color: rgba(23, 23, 23, 0.9) !important;
}

.g-bg-blue-gray-dark-v2-opacity-0_9 {
  background-color: rgba(46, 46, 46, 0.9) !important;
}

.g-bg-blue-gray-dark-v3-opacity-0_9 {
  background-color: rgba(69, 69, 69, 0.9) !important;
}

.g-bg-blue-gray-dark-v4-opacity-0_9 {
  background-color: rgba(92, 92, 92, 0.9) !important;
}

.g-bg-blue-gray-dark-v5-opacity-0_9 {
  background-color: rgba(115, 115, 115, 0.9) !important;
}

.g-bg-blue-gray-light-v1-opacity-0_9 {
  background-color: rgba(138, 138, 138, 0.9) !important;
}

.g-bg-blue-gray-light-v2-opacity-0_9 {
  background-color: rgba(161, 161, 161, 0.9) !important;
}

.g-bg-blue-gray-light-v3-opacity-0_9 {
  background-color: rgba(184, 184, 184, 0.9) !important;
}

.g-bg-blue-gray-light-v4-opacity-0_9 {
  background-color: rgba(107, 107, 107, 0.9) !important;
}

.g-bg-blue-gray-light-v5-opacity-0_9 {
  background-color: rgba(130, 130, 130, 0.9) !important;
}

/* Button Modal Boxout */

.btn-outline-boxout {
  color: #355FAC;
  background-color: #fafaff ;
  background-image: none;
  border-color: #fafaff;
}

.btn-outline-boxout:hover {
  color: #fff;
  background-color: #5471a7;
  border-color: #f8f9fa;
}

.btn-outline-boxout:focus, .btn-outline-boxout.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-boxout.disabled, .btn-outline-boxout:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-boxout:not(:disabled):not(.disabled):active, .btn-outline-boxout:not(:disabled):not(.disabled).active,
.show > .btn-outline-boxout.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-boxout:not(:disabled):not(.disabled):active:focus, .btn-outline-boxout:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-boxout.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-light2 {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light2:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #dae0e5;
}

.se-bredcrumbs--left li {
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 10px;
  color: white;
}

.se-bredcrumbs--left li a {
  font: 14px "robotoregular";
  color: white;
  text-decoration: none;
  letter-spacing: 0.2px;
}

/* Flag hover within shop */

.flag-icon-hover:hover {
  opacity: 0.8;
}

/*
.flag-icon {
  outline:solid #A2BAF2 1px;
}
*/

.flag-icon2-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon2 {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  opacity: 0.5;
}
.flag-icon2:before {
  content: "\00a0";
}
.flag-icon2.flag-icon-squared {
  width: 1em;
}
.flag-icon2-hover:hover {
  opacity: 1.0;
}

/* Color Bronze */
.g-color-bronze {
  color: #c28e27 !important;
}

/* Color Dark Yellow */
.g-color-darkyellow {
  color: #ebb11d !important;
}

.g-color-darkyellow--hover:hover {
  color: #ebb11d !important;
}

/* Color Gold */
.g-color-gold {
  color: #d8a121 !important;
}

.g-color-gold--hover:hover {
  color: #d8a121 !important;
}
/* Color Red Gold */
.g-color-redgold {
  color: #eb9c1d !important;
}

.g-color-redgold--hover:hover {
  color: #eb9c1d !important;
}

/* Color Blue Gray 2 */
.g-color-bluegray2 {
  color: #295b87 !important;
}

.list-dotted2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 8px;
  color: #333;
  font: 14px/20px "robotolight";
  letter-spacing: 0.23px;
}

.list-dotted2 li span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;
  margin-top: 4px;
  width: 8px;
  height: 8px;
  background-color: #ededed;
  border-radius: 50%;
}

.list-dotted3 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 8px;
  color: #333;
  font: 14px/20px "robotolight";
  letter-spacing: 0.23px;
}

.list-dotted3 li span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;
  margin-top: 4px;
  width: 8px;
  height: 8px;
  background-color: #e0e0e0;
  border-radius: 50%;
}

.list-dotted4 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 23px;
  color: #333;
  font: 16px/24px "robotolight";
  letter-spacing: 0.23px;
}

.list-dotted4 li span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
  margin-top: 8px;
  width: 8px;
  height: 8px;
  background-color: #d0d0d0;
  border-radius: 50%;
}



/*------------------------------------
  Background Image Style - join.html
------------------------------------*/
.g-bg-img-hero-left {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}

.g-bg-img-hero-left-opacity_1 {
  background-repeat: no-repeat;
  background-position: top-left;
}

.image__txt-center {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 436px;
  height: 292px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}

.backdrop-blur {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}


/*------------------------------------
  Dropdown List Filter Styles
------------------------------------*/
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: none; }

.cbp-l-filters-alignRight .cbp-filter-item button {
	display: flex;
	height: 31px;
	margin-right: 8px !important;
}
.cbp-l-filters-alignRight .cbp-filter-item button span {
	color: #8B8B8B;
	font-weight: 600;
	padding: 0 0 0 8px;
	font-size: 13px;
}

.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active button span {
	background-color: transparent;
	color: #2786db;
}

/* ---------------------------
   Heading scale overrides
   for Roehampton site
   --------------------------- */

/* H1 is hidden SEO headline in index.html – so leave default styles alone */

/* Elegant section headings */
h2 {
  font-weight: 300;       /* light */
  font-size: 1.75rem;     /* ~28px */
  line-height: 1.3;
  margin-bottom: 1.2rem;
  color: #222;            /* slightly darker for main section heads */
}

h3 {
  font-weight: 300;
  font-size: 1.5rem;      /* ~24px */
  line-height: 1.3;
  margin-bottom: 1rem;
  color: #333;
}

html body h4 {
  font-family: inherit;
  font-weight: 300 !important;
  font-size: 1.35rem !important;
  line-height: 1.3;
  margin-bottom: 0.9rem;
  color: #333 !important;
}

h5 {
  font-weight: 400;       /* a little stronger for sub-subtitles */
  font-size: 1.1rem;      /* ~18px */
  line-height: 1.4;
  margin-bottom: 0.8rem;
  color: #444;
}

h6 {
  font-weight: 500;       /* small but clear */
  font-size: 0.95rem;     /* ~15px */
  line-height: 1.4;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #555;
}

/* Fluid hero title: ~34px (mobile) → 50px (desktop) */
.hero-title {
  /* keep weight via class font-raleway-extraLight */
  letter-spacing: 0.14px;
  line-height: 1.2;
  font-size: clamp(2.125rem, 7vw, 3.125rem); /* 34px → 50px */
}

.hero-title {
  letter-spacing: 0.14px;
  line-height: 1.2;
  font-size: clamp(2.125rem, 7vw, 3.125rem); /* 34px → 50px */
}

.hero-subtitle {
  letter-spacing: 0.16px;
  line-height: 1.3;
  font-size: clamp(1.125rem, 4.5vw, 1.5625rem); /* 18px → 25px */
}

/* For panoramic banner-style images */
.column__image--panorama {
  position: relative;
  width: 100%;
  padding-top: 33.33%;        /* 3:1 aspect ratio (height = 1/3 of width) */
  background-size: contain;   /* show whole image */
  background-position: center;
  background-repeat: no-repeat;
}

/* Rounded corners for images in cards */
.g-rounded-4 {
  border-radius: 4px;   /* matches your card rounding */
}

/* HARD KILL: remove any pseudo-element arrows inside dropdown menus only */
#js-header .hs-sub-menu *::after {
  content: none !important;
  background: none !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* (keeps your existing arrow removal)
#js-header .hs-sub-menu > .dropdown-item > a::after {
  content: none !important;
}
*/

/* Fade-in white underline using ::before so it doesn't clash with the arrow removal */
#js-header .hs-sub-menu .nav-link {
  position: relative;
  transition: color 0.2s ease;
}

#js-header .hs-sub-menu .nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;              /* sits at the bottom of the link */
  height: 1px;            /* thicker so it's visible */
  background: #fff;       /* white underline */
  transform: scaleX(0);
  transform-origin: left;
  opacity: 1;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

#js-header .hs-sub-menu .nav-link:hover::before,
#js-header .hs-sub-menu .nav-link:focus::before {
  transform: scaleX(1);
  opacity: 1;
}

/* Make sure no native underline sneaks in */
#js-header .hs-sub-menu .nav-link:hover,
#js-header .hs-sub-menu .nav-link:focus {
  text-decoration: none;
}

/* Simple visual indent for same-tier grouped items */
#js-header .hs-sub-menu .dropdown-item.submenu-indent > a {
  padding-left: 1.25rem !important;   /* bump to taste */
  display: block;                      /* belt-and-braces */
}

/* === Footer Polish: A.T. Roehampton === */

/* Subtle dividers between the 3 footer columns (desktop only) */
@media (min-width: 992px) {
#contacts-section .row > [class*="col-"]:not(:last-child) {
  border-right: 1px solid rgba(240, 240, 230, 0.2);
  }
  #contacts-section .row > [class*="col-"] {
    padding-right: 2rem;
  }
}

/* Tighten vertical rhythm on mobile/tablet */
@media (max-width: 991.98px) {
  #contacts-section {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  #contacts-section .g-py-10 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  #contacts-section h4 {
    margin-bottom: 6px;
  }
}

/* Headings slightly softened, subtle letter-spacing */
#contacts-section h4 {
  letter-spacing: 0.05em;
  opacity: 0.9;
}

/* Optional: faint hover effect on section headings */
#contacts-section h4:hover {
  opacity: 1;
  color: #e0e0e0;
  transition: color 0.25s ease, opacity 0.25s ease;
}

/* Links: gentle fade on hover, smoother interaction */
#contacts-section a {
  transition: color 0.2s ease, opacity 0.2s ease;
}
#contacts-section a:hover {
  opacity: 1;
  color: #fff;
}

/* Maintain overall left alignment consistency */
#contacts-section,
#contacts-section [class*="col-"] {
  text-align: left;
}

/* === Footer Polish Add-on: Top inset shadow === */

#contacts-section {
  border-top: 2px solid rgba(0, 0, 0, 0.15);
}

.se-blockquote-contrast p {
  font-style: normal;          /* Roman, to contrast the italic paragraphs */
  font-weight: 500;            /* Slightly heavier for presence */
  letter-spacing: 0.2px;       /* Gentle openness */
  color: #333;                 /* A touch darker than body */
}

/* Attribution for centred quotes */
.se-quote-author {
  text-align: right;
  font-style: italic;
  font-size: 1.15rem;
  color: #6f6f6f;
  padding-right: 15%;
  margin-top: 0.75rem;
}

/* Italic paragraphs for this page only */
.page-italics .g-paragraph,
.page-italics .g-paragraph_light {
  font-style: italic;
}

/* ensure the extra-light weight is actually applied */
.font-raleway-extraLight { font-weight: 200 !important; }

.hero-title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Larger sized drop-cap */
.u-dropcap-one {
  float: left;
  font-size: 4rem;
  line-height: 1;
  margin: 0 0.2em 0 0;
}

.u-dropcap-two {
  float: left;
  font-size: 4rem;
  line-height: 1;
  margin: -0.5em 0.2em 0 0;
  padding-top: 0.1em;
}

/* Variant: darker section heading for text-heavy pages */
.title_h4-bl {
  color: #1a1a1a;          /* near-black for good contrast */
  font-weight: 600;        /* slightly bolder for readability */
  letter-spacing: 0.2px;
  font-family: 'Raleway', sans-serif;
}

/* Ultra-light refined list for subtle visual tone */
.page-italics ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 1.6rem;
  padding-left: 0.6rem;
}

/* Refined list style – Open Sans light, crisp, and airy */
.page-italics ul li {
  font-family: "Open Sans", "Raleway", sans-serif;
  font-size: 17px;           /* use 18px if you prefer a touch larger */
  line-height: 1.9;
  font-weight: 300;
  color: #0b0b0b;
  margin-bottom: 0.5em;
  letter-spacing: 0.15px;
  font-style: normal;
}

.page-italics ul li::marker {
  color: #ddd;
  font-size: 0.85em;
}

/* ===== Buttons (shared look with BOOK A LESSON) ===== */
/* Inline chip link – refined */
a.btn-chip {
  display: inline-block;
  vertical-align: baseline;
  position: relative;              /* allows micro vertical adjust */
  top: 1px;                        /* 1) sit a bit lower in the line */

  /* Type: lighter, closer to paragraph italics */
  font-family: "Raleway", "Open Sans", sans-serif;
  font-size: 17.5px;
  font-weight: 200;                /* 3) lighter lettering */
  font-style: italic;              /* remove if you want upright */
  letter-spacing: 0.15px;
  line-height: 1.2;

  color: #246eb9;                  /* from .btn-outline-secondary */
  background-color: rgba(202, 228, 255, 0.20);
  border: none;
  border-radius: 14px;             /* same radius as CTA */
  padding: 6px 14px;

  text-decoration: none !important;
  border-bottom: 0 !important;

  /* smoother feel */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* transitions */
  transition:
    background-color .35s ease,
    box-shadow .35s ease,
    color .25s ease,
    transform .25s ease;
}

/* 2) Cloud-like hover glow (blurred, not a rigid ring) */
a.btn-chip:hover,
a.btn-chip:focus {
  color: #174e85;
  background-color: rgba(140, 190, 255, 0.25);

  /* soft cloud: big blur + small spread */
  box-shadow:
    0 0 24px 6px rgba(140, 190, 255, 0.28),
    0 2px 8px rgba(17, 38, 68, 0.08); /* a tiny depth like CTA */
  outline: none;
}

/* Optional: if you want it a hair slimmer in tight sentences */
a.btn-chip--slim { padding: 3px 5px; }


/* contact form readability tweaks */
.form-check-label {
  font-size: 17px;             /* or 16px if you prefer subtler */
  line-height: 1.6;
  color: #1b1b1b;              /* same tone as body text */
  font-weight: 400;
}
.form-check-label .d-block {
  font-size: 14px;             /* keeps the “details” line smaller */
  color: #6b6b6b;
}

/* Contact form readability */
#contact-form .form-check-label { font-size:17px; line-height:1.6; color:#1b1b1b; font-weight:400; }
#contact-form .form-check-label .d-block { font-size:14px; color:#6b6b6b; }

/* Contact form “chip” submit button */
#contact-form button.btn-chip,
#contact-form .btn-chip{
  -webkit-appearance:none; appearance:none;
  display:inline-block; cursor:pointer;
  background:linear-gradient(180deg,#6dbff9 0%,#4b9fe1 100%);
  color:#fff;
  font-family:"Raleway",sans-serif; font-weight:600; letter-spacing:.2px;
  border:none; border-radius:2rem;
  padding:10px 24px; line-height:1; text-decoration:none;
  box-shadow:0 4px 10px rgba(75,159,225,.35);
  transition:transform .2s ease, box-shadow .2s ease;
}
#contact-form button.btn-chip:hover,
#contact-form .btn-chip:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(75,159,225,.45);
}
@media (max-width:420px){
  #contact-form button.btn-chip, #contact-form .btn-chip{ padding:10px 18px; }
}

/* === Form contrast tweaks === */
.form-control {
  border: 1px solid #9aa7b8;       /* darker than default */
}
.form-control:focus {
  border-color: #4b9fe1;
  box-shadow: 0 0 0 3px rgba(75,159,225,.15);
}

/* Checkbox – stronger outline + theme color */
.form-check-input {
  width: 18px; height: 18px;
  border: 2px solid #9aa7b8;
  margin-top: 4px;
}
.form-check-input:focus {
  box-shadow: 0 0 0 3px rgba(75,159,225,.15);
}
.form-check-input:checked {
  background-color: #4b9fe1;
  border-color: #4b9fe1;
}
/* Use native accent when supported */
@supports (accent-color: auto) {
  .form-check-input { accent-color: #4b9fe1; box-shadow: none; }
}

/* Contact form: success banner tone */
#form-success {
  background-color: #e7f6ec;   /* light natural green */
  border: 1px solid #b2d8b9;   /* gentle green border */
  color: #1b1b1b;              /* dark readable text */
}
#form-success strong {
  color: #195d2a;              /* slightly darker green for heading word */
}

#form-success {
  opacity: 0;
  transition: opacity .4s ease;
}
#form-success[style*="display: block"] {
  opacity: 1;
}

#form-success {
  opacity: 0;
  transition: opacity .4s ease;
}
#form-success[style*="display: block"] {
  opacity: 1;
}

/* Subtle caption block for video or quote notes */
.video-caption {
  border-left: 3px solid #d0d0d0;   /* soft neutral line */
  padding-left: 18px;
  font-style: italic;
  font-weight: 300;
}
.video-caption strong {
  font-style: normal;               /* restore upright for names */
  font-weight: 500;
}