@charset "utf-8";
/* CSS Document */

/* phone up to portrait */
@media only screen and (max-width: 575px) {


    .header.side-menu-header-style .side-menu ul.menu li ul.sub-menu li:last-of-type {
        padding-bottom: 0;
    }

    .facebook-post-slider .cff_owl-buttons.cff-left {
        left: -40px;

    }
    .facebook-post-slider .cff_owl-buttons{
        right: -40px;
    }

.content{
padding-right:30px

}

    .image-50-50 {
        width: 100%;
    }

    .image-cta .copy {
        padding: 0px 0px;
        width: 100%;
    }

    .image-cta .row-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .stat-counter-blocks h2 {
        font-weight: 700;
        font-size: 36px;
        margin-bottom: 60px;
        padding-left: 0px;
    }

    footer .logo-wrapper {
        padding-left: 10px;
        padding-bottom: 20px;
    }

    ul#menu-main-menu.menu li a:hover {
        font-size: 20px !important;
    }

    .twitter-post-slider div#ctf .ctf-owl-nav .ctf-owl-next {
        right: -30px;
    }



    .twitter-post-slider div#ctf .ctf-owl-nav .ctf-owl-prev {
        left: -30px;
    }

    .hero-home-page.no-text-slider .video-homepage-loader>div>iframe {
        width: 170% !important;
    }

    svg.line-bottom-svg {
        height: 20px !important;
    }

    .hero-home-page.no-text-slider .video-homepage-loader {
        position: absolute;
    }

    .slick-slider button.previous {
        left: -30px;
    }

    .slick-slider button.next {
        right: -30px;
    }

    .hero-text {
        padding-top: 130px;
        padding-bottom: 70px;
        font-size: 26px;
        position: relative;
        float: left;
        bottom: auto;
        width: 100%;
    }

    .hero-text span {
        font-size: 36px;
    }

    .header .side-menu .menu-main-menu-container {
        display: block;
        width: 100%;
    }

    .header .side-menu {
        width: 100%;
    }

    .news-heading {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .news-link-wrapper.col {
        flex-direction: column;
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    a.btn.btn-primary.red {
        width: 100%;
    }

    .intro-block-subwrapper.container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .intro-block .col.content {
        padding-bottom: 50px;
    }

    .col.content a.btn.btn-primary.yellow.white-hover.align-self-start {
        width: 100%;
    }

    .leaf-img {
        right: -50px;
        bottom: 100px;
        z-index: 0;
        height: 70px;
        width: 70px;
    }

    .col-image {

        flex: none;

    }

    .col-wrapper-inner {
        width: 100%;
        padding: 20px;
    }

    .hidden-mobiles {
        display: none !important;
    }

    .split-content-blocks .split-content-inner {
        padding: 70px 0;
    }

    .split-content-blocks.split-50-50 .split-content-inner {
        padding: 40px;
    }

    .split-content-blocks.split-50-50 .flex-row-reverse .split-content-inner {
        padding-left: 0;
    }

    .container-fluid.split-content-blocks .background-image.contained-width,
    .container-fluid.split-content-blocks.split-50-50 .background-image {
        width: calc(100% + 30px) !important;
        position: relative !important;
        height: 300px !important;
        left: -15px;
    }

    .flexible-article-fields .flexible-row-block.content.column-split-content {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .flexible-article-fields .flexible-row-block.ceo-flex-block>.container>.row {
        flex-direction: column-reverse;
    }

    .flexible-row-block.ceo-flex-block .ceo-content-block {
        padding-left: 0;
        margin-bottom: 40px;
    }

    .flexible-row-block.ceo-flex-block .ceo-content-block .title {
        font-size: 38px;
    }

    .flexible-row-block.ceo-flex-block .ceo-image {
        padding-right: 0;
    }

    .flexible-row-block.partnerships-flex-block .partnership-logo {
        padding-right: 0;
        margin: 0 0 30px 0;
    }

    .flexible-row-block.partnerships-flex-block .partnership-content-block .title {
        font-size: 26px;
        line-height: 36px;
        margin: -6px 0 15px 0;
    }

    .split-content-blocks .split-content-inner .title {
        font-size: 26px;
        line-height: 33px;
    }

    .split-content-blocks.background-style-full-image .split-content-inner {
        padding: 50px 30px;
    }

    .hero.hero-plain.hero-golden-talks h1 {
        font-size: 50px;
    }

    .hero.hero-plain.hero-golden-talks h1 span.spacer {
        margin-right: 0;
        margin-left: 0;
    }

    .hero.hero-plain.hero-golden-talks img {
        margin-top: 30px;
    }

    .split-content-blocks.split-50-50.video_style .split-content-inner {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 20px;
    }

    article.tabbed-content-block .tabs-left {
        padding-right: 0;
        margin: 0 0 30px 0;
    }

    article.tabbed-content-block .tabs-left ul li a {
        width: auto;
    }

    .split-content-blocks .split-content-inner.contained {
        padding-left: 0px !important;
        margin-bottom: 40px;
    }

    .flexible-row-block.featured-article-block {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .flexible-row-block.featured-article-block .split-content-inner {
        padding-left: 0;
        margin: 30px 0 0 0;
    }

    .flexible-row-block.featured-article-block:after {
        width: 100%;
    }

    article.courses-blocks .course-row .meta {
        display: block !important;
    }

    article.courses-blocks .course-row .meta .meta-info {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
    }

    .top-nav .quick-links {
        margin: 0px;
        width: 100% !important;
    }

    .top-nav .quick-links a.quick-links-toggle {
        width: 100% !important;
    }

    .top-nav .quick-links a.quick-links-toggle.search-toggle i {
        float: none;
        display: inline-block;
        top: 0px;
    }

    .footer-bottom p a {
        font-size: 11px;
    }

    .search-menu-block .search-main-container .search-inner {
        padding-right: 0;
    }

    .search-menu-block .search-main-container a.close-search {
        top: -50px;
    }

    .filterable-dropdown-block .select-block {
        min-width: 100%;
    }

    article.values-icons .value-icon-block .icon-container {
        height: 90px;
    }

    article.values-icons .value-icon-block>span.title {
        font-size: 26px;
        line-height: 36px;
    }

    .modal-outer.cpd-modal .modal-inner .modal-block .img-preview img.logo-image {
        height: auto;
        min-height: auto;
        max-height: none;
    }

    .latest-news-home.post-list .row.title-row h3 {
        font-size: 30px;
        line-height: 1.4;
        margin: -8px 0;
    }

    .latest-news-home.post-list .row.buttons-row>.d-flex {
        display: block !important;
    }

    .latest-news-home.post-list .row.buttons-row a.btn {
        width: 100%;
        margin: 0 0 14px 0;
    }

    .latest-news-home.post-list .row.buttons-row a.btn:last-of-type {
        margin: 0;
    }

    .hero-home-page .hero-home-slider-items {
        /*    padding-bottom: 50px;*/
        padding-top: 100px;
    }

    .hero-home-page .hero-home-slider-items .home-slide-item .icon-container {
        margin-bottom: 25px;
    }

    .hero-home-page .hero-home-slider-items .home-slide-item .title {
        font-size: 22px;
        line-height: 22px;
    }

    .container-fluid.split-content-blocks.background-style-full-image .background-image .video-container {
        height: 100%;
        padding: 0 !important;
    }

    .container-fluid.split-content-blocks.background-style-full-image .background-image .video-container iframe {
        height: 100% !important;
        width: 300vw !important;
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translateY(-50%)translateX(-50%);
        -ms-transform: translateY(-50%)translateX(-50%);
        transform: translateY(-50%)translateX(-50%);
    }

    .hero-home-slider-items ul.slick-dots {
        display: none !important;
    }

    .standard-content {
        padding: unset;
    }

    .vv-gallery-content {
        margin-top: 20px;
    }

    .vv-gallery-content h3 {
        font-size: 46px;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .vv-gallery-content p {
        font-size: 22px;
    }

    .gallery-slider .slider-controls.arrow {
        margin-top: 10px;
    }

    .gallery-slider .slider-controls.doots {
        display: none !important;
    }
	
	    .gallery-next img {
        max-height: 12px;
        object-position: right;
    }
	
    .gallery-slider .slider-controls .dots {
        display: block;
    }


.gallery-slider .gallery-content {
    padding-bottom: 0px;
}

.slider-controls {
    margin-top: 20px;
}
    .gallery-image {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-page-module {
        margin: 0 0 -1px 0;
    }

    .twitter-handle {
        margin-bottom: -1px;
    }

    a#ctf-more {
        margin-left: 6%;
    }

    .vacancy-meta .col.flex-grow-0.d-flex {
        flex-direction: column;
        gap: 10px;
    }

    .vacancy-gap {
        margin-right: 0;
    }

    .flex-column-reverse-sm {
        flex-direction: column;
    }

    .vac-logo-container {
        padding-top: 40px;
    }

    .top-section {
        padding: 30px;
    }

    .top-section .content p {
        margin-top: 20px;
    }

    .slide-count-display,
    .heading-left h2 {
        font-size: 20px;
    }

    .notification-slider .slide {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .modal-outer .modal-inner .modal-block a.close-modal,
    .notifications-modal a.close-modal {
        right: 40px;
    }

}

/* phone up to landscape */
@media only screen and (min-width : 576px) and (max-width : 767px) {
    .half-half-opening-content img.top-shape.lazyloaded {
        position: absolute;
        top: -46px;
        width: 150px;
        z-index: 6;
    }

    .news-link-wrapper {
        justify-content: start;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .news-heading {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .facebook-post-slider .cff_owl-buttons{
        right: -40px;
    }
    .facebook-post-slider .cff_owl-buttons.cff-left {
        left: -50px;

    }
    .image-50-50 {
        width: 100%;
    }

    .image-cta .copy {
        padding: 0px 0px;
        width: 100%;

    }

    ul#menu-main-menu.menu li a:hover {
        font-size: 20px !important;
    }

    .stat-counter-blocks h2 {
        color: #FBBD13;
        font-weight: 700;
        font-size: 36px;
        margin-bottom: 60px;
        padding-left: 0px;
        text-align: center;
    }

    .header .side-menu .menu-main-menu-container {
        display: block;
        width: 100%;
    }

    .intro-block-subwrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .col.content {
        padding-bottom: 30px;
    }

    .leaf-img {
        height: 70px;
        width: 70px;
        bottom: 30px;
    }

    .hero-home-page .line-bottom-svg {
        height: 30px;
    }

    .hero-text {
        padding-top: 40px;
    }

    .hidden-mobiles {
        display: none !important;
    }

    .split-content-blocks .split-content-inner {
        padding: 50px;
    }

    .hero-home-slider-items ul.slick-dots {
        display: none !important;
    }

    .standard-content {
        padding: 0 0px;
    }

    .vv-gallery-content {
        margin-top: 20px;
    }

    .vv-gallery-content h3 {
        font-size: 55px;
        margin-top: 0px;
    }

    .vv-gallery-content p {
        font-size: 20px;
        margin-top: 0px;
    }

    .gallery-slider .slider-controls.arrow {
        margin-top: 0px;
    }

.gallery-next img {
    object-position: right;
}

.slider-controls {
    margin-top: 0px;
}

    .top-section .content p {
        margin-top: 20px;
    }

    .vac-logo-container {
        padding-top: 30px;
    }

    a#ctf-more {
        margin-left: 25% !important;
    }

    /*
.split-content-blocks.split-50-50 .split-content-inner {
    padding-right: 0;
}
*/

    .split-content-blocks.split-50-50 .flex-row-reverse .split-content-inner {
        padding-left: 0;
    }

    .container-fluid.split-content-blocks .background-image.contained-width,
    .container-fluid.split-content-blocks.split-50-50 .background-image {
        width: calc(100% + 30px) !important;
        position: relative !important;
        height: 300px !important;
        left: -15px;
    }

    .flexible-article-fields .flexible-row-block.content.column-split-content {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .flexible-article-fields .flexible-row-block.ceo-flex-block>.container>.row {
        flex-direction: column-reverse;
    }

    .flexible-row-block.ceo-flex-block .ceo-content-block {
        padding-left: 0;
        margin-bottom: 40px;
    }

    .flexible-row-block.ceo-flex-block .ceo-content-block .title {
        font-size: 38px;
    }

    .flexible-row-block.ceo-flex-block .ceo-image {
        padding-right: 0;
    }

    .flexible-row-block.partnerships-flex-block .partnership-logo {
        padding-right: 0;
        margin: 0 0 30px 0;
    }

    .flexible-row-block.partnerships-flex-block .partnership-content-block .title {
        font-size: 26px;
        line-height: 36px;
        margin: -6px 0 15px 0;
    }

    .split-content-blocks.background-style-full-image .split-content-inner {
        padding: 50px 30px;
    }

    .hero.hero-plain.hero-golden-talks h1 {
        font-size: 50px;
    }

    .hero.hero-plain.hero-golden-talks h1 span.spacer {
        margin-right: 110px;
        margin-left: -65px;
    }

    .hero.hero-plain.hero-golden-talks img {
        margin-top: -50px;
    }

    .split-content-blocks.split-50-50.video_style .split-content-inner {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 20px;
    }

    article.tabbed-content-block .tabs-left {
        padding-right: 0;
        margin: 0 0 30px 0;
    }

    article.tabbed-content-block .tabs-left ul li a {
        width: auto;
    }

    .split-content-blocks .split-content-inner.contained {
        padding-left: 0px !important;
        margin-bottom: 40px;
    }

    .flexible-row-block.featured-article-block {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .flexible-row-block.featured-article-block .split-content-inner {
        padding-left: 0;
        margin: 30px 0 0 0;
    }

    .flexible-row-block.featured-article-block:after {
        width: 100%;
    }

    .post-list .post-inner.archive-style a.post-thumbnail {
        height: 150px;
        margin-bottom: 35px;
    }

    article.courses-blocks .course-row .meta {
        display: block !important;
    }

    article.courses-blocks .course-row .meta .meta-info {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
    }

    .top-nav .quick-links {
        margin: 0px;
        width: 100% !important;
    }

    .top-nav .quick-links a.quick-links-toggle {
        width: 100% !important;
    }

    .top-nav .quick-links a.quick-links-toggle.search-toggle i {
        float: none;
        display: inline-block;
        top: 0px;
    }

    .search-menu-block .search-main-container .search-inner {
        padding-right: 0;
    }

    .search-menu-block .search-main-container a.close-search {
        top: -50px;
    }

    .filterable-dropdown-block .select-block {
        min-width: 430px;
    }

    .flexible-row-block.link-flex-block article.link-blocks .title-row h3 {
        font-size: 26px;
        line-height: 38px;
        margin: -7px 0;
    }

    article.values-icons .value-icon-block>span.title {
        font-size: 32px;
        line-height: 40px;
    }

    .img-grid .img-grid-row .gradient-overlay.academy h3 {
        font-size: 18px;
        line-height: 26px;
        padding: 0 30px;
    }

    .post-list .post-inner:not(.archive-style) h4 {
        font-size: 18px;
        line-height: 1.3;
        padding: 0 20px;
    }

    .latest-news-home.post-list .row.buttons-row a.btn {
        min-width: 240px;
    }

    .hero-home-page .hero-home-slider-items .home-slide-item .title {
        font-size: 36px;
        line-height: 36px;
    }


    .top-nav .container {
        max-width: 100%;
    }

    .top-nav .container .col {
        padding: 0;
        padding-left: 10px;
    }

    .half-half-opening-content h1 {
        font-size: 64px;
        line-height: 70px;
        margin: -5px 0 0 0;
    }

    .footer-top .footer-content {
        font-size: 13px;
        line-height: 21px;
    }

    .container-fluid.split-content-blocks.background-style-full-image .background-image .video-container {
        height: 100%;
        padding: 0 !important;
    }

    .container-fluid.split-content-blocks.background-style-full-image .background-image .video-container iframe {
        height: 100% !important;
        width: 200vw !important;
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translateY(-50%)translateX(-50%);
        -ms-transform: translateY(-50%)translateX(-50%);
        transform: translateY(-50%)translateX(-50%);
    }

}

/* small tablets / iphone X and up landscape */
@media only screen and (min-width : 768px) and (max-width : 991px) {

    .image-50-50 {
        width: 100%;
    }

    .image-cta .copy {
        padding: 0px 0px;
        width: 100%;
        margin-top: 20px;
    }


    .hero-home-slider-items ul.slick-dots {
        display: none !important;
    }

    .standard-content {
        padding: 0 0px;
    }

    .vv-gallery-content {
        margin-top: 20px;
    }

    .quote {
        padding: 30px;
    }


    /*
	.gallery-slider .slider-controls .dots {
    	display: none;
	}
	.top-section .content p {
    	margin-top: 20px;
	}
	.vac-logo-container {
		padding-top: 30px;
	}
	a#ctf-more {
		margin-left: 25% !important;
	}
*/

    .split-content-blocks.split-50-50 .split-content-inner {
        padding-right: 30px;
    }

    .split-content-blocks.split-50-50 .flex-row-reverse .split-content-inner {
        padding-right: 0;
        padding-left: 30px;
    }

    a.video-player .video-icon span {
        border-top: 45px solid transparent;
        border-bottom: 45px solid transparent;
        border-left: 77px solid #ffffff;
        left: 0;
        top: 0;
    }

    .full-width-image a.img-filter,
    .full-width-video a.video-player {
        max-height: 395px;
    }

    .flexible-row-block.partnerships-flex-block .partnership-logo {
        padding-right: 0;
    }

    .hero.hero-plain.hero-golden-talks h1 span.spacer {
        margin-right: 150px;
        margin-left: -90px;
    }

    .hero.hero-plain.hero-golden-talks img {
        margin-top: -70px;
    }

    article.tabbed-content-block .tabs-left {
        padding-right: 0;
    }

    article.tabbed-content-block .tabs-left ul li a {
        font-size: 17px;
        line-height: 22px;
    }

    .post-list .post-inner.archive-style a.post-thumbnail {
        height: 250px;
        margin-bottom: 35px;
    }

    article.courses-blocks .course-row .meta .meta-info {
        margin: 0 30px 0 0;
    }

    article.courses-blocks .course-row .meta .meta-info strong {
        float: left;
        width: 100%;
    }

    article.values-icons .value-icon-block>span.title {
        font-size: 32px;
        line-height: 40px;
    }

    /*
.hero-home-page .hero-home-slider-items {
    padding-bottom: 60px;
}
*/

    .container-fluid.split-content-blocks.background-style-full-image .background-image .video-container {
        height: 100%;
        padding: 0 !important;
    }

    .container-fluid.split-content-blocks.background-style-full-image .background-image .video-container iframe {
        height: 100% !important;
        width: 200vw !important;
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translateY(-50%)translateX(-50%);
        -ms-transform: translateY(-50%)translateX(-50%);
        transform: translateY(-50%)translateX(-50%);
    }

    .header.side-menu-header-style .side-menu ul.menu li ul.sub-menu li a{
        font-size: 20px !important;
    }

}

/* small screens and ipad pro portrait */
@media only screen and (min-width : 992px) and (max-width : 1200px) {

    .hero-home-slider-items ul.slick-dots {
        display: flex !important;
    }
    .header .side-menu{
        width: 65%;
    }

    /*
	.standard-content {
		padding: 0 50px;
	}
	
	.vv-gallery-content {
		margin-top: 20px;
	}
	
	.quote {
		padding: 30px;
	}
	
	.vacancy-gap {
    	margin-right: unset;
	}
*/



    .split-content-blocks.split-50-50 .flex-row-reverse .split-content-inner {
        padding-right: 0;
        padding-left: 30px;
    }

    .full-width-image a.img-filter,
    .full-width-video a.video-player {
        max-height: 475px;
    }

    .half-half-opening-content h1 {
        font-size: 64px;
        line-height: 78px;
    }

    .half-half-opening-content .content-block h2,
    .half-half-opening-content .content-block h1 {
        font-size: 32px;
        line-height: 38px;
        margin: -4px 0 28px 0;
    }

    .flexible-row-block.ceo-flex-block .ceo-content-block {
        padding-left: 0;
    }

    .flexible-row-block.partnerships-flex-block .partnership-logo {
        padding-right: 0;
    }

    .hero.hero-plain.hero-golden-talks h1 span.spacer {
        margin-right: 160px;
        margin-left: -100px;
    }

    article.courses-blocks .course-row .meta .meta-info {
        margin: 0 30px 0 0;
    }

    article.courses-blocks .course-row .meta .meta-info strong {
        float: left;
        width: 100%;
    }

    article.values-icons .value-icon-block>span.title {
        font-size: 32px;
        line-height: 40px;
    }

    .container-fluid.split-content-blocks.background-style-full-image .background-image .video-container {
        height: 100%;
        padding: 0 !important;
    }

    .container-fluid.split-content-blocks.background-style-full-image .background-image .video-container iframe {
        height: 100% !important;
        width: 200vw !important;
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translateY(-50%)translateX(-50%);
        -ms-transform: translateY(-50%)translateX(-50%);
        transform: translateY(-50%)translateX(-50%);
    }

}

/* small tablets landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

/* small tablets portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}

/* phone landscape */
@media only screen and (max-device-width : 767px) and (orientation : landscape) {}

/* iphone x fixes */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {}

/* iphone x fixes */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (orientation : landscape) {}

/* iphone 11 pro max fixes */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) {}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) {}

/* ful width block fixes for screen sizes between 1200px - 1900px */
@media only screen and (min-width : 1200px) and (max-width : 1365px) {}

@media only screen and (min-width : 1366px) and (max-width : 1600px) {}

@media only screen and (min-width : 1601px) and (max-width : 1900px) {}