@charset "UTF-8";
:root{
    --yellow-rgb:251,191,11;
    --yellow:rgb(var(--yellow-rgb));
    --dark-yellow-rgb:153, 111, 0;
    --dark-yellow:rgb(var(--dark-yellow-rgb));
    --black-rgb:51,51,51;
    --black:rgb(var(--black-rgb));
    --white:#fff;
    --red:#e30613;
    --deep-pink:#db004d;
    --primary:var(--yellow);
}

@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
.fade-in-bottom{-webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both}
@keyframes fade-in-left{0%{transform:translateX(-50px);opacity:0}100%{transform:translateX(0);opacity:1}}
.fade-in-left{animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1.000) both}
@keyframes fade-out-left{0%{transform:translateX(0);opacity:1}100%{transform:translateX(-50px);opacity:0}}
.fade-out-left{animation:fade-out-left .7s cubic-bezier(.25,.46,.45,.94) both}
@keyframes fade-out{0%{opacity:1}100%{opacity:0}}
.fade-out{-webkit-animation:fade-out .5s ease-out both;animation:fade-out .5s ease-out both}

body{--fm-normal:'Graphik',sans-serif;
    font-family:var(--fm-normal);margin:0;font-size:1rem;font-weight:400;line-height:1.5;
    color:var(--black);background-color:var(--white);min-height:100vh;display:flex;flex-direction:column}

.fm-sharpsans {font-family:'SharpSans',sans-serif;}
b,strong{font-weight:700;}
h1,h2,h3,h4,h5,h6{font-family:'SharpSans',sans-serif;font-weight:700;}
a{color:var(--black);text-decoration:underline;}
a:not(.btn):hover{text-decoration:underline!important}

.header-link:hover{text-decoration:underline}
.header-link{--link-color:var(--white);--link-hover-color:var(--yellow);color:var(--link-color)!important;}
.header-link:hover{color:var(--link-hover-color)!important;}
.white-template .header-link{ --link-color:var(--black);--link-hover-color:var(--black); }

.text-black{color:var(--black)!important}
.text-muted{color:#676767!important}
.text-white{color:var(--white)!important}
.text-red{color:var(--red)!important}
.text-yellow{color: var(--yellow)!important;}
.text-dark-yellow{color: var(--dark-yellow)!important;}
.text-deep-pink{color:var(--deep-pink)!important}

.bg-white{background-color:var(--white)!important}
.bg-white-transparent{background-color:#ffffffe3!important}
.bg-dark-grey{background-color:var(--dark-grey)!important}
.bg-light-grey{background-color:#f4f4f4!important}
.bg-black{ background-color:var(--black)!important; }
.bg-yellow{ background-color:var(--yellow)!important; }

.m-6{margin:4.5rem!important}
.ml-6,.mx-6{margin-left:4.5rem!important}
.mr-6,.mx-6{margin-right:4.5rem!important}
.mt-6,.my-6{margin-top:4.5rem!important}
.mb-6,.my-6{margin-bottom:4.5rem!important}
.p-6{padding:4.5rem!important}
.pl-6,.px-6{padding-left:4.5rem!important}
.pr-6,.px-6{padding-right:4.5rem!important}
.pt-6,.py-6{padding-top:4.5rem!important}
.pb-6,.py-6{padding-bottom:4.5rem!important}
.fw-100{font-weight:100!important}
.fw-200{font-weight:200!important}
.fw-300{font-weight:300!important}
.fw-400{font-weight:400!important}
.fw-500{font-weight:500!important}
.fw-600{font-weight:600!important}
.fw-700{font-weight:700!important}
.fw-800{font-weight:800!important}
.fw-900{font-weight:900!important}
.fw-1000{font-weight:1000!important}
.text-xxs{font-size:.7em!important}
.text-xs{font-size:.8em!important}
.text-sm{font-size:.9em!important}
.text-md{font-size:1em!important}
.text-lg{font-size:1.1em!important}
.text-xl{font-size:1.2em!important}
.text-xxl{font-size:1.3em!important}
.text-xxxl{font-size:1.75em!important}
.font-1{font-size:2.5em!important}
.border-radius-xs{border-radius:.1rem!important}
.border-radius-sm{border-radius:.25rem!important}
.border-radius-md{border-radius:.5rem!important}
.border-radius-lg{border-radius:1rem!important}
.border-radius-xl{border-radius:2rem!important}
.ls-0{letter-spacing:0!important}
.ls-1{letter-spacing:.1rem!important}
.navbar-dark .navbar-brand{color:#fff}
.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{color:#fff}
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,0.55)}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{color:rgba(255,255,255,0.75)}
.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,0.25)}
.navbar-dark .navbar-nav .show > .nav-link,.navbar-dark .navbar-nav .nav-link.active{color:#fff}
.navbar-dark .navbar-toggler{color:rgba(255,255,255,0.55);border-color:rgba(255,255,255,0.1)}
.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-dark .navbar-text{color:rgba(255,255,255,0.55)}
.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:hover,.navbar-dark .navbar-text a:focus{color:#fff}
.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.navbar-toggler:focus{box-shadow:none}
form span.form-error-icon.badge{color:#dc3545;font-size:inherit}
hr{border:0;border-top:.1rem solid #f4f5f6;margin:2rem 0}

/* buttons */
.btn:not(.btn-link).focus,.btn:not(.btn-link):focus{box-shadow:0 0 0 .2rem #d2d5db}
.btn-cta{ --bs-btn-bg:var(--black);--bs-btn-color:var(--yellow);--bs-btn-hover-bg:var(--yellow);--bs-btn-hover-color:var(--dark); }
.btn-yellow-cta{ --bs-btn-bg:var(--yellow);--bs-btn-color:var(--black);--bs-btn-hover-bg:var(--black);--bs-btn-hover-color:var(--yellow); }
.btn-white{ --bs-btn-bg:var(--white);--bs-btn-color:var(--black);--bs-btn-hover-bg:var(--black);--bs-btn-hover-color:var(--white); }
.cta-button{--bs-btn-border-width: 1px;--bs-btn-border-color:var(--black);--bs-btn-font-size:1rem;--bs-btn-border-radius:4px;font-weight:700;letter-spacing:normal;}
/* buttons */

.header-navbar{z-index:100}
.headlines-box, .headlines-lg-box{ --box-padding:1rem;--box-border-radius:.35rem;--bg-opacity:.85;--bg-color:255,255,255;
    padding:var(--box-padding);border-radius:var(--box-border-radius);background-color:rgba(var(--bg-color), var(--bg-opacity)); }
.headlines-box.yellow-box{ --bg-opacity:1;--bg-color:var(--yellow-rgb); }

.dark-box{ --bg-opacity:1;--text-color:inherit;--bg-color:var(--black-rgb);color:var(--text-color); }
.headlines-box.dark-box{ --text-color:#fff; }

.headline-w-shadow, .headline-w-shadow-lg{ --shadow-color: #000;--color: #fff;--text-shadow:1px 1px 1px var(--shadow-color);
    color:var(--color);text-shadow:var(--text-shadow); }
.white-background-box{background-color:rgba(255,255,255,0.85);padding:15px;border-radius:.35rem}
.header-titles-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}
.main-title{margin-bottom:0;line-height:1.15}
.main-subtitle{margin-bottom:0;line-height:1.15;margin-top:.5rem;font-weight:400}
.university-ranking-section{padding:3rem 0;color:#fff;text-shadow:2px 2px 5px #000;line-height:1}
.numeric-ranking{font-size:6rem;font-weight:700;margin-right:2rem;padding:0 .75rem;border-radius:1rem;min-width:100px;text-align:center}
.numeric-ranking span{height:80px;line-height:80px;display:inline-block}
.numeric-ranking sup{font-size:30%;margin-left:.25rem}
.custom-ul-li-style ul{padding-left: 1rem!important;margin-left: 0.5rem!important;list-style-position: outside;}
ul.custom-ul-li-style, .custom-ul-li-style ul{list-style-position:outside}
ul.custom-ul-li-style li::marker, .custom-ul-li-style ul li::marker{font-size:25px}
.programmes-description-box{padding:1.25rem 1.75rem;background-color:#f5f5f5;border:1px solid #eee;border-radius:.35rem;margin-bottom:2rem}
.programme-structure-table-wrapper{max-height:80vh;overflow-y:auto}

#backToTop,.apply-today-btn{display:none;position:fixed;bottom:1em;left:0.5em;z-index:99;font-size:18px;border:none;outline:none;color:#fff;cursor:pointer;background-color:#555555;padding:0;}
#backToTop{ width:55px;height:55px;border-radius:50%; }
.apply-today-btn{ min-width:160px;border-radius:.35rem;font-weight:700;padding:.75rem 1rem; }

.navbar-toggler{padding:.25rem .75rem;font-size:1rem;border:none!important}
#main{position:relative;display:flex;flex-direction:column;justify-content:flex-end}
#form_d4ca45ce{width:0;height:0;background:transparent;border:transparent;visibility:hidden;margin:0;display:none}
.section{padding:5rem 0}
.section-heading{margin-bottom:3rem;font-size:2rem;font-weight:900}
.yellow-divider-gradient{height:2px;background-color:var(--yellow);margin:0 auto;background-image:linear-gradient(left,white 0%,#fbbf0b 50%,white 100%);background-image:-o-linear-gradient(left,white 0%,#fbbf0b 50%,white 100%);background-image:-moz-linear-gradient(left,white 0%,#fbbf0b 50%,white 100%);background-image:-webkit-linear-gradient(left,white 0%,#fbbf0b 50%,white 100%);background-image:-ms-linear-gradient(left,white 0%,#fbbf0b 50%,white 100%);background-image:-webkit-gradient(linear,left bottom,right bottom,color-stop(0,white),color-stop(0.5,#fbbf0b),color-stop(1,white))}
.accordion-button{background-color:#f7f7f7}
.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.accordion-button:not(.collapsed){color:var(--black);background-color:#f7f7f7}
.accordion-item:first-of-type .accordion-button {border-top-left-radius: calc(0.25rem - 1px);border-top-right-radius: calc(0.25rem - 1px);}
.accordion-item:last-of-type {margin-bottom: 0;border-bottom-right-radius: .25rem;border-bottom-left-radius: .25rem;}
.accordion-item:first-of-type {border-top-left-radius: .25rem;border-top-right-radius: .25rem;}
.accordion-item {margin-bottom: -1px;border: 1px solid rgba(0, 0, 0, 0.125) !important;}
.accordion-item:last-of-type .accordion-button.collapsed {border-bottom-right-radius: calc(0.25rem - 1px);border-bottom-left-radius: calc(0.25rem - 1px);}
.invalid-feedback{font-weight:600;margin-top:0;font-size:.8em}
.img-circle{border-radius:50%}
.testimonials-section{ --bg-color:var(--yellow);background-color: var(--bg-color); }
.testimonial-img{margin:auto;width:50px;height:50px;display:block}

.application-form-container{border-radius:.25rem;padding:1.25rem 1rem;position:relative;background-color:#f4f4f4;}
form[data-processing="true"]::after{ position:absolute;content:'';background-color:rgba(255,255,255,.7);
    inset:0;backdrop-filter: blur(2px);z-index:1;border-radius:.25rem; }
form[data-processing="true"] #sk-loader{ display:block;z-index:2; }
.sis-application-form .row{ --bs-gutter-x:.5rem; }
.invalid-feedback .form-error-icon.badge{background-color:none}
.form-control.is-invalid,.was-validated .form-control:invalid{padding-right:.75rem;background-image:none}
.form-floating > .form-control,.form-floating > .form-select{height:auto}
.form-select:focus,.form-control:focus,.accordion-button:focus{border-color:var(--yellow);box-shadow:0 0 0 0.25rem rgb(251 191 11 / 10%);}
.form-check-input:checked{background-color:var(--black); border-color:var(--black);}
.form-check-input:focus{box-shadow: none;border-color:rgba(var(--black-rgb),.6);}
/* form-link are ???? find out if they are used */
.form-link{color:var(--black);font-weight:700}
.form-link:hover{text-decoration:underline}
.slider-container{padding-left:7.5rem;padding-right:7.5rem}
#general-partners-carousel .slide-item{height:120px}
.spinner{margin:100px auto;width:50px;height:40px;text-align:center;font-size:10px}
.spinner > div{background-color:#1d1d1b;height:100%;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
#sk-loader{position:absolute;max-height:100%;max-width:100%;top:0;bottom:0;left:0;right:0;margin:auto;display:none;opacity:1}
@-webkit-keyframes sk-stretchdelay {
    0%,40%,100%{-webkit-transform:scaleY(0.4)}
    20%{-webkit-transform:scaleY(1.0)}
}
@keyframes sk-stretchdelay {
    0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}
    20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}
}
.lazy-image{opacity:0;-webkit-transition:opacity 150ms ease-in-out;-moz-transition:opacity 150ms ease-in-out;-o-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out}
.lazy-image.image-loaded{opacity:1}
.lazy-plugin{visibility:hidden;max-height:50px;overflow:hidden}
.lazy-plugin.plugin-loaded{visibility:visible;max-height:initial;overflow:initial}
.blurry-image{-webkit-filter:blur(1rem);filter:blur(1rem);transition:-webkit-filter 600ms,filter 600ms}
.blurry-image.image-loaded{-webkit-filter:blur(0);filter:blur(0)}
.youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;background-color:#000;margin:5px}
.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:transparent}
.youtube-player img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto;margin:auto;border:none;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}
.youtube-player img:hover{filter:brightness(75%);-webkit-filter:brightness(75%)}
.youtube-player .play{height:64px;width:64px;left:50%;top:50%;margin-left:-32px;margin-top:-32px;position:absolute;background:url('/assets/img/play-button.png') no-repeat;cursor:pointer;opacity:.9}
.youtube-player .play:hover{opacity:1}
.triangle{stroke-dasharray:240;stroke:var(--black)}
.multipartner-programmes-descriptions .partner-logo{width:150px;margin-right:1rem}
.carousel-control-prev,.carousel-control-next{width:10%}
.main-content{position:relative;z-index:1}
.main-banner-bg{background-repeat:no-repeat;background-size:cover;background-position:30% top;position:absolute;z-index:0;top:0;left:0;right:0;bottom:0}
.main-banner-bg::before{position:absolute;top:0;left:0;bottom:0;right:0;content:''}
.programmes-general-details-table td{vertical-align:middle}

.header-navbar{ --bg-color:var(--black);background-color:var(--bg-color) }
.white-template .header-navbar{ --bg-color: var(--white); }
#why_uos,.university-ranking-section,#selling-points-desktop, .uni-awarded-section{background-color:var(--black)}
.online-learning-title, .employability-section-title, .prog-descr-title{ font-weight:700;color:var(--black); }
.uni-awarded-section{ color:#fff;text-align:center; }
.uni-awarded-section .awarded-section-content b{ font-style:italic; }

/*Cookies acceptance*/
.cookies-alert{ display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;font-size: 0.85rem;
    animation-duration: .8s;animation-delay: 1s;box-shadow:0 0 .5rem rgba(0,0,0,0.3); }
.cookies-accept-button{ --bs-btn-bg:var(--black);--bs-btn-color:var(--yellow);--bs-btn-hover-bg:rgba(var(--black-rgb),.85);--bs-btn-hover-color:var(--yellow); }

/* cookies consent */
.cookies-manage-preferences-btn{ --bs-btn-bg:rgba(29,29,27,.1);--bs-btn-color:var(--black);--bs-btn-hover-bg:rgba(29,29,27,.15);--bs-btn-hover-color:var(--black); }
.cookie-policy-link{ text-decoration:underline; }

.free-tablet-text{font-size: 0.8rem}
.free-tablet{background-color:#f4f4f4;}

/* User engagement popup */
.offer-popup-modal{ --uep-content-text-color:var(--black);--uep-cta-hover-text-color:var(--primary);--uep-close-btn-padding:0; }

.svg-icon-fill{ --fill-color:var(--black);fill:var(--fill-color) }
.selling-points-mobile-col .svg-icon-fill{ --fill-color:var(--yellow);}
.mobile-selling-points{ border-top:5px solid var(--yellow);background-color:var(--black);color:var(--white) }

/* footer */
.footer-section{ --bg-color: var(--black);--text-color:var(--white);background-color:var(--bg-color);color:var(--text-color); }
.white-template .footer-section{ --bg-color:var(--white);--text-color:var(--dark); }
.footer-link{ --text-color:var(--yellow);--text-hover-color:var(--yellow);--text-decor:underline;--text-hover-decor:underline;--fw:400;
    color:var(--text-color);text-decoration:var(--text-decor);font-weight:var(--fw); }
.footer-link:hover{ color:var(--text-hover-color);text-decoration:var(--text-hover-decor); }
.white-template .footer-link{ --text-color:var(--black);--text-hover-color:var(--yellow);--text-decor:underline;--fw:600;}
.livechat_button{position:fixed;bottom:3.5em;right:4.5em;z-index:99;cursor:pointer;}

#chat-widget-container{ z-index:1040!important; }
.alert-info {border: 1px solid #b8daff;background-color: #d1ecf1;color: #0c5460;}

#aws-waf-modal{--bs-modal-zindex:2055}
.modal-backdrop[data-bs-modal="aws-waf-modal"]{--bs-backdrop-zindex:2050}

@media (min-width: 576px) {
    .programmes-general-details-table td{padding:1rem}
}
@media (min-width: 768px) {
    .header-titles-inner{height:100%}
    .application-form-container{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}
    .cookies-alert{ padding:1rem 1.5rem;column-gap:1.5rem;border-radius: .75rem;bottom:1rem;left: calc(((100% - 45rem) / 2));width: 45rem;
        flex-direction: row; }
}
@media (min-width: 992px) {
    #main{min-height:60vh}
     .main-banner-bg img.hero-img-lg{
        --obj-position: 30% top;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: var(--obj-position);
    }
    .testimonial-item{height:100%}
    .header-titles-inner{align-items:start;}
    .headlines-lg-box.dark-box{ --text-color:#fff; }
}
@media (min-width: 1024px) {
    .application-form{width:100%;margin-left:0}
}
@media (min-width: 1600px) {
    #main{min-height:75vh}
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1400px}
}
@media (max-width: 1023.98px) {
    .logos-header{width:145px;height:auto}
}
@media (max-width: 991.98px) {
    .navbar-brand-container{width:100%}
    .header-titles-inner{text-align:center;padding:1rem 0;align-items:center;}
    .main-banner-bg{ background-image:none!important;position:relative;text-align:center; }
    .main-banner-image-small picture{margin-top:1.5rem;display:block}
    .main-banner-image-small img{max-height:400px}
    .main-title{font-size:2.1rem}
    .main-subtitle{font-size:1.7rem;margin-top:1rem}
    .white-background-box{padding:0}
    .headline-w-shadow-lg{ --color:var(--black);--text-shadow:none; }
    .headlines-lg-box{ --box-padding:0;--bg-color:transparent; }

    .hdl-mob-holder{ position:absolute;left:50%;transform: translateX(-50%);bottom:0;width:100%;padding-left:.25rem;
        padding-right:.25rem;max-width:600px; }
    .hdl-mob-holder .hdl{ --shadow-color: #000;--color: #fff;--text-shadow: 1px 1px 1px var(--shadow-color);
        color: var(--color);text-shadow: var(--text-shadow);font-weight:700;line-height:1;margin-bottom:.5rem; }
    .main-banner-bg::before{ width: 100%;max-width: 600px;left: 50%;transform: translateX(-50%); }
}
@media (max-width: 767.98px) {
    .slider-container{padding-left:5rem;padding-right:5rem}
    .section-heading{margin-bottom:2rem}
    .main-banner-image-small img{max-height:340px}

    .cookies-alert{ left:0;right:0;bottom:0;padding:.75rem;row-gap: 1rem;text-align:center;line-height:1.2;font-size:.8rem; }
    .cookies-accept-button{ width:100%; }

    .numeric-ranking span{height:50px;line-height:50px}
    .numeric-ranking{font-size:5rem}
    .university-ranking-section{padding:1.5em 0}
}
@media (max-width: 639.98px) {
    .logos-header{width:135px}
}
@media (max-width: 575.98px) {
    .section{padding:2rem 0}
    .header-logo{max-height:50px;width:auto}
    .main-banner-image-small img{max-height:280px}
    .free-tablet-image { min-width:60px;width:60px; }
    .livechat_button a img{width:250px;height:112px;}
    .livechat_button{right:2.5em;}
}
@media (max-width: 359.98px) {
    .row .col.selling-points-mobile-col{flex:0 0 auto;margin-top:.5em}
    .logos-header{width:120px}
    .free-tablet-text{font-size: 0.65rem}
}
@media (max-width: 319.98px) {
    .navbar-toggler{padding:.25rem}
    .logos-header{width:95px}
    .hdl-mob-holder .hdl{ font-size:calc(1.25rem + 1vw); }
}
@media (min-width:992px) and (max-width:1199.98px){
    .logos-header{width:140px;height:auto}
}