/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$...
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$?...7$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$~....$$$$$$$
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Z=.....$$$$$$$$$$
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ+.  ...ZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ...  ..ZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZ$..    ..ZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZ...   ...ZZZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZ..      ..ZZZZZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZ..  ...   .ZZZZZZZZZZZZZZZZZZZZZZZZ
$OOOOOOOOOOOOOOOOO..         .OOOOOOOOOOOOOOOOOOOOOOOOO
$OOOOOOOOOOOOOOO.           .OOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOOOO.            8OOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOOZ             .OOOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOO.             .OOOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO,...............+OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO:................OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOOO.................8OOOOOOOOOOOOOOOOOOOOOOO0
Z8888888888888.................O88888888888888888888888
O88888888888888..................O888888888888888888888
O8888888888888888.................888888888888888888888
O888888888888888888?................8888888888888888888
O888888888888888888888$..............$88888888888888888
O888888888888888888888888D,............D888888888888888
O88888888888888888888888888888...........88888888888888
O888888888888888888888888888888888........:888888888888
O888888888888888888888888888888888888.......D8888888888
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD88.......DDDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD..........DDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDD8,... ...   ...   .DDDDDD
ODDDDDDDDDDDDDDDDDDDD.............................DDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDD,.....................DDDD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD$..............7DD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD+.......++
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD*/
/* Created by: 2016, Kinetic Solutions               */


/* BNB PAGES - CLIENT BRANDING --------------------- */
/* This is a special case, because there is no need to
   change the original Kinetic.BnB design here, because
   Kinetic design equals to KxBnB design. */


/* KINETIC-RESET ----------------------------------- */
/* Just keep it to further reusage. */
.clear { margin: 0; padding: 0; clear: both; }
.img-left { float:left; margin: 4px 20px 15px 0; }
.img-right { float:right; margin: 4px 0 15px 20px; }
.img-center { float:none; margin: 0 auto; }
.img-fluid { float:none; margin: 0; width:100%; height:auto; }
.img-background { float:none; margin: 0; width:auto; height:auto; z-index:0; position:absolute; }
.img-bottom { float:none; margin: 0; width:auto; height:auto; z-index:4; position:absolute; bottom:0; }
.nav-bar { background: #2e4680; }

/* MANCHESTER BUSINESS SCHOOL */


/* GENERAL ----------------------------------------- */
/* John added this in december */
div#licencepagecontent { margin-top: 65px; }

/* LOGO */

.pageHeader .logo {
    background: url(../Images/Base/logo.png) top center no-repeat;
    height: 88px;
    margin: 32px -103px 56px; 
}

.pageHeader {
    height: 219px;
}


/* BANNER */

.banner img {
    top: -228%;
}

.bnbTitle1 {
    text-align: center;
    z-index: 1;
    position: relative;
    display: block;
    width: 47%;
    margin: 0 auto;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    background: rgba(35,31,32,.75);
    padding: 10px 10px;
    margin-top: 45px;
}

.bnbTitle2 {
    text-align: center;
    z-index: 1;
    position: relative;
    display: block;
    width: 47%;
    margin: 0 auto;
    font-size: 27px;
    color: #fff;
    /*text-shadow: 2px 2px #000;*/
    background: rgba(35,31,32,.75);
    padding: 10px 10px; 
}



/* TOP NAV */

.pageHeader > .container-fluid:first-child + .container-fluid { background: #602f85; margin-top: -27px; }


/* BOOTSTRAP TEST */

.container-fluid.footer {
    background: #cdcdce;
}

.container-fluid.black-footer {
    background: #1d1d1d; 
}

a {
    color: #333;
    font-size: 1.1em;
}

a:hover {
    color: #333;
}

a:focus {
    color: #333;
}

.container-fluid.black-footer a {
    color: #fff;
    text-decoration: underline; 
}

.container-fluid.black-footer p {
    color: #fff;
}

.container-fluid.black-footer h4 {
    color: #fff;
}

.col-lg-4 {
    padding-top: 15px;
    padding-bottom: 60px; 
}

.text-center {
    padding-top: 40px; 
    font-size: 1.8em;
    font-weight: 400; 
}

.breadcrumb {
    background-color: #1d1d1d; 
    padding: 8px 0px; 
}

.breadcrumb.links a {
    text-decoration: none; 
}

.breadcrumb.links a:hover {
    text-decoration: underline;
}

.breadcrumb.links li {
    color: #fff; 
    font-size: 0.85em; 
    margin-top: 6px; 
}

/*.container-fluid.black-footer.col-lg-4 {
    padding-bottom: 20px;
}*/

.col-lg-4.bottom-three {
    padding-bottom: 20px; 
    padding-top: 30px; 
}


@media (max-width: 1199px) {

    #instagram-icon {
        margin-top: 13px;
    }
}

@media (max-width: 991px) {

    #linkedin-logo {
        margin-top: 13px;
    }
}

@media (max-width: 767px) {
    #instagram-icon {
        margin-top: 0px;
    }

    #linkedin-logo {
        margin-top: 0px; 
    }
}

@media (max-width: 414px) {
    .container-fluid.footer a {
        font-size: 0.9em; 
    }

    .text-center {
        font-size: 1.4em; 
    }
}

@media (max-width: 320px) {
    #instagram-icon {
        margin-top: 13px;
    }
}



    /* TOP FOOTER MANCHESTER CSS (QUICK LINKS) */


    /*footer {
    display: block;
}

.footer {
    position: relative;
    width: 100%;
    overflow: auto;
}

:last-child {
    margin-bottom: 0;
}

:first-child {
    margin-top: 0;
}

*, {
    box-sizing: border-box; 
}

.footer__personalisation {
    padding: 1.125rem 0;
    padding-top: 1.125rem;
    padding-right: 0px;
    padding-bottom: 1.125rem;
    padding-left: 0px;
    border-top: 1px solid #eaeaea;
}

.footer__personalisation .inner {
    overflow: hidden;
}

.inner {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    max-width: 96rem;
    padding: 0 1.25rem;
    margin: 0 auto;
}

.footer__personalisation p {
    font-size: .875em; 
}

.footer__links {
    padding: 2.5rem 0;
    padding-top: 2.5rem;
    padding-right: 0px;
    padding-bottom: 2.5rem;
    padding-left: 0px;
}

.cs--greym {
    background: #cdcdce;
    color: #383b3c;
}

.footer__links h3 {
    text-align: center;
}

h3 {
    font-size: 1.375em;
    font-weight: 300;
    margin-bottom: 2.5rem;
    line-height: 1.1425em;
    font-family: 'Open Sans',sans-serif;
}

.columns {
    vertical-align: top; 
}

.list-unstyled {
    padding: 0;
    list-style-type: none;
    border-bottom: 0;
}

.footer__links li {
    margin-bottom: .5em; 
}

.footer__links li {
    font-size: .875em; 
}

li {
    line-height: 1.5em;
}

li a:hover { 
    color: #383a3c;
}

.footer__links a {
    color: #383b3c;
    border-bottom: 0;
    text-decoration: none; 
}

.footer__links a:hover {
    text-decoration: underline;
    border-bottom: 0;
}

a {
    font-weight: 400; 
    word-wrap: break-word;
    background-color: transparent;
}

a:hover {
    border-color: #c4a2de;
}

form {
    width: 100%;
    overflow: hidden;
}

.footer__links #quicklinks select {
    display: block;
    width: 100%;
    background-position: right 1rem center;
}

select {
    -webkit-appearance: none;*/
    /* replace image*/
    /*background-image: url('/media/ambs/content-assets/images/icons/arrow-dropdown-purple.svg');
    background-repeat: no-repeat;
    background-size: 20px 10px;
    padding: .5em 2.5rem .5em .5rem;
    background: transparent;
    border: 1px solid #eaeaea;
    border-width: 0 0 1px;
    border-radius: 0;
    color: #602f85;
    line-height: 1.5em;
    outline: 0;
    cursor: pointer;
    text-transform: none; 
    margin: 0;
}

option {
    cursor: pointer;
}*/




    /* MEDIA QUERIES */

    /*@media (min-width: 768px) {
    .inner {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .columns:not(:last-child) {
        margin-bottom: 2.5rem;
    }

    .columns {
        margin-left: -1.25rem;
        margin-right: -1.25rem;
        overflow: hidden;
        width: auto;
        font-size: 0; 
    }

    .column {
        font-size: 1rem; 
        padding: 0 1.25rem;
        font-size: 1rem;
    }
}





@media (min-width: 960px) {
    .footer__links .columns {
        display: block;
    }

    .inner {
        padding-left: 5rem;
        padding-right: 5rem; 
    }

    .column:nth-last-child(odd):first-child {
        display: inline-block;
        width: 33.33%;
    }

    .footer__links form#quicklinks {
        display: none;
    }
}*/




    /* MEDIA QUERIES */

    @media only screen and (max-width: 1208px) {
        .bnbTitle1 {
            font-size: 36px;
        }

        .bnbTitle2 {
            font-size: 23px;
        }
    }

    @media only screen and (max-width: 1227px) {
        .bnbTitle2 {
            font-size: 24px; 
        }
    }

    @media only screen and (max-width: 1110px) {
        .bnbTitle1 {
            font-size: 32px;
        }

        .bnbTitle2 {
            font-size: 22px;
        }
    }


    @media only screen and (max-width: 1200px) {
        .banner img {
            width: 1700px;
            left: 66%;
            top: -175%;
        }
    }

    @media only screen and (max-width: 1000px) {
        .banner img {
            width: 1450px;
            left: 84%;
            top: -134%;
        }
    }

    @media only screen and (max-width: 991px) {
        .bnbTitle1 {
            font-size: 28px;
        }

        .bnbTitle2 {
            font-size: 22px; 
        }
    }

    @media only screen and (max-width: 850px) {
        .banner img {
            width: 1250px;
            left: 105%;
            top: -102%;
        }

        .bnbTitle1 {
            font-size: 28px;
        }

        .bnbTitle2 {
            font-size: 17px;
        }
    }


    @media (min-width: 768px) {
        .mainNavigation ul li a {
            padding: 0 40px;
        }
    }

    @media only screen and (max-width: 768px) {
        .pageHeader .logo {
            margin: 56px -92px 56px;
        }

        .mainNavigation .navbar-toggle {
            top: -190px;
        }

        .banner img {
            width: 1200px;
            left: 110%;
            top: -95%;
        }
    }

    @media only screen and (max-width: 767px) {
        .pageHeader .logo {
            margin: 33px -92px 56px;
        }

        .mainNavigation .navbar-toggle {
            top: -125px;
        }
    }


    @media only screen and (max-width: 500px) {
        .pageHeader .logo {
            margin: 32px -67px 56px;
        }
    }

    @media only screen and (max-width: 435px) {
        .pageHeader .logo {
            margin: 32px -33px 56px;
        }
    }

    @media only screen and (max-width: 320px) {
        .pageHeader .logo {
            margin: 32px -15px 56px;
        }
    }