/**Order
typography.css
base-selectors.css
bootstrap-extend.css
content-components.css
jumbotron-grid.css
nav-sidebar.css
layout.css
styles-uc.css
news.css
maps.css
marketing page css
**/

/** typography.css **/
body {
    font-family: "Open sans", Helvetica, Arial, sans-serif;
    font-size:14px;
    font-size:1.4rem;
}

h1:not(.welcome):not(.studying):not(.experience):not(section.marketing-page){
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 40px;
    line-height: 4.0rem;
}

h1#main-content {
    margin-bottom: 3rem;
}

header h1#main-content {
    margin-bottom:1rem;
}

.heading-button h1, .heading-button h2 {float: left;}

h2:not(.type), h2:not(.category-tags), h2:not(.media-category-tags), h2:not(section.marketing-page), h2:not(.overlay-text) {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3.0rem;
    font-weight: 700;
    margin: 20px 0 20px;
}
h3:not(.one-block), h3:not(.mainevent), h3:not(.academic-carousel), h3:not(.one-block-red), h3:not(.two-block-uc7), h3:not(.worlds-best-red), h3:not(.media-title) {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 700;
}

h4 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2.0rem;
    font-weight: 600;
}
h5 {
    font-weight: 600;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 29px;
    line-height: 2.9rem;
    margin-top: 12px;
    margin-bottom: 14px;
    border-bottom: solid 1px #999;
}
h6 {
    font-weight: 600;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4rem;
    line-height: 14px;
    margin-top: 0;  
    margin-bottom: 12px;
}
h1 a, h2 a, h3 a, h4 a {
    color: #cc0011;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    color: #ae0311;
    text-decoration: underline; /* @TODO - we want to underline? */ 
}
p.lead,
.intro-1 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 600;
}
.intro-2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
}
p,
p.intro {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px; 
    line-height: 2.4rem; 
}
a {
    color: #cc0011;
}
a:focus, a:hover {
    color: #ae0311;
    text-decoration: none;
}
a[rel~="external"]:after {
    content: "\f08e";
    font-family: FontAwesome;   
    padding-left:5px;
}

a.text-tooltip {color: #000; border-bottom: 1px dotted black;}
a:hover.text-tooltip{color: #cc0011 !important; text-decoration: none !important;}
.text-tooltip-popup {width: 300px;}

footer a:focus {
    color: #eee;
}
.breadcrumb a {
    color: #333 !important;
}
header .breadcrumb + h1 {
    text-transform: uppercase;
}
.content.container main ul:not(.nav):not(.page-shortcuts):not(.list-inline):not(.staff-profile-qualifications):not(.pagination):not(.check-list):not(.list-unstyled),
.content.container main ol:not(.nav):not(.page-shortcuts):not(.list-inline):not(.staff-profile-qualifications):not(.pagination):not(.check-list):not(.list-unstyled),
ul.styled-list{
    padding-left:25px;
    list-style-type: none;
}
.content.container main ol:not(.nav):not(.page-shortcuts):not(.list-inline):not(.staff-profile-qualifications):not(.pagination):not(.check-list):not(.list-unstyled) > li,
.content.container main ul:not(.nav):not(.page-shortcuts):not(.list-inline):not(.staff-profile-qualifications):not(.pagination):not(.check-list):not(.list-unstyled) > li,
ul.styled-list > li {
    list-style: none;
    margin-bottom:5px;
}
.content.container main ol:not(.nav):not(.page-shortcuts):not(.list-inline):not(.staff-profile-qualifications):not(.pagination):not(.check-list):not(.list-unstyled) li:before,
.content.container main ul:not(.nav):not(.page-shortcuts):not(.list-inline):not(.staff-profile-qualifications):not(.pagination):not(.check-list):not(.list-unstyled) li:before,
ul.styled-list li:before{    
    font-family: 'FontAwesome';
    content: '\f111';
    margin: 0 10px 0 -15px;
    color: #cc0011;
    font-size: 10px;
    font-size: 1rem;
}

/**
    Colors and helpers
**/
.text-lowlight {
    color:#bcbcbc;
}
.text-red {
    color: #cc0011;
}

.text-grey {
    color: #4d4d4d;
}

.text-grey-99 {
    color: #999;
}
.text-grey-d3 {
    color: #d3d3d3;
}
.text-grey-33 {
    color: #333;
}
.text-grey-e8 {
    color: #e8e8e8;
}
.text-white {
    color: #fff;
}
.text-underline {
    border-bottom: 1px solid #333;
}
.text-bold {
    font-weight: bold;
}
.text-italic {
    font-style: italic;
}
.text-large {
    font-size:18px;
    font-size:1.8rem;
}
.font-x-large {
    font-size:24px;
    font-size:2.4rem;
}
.font-xx-large {
    font-size:30px;
    font-size:3.0rem;
}
/* medium */
@media (min-width: 768px) {
    h1:not(.welcome):not(.studying):not(.experience):not(section.marketing-page) {
        margin-top: 70px;
    }    
    header h1 {
        padding-left:10px;
    }
    
    main.main > h1:first-child,
    main.main > h2:first-child,
    main.main > h3:first-child,
    main.main > h4:first-child,
    main.main > h5:first-child,
    main.main > h6:first-child {
        margin-top:0 !important;
    }    
    
    p.lead,
    .intro-1 {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 36px;
        line-height: 3.6rem;
        font-weight: 600;
    }
    p.lead {
        color:#999999;
        /* Below colour works on #eee background agains AAA standards */
        /*color:#4d4d4d;*/  
    }

    p.intro {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px; 
        line-height: 2.4rem; 
    }    
}
/* large */
@media (min-width: 992px) {}


.fa {
    line-height: 15px;
    line-height: 1.5rem;
}

/**
 Basic recolour
**/
.white {
    color:#ffffff;
}

/**base-selectors.css**/
header {
    position: relative;
    z-index: 0;
/*    background: #eee;*/
    padding-bottom: 10px;
}
footer {}

::-ms-expand:not(select) {
    display: none;
}
/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width: 0\0) {
    select {
        background: none;
        padding: 5px;
    }
}

p {
    margin: 0 0 20px;
}
ul, ol {
    margin-top: 20px;
    margin-bottom: 20px;
}

nav ul {
    margin:0;
    padding:0;
}


/**bootstrap-extend.css**/
.valign {
  /*font-size: 0;*/
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.valign > [class*="col"] {
  display: inline-block;
  float: none;
  font-size: initial;
  vertical-align: middle;
}

.dropdown-menu>li>a {
    white-space:normal;
}

.body{
    margin-bottom:2em;
}

.input-group .form-control:last-child, 
.input-group-addon:last-child, 
.input-group-btn:last-child > .btn, 
.input-group-btn:last-child > .btn-group > .btn, 
.input-group-btn:last-child > .dropdown-toggle, 
.input-group-btn:first-child > .btn:not(:first-child), 
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-radius: 0;
}


.btn {
    -webkit-border-radius:0px;
    -moz-border-radius: 0px;
    border-radius: 0px;    
    font-weight: 700;
}

.btn.nolink {
    cursor: initial;    
}
  
.btn-uc,
.btn-uc:hover, 
.btn-uc:focus, 
.btn-uc.focus
{
    color: #fff;
    background-color: #cc0011;
    border-color: #cc0011;
    
}
.btn-uc:hover {
    color: #fff;
    background-color: #ae0311;
    border-color: #ae0311;
    -webkit-transition: background .3s, border-color .3s;
    transition: background .3s, border-color .3s;
}
.btn-uc-inverse {
    color: #ae0311;
    background-color: #ffffff;
    border-color: transparent;
}
.btn-uc-inverse:hover,
.btn-uc-inverse:focus,
.btn-uc-inverse:active{
    color: #fff !important;
    background-color: #ae0311;
}

.btn-white {
    color: #000000;
    background-color: #ffffff;
    border-color: #cccccc;
}

.heading-button .btn-uc {
    float:right;
    margin-top: 10px;
    padding: 8px 16px;
    background-color: #60bb46;
    border-color: #4cae4c;
}

.heading-button .btn-uc:hover {
    background-color: #4cae4c;
}


.navbar {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

nav>li>a {
    text-decoration: none;
    background-color: #eee;      
}
.nav-tabs {
    border-bottom: 0px;
    margin-bottom: 2em;
}
.nav-tabs>li>a {
    -webkit-border-radius:0px;
    -moz-border-radius: 0px;
    border-radius: 0px;  
    background-color:#cccccc;
    color:#000000;
    border:0px;
    font-weight: 700;
}
.nav-tabs>li>a:hover {
    border-color: transparent;
    background-color:#ae0311;
    color:#ffffff;
}
.nav>li>a:focus, 
.nav>li>a:hover {
    text-decoration: none;
    background-color: #ae0311;
}
.nav-tabs>li>a:focus {
    color: #ffffff;    
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover {
    color: #ffffff;
    cursor: default;
    background-color: #cc0011;;
    border: 0px solid transparent;
    border-bottom-color: transparent;
}
.nav-tabs {
    border-bottom: 0px;
    margin-bottom:1em;
}
.nav-tabs.nav-tabs-bordered {
    border-bottom:1px solid #dddddd;
}

.breadcrumb {
    background: none;
    padding: 0;
    margin: 20px 0 0 0;
    border: 0;
    text-transform: uppercase;
}

table.table-patchwork > tbody > tr > td:nth-of-type(even) {
  background-color: #ccc;
  border-top: 1px solid #ccc;
}
table.table-patchwork > tbody > tr:hover > td:nth-of-type(even) {
    background-color: #f5f5f5;
}


/**
    Pagination overrides
**/
.pagination > li {
    display: inline-block;
}
.pagination > li > a, .pagination > li > span {
    margin: 0 3px;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color:#000000;
}
.pagination > li > a, 
.pagination > li > span {
    color: #ffffff;
    background-color: #cc0011;
    border: 1px solid #cc0011;
}

.pagination > li:last-child > a, 
.pagination > li:last-child > span,
.pagination > li:first-child > a, 
.pagination > li:first-child > span{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;    
    -webkit-border-radius:0px;
    -moz-border-radius: 0px;
    border-radius: 0px;  
}
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
    color: #ffffff;
    background-color: #ae0311;
    border-color: #ae0311;
}

.alpha.pagination > li > a, 
.alpha.pagination > li > span {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color:#000000;    
    border: 0px solid #cc0011;    
}
.alpha.pagination > .active > a, 
.alpha.pagination > .active > span, 
.alpha.pagination > .active > a:hover, 
.alpha.pagination > .active > span:hover, 
.alpha.pagination > .active > a:focus, 
.alpha.pagination > .active > span:focus {
    color: #ffffff;
    background-color: #cc0011;
    border: 0px solid #cc0011;
}
.alpha.pagination > li > a, 
.alpha.pagination > li > span {
     margin: 0 2px; 
     padding:5px 9px
}
.alpha.pagination > li > a:hover, 
.alpha.pagination > li > span:hover, 
.alpha.pagination > li > a:focus, 
.alpha.pagination > li > span:focus {
    color: #ffffff;
    background-color: #ae0311;
    border-color: #ae0311;
}


.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 420px) {
    
    .pagination > li:not(:first-child):not(:last-child) {
        display:none;
    }   
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}    
/**
----------------------------------------------
 5 Column display for mega-menu content
----------------------------------------------
**/

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
    
	.col-xs-15,
	.col-sm-15,
	.col-md-15,
	.col-lg-15 {
		position: relative;
		min-height: 1px;
		padding-right: 10px;
		padding-left: 10px;
	}
	.col-xs-15 {
		width: 20%;
		float: left;
	}    
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}



/**
    Add some media query specific overrides for mobile first
**/
@media (max-width: 1199px) {
    .alpha.pagination > li > a, .alpha.pagination > li > span {
        margin: 0 2px;
        padding: 5px 7px;
    } 
}

@media (max-width: 991px) {
    .alpha.pagination > li > a, .alpha.pagination > li > span {
        margin: 2px 2px;
        padding: 5px 2px;
        width: 6.5%;
    } 
}


@media (max-width: 768px) { 
    .alpha.pagination > li > a, .alpha.pagination > li > span {
        margin: 2px 2px;
        padding: 5px 8px;
    }       
    
    .section--grey {
        padding: 15px;
        margin: 15px 0px;        
    }
    
    ul.gallery-filter {
        
    }
    ul.gallery-filter li{
        display:block;
        float:none;
        width:100%;
        padding:5px 0px;
    }    
}


/** 
    Table styles
**/
.table > tfoot {
    text-align: center;
    font-style: italic;
}
/*
 just in case the font size needs to be smaller for this table
*/
.table.vertical-striped.small-text > tbody {
    font-size:12px;
    font-size:1.2rem;
}
.table.vertical-striped > thead > tr > td,
.table.vertical-striped > thead > tr > th {
    background-color:#888888;
    color: #ffffff;
    text-transform: uppercase;
}
.table.vertical-striped > tbody > tr > th {
/*    font-weight: normal;*/
}
.table.vertical-striped > tbody > tr > td,
.table.vertical-striped > tbody > tr > th {
    background-color:#ffffff;
    border:1px solid #ffffff;
}

.table-border {border: 1px #000 solid;}
.table-border td {border: 1px #000 solid; padding: 10px;}


/**
 NOTE THAT IE 8 DOESNT DO NTH-CHILD
**/


.table.vertical-striped > tbody > tr:nth-child(odd) > td:nth-child(odd),
.table.vertical-striped > tbody > tr:nth-child(odd) > th:nth-child(odd){
    background-color:#dddddd;
}


.table.vertical-striped > tbody > tr > td {
    text-align:right;
}
.table.vertical-striped > thead > tr > th{
    text-align:right;
}
.table.vertical-striped > thead > tr > th:first-child{
    text-align:left;
}

.table.vertical-striped > tbody > tr:nth-child(even) > td,
.table.vertical-striped > tbody > tr:nth-child(even) > th{
    background-color:#eee;
}
.table.vertical-striped > tbody > tr:last-child > td,
.table.vertical-striped > tbody > tr:last-child > th{
    border-bottom:4px solid #ffffff;
}
.table.vertical-striped > tfoot hr{
    margin-top:0;
    margin-bottom:10px;
}

.table.vertical-striped > thead > tr > th, 
.table.vertical-striped > tbody > tr > th,  
.table.vertical-striped > thead > tr > td, 
.table.vertical-striped > tbody > tr > td {
    padding: 20px 20px;
}
.table.vertical-striped > tfoot > tr > th, 
.table.vertical-striped > tfoot > tr > td {
    padding: 5px 0px;
}
.table caption {
    font-weight:700;
}


/**
    Additional tabset controls
**/

.nav-tabs.grey-tabs {
    margin-bottom:0px;
}
.full-width-tabs .nav-tabs.grey-tabs li > span,
.full-width-tabs .tab-header li > span{
    margin-right: 2px;
    line-height: 1.42857143;    
    position: relative;
    display: block;
    padding: 10px 15px;
    border: 0px;
    font-weight: 700;    
}
.nav-tabs.grey-tabs li > a,
.nav-tabs.grey-tabs li > span{
    background-color:#efefef;
    color:#000000;
    border-bottom:2px solid #ffffff;
}
.nav-tabs.grey-tabs li.active > a{
    background-color:#dddddd;
    color:#000000;
    border-bottom:2px solid #dddddd;
}

.tab-content.grey-tabs-content {
    background-color:#dddddd;
    padding:15px;
}


/**
    Tabbed table
**/

.table.table-tabbed {}
.table.table-tabbed thead tr th,
.table.table-tabbed thead tr td{
    background-color: #888888;
    text-align:center;
    color:#ffffff;
    text-transform:uppercase;
    vertical-align:top;
}
.table.table-tabbed tbody > tr > td,
.table.table-tabbed tbody > tr > th{
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid transparent;    
}

.table.table-tabbed tbody tr.tab-row td,
.table.table-tabbed tbody tr.tab-row th{
    padding:10px;
    background-color: #efefef;
    border-spacing: 10px;
    border-collapse: separate;  
    border-bottom:2px solid #ffffff;
    border-left:2px solid #ffffff;
    border-top:8px solid #ffffff;
}
.table.table-tabbed tbody tr.tab-body td,
.table.table-tabbed tbody tr.tab-body th{
    background-color:#dddddd;
}

.table.table-tabbed tbody tr.tab-row td.active,
.table.table-tabbed tbody tr.tab-row th.active{
    background-color:#dddddd;
    font-weight:700;
    border-bottom:2px solid #dddddd;
}
.table.table-tabbed tbody tr td.tab-row-lead,
.table.table-tabbed tbody tr th.tab-row-lead{
    width:33%;
}

/**content-components.css**/
/**
    Column blocks (generally used in 3 or 4 col layouts)
**/
.col-block p,
.col-block div,
.col-block img,
.col-block form {
    padding-bottom:15px;
}
/** --------------------------------- **/


/**
    horizontal cutout promo block
**/
.horizontal-cut {
    background-color:#f4f4f4;
}
.horizontal-cut .img-responsive{
    margin:0;
    padding:0;
}
/** --------------------------------- **/


/**
    Page anchor navigation 
**/
.page-shortcuts li {
    display: block;
    float: left;
}
.page-shortcuts li a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;    
    font-size: 1.2rem;  
    color: #cc0011;
}
.page-shortcuts li:after {
    display: block;
    float: right;
    content: "|";
    margin: 0 5px;
    color: #333;
}
.page-shortcuts li:last-child:after {
    display: none;
}

/**
    Contact Card - used to display a staff member or information about a person or place
**/
.contact-card {
    background-color:#f2f2f2;
    font-size: 1.2rem;
    line-height: 1.6rem;
    overflow: hidden;
    margin: 0 0 15px 0;
}
.contact-card .col-xxs-5 {
    padding: 0;
}
.contact-card .col-xxs-5 img {
    width: 100%;
}
.contact-card .col-xxs-5 a.focus--keyboard {
    width: 96%;
    margin: 2%;
    background: #333;
}
.contact-card h4 {
    font-weight: 600;
    margin-bottom: 0;
}
.contact-card h4 a {
    color: #cc0011;
}
.contact-card h5 {
    margin-top: 5px;
}
.contact-card .col-xxs-7 div {
    margin-bottom: 8px;
}
@media (min-width: 768px) { 
    .contact-card h4 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2.0rem;
        margin-bottom: 5px;
        font-weight: 400;
    }    
    .contact-card h5 {
        font-weight: 600;
    }
}

/**
    Staff profile detail page 
**/
.staff-profile-header {
    background: #999;
    color: #fff;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
}


.staff-profile-header a,
.landing-box a{
    color: #fff;
    text-decoration:underline;
}
.staff-profile-header h2 {
    font-size: 30px !important;
    font-size: 3.0rem !important;
    line-height: 3.0px !important;
    line-height: 3.0rem !important;
    margin-bottom: 10px !important;
    font-weight: 600 !important;
}
.staff-profile-header h2 span {
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    text-transform: uppercase;
}
.staff-profile-position {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 1em 0;
}
.staff-profile-header h4 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    font-size: 1.5rem;
}

.staff-profile-quote {
    padding: 15px;
}

.staff-profile-photo {
    padding-top: 15px;
}
.staff-profile-photo img {
    width: 100%;
}
.staff-profile .linkedin {
    font-size: 40px;
    font-size: 4.0rem;
    margin-top: 10px;
/*    transition: color .3s;*/
}
.staff-profile .fa-linkedin-square:hover,
.staff-profile .fa-linkedin-square:focus,
.staff-profile .fa-linkedin-square:active{
    color:#ae0311;
    -webkit-transition: color .3s;
    transition: color .3s;
}
/*.staff-profile a:hover .fa-linkedin-square {
    color: #eee;
}*/
.staff-profile-quote {
    background: #e8e8e8;
}
.staff-profile-quote blockquote {
    font-size: 18px;
    font-size: 1.8rem;
    font-style: italic;
    color: #000;
    padding: 10px 20px;
    margin: 0;
    border: 0;
}
.staff-profile-downloads li,
.staff-profile-courses li {
    margin-bottom: 10px;
}
.staff-profile-courses a {
    background: #fff;
    color: #cc0011 !important;
    display: block;
    padding: 5px 10px;
}
.staff-profile-qualifications .fa {
    display: inline-block;
    font: normal normal normal 2.5rem/1 FontAwesome;
    line-height: 1.5rem;
    /* font-size: inherit; */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: auto;
    text-align: center;
    width: 35px;    
}

.section-divider {
    margin-top:20px;
    border-top: 2px solid #d9d9d9;    
}
.staff-profile-qualifications li {
    margin-bottom: 10px;
    padding-left: 38px;
    padding-left:3.8rem;
    position: relative;
}
.staff-profile-qualifications li i {
    color: #ccc;
    position: absolute;
    left: 0;
    top: 3px;
}
.staff-profile section h4 {
    margin-top: 20px;
}
@media (max-width: 420px) { 
    .staff-profile-photo {     
        padding: 0;
    }
}

@media (min-width: 768px) { 
    .staff-profile-quote blockquote {
        font-size: 24px;
        font-size: 2.4rem;
    }
}
@media (min-width: 1200px) { 
    .staff-profile-photo {     
        padding: 0;
    }
}

/**
    Features - generic style that can be used for student profiles, 
    or other informational blockswhich have an image, title and (optional) subtitle and text 
**/
.row--feature 
{
    margin-top: 30px;
    margin-bottom: 30px;      
}
.row--feature .hover-link-image {
    margin-bottom: 10px;
}
.feature-title{
    width: 100%;
    color: #cc0011;
    font-weight: 700;
    font-size: 20px;
    font-size: 1.6rem;
    line-height: 2.0rem;   
    margin: 0;
    padding:0px;
}
.section--grey .row--feature .col-xs-8 .feature-title{
    width: 100%;
    color: #cc0011;
    font-weight: 700;
    font-size: 20px;
    font-size: 1.6rem;
    line-height: 2.0rem;   
    margin: 0;
    padding:15px;
    padding-bottom:0px;
}

a:hover .feature-title {
    color: #ae0311;
}
.feature-subtitle {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
}
.feature-title + p {
    margin-top: 10px;
}
.section--grey .row--feature .hover-link-image {
    margin-bottom: 0;
}
.section--grey .row--feature .col-xs-4 {
    line-height: 0;
}
.section--grey .row--feature .col-xs-8 > * {
    background: #fff;
    padding: 15px;
    margin: 0;
}
.section--grey .block-h5 {
    color: #333333;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    display: block;
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc;
    text-transform: uppercase;
}

@media (min-width: 768px) { /* md overrides */
 
    .row--feature > [class*="col"] + [class*="col"] {
        margin-top: 0; /* removes margin on last col (where we don't need it') */
    }
    .row--feature > [class*="col"] .row:first-of-type {
        margin-bottom: 30px; /* removes margin on last col (where we don't need it') */
    }    
}
/** --------------------------------- **/


/**
    Hover link image - image within the link will use an opacity fade highlight on hover/focus 
**/
.hover-link {
    display: block;
}
.hover-link-image {
    display: inline-block;
    background: #111;
    width: 100%;
}
.hover-link .hover-link-image img {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-backface-visibility: hidden;
    /*  why? see: http://stackoverflow.com/questions/12980153/image-moves-on-hover-chrome-opacity-issue */
    width: 100%;
}
a.hover-link.focus img,
a.hover-link:hover img {
    opacity: .8;
}
/** --------------------------------- **/


/**
    Landing page box - appears on landing pages with optional 2 or 3 col layout
    2 col layout has image at 66% width, and 33% text box to right
    3 col layout has image at 100%, no text. 
**/
.landing-box {
    background: #999999;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;    
}
.landing-box-image {
    background-size: cover;
    background-position: 50% 0;
    min-height: 200px;
}
.landing-box-text {
    padding-top: 1em;
    text-align: center;
    overflow-x: auto;
}
.landing-box-text,
.landing-box-text p{
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
}
@media (min-width: 768px) {
    .landing-box-image{
        min-height: 300px;
    }
    .landing-box-text,
    .landing-box-text p  {
        color: #fff;
        font-size: 14px;
        font-size: 1.4rem;
    }    
}
@media (min-width: 992px) {
    .landing-box-image {
        min-height: 400px;
    }
}


/**
    Overlay for an image being used as a video placeholder 
    Wrap the image in .image-video, and then put a .fa.fa-play-circle icon next to the image
**/
.image-video {
    position: relative;
}
.image-video .fa {
    font-size: 4rem;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%); /* centers icon vertically */
    width: 100%;
    text-align: center;
    z-index: 1;
    opacity: .8;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
a:hover .image-video .fa {
    opacity: 1;
}
@media (min-width: 768px) {
    .image-video .fa {
        font-size: 4rem;
    }   
}


/** --------------------------------- **/


/**
    Button arrow links - block link with arrow at one end edge, denoting link to another internal page
    Should only be used with one or two word links, as the layout will break if the text is too long 
    (Also available with the -back variation)
**/
.button-arrow-link,
.button-arrow-link-back {
    margin-bottom: 10px;
    display: block;
    background: #eee;
    padding-left: 10px;
    font-weight: 600;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 45px;
    line-height: 4.5rem;
    -webkit-transition: background .3s;
    transition: background .3s;
}
.button-arrow-link-back {
    padding-left: 0;   
}
.button-arrow-link i,
.button-arrow-link-back i {
    float: right;
    line-height: 45px;
    line-height: 4.5rem;
    background: #cc0011;
    color: #fff;
    padding: 0 15px;
}
.button-arrow-link-back i {
    float: left;
    margin-right: 10px;
}
.button-arrow-link:hover,
.button-arrow-link-back:hover {
    background-color: #ddd;
}
a.button-arrow-link,
a.button-arrow-link-back {
    /*color: #cc0011;*/
    color: #000000;
}

@media (max-width: 992px) {
  .button-arrow-link, .button-arrow-link-back {
    font-size: 11px;
    font-size: 1.1rem;
  }
}

@media (max-width: 767px) {
  .button-arrow-link, .button-arrow-link-back {
    font-size: 17px;
    font-size: 1.7rem;
  }
}


/** --------------------------------- **/


/**
    Big red button link! 
**/
a.red-button-link,
a.red-button-link:visited {
    display: block;
    text-align: center;
    background: #cc0011;
    color: #fff;
    padding: 10px 10px;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-transition: background .3s;
    transition: background .3s;
}
a.red-button-link:focus,
a.red-button-link:hover {
    background: #ae0311;
    color: #fff;
}

/**
    Big green button link! 
**/
a.green-button-link,
a.green-button-link:visited {
    display: block;
    text-align: center;
    background: #60bb46;
    color: #fff;
    padding: 10px 10px;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-transition: background .3s;
    transition: background .3s;
}
a.green-button-link:focus,
a.green-button-link:hover {
    background: #4cae4c;
    color: #fff;
}


/**
    Arrow links 
**/
.arrow-link {
    background: url(images/arrow.png) no-repeat 0 0;
    width: 60px;
    height: 8px;
    margin: 10px 0;
    display: inline-block;
}
.arrow-link--white {
    background-image: url(images/arrow-white.png);
}
.arrow-link--red {
    background-image: url(images/arrow-red.png);
}

/**
    Subjects Listed section
**/
.subjects-listed a{
    color: #cc0011;
    background-image: url('images/arrow.png');
    background-repeat: no-repeat;
    background-position: right 30px center;
    height:60px;
    height:6rem;
    padding:30px;
    padding:3rem;
    padding-right:95px;
    line-height:60px;
    line-height:6rem;
}
.subjects-listed span{
    line-height:60px;
    line-height:6rem;
    vertical-align:middle;
}
.subjects-listed a:hover,
.subjects-listed a:focus,
.subjects-listed a:active{
    color: #ae0011;
    -webkit-transition:color .3s;
    transition:color .3s;
    background-color:#e5e5e5;
}
.subjects-listed .larger-text{
    font-size:60px;
    font-size:6rem;
    vertical-align: -1rem;
    padding:0px 5px;
}

/**
    Search results
**/
.search-result .intro {
    margin:0;
    padding:0;
}
.search-result a,
.search-result a:hover{
    color:#000;
    display:block;
}

.search-result-link {
    color: #cc0011;
    font-weight: 800;
}

/**
    Page sidebars
**/

.sidebar-block > .inner-content {
    padding:15px;
}
.sidebar-block a {
    color: #cc0011;
}
.sidebar-block .hover-link-image{
    padding:15px 15px 0;    
    background-color:transparent;
}
.sidebar-block img{}
.sidebar-block-title {
    margin-top: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 600;
}
.sidebar-block > .inner-content .sidebar-block-title{
    margin:0;
}
.sidebar-block .sidebar-block-info{
    color: #000;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;        
}
.sidebar-block form{
    padding:10px 0;
}
.sidebar-block a.block-link {
    text-align: center;
    display: block;
    padding: 10px 15px;
    background-color: #cc0011;
    color: #ffffff;
    text-transform:uppercase;
}
.sidebar-block a.block-link:hover,
.sidebar-block a.block-link:focus,
.sidebar-block a.block-link:active{
    background-color: #ae0311;
}
.sidebar-block .sidebar-block-title-uline {
    border-bottom:1px solid #d9d9d9;
    margin-bottom:15px;
}
.sidebar-block blockquote {
    padding: 0;
    margin: 0;
    border-left: 0px solid #eee;
}
.sidebar-block > .inner-content.alt-sidebar {
    background-color: #fff;
    color: #333;
}
.sidebar-block > .inner-content.alt-sidebar blockquote:before {
    content: open-quote;
}
.sidebar-block > .inner-content.alt-sidebar blockquote:after {
    content: close-quote;
}

ul.useful-links-list {
    font-size:13px;
    font-size:1.3rem;
}
ul.useful-links-list li{
    margin:10px 15px;
}
ul.useful-links-list li:before {    
    font-family: 'FontAwesome';
    content: '\f054';
    margin:0 5px 0 -15px;
    color: #d9d9d9;
}

ul.check-list{}
ul.check-list li {
    text-align: left;
    margin: 5px 15px;
    font-size: 13px;
    font-size: 1.3rem;
}
ul.check-list li:before {    
    font-family: 'FontAwesome';
    content: '\f00c';
    margin:0 5px 0 -15px;
}

/**
    Responsive video wrapper
**/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/**
    Responsive map embedding
**/
.google-maps {
    position: relative;
    padding-bottom: 75%; /** This is the aspect ratio, should provide a 4:3 view area**/
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


/**
    Micro download component
**/
.micro-download {}
.micro-download [class*="col"]{
    padding:5px;
}
.micro-download .row{
    padding:5px;
}
.micro-download .micro-download-title{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;    
}
.enrol-block {
    background-color:#cc0011;
    color:#ffffff;
    padding:15px;
    font-size:12px;
    font-size:1.2rem;
}
.enrol-block a {
    color:#ffffff;
}
.enrol-block .enrol-call-to-action {   
}
.enrol-block .enrol-call-to-action a {
    display:block;
    padding:15px;
    background-color: #ae0311;
    text-transform: uppercase;  
    font-weight: 600;
}
.enrol-block .enrol-call-to-action a:hover,
.enrol-block .enrol-call-to-action a:focus,
.enrol-block .enrol-call-to-action a:active{
    background-color: #cccccc;
    color:#000000;
}


/**
    myUC components
**/
.myuc-apply {
    margin-left: 30px;
}
.myuc-apply.time:before {
    content:"\f017";
}
.myuc-apply.requirements:before {
    content: "\f15b";
}


/**
    Accordion component
**/
.accordion {}
.accordion .panel {
    border:0px;
    border-radius: 0px;   
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0); 
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);     
}

.accordion .panel-heading a {
    display:block;
    color:#000000; 
}

.accordion .panel-heading {
    background-color: #e8e8e8;
    color: #000000;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;  
    padding: 5px 15px;
}

.accordion .panel-heading a:after {
    content: "\f067";
    font-family:  FontAwesome;
    font-size:inherit;
    float:right;
    color:#ae0311;
}

.accordion .panel-heading.active {
    background-color:#888888;
    color:#000000;
}
.accordion .panel-heading.active a {
    color:#ffffff;
}
.accordion .panel-heading.active a:after {
    content: "\f068";
    font-family:  FontAwesome;
    font-size:inherit;
    float:right;
    color:#ae0311;
}
.accordion.panel-group .panel-heading + .panel-collapse > .panel-body, 
.accordion.panel-group .panel-heading + .panel-collapse > .list-group {
    padding:15px 0;
    margin-bottom:20px;
}

.accordion .panel-heading a:hover{
    color: #000000;
    text-decoration: underline; /* @TODO - we want to underline? */ 
}
.accordion .panel-heading.active a:hover{
    color: #ffffff;
    text-decoration: underline; /* @TODO - we want to underline? */ 
}

/**
    Styles for readmore js
**/
a[data-readmore-toggle] {
    text-align: center;
    line-height:1px;
    border-bottom:1px solid #ae0311;
    margin-top:-10px;
    padding-top:20px;
}
a[data-readmore-toggle] > span{
    background-color:#fff;
    padding:0 10px;
}

/**
    These styles add padding and margins for paragraghs which use a fontawesome element as the paragraph lead.
**/
p.imaged {
    margin-left:45px;
}

p.imaged .imaged-icon{
    margin-left:-45px;
    padding-top:10px;
}


/************/
/*** MAPS ***/
/************/


.google-maps {
    position: relative;
    height: 450px;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 450px !important;
}

#map {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 40px;
  overflow: hidden;
}

#map { padding-top: 0; }






@media screen and (min-width:768px) {
    .enrol-block > .row {
        display: table;
        height: 100%;
        width: 100%;
        margin: auto;    
    }
    .enrol-block > .row > .enrol-col {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }    
}

/**jumbotron-grid.css**/
.section--jumbotron {
    position: relative;
    padding: 0;
    margin-bottom: 0;
}
.section--jumbotron .row {
    margin: 0;
}
.jumbotron-grid {
    margin-bottom:40px;
}
.jumbotron-grid [class*="col"] {
    padding: 15px;
	overflow: hidden;
}

.jumbotron-grid img {
    position: relative;
    z-index: 0;
	width: 100%;
}
.jumbotron-grid a {
    position: relative;
    line-height: 0; /* removes padding around images when focusing/hovering */
    min-height: 100px;
    height: 100%; 
}
.jumbotron-grid a > div {
    width: 100%;
    height: 100%;
}


.hero-LH-nav {padding-top: 0px !important;}
  
.hero-LH-nav .hero-small {padding: 0px !important;}

.hero-LH-nav .hero-main figure,
.hero-LH-nav .hero-small figure img
{border: 1px #a8a7a7 solid;}



.hero-LH-nav .jumbotron-grid .row {margin-left: -15px; Margin-right: -15px;}


.hero-LH-nav .jumbotron-grid .overlay-text h2 {
  padding: 10px;
  padding-bottom: 12px;
  margin: 0px;
  font-size: 2.0rem;
  line-height: 2.0rem;
}

.hero-LH-nav .jumbotron-grid .overlay-text {
  position: absolute;
  z-index: 1;
  right: 15px;
  bottom: 15px;
  left: 1px;
  color: #cc0011;
  text-shadow: none;
  width: auto;
  height: auto;
  background: #fff;
  font-style: normal;
}


.hero-LH-nav .jumbotron-grid .overlay-text.additional-overlay {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 5px;
}

.hero-LH-nav .jumbotron-grid .overlay-text.additional-overlay p {
    font-style: normal;
    font-weight: 400;
    padding-left: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.hero-LH-nav .jumbotron-grid .overlay-text.normal-overlay {left: 0px;}

.hero-LH-nav .jumbotron-grid .overlay-text.normal-overlay p {display: none;}

.jumbotron-grid .overlay-text {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 10px;
    color: #fff;
    text-shadow: 2px 0 5px #333;
    width: 80%;
    width: calc(100% - 20px);
    height:auto;
}
.jumbotron-grid [class*="col"].hero .overlay-text h2 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    margin: 0;
}
@media (min-width: 420px) {
    .jumbotron-grid [class*="col"].hero .overlay-text h2 {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 14px;
        line-height: 1.4rem;
    }    
}


@media (min-width: 768px) {

    .jumbotron-grid [class*="col"].hero1x1 .overlay-text h2,
    .jumbotron-grid [class*="col"].hero2x1 .overlay-text h2 {
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 24px;
        line-height: 2.4rem;
    }
    .jumbotron-grid [class*="col"].hero2x2 .overlay-text h2 {
        font-size: 34px;
        font-size: 3.4rem;
        line-height: 38px;
        line-height: 3.8rem;
    }    

}

@media (max-width: 767px) {

    .hero-LH-nav .jumbotron-grid .overlay-text.additional-overlay {
        position: relative;
    }

}

/**layout.css**/
/* as per the uc-front-page.css file - footer layout breaks if we don't reproduce here */
* {
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
}

/* default body background colour */
body {
    background: #fff;
}

/* section layouts and variations */

section {
   background: #fff;
   padding: 20px 0 0px;
   margin: 0;
   position: relative;
   z-index: 1;
}
section:last-of-type {
    margin-bottom: 30px;
}
.section--grey {
    background: #eee;
	padding-top:10px;
    padding-bottom:10px;
}

.section--notitle {
    padding-bottom: 30px;
    padding-top: 30px;
}
.section--nobottompadding {
    padding-bottom: 0;
}
.section--video {
    margin: -20px 0 0;
    padding: 0;
}
/**
    Provide some additional padding when the section is within the .content container
**/
.content.container section.section--grey {   
    margin-right: 0;
    margin-left: 0; 
    overflow: hidden;   
}
.section--video .pattern-overlay {
    background-color: rgba(71, 71, 71, 0.59);
    padding: 175px 0 32px;
    min-height: 496px;
}
.section--video .buttonBar {
    display: none;
}
section.section--video {margin-bottom:0px;}
.section--fees h4 {
    margin-top: 20px;
}
body.secondary-nav .content {}
@media (min-width: 768px) {
    body .content {
        margin-top: 70px;
        margin-bottom: 40px;
    }
}



/* text alignment helpers */
/* @TODO - bootstrap also has text-left, text-right - replace instances of below with those, instead */
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}
.sm-center {
    text-align: center;
}
.md-center,
.lg-center,
xl-center {
    text-align: inherit;
}

/* padding helpers */
.pad-0              {padding:0 !important;}
.pad-5              {padding:5px !important;}
.pad-10             {padding:10px !important;}
.pad-20             {padding:20px !important;}
.pad-right-0        {padding-right:0 !important;}
.pad-right-10       {padding-right:10px !important;}
.pad-right-20       {padding-right:20px !important;}
.pad-left-0        {padding-left:0 !important;}
.pad-left-10        {padding-left:10px !important;}
.pad-left-20        {padding-left:20px !important;}
.pad-top-0        {padding-top:0 !important;}
.pad-top-5       {padding-top:5px !important;}
.pad-top-10       {padding-top:10px !important;}
.pad-top-20       {padding-top:20px !important;}
.pad-bottom-0        {padding-bottom:0 !important;}
.pad-bottom-5        {padding-bottom:5px !important;}
.pad-bottom-10        {padding-bottom:10px !important;}
.pad-bottom-20        {padding-bottom:20px !important;}

/* margin helpers */
.margin-0              {margin:0 !important;}
.margin-5              {margin:5px !important;}
.margin-10             {margin:10px !important;}
.margin-20             {margin:20px !important;}
.margin-top-0       {margin-top: 0 !important;}
.margin-top-5       {margin-top: 5px !important;}
.margin-top-10       {margin-top: 10px !important;}
.margin-top-20      {margin-top: 20px !important;}
.margin-top-40      {margin-top: 40px !important;}
/*.margin-bottom-20   {margin-bottom: 30px;}*/
.margin-bottom-0   {margin-bottom: 0 !important;}
.margin-bottom-5   {margin-bottom: 5px !important;}
.margin-bottom-10   {margin-bottom: 10px !important;}
.margin-bottom-20   {margin-bottom: 20px !important;}
.margin-bottom-30   {margin-bottom: 30px !important;}
.margin-bottom-40   {margin-bottom: 40px !important;}
.margin-right-0       {margin-right: 0 !important;}
.margin-right-10       {margin-right: 10px !important;}
.margin-right-20      {margin-right: 20px !important;}
.margin-right-40      {margin-right: 40px !important;}
.margin-left-0       {margin-left: 0 !important;}
.margin-left-10       {margin-left: 10px !important;}
.margin-left-20      {margin-left: 20px !important;}
.margin-left-40      {margin-left: 40px !important;}

.sm-margin-top-0   {margin-left: 0;}
.sm-margin-top-10   {margin-top: 10px;}
.sm-margin-top-20   {margin-top: 20px;}
.sm-margin-top-40   {margin-top: 40px;}


/* medium */
@media (min-width: 768px) {
    .sm-margin-top-10,
    .sm-margin-top-20,
    .sm-margin-top-40 {
        margin-top: 0;
    }
    .sm-center {
        text-align: inherit;
    }
    .md-center {
        text-align: center;
    }
}

/* large */
@media (min-width: 992px) {
    .sm-center {
        text-align: inherit;
    }    
    .lg-center {
        text-align: center;
    }
}

/** Shuffle Gallery extensions **/
.gallerygrid.fixed,
.gallerygrid.fixed .gallery-item .gallery-item__inner{
    height:390px;    
}
/**
  Forces height of the description paragraph depending on the size of the image used in the gallery
**/
.gallerygrid.fixed .gallery-item.small-height .gallery-item__description {
    max-height:170px;
}

.gallerygrid.fixed .gallery-item.medium-height .gallery-item__description {
    max-height:100px;
}

.gallerygrid .gallery-item {
    margin-bottom:30px;
}
.gallerygrid .gallery-item .gallery-item__inner {
    border: 1px solid #cccccc;
    overflow:hidden;
}

.gallery-item__details {
    padding:10px;
}

.gallery-item__tags {}

.gallery-item__description {
    font-size:12px;
    font-size:1.2rem;
    height:auto;
    margin:0;
    padding:0;
}
p.gallery-item__description {
    margin:0;
    padding:0;
}
.gallery-item__title {
    font-weight:700;
}

.gallery-item .overlayer {
    position: absolute;
    bottom: 10px;
    /* left: 10px; */
    background-color: #cc0011;
    padding: 10px;
    border-radius: 17px;
    color: #ffffff;
}

@media (max-width: 900px) {
}
@media (max-width: 768px) {
    
    body .content {
/*        margin-top:40px;*/
    }    
    
    
    /** Shuffle Gallery extensions **/
    .gallerygrid.fixed,
    .gallerygrid.fixed .gallery-item .gallery-item__inner{
        height:auto;    
    }
    /**
      Forces height of the description paragraph depending on the size of the image used in the gallery
    **/
    .gallerygrid.fixed .gallery-item.small-height .gallery-item__description {
        max-height:auto;
    }

    .gallerygrid.fixed .gallery-item.medium-height .gallery-item__description {
        max-height:auto;
    }    
    
    .gallery-item img {
        height:auto;
        max-width:inherit;
        max-height:inherit;
        width:100%
    }
    .gallery-item__inner {
        height:auto;
        border: 1px solid #cccccc;
        overflow:hidden;
    }  
    .gallery-item {
        height:auto;
    }
    
    .gallery-item__description {
        font-size:12px;
        font-size:1.2rem;
        height:auto;
    }    
}    

/**styles-uc.css**/
/*Layout and sections*/
.content.container main ul:not(.nav):not(.page-shortcuts):not(.list-inline):not(.staff-profile-qualifications):not(.pagination):not(.check-list):not(.list-unstyled), .content.container main ol:not(.nav):not(.page-shortcuts):not(.list-inline):not(.staff-profile-qualifications):not(.pagination):not(.check-list):not(.list-unstyled), ul.styled-list {
	font-size: 1.6rem;
	line-height: 2.4rem;
}
.row--feature {
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.margin-left-5{
	margin-left: 5px !important;
}
.main {padding-top: 14px;}
.section--jumbotron {padding-top: 10px;}

.section--grey--margin--bottom {
	padding-bottom: 20px;
}
.content.container section.section--grey {
	margin-top: 15px;
    margin-bottom: 30px;
}
main.main > h1 {margin-top: 10px !important;}
.row--feature .hover-link-image {
	margin-bottom: 0px !important;
}
.jumbotron-grid {margin-bottom: 10px !important;}

/*Fonts and headings*/
h1 {
	font-weight: 700;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 45px;
	line-height: 4.5rem;
	margin-bottom: 10px !important;
}

h2 {
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 3.0rem;
	clear: both;
}

.section--grey h2 {margin-top: 10px;}

h2.gethesupport, #gethesupport{
margin-top:0px !important;	
}
.externallinkimage:after {
    content: "" !important;
	padding-left: 0px !important;
}
h2:not(.container):not(section.marketing-page)h2:not(.news-hub) {
	margin-top: 14px !important;
	margin-bottom: 14px !important;
}

h3.staffprofile-name, h4.staffprofile-jobtitle  {margin-bottom: 0px;}
h4.staffprofile-jobtitle, h4.staffprofile-te-reo {margin-top: 0px;}
h4.staffprofile-te-reo {color: #cc0011;}


p, li {color: #111111;}
p.lead, span.lead {
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
	color: #999999;
	font-weight: 400;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 30px;
	line-height: 3.0rem;
	margin-top: 0px;
	margin-bottom: 24px;
	clear: both;
}

p.gai
{
	font-weight:bold;
	background:#FFF;
	color:#000;
	text-align:center;
	vertical-align:top;
	font-style:italic;
}

address {
	font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
}
/*Content */
li {font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;}
hr.dark {border-color: #999;}
li.nav-title a {
	padding-top: 12px!important;
	font-size: 1.8rem!important;
}
select {margin-bottom: 15px;}
ol li:before {content: '' !important; margin: 0 !important;}

ol {
	list-style-type: none;
	margin-left: 0.2em;
}
ol li {
	padding-left: 0.4em;
	list-style-type: decimal !important;
	list-style-position: outside !important;
}

.page-type {
	color: #bbbbbb;
	font-weight: 600;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 30px;
	line-height: 3.0rem;
	margin-top: 9px;
	display: inline-block;
}
.page-main-image {padding-top: 15px; padding-bottom: 15px;}
.image-caption {
	padding-left: 0px !important;
	list-style-type: none;
}
.image-caption li:before {
	content: '' !important;
}

.hover-link-image {
	display: block;
}
.hover-link .hover-link-image img {box-shadow: #000 0em 0em 0em;}

.contact-card {
	min-height: 160px !important;
	font-size: 1.19rem !important;
}
.contact-card .col-xxs-7 div {margin-bottom: 4px;}
.row.contact-card .col-xxs-7{
padding-left: 10px; 
padding-right: 5px;
}
.has-award{position:relative;}
.has-award:before{
	content:" "; display:block; 
	position:absolute; 
	top:0; 
	right:0; 
	width:58px; 
	height:65px; 
	background:url(../images/profile-awards.png) no-repeat; 
	background-size: 100%;
	}
@media (max-width: 420px){
	.has-award:before{width:40px; height:45px;}

	.pagination > li:not(:first-child):not(:last-child) {
		display: inline-block;
	}
}


.reaytoapply ul {
	padding-left: 0 !important;
	list-style: none !important;
	    line-height: 1.9rem !important;
}
.reaytoapply ul li {
	text-align: left !important;
	margin: 5px 15px !important;
	font-size: 13px !important;
	font-size: 1.3rem !important;
}
.reaytoapply ul li:before {
	font-family: 'FontAwesome' !important;
	content: '\f00c' !important;
	margin: 0 5px 0 -15px !important;
	color:#FFF !important;
}
.navbar-collapse-new {display: block!important;}

.gallerygrid.fixed, .gallerygrid.fixed .gallery-item .gallery-item__inner {
	height: auto;
}

.panel-collapse p:first-child,.panel-collapse > .row{padding: 15px 0 0 0;}

.gallery-item__details  p{
	word-wrap: break-word;
	margin: 0;
    padding: 0;
	font-size: 1.2rem;
    height: auto;	
}

.book-catalogue-img {max-width: 200px;}

/*.fancybox-opened .fancybox-title {padding: 10px;}*/
.fancybox-title-float-wrap .child {white-space: unset !important;}

.landing-box-text{display: table;}
.landing-box-text div{
	display: table-cell; 
	vertical-align: middle;
}
.email{word-wrap:break-word;}
.font24{font-size: 2.4rem !important;}
/*.ExternalLink:after
{
    padding-left:4px;
    content: "\f08e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.ExternalLink:after{text-decoration: none;}*/

ul ul{margin-top: 0px;}

/* Document content type */
.row.document {padding: 20px 0;}

.document img {
    width: 100%;
    outline: 5px solid rgba(11,12,12,0.1); 
    -webkit-box-shadow: 0 2px 2px #111111;
    box-shadow: 0 2px 2px #111111;
}
.document .document-details h2{margin-top: 2%}
/*Document content type end*/

/*Right panel with sidebar*/
.right-panel h1 {
	margin-top: 0 !important;
}
.right-panel h2, p {
	clear: none !important;
}
.right-panel .right-media-text p{
    margin: 5px 0 0 0 !important;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
}

.sidebar-block-gray{
	padding-bottom: 0px !important; 
}
.right-panel .sidebar-block .block-link{
    margin: 10px -15px 10px -15px;
	text-align: center;
    display: block;
    padding: 10px 15px;
    background-color: #cc0011;
}
.right-panel .sidebar-block .block-link a{
    color: #ffffff;
	text-transform: uppercase;
}
.right-panel .sidebar-block .block-link a:before{
	font-family: 'FontAwesome';
	content: '' !important;
}

.sidebar-block .block-link:hover,
.sidebar-block .block-link:focus,
.sidebar-block .block-link:active{
    background-color: #ae0311;
}
.sidebar-block p.sidebar-block-title{
    margin: 10px 0 10px 0 !important;
}
.sidebar-block h4{
	margin-top: 0px;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 600;
	border-bottom:1px solid #999;
    margin-bottom:15px !important;
}

.sidebar-block p{
    font-size: 1.4rem;
}

.sidebar-block-title {
	margin-bottom: 5px !important;
}

.sidebar-block a.button-link {
	text-align: center;
	display: block;
	padding: 10px 15px;
	margin: 15px -15px;
	background-color: #cc0011;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: 700;
	white-space: normal;
	line-height: 2.0rem;
}
.block-link-disabled {
    background-color: #999 !important; 
	text-align: center;
    display: block;
    padding: 10px 15px;
    color: #ffffff;
    text-transform: uppercase;
	 margin: 10px 0px 10px 0!important;
}
.block-link-disabled  a{
    color: #ffffff;
}
.micro-download-info{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;  
	color: #cc0011;
}
.micro-download{
	padding: 0;
}

/*Tab*/
.tab-pane > div.row:first-of-type {margin-top: 25px;}
.nav-tabs {margin-bottom: 0em;}
.tab-content > .active {border-top: 2px solid #cc0011;}
.sbj-content .tab-content > .active{border-top:none;}
.nav-tabs .tab-button {
	border-right: 1px solid #fff;
	padding: 16px 10px;
	color:#000;
	font-weight: 500;
	background-color: #ccc;
}

.nav-tabs .tab-button:hover {background-color: #e4e4e4;}
.nav-tabs .tab-button a {font-weight: 500;}
.nav-tabs .tab-button.active {background-color: #cc0011;}
.nav-tabs a .tab-button.active  {color: #fff;}

.nav-tabs a:focus .tab-button{background-color: #cc0011;}
.nav-tabs a:focus .tab-button {color: #fff;}
.nav-tabs a:active .tab-button{background-color: #cc0011;}
.nav-tabs a:active .tab-button {color: #fff;}



/* News start*/
.news-h3, .news-sidebar-box-archive{
    margin-top: 0px !important;
}
.news-datetime{
    font-weight: normal;
    margin:  0;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #7a736e;
}
.news-lead-text {
	margin: 0;
}
.captionbox{
	margin: 0 0 10px 10px;
	border: 1px solid #ccc;
    padding: 10px;
    background-color: #fff;
	max-width:300px;
	float: right;
}
.captionbox  figcaption p{
	font-size: 1.2rem !important;
	margin:5px 0 0 0;
	line-height: 1.7rem;
	}
.additional-image{
	width:300px;
	display:inline;
	text-align:right;
}
.news-pagination {
    display: inline-block;
    padding: 0;
	padding-left: 0px !important; 
    margin: 0;
}
.news-pagination span {display: inline;}

.news-pagination a, .currentpage{
    color: #FFF;
	font-weight:bold;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
	background-color: #cc0011;
}
.currentpage{
    background-color: #bbbbbb;
    color: white;
}
.news-pagination  a:hover:not(.active) {background-color: #99000d;}
.news-archive-list ul.styled-list{font-size:1.4rem; line-height:2rem; margin-top:0;}
.news-archive-list .pagination{margin-top:15px;}
.custom-li a, .custom-li span{
	    margin: 4px 4px 0px 0px;
}

a .image-highlight {
    background: transparent;
}

.break-one-line{
	overflow : hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;	
}

.break-two-lines{
	overflow : hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;	
}

.break-three-lines{
	overflow : hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 3; 
	-webkit-box-orient: vertical;	
}
.break-four-lines{
	overflow : hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 4; 
	-webkit-box-orient: vertical;	
}
.break-five-lines{
	overflow : hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 5; 
	-webkit-box-orient: vertical;	
}
/* News end*/

/*Table start*/
.table > *:first-child > tr:first-child {
    background-color: #888888 !important;
	color:#FFF;
	text-transform: uppercase;
	font-weight: bold;
}
.table > *:first-child > tr:first-child:hover {
    background-color: #888 !important;
	color:#fff;
}
.table tr:nth-child(odd) {background: #dddddd !important;}
.table tr:nth-child(odd):hover {background: #eef0f0 !important;}
.table tr:nth-child(even):hover {background: #eee !important;}
a.dummyClassMenu:hover{background-color: #cc0011  !important;}

#tableOfStudents tr:nth-child(odd) {background: #fff !important;}
#tableOfStudents tr:nth-child(odd):hover {background: #eee !important;}
#tableOfStudents tr:nth-child(even):hover {background: #eee !important;}
#tableOfStudents > *:first-child > tr:first-child {
    background-color: #888888 !important;
	color:#FFF;
}

table.ccr 
{
	width:847.50px;
	border: 1px solid ;
	border-color:  #999999;
	border-collapse: collapse;
}

td.ccr , th.ga , p.ga , th.wrs
{
	font-weight:bold;
	background:#FFF;
	color:#000;
	text-align:center;
	vertical-align:top;
}


th.ga, td.ga
{
    display: table-cell;
	border: 1px solid #999999;
	border-collapse: collapse;
}

td.ga  
{
	font-weight:bold;
	color:#FFF;
	background:#7F7F7F;
	text-align:left;
	width:120px;
	height:77px;
	padding: 8px; 
    vertical-align: top;
}
td.ccr
{
	display: table-cell;
	border: 1px solid #999999;
	border-collapse: collapse;
	padding: 8px;
}
td.wrs 
{
	font-weight:bold;
	color:#FFF;
	background:#7F7F7F;
	text-align:left;
	display: table-cell;
	border: 1px solid #999999;
	border-collapse: collapse;
	padding: 8px;
}

td.activity-white
{
	color:#000;
	background:#FFFFFF;
	display: table-cell;
	border: 1px solid #999999;
	border-collapse: collapse;
	padding: 8px;
	text-align:center;
}
td.activity-grey 
{
	color:#000;
	background:#BFBFBF;
	display: table-cell;
	border: 1px solid #999999;
	border-collapse: collapse;
	padding: 8px;
	text-align:center;
}
/*Table end*/
/*library*/
.hours-today{
	width:50%;
}
.hours-col-loc{
	font-weight:bold;
}
.s-lc-whw-loc{
	background: #FFF !important;
}
/*International collapse menu arrow align*/
button#collapseMenu {
    margin-right: 0px;
    font-size: 1.4rem;
}

caption.support {
	font-weight:bold;
	color:#000;
}

ul.styled-list li span {text-align: left;}

ul.styled-list li span {margin: 0px;}
ul li:before  {position: absolute; margin: 0 0 0 -20px !important;}

/*Li before issue on redmore fix*/
.readmore {position: relative;}
.readmore + [data-readmore-toggle] {margin-bottom: 20px;}

.readmore ul li:before :not(ol li:before){
	display: inline-block; position: relative; margin: 0 10px 0 -25px !important;
}

ul.icon-descr-list li:before {content: none !important;}
.fancybox-skin .child{
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

.btn.btn-default.button.search-input-button.focus--keyboard.focus{
background-color: #99000d !important;
color: #fff;
}
ol.styled-list1 li span {
    text-align: left;
    padding-left: 5px;
}


/* Back To top */
#top-link-block{
	 z-index: 9999;
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 50px;
    right: 15px;
}
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    right: 10px;
}

#top-link-block  span{
     background-color:#e2e2e2;	
	 color:#cc0011;
	 opacity:0.8;
	 font-size:20px;
	 padding: 0px 0.5em;
	 line-height: 2em;
}
#top-link-block  span:hover{
     background-color:#e2e2e2;	
	 color:#cc0011;
	 opacity:1;
}

/*A - Z*/
.a-to-z-anchor-links ul {
    padding: 0px !important;
}
.a-to-z-anchor-links li {
    float: left;
    list-style-type: none;
    text-transform: uppercase;
    font-weight: 700;
}
.a-to-z-anchor-links li:before {
    content: none !important;
}
.a-to-z-anchor-links li a {
    border-right: 2px solid #bbbbbb;
    padding: 0px 7px 0px 7px;
}

.subject-link-list h2 {
    text-transform: uppercase;
    border-bottom: 2px solid #bbbbbb;
    padding: 0px 0px 3px 0px;
}

.subject-link-list ul h4 {margin-left: -20px;}

/*Buttons*/
.primary-button {
    background-color: #cc0011;
    color: #ffffff;
    border: none;
    border-radius: 0px;
}
.primary-button:hover, .primary-button:active {
    background-color: #99000d;
    color: #ffffff;
    -webkit-transition: 0.25s linear;
    -moz-transition: 0.25s linear;
    -o-transition: 0.25s linear;
    transition: 0.25s linear;
}
.standard-button {
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 21px;
    line-height: 2.1rem;
	padding: 10px 15px;
}
.info-button {
    background-color: #235f9c;
    color: #ffffff;
    border: none;
}
.info-button:hover {
    background-color: #003366;
    color: #ffffff;
    -webkit-transition: 0.25s linear;
    -moz-transition: 0.25s linear;
    -o-transition: 0.25s linear;
    transition: 0.25s linear;
}
.default-button {
    background-color: #bbbbbb;
    color: #ffffff;
    border: none;
    border-radius: 0px;
    font-size: 18px;
    font-size: 1.8rem;
}

.red-button-link {margin-bottom: 5px;}

/**Accordion**/
.accordion .panel img{
	margin-top:15px;
}
.accordion .panel .contact-card img{
	padding-top:0px;
}
.accordion .panel .margin-top-0{
	padding-top:15px;
}

/*Carousel Accommodation*/
.carousel-control .fa-angle-right {right: 10px;}
.carousel-control .fa-angle-left {left: 10px;}
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-caption {
    right: 0%;
    bottom: 0px;
    left: 0%;
	padding-top: 0px;
    padding-bottom: 0px;
}
.carousel-caption-inner {
	padding-top: 5px;
    padding-bottom: 5px;
	background-color: #cc0011;
	color: #fff;
	text-shadow: none;
}

@media (max-width: 768px) {
  .carousel-indicators {display: none;}
}

#carousel-example-generic {margin-bottom: 15px;}

/*Quote Carousel*/
#quote-carousel {
    padding: 0 30px 30px 30px;
    margin: 30px 0px 0px;
}
#quote-carousel .carousel-control{
    background: none;
    color: #bbbbbb;
    font-size: 2.3em;
    text-shadow: none;
}
#quote-carousel .carousel-indicators {bottom: 0px;}
#quote-carousel .carousel-indicators li {background: #bbbbbb;}
#quote-carousel .carousel-indicators .active {background: #111111;}
#quote-carousel img{height: 100px}
#quote-carousel .carousel-control .fa-angle-left, 
#quote-carousel .carousel-control .fa-angle-right {
	top: 25%;
}
.item blockquote {
    border-left: none;
    margin: 0px;
}

/*Degree structure diagrams*/
.degree-year {overflow: hidden; margin: 5px 0 15px 0;}
.degree-year .level {width: 61px;height: 50px; border: 1px solid #bbbbbb;  padding-top: 5px;  float:left; margin: 2px}
.degree-year .level a {color:#ffffff}
.degree-year .level > div { text-align: center; color: #ffffff;}
.degree-year .level .course-number {
	font-size: 11px;
	font-size: 1.0rem;
	line-height: 1.2;
	font-weight: 700;
}
.degree-year .level .course-text {
  font-size: 1px;
  font-size: 1rem;
  line-height: 1.1;
}
.degree-structure  ul.key {padding: 0; margin-bottom: 20px}
.degree-structure .key li {display:block;margin-right:5px; padding:3px 0; vertical-align: top; font-size: 10px; font-size: 1.0rem; line-height: 10px; line-height: 1.0rem}
.degree-structure .key .key-color {width: 20px; height: 20px; margin-right: 5px; display:inline-block; border:1px solid #bbbbbb;}
.degree-structure .key .key-text {display:inline-block;}
.degree-structure .footnote > p {	margin: 0;}
ul.key li:before {content: none !important;}

.item  .logo-block .logo-image{
	max-width:200px;
}
/*table inside panel style*/
.accordion .panel-default .table{
	margin:15px 0;
}
/*Image with external link*/
.media.information .ExternalLink:after  {content: none;}

/*Alert styling*/
.alert {padding-top: 14px; margin: 20px 0}
.alert h1,.alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {margin-top: 0px}

.alert-1{
    background-color:#f4f8fd;
    border:2px solid #235F9C;
    color:#333333;
    padding-left:29px;
}

    .alert-1 .close{
        color:#bec5cc;
        opacity:1.0;
    }

    .alert-1 a:link{color:#235F9C; font-weight:400; text-decoration:underline;}
    .alert-1 a:visited{color:#235F9C; text-decoration:underline;}
    .alert-1 a:hover{color:#003366; text-decoration:underline;}
    .alert-1 a:active{color:#235F9C; text-decoration:underline;}

.alert-2{
    background-color:#f4f8fd;
    border:2px solid #235F9C;
    color:#333333;
    padding-left:29px;
    padding-bottom:25px;
}

    .alert-2 .close{
        color:#bec5cc;
        opacity:1.0;
    }

    .alert-2 h2{margin:2px 0px 10px 0px;}

    .alert-2 a:link{color:#235F9C; font-weight:400; text-decoration:underline;}
    .alert-2 a:visited{color:#235F9C; text-decoration:underline;}
    .alert-2 a:hover{color:#003366; text-decoration:underline;}
    .alert-2 a:active{color:#235F9C; text-decoration:underline;}
    
    .alert-2 p{margin:0px 0px 25px 0px;}

    .alert-2 .alert-button{
        background-color:#235F9C;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
    .alert-2 .alert-button:hover{
        background-color:#003366;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

    .alert-2 .alert-button2{
        background-color:#bbbbbb;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
    .alert-2 .alert-button2:hover{
        background-color:#999999;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

.alert-3{
    background-color:#ffeeef;
    border:2px solid #FF0015;
    color:#232627;
    padding-left:29px;
}

    .alert-3 .close{
        color:#bec5cc;
        opacity:1.0;
    }
    
    .alert-3 a:link{color:#ff0015; font-weight:400; text-decoration:underline;}
    .alert-3 a:visited{color:#ff0015; text-decoration:underline;}
    .alert-3 a:hover{color:#CC0011; text-decoration:underline;}
    .alert-3 a:active{color:#ff0015; text-decoration:underline;}

.alert-4{
    background-color:#ffeeef;
    border:2px solid #FF0015;
    color:#232627;
    padding-left:29px;
    padding-bottom:25px;
}

    .alert-4 .close{
        color:#bec5cc;
        opacity:1.0;
    }

    .alert-4 h2{margin:2px 0px 10px 0px;}

    .alert-4 a:link{color:#ff0015; font-weight:400; text-decoration:underline;}
    .alert-4 a:visited{color:#ff0015; text-decoration:underline;}
    .alert-4 a:hover{color:#CC0011; text-decoration:underline;}
    .alert-4 a:active{color:#ff0015; text-decoration:underline;}
    
    .alert-4 p{margin:0px 0px 29px 0px;}

    .alert-4 .alert-button{
        background-color:#ff0015;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
    .alert-4 .alert-button:hover{
        background-color:#CC0011;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

    .alert-4 .alert-button3{
        background-color:#bbbbbb;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
    .alert-4 .alert-button3:hover{
        background-color:#999999;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

.alert-5{
    background-color:#f9fefd;
    border:2px solid #1ABC9C;
    color:#363a3d;
    padding-left:29px;
}

    .alert-5 .close{
        color:#bec5cc;
        opacity:1.0;
    }
    
    .alert-5 a:link{color:#1abc9c; font-weight:400; text-decoration:underline;}
    .alert-5 a:visited{color:#1abc9c; text-decoration:underline;}
    .alert-5 a:hover{color:#16a085; text-decoration:underline;}
    .alert-5 a:active{color:#1abc9c; text-decoration:underline;}

.alert-6{
    background-color:#f9fefd;
    border:2px solid #1ABC9C;
    color:#363a3d;
    padding-left:29px;
    padding-bottom:25px;
}

    .alert-6 .close{
        color:#bec5cc;
        opacity:1.0;
    }

    .alert-6 h2{margin:2px 0px 10px 0px;}

    .alert-6 a:link{color:#1abc9c; font-weight:400; text-decoration:underline;}
    .alert-6 a:visited{color:#1abc9c; text-decoration:underline;}
    .alert-6 a:hover{color:#16a085; text-decoration:underline;}
    .alert-6 a:active{color:#1abc9c; text-decoration:underline;}
    
    .alert-6 p{margin:0px 0px 29px 0px;}

    .alert-6 .alert-button-1{
        background-color:#1abc9c;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

    .alert-6 .alert-button-1:hover{
        background-color:#16a085;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
    .alert-6 .alert-button-2{
        background-color:#00BDEF;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

    .alert-6 .alert-button-2:hover{
        background-color:#00A1CB;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
.alert-7{
    background-color:#fefbf4;
    border:2px solid #F39C12;
    color:#363a3d;
    padding-left:29px;
}

    .alert-7 .close{
        color:#bec5cc;
        opacity:1.0;
    }
    
    .alert-7 a:link{color:#FBAF2D; font-weight:400; text-decoration:underline;}
    .alert-7 a:visited{color:#FBAF2D; text-decoration:underline;}
    .alert-7 a:hover{color:#F09905; text-decoration:underline;}
    .alert-7 a:active{color:#FBAF2D; text-decoration:underline;}

.alert-8{
    background-color:#fefbf4;
    border:2px solid #F39C12;
    color:#363a3d;
    padding-left:29px;
    padding-bottom:25px;
}

    .alert-8 .close{
        color:#bec5cc;
        opacity:1.0;
    }

    .alert-7 h2, .alert-8 h2{margin:0px 0px 10px 0px;}

    .alert-8 a:link{color:#FBAF2D; font-weight:400; text-decoration:underline;}
    .alert-8 a:visited{color:#FBAF2D; text-decoration:underline;}
    .alert-8 a:hover{color:#F09905; text-decoration:underline;}
    .alert-8 a:active{color:#FBAF2D; text-decoration:underline;}
    
    .alert-8 p{margin:0px 0px 29px 0px;}

    .alert-8 .alert-button-1{
        background-color:#FBAF2D;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

    .alert-8 .alert-button-1:hover{
        background-color:#F09905;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }
    
    .alert-8 .alert-button-2{
        background-color:#bbbbbb;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

    .alert-8 .alert-button-2:hover{
        background-color:#999999;
        color:#ffffff;
        border-radius:0px;
        border:none;
        margin:0px 10px 0px 0px;
        min-width:155px;
    }

/*Student profile heading*/
h3.media-heading {
  margin-top: 22px;
  margin-bottom: 14px;
}

/*Video pop up fix - modal*/
.media .vidBlackDiv, .media .vidWhiteDiv {
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1001;
	height: 100%;
    width: 100%;
}
.media .vidBlackDiv {opacity: 0.6;}
.media .vidWhiteDiv {opacity: 0.8;}
.media .vidBlackDiv, .media .vidBlackDiv:hover {background-image: url("//static.canterbury.ac.nz/web/graphics/vid_black.png");}
.media .vidWhiteDiv, .media .vidWhiteDiv:hover {background-image: url("//static.canterbury.ac.nz/web/graphics/vid_white.png");}
.media .vidBlackDiv:hover, .media .vidWhiteDiv:hover {opacity: 1;}

/*Student profiles*/
.student-images a:hover img, a:hover .image-highlight img {opacity: 0.7;}
.student-images a img, a .image-highlight img {box-shadow: #000 0em 0em 0em;}

.student-images a, a .image-highlight {
    display: block;
    background: #111111;
}

/*Subject figcaption*/
figure figcaption,
figure figcaption p {
	font-size: small;
	font-style: italic;
	font-weight: 500;
	line-height: normal;
}

/*Pager*/
ul.pager li:before {content: none !important;}
 
/*Map image*/
  .map-info-window-content img {
    width: 100%;
    height: auto;
}

/*UC7 Styles*/
.uc7red {color: #cc0011;}
.uc7_section .title .uc7num,
.uc7_section .title .uc7ico {
  margin-top: -5px;
}
.uc7_section .title .uc7num {margin-right: 15px;}
.uc7_section .title .uc7ico {margin-left: 15px;}
.uc7_section a {color: #cc0011;}
.uc7whyuc .uc7row .title {color: #CC0011;}

.uc7whyuc .uc7row .title .uc7num,
.uc7whyuc .uc7row .title .uc7ico {
	margin-right: 8px;
}
.uc7whyuc .uc7row .title .uc7ico {margin-left: 8px;}

/*UC7 Video Page*/
.uc7_section.video .content {margin-bottom: 5px;}

/*UC7 Top Video - hidden currently*/
.uc7-top-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.uc7-top-video iframe,
.uc7-top-video object,
.uc7-top-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*UC7 Video Carousel*/
#uc7video-carousel {
	margin-top: 30px;
	padding-left: 40px;
	padding-right: 40px;
}
#uc7video-carousel .uc7video-block {min-height: 250px;}
#uc7video-carousel .carousel-control {
	background: none;
    top: 12%;
}
#uc7video-carousel .carousel-control.left {margin-left: -70px;}
#uc7video-carousel .carousel-control.right {margin-right: -70px;}
#uc7video-carousel .fa-chevron-left, #uc7video-carousel .fa-chevron-right {
	color: #cc0011;
}
#uc7video-carousel h3 {
	font-size: 14px;
	font-size: 1.4rem
}
#uc7video-carousel {margin-left: 30px; margin-right: 30px;}
#uc7video-carousel .uc7video-image a:after {content: none !important;}

/*UC7 Video Modal*/
#uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv,#uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv {
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    width: 100%;
	top: 0;
	cursor: pointer;
	background-position: center; 
}
#uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv,
#uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv {
    opacity: 0.8;
}
#uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv, #uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv:hover {
    background-image: url("//static.canterbury.ac.nz/web/graphics/vid_black.png");
}
#uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv, #uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv:hover {
    background-image: url("//static.canterbury.ac.nz/web/graphics/vid_white.png");
}
#uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv:hover, #uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv:hover {
    opacity: 1;
}

/*UC7 Dimension pages*/
#main .title .uc7ico {margin-right: 15px;}
.student-stories-image {
	width: 100%;
	margin-bottom: 20px;
}

/* Qualifications A-Z */
.pagination > li a{font-weight:bold;}
.pagination > li.empty a{background-color:#eee; color:#999; pointer-events: none; font-weight:normal;}
.alpha.pagination > li > a, .alpha.pagination > li > span{margin:0 0; width: auto;}

.alpha.pagination li a.active {
    color: #ffffff;
    background-color: #ae0311;
    border-color: #ae0311;
}

/* UC Department Pages Additional Layout */

/*.dept-logo img{
    margin:5px 0 5px 0;
}*/

.dept-bg-repeat{
    background: #edeeef; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #e6e6e7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #e6e6e7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #e6e6e7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #e6e6e7); /* Standard syntax */
}

#nav-sidebar > ul > li.active > div > a:hover{
                color:#FFF !important;
}
.imageCenterer {

	top: 0;
 
}
/*.imageCenterer img {
	height: auto;
	width: 100px;
	display: block;
	margin: 0 auto;
}*/
/**Document list without thumbnail***/
.documentlist{
	margin: 0px;
    padding: 0px;
}
.documentlist:last-of-type{
	margin-bottom: 20px;
}
.course-info-heading{
    font-weight: 700;
    font-size: 2.0rem;
    line-height: 2.4rem;
    margin-top: 22px;
    margin-bottom: 14px;
}
.documentlist .course-info-heading{
	 font-weight: normal;
	 font-size: 1.6rem;
	margin-top: 0;
	 line-height: 2.4rem;
	 margin-bottom: 0;
}

.documentlist .sidebar-block-gray .sidebar-block .inner-content {
	margin-bottom: 10px;
}
.documentlist .sidebar-block-gray .sidebar-block .inner-content p{
	font-size: 1.3rem;
	margin: 5px 15px;
}
.documentlist .sidebar-block-gray .sidebar-block .inner-content a:not(.block-link):before {
    font-family: 'FontAwesome';
    content: '\f054';
    margin: 0 5px 0 -15px;
    color: #999;	
}

/** UC Contacts **/
.contact-te-reo:last-of-type {
  border-bottom: solid 1px #999 !important;
  margin-bottom:10px;
}
.contact-te-reo {
  border-bottom: solid 0px #999 !important;
  margin-bottom:0px;
}
.contact-card .research-interest {
	font-size: 1.35rem !important;
	font-weight: 600;
}
.contact-card .research {
	font-size: 1.2rem !important;
}
.iwi{
  margin-top:0px;  
  font-size: 1.5rem !important
}  
.staff-profile-iwi{
    font-size: 2.0rem;
	font-weight: bold;
	margin-bottom:10px;  
}
.staff-profile-header h2{
	    margin-top: 15px !important;
		margin-bottom: 5px !important;
}
.staff-profile-header .staff-profile-position{
		margin: 5px 0  !important;
}
.staff-profile-header .staff-profile-te-reo, .staff-profile-email{
		margin-bottom: 15px !important;
}
.staff-profile-linkedin{
	margin-top: 15px !important;
}
.staff-profile-linkedin a:hover{
	color:rgb(0, 119, 181)  !important;
}
.staff-profile-courses{
	margin-bottom: 5px !important;
}
.staff-profile-quote{
	text-align:center !important;
}
.postgraduate-student-profile .linkedin:hover{
	color:rgb(0, 119, 181)  !important;
}
.postgraduate-student-profile .facebook:hover{
	color:rgb(59, 89, 152)  !important;
}
.postgraduate-student-profile .twitter:hover{
	color:rgb(0, 132, 180)  !important;
}
.postgraduate-student-profile .instagram:hover{
	color:rgb(76, 104, 215)  !important;
}
.hanging-indent {
    text-indent: -2em;
	margin-left: 2em;
}
.margin-top-30{
	margin-top:30px;
}
.p-after-lpb{padding-left:10px;}

.partners-and-sponsors h2{
	background:#ececec; 
	padding:11px 18px; 
	font-size:17px; 
	margin:5px 0 12px 0;
	}
.partners-and-sponsors .item{
	padding:12px 0 15px 0;
	}
.partners-and-sponsors .media-object{
	margin:0 auto;
	}

@media (min-width:1200px){
.partners-and-sponsors .item{
	display:table; 
	width:100%;
	}
.partners-and-sponsors .item .row{
	display:table-row;
	}
.partners-and-sponsors .item .col-xs-6{
	display:table-cell; 
	float:none; 
	vertical-align:middle;
	}
}

/************************************************************************************/
/************************************************************************************/
/*********************************** MEDIA QUERYS ************************************/
/************************************************************************************/
/************************************************************************************/

/*Large Desktop*/
@media (min-width: 1400px) {
}

/*Wide Desktop*/
@media (min-width: 1200px) {
	#top-link-block.affix {
    z-index: 9999;
    position: fixed; /* keeps it on the bottom once in view */
	bottom: 120px;
    right: 32px;
	}
}

@media (min-width: 992px) {
	.right-panel table {
		width: 63% !important;
	}
	.feature-title {
		font-weight: 700;
		font-size: 2.0rem;
		line-height: 2.6rem;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.column-split {
		-webkit-column-count: 3 !important; /* Chrome, Safari, Opera */
		-moz-column-count: 3 !important; /* Firefox */
		column-count: 3 !important; 
		column-gap:40px;
	} 
}

@media (min-width: 992px) and (max-width: 1199px) {
    #top-link-block.affix {
    z-index: 9999;
    position: fixed; /* keeps it on the bottom once in view */
	bottom: 120px;
    right: 32px;
	}  
}

/*Desktop*/
@media (max-width: 1200px) {
}

/*Tablet*/
@media (max-width: 992px) {
	.landing-box-text{width: 100%;}
	.btn-uc {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.uc7logo img {
		width: 69%;
	}
	.uc7wheel img {
		width: 20%;
	}
	
	.dept-header .dept-bg-image {
    background: none!important;
	}
	
	.feature-title {
		font-weight: 700;
		font-size: 1.6rem;
		font-size: 16px;
		line-height: 2.0rem;
		margin-top: 5px;
		padding: 0px;
	}
}

@media (max-width: 900px) {
	.main {
		padding-top: 0px;
	}
}

.contact-card h5 {
	 line-height: 1.7rem !important;
	}

@media (min-width: 768px) {
	body .content {
		margin-top: 0px;
		margin-bottom: 40px;
	}
	main.main h1:first-child {
		margin-top: 10px !important;
	}
	.row--feature {
		margin-bottom: 0px !important;
	}
	.section--video {
	    margin-top: 30px !important;
	}

	.nav-sidebar .nav-title {
		padding-top: 30px!important;
	}
	
	.dept-content #nav-sidebar{
		margin-top:26px;
    } 
    .dept-content .main {
		padding-top:16px;
    }
	.col-sm-4 .mandocthumbnail{
	    min-height:200px;
	    max-height:200px;
	}
	.staff-profile-header {
		display:table;
		width: 100%;
	}
	.staff-profile-header img{
		width:100%;
	}
	.staff-profile-header .col-md-6{
		display:table-cell; float:none; vertical-align:middle;
	}
	.staff-profile-header .col-md-6.staff-profile-photo{
		vertical-align:top;
	}
	.column-split {
		-webkit-column-count:2; 
		-moz-column-count:2; 
		column-count:2;
		-webkit-column-gap:40px;
		-moz-column-gap:40px;
		column-gap:40px;
		padding-left: 0px !important;
	} 
	ul.column-split  li:before{
		margin:0 15px 0 0 !important;
		position:static !important;

	}
 
}
@media (min-width: 768px) and (max-width: 991px) {

    #top-link-block.affix {
		z-index: 9999;
		position: fixed; /* keeps it on the bottom once in view */
		bottom: 175px;
		right: 34px;
	}
}

/*Mobile*/
@media (max-width: 768px) {
	h1 {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 30px;
		line-height: 3.0rem;
	}
    main.main h1:first-child {
		margin-top: 10px !important;
	}
	h2:not(.type):not(.category-tags):not(.media-category-tags) {
		line-height: 4.0rem;
	}

    .heading-button h2 {margin: 0px !important;}
	
	.jumbotron-grid h2:not(.type):not(.category-tags):not(.media-category-tags) {
		line-height: 2.0rem !important;
	}
	.contact-card {
 		height: auto !important;
 	}
	#top-link-block.affix {
    z-index: 9999;
    position: fixed; /* keeps it on the bottom once in view */
	bottom: 175px;
    right: 30px;
	}
	
	.section--grey {	margin-top: 0px;}
	.content.container section.section--grey {word-wrap: break-word;}
	
	#main .title .uc7ico {max-width: 40px; max-height: 40px;}
	#main h1.title.uc7red  {font-size: 22px; font-size: 2.2rem; margin-top: 0px!important;}
	
	/*UC7 Video Carousel*/
	#uc7video-carousel {
	  padding-left: 30px;
	  padding-right: 30px;
	}

	#uc7video-carousel .carousel-control {top: 40%; width: 5%;}
	#uc7video-carousel .carousel-control.left {margin-left: -35px;}
	#uc7video-carousel .carousel-control.right {margin-right: -15px;}
	
	#uc7video-carousel .uc7video-block {min-height: 200px;}
	
	.captionbox{
		margin: 0;
		border: 0px solid #ccc !important;
		padding: 0;
		float:none;
		max-width: 100%;
		padding-bottom:10px;
		font-style: italic;
	}
	.additional-image {
    width: auto;
	}
}

 @media (max-width: 767px) {
	.navbar-collapse-new {
		display: none!important;
		opacity: 0;
		transition: visibility 0s, opacity 0.5s linear;
	}
	.navbar-collapse-in {
		opacity: 1;
		transform: scale(1);
		transition: all 2s linear;
		display: block!important;
	}
	.nav-sidebar button, .nav-sidebar span.button {
		margin-left: 10px!important;
		margin-top: 0px!important;
	}
	#secondary-nav{
	padding-right: 0px!important;
	padding-left: 0px!important;
	}
	
	.dept-bg-image{
		display:none;
     }
	  
	 .feature-title {
		font-weight: 700;
		font-size: 2.4rem;
		font-size: 24px;
		line-height: 3.0rem;
		margin-bottom: 14px;
	}
}

@media (max-width: 639px) {
	/*** UC7 STYLES ***/
	.uc7_section .title {
		font-size: 2.3rem;
	}
	.uc7_section .title .uc7ico {
		display: none;
	}
	     /*except*/
	     #main .title .uc7ico {display: inline-block;}
	/* end of UC7 STYLES */
}

@media (max-width: 479px) {
	/*** UC7 STYLES ***/
	.uc7-img {
		width: 100%;
	}
	.uc7_section .title {
		padding-left: 0;
		font-size: 2.2rem;
	}
	/* end of UC7 STYLES */
}

@media (max-width: 450px) {
    .image-caption figcaption h4, .image-caption figcaption p {font-size: 12px; font-size: 1.2rem}
    /********/
    /*ALERTS*/
    /********/
    .alert .btn-group .btn{width:100%;}
    .alert .btn-group .btn:first-child{margin-bottom:20px;}	
	
	/*UC7 Dimension pages*/
	#uc7video-carousel .uc7video-block .embed-responsive .vidBlackDiv,
	#uc7video-carousel .uc7video-block .embed-responsive .vidWhiteDiv {display: none;}
}

/* --------------- START Subjects and Qualifications styling -----------------*/


.sbj-fi{}
	.sbj-sidebar{position:relative;}
	.sbj-detail{}
	
	#sbj-tabs a{display:block; float:left; width:50%; box-sizing:border-box; padding:15px; font-size:1.3em; background-color:#D1D1D1; color:#111; border-bottom:3px solid #cc0011;}
	#sbj-tabs a:before{content:" "; display:block; float:left; width:30px; height:27px; margin-right:5px; background-image:url(https://static.canterbury.ac.nz/frontend/ui/images/sbj-icons.png); background-repeat:no-repeat;}
	#sbj-tabs a.ugrad:before{background-position:0 0;}
	#sbj-tabs a.ugrad.active:before{background-position:0 -49px;}
	#sbj-tabs a.pgrad:before{background-position:-60px 0;}
	#sbj-tabs a.pgrad.active:before{background-position:-60px -49px;}
	
	#sbj-tabs a.active{color: #ffffff; background-color: #cc0011; position:relative;}
	#sbj-tabs a.active:after{content:" "; display:block; width:20px; height:13px; position:absolute; bottom:-16px; left:46%; background:url(https://static.canterbury.ac.nz/frontend/ui/images/sbj-icons.png) no-repeat -95px 0; z-index: 10;}
	
	.sbj-sidebar .nav-tabs {border-bottom:3px solid #cc0011; padding-bottom:1px; margin-top:0; position: relative;}
	.sbj-sidebar .nav-tabs > li > a{margin-right:0; padding:18px 5px 19px 5px; font-weight:500; text-align:center;}
	.sbj-sidebar .nav-tabs > li.active > a:after{content:" "; display:block; width:20px; height:10px; position:absolute; bottom:-13px; left:41%; background:url(https://static.canterbury.ac.nz/frontend/ui/images/sbj-icons.png) no-repeat -95px -5px; z-index: 10;}
	.sbj-sidebar .nav-tabs > li{width:50%;}
	
	.sbj-sidebar h2{font-weight: 500;}
	
	.sbj-content{clear:both; position:relative; margin:21px 0 0 0;}
	.sbj-content:after, #sbj-tabs:after{content:" "; display:block; width:0; height:0; line-height:0; font-size:0; clear:both;}
	.sbj-content .col-lg-8{padding-left:0;}
	.sbj-content .tab-pane{background:#eee; padding:10px 12px 0 12px;}
	
	.sbj-detail .accordion .panel-heading{padding:8px 42px 7px 15px; box-sizing:border-box; position:relative;}
	.sbj-detail .accordion .panel-heading a:after{float:none; position:absolute; right:0; width:35px; height:35px; color:#ffffff; background-color:#cc0011; top:0; padding: 8px 10px; box-sizing: border-box;}
	.sbj-detail .accordion .panel-heading.active a:after{color:#ffffff;}
	.sbj-detail h4.panel-title{font-size:18px;}
	.sbj-detail .panel-collapse{background:#eee; padding:1px 20px; transition: all 0.5s ease;}
	
	h3.dwnd-broch{font-size: 1.4rem!important; text-transform: uppercase; line-height: 1.3rem!important; text-align:center;}
	
	ul.sbj-quals{margin:10px 0!important; padding-left:0!important;}
		ul.sbj-quals li{display:block; display:inline-block; margin:0 5px 8px 0!important; padding:0;}
		ul.sbj-quals li a{color:#ffffff; background-color:#cc0011; padding:4px 13px; display:block;}
		ul.sbj-quals li:before{display:none; margin:0!important;}
	
	.sbj-sidebar a.large-button{text-transform:uppercase; padding:20px 5px; margin-top: 8px; clear:both; font-size: 1.7rem;}
	.sbj-sidebar a.sec-button{background:#888; color:#fff; transition: all 0.5s ease; font-size: 1.4rem;}
	.sbj-sidebar a.sec-button:hover{background-color:#555;}
	.sbj-sidebar .primary-button2 {background-color: #8ac500; color: #ffffff; border: none; border-radius: 0px; transition: all 0.5s ease;}
	.sbj-sidebar .primary-button2:hover{background-color: #71a100;}
	.sbj-sidebar .sjb-sbd h3{margin:0; padding:10px 0 10px 0;}
	.sbj-sidebar .sjb-sbd p{font-size: 1.5rem; margin:0 0 20px 41px;}
	.sbj-sidebar .sjb-sbd p.nomargin{margin-bottom:0!important;}
	.sbj-sidebar .sjb-sbd ul{font-size: 1.3rem!important; padding-left:62px!important; margin:5px 0!important;}
	.sbj-sidebar .sjb-sbd ul li{margin-bottom:0!important;  padding-bottom: 6px;}
	
	.sbj-kif{width:175px; height:175px; margin:20px auto;}
	.sbj-sidebar .sjb-sbd.sjb-pws p{margin-bottom: 10px;}
	.sjb-pws ul{line-height: 1.4em!important;}
	
	.sbj-sidebar .sjb-sbd i{display:block; float:left; margin:7px 7px 0 0; background-image:url(https://static.canterbury.ac.nz/frontend/ui/images/sbj-icons.png); background-repeat:no-repeat;}
	i.i-clock{width:33px; height:30px; background-position:-123px 0;}
	
	i.i-entry{width:33px; height:34px; background-position:-160px 0;}
	i.i-key{width:33px; height:34px; background-position:-195px 0;}
	i.i-dollar{width:33px; height:30px; background-position:-234px 0;}
	i.i-books{width:33px; height:32px; background-position:-123px -43px;}
	i.i-path{width:33px; height:29px; background-position:-160px -45px;}
    i.i-star{width:33px; height:33px; background-position:-195px -42px;}
    i.i-onlinepath {width:33px; height:33px; background-image:url(https://static.canterbury.ac.nz/frontend/ui/images/onlinepath.png) !important; background-repeat:no-repeat !important;}
	
	.other-sbj{}
	.other-sbj-c{background:#eee; padding:10px 10px 1px 10px;}
	.other-sbj-c h3{margin-top:0; margin-bottom:0; padding:0 0 8px 0;}
	
	.sbj-dlb a img{width:100px; height:141px; display:block; margin:0 auto;}
	
	.duk{font-size:1.2em; text-align:center; padding:15px 0;}
	.duk p{padding-left:40px; padding-right:40px;}
	.duk p strong{font-size:3.5em; display:block; color:#cc0011; line-height: 1.4em;}
	
	.sbj-sidebar{padding-top:20px;}
	
	@media (min-width:992px){
		.other-sbj-c{min-height:207px;}
	}
	
	@media (max-width:1200px){
		.sbj-content .col-lg-4{padding-left:0;}
	}
	
	@media (max-width:460px){
		#sbj-tabs a:before{display:none;}
	}
	
	@media (min-width:460px) and (max-width:1200px){
		.sbj-content .sjb-sbd {width: 44%; float: left; margin: 0 3%;}
	}
	
	@media (min-width:1200px){
		.sbj-content .col-lg-8{width:615px; padding-right:0;}
		.sbj-sidebar{margin-top:-20px; padding-bottom:152px; padding-top:19px; float:right; width: 215px; padding-left: 0; padding-right: 0;}
		.sbj-sidebar.sbj-tabs-on{margin-top: -79px;}
		.sbj-sidebar:before{content:" "; display:block; width:5px; height:100%; position:absolute; top:0; left:0; background:url(https://static.canterbury.ac.nz/frontend/ui/images/sbj-content-y.png) repeat-y;}
		.sbj-sidebar:after{content:" "; display:block; width:5px; height:152px; position:absolute; bottom:0; left:0; background:url(https://static.canterbury.ac.nz/frontend/ui/images/sbj-content-btm.png) no-repeat #fff;}
		.sbj-content:before{content:" "; display:block; width: 153px; height:4px; position:absolute; top: -23px; right:211px; background:url(https://static.canterbury.ac.nz/frontend/ui/images/sbj-content-top.png) no-repeat;}
	}
/* Changes in Test */

.d-table{display: table; height: 100%; width: 100%;}
.d-cell{display: table-cell; vertical-align: middle;}
.carousel-control{width:4%;}
/*.carousel-control .fa-angle-left, .carousel-control .fa-angle-right{position:static;}*/
.carousel-control .fa-angle-left{margin-left:0;}
.carousel-control .fa-angle-right{margin-right:0;}
.carousel-control a{color:#fff; display:block; position: relative;}
@media screen and (min-width: 768px){
.carousel-indicators {
bottom:0;
}
}

.sbj-profile-carousel{border-top:1px solid #eee; border-bottom:1px solid #eee; padding:15px 0; margin:20px 0;}
.sbj-p-quot{font-size:24px; font-weight:normal; color:#9f9f9f; padding:7px 0; line-height: 1.3em;}
.sbj-p-name{}
.sbj-p-c{font-weight:600;}
.quo-tbl{table-layout: fixed; display:table; width:100%;}
.quo-tbl-img{display:table-cell; width:45%; vertical-align:middle;}
.quo-tbl-img img{max-width:100%;}
.sbj-profile-txt{display:table-cell; padding-left:2%; width:53%;}

.sbj-profile-carousel .carousel-indicators{bottom:-45px;}
.sbj-profile-carousel .carousel-indicators li{background-color:#888;}
.sbj-profile-carousel .carousel-indicators li.active{background-color:#cc0011;}
.sbj-profile-carousel #carousel-example-generic {margin-bottom: 6px;}

@media screen and (max-width:450px){
	.quo-tbl-img, .sbj-profile-txt{display:block; width:auto; padding:0;}
}

.sjb-qual .news-image-caption {padding-top:4px; margin-bottom: 8px;}
.sbj-fi ul.image-caption{margin:0;}
.sjb-qual h1{margin-bottom:0!important;}

.sbj-sidebar  .tab-content img{
	display: block  !important;
    max-width: 100% !important;
    height: auto  !important;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
}
h2.sub-tereo{
	color: #bbbbbb;
    font-weight: 500!important;
    font-size: 24px;
    font-size: 2.4rem;
	margin: 0 !important;
	margin-top: 5px!important;
}

h2.sub-tereo.acronym{font-size:1.4rem!important; line-height:1.4rem!important; color:#666;}
.sjb-fee-txt{
	font-style:italic;
	font-size:0.9em !important;
	margin-top:0;
}
.sjb-fee-amount{
	margin-bottom:0 !important;
}

#overview .note{
	font-style:italic  !important;
	margin-bottom: 5px!important;
}
/* --------------- END Subjects and Qualifications styling -----------------*/

/* breadcrumb-adv CSS */

.odd-even:nth-child(odd) {
	background: #fbfbfb;
}

.odd-even img{
	margin-top: 15px!important;
}
 ol.breadcrumb-adv{
    display:block;
    margin:0;
    padding:0;
    font-size:0.9em!important;
    padding-left:0!important;
    color:#868686;
  }
  ol.breadcrumb-adv li{
    display:block;
    display:inline-block;
    margin:0;
    padding:0;
  }
  ol.breadcrumb-adv li:before{
   	display:none!important; 
  }
  ol.breadcrumb-adv li a{
   	color:#868686;
    text-decoration:underline;
  }
  ol.breadcrumb-adv li a:hover{
    color:#cc0011;
  }
  ol.breadcrumb-adv li span{
   	display:block; 
    display:inline-block;
    padding:0 6px;
    color:#868686;
  }
  ol.breadcrumb-adv li:only-child{
   display:none; 
  }
  ol.breadcrumb-adv li:last-child{
   display:none; 
  }
  ol.breadcrumb-adv li:nth-last-child(2) span{
   display:none; 
  }
  ol.breadcrumb-adv li:first-child:nth-last-child(2){
	  display:none;
  }
  
  @media (max-width: 900px) and (min-width:767px){
	ol.breadcrumb-adv li{
     	padding-top:14px; 
    }
  }
  
  @media (max-width:767px){
    ol.breadcrumb-adv li{
      display:inline;
    }
    ol.breadcrumb-adv li span{
     	padding:0 7px; 
    }
    aside nav {
        margin-bottom: 10px;
    }
  }
  
  
/* Regulations */
  
 #regulations div{
	font-size: 1.4rem;
	color: #111111;
	line-height: 2.2rem;
}

 #regulations p, .regulations div.p{
	 font-weight:normal;
	 font-size: 1.4rem;
	 line-height: 2.2rem;
	}
 
 div.schedule_tables{
	 margin-bottom:15px;
 }
 div.schedule_tables table{
	 min-width:65%;
 }
 div.schedule_tables tr.tableHeader td{
	font-weight: bold;
    background-color: #666;
    color: #fff;
	padding:4px 6px;
 }
 
 div.schedule_tables td, div.schedule_tables tr td {
	font-weight:normal;
 }
#regulations td p{
	margin:5px 0;
}

 #regulations td{
	 padding:4px 6px;
 }
 #regulations p.regheader{
	 font-weight:bold;
	}
 #regulations p.regheader3{
	 font-weight:bold;
}
#regulations .regnote_1col {
    /* font-style: italic; */
}
#regulations ul{
	font-size: 1.4rem;
	line-height: 2.2rem;
}
#regulations ol{
	margin-top:0px;
	font-size: 1.4rem;
	line-height: 2.2rem;
}
#regulations .sidebar-block-gray ul li:before{
	    content: '';
}
#regulations .sidebar-block-gray ul ul{
	padding-left: 0px !important; 
}
#regulations .right-panel table {
		width: 100% !important;
	}
	
@media (max-width:767px){
	#regulations div{
		float: none!important;
	}
}

/****UC Top Alumni****/

.hero-4squares .overlay-text {
  background: rgba(179, 0, 7, 0.85);
  bottom: 0px;
  left: 0px;
  padding-left: 10px;
  width: 100%;
  line-height: 7.0rem;
  line-height: 7.0px;
}

.top-alumni h3 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #cc0011;
}

.top-alumni .alumni-profile-image {
  padding-right: 0px;
}

.top-alumni .alumni-profile-image  img{
  padding-bottom: 0px;
  background-color: #ecedf1;
}

.top-alumni .alumni-profile-text {
  background-color: #ecedf1;
  padding: 60px 40px 40px 40px;
}

.top-alumni .alumni-profile-text h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 28px !important;
  font-size: 2.8rem !important;
  margin-top: 50px !important;

}

@media (max-width:1200px){
	.top-alumni .alumni-profile-text {
	  margin-left: 15px;
	  padding: 10px;
	}
	
	.top-alumni .alumni-profile-text h2 {margin-top: 10px !important;}
}


/*Heading with logo content type*/

.row.heading-logo img {float: right; padding-bottom: 10px;}

@media (max-width:1200px){
	.row.heading-logo img {float: left;}
}

/****CIS****/

.cis-li .navbar-collapse-new ul{
	list-style-type: none;
}

/******Rec Centre*****/
#form1  #main h1,
#aspnetForm  #main h1
{border-bottom:0px solid #cccccc !important}


/**news.css**/
.videonews {
  min-height: 300px;
}
.latest-news .feature-title .datetime {
  font-weight: bold;
  font-size: 1.4rem;
}
.eow-description {
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 2.4rem;
  margin: 0;
}
.datetime {
  color: #7a736e;
  margin: 0 0 5px 0;
  font-size: 1.0em;
}
.events-list .datetime,
.eventslist {
  padding-left:80px;
}
.img-event-news {
  width: 100%;
}
.news-overlay-text {
  background: url(../images/black-transparent.png) repeat;
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 10px;
  color: #fff;
  text-shadow: 2px 0 5px #333;
  width: 100% !important;
  padding: 10px;
  margin-left: -10px;
  margin-bottom: -10px;
  height: auto;
}
.news-overlay-text h4,
.news-overlay-text p {
  font-style: normal;
  font-weight: normal;
  opacity: 1.0;
  filter: alpha(opacity=100);
  color: #FFF;
}
.news-overlay-text h4 {
  padding-bottom: 0;
  font-weight: bold;
}
.news-overlay-text p {
  margin-bottom: 10px;
}
.media-category-tags {
  background: #eee;
  border-radius: 7px;
  margin-right: 3px;
  margin-left: 3px;
  margin-top: 15px;
  margin-bottom: 8px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top: 0.2em;
  left: 1.5em;
}
.media-category-tags a {
  color: #000;
}
.latest-news p {
  font-size: 1.6rem; /*1.4rem;*/
  line-height: 2.4rem; /*2.1rem;*/
}
.latest-news h3 {
  font-size: 2.0rem; /*1.8rem;*/
  line-height: 2.4rem; /*2.1rem;*/
  margin-bottom: 0;
}
.latest-news p.datetime {
  margin: 0 0 5px 0;
  font-size:1.0em;
}
.latest-news .datetime b {
  font-weight: normal;
}
.latest-news h5 {
  border-bottom-color: #eee;
}
.news-sidebar-box {
  background: #eee;
  height: 100%;
  margin-top: 15px;
}
.news-sidebar-box iframe{min-width:157px!important;}
.news-sidebar-box h5 {
  margin: 0;
  padding: 5px 12px 5px 12px;
  background: #eee;
  border-bottom-color: #ddd;
}
.news-sidebar-box ul {
  margin: 0;
  background: #eee;
  padding: 6px 12px;
}
.news-sidebar-box ul li {
  margin-left: 22px;
  margin-bottom: 0;
}
.news-sidebar-box .underline {
  margin: 0;
  padding: 5px 12px 5px 12px;
  background: #eee;
  border-bottom-color: #ddd;
}
.news-sidebar-box-white{
  background: #fff;
  margin: 0 0 15px 0;
}
.news-sidebar-box-white h5 {
  margin: 0;
  padding: 5px 12px 5px 12px;
  background: #fff;
  border-bottom-color: #ddd;
}
.news-sidebar-box-white ul {
  margin: 0;
  background: #fff;
  padding: 6px 12px;
}
.news-sidebar-box-white ul li {
  margin-left: 22px;
  margin-bottom: 0;
}
.news-sidebar-box-white.underline {
    margin: 0;
    padding: 5px 12px 5px 12px;
    background: #eee;
    border-bottom-color: #ddd;
}
.news-sidebar li {
  float: none;
  font-size: .9em;
}
.news-sidebar .nsb-events .col-sm-12 {
}
.tdatecontainer {
  width:70px;
  float: left;
  height:45px;
  overflow: hidden;
  position: relative;
}
.tdate {
  position: absolute;
  top: 0;
}
.events-list {
  margin-bottom: 20px;
}
.navbar-collapse-new {
  list-style: none;
}
.nsb-chronicle p {
  padding: 10px;
}
.nsb-events .row {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.nsb-events .events-list {
  margin-bottom: 0;
}
.latest-news .nsb-events .datetime {
  font-size: .85em;
  line-height: 1.2rem;
  font-weight: bold;
  margin: 0;
}
.latest-news .news-container  .news-subheader{
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}
.latest-news .video-news  .news-subheader{
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}
.nsb-events h6 {
  margin: 3px 0 0 0;
}
.news-archive-list ul.styled-list {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 0;
}
.news-archive-list .pagination {
  margin-top: 15px;
}
.latest-news .social-buttons {
  display: inline-block !important;
  padding: 0 !important;
}
ul.news.social-buttons {
  padding: 0 !important;
  margin-top: 5px;
}
.latest-news .social-buttons li {
  padding: 6px !important;
  margin: 0 !important;
  display: inline-block !important;
}
.latest-news .social-buttons li a {
  display: inline-block !important;
}
.latest-news .fa-facebook-square:hover {
  color:#3b5998 !important;
}
.latest-news .fa-twitter-square:hover {
  color:#00aced !important;
}
.latest-news .fa-youtube-square:hover {
  color:#818181 !important;
}
.latest-news .fa-instagram:hover {
  color:#517fa4 !important;
}
.latest-news .fa-linkedin-square:hover {
  color:rgb(0, 119, 181) !important;
}
.latest-news .fa-wordpress:hover {
  color:#21759b !important;
}
.latest-news .fa-rss:hover {
  color:#ee802f !important;
}
.image-news-wrapper {
  width: 100%;
  padding-bottom: 66.66%; /* 3:2 */
  position: relative;
  background: #fff;
  /* border: 1px solid #eee; */
  overflow: hidden;
}
.image-news-wrapper > img {
  height: auto;
  width: 100%;
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
}
.jumbotron-news-small > .image-news-wrapper ,
.jumbotron-news-large > .image-news-wrapper {
  width: 100%;
  padding-bottom: 66.66%; /* 3:2 */
  position: relative;
  background: #eee;
	border: 0 solid #eee;
  overflow: hidden;
}
.jumbotron-news-small > .image-news-wrapper > img,
.jumbotron-news-large > .image-news-wrapper > img {
  height: auto;
  width: 100%;
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
}
.jumbotron-news-small {
  background: #000;
}
.video-news .item {
	margin-bottom: 20px;
}
.news-video-block > .feature-title {
  margin-top: 5px;
  padding: 5px 10px 0 10px;
  font-size: 1.9rem;
  line-height: 2.5rem;
}
.video-news .item > a{
  background: #eee;
  height: 100%;
}
.news-video-wrapper {
  margin-top: 0px;
  margin-bottom: 10px ;
}

/*News media queries*/

/* Landscape tablets to large desktops */
@media (min-width: 992px) {
  #news-bnr-lge {
    padding: 10px 10px 10px 0;
  }
}

/* Extra small devices to small desktops */
@media (max-width: 991px) {
  .news-overlay-text {
    position: relative !important;
    margin-top: 9px !important;
    background:#fff;
	color: #cc0011;
  }
  .jumbotron-news-small{
	  background:#fff;
  }
  .news-overlay-text h4, .news-overlay-text p{
	  color: #cc0011;
  }
  .jumbotron-grid .overlay-text{
	  text-shadow:none;
  }
}

@media (max-width:992px) and (min-width:767px) {
	.events-list .datetime, .eventslist{
		padding-left:0;
	}	
	.tdatecontainer{
		display:none;
	}
}
	

@media (max-width: 767px) {
  .video-news .item > a{
    background: #fff;
  }
  .news-video-wrapper {
    margin-top: 5px;
    margin-bottom: 5px ;
    padding-right: 0;
  }
  .news-video-block > .feature-title {
    margin-top: 0 !important;
    padding: 0 !important;
    font-size: 1.6rem !important;
    line-height: 2.4rem !important;
  }
  .latest-news .feature-title {
    margin-top: 0 !important;
    padding: 0 !important;
    font-size: 1.6rem !important;
    line-height: 2.4rem !important;
  }
  .latest-news p{
	  font-size:1.05em;
	  line-height: 1.5em;
	}
}

/* Maps CSS */

.map-wrapper {margin-bottom: 0px;}
.gm-style-iw p, 
.gm-style-iw strong { 
  font-size: 12px; 
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.6rem;
  font-family: 'Open Sans','Helvetica', 'Arial', sans-serif; 
}

.map-page-left-nav h2 {margin-top: 20px}

.search-maps-input{ font-size:14px!important; height:34px!important;}

    .search-maps-input::-webkit-input-placeholder{color:#bbbbbb;} /* WebKit browsers */ 
    .search-maps-input:-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 4 to 18 */
    .search-maps-input::-moz-placeholder {color:#bbbbbb;}/* Mozilla Firefox 19+ */
    .search-maps-input:-ms-input-placeholder {color:#bbbbbb;}/* Internet Explorer 10+ */

.search-maps-search-button{
    background-color:#235f9c!important;
    border-color:#235f9c!important;
    color:#ffffff!important;
}

    .search-maps-search-button:hover{
        background-color:#003366!important;
        border-color:#003366!important;
    }
   

.map-search-resuls {
  border-bottom: 2px solid #bbbbbb;
  margin-bottom: 10px;
  max-height: 385px;
  overflow-x: hidden;
}

.map-search-resuls ul {margin-bottom: 0px;list-style: none; padding:0;}
.map-search-resuls ul li {border-top: 2px solid #bbbbbb; padding: 10px 10px  3px 15px;}
.map-search-resuls ul li:first-child {border-top: 0}
.map-search-resuls ul li:hover {background: #eeeeee; }
.map-search-resuls ul li .map-result-header div {float:left;}
.map-search-resuls ul li .map-result-header img.icon {
  float: left; 
  clear:both;
  margin-right:5px;
  width:auto !important;
}

.map-search-resuls ul li img, .map-search-resuls ul li .description {
  padding: 5px 0px 5px 0px;
}


.map-options {/*height: 338px;*/ overflow-x:hidden; padding:0 15px}

.map-options label{width:100%;}
.map-options label:hover{cursor:pointer;}

.map-options label{
    vertical-align: top;
    font-size:12px;
    font-size:1.2rem;
    font-weight:600;
}

.map-options label img{padding-right:5px;}

.map-page-map #map{
  width:100%;
  height:100% !important;
  min-height:850px;
  margin-bottom:0px;
}

.map-page-map.overseas-rep #map{
  width:100%;
  height:100%!important;
  min-height:732px;
}

.map-info-window-content{padding:5px; }
.map-info-window-content img{width:100%; height:auto;}
.map-info-window-content ul{padding:0px;}
.map-info-window-content li{
    list-style-type:circle;
    font-size:12px;
}

.map-group-wrapper{width:100%; min-height:43px;}
.map-drop-down{float:left; color:#bbbbbb; padding-top:3px;}
.map-drop-down:hover{cursor:pointer;}
.map-checkbox{float:right; width:93%;}
.marker-group{clear:both; padding-left:55px;}

.map-wrapper .border { border: 2px solid #bbbbbb;}
.map-wrapper .border .map-search-resuls {border-top: none;}

/*Maps media queries */

@media (max-width: 767px) {

    .map-options{display:none;}
    .map-page-left-nav{margin:0px 15px 0px 15px;}
    
    .search-maps-search-button{
        padding-left:40px!important;
        padding-right:40px!important;
    }
    
}


@media (min-width: 768px) and (max-width: 991px) {

    .map-page-left-nav{margin:0px 15px 0px 15px;}
    
    .search-maps-search-button{
        padding-left:40px!important;
        padding-right:40px!important;
    }
    
    .map-checkbox{width:97%;}
    
    .map-options{margin-bottom:30px;}
}


@media (min-width: 992px) and (max-width: 1199px) {

    .map-page-left-nav label{min-width:210px;}
    
    .map-page-map{margin-right:-15px;}
    
}

@media (min-width: 1200px) {
    .map-page-map{margin:0 -15px;}
}

/*Marketing page css start*/

section.marketing-page h1 {
	color: #cc0011;
	font-size: 60px;
    font-size: 6.0rem;
    line-height: 65px;
    line-height: 6.5rem;
	margin-top: 40px;
}

section.marketing-page h2 {
	font-size: 36px;
    font-size: 3.6rem;
    line-height: 40px;
    line-height: 4.0rem;
	margin-bottom: 100px;
}

section.marketing-page hr {
	border-top: 2px solid #000;
}
/*Marketing page css end*/



/*Worlds best page css start*/

/*Fonts*/

.worlds-best, .worlds-best-profile {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.worlds-best-profile p {
  font-family: Arial;
  font-size: 1.6rem;
  font-size: 16px;
  line-height: 1.9rem;
  line-height: 19px;
}
.worlds-best-profile p.quote {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.worlds-best-profile h1 {
  font-size: 4.0rem;
  font-size: 40px;
  line-height: 4.0rem;
  line-height: 40px;
  color: #cc0011;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.worlds-best-profile h2 {
  font-size: 2.0rem;
  font-size: 20px;
  line-height: 2.2rem;
  line-height: 22px;
  color: #cc0011;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px; 
  text-transform:uppercase;
}

.worlds-best-profile h3 {
  font-size: 3.0rem;
  font-size: 30px;
  line-height: 3.5rem;
  line-height: 35px;
  color: #fff;
  font-weight: bold;
  margin: 0px;
}

.worlds-best-profile h4 {
  font-size: 1.9rem;
  font-size: 19px;
  line-height: 2.2rem;
  line-height: 22px;
  color: #cc0011;
  font-weight: bold;
}
.worlds-best-profile p.quote {
  font-size: 2.0rem;
  font-size: 20px;
  line-height: 2.4rem;
  line-height: 24px;
  color: #000;
  font-weight: bold;
  padding: 25px 0px;
  margin-top: 0px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*UCME main*/

.worlds-best .nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.wrapper-worlds-best {
  overflow: hidden;
  padding: 0;
  float: left;
}

.wrapper-worlds-best.uc7 {max-width: 100%;}

.wrapper-worlds-best .hovereffect {
  height: 100%;
  overflow: hidden;
  position: relative;
  cursor: default;
}

.wrapper-worlds-best .hovereffect:hover {
  background: #cc0011;
  background-color: #cc0011;
}

.wrapper-worlds-best .hovereffect .overlay {
  position: absolute; 
  width: 100%;
  height: 100%;
  left:0;
  top: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.worlds-best-main-title, .worlds-best-main-name {
  left: 5%;
  text-align: left;
  position: absolute;
  width: 90%;
}
.worlds-best-main-title {top: 0;}
.worlds-best-main-title h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2.1em;
  font-size: 21px;
  line-height: 2.1em;
  line-height: 21px;
  margin-top: 10px;
}

.worlds-best-main-name {bottom: 0;}
.worlds-best-main-name p {
  font-family: Arial;
  font-size: 1.6rem;
  font-size: 16px;
  margin-bottom: 10px;
}

.worlds-best-main-title h2, .worlds-best-main-name p {
  position: relative;
  font-weight: bold;
  color: #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.wrapper-worlds-best .hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);;
  -ms-transform: scale(1);
  transform: scale(1);
}

.wrapper-worlds-best .hovereffect img {
  height: 100%;
  display: block;
  max-width: none;
  width: calc(100% + 1.250em);
  width: calc(100% + 21px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*Transitions breaking firefox*/
}

.wrapper-worlds-best .nohovereffect:hover .overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.wrapper-worlds-best .nohovereffect img {
  height: 100%;
  display: block;
  max-width: none;
  width: calc(100% + 1.250em);
  width: calc(100% + 21px);
}

.wrapper-worlds-best .hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.wrapper-worlds-best .hovereffect:hover p, .wrapper-worlds-best .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.worlds-best-logo {display: none;}
.worlds-best-logo-mobile {display: block;}


.worlds-best .uc7 {display: none}

.container-fluid.worlds-best {background-color: #fff; padding: 0px; overflow: hidden; margin-top: 2px; margin-bottom: 2px;}


/*UCME profile*/
.worlds-best .row {
    margin-left: -5px;
    margin-right: -5px;
}

.worlds-best-profile {
  background: #fff;
  background-color: #fff;
  border-bottom:1px solid #CCC;
}

.worlds-best-profile.top {
  position: relative;
}

.worlds-best-profile.top .profile-image {
  overflow: hidden;
  left: 50%;
  margin-left: -420px;
  /*margin-right: -80px;*/ 
  border-top: 1px solid #fff;
  
}

.worlds-best-profile.top .back-arrow  {
  color: #fff;
  position: absolute;
  text-align: right;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  top: 25px;
}

.worlds-best-profile.top .back-arrow  a {
  color: #fff;
}

.worlds-best-profile.top .headings {
  background: #fff;
  background-color: #fff;
  width: 100%;
  padding: 15px;
}

.worlds-best-profile.top .heading-dots {color:#cc0011;}

.worlds-best-profile img.worlds-best-profile-logo {	display: none;}

.worlds-best-profile .learn-more {display: none;}
.worlds-best-learn-more .learn-more-mobile {
  display: block;
  color: #fff;
  border: 2px solid #fff;
  background: #cc0011;
  background-color: #cc0011;
  padding: 15px;
  margin: 25px;
  text-decoration: none;
  border-radius: 0px;
  font-weight: bold;
  line-height: 16px;
  float: left;
}
.worlds-best-profile .learn-more-container {
  background: #cc0011;
  background-color: #cc0011;
  height: 100px;
}

.worlds-best-profile .learn-more:hover {background: #737373;}
 
.worlds-best-profile .left-inner.block {position: relative;}

.worlds-best-profile .left.block, .worlds-best-profile .left-inner.block {
  background: #fff;
  background-color: #fff;
}

.worlds-best-profile .middle.block {
  background: #fff;
  background-color: #fff;
}
.worlds-best-profile .right.block, .worlds-best-profile .right-inner.block {
  background: #fff;
  background-color: #fff;
}

.worlds-best-profile .left.block, .worlds-best-profile .left-inner.block, .worlds-best-profile .right.block {
  display: none;
}

.worlds-best-profile .is-table-row .block {
  background: none;
  position: static;
}

.worlds-best-profile img.worlds-best-profile-logo  {margin-top: 0px;}



/*Image height fix*/
.wrapper-worlds-best.two-rows {height: 100%}

/* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		
		.worlds-best-profile.top .profile-image {
		  left: 0;
		  margin-left: 0px;
		  margin-right: 0px;
		}
		
		.worlds-best-profile h1 {
		  font-size: 4.8rem;
		  font-size: 48px;
		  line-height: 5.2rem;
		  line-height: 52px;
		  margin-top: 10px;
		  margin-bottom: 0px;
		}
		.worlds-best-profile h2 {
		  margin-top: 10px;
		  margin-bottom: 0px;
		  display: block;
		}
		
		.worlds-best-profile h3 {
		  margin-top: 20px;
		  margin-right: 20px;
		}
				
	    .worlds-best-profile .is-table-row [class*="col-"] {
		  float: none;
		  display: table-cell;
		  vertical-align: top;
	    }
	  
	    .worlds-best-profile .middle.block {
	      display: table-cell;
	    }
      
		.worlds-best-profile p.quote {
		  margin-top: 15px;
		}
	 
		.worlds-best-profile .left-inner.block, .worlds-best-profile .middle.block, .worlds-best-profile .right-inner.block {
		  padding: 25px;
		}
}
/* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		
	  .worlds-best-main-title h2 {
		font-size: 1.3em;
		font-size: 13px;
		line-height: 1.3em;
		line-height: 13px;
	  }	
		
	  .worlds-best-profile .left-inner.block {padding: 0px;}
	  .worlds-best-logo {display: block;}
	  .worlds-best-logo-mobile {display: none;}
	  .worlds-best .uc7 {display: block}
}
	
@media only screen and (min-width : 1200px) { 
	  .worlds-best-main-title h2 {
		font-size: 2.1em;
		font-size: 21px;
		line-height: 2.1em;
		line-height: 21px;
	  }


	  .worlds-best-profile.top .back-arrow  {left: 20%;}
	  .worlds-best-profile.top .headings {
		background: #cc0011;
		background-color: #cc0011;
		left: 19%;
		position: absolute;
		bottom: 1%;
	  }
	   
	    .worlds-best-profile h1 {
		  font-size: 4.0rem;
		  font-size: 40px;
		  line-height: 4.2rem;
		  line-height: 42px;
		  margin-top: 10px;
		  margin-bottom: 0px;
		  color: #fff;
		}
		.worlds-best-profile h2 {
		  margin-top: 10px;
		  margin-bottom: 0px;
		  font-size: 2.5rem;
		  font-size: 25px;
		  line-height: 2.5rem;
		  line-height: 28px;
		  display: block;
		  color: #fff;
		}
		  	  
	  .worlds-best-profile.top .profile-image img {width: 100%;}
	  
	  .worlds-best-profile.top .heading-dots {color:#fff;}
	
	  .worlds-best-profile .learn-more-container {display: none;}
	  .worlds-best-profile .learn-more {
	    display: block;
	    color: #000;
	    border: 2px solid #000;
	    position: absolute;
	    padding: 8px;
	    text-decoration: none;
	    border-radius: 0px;
	    font-weight: bold;
	    line-height: 16px;
	    right: 15px;
	    bottom: 15px;
	}
	
	.worlds-best-profile img.worlds-best-profile-logo  {
		margin-top: 20px;
		margin-bottom: 7%;
		display: block;
		width:280px; 
		height:94px; 
		margin-left:-20px	  
	}
	
	.worlds-best-profile .left-inner.block, .worlds-best-profile .right.block , .worlds-best-profile .right-inner.block  {
	  display: table-cell;
	 }
	
	.worlds-best-profile.top .headings {
	  background: none;
	  background-color: none;
	  width: 37%;
	}
}

@media only screen and (min-width : 1550px) { 

	  .worlds-best-profile.top .back-arrow  {left: 20%;}
	  .worlds-best-profile.top .headings {
		left: 19%;
		position: absolute;
		bottom: 1%;
	  }
	  	  
	    .worlds-best-profile h1 {
		  font-size: 6.0rem;
		  font-size: 46px;
		  line-height: 6.5rem;
		  line-height: 46px;
		  margin-top: 30px;
		  margin-bottom: 10px;
		}
		.worlds-best-profile h2 {
		  margin-top: 20px;
		  margin-bottom: 10px;
		  margin-top: 10px;
		  margin-bottom: 0px;	  
		  font-size: 2.2rem;
		  font-size: 22px;
		  line-height: 2.2rem;
		  line-height: 32px;
		}
}
/*Worlds best page css end*/


/*Product content type css start*/

.bigcommerce-product {margin-bottom: 10px;}

/*Product content type css end*/

/*Video banner css start*/

.video-banner .video-links-item img {height: 65px;}
.video-banner .video-links-item hover {color: #000;}

.video-banner .icon-box {
	background-color: #c9c6c6b0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.video-banner .video-links {
    position: absolute;
    top: 170px;
}
  
.video-banner .video-links .video-links-item img {display: inline-block;}  

.video-banner .video-links .video-links-item {
	margin-top: 20px;
	padding-left: 0px;
	font-size: 2.0em;
	font-size: 20px;
	font-weight: 700;
  }
  
/*Video banner css end*/


/*Social media directory start*/

#socialmedia-buttons span.social-network li {
	display: inline !important;
  	margin:10px 10px 10px 0;
}

#socialmedia-buttons .social-network a.icoFacebook , #socialmedia-buttons .social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
#socialmedia-buttons .social-network a.icoTwitter, #socialmedia-buttons .social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
#socialmedia-buttons .social-network a.icoLinkedin, #socialmedia-buttons .social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
#socialmedia-buttons .social-network a.icoInstagram, #socialmedia-buttons .social-network a.icoInstagram:hover {
	background-color:#8a3ab9;
}
#socialmedia-buttons .social-network a.icoLinkedin, #socialmedia-buttons .social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
#socialmedia-buttons .social-network a.icoYoutube, #socialmedia-buttons .social-network a.icoYoutube:hover {
	background-color:#b31217;
}
#socialmedia-buttons .social-network a.icoFlickr, #socialmedia-buttons .social-network a.icoFlickr:hover {
	background-color:#0063DC;
}
#socialmedia-buttons .social-network a.icoWechat, #socialmedia-buttons .social-network a.icoWechat:hover {
	background-color:#7bb32e;
}  
#socialmedia-buttons .social-network a.icoWeibo, #socialmedia-buttons .social-network a.icoWeibo:hover {
	background-color:#df2029;
}
#socialmedia-buttons .social-network a.icoWordpress, #socialmedia-buttons .social-network a.icoWordpress:hover {
	background-color:#21759b;
}   
#socialmedia-buttons .social-network a.icoSnapchat, #socialmedia-buttons .social-network a.icoSnapchat:hover {
	background-color:#fffc00;
    color: rgba(0,0,0,0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: #FFF;
    -webkit-text-stroke-color: #000;
}   
  
#socialmedia-buttons .social-network a.icoRss:hover i,
#socialmedia-buttons .social-network a.icoFacebook:hover i,
#socialmedia-buttons .social-network a.icoTwitter:hover i,
#socialmedia-buttons .social-network a.icoGoogle:hover i,
#socialmedia-buttons .social-network a.icoVimeo:hover i,
#socialmedia-buttons .social-network a.icoLinkedin:hover i,
#socialmedia-buttons .social-network a.icoFlickr:hover i,
#socialmedia-buttons .social-network a.icoWechat:hover i,
#socialmedia-buttons .social-network a.icoSnapchat:hover i,
#socialmedia-buttons .social-network a.icoWeibo:hover i,
#socialmedia-buttons .social-network a.icoWordpress:hover i {
	color:#fff;
}
  
#socialmedia-buttons a.socialIcon:hover,
#socialmedia-buttons .socialHoverClass {
	color:#44BCDD;
}

#socialmedia-buttons .social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
}
#socialmedia-buttons .social-circle li i {
	margin:0 0 0 0;
	line-height:50px;
	text-align: center;
}

#socialmedia-buttons .social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#socialmedia-buttons .social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
#socialmedia-buttons{
 margin-bottom:15px !important;
}

#heading-socialmedia-buttons {float: right; margin-top: 23px;}

#heading-socialmedia-buttons span.social-network li {
	display: inline !important;
}

#heading-socialmedia-buttons span.social-network li i{
	font-size: 17px;
    font-size: 1.7em;
    vertical-align: baseline;
}

#heading-socialmedia-buttons .social-network a.icoRss i,
#heading-socialmedia-buttons .social-network a.icoFacebook i,
#heading-socialmedia-buttons .social-network a.icoInstagram i,
#heading-socialmedia-buttons .social-network a.icoTwitter i,
#heading-socialmedia-buttons .social-network a.icoGoogle i,
#heading-socialmedia-buttons .social-network a.icoYoutube i,
#heading-socialmedia-buttons .social-network a.icoVimeo i,
#heading-socialmedia-buttons .social-network a.icoLinkedin i,
#heading-socialmedia-buttons .social-network a.icoFlickr i,
#heading-socialmedia-buttons .social-network a.icoWechat i,
#heading-socialmedia-buttons .social-network a.icoSnapchat i,
#heading-socialmedia-buttons .social-network a.icoWeibo i,
#heading-socialmedia-buttons .social-network a.icoWordpress i {
	color:#a8a7a7;
}

#heading-socialmedia-buttons .social-network a.icoRss:hover i,
#heading-socialmedia-buttons .social-network a.icoFacebook:hover i,
#heading-socialmedia-buttons .social-network a.icoInstagram:hover i,
#heading-socialmedia-buttons .social-network a.icoTwitter:hover i,
#heading-socialmedia-buttons .social-network a.icoGoogle:hover i,
#heading-socialmedia-buttons .social-network a.icoYoutube:hover i,
#heading-socialmedia-buttons .social-network a.icoVimeo:hover i,
#heading-socialmedia-buttons .social-network a.icoLinkedin:hover i,
#heading-socialmedia-buttons .social-network a.icoFlickr:hover i,
#heading-socialmedia-buttons .social-network a.icoWechat:hover i,
#heading-socialmedia-buttons .social-network a.icoSnapchat:hover i,
#heading-socialmedia-buttons .social-network a.icoWeibo:hover i,
#heading-socialmedia-buttons .social-network a.icoWordpress:hover i {
	color:#cc0011;
}

@media (max-width: 768px) {
    #heading-socialmedia-buttons {
        margin-top: 0px;
        float: left;
    }
}
/*Social media directory end*/




/*HR in pages start*/
.content.hr.grey {
    height: 1px;
    background: #a8a7a7;
    margin-top: 15px;
    margin-bottom: 15px;
}
/*HR in pages end*/

/*Content block testimonials start*/

.cb-testimonial {margin-bottom: 30px;}

.cb-testimonial img {margin-bottom: 10px;}


.cb-testimonial .feature-title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 16px;
  line-height: 1.6rem;
}
.cb-testimonial p.intro {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  line-height: 1.9rem;
  margin-bottom: 0px;
}

@media (min-width: 1200px) {
    .cb-testimonial {width: 20%;}
}

/*Content block testimonials end*/

/*Call to action start*/
.call-to-action.section--grey {
    padding-left: 10px;
    padding-right: 10px;
}

.call-to-action h2 {
    color: #cc0011;
    margin: 15px 0 15px !important;
}

.call-to-action .intro-2 {padding-left: 10px; padding-right: 10px;}

.call-to-action .one.button {float:none;}

/*Call to action end*/

/*LH nav call to action start*/

.lh-call-to-action {
    margin-top: 12px;
  }
  
  .lh-call-to-action .btn-success {
    color: #fff !important;
    font-size: 14px !important;
    font-size: 1.4rem !important;
	background-color: #60bb46;
    border-color: #4cae4c;
    border-radius: 0px;
    width: 100%;
    font-weight: 600;
    padding: 8px 13px 8px 13px;
    margin-bottom: 5px;
    text-align: left;
  }
  
  .lh-call-to-action .btn-success:hover {
    background-color: #4cae4c;
  }
  
  .lh-call-to-action .btn-success:after {display: none;}

  /*LH nav call to action end*/

  /*Icon and heading*/
  .icon-h img, .icon-h h2 {display: inline-block}
  .icon-h img {float: left; margin-right: 10px;}
  .icon-h h2, .icon-h p {margin: 15px 0px 0px 0px !important; vertical-align: middle;}
  .icon-h p {overflow: hidden;}

/*Timneline tabs*/

.scrtabs-tab-container .scrtabs-tab-scroll-arrow {border: none;}
.scrtabs-tab-container .scrtabs-tab-scroll-arrow .glyphicon {color: #cc1100;}