/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   @font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Thin.woff2') format('woff2'),
        url('../fonts/Gilroy-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
        url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  --lh: 1.4rem;  
}

/*
 * Remove text-shadow in selection highlight:
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * Customize the background color to match your design.
 */
body {
    position: relative;
    top: 0px!important;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   UPDATE 23.03.2022
   ========================================================================== */
.studyButton a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #ffe449;
    margin: 0 auto;
    width: 100%;
    font-family: 'Maven Pro';
    text-decoration: none;
    font-weight: bold;
}
.studyButton a img {
    width: 15px;
    margin-right: 10px;
}
.studyButton {
    padding: 20px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}





/* ==========================================================================
   STUDY in Romania Design. 1.0.0
   Modify as content requires.
   ========================================================================== */

:root {
    --main-color: #1a70ad;
    --secondary-color: #7c2946;
    --light-color: #fff;
    --dark-color: #000;
    --title: #1a70ad;
}


/* ==========================================================================
   groupCSS * General
   ========================================================================== */
body:before {
    content: "";
    background: url(../img/motiv.svg);
    background-repeat: repeat-y;
    width: 100px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 50px;
    opacity: 0;
    pointer-events: none;
}
.flexEnd {
    justify-content: flex-end;
}
.printBtn {
    position: absolute;
    text-align: right;
    right: 10px;
    bottom: 10px;
}
.printBtn a {
    color: #b53c66;
    text-decoration: none;
    font-family: 'Gilroy';
    font-weight: bold;
    font-size: 15px;
    z-index: 10;
    display: block;
    position: relative;
}
.hero--medium .printBtn a {
    bottom: 100px;
}
body.home:before { 
    display: none;
}
.zindex2 {
    z-index: 2;
}
.nopadding {
    padding: 0px!important;
}
.text-alignLeft {
    text-align: left;
}
.text-alignRight {
    text-align: left;
}
.text-alignJustify {
    text-align: justify!important;
}
.text-dark {
    color: var(--dark-color)!important;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.flex {
    display: flex;
}
.flex-basis0 {
    flex-basis: 0;
}
.flex-grow {
    flex-grow: 1;
}
.flex-wrap {
    flex-wrap: wrap!important;
}
.flex-center { 
    -webkit-align-items: center; 
    align-items: center; 
  }
.sticky {
    position: fixed;
}
.align-self-end {
    align-self: flex-end;
}
.ml-auto {
    margin-left: auto;
}
.noPadding {
    padding: 0px!important;
}
.noMargin {
    margin: 0px!important;
}
.chenar {
    margin: 0 auto;
    /*max-width: 2920px;*/
    background: #fff;
}
.blockPageWrapper {
    /* max-width: 70%; */
    max-width: 960px;    
    margin: 0 auto;
}
.section {
    height: 100%;
    max-height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    overflow: hidden;
}
.nothome .menu li a{
    color: var(--title);
}
.nothome .section {
    padding: 5% 0%;
}

.nothome .section.smallHero {
    padding: 0%;
}
.outlineOff {
    outline: 0;
}
ul {
    list-style: none;
    padding: 0px;
}
.noborder {
    border-top:none!important;
    margin-top: 0px!important;
    padding-top: 0px!important;
}
.overlay:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.pageTitle {
    font-family: 'Gilroy';
    color: var(--light-color);   
    padding: 0px 20px; 
}
.pageTitle h1 {
    font-size: clamp(100%, 2rem + 1vw, 6rem);  
    margin: 0px;
    margin-top: 8px;
}
.sectionWrapper {
    z-index: 2;
    height: 100%;
}
.justify-content-center {
    justify-content: center;
}
.align-items-center {
    align-items: center;
}
h3 {
    font-size: 20px;
    font-family: 'Gilroy';
    line-height: 1.2;
    text-align: justify;
    color: var(--light-color);
}
.text-center {
    text-align: center;
}
select {
    padding: 5px 27px;    
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    cursor: pointer;
    outline: 0;
    margin-right: 8px;
}
select:hover {
    background-color: #fff;
    border-radius: 17px;   
    color: var(--dark-color)!important;
}
.row-reverse {
    flex-flow: row-reverse;
}
.align-start {
    align-self: self-start;    
}
.frame-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 42.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.frame-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.purpel {
    background-color: var(--secondary-color);
}
.lightpurpel {
    background-color: var(--secondary-color);
    filter: brightness(1.2);
}
.red {
    background-color: #8f2f51;
}
.lightred {
    background-color: #a2365c;
}
.redText {
    color:#944d62;
}
.turquoise {
    background-color:#25a7ad;
}
.turquoiseText {
    color:#25a7ad;
}
.lightturquoise {
    background-color:#3cbcc1;
}
.fluidHeight{
    height: 100%!important;
    padding-bottom: 10%!important;
}
.nominalHeight {
    min-height: 800px;
}
.autoHeight{
    min-height: 100%!important;
    padding-bottom: 10%!important;
}
.flex-full {
    flex-basis: 100%;
}
.flex-half {
    flex-basis: 50%;
}
.flex-30 {
    flex-basis: 30%;
}

.ui-widget-content {
    border: 1px solid #ffffff!important;
    background: #fff!important;
    color: #000000!important;
    width: 100%!important;
    left: 50%!important;
    max-width: 640px;
    transform: translateX(-43%);
    border-radius: 20px;
    font-family: 'Gilroy'!important;
}
.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 15px 10px!important;
    border-bottom: 1px solid #00000014;
    color: #000;
    cursor: pointer;
    min-height: 0;
    font-weight: 500!important;
}
.ui-menu .ui-menu-item:hover {
    border: 1px solid #00000014!important;
    background: rgb(240, 240, 240)!important;
    font-weight: 500!important;
}
.ui-menu .ui-menu-item:first-child:hover {
    border-radius: 20px 20px 0px 0px!important;
}
.ui-menu .ui-menu-item:last-child:hover {
    border-radius: 0px 0px 20px 20px!important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #ffffff!important;
    background: #fff!important;
}
.text-formatted {
    margin-right: 5%;
}
.invert {
    filter: invert(1);
}
#footer {
    z-index: 99;
    position: relative;
}
/* ==========================================================================
   groupCSS * Animation Keyframes
   ========================================================================== */
.scroll-down {
  border: 2px solid #fff;
  border-radius: 20px;
  bottom: 0px;
  height: 50px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 30px;
  opacity: 0.4;
  transform: scale(0.5);
}
.scroll-down::before {
  animation: scrollDownAnimation 2s infinite;
  background-color: #fff;
  border-radius: 100%;
  content: '';
  height: 6px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 10px;
  width: 6px;
}
.fadeAnimation {
    -webkit-animation: fadeAnimation 2s forwards!important;
            animation: fadeAnimation 2s forwards!important;
}
.animationWrapper {
    position: relative;
    overflow: hidden;
}
.pageLoadUp {
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
}
.loaded .pageLoadUp {
    -webkit-animation: 2.5s pageLoadUp 0.3s cubic-bezier(0, 0.57, 0.26, 0.95) forwards;
            animation: 2.5s pageLoadUp 0.3s cubic-bezier(0, 0.57, 0.26, 0.95) forwards;
}
@-webkit-keyframes pageLoadUp {
    0% {
       -webkit-transform: translateY(100%);
               transform: translateY(100%);  
       opacity: 1;       
    }   
    100% {
      -webkit-transform: translateY(-10%);
              transform: translateY(-10%); 
      opacity: 1;      
    }
  }
@keyframes pageLoadUp {
    0% {
       -webkit-transform: translateY(100%);
               transform: translateY(100%);  
       opacity: 1;       
    }   
    100% {
      -webkit-transform: translateY(-10%);
              transform: translateY(-10%); 
      opacity: 1;      
    }
  }

  @-webkit-keyframes pageLoadBackground {
    0% {
        background-size: 100%;  
        opacity: 0;       
    }   
    100% {
        background-size: 105%;
        opacity: 1;       
    }
  }
@keyframes pageLoadBackground {
    0% {
        background-size: 100%;  
        opacity: 0;       
    }   
    100% {
        background-size: 105%;
        opacity: 1;       
    }
  }

@-moz-keyframes scrollDownAnimation {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: translate(0, 20px);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes scrollDownAnimation {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: translate(0, 20px);
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes scrollDownAnimation {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: translate(0, 20px);
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrollDownAnimation {
  0% {
    opacity: 0;
    transform: translate(0, 0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    transform: translate(0, 20px);
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeAnimation {
    0% {
        opacity: 0;
        transform: translate(0, 0px);
      }
      40% {
        opacity: 1;
      }
      100% {
        opacity: 1;
        transform: translate(0, 0);
        max-height: 100vh;
      }
  }
/* ==========================================================================
   groupCSS * Header
   ========================================================================== */
.headerSigle {
    position: absolute;
    background-color: #fff;
    height: 110px;
    width: 100%;
    left: 0;
    z-index: 999;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 1s -webkit-transform ease-in-out;
    transition: 1s -webkit-transform ease-in-out;
    -o-transition: 1s transform ease-in-out;
    transition: 1s transform ease-in-out;
    transition: 1s transform ease-in-out, 1s -webkit-transform ease-in-out;
} 
.nothome .headerSigle {
    display: none;
}
.sticky .headerSigle {
    -webkit-transform: translateY(-120px);
    -ms-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition: 1s -webkit-transform cubic-bezier(0.6, 1.14, 1, 1);
    transition: 1s -webkit-transform cubic-bezier(0.6, 1.14, 1, 1);
    -o-transition: 1s transform cubic-bezier(0.6, 1.14, 1, 1);
    transition: 1s transform cubic-bezier(0.6, 1.14, 1, 1);
    transition: 1s transform cubic-bezier(0.6, 1.14, 1, 1), 1s -webkit-transform cubic-bezier(0.6, 1.14, 1, 1); 
}
.sticky .SpriteLogo{
    /* -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); */
    -webkit-transition: 350ms -webkit-transform cubic-bezier(0.6, 1.14, 1, 1);
    transition: 350ms -webkit-transform cubic-bezier(0.6, 1.14, 1, 1);
    -o-transition: 350ms transform cubic-bezier(0.6, 1.14, 1, 1);
    transition: 350ms transform cubic-bezier(0.6, 1.14, 1, 1);
    transition: 350ms transform cubic-bezier(0.6, 1.14, 1, 1), 1s -webkit-transform cubic-bezier(0.6, 1.14, 1, 1);     
}
.sigleWrapperText p {
    text-align: center;
    width: 100%;
    margin: 0px;
    font-size: 11px;
    height: 20px;
}
.sigleWrapperText {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;

    justify-content: space-between;
    height: 20px;
    z-index: 9999;
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
}
.sigleWrapper {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;

    justify-content: space-between;
    height: 80px;
    z-index: 9999;
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
}
.headerSigle span {
    display: block;
    position: relative;
    width: 50px;
    margin: 10px 20px;
}
.navigation {
    width: 100%;    
    max-width: 1280px;
    height: 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99;
    position: fixed;
    -webkit-transition: 1s all cubic-bezier(0, 0.93, 0.77, 1.01);
    -o-transition: 1s all cubic-bezier(0, 0.93, 0.77, 1.01);
    transition: 1s all cubic-bezier(0, 0.93, 0.77, 1.01);   
}
.navigation {
    top: 120px;    
    left: 0;
    right: 0;
    margin: 0 auto;    
    width:95%;
}
.nothome .navigation {
    top:0px;
}
.sticky {
    position: fixed;
    width: 100%;
    height: 50px;
    z-index: 9999;
    left: 0;
}
#masthead:after {
    content: "";
    position: fixed;
    top: 0;
    width: 100%;
    height: 50px;
    z-index: 98;
    background: #fff;    
    -webkit-transform: translateY(-50px);    
    -ms-transform: translateY(-50px);    
            transform: translateY(-50px);
    -webkit-transition: 1s all cubic-bezier(0, 0.93, 0.77, 1.01);
    -o-transition: 1s all cubic-bezier(0, 0.93, 0.77, 1.01);
    transition: 1s all cubic-bezier(0, 0.93, 0.77, 1.01);      
}
#masthead.sticky:after {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 1s all cubic-bezier(0, 0.93, 0.77, 1.01);
    -o-transition: 1s all cubic-bezier(0, 0.93, 0.77, 1.01);
    transition: 1s all cubic-bezier(0, 0.93, 0.77, 1.01);  
}
.sticky .navigation{
    -webkit-transition: 1s all cubic-bezier(0, 0.93, 0.77, 1.01);
    -o-transition: 1s all cubic-bezier(0, 0.93, 0.77, 1.01);
    transition: 1s all cubic-bezier(0, 0.93, 0.77, 1.01);
    top:0px;
    height: 50px;
}
.sticky .navigation .outlineOff {
    overflow: hidden;
}
.sticky .menu li{
    font-size: 14px;
    padding: 15px 5px;
    cursor: pointer;
}
.sticky .menu li li {
    padding: 0px;
}
.sticky .menu li a {
    font-size: 14px;
    padding: 15px 5px;
    cursor: pointer;
    color: var(--title);
}
.sticky .mobile__what {
    left: -169px;
}
.sticky .menu li:after{
    top:21px;
}
.sticky .menu li:hover {
    background: #1970ad;
    color: #fff;
}
.sticky .navigation .logo {
    overflow: hidden;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
}
.SpriteLogo {
    /* width of 1 frame */
    width: 127px;
    /* height of 1 frame */
    height: 50px;
    display: block;
    background-image: url(../img/logo-color.svg);
    background-repeat:no-repeat;
    -webkit-animation: sprite 6.3s steps(220);
            animation: sprite 6.3s steps(220);
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
}
  @-webkit-keyframes sprite {
   100% {
     background-position: -27940px;
   }
  }
  @keyframes sprite {
   100% {
     background-position: -27940px;
   }
  }

.logo img{
    width: 150px;
    height: auto;
    display: block;
}
.sticky .logo img{
    width: 80px;
}

ul.menu {
    margin: 0px;
    padding: 0px;
    text-align: right;
}
.menu .level-0 {
    display: inline-block;
    margin-right: 20px;
    font-family: 'Gilroy', sans-serif;
    font-weight: bold;
    font-size: clamp(100%, 1rem + 2vw, 24px);    
    color: var(--title);
    position: relative;
    z-index: 3;
}
.nothome .menu .level-0:hover a {
    color: var(--title);
}
.nothome .sticky .menu .level-0:hover a {
    color: #fff;
}
.menu li a{
    color: var(--light-color);
    text-decoration: none;
}
.level-0 a:hover {
    color: #fff;
}
.menu li:after {
    content: "";
    background: #ea1b23;
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    top: 12px;
    right: -15px;
    border-radius: 100%;
}
.menu li:last-child:after {
    visibility: hidden;
}
.lowernav {
    margin-top: 8px;
/*
    width: 100%;
    max-width: 1280px;
    height: 100px;
    justify-content: space-between;
    align-items: center;
    z-index: 99;
    position: fixed;
*/
    opacity: 1;
    transition: 200ms all cubic-bezier(0, 0.93, 0.77, 1.01);
    float: right;
}
.submenu {
    /* flex-flow: column; */
    position: relative;
    /* left: 120px; */
    top: 0px;
    margin: 0px;
    padding: 0px;
}

.submenu a:hover {
    color: var(--title);
}
.submenu a {
    color: #fff;
    text-decoration: none;
    font-family: 'Gilroy';
    margin-right: 19px;
    font-weight: bold;
}
.submenu li:first-child {
    margin-bottom: 10px;
}
ul li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 0rem;
  padding: 0px;
  left: -5px;
  top: 20px;
  display: none;
  z-index: 99999;    
  width: 250px;
}
.menu li:hover a {
    color: #fff;
}
ul li:hover > ul,
ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

ul li ul li {
    clear: both;
    width: 100%;
}
.dropdown {
    background: var(--title);
    text-transform: none;
    border-radius: 20px;
    padding: 0px;
    left: 0px;
    top: 32px;
    position: absolute;
    overflow: hidden;
    z-index: 999999;
}
.sticky .dropdown {
    border-radius: 0px;
    text-transform: none;
    top: 50px;
}
li.level-0:last-child .dropdown {
    left: -100px;
    text-transform: none;
}
.dropdown a {
    color: #fff!important;
    text-transform: none;
    display: block;
    text-align: left;
    width: 100%;
    max-width: 250px;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #70aeda1a;
    font-size: 1rem;
}
.dropdown a:hover {
    background: #4fb6ff;
    text-transform: none;
    filter: saturate(.5);
}
.dropdown li:after {
    display: none;
    text-transform: none;
}
.goog-logo-link {
    display:none !important;
} 
    
.goog-te-gadget {
    color: transparent !important;
    font-size: 0px;
    display: inline-flex;
}
.goog-te-combo {
    background-image: url(../img/language_translator.webp);
    background-size: contain;
    background-repeat: no-repeat;    
}
div#translate-a {
    z-index: 0;
    position: absolute;
    right: -35px;
    top: 7px;
}

.goog-te-gadget .goog-te-combo {
    border: none;
    font-size: 13px;
    font-family: 'Maven Pro';
    color: #fff;
    width: 30px;
    height: 30px; 
    padding: 0px;
    text-indent: 9999;
    right: -20px;
    position: relative;
}
.goog-te-gadget .goog-te-combo:hover {
    background-color: #fff!important;
    background-image: url(../img/language_translator.webp);
    background-size: contain;
}
.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
select.goog-te-combo {
    text-indent: -999999px;
}
.search {
    position: relative;
    width: 250px;
    transform: scale(0.5);
    top: -8px;
    left: -65px;
    font-size: 24px;
}
.search.active .magnifying-glass {
  transform: translateX(-7%);
}
.magnifying-glass-path {
  fill:none;
  stroke-dasharray: 210 808;
  stroke-linecap:round;
  stroke-width:6;
  stroke:#fff;
  transition: stroke-dasharray 500ms, stroke-dashoffset 500ms;
}
.search.active .magnifying-glass-path {
  stroke-dasharray: 580 808;
  stroke-dashoffset: -224px;
}
.x {
  fill:none;
  stroke-dasharray: 56 92;
  stroke-dashoffset: -92px;
  stroke-linecap:round;
  stroke-width:6;
  stroke:#fff;
  transition: stroke-dashoffset 500ms;
  visibility: hidden;
}
.search.active .x {
  visibility: visible;
}
.search.searching .x {
  stroke-dashoffset: 0;
}
.input {
  border: 0;
  font-size: 1.2em;
  left: 20px;
  outline: 0 !important;
  position: absolute;
  top: -2px;
}
.overlay-0 {
  background: rgba(0,0,0,0);
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  transition: background 300ms;
}
.overlay-1 {
  height: 64px;
  left: 0px;
  top: -10px;
  width: 64px;
}
.overlay-2 {
    height: 38px;
    width: 38px;
    display: block;
    right: 10px;
    top: 1px;
}
.magnifying-glass {
    position: relative;
    transform: translate(-10px, 6px);
    transition: transform 500ms;
    cursor: pointer;
}
.overlay:hover {
  background: rgba(0,0,0,0.08);
}
.search.active .overlay-1 {
  visibility: hidden;
}
.search:not(.active) .overlay-2,
.search:not(.searching) .overlay-2 {
  visibility: hidden;
}
input.input {
    background: transparent;
    color: #fff;
    font-family: 'Maven Pro';
    height: 50px;
}
.sticky .lowernav {
    display: none;  
    opacity: 0;
    pointer-events: none;
    transition: 200ms all cubic-bezier(0, 0.93, 0.77, 1.01);
}
.nothome input.input,
.nothome .submenu a{
    color: var(--title);
}
.nothome .magnifying-glass-path,
.nothome .x {
    stroke: var(--title);
}
.search .input {
    border: 0;
    font-size: 1.2em;
    left: 40px;
    outline: 0 !important;
    position: absolute;
    top: -5px;
}


/* mobile menu */
.open-offcanvas {
    overflow: hidden;
    height: 100vh;
}
.navigationMobile {
    top: 0px;
    position: fixed;
    z-index: 9999;
    background: #fff;
    width: 100%;
    justify-content: space-around;
    padding: 10px;
    display: none;
}
.navigationMobile .wrapperMenu {
    position: absolute;
    top: 1px;
    z-index: 999999;
    background: #6756be;
    height: 100vh;
    left: 0;
    width: 100vw;
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
        transform: translateX(-100vw);    
}
.navigationMobile .logo img {
    width: 100px;
    height: auto;
    display: block;
    text-align: revert;
    margin-left: auto;
    padding-right: 20px;
}
.open-offcanvas .navigationMobile .wrapperMenu {
    -webkit-transform: translateX(0vw);
    -ms-transform: translateX(0vw);
        transform: translateX(0vw);   
}
.navigationMobile .menu {
    margin: 0px;
    padding: 0px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    position: relative;
}

.navigationMobile .submenu a {
    color: #1970ad;
}
.navigationMobile .lowernav {
    position: relative;
    bottom: 0px;
    text-align: center;
    justify-content: space-evenly;
    opacity: 1;
    display: flex;
    margin-top: 60px;
}

.navigationMobile .search {
    position: relative;
    width: 100%;
    transform: scale(1);
    top: 0px;
    left: 0px;
    font-size: 24px;
    display: block;
}
.navigationMobile ul li ul {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: all 0.5s ease;
    margin-top: 0rem;
    padding: 0px;
    left: 0;
    top: 0px;
    display: none;
    z-index: 99999;
    width: 100%;
}
.dropdownMobile {
    margin-bottom: 20px;
    font-family: 'Gilroy';
}
.navigationMobile .menu .level-0 {
    margin: 0px;
}
.navigationMobile .menu li:after {
    display: none;
}
.navigationMobile .lowernav a {
    color: var(--light-color);
    font-size: clamp(100%, 0.3rem + 2vw, 24px);
    font-family: 'Gilroy', sans-serif;
    text-decoration: none;
}
.dropdownMobile a {
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    border-bottom: 1px solid #8a76eb;
    display: block;
    padding: 3px 0px!important;
    text-align: center;
    color: #fff!important;
}
.mobile__level-0 {
    padding: 20px 0px!important;
    margin: 0px!important;
}
.menu li a {
    text-transform: none;
}
.primary_link {
    font-size: 1.3rem!important;
    color: #fff!important;
    font-weight: bold;
    font-family: 'Gilroy';
    width: 100%;
    display: block;
}
.mobile__level-0:hover {
    background: transparent!important;
}
.mfaButton {
    border-top: 1px solid #ffffff2b;
    border-bottom: 1px solid #ffffff2b;
    background: #52449d;
    padding: 20px 0px;
}
.mfaButton img {
    width: 20px;
    color: #fff;
    filter: brightness(50.5);
}
.mfaButton a {
    color: #fff;
    text-decoration: none;
    font-family: 'Gilroy';
    font-weight: bold;
}

/* ==========================================================================
   groupCSS * Homepage
   ========================================================================== */

   .videoPlayer{
       border-radius: 20px;
   }
   .Home iframe {
       padding: 0px;
   }
   .select50 {
       width: 50%;
   }
    .nothome .video-layer iframe {
        padding: 0px;
        border-radius: 0px;
    }
    .videoWidthFrame {
        max-width: 70vw;
        margin: 0 auto;
    }
    .mapHomeWrapper {
        margin: auto;
        width: 500px;
        height: 350px;
        display: block;
        position: relative;
        margin-top: 70px;
        margin-left: auto
    }
    

/* groupCSS * Homepage  -  17.10.2021
   ========================================================================== */
.homeHeroNew {
    background: #7c2946;
}
.homeHero {
    background-image: url(../img/sections/study.jpg);
    height: 800px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}
.homeHeroNew .pageTitle {
    padding-top: 350px;
    padding-left: 0px;
    padding-right: 0px;
}
.wrapperNewsHome {
    padding-top: 120px;
    max-width: 100%;
    margin: 0 auto;    
}
.InternationalmapHome p {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 28px;
    font-weight: 800!important;
    font-family: 'Gilroy'!important;
    max-width: 50%;
}
.homeHeroNew .inputsSearch { 
    width: 100%;
    max-width: 860px;
    position: relative;
}
/* ==========================================================================
   groupCSS * Homepage  - - - - - - >
   ========================================================================== */
video {
    position: absolute;
    object-fit: cover;
}
.homeHero .sectionWrapper{
    padding: 0px;
}
#google_translate_element {
    z-index: 0;
    position: absolute;
    margin-top: 10px;
}
div.skiptranslate.goog-te-gadget span{
	padding-top: 10px;
}
.newsHome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wrapNewsMap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.newsTitlehOME {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    border-bottom: 2px solid #ffffff38;
    font-size: 3rem;
}
.newsHome .rowNewsList {
    -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
    width: calc(50% - 20px);
    padding: 10px;
}
.newsHome .rowNewsList {
    -ms-flex-preferred-size: calc(50% - 20px);
        flex-basis: calc(50% - 20px);
    width: calc(50% - 20px);
    padding: 10px;
    font-family: 'Gilroy';
    color: #fff;
}
.newsHome .rowNewsList .publishDate {
    font-weight: bold;
    opacity: 0.8;
}
.newsHome .rowNewsList h2 {
    font-weight: bold;
}
.newsHome .rowNewsList h5 {
    font-size: 15px;
    margin-top: 10px;
    height: 60px;
}
.excerptNewsHome {
    font-size: 13px;
    font-weight: 400;
}
.newsHome .rowNewsList a {
    border: none!important;
    font-size: 12px!important;
    margin-top: 20px!important;
    display: block;
    margin-left: 0px!important;
    padding: 0px!important;
}
.newsHome .rowNewsList a:hover {
    background: transparent!important;
    color:#c8bdff!important;
}
.icon--arrow {
    -webkit-mask-image: url(../img/icons/back-arrow.svg);
    mask-image: url(../img/icons/back-arrow.svg);
    background: #fff;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-mask-repeat: no-repeat;
    width: 15px!important;
    height: 15px!important;
    -webkit-mask-size: contain;
    vertical-align: text-bottom;
}
.newsHome .rowNewsList .wrapperSimpleText * {
    font-weight: 500;
}
.newsHome, .mapHome {
    flex-basis: 50%;
}
.mobile__level-0 {
    position: relative;
}
.mobile__level-0 .menu_list {
    position: absolute;
    top: 25px;
    right: 10px;
    width: 40px;
    height: 40px;
    transform: rotate(-90deg);
    display: block;
}
.x-active .dropdownMobile {
    display: block!important;
    margin-top: 20px;
}
.menu_list .icon--arrow {
    -webkit-mask-image: url(../img/chevron-arrow.svg);
    mask-image: url(../img/chevron-arrow.svg);
    -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}

.menu_list.collapse i {
    -webkit-mask-image: url(../img/chevron-arrow.svg);
    mask-image: url(../img/chevron-arrow.svg);
    -webkit-transform: rotate( -90deg);
        -ms-transform: rotate( -90deg);
            transform: rotate( -90deg);
    opacity: 1;
    -webkit-transition: 400ms all ease-in;
    -o-transition: 400ms all ease-in;
    transition: 400ms all ease-in;
}
.menu_list i {
    opacity: 0.2;
    -webkit-transition: 400ms all ease-in;
    -o-transition: 400ms all ease-in;
    transition: 400ms all ease-in;
}
.mobile__level-0.x-active {
    padding-bottom: 0px!important;
}


/* ==========================================================================
   groupCSS * Homepage - Why
   ========================================================================== */
.home .section.homeWhy:after {
    content: "";
    background: linear-gradient(0deg,#6a5ac68c, #6a5ac6 85%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.home .section.homeWhy:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/noise.png);
    z-index: 1;
    mix-blend-mode: multiply;
    background-size: 80%;
}
.home .section .overlay:before {
    content: "";
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover!important;
    object-fit: cover;   
}
.home .homeWhy .overlay:before {
    background-image: url(../img/sections/static03.jpg);  
}

.home .homeHero .overlay:after {
    background:linear-gradient(0deg, #7c2946 10%, rgba(255,255,255,0) 80%);
}
.home .homeWhy .overlay:after {
    mix-blend-mode: multiply;
    background-image: url(../img/noise.png);
    background-size: cover;       
}
/* ==========================================================================
   groupCSS * Homepage - Where
   ========================================================================== */
.home .homeWhere {
    height: 100vh;
    padding: 5% 0px;
    background:linear-gradient(0deg, #7c2946 10%, #7c2946 80%); 
}
.home .homeWhere .overlay:after {
    mix-blend-mode: multiply;
    background-image: url(../img/noise.png);
    background-size: cover;       
}
.home .homeWhere .overlay:before{
    content: "";
    background-image: url(../img/sections/why_new.jpg);  
    -webkit-animation: 2.5s pageLoadBackground 0.3s cubic-bezier(0, 0.57, 0.26, 0.95) forwards;
    animation: 2.5s pageLoadBackground 0.3s cubic-bezier(0, 0.57, 0.26, 0.95) forwards;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    mix-blend-mode: multiply;      
    background-repeat: no-repeat;
    background-size: cover!important;
    object-fit: cover;      
}
.home .homeWhere .overlay:after {
    background: linear-gradient(0deg, rgb(187 96 96) 10%, rgb(103 58 183 / 10%) 80%);
    opacity: 1;
    mix-blend-mode: unset;    
}

/* ==========================================================================
   groupCSS * Homepage - What
   ========================================================================== */
.home .homeWhat {
    height: 100vh;
    padding: 5% 0px;
    background:linear-gradient(0deg, #25a7ade0 10%, #affbffe0 80%); 
}
.home .homeWhat .overlay:before{
    content: "";
    background-image: url(../img/sections/new02.webp);
    -webkit-animation: 2.5s pageLoadBackground 0.3s cubic-bezier(0, 0.57, 0.26, 0.95) forwards;
    animation: 2.5s pageLoadBackground 0.3s cubic-bezier(0, 0.57, 0.26, 0.95) forwards;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    mix-blend-mode: multiply;      
    background-repeat: no-repeat;
    background-size: cover!important;
    object-fit: cover;      
}
.home .homeWhat .overlay:before {
    background-image: url(../img/sections/static08.jpg);  
}
.home .homeWhat .overlay:after {
    background: #25a7ade0;
}
.home .homeWhat .overlay:after {
    background: linear-gradient(0deg, rgb(	37, 167, 173) 10%, rgb(103 58 183 / 10%) 80%);
    opacity: 1;
    mix-blend-mode: unset;    
}

/* ==========================================================================
   groupCSS * General - Banner HOMEPAGE 
   ========================================================================== */
.uaNews {
    flex-grow: 1;
    flex-basis: 100%;
    margin-top: 20px;
    background: #005bbb;
    border-radius: 20px;
    color: #fff;
    position: relative;
    z-index: 2;
}
.text_banner {
    font-weight: bold;
    padding: 15px;
    font-size: 18px;
}
.learnMoreBanner {
    background: #ffd500;
    color: #000;
    font-weight: bold;
    padding: 15px;
    border-radius: 0px 0px 15px 15px;
}
.uaNews a {
    border-color: #000!important;
    color: #000!important;
}
/* ==========================================================================
   groupCSS * General - NOTHOME 
   ========================================================================== */
.homeStats {
  background: linear-gradient(180deg,#5a49b1, #6c5cc7);
}
.homeStats .overlay:after {
  mix-blend-mode: multiply;
  background-image: url(../img/noise.png);
  background-size: cover;
}
.homeStats {
  padding-top: 150px;
}

.nothome .section.homeWhy {
    background: linear-gradient(0deg,#7c2946, #944d62);
}
.nothome .section.homeWhere {
    background: linear-gradient( 0deg, #944d62 10%, #944d62 80%);
}
.nothome .section.homeWhat {
    background: linear-gradient( 0deg, rgb(100 188 191) 10%, rgb(39 167 171) 80%);
}
.nothome .homeWhat .overlay:after {
    mix-blend-mode: multiply;
    background-image: url(../img/noise.png);
    background-size: cover;
    opacity: 0.5;
}
.nothome .homeWhere .overlay:after {
    mix-blend-mode: multiply;
    background-image: url(../img/noise.png);
    background-size: cover;
    opacity: 0.5;
}
.nothome .homeWhy .overlay:after {
    mix-blend-mode: multiply;
    background-image: url(../img/noise.png);
    background-size: cover;       
}




.cityOutline {
    max-width: 1920px;
    height: 139px;
    overflow: hidden;
    width: 100%;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    pointer-events: none;
    background-size: auto!important;
    z-index: -30;
}
.nothome .cityOutline {
    mask: url(../img/cities.svg);
    -webkit-mask: url(../img/cities.svg);
    background: #944d62;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
}
.cityOutline.purpel {
    background: #7c2946;
}
.cityOutline.turquoise {
    background: #27a7ac;
}
.cityOutline img {
    opacity: 0;
}
.homeHero .sectionWrapper {
    bottom: 0;
    width: 100%;
}
.logoRo {
    width: 35vw;
    text-align: left;
    max-width: 650px;
    filter: brightness(50.0);
}
.homeHero .pageTitle {
    align-items: baseline;
    padding-top: 20%;
    padding-right: 10%;
    padding-left: 10%;
}
.selectBar {
    margin-bottom: 10vh;
    padding: 0 10%;
}
.selectBar a, .goBtn {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Gilroy';
    font-size: 24px;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 9px;
    line-height: 1.7;
    background: transparent;
}
.selectBar a:hover, .goBtn:hover {
    background: #fff;
    color: var(--main-color);
    cursor: pointer;
}
.goBtn.keepSize {
    width: 89px!important;
    margin-left: 20px!important;
    margin-top: 0px!important;
}
.pageSection .selectBar {
    margin-bottom: 40px;
}
.selectBar.fullWidth label{
    width: 100%;
}
.selectBar.fullWidth .inputsSearch {
    margin: 0px;
}
.homeSearch.inputsSearch input:last-child {
    padding-left: 10px;
    display: block;
}
.equalSpacer {
    letter-spacing: 2px;
    font-size: 24px;
}
.inputsSearch {
    height: 50px;
    border: 2px solid var(--light-color);
    margin: 0px 15px;
    border-radius: 20px;
    font-family: 'Gilroy';
}
.inputsSearch select:focus {
    color: #000;
}
label.arrow{
    position: relative;
}
label.arrow:before {
    content: "";
    position: absolute;
    right: 10px;
    width: 0;
    height: 0;
    top: 20px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--light-color);
}
/* .inputsSearch label.arrow:last-child:before {
    display: none;
} */
label.arrow:hover::before {
    border-top-color:var(--dark-color);
}
.inputsSearch select {
    border: none;
    color: var(--light-color);   
    font-weight: bold;
}
.inputsSearch input {
    background: transparent;
    border: none;
    color: var(--light-color);  
    font-weight: bold;    
}
.inputsSearch select,
.inputsSearch input {
    width: 100%;
    height: 100%;
    outline: 0;
}

.inputsSearch select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}
.inputsSearch input::placeholder {
    color: var(--light-color);  
    font-weight: bold;    
}
.inputsSearch input:-ms-input-placeholder  {
    color: var(--light-color);  
    font-weight: bold;    
}
.inputsSearch input::-webkit-input-placeholder   {
    color: var(--light-color);  
    font-weight: bold;    
}
.selectBar input[type=button] {
    background: #ffffff00;
    border: none;
    color: var(--light-color);
    font-weight: bold;
    font-family: 'Gilroy';
    height: 56px;
    width: 89px;
    border-radius: 20px; 
    cursor: pointer;
    transition: 180ms all ease;
}
.selectBar input[type=button]:hover {
    background: #ffffff;
    color: var(--title);
}
.titleWrapper .small {
    font-size: 34px;
    margin: 0px;
}
/* ==========================================================================
    * Homepage - WHY, WHERE, WHAT
   ========================================================================== */
.sectionWrapper {
    padding: 0px 80px;
}
.wrapperContentStack img {
    width: 250px;
    text-align: center;
    margin: 0 auto;
}
.wrapperContentStack {
    position: relative;
    height: 300px;
    color: #fff;
    font-family: 'Maven Pro';
    align-items: center;
}
.wrapperContentStack span {
    display: block;
    /*    text-align: left;*/
}
.wrapperContent {
    text-align: center;
    color: #fff;
    font-family: 'Maven Pro';
    align-items: flex-start;    
}
.wrapperContent a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    border: 1px solid #fff;
    padding: 10px 40px;
    border-radius: 15px;
    display: inline-block;
    margin-bottom: 50px;
}
.wrapperContent a:hover {
    color: #2f8c9b !important;
    background: #ffffff5c;
    /* border-color: #fff; */
}
.sectionTitle {
    font-size: clamp(100%, 2rem + 2vw, 3rem);     
}

h3.sectionSubtitle {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.homeWhere .wrapperContentStack{
    height: 20vh;
    padding-left: 0%;
    text-align: center;
}
.homeWhere .wrapperContentStack p {
    font-weight: bold;
    font-size: 20px;
    margin: 0px;    
}
.homeWhere .wrapperContentStack img {
    height: 100px;
}

/* ==========================================================================
    * Homepage - WHERE Page
   ========================================================================== */
.citywrapper {
    justify-content: space-between;
}
.citywrapper {
    border-bottom: 1px solid #ececec;
    padding: 15px 0px;
}
.citywrapper:last-child {
    padding-bottom: 35px;
}
.city-stats {
    padding:0px!important;
}
.cityP svg {
    filter: invert(1);
}
.cityP a {
    text-decoration: none;
    color: #adadad;
}
.climate {
    font-family: 'Gilroy';
    font-weight: bold;
    color: gainsboro;
    width: 28px;
}
.readMore img {
    width: 15px;
}
.readMore {
    font-family: 'Gilroy';

    color: gainsboro;
    width: 28px;
    display: inline!important;
}
.citysidebar {
    text-align: right;
    margin-left: auto;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
}
.cityP {
    margin: 0px;
    text-align: right;
    font-family: 'Gilroy';
}
.cityP {
    margin-bottom: 15px;
    display: block;
}
p.cityP {
    width: 280px;
    font-size: 20px;
    max-width: 150px;
    margin: 0px;
    margin-left: auto;    
    text-align: left;
    font-family: 'Gilroy';
    font-weight: bold;
    color: #b53c66;
}
.city-statname {
    margin-bottom: 15px;
    color: #dcdcdc;
    border-bottom: 1px solid #0000000d;
    font-family: 'Gilroy';
    font-weight: bold;
}
.city-statname:last-child {
    border:none;
}
.cityP.asteri {
    font-size: 12px;
    margin-top: 60px;
    display: block;
}

.cityselect {
    border: 2px solid #fff;
    border-radius: 40px;
    color: #fff;
    font-family: 'Gilroy';
    text-align: center;
    width: 200px;   
    height: 50px;
    margin-bottom: 50px;
}
.universityList a {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Maven Pro'!important;
    font-weight: bold;
    text-decoration: none;
}
.sectionWrapper.gap .flex-grow {
    padding: 40px;
}
.narrowColumn {
    width: 70%;
    margin: 0 auto;
}
.whereLabel.arrow:before {
    top: 8px;
}
.langStudy {
    border: 2px solid #fff;
    border-radius: 25px;
    padding: 10px 20px;
    display: table;
    text-align: center;
    margin: 0 auto;
}
a.more {
    color: #fff;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    display: table;
    border: 2px solid #fff;
    padding: 10px 20px;
    border-radius: 40px;
    font-family: 'Gilroy';
}
.whereMapStats {
    margin: 0 auto;
    max-height: 550px;
    overflow-y: scroll;
    padding: 0px;   
    margin-top: 40px; 
}
.whereMapStats .city-statname {
    color: #ffffff;
    border-bottom: 1px solid #ffffff2e;
    background-color: #944d62;
    padding: 10px;
    margin-bottom: 0px;
    justify-content: space-between;
}
.whereMapStats .city-statname:nth-child(odd) {
    background-color: #944d62;
}
.whereMapStats p.cityP {
    color: #fff;
}
.whereMapStats.citysidebar {
    background-color: transparent;
}
.whereMapStats .readMore {
    color: #fff;
}

/* ==========================================================================
    * Scrollbar style
   ========================================================================== */
   .whereMapStats::-webkit-scrollbar {
    width: 5px;               /* width of the entire scrollbar */
  }
  
  .whereMapStats::-webkit-scrollbar-track {
    background: #7c2946;        /* color of the tracking area */
  }
  
  .whereMapStats::-webkit-scrollbar-thumb {
    background-color: #b53c66;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 0px solid #fff;  /* creates padding around scroll thumb */
  }
/* ==========================================================================
    * Homepage - WHY Page
   ========================================================================== */

.smallHero {
    background: #fff;
    height: 460px;
    max-height: 460px;
    min-height: 460px;
    padding: 0px!important;
    z-index: 0;
    position: relative;    
}

.smallHero .pageTitle {
    color: var(--secondary-color);
    padding-top: 200px;
}
.textbox {
    color: #fff;
    font-family: 'Maven Pro';
    width: 70%;
    margin: 0 auto;
    text-align: justify;
}

.textbox.columnText {
    width: 90%;
    color: #fff;
    column-count: 2;
    column-gap: 50px;
    margin: 10% auto;
}
.window {
    height: 350px;
    width: 33.3%;
    background-size:cover!important;
    border-radius: 50px;
    overflow: hidden;
}
.window span {
    background: #fff;
    width: 100%;
    display: block;
    padding: 5px 10px;
    font-family: 'Maven Pro';
    font-weight: bold;
    color: #6d3695;
    top: 50%;
    position: relative;
    font-size: 25px;
}
.textbox a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
/*
.window.train {
    background: url(https://railway-news.com/wp-content/uploads/2019/04/Skoda-RegioPanter-interior-visualisation-seats.jpg);
}
.window.plane {
    background: url(https://www.traveller.com.au/content/dam/images/g/x/k/n/3/m/image.related.articleLeadwide.620x349.gxkmkv.png/1502983248476.jpg);
}
.window.road {
    background: url(https://railway-news.com/wp-content/uploads/2019/04/Skoda-RegioPanter-interior-visualisation-seats.jpg);
}*/

/* ==========================================================================
    * GroupCSS - SearchSiteUI
   ========================================================================== */
.searchInput input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 65%;
    background-color: #ffffff;
    color: #000;
    border: 2px solid #ffffff;
    height: 1.9em;
    display: inline !important;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 10px;
    outline: none;
}

.searchInput button {
    background: #ffffff00;
    border: none;
    color: var(--light-color);
    font-weight: bold;
    font-family: 'Gilroy';
    height: 48px;
    width: 56px;
    border-radius: 20px;
    cursor: pointer;
    transition: 180ms all ease;
    font-size: 1.4rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    vertical-align: sub;
    margin-left: 10px;
}
.searchInput button:hover {
    background: #ffffff;
    color: var(--title);
}
.SearchSiteUI .rowNewsList {
    width: 100%!important;
}
.SearchSiteUI .rowNewsList a {
    font-weight: bold;
}
.titleWrapper.searchInput {
    width: 100%;
}
.SearchSiteUI ul {
    display: none;
}
.SearchSiteUI .readmoreBottom {
    display: none;
}
i.icon.icon-link {
    height: 10px;
    transform: rotate(45deg);
    top: 5px;
    position: relative;
    left: 5px;
}
/* ==========================================================================
    * GroupCSS - PickCityUI
   ========================================================================== */
.articleHero .overlay:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(0deg, #944d62 10%, rgba(255,255,255,0) 120%);
}
.cityHero {
    background: url(../img/sibiul.jpg);
    height: 100vh;
    max-height: 510px;
    min-height: auto;
    background-size: cover;
    background-position: center;
    transform: translate(0, 0px);
    animation: fadeAnimation 1s forwards;
    transition: 800ms all ease;
}
.pickCityUI.fadeAnimation {
    height: 100vh!important;
}
.pickCityUI .titleWrapper{
    flex-basis: 65%;
}
.overlayHero {
    background: url(../img/sibiul.jpg);
    height: 50vh;
    min-height: auto;
    background-size: cover;
    background-position: center;
    transform: translate(0, 0px);
    transition: 1s all ease;  
}
.pickCity {
    animation: none!important;
    background: url(../img/new05.jpeg);
    background-size: cover;
}
.pickCity label.arrow:before {
    top: 8px;
}
.pickCity .searchQuestion {
    margin-right: 0px;
}
.cityHero.cluj {
    background: url(../img/clujul.jpg);
    background-size: cover;
    background-position: center;
}
.cityHero.timisoara {
    background: url(../img/timisoara01.jpg);
    background-size: cover;
    background-position: center;
}
.cityHero   .fadeAnimation {
    padding-bottom: 0px!important;
}

.cityHero .overlay:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(0deg, #944d62 10%, rgba(255,255,255,0) 90%);
}
.overlayHero .overlay:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(0deg, #7c2946 10%, rgba(255,255,255,0) 90%);
}
.overlayHero .blockPageWrapper {
    max-width: 70%;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}
.pageSection .overlay:after {
    background-color: #944d62;    
}
.cityHero .pageTitle {
    margin-top: 20%;
}

.gallerySlide img {
    object-fit: cover;
    width: 50px;
    height: 50px;
    border-radius: 20px;  
    border: 3px solid #fff;  
}
.gallerySlide {
    margin: 10px;
    position: relative;
}
.bgChange {
    cursor: pointer;
}
.gallerySlide .bgChange:after {
    content: "";
    background: #b53c66;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    mix-blend-mode: color;
    border-radius: 20px;
}
.gallerySlide .bgChange.active:after, .gallerySlide:hover .bgChange:after { 
    opacity: 0;
    transition: 500ms opacity ease-in-out;
}
.galleryPhoto {
    margin-left: -10px;
}
.population img {
    vertical-align: sub;
}

#map {
    height: 450px;
}
.rowUniversity {
    padding: 20px 0px;
    text-align: left;
}
.rowUniversity:first-child {
    padding-top: 0px;
}
.rowUniversity:first-child .dateUpdate__university{
    padding-top: 10px;
    margin-top: 0px;
}
.rowUniversity .dateUpdate__university:first-child{
    padding-top: 10px;
    margin-top: 0px;
}
.universityList {
    font-family: 'Gilroy';
    color: #333131;
}
.dateUpdate__university {
    display: block;
    font-size: 14px;
    color: #000;
    padding-bottom: 6px;
    padding-top: 22px;
    margin-top: 26px;
    letter-spacing: 0.6px;
}
.nameUniversity__tag {
    border-radius: 10px;
    position: relative;
    font-size: 14px;
    color: #000;
    padding-bottom: 6px;
    letter-spacing: 0.6px;
}
.nameUniversity {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.15;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    padding: 10px 0px;
    display: block;
}
.preview_domeniuStudiu {
    display: block;
}
.descriptionUniversity {
    margin-bottom: 45px;
}
.descriptionUniversity span {
    font-size: 13px;
    line-height: 1.6;
    letter-spacing: 0.4px;
    color: #343131;
    margin-bottom: 40px;
    font-family: 'Maven Pro'!important;
}
.rowUniversity .title {
    font-size: 14px;
    color: #a4a9b4;
    padding-bottom: 7px;
    display: inherit;
}

.rowUniversity .description img {
    width: 90px;
    height: 90px;
    position: relative;
    top: -3px;
    margin-right: 5px;
    object-fit: contain;
}
.rowUniversity.pagination {
    width: 100%;
}
.rowUniversity.pagination p{
    margin-bottom: 0;
}

/* Sidebar Stats */

.cityStats_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #808080;
}
.cityStats_row span {
  margin-right: 5px;
  font-weight: 600;
  font-family: 'Gilroy';
  font-size: 16px;
}
.citySidebar_title {
  width: 280px;
  font-size: 20px;
  max-width: 150px;
  margin: 0px;
  margin-left: auto;
  text-align: right;
  font-family: 'Gilroy'!important;
  font-weight: bold !important;
  color: #b53c66;
  line-height: 1.1;
}


/* ==========================================================================
   GroupCSS * UniversitateFrontUI
   ========================================================================== */
.univeristyImage .imageWrapper {
    flex-basis: 60%;
    height: 560px;
    position: relative;
    background-size: cover;
}
.universityTitle {
    flex-basis: 0;
    background: #7c2946;
    margin-top: 150px;
    padding: 40px;
}
.logoUniv {
    width: 100px;
    height: auto;
    display: block;
    transform: translateX(-87%);
}
.universityCoverbox {
    opacity: 0;
    background: #7c2946;
    margin-top: 100px;
    padding: 10px 40px;
    font-family: Gilroy;
    color: #fff;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.universityCoverbox h1 {
    line-height: 1.2;
    font-size: 1.5rem;
}
.universityCoverbox a {
    color: #fff;
    margin: 0px;
}
.universityCoverbox p { 
    margin: 0px;
}
.universityCoverbox .year {
    font-weight: bold!important;
    margin-bottom: 10px!important;
}

.universityCoverbox .address, .universityCoverbox h1 {
    max-width: 450px;
}

.universityHero {
    background: #fff;
    height: 560px;
    max-height: 560px;
    min-height: 560px;
    padding: 0px;
    z-index: 1;
    position: relative;
}
.member-of {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: auto;
}
.member-of p {
    margin-bottom: 5px;
}
.member-of img {
    height: 35px;
    filter: brightness(0) invert(1);
    margin-right: 20px;
}
.networkEUA {
    width: 130px;
}
.univAbout__descriptionWrapper {
    color: #fff;
    font-family: 'Maven Pro';
    width: 90%;
    margin: 10% auto;
    text-align: justify;
}
.univAbout__descriptionWrapper * {
    background-color: transparent!important;
    background: transparent!important;
    color: #fff!important;
    font-weight: 400!important;
    font-family: 'Maven Pro'!important;
    font-size: 16px!important;
}
.univAbout__descriptionWrapper a {
    border: none!important;
    padding: 0px!important;
    margin: 0px!important;
    text-decoration: underline;
}
.univAbout__descriptionWrapper img{
    display: none!important;
}

.uniqueSellingPoint p {
    max-width: 55vw;
    margin: 0 auto;
    padding-bottom: 40px;
    font-weight: bolder!important;
}


/* design update */
.hero {
    overflow: hidden;
    margin: 0 auto;
    padding: 0 60px;
    max-width: 1440px;
    display: grid;
    background-image: url(../../template2/img/flow.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* filter: blur(2px); */
    mix-blend-mode: multiply;
    background-position: bottom;
}
.hero--medium {
    max-height: 575px;
}
.hero__image {
    opacity: 0;
    min-height: 575px;
    background-size: cover;
    grid-column: 1/span 3;
    /* transform: translateX(-14px); */
}
.about_visitSite {
    grid-column: 3/span 1;
    z-index: 4;
    position: relative;
}
.about_visitSite a {
    width: 100%;
    position: absolute;
    box-shadow: inset 0 0 0 0px #ffff;
    font-family: 'Maven Pro';
    font-size: 0px;
    display: flex;
    align-items: center;
    /* padding-left: 15px; */
    height: 100px;
    text-decoration: none;
    color: #FFF;
}
.about_visitSite:before {
    content: "Website";
    background-repeat: no-repeat;
    width: 100%;
    height: 100px;
    text-align: center;
    position: absolute;
    display: block;
    transform: translateY(40px);
    font-family: 'Maven Pro';
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.5px;
    opacity: 0;
    max-width: 120px;
    margin-left: 10px;
}
 .about_visitSite:after {
    content: "";
    pointer-events: none;
    background-image: url(../../template2/img/website-link.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    top: 42px;
    opacity: 1;
    right: 20px;
} 
.about_visitSite:hover a{
    color: #fff;
    background-color: #a2365c;
    cursor: pointer;
}
.about_visitSite:hover:before {
    color: #fff;
    z-index: 2;
    cursor: pointer;    
}

.about_visitAdmitere {
    grid-column: 4/span 1;
    z-index: 4;
    position: relative;
}
.about_visitAdmitere a {
    width: 100%;
    position: absolute;
    box-shadow: inset 0 0 0 0px #ffff;
    font-family: 'Maven Pro';
    font-size: 0px;
    display: flex;
    align-items: center;
    /* padding-left: 15px; */
    height: 100px;
    text-decoration: none;
    color: #FFF;
}
.about_visitAdmitere:before {
    content: "Website Admitere";
    background-repeat: no-repeat;
    width: 100%;
    height: 100px;
    text-align: center;
    position: absolute;
    display: block;
    transform: translateY(40px);
    font-family: 'Maven Pro';
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.5px;
    opacity: 0;
    max-width: 120px;
    margin-left: 10px;
}
 .about_visitAdmitere:after {
    content: "";
    pointer-events: none;
    background-image: url(../../template2/img/website-link.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    top: 42px;
    opacity: 1;
    right: 20px;
} 
.about_visitAdmitere:hover a{
    color: #fff;
    background-color: #a2365c;
    cursor: pointer;
}
.about_visitAdmitere:hover:before {
    color: #fff;
    z-index: 2;
    cursor: pointer;    
}

.page__notchHero {
    grid-column: 4/span 1;
}
.page__notchWrapper {
    background: #7c2946;
    margin-top: 130px;
    padding: 20px;
    font-family: Gilroy;
    color: #fff;
}
.affiliation {
    grid-column: 1/span 5;
    text-align: left;
}
.affiliation img {
    filter: grayscale(1) invert(0) brightness(100.5);
    width: 100px;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    margin: 10px 0px;
    max-height: 120px;
}
.affiliation h3 {
    margin: 0px 20px;
    border-bottom: 1px solid #c95b81;
    padding: 20px;
}
.preparatoryYear {
    text-transform: capitalize;
}

/*grid lines */
.grid__lines {
    grid-template-columns: 16.74% 1fr 1fr 1fr 16.74%;
    padding: 0 60px;
    z-index: 50;
    display: grid;
    max-width: 1440px;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;

}
.grid__lines>div:first-child, .grid__lines>div:last-child {
    display: block;
}
.grid__lines>div {
    display: block;
    padding-right: 1.81%;
    position: relative;
    height: 100vh;
    box-sizing: border-box;
}
.grid__lines>div:after, .grid__lines>div:before {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 100%;
}
.grid__lines>div:before {
    background-color: rgb(255 255 255 / 12%);
    mix-blend-mode: multiply;
}
.grid__lines>div:after {
    background-color: hsl(359deg 90% 83% / 7%);
    mix-blend-mode: screen;
}
.grid__1_col_1 {
    grid-column: 1/span 1;
}
.grid__2_col_1 {
    grid-column: 2/span 1;
}
.grid__2_col_2 {
    grid-column: 2/span 2;
}
.grid__2_col_3 {
    grid-column: 2/span 3;
}
.grid__3_col_2 {
    grid-column: 3/span 2;
}

/* end gridlines */
.noPointer{
    pointer-events: none;
}
.grid__auto {
    position: relative;
}
.grid:before {
    /* content: "";
    width: 100%;
    height: 100%;
    background: url(../../template2/img/noise.png);
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    mix-blend-mode: multiply;
    opacity: 0.05;
    background-size: contain;
    pointer-events: none; */
}
.grid {
    grid-template-columns: 16.74% 1fr 1fr 1fr 16.74%;
    margin: 0 auto;
    padding: 0 60px;
    max-width: 1440px;
    display: grid;
    position: relative;    
}
.page--overlap {
    top: -100px;
    margin-bottom: -150px;
    position: relative;
}
.page__notch-block {
    grid-column: 1/span 4;
    height: 100px;
    position: relative;
}
.bg--dark {
    background-color: #7c2946;
    color: #fff;
}
.page__notch-block:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    left: 0;
    transform: translate3d(-90%,0,0);
    height: 100px;
}
.page__notch-block.bg--dark:before {
    background-color: #7c2946;
}
/* hero */

.social-networks__item {
    display: inline-block;
}
.social-networks__item:first-child {
    margin-left: -5px;
}
.univ_firstSection {
    padding-top: 130px;
    margin-bottom: -190px;
}
/* sections */
.wrapperContentHEI {
    font-family: 'Maven Pro';
    color: #fff;
    font-weight: 400;
    grid-column: 2/span 3;
}
.uniqueSellingPoint {
    grid-column: 2/span 3;
    color: #fff;
    font-family: 'Gilroy';  
    padding-right: 20px;  
}
.uniqueSellingPoint p {
    font-weight: 400!important;
}
.univ__sectionTitle {
    font-size: 40px;
    line-height: 1;
    margin-left: 25px;
}
.univ_sectionLanguage {
    position: relative;
    top: 20%;
}
.univ__sectionSelectProgram {
    grid-column: 2/span 1;
}
.programselect {
    border: 2px solid #fff;
    border-radius: 0px;
    color: #fff;
    font-family: 'Gilroy';
    text-align: center;
    width: 100%;
    height: 50px;
    margin-bottom: 50px;
}
.programselect:hover {
    background-color: #fff;
    border-radius: 0px;
    color: var(--dark-color)!important;
}
.univ_keyDetails {
    grid-row: auto;
    grid-column: 1/span 1;
}
.univ_aboutUniversity {
    grid-column: 3/span 2;
    margin: 0px 0px;
    color: #fff;
}
.statsSidebar {
    /* background-color: #fff; */
    border-radius: 0px;
    padding: 20px;
    height: auto;
    max-height: 100%;
}
.key-details__heading {
    margin: 40px 20px 0px 20px;
}
.statTitle {
    font-size: 15px;
    margin-bottom: 5px!important;
    text-align: left;
    font-weight: 600!important;
    color: #ffcecdc2;
    position: relative;
}
.statValue {
    font-weight: 600!important;
    color: #fff;
    margin-bottom: 10px;
    display: block;
    font-family: 'Gilroy';    
}

.univAbout__sectionTitle {
    color: #fff;
    margin-left: 25px;
    text-align: left;
    font-family: 'Gilroy';
}
.foundingYear {
    color: #fff;
    font-weight: bold!important;
    font-size: 4rem;
    text-align: center;
    font-family: 'Gilroy'!important;
    margin: 0px;
}

.first_col {
    grid-column: 1/span 1;
}
.second_col {
    grid-column: 2/span 1;
}
.square {
    border-radius: 0px!important;
    display: block!important;
}

.tab-nav.bg--dark {
    border-top: 1px solid hsla(0,0%,100%,.12);
    border-bottom: 1px solid hsla(0,0%,100%,.12);
}
.tab-nav.sticky {
    transform: translateY(150px);
    max-width: calc(1440px + 120px);
    margin: 0 auto;        
    z-index: 70;
    position: -webkit-sticky;
    position: sticky;
    top: -100px;
    transition: transform .25s cubic-bezier(.24,.26,.2,1),background-color .25s cubic-bezier(.24,.26,.2,1);
    z-index: 99;
}
.tab-nav.sticky.shortHero {
    transform: translateY(0px);
    top: 50px;
}
.tab-nav__layout {
    padding-right: 60px;
    padding-left: 60px;
}
.tab-nav__container {
    grid-column: 2/span 3;
    padding: 0px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-evenly;
}
.tab-nav__container a.linkUniversity {
    padding: 14px;
    color: #ffffff;
    font-family: 'Gilroy';
    text-decoration: none;
    font-weight: 600;
}
.linkUniversity.active {
    border-bottom: 4px solid;
    font-weight: bold!important;
}
.tab-nav__container a:hover {
    background: #b53c66;
    color: #ffffff;
    position: relative;
    top: -1px;
}
.paddingTop60 {
    padding-top: 100px;
    margin-bottom: -60px;
}

.univ_sectionLastEQ {
    margin-top: 60px;
}
.chenar__Light {
    background: #fff;
    padding: 30px 40px!important;
}
.chenar__Light p {
    color: var(--dark-color)!important;
}
.expandUniv {
    text-align: left;
}

.univ_ExpandColumn {
    grid-column: 3/span 2;
}

/*  Living section*/
.tabUniv {
    border-top: 1px solid #ffffff26;
    padding: 1.6em 1em 0.5em 3em;
    font-weight: bold;
    position: relative;
    margin-top: -2px;
    text-align: left;
}
.tab_Layout .univAbout__descriptionWrapper {
    margin-top: 0px;
}


/*experimental*/
.page--Noheader {
    padding-top: 150px;
    position: relative;
}
.page--TitleCut {
    grid-column: 1/span 2;
    font-size: 5rem;
    line-height: 1;
    color: #8f2f51;
    font-family: 'Gilroy';
    margin: 3px;
    position: relative;
    top: 15px;
}
.page--Noheader .about_visitSite a {
    color: #1a70ad;
}
.page--Noheader .about_visitSite {
    bottom: 13px;
}
.page--Noheader .about_visitSite:hover a {
    /* color: #a2365c; */
    color: #FFF;
    background: #a2365c!important;
    cursor: pointer;
}
.page--Noheader .about_visitSite:before {
    color:#a2365c;
}
.page--Noheader .about_visitSite:hover::after {
    filter: brightness(30.5)!important;
}
.page--Noheader .about_visitSite:hover::before {
    color: #fff;
}
.page--Noheader .about_visitAdmitere a {
    color: #1a70ad;
}
.page--Noheader .about_visitAdmitere {
    bottom: 13px;
}
.page--Noheader .about_visitAdmitere:hover a {
    /* color: #a2365c; */
    color: #FFF;
    background: #a2365c!important;
    cursor: pointer;
}
.page--Noheader .about_visitAdmitere:before {
    color:#a2365c;
}
.page--Noheader .about_visitAdmitere:hover::after {
    filter: brightness(30.5)!important;
}
.page--Noheader .about_visitAdmitere:hover::before {
    color: #fff;
}
.hero--Noheader {
    overflow: hidden;
    margin: 0 auto;
    background-image: url(../../template2/img/flow.png);
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    transform: rotate(180deg);
    background-size: 100vw;
    position: absolute;
    margin: 0 auto!important;
    background-position: center;
    z-index: 0;
    height: 236px;
    right: 0;
    left: 0;    
}


/*  slider  */
.slider-container {
    position: relative;
    overflow: hidden;
}
.slider-container ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.slider-container ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 800px;
    height: 560px;

}

.slider-container img {
    width: 100%;
}



/* ==========================================================================
    * GroupCSS University About Animation
   ========================================================================== */
.loaded .animation{
    animation: 1s fadeText 1s cubic-bezier(0.17, 1.13, 1, 1) forwards;
}
.loaded .about_visitSite a {
    animation: 1s inset 1s cubic-bezier(0.17, 1.13, 1, 1) forwards;
}
.loaded .about_visitSite:before{
    animation: 1s fadeText 1s cubic-bezier(0.17, 1.13, 1, 1) forwards;
    pointer-events: none;
}
.loaded .about_visitAdmitere a {
    animation: 1s inset 1s cubic-bezier(0.17, 1.13, 1, 1) forwards;
}
.loaded .about_visitAdmitere:before{
    animation: 1s fadeText 1s cubic-bezier(0.17, 1.13, 1, 1) forwards;
    pointer-events: none;
}

@keyframes fadeText {
    0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
  }

  @keyframes inset {
    0% {
        box-shadow: inset 0 0 0 0px #8f2f51;
      }
      100% {
        box-shadow: inset 0 0 0 0.1px #fff;
      }
  }

  
/* ==========================================================================
    * GroupCSS SearchUI
   ========================================================================== */
.searchUI {
    background: rgb(25 101 255);
    color: var(--light-color);
    padding: 20px;
    border-radius: 30px;
}
.sidebarFilter {
    flex-basis: 10%;
}
.sidebarFilter h1 {
    font-family: 'Gilroy';
}

.sectionprograms {
    flex-basis: 78%;
        width: 78%;
}
.description {
    display: inline-block;
    vertical-align: super;
    font-family: 'Maven Pro';
}
.currencyFee {
    display: inline-block;
    vertical-align: super;
    font-family: 'Maven Pro';
}
.searchUI i {
    margin-right: 5px;
}
.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat!important;
}
.icon-population {
    background: url(../img/population.svg);   
}
.icon-eduhat {
    background: url(../img/icons/eduhat.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    width: 20px;
    vertical-align: text-top;
}
.icon-city {
    background: url(../img/icons/location.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    width: 14px;    
    vertical-align: text-top;
}
.icon-lang {
    background: url(../img/icons/card_lang.svg);
    background-size: contain;
}
.icon-tuition {
    background: url(../img/icons/card_tuition.svg);
    background-size: contain;
}
.icon-degree {
    background: url(../img/icons/card_degree.svg);
    background-size: contain;
}
.icon-cycle {
    background: url(../img/icons/card_cycle.svg);
    background-size: contain;
}
.icon-externalLink {
    background: url(../../template2/img/external-link.svg);
    background-size: contain;
}
.icon-link {
    background: url(../../template2/img/arrow_link.svg);
    background-size: contain;
}
.icon-help {
    background-size: contain;
    width: 18px;
    height: 18px;
    background: #8f2f51;
    -webkit-mask-image:  url(../img/icons/help.svg);
    mask-image:  url(../img/icons/help.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    margin-left: 5px;
    vertical-align: top;
}

.social-networks__items .icon {
    background-size: contain;
    width: 18px;
    height: 18px;
    background: rgb(255 255 255);
    -webkit-mask-size: cover;
    mask-size: cover;
    margin-left: 5px;
    vertical-align: top;
}
.icon--facebook {
    -webkit-mask-image:  url(../img/icons/facebook.svg);
    mask-image:  url(../img/icons/facebook.svg);
}
.icon--twitter {
    -webkit-mask-image:  url(../img/icons/twitter.svg);
    mask-image:  url(../img/icons/twitter.svg);
}
.icon--youtube {
    -webkit-mask-image:  url(../img/icons/youtube.svg);
    mask-image:  url(../img/icons/youtube.svg);
}
.icon--linkedin {
    -webkit-mask-image:  url(../img/icons/linkedin.svg);
    mask-image:  url(../img/icons/linkedin.svg);
}
.icon--instagram {
    -webkit-mask-image:  url(../img/icons/instagram.svg);
    mask-image:  url(../img/icons/instagram.svg);
}
.icon--tiktok {
    -webkit-mask-image:  url(../img/icons/tiktok.svg);
    mask-image:  url(../img/icons/tiktok.svg);
}
.icon--print {
    -webkit-mask-image: url(../img/print.svg);
    mask-image: url(../img/print.svg);
    background: #b53c66;
    vertical-align: middle;
    margin-right: 5px;
    height: 12px;
    width: 12px;
}


.universityTable {
    padding-left: 10%;
}
.descriptionUniversity {
    word-break: break-word;
}
.searchUI .title {
    font-size: 14px;
    color: #6e9bff;
    padding-bottom: 7px;
    display: inherit;
    font-weight: 500;
    letter-spacing: 0px;
}
.pagesText a {
    color: #b1bbd0!important;
    background: transparent;
    padding: 5px 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    margin: 2px 0px;
    text-align: center;
    display: inline-block;
}
.tablePageNumberSelected {
    padding: 5px 10px;
    background: #1965ff;
    border-radius: 25px;
    color: #fff;
}
.tablePageSeparator {
    color: #fff;
    font-weight: 100;
    margin-bottom: 1.5rem;
    font-family: 'Gilroy';    
}
.pagesText a {
    padding: 0px;
    font-size: 15px;
    color: #b53c66!important;
    background: #fff;
    font-weight: bold;
}
.searchUI .lang {
    flex-basis: 50%;
    margin-bottom: 20px;
}
.searchUI .lang .last svg { 
    vertical-align: bottom;
}
.searchUI .lang .last a {
    background: #fff;
    color: #1965ff;
    padding: 10px 8px;
    border-radius: 20px;
    position: relative;
    bottom: -35px;
}
.searchUI .lang .last a svg circle {
    fill: #1965ff;
}
.searchUI .lang .last a svg path {
    stroke: #fff;
}
.rowUniversity .expand-bar, .rowUniversity .expand-bar:after {
    background: #1965ff;
    right: 1px;
}
.rowUniversity .expandTitle {
    color: #1965ff;
    vertical-align: text-top;
}
.open .expand-bar {
    transform: rotate(180deg);
}
.open .expand-bar:after {
    transform: rotate(180deg);
}
.active .expand-bar {
    transform: rotate(180deg);
}
.active .expand-bar:after {
    transform: rotate(180deg);
}
.rowUniversity {
    text-align: left;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
}
.short.expand-bar {
    top: 43px;
}

/* ==========================================================================
    * FILTER
   ========================================================================== */
.cityselect.square {
    border-radius: 0px;
    border: 1px solid #b2bad0;
    color: #b0bad0;
    font-size: 12px;
    height: 40px;
    border-right: transparent;
    border-left: transparent;
    margin-top: -1px;
    margin-bottom: 0px;
    padding: 0px 20px 0px 10px;    
}
.cityselect.square:hover {
    color: #0d2f63!important;
}
.dropdownFilter label.arrow:before {
    border: 3px solid #b53c66;
    top: 15px;
    border-radius: 100%;
}
.dropdownFilter label.arrow.whereLabel {
    display: block;
    max-width: 200px;
}

/* ==========================================================================
    * GroupCSS University
   ========================================================================== */
/* Style the tab */  
  /* Style the buttons that are used to open the tab content */

button.tablinks {
    background: transparent;
    border: none;
    color: #000;
    outline: 0;
    cursor: pointer;
    width: 100%;
} 
button.tablinks.active {
    background: #7c2946;
    color:#fff;
    transition: 0.3s;    
}

  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current "tab button" class */
  .tab button.active {
    background-color: #ccc;
  }
 
.pane {
    border-bottom: 1px solid #d9d9d99c;
}
a.linkUniversity {
    padding: 20px;
    color: #404043;
    font-family: Gilroy;
    text-decoration: none;
}
.linkUniversity.active {
    border-bottom: 1px solid;    
}
.navBarUniversity {
    background: #f4edec;
    width: calc(60% - 75px);
    padding: 20px;
    padding-left: 55px;
    position: relative;
    top:-62px;
    z-index: 3;
}
.wrapperUniversitateUI {
    margin: 100px 50px 0px 250px;
    z-index: 0;
    position: relative;
}

.container.rs-grid-component {
    max-width: 85%;
    margin-top: 80px;
    display: none;
}
.rs-media_wrapper {
    display: grid;
    grid-auto-rows: minmax(auto, auto);
    grid-gap: 10px;
    grid-template-columns: 275px 275px 265px 265px;
    justify-content: space-between;
}
.rs-media_wrapper > .first {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}
.info_service_slick_media {
    height: 170px;
    width: 265px;
    margin-right: 20px;
}
.rs-media_wrapper > .first img {
    width: 555px !important;
    height: 364px !important;
}
.info_service_slick_media {
    height: 170px;
    width: 265px;
    margin-right: 20px;
}
.info_service_slick_media img {
    object-fit: cover;
}
.rs-media_wrapper img,
.rs-media_wrapper video {
    height: 177px;
    object-fit: cover;
}
.rs-media_wrapper > .second {
    grid-column: 3;
    grid-row: 1;
}
.rs-media_wrapper > .third {
    grid-row: 1;
    grid-column: 4;
}
.rs-media_wrapper > .fourth {
    grid-column: 3;
    grid-row: 2;
}
.rs-media_wrapper > .fifth {
    grid-column: 4;
    grid-row: 2;
    position: relative;
    overflow: hidden;    
}
.rs-media_wrapper > .fifth > p {
    position: absolute;
    top: 45%;
    width: 265px;
    line-height: 28px;
    font-size: 20px;
    text-align: center;
    color: #FFFFFF;
}
rs-media_wrapper > .fifth > div {
    width: 265px;
    height: 177px;
    position: absolute;
    top: 0;
    opacity: 0.3;
    background: linear-gradient(0deg, rgb(84, 140, 185), rgb(84, 140, 185));
}

.containerUnivResurse {
    font-family: 'Maven Pro';

}
.rowUniveResurse {
    justify-content: space-between;
}
.wrapperUnivResurse {
    width: 16.66%;
    margin-bottom: 40px;
    border-right: 1px solid #00000026;
    padding-left: 29px;
}
.numberUnivResurse {
    font-size: 1.2rem;
    font-weight: bold;    
}
.titleUnivResurse {
    font-size: 16px;
    line-height: 1.3;
    max-width: 150px;
    /* border-bottom: 1px solid #00000026; */
    height: 100%;
}
.wrapperUnivResurse:first-child {
    padding: 0px;
}
.wrapperUnivResurse:last-child {
    border: none;
}

.aboutUniversity, .campus {
    font-family: 'Maven Pro';
    line-height: 1.6;
    max-width: 80%;
    text-align: left;
}
.lang .last a {
    text-transform: none;
    font-family: 'Maven Pro'!important;
    font-weight: bold;
    text-decoration: none;
}
/* ==========================================================================
    * GroupCSS UniversitiesUI
   ========================================================================== */
.row__sidebarFilter {
    flex-basis: 250px;
    padding: 20px;
}
.row__universityList {
    flex-basis: calc(100% - 340px);
    padding: 20px;
}
.descriptionUniversity, .descriptionUniversity span, .descriptionUniversity p{
    font-size: 14px!important;
    line-height: 22px!important;
    font-family: 'Maven Pro'!important;
    letter-spacing: 0.3px;
    max-height: 150px;
    overflow: hidden;
    position: relative;
    font-weight: 200!important;
}
.descriptionUniversity:before {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    z-index: 2;
}
.citywrapper .lang {
    max-width: 25%;
}
.last a {
    background: #3198f3;
    color: #fff;
    padding: 10px 8px;
    border-radius: 20px;
    position: relative;
    bottom: 0px;
    text-transform: lowercase;
}
.last svg {
    vertical-align: bottom;
}
  .truncate-overflow {
    --max-lines: 3;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
    padding-right: 1rem; /* space for ellipsis */
  }
  .truncate-overflow::before {
    position: absolute;
    content: "";
    inset-block-end: 0; /* "bottom" */
    inset-inline-end: 0; /* "right" */
  }
  .truncate-overflow::after {
    content: "";
    position: absolute;
    inset-inline-end: 0; /* "right" */
    width: 1rem;
    height: 1rem;
    background: white;
  }
/* ==========================================================================
    * GroupCSS University Admission
   ========================================================================== */
#aboutProgram {
    padding-right: 20%;
}
.program__header {
    margin-bottom: 30px;
    font-family: 'Gilroy'!important;
}
.program__location svg {
    width: 14px;
}
.program__header-block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.program__header-block h1 {
    order: 2;
    margin-top: 0px;
}
.program__header-block h2 {
    order: 1;
    margin: 0px;
    font-size: 16px;
}
.program__location {
    font-size: 14px;
    font-family: 'Gilroy';    
}
.program__location > span {
    margin-left: 5px;
    font-weight: 500;
}
.program__location svg {
    vertical-align: sub;
    fill: #0568f1;
}
.cta__course {
    margin-bottom: 32px;
}
.cta__header {
    color: #1e2030;
    font-weight: 500;
    margin-bottom: 20px;
}
.cta__program-button {
    color: #1e2030;
    background-color: #f18832;
}
.cta__program-button {
    padding: 0.75em 1.5em!important;
    display: inline-block;
    font-size: 1.125rem!important;
    font-weight: bold!important;
    color: #b53c66!important;
    background-color: #fff;
    border: 2px solid #f4edec;
    position: relative;
    transition: 0.2s color,0.2s background-color,0.2s border-color;
    line-height: normal;
    text-decoration: none;
    font-family: 'Gilroy';
    width: 120px;
}
.cta__program-button > svg {
    position: relative;
    top: 0px;
    right: -6px;
    transform: rotate(180deg);
    width: 14px;
}
.cta__program-button:hover {
    background: #f4edec;
}
.cta__program-button:last-child {
    margin-top: 20px;
}
.course__label {
    font-size: 14px;
    font-weight: bold;
    color: #1e2030;
    margin-bottom: 0;
}
p, .as-p {
    font-weight: 400!important;
    margin-bottom: 1.5rem!important;
    font-family: 'Maven Pro'!important;
}
.logo-link {
    text-decoration: none;
    display: block;
    width: 100%;
    z-index: 3;
    cursor: pointer;
}
.tuition-fee-information {
    padding: 0px;
}

.nav-tabs {
    margin: 0 -5px 2rem;
    display: flex;    
}
.nav-tabs__item {
    margin: 0 5px;
}


.nav-tabs__link {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 0.4rem 1rem;
    border: 1px solid #b53c66;
    background:#b53c66;
    color: #fff;
}
.columns:not(.is-desktop) {
    display: flex;
}
.table.is-fullwidth {
    width: 100%;
}

.table {
    background-color: rgba(0,0,0,0);
    color: #363636;
}
.table thead {
    background-color: rgba(0,0,0,0);
}
.table th:not([align]) {
    text-align: inherit;
}
.table thead td, .table thead th {
    border-width: 0 0 1px;
    color: #363636;
    width: 25px;
}
table td:not([align]), table th:not([align]) {
    text-align: inherit;
}
.table td, .table th {
    border: 1px solid #d8cfc9;
    border-width: 0 0 1px;
    padding: 0.7em 0.75em 0.7em 0;
    vertical-align: top;
}

/*======= Map Styling ============*/
.leaflet-popup-content a {
    color: var(--main-color)!important;
}
.gmnoprint a, .gmnoprint span {
    display:none;
}
.gmnoprint div {
    background:none !important;
}
#GMapsID div div a div img, .gm-style-cc{
    display:none;
}

#sun{
    width:24px;
    height:24px;
    transform-origin:50% 50%;
    stroke: #dcdcdc;
    stroke-width: 16px;
    fill: none;
    animation: spin 25s linear infinite;
  }
  #sun circle {
    animation: circle 2s forwards;
  }
  #sun line {
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
    animation: 0.5s line 0.5s forwards;
  }
  
  @keyframes line {
    0% {
      stroke-dasharray: 60;
      stroke-dashoffset: 60;
    }
    100% {
      stroke-dasharray: 60;
      stroke-dashoffset: 0;
    }
  }
  
  @keyframes circle {
    0% {
      stroke-dasharray: 470;
      stroke-dashoffset: 470;
    }
    100% {
      stroke-dasharray: 470;
      stroke-dashoffset: 0;
    }
  }
  
  @keyframes spin{
    100% {
       transform: rotate(360deg);
    }
  }

  .gmnoprint button {
    background: white!important;
    border-radius: 2px;
    margin: 0px!important;
}


/*======= Video Styling ============*/

.video {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  }

  
.video-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.0000000001;
    z-index: 9;
    transition: opacity 0.8s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;     
  }
  .playing .video-layer {
    opacity: 1;
  }
  .video-layer iframe {
    width: 100%;
    height: 100%;
  }
  
  .video-preview {
    /* width: 100%;
    height: 100%;
    background: url("https://img.youtube.com/vi/CoL8Gtvxfl0/0.jpg") 50% 50% no-repeat;
    background-size: cover; */
    transition: opacity 0.8s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%; 
  }

  .playing .video-preview {
    opacity: 0;
  }

  .video-preview svg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 80px;
    margin-top: -40px;
  }


  


.cookiePage {
      background-image: url(../img/cookie.jpg);
  }
.aboutPage {
    background-image: url(../img/about.jpg);
}
.contactPage {
    background-image: url(../img/contact.jpg);
}
.termsPage {
    background-image: url(../img/terms.jpg);
}
.faqPage {
    background-image: url(../img/faq.jpg);
}
.livingPage {
    background-image: url(../img/living.jpg);
}
.workingPage {
    background-image: url(../img/work.jpg);
}

/* ==========================================================================
    * GroupCSS University ABOUT CONTACTS
   ========================================================================== */
.contact_ContactBox {
    padding: 0px 10px;
    color: #fff;
}
.contact_ContactBox p {
    margin: 5px 0px!important;
}
a.contact_webPerson {
    color: #fff!important;
    text-decoration: none!important;
    font-family: 'Maven Pro'!important;
    font-weight: bold!important;
    margin-top: 50px!important;
    display: block!important;
    width: 100%!important;
    padding: 10px!important;
    border-bottom: 1px solid #ffffff70!important;
    left: -10px!important;
    position: relative!important;
    background: transparent!important;
}

.contact_ContactBox .univAbout__heroRow {
    height: 100%;
    max-height: 210px;
}
.univAbout__heroRow h3 {
    font-size: 20px!important;
    font-family: 'Gilroy'!important;
    line-height: 1.2!important;
    font-weight: bold!important;  
}
a.contact_webPerson svg {
    transform: rotate(180deg);
    width: 13px;
    position: relative;
    top: 0px;
}
.contact_ContactBox p {
    margin: 5px 0px!important;
    border-bottom: 1px solid #ffffff29;
    padding-bottom: 10px;
}

/* ==========================================================================
    * GroupCSS PrezentareUI
   ========================================================================== */
.prog_overviewUniversity {
    grid-column: 1/span 3;
    margin: 40px 20px 0px 15px;
}
.prog_overviewSidebar {
    grid-column: 4/span 2;
}
.text-dark .statValue {
    color: #000;
}
.icon-dark {
    background-color: #5b5b5b;
}
.text-white .program__header-block {
    color: #fff;
}
.program__location .prog_smallTitle:first-child {
    margin-right: 15px;
}
.text__semifFormatted {
    margin-right: 5%;
    font-weight: 400!important;
    margin-bottom: 1.5rem!important;
    font-family: 'Maven Pro'!important;
    -webkit-font-smoothing: antialiased!important;
    text-align: left;
}
.prog_borderSection {
    border-top: 1px solid #f2f2f2;
    margin-top: 30px;    
}
.prog_overviewSidebar.sticky {
    transform: translateY(50px);
    max-width: calc(1440px + 120px);
    margin: 0 auto;        
    z-index: 70;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    transition: transform .25s cubic-bezier(.24,.26,.2,1),background-color .25s cubic-bezier(.24,.26,.2,1);
}
.text__semifFormatted .expandUniv {
    margin-bottom: 0px;
}
.fresh__content {
    margin-left: 10px;
    margin-top: 2px;
    font-size: 12px;
    max-width: 200px;
}
.fresh__content a {
    color: #b53c66;
    font-weight: bold;
}
.tab-pane small {
    display: block;
    font-size: 11px;
    margin-top: 4px;
}
.tab-pane {
    margin-top: 30px;
}
.text__semifFormatted .answer {
    margin-left: 4.2em;
}
.city-statname .small {
    font-size: 12px;
    display: block;
    font-weight: 200;
    max-width: 150px;
}
/* ==========================================================================
   groupCSS * Article Page Header
   ========================================================================== */

.articleHero {
    background-image: url(../img/living02.jpg);
        height: 100vh;
        max-height: 410px;
        min-height: auto;
        background-size: cover;
        background-position: center;
}
.articleHero .pageTitle {
    margin-top: 20%;
}
.articlePanel h1{
    margin-top: 0px;
}

.expand-bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(90deg);
    transition: all 0.5s ease;
}
.expand-bar, .expand-bar:after {
    width: 15px;
    height: 2px;
    background-color: #fff;
}
.expand-bar {
    position: absolute;
    top: 50%;
    left: 1em;
    transition: all 0.5s ease;
}

/* ==========================================================================
   groupCSS * Article Page Content Body
   ========================================================================== */
   .wrapperSimpleText a {
    padding: 0px;
    font-size: 16px;
    text-decoration: underline;
    margin: 0px;
    border: none;
    /*border-bottom: 2px solid #fff;*/
    border-radius: 0px;
}
.wrapperSimpleText ul li {
    list-style: outside;
    padding-left: 20px;
}
.wrapperSimpleText ul li *{
    color: #fff!important;    
}
.rowNewsList .wrapperSimpleText {
    max-height: 100px;
    overflow: hidden;
}
.rowNewsList:first-child h1 {
    margin-top: 0px;
}
.wrapperSimpleText img{
    border-radius: 20px;
}
/* ==========================================================================
   groupCSS * ViewUI
   ========================================================================== */
   .ArticlePageTemplate .articlePanel {
    -ms-flex-preferred-size: 70%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 650px;
    padding: 0px 20px;
}
/******************************************************************
/* groupCSS * Footer
******************************************************************/
.benchmark {
    display: none;
}
.lastTwist p {
    font-family: 'Gilroy';
    transform: rotate(90deg);
    position: absolute;
    right: 0;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1;
    color: #6f6f6f5c;
}

.g-footer {
    background: #f3f3f3;
    position: relative;
    z-index: 1;
}
.container {
    width: calc(100% - 96px);
    margin-right: auto;
    margin-left: auto;    
}
.g-newsletter {
    padding: 60px 0;
}
.g-newsletter__form {
    margin-left: -32px;
    display: flex;
    flex-flow: row wrap;    
}
.g-newsletter__col.g-newsletter__col--left {
    flex: 0 0 auto;
}
.g-newsletter__col.g-newsletter__col--right {
    flex: 1 0 auto;
}
.g-newsletter__col.g-newsletter__col--left {
    width: calc((100% - 576px)/16*6 + 160px);
    margin-left: 0px;
}
.f-title-6 {
    font-family: Gilroy,Arial,sans-serif;
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 700;
    letter-spacing: -.02em;
    margin: 0px;
}
.g-newsletter__intro {
    padding-top: 12px;
    color: #6f6f6f;
}
.f-subtitle-1 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: -.01em;
}
.g-newsletter__col.g-newsletter__col--right {
    margin-left: calc((100% - 576px)/16*2 + 96px);
}
.g-footer__container {
    position: relative;
}
.g-footer__inner {
    margin-left: 80px;
    padding: 60px 0;
    display: flex;
    flex-flow: row wrap;    
}
.g-footer__main-nav {
    flex: 0 0 auto;
}
.g-footer__main-nav {
    width: calc((100vw - 576px)/16*8 + 224px);
    margin-left: 32px;
}
.g-footer__main-nav .g-footer-main-nav__item.g-footer-main-nav__item--title {
    font-family: Gilroy,Arial,sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: -.01em;
    margin-bottom: 4px;
    transition: color .35s ease-out;
    color: #6f6f6f;
}
.g-footer__main-nav .g-footer-main-nav__item a {
    font-family: Gilroy,Arial,sans-serif;
    font-size: 0.75rem;
    line-height: 2rem;
    font-weight: 700;
    letter-spacing: -.02em;
    transition: color .35s ease-out;
    color: #6f6f6f;
    font-weight: 500;
}
.g-footer a {
    text-decoration: none;
}
.g-footer__secondary-nav {
    flex: 0 0 auto;
}
.g-footer__secondary-nav {
    width: calc((100vw - 576px)/16*6 + 160px);
    margin-left: 32px;
}
.g-footer__secondary-nav .g-footer-secondary-nav {
    margin-left: -32px;
    display: flex;
    flex-flow: row wrap;
}
.g-footer__secondary-nav .g-footer-secondary-nav__items {
    flex: 0 0 auto;
    position: relative;
}
.g-footer__secondary-nav .g-footer-secondary-nav__items {
    width: calc((100vw - 676px)/16*3 + 64px);
    margin-left: 32px;
    padding: 0px;
}
.g-footer__secondary-nav .g-footer-secondary-nav__item a{
    font-family: Graphik,Arial,sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: 0;
    color: #6f6f6f;
}
.g-footer__secondary-nav .g-footer-secondary-nav__item.g-footer-secondary-nav__item--title {
    font-family: Gilroy,Arial,sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: -.01em;
    margin-bottom: 4px;
}
.a-link-icon--footer {
    font-family: Gilroy,Arial,sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: 0;
}
.g-footer__secondary-nav .g-footer-secondary-nav__item .icon {
    color: #6f6f6f;
}
.a-link-icon .icon {
    display: inline-block;
    position: relative;
    margin-left: 4px;
    color: inherit;
}
.a-link-icon span {
    vertical-align: middle;
}
.icon--arrow-north-east svg {
    width: 20px;
    height: 20px;
}
.g-footer__social-networks {
    margin-top: 40px;
}
.g-footer__social-networks .g-footer-social-networks__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
}
.g-footer__social-networks .g-footer-social-networks__item.g-footer-social-networks__item--link {
    margin-top: 12px;
    margin-right: 20px;
    transition: color .35s ease;
}
.g-footer__social-networks .g-footer-social-networks__item {
    color: #6f6f6f;
    transition: color .35s ease-out;
}
.icon--twitter, .icon--twitter svg {
    width: 20px;
    height: 20px;
}
.g-footer__logo {
    width: calc((100vw - 576px)/16*2 + 32px);
    margin-left: 32px;
}
.g-footer__logo {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    color: #04f;
}
.g-footer__logo a {
    transform: rotate(180deg);
}
.g-footer a {
    text-decoration: none;
}
.g-footer__copyright {
    align-items: flex-end;
}
.g-footer__copyright {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 48px 0;
    color: #6f6f6f;
}
.f-ui-2 {
    font-family: Gilroy,Arial,sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: 0;
}
.g-footer__copy {
    margin-right: 28px;
    display: block;
    width: 100%;
    text-align: right;
}
.g-footer__copy {
    margin-right: 28px;
}
.g-footer__legals {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.g-footer__legals li {
    margin-right: 28px;
}
.g-newsletter__fieldset {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.g-newsletter__fieldset>:first-child {
    flex-grow: 1;
}
.a-input__field {
    font-family: Graphik,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: 0;
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    transition: border .2s linear;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    outline: 0;
    line-height: 48px;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
}
.g-newsletter__fieldset .g-newsletter__btn {
    min-width: 108px;
}
.g-newsletter__fieldset .g-newsletter__btn>button {
    width: 100%;
    height: 100%;
    max-height: 48px;
}
.a-button--primary {
    transition-property: background,color;
    transition-duration: .2s;
    transition-timing-function: ease-out;
    padding: 8px 12px;
    background: #04f;
    color: #fff;
}

.a-button {
    font-family: Graphik,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: 0;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    transition: background .25s;
    border: 0;
    outline: 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    appearance: none;
}

.g-footer__social-networks .g-footer-social-networks__item.g-footer-social-networks__item--title {
    font-family: Graphik,Arial,sans-serif;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: -.01em;
    flex-grow: 1;
    width: 100%;
}

.g-footer__social-networks .g-footer-social-networks__item a{
    color: #6f6f6f;
    transition: color .35s ease-out;

}
.icon--facebook, .icon--youtube {
    width: 20px;
    height: 20px;
}
.footerLogo img {
    height: 37px;
    filter: grayscale(1);
    padding: 0px 15px;
}
.footerLogo {
    margin-left: 32px;
}
.g-footer__copyright p {
    margin: 0px;
    font-size: 12px;
    display: block;
    width: 100%;
    margin-left: 120px;
}
.g-footer__copyright a {
    color: #9b9b9b;
    text-decoration: underline;
}
.g-footer__copyright a:hover {
    color: #000;
    text-decoration: underline;
}
.g-footer-social-networks__items .icon{
    width: 24px!important;
    height: 24px!important;
}
/******************************************************************
/* FAQ  pages
******************************************************************/
.questionSidebar {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    flex-basis: 0!important;
    flex-grow: 1!important;
    margin-right: 20px;
    height: auto;
    max-height: 100%;
    width: 450px;
}
.questionIcon {
    width: 20px;
}
p.cityQ {
    font-size: 20px;
    margin: 0px;
    text-align: left;
    font-family: 'Gilroy';
    font-weight: bold;
    color: #b53c66;
    position: relative;
}
span.cityQ {
    text-align: left;
    display: block;
    color: #333333;
    font-weight: 400;
    margin-top: 10px;
}

.questionPanel .questionRow{
    background: #fff;
    color: #000;
    padding: 40px;
    border-radius: 20px;
}
.questionPanel .questionRow {
    background: #fff;
    color: #333333;
    padding: 20px 30px;
    border-radius: 10px;
    margin-bottom: 10px;
    font-family: 'Maven Pro';
    font-weight: 350;
    position: relative;
}

.questionRow svg {
    position: absolute;
    width: 20px;
    right: 5px;
    top: 5px;
}

.questionPanel .questionRow:hover {
    color: #b53c66;
    filter: invert(1);
    cursor: pointer;
}
.searchQuestion {
    width: 70%;
    margin-right: auto;
}
.questionRow a {
    color: #333;
    margin: 0px;
}
.questionRow a:hover {
    color: #b53c66;
}
.questionSidebar a {
    margin: 0px;
    padding: 0px;
    text-align: left;
    display: block;
}
.questionSidebar a span{
    font-size: 15px;
}

/******************************************************************
/* subemenus  pages
******************************************************************/

.sectionImg {
    max-width: 650px;
}
.sectionImg img {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 20px;
}

.cityQ svg {
    position: absolute;
    width: 20px;
    right: 0;
}


/******************************************************************
/* accordion  pages
******************************************************************/
.accordion-wrap {
    position: relative;
}
.question {
    font-size: 20px;
    font-weight: 250;
    cursor: pointer;
}
.question {
    border-top: 1px solid #ffffff26;
    padding: 0.5em 1em 0.5em 3em;
    font-weight: bold;
    position: relative;
}
.question, .answer {
    list-style-type: none;
}

.expand-bar, .expand-bar:after {
    width: 15px;
    height: 2px;
    background-color: #fff;
}

.expand-bar {
    position: absolute;
    top: 50%;
    left: 1em;
    transition: all 0.5s ease;
}
.expand-bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(90deg);
    transition: all 0.5s ease;
}
li.answer {
    margin-left: 70px;
}
.answer {
    display: none;
    padding: 1em 0.5em 2.5em;
}
a.moreLink {
    background: #fff;
    color: #b53c66;
    font-size: 20px;
    border: none;
    padding: 5px 10px;
    border-radius: 6px;
    display: inline-flex;
    margin-bottom: 10px!important;
    text-decoration: none;
}
.readmorelinks {
    margin-top: 50px;
    display: block;
}
.readmoreBottom {
    margin-top: 100px;
    display: block;
}
.paragraf a {
    border: none;
    font-size: 15px;
    padding: 3px 12px;
    line-height: 18px;
    display: inline-block;
    margin: 0px;
    color: #b53c66;
    background-color: #fff;
}
.list-items {
    margin-left: 40px;
}
.list-items li{
    padding: 20px 0px;
    border-bottom: 1px solid #ffffff26;    
    list-style: disc;
}
span.publishDate {
    color: #000000;
    font-weight: 500;
}
.white {
    color:#fff!important;
}
.spacer {
    display: block;
    height: 2px;
    background: #ffeae9;
    opacity: 0.6;
}
.answer a {
    font-size: 15px;
    padding: 3px 10px;
    display: inline-block;
    margin-bottom: 2px;
    background: #fff;
    color: #b53c66;
    font-weight: 500;
    margin-top: 2px;
    text-decoration: none;
}
.answer a span {
    color: #b53c66!important;
    text-decoration-line: unset!important;
    vertical-align: baseline;
    white-space: pre-wrap;
}
.accordion ul {
    position: relative;
    visibility: visible;
    opacity: 1;
    display: block;
    top: 0;
    padding: 20px 0px;
    list-style: disc;
    margin-left: 50px;
}
.answer p span {
    font-size: 16px!important;
    font-family: 'Maven Pro'!important;
    line-height: 22.4px;
}
.answer > p {
    margin-bottom: 1.5rem!important;
}


/******************************************************************
Site Name: STUDY project
Stylesheet: Mixins & Constants Stylesheet
******************************************************************/
/*********************
 MEDIA QUERIES MINIM HQR @2X
*********************/
@media screen and (min-width: 1680px) {      
    .wrapperNewsHome{
        max-width: 70%;
    }
}
@media screen and (min-width: 1336px) {      
    .wrapperNewsHome .videoWidthFrame{
        max-width: 70%;
    }
}

@media screen and (min-width: 1025px) {      
    .selectFullItems .select-items{
        width:630px;
    }
    .SelectFullItems__last .select-items {
        width: 100%;
    }
    .selectFullItems.midSize .select-items {
        width: 100%;
        left: 0px;
    }
    .selectBar {
        margin-bottom: 10vh;
        padding: 0px;
    }

}
    


/*********************
 MEDIA QUERIES
*********************/

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}
  
  @media print,
    (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 1.25dppx),
    (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
  }
  @media screen and (min-height: 1024px) and (orientation: portrait) {
    .homeHero .pageTitle {
        padding-top: 250px;
    }
  }
  @media screen and (max-width: 1336px) {
      
      .fluidSection {
          flex-basis: 100%!important;
      }
      
      
  }
  
  @media screen and (max-width: 1024px) {

    .mapHomeWrapper {
        margin: auto;
    }


    body:before{
        display: none;
    }
      .flex-tabletfull {
          flex-basis: 100%!important;
      }
      .g-footer__copy {
        margin-left: 120px;
        margin-top: 20px;
        text-align: left;
    }
    .g-footer__main-nav {
        width: 30%;
        margin-left: 32px;
    }      
    .g-newsletter__col.g-newsletter__col--left,
    .g-newsletter__col.g-newsletter__col--right {
        width: 100%;
        margin: 0px 10%;
    }
    .inputsSearch {
        width: 100%;
        height: 100%;
        display: block;
    }
    label.arrow {
        position: relative;
        height: 50px;
        display: block;
    }
    .inputsSearch select {
        padding: 0px 10px;
    }
    .ui-widget-content {
        left: 0px!important;
        max-width: 100vw;
        transform: translateX(0%);
    }
    .Home .searchRow {
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .searchRow h3 {
        display: none;
    }
    .inputsSearch {
        margin: 0px;
    }
    .selectBar input[type=button] {
        width: 100%;
        margin-top: 20px;
        border: 2px solid #fff;
    }
    .sectionWrapper {
        flex-wrap: wrap;
    }    
    .textbox {
        width: 90%;
    }
    .dropdownFilter {
        display: flex;
        flex-wrap: wrap;
    }
    .sidebarFilter .tabs {
        display: none;
    }
    .universityTable {
        display: flex;
        flex-wrap: wrap;
        /* flex-direction: column-reverse; */
    }
    .SearchUI .blockPageWrapper {
        max-width: 95%;
        flex-wrap: wrap;
    }
    .SearchUI .universityTable {
        padding-left: 0px;
    }
    .overlayHero {
        height: 100vh;
    }
    .sectionprograms .universityTable {
        flex-direction: column;
    }
    .space-evenly {
        justify-content: space-evenly;
    }
    .SearchUI .cityselect{
        width: 90vw;
    }
    .SearchUI label.arrow.whereLabel {
        max-width: 100%;
    }    
    .wrapperUniversitateUI {
        margin: 50px;
        position: relative;
    }
    .universityTable {
        padding: 0px;
    }
    .flexMedia__center {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        align-items: stretch;
    }    
    /* univ page about */
    .univ_keyDetails.first_col {
        grid-column: 1/span 5;
    }
    .univ_keyDetails .cityStats{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
    }
    .univ_keyDetails .cityStats .wrapperQ {
        padding: 10px;
    }
    .tab_Nav {
        grid-column: 1/span 2;
    }
    .grid__3_col_2 {
        grid-column: 3/span 3;
    }
    .affiliation {
        grid-column: 1/span 5;
        text-align: center;
    }            
    .univ_firstSection {
        margin-bottom: 0px;
    }
    .about_visitSite {
        grid-column: 4/span 2;
    }
        .about_visitAdmirete {
        grid-column: 4/span 2;
    }
    .page__notchHero {
        grid-column: 4/span 2;
    }

  }
  
@media screen and (max-width: 1024px) {
    /* custom selection */
    .custom-select {
        width: 100%!important;
    }
    .custom-select label {
        display: none;
    }
    .cityselect {
        width: 100%;
    }
    .homeWhere label.arrow:before {
        top: 22px!important;
        pointer-events: none;
    }
}

  @media screen and (max-width: 768px) {

    .learnMoreBanner span {
        font-size: 0px;
        display: none;
    }
    .learnMoreBanner {
        padding: 0px;
    }
    .learnMoreBanner a {
        padding: 5px 15px;
        display: block;
        width: 92%;
        border: 0px;
        border-radius: 0px 0px 15px 15px;
    }
    .newsHome .rowNewsList {
        flex-basis: 100%;
        width: 100%;
    }    

    .UniversitateFrontUI .dropdownFilter {
        display: flex;
    }
    .UniversitateFrontUI .dropdownFilter label.arrow.whereLabel {
      display: inline-block;
      flex-grow: 1;
      width: 100%;
      max-width: 100vw;
  }

    .nothome .cityOutline {
        -webkit-mask-size: 250%;
        -webkit-mask-position: 0% 100%;
    }
    .key-details__heading {
        margin-left: 30px;
        text-align: left;
        grid-column: 1/span 5;
    }
    .tab-nav__layout.grid {
        display: block;
    }
    .printBtn{display: none;}
    .prog_overviewUniversity {
        grid-column: 1/span 5;
        margin: 40px 20px 0px 15px;
    }
    .prog_overviewSidebar {
        grid-column: 1/span 5;
    }
    .prog_overviewSidebar .city-statname {
        width: 100%;
    }
    .cta__course {
        margin-bottom: 32px;
        width: 100%;
    }
    .divContainerOverlay .gutteredContainer .box1 .overlayHeadlineNumber {
        font-size: 2rem!important;
    }
    .InternationalmapHome p {
        position: relative;
        color: #fff;
        width: max-content;
        max-width: 42%;
    }
    .open-offcanvas .navigationMobile a.logo {
        display: block;
    }
    .navigationMobile a.logo {
        z-index: 99999999999;
        width: 80px;
        display: none;
        position: relative;
        right: 25px;
        margin-left: auto;
        top: 14px;
        filter: grayscale(1) brightness(2.5);
    }
    button.menu-toggle {
        position: absolute;
        display: block;
        height: 21px;
        width: 100px;
        border: none;
        top: 16px;
        left: 20px;
        z-index: 99999999999;
        outline: 0;
        cursor: pointer;
        -webkit-transition: 1s all ease-in-out;
        -o-transition: 1s all ease-in-out;
        transition: 1s all ease-in-out;
        background: transparent;
    }
    .menu__open .hamburger {
        position: absolute;
        top: 50%;
        right: 0px;
        left: 0px;
        background: #fff;
        height: 1px;
        width: 12px;
    }
    .open-offcanvas .menu__open .hamburger {
        width: 0px;
    }
    .menu__open .hamburger::before, .menu__open .hamburger::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: currentColor;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: -webkit-transform .3s cubic-bezier(0.19, 1, 0.22, 1);
        transition: -webkit-transform .3s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform .3s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform .3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform .3s cubic-bezier(0.19, 1, 0.22, 1);
        content: "";
        width: 20px;
        background: #fff;
    }
    .menuText {
        color: #fff;
        font-family: 'Maven Pro';
        margin-left: 22px;
    }
    .nothome .menuText { 
        color: var(--dark-color);
    }
    .nothome .menu__open .hamburger,
    .nothome .menu__open .hamburger::before,
    .nothome .menu__open .hamburger::after  { 
        background: var(--dark-color);
    }    
    .open-offcanvas .menu__open .hamburger,
    .open-offcanvas .menu__open .hamburger::before,
    .open-offcanvas .menu__open .hamburger::after {
        background: #fff!important;
    }
    .open-offcanvas .menuText{
        color: #fff!important;
    }
    .menu__open .hamburger:before {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    .menu__open .hamburger:after {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    .open-offcanvas .menu__open .hamburger:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .open-offcanvas .menu__open .hamburger:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /*new end*/
    .scroll {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
      }
    .scroll::-webkit-scrollbar {
        display: none;
      }   
      .dropdownFilter label.arrow.whereLabel {
          display: inline-block;
      }   
      .dropdownFilter {
        display: inline-block;
        flex-wrap: wrap;
    }
    .sidebarFilter {
        flex-basis: 100%;
    }
    .pickCityUI .titleWrapper {
        flex-basis: 100%;
    }  
    .g-footer__inner {
        margin-left: 0px;
    }
    .g-footer__copyright p, 
    .g-footer__copy,
    .footerLogo, 
    .g-footer__main-nav {
        margin-left: 0px;
    }
    .footerLogo img {
        padding-left: 0px;
        padding-right: 40px;
    }
    .g-newsletter__col.g-newsletter__col--left, .g-newsletter__col.g-newsletter__col--right {
        margin: 0px;
    }
    .g-newsletter.container {
        width: 100%;
    }
    .navigation {
        display: none;
    }
    .navigationMobile {
        display: block;
        top:-1px;
        padding: 0px;
    }
    .logoRo{
        display: none;
    }
    .row__sidebarFilter {
        flex-basis: 100%;
    }
    .row__universityList {
        flex-basis: 100%;
    }
    .row__universityList .lang {
        flex-basis: 50%;
        max-width: 50%;
        margin-bottom: 40px;
    }    
    /*  media university about */
    .page__notchHero {
        grid-column: 1/span 4;
        position: absolute;
        bottom: 98px;
    }
    .hero__image {
        grid-column: 1/span 5;
    }
    .grid {
        padding: 0px;
    }
    .logoUniv {
        transform: translate(0, -60px);
    }
    .UniversitateFrontUI .univ_firstSection {
        padding-top: 150px!important;
    }
    .univ__sectionSelectProgram {
        grid-column: 2/span 3;
    }
    .contact_ContactBox {
        padding: 0px 10px;
        color: #fff;
        grid-column: 1/span 5;
    }
    .page--TitleCut {
        font-size: 4rem;
        top: 5px;
    }    
    .hide {
        display: none!important;
    }
    .question {
        grid-column: 1/span 5;
    }
    .grid__lines {
        opacity: 0!important;
    }    
    .universityList {
        flex-wrap: wrap;
    }

    .sticky .menu__open .hamburger,
    .sticky .menu__open .hamburger::before, 
    .sticky .menu__open .hamburger::after {
        background: #000;
    }
    .sticky .menuText { 
        color: #000;
    }
    .sticky .scholarship-button a {
        color: #fff;
    }
    .sticky .scholarship-button div {
        background-color: #6756be;
    }
    .sticky .scholarship-button img {
        filter: grayscale() brightness(62.5);
    }

  }



  @media screen and (max-width: 560px) {
    .home .wrapperContentStack p {
        width: 100%;
        text-align: center;
    }
    .videoWidthFrame {
        max-width: 90vw;
    }
    .tab-nav__container {
        justify-content: flex-start;
    }
    .tab-nav__layout {
        padding: 0px;
    }
    .questionSidebar {
        margin: 0px 15px;
    }
    .tab-nav__container {
        grid-column: 3/span 3;
    }
    .tab-nav.sticky {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .tab-nav.sticky::-webkit-scrollbar {
        width: 0px;
        height: 4px;
    }
      .tab-nav.sticky::-webkit-scrollbar-track {
        background: #fff;
    }
       
    .tab-nav.sticky::-webkit-scrollbar-thumb {
        background-color: #b53c66;
        outline: 0px solid slategrey;
    }
    .page--Noheader {
        padding-top: 150px;
        padding-bottom: 85px;
        position: relative;
    }      
    .homeHeroNew .pageTitle {
        padding-top: 250px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .smallHero .pageTitle {
        padding-top: 100px;
    }
    .headerSigle {
        display: none;
    }
    .g-footer__main-nav {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .lastTwist {
        display: none;
    }
    .g-footer__secondary-nav {
        width: 100%;
        margin-left: 0px;
    }
    .g-footer__secondary-nav .g-footer-secondary-nav {
        margin: 0px;
        justify-content: space-between;

    }
    .g-footer__secondary-nav .g-footer-secondary-nav__items {
        width: 50%;
        margin-left: 0px;
        padding: 0px;
    }
    .g-footer-main-nav__items {
        width: 50%;
    }
    .selectBar {
        margin-bottom: 10vh;
        padding: 1px;
    }
    .homeHero .pageTitle {
        padding-left: 10px;
        padding-right: 10px;
    }   
    .wrapperContentStack {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .wrapperContentStack img {
            flex-basis: 200px;
    }
    .sectionWrapper {
        padding:0px 10px;
    }
    .goBtn.keepSize {
        width: 100%!important;
        margin-top: 20px!important;
        margin-left: 0px!important;
    }
    .searchQuestion{
        width: 100%;
    }
    .universityList {
        max-width: 100%;
    }
    .rowUniversity .lang {
        flex-basis: 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }
    .rowUniversity .citywrapper {
        margin: 0px;
    }
    .SearchUI .lang {
        flex-basis: 100%;
    }
    .univ_keyDetails .cityStats .wrapperQ {
        padding: 10px;
        width: 40%;
    }    

    .tab_Nav {
        grid-column: 1/span 5;
        display: block;
    }
    .grid__3_col_2 {
        grid-column: 1/span 5;
    }      
    .about_visitSite {
        grid-column: 1/span 5;
        
    }      
     .about_visitAdmitere {
     grid-column: 1/span 5;
        
    } 
    .page--TitleCut {
        font-size: 3rem;
        text-align: center;
        grid-column: 1/span 5;
        padding-bottom: 50px;
    } 

  }

  @media screen and (max-width: 425px) {
    .rowNewsList {
        width: 100%;
        flex-basis: 100%;
        border-bottom: 1px solid #887bcd5c;
    }

    .footerLogo img {
        height: 27px;
    }
    .g-footer__secondary-nav {
        width: 100%;
        margin-left: 0px;
    }
    .footerLogo {
        width: 100%;
        display: block;
        margin: 10px 0px;
    }
    .logoRo.flex-full {
        display: none;
    }
    .grid__auto {
        position: relative;
        width: 100%;
        flex-basis: 100%;
    }
    .uniqueSellingPoint {
        grid-column: 1/span 5;
    }        
    .uniqueSellingPoint p {
        max-width: 80vw;
    }
    .hideVideo {
        display: none;
    }
    .showVideo {
        display: block;
    }
  }


/* ==========================================================================
   groupCSS * Style SELECT OPTIONS JS
   ========================================================================== */
 /* The container must be positioned relative: */

 .custom-select {
    font-family: Arial;
    width: 25%;    
  }
  
  .custom-select select {
    display: none; /*hide original SELECT element: */
  }
  
  .select-selected {
    background-color: transparent;
  }
  
  /* Style the arrow inside the select element: */
  .select-selected:after {
    position: absolute;
    content: "";
    top: 21px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }
  
  /* Point the arrow upwards when the select box is open (active): */
  .select-selected.select-arrow-active:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    top: 16px;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    transition: 100ms all cubic-bezier(0.66, 1.13, 1, 1);
}
  
  /* style the items (options), including the selected item: */
  .select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    font-family: 'Gilroy';
    border: none;
    font-weight: bold;  
    overflow: hidden;  
    position: relative;
    transition: 100ms all cubic-bezier(0.66, 1.13, 1, 1);
  }
.select-selected:hover {
    background: #fff;
    color: #000;
    border-radius: 16px;
}
.select-selected.select-arrow-active {
    background: #fff;
    color: #000;
    border-radius: 16px;
    position: relative;
}
.select-selected:hover::after{
    border-color: #000 transparent transparent transparent;
}
.left-radius .select-items div:hover, .left-radius .select-selected:hover{
    border-radius: 0px 16px 16px 0px;
}

/* Style items (options): */
.select-items::-webkit-scrollbar {
    width: 2px;
}
.select-items::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #251b5a;
    box-shadow: inset 0 0 2px #251b5a;
    margin-top: 18px;
    margin-bottom: 18px;    
}
.select-items::-webkit-scrollbar-thumb {
  background-color: #251b5a;
  outline: 2px solid #3e3180;
}
  .select-items {
    position: absolute;
    background-color: #5040a4;
    top: calc(100% + 10px);
    border-radius: 16px;
    left: 0;
    right: 0;
    z-index: 999;
    max-height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
    
}
  /* Hide the items when the select box is closed: */
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }  


  .Home .programLabel {
    display: none;
}

/* ==========================================================================
   groupCSS * HOME round
   ========================================================================== */
.home .chenar:before {
    background: linear-gradient(180deg, #1b1348, transparent);
    height: 350px;
    content: " ";
    position: absolute;
    width: 100%;
    z-index: 3;
    left:0;
}
/******************************************************************

Stylesheet: Main Stylesheet  CHART ANIMATION

******************************************************************/

.bubble-wrap {
  height: 100vh;
  padding-left: 5%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/******************************************************************
Site Name: STUDY project
Stylesheet: Mixins & Constants Stylesheet
******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

/*********************
COLORS
*********************/
.chart .dw-chart-header h1 {
    font-size: 22px;
    font-style: normal;
    font-weight: lighter;
    margin: 0;
    font-family: 'Gilroy';
    text-decoration: none;
    font-weight: 600;
    color: #fff;
}
span.row-label, .chart .notes-block {
    color: #fff!important;
}
.chart #footer, .chart .dw-chart-footer {
    color: #fff!important;
}
.chart .dw-chart-footer a, .chart .notes-block a {
    color: #642320!important;
}
iframe {
    max-width: 100%;
    background: #fff;
    padding: 20px;
    border-radius: 20px;
}
/*********************
FONTS
*********************/

img {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

a:hover,
a:active,
a:visited,
a:focus {
  text-decoration: none;
  outline: none;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
blockquote {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
}

/* line 42, ../scss/_general.scss */
em {
  font-style: italic;
}

/* line 46, ../scss/_general.scss */
strong {
  font-weight: 700;
}

@media (min-width: 1200px) {
  body.home {
    padding: 0;
  }
}
body.home .copy-wrap {
  width: 100%;
  margin: 40px 0;
}
@media (min-width: 768px) {
  /* line 13, ../scss/_homepage.scss */
  body.home .copy-wrap {
    max-width: 80%;
    margin: 60px auto;
  }
}
@media (min-width: 1200px) {
  /* line 13, ../scss/_homepage.scss */
  body.home .copy-wrap {
    max-width: 600px;
    margin: 100px auto;
  }
}
/* line 27, ../scss/_homepage.scss */
body.home .copy-wrap h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  color: #0567DD;
  text-transform: uppercase;
  margin: 0 0 15px;
  text-align: center;
}
@media (min-width: 768px) {
  /* line 27, ../scss/_homepage.scss */
  body.home .copy-wrap h1 {
    font-size: 26px;
    line-height: 26px;
  }
}
@media (min-width: 1200px) {
  /* line 27, ../scss/_homepage.scss */
  body.home .copy-wrap h1 {
    margin: 0 0 25px;
    font-size: 40px;
    line-height: 40px;
  }
}
/* line 48, ../scss/_homepage.scss */
body.home .copy-wrap p {
  font-family: 'Merriweather', serif;
  font-weight: 400;
  color: #161616;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
}
@media (min-width: 1200px) {
  /* line 48, ../scss/_homepage.scss */
  body.home .copy-wrap p {
    font-size: 16px;
  }
}

/* line 1, ../scss/specific.scss */
.divs {
  position: absolute;
  transform-origin: 0% 0%;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 670px;
}
@media (min-width: 768px) {
  /* line 1, ../scss/specific.scss */
  .divs {
    width: 760px;
    height: 970px;
  }
}
@media (min-width: 1200px) {
  /* line 1, ../scss/specific.scss */
  .divs {
    width: 1162px;
    height: 772px;
  }
}

/* line 21, ../scss/specific.scss */
.ballMasks {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  display: none;
}

/* line 30, ../scss/specific.scss */
.divOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1069px;
  overflow: hidden;
  pointer-events: none;
  display: none;
}
@media (min-width: 768px) {
  /* line 30, ../scss/specific.scss */
  .divOverlay {
    width: 100%;
    height: 1024px;
  }
}
@media (min-width: 1200px) {
  /* line 30, ../scss/specific.scss */
  .divOverlay {
    width: 100%;
    height: 920px;
  }
}

/* line 51, ../scss/specific.scss */
.activeBall {
  cursor: pointer;
}

/* line 55, ../scss/specific.scss */
.inactiveBall {
  cursor: default;
}

/* line 59, ../scss/specific.scss */
.divCircle {
  position: absolute;
  background-color: #ffffff;
  border-radius: 50%;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
}

/* line 72, ../scss/specific.scss */
.divCircleBorder {
  position: absolute;
  background-color: #ffffff;
  border-radius: 50%;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #4100F5;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
}

/* line 85, ../scss/specific.scss */
.divCircleContainer {
  position: absolute;
  border-radius: 50%;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%);
  pointer-events: auto;
}

/* line 93, ../scss/specific.scss */
.imgCircle {
  position: absolute;
  background-color: #ffffff;
  border-radius: 50%;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 101%;
  height: 101%;
  user-select: none;
}

/* line 106, ../scss/specific.scss */
.imgCircleBorder {
  position: absolute;
  background-color: #4100F5;
  border-radius: 50%;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #4100F5;
  left: 50%;
  top: 50%;
  width: 101%;
  height: 101%;
  opacity: 0;
  user-select: none;
}

/* line 120, ../scss/specific.scss */
.textContainer {
  position: absolute;
  border-radius: 50%;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  user-select: none;
}

/* line 132, ../scss/specific.scss */
.innerText {
  position: absolute;
  border-radius: 50%;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 80%;
  height: auto;
  text-align: center;
  pointer-events: none;
  user-select: none;
}

.headline {
  font-family: 'Gilroy', Helvetica, sans-serif!important;
  font-weight: bold!important;
  color: #4101f5!important;
  line-height: 1;  
}
.divCircleContainer:hover .headline {
  color: #fff!important;
}
.bodyCopy {
  font-family: 'Gilroy', Helvetica, sans-serif!important;
  font-weight: 500!important;
  color: #4100F5;
  line-height: 1;
}

/* line 157, ../scss/specific.scss */
.divContainerOverlay {
  pointer-events: auto;
  display: none;
}
/* line 161, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer {
  position: absolute;
  display: inline-block;
  top: 0px;
  width: 258px;
  height: 1200px;
  transform-origin: 50% 50%;
  transform: translate(-50%, 5%);
  left: 50%;
}
.growthPercentageSubtext {
    position: relative;
    margin-top: 10px;
    height: 40px;
    font-family: 'Maven Pro', Helvetica, sans-serif;
    font-weight: bold;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.39;
    letter-spacing: normal;
    text-align: right;
    color: #ffffff;
}

@media (min-width: 768px) {
  .divContainerOverlay .gutteredContainer {
    width: 625px;
    height: 1000px;
  }
}
@media (min-width: 1200px) {
  /* line 161, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer {
    width: 1148px;
    height: 900px;
  }
}
/* line 182, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box1 {
  position: absolute;
  display: inline-block;
  top: 0px;
  left: 0px;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
/* line 193, ../scss/specific.scss */
.disable-scroll .divOverlay{
    position:fixed;
}
.disable-scroll {
    height: 100vh;
    overflow: hidden;
}
.divContainerOverlay .gutteredContainer .box1 .overlayHeadlineNumber {
  font-family: 'Maven Pro', Helvetica, sans-serif;
  font-weight: bold;
  position: relative;
  font-size: 3rem;
  margin-top: 17px;
  /* margin-left:29px; */
  color: #ffffff;
  opacity: 0;
}
@media (min-width: 768px) {
  /* line 193, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box1 .overlayHeadlineNumber {
    font-size: 3rem;
    margin-top: 11px;
    /* margin-left:59px; */
  }
    .disable-scroll .divOverlay {
        overflow: scroll;
        height: 100vh;
        position: fixed;
    }
}
@media (min-width: 1200px) {
  /* line 193, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box1 .overlayHeadlineNumber {
    font-size: 3rem;
    margin-top: 17px;
    max-width: 250px;
    /* margin-left:120px; */
  }
}
/* line 215, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box1 .numberOfArtists {
  font-family: 'Maven Pro', Helvetica, sans-serif;
  position: relative;
  width: 241px;
  height: 110px;
  font-size: 20px;
  margin-top: 48px;
  /* margin-left:29px; */
  line-height: 1.4;
  color: #ffffff;
  opacity: 0;
}
@media (min-width: 768px) {
  /* line 215, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box1 .numberOfArtists {
    width: 481px;
    height: 110px;
    font-size: 30px;
    margin-top: 102px;
    /* margin-left:59px; */
    line-height: 1.17;
  }
}
@media (min-width: 1200px) {
  /* line 215, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box1 .numberOfArtists {
    width: 358px;
    height: 140px;
    font-size: 30px;
    margin-top: 70px;
    /* margin-left:120px; */
    line-height: 1.17;
  }
}
/* line 246, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box1 .backButtonThreshold {
  position: relative;
  object-fit: contain;
  font-family: 'Maven Pro', Helvetica, sans-serif;
  margin-top: 21px;
  /*  margin-left:19px; */
  width: 94px;
  height: 32px;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  user-select: none;
  opacity: 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  /* line 246, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box1 .backButtonThreshold {
    margin-top: 52px;
    /* margin-left:59px; */
  }
}
@media (min-width: 1200px) {
  /* line 246, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box1 .backButtonThreshold {
    margin-top: 55px;
    /* margin-left:120px; */
  }
}
/* line 276, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box1 .backButtonThreshold .backArrowThreshold {
  position: relative;
  width: 17px;
  height: 16px;
  top: 2px;
  margin-right: 5px;
}
@media (min-width: 768px) {
  /* line 276, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box1 .backButtonThreshold .backArrowThreshold {
    width: 22px;
    height: 23px;
    top: 6px;
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  /* line 276, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box1 .backButtonThreshold .backArrowThreshold {
    margin-right: 10px;
    width: 22px;
    height: 23px;
  }
}
/* line 299, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box1 .backButtonThreshold:hover {
  font-family: 'Maven Pro', Helvetica, sans-serif;
  font-weight: bold;
}
/* line 309, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box2 {
  position: absolute;
  display: inline-block;
  width: auto;
  height: auto;
  top: 375px;
  left: 0px;
  /* left: 29px; */
}
@media (min-width: 768px) {
  /* line 309, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box2 {
    top: 450px;
    /* left: 73px; */
    left: 10px;
  }
}
@media (min-width: 1200px) {
  /* line 309, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box2 {
    top: 203px;
    /* left: 573px; */
    left: 442px;
  }
}
/* line 336, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box2 .percentageContainerMask {
  position: relative;
  top: 0px;
  width: 255px;
  height: 338px;
  overflow: hidden;
}
@media (min-width: 768px) {
  /* line 336, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box2 .percentageContainerMask {
    top: 45px;
    height: 371px;
    width: 218px;
  }
}
@media (min-width: 1200px) {
  /* line 336, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box2 .percentageContainerMask {
    width: 303px;
    height: 430px;
    top: 16px;
  }
}
/* line 358, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box2 .percentageContainerMask .percentageContainer {
  position: relative;
  width: 255px;
  height: 521px;
  top: 280px;
}
@media (min-width: 768px) {
  /* line 358, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box2 .percentageContainerMask .percentageContainer {
    width: 218px;
    top: 318px;
  }
}
@media (min-width: 1200px) {
  /* line 358, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box2 .percentageContainerMask .percentageContainer {
    top: 360px;
    width: 303px;
  }
}
/* line 375, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box2 .percentageContainerMask .percentageContainer .growthPercentageText {
  position: relative;
  margin-top: 21px;
  width: 255px;
  height: 47px;
  font-family: 'Maven Pro', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 50px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.39;
  letter-spacing: normal;
  text-align: right;
  color: #ffffff;
}
@media (min-width: 768px) {
  /* line 375, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box2 .percentageContainerMask .percentageContainer .growthPercentageText {
    height: 47px;
    width: 218px;
    font-size: 60.3px;
  }
}
@media (min-width: 1200px) {
  /* line 375, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box2 .percentageContainerMask .percentageContainer .growthPercentageText {
    width: 303px;
    height: 70px;
    font-size: 90px;
  }
}
/* line 403, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box2 .percentageContainerMask .percentageContainer .growthPercentageImg {
  position: relative;
  width: 255px;
  height: 300px;
  background-color: aqua;
}
@media (min-width: 768px) {
  /* line 403, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box2 .percentageContainerMask .percentageContainer .growthPercentageImg {
    width: 218px;
    height: 348px;
  }
}
@media (min-width: 1200px) {
  /* line 403, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box2 .percentageContainerMask .percentageContainer .growthPercentageImg {
    width: 303px;
    height: 430px;
  }
}
/* line 422, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box2 .percentageYears {
  position: relative;
  width: 255px;
  height: 50px;
  font-family: 'Maven Pro', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: -1px;
  text-align: right;
  color: #ffffff;
  margin-top: 7px;
  opacity: 0;
}
@media (min-width: 768px) {
  /* line 422, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box2 .percentageYears {
    width: 218px;
    font-size: 22px;
    margin-top: 55px;
  }
}
@media (min-width: 1200px) {
  /* line 422, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box2 .percentageYears {
    width: 303px;
    font-size: 32px;
    margin-top: 25px;
  }
}
/* line 452, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box3 {
  position: absolute;
  /* float:left; */
  display: inline-block;
  width: auto;
  height: auto;
  top: 760px;
  /* left:26px; */
  left: 0px;
}
@media (min-width: 768px) {
  /* line 452, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 {
    top: 500px;
    /* left:327px; */
    left: 273px;
  }
}
@media (min-width: 1200px) {
  /* line 452, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 {
    /* left:903px; */
    left: 768px;
    top: 179px;
  }
}
/* line 479, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box3 .axisCaption {
  position: relative;
  font-family: 'Maven Pro', Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  /* or 222% */
  display: flex;
  align-items: center;
  letter-spacing: -0.5px;
  color: #ffffff;
  margin-top: 15px;
  margin-left: 3px;
  opacity: 0;
}
@media (min-width: 768px) {
  /* line 479, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .axisCaption {
    font-size: 14px;
    margin-top: 22px;
    margin-left: 4px;
  }
}
@media (min-width: 1200px) {
  /* line 479, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .axisCaption {
    font-size: 18px;
    margin-top: 66px;
    margin-left: 8px;
  }
}
/* line 508, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box3 .axis {
  position: relative;
  float: left;
  display: inline-block;
  width: auto;
  height: auto;
  opacity: 0;
}
/* line 527, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box3 .axis .axisMax {
  position: relative;
  width: 26px;
  height: 20px;
  font-family: 'Maven Pro', Helvetica, sans-serif;
  font-size: 9.8px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.17;
  letter-spacing: -0.5px;
  text-align: right;
  color: #ffffff;
  margin-right: 10px;
}
@media (min-width: 768px) {
  /* line 527, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .axis .axisMax {
    font-size: 14px;
    width: 37.5px;
  }
}
@media (min-width: 1200px) {
  /* line 527, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .axis .axisMax {
    font-size: 18px;
    width: 51px;
  }
}
/* line 555, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box3 .axis .axisMin {
  position: relative;
  float: left;
  width: 26px;
  height: 20px;
  font-family: 'Maven Pro', Helvetica, sans-serif;
  font-size: 9.8px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.17;
  letter-spacing: -0.5px;
  text-align: right;
  color: #ffffff;
  margin-top: 197px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  /* line 555, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .axis .axisMin {
    font-size: 14px;
    margin-top: 284px;
    width: 37.5px;
  }
}
@media (min-width: 1200px) {
  /* line 555, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .axis .axisMin {
    font-size: 18px;
    margin-top: 340px;
    width: 51px;
  }
}
/* line 585, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box3 .axis .axisLine {
  position: relative;
  width: 1px;
  height: 225.7px;
  left: 35px;
  top: -15px;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  /* line 585, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .axis .axisLine {
    height: 310px;
    top: -6px;
    left: 47px;
  }
}
@media (min-width: 1200px) {
  /* line 585, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .axis .axisLine {
    height: 371px;
    left: 60px;
    top: -6px;
  }
}
/* line 607, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box3 .barGraphContainer {
  position: relative;
  float: left;
  display: inline-block;
  width: auto;
  height: auto;
  margin-left: 10px;
  top: -25px;
}
@media (min-width: 768px) {
  /* line 607, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .barGraphContainer {
    margin-left: 15px;
    top: -33px;
  }
}
@media (min-width: 1200px) {
  /* line 607, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .barGraphContainer {
    margin-left: 19px;
    top: -86px;
  }
}
/* line 628, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphMask {
  position: relative;
  margin-top: 0px;
  width: 44px;
  /* height:212.6px; */
  height: 255px;
  overflow: hidden;
}
@media (min-width: 768px) {
  /* line 628, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphMask {
    width: 60px;
    height: 357px;
  }
}
@media (min-width: 1200px) {
  /* line 628, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphMask {
    width: 60px;
    height: 471px;
  }
}
/* line 646, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphMask .barGraph {
  position: relative;
  width: 44px;
  /* height:212.6px; */
  height: 521px;
  top: 220px;
}
@media (min-width: 768px) {
  /* line 646, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphMask .barGraph {
    width: 60px;
    top: 280px;
    /* height:304px; */
  }
}
@media (min-width: 1200px) {
  /* line 646, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphMask .barGraph {
    width: 60px;
    top: 380px;
    /* height:521px; */
  }
}
/* line 665, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphMask .barGraph .barGraphText {
  position: relative;
  margin-top: 71px;
  width: 44px;
  height: 14px;
  font-family: 'Maven Pro', Helvetica, sans-serif;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.39;
  letter-spacing: normal;
  text-align: right;
  color: #ffffff;
}
@media (min-width: 768px) {
  /* line 665, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphMask .barGraph .barGraphText {
    height: 20px;
    width: 60px;
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  /* line 665, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphMask .barGraph .barGraphText {
    height: 20px;
    font-size: 16px;
    width: 60px;
  }
}
/* line 692, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphMask .barGraph .barGraphImg {
  position: relative;
  width: 44px;
  height: 430px;
  background-color: aqua;
}
@media (min-width: 768px) {
  /* line 692, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphMask .barGraph .barGraphImg {
    width: 60px;
  }
}
@media (min-width: 1200px) {
  /* line 692, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphMask .barGraph .barGraphImg {
    width: 60px;
  }
}
/* line 712, ../scss/specific.scss */
.divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphYears {
  position: relative;
  margin-top: 4px;
  width: 44px;
  height: 25px;
  font-family: 'Maven Pro', Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.27;
  letter-spacing: -1px;
  text-align: right;
  color: #ffffff;
  opacity: 0;
}
@media (min-width: 768px) {
  /* line 712, ../scss/specific.scss */
  .divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphYears {
    width: 60px;
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .divContainerOverlay .gutteredContainer .box3 .barGraphContainer .barGraphYears {
    width: 60px;
    font-size: 22px;
  }
}
.divContainerOverlay .gutteredContainer .legalThreshold {
  position: absolute;
  width: 245px;
  height: 22px;
  left: 8px;
  top: 1072px;
  object-fit: contain;
  opacity: 0;
  font-family: 'Maven Pro', Helvetica, sans-serif;
  font-size: 9px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
@media (min-width: 768px) {
  .divContainerOverlay .gutteredContainer .legalThreshold {
    left: 8px;
    top: 950px;
    width: 610px;
    font-size: 9px;
  }
}
@media (min-width: 1200px) {
  .divContainerOverlay .gutteredContainer .legalThreshold {
    left: 10px;
    top: 756px;
    width: 1140px;
    font-size: 11px;
  }
}
.divContainerOverlay .gutteredContainer .legalThresholdAstrix {
  position: absolute;
  width: 10px;
  height: 22px;
  left: 0px;
  top: 1072px;
  object-fit: contain;
  opacity: 0;
  font-family: 'Maven Pro', Helvetica, sans-serif;
  font-size: 9px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
@media (min-width: 768px) {
  .divContainerOverlay .gutteredContainer .legalThresholdAstrix {
    left: 0px;
    top: 950px;
    font-size: 9px;
  }
}
@media (min-width: 1200px) {
  .divContainerOverlay .gutteredContainer .legalThresholdAstrix {
    left: 0px;
    top: 756px;
    font-size: 11px;
  }
}



/* ==========================================================================
   Print styles.
   ========================================================================== */
   @page {
    size: auto;   /* auto is the initial value */
    margin: 0;  /* this affects the margin in the printer settings */
    margin-bottom: 0mm;
    size: A4;

    }

    @page :left {
        margin-left: 0.3cm;
    }
    
    @page :right {
        margin-left: 0.3cm;
    }

  
@media print {
    /* ======================= control ================================ */
        a[href]:after { content: none !important; }
        img[src]:after { content: none !important; }   
        #footer {break-inside: avoid;}
   /* ======================= programs ================================ */

    .descriptionUniversity, .sidebarFilter, .g-footer__main-nav, .g-footer__secondary-nav, .benchmark, .pagination, .inputsSearch, .selectBar input[type=button], #masthead, .overlayHero, .lastTwist, .printBtn {
        display: none;
    }
    .blockPageWrapper {
        max-width: 95%;
    }
    .universityTable, .nothome .section {
        padding: 0px!important;
    }
    .pagesText {
        display: none;
    }
    .g-footer__inner {
        margin-left: 80px;
        padding: 60px 0;
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        margin: 0 auto;
    }
    .g-footer__copyright p {
        margin: 0px;
    }    

/* ======================= programm page ================================ */
    .about_visitSite, .grid__lines, .cta__course {
        display: none;
    }
    .page--TitleCut {
        top: 0;
    }
    .tab-nav__container {
        justify-content: flex-start;
        grid-column: 1/span 3;
    }
    .fresh__content p {
        display: none;
    }
    .page--Noheader {
        padding-top: 50px;
    }
    .text__semifFormatted .answer {
        margin:0px
    }
    .answer {
        overflow: visible;
        word-break: break-all;
        display: table;
    }
    .prog_overviewSidebar, .prog_overviewUniversity {
        grid-column: 1/span 6;
    }

/* ======================= university page ================================ */
    .hero__image, .univ__sectionSelectProgram, .contact_webPerson{
        display: none;
        visibility: hidden;
    }
    .page__notchHero {
        grid-column: 1/span 6;
    }
    .universityCoverbox {
        margin: 0px;
    }
    .logoUniv {
        transform: translateX(0);
    }
    .page--overlap {
        top: 0px;
        margin-bottom: 0px;
    }
    .tab-nav.sticky {
        transform: translateY(0px);
        margin: 0 auto;
        position: static;
        top: 0px;
    }
    .univ_firstSection {
        padding-top: 0px;
        margin-bottom: 0px;
    }
    .first_col, .uniqueSellingPoint {
        grid-column: 1/span 5;
    }
    .univ_keyDetails .cityStats {
        display: flex;
        flex-direction: row;
        align-content: space-between;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .univ_keyDetails .wrapperQ {
        width: 33.333%;
    }
    .tab_Nav {
        grid-column: 1/span 5;
        display: flex;
        align-content: center;
        justify-content: space-between;
    }
    .grid__3_col_2 {
        grid-column: 1/span 5;
    }
    .univAbout__descriptionWrapper .tabcontent {
        display: block!important;
        color: #fff!important;
    }
    .univAbout__descriptionWrapper {
        margin: 10px 2px;
        width: 100%;
        break-inside: avoid;
    }
    .affiliation {
        grid-column: 1/span 5;
        text-align: center;
        break-inside: avoid;
        display: table;    
    }
    .affiliation img {
        filter: none;
        width: 50px;
    }
    .uniqueSellingPoint p{
        max-width: 87vw;
    }
    .hero--medium {
        background: #b53c66;
    }
    .wrapperContentHEI {
        grid-column: 1/span 5;
    }
    .short.expand-bar {
        display: none;
    }
    .question {
        padding: 5px;
    }
    .contact_ContactBox {
        padding: 0px 10px;
        color: #fff;
        grid-column: 1/span 5;
        page-break-before: avoid;
    }
/* ======================= article page ================================ */    
    .questionSidebar, .readmoreBottom {
        display: none;
    }
    .articlePanel {
        flex-basis: 100%!important;
    }
/* ======================= other pages ================================ */  
    .row__universityList, .flex-half, .questionPanel {
        flex-basis: 100%!important;
    }
    .gallerySlide, .ml-auto, .questionSidebar, .sectionSubtitle, .textbox, .sectionTitle, .row__sidebarFilter, .logoRo {
        display: none;
    }
    .cityHero .pageTitle {
        margin-top: 80px;
    }
    .cityHero.pickCityUI {
        height: 400px!important;
    }
    .justify-content-center {
        justify-content: flex-start;
    }



}

/* scholarhip button */
.scholarship-button.active {
    margin-right: 90px;
    transition: 400ms all cubic-bezier(0.31, 1.18, 1, 1);
}
.scholarship-button {
    max-width: 235px;
    text-align: left;
}
.scholarship-button a {
    color: #1a70ad;
    font-family: 'Gilroy';
    font-weight: bold;
    line-height: 14px;
    font-size: 14px;
    text-decoration: none;
}
.scholarship-button.showScroll {
    right: 34px;
    top: 176px;
    position: fixed;
    width: 229px;
    opacity: 0;

    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
}
.sticky .scholarship-button.showScroll {
    opacity: 1;

    -webkit-transform: translateY(-120px);
    -ms-transform: translateY(-120px);
    transform: translateY(-120px);
    -webkit-transition: 1s -webkit-transform cubic-bezier(0.6, 1.14, 1, 1);
    transition: 1s -webkit-transform cubic-bezier(0.6, 1.14, 1, 1);
    -o-transition: 1s transform cubic-bezier(0.6, 1.14, 1, 1);
    transition: 1s transform cubic-bezier(0.6, 1.14, 1, 1);
    transition: 1s transform cubic-bezier(0.6, 1.14, 1, 1), 1s -webkit-transform cubic-bezier(0.6, 1.14, 1, 1);
}
.scholarship-button img {
    height: 16px;
    margin-top: 0px;
    left: -4px;
    position: relative;
}
.scholarship-button div {
    background-color: white;
    border-radius: 25px;
    padding: 2px 0 5px 15px;
}
.searchWrapper__header.active {
    transition: 400ms all cubic-bezier(0.31, 1.18, 1, 1);
    right: -165px!important;
}
.searchWrapper__header {
    z-index: 0;
}
/* second button */
.second_buttonHome {
    margin-left: auto;
    width: 100%;
    position: relative;
    top: 10px;
    padding: 0px;
    text-align: center;
}
@media screen and (max-width: 768px) {      
    .scholarship-button div{
        margin-top: 15px;
    }
    .scholarship-button.showScroll {
        right: 10px;
        top: 117px;
    }
    .lowernav .scholarship-button {
        width: 100%;
        margin: 0 auto;
    }
}