/* fonts */

@font-face {
    font-family: 'dincompregular';
    src: url('/libs/warkscol/2.0.0/fonts/dincomp-webfont.eot');
    src: url('/libs/warkscol/2.0.0/fonts/dincomp-webfont.eot?#iefix') format('embedded-opentype'), url('/libs/warkscol/2.0.0/fonts/dincomp-webfont.woff') format('woff'), url('/libs/warkscol/2.0.0/fonts/dincomp-webfont.ttf') format('truetype'), url('/libs/warkscol/2.0.0/fonts/dincomp-webfont.svg#dincompregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincomp-lightregular';
    src: url('/libs/warkscol/2.0.0/fonts/dincomp-light-webfont.eot');
    src: url('/libs/warkscol/2.0.0/fonts/dincomp-light-webfont.eot?#iefix') format('embedded-opentype'), url('/libs/warkscol/2.0.0/fonts/dincomp-light-webfont.woff') format('woff'), url('/libs/warkscol/2.0.0/fonts/dincomp-light-webfont.ttf') format('truetype'), url('/libs/warkscol/2.0.0/fonts/dincomp-light-webfont.svg#dincomp-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincomp-boldregular';
    src: url('/libs/warkscol/2.0.0/fonts/dincomp-bold-webfont.eot');
    src: url('/libs/warkscol/2.0.0/fonts/dincomp-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/libs/warkscol/2.0.0/fonts/dincomp-bold-webfont.woff') format('woff'), url('/libs/warkscol/2.0.0/fonts/dincomp-bold-webfont.ttf') format('truetype'), url('/libs/warkscol/2.0.0/fonts/dincomp-bold-webfont.svg#dincomp-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'georgiaregular';
    src: url('/libs/warkscol/2.0.0/fonts/georgia-webfont.eot');
    src: url('/libs/warkscol/2.0.0/fonts/georgia-webfont.eot?#iefix') format('embedded-opentype'), url('/libs/warkscol/2.0.0/fonts/georgia-webfont.woff') format('woff'), url('/libs/warkscol/2.0.0/fonts/georgia-webfont.ttf') format('truetype'), url('/libs/warkscol/2.0.0/fonts/georgia-webfont.svg#georgiaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* global */

form {
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: dincompregular, arial;
    font-size: 13px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color:#f65155;
}

h1 {
    margin-top: 0px;
    margin-bottom :10px;
    text-transform: uppercase;
    font-size: 28px;
    font-family: dincomp-lightregular, arial;
}

h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: dincomp-lightregular, arial;
}

h2 a {
    color: inherit;
}

h3 {
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: dincomp-lightregular, arial;
}

p {
    margin: 15px 0px 15px;
}

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

table {
    margin: 10px 0px 10px;      
}

table td{
    padding: 0px 10px 0px 0px;
    font-size: 13px !important;
}

/* layout */

.page-wrapper {
    width: 960px;
    margin: 0px auto 0px;
    text-align: left;
}

.header-wrapper {
    height: 195px;    
    background-color: #ffffff;
}

.header-wrapper .logo {
    float: left;
    margin: 45px 0px 0px;
    background-image: url(/libs/warkscol/2.0.0/img/wcg-logo.png);  
    background-repeat: no-repeat;
    width: 280px;
    height: 130px;  
}

.header-wrapper .options {
    margin: 87px 0px 0px 0px;
    float: right;
}

.header-wrapper .options .options-nav {
    margin: 0px 20px 0px;
    font-size: 12px;
    text-align: right;
    float: right;
}

.header-wrapper .options .options-nav a {
    color: black;
}

.header-wrapper .options .options-nav a:before {
    content: "|";
    margin: 0px 6px 0px;
    color: #dddddd;
}

.header-wrapper .options .options-nav a:first-child:before {
    content: "";
}

.header-wrapper .options .options-search {
    text-align: right;
    float: right;
    margin-top: -4px;
    width: 190px;
}

.header-wrapper .options .options-tel {
    text-align: right;
    margin-top: 35px;
    font-size: 30px;
}

/* navigation */

.nav-wrapper {
    background-color: #f65155;
    height: 36px; 
}

.nav-wrapper a {
    color: #ffffff;
    padding: 8px 16.9px 8px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
}

.nav-wrapper a:hover {
    color: #f65155;
    background-color: #f5f5f5;
}

.nav-wrapper a.cell{
    float:left;
    width:50px;  
    height: 36px;      
    background-image: url(/libs/warkscol/2.0.0/img/wcg-cell-icon-invert.png);
    background-repeat: no-repeat;
    background-position: center center;    
    background-color: #f65155;
    border-right:solid 1px #ffffff;        
}

.nav-wrapper a.cell:hover{    
    background-image: url(/libs/warkscol/2.0.0/img/wcg-cell-icon.png);    
    background-color: #f5f5f5;      
}

/* breadcrumb */

.breadcrumb-wrapper {
    background-color: #f5f5f5;      
    border-radius: 0px;
    height: 36px;
    padding-top: 10px;        
}

.breadcrumb-wrapper > a + a:before {
    color: #333333;
    content: "/";
    padding: 0 10px;
}

.breadcrumb-wrapper a {
    color: #333333;      
}

.breadcrumb-wrapper a:first-of-type {
    margin-left: 15px;
}

/* main content */

.main-wrapper {
    width: 960px; /* required for editor */    
    display:inline-block;
}

.col-1{
    width: 217px;
    float:left;  
    display:inline-block;
    margin-top: 20px;
    margin-right: 30px;    
    *width: 0px !important; /* hide width for editor */
}

/* menu */

.col-1 .link-group{    
    background-color: rgba(255, 255, 255, 0.6);  
}

.col-1 .link-group .link-group-item{
    overflow: hidden;    
    display:block;
    border-top: 1px solid #ddd; 
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    color: #555;
}

.col-1 .link-group .link-group-item:hover {
    background-color: rgba(245, 245, 245, 0.6);   
    color: #f65155;    
}

.col-1 .link-group .link-group-item.selected {
    background-color: rgba(245, 245, 245, 0.6);
    color: #f65155;     
} 

.col-1 .link-group .link-group-item div{
    float: left;        
    padding-bottom: 1000px;
    margin-bottom: -1000px;  
}

.col-1 .link-group .link-group-item div:last-of-type{
    max-width: 180px;  
}

.col-1 .link-group .link-group-item div i{
    padding-right: 10px; 
}

.col-1 .link-group .link-group-item.level1 {
    margin-left: 10px;  
    text-transform: none;                                       
}       

.col-1 .link-group .link-group-item.level1 div:last-of-type{
    max-width: 170px;  
}

.col-1 .link-group .link-group-item.level2 {
    margin-left: 20px;  
    text-transform: none;                                       
}       

.col-1 .link-group .link-group-item.level2 div:last-of-type{
    max-width: 160px;  
}

.col-1 .link-group .link-group-item.level3 {
    margin-left: 30px;  
    text-transform: none;                                       
}       

.col-1 .link-group .link-group-item.level3 div:last-of-type{
    max-width: 150px;  
}

.col-2{
    margin-top: 20px;
    width: 712px;
    float:left;    
    display:inline-block;    
}

/* top image */

.col-2 .top-image-wrapper {    
    width: 712px;
}

    .col-2 .top-image-wrapper img {
        width: 712px !important;
    }

.col-2 .content-wrapper{
    width: 465px; /* 480px */   
    float:left;
    display:block;       
    margin-right: 30px; /* 15px */  
}

.col-2 .container{
    margin:0px;
}

.col-2 .featured-grid-wrapper{
    width: 495px;    
    float:left;
    display:block;              
}

.col-2 .featured-grid-wrapper .featured-grid-row{
    width: 712px;
    display:inline-block;    
}

.col-2 .featured-grid-wrapper .featured-grid-row .featured-grid-col{
    display:block;
    float:left;
    width: 150px;
    min-height: 1px;        
    margin-right: 15px;             
}

.col-2 .featured-grid-wrapper .featured-grid-row .featured-grid-col-lg{
    display:block;
    float:left;
    width: 230px;
    min-height: 1px;        
    margin-right: 15px;      

}

.col-2 .featured-grid-wrapper img {        
    filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");')  
    filter: gray; /* IE6-9 */ /* IE10-11 removed support for greyscale */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */      
}

.col-2 .featured-grid-wrapper img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);   
    transition: 2s;        
}

.col-2 .featured-grid-wrapper p {
    margin-top: 5px;
    margin-bottom: 20px;
}    

.col-2 .featured-grid-wrapper h2 {
    margin-top: 0px;
    margin-bottom: 5px;
}    

.col-2 .featured-grid-wrapper .row:first-of-type {
    margin-top: 0px;
}

.col-2 .featured-grid-wrapper .row {
    margin-top: 20px;
}

/* contact wrapper */

.col-2 .contact-wrapper{
    width: 217px;   
    float:left;
    display:block;                    
}

.col-2 .contact-wrapper .container {
    padding: 0px 0px 15px;
}

.col-2 .contact-wrapper i {
    margin-right: 8px;
    float:left;
}

.col-2 .contact-wrapper img {   
    max-width: 215px;   /* prevent overlap from contact area */          
}

.col-2 .contact-wrapper span {
    color: #333333;
    display: block;
    padding: 0px 0px 5px;
}

.col-2 .contact-wrapper a {
    color: #333333;
    display: block;
    padding: 0px 0px 5px;
}

.col-2 .contact-wrapper a:last-of-type {
    color: #333333;
    display: block;
    padding: 0px 0px 0px;
}

.col-2 .contact-wrapper a:first-letter {
    text-transform: uppercase;
}

.col-2 .contact-wrapper h2 {
    margin-top: 15px;        
    color: #f65155;
}

.col-2 .contact-wrapper h2:first-of-type {
    margin-top: 0px;            
}

/* this breaks the bullet points.
.col-2 ul li{
    margin: 0px 15px 15px;
}*/

.col-1-2 {
    margin-top: 20px;
    width: 960px;    
}

/* carousel */

.col-1-2 .carousel, .col-2 .carousel {
    margin-bottom: 20px;    
}

.col-1-2 .carousel-control {
    background-image: none !important;
    width: 60px;
    opacity: 0;
}

.col-1-2 .carousel-control i {
    margin-top: 126px;
    font-size: 60px;
    text-shadow: none;
}

.col-1-2 .carousel-indicators-wrapper {
    position: relative;
    width: 960px;
    text-align: center;
}

.col-1-2 .carousel-indicators {
    left: 0;
    right: 0;
    bottom: 0px;
    text-align: center;
}

.col-1-2 .carousel-indicators li {
    float: none;
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 0px;
}

/* featured list */

.col-1-2 .featured-list {
    float: left;
    width: 610px;
    display: block;
    margin-left:-10px; 
}

.col-1-2 .featured-list .featured-item {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 193.2px;    
    height: 140px;   
    display:block;
}


.col-1-2 .featured-list .featured-item .img{
    overflow: hidden;
    width: 193.2px;            
    height: 116px;
}


.col-1-2 .featured-list .featured-item .title{
    display:none;
    height: 25px;
    width: 193.2px;
    background-color:#6d6e71;
    display:block;
    color:white;
    text-transform: uppercase;
    line-height: 27px;    
    padding-left: 10px;
    *padding-left: 0px; /* hide padding for editor */
    font-size: 13px;
    margin:0px;
}

.col-1-2 .featured-list .featured-item a{
    color:white;
}

.col-1-2 .featured-list .featured-item .title i{
    padding-right: 2px;
}


/* featured column */

.col-1-2 .featured-column {
    float: right;
    width: 340px;
}

.col-1-2 .featured-column h2 {
    text-transform: uppercase;
    font-family: dincomp-lightregular;
    font-size: 28px !important;
    padding: 0px;
    margin: 0px 0px 10px !important;
}

.col-1-2 .featured-column h2:first-of-type {
    margin: 0px 0px 0px !important;
}

.col-1-2 .featured-column .featured-item {
    margin: 0px 0px 20px;
    width: 340px;
    height: 290px;    
}

.col-1-2 .featured-column .featured-item .img{
    width: 340px;
    height: 265px;     
    display:block;
}

.col-1-2 .featured-column .featured-item .title{
    height: 25px;
    width: 340px;
    background-color:#6d6e71;
    display:block;
    color:white;
    text-transform: uppercase;
    line-height: 27px;    
    padding-left: 10px;
    *padding-left: 0px; /* hide padding for editor */
    font-size: 13px;
    margin:0px;
}

.col-1-2 .featured-column .featured-item .title i{
    padding-right: 2px;
}

/* feature grid column */

.col-1-2 .featured-grid-wrapper{
    width: 742px;    
    float:left;
    display:block;                 
}

.col-1-2 .featured-grid-wrapper .featured-grid-row{
    width: 742px;
    display:inline-block;    
}

.col-1-2 .featured-grid-wrapper .featured-grid-row .featured-grid-col{
    display:block;
    float:left;
    width: 170px;
    min-height: 1px;        
    margin-right: 15px;               
}

.col-1-2 .featured-grid-wrapper img {        
    filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");')  
    filter: gray; /* IE6-9 */ /* IE10-11 removed support for greyscale */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */      
}

.col-1-2 .featured-grid-wrapper img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);   
    transition: 2s;        
}

.col-1-2 .featured-grid-wrapper p {
    margin-top: 5px;
    margin-bottom: 20px;
}    

.col-1-2 .featured-grid-wrapper h2 {
    margin-top: 0px;
    margin-bottom: 5px;
}    

.col-1-2 .featured-grid-wrapper .row:first-of-type {
    margin-top: 0px;
}

.col-1-2 .featured-grid-wrapper .row {
    margin-top: 20px;
}

/* contact wrapper */

.col-1-2 .contact-wrapper{
    width: 217px;   
    float:left;
    display:block;                      
}

.col-1-2 .contact-wrapper .container {
    padding: 0px 0px 15px;
}

.col-1-2 .contact-wrapper i {
    margin-right: 8px;
    float:left;
}

.col-1-2 .contact-wrapper img {   
    max-width: 215px;   /* prevent overlap from contact area */          
}

.col-1-2 .contact-wrapper span {
    color: #333333;
    display: block;
    padding: 0px 0px 5px;
}

.col-1-2 .contact-wrapper a {
    color: #333333;
    display: block;
    padding: 0px 0px 5px;
}

.col-1-2 .contact-wrapper a:last-of-type {
    color: #333333;
    display: block;
    padding: 0px 0px 0px;
}

.col-1-2 .contact-wrapper a:first-letter {
    text-transform: uppercase;
}

.col-1-2 .contact-wrapper h2 {
    margin-top: 0px;        
    color: #f65155;
}

/* subject area list */

.col-1-2 .subject-area-list {
    display: inline-block;
    width: 600px;
    background-color: #f65155;
    text-transform: uppercase;
    font-size: 13px;
    padding: 20px;
    margin-top: 10px;    
}

.col-1-2 .subject-area-list h2 {
    color: #ffffff !important;
    font-family: dincomp-boldregular;
    font-size: 13px;
    padding: 0px;
    margin: 0px 15px 15px !important;
}

.col-1-2 .subject-area-list ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    overflow: hidden;
    padding-left: 15px;
}

.col-1-2 .subject-area-list ul li {
    float: left;
    display: inline;
    width: 50%;
    line-height: 25px;
}

.col-1-2 .subject-area-list ul li a {
    color: #ffffff;
}

/* social */

.col-1-2 .social-wrapper .container {
    padding: 0px 0px 15px;
}

.col-1-2 .social-wrapper h2 {
    margin-top: 0px;        
    color: #f65155;
}

.col-1-2 .dcsns-content ul.stream {
    margin-left: 0px !important;
}

.col-1-2 .dcsns-content ul.stream li {
    font-family: dincompregular;
}

.col-1-2 .dcsns-content ul.stream li .inner {
    padding: 0px;
}

.col-1-2 .dcsns-content ul.stream li .inner .section-user {
    background: none;
    line-height: inherit;
    padding: 5px 0px 5px;
}

.col-1-2 .dcsns-content ul.stream li .inner .section-text {
}

.col-1-2 .dcsns-content ul.stream li .section-intro {
    background-color: #848484;
    height: 30px;
}

.col-1-2 .social-toolbar {
    margin-top: 15px;
}

.col-1-2 .social-toolbar ul {
    padding: 0;
    margin: 0;
    margin-left: 0px !important;
    list-style: none;
    background: none;
}

.col-1-2 .social-toolbar ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    background: none;
}

.col-1-2 .social-toolbar ul li a {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}

.col-1-2 .social-toolbar ul li a.text {
    color: #6d6e71;
    font-size: 13px;
    margin-left: 0px;
    margin-top: 5px;
}

.col-1-2 .social-toolbar ul li a img {
    height: 20px;
}

.col-1-2 .dcsns-toolbar {
    display: inline;
    float: right;
    margin-top: 2px;
    background-color: white !important;
}

.col-1-2 .dcsns-toolbar ul {
    margin-left: 0px !important;
}

.col-1-2 .dcsns-toolbar .controls {
    margin-right: 0px !important;
    opacity: 0.92;
}

.col-1-2 .dcsns-toolbar .controls a {
    height: 20px !important;
    width: 20px !important;
}

.col-1-2 .dcsns-content ul.stream {
    margin-left: 0px !important;
}

.col-1-2 .dcsns-content ul.stream li {
    font-family: dincompregular;
}

.col-1-2 .dcsns-content ul.stream li .inner {
    padding: 0px;
}

.col-1-2 .dcsns-content ul.stream li .inner .section-user {
    background: none;
    line-height: inherit;
    padding: 5px 0px 5px;
}

.col-1-2 .dcsns-content ul.stream li .section-intro {
    background-color: #848484;
    height: 30px;
}

.col-1-2 .social-toolbar {
    margin-top: 15px;
}

.col-1-2 .social-toolbar ul {
    padding: 0;
    margin: 0;
    margin-left: 0px !important;
    list-style: none;
    background: none;
}

.col-1-2 .social-toolbar ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    background: none;
}

.col-1-2 .social-toolbar ul li a {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}

.col-1-2 .social-toolbar ul li a.text {
    color: #6d6e71;
    font-size: 13px;
    margin-left: 0px;
    margin-top: 5px;
}

.col-1-2 .social-toolbar ul li a img {
    height: 20px;
}

.col-1-2 .dcsns-toolbar {
    display: inline;
    float: right;
    margin-top: 2px;
    background-color: white !important;
}

.col-1-2 .dcsns-toolbar ul {
    margin-left: 0px !important;
}

.col-1-2 .dcsns-toolbar .controls {
    margin-right: 0px !important;
    opacity: 0.92;
}

.col-1-2 .dcsns-toolbar .controls a {
    height: 20px !important;
    width: 20px !important;
}

/* content */

.col-1-2 .content-wrapper{
    width: 713px; /* 728px */ 
    float:left;
    display:block;       
    margin-right: 30px; /* 15px */
}

/* apply now */

.col-1-2 .apply-wrapper{    
    width: 217px;   
    float:left;
    display:block;      
}

.col-1-2 .apply-wrapper a{
    color: #333333;
}

.col-1-2 .apply-wrapper a.link{
    display: block;
    padding: 0px 0px 5px;
}

.col-1-2 .apply-wrapper a.link:last-of-type{
    display: block;
    padding: 0px 0px 0px;
}

.col-1-2 .apply-wrapper h2 {
    margin-top: 0px;        
    color: #f65155;
}

.col-1-2 .apply-wrapper .container {
    padding: 0px 0px 15px;    
} 

.col-1-2 .apply-wrapper .container.margin-top {
    margin-top: 5px;
} 

.col-1-2 .apply-wrapper .btn-group{    
    margin-bottom: 15px;        
    width: 100%;    
}

.col-1-2 .apply-wrapper .btn-group .btn{    
    width: 100%;   
    text-align: left;
}

.col-1-2 .apply-wrapper .btn-group .dropdown-menu{    
    width: 100%;   
    text-align: left;
}

.col-1-2 .apply-wrapper i {    
    margin-right: 8px;    
}

.col-1-2 .apply-wrapper i.fa-3x {    
    margin: 0px;
    padding: 0px;
    font-size: 30px;
}

/* location map */

.location-map {
    height: 500px;
    width: 710px;
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

.location-map .info-window h4 {
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: dincomp-lightregular;  
    line-height: 1.5;              
    color: #f65155;
}

.location-map .info-window h4.lspa {
    color: #a9c38d;
}

.location-map .info-window h4.rug {
    color: #8e7187;
}

.location-map .info-window h4.mm {
    color: #688464;
}

.location-map .info-window h4.per {
    color: #4c7ea5;
}

.location-map .info-window h4.hen {
    color: #f8992e;
}        

.location-map .info-window h4.tri {
    color: #72c2d7;
}        

.location-map .info-window p {
    font-family: dincompregular;
    font-size: 13px;
    margin-bottom: 10px;
}

.location-map .info-window-links {
    display: block;
}

.location-map .info-window-links a {
    display: block;
    font-family: dincompregular;
    font-size: 13px;
    margin-bottom: 5px;
}

/* news listing */

#news {    
    margin-top: 15px;
    margin-left: 0px !important;
    display:block;
}

#news li {        
    display:inline-block;                
}

#news li img {    
    width: 100%;
    height: 100%;
    filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");')  
    filter: gray; /* IE6-9 */ /* IE10-11 removed support for greyscale */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */   
}

#news li img:hover {    
    width: 100%;
    height: 100%;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);   
    transition: 2s;    
}

#news h2{
    margin: 0px;
    padding: 0px;
}

#news li div.left {
    float:left;    
    margin-right: 20px;    
    width: 120px;             
}

#news li div.right {
    float:left;
    width: 570px;            
}

/* drop down menu */

.dropdown-menu {
    text-align: left;
    right: 0;
    left: auto;
    width: 190px;
}

/* bootstrap */

.container{    
    width: 100% !important;
    padding: 20px 0px 10px;
}

.container ul {
    margin-left: 15px;
}

i.padding-right{    
    margin-right: 8px;    
}

i.padding-left{    
    margin-left: 8px;    
}

.checkbox input[type=checkbox]{
    margin: 0px;
}

.radio input[type=radio]{
    margin: 0px;
}

.table thead tr td{        
    text-transform: uppercase;  
    font-family: dincomp-lightregular; 
}

.table tbody tr td a{
    color: inherit;
}

.table.min-padding tr td{
    padding-left: 0px;
}

.table thead tr td a{
    color: inherit;    
}

.table.margin-top {
    margin-top :20px;
}

.table label {
    margin-right: 20px;
}

/* alterian form builder */

.tbform{
    margin-top:0px;
}

.tbform td.caption{
    padding: 5px 0px 5px;
}

.tbform td.caption{
    max-width: 250px;
}

.tbform h3 {
    margin-top: 10px;
}

/* alterian plugins */

.ImmTextAlign_Center{ /* used within tables */
    text-align: left;
}

#marqueecontainer {
    padding: 0px !important;
    border: 0px !important;
}

table.ImmTS_Default
{
    padding: 0px;
    width: 100%;
    border-collapse: collapse;
    border-width: 0px;
}

table.ImmTS_Default th, table.ImmTS_Default td
{
    padding: 10px;
    margin: 2px;
}

table.ImmTS_Default, table.ImmTS_Default th, table.ImmTS_Default td
{
    border: 1px solid #e5e5e5;
}

table.ImmTS_Default tr
{
    vertical-align: top;
}

/* old fieldset forms not compatible with bootstrap */

fieldset {
    width: 100%;            
    margin-bottom: 15px;    
}

fieldset legend {
    display:none;
}

fieldset thead td {
    margin-top: 0px;
    margin-bottom: 5px;    
}

fieldset select {
    margin-top: 0px;
    margin-bottom: 5px;    
}

fieldset label {
    display: block;                
    margin-top: 10px;
}

fieldset label:first-of-type {
 margin-top:0px;
}    

fieldset .radio label {
    display: inline-block;
}


/* footer */

.footer-bar {
    width: 100%;
    border-top: solid 1px #848484;
    display: block;
    height: 180px;
}

.footer-bar .footer-wrapper {
    width: 960px;
    margin: auto;
}

.footer-bar .footer-wrapper .footer-location-list {
    margin-top: 30px;
}

.footer-bar .footer-wrapper .footer-location-list .row .col-xs-2 {
    text-align: center;
}

.footer-bar .footer-wrapper .footer-location-list .row .col-xs-2:first-of-type {
    text-align: right;
}

.footer-bar .footer-wrapper .footer-location-list .row .col-xs-2:last-of-type {
    text-align: right;
}

.footer-bar .footer-wrapper .footer-legal-list {
    margin-top: 30px;
}

.footer-bar .footer-wrapper .footer-legal-list a {
    float: left;
    display: inline;
    font-size: 10px;
    color: black;
    text-transform: uppercase;
}

.footer-bar .footer-wrapper .footer-legal-list a:before {
    content: "|";
    margin: 0px 6px 0px;
    color: black;
}

.footer-bar .footer-wrapper .footer-legal-list a:first-child:before {
    content: "";
    margin: 0px;
}

.footer-bar .footer-wrapper .footer-statement {
    display: inline-block;
    margin-top: 15px;
    width: 100%;
}

.footer-bar .footer-wrapper .footer-statement a {
    font-size: 10px;
    text-transform: uppercase;
    color: black;
    margin-right: 10px;
}

.footer-bar .footer-wrapper .footer-statement p {
    display: inline;
    font-family: georgiaregular;
    font-style: italic;
    font-size: 10px;
}

/* loader */

.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -70px;
    margin-left: -115px;
    z-index: 10000001;
    background: #262626;
    padding: 30px 40px 30px;
}

.loader h1 {
    text-align: center;
    margin: 0px;
    padding: 0px;
    color: white;
}


/* cookie message */

.cc-cookies {
    /* Float at top */
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 5px;
    background: #ffffff;
    font-size: 13px;
    z-index: 900;
    text-align: center;
    color: #000;    
    border-top: solid 1px #ccc;
}

.cc-cookies a, .cc-cookies a:hover {
    color: #000;
    margin-left: 5px;
}

.cc-overlay {
    height: 100%;
    padding-top: 25%;
}

.cc-cookies-error {
    float: left;
    width: 90%;
    text-align: center;
    margin: 1em 0 2em 0;    
    padding: 2em 5%;
    border: 1px solid #ccc;
    font-size: 18px;
    color: black;    
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    display: inline-block;
    color: #fff;
    background: #f65155; /*8dac20*/                
    padding: 5px 10px 5px;
}

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
    background: #af3b3b;
    margin-left: 15em;
}

.cc-cookies a.cc-cookie-reset {
    background: #f15b00;
}

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
    background: #f5f5f5;    
    color: #f65155;
}

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
    display: block;
    margin-top: 1em;
}

.cc-cookies.cc-discreet {
    width: auto;
    padding: 0.5em 1em;
    left: auto;
    top: auto;
}

.cc-cookies.cc-discreet a.cc-cookie-reset {
    background: none;
    text-shadow: none;
    padding: 0;
}

/* modal */

.modal.grp .modal-content {
    background: #ff5a5f;
    color: #fff;
}

.modal.grp .modal-content .modal-header {
    border: none;
    text-align: center;
}

.modal.grp .modal-content h3 {    
    color: #fff;
    text-transform: uppercase;
}

.modal.grp .modal-content h4 {    
    font-size: 26px;
    text-transform: uppercase;
}

.modal.grp .modal-content h5 {
    font-size: 18px;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 10px;    
}

.modal.grp .modal-content h6 {
    font-size: 14px;
}

.modal.grp .modal-content h6:last-of-type {
    margin-bottom: 15px;
}

.modal.grp .modal-content .fade1 {
    opacity: 0.8;
}

.modal.grp .modal-content .fade2 {
    opacity: 0.6;
}

.modal.grp .modal-content .fade3 {
    opacity: 0.5;
}

.modal.grp .modal-content .fade4 {
    opacity: 0.4;
}

.modal.grp .modal-content .modal-body hr {
    opacity: 0.4;
}

.modal.grp .modal-content a {
    color: white;
}

.modal.grp .modal-content .badge {
    background-color: white;
    color: #ff5a5f;
}

.modal.grp .modal-content .list-group-item {
    background-color: inherit;
    border-radius: 0px;
    border-left: none;
    border-right: none;
}

.modal.grp .modal-content .modal-header span.label {
    display: none;
}

.modal.grp .modal-content .modal-body {
    padding: 0px 30px;
    font-size: 16px;
}

.modal.grp .modal-content .modal-body .about {
    margin-top: 20px;
}

.modal.grp .modal-content .modal-body img {
    width: 128px;
    height: 128px;
    background: url("../img/ring-invert.svg") no-repeat;
}

.modal.grp .modal-content .modal-body .skills {
    margin-top: 20px;
    margin-bottom: 20px;
}

.modal.grp .modal-content .modal-body .dl-horizontal {
    margin-bottom: 0px;
}

.modal.grp .modal-content .modal-body .dl-horizontal dt,
.modal.grp .modal-content .modal-body .control-label {    
    font-weight: normal;
    opacity: 0.8;
}

.modal.grp .modal-content .modal-body .dl-horizontal dd a {
    text-decoration: none;
    color: inherit;
}

.modal.grp .modal-content .modal-body .img-responsive.img-walkthrough {
    margin-bottom: 15px;
    border: solid 1px #fff;
}

.modal.grp .modal-content .modal-body .text-label {
    padding-top: 5px;
    display: block;
}

.modal.grp .modal-content .modal-body .form-control {
    background-color: transparent;
    color: inherit;
    border-color: inherit;
}

.modal.grp .modal-content .modal-body .form-control::-webkit-input-placeholder {
    color: white;
    opacity: 0.5;
}

.modal.grp .modal-content .modal-body .form-control option {
    color: black;
}

.modal.grp input[type=file] {
    display: inline;
    width: 100px;
    margin-top: 20px;
}

.modal.grp .modal-content .modal-body .fa-select-caret {
    position: absolute;
    right: 0;
    margin-right: 22px;
    background-color: #ff5a5f;
    margin-top: 8px;
}

.modal.grp .modal-content .alert{
    background-color:transparent;
    color:white;
    border-color:white;
}

.modal.grp .modal-content .modal-footer {
    border: none;
    text-align: center;
}

.modal.grp .modal-content .modal-footer .social-network {
    display: block;
    margin-top: 10px;
}

.modal.grp .modal-content .modal-footer .social-network a {
    background-color: inherit;
    border: solid 1px #fff;
}

.modal.grp .btn {
    border-color: #fff !important;
    color: #fff !important;
    background-color: transparent !important;
}


/* for apprenticeships widget used on the apprenticeships home page, a work around to hide iframe height bug in iOS */
.apprenticeships
{
    height:280px !important;
    overflow:hidden;
}

/* for website survey popup */
.growl.growl-default {
    color: #FFF;
    background: #ff5a5f;
    opacity: 1;
    z-index: 901 !important;
    cursor: pointer;
}

.growl.growl-large {
    width: 350px;
    padding: 15px;
    margin: 15px;
}

.growl.growl-outgoing {
    opacity: 0;
}


/* device specific */

@media screen and (max-width: 768px) {
    .cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
        display: block;
        margin: 1em 0;
    } 
}

@media screen and (max-width: 480px) {
    .cc-cookies {
        position: relative;
        float: left;
    }
}

@media print {
    body{
        margin: 60px;
    }

    .container{
        width: 100%;
    }

    .header-wrapper {
        display: none !important;
    }

    .breadcrumb-wrapper{
        display: none !important;   
    }

    .apply-wrapper{
        display: none !important;      
    }

    .contact-wrapper{
        display: none !important;      
    }

    .nav-wrapper{
        display: none !important;   
    }

    .footer-bar {
        display: none !important;
    }

    .col-1{
        display:none;
    }    

    .col-2{
        width: 100%;
    }
}