@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* ----- BASE ----- */

html{

    scroll-behavior: smooth;

}

body{

    -webkit-font-smoothing: antialiased;

    font-family: 'Roboto', sans-serif;

    font-size: 0.875rem;

    line-height: 1.375rem;

    font-weight: 400;

    color: #202020;

    background-color: #E6E8EE;

    padding-top: 6.2rem;

}

img{

    max-width: 100%;

    width: auto;

}

a{

    transition: 0.4s;

    color: #10069F;

}

a:hover, a:focus{

    text-decoration: none;

    color: #217DB5;

}

section{

    position: relative;

}

ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

ul.los { 
	list-style-type: disc; 
  	padding-left: 40px;
}




.section {

    padding-top: 0.25rem;

}

.section .container > .row {

    margin: 0 -1.3rem;

}

.link-arrow {

    display: flex;

    align-items: center;

    font-size: 0.875rem;

    color: #10069F;

    transition: 0.4s;

    font-weight: 500;

}

.link-arrow:hover{

    text-decoration: none;

    color: #8D9093;

    transition: 0.4s;

}

.link-arrow svg {

    position: relative;

    top: -1px;

    -webkit-transition: -webkit-transform 0.3s ease;

    transition: -webkit-transform 0.3s ease;

    transition: transform 0.3s ease;

    transition: transform 0.3s ease, -webkit-transform 0.3s ease;

    vertical-align: middle;

    stroke: #8D9093;

}

.link-arrow .circle{

    transition: stroke-dashoffset 0.3s ease;

    stroke-dasharray: 95;

    stroke-dashoffset: 95;

}

.link-arrow:hover svg{

    stroke: #10069F;

    transform: translate3d(5px, 0, 0);

}

.link-arrow:hover .circle{

    stroke-dashoffset: 0;

}

.link-arrow:hover .arrow{

    stroke: #8D9093;

}

.link-arrow.arrow-left svg {

    transform: scale(-1, 1);

}

.link-arrow.arrow-left:hover svg {

    transform: translate3d(-5px, 0, 0) scale(-1, 1);

}

.owl-prev, .owl-next {

    padding: 0;

    border: none;

    background-color: transparent;

}

.owl-prev:focus, .owl-next:focus{

    outline: none;

}

/* ----- /BASE ----- */

/*  */

/* ----- TYPOGRAPHY ----- */

h1{

    font-size: 3.75rem;

    line-height: 4.0625rem;

    font-weight: 900;

    margin-bottom: 0.8rem;

}

.h1{

    color: #10069F;

    font-size: 3.375rem;

    line-height: 3.625rem;

    font-weight: 900;

    text-transform: uppercase;

}

h2, .h2{

    font-size: 1.75rem;

    line-height: 2.125rem;

    font-weight: 400;

}

h3, .h3{

    font-size: 1.625rem;

    font-weight: 400;

    line-height: 2.125rem;

    color: #000;

}

h4{

    font-size: 1.4375rem;

    line-height: 1.75rem;

    font-weight: 400;

}

.h4{

    font-size: 1.375rem;

    line-height: 1.6875rem;

}

h5, .h5{

    font-size: 1.25rem;

    line-height: 1.625rem;

    font-weight: 400;

    color: #000;

}

h6, .h6 {

    font-weight: bold;

    line-height: 1.3125rem;

    color: #000;

}

/* ----- /TYPOGRAPHY ----- */

/*  */

/* ----- BUTTONS ----- */

.btn{

    font-size: 0.875rem;

    border-radius: 0;

    font-weight: 900;

    text-transform: uppercase;

    padding: 0.8rem 1.5rem;

    cursor: pointer;

}

.btn-outline-blue{

    color: #10069F;

    border-color: #8D9093;

}

.btn-outline-blue:hover,

.btn-outline-blue:focus{

    color: #fff;

    border-color: #06023C;

    background-color: #06023C;

}

.cube {

    -webkit-transition: -webkit-transform .33s;

    transition: transform .33s; 

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}

.btn-cube{

    height: 3.4rem;

    font-size: 1rem;

    text-align: center;

    width: 15.6rem;

}

.btn-cube .first_cube, .btn-cube .second_cube {

    background: #10069F;

    height: 3.4rem;

    width: 100%;

    position: relative;

}

.btn-cube .first_cube {

    border-bottom: 4px solid #10069F;

    -webkit-transform: translateZ(26px);

    transform: translateZ(26px);

}

.btn-cube .second_cube {

    border-top: 4px solid #06023C;

    background: #06023C;

    margin-top: -4px;

    -webkit-transform: rotateX(-90deg) translateZ(-30px);

    transform: rotateX(-90deg) translateZ(-30px);

}

.cube:hover {

    -webkit-transform: rotateX(89deg);

    transform: rotateX(89deg);

}

.btn-cube a, .btn-cube button {

    text-transform: uppercase;

    font-weight: 900;

    font-size: 1rem;

    width: 100%;

    text-align: center;

    position: absolute;

    top: 0;

    left: 0;

    text-decoration: none;

    color: #fff;

}

.btn-cube a:hover, .btn-cube button:hover,

.btn-cube a:focus, .btn-cube button:focus{

    color: #fff;

}

.btn-cube .first_cube a, .btn-cube .first_cube button {

    padding: 1.05rem 0;

}

.btn-cube .second_cube a, .btn-cube .second_cube button {

    padding: 0.75rem 0;

}

.btn-blue{

    background-color: #10069F;

    color: #fff;

    border-color: #10069F;

}

.btn-blue:hover, .btn-blue:focus{

    background-color: #06023C;

    border-color: #06023C;

    color: #fff;

}

.btn-outline-white{

    border-color: #fff;

    color: #fff;

}

.btn-outline-white:hover, .btn-outline-white:focus{

    background-color: #fff;

    color: #202020;

}

/* ----- BUTTONS ----- */

/*  */

/* ----- HEADER ----- */

.header {

    padding: 1.6rem 0;

    background-color: #fff;

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1000;

    height: 6.2rem;

    overflow: hidden;

    transition: all 0.3s ease;

    z-index: 2000;

}

.header.hide {

    top: -6.2rem;

}

.header .container-fluid {

    padding: 0 3.3rem;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.header .menu-btn .hamburger {

    margin-right: 1rem;

    width: 1.875rem;

    position: relative;

    align-items: center;

}

.header .menu-btn .hamburger span {

    background: #202020;

    display: block;

    height: 2px;

    width: 100%;

    margin-bottom: 0.5rem;

}

.header .menu-btn .hamburger span:last-child {

    margin-bottom: 0;

}

.header .menu-btn {

    display: flex;

    align-items: center;

    color: #8D9093;

}

.header a {

    font-weight: 500;

}

.header .logo {

    margin-left: 7.3%;

}

.header .right-nav {

    margin-left: auto;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    flex-wrap: wrap;

    margin-right: -0.4rem;

}

.header .lang {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin-left: 2.3rem;

}

.header .lang a {

    color: #10069F;

    margin-left: 0.5rem;

}

.header .lang a:hover{

    color: #217DB5;

}

.header .lang a.active {

    color: #8D9093;

    pointer-events: none;

}

.header .btn {

    font-weight: 900;

    margin-left: 2.7rem;

}

.header .search {

    color: #8D9093;

    display: flex;

    contain: content;

}

.header .search:hover {

    color: #217DB5;

}

.header .search img {

    margin-right: 0.5rem;

}

.header-nav {

    position: fixed;

    background: #383A3B;

    top: 0;

    bottom: 0;

    left: 0;

    width: 49.1%;

    transition: 0.4s;

    transform: translateX(-100%);

    visibility: hidden;

}

.header-nav.header-nav-open{

    transform: translateX(0);

    visibility: visible;

    transition: 0.4s;

}

.header-nav .top-nav {

    display: flex;

    align-items: center;

    padding: 1.7rem 3.2rem;

}

.header-nav .top-nav .logo {

    margin-left: 10.2rem;

}

.header .menu li > a, .header .menu li > span {

    color:#8D9093;

}

.header .menu li:hover > a,

.header .menu li:hover > span{

    color: #fff;

}

.header .menu li {

    font-size: 1.1875rem;

    font-weight: 500;

    margin-bottom: 1.88rem;

    position: relative;

    cursor: pointer;

    transition: 0.4s;

}

.header .menu {

    margin-top: 3.4rem;

    margin-left: 14.8rem;

    width: 21.4rem;

}

.header .menu > li > .sub-menu {

    opacity: 0;

    position: fixed;

    left: 38.9rem;

    margin-top: -1.3rem;

    visibility: hidden;

    overflow: hidden;

    transition: 0.4s;

    transform: translateX(-10%);

    border-left: 1px solid rgb(255 255 255 / 25%);

    padding-left: 3.4rem;

}

.header .sub-menu > li > .sub-menu{

    opacity: 0;

    position: fixed;

    left: 23.9rem;

    margin-top: -1.3rem;

    visibility: hidden;

    overflow: hidden;

    transition: 0.4s;

    transform: translateX(-10%);

    border-left: 1px solid rgb(255 255 255 / 25%);

    padding-left: 3.4rem;

}

.header .menu li > .sub-menu li {

    font-weight: 400;

}

.header-nav.sub-menu-open {

    width: 100%;

    transition: 0.4s;

}

.header-nav.sub-menu-open .menu > li > .sub-menu {

    visibility: visible;

    width: 20.5rem;

    transform: translateX(0);

    opacity: 1;

    overflow: visible;

}

.header-nav.sub-menu-open-2 .sub-menu .active.has-sub-menu > .sub-menu {

    visibility: visible;

    transform: translateX(0);

    opacity: 1;

    width: 24rem;
	top:20px;

}

.header .menu .has-sub-menu.active > a {

    color: #fff;

}

.header .menu li:after{

    content: '';

    position: absolute;

    top: 0.3rem;

    right: 0;

    background-image: url(../img/arrow-right.svg);

    width: 1rem;

    height: 0.9rem;

    background-repeat: no-repeat;

    background-size: contain;

    opacity: 0;

    transition: 0.4s;

}

.header .menu li > .sub-menu li:after{

    right: -1rem;

}

.header-nav .sub-menu .sub-menu a{

    color: #fff;

}

.header .menu li:hover:after,

.header .menu li.active:after{

    opacity: 1;

    transition: 0.4s;

}

.header .menu .sub-menu {

    height: 30.7rem;

}

.header .menu .sub-menu .arrow-back{

    display: none;

}

/* ----- /HEADER ----- */

/*  */

/* ----- BANNER ----- */

.section-banner {

    color: #fff;

    height: calc(100vh - 6.2rem);

    overflow: hidden;

    min-height: 52.9rem;

}

.section-banner a{

    color: #fff;

}

.section-banner .item{

    position: relative;

}

.section-banner .container {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    z-index: 10;

    right: 0;

}

.section-banner .video-play-btn{

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    font-weight: 900;

    font-size: 1.125rem;

    margin-bottom: 2.8rem;

}

.section-banner .video-play-btn:hover{

    text-decoration: none;

}

.section-banner .video-play-btn .icon-wrap {

    margin-right: 1rem;

}

.section-banner .banner-content {

    margin-left: -0.4rem;

    margin-top: 7.5rem;

}

.section-banner .bottom-content {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    z-index: 100;

    height: 17.5%;

}

.infobox {

    display: flex;

    align-items: flex-start;

    border-right: 1px solid #fff;

}

.infobox h6 {

    color: #fff;

}

.infobox .number {

    font-size: 2.5rem;

    font-weight: 900;

}

.infobox .icon-wrap {

    flex: 0 0 3.5rem;

    max-width: 3.5rem;

    margin-right: 0.3rem;

}
/* Rqoon fix */
.infobox .icon-wrap img {
    margin-left: 2px;
}

.infobox .infobox-content {

    padding-top: 0.7rem;

    flex: 0 0 4.7rem;

}

.section-banner .bottom-content .col {

    flex: 0 0 13.7rem;

    max-width: 13.7rem;

    padding: 0 0.5rem;

}

.section-banner .bottom-content .col:last-child .infobox{

    border-right: 0;

}

.section-banner .slider-nav {

    position: absolute;

    top: 32.1rem;

    left: 0;

    right: 0;

}

.section-banner .slider-nav .container {

    display: flex;

    align-items: center;

    padding: 0;

}

.section-banner .slider-nav .owl-dots {

    display: flex;

    align-items: center;

    margin: 0;

}

.section-banner .slider-nav button {

    background: transparent;

    border: none;

}

.section-banner .slider-nav button.owl-prev {

    transform: rotate(180deg);

}

.owl-dot {

    width: 0.5rem;

    height: 0.5rem;

    background: rgb(255 255 255 / 50%);

    border-radius: 50%;

    margin: 0 0.4rem;

}

.section-banner .slider-nav button img {

    width: 1rem;

}

.owl-dot.active {

    background: #10069F;

}

.section-banner .btn-cube {

    width: 11.4rem;

}

.section-banner .owl-carousel, .section-banner .owl-stage-outer,

.section-banner .owl-stage, .section-banner .owl-item, .section-banner .item{

    height: 100%;

}

.section-banner .item > img{

    height: 100%;

    width: 100%;

    object-fit: cover;

}

.section-banner .item{

    height: 100vh;

    min-height: 52.9rem;

}

.section-banner .owl-dots .owl-dot {

    background: rgb(255 255 255 / 50%);

}

.section-banner .owl-dots .owl-dot.active {

    background: #10069F;

}

/* ----- /BANNER ----- */

/*  */

/* ----- FIND COURSE ----- */

.find-course form{

    background-color: #fff;

    display: flex;

    padding: 0.7rem 1.3rem;

}

.custom-select{

    border: none;

}

.select {

    position: relative;

    border: 1px solid #E9E9E9;

    cursor: pointer;

    color: #333;

    background-color: #fff;

    margin-right: 1px;

}

.styledSelect {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: white;

    padding: 0 1.5rem;

    font-weight: 500;

    color: #10069F;

    display: flex;

    align-items: center;

    font-size: 1.125rem;

    transition: 0.4s;

}

.styledSelect.selected {


    font-size: 1rem;

    font-weight: 400;

    line-height: 1.3125rem;

    color: #202020;

    transition: 0.4s;

}

.styledSelect:after {

    content: "";

    width: 1.2rem;

    height: 1.1rem;

    background-image: url(../img/select-arrow.svg);

    background-repeat: no-repeat;

    background-size: contain;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 1.2rem;

    margin: auto 0;

    background-position: center;

}

.styledSelect:active, .styledSelect.active {

    background-color:#fff;

}

.select.select-open {

    border: 1px solid #fff;

}

.options {

    display: none;

    position: absolute;

    top: 100%;

    right: -1px;

    left: -1px;

    z-index: 1;

    margin: 0 0;

    padding: 0 0;

    list-style: none;

    background-color: #fff;

}

.options li {

    margin: 0 0;

    padding: 0.75rem 6.4rem 0.75rem 1.5rem;

    color: #202020;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.25rem;

    transition: 0.4s;

}

.options li:hover {

    background-color:#E6E8EE;

    color:#10069F;

    transition: 0.4s;

}

.styledSelect.active:after {

    transform: rotate(180deg);

}

.find-course {

    padding: 1.7rem 1.9rem 1.7rem 0.9rem;

    z-index: 1000;

    position: relative;

}

.find-course .select {

    border: none;

    border-right: 1px solid #DDDDDD;

    flex: 0 0 24.3%;

    max-width: 24.3%;

}

.find-course .icon-search img {

    width: 1.4rem;

}

.find-course .select:nth-child(3) {

    flex: 0 0 29.9%;

    max-width: 29.9%;

}

.find-course .select:nth-child(4) {

    border-right: none;

    flex: 0 0 28%;

    max-width: 28%;

}

.find-course form .btn-cube {

    margin-right: -2.5rem;

    font-size: 1rem;

    width: 11.9rem;

}

.find-course form .icon-search {

    display: flex;

    align-items: center;

}

.options li:first-child {

    display: none;

}

.find-course .btn-cube .first_cube button {

    padding: 0.95rem 0;

}

.find-course .btn-cube .second_cube button {

    padding: 0.65rem 0;

}

/* ----- /FIND COURSE ----- */

/*  */

/* ----- NEWS SLIDER ----- */

.news-item .news-item-content {

    background: #fff;

    z-index: 10;

    position: relative;

    margin: -3.1rem 0.8rem 0;

    padding: 2rem 2.3rem 1.15rem;

}

.category-label {

    color: #fff;

    text-transform: uppercase;

    display: block;

    font-size: 0.75rem;

    width: 10.6rem;

    padding: 0.3rem 0.7rem;

    text-align: center;

    font-weight: bold;

    margin-bottom: 0.7rem;

}

.category-label.blue-label {

 background: #4DD9FF;

} 

.news-item .link-arrow {

    margin-top: 1.7rem;

}

.owl-dots {

    display: flex;

    align-items: center;

}

.owl-dots .owl-dot, 
.rqoon-dots .owl-dot {

    background: #DDDDDD;
    cursor: pointer;
	font-size: 0 !important;
	border: none;

}

.owl-dots .owl-dot.active, 
.rqoon-dots .owl-dot.active {

    background: #10069F;

}

.news-slider-wrap .bottom-nav {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 1.1rem 2.1rem 1.4rem 2.4rem;

    background-color: #fff;

    margin: 0 0.8rem;

    position: relative;

}

.news-slider-wrap .bottom-nav:before{

    content: '';

    margin: 0 2.3rem;

    border-top: 1px solid #DDDDDD;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

}

.news-slider-wrap .bottom-nav .link-arrow {

    margin: 0;

}

.news-slider-wrap .bottom-nav .owl-dot {

    margin: 0;

    margin-right: 0.4rem;

}

.news-item h3 {

    margin-bottom: 0.7rem;

}

.news-slider-wrap {

    margin-bottom: 1.3rem;

}

/* ----- /NEWS SLIDER ----- */

/*  */

/* ----- QUOTES SLIDER ----- */

.quotes-slider-wrap {

    background-color: #fff;

    margin-top: 2.5rem;

    padding: 2.7rem 2.6rem 2.2rem;

    margin-right: 21.1%;

    margin-bottom: 1.4rem;

}

.quotes-slider img {

    max-width: 15.1rem;

    width: auto;

    margin-right: auto;

}

.quotes-slider-nav {

    position: relative;

    z-index: 10;

    display: flex;

    align-items: center;

    margin-top: 1.5rem;

}

.quotes-slider-nav .slider-next {

    margin-left: 0.2rem;

}

.quotes-slider-nav .slider-next .arrow{

    stroke: #10069F;

}

/* ----- /QUOTES SLIDER ----- */

/*  */

/* ----- SPOTLIGHT SLIDER ----- */

.spotlight-item .spotlight-item-content {

    background: #fff;

    position: relative;

    margin: -10.7rem 0.8rem 0;

    padding: 2.25rem 2.4rem 1.2rem;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}

.spotlight-item .spotlight-item-content img {

    width: auto;

}

.spotlight-item .spotlight-item-content .category-label {

    width: auto;

    display: inline-block;

    padding: 0.3rem 0.9rem;

    margin-bottom: 0.6rem;

}

.spotlight-item .spotlight-item-content .play-btn {

    display: flex;

    align-items: center;

    margin-top: 0.6rem;

    line-height: 1.2rem;

    font-weight: 500;

}

.spotlight-item .spotlight-item-content .play-btn:hover{

    text-decoration: none;

}

.spotlight-item .spotlight-item-content .play-btn img {

    margin-right: 0.8rem;
height: 3rem;
width: 3rem;
}

.spotlight-item .spotlight-item-content .link-arrow {

    margin-left: auto;

    margin-top: -1.5rem;

    margin-right: -0.8rem;

}

.spotlight-slider .owl-dots {

    position: absolute;

    bottom: 11.9rem;

    right: 2.95rem;

}

.spotlight-slider .owl-dots .owl-dot {

    background: #dddddd;

    margin: 0;

    margin-left: 0.4rem;

}

.spotlight-slider .owl-dots .owl-dot.active {

    background: #10069F;

}

.spotlight-slider {

    margin-top: -10.4rem;

}

/* ----- /SPOTLIGHT SLIDER ----- */

/*  */

/* ----- BLOCK IMPACT ----- */

.block-impacts {

    margin-bottom: 3rem;

}

.block-impacts .col {

    padding: 0 0.6rem;

}

.block-impacts .row {

    margin: 0 -0.6rem;

}

.block-impacts .impact-item img {

    width: 100%;

    object-fit: cover;

    transition: 0.4s;

    transform: scale(1);

    height: 21.6rem;

}

.block-impacts .impact-item-content {

    position: absolute;

    top: auto;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 0 1.7rem 1.3rem;

}

.block-impacts .impact-item {

    position: relative;

    display: block;

    color: #fff;

    overflow: hidden;

}

.impact-item:hover img {

    transition: 0.4s;

    transform: scale(1.05);

}

.block-impacts .impact-item .link-arrow {

    color: #fff;

}

.block-impacts .impact-item .link-arrow svg {

    stroke: #fff;

}

.block-impacts .impact-item .link-arrow:hover svg .arrow{

    stroke: #fff;

}

.block-impacts .impact-item-content p {

    margin-bottom: 0.8rem;

    max-width: 15rem;

}

/* ----- /BLOCK IMPACT ----- */

/*  */

/* ----- BLOCK JOURNEYS ----- */

.block-journeys .content-wrap {

    position: absolute;

    background: #fff;

    top: 6.4rem;

    right: 0;

    width: 26.6rem;

    padding: 1.8rem 2.3rem 0.7rem;

}

.block-journeys {

    position: relative;

}

.block-journeys .content-wrap h2 {

    margin-bottom: 0.8rem;

}

.block-journeys .content-wrap .bottom-nav {

    border-top: 1px solid #DDDDDD;

    margin-top: 1.4rem;

    padding: 1.1rem 0;

}

/* ----- /BLOCK JOURNEYS ----- */

/*  */

/* ----- SECTION SCHOOLS ----- */

.section-schools {

    padding-top: 2.7rem;

}

.section-schools .container {

    padding: 0 0.6rem;

}

.section-schools h2 {

    margin-bottom: 1.8rem;

}

.school-item .image-wrap {

    overflow: hidden;

}

.school-item{

    cursor: pointer;

    color: #000000;

    display: block;

    margin-bottom: 1.8rem;

}

.school-item:hover{

    color: #000000;

}

.school-item:hover .image-wrap img {

    transform: scale(1.05);

    transition: 0.4s;

}

.school-item .image-wrap img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transform: scale(1);

    transition: 0.4s;

}

.school-item .school-item-content {

    background-color: #fff;

    margin: -2rem 0.6rem 0;

    position: relative;

    padding: 1.35rem 1.2rem 0.7rem;

}

.school-item .school-item-content .line {

    height: 6px;

    width: 80px;

    display: block;

    position: absolute;

    top: 0;

}

.school-item .school-item-content .link-arrow {

    margin-left: auto;

    margin-right: -0.7rem;

}

.school-item .school-item-content .label {

    font-weight: bold;

    color: #202020;

    margin-bottom: 0.2rem;

    display: block;

}
.school-item .school-item-content .rlabel {

    font-weight: bold;

    color: #202020;

    margin-bottom: 0.2rem;

    display: block;
	text-transform: uppercase;

}
.school-item .school-item-content h5 {

    display: flex;

    align-items: flex-start;

}
.school-item .school-item-content h5 p {

  height: 36px;

}

/* ----- /SECTION SCHOOLS ----- */

/*  */

/* ----- SECTION JOIN ----- */

.section-join {

    padding-top: 0.75rem;

    padding-bottom: 4.55rem;

}

.section-join .container {

    padding: 0 0.6rem;

}

.block-join .content-wrap {

    background: #fff;

    position: relative;

    margin: -3.9rem 0.7rem 0;

    padding: 1.5rem 1.7rem 1.2rem;

}

.block-join h4 {

    font-size: 1.375rem;

    margin-bottom: 0.3rem;

}

.block-subscribe {

    background: #fff;

    margin-top: 1.7rem;

    margin-right: 0.9rem;

    padding-top: 1.2rem;

    padding-left: 1.6rem;

    padding-bottom: 1rem;

}

.block-subscribe h4 {

    margin-bottom: 0.2rem;

    font-weight: 400;

}

.block-subscribe .form-control{

    border-radius: 0;

    border: none;

    border-bottom: 1px solid #DDDDDD;

    font-size: 0.875rem;

    height: 1.5rem;

    padding: 0.4rem 0.1rem;

    flex: 0 0 78.5%;

    max-width: 79.5%;

}

.block-subscribe .form-control::placeholder{

    color: #8D9093;

}

.block-subscribe .form-group {

    display: flex;

    align-items: flex-start;

    margin-bottom: -0.2rem;

}

.block-subscribe .btn-cube {

    margin-left: auto;

    margin-right: -1rem;

    margin-top: -0.8rem;

    width: 7.6rem;

    height: 3.1rem;

}

.block-subscribe .btn-cube button {

    font-size: 0.875rem;

}

.block-subscribe .btn-cube .first_cube button {

    padding: 0.9rem 0;

}

.block-subscribe .btn-cube .second_cube button {

    padding: 0.6rem 0;

}

.block-subscribe .btn-cube .first_cube,

.block-subscribe .btn-cube .second_cube{

    height: 3.1rem;

}

.block-subscribe .btn-cube .first_cube {

    -webkit-transform: translateZ(24px);

    transform: translateZ(24px);

}

.custom-checkbox {

    font-size: 0.8125rem;

    color: #8D9093;

}

.custom-checkbox a {

    color: #10069F;

    display: inline-block;

    border-bottom: 1px solid #10069F;

    line-height: 0.7rem;

}

.custom-checkbox .custom-control-label::before {

    height: 0.9rem;

    width: 0.9rem;

    border-radius: 0.1rem;

}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {

    background: transparent;

    border-color: transparent;

}

.custom-control-label::after {

    width: 0.9rem;

    height: 0.9rem;

    background-size: 100%;

}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {

    background-image: url(../img/checkbox-icon.svg);

}

.block-social {

    margin-top: -17.8rem;

    padding-right: 2.8rem;

}

.social-item .title {

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 0.7rem -0.7rem;

    position: relative;

    height: 3rem;

}

.block-social .row {

    margin: 0 1.2rem;

}

.block-social .col {

    padding: 0 0.4rem;

}

.social-item .title img {

    margin-left: 0rem;

    margin-right: 0.4rem;

}

/* ----- /SECTION JOIN ----- */

/*  */

/* ----- FOOTER ----- */

.footer{

    background-color: #383A3B;

    padding-top: 4.4rem;

    padding-bottom: 4.1rem;

}

.footer .row {

    margin: 0 -1.3rem;

}

.footer h4{

    margin-bottom: 1.8rem;

    color: #8D9093;

}

.footer .col:first-child {

    flex: 0 0 28.1%;

    max-width: 28.1%;

}

.footer .col:nth-child(2) {

    flex: 0 0 30.3%;

    max-width: 30.3%;

}

.footer .row {

    margin: 0 -1.3rem;

}

.footer a {

    color: #fff;

}

.footer .footer-menu li {

    margin-bottom: 0.54rem;

}

.footer .footer-logo {

    margin-left: -0.2rem;

    margin-top: 0.2rem;

    display: block;

    margin-bottom: 1.8rem;

}

.footer h6 {

    color: #8D9093;

    font-size: 0.875rem;

    font-weight: bold;

    margin-bottom: 0.2rem;

}

.footer .contact-links a {

    font-size: 1.125rem;

    margin-bottom: 0.4rem;

    display: block;

}

.footer .btn {

    margin-top: 1.2rem;

    padding: 0.8rem 2.5rem;

}

.footer .social-icons .icon{

    width: 1rem;

    height: 1.1875rem;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    margin-left: 1.15rem;

}

.footer .icon.facebook-icon{

    background-image: url(../img/icon-facebook.svg);

}

.footer .icon.instagram-icon{

    background-image: url(../img/icon-instagram.svg);

    width: 1rem;

}

.footer .icon.youtube-icon{

    background-image: url(../img/icon-youtube.svg);

    width: 1.3rem;

}

.footer .icon.facebook-icon:hover{

    background-image: url(../img/icon-facebook-gray.svg);

}

.footer .icon.instagram-icon:hover{

    background-image: url(../img/icon-instagram-gray.svg);

    width: 1rem;

}

.footer .icon.youtube-icon:hover{

    background-image: url(../img/icon-youtube-gray.svg);

}

.footer .col:last-child {

    flex: 0 0 16.6%;

    max-width: 16.6%;

}

.footer .social-icons{

    display: flex;

    align-items: center;

    justify-content: flex-end;

    margin-top: 3.4rem;

}

.footer .copyright {

    justify-content: flex-start;

    align-items: center;

    margin: 5.1rem -0.3rem 0;

}

.footer .copyright p {

    color: #8D9093;

    font-size: 0.8125rem;

    margin-bottom: 0;

}

.footer .copyright ul {

    display: flex;

    align-items: center;

    margin-left: 14.7%;

}

.footer .copyright ul li {

    font-size: 0.8125rem;

    margin-right: 1.6rem;

}

.footer .copyright p:last-child {

    margin-left: auto;

}

.footer a:hover {

    color: #8D9093;

}

/* ----- /FOOTER ----- */

/*  */

/* ----- BLOCK SEARCH ----- */

.block-search{

    background-color: #383A3B;

    overflow: hidden;

    position: fixed;

    top: 6.25rem;

    left: 0;

    right: 0;

    max-height: 0;

    transition: 0.5s;

    padding: 0;

}

.block-search.search-opened {

    max-height: 500px;

    transition: 0.5s;

    padding: 0.8rem 0 2.05rem;

}


.block-search button {

    background-repeat: no-repeat;

    background-image: url(../img/icon-search-white.svg);

    width: 1.4rem;

    height: 1.8rem;

    background-color: transparent;

    border: none;

    position: absolute;

    top: 1rem;

    right: 0.2rem;

    background-size: contain;

}

.block-search .form-control {

    background: transparent;

    border: none;

    font-size: 1.25rem;

    border-bottom: 1px solid #FFFFFF;

    border-radius: 0;

    height: 3.4rem;

    padding-left: 0.1rem;

    color: #fff;

}

.block-search .form-control:focus{

    outline: none;

    box-shadow: none;

}

.block-search .form-control::placeholder{

    color: #fff;

    opacity: 0.45;

}

.block-search .row {

    margin: 0 -0.7rem;

}

.block-search form {

    position: relative;

    display: flex;

    align-items: center;

}

.block-search .close-btn {

    margin-right: 0.6rem;

    visibility: hidden;

}

.block-search.search-opened .close-btn {

    visibility: visible;

}

/* ----- /BLOCK SEARCH ----- */

/*  */

/* ----- SECTION PAGE TITLE ----- */

.section-page-title > img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}
img.wow.fadeIn.page-title-course {
    object-fit: cover;
}
.section-page-title {

    height: 22.8rem;

}

.section-page-title .container {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}

.section-page-title .row {

    height: 100%;

    align-items: flex-end;

    margin: 0 -1.3rem;

}

.section-page-title .find-course {

    padding-bottom: 2.6rem;

    padding-top: 0.3rem;

    padding-left: 0;

    padding-right: 1.2rem;

}

.section-page-title h1{

    color: #fff;

    font-size: 3.375rem;

    line-height: 3.625rem;

}

.section-page-title .find-course form .btn-cube {

    margin-right: -2.5rem;

    width: 11.2rem;

    margin-left: auto;

}

.section-page-title .find-course form .select:nth-child(4) {

    flex: 0 0 30.4%;

    max-width: 30.4%;

}

/* ----- /SECTION PAGE TITLE ----- */

/*  */

/* ----- SECTION COURSES ----- */

.section-courses {

    padding-top: 3.6rem;

    padding-bottom: 1.05rem;

}

.courses-sidebar {

    border-left: 1px solid #C0C2C8;

    padding-left: 1.5rem;

    position: sticky;

    top: 3.6rem;

}

.section-courses .row {

    margin: 0 -1.3rem;

}

.courses-sidebar a {

    color: #202020;

    font-weight: 500;

    line-height: 1.1875rem;

    margin-top: -0.1rem;

    margin-bottom: 1.3rem;

    max-width: 12rem;

    background: transparent;

    border: none;

    padding: 0;

}

.courses-sidebar a.active {

    color: #8D9093;

    background-color: transparent;

}

.courses-sidebar a:hover{

    background-color: transparent;

    color: #8D9093;

}

.courses-box {

    padding: 0 1.3rem;

    background: #fff;

}

.courses-box > img {

    margin: 0 -1.3rem;

    width: auto;

    max-width: 106.4%;

}

.courses-box .line {

    width: 5.625rem;

    height: 0.375rem;

    display: block;

    margin-bottom: 0.8rem;

}

.courses-box h6 {

    margin-bottom: 0rem;

}

.courses-box h2{

    color: #030303;

    margin-bottom: 2.65rem;

}

.category-label.violet-label{

    background-color: #BD2AE1;

}

.courses-box .category-label {

    width: 12.7rem;

    margin-bottom: 2rem;

}

.courses-box .list li{

    border-top: 1px solid #E6E8EE;

    padding: 1.1rem 0;

    display: flex;

    align-items: center;

    position: relative;

    cursor: pointer;

    z-index: 1;

}

.courses-box .list li:last-child{

    border-bottom: 1px solid #E6E8EE;

}

.courses-box .list li:after{

    content: '';

    background-image: url(../img/arrow-right-gray-light.svg);

    width: 0.8rem;

    height: 0.9rem;

    background-repeat: no-repeat;

    background-size: contain;

    display: block;

    margin-left: auto;

}

.courses-box .list a{

    color: #202020;

    font-weight: 500;

}

.courses-box .list li:before {

    content: '';

    position: absolute;

    top: -1px;

    bottom: -1px;

    left: -1.1rem;

    right: -1.1rem;

    background: #E6E8EE;

    z-index: -1;

    transition: 0.4s;

    opacity: 0;

}

.courses-box .list li:hover:before {

    opacity: 1;

    transition: 0.4s;

}

.courses-box .list {

    margin-bottom: 2rem;

}

.category-label.green-label{

    background-color: #2BCCA6;

}

/* ----- /SECTION COURSES ----- */

/*  */

/* ----- SECTION FIND COURSE ----- */

.line {

    height: 6px;

    width: 90px;

    display: block;

}

.section-find-course .row {

    margin: 0 -1.3rem;

}

.section-find-course .title h6 {

    text-transform: uppercase;

    font-weight: bold;

    margin-bottom: 0.6rem;

}

.section-find-course .title .line {

    width: 6.4375rem;

    margin-bottom: 0.8rem;

}

.section-find-course .title h3 {

    font-size: 1.5rem;

    line-height: 2.1125rem;

    margin-bottom: 1.9rem;

}

.section-find-course .title .text-blue {

    color: #10069F;

}

.section-find-course .courses-box {

    padding-bottom: 1.7rem;

}

.section-find-course .courses-box .list {

    margin-bottom: 0;

}

.section-find-course {

    padding-bottom: 6.5rem;

}

/* ----- /SECTION FIND COURSE ----- */

/*  */

/* ----- PAGE TITLE COURSE ----- */

.page-title-course {

    height: 37.2rem;
	    width: 100%;


}

.page-title-course .row {

    margin: 0 -1.1rem;

    align-items: flex-start;

}

.page-title-course .content-wrap{

    padding-top: 12.4rem;
	margin-left: 3px;

}

.page-title-course .btn-cube {

    width: 11.4rem;

}

.page-title-course h1 {

    text-transform: uppercase;

    margin-bottom: 1.1rem;

}

.page-title-course h6 {

    text-transform: uppercase;

    color: #fff;

    font-size: 0.875rem;

    max-width: 11rem;

    border-left: 5px solid #BD2AE1;

    padding-left: 0.7rem;

    line-height: 1.1rem;

    margin-bottom: 1.3rem;

}

/* ----- /PAGE TITLE COURSE ----- */

/*  */

/* ----- SECTION COURSE SINGLE ----- */

.section-course-single {

    padding-top: 2rem;

}

.program-details {

    background: #fff;

    margin-top: -4.1rem;

    padding: 0rem 2.1rem 2.6rem;

    margin-bottom: 1.2rem;

}

.section-course-single .row {

    margin: 0 -1.3rem;

}

.program-details .line {

    width: 8.9rem;

    margin-bottom: 0.7rem;

}

.program-details h6 {

    font-weight: bold;

    margin-bottom: 1.6rem;

}

.program-details p {

    font-weight: 500;

    margin-bottom: 0.52rem;

}

.program-details p span {

    display: block;

    font-weight: 400;

}

.program-details a {

    display: flex;

    align-items: center;

    font-weight: 500;

    margin-top: 1.5rem;

}

.program-details a img {

    margin-right: 0.7rem;

}

.learn-more-box {

    background: #fff;

    margin-right: 2rem;

    padding: 1.4rem 1.6rem 2.1rem;

}

.learn-more-box .row {

    margin: 0 -15px;

}

.learn-more-box .h4{

    font-weight: 400;

    margin-bottom: 0.55rem;

}

.learn-more-box .form-control {

    border-radius: 0;

    border: none;

    border-bottom: 1px solid #DDDDDD;

    font-size: 0.875rem;

    height: 1.7rem;

    padding-left: 0;

}

.learn-more-box .form-control::placeholder{

    color: #8D9093;

}

.learn-more-box .col:first-child {

    flex: 0 0 48%;

    max-width: 48%;

}

.learn-more-box .form-group {

    margin-bottom: 0.8rem;

}

.learn-more-box .form-bottom {

    margin-top: 1.1rem;

    display: flex;

    align-items: center;

}

.learn-more-box .btn-cube {

    width: 12rem;

    height: 3.1rem;

    margin-right: 1.2rem;

}

.learn-more-box .btn-cube button {

    font-size: 0.875rem;

}

.learn-more-box .btn-cube .first_cube, .learn-more-box .btn-cube .second_cube {

    height: 3.1rem;

}

.learn-more-box .btn-cube .first_cube button {

    padding: 0.8rem 0;

}

.learn-more-box .btn-cube .second_cube button {

    padding: 0.7rem 0;

}

.learn-more-box .btn-cube .first_cube {

    -webkit-transform: translateZ(24px);

    transform: translateZ(24px);

}

.nav-tabs {

    border-bottom: 1px solid #E6E8EE;

    padding: 0 1.2rem;

}

.nav-tabs .nav-link.active {

    border-bottom: 2px solid #BD2AE1;

    font-weight: 500;

    color: #000000;

}

.tabs-box {

    background: #fff;

    margin-bottom: 1.3rem;

}

.nav-tabs .nav-link {

    font-size: 1rem;

    color: #383A3B;

    border: none;

    border-bottom: 2px solid transparent;

    padding: 1.35rem 1.1rem 1rem;

}

.nav-tabs .nav-item {

    margin-right: 0.9rem;

}

.tab-content {

    padding: 1.7rem 2.5rem 2rem;

}

.overview {

    margin-bottom: 1.5rem;

}

.overview .item {

    display: flex;

    align-items: flex-start;

    margin-bottom: 0.8rem;

    color: #000;

}

.overview .item span:first-child {

    flex: 0 0 17.5%;

    max-width: 17.5%;

    font-weight: 500;

}

.section-course-single h4,
.tabs-box-wrap h4 {

    font-weight: 400;

    margin-bottom: 1.6rem;

}

.module-group-title {

    display: flex;

    align-items: center;

    background: #E6E8EE;

    margin-top: 0.2rem;

    padding: 0.4rem 1rem;

}

.module-group-title h6 {

    margin-bottom: 0;

}

.module-group-title h6:first-child {

    flex: 0 0 80.1%;

    max-width: 80.1%;

}

.collapse-item .btn {

    color: #10069F;

    text-transform: none;

    font-size: 1rem;

    font-weight: 500;

    display: flex;

    align-items: center;

    padding: 1.1rem 1.2rem;

}

.collapse-item .btn .number {

    margin-left: auto;

    flex: 0 0 19.5%;

    color: #202020;

    max-width: 19.5%;

    font-weight: 400;

}

.collapse-item .btn:before{

    content: '';

    background-image: url(../img/icon-plus.svg);

    background-repeat: no-repeat;

    width: 1rem;

    height: 1rem;

    background-size: contain;

    margin-right: 1.2rem;

    transition: 0.4s;

}

.collapse-item .btn[aria-expanded="true"]:before{

    background-image: url(../img/icon-minus.svg);

    transition: 0.4s;

}

.collapse-item .btn:hover{

    text-decoration: none;

}

.collapse-item .btn:focus{

    outline: none;

    box-shadow: none;

}

.tabs-box .collapse, .tabs-box .collapsing {

    padding-left: 3.6rem;

}

.tabs-box .collapse-item p {

    margin-bottom: 0.5rem;

}

.table thead th {

    background: #E6E8EE;

    border: none;

    font-size: 0.875rem;

    padding: 0.4rem 1rem;

    font-weight: bold;

}

.table thead th:first-child, .table tbody th:first-child {

    width: 2.6rem;

}

.table td, .table th {

    text-align: left;

}

.table tbody th, .table tbody td {

    padding: 0.95rem 1rem;

    border-color: #E6E8EE;

}

.table thead th:nth-child(2), .table tbody td:nth-child(2) {

    width: 6rem;

}

.table thead th:nth-child(3), .table tbody td:nth-child(3) {

    width: 31.5rem;

}

.table thead th:nth-child(4), .table tbody td:nth-child(4) {

    width: 6rem;

}

.table .text-blue {

    font-weight: 500;

    color: #10069F;

}

.table a:hover {

    color: #217DB5;

}

.table tbody th:first-child {

    font-weight: 400;

}

.collapse-item {

    border-bottom: 1px solid #E6E8EE;

}

.tabs-box .total {

    display: flex;

    align-items: center;

    padding: 1rem 1.2rem 0.2rem;

}

.tabs-box .total h6 {

    margin-bottom: 0;

}

.tabs-box .total h6:first-child {

    flex: 0 0 80.3%;

    max-width: 80.3%;

}

.section-course-single .tabs-box-wrap:nth-child(2) {

    margin-bottom: 1.8rem;

}

.tabs-box-wrap.sport-recreation .tab-content {

    padding: 0.4rem 1.2rem;

}

.tabs-box-wrap.sport-recreation .collapse-item .btn {

    padding: 0.7rem 1.2rem;

}

.tabs-box-wrap.sport-recreation .table {

    width: 95.7%;

}

.tabs-box-wrap.sport-recreation .table thead th:first-child, .tabs-box-wrap.sport-recreation .table tbody td:first-child {

    width: 6.5rem;

}

.tabs-box-wrap.sport-recreation .table thead th:nth-child(2), .tabs-box-wrap.sport-recreation .table tbody td:nth-child(2) {

    width: 41.1rem;

}

.tabs-box-wrap.sport-recreation .table tbody td, .tabs-box-wrap.sport-recreation .table tbody th {

    padding: 1.1rem 1rem;

}

.tabs-box-wrap.sport-recreation .tabs-box {

    padding-bottom: 3rem;

    margin-bottom: 1.5rem;

}

/* ----- /SECTION COURSE SINGLE ----- */

/*  */

/* ----- SECTION SLIDERS ----- */

.section-sliders .row {

    margin: 0 -1.3rem;

}

.images-slider {

    margin-bottom: 1.9rem;

}

.images-slider .item > img {

    width: 100%;

}

.images-slider .item .icon-view {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    width: 3.125rem;

    height: 3.125rem;

    background: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    opacity: 0;

    transition: 0.4s;

}

.images-slider .item {

    position: relative;

}

.images-slider .item:hover .icon-view{

    opacity: 1;

    transition: 0.4s;

}

.images-slider .item .icon-view img {

    object-fit: contain;

    width: 1.1rem;

}

.images-slider .owl-nav {

    position: absolute;

    top: 0;

    left: 1.4rem;

    right: 1.4rem;

    bottom: 0;

    height: 1px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: auto 0;

}

.images-slider .owl-nav button.owl-prev,

.images-slider .owl-nav button.owl-next{

    background-color: #fff !important;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 3.125rem;

    height: 3.125rem;

    border-radius: 50%;

}

.images-slider .item .item-content {

    position: absolute;

    left: 1.7rem;

    bottom: 0.4rem;

}

.images-slider .item .item-content p {

    color: #fff;

}

.stories-slider .item .item-content p:before, .stories-slider .item .item-content p:after {

    content: '';

    background-image: url(../img/quote-icon-left.svg);

    background-repeat: no-repeat;

    background-size: contain;

    width: 2rem;

    height: 2rem;

    display: inline-block;

    vertical-align: top;

}

.stories-slider .item .item-content {

    background: #fff;

    margin: -9.4rem 0.8rem 0;

    position: relative;

    padding: 1.9rem 2.4rem 1.5rem;

}

.stories-slider .item .item-content .category-label {

    width: 8.4rem;

    margin-bottom: 1.6rem;

}

.stories-slider .item .item-content p {

    font-style: italic;

    font-size: 1rem;

    line-height: 1.375rem;

    padding-left: 2.3rem;

    position: relative;

    margin-bottom: 0.8rem;

}

.stories-slider .item .item-content p:before {

    margin-left: -2.7rem;

    margin-right: 0.8rem;

    position: absolute;

}

.stories-slider .item .item-content p:after {

    margin-left: 0.8rem;

    margin-top: -0.2rem;

    transform: rotate(180deg);

}

.stories-slider .item .item-content .name {

    display: block;

    margin-left: 2.4rem;

    font-weight: 500;

    color: #000;

}

.stories-slider .owl-dots {

    position: absolute;

    right: 3rem;

    top: 19rem;

}

.stories-slider .owl-dots .owl-dot,
.stories-slider .rqoon-dots .owl-dot {

    background: #dddddd;

    margin: 0;

    margin-left: 0.35rem;

}

.stories-slider .owl-dots .owl-dot.active,
.stories-slider .rqoon-dots .owl-dot.active {

    background: #10069F;

}

.rqoon-dots {
    display: inline-block;
    float: right;
    margin: 5px 0;
    position: absolute;
    z-index: 99;
    right: 30px;
    top: 17.6rem;
}

/* ----- /SECTION SLIDERS ----- */

/*  */

/* ----- SECTION CONTACT US ----- */

.section-contact-us .row {

    margin: 0 -1.3rem;

}

.section-contact-us img {

    width: 100%;

    padding-right: 2.4rem;

}

.section-contact-us .contact-us-content {

    position: absolute;

    top: 50%;

    right: 0.9rem;

    background: #fff;

    width: 21.4rem;

    padding: 2.2rem 2.9rem;

    transform: translateY(-50%);

}

.section-contact-us h2 {

    margin-bottom: 0.7rem;

}

.section-contact-us .contact-us-content span {

    display: block;

    font-weight: 500;

    color: #8D9093;

    font-size: 1rem;

    margin-bottom: 0.2rem;

}

.section-contact-us .contact-us-content a {

    font-size: 1.375rem;

    margin-bottom: 0.7rem;

    display: block;

}

.section-contact-us .contact-us-content a:last-child {

    margin-bottom: 0;

}

.section-contact-us {

    padding-bottom: 4.1rem;

}

/* ----- /SECTION CONTACT US ----- */

/*  */

/* ----- PAGE TITLE SHOOL ----- */

.page-title-shool h1 {

    border-left: 6px solid #BD2AE1;

    padding-left: 1.2rem;

    margin-bottom: 2.3rem;

}

.page-title-shool .content-wrap {

    padding-top: 14.5rem;

}

.page-title-shool .row {

    margin: 0 -1.3rem;

}

/* ----- /PAGE TITLE SHOOL ----- */

/*  */

/* ----- SECTION SHOOL SINGLE ----- */

.section-shool-single .content-wrap {

    margin-top: -2.1rem;

    position: relative;

    background: #fff;

    padding: 0 2.7rem 2.2rem;

    font-weight: 400;

    margin-bottom: 2rem;

}

.section-shool-single .row {

    margin: 0 -1.3rem;

}

.section-shool-single .content-wrap .line {

    width: 9rem;

    margin-left: -0.6rem;

    margin-bottom: 1.5rem;

}

.section-shool-single .content-wrap h2 {

    max-width: 23rem;

    margin-bottom: 1.8rem;

}

.section-shool-single .content-wrap p {

    margin-bottom: 1.38rem;

}

.section-shool-single .content-wrap span.text-blue {

    margin-top: 1.9rem;

    color: #10069F;

    margin-bottom: 0.3rem;

    font-weight: 500;

}

.section-shool-single .content-wrap span {

    display: block;

}

/* ----- /SECTION SHOOL SINGLE ----- */

/*  */

/* ----- SECTION FEATURES ----- */

.section-features {

    padding-top: 1.9rem;

}

.section-features .feature{

    border-right: 1px solid #BABFC3;

}

.section-features .col:nth-child(2n) .feature{

    border-right: 0;

}

.feature {

    display: flex;

    align-items: flex-start;

    padding-right: 2rem;

    margin-bottom: 1.1rem;

}

.feature .feature-icon {

    flex: 0 0 7rem;

    display: flex;

    justify-content: center;

    max-width: 7rem;

}

.feature .feature-content {

    padding-top: 0.5rem;

}

.feature h4 {

    font-weight: 400;

    margin-bottom: 0.4rem;

}

.section-features .col:last-child .feature {

    border-right: 0;

}

/* ----- /SECTION FEATURES ----- */

/*  */

/* ----- SECTION DEPARTMENT ----- */

.section-department {

    padding-top: 2rem;

}

.section-department .row {

    margin: 0 -1.3rem;

}

.section-department .courses-sidebar {

    margin-top: 0.4rem;

}

.section-department .courses-box {

    padding: 1.8rem 2.4rem 2rem;

    margin-bottom: 1.8rem;

}

.section-department .courses-box h2 {

    margin-bottom: 1.6rem;

}

.section-department .courses-box p {

    margin-bottom: 0.4rem;

}

.section-department .courses-box .collapse-item .btn {

    padding: 1.3rem 0.1rem;

    color: #bd2ae1;

}

.section-department .courses-box .collapse-item .btn:before{

    background-image: url(../img/icon-plus-violet.svg);

}

.section-department .courses-box .collapse-item .btn[aria-expanded="true"]:before{

    background-image: url(../img/icon-minus-violet.svg);

}

.section-department .courses-box .list {

    padding: 0 1.1rem;

    margin-bottom: 1.1rem;

}

.section-department .courses-box .list li:last-child {

    border-bottom: 0;

}

.section-department .collapse-item:last-child {

    border-bottom: 0;

}

/* ----- /SECTION DEPARTMENT ----- */

/*  */

/* ----- VIDEO SLIDER ----- */

.video-slider {

    margin-top: 1.6rem;

    position: relative;

}

.video-slider .play-btn {

    width: 3.125rem;

    height: 3.125rem;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

}

.video-slider .item {

    position: relative;

}

.video-slider .play-btn img {

    object-fit: contain;

    width: 0.8rem !important;

}

.video-slider .owl-nav{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 1.5rem;

    right: 1.5rem;

    height: 1px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: auto 0;

}

.video-slider .owl-nav button.owl-prev,

.video-slider .owl-nav button.owl-next{

    width: 3.125rem;

    height: 3.125rem;

    background: #fff !important;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

}

/* ----- /VIDEO SLIDER ----- */

/*  */

/* ----- QUOTES SLIDER STYLE 2 ----- */

.quotes-slider-wrap.style-2 {

    margin-top: 1.3rem;

    margin-right: 35.6%;

    padding: 2.1rem 2.7rem 1.3rem;

    margin-bottom: 5.6rem;

}

.quotes-slider-wrap.style-2 h2 {

    color: #10069F;

    font-weight: 900;

    font-size: 2.875rem;

    line-height: 2.875rem;

}

.quotes-slider-wrap.style-2 .link-arrow{

    margin-top: -0.2rem;

    margin-left: -0.8rem;

}

/* ----- /QUOTES SLIDER STYLE 2 ----- */

/*  */

/* ----- PAGE TITLE PROFILE ----- */

.page-title-profile {

    height: 22.8rem;

}

.page-title-profile:before {

    content: '';

    background: #8D9093;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 39.6%;

}

.page-title-profile .content-wrap {

    padding-top: 7.9rem;

}

/* ----- /PAGE TITLE PROFILE ----- */

/*  */

/* ----- SECTION OUR PROFILE ----- */

.section-our-profile {

    padding-bottom: 2.5rem;

}

.section-our-profile .content-wrap {

    position: relative;

    background: #fff;

    margin-top: -2.3rem;

    padding: 0 2.8rem 2.2rem;

}

.section-our-profile .row {

    margin: 0 -1.3rem;

}

.section-our-profile .content-wrap .line {

    width: 5rem;

    margin-bottom: 1.5rem;

}

.section-our-profile .content-wrap h2 {

    max-width: 21.7rem;

    margin-bottom: 1.85rem;

}

.section-our-profile .content-wrap p {

    margin-bottom: 1.4rem;

}

.section-our-profile .quotes-slider-wrap {

    margin-top: 2.7rem;

}

.section-our-profile .quotes-slider-wrap .quotes-slider-nav {

    margin-top: 0.6rem;

}

/* ----- /SECTION OUR PROFILE ----- */

/*  */

/* ----- SECTION FEATURES THREE COLS ----- */

.feature h2 {

    color: #10069F;

    font-weight: 900;

    font-size: 3.75rem;

    margin-bottom: 0;

}

.section-features.three-cols .col {

    flex: 0 0 29.4%;

    max-width: 29.4%;

    margin-bottom: 1.2rem;

}

.section-features.three-cols .col:nth-child(2n) .feature {

    border-right: 1px solid #BABFC3;

}

.section-features.three-cols .feature {

    height: 100%;

    padding-top: 1rem;

    padding-right: 0rem;

    align-items: center;

    margin-bottom: 0;

}

.section-features.three-cols {

    padding-top: 0.5rem;

}

.section-features.three-cols .feature h4 {

    margin-bottom: 0;

}

.section-features.three-cols .feature .feature-content {

    padding-top: 0;

}

.section-features.three-cols .col:nth-child(2n), .section-features.three-cols .col:nth-child(5n) {

    flex: 0 0 31.4%;

    max-width: 31.4%;

}

.section-features.three-cols .col:nth-child(4n) {

    flex: 0 0 29.4%;

    max-width: 29.4%;

}

.section-features.three-cols .col:nth-child(3n) .feature {

    border-right: 0;

}

/* ----- /SECTION FEATURES THREE COLS ----- */

/*  */

/* ----- SECTION LINKS ----- */

.section-links {

    padding-top: 2.7rem;

    padding-bottom: 3.15rem;

}

.section-links .row {

    margin: 0 -1.3rem;

}

.link-box .content-wrap {

    background: #fff;

    position: relative;

    margin: -2rem 0.7rem 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 1.3rem 1.2rem;

}

.link-box .content-wrap h4 {

    margin-bottom: 0;

    color: #030303;

    font-weight: 400;

}

.link-box {

    display: block;

    margin-bottom: 2.1rem;

}

.link-box:hover .image-wrap img {

    transition: 0.4s;

    transform: scale(1.05);

}

.link-box .image-wrap img {

    width: 100%;

    object-fit: cover;

    transition: .4s;

    transform: scale(1);

}

.link-box .image-wrap {

    overflow: hidden;

}

.link-box .content-wrap p{

    color: #202020;

    margin-top: 0.4rem;

    margin-bottom: 0.6rem;

}

.link-box .content-wrap > div {

    padding-right: 1rem;

}

/* ----- /SECTION LINKS ----- */

/*  */

/* ----- PAGE TITLE WELCOME ----- */

.page-title-welcome {

    height: 22.8rem;

}

.page-title-welcome:before {

    content: '';

    background: #8D9093;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 47.9%;

}

.page-title-welcome .content-wrap {

    padding-top: 7.9rem;

}

.page-title-welcome .row {

    margin: 0 -2.6rem;

}

/* ----- /PAGE TITLE WELCOME ----- */

/*  */

/* ----- SECTION WELCOME ----- */

.section-welcome {

    padding-bottom: 0.7rem;

    background-color: #fff;

}

/* .section-welcome .row {

    margin: 0 -2.6rem;

} */

.section-welcome h5 {

    font-size: 1.125rem;

    color: #10069F;

    line-height: 1.65rem;

    font-weight: 400;

    margin-bottom: 1.5rem;

}

.section-welcome .content-wrap > img {

    margin-top: 0.2rem;

    margin-bottom: 1.5rem;

}

.blockquote {

    padding-left: 2.6rem;

    margin-top: 1.5rem;

    padding-right: 11rem;

}

.blockquote p {

    font-style: italic;

    font-size: 1.25rem;

    position: relative;

    line-height: 1.75rem;

}

.blockquote p:before, .blockquote p:after{

    content: '';

    background-image: url(../img/quote-icon-left.svg);

    background-repeat: no-repeat;

    background-size: contain;

    width: 2rem;

    height: 2rem;

    display: inline-block;

    vertical-align: top;

}

.blockquote p:before {

    position: absolute;

    margin-left: -2.8rem;

    margin-top: 0.1rem;

}

.blockquote p:after {

    margin-left: 0.8rem;

    transform: rotate(180deg);

    margin-top: -0.2rem;

}

.section-welcome .table {

    margin-top: 2.1rem;

}

.section-welcome .table th {

    padding: 0.4rem 1.35rem;

}

.section-welcome .table thead th:first-child, .section-welcome .table tbody th:first-child {

    width: 15.2rem;

}

.section-welcome .table thead th:nth-child(2), .section-welcome .table tbody td:nth-child(2) {

    width: 22.9rem;

}

.section-welcome .table thead th:nth-child(3), .section-welcome .table tbody td:nth-child(3) {

    width: 19.1rem;

}

.section-welcome .table thead th:nth-child(4), .section-welcome .table tbody td:nth-child(4) {

    width: 26.3rem;

}

.section-welcome .table tbody th, .section-welcome .table tbody td {

    padding: 1rem 1.35rem;

}

.section-welcome .table tbody tr:last-child th, .section-welcome .table tbody tr:last-child td {

    border-bottom: 1px solid #E6E8EE;

}

/* ----- /SECTION WELCOME ----- */

/*  */

/* ----- SECTION NEWS EVENTS ----- */

.section-news-events {

    padding-top: 4.5rem;

}

.section-news-events h1 {

    color: #10069F;

    font-size: 3.5rem;

    line-height: 3.625rem;

    margin-bottom: 3.3rem;

}

.section-news-events .container {

    padding: 0 0.6rem;

}

.section-news-events .news-item .news-item-content {

    margin-top: -3.6rem;

    padding-top: 1.9rem;

    padding-bottom: 2.6rem;

}

.news-item .news-item-content .date {

    font-weight: 500;

    color: #8D9093;

    display: block;

    margin-bottom: 0.6rem;

}

.news-item .h4 {

    font-weight: 400;

}

.section-news-events .news-item .link-arrow {

    margin-top: 1.6rem;

}

.section-news-events .news-item-small {

    margin-top: 4.2rem;

}

.section-news-events .news-item-small .news-item-content {

    margin-top: -2.5rem;

}

.section-news-events .news-item-small .link-arrow {

    margin-top: 2.2rem;

}

/* ----- /SECTION NEWS EVENTS ----- */

/*  */

/* ----- SECTION EVENTS ----- */

.section-events {

    padding-top: 2.1rem;

    padding-bottom: 5.4rem;

}

.events-box {

    background: #fff;

    padding: 0 1.9rem 2.9rem;

    min-height: 33.1rem;

    margin-bottom: 1rem;

}

.section-events .row {

    margin: 0 -1.3rem;

}

.events-box .line {

    width: 5rem;

    margin-bottom: 0.9rem;

}

.events-box h2 {

    margin-bottom: 2.2rem;

}

.event {

    display: flex;

    align-items: stretch;

    margin-bottom: 1.35rem;

    min-height: 5rem;

}

.event .date-wrap {

    flex: 0 0 6rem;

    border-right: 1px solid #E6E8EE;

}

.event .date {

    text-transform: uppercase;

    color: #10069F;

    font-size: 1rem;

    font-weight: 900;

}

.event .info-wrap {

    padding-left: 1.5rem;

    flex: 1;

}

.event .info-wrap p {

    font-size: 1rem;

    line-height: 1.1875rem;

    margin-bottom: 0.5rem;

}
.event .info-wrap p a{

    font-size: 1rem;

    line-height: 1.1875rem;

    margin-bottom: 0.5rem;
	color: #202020;

}
.event:last-child {

    margin-bottom: 0;

}

.event .time {

    display: block;

    line-height: 1.1rem;

    margin-top: 0.2rem;

    font-weight: 500;

    color: #ffffff;

}

.pagination{

    justify-content: center;

}

.pagination .page-item .page-link,  .pagination li .page-link, .pagination li span{

    border: none;

    border-bottom: 4px solid transparent;

    background: transparent;

    font-size: 1rem;

    font-weight: 500;

    color: #10069F;

    padding: 0.35rem 0.5rem;

    display: flex;

    align-items: center;

    height: 100%;

}
.pagination li span.current.prev,
.pagination li span.current.next{
	border-bottom: 4px solid transparent;


}

.pagination .page-item.active .page-link, .pagination li.active .current {

    border-bottom-color: #4DD9FF;

    color: #8D9093;

}

.pagination .page-item.disabled .page-link {

    opacity: 0.25;

}

.pagination .page-item, .pagination li {

    margin: 0 0.25rem;

}

.pagination .page-item.more-links a,
.pagination li.more-links a{

    color: #8D9093;

}

.pagination .page-item .page-link:focus,
.pagination li .page-link:focus{

    outline: none;

    box-shadow: none;

}

.pagination .page-item .page-link svg,
.pagination li .page-link svg{

    transition: 0.4s;

}

.pagination .page-item .page-link:hover,
.pagination li .page-link:hover,

.pagination .page-item .page-link:hover svg text,
.pagination li .page-link:hover svg text{

    color: #217DB5;

    fill: #217DB5;

}

/* ----- /SECTION EVENTS ----- */

/*  */

/* ----- SECTION NEWS SINGLE ----- */

.section-news-single{

    background-color: #fff;

    padding-top: 5.3rem;

    padding-bottom: 5.15rem;

}

.section-news-single > img {

    width: 100%;

    height: 22.8rem;

    object-fit: cover;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

}

.section-news-single .title {

    text-align: center;

}

.section-news-single .title .category-label {

    margin: 0 auto;

    font-size: 0.75rem;

    width: 8.1rem;    

    margin-bottom: 0.9rem;

}

.section-news-single h1 {

    color: #fff;

    font-weight: 500;

    font-size: 2.375rem;

    line-height: 2.9rem;

    margin-bottom: 2rem;

}

.section-news-single .article-date {

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 2rem;

}

.section-news-single .row {

    margin: 0 -1.3rem;

}

.share {

    display: flex;

    align-items: center;

}

.share a {

    margin-left: 0.95rem;

}

.section-news-single .content-wrap > img {

    width: 100%;

    height: 31.8rem;

    object-fit: cover;

    margin-bottom: 2.5rem;

}

.section-news-single .content-wrap p {

    margin-bottom: 1.3rem;

}

.section-news-single .content-wrap h2 {

    margin-top: 1.9rem;

    margin-bottom: 1.7rem;

}

.section-news-single .content-wrap ul {

    padding-left: 4.1rem;

    margin-top: 1.5rem;

    margin-bottom: 2.6rem;

}

.section-news-single .content-wrap ul li:before {

    content: '';

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #383A3B;

    position: absolute;

    top: 0.5rem;

    left: -1.4rem;

}

.section-news-single .content-wrap ul li {

    position: relative;

    max-width: 34rem;

    margin-bottom: 1.3rem;

}

.section-news-single .content-wrap h3 {

    font-size: 1.375rem;

    line-height: 1.6875rem;

    margin-top: 2.7rem;

    margin-bottom: 1rem;

}

.section-news-single .article-nav {

    border-top: 1px solid #BABFC3;

    margin-top: 3.6rem;

    border-bottom: 1px solid #BABFC2;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 2rem 0;

}

.section-news-single .article-nav a {

    font-size: 1rem;

    font-weight: 500;

    display: flex;

    align-items: center;

    line-height: 2rem;

}

.section-news-single .article-nav a img {

    margin-right: 0.6rem;

    margin-left: -1.2rem;

}

/* ----- /SECTION NEWS SINGLE ----- */

/*  */

/* ----- SECTION NEWS SINGLE WITH GALLERY ----- */

.section-news-single .white-box {

    background: #fff;

}

.section-news-single.with-gallery .white-box {

    margin: 0 -1.9rem 0;

    padding: 1.6rem 1.9rem;

}

.section-news-single .images-slider {

    margin-top: 3.2rem;

    width: auto;

}

.section-news-single .images-slider .item{

    height: 27.7rem;

}

.section-news-single .video-slider {

    margin-top: -1.1rem;

}

.section-news-single.with-gallery {

    padding-bottom: 3.6rem;

}

/* ----- /SECTION NEWS SINGLE WITH GALLERY ----- */

/*  */

/* ----- SECTION OUR STORY ----- */

#sost.section-our-story .container {

    padding: 0 0.6rem;

}

#sost.section-our-story {

    padding-top: 4.8rem;

    padding-bottom: 7.55rem;

}

#sost.section-our-story h1 {

    color: #10069F;

    font-size: 3.375rem;

    line-height: 3.625rem;

    margin-bottom: 3rem;

    margin-left: 15.1rem;

}

.story-item .image-wrap {

    flex: 0 0 18.7rem;

    width: 18.7rem;

    height: 18.7rem;

    object-fit: cover;

}

.story-item .image-wrap img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.story-item {

    display: flex;

}

.story-item .content-wrap {

    padding-top: 2.8rem;

    padding-left: 1.6rem;

}

.story-item .content-wrap .year {

    color: #10069F;

    background: #fff;

    font-weight: 900;

    font-size: 2.25rem;

    padding: 1.2rem 1.3rem;

    margin-left: -3.5rem;

    display: inline-block;

    margin-bottom: 0.6rem;

    position: relative;

}

#sost.section-our-story .owl-carousel{

    margin-left: 14.9rem;

    width: auto;

}

.story-item .content-wrap p {

    max-width: 15.7rem;

    line-height: 1.5rem;

}

.story-item .content-wrap .year:after {

    content: '';

    height: 1px;

    background: #10069F;

    width: 13.5rem;

    position: absolute;

    top: 1.8rem;

    bottom: 0;

    left: auto;

    margin-left: 3.3rem;

}

#sost.section-our-story .container-fluid{

    padding: 0;

}

#sost.section-our-story .owl-nav {

    position: absolute;

    top: 0;

    left: -12rem;

    right: 3rem;

    bottom: 0;

    height: 1px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: auto 0;

}

#sost.section-our-story .owl-nav button.owl-prev, #sost.section-our-story .owl-nav button.owl-next {

    width: 3.125rem;

    height: 3.125rem;

    background: #fff;

    border-radius: 50%;

}

#sost.section-our-story .owl-nav button.owl-prev.disabled, #sost.section-our-story .owl-nav button.owl-next.disabled {

    opacity: 0.25;

}

/* ----- /SECTION OUR STORY ----- */

/*  */

/* ----- SECTION GOVERNANCE ----- */

.section-governance {

    padding-top: 4.6rem;

    padding-bottom: 6.85rem;

}

.section-governance .title-box {

    background: #fff;

    padding: 0 6.6rem 3.4rem 2.6rem;

    margin-bottom: 0.6rem;

}

.section-governance .row {

    margin: 0 -1.2rem;

}

.section-governance h1 {

    margin-bottom: 3.2rem;

}

.section-governance .title-box .line {

    width: 5rem;

    margin-bottom: 1.5rem;

}

.section-governance .title-box h2 {

    max-width: 21.8rem;

    margin-bottom: 1.8rem;

}

.section-governance .image-box {

    background: #fff;

    display: flex;

    justify-content: center;

    padding: 2.8rem;

    margin-bottom: 0.6rem;

}

.section-governance .image-box img {

    margin-right: 1.3rem;

}

.section-governance .collapse-box {

    background: #fff;

    margin-bottom: 0.6rem;

}

.section-governance .collapse-box > .btn {

    width: 100%;

    text-align: left;

    background: transparent;

    border: none;

    padding: 2.2rem 2.57rem;

    display: flex;

    align-items: center;

}

.section-governance .collapse-box > .btn h4 {

    text-transform: none;

    font-weight: 400;

    color: #030303;

}

.section-governance .collapse-box > .btn:before{

    content: '';

    background-image: url(../img/collapse-arrow.svg);

    background-repeat: no-repeat;

    background-size: contain;

    width: 1.1rem;

    height: 1.2rem;

    margin-right: 1rem;

    transform: rotate(180deg);

}

.section-governance .collapse-box > .btn.collapsed:before{

    transform: rotate(0);

}

.section-governance .collapse-box > .btn:focus{

    outline: none;

    box-shadow: none;

}

.section-governance .collapse-box .collapse, .section-governance .collapse-box .collapsing {

    padding: 0.1rem 2.7rem 1.5rem;

}

.section-governance .collapse-box h6 {

    font-size: 0.875rem;

    font-weight: bold;

    margin-bottom: 1.4rem;

}

.section-governance .collapse-box ul {

    padding-left: 3.3rem;

    margin-bottom: 2.7rem;

}

.section-governance .collapse-box ul li {

    margin-bottom: 1.32rem;

    position: relative;

    color: #383A3B;

    max-width: 41rem;

}

.section-governance .collapse-box ul li:before {

    content: '';

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #383A3B;

    position: absolute;

    left: -1.35rem;

    top: 0.5rem;

}

.section-governance .collapse-box .table-wrap {

    margin-top: 2rem;

    margin-right: 0.8rem;

    margin-bottom: 2.8rem;

}

.section-governance .table thead th:first-child, .section-governance .table tbody th:first-child {

    width: 9.5rem;

}

.section-governance .table thead th:nth-child(2), .section-governance .table tbody td:nth-child(2) {

    width: 16.5rem;

}

.section-governance .table thead th:nth-child(3), .section-governance .table tbody td:nth-child(3) {

    width: 11rem;

}

.section-governance .table thead th:nth-child(4), .section-governance .table tbody td:nth-child(4) {

    width: 12rem;

}

.section-governance .table tbody th, .section-governance .table tbody td {

    padding: 1.05rem 1rem;

}

.section-governance .table tbody tr:last-child th, .section-governance .table tbody tr:last-child td {

    border-bottom: 1px solid #E6E8EE;

}

.section-governance .collapse-box .images {

    margin-top: -0.6rem;

}

.section-governance .collapse-box .images img {

    margin-bottom: 1.6rem;

}

.section-governance .collapse-box .images .row {

    margin: 0 -15px;

}

/* ----- /SECTION GOVERNANCE ----- */

/*  */

/* ----- SECTION STAFF PROFILE ----- */

.section-staff-profile {

    padding-top: 4.5rem;

    padding-bottom: 3.8rem;

}

.section-staff-profile .container {

    padding: 0 0.8rem;

}

.section-staff-profile h1 {

    margin-bottom: 3.3rem;

}

.section-staff-profile .box-wrap {

    background: #fff;

    margin: 0 -0.2rem;

    display: flex;

    padding: 0 2.5rem 3.3rem;

    margin-bottom: 1.2rem;

}

.section-staff-profile .staff-img {

    flex: 0 0 19.3rem;

    max-width: 19.3rem;

    margin-right: 2.2rem;

    padding-top: 3.2rem;

}

.section-staff-profile .staff-img img {

    width: 100%;

}

.section-staff-profile .staff-content .line {

    width: 5rem;

    margin-bottom: 1.3rem;

}

.section-staff-profile .staff-content h6 {

    text-transform: uppercase;

    margin-bottom: 1.6rem;

}

.section-staff-profile .staff-content h2 {

    margin-bottom: 2rem;

}

.section-staff-profile .staff-content .info-cols {

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 3.1rem;

}

.section-staff-profile .staff-content .info-cols .col:before {

    content: '';

    height: 3px;

    background: #4DD9FF;

    width: 5.1rem;

    display: block;

    margin-bottom: 0.7rem;

}

.section-staff-profile .staff-content .info-cols .col {

    padding: 0;

    flex: 0 0 30.8%;

    max-width: 30.8%;

}

.section-staff-profile .staff-content .info-cols h6 {

    text-transform: none;

    margin-bottom: 0.1rem;

}

.section-staff-profile .staff-content {

    flex: 1;

    padding-right: 0.8rem;

}

.section-staff-profile .staff-content .info-cols .col:nth-child(2) {

    flex: 0 0 28.5%;

    max-width: 28.5%;

}

.section-staff-profile .staff-content p {

    margin-bottom: 1.4rem;

}

.section-staff-profile .link-arrow.arrow-left {

    font-size: 1rem;

    margin-left: -0.8rem;

}

/* ----- /SECTION STAFF PROFILE ----- */

/*  */

/* ----- PAGE TITLE STUDENTS ----- */

.page-title-students{

    margin-bottom: 4.755rem;

}

.page-title-students .content-wrap {

    padding-top: 1.1rem;

}

.page-title-students .row {

    align-items: center;

    margin: 0 -15px;

}

.page-title-students .container {

    padding: 0 0.8rem;

}

.page-title-students .page-title-bottom {

    background: #10069F;

    position: relative;

    padding: 0.77rem 0;

}

.page-title-students .page-title-bottom h6 {

    color: #fff;

    margin-bottom: 0;

    font-weight: 500;

}

.page-title-students .page-title-bottom h6 span{

    font-weight: 400;

    margin-left: 0.5rem;

}

.page-title-students .page-title-bottom .container {

    position: static;

    padding: 0 0.6rem;

}

.section-student-portal .container {

    padding: 0 0.6rem;

}

/* ----- /PAGE TITLE STUDENTS ----- */

/*  */

/* ----- SECTION STUDENT PORTAL ----- */

.section-student-portal .events-box {

    padding: 0 2rem 2.1rem;

    min-height: 1rem;

    margin-bottom: 1.4rem;

}

.section-student-portal .events-box .line {

    width: 9rem;

    margin-bottom: 0.8rem;

}

.section-student-portal .events-box h6 {

    color: #202020;

    margin-bottom: 1.8rem;

}

.section-student-portal .event {

    padding-left: 0.5rem;

    min-height: 3.9rem;

    margin-bottom: 1.1rem;

}

.section-student-portal .pagination {

    margin-bottom: 1.7rem;

}

.section-student-portal .quotes-slider-wrap {

    margin-top: 1.8rem;

    margin-bottom: 1.6rem;

}

.quotes-slider-wrap h3 {

    font-weight: 900;

    font-size: 2.125rem;

    text-transform: uppercase;

    color: #10069F;

}

.section-student-portal .quotes-slider-wrap .link-arrow {

    margin-top: 0.1rem;

}

.section-student-portal .block-impacts .impact-item {

    margin-bottom: 1.3rem;

}

.section-student-portal .social-item {

    display: inline-block;

    margin-bottom: 1rem;

}

.section-student-portal .block-impacts {

    margin-bottom: 2.3rem;

}

.section-student-portal .container > .row:last-child {

    padding-top: 1.1rem;

}

.gray-box {

    display: block;

    background: #383A3B;

    padding: 2.1rem 2.5rem 1rem;

    margin-top: -1.7rem;

}

.section-student-portal .container > .row:last-child .link-box {

    margin-bottom: 1.8rem;

}

.gray-box h2 {

    color: #fff;

    font-weight: 900;

    text-transform: uppercase;

    font-size: 2.125rem;

}

.gray-box.gray-box-small {

    margin-left: auto;

    max-width: 23.9rem;

    margin-top: 0;

}

.gray-box .link-arrow .arrow {

    stroke: #fff;

}

.gray-box .link-arrow {

    margin-left: -0.5rem;

    margin-top: 0.7rem;

}

.gray-box .link-arrow svg{

    stroke: #fff;

}

.section-student-portal .right-col .gray-box {

    margin-bottom: 1.4rem;

}

.section-student-portal .right-col .link-box {

    margin-right: 4rem;

}

.section-student-portal {

    padding-bottom: 4.4rem;

}

/* ----- /SECTION STUDENT PORTAL ----- */

/*  */

/* ----- SECTION POLICIES ----- */

.section-policies {

    padding-top: 4.5rem;

    padding-bottom: 3.5rem;

}

.section-policies .container {

    padding: 0 0.7rem;

}

.section-policies h1 {

    margin-bottom: 3.7rem;

}

.section-policies .letters .nav-item {

    font-weight: 900;

    margin-right: 1.05rem;

}

.section-policies .letters {

    display: flex;

    padding: 0;

    border: none;

    flex-wrap: nowrap;

    margin-bottom: 2.4rem;

}

.section-policies .letters .nav-link {

    color: #000;

    border-bottom: 4px solid transparent;

    padding: 0 0.4rem 0.35rem;

    background: transparent;

    border-radius: 0;

    font-size: 1.25rem;

}

.section-policies .letters .nav-link.active, .section-policies .letters .nav-item:hover .nav-link {

    color: #8D9093;

    border-bottom-color: #10069F;

}

.section-policies .row ul li {

    margin-bottom: 0.53rem;

}

.section-policies .tab-content {

    padding: 0;

}

/* ----- /SECTION POLICIES ----- */

/*  */

/* ----- SECTION REQUEST INFO ----- */

.section-request-info {

    padding-top: 5.2rem;

    padding-bottom: 5.4rem;

}

.section-request-info .container {

    padding: 0 0.6rem;

}

.section-request-info h1 {

    margin-bottom: 1.1rem;

}

.section-request-info p {

    font-size: 1rem;

}

.section-request-info form {

    margin-top: 1.6rem;

    margin-right: 1rem;

}

.section-request-info .form-control {

    border: none;

    border-radius: 0;

    height: 3.8rem;

    padding: 0.9rem 1.15rem 0.2rem;

    color: #202020;

    font-weight: 500;

}

.section-request-info .form-control:focus {

    box-shadow: none;

}

.section-request-info .form-group {

    position: relative;

}

.section-request-info .form-group label {

    position: absolute;

    top: 1.2rem;

    font-weight: 500;

    color: #10069F;

    left: 1.1rem;

    font-size: 1rem;

    transition: 0.4s;

}

.section-request-info .form-control:focus ~ label {

    top: 0.45rem;

    font-size: 0.875rem;

    font-weight: 400;

    color: #BABFC3;

    transition: 0.4s;

}

.section-request-info form .col {

    padding: 0 0.5rem;

}

.section-request-info form .row {

    margin: 0 -0.6rem;

}

.section-request-info form .custom-select {

    height: 3.7rem;

}

.section-request-info form .styledSelect {

    padding: 1.7rem 1.1rem;

    font-size: 1rem;

}

.section-request-info form .styledSelect:after {

    right: 0.7rem;

    height: 1rem;

}

.section-request-info form p {

    font-size: 0.875rem;

    margin-bottom: 1.4rem;

}

.section-request-info form .select {

    margin-bottom: 1.7rem;

}

.section-request-info .checkboxes {

    margin-top: -0.6rem;

    margin-bottom: 1rem;

}

.section-request-info .custom-checkbox {

    padding-left: 1.6rem;

    font-size: 0.875rem;

    color: #202020;

    margin-bottom: 0.2rem;

}

.section-request-info .custom-checkbox .custom-control-label::before {

    width: 1rem;

    height: 1rem;

    left: -1.4rem;

    background: transparent;

    border-color: #10069F;

    top: 0.1rem;

}

.section-request-info .custom-control-label::after {

    width: 1rem;

    height: 1rem;

    left: -1.4rem;

    top: 0.1rem;

}

.section-request-info .btn-cube {

    margin-top: 1.3rem;

    width: 7.6rem;

    height: 3.1rem;

}

.section-request-info .btn-cube button {

    font-size: 0.875rem;

}

.section-request-info .btn-cube .first_cube, .section-request-info .btn-cube .second_cube {

    height: 3.1rem;

}

.section-request-info .btn-cube .first_cube button {

    padding: 0.9rem 0;

}

.section-request-info .btn-cube .second_cube button {
    padding: 0.6rem 0;
    background: #06023C;
    border: none;
}

.section-request-info .btn-cube .first_cube {

    -webkit-transform: translateZ(24px);

    transform: translateZ(24px);

}

.section-request-info .btn-outline-blue {

    margin-top: 1.2rem;

    padding: 0.8rem 1.8rem;

    margin-bottom: 1rem;

}

/* ----- /SECTION REQUEST INFO ----- */

/*  */

/* ----- SECTION SEARCH RESULTS ----- */

.section-search-results {

    padding-top: 5.1rem;

    padding-bottom: 6.9rem;

}

.section-search-results .container {

    padding: 0 0.6rem;

}

.section-search-results h1 {

    margin-bottom: 1.6rem;

}

.section-search-results .line {

    width: 6.4rem;

    margin-bottom: 0.7rem;

}

.section-search-results h6 {

    font-weight: 400;

    font-size: 1.125rem;

    color: #383A3B;

    margin-bottom: 2.8rem;

}

.section-search-results h6 span {

    color: #10069F;

    margin-left: 0.3rem;

}

.section-search-results .result h4{

    color: #10069F;

    font-weight: 400;

    margin-bottom: 1rem;

}

.section-search-results .result p {

    line-height: 1.5rem;

    max-width: 40rem;

}

.section-search-results .result {

    margin-bottom: 1.95rem;

}

.section-search-results .pagination {

    justify-content: flex-start;

    margin-top: 1.6rem;

    margin-left: -0.8rem;

}

/* ----- /SECTION SEARCH RESULTS ----- */

/*  */

/* ----- /MODAL ----- */

.modal-open .modal {

    background: rgb(141 144 147 / 88%);

    display: block;

}

.modal-dialog {

    max-width: 28.3rem;

}

.modal .modal-content {

    border-radius: 0;

    padding: 2.6rem 1.4rem 2.1rem 2.4rem;

}

.modal .modal-content .close {

    position: absolute;

    top: -0.2rem;

    right: -1.7rem;

    width: 1rem;

    opacity: 1;

}

.modal .modal-content h4 {

    color: #10069F;

    margin-bottom: 1rem;

}

.modal .modal-content p {

    padding-right: 1rem;

}

.modal .modal-content:after {

    content: '';

    height: 6px;

    width: 96%;

    margin: 0 auto;

    background: #10069F

    ;position: absolute;

    bottom: -6px;

    left: 0;

    right: 0;

}

/* ----- /MODAL ----- */

/*  */

/* ----- BLUE ALERT ----- */

.blue-alert {

    background-color: #10069F;

    padding: 0.62rem 0;

}

.blue-alert .container {

    padding: 0 0.6rem;

}

.blue-alert h6 {

    margin-bottom: 0;

    color: #fff;

    font-weight: 500;

}

/* ----- /BLUE ALERT ----- */

/*  */

/* ----- FANCYBOX ----- */

.toolbar_wrap .arrows {

    position: absolute;

    display: flex;

    top: 0;

    left: -5%;

    right: -5%;

    bottom: 0;

    margin: auto 0;

    height: 1px;

    justify-content: space-around;

    z-index: 99999;

}

.fancybox-toolbar {

    visibility: visible;

    opacity: 1;

    position: static;

    height: 100%;

    width: 100%;

}

.toolbar_wrap .arrows button {

    width: 50px;

    height: 50px;

    background: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}

.fancybox-show-thumbs .fancybox-thumbs {

    display: none;

}

.fancybox-show-thumbs .fancybox-inner {

    right: 0;

}

.fancybox-close-small {

    right: -2.9rem;

    top: -0.7rem;

    width: 2.2rem;

    height: 2.2rem;

}

.toolbar_wrap .arrows button:disabled {

    opacity: 0.25;

}

.fancybox-bg {

    background: #8d9093;

}

.fancybox-is-open .fancybox-bg {

    opacity: 0.88;

}

.fancybox-caption{

    background: transparent;

}

/* ----- /FANCYBOX ----- */

/*  */

/* ----- TABS DROPDOWN ----- */

.tabs-dropdown{

    font-size: 1rem;

    border-bottom: 1px solid #E6E8EE;

}

.tabs-dropdown > span{

    font-weight: 500;

    width: 100%;

    display: block;

    text-align: left;

    padding: 0.6rem 1.3rem;

    

}

.tabs-dropdown > span:before{

    content: '';

    background-image: url(../img/select-arrow.svg);

    width: 0.7rem;

    height: 1rem;

    background-repeat: no-repeat;

    background-size: contain;

    display: inline-block;

    vertical-align: -0.2rem;

    margin-right: 0.7rem;

    transition: 0.4s;

    transform: rotate(0);

}

.tabs-dropdown.dropdown-open > span:before {

    transform: rotate(-180deg);

    transition: 0.4s;

}

.tabs-dropdown .nav-tabs {

    max-height: 0;

    transition: 0.4s;

    visibility: hidden;

    overflow: hidden;

    height: auto;

    padding: 0 0.2rem;

    border-bottom: 0;

}

.tabs-dropdown.dropdown-open .nav-tabs {

    max-height: 1000px;

    transition: 0.4s;

    visibility: visible;

}

.tabs-dropdown .nav-tabs .nav-link {

    border-radius: 0;

    border-bottom: 0;

    text-align: left;

    padding: 0.8rem 2.5rem;

}

.tabs-dropdown .nav-link.active {

    border-bottom: 0;

    background: #e6e8ee;

}

/* ----- /TABS DROPDOWN ----- */

/*  */




/* ------  FIXES  -----------*/
#sp-page-builder .sppb-section.fsection-main-page{
	z-index: 0;
}

#content {
    width: 100%;
}


#section-id-1621925893947 {
    z-index: 0 !important;
}	

.section-page-title.page-title-course img {
    object-fit: cover;
    width: 100%;
	height: 37.2rem;
}

.sppb-section.section-page-title.page-title-course{
	
	
}


.section-page-title.page-title-course.page-title-profile .sppb-addon-content > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.section-page-title.page-title-course.page-title-profile::before {
    content: '';
    background: #8D9093;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 39.6%;
}



.our-profile-box .school-item-content .rlabel{
	
	display: none !important;
}







.section-request-info .form-control.rsform-select-box {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 0 1rem;
    font-weight: 500;
    color: #10069F;
    display: flex;
    align-items: center;
    font-size: 1rem;
    transition: 0.4s;
	position: relative;
	appearance:none;
}

.section-request-info .form-control.rsform-select-box:after{
	content: "";
width: 1.2rem;
height: 1.1rem;
background-image: url(../img/select-arrow.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
bottom: 0;
right: 1.2rem;
margin: auto 0;
background-position: center;
}

.section-request-info .form-group .styledSelect {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 0 ;
    font-weight: 500;
    color: #10069F;
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    transition: 0.4s;
}

.sppb-section.section-our-profile.section-welcome .row {
    margin: 0;
}
.sppb-addon.sppb-addon-raw-html.must-centred.col-lg-9 {
    margin: 0 auto;
}


.section-page-title.page-title-students img{
	width: 100%;
height: 100%;
object-fit: cover;
}


.section-page-title.page-title-students {
    margin-bottom: 4.755rem;
}



.rsform .custom-control {
    margin: 0;
    padding: 0;
}

.rsform .custom-control div {
    display: inline-block;
}

.rsform .rsform-checkbox {
    height: 15px;
    width: 17px;
    border-radius: 0;
    margin-right: 10px;
    border: 1px solid red;
}


.rsform .btn-primary:hover,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #06023c;
    border-color: #06023c;
}



/* 2022 */

.section-page-title > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*  Profile v-2-3*/

.section-page-title.page-title-course.page-title-welcome.page-title-profile {
  background: #8d9093;
}



.section-profile .collapse-box {

    background: #fff;

    margin-bottom: 0.6rem;

}

.section-profile .collapse-box > .btn {

    width: 100%;

    text-align: left;

    background: transparent;

    border: none;

    padding: 2.2rem 2.57rem;

    display: flex;

    align-items: center;

}

.section-profile .collapse-box > .btn h4 {

    text-transform: none;

    font-weight: 400;

    color: #030303;

}

.section-profile .collapse-box > .btn:before{

    content: '';

    background-image: url(../img/collapse-arrow.svg);

    background-repeat: no-repeat;

    background-size: contain;

    width: 1.1rem;

    height: 1.2rem;

    margin-right: 1rem;

    transform: rotate(180deg);

}

.section-profile .collapse-box > .btn.collapsed:before{

    transform: rotate(0);

}

.section-profile .collapse-box > .btn:focus{

    outline: none;

    box-shadow: none;

}

.section-profile .collapse-box .collapse, .section-profile .collapse-box .collapsing {

    padding: 0.1rem 2.7rem 1.5rem;

}

.section-profile .collapse-box h6 {

    font-size: 0.875rem;

    font-weight: bold;

    margin-bottom: 1.4rem;

}

.section-profile .collapse-box ul {

    padding-left: 3.3rem;

    margin-bottom: 2.7rem;

}

.section-profile .collapse-box ul li {

    margin-bottom: 1.32rem;

    position: relative;

    color: #383A3B;

    max-width: 41rem;

}

.section-profile .collapse-box ul li:before {

    content: '';

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background: #383A3B;

    position: absolute;

    left: -1.35rem;

    top: 0.5rem;

}

.section-profile .collapse-box .table-wrap {

    margin-top: 2rem;

    margin-right: 0.8rem;

    margin-bottom: 2.8rem;

}

.section-profile .table thead th:first-child, .section-profile .table tbody th:first-child {

    width: 9.5rem;

}

.section-profile .table thead th:nth-child(2), .section-profile .table tbody td:nth-child(2) {

    width: 16.5rem;

}

.section-profile .table thead th:nth-child(3), .section-profile .table tbody td:nth-child(3) {

    width: 11rem;

}

.section-profile .table thead th:nth-child(4), .section-profile .table tbody td:nth-child(4) {

    width: 12rem;

}

.section-profile .table tbody th, .section-profile .table tbody td {

    padding: 1.05rem 1rem;

}

.section-profile .table tbody tr:last-child th, .section-profile .table tbody tr:last-child td {

    border-bottom: 1px solid #E6E8EE;

}

.section-profile .collapse-box .images {

    margin-top: -0.6rem;

}

.section-profile .collapse-box .images img {

    margin-bottom: 1.6rem;

}

.section-profile .collapse-box .images .row {

    margin: 0 -15px;

}
.sppb-section.section-profile {
  margin: 2.75rem 0;
}
.sppb-section.our-profile-box.section-profile{
	margin: 2.75rem 0 0;
}




.section-page-title.page-title-undergraduate-course .content-wrap {
  padding-top: 7.9rem;
}

.section-page-title.page-title-undergraduate-course .content-wrap h1{
 text-transform:uppercase;
}




/* Latest Research Projects */

.research.events-box h2 {
  margin-bottom: 2.2rem;
  margin-top: 2rem;
}
.item-list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: start;
}

.research .item-list .event {
  border-left: 1px solid #E6E8EE;
  padding: 0 10px 0 0;
}

/* Podcasts */
.podcat-title {
  padding: 2rem 3rem;
  background: #fff;
  z-index: 99;
  position: relative;
  width: 96%;
  margin: -4.5rem auto 0;
  font-size: 22px;
  line-height: 26px;
}
.podcast-item {
  margin-bottom: 5rem;
}
.podcast-links {
  margin-top: 35px;
}
.podcast-link {
  border-left: 4px solid;
  padding-left: 10px;
  margin-right: 35px;
  font-weight: 500;
}
.podcast-text {
  font-size: 16px;
}

/*  */

.section-page-title.page-title-research-unit {
  height: 32rem;
}
.section-page-title.page-title-research-unit h1 {
  margin-top: 10rem;
  text-transform: uppercase;
}

.block-research-unit-profile {
  background: #fff;
  padding: 0px 25px 50px;
  margin-top: -5rem;
}
h2.unit-profile-title {
  padding: 10px 0 24px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.unit-profile-row-title {
  font-size: 14px;
  font-weight: 500;
}
.unit-profile-row-text {
  font-size: 14px;
  padding: 0 0 12px;
}

.block-research-unit-wws {
  background: #fff;
  padding: 25px 25px 35px;
}
.block-research-unit-wws h2{
	font-size:22px;
}
.content-wrap.block-research-unit-overview {
  position: relative;
  background: #fff;

  padding: 0 2.8rem 2.2rem;
}
.content-wrap.block-research-unit-overview h2 {
	margin:1.5rem;
}
.content-wrap.block-research-unit-overview h6 {
  font-size: 0.875rem;
 
  margin-bottom: 1.4rem;
}
.content-wrap.block-research-unit-overview ul {
  padding-left: 1.5rem;
  margin-bottom: 2.7rem;
}
.content-wrap.block-research-unit-overview ol {
  padding-left: 1rem;
  margin-bottom: 2.7rem;
}
.content-wrap.block-research-unit-overview ul li, .content-wrap.block-research-unit-overview ol li {
  margin-bottom: 1.32rem;
  position: relative;
  color: #383A3B;
  max-width: 41rem;
}
.content-wrap.block-research-unit-overview ul li::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #383A3B;
  position: absolute;
  left: -1.35rem;
  top: 0.5rem;
}

.block-research-unit-accord .staff-img {
  padding-top: 0;

}
.block-research-unit-accord .box-wrap.wow {
  padding: 0;
}

.block-research-unit-accord .bottom-nav {
  margin: 30px 0;
}

.section-staff-profile.section-profile .table thead th, .section-staff-profile.section-profile .table tbody td{
	width: min-content;
}





/*  */


.rsform-textarea-box.form-control {
  height: 5rem;
}

.rqform3 .btn-cube.cube {
  display: inline-block;
	width: 8rem;
}
.rqform3 .custom-control.custom-checkbox {
  display: inline-block;
  vertical-align: top;
}
.rqform3 .learn-more-box .btn-cube {
  width: 8rem;
  height: 3.1rem;
  margin-right: 1.2rem;
}
.rqform3 .learn-more-box .form-bottom {
  margin-top: 0.8rem;
}
.rqform3 .form-social {
  display: inline-block;
  float: right;
  position: relative;
}
.rqform3 .social-icons {
  display: initial;
  float: right;
  margin-top: 1.4rem;
}
.rqform3 .social-icons .icon {
  width: 1rem;
  height: 1.1875rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 1.15rem;

  display: inline-block;
}

.rqform3 .icon.facebook-icon {
  background-image: url(../img/blue-facebook.svg);
}


.rqform3 .icon.instagram-icon {
  background-image: url(../img/blue-insta.svg);
  width: 1rem;
}

.rqform3 .icon.youtube-icon {
  background-image: url(../img/blue-youtube.svg);
  width: 1.3rem;
}
.rqform3 .form-social {
  display: inline-block;
}
textarea#Message {
  height: 5rem;
}

.research-project-section .events-box {
  background: #fff;
  padding: 0 1.9rem 1rem;
  margin-bottom: 1rem;
	min-height: 0;
}

.section-features .feature.twof {
  border-right: none;
}



.unit-profile-row .info-title {
  font-size: 14px;
  font-weight: 400;
}
.unit-profile-row .info-text {
  font-weight: 300;
}
.unit-profile-row.inform.row {
  padding-bottom: 1rem;
}


.project-logo img {

    max-width: 260px;
    max-height: 115px;

}

.project-logo {
  display: inline-block;
  vertical-align: top;
	margin-right: 30px;
}
h1.project-page {
  display: inline-block;
}
.student-unitlab.program-details a {
  display: flex;
  align-items: center;
  font-weight: 400;
  margin-top: 0;
}

.student-unitlab.program-details .line {

    width: 8.9rem;
    margin-bottom: 1.8rem;

}

.header-nav.header-nav-open .close-btn{
  	position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}