/* HAMBURG STYLES START */

li.dropdown-link a:hover
{
background: none !important;
}

.brick-source--hamburg .tag-block, .banner-source--hamburg .tag-block {
    background-color: #254a99 !important;
    color: #ffffff !important;
}


.bimm-region--hamburg .brand-logo {
    display: block;
    background-image: url(../img/spritesheet-1x.png);
    width: 200px;
    height: 80px;
       background-position: 326px -652px;
}

.bimm-region--hamburg .nav-page-list .f-active-marker {
    background-color: #254a9a !important;
}

.bimm-region--hamburg #side-chat {
    background-color: #254a99 !important;
}

.hamburg_main
{
background-color: #254a99 !important;
}

.hamburg_light
{
background-color: #2a6ab2 !important;
}

#hamburg_main
{
background-color: #254a99 !important;
}

#hamburg_light
{
background-color: #2a6ab2 !important;
}

.bimm-region--hamburg .banner-brand {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .nav-page-list .f-active-marker:after{border-left-color:#254a9a !important;}

.bimm-region--hamburg .nav-primary li:hover, .bimm-region--hamburg .nav-location li:hover {
    background-color: #254a9a;
}

.bimm-region--hamburg .nav-primary-dropdown {
    background-color: #254a9a !important;
}

.brick-source--hamburg .brick-excerpt {
    background-color: #254a9a !important;
    color: #ffffff !important;
}

.bimm-region--hamburg .cycle-tv {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .course-finder {
    background-color: rgba(38, 74, 152, 0.36) !important;
}

.bimm-region--hamburg .f-btn.f-btn--brand, .bimm-region--hamburg button.f-btn--brand {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .course-finder .f-select {
    border-color: #254a99 !important;
}



.brick-source--multiple .brick-excerpt, .brick-source--hamburg .brick-excerpt {
    background-color: #254a99 !important;
    color: #111111 !important;
}

.bimm-region--hamburg .course-finder .f-select:before {
    border-color: #254a99 !important;
}

.bimm-region--hamburg .course-finder .f-select:after {
    border-top-color: #254a99 !important;
}

.bimm-region--hamburg .panel-container .cycle-mini-blockquote blockquote {
    color: #254a99 !important;
}

.bimm-region--hamburg .banner-testimonial {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .banner-testimonial.testimonial-alt .container-testimonial cite {
    color: #254a99 !important;
}

.bimm-region--hamburg .text-panel--brand {
    background-color: #254a99 !important;
}



.bimm-region--hamburg .nav-primary li:active, .bimm-region--berlin .nav-location li:active {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .container-testimonial--brand {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .cycle-mini-logo--branded {
    background-color: rgba(38, 74, 152, 0.62) !important;
}

.bimm-region--hamburg .form-stages .stage.active {
 background-color: #254a99 !important;
}

.bimm-region--hamburg .form-stages .stage.active:after {
    border-left-color: #254a99 !important;
}

.bimm-region--hamburg article .form-title {
    color: #254a99 !important;
}

.bimm-region--hamburg .cycle-selector-options li:hover a, .bimm-region--hamburg .cycle-selector-options li.f-active a {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .course-ucas {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .course-fees {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .nav-filter-years li.f-active a, .bimm-region--hamburg .nav-filter-tabs li.f-active a {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .nav-filter-years li.f-active a:after, .bimm-region--hamburg .nav-filter-tabs li.f-active a:after {
    border-top-color: #254a99 !important;
}

.bimm-region--hamburg .text-panel--brand-tag p.tag-block {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .course-intro .tag-block {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .f-btn.f-btn--more:hover span, .bimm-region--hamburg button.f-btn--more:hover span {
    color: #254a99 !important;
}

.bimm-region--hamburg .nav-primary .f-active:hover>a, .bimm-region--hamburg .nav-location .f-active:hover>a {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .title-widget-date {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .f-btn.f-btn--light, .bimm-region--hamburg button.f-btn--light {
    color: #254a99 !important;
}

.location-icon-hamburg {
    display: block;
    background-image: url(../img/spritesheet-1x.png);
    width: 38px;
    height: 38px;
    background-position: -905px -613px;
}






/* HAMBURG STYLES END */




/* NEW FORM STYLES [START] */


#more-stuff
{

width: 100%;
height: auto;
background-color: #F00;

}

#more-stuff1
{
width: 33%;
height: 400px;
background-color: #F0F;
float:left;
}

#more-stuff2
{
width: 33%;
height: 400px;
background-color: #FFF;
float:left;
}

#more-stuff3
{
width: 33%;
height: 400px;
background-color: #00F;
float:left;
}


div#step2-text {
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    background-color: #f40d5d;
    color: #FFF;
    border: none;
    padding: 1.5% 0% 1.5% 0%;
    margin: 0% 0% 0% 280px;
    width: 200px;
    text-align: center;
}


.form-divider {
    border-top: 1px solid #eeeeee;
    margin: 30px 0;
}

#myDIV {
    width: 100%;
    padding: 50px 0;
    text-align: center;
    background-color: lightblue;
    margin-top: 20px;
}

div#emailProspectus
{

margin-top: 50px;

}

div#postProspectus
{

margin-top: 50px;

}


select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.drop-location {
    width: 70%;
    font-size: 16px;
    color: #666;
}


select.wpcf7-form-control.wpcf7-select {
    width: 70%;
    font-size: 16px;
    color: #666;
}


.wpcf7-list-item-label {
    margin-right: 10px;
}


#step2-back a:link
{
color: rgb(255, 255, 255);
}

#step2-back a:hover
{
color: rgb(255, 255, 255);
}

#step2-back a:active
{
color: rgb(255, 255, 255);
}

#step2-back a:visited
{
color: rgb(255, 255, 255);
}


/* NEW FORM STYLES [END] */




#hide-desktop
{

display:none !important;

}

#form-picker
{
width: 100%;
    height: auto;
    padding: 5% 0% 5% 0%;
    margin: 5% 0% 2% 0%;
}

#ru-add {
    position: absolute;
    top: -210px;
    left: 0%;
}

li.dropdown-link a {
     text-align: left !important;
}


#ru-add2 {
    position: absolute;
    top: -60px;
    left: 0%;
}

#search-sort1
{
font-size: 1vw;
    margin: -22px 0px 18px 0px;
    color: #999;

}

#employvid1-holder {
    width: 100%;
    height: auto;
    margin-top: 64px;
}

#employvid1
{
width: 100%;
    height: 270px;
    position: relative;
}

#employvid1-ol
{
      width: 100%;
    height: auto;
    position: absolute;
    top: 64px;
    left: 0px;
    z-index: 99;
      background: -webkit-linear-gradient(bottom, rgba(255,0,0,0), rgb(17, 17, 17));
    background: -o-linear-gradient(top, rgba(255,0,0,0), rgba(255,0,0,1));
    background: -moz-linear-gradient(top, rgba(255,0,0,0), rgba(255,0,0,1));
    background: linear-gradient(to top, rgba(255,0,0,0), rgb(17, 17, 17));
}

#employvid1-text
{
font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0em;
    line-height: 31px;
    color: #fff;
    padding: 10px 14px 10px 14px;
}




#tutor-career-holder
{
    width: 100%;
    height: 30vw;
    background-color: rgba(255, 0, 0, 0.16);
    margin-top: 30px;

}




.f-btn--more a:hover {
 
     background-color: transparent !important;
     background: none !important;
}


.bimmStat-holder
{

width:1000px;
height: auto;
}

#bimmStat-words
{
width:375px;
height: auto;
float:left;
}

#bimmStat-tag
{
font-family: "Open Sans","Helvetica",sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    margin: 0px 0px 22px 15px;
    color: #fff;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

#bimmStat-words p
{
font-family: "Open Sans","Helvetica",sans-serif;
  
    font-size: 15px;
    line-height: 22px;
    margin: 0px 25px 0px 15px;
    color: #fff;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

#bimmStat-words h4
{
font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-weight: 600;
    font-size: 34px;
    letter-spacing: 0em;
    line-height: 22px;
    margin: 0px 0px 10px 15px;
    color: #fff;
}

#bimmStat-circles
{
    width: 625px;
    height: auto;
    float: left;
    margin-top: 37px;
}

#bimmStat-item
{
width:24%;
height: auto;
float:left;
    margin: 0% 0% 0% 1%;
}

#bimmStat-item-top
{
width:100%;
height: 150px;
 
    position: relative;

}

#bimmStat-item-top img
{
width:100%;
height: auto;
}


#bimmStat-item-cover
{
width: 100%;
    height: auto;
    position: absolute;
    top: 46px;
    left: 0px;
    text-align: center;
    font-size: 4vw;
    padding: 15px 0px 22px 0px;
    color: #f4f4f4;
}

#sml-perc {
    font-size: 3vw;
}

#bimmStat-item-bot
{
width:100%;
height: auto;
margin:5px 0px 0px 0px;
        
        -moz-border-radius: 7px !important;
    border-radius: 7px !important;
}

#bimmStat-item-bot p
{
font-family: "Open Sans","Helvetica",sans-serif;
    font-size: 14px;
    line-height: 17px;
    margin: 11px 5px 0px 5px;
    color: #fff;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
       padding: 5px 5px 5px 5px;
    text-align: center;

}



#search-sort-title {
    border-top: 1px solid rgba(153, 153, 153, 0.29);
    padding: 28px 0px 0px 0px;
}

#search-sort2 p {
    margin: 0px 0px 30px 0px;
    color: #666;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
   
    padding: 0px 0px 0px 0px;
}

#app-wordy {
    font-family: "Open Sans","Helvetica",sans-serif;
    font-size: 15px;
    line-height: 20px;
    padding: 10px 20px 10px 20px;
    color: #111;
    margin-top: -30px !important;
}

#ef-bg
{
width: 100%;
height: auto;
padding: 5% 0% 5% 0%;
background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/09/1933FW-events-bg-original.jpg);
background-repeat: no-repeat;
background-size: cover;
    margin-top: -502px;
}

#ef-top
{
    width: 1000px;
    height: 103px;
    margin: 0 auto;
    background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/09/1943PY-ef-top-original.png);
background-repeat: no-repeat;
background-size: cover;
}

#ef-mid
{
    width: 1000px;
    height: auto;
    margin: 0 auto;
    background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/09/1943DH-ef-mid-original.png);
background-repeat: repeat-y;
background-size: cover;
}

#ef-mid #mc_embed_signup .mc-field-group input {
   display: block;
    width: 63%;
    padding: 8px 0;
    text-indent: 2%;
    background-color: #f8f8f8 !important;
    height: 50px;
    color: #111 !important;
     font-size: 18px;
}

#ef-mid #mc_embed_signup .mc-field-group select {
    display: inline-block;
    width: 63%;
    padding: 5px 0;
    margin-bottom: 2px;
    height: 50px;
    text-indent: 15px;
    color: #111 !important;
    font-size: 18px;
}

#ef-mid #mc_embed_signup .button {
    clear: both;
    background-color: #aaa;
    border: 0 none;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    height: 47px;
    line-height: 24px;
    margin: 16px 5px 10px 160px;
    padding: 5px 33px 5px 33px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}

#ef-mid #mc_embed_signup .mc-field-group label {
    display: block;
    margin-bottom: 3px;
    font-size: 17px;
}


#ef-bot
{
    width: 1000px;
    height: 48px;
    margin: 0 auto;
    background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/09/1943MO-ef-bottom-original.png);
background-repeat: no-repeat;
background-size: cover;
}


.smallMe
{

font-size: 18px !important;
    line-height: 24px !important;
       background-color: rgba(0, 0, 0, 0.36);
}

.smallMe a:link
{

font-size: 18px !important;
    line-height: 24px !important;
   
}



.wpcf7-submit
{

-moz-border-radius: 5px !important;
    border-radius: 5px !important;
   background-color: #f40d5d;
    color: #FFF;
    border: none;
   padding: 1.5% 5% 1.5% 5%;
    margin: 0% 0% 0% 5%;
}

.nav-item-region label {
    font-size: 13px;
    font-weight: 400;
    color: #666666;
    float: left;
    margin: 1px 0px 0px 0px !important;
    width: 78px !important;
}

#app-process {
    width: 299px;
    min-height: 500px;
    height: auto;
    background-color: rgb(238, 238, 238);
    position: relative;
    white-space: pre-wrap !important;
    float: left;
    margin-top: 40px;
}

#ap-title-big
{
font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-size: 1.4vw;
    color: rgba(17, 17, 17, 0.81);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.9vw;
    padding: 0px 0px 0px 20px;
}

#toGet
{

padding: 0px 0px 14px 0px;


}

.bimm-location select
{

width:70% !important;
height: 3vw;

}

.bimm-level select
{

width:70% !important;
height: 3vw;

}

.bimm-level2 select
{

width:70% !important;
height: 3vw;

}

.bimm-level3 select
{

width:70% !important;
height: 3vw;

}

.drop-level 
{

width:70% !important;
height: 3vw;

}

.drop-level2 
{

width:70% !important;
height: 3vw;

}

.drop-level3
{

width:70% !important;
height: 3vw;

}


.arrow_box {
 position: relative;
    background: #ed145b;
    border: 0px solid #ed145b;
    float: left;
    padding: 7px 0px 7px 9px;
    color: #f5f5f5;
    margin: 8px 20px 0px 0px;
}
.arrow_box:after, .arrow_box:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #ed145b;
  border-width: 18px;
  margin-top: -18px;
}
.arrow_box:before {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #ed145b;
  border-width: 18px;
  margin-top: -18px;
}



#fp-button
{
    width: auto;
    height: auto;
    background-color: #999;
    color: #f5f5f5;
    padding: 2% 4% 2% 4%;
    float: left;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    text-align: center;
    margin: 0px 2px 0px 14px;
}

#iButton
{
    width: auto;
    height: auto;
    background-color: #999;
    color: #f5f5f5;
    padding: 2% 4% 2% 4%;
    float: left;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    text-align: center;
    margin: 0px 2px 0px 14px;
}

#iButton2
{
    width: auto;
    height: auto;
    background-color: #999;
    color: #f5f5f5;
    padding: 2% 4% 2% 4%;
    float: left;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    text-align: center;
    margin: 0px 2px 0px 14px;
}

#button202
{
   width: auto;
    height: auto;
    background-color: #ed135a;
    color: #f5f5f5;
    padding: 2% 4% 2% 4%;
    float: left;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    text-align: center;
    margin: 23px 2px 0px 86px;
}

#button202 a:link
{
    color: #f5f5f5;
    text-decoration: none;
}

#button202 a:hover
{
    color: #f5f5f5;
    text-decoration: underline !important;
}

#button202 a:active
{
    color: #f5f5f5;
    text-decoration: none;
}

#button202 a:visited
{
    color: #f5f5f5;
    text-decoration: none;
}

#form-email {
    
    width: 100%;
    height: auto;
    padding: 10px 0px 10px 0px;
}

#form-post {
    
    width: 100%;
    height: auto;
    padding: 10px 0px 10px 0px;
}

#fp-select
{
        width: auto;
    height: auto;
    color: #999999;
    /* padding: 2% 4% 2% 4%; */
    float: left;
    margin: 24px 0px 0px 14px;
    font-size: 12px;
}


.nav-item-region
{
    position: absolute;
    z-index: 100;
         padding-top: 47px !important;
    width: auto !important;
}

.nav-item-social
{

text-align:left !important;

}



#pro-button
{
  background-color: #a70062;
 -moz-border-radius: 5px !important;
        border-radius: 5px !important;

    margin: 0px 0px 0px 0px;
    float: left;
text-align: center;
    width: 92px;
    border: 0px;
}

#open-button
{
  background-color: #a70062;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    
    margin: 0px 0px 0px 21px;
       width: 90px;
    float: left;
text-align: center;
border: 0px;
}

#pro-button a:link {
    color: #f5f5f5;
    padding: 2px;
 }

#pro-button a:hover {
        color: #111 !important;
    background-color: #f5f5f5 !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;

 }

 #pro-button a:active {
    color: #f5f5f5;
 }

 #pro-button a:visited {
    color: #f5f5f5;
 }


 #open-button a:link {
    color: #f5f5f5;
    padding: 2px;
 }

#open-button a:hover {
    color: #111 !important;
    background-color: #f5f5f5 !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
 }

#open-button a:active {
    color: #f5f5f5;
 }

 #open-button a:visited {
    color: #f5f5f5;
 }


.bristol_main
{
background-color: #0088cc !important;
}

.bristol_light
{
background-color: #4fc0ef !important;
}

.brighton_main
{
background-color: #f89428 !important;
}

.brighton_light
{
background-color: #d77724 !important;
}

.berlin_main
{
background-color: #f8971d !important;
}

.berlin_light
{
background-color: #d77724 !important;
}


.manchester_main
{
background-color: #f26522 !important;
}

.manchester_light
{
background-color: #f79328 !important;
}

.london_main
{
background-color: #ce1b2c !important;
}

.london_light
{
background-color: #ef4156 !important;
}

.birmingham_main
{
background-color: #259c96 !important;
}

.birmingham_light
{
background-color: #7acbbe !important;
}


.dublin_main
{
background-color: #7abc00 !important;
}

.dublin_light
{
background-color: #bccf02 !important;
}









#bristol_main
{
background-color: #0088cc !important;
}

#bristol_light
{
background-color: #4fc0ef !important;
}

#brighton_main
{
background-color: #f89428 !important;
}

#brighton_light
{
background-color: #d77724 !important;
}

#berlin_main
{
background-color: #f8971d !important;
}

#berlin_light
{
background-color: #d77724 !important;
}


#manchester_main
{
background-color: #f26522 !important;
}

#manchester_light
{
background-color: #f79328 !important;
}

#london_main
{
background-color: #ce1b2c !important;
}

#london_light
{
background-color: #ef4156 !important;
}

#birmingham_main
{
background-color: #259c96 !important;
}

#birmingham_light
{
background-color: #7acbbe !important;
}


#dublin_main
{
background-color: #7abc00 !important;
}

#dublin_light
{
background-color: #bccf02 !important;
}

#button-holder
{
      margin: 7% 2% 4% 0%;
    width: 203px;
    float: right;

}

#parents-signup {
    width: 100%;
    height: auto;
    background-color: #d2cdcd;
    padding-bottom: 4%;
}

#parents-signup #mc_embed_signup input
{

width:50% !important;

}

#parents-signup #mc_embed_signup .mc-field-group {
    clear: left;
    position: relative;
    width: 96%;
    min-height: 50px;
    
}

#parents-signup #mc_embed_signup .mc-field-group input {
    color: #4c4b4b !important;
}

#parents-signup #mc_embed_signup .button {
    clear: both;
    background-color: #aaa;
    border: 0 none;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 4% 0% 0% 27.75%;
    padding: 0 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}


#button-holder ul
{
  list-style: none;
}

.icon-instagram {
    font-size: 19px !important;
    margin-right: 6px !important;
}

.icon-googleplus
{
font-size:32px !important;

}

#new-side-bar {
    width: 250px;
    min-height: 400px;
    height: auto;
    float: left;
    
    margin: 39px 0px 0px 0px;
}

#social-links-holder
{
    width: auto;
    height: auto;
    /* background-color: rgba(255, 0, 0, 0.35); */
    position: absolute;
    top: 0%;
    left: -0.5%;
    z-index: 999 !important;
}

.nav-item-social a {
    height: 30px;
    font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-weight: 700;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    font-size: 25px !important;
    line-height: 35px !important;
    color: #bbbbbb;
}

.nav-item-social li {
    float: left !important;
    left: 0;
    margin: 0px 4px 0px 0px !important;
}

.owl-prev
{
color: #fff !important;
}

.owl-next
{
color: #fff !important;
}





#nsb-text
{
font-size: 16px;
    line-height: 26px;
    color: rgba(51, 51, 51, 0.84);
    text-align: right;
}

#nsb-text a:link
{
    color: rgba(51, 51, 51, 0.84);
    text-decoration: none;
}

#nsb-text a:hover
{
    color: #f40d5d !important;
    text-decoration: underline !important;
}

#nsb-text a:active
{
    color: rgba(51, 51, 51, 0.84);
    text-decoration: none;
}

#nsb-text a:visited
{
    color: rgba(51, 51, 51, 0.84);
    text-decoration: none;
}


/* MODEL STYLES START */

.home-square-box
{
     width: 23.5%;
    height: auto;
    /* background-color: #2134CC; */
    float: left;
    margin: 0% 1.5% 0% 0%;
}

.home-square-box img
{
     width: 100%;
    height: auto;
}

#oneVid
{

width: 70%;
height: auto;
margin: 0 auto;
margin-top:5%;
}

/* [Object] Modal
 * =============================== */
.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0, 0, 0, 0.82);
  transition: opacity .25s ease;
}

.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.modal-state {
  display: none;
}

.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
}

.modal-state:checked + .modal .modal__inner {
  top: 0;
}

.modal__inner {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: auto;
  background: #000;
  border-radius: 5px;
  padding: 1em 2em;
  height: 40vw;
  z-index: 9999999999 !important;
}

.modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #aaa;
}

.modal__close:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
    
  .modal__inner {
    width: 90%;
    height: 90%;
    box-sizing: border-box;
  }
}


/* Other
 * =============================== */
body {
  padding: 1%;
  font: 1/1.5em sans-serif;
/*  text-align: center; */
}


.btn {
  cursor: pointer;
  background: #27ae60;
  display: inline-block;
  padding: .5em 1em;
  color: #fff;
  border-radius: 3px;
}

.btn:hover,
.btn:focus {
  background: #2ecc71;
}

.btn:active {
  background: #27ae60;
  box-shadow: 0 1px 2px rgba(0,0,0, .2) inset;
}

.btn--blue {
  background: #2980b9;
}

.btn--blue:hover,
.btn--blue:focus {
  background: #3498db;
}

.btn--blue:active {
  background: #2980b9;
}

p img {
  max-width: 200px;
  height: auto;
  float: left;
  margin: 0 1em 1em 0;
}



/* MODEL STYLES END */



/* Pie Chart */
.progress-pie-chart {
width:13px;
height: 13px;
border-radius: 50%;
background-color: #a2035d;
position: relative;
}
.progress-pie-chart.gt-50 {
background-color: #a2035d;
}


.ppc-progress {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 100px);
top: calc(50% - 100px);
width: 200px;
height: 200px;
clip: rect(0, 200px, 200px, 100px);
}
.ppc-progress .ppc-progress-fill {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 66.5px);
    top: calc(50% - 66.5px);
    width: 13px;
    height: 13px;
clip: rect(0, 100px, 200px, 0);
background: #a2035d;
transform: rotate(60deg);
}
.gt-50 .ppc-progress {
clip: rect(0, 100px, 200px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
clip: rect(0, 200px, 200px, 100px);
background: #a2035d;
}

.ppc-percents {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 123.91304px/2);
top: calc(50% - 123.91304px/2);
width: 123.91304px;
height: 123.91304px;
    background: #a2035d;
text-align: center;
display: table;
}
.ppc-percents span {
display: block;
font-size: 3vw; 
font-weight: bold;
color: #ffffff;
}


.pcc-percents-wrapper {
display: table-cell;
vertical-align: middle;
}

.progress-pie-chart {
margin: 50px auto 0;
}



/* Pie Chart 2 */
.progress-pie-chart2 {
width:13px;
height: 13px;
border-radius: 50%;
background-color: #a2035d;
position: relative;
}
.progress-pie-chart.gt-50 {
background-color: #a2035d;
}


.ppc-progress2 {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 100px);
top: calc(50% - 100px);
width: 200px;
height: 200px;
clip: rect(0, 200px, 200px, 100px);
}
.ppc-progress2 .ppc-progress-fill2 {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 66.5px);
    top: calc(50% - 66.5px);
    width: 13px;
    height: 13px;
clip: rect(0, 100px, 200px, 0);
background: #a2035d;
transform: rotate(60deg);
}
.gt-50 .ppc-progress2 {
clip: rect(0, 100px, 200px, 0);
}
.gt-50 .ppc-progress2 .ppc-progress-fill2 {
clip: rect(0, 200px, 200px, 100px);
background: #a2035d;
}

.ppc-percents2 {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 123.91304px/2);
top: calc(50% - 123.91304px/2);
width: 123.91304px;
height: 123.91304px;
    background: #a2035d;
text-align: center;
display: table;
}
.ppc-percents2 span {
display: block;
font-size: 3vw; 
font-weight: bold;
color: #ffffff;
}


.pcc-percents-wrapper22 {
display: table-cell;
vertical-align: middle;
}

.progress-pie-chart2 {
margin: 50px auto 0;
}



/* Pie Chart 3 */
.progress-pie-chart3 {
width:13px;
height: 13px;
border-radius: 50%;
background-color: #a2035d;
position: relative;
}
.progress-pie-chart.gt-50 {
background-color: #a2035d;
}


.ppc-progress3 {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 100px);
top: calc(50% - 100px);
width: 200px;
height: 200px;
clip: rect(0, 200px, 200px, 100px);
}
.ppc-progress3 .ppc-progress-fill3 {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 66.5px);
    top: calc(50% - 66.5px);
    width: 13px;
    height: 13px;
clip: rect(0, 100px, 200px, 0);
background: #a2035d;
transform: rotate(60deg);
}
.gt-50 .ppc-progress3 {
clip: rect(0, 100px, 200px, 0);
}
.gt-50 .ppc-progress3 .ppc-progress-fill3 {
clip: rect(0, 200px, 200px, 100px);
background: #a2035d;
}

.ppc-percents3 {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 123.91304px/2);
top: calc(50% - 123.91304px/2);
width: 123.91304px;
height: 123.91304px;
    background: #a2035d;
text-align: center;
display: table;
}
.ppc-percents3 span {
display: block;
font-size: 3vw; 
font-weight: bold;
color: #ffffff;
}


.pcc-percents-wrapper22 {
display: table-cell;
vertical-align: middle;
}

.progress-pie-chart3 {
margin: 50px auto 0;
}

#returners
{
width: 100%;
height: auto;
background-color: #111111;
}



#returners-top
{
width: 100%;
height: auto;

}

#returners-top-left
{
width: 68%;
height: auto;
float: left;
}

#returners-top-left img
{
width: 100%;
height: auto;
}

#returners-top-right
{
width: 32%;
height: auto;
float: left;
text-align: left;
}



#returners-bottom
{
width: 95%;
    height: auto;
    margin: 0 auto;
    margin-top: 3%;
}


#who-are-you
{
width: 100%;
height: auto;
background-color: #111111;

}


#who-are-you-mid
{
    width: 1000px;
    height: 96vw;
 
    margin: 0 auto;
    position: relative;
}

#who-are-you-mid1
{
        width: 1000px;
    height: 34.62vw;
    background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/07/1304DS-who1-original.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -54px;
    left: 0%;
    z-index: 99 !important;
    
}

#who-are-you-mid2
{
        width: 1000px;
    height: 34.62vw;
    background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/07/1455DU-who2-original.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 391px;
    left: 0%;
    z-index: 99 !important;
}

#who-are-you-mid3
{
        width: 1000px;
    height: 34.62vw;
    background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/07/1415BM-who3-original.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 820px;
    left: 0%;
    z-index: 99 !important;
    
}

#who-ol-1 {
   width: 649px;
    height: auto;
    padding: 2% 0% 1% 0%;
    position: absolute;
    top: 14%;
    left: 5%;
    z-index: 9999999 !important;
   
}

#who-ol-2 {
   width: 649px;
    height: auto;
    padding: 2% 0% 1% 0%;
    position: absolute;
    top: 14%;
    right: 5%;
    z-index: 9999999 !important;
   
}

#bigger-title {

   font-size: 29px !important;
    line-height: 31px !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    color: #f5f5f5;
    padding: 0% 0% 0% 2%;
}

#bigger-title2 {
    font-size: 29px !important;
    line-height: 31px !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    color: #f5f5f5;
       padding: 0% 2% 0% 2%;
    text-align: right;
}

#in-here1
{
font-size: 20px;
    line-height: 41px;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 400 !important;
    margin: 5% 0% 0% 0%;
}

#in-here1 a:link
{
color: #f5f5f5 !important;
text-decoration: none;
}

#in-here1 a:hover
{
color: #f5f5f5 !important;
text-decoration: none;
}

#in-here1 a:active
{
color: #f5f5f5 !important;
text-decoration: none;
}

#in-here1 a:visited
{
color: #f5f5f5 !important;
text-decoration: none;
}

#in-here2
{
font-size: 20px !important;
    line-height: 41px !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 400 !important;
    margin: 11% -36% 0% 0%;
    float: right;
}

#in-here2 a:link
{
color: #f5f5f5 !important;
text-decoration: none;
}

#in-here2 a:hover
{
color: #f5f5f5 !important;
text-decoration: none;
}

#in-here2 a:active
{
color: #f5f5f5 !important;
text-decoration: none;
}

#in-here2 a:visited
{
color: #f5f5f5 !important;
text-decoration: none;
}


#who-ol-1-title
{
width: 100%;
height: auto;
}

#who-ol-1-title-left {
    width: 10%;
    height: auto;
    float: left;
}

#who-ol-1-title-left img
{
width: 100%;
height: auto;
}

#who-ol-1-title-right
{
width: 90%;
height: auto;
float: left;
}

#for-you1 {
    width: 36%;
    height: auto;
    padding: 1% 0% 1% 2%;
    border-top: 1px solid #ed145b;
    color: #ed145b;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 5px;
    /* text-align: center; */
}

#for-you2 {
        width: 44%;
    height: auto;
    padding: 1% 0% 1% 6%;
    border-top: 1px solid #ed145b;
    color: #ed145b;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 5px;
    /* text-align: center; */
    float: right;
}

#for-you3 {
    width: 36%;
    height: auto;
    padding: 1% 0% 1% 1%;
    border-top: 1px solid #ed145b;
    color: #ed145b;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 5px;
    /* text-align: center; */
}

#who-button
{
width: auto;
    height: auto;
    padding: 1% 2% 1% 2%;
    color: #f5f5f5;
    text-align: center;
    position: absolute;
    bottom: 12%;
    right: 5%;
    background-color: rgba(255, 0, 91, 0.39);
    border: 1px solid #ff005b;
    /* font-size: 21px; */
    font-size: 20px !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 400 !important;
    -moz-border-radius: 5px !important;
    border-radius: 14px !important;
}

#who-button2
{
width: auto;
    height: auto;
    padding: 1% 2% 1% 2%;
    color: #f5f5f5;
    text-align: center;
    position: absolute;
    bottom: 12%;
    left: 5%;
        background-color: rgba(255, 0, 91, 0.57);
    border: 1px solid #ff005b;
    /* font-size: 21px; */
    font-size: 20px !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 400 !important;
    -moz-border-radius: 5px !important;
    border-radius: 14px !important;
}

#fullness
{
max-width: 100% !important;
}

#new-art
{
max-width: 100% !important;
    margin-top: 4%;
}


#login-box
{
width: 80%;
    height: auto;
    margin: 0 auto;
    border: 1px solid rgba(51, 51, 51, 0.18);
    padding: 5% 10% 5% 10%;
    background-color: rgba(0, 0, 0, 0.01);

}

#survey-holder
{
width:100%;
width: auto;
background-color: #111;
}

#survey-holder-mid
{
    width: 51%;
    height: auto;
    margin: 0 auto;
    padding: 5% 0% 5% 0%;
    position: relative;
}

#survey-holder-mid img
{
    width: 100%;
    height: auto;
    position: relative;
}



#number-ol-1
{
width: 40%;
    height: auto;
    position: absolute;
    top: 21.5%;
    left: -3.8%;
    z-index: 9999 !important;
    font-size: 56px;
    font-weight: bold;
    color: #f5f5f5;

}

#number-ol-2
{
 width: 40%;
    height: auto;
    position: absolute;
  top: 39.2%;
    left: 15.5%;
    z-index: 9999 !important;
    font-size: 56px;
    font-weight: bold;
    color: #f5f5f5;

}

#number-ol-3
{
 width: 40%;
    height: auto;
    position: absolute;
    top: 59.8%;
    left: 5.1%;
    z-index: 9999 !important;
    font-size: 56px;
    font-weight: bold;
    color: #f5f5f5;

}

#staff-holder-row
{
width: 100%;
    height: 5vw;
    /* background-color: #F00; */
    margin: 4% 0% 0% 0%;
}

#staff-holder-row-title
{
   font-size: 36px;
    line-height: 30px;
    color: #f5f5f5;
    text-transform: uppercase;
    font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    letter-spacing: 1px;
    text-align: center;
}


#staff-holder
{
width: 30%;
    height: auto;
    margin: 0% 1.5% 3% 1.5%;
    float: left;
    background-color: #918e8e;
}

#staff-holder-image
{
width: 100%;
    height: 15vw;
    position: relative;
    overflow: hidden;
}

#staff-holder-image img
{
width: 100%;
    height: auto;
    position: relative;
}

#name-overlay
{
width: 100%;
    height: 13vw;
    background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/07/1308CY-grad-original.png);
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    bottom: 0%;
    background-size: cover;
    left: 0%;
    z-index: 999 !important;
}

#name-overlay-title
{
    color:#FFF;
padding: 2% 2% 2% 2%;
width: auto;
height: auto;
display: block;
text-transform: uppercase;
font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    position: absolute;
    bottom: 4%;
    left: 3%;
    font-size: 1.3vw;
}

.loc-brighton
{
color: #f89428 !important;
}

.loc-london
{
color: #ce1a2b !important;
}

.loc-dublin
{
color: #72bf44 !important;
}

.loc-manchester
{
color: #f26522 !important;
}

.loc-brighton1
{
background-color: #f89428 !important;
}

.loc-london1
{
background-color: #ce1a2b !important;
}

.loc-dublin1
{
background-color: #72bf44 !important;
}

.loc-manchester1
{
background-color: #f26522 !important;
}

#staff-holder-text
{
width: 100%;
    height: 15vw;
}

#staff-holder-contact
{
width: 100%;
    height: auto;
    background-color: #111;
    padding: 3% 0% 0% 0%;
    padding-bottom: 8%;
}

#staff-holder-contact-row
{
width: 90%;
    height: auto;
    margin:0 auto;
    padding: 3% 0% 0% 0%;
}

#staff-holder-contact-row-image
{
     width: 6%;
    height: auto;
    float: left;
    margin-left: 5%;
}


#staff-holder-contact-row-image img
{
    width: 100%;
    height: auto;
}

#staff-holder-contact-row-image2
{
      width: 6%;
    height: auto;
    float: left;
    margin-left: 5%;
    margin-top: 1.5%;
}


#staff-holder-contact-row-image2 img
{
    width: 100%;
    height: auto;
}


#staff-holder-contact-row-text
{
  width: 77%;
    margin: 1.5% 0% 0% 6%;
    height: auto;
    color: #f5f5f5;
    font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-size: 14px;
    float: left;
}

#staff-holder-contact-row-text2
{
  width: 77%;
    margin: 0% 0% 0% 6%;
    height: auto;
    color: #f5f5f5;
    font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-size: 14px;
    float: left;
}


#staff-holder-text-title
{
font-size: 1.1vw;
    text-transform: uppercase;
    font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    line-height: 1.6vw;
    color: #f5f5f5;
    margin: 5% 5% 0% 5%;
}

#staff-holder-text-content
{
    font-size: 13px;
    line-height: 1.4vw;
    color: #f5f5f5;
    margin: 5% 5% 0% 5%;
    font-family: "Open Sans","Helvetica",sans-serif;
}


#where-find-brighton
{
color: #fff;
    padding: 0.2% 0.5% 0.2% 0.5%;
    width: auto;
    height: auto;
    display: block;
    font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-size: 0.8vw;
    margin: 1% 0% 0% 9.5%;
    background-color: #000;
    text-align: center;
    position: absolute;
    letter-spacing: 1px;
}

#where-find-manchester
{
color: #fff;
    padding: 0.2% 0.5% 0.2% 0.5%;
    width: auto;
    height: auto;
    display: block;
    font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-size: 0.8vw;
    margin: 1% 0% 0% 8%;
    background-color: #000;
    text-align: center;
    position: absolute;
    letter-spacing: 1px;
}

#dl-title
{
 font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-size: 29px;
    line-height: 31px;
    margin: 0% 0% 0% 7%;
    color: #111;
    text-transform: uppercase;
    font-weight: bold;

}



#dl-text
{
font-family: "Open Sans","Helvetica",sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #111;
    margin: 5% 11% 0% 7%;
}

#dl-title2
{
 font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-size: 29px;
    line-height: 31px;
    margin: 0% 25% 0% 0%;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;

}



#dl-text2
{
font-family: "Open Sans","Helvetica",sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    margin: 5% 23% 0% 0%;
}


#white-section
{
width: 100%;
    height: auto;
    background-color: #f5f5f5;
    padding: 3% 0% 3% 0%;
}

#blackTag
{
    margin: 8% 0% 0% 7%;
    background-color: #111111 !important;
    color: #ffffff !important;

}

#whiteTag
{
    margin: 8% 0% 0% 0%;
    background-color: #ffffff !important;
    color: #111111 !important;

}


#download-row
{

width: 1000px;
height:auto;
margin: 0 auto;
}

#download-row-left
{
width: 335px;
height:25vw;
float:left;
background-color: #FFF;
}


#download-row-right
{
width: 665px;
height:25vw;
background-color: #FFF;
float:left;
}

#download-row-right img
{
    width: 30%;
    height: auto;
    float: left;
    margin: 6.3% 0% 0% 2%;
}




#mc_embed_signup_scroll h2
{

display: none !important;

}

#mc-embedded-subscribe
{

background-color: #ed145b;
color: #111 !important;
}

#mc-embedded-subscribe a:link
{

background-color: #ed145b;
color: #f5f5f5 !important;
}

#mc-embedded-subscribe a:visited
{

background-color: #ed145b;
color: #f5f5f5 !important;
}

#mc-embedded-subscribe a:active
{

background-color: #ed145b;
color: #f5f5f5 !important;
}

#mc-embedded-subscribe a:hover
{

background-color: #f5f5f5 !important;
color: #111 !important;
}

#mc_embed_signup .button:hover {
    background-color: #f5f5f5 !important;
  color: #111 !important;
}

.validated-by-university
{display: none !important;}

#icon-newsletter
{

width: 10vw !important;


}

#mc_embed_signup .button {
    clear: both;
    background-color: #ed145b;
} 

#mc_embed_signup input
{

border: none !important;
color: #f5f5f5 !important;

}


#en101
{
    background-color: #f40d5d;
}

#en101 a:hover
{
    background-color: #fff !important;
        color: #111111 !important;
}


#brighton101
{
    background-color: #fc943a;
}

#brighton101 a:hover
{
    background-color: #fff !important;
    color: #111111 !important;
}


#london101
{
    background-color: #d31831;
}

#london101 a:hover
{
    background-color: #fff !important;
     color: #111111 !important;
}

#berlin101
{
    background-color: #fc9835;
}

#berlin101 a:hover
{
    background-color: #fff !important;
     color: #111111 !important;
}

#manchester101
{
    background-color: #f76531;
}

#manchester101 a:hover
{
    background-color: #fff !important;
     color: #111111 !important;
}

#dublin101
{
    background-color: #6ac04e;
}

#dublin101 a:hover
{
    background-color: #fff !important;
     color: #111111 !important;
}

#bristol101
{
    background-color: #0088cc;
}

#bristol101 a:hover
{
    background-color: #fff !important;
     color: #111111 !important;
}

#birmingham101
{
    background-color: #009b91;
}

#birmingham101 a:hover
{
    background-color: #fff !important;
     color: #111111 !important;
}


#ucas-link-meta
{
    width: 75%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 10%;
}

#ucas-link-meta img
{

width: 100%;
height: auto;
}


#firstRow
{
width: 100%;
height: auto;
background-color: #ffffff;
padding-bottom:3%;
}



#firstRowLeft
{
    width: 50%;
    height: auto;
    float: left;
    padding: 2% 0% 2% 0%;
    background-color: #ffffff;
}

#firstRowLeft p
{
color: #111111 !important;
    font-family: "Open Sans","Helvetica",sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    padding: 0px 120px 0px 35px;
}



#firstRowRight
{
width: 50%;
height: auto;
float: left;
background-color: #ffffff;
}


#lineline
{
width: 90%;
    height: 1px;
    /* margin: 0 auto; */
    margin: 2% 0% 6% 0%;
    background-color: #f5f5f5;
}


#course-file-head
{
width: 35%;
    height: auto;
    -moz-border-radius: 5px 5px 0px 0px !important;
    border-radius: 5px 5px 0px 0px !important;
    padding: 2%;
    background-color: #7b7676;
    color: #FFFFFF;
    margin: 4% 0% 0% 64%;
}

#course-file-head img
{
   width: 85%;
    height: auto;
    margin: 5% 0% 0% 5%;
}

#course-file
{
   width: 99%;
    height: auto;
    -moz-border-radius: 5px 0px 5px 5px !important;
    border-radius: 5px 0px 5px 5px !important;
    padding: 9%;
    background-color: #7b7676;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 8%;
    list-style: none !important;

}

#course-file li
{
display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 4%;
    padding-top: 4%;
    font-size: 15px;

}



#course-file a:link
{
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
}

#course-file a:hover
{
    color: #d31831 !important;
    text-decoration: none;
    font-style: normal;
}

#course-file a:visited
{
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
}

#course-file a:active
{
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
}



#course-file2
{
   width: 99%;
    height: auto;
    -moz-border-radius: 5px 0px 5px 5px !important;
    border-radius: 5px 0px 5px 5px !important;
    padding: 9%;
    background-color: #7b7676;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 8%;
    list-style: none !important;

}

#course-file2 li
{
display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 4%;
    padding-top: 4%;
    font-size: 15px;

}

#course-file2 a:link
{
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
}

#course-file2 a:hover
{
    color: #fc943a !important;
    text-decoration: none;
    font-style: normal;
}

#course-file2 a:visited
{
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
}

#course-file2 a:active
{
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
}

#course-file3
{
   width: 99%;
    height: auto;
    -moz-border-radius: 5px 0px 5px 5px !important;
    border-radius: 5px 0px 5px 5px !important;
    padding: 9%;
    background-color: #7b7676;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 8%;
    list-style: none !important;

}

#course-file3 li
{
display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 4%;
    padding-top: 4%;
    font-size: 15px;

}

#course-file3 a:link
{
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
}

#course-file3 a:hover
{
    color: #f76531 !important;
    text-decoration: none;
    font-style: normal;
}

#course-file3 a:visited
{
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
}

#course-file3 a:active
{
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
}

#course-file4
{
   width: 99%;
    height: auto;
    -moz-border-radius: 5px 0px 5px 5px !important;
    border-radius: 5px 0px 5px 5px !important;
    padding: 9%;
    background-color: #7b7676;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 8%;
    list-style: none !important;

}

#course-file4 li
{
display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 4%;
    padding-top: 4%;
    font-size: 15px;

}

#course-file4 a:link
{
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
}

#course-file4 a:hover
{
    color: #009d96 !important;
    text-decoration: none;
    font-style: normal;
}

#course-file4 a:visited
{
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
}

#course-file4 a:active
{
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
}

#lower-hero
{
    width: 70%;
    height: auto;
    background-color: #ed145b;
    position: relative;
    margin: 15% 0% 0% 7%;
}


#lower-hero img
{
    width: 76%;
    height: auto;
    position: absolute;
    top: -15px;
    left: 11%;
}




#lower-hero p
{
color: #FFFFFF !important;
    font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 28px;
    padding: 110px 33px 0px 33px;
    text-transform: uppercase;
}


#lower-hero-top
{
    width:100%;
    height: 300px;
}

#lower-hero-top img
{
    width:auto;
    height: 100%;
}


#lower-hero-bottom
{
    width:100%;
    height: 300px;
}

#namer
{

color: #111111 !important; 
font-size:12px !important; 
padding:0% 10% 10% 10%

}


#leeTitle
{

font-size: 28px !important; 
line-height: 30px; 
color: #111111; 
padding: 60px 120px 0px 35px;

}


.leeRow
{

position: relative;
    overflow: hidden;
    background: #f5f5f5;
    padding: 20px 0px;
margin-top: 0px;
margin-bottom: 0px;
width: 100%;
height: auto;
}


#headOne
{

font-size: 2.66667em !important;


}


#headTwo
{

font-size: 20px !important;
    line-height: 25px !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;


}











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

#employvid1-holder {
    width: 90% !important;
    height: auto;
    margin-top: 27px !important;
    float: right !important;
}

#employvid1 {
    width: 100%;
    height: 210px !important;
    position: relative;
}

#employvid1-ol {
    width: 90% !important;
    height: auto;
    position: absolute;
    top: 27px !important;
    left: 47px !important;
    z-index: 99;
    background: -webkit-linear-gradient(bottom, rgba(255,0,0,0), rgb(17, 17, 17));
    background: -o-linear-gradient(top, rgba(255,0,0,0), rgba(255,0,0,1));
    background: -moz-linear-gradient(top, rgba(255,0,0,0), rgba(255,0,0,1));
    background: linear-gradient(to top, rgba(255,0,0,0), rgb(17, 17, 17));
}

#new-side-bar {
    width: 100% !important;
    min-height: auto !important;
    height: auto;
    float: left;
    margin: 0px 0px 0px 0px !important;
    background-color: rgba(17, 17, 17, 0.07);
    padding: 4% 0% 4% 0% !important;
}

#nsb-text {
    font-size: 16px !important;
    line-height: 26px !important;
    color: rgba(51, 51, 51, 0.84) !important;
    text-align: center !important;
}

.nav-item-location {
    display: none;
        width: 45px !important;
    height: 44px;
    background-color: #ffffff;
    float: right;
    margin-top: 13px;
    padding: 0 !important;
    border-radius: 0;
    cursor: pointer;
    background-color: #ed145b;
    position:relative !important;
}

#LocationWords
{
  font-size: 18px !important;
    position: absolute;
    top: 26%;
    right: 6%;
    font-family: "Open Sans","Helvetica",sans-serif;
    font-weight: 700;
}

#social-links-holder
{

display:none !important;

}


#hide-desktop
{

display:block !important;

}


.nav-top {
    position: fixed !important;
        z-index: 9999 !important;
}

.icon-hamburger:before {
    display:none !important;
}

i.icon-hamburger img {
    width: 90% !important;
    height: auto;
    margin: 2px 0% 0% 2px !important;
}


.nav-primary, .nav-location {
  
    z-index: 9999999 !important;
}


#parents-signup #mc_embed_signup input
{

width:100% !important;

}

#parents-signup #mc_embed_signup .button {
    
    width: auto !important;
}


#parents-signup #mc_embed_signup .mc-field-group {
    margin-bottom: 11% !important;
}


#ru-add {
      position: absolute;
    top: -193px !important;
    left: 0%;
    font-size: 33px !important;
}

#ru-add2 {
    position: absolute;
    top: -73px !important;
    left: 0%;
}

#ef-bg
{
width: 100%;
height: auto;
padding: 5% 0% 5% 0%;
background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/09/1933FW-events-bg-original.jpg);
background-repeat: no-repeat;
background-size: cover;
   margin-top: -547px !important;
}

#ef-top {
    width: 100%;
    height: 10vw !important;
    margin: 0 auto;
    background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/09/1943PY-ef-top-original.png);
    background-repeat: no-repeat;
    background-size: contain !important;
}

#ef-mid {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/09/1943DH-ef-mid-original.png);
    background-repeat: repeat-y;
    background-size: cover;
}

#ef-bot {
    width: 100%;
    height: 5vw !important;
    margin: 0 auto;
    background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/09/1943MO-ef-bottom-original.png);
    background-repeat: no-repeat;
    background-size: contain !important;
}

#ef-mid #mc_embed_signup .mc-field-group input {
    display: block;
    width: 100% !important;
    padding: 8px 0;
    text-indent: 2%;
    background-color: #f8f8f8 !important;
    height: 50px;
    color: #111 !important;
    font-size: 18px;
}

#ef-mid #mc_embed_signup .mc-field-group select {
    display: inline-block;
    width: 100% !important;
    padding: 5px 0;
    margin-bottom: 2px;
    height: 50px;
    text-indent: 15px;
    color: #111 !important;
    font-size: 18px;
}

#ef-mid #mc_embed_signup .button {
    clear: both;
    background-color: #aaa;
    border: 0 none;
    border-radius: 4px;
    transition: all 0.23s ease-in-out 0s;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    height: 47px;
    line-height: 24px;
    margin: 10% 0% 10px 6% !important;
    padding: 5px 33px 5px 33px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
}

#app-process {
    width: 100% !important;
    min-height: auto !important;
    height: auto;
    background-color: rgb(238, 238, 238);
    position: relative;
    white-space: pre-wrap !important;
    float: left;
    margin-top: 40px;
}

#ap-title-big
{
font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-size: 1.5em !important;
    color: rgba(17, 17, 17, 0.81);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.9vw;
    padding: 0px 0px 0px 20px;
}

#app-wordy {
    font-family: "Open Sans","Helvetica",sans-serif;
    font-size: 17px !important;
    line-height: 25px !important;
    padding: 10px 20px 10px 20px;
    color: #111;
    margin-top: -30px !important;
}

#bimmStat-circles {
    width: 555px;
    height: auto;
    float: left;
    margin-top: 37px;
}

#more-stuff1
{
width: 100%;
height: 400px;
background-color: #F0F;
float:left;
}

#more-stuff2
{
width: 100%;
height: 400px;
background-color: #FFF;
float:left;
}

#more-stuff3
{
width: 100%;
height: 400px;
background-color: #00F;
float:left;
}


.bimm-region--hamburg .brand-logo {
    height: 55px;
    margin-top: -10px;
}

.bimm-region--hamburg .mobile-contact ul {
    background-color: #254a99 !important;
}

.bimm-region--hamburg .nav-item-location {
    background-color: #254a99 !important;
}


}




























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

#employvid1 {
    width: 100%;
    height: 400px !important;
    position: relative;
}

#employvid1-holder {
    width: 100% !important;
    height: auto;
    margin-top: 0px !important;
    float: right !important;
}

#employvid1-ol {
    width: 100% !important;
    height: auto;
    position: absolute;
    top: 0px !important;
    left: 0px !important;
    z-index: 99;
    background: -webkit-linear-gradient(bottom, rgba(255,0,0,0), rgb(17, 17, 17));
    background: -o-linear-gradient(top, rgba(255,0,0,0), rgba(255,0,0,1));
    background: -moz-linear-gradient(top, rgba(255,0,0,0), rgba(255,0,0,1));
    background: linear-gradient(to top, rgba(255,0,0,0), rgb(17, 17, 17));
}



#iButton {
     width: 80%;
    height: auto;
    background-color: #999;
    color: #f5f5f5;
    padding: 2% 4% 2% 4%;
    float: left;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    text-align: center;
    margin: 9% 0% 0% 10% !important;
    font-size: 7vw !important;
}

#iButton2 {
    width: 80%;
    height: auto;
    background-color: #999;
    color: #f5f5f5;
    padding: 2% 4% 2% 4%;
    float: left;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    text-align: center;
    margin: 9% 0% 0% 10% !important;
    font-size: 7vw !important;
}

#form-email-prospectus .f-field-contained .f-radio
{

font-size: 4vw !important;
    line-height: 7vw !important;
    margin-left: 28% !important;

}

label[for="fb-form-email-prospectus-course-level-2"] {
   margin: 5% 0% 5% 0% !important;
}

#firstRow {
    width: 94% !important;
    height: auto;
    background-color: #ffffff;
    padding-bottom: 3%;
    margin: 0 auto;
}


#firstRowLeft {
    width: 100% !important;
    height: auto;
    float: left;
    padding: 2% 0% 2% 0%;
    background-color: #ffffff;
}


#firstRowRight {
    width: 96% !important;
    height: auto;
    float: left;
    background-color: #ffffff;
    margin-left: 2.5% !important;
}



#leeTitle
{
    font-size: 28px !important;
    line-height: 30px;
    color: #111111;
    padding: 11px 120px 0px 35px;

}



#lower-hero {
    width: 100% !important;
    height: auto;
    background-color: #ed145b;
    position: relative;
    margin: 15% 0% 0% 0% !important;
}


#lower-hero p {
    color: #FFFFFF !important;
    font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-weight: 700;
    font-size: 17px !important;
    line-height: 28px;
    padding: 130px 33px 0px 33px !important;
    text-transform: uppercase;
}

#mce-EMAIL
{


font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    font-weight: 400;
    font-size: 0.8125em;
    -webkit-font-smoothing: antialiased;
    background-color: #111111;
    border: 0px;
    margin-bottom: 20px;
    height: 38px;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #eeeeee;
    margin-bottom: 0px !important;

    
}


#mc_embed_signup_scroll h2
{

display: none !important;

}

#new-side-bar {
    width: 100% !important;
    min-height: auto !important;
    height: auto;
    float: left;
    margin: 0px 0px 0px 0px !important;
    background-color: rgba(17, 17, 17, 0.07);
    padding: 4% 0% 4% 0% !important;
}

#nsb-text {
    font-size: 16px !important;
    line-height: 26px !important;
    color: rgba(51, 51, 51, 0.84) !important;
    text-align: center !important;
}


.nav-primary.f-fixed, .nav-location.f-fixed {

    z-index: 9999999 !important;
}

#ru-add {
      position: absolute;
    top: -283px !important;
    left: 0%;
    font-size: 33px !important;
}

#ru-add2 {
    position: absolute;
    top: -153px !important;
    left: 0%;
}

.bimmStat-holder {
    width: 100% !important;
    height: auto;
}

#bimmStat-words {
    width: 100% !important;
    height: auto;
    float: left;
}

#button202 {
    width: auto;
    height: auto;
    background-color: #ed135a;
    color: #f5f5f5;
    padding: 2% 4% 2% 4%;
    float: left;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    text-align: center;
        margin: 6% 2px 6% 38% !important;
}

#bimmStat-circles {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 37px;
}

#bimmStat-item {
       width: 40% !important;
    height: auto;
    float: left;
    margin: 0% 0% 0% 6%;
}

#bimmStat-item-top {
width: 100%;
    height: auto !important;
    position: relative;
}

#bimmStat-item-cover {
  width: 100%;
    height: auto;
    position: absolute;
    top: 46px !important;
    left: 0px;
    text-align: center;
    font-size: 30vw !important;
    padding: 12vw 0px 22px 0px !important;
    color: #f4f4f4;
}

#sml-perc {
    font-size: 14vw !important;
}

#bimmStat-item-bot p {
        font-family: "Open Sans","Helvetica",sans-serif;
    font-size: 14px;
    line-height: 21px;
    margin: 11px 5px 20% 5px;
    color: #fff;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    padding: 5px 5px 5px 5px;
    text-align: center;
    letter-spacing: -1px;
}

#bimmStat-item-bot {
    width: 100%;
    height: auto;
    margin: 5px 0px 0px 0px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
}

}
































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

header {
    padding-top: 70px !important;
    padding-bottom: 0;
    overflow: visible;
    height: 170vw !important;
}

#employvid1 {
    width: 100%;
    height: 200px !important;
    position: relative;
}

.cycle-item-text {
    position: absolute;
    top: 82px !important;
    bottom: auto;
    left: 20px;
    width: -moz-calc(100% - 2*20px);
    width: -o-calc(100% - 2*20px);
    width: -webkit-calc(100% - 2*20px);
    width: calc(100% - 2*20px);
}

#ru-add {
      position: absolute;
    top: -303px !important;
    left: 0%;
    font-size: 33px !important;
}

#ru-add2 {
    position: absolute;
    top: -73px !important;
    left: 0%;
}

#ef-bg
{
width: 100%;
height: auto;
padding: 5% 0% 5% 0%;
background-image: url(http://www.bimm.co.uk/wp-content/uploads/2017/09/1933FW-events-bg-original.jpg);
background-repeat: no-repeat;
background-size: cover;
   margin-top: -425px !important;
}

}