html {
}

body {
    font-family: 'Open Sans', sans-serif;
    background-color: #FFFFFF;
    overflow: hidden;
    overflow-y: auto;
}

a, a:hover, a:visited, a:active {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 1.3em;
    margin-top: 15px;
    margin-bottom: 15px;
}

h1, h2, h3, h4, h5 {
    color: #777777;
}

h3 {
}

h4 {
    color: #007cad;
}

h2, h3 {
}


h2 {
    font-weight: 300;
}

/*h3 {
    line-height: 1.1em;
       margin-top:10px;
       margin-bottom:10px;
}*/

#page-container {
    background: url('/images/back.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%;
}

#page {
    /*  border: solid;
 padding:0px;*/
    padding-top: 20px;
    background-color: #ffffff;
}

.mt-shad {
    clear: both;
    height: 20px;
    width: 100%;
    background-image: url('/images/shad.png');
    background-size: 100% 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    overflow: visible;
    /*  border: double 5px red;*/
}

.back-art1, .back-art2, .back-art3, .back-art4, .back-art5, .back-art6 {
    /**background-size:100%;**/
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

.back-art1 {
    background-image: url('/images/back-art1.jpg');
}

.back-art2 {
    background-image: url('/images/back-art2.jpg');
}

.back-art3 {
    background-image: url('/images/back-art3.jpg');
}

.back-art4 {
    background-image: url('/images/back-art4.jpg');
}

.back-art5 {
    background-image: url('/images/back-art5.jpg');
    background-position: top center;
}

.back-art6 {
    background-image: url('/images/back-art6.jpg');
    background-position: center center;
    background-size: cover;
}
/*.col-md-6 .mt-shad {background-image:url('/images/shad2.png'); }

.col-md-4 .mt-shad {background-image:url('/images/shad3.png'); }*/

/********************************** HEADER ***********************************/


#header-container {
}

#header {
    margin-bottom: 10px;
    margin-top: 10px;
}

    #header h1, #header h2, #header h3, #header p {
        margin: 0px;
        margin-bottom: 10px;
    }

h1#college-name {
    padding: 0px;
    margin-bottom: 0px;
}

.address {
    font-size: 90%;
    margin-top: 2px;
    margin-bottom: 5px;
}

#motto {
    background-color: #FF9900;
    color: #FFFFFF;
    display: inline-block;
    font-size: 130%;
    padding: 6px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: bold;
}

#motto {
    padding-top: 6px;
    padding-bottom: 7px;
}

p.tameside_college_telephone {
    color: #007CAD;
    font-size: 36px;
    margin: 0px;
    margin-bottom: 1px !important;
    float: right;
    font-weight: 300;
}

p.tameside_college_telephone2 {
    color: #007CAD;
    font-size: 130%;
    margin: 0px;
}

#social_container {
    clear: both;
    text-align: right;
    margin-bottom: 10px;
    margin-top: 1px;
}

#search_enquire {
    height: 45px;
    clear: both;
}

#logo {
    width: 100px;
    height: 110px;
    padding-top: 10px;
}

.title {
    margin-left: 15px;
}

.header-right-items {
}

.xbtn-facebook {
    padding-left: 15px;
    padding-right: 15px;
}

#search {
    margin-top: 0px;
}

/*** HEADER END ***/

/** NAV MEU **/

.navbar-brand {
    font-size: 14px;
}

.navbar {
    /*margin-bottom:0px;*/
}

.main-navbar-container {
    margin-bottom: 20px;
}

/** NAV MEU END**/


/**** NEWS LIST ******/
.news_list_thumb {
    width: 130px;
    height: 100px;
    margin-bottom: 10px;
}

.news_list_time {
    margin: 0px;
    color: #aaaaaa;
    margin-bottom: 5px;
}

a:link .article_spread p, a:active .article_spread p, a:visited .article_spread p, a:hover .article_spread p, .rep_article_spread_nopics p {
    color: #333333;
}


a:link .no_hover, a:visited .no_hover {
    color: #333333 !important;
}


a:hover .article_spread p.click_to {
    color: #FF9900;
}


/**** FRONT PAGE ****/

.front-page-panel-textbox {
    width: 55%;
}

.front-page-list-group-items .list-group-item {
    min-height: 132px;
}

.front-page-two-panels {
}

#adult-panel {
    background-image: url('/images/adultback.jpg');
    background-position: top right;
    background-size: cover;
}

#school-leaver-panel {
    background-image: url('/images/youngback.jpg');
    background-position: top right;
    background-size: cover;
}

#childcare-panel {
    background-image: url('/images/childcare-back.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 60% auto;
}

#skills-panel {
    background-image: url('/images/skills-back.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 60% auto;
}

#apply-panel {
    background-image: url('/images/apply-back.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 60% auto;
}

#social-panel {
    background-image: url('/images/social-back.jpg');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 60% auto;
}

.apply-back {
    background-image: url('/images/img/apply-back.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.dove-back {
    background-image: url('/images/img/dove-back.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.cpc-back {
    background-image: url('/images/img/cpc-back.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.tcfe-back {
    background-image: url('/images/img/tcfe-back.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

/*.well + h3 {
    font-size:200px;
}*/
#info-container, #carousel-container, .grey-container {
    background-color: #f8f8f8;
    /* padding-bottom:20px;*/
    padding-top: 20px;
    border-top: solid;
    border-top-color: #ebebeb;
    border-top-width: 1px;
    border-bottom: solid;
    border-bottom-color: #ebebeb;
    border-bottom-width: 1px;
}

#carousel-container {
    background-color: #f8f8f8;
    padding-top: 20px;
    z-index: 2;
}

.carousel-control {
    z-index: 2;
}

.grey-container {
}

#info-container {
    padding-top: 0px;
}

#tri-options {
    padding-top: 20px;
}

.home_active {
    background-color: rgb(0, 100, 140);
    color: rgb(255, 153, 0) !important;
}
/**** FRONT PAGE END ****/



/**** FOOTER ****/


#footer_menu {
    margin-top: 50px;
    margin-bottom: 50px;
}

#copyright-container {
    background-color: #f8f8f8;
    border-top: solid;
    border-top-color: #ebebeb;
    border-top-width: 1px;
    padding: 20px;
    text-align: center;
}

#footer-container {
    background-color: #00678f;
}

#footer {
}

    #footer h5 {
        font-size: 17px;
        font-weight: bold;
        color: #ffffff;
        margin-bottom: 15px;
        margin-top: 25px;
    }

    #footer p {
        font-size: 13px;
        color: #ffffff;
        padding: 0px;
        margin-bottom: 5px;
        margin-top: 0px;
    }

    #footer a:link, #footer a:visited {
        text-decoration: none;
        color: #ffffff;
    }

    #footer a:hover {
        color: #FF9900;
    }

#super_footer {
    margin-top: 70px;
    margin-bottom: 20px;
}

    #super_footer p {
        font-size: 12px !important;
    }

#esf_logo {
    position: absolute;
    top: 86px;
    right: 10px;
    border: 5px solid #ffffff;
    max-width: 110px;
}

/**** FOOTER END ****/

/** LINKED ITEMS */
.linked-item {
    padding-top: 5px !important;
    font-size: large;
    font-weight: 300;
    background-image: url('/images/top-shine.png');
    background-repeat: no-repeat;
    background-position: top center;
}


    .linked-item.small {
        font-size: small;
    }

    .linked-item.regular {
        font-size: 14px;
    }

    .linked-item.large {
        font-size: large;
    }

/**** MISC ****/

/*twitter*/
#twitter-widget-0 {
    float: left;
}

/* so the cookie warning is visible on small devices*/
.top-spacer {
    height: 0px;
}

.smallred {
    display: block;
    padding-right: 0;
    color: #f30;
    font-size: small;
}

/** google search */

.cse .gsc-control-cse,
.gsc-control-cse {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: auto;
}

.gsc-option-menu-container .gsc-inline-block {
    width: 100px !important;
}



/***/
.top-marg-0, marg-top-0 {
    margin-top: 0px;
}

.front-page-three-panels .mt-shad {
    overflow: visible;
    float: inherit;
}

input[type="checkbox"] {
    width: 15px;
    height: 15px;
    border-radius: 2px;
}

.well-contact {
    background: url('/images/img/contact.jpg');
    background-size: cover;
}

.phone {
    font-size: 3em;
    font-weight: 200;
    color: #FF9900;
}

.admin_header {
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}

td.admin_header {
    vertical-align: top;
    padding-top: 5px;
}
/**** MISC END ****/

/***  ARTICLE ***/

.articledate {
    font-size: 12px;
    font-weight: bold;
    color: #bfbfbf;
}


/***************/


/***  COURSE LISTS ***/

.course_list .list-group a:nth-child(odd) {
    background-color: #fffbf5;
}

.course_list .panel-body {
    padding-top: 0px;
}

/***  COURSE LISTS END ***/

/** BOOTSTRAP OVERRIDES**/


.navbar {
    margin-bottom: 0px;
}

/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}


.list-group {
    margin-bottom: 0px;
}

/***** COURSE INFO ***/


.online_en {
    background: url('/images/online-back.jpg');
    background-size: cover;
    background-position: right;
}

.gallery-background {
    background: url('/images/img/gallery-back.png');
    background-size: cover;
    background-position: right;
}

.grey-back {
    background-color: #FBFBFB;
}

.orange-back {
    background-color: #ffe8c5;
}


.info_label {
    font-weight: normal;
    color: #aaaaaa;
}

.csinfo-field {
    padding-bottom: 20px;
}




/***************/





/*!
 * Social Buttons for Twitter Bootstrap v1.0.0
 *
 * Copyright 2013 Adam Neumann
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */

.btn-facebook {
    color: #ffffff;
    background-color: #4d68a1;
    border-color: transparent;
}

.btn-xs.btn-facebook {
    min-width: 24px;
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    color: #ffffff;
    background-color: #42598a;
     border-color: #014d82;
}

.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    background-image: none;
}

.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active {
    background-color: #133783;
  
    border-color: transparent;
}

.btn-twitter {
    color: #ffffff;
    background-color: #2daddc;
    border-color: transparent;
}



    .btn-twitter:hover,
    .btn-twitter:focus,
    .btn-twitter:active,
    .btn-twitter.active,
    .open .dropdown-toggle.btn-twitter {
        color: #ffffff;
        background-color: #2095c0;
        border-color: #014d82;
    }

    .btn-twitter:active,
    .btn-twitter.active,
    .open .dropdown-toggle.btn-twitter {
        background-image: none;
    }

    .btn-twitter.disabled,
    .btn-twitter[disabled],
    fieldset[disabled] .btn-twitter,
    .btn-twitter.disabled:hover,
    .btn-twitter[disabled]:hover,
    fieldset[disabled] .btn-twitter:hover,
    .btn-twitter.disabled:focus,
    .btn-twitter[disabled]:focus,
    fieldset[disabled] .btn-twitter:focus,
    .btn-twitter.disabled:active,
    .btn-twitter[disabled]:active,
    fieldset[disabled] .btn-twitter:active,
    .btn-twitter.disabled.active,
    .btn-twitter[disabled].active,
    fieldset[disabled] .btn-twitter.active {
        background-color: #2daddc;
        border-color: #0271bf;
    }

.btn-github {
    color: #000000;
    background-color: #fafafa;
    border-color: #cccccc;
}

    .btn-github:hover,
    .btn-github:focus,
    .btn-github:active,
    .btn-github.active,
    .open .dropdown-toggle.btn-github {
        color: #000000;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-github:active,
    .btn-github.active,
    .open .dropdown-toggle.btn-github {
        background-image: none;
    }

    .btn-github.disabled,
    .btn-github[disabled],
    fieldset[disabled] .btn-github,
    .btn-github.disabled:hover,
    .btn-github[disabled]:hover,
    fieldset[disabled] .btn-github:hover,
    .btn-github.disabled:focus,
    .btn-github[disabled]:focus,
    fieldset[disabled] .btn-github:focus,
    .btn-github.disabled:active,
    .btn-github[disabled]:active,
    fieldset[disabled] .btn-github:active,
    .btn-github.disabled.active,
    .btn-github[disabled].active,
    fieldset[disabled] .btn-github.active {
        background-color: #fafafa;
        border-color: #cccccc;
    }

.btn-pinterest {
    color: #ffffff;
    background-color: #d62229;
    border-color: #ab171e;
}

    .btn-pinterest:hover,
    .btn-pinterest:focus,
    .btn-pinterest:active,
    .btn-pinterest.active,
    .open .dropdown-toggle.btn-pinterest {
        color: #ffffff;
        background-color: #b31c22;
        border-color: #751015;
    }

    .btn-pinterest:active,
    .btn-pinterest.active,
    .open .dropdown-toggle.btn-pinterest {
        background-image: none;
    }

    .btn-pinterest.disabled,
    .btn-pinterest[disabled],
    fieldset[disabled] .btn-pinterest,
    .btn-pinterest.disabled:hover,
    .btn-pinterest[disabled]:hover,
    fieldset[disabled] .btn-pinterest:hover,
    .btn-pinterest.disabled:focus,
    .btn-pinterest[disabled]:focus,
    fieldset[disabled] .btn-pinterest:focus,
    .btn-pinterest.disabled:active,
    .btn-pinterest[disabled]:active,
    fieldset[disabled] .btn-pinterest:active,
    .btn-pinterest.disabled.active,
    .btn-pinterest[disabled].active,
    fieldset[disabled] .btn-pinterest.active {
        background-color: #d62229;
        border-color: #ab171e;
    }

.btn-linkedin {
    color: #ffffff;
    background-color: #73b8db;
    border-color: #4393bb;
}

    .btn-linkedin:hover,
    .btn-linkedin:focus,
    .btn-linkedin:active,
    .btn-linkedin.active,
    .open .dropdown-toggle.btn-linkedin {
        color: #ffffff;
        background-color: #53a8d3;
        border-color: #33708e;
    }

    .btn-linkedin:active,
    .btn-linkedin.active,
    .open .dropdown-toggle.btn-linkedin {
        background-image: none;
    }

    .btn-linkedin.disabled,
    .btn-linkedin[disabled],
    fieldset[disabled] .btn-linkedin,
    .btn-linkedin.disabled:hover,
    .btn-linkedin[disabled]:hover,
    fieldset[disabled] .btn-linkedin:hover,
    .btn-linkedin.disabled:focus,
    .btn-linkedin[disabled]:focus,
    fieldset[disabled] .btn-linkedin:focus,
    .btn-linkedin.disabled:active,
    .btn-linkedin[disabled]:active,
    fieldset[disabled] .btn-linkedin:active,
    .btn-linkedin.disabled.active,
    .btn-linkedin[disabled].active,
    fieldset[disabled] .btn-linkedin.active {
        background-color: #73b8db;
        border-color: #4393bb;
    }

.btn-google-plus {
    color: #ffffff;
    background-color: #dd4b39;
    border-color: transparent;
}

    .btn-google-plus:hover,
    .btn-google-plus:focus,
    .btn-google-plus:active,
    .btn-google-plus.active,
    .open .dropdown-toggle.btn-google-plus {
        color: #ffffff;
        background-color: #ca3523;
        border-color: #92291d;
    }

    .btn-google-plus:active,
    .btn-google-plus.active,
    .open .dropdown-toggle.btn-google-plus {
        background-image: none;
    }

    .btn-google-plus.disabled,
    .btn-google-plus[disabled],
    fieldset[disabled] .btn-google-plus,
    .btn-google-plus.disabled:hover,
    .btn-google-plus[disabled]:hover,
    fieldset[disabled] .btn-google-plus:hover,
    .btn-google-plus.disabled:focus,
    .btn-google-plus[disabled]:focus,
    fieldset[disabled] .btn-google-plus:focus,
    .btn-google-plus.disabled:active,
    .btn-google-plus[disabled]:active,
    fieldset[disabled] .btn-google-plus:active,
    .btn-google-plus.disabled.active,
    .btn-google-plus[disabled].active,
    fieldset[disabled] .btn-google-plus.active {
        background-color: #dd4b39;
        border-color: #c53727;
    }

.btn-instagram {
    color: #ffffff;
    background-color: #6f97b6;
    border-color: transparent;
}

    .btn-instagram:hover,
    .btn-instagram:focus,
    .btn-instagram:active,
    .btn-instagram.active,
    .open .dropdown-toggle.btn-instagram {
        color: #ffffff;
        background-color: #5583a7;
        border-color: #2d526f;
    }

    .btn-instagram:active,
    .btn-instagram.active,
    .open .dropdown-toggle.btn-instagram {
        background-image: none;
    }

    .btn-instagram.disabled,
    .btn-instagram[disabled],
    fieldset[disabled] .btn-instagram,
    .btn-instagram.disabled:hover,
    .btn-instagram[disabled]:hover,
    fieldset[disabled] .btn-instagram:hover,
    .btn-instagram.disabled:focus,
    .btn-instagram[disabled]:focus,
    fieldset[disabled] .btn-instagram:focus,
    .btn-instagram.disabled:active,
    .btn-instagram[disabled]:active,
    fieldset[disabled] .btn-instagram:active,
    .btn-instagram.disabled.active,
    .btn-instagram[disabled].active,
    fieldset[disabled] .btn-instagram.active {
        background-color: #6f97b6;
        border-color: #3f729b;
    }

.btn-dropbox {
    color: #ffffff;
    background-color: #37a3eb;
    border-color: #2181cf;
}

    .btn-dropbox:hover,
    .btn-dropbox:focus,
    .btn-dropbox:active,
    .btn-dropbox.active,
    .open .dropdown-toggle.btn-dropbox {
        color: #ffffff;
        background-color: #1791e3;
        border-color: #19609a;
    }

    .btn-dropbox:active,
    .btn-dropbox.active,
    .open .dropdown-toggle.btn-dropbox {
        background-image: none;
    }

    .btn-dropbox.disabled,
    .btn-dropbox[disabled],
    fieldset[disabled] .btn-dropbox,
    .btn-dropbox.disabled:hover,
    .btn-dropbox[disabled]:hover,
    fieldset[disabled] .btn-dropbox:hover,
    .btn-dropbox.disabled:focus,
    .btn-dropbox[disabled]:focus,
    fieldset[disabled] .btn-dropbox:focus,
    .btn-dropbox.disabled:active,
    .btn-dropbox[disabled]:active,
    fieldset[disabled] .btn-dropbox:active,
    .btn-dropbox.disabled.active,
    .btn-dropbox[disabled].active,
    fieldset[disabled] .btn-dropbox.active {
        background-color: #37a3eb;
        border-color: #2181cf;
    }

.btn-bitbucket {
    color: #ffffff;
    background-color: #2d5f9c;
    border-color: #205081;
}

    .btn-bitbucket:hover,
    .btn-bitbucket:focus,
    .btn-bitbucket:active,
    .btn-bitbucket.active,
    .open .dropdown-toggle.btn-bitbucket {
        color: #ffffff;
        background-color: #244c7c;
        border-color: #143250;
    }

    .btn-bitbucket:active,
    .btn-bitbucket.active,
    .open .dropdown-toggle.btn-bitbucket {
        background-image: none;
    }

    .btn-bitbucket.disabled,
    .btn-bitbucket[disabled],
    fieldset[disabled] .btn-bitbucket,
    .btn-bitbucket.disabled:hover,
    .btn-bitbucket[disabled]:hover,
    fieldset[disabled] .btn-bitbucket:hover,
    .btn-bitbucket.disabled:focus,
    .btn-bitbucket[disabled]:focus,
    fieldset[disabled] .btn-bitbucket:focus,
    .btn-bitbucket.disabled:active,
    .btn-bitbucket[disabled]:active,
    fieldset[disabled] .btn-bitbucket:active,
    .btn-bitbucket.disabled.active,
    .btn-bitbucket[disabled].active,
    fieldset[disabled] .btn-bitbucket.active {
        background-color: #2d5f9c;
        border-color: #205081;
    }

.btn-dribbble {
    color: #ffffff;
    background-color: #ea4c89;
    border-color: #cb396f;
}

    .btn-dribbble:hover,
    .btn-dribbble:focus,
    .btn-dribbble:active,
    .btn-dribbble.active,
    .open .dropdown-toggle.btn-dribbble {
        color: #ffffff;
        background-color: #e62771;
        border-color: #9d2954;
    }

    .btn-dribbble:active,
    .btn-dribbble.active,
    .open .dropdown-toggle.btn-dribbble {
        background-image: none;
    }

    .btn-dribbble.disabled,
    .btn-dribbble[disabled],
    fieldset[disabled] .btn-dribbble,
    .btn-dribbble.disabled:hover,
    .btn-dribbble[disabled]:hover,
    fieldset[disabled] .btn-dribbble:hover,
    .btn-dribbble.disabled:focus,
    .btn-dribbble[disabled]:focus,
    fieldset[disabled] .btn-dribbble:focus,
    .btn-dribbble.disabled:active,
    .btn-dribbble[disabled]:active,
    fieldset[disabled] .btn-dribbble:active,
    .btn-dribbble.disabled.active,
    .btn-dribbble[disabled].active,
    fieldset[disabled] .btn-dribbble.active {
        background-color: #ea4c89;
        border-color: #cb396f;
    }

.btn-flickr {
    color: #ffffff;
    background-color: #f051a5;
    border-color: transparent;
}

    .btn-flickr:hover,
    .btn-flickr:focus,
    .btn-flickr:active,
    .btn-flickr.active,
    .open .dropdown-toggle.btn-flickr {
        color: #ffffff;
        background-color: #ed2b92;
        border-color: #c20064;
    }

    .btn-flickr:active,
    .btn-flickr.active,
    .open .dropdown-toggle.btn-flickr {
        background-image: none;
    }

    .btn-flickr.disabled,
    .btn-flickr[disabled],
    fieldset[disabled] .btn-flickr,
    .btn-flickr.disabled:hover,
    .btn-flickr[disabled]:hover,
    fieldset[disabled] .btn-flickr:hover,
    .btn-flickr.disabled:focus,
    .btn-flickr[disabled]:focus,
    fieldset[disabled] .btn-flickr:focus,
    .btn-flickr.disabled:active,
    .btn-flickr[disabled]:active,
    fieldset[disabled] .btn-flickr:active,
    .btn-flickr.disabled.active,
    .btn-flickr[disabled].active,
    fieldset[disabled] .btn-flickr.active {
        background-color: #f051a5;
        border-color: #ff0084;
    }

.btn-foursquare {
    color: #ffffff;
    background-color: #0cbadf;
    border-color: #0072b1;
}

    .btn-foursquare:hover,
    .btn-foursquare:focus,
    .btn-foursquare:active,
    .btn-foursquare.active,
    .open .dropdown-toggle.btn-foursquare {
        color: #ffffff;
        background-color: #0a9ab8;
        border-color: #004b74;
    }

    .btn-foursquare:active,
    .btn-foursquare.active,
    .open .dropdown-toggle.btn-foursquare {
        background-image: none;
    }

    .btn-foursquare.disabled,
    .btn-foursquare[disabled],
    fieldset[disabled] .btn-foursquare,
    .btn-foursquare.disabled:hover,
    .btn-foursquare[disabled]:hover,
    fieldset[disabled] .btn-foursquare:hover,
    .btn-foursquare.disabled:focus,
    .btn-foursquare[disabled]:focus,
    fieldset[disabled] .btn-foursquare:focus,
    .btn-foursquare.disabled:active,
    .btn-foursquare[disabled]:active,
    fieldset[disabled] .btn-foursquare:active,
    .btn-foursquare.disabled.active,
    .btn-foursquare[disabled].active,
    fieldset[disabled] .btn-foursquare.active {
        background-color: #0cbadf;
        border-color: #0072b1;
    }

.btn-renren {
    color: #ffffff;
    background-color: #397cb6;
    border-color: #33669a;
}

    .btn-renren:hover,
    .btn-renren:focus,
    .btn-renren:active,
    .btn-renren.active,
    .open .dropdown-toggle.btn-renren {
        color: #ffffff;
        background-color: #2f6797;
        border-color: #24486c;
    }

    .btn-renren:active,
    .btn-renren.active,
    .open .dropdown-toggle.btn-renren {
        background-image: none;
    }

    .btn-renren.disabled,
    .btn-renren[disabled],
    fieldset[disabled] .btn-renren,
    .btn-renren.disabled:hover,
    .btn-renren[disabled]:hover,
    fieldset[disabled] .btn-renren:hover,
    .btn-renren.disabled:focus,
    .btn-renren[disabled]:focus,
    fieldset[disabled] .btn-renren:focus,
    .btn-renren.disabled:active,
    .btn-renren[disabled]:active,
    fieldset[disabled] .btn-renren:active,
    .btn-renren.disabled.active,
    .btn-renren[disabled].active,
    fieldset[disabled] .btn-renren.active {
        background-color: #397cb6;
        border-color: #33669a;
    }

.btn-skype {
    color: #ffffff;
    background-color: #70c3e2;
    border-color: #00aff0;
}

    .btn-skype:hover,
    .btn-skype:focus,
    .btn-skype:active,
    .btn-skype.active,
    .open .dropdown-toggle.btn-skype {
        color: #ffffff;
        background-color: #4eb5db;
        border-color: #0082b3;
    }

    .btn-skype:active,
    .btn-skype.active,
    .open .dropdown-toggle.btn-skype {
        background-image: none;
    }

    .btn-skype.disabled,
    .btn-skype[disabled],
    fieldset[disabled] .btn-skype,
    .btn-skype.disabled:hover,
    .btn-skype[disabled]:hover,
    fieldset[disabled] .btn-skype:hover,
    .btn-skype.disabled:focus,
    .btn-skype[disabled]:focus,
    fieldset[disabled] .btn-skype:focus,
    .btn-skype.disabled:active,
    .btn-skype[disabled]:active,
    fieldset[disabled] .btn-skype:active,
    .btn-skype.disabled.active,
    .btn-skype[disabled].active,
    fieldset[disabled] .btn-skype.active {
        background-color: #70c3e2;
        border-color: #00aff0;
    }

.btn-stackexchange {
    color: #ffffff;
    background-color: #5184c1;
    border-color: #185397;
}

    .btn-stackexchange:hover,
    .btn-stackexchange:focus,
    .btn-stackexchange:active,
    .btn-stackexchange.active,
    .open .dropdown-toggle.btn-stackexchange {
        color: #ffffff;
        background-color: #3d70ac;
        border-color: #103662;
    }

    .btn-stackexchange:active,
    .btn-stackexchange.active,
    .open .dropdown-toggle.btn-stackexchange {
        background-image: none;
    }

    .btn-stackexchange.disabled,
    .btn-stackexchange[disabled],
    fieldset[disabled] .btn-stackexchange,
    .btn-stackexchange.disabled:hover,
    .btn-stackexchange[disabled]:hover,
    fieldset[disabled] .btn-stackexchange:hover,
    .btn-stackexchange.disabled:focus,
    .btn-stackexchange[disabled]:focus,
    fieldset[disabled] .btn-stackexchange:focus,
    .btn-stackexchange.disabled:active,
    .btn-stackexchange[disabled]:active,
    fieldset[disabled] .btn-stackexchange:active,
    .btn-stackexchange.disabled.active,
    .btn-stackexchange[disabled].active,
    fieldset[disabled] .btn-stackexchange.active {
        background-color: #5184c1;
        border-color: #185397;
    }

.btn-trello {
    color: #ffffff;
    background-color: #569cc4;
    border-color: #27709b;
}

    .btn-trello:hover,
    .btn-trello:focus,
    .btn-trello:active,
    .btn-trello.active,
    .open .dropdown-toggle.btn-trello {
        color: #ffffff;
        background-color: #3e88b3;
        border-color: #1b4d6a;
    }

    .btn-trello:active,
    .btn-trello.active,
    .open .dropdown-toggle.btn-trello {
        background-image: none;
    }

    .btn-trello.disabled,
    .btn-trello[disabled],
    fieldset[disabled] .btn-trello,
    .btn-trello.disabled:hover,
    .btn-trello[disabled]:hover,
    fieldset[disabled] .btn-trello:hover,
    .btn-trello.disabled:focus,
    .btn-trello[disabled]:focus,
    fieldset[disabled] .btn-trello:focus,
    .btn-trello.disabled:active,
    .btn-trello[disabled]:active,
    fieldset[disabled] .btn-trello:active,
    .btn-trello.disabled.active,
    .btn-trello[disabled].active,
    fieldset[disabled] .btn-trello.active {
        background-color: #569cc4;
        border-color: #27709b;
    }

.btn-tumblr {
    color: #ffffff;
    background-color: #3a5976;
    border-color: #2a4763;
}

    .btn-tumblr:hover,
    .btn-tumblr:focus,
    .btn-tumblr:active,
    .btn-tumblr.active,
    .open .dropdown-toggle.btn-tumblr {
        color: #ffffff;
        background-color: #2d445b;
        border-color: #182838;
    }

    .btn-tumblr:active,
    .btn-tumblr.active,
    .open .dropdown-toggle.btn-tumblr {
        background-image: none;
    }

    .btn-tumblr.disabled,
    .btn-tumblr[disabled],
    fieldset[disabled] .btn-tumblr,
    .btn-tumblr.disabled:hover,
    .btn-tumblr[disabled]:hover,
    fieldset[disabled] .btn-tumblr:hover,
    .btn-tumblr.disabled:focus,
    .btn-tumblr[disabled]:focus,
    fieldset[disabled] .btn-tumblr:focus,
    .btn-tumblr.disabled:active,
    .btn-tumblr[disabled]:active,
    fieldset[disabled] .btn-tumblr:active,
    .btn-tumblr.disabled.active,
    .btn-tumblr[disabled].active,
    fieldset[disabled] .btn-tumblr.active {
        background-color: #3a5976;
        border-color: #2a4763;
    }

.btn-vk {
    color: #ffffff;
    background-color: #5a7fa6;
    border-color: #426187;
}

    .btn-vk:hover,
    .btn-vk:focus,
    .btn-vk:active,
    .btn-vk.active,
    .open .dropdown-toggle.btn-vk {
        color: #ffffff;
        background-color: #4b6b8c;
        border-color: #2e435e;
    }

    .btn-vk:active,
    .btn-vk.active,
    .open .dropdown-toggle.btn-vk {
        background-image: none;
    }

    .btn-vk.disabled,
    .btn-vk[disabled],
    fieldset[disabled] .btn-vk,
    .btn-vk.disabled:hover,
    .btn-vk[disabled]:hover,
    fieldset[disabled] .btn-vk:hover,
    .btn-vk.disabled:focus,
    .btn-vk[disabled]:focus,
    fieldset[disabled] .btn-vk:focus,
    .btn-vk.disabled:active,
    .btn-vk[disabled]:active,
    fieldset[disabled] .btn-vk:active,
    .btn-vk.disabled.active,
    .btn-vk[disabled].active,
    fieldset[disabled] .btn-vk.active {
        background-color: #5a7fa6;
        border-color: #426187;
    }

.btn-weibo {
    color: #ffffff;
    background-color: #f85959;
    border-color: #e64141;
}

    .btn-weibo:hover,
    .btn-weibo:focus,
    .btn-weibo:active,
    .btn-weibo.active,
    .open .dropdown-toggle.btn-weibo {
        color: #ffffff;
        background-color: #f63232;
        border-color: #cf1b1b;
    }

    .btn-weibo:active,
    .btn-weibo.active,
    .open .dropdown-toggle.btn-weibo {
        background-image: none;
    }

    .btn-weibo.disabled,
    .btn-weibo[disabled],
    fieldset[disabled] .btn-weibo,
    .btn-weibo.disabled:hover,
    .btn-weibo[disabled]:hover,
    fieldset[disabled] .btn-weibo:hover,
    .btn-weibo.disabled:focus,
    .btn-weibo[disabled]:focus,
    fieldset[disabled] .btn-weibo:focus,
    .btn-weibo.disabled:active,
    .btn-weibo[disabled]:active,
    fieldset[disabled] .btn-weibo:active,
    .btn-weibo.disabled.active,
    .btn-weibo[disabled].active,
    fieldset[disabled] .btn-weibo.active {
        background-color: #f85959;
        border-color: #e64141;
    }

.btn-xing {
    color: #ffffff;
    background-color: #1f6768;
    border-color: #074c4d;
}

    .btn-xing:hover,
    .btn-xing:focus,
    .btn-xing:active,
    .btn-xing.active,
    .open .dropdown-toggle.btn-xing {
        color: #ffffff;
        background-color: #164849;
        border-color: #021515;
    }

    .btn-xing:active,
    .btn-xing.active,
    .open .dropdown-toggle.btn-xing {
        background-image: none;
    }

    .btn-xing.disabled,
    .btn-xing[disabled],
    fieldset[disabled] .btn-xing,
    .btn-xing.disabled:hover,
    .btn-xing[disabled]:hover,
    fieldset[disabled] .btn-xing:hover,
    .btn-xing.disabled:focus,
    .btn-xing[disabled]:focus,
    fieldset[disabled] .btn-xing:focus,
    .btn-xing.disabled:active,
    .btn-xing[disabled]:active,
    fieldset[disabled] .btn-xing:active,
    .btn-xing.disabled.active,
    .btn-xing[disabled].active,
    fieldset[disabled] .btn-xing.active {
        background-color: #1f6768;
        border-color: #074c4d;
    }

.btn-youtube {
    color: #ffffff;
    background-color: #cd332d;
    border-color: transparent;
}

    .btn-youtube:hover,
    .btn-youtube:focus,
    .btn-youtube:active,
    .btn-youtube.active,
    .open .dropdown-toggle.btn-youtube {
        color: #ffffff;
        background-color: #ac2b26;
        border-color: #340308;
    }

    .btn-youtube:active,
    .btn-youtube.active,
    .open .dropdown-toggle.btn-youtube {
        background-image: none;
    }

    .btn-youtube.disabled,
    .btn-youtube[disabled],
    fieldset[disabled] .btn-youtube,
    .btn-youtube.disabled:hover,
    .btn-youtube[disabled]:hover,
    fieldset[disabled] .btn-youtube:hover,
    .btn-youtube.disabled:focus,
    .btn-youtube[disabled]:focus,
    fieldset[disabled] .btn-youtube:focus,
    .btn-youtube.disabled:active,
    .btn-youtube[disabled]:active,
    fieldset[disabled] .btn-youtube:active,
    .btn-youtube.disabled.active,
    .btn-youtube[disabled].active,
    fieldset[disabled] .btn-youtube.active {
        background-color: #cd332d;
        border-color: #6e0610;
    }

#skip {
    font-size: 10px;
    position: absolute;
    display: block;
    right: 15px;
    top: 0px;
}


/** Funding Labels */
.labeln {
    background-color: #ed1d24;
}

.label1 {
    background-color: #ffdb4f;
}

.labelf {
    background-color: #da64a5;
}

.label2 {
    background-color: #ec008c;
}

.label3 {
    background-color: #f7941e;
}

.labelg {
    background-color: #008fd5;
}

.labela {
    background-color: #003430;
}

.labelh {
    background-color: #41ad49;
}

.labelm {
    background-color: #6d00d5;
}
            

/*** MEDIA QUERIES */
/** XS **/

@media (max-width:767px) {

    #bs-tameside-navbar-collapse-1 {
        font-size: 14px;
    }

    .form-control {
        max-width: 100%;
    }

    h2 {
        font-size: 180%;
    }

    h3 {
        font-size: 160%;
    }

    .carousel-caption h2 {
        font-size: 170%;
        padding-bottom: 5px;
    }

    .nav > li > a {
        padding-left: 7px;
        padding-right: 7px;
    }

    #logo {
        width: 60px;
        height: 65px;
        padding-top: 10px;
    }

    h1#college-name {
        font-size: 195%;
    }

    #header p.address {
        font-size: 90%;
        margin-top: 2px;
        margin-bottom: 0px;
        padding: 0px;
    }

    p.tameside_college_telephone2 {
        color: #007CAD;
        font-size: 120%;
        margin: 0px;
        padding: 0px;
    }



    .cap-con {
        /* border:1px solid blue;*/
        margin-top: 110px;
    }

    .cap-con-con {
        display: inline-block;
    }

    .carousel-inner {
        overflow: visible;
    }

    #carousel {
        margin-bottom: 100px;
    }


    .carousel-caption {
        background: rgba(255,255,255,.7);
    }

    .carousel-caption-text {
        width: 100%;
        /*background-color: rgb(255, 255, 255);*/
        height: 100px;
    }

    .carousel-caption h3, .carousel-caption h2 {
        font-size: 130%;
        text-align: center;
    }

    .carousel-caption p {
        font-size: 14px;
        text-align: center;
    }

    .carousel-caption .btn {
        display: none;
    }

    #adult-panel, #school-leaver-panel {
        background-position: top right;
    }

    #esf_logo {
      /*  display: none */
          position:absolute; 
  top:120px;
    border: 5px solid #ffffff;
    max-width: 80px;
      
    }

    .front-page-three-panels .well {
        min-height: 200px;
    }

    #header {
        padding-top: 0px;
    }

    #logo-address {
        margin-left: auto;
        margin-right: auto;
        width: 310px;
        height: 100px;
    }

    #childcare-panel, #skills-panel {
        min-height: 220px;
        font-size: 16px;
    }

    .carousel-indicators {
        display: none;
    }

    .slider-size {
        height: 200px;
    }

    #social_container {
        clear: both;
        text-align: right;
        margin-bottom: 10px;
    }

        #social_container .btn-sm {
            font-size: 12px;
        }

    .btn-facebook {
        color: #ffffff;
        background-color: #4d68a1;
        border-color: transparent;
        /*MT*/
        min-width: 33px;
    }
}
/** END XS*/

/* SUB SIZE*/
/** XXS **/
@media (max-width:480px) {

    .slider-size {
        height: 135px;
    }
}
/** END XS*/

/** SM **/
@media (min-width:768px) {

    #search_box1_power {
        display: inline;
        float: none;
    }

    p.tameside_college_telephone {
        font-size: 28px;
        padding-bottom: 5px;
    }

    #social_container {
        margin-bottom: 10px;
    }

    #bs-tameside-navbar-collapse-1 {
        font-size: 12px;
    }


    .form-control {
        max-width: 450px;
    }

    .carousel-caption h2 {
        margin-bottom: 5px;
    }



    .nav > li > a {
        padding-left: 7px;
        padding-right: 7px;
    }

    .panel-body.front-page-two-panels {
        /**min-height: 250px;**/
    }

    .front-page-three-panels .well {
        min-height: 170px;
    }

    /* aligns buttons to bottom, only required for med + lg*/

    .pull-down {
        position: absolute;
        margin-bottom: 40px;
        bottom: 0px;
    }

    .pull-down2 {
        position: absolute;
        margin-bottom: 20px;
        bottom: 0px;
    }


    .carousel-caption h2 {
        margin-bottom: 10px;
    }

    .slider-size {
        height: 300px;
    }
}
/** END SM */

/** MD **/
@media (min-width:992px) {


    #search_box1_power {
        display: inline-block;
        float: right;
    }

    p.tameside_college_telephone {
        font-size: 34px;
        padding-bottom: 0px;
    }

    #bs-tameside-navbar-collapse-1 {
        font-size: 14px;
    }

    .nav > li > a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .front-page-three-panels .well {
        min-height: 20px;
    }

    /* 2 */
    .front-page-three-panels2 .panel-body {
        min-height: 335px;
    }

    .front-page-panel-textbox {
        width: 55%;
    }

    iframe.twitter {
        width: 100%;
    }

    #twitter-widget-0, .twitter .twitter-timeline {
        width: 100% !important;
    }

    /**/

    .carousel-caption h2 {
        margin-bottom: 5px;
    }

    .slider-size {
        height: 390px;
    }

    #social_container {
        clear: both;
        text-align: right;
        margin-bottom: 10px;
    }

        #social_container .btn-sm {
            font-size: 15px;
        }

    .btn-facebook {
        color: #ffffff;
        background-color: #4d68a1;
        border-color: transparent;
        /*MT*/
        min-width: 38px;
    }
}
/** END MD */

/** LG **/
@media (min-width:1200px) {
    .front-page-three-panels .well {
        min-height: 200px;
    }

    .panel-body.front-page-two-panels {
        min-height: 230px;
    }

    .slider-size {
        height: 460px;
    }

    #power {
        float: right;
    }

    .carousel-caption h2 {
        margin-bottom: 5px;
    }
}
/** END LG */

/** JUST IPAD JUST IPAD  **/

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .ipad-portrait {
        /* color: red;*/
    }
    /* your css rules for ipad portrait */

    .glyphicon {
        top: 0px;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    .glyphicon {
        top: 0px;
    }
}

/** END JUST IPAD JUST IPAD  **/




/*** MEDIA QUERIES END */

.carousel-caption {
    display: block;
}

#front-left-col .media-body, #front-right-col .media-body {
    padding-left: 10px;
}