@charset "utf-8"; /* CSS Document */ @import "../fonts/font-awesome.css"; @import "../fonts/icons.css"; @import "../fonts/fonts.css"; * { margin: 0; padding: 0; text-decoration: none; outline: 0;border:0;word-wrap:break-word;} img { max-width: 100%;} header{position:relative; z-index:100;/*height:137px;*/} section{padding:80px 0;} .height5 { height: 5px;} .height10 { height: 10px;} .height20 { height: 20px;} .height30 { height: 30px;} .height40 { height: 40px;} .height50 { height: 50px;} .height60 { height: 60px;} .height70 { height: 70px;} .height80 { height: 80px;} .height90 { height: 90px;} .height100 {height: 100px;} .margin-top-40 { margin-top: 40px;} .margin-top-30 { margin-top: 30px;} .margin-top-20 { margin-top: 20px;} .margin-top-10 { margin-top: 10px;} .margin-top-5 { margin-top: 5px;} .margin-bottom-150 { margin-bottom: 150px;} .margin-bottom-50 { margin-bottom: 50px;} .margin-bottom-40 { margin-bottom: 40px;} .margin-bottom-30 { margin-bottom: 30px;} .margin-bottom-20 { margin-bottom: 20px;} .margin-bottom-10 { margin-bottom: 10px;} .margin-bottom-5 { margin-bottom: 5px;} .margin-left-20 { margin-left:20px;} .margin-right-10 { margin-left:10px;} .padding-top-50 { padding-top: 50px;} .padding-top-40 { padding-top: 40px;} .padding-top-35 { padding-top: 35px;} .padding-top-30 { padding-top: 30px;} .padding-top-20 { padding-top: 20px;} .padding-top-10 { padding-top: 10px;} .padding-top-5 { padding-top: 5px;} .padding-bottom-150 { padding-bottom: 150px;} .padding-bottom-90 { padding-bottom: 90px;} .padding-bottom-80 { padding-bottom: 80px;} .padding-bottom-70 { padding-bottom: 70px;} .padding-bottom-60 { padding-bottom: 60px;} .padding-bottom-50 { padding-bottom: 50px;} .padding-bottom-40 { padding-bottom: 40px;} .padding-bottom-35 { padding-bottom: 35px;} .padding-bottom-30 { padding-bottom: 30px;} .padding-bottom-20 { padding-bottom: 20px;} .padding-bottom-10 { padding-bottom: 10px;} .padding-bottom-5 { padding-bottom: 5px;} .padding-left-60 { padding-left: 60px;} .padding-left-50 { padding-left: 50px;} .padding-left-40 { padding-left: 40px;} .padding-left-35 { padding-left: 35px;} .padding-left-30 { padding-left: 30px;} .padding-left-20 { padding-left: 20px;} .padding-left-10 { padding-left: 10px;} .padding-left-5 { padding-left: 5px;} .padding-right-60 { padding-right: 60px;} .padding-right-50 { padding-right: 50px;} .padding-right-40 { padding-right: 40px;} .padding-right-35 { padding-right: 35px;} .padding-right-30 { padding-right: 30px;} .padding-right-20 { padding-right: 20px;} .padding-right-10 { padding-right: 10px;} .padding-right-5 { padding-right: 5px;} .double-border{ display:block;height:4px; border-top:1px solid #dadada;border-bottom:1px solid #dadada;} .no-bg-img { background-image: none!important;} .no-bg { background: none!important;} .bg-light-blue{background:#f2f5f7;} .bg-dark{background:#222222;} .bg-grey{background:#f4f4f4;} .no-margin { margin: 0!important;} .no-margin-top { margin-top: 0!important;} .no-margin-right { margin-right: 0!important;} .no-margin-bottom { margin-bottom: 0!important;} .no-margin-left { margin-left: 0!important;} .no-padding { padding: 0!important;} .no-padding-top { padding-top: 0!important;} .no-padding-right { padding-right: 0!important;} .no-padding-bottom { padding-bottom: 0!important;} .no-padding-left { padding-left: 0!important;} .inline { display: inline-block!important;} .relative { position: relative !important;} .absolute { position: absolute !important;} .static { position: static !important;} .hidden-content{display:none;} .display-none{display:none;} .shadow-large { background: url(../images/shadow-big.png) no-repeat scroll center top; height: 40px;} .color-dark{color:#222222 !important;} .bg-default{color:#2991d6} .error { border: 1px solid red!important;} .animate-it{opacity:0;} .animate-it.animated{opacity:1;} .success-msg {background: #e9f7dd; border: 1px solid #abd0a8; color: #589051; display: none; margin: 0 auto 30px; max-width: 821px; padding: 11px 16px; text-align: center;} .back-to-top { color: #fff;border-radius: 5px; bottom: 20px; display: block; font-size: 40px; height: 70px; position: fixed; right: -200px; visibility: hidden; text-align: center; width: 70px; z-index: 500; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease;} .back-to-top:focus,.back-to-top:hover { color: #fff; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease;} .back-to-top.to-top { right: 20px; visibility: visible; -webkit-transition: all 800ms ease;-moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease;} li.clear { float: none!important; width: auto!important; height: auto!important; margin: 0!important; padding: 0!important; clear: both;} .underline { text-decoration: underline;font-size: 16px; font-weight: 300; text-transform: uppercase;} .underline:hover { text-decoration: none;} .list li { color: #404040; font-size: 18px; font-weight: 300; padding: 11px 0 6px;} .list li:last-child { border-bottom: 0!important;} .list.dashed li { border-bottom: 1px dashed silver;} .list-center { min-width: 280px;} .feature-list li {font-weight:300; padding: 9px 0 8px 60px; font-size: 21px;line-height: 40px;} .feature-list i { float: left; font-size: 31px;text-align:center; margin:0 0 0 -60px;color:#fff;width:38px; height:38px; border-radius:100%;line-height: 35px;} .feature-list.big li{font-size: 24px;} .feature-list.big i{font-size: 32px;color:#393939;} .list-icon i{float:left;margin:5px 0 0 -28px;font-size: 19px;} .list-icon li{float:left;padding:5px 0 5px 028px; width:100%;} .list-icon li:last-child { margin-bottom:40px;} .font-alternate{font-family: 'speedlineregular';} #wrapper{/*overflow-x:hidden;*/background:#fff;} .display-none{display:none;} a, a:hover{-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} .smooth{ background: #fff; -webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} .smooth:hover{-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} /******************************** HOWC COLOURS ********************************/ .howc-blue { background-color: #00c1de; } .howc-green { background-color: #99cc33; } .howc-orange { background-color: #f7b334; } .howc-red { background-color: #e9004c; } .archers {color:#47098c!important; } .fountains-bg {background-color:#ae1a43;} .fountains {color:#ae1a43!important;} .fusion-bg {background-color:#f27436;} .fusion {color:#f27436!important;} /******************************** HOWC BLUE ********************************/ /*Updated to be a darker blue for accesibility */ /*a { color:#00c1de;}p span, p a{ color:#00c1de;}*/ a {color: #002D70;} a:hover, a:focus { color: #e9004c;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {} p span, p a {color: #002D70;} .color-default{ color:#001cde !important} .bg-default{background:#1c1c1c;} .navbar-default.transparent .dropdown-menu{ border-color:#00c1de;font-size:14px!important;min-width: 260px!important;border-top:0!important;} .navbar-default.transparent .dropdown-menu > li > a:before { font-family: 'icomoon'; content: "\f197";margin: 0 10px 0 15px;} .navbar-default.transparent .dropdown-menu > li > a { font-weight:600;border-bottom:0!important;padding:15px 0 15px 0!important;} .navbar-default.transparent .dropdown-menu > li > a:hover, .navbar-default.transparent .dropdown-menu > li > a:focus { background-color: #e9004c; border-color:#e9004c; color:#fff;} .cd-primary-nav { background: #00c1de;} .btn-default, .btn-white:hover { background-color: #3b415d;} .smallHeader .navbar-default.animated-border-nav li a:hover, .smallHeader .navbar-default.animated-border-nav li a.active { color:#3b415d ;} .navbar-default.nav-boxed .navbar-nav > li:hover > a, .navbar-default.nav-boxed .navbar-nav > li > a.active{ background:#3b415d;} .btn-dark:hover { background-color: #3b415d;} .footer-nav-widget li a:hover{ color:#f78c02;} .icons-list { padding-left: 0; margin-left: 17px; margin-bottom:20px; list-style-type: none; } .icons-list li { position: relative; font-size: 16px; line-height: 30px; } .icons-list > li [class*=" fa-"] { position: absolute; left: -20px; text-align: center; top: 6px; width: 14px; } /************************************ IMAGE ROLLOVERS *************************************/ .img-zoom img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .img-zoom img:hover {-webkit-transform: scale(1.3); transform: scale(1.3);} .flash:hover { opacity: 1; -webkit-animation: flash 2.5s; animation: flash 2.5s; } @-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } /******************************** MOBILE MENU ********************************/ .cd-header { position: absolute;top: 0;right: 0;height: 50px;z-index: 1001;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} @media only screen and (min-width: 768px) { .cd-header { background: transparent;box-shadow: none;} } @media only screen and (min-width: 1024px) {.cd-header { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden;backface-visibility: hidden;} .cd-header.is-fixed {top:-4px; position:sticky;}} .cd-primary-nav-trigger {position: absolute;right: 10px;height: 80%;width: 46px;top:25px;background-color:#00c1de;border-radius:5px;border: 1px solid #fff;z-index:95;} .cd-primary-nav-trigger .cd-menu-text {color: white;text-transform: uppercase;font-weight: 700;display: none;} .cd-primary-nav-trigger .cd-menu-icon {display: inline-block;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 18px;height: 2px;background-color: #fff;-webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s;transition: background-color 0.3s;} .cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after { content: '';width: 100%;height: 100%;position: absolute;background-color: #fff;right: 0;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;-moz-transition: -moz-transform .3s, top .3s, background-color 0s;transition: transform .3s, top .3s, background-color 0s;} .cd-primary-nav-trigger .cd-menu-icon::before {top: -5px;} .cd-primary-nav-trigger .cd-menu-icon::after {top: 5px;} .cd-primary-nav-trigger .cd-menu-icon.is-clicked {background-color: rgba(255, 255, 255, 0)!important;} .cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {top: 0;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);} .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {top: 0;-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transform: rotate(225deg);} @media only screen and (min-width: 768px) {.cd-primary-nav-trigger { padding: 11px 0;border-radius: 5px; background-color: #00c1de; height: 40px; line-height: 30px; right: 20px; top: 46px; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .cd-primary-nav-trigger .cd-menu-text {display: inline-block;} .cd-primary-nav-trigger .cd-menu-icon {left: auto; right: 0.8em;-webkit-transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%);-ms-transform: translateX(0) translateY(-50%);-o-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%);}} .cd-primary-nav {position: fixed;left: 0;top: 0;height: 100%;width: 100%;z-index: 1000;text-align:center;padding:110px 0 0 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: auto;-webkit-overflow-scrolling: touch;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;} .cd-primary-nav .overlay { height: 100%; overflow: scroll;} .cd-primary-nav li {font-size: 22px;font-size: 1.375rem;font-weight: 300;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin: .2em 0;text-transform: capitalize;list-style:none;} .cd-primary-nav a { display: inline-block; width:100%; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; font-family: 'proxima_nova', sans-serif; color:#fff; font-size:40px; line-height:30px; font-weight:900; text-transform:uppercase;padding:20px 0 20px 0;} .cd-primary-nav a:hover {color:#111;background-color: #fff;} .cd-primary-nav .social-icons { margin:40px 0 60px;} .cd-primary-nav .social-icons a{ padding:0px; width:auto;font-size: 36px;} .cd-primary-nav .social-icons a:hover{ background:none;} .cd-primary-nav .social-icons span{width: 70px; background:none;height: 68px;font-size: 36px;border-radius: 5px;padding: 14px 14px;margin: 0 0 0 10px;} .cd-primary-nav .social-icons span:hover{ background:#fff; color:#111;} .cd-primary-nav .cd-label {color: #fff;text-transform: uppercase;font-weight: 700;font-size: 14px;font-size: 0.875rem;margin: 2.4em 0 .8em;} .cd-primary-nav .cd-social {display: inline-block;margin: 0 .4em;} .cd-primary-nav .cd-social a {width: 44px;height: 44px;padding: 0;background-image: url("../img/cd-socials.svg");background-repeat: no-repeat;overflow: hidden;text-indent: 100%;white-space: nowrap;} .cd-primary-nav .cd-facebook a {background-position: 0 0;} .cd-primary-nav .cd-instagram a { background-position: -44px 0;} .cd-primary-nav .cd-dribbble a { background-position: -88px 0;} .cd-primary-nav .cd-twitter a { background-position: -132px 0;} .cd-primary-nav.is-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .cd-search { position: absolute;top:30px;right:70px;font-size:33px;display: none;} @media only screen and (max-width: 1200px) { .cd-header.menu-is-open { position: fixed;top:62px;} } @media only screen and (min-width: 1170px) { .cd-primary-nav li {font-size: 30px;font-size: 1.875rem;}.cd-primary-nav .cd-label {font-size: 16px;font-size: 1rem;} } @media only screen and (max-width: 992px) { .cd-search {display:block!important;} .cd-search a {display:block; line-height:33px;} } @media only screen and (max-width: 768px) { .cd-header.menu-is-open { top:97px;} } /******************************** UTILITY BAR ********************************/ .navbar-nav > li > a{ padding-bottom: 16px!important; padding-top:18px!important; } /*.top-bar .container, .navbar-nav { height: 100%; transition: all .5s ease-in-out; } .smallHeader .top-bar .navbar-nav*/ /*.smallHeader .navbar-nav*/ /*{ opacity: 0; transition: all .5s ease-in-out; height: 0; } .navbar { height: 72px; transition: all .5s ease-in-out; } .smallHeader .navbar { height:100%; transition: all .5s ease-in-out; }*/ #header-nav { position: sticky; top: 0; z-index: 2000; } .utility{ position:sticky; background:#333; width:100%; z-index:101; top:0; font-family: 'proxima_nova_semibold',sans-serif; font-size: 13px; } .utility a{ color:#fff; display:block; padding:10px 0; float: right;} .utility i { margin-right: 5px;} .utility a:hover { color: #00c1de;} @media only screen and (max-width: 840px){ #recite-wrapper .utility{top:0; margin-top:20px;position:relative;} #recite-wrapper .top-bar{/*top:20px;*/position:relative;} #recite-wrapper .nav-default{position:relative;} } /*.navbar.is-fixed{ position:fixed; top:38px;}*/ /*#recite-wrapper .navbar.is-fixed { top: 98px; #recite-wrapper .utility{ top: 60px;} }*/ #recite-wrapper .utility { position: relative; } /*#recite-wrapper .navbar.is-fixed { top: 98px; }*/ #recite-wrapper #header-nav{ position:sticky; top:60px; } /******************************** TOP BAR ********************************/ .top-bar .container { padding-left: 0; padding-right: 0; } .header-classic .top-bar {padding: 14px 0;} .top-bar .top-contact-info, .top-bar .top-contact-info li{ float:right;} .top-bar .top-contact-info li{ font-family:'proxima_nova_semibold',sans-serif; font-size:13px; padding:20px 25px 22px 0; border-bottom: solid 1px #f1f1f1;} .top-bar .top-contact-info li i{ float:left; margin:0 10px 0 0; font-size: 18px;} .top-bar .top-contact-info li i.icon-call-1{ font-size:20px;} .top-bar .top-contact-info li i.icon-phone5{ font-size:21px;} .top-bar .top-contact-info li i.icon-angle-down{ float: right;margin:0 0 0 5px;font-size:17px;} .top-bar .top-contact-info li a{ color:#282828; padding-bottom: 0!important; transition: opacity 0.2s ease-in-out;} .top-bar .social { float:right} .top-bar .top-contact-info li.call-me { background-color:#e9004c; font-size: 13px; padding:20px 20px 20px 15px!important; border-bottom: 1px solid rgba(255, 255, 255, 0.34);} .top-bar .top-contact-info li.call-me a:hover {color:#fff;} .top-bar .top-contact-info li.call-me .tel-tooltip { position: relative; color: #fff; font-weight: bold; cursor: pointer; } .top-bar .top-contact-info li.call-me .tel-tooltip:hover::before { content: ""; border: solid transparent; border-bottom-color: #00c1de; border-width: 10px; position: absolute; top: 10px;left:28px;} .top-bar .top-contact-info li.call-me .tel-tooltip:hover::after { content: attr(data-tooltip); position: absolute; min-width: 15em; font-weight:600; line-height: 1.3em; margin: 0; background: #00c1de; color: #fff; padding: 15px; border-radius: 5px; right: -35px; top: 30px; z-index: 9999; font-size: 13px;} .top-bar .top-contact-info li.hdr-apply { background-color:#99cc33; font-size: 13px; padding:20px 20px 24px 15px!important; border-right: 1px solid rgba(255, 255, 255, 0.34);} .top-bar .top-contact-info li.hdr-apply:hover { background-color:#5f8629;color: #fff;} .top-bar .top-contact-info li.hdr-apply a {color: #fff;} .top-bar .top-contact-info li.hdr-apply a:hover {color:#fff;} .smallHeader.top-bar-header .navbar-default.nav-boxed .navbar-nav > li { padding: 0 0 9px;} .smallHeader.top-bar-header .navbar-default.nav-boxed .search input[type="text"] { padding-bottom:9px;} .container > .navbar-header {background-color: #fff;} /******************************** TOP BAR DEFAULT ********************************/ .top-bar .top-contact-info li, .top-bar.bg-default .top-contact-info li a{ color:#fff} .top-bar .top-contact-info li a:hover{ border-bottom:2px solid #00c1de; /*color:#00c1de;*/} /******************************** NAVIGATION SEARCH ********************************/ .top-bar .top-contact-info li.search-btn{ border-bottom: none; border-left:1px solid #7a7a7a; padding:2px 30px 0 19px; margin-top:18px; height:20px; font-size: 24px;} .top-bar .top-contact-info li.search-btn i{ cursor:pointer; color:#282828; line-height: 23px;} .top-bar .top-contact-info li.search-btn i:hover{ color:#00c1de;} .smallHeader .search-btn i{ color:#fff; } .smallHeader .search-btn i:hover{ color:#f78c02;} .search {background: #fff;height: 100%;left: 0;position: absolute;top: 13px;width: 100%; display:none;} .search input[type="text"]{ border: 0 none;font-size: 30px;height: 100%; margin: 0 5%;padding: 25px 0 11px;width: 90%;} .search a{ font-size: 30px; position: absolute; right: 5%;top: 28px; text-decoration:none; color:#222} .smallHeader .search a{top: 28px;} .nav-full .search-btn { border-left: 1px solid rgba(255, 255, 255, 0.34);} .nav-full .search-btn i{ font-size:25px;} .nav-full .search input[type="text"] { padding: 18px 0 11px;} #search { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index:9999; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; } #search.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; } #search .container {background:none;padding-left: 15px; padding-right:15px;margin-top:200px;box-shadow:none;} #search input[type="search"] { width: 100%; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); font-size: 25px; text-align: left; padding: 10px 30px 10px 30px; border: 1px solid rgba(255, 255, 255, 0.34);margin-bottom:20px;} #search .btn { border-radius:0px; height:50px; margin:0; } #search .close { position: absolute; top: 20px; right: 25px; width:50px; height:50px; color: #fff; opacity: 0.9; font-size: 65px; } #search .radio-inline {color:#fff;margin-bottom:20px;} #search .terms { font-size: 18px; float: left; display: inline; margin: 20px 0 0 0; color:#fff; } #search .terms li { display: inline-block; color: #ffffff; padding: 15px 17px; text-transform: uppercase; line-height: 4px; } .btn.btn-fssubmit { font-family: 'proxima_nova_semibold', sans-serif; font-size:20px; background-color:#000; border: 1px solid rgba(255, 255, 255, 0.34); color:#fff; padding:10px 20px; } .btn-fssubmit:hover, .btn-fssubmit:focus, .btn-fssubmit:active, .btn-fssubmit.active { background-color:#e9004c; color:#fff; } /******************************** LOGO BG ********************************/ .logo-bg { position: absolute; top: -95px; width: 300px; height: 170px; z-index: 97; transition: 0.7s top; } .logo-bg a {background-image: url("../images/logo.png");} .smallHeader .logo-bg a { /*background-image: url("../images/logo-rev.png"); background-color: #00c1de;*/ } .logo-bg a { display: block; width: 300px; height: 170px; /*background-color: white;*/ background-repeat: no-repeat; background-position: center 65%; background-size: 255px; white-space: nowrap; overflow: hidden;} @media only screen and (min-width: 1024px){ .mobile-logo { display:none;}} /******************************** HOW TO APPLY BG ********************************/ .navbar-default.transparent .container { background-color: #fff;padding-left:0; padding-right:0; } .navbar-default.transparent .navbar-nav > li.apply a { background-color: #99cc33; margin:0;color:#000000; border-bottom: 5px solid #99cc33;} .navbar-default.transparent ul.navbar-nav > li.apply:hover > a { color: #fff; background: #5f8629; border-bottom: solid 5px #5f8629; } .courses .apply-banner {padding:30px 20px 10px 20px; border-radius:5px; background-color:#e4a42c;color:#fff;} .courses .apply-banner p.line-1 {font-family: 'proxima_nova_bold', sans-serif; font-size: 28px;margin-bottom:10px;} .courses .apply-banner p.line-2 {font-size: 23px; } .courses .apply-banner i {color:#fff;margin-bottom:20px;} .courses .apply-banner a {color:#fff;} .courses .apply-banner a:hover {text-decoration:underline;} /******************************** SLIDER OVERLAY ********************************/ .main-banner .main-overlay:before { content: ''; position: absolute; top: 0; bottom: 290px; right: 1050px; width: 150%; z-index:98; background: rgba(95, 189, 183, 0.8); -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg); -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; transition: right 0.5s; } .main-banner .main-overlay:before, .main-banner .main-overlay:after { background: rgba(149, 214, 0, 0.35) } /************************************ MAIN IMAGE BANNER *************************************/ .main-banner { background:#000; position:relative; padding:0; overflow:hidden; opacity: 1.4; width:100%;} .about-banner, .courses-banner, .apprenticeships-banner, .business-solutions-banner, .contact-banner, .site-banner { position:relative; padding:0; overflow:hidden; } .blackboard-bg{ background:url("../images/main-banner/creative/bg.jpg") repeat center top;} .banner-bottom{ padding:25px 0 20px; background:#171717; margin-top: -2px; color:#fff;} .banner-bottom h3{ color:#fff; font-size:28px;} .banner-bottom p{ color:#8b8b8b; margin:0; font-size:18px;} .main-banner.simple{ background:#fff; border-bottom:1px solid #c3c3c3} .main-banner.simple .text-left{ text-align:left} .carousel-indicators.tab-banner-nav{ bottom: 0;left: 0;margin: 0; position: relative; width: 100%; display:table;} .carousel-indicators.tab-banner-nav li { display:table-cell; width:1%; height:auto; border-radius:0; border:0;text-indent:0; text-align:left; position:relative;} .carousel-indicators.tab-banner-nav li p { font-size:15px; color:#595959; margin:0; padding:25px 20px 25px 20px;} .carousel-indicators.tab-banner-nav li p span{ display:block; font-size:28px; color:#595959; font-family: 'proxima_nova', sans-serif; font-weight:500;} .carousel-indicators.tab-banner-nav li.active, .carousel-indicators.tab-banner-nav li:hover{ background:#222222;} .carousel-indicators.tab-banner-nav li.active p, .carousel-indicators.tab-banner-nav li.active p span, .carousel-indicators.tab-banner-nav li:hover p, .carousel-indicators.tab-banner-nav li:hover p span{ color:#fff;} .carousel-indicators.tab-banner-nav li.active:after, .carousel-indicators.tab-banner-nav li:hover:after{bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #222; border-width: 16px; margin-left: -20px;} .main-banner.simple .carousel-caption{ left:0;right:0; bottom:20%;} .main-banner.simple .carousel-caption h1{ color:#fff; text-shadow:none; font-size:75px;} .main-banner.simple .carousel-caption p{ font-size:28px; text-shadow:none; padding-bottom:20px;} .main-banner.simple img { max-width:none; width:100%;} .video-full-width{ position:absolute; left:0; top:0; width:100%; height:100%;} .video-full-width video { position:relative; left:0; top:0; width:100%;} .tp-simpleresponsive .tp-caption.slider3-heading1{ font-size:78px;font-family: 'proxima_nova', sans-serif;} .tp-simpleresponsive .tp-caption.slider3-heading2{ font-size:110px;font-family: 'proxima_nova', sans-serif;} .rev-banner3 .font-alternate{ font-size:28px; color:#fff;} .rev-banner3 .tparrows{ background-color:#fff !important;} .rev-banner3 .tparrows.tp-leftarrow {background: url("../images/left-arrow-dark.png") no-repeat center center;} .rev-banner3 .tparrows.tp-rightarrow {background: url("../images/right-arrow-dark.png") no-repeat center center;} /************************************ SEARCH WIDGET *************************************/ .search-widget{ background:#bcbcbc; padding:20px; position:relative;} .search-widget input[type="text"]{ height:54px; background:#fff; border:1px solid #aeaeae; padding:0 4%; width:100%; font-size:16px; font-style:italic;} .search-icon{ background:url("../images/search-icon.png") no-repeat center center #fff; width:50px; height:52px; border:0; } .search-widget .search-icon{ position:absolute; right:20px; top:21px;} .quote{ font-size:24px !important; color:#333333; background:url("../images/quotes-text.png") no-repeat 0 20px; padding:20px 20px 20px 60px;} /************************************ HOMEPAGE: COURSE SEARCH *************************************/ #course-search { width: 100%; bottom: 0; left: 0; padding: 30px 0 15px 0; background: #0b0708; opacity:1;z-index:100; } .fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } input.form-control-course { display: block; width: 100%; height: 55px; padding: 6px 12px; margin-bottom: 15px; font-size: 25px; color: #282828; background-color: #fff; opacity:1; } .btn.btn-csearch { font-family: 'proxima_nova_semibold', sans-serif; font-size:20px; background-color:#e9004c; border: 1px solid #fff; color:#fff; padding:13px 33px; } .btn-csearch:hover, .btn-csearch:focus, .btn-csearch:active, .btn-csearch.active { background:transparent; color:#fff; } #course-search a.view-all {font-family: 'proxima_nova_semibold', sans-serif; font-size: 20px; background-color: #00c1de; border: 1px solid #fff; border-radius: 4px; color: #000;padding: 13px 33px; display: inline-block;} #course-search .view-all a:hover {text-decoration: underline;} /************************************ HOMEPAGE: COURSE TYPE PANELS *************************************/ .course-types {width: 100%; background-image: url(../images/bg-course-type.jpg); background-position: center top; background-size: cover;position: relative;margin-bottom:65px;min-height:515px;} .course-type-blue { background-color:#008293; height:250px;top:290px; border-right:5px solid #fff; transition: linear 0.5s;} .course-type-blue:hover {background-color: #006370;} .course-type-blue .heading { position:absolute; left:15px; bottom:10px;z-index: 96;} .course-type-blue h2 { font-family: 'proxima_nova_semibold', sans-serif; color:#fff; font-size:28px;} .course-type-orange { background-color:#D34600; height:250px;top:290px; border-right:5px solid #fff; transition: linear 0.5s;} .course-type-orange:hover {background-color: #B83D00;} .course-type-orange .heading { position:absolute; left:15px; bottom:10px;z-index: 96;} .course-type-orange h2 { font-family: 'proxima_nova_semibold', sans-serif; color:#fff; font-size:28px; } .course-type-green { background-color:#00354e; height:250px;top:290px;border-right:5px solid #fff; transition: linear 0.5s;} .course-type-green:hover {background-color: #000f26;} .course-type-green .heading { position:absolute;left:15px; bottom:10px;z-index: 96;} .course-type-green h2 { font-family: 'proxima_nova_semibold', sans-serif; color:#fff; font-size:28px; } .course-type-red {background-color:#677899; height:250px;top:290px; transition: linear 0.5s;} .course-type-red:hover {background-color: #3b4c6b;} .course-type-red .heading { position:absolute;left:15px; bottom:10px;z-index: 96;} .course-type-red h2 { font-family: 'proxima_nova_semibold', sans-serif; color:#fff; font-size:28px; } .course-type-blue a, .course-type-blue a:hover, .course-type-blue h2 a, .course-type-orange a, .course-type-orange a:hover, .course-type-orange h2 a, .course-type-green a, .course-type-green a:hover, .course-type-green h2 a, .course-type-red a, .course-type-red a:hover, .course-type-red h2 a {color:#fff;} .cf-course-type-blue { background-color:#00c1de; height:200px;border-right:5px solid #fff;} .cf-course-type-blue .heading { position:absolute; left:15px; bottom:10px;z-index: 96;} .cf-course-type-blue .heading h2 { color:#fff; font-weight:800; font-size:20px!important;} .cf-course-type-orange { background-color:#f7b334; height:200px;border-right:5px solid #fff;} .cf-course-type-orange .heading { position:absolute; left:15px; bottom:10px;z-index: 96;} .cf-course-type-orange .heading h2 { color:#fff; font-weight:800; font-size:20px; } .cf-course-type-green { background-color:#99cc33; height:200px;border-right:5px solid #fff;} .cf-course-type-green .heading { position:absolute;left:15px; bottom:10px;z-index: 96;} .cf-course-type-green .heading h2 { color:#fff; font-weight:800; font-size:20px; } .cf-course-type-red {background-color:#e9004c; height:200px;} .cf-course-type-red .heading { position:absolute;left:15px; bottom:10px;z-index: 96;} .cf-course-type-red .heading h2 { color:#fff; font-weight:800; font-size:20px; } /* Triangle Hover Effect */ figure { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; } /*.course-type-blue figure, .cf-course-type-blue figure, .course-type-orange figure, .cf-course-type-orange figure, .course-type-green figure, .cf-course-type-green figure, .course-type-red figure, .cf-course-type-red figure { position: relative; } .course-type-blue figure::before, .cf-course-type-blue figure::before { position: absolute; top: 0; left: -50%; z-index: 95; display: block; content: ''; width: 100%; height: 100%; background: rgba(23, 148, 168, 1); -webkit-transform: skewX(-340deg); transform: skewX(-340deg);} .course-type-orange figure::before, .cf-course-type-orange figure::before { position: absolute; top: 0; left: -50%; z-index: 95; display: block; content: ''; width: 100%; height: 100%; background: rgba(194, 138, 50, 1); -webkit-transform: skewX(-390deg); transform: skewX(-390deg);} .course-type-green figure::before, .cf-course-type-green figure::before { position: absolute; top: 0; left: -50%; z-index: 95; display: block; content: ''; width: 100%; height: 100%; background: rgba(105, 147, 48, 1); -webkit-transform: skewX(-340deg); transform: skewX(-340deg);} .course-type-red figure::before, .cf-course-type-red figure::before { position: absolute; top: 0; left: -50%; z-index: 95; display: block; content: ''; width: 100%; height: 100%; background: rgba(140, 22, 58, 1); -webkit-transform: skewX(-390deg); transform: skewX(-390deg);} .course-type-blue figure:hover::before, .cf-course-type-blue figure:hover::before, .course-type-orange figure:hover::before, .cf-course-type-orange figure:hover::before, .course-type-green figure:hover::before, .cf-course-type-green figure:hover::before, .course-type-red figure:hover::before, .cf-course-type-red figure:hover::before {-webkit-animation: shine .75s; animation: shine .75s;} @-webkit-keyframes shine { 100% { left: 155%; } } @keyframes shine { 100% { left: 155%; } }*/ /************************************ HOMEPAGE: OPEN DAYS AND EVENTS *************************************/ .open-days { background-color:#333; color:#fff; margin-bottom: 40px; } .open-days-outer :hover {background-color:#e9004c;} .open-days h2 { font-family:'proxima_nova_semibold',sans-serif; font-size: 35px; text-transform: uppercase; color: #fff;margin:10px 0 0 0;text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);} .btn.btn-view-calendar { font-family: 'proxima_nova_semibold', sans-serif; font-size:18px; background-color:#394d5a; border: 1px solid #fff; color:#fff; padding:13px 33px; } .btn-view-calendar:hover, .btn-view-calendar:focus, .btn-view-calendar:active, .btn-view-calendar.active { background-color:transparent; color:#fff; } .open-days-date {background-color:#394d5a;margin:0 0 20px 0;padding:20px;border-bottom: 1px solid rgba(255, 255, 255, 0.34);} .open-days-date h2 { font-size: 22px; color:#fff; padding:0 0 15px 0; margin:0 0 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.34);text-transform: none;text-shadow: none; } .open-days-date h3 { font-size: 18px; color:#fff; } .open-days a, .open-days a:hover, .open-days h2 a {color:#fff;} /************************************ HOMEPAGE: FEATURED NEWS *************************************/ .featured-news { background:url("../images/bg-news-triangle2.png") no-repeat left bottom #f7b334; } .featured-news h2 { font-family:'proxima_nova_semibold',sans-serif; font-size: 35px; text-transform: uppercase; color: #fff;margin:0 0 30px 0; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);} .featured-news h3 { font-size: 25px; color: #fff; margin:10px 0 15px 0;text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);} .featured-news-outer {background-color: #fff;} .featured-news-outer:hover {opacity:0.6;} .featured-news-thumb { position:relative;} .featured-news-thumb img { border-radius:3px;max-width: none;width: 100%;} .featured-news-content { padding:20px;min-height:190px;} .featured-news-content h3 { font-family:'proxima_nova_semibold',sans-serif; font-size:17px;text-shadow: none;color: #333333;line-height: 25px;} .featured-news-content h3 span { display: block;font-size: 18px; font-weight: 300; padding:5px 0 0;} .featured-news-content p {font-size: 16px;color:#333333;} .featured-news a, .featured-news a:hover, .featured-news h2 a, .featured-news h3 a {color:#333;} /************************************ HOMEPAGE: MISCELLANOUS PANELS *************************************/ .box a, .box a:hover, .box h3 a {color:#085561;} .which-course { background:url("../images/bg-which-course.png") no-repeat left bottom #085561;} .which-course h2 { font-family:'proxima_nova_semibold',sans-serif; font-size:25px; padding:20px; color:#fff; } .which-course:hover {background-color: #000; } .which-course-caption { position:absolute; top:20px;} h3.which-course-caption { font-family:'proxima_nova_semibold',sans-serif; color:#fff; font-size:20px; margin:0; padding:10px 20px 10px 20px;} .why-howc { background:url("../images/bg-why-howc.png") no-repeat left top #7e1032;} .why-howc h2 { font-family:'proxima_nova_semibold',sans-serif; font-size:25px; padding:20px; color:#fff;position: absolute; bottom: -2px; } .why-howc:hover {background-color: #000; } .why-howc-caption { position:absolute; bottom:20px;} h3.why-howc-caption { font-family:'proxima_nova_semibold',sans-serif; color:#fff; font-size:20px; margin:0; padding:10px 20px 10px 20px;} .top-caption { position:absolute; top:20px;} h3.top-caption { font-family:'proxima_nova_semibold',sans-serif; font-size:19px; color:#085561; margin:0; background-color:#fff; padding:10px 20px 10px 20px;} .bottom-caption { position:absolute; bottom:20px;} h3.bottom-caption { font-family:'proxima_nova_semibold',sans-serif; font-size:19px; color:#085561; margin:0; background-color:#fff; padding:10px 20px 10px 20px;} .grad-caption { position:absolute; top:20px;} h2.grad-caption { font-family:'proxima_nova_semibold',sans-serif; color:#fff; font-size:30px; margin:0; background-color:#e9004c; padding:15px 25px 15px 25px;} /************************************ HOMEPAGE: HOW BANNER *************************************/ .btm-banner {width: 100%; height:450px; background-image: url(../images/bg-btm-banner.jpg); background-position: center top; background-size: cover;} .btm-banner .overlay:before { content: ''; position: absolute; top: -80px; bottom: 0; right: 752px; width: 150%; height:450px; background: #00c1de; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg); -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; transition: right 0.5s;} .btm-banner .overlay:before, .btm-banner .overlay:after { background: #00c1de; } .btm-banner h2 { font-family:'proxima_nova_bold',sans-serif; font-size: 33px; color: #fff;margin:0 0 20px 0;} .btn.btn-dark-blue { display:block;font-family: 'proxima_nova_semibold', sans-serif; font-size:18px; background-color:#094d57; border: 1px solid rgba(255, 255, 255, 0.34);text-transform: none;text-align: left; color:#fff; padding:10px 10px;width: 260px; margin-bottom:10px; } .btn-dark-blue:hover, .btn-dark-blue:focus, .btn-dark-blue:active, .btn-dark-blue.active { background-color:transparent; color:#fff; } .button-icon-1 { font-size: 20px; color:#fff; padding-left:52px; float:right;} .button-icon-2 { font-size: 20px; color:#fff; padding-left:110px; float:right;} .button-icon-3 { font-size: 20px; color:#fff; padding-left:110px; float:right;} /******************************** BREADCRUMBS ********************************/ .breadcrumbs { margin: 10px 0 30px 0; font-size:11px; letter-spacing:2px; text-transform:uppercase; } .breadcrumbs a {color:#002D70;} .breadcrumbs a:hover {color:#e9004c; } .slash-divider { margin-right: 7px; margin-left: 7px;} .bread-current {color: #e9004c;} .fa-home { color: #002D70; margin: 0 5px 0 0;} /************************************ MAIN CONTENT *************************************/ #page-bg { background: #f5f5f5; padding: 0; position: relative; } #main-content { background: #fff; margin-top: -141px; margin-bottom:60px; height: 100%; min-height: 900px; box-sizing: border-box; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); } #main-content-xh { background: #fff; margin-top: -210px; margin-bottom:60px; height: 1000px; box-sizing: border-box; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); } #main-content .content-wrapper, #main-content-xh .content-wrapper { padding: 40px 20px 40px 20px; } /************************************ RIGHT SIDEBAR *************************************/ #sidebar-content { background: #085561; height: 100%; min-height:370px; box-sizing: border-box;} #sidebar-content .content-wrapper { padding: 40px 20px 40px 20px ;} #sidebar-content .content-wrapper h3 { color:#fff;} .sidebar-widget {position: relative;z-index:2;} .sidebar-widget .caption-1 { font-family:'proxima_nova_semibold',sans-serif; font-size:20px; margin:0; padding:10px 20px 10px 20px; color:#fff; position:absolute; bottom:23px;} .sidebar-widget .caption-2 { font-family:'proxima_nova_semibold',sans-serif; font-size:20px; margin:0; padding:10px 20px 10px 20px; background-color:#f7b334; color:#fff; position:absolute; bottom:23px;} .sidebar-widget .caption-3 { font-family:'proxima_nova_semibold',sans-serif; font-size:20px; margin:0; padding:10px 20px 10px 20px; background-color:#fff; color:#085561; position:absolute; bottom:23px;} .howcleft-sidebar-nav {float:none;margin-bottom:50px; position: relative; z-index:3;width:100%;} .howcleft-navbar-header {float:none;} .howcleft-navbar-header:after, .howcleft-navbar-header:before {display:table;content:" "; clear:both; } .howc-navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent;} .sidebar-navbar-brand { font-family:'proxima_nova_semibold',sans-serif; padding: 15px 15px; font-size: 20px; line-height: 45px; color:#fff; } .howc-navbar h3 {font-size:30px; font-family:'proxima_nova_semibold',sans-serif;color:#fff;margin-bottom:20px;} /* Main menu */ .navbar-about, .navbar-studentlife, .navbar-courses, .navbar-solutions, .navbar-useful, .navbar-related, .navbar-subject1, .navbar-subject2 { font-family:'proxima_nova_semibold',sans-serif; border-color: #e7e7e7; } .navbar-about .howcleft-navbar-nav > li > a.show-arrow, .navbar-studentlife .howcleft-navbar-nav > li > a.show-arrow, .navbar-courses .howcleft-navbar-nav > li > a.show-arrow, .navbar-solutions .howcleft-navbar-nav > li > a.show-arrow, .navbar-useful .howcleft-navbar-nav > li > a.show-arrow, .navbar-related .howcleft-navbar-nav > li > a.show-arrow, .navbar-subject1 .howcleft-navbar-nav > li > a.show-arrow, .navbar-subject2 .howcleft-navbar-nav > li > a.show-arrow {background: url(../images/sidebar-arrow.png) no-repeat 99% 50%; } .navbar-about .howcleft-navbar-nav > li > a { font-size: 16px; color:#fff; border-bottom:1px solid #e7e7e7; border-left:5px solid #33cccc; padding:10px 10px 10px 15px;} .navbar-studentlife .howcleft-navbar-nav > li > a { font-size: 16px; color:#fff; border-bottom:1px solid #e7e7e7; border-left:5px solid #085561; padding:10px 130px 10px 15px; } .navbar-courses .howcleft-navbar-nav > li > a { font-size: 16px; color:#fff; border-bottom:1px solid #e7e7e7; border-left:5px solid #085561; padding:10px 60px 10px 15px; } .navbar-solutions .howcleft-navbar-nav > li > a { font-size: 16px; color:#fff; border-bottom:1px solid #e7e7e7; border-left:5px solid #085561; padding:10px 90px 10px 15px; } .navbar-useful .howcleft-navbar-nav > li > a { font-size: 16px; color:#fff; border-bottom:1px solid #e7e7e7; border-left:5px solid #085561; padding:10px 120px 10px 15px; } .navbar-related .howcleft-navbar-nav > li > a { font-size: 16px; color:#fff; border-bottom:1px solid #e7e7e7; border-left:5px solid #085561; padding:10px 140px 10px 15px; } .navbar-subject1 .howcleft-navbar-nav > li > a { font-size: 15px; color:#fff; border-bottom:1px solid #e7e7e7; border-left:5px solid #085561; padding:10px 0 10px 15px; } .navbar-subject2 .howcleft-navbar-nav > li > a { font-size: 15px; color:#fff; border-bottom:1px solid #e7e7e7; border-left:5px solid #085561; padding:10px 80px 10px 15px; } .navbar-about .howcleft-navbar-nav > li > a:hover, .navbar-studentlife .howcleft-navbar-nav > li > a:hover, .navbar-courses .howcleft-navbar-nav > li > a:hover, .navbar-solutions .howcleft-navbar-nav > li > a:hover, .navbar-useful .howcleft-navbar-nav > li > a:hover, .navbar-related .howcleft-navbar-nav > li > a:hover, .navbar-subject1 .howcleft-navbar-nav > li > a:hover, .navbar-subject2 .howcleft-navbar-nav > li > a:hover, .navbar-about .howcleft-navbar-nav > li > a:focus, .navbar-studentlife .howcleft-navbar-nav > li > a:focus, .navbar-courses .howcleft-navbar-nav > li > a:focus, .navbar-solutions .howcleft-navbar-nav > li > a:focus, .navbar-useful .howcleft-navbar-nav > li > a:focus, .navbar-related .howcleft-navbar-nav > li > a:focus, .navbar-subject1 .howcleft-navbar-nav > li > a:focus, .navbar-subject2 .howcleft-navbar-nav > li > a:focus {border-left:5px solid #7e1032; background-color:#E3194A; color:#ffffff;/*#e9004c;*/} .navbar-about .howcleft-navbar-nav > .active > a, .navbar-studentlife .howcleft-navbar-nav > .active > a, .navbar-courses .howcleft-navbar-nav > .active > a, .navbar-solutions .howcleft-navbar-nav > .active > a, .navbar-useful .howcleft-navbar-nav > .active > a, .navbar-related .howcleft-navbar-nav > .active > a, .navbar-subject1 .howcleft-navbar-nav > .active > a, .navbar-subject2 .howcleft-navbar-nav > .active > a {border-left:5px solid #7e1032; background-color:#e9004c;} .navbar-about .howcleft-navbar-nav > .active > a:hover, .navbar-studentlife .howcleft-navbar-nav > .active > a:hover, .navbar-courses .howcleft-navbar-nav > .active > a:hover, .navbar-solutions .howcleft-navbar-nav > .active > a:hover, .navbar-useful .howcleft-navbar-nav > .active > a:hover, .navbar-related .howcleft-navbar-nav > .active > a:hover, .navbar-subject1 .howcleft-navbar-nav > .active > a:hover, .navbar-subject2 .howcleft-navbar-nav > .active > a:hover {background-color:#e9004c;} .navbar-about .howcleft-navbar-nav > .active a.show-arrow, .navbar-studentlife .howcleft-navbar-nav > .active a.show-arrow, .navbar-courses .howcleft-navbar-nav > .active a.show-arrow, .navbar-solutions .howcleft-navbar-nav > .active a.show-arrow, .navbar-useful .howcleft-navbar-nav > .active a.show-arrow, .navbar-related .howcleft-navbar-nav > .active a.show-arrow, .navbar-subject1 .howcleft-navbar-nav > .active a.show-arrow, .navbar-subject2 .howcleft-navbar-nav > .active a.show-arrow {background-color: #e9004c; } .navbar-about .howcleft-navbar-nav .button-icon, .navbar-studentlife .howcleft-navbar-nav .button-icon, .navbar-courses .howcleft-navbar-nav .button-icon, .navbar-solutions .howcleft-navbar-nav .button-icon, .navbar-useful .howcleft-navbar-nav .button-icon, .navbar-related .howcleft-navbar-nav .button-icon, .navbar-subject1 .howcleft-navbar-nav .button-icon, .navbar-subject2 .howcleft-navbar-nav .button-icon {color:#fff; position: absolute; font-size: 125%; right:5%; top:25%;} .navbar-about .navbar-toggle, .navbar-studentlife .navbar-toggle, .navbar-courses .navbar-toggle, .navbar-solutions .navbar-toggle, .navbar-useful .navbar-toggle, .navbar-related .navbar-toggle, .navbar-subject1 .navbar-toggle, .navbar-subject2 .navbar-toggle {border-color: #fff;} .navbar-about .navbar-toggle:hover, .navbar-studentlife .navbar-toggle:hover, .navbar-courses .navbar-toggle:hover, .navbar-solutions .navbar-toggle:hover, .navbar-useful .navbar-toggle:hover, .navbar-related .navbar-toggle:hover, .navbar-subject1 .navbar-toggle:hover, .navbar-subject2 .navbar-toggle:hover, .navbar-about .navbar-toggle:focus, .navbar-studentlife .navbar-toggle:focus, .navbar-courses .navbar-toggle:focus, .navbar-solutions .navbar-toggle:focus, .navbar-useful .navbar-toggle:focus, .navbar-related .navbar-toggle:focus, .navbar-subject1 .navbar-toggle:focus, .navbar-subject2 .navbar-toggle:focus {background-color: #e9004c;} .navbar-about .navbar-toggle .icon-bar, .navbar-studentlife .navbar-toggle .icon-bar, .navbar-courses .navbar-toggle .icon-bar, .navbar-solutions .navbar-toggle .icon-bar, .navbar-useful .navbar-toggle .icon-bar, .navbar-related .navbar-toggle .icon-bar, .navbar-subject1 .navbar-toggle .icon-bar, .navbar-subject2 .navbar-toggle .icon-bar {background-color: #fff;} .howcleft-sidebar-nav .navbar .navbar-collapse { padding: 0; max-height: none; } .howcleft-sidebar-nav .navbar ul { float: none; } .howcleft-sidebar-nav .navbar ul:not { display: block; } .howcleft-sidebar-nav .navbar li { float: none; display: block; } .howcleft-sidebar-nav .navbar li a { padding-top: 12px; padding-bottom: 12px; } /* Submenu */ .navbar-about .howcleft-navbar-nav.level-2 > li > a, .navbar-studentlife .howcleft-navbar-nav.level-2 > li > a, .navbar-courses .howcleft-navbar-nav.level-2 > li > a, .navbar-subject2 .howcleft-navbar-nav.level-2 > li > a { font-weight: normal; padding-left: 45px; padding-top: 8px; padding-bottom: 8px; } .navbar-about .howcleft-navbar-nav.level-2 > li:not(:last-child) > a, .navbar-studentlife .howcleft-navbar-nav.level-2 > li:not(:last-child) > a, .navbar-courses .howcleft-navbar-nav.level-2 > li:not(:last-child) > a, .navbar-subject2 .howcleft-navbar-nav.level-2 > li:not(:last-child) > a, .navbar-about .howcleft-navbar-nav > li.has-children > a, .navbar-studentlife .howcleft-navbar-nav > li.has-children > a, .navbar-courses .howcleft-navbar-nav > li.has-children > a, .navbar-subject2 .howcleft-navbar-nav > li.has-children > a { border-bottom:none; } .navbar-about .howcleft-navbar-nav li:hover .submenu, .navbar-about .howcleft-navbar-nav li:focus-within .submenu, .navbar-studentlife .howcleft-navbar-nav li:hover .submenu, .navbar-courses .howcleft-navbar-nav li:hover .submenu, .navbar-subject2 .howcleft-navbar-nav li:hover .submenu { display: block; max-height: 400px; } .navbar-about .howcleft-navbar-nav .submenu li a, .navbar-studentlife .howcleft-navbar-nav .submenu li a, .navbar-courses .howcleft-navbar-nav .submenu li a { display:block; font-size: 16px; color:#fff; background-color:#085561; border-bottom:1px solid #e7e7e7; border-left:2px solid #085561;padding:10px 40px 10px 15px; } .navbar-subject2 .howcleft-navbar-nav .submenu li a { display:block; font-size: 15px; color:#fff; background-color:#085561; border-bottom:1px solid #e7e7e7; border-left:2px solid #085561;padding:10px 40px 10px 15px; } .navbar-about .howcleft-navbar-nav .submenu a:hover, .navbar-studentlife .howcleft-navbar-nav .submenu a:hover, .navbar-courses .howcleft-navbar-nav .submenu a:hover, .navbar-subject2 .howcleft-navbar-nav .submenu a:hover, .navbar-about .howcleft-navbar-nav .submenu a:focus, .navbar-studentlife .howcleft-navbar-nav .submenu a:focus, .navbar-courses .howcleft-navbar-nav .submenu a:focus, .navbar-subject2 .howcleft-navbar-nav .submenu a:focus { border-left:2px solid #7e1032; background-color:#e9004c; } .navbar-about .howcleft-navbar-nav .submenu > .active > a, .navbar-studentlife .howcleft-navbar-nav .submenu > .active > a, .navbar-courses .howcleft-navbar-nav .submenu > .active > a, .navbar-subject2 .howcleft-navbar-nav .submenu > .active > a { border-left:5px solid #7e1032; background-color:#e9004c; } .navbar-about .howcleft-navbar-nav .submenu > .active > a:hover, .navbar-studentlife .howcleft-navbar-nav .submenu > .active > a:hover, .navbar-courses .howcleft-navbar-nav .submenu > .active > a:hover, .navbar-subject2 .howcleft-navbar-nav .submenu > .active > a:hover { background-color:#e9004c; } .navbar-about .howcleft-navbar-nav .submenu, .navbar-studentlife .howcleft-navbar-nav .submenu, .navbar-courses .howcleft-navbar-nav .submenu, .navbar-subject2 .howcleft-navbar-nav .submenu { overflow: hidden; max-height: 0; -webkit-transition: all 0.5s ease-out; } .navbar-about .howcleft-navbar-nav .submenu.our-campuses, .navbar-about .howcleft-navbar-nav .submenu.facilities, .navbar-about .howcleft-navbar-nav .submenu.governance, .navbar-about .howcleft-navbar-nav .submenu.legal, .navbar-studentlife .howcleft-navbar-nav .submenu.finance, .navbar-studentlife .howcleft-navbar-nav .submenu.support, .navbar-studentlife .howcleft-navbar-nav .submenu.experience, .navbar-courses .howcleft-navbar-nav .submenu.apprenticeships, .navbar-subject2 .howcleft-navbar-nav .submenu.stories { max-height:400px; } /* Media queries */ @media only screen and (max-width:320px) { .navbar-nav { margin:0px; } } @media only screen and (max-width:375px) { .navbar-subject2 .howcleft-navbar-nav > li > a { font-size: 15px; color:#fff; border-bottom:1px solid #e7e7e7; border-left:5px solid #085561; padding:10px 10px 10px 15px; }} @media only screen and (max-width:400px) { .navbar-studentlife .howcleft-navbar-nav > li > a { padding:10px 80px 10px 15px; } .navbar-courses .howcleft-navbar-nav > li > a { padding:10px 0px 10px 15px; } .navbar-solutions .howcleft-navbar-nav > li > a { padding:10px 30px 10px 15px; } .navbar-useful .howcleft-navbar-nav > li > a { padding:10px 60px 10px 15px; } .navbar-related .howcleft-navbar-nav > li > a { padding:10px 60px 10px 15px; } } @media only screen and (max-width:480px) { .navbar-nav { margin:0px; } .navbar-about .howcleft-navbar-nav > li > a { padding:10px 80px 10px 15px; } } @media only screen and (min-width:480px) and (max-width:1200px) { .navbar-collapse { overflow-x:hidden; } .navbar-collapse { overflow-y:hidden; } .navbar-nav { margin:0px; } } @media only screen and (min-width:1200px) { .howc-navbar { border: none; } } @media only screen and (max-width:1200px) { #sidebar-content { min-height:110px; } #sidebar-content .content-wrapper {padding:10px 20px 0 20px;} #sidebar-content .content-wrapper h3 { display:none; } .navbar-about .navbar-toggle, .navbar-studentlife .navbar-toggle, .navbar-courses .navbar-toggle, .navbar-solutions .navbar-toggle, .navbar-useful .navbar-toggle, .navbar-related .navbar-toggle, .navbar-subject1 .navbar-toggle, .navbar-subject2 .navbar-toggle {margin-top: 8px;} .sidebar-navbar-brand {padding-top:5px;padding-bottom:5px;} } /* Headings */ .about h1, .courses h1, .student-life h1, .solutions h1, .contact-us h1, .faqs h1, .media-gallery h1, .search-results h1, .latest-news h1, .our-partners h1 { font-family: 'proxima_nova_bold', sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 38px; margin-bottom:15px; } .about h2, .courses h2, .student-life h2, .solutions h2, .contact-us h2, .faqs h2, .media-gallery h2, .search-results h2, .latest-news h2, .our-partners h2 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 34px; margin-bottom:20px; } .about h3, .courses h3, .student-life h3, .solutions h3, .contact-us h3, .faqs h3, .media-gallery h3, .search-results h3, .latest-news h3, .our-partners h3 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 24px; margin-bottom:20px; } .about h4, .courses h4, .student-life h4, .solutions h4, .contact-us h4, .faqs h4, .media-gallery h4, .search-results h4, .latest-news h4, .our-partners h4 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 18px; margin-bottom:20px; } .about h5, .courses h5, .student-life h5, .solutions h5, .contact-us h5, .faqs h5, .search-results h5, .latest-news h5, .our-partners h5 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 14px; margin-bottom:20px; } .about p, .courses p, .student-life p, .solutions p, .contact-us p, .faqs p, .search-results p, .latest-news p, .our-partners p { font-size:16px; margin-bottom: 20px; } .about .line, .courses .line, .student-life .line, .solutions .line, .contact-us .line, .faqs .line, .search-results .line, .latest-news .line, .our-partners .line { border-bottom: 1px solid #eee; padding-bottom: 10px;} .about hr.dotted, .courses hr.dotted, .student-life hr.dotted, .solutions hr.dotted, .contact-us hr.dotted, .faqs hr.dotted, .search-results hr.dotted, .latest-news hr.dotted, .our-partners hr.dotted { margin-top: 10px; margin-bottom: 35px; border: 0; border-top: 1px dashed #dadada; } .courses h1.access-to-higher-education {color:#00afa2; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px;} .courses h1.accounting-and-book-keeping {color:#002d60; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px;} .courses h1.art-and-design {color:#b42179; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.automotive-technical-training {color:#5bba47; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.business-and-management {color:#002d60; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.computing-and-it {color:#112e76; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px;} .courses h1.construction {color:#f7941d; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.english-and-maths {color:#ee3662; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.engineering-and-manufacturing {color:#426b7c; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.esol {color:#ee7930; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.foundation-learning {color:#ee3662; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.games-design-and-digital-media {color:#b42179; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.gcses {color:#ee3662; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.hair-and-beauty {color:#b578b3; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.health-social-care-early-years {color:#c14d9c; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.hospitality-and-catering {color:#5aa93e; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.human-resources {color:#002d60; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px;} .courses h1.law-and-legal-executive {color:#263546; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px;} .courses h1.leadership-and-management {color:#002d60; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.leisure-and-hobbies {color:#8cadc0; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.makeup-for-film-tv-and-stage {color:#b42179; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.marketing {color:#002d60; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.media-production {color:#b42179; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.music-and-performing-arts {color:#b42179; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.nvqs {color:#002d60; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.professional-development {color:#002d60; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.public-services {color:#006d84; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.science {color:#e76120; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.social-work {color:#714064; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.sports-and-fitness {color:#00b25b; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.teacher-training {color:#002d60; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.travel-and-tourism {color:#00aadd; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } .courses h1.the-skills-shop {color:#00c1de; font-size:35px; background-color: #fff; margin-bottom: 0; padding:20px; } /* Bullet Lists */ .general-list { padding-left: 0; margin-left: 17px; margin-bottom:20px; list-style-type:square; } .modules-list { padding-left: 0; margin-left: 50px; margin-bottom:20px; list-style-type:square; } .general-list li, .number-list li, .modules-list li { position: relative; font-size: 16px; line-height: 30px; } .number-list { padding-left: 0; margin-left: 17px; margin-bottom:20px; } /* Share */ .bg-share { position:absolute; top:-140px; background-color: rgba(0, 0, 0, 0.7);width:100%; height:140px; padding:20px;} .bg-share h3 {font-size:27px!important; color:#fff!important;} .bg-share .social li { margin:0; } .bg-share .social li a i{ width:40px; height:40px; font-size:25px; line-height: 38px; box-shadow:1px 4px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:1px 4px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow:1px 4px 3px rgba(0, 0, 0, 0.1); color:#cecece; border: 1px solid rgba(255, 255, 255, 0.34);} .bg-share .social li a:hover i{ opacity:1; color: #fff;} .bg-share .social li a.facebook:hover i, .social li a.facebook:hover i{ background:#456098; border-color:#456098} .bg-share .social li a.twitter:hover i, .social li a.twitter:hover i{ background:#07a2dc; border-color:#07a2dc} .bg-share .social li a.linkedin:hover i, .social li a.linkedin:hover i{ background:#05759b; border-color:#05759b} /* Captions */ .bottom-caption-1, #sidebar-content .bottom-caption-1 { position:absolute; top:135px;} .bottom-caption-2, #sidebar-content .bottom-caption-2 { position:absolute; bottom:20px;} h4.bottom-caption-1, h4.bottom-caption-2 { font-family:'proxima_nova_semibold',sans-serif; font-size:21px; margin:0; background-color: #fff; padding:10px 20px 10px 20px;} h4.bottom-caption-3 {font-family:'proxima_nova_semibold',sans-serif; position:absolute; bottom:112px; font-size:21px; margin:0; background-color: #fff; padding:10px 20px 10px 20px;} #main-content .contact-caption {position:absolute; top:0; width:350px; height:100%; margin:0; padding:40px 20px 10px 20px;color:#fff;} #main-content .contact-caption h3 { font-weight:bold; font-size:23px;color:#fff; } #main-content .contact-caption p { font-size:18px;color:#fff; } h4.link-caption-1 {font-size:19px; margin:0; padding:10px 20px 10px 20px;} h3.link-caption-1 {font-size:19px; margin:0; padding:10px 20px 10px 20px;} .link-caption-1 {position: absolute; left:140px; bottom:25px;} h4.link-caption-2 {font-size:22px; margin:0; padding:10px 20px 10px 20px;} h3.link-caption-3 {font-size:22px; margin:0; padding:10px 20px 10px 20px;} .link-caption-2 {position: absolute; top:25px;} .campus-caption { position:absolute; bottom:20px;} .campus-caption.bromsgrove { font-family:'proxima_nova_semibold',sans-serif; font-size:15px; color:#fff; margin:0; background-color:#00c1de; padding:10px; } .campus-caption.malvern { font-family:'proxima_nova_semibold',sans-serif; font-size:19px; color:#fff; margin:0; background-color:#00c1de; padding:10px 20px 10px 20px; } .campus-caption.redditch { font-family:'proxima_nova_semibold',sans-serif; font-size:15px; color:#fff; margin:0; background-color:#00c1de; padding:10px; } .campus-caption.worcester { font-family:'proxima_nova_semibold',sans-serif; font-size:15px; color:#fff; margin:0; background-color:#00c1de; padding:10px; } .campus-caption.northbrook { font-family:'proxima_nova_semibold',sans-serif; font-size:19px; color:#fff; margin:0; background-color:#00c1de; padding:10px 20px 10px 20px; } .campus-caption.top { bottom:auto; top:20px; } /* Quote */ .about .quote { font-family: 'proxima_nova_semibold', sans-serif; position:relative; padding:47px 25px 47px 150px; border-radius:5px; background: url("../images/quotes.png") no-repeat 70px 40px; background-color: #333; margin-bottom:20px} .student-life .quote {font-family: 'proxima_nova_semibold', sans-serif; position:relative; padding:47px 25px 47px 150px; border-radius:5px; background: url("../images/quotes.png") no-repeat 70px 40px; background-color: #f7b334; margin-bottom:20px} .about .quote p, .student-life .quote p { font-size:23px; line-height:30px; color:#fff; margin:0;} .about .our-campuses .quote { padding:40px 25px 40px 150px; background: url(../images/quotes.png) no-repeat 70px 30px #f7b334;} .about .contact-info { font-family: 'proxima_nova_semibold', sans-serif; position:relative; padding:20px 0 20px 30px; border-radius:5px; background-color:#00c1de;} .about .contact-info li {color:#fff;} .student-life .sports.quote { padding:63px 25px 63px 150px; } .student-life .sports.quote p {line-height: 6px;} /************************************ ABOUT SECTION *************************************/ .about .client-detail { margin-left:25px;} .about .client-detail span {position: relative;top: 6px;} .about .client-detail strong { display:block; font-size:20px; font-weight:600;} .about .content-block {min-height:300px;} .about .content-block .slogan-wrap {padding:15px;position:relative;top:55px;} .about .content-block .slogan-wrap p {color:#fff; font-size:25px;line-height:35px;} /* Our Vision Our Values */ .value-one ul, .value-two ul, .value-three ul, .value-four ul { margin: 0; padding: 0; list-style: none; background-color: #fff; } .value-one ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 35px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 20px; } .value-one h2 { margin-bottom:0; padding:40px 20px 40px 20px; border:4px solid #00c1de; border-bottom:none; text-align:center; color:#00c1de; } .value-one .content-container { border-right:4px solid #00c1de; border-left:4px solid #00c1de; border-bottom:4px solid #00c1de; padding-bottom: 25px;} .value-two ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 35px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 20px; } .value-two h2 { margin-bottom:0; padding:40px 20px 40px 20px; border:4px solid #99cc33; border-bottom:none; text-align:center;color:#99cc33; } .value-two .content-container { border-right:4px solid #99cc33; border-left:4px solid #99cc33; border-bottom:4px solid #99cc33; padding-bottom: 25px;} .value-three ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 35px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 20px; } .value-three h2 { margin-bottom:0; padding:40px 20px 40px 20px; border:4px solid #f7b334; border-bottom:none; text-align:center;color:#f7b334; } .value-three .content-container { border-right:4px solid #f7b334; border-left:4px solid #f7b334; border-bottom:4px solid #f7b334; padding-bottom: 150px;} .value-four ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 35px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 20px; } .value-four h2 { margin-bottom:0; padding:40px 20px 40px 20px; border:4px solid #e9004c; border-bottom:none; text-align:center;color:#e9004c; } .value-four .content-container { border-right:4px solid #e9004c; border-left:4px solid #e9004c; border-bottom:4px solid #e9004c; padding-bottom: 25px;} /* Policies */ .policy-one ul, .policy-two ul, .policy-three ul, .policy-four ul, .policy-five ul { margin: 0; padding: 0; list-style: none; background-color: #fff; } .policy-one ul li, .policy-two ul li, .policy-three ul li, .policy-four ul li, .policy-five ul li { font-size:15px; font-weight:bold; padding: 0; display: block; color: #6b6b6b; line-height: 25px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 20px; } .policy-one h2, .policy-two h2, .policy-three h2, .policy-four h2, .policy-five h2 { font-size:30px; margin-bottom:0; padding:30px 20px 30px 20px; border:4px solid #dddddd; border-bottom:none; text-align:center; color:#085561; } .policy-one .content-container { border-right:4px solid #dddddd; border-left:4px solid #dddddd; border-bottom:4px solid #dddddd; padding-bottom: 163px;} .policy-two .content-container { border-right:4px solid #dddddd; border-left:4px solid #dddddd; border-bottom:4px solid #dddddd; padding-bottom: 25px;} .policy-three .content-container { border-right:4px solid #dddddd; border-left:4px solid #dddddd; border-bottom:4px solid #dddddd; padding-bottom: 25px;} .policy-four .content-container { border-right:4px solid #dddddd; border-left:4px solid #dddddd; border-bottom:4px solid #dddddd; padding-bottom: 222px;} .policy-five .content-container { border-right:4px solid #dddddd; border-left:4px solid #dddddd; border-bottom:4px solid #dddddd; padding-bottom: 25px;} .gdpr-policy ul { margin: 0; padding: 0; list-style: none; background-color: #fff; } .gdpr-policy ul li { font-size:15px; font-weight:bold; padding: 0; display: block; color: #6b6b6b; line-height: 25px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 20px; } .gdpr-policy h2 { font-size:30px; margin-bottom:0; padding:30px 20px 30px 20px; color:#085561; } .gdpr-policy .content-container { border: 4px solid #dddddd; padding-bottom: 20px;} .btn.btn-gdpr { display:block; font-family: 'proxima_nova_semibold', sans-serif; background-color:#094d57; color:#fff; padding:10px; font-size:19px; margin:0 auto; } .btn-gdpr:hover { background:#e9004c;color:#fff;} .btn-gdpr a {color:#fff;} /* Governance */ .tabs-3 .nav-tabs>li>a { border-radius: 0;letter-spacing:1px;padding:14px 20px;margin-top:10px;font-weight:bold;} .tabs-3 .nav-tabs>li.active>a, .tabs-3 .nav-tabs>li.active>a:focus, .tabs-3 .nav-tabs>li.active>a:hover {color:#e9004c; font-weight: bold;} .tab-pane { padding:30px; margin-bottom:30px; } .tab-content-gov > .tab-pane {display: none;} .tab-content-gov > .active {display: block;} .tab-content-gov h3 {font-size:20px;} .tabs-list { padding-left: 0; margin-left: 12px; margin-bottom:15px; list-style-type: none; } .tabs-list li { position: relative; font-size: 16px; line-height: 40px; } .tabs-list > li [class*=" fa-"] { position: absolute; left: -20px; text-align: center; top: 12px; width: 14px; } .tabs-list span.doc-type {font-size:12px;margin-left:5px;} @media only screen and (max-width: 480px) { .xs-tabs-transform.nav-tabs {border-bottom: none;} .xs-tabs-transform.nav-tabs>li{ /* float:none; */ margin-bottom:0;} .xs-tabs-transform.nav-tabs>li.active>a, .xs-tabs-transform.nav-tabs>li.active>a:focus, .xs-tabs-transform.nav-tabs>li.active>a:hover {border-color:transparent;border-bottom-color:#101010;} .xs-tabs-transform.nav-tabs>li>a, .xs-tabs-transform.nav-tabs>li>a:focus, .xs-tabs-transform.nav-tabs>li>a:hover { padding-right:10px; padding-left:10px; /* border-bottom-color:#dedede; */} } /************************************ TABS *************************************/ .tab-pane {background-color:#fff;border:1px solid #d6d6d6;border-top:none;} .tabs.custom-tabs .nav-tabs li.active a{color:#4b4e53;background:#eee;border:none;} .tabs.custom-tabs .nav-tabs a{color:#7e8082;border:none;border-radius:0px;padding: 15px 20px;} .tabs.custom-tabs .nav-tabs {border-bottom: 1px solid #eee;} .tabs.custom-tabs .tab-pane {background-color: #fff;border: 15px solid #eee;border-top: 14px solid #eee;border-left: none;} .tabs.custom-tabs .tab-content-container {padding:15px 15px 5px 0;} .normal-tabs.tabs-left-nav .resp-tabs-list li { float:left;margin-top:20px;} .normal-tabs .resp-tabs-list li a { font-size:20px; padding:10px 30px 8px; color:#222; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; border-top:1px solid #c4c4c4; } .normal-tabs .resp-tabs-list li:first-child a { border-left:0px solid #3b415d;} .normal-tabs .resp-tabs-list li.resp-tab-active a, .normal-tabs .resp-tabs-list li a:hover{ background:#3b415d; color:#fff !important; border-bottom:0; padding-top:11px; padding-bottom:10px} .normal-tabs .resp-tabs-container { border:1px solid #c4c4c4; padding:33px; margin: 7px 0 50px 0;} .normal-tabs.tabs-right-nav .resp-tabs-list li { float:right;} .search-row li { border-bottom: 1px dashed #ccc; font-size: 18px !important; margin-bottom: 20px; } .search-row li label { font-size: 20px; } .search-row .search-headline p a { margin-bottom:0px; line-height:35px; } .search-row .search-text p { border-bottom: 1px dashed #ddd;} /* Meet the Governors */ .team-member {margin-top:60px;} .team-member-thumb { position:relative;} .team-member-content { padding:26px 0 30px 0;} .team-member-content h3 { font-weight:600; font-size:20px; color:#333333;} .team-member-content h3 span { display: block;font-size: 18px; font-weight: 300; padding:5px 0 0;} .team-member.one, .team-member.two, .team-member.three, .team-member.four, .team-member.five, .team-member.six { margin:0} .team-member.one, .team-member.two, .team-member.three, .team-member.four, .team-member.five, .team-member.six, .team-member-thumb img { border-radius:0; border: 0px solid #000; } /* Toggle */ .toggle-view-custom {margin:0;padding:0;list-style:none;} .toggle-view-custom li {cursor:pointer;} .toggle-view-custom li:first-child {margin-top:0px;} .toggle-view-custom .panel {display:none;background:none;border:none;border-radius:0;border-right: 0px solid #efe1ff;margin:0;margin-left:26px;padding: 15px;padding-right: 17px;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .toggle-no-bg.toggle-view-custom .panel {border-left: 5px solid #dfdfdf;border-right: none;display: none;margin-left: 23px;padding: 15px 0 15px 36px;} .toggle-no-bg .ui-accordion-header{background: none;} .toggle-view-custom .panel p {margin-top:0;} .panel p:last-child {margin-bottom:0px;} /* Archers, Fountains and Fusion Accordion */ h3.ui-accordion-header-archers { margin:0; cursor:pointer; font-size:18px; color:#47098c;} h3.ui-accordion-header-fusion { margin:0; cursor:pointer; font-size:18px; color:#f27436;} h3.ui-accordion-header-fountains { margin:0; cursor:pointer; font-size:18px; color:#ae1a43;} h3.ui-accordion-header-archers:first-child, h3.ui-accordion-header-fusion:first-child, h3.ui-accordion-header-fountains:first-child { margin:0; } .ui-accordion-header-archers { font-size:16px!important; line-height:50px!important; margin:0; background-color:#efe1ff; } .ui-accordion-header-fusion { font-size:16px!important; line-height:50px!important; margin:0; background-color:#ffece2; } .ui-accordion-header-fountains { font-size:16px!important; line-height:50px!important; margin:0; background-color:#ffe7ee; } .accordion-no-bg { background: none; } .ui-accordion-content p { margin:0; padding-top:0px; padding-bottom:12px; } .ui-accordion-content p:last-child { padding-bottom:0px; } .ui-accordion-content { margin-left:50px; border-right: 15px solid #efe1ff; display: none; margin-left: 49px; padding: 15px; padding-right: 17px; } .accordion-no-bg .ui-accordion-content-archers, .ui-accordion-content-fusion, .ui-accordion-content-fountains { border-left: 5px solid #dfdfdf; border-right: none; display: none; margin-left: 23px;padding: 15px 0 15px 36px; } .ui-accordion-header-archers a { color:#4b4e53; } .ui-accordion-header-fusion a { color:#f27436; } .ui-accordion-header-fountains a { color:#ae1a43;} .accordion-no-bg .ui-accordion-header-archers a, .ui-accordion-header-fusion a, .ui-accordion-header-fountains a { font-size:16px; line-height:16px; } .ui-accordion-header-archers span:before, .ui-accordion-header-fusion span:before, .ui-accordion-header-fountains span:before { display:block; content:'+'; position:absolute; left:19px; font-size:23px; font-style:normal; color:#fff; } .ui-accordion-header-archers span { position:relative; background-color: #47098c; display: block; float: left; height: 50px; width: 49px; margin-right: 15px; transition: all .3s ease 0s;} .ui-accordion-header-archers:hover span { background-color: #9563cc; color:#fff; transition: all .3s ease 0s; } .ui-accordion-header-archers:hover span:before { color:#fff; } .ui-accordion-header-active-archers span { background-color: #9563cc; } .ui-accordion-header-active-archers span:before { content:'-'; left:20px; color:#fff; } .ui-accordion-header-fusion span { position:relative; background-color: #f27436; display: block; float: left; height: 50px; width: 49px; margin-right: 15px; transition: all .3s ease 0s;} .ui-accordion-header-fusion:hover span { background-color: #eea27d; color:#fff; transition: all .3s ease 0s; } .ui-accordion-header-fusion:hover span:before { color:#fff; } .ui-accordion-header-active-fusion span { background-color: #9563cc; } .ui-accordion-header-active-fusion span:before { content:'-'; left:20px; color:#fff; } .ui-accordion-header-fountains span { position:relative; background-color: #ae1a43; display: block; float: left; height: 50px; width: 49px; margin-right: 15px; transition: all .3s ease 0s;} .ui-accordion-header-fountains:hover span { background-color: #dd6c8c; color:#fff; transition: all .3s ease 0s; } .ui-accordion-header-fountains:hover span:before { color:#fff; } .ui-accordion-header-active-fountains span { background-color: #9563cc; } .ui-accordion-header-active-fountains span:before { content:'-'; left:20px; color:#fff; } /* Fountains & Fusion Salon */ .fountains-specific-services ul { margin-bottom: 30px; padding: 0; list-style: none; background-color: #fff; } .fountains-specific-services ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 30px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 15px; } .fountains-specific-services h2 { margin-bottom:0; padding:30px 20px 30px 20px; border:4px solid #ae1a43; border-bottom:none; text-align:center; color:#ae1a43; } .fountains-specific-services h3 { padding-left:20px;color:#00c1de;margin-bottom:20px; } .fountains-specific-services .content-container { border-right:4px solid #ae1a43; border-left:4px solid #ae1a43; border-bottom:4px solid #ae1a43; padding-bottom: 45px;} .fountains-clients-say{ border:2px solid #ae1a43; background:#fff; padding:45px 45px 55px; position:relative;} .fountains-clients-say h2{ font-size:34px;margin-bottom: 20px;font-family: 'proxima_nova_semibold', sans-serif;color:#ae1a43;} .fountains-clients-say p{ font-size:20px;margin-bottom:10px;} .fountains-clients-say .icon-quote-left{ color: #dfdfdf;font-size: 25px;left: 20px;margin-top: 4px;position: absolute;top: 37%;} .fountains-clients-say .icon-quote-right{ color: #dfdfdf;font-size: 25px;right: 20px;margin-top: -26px;position: absolute;top: 50%;} .fountains-about-client span{ font-size:18px;line-height: 40px;font-weight: bold;} .fountains-about-client p{ font-size:16px; color:#939494;} .fusion-specific-services ul { margin-bottom: 30px; padding: 0; list-style: none; background-color: #fff; } .fusion-specific-services ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 30px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 15px; } .fusion-specific-services h2 { margin-bottom:0; padding:30px 20px 30px 20px; border:4px solid #f27436; border-bottom:none; text-align:center; color:#f27436; } .fusion-specific-services h3 { padding-left:20px;color:#00c1de;margin-bottom:20px; } .fusion-specific-services .content-container { border-right:4px solid #f27436; border-left:4px solid #f27436; border-bottom:4px solid #f27436; padding-bottom: 45px;} .fusion-clients-say{ border:2px solid #f27436; background:#fff; padding:45px 45px 55px; position:relative;} .fusion-clients-say h2{ font-size:34px;margin-bottom: 20px;font-family: 'proxima_nova_semibold', sans-serif;color:#f27436;} .fusion-clients-say p{ font-size:20px;margin-bottom:10px;} .fusion-clients-say .icon-quote-left{ color: #dfdfdf;font-size: 25px;left: 20px;margin-top: 4px;position: absolute;top: 37%;} .fusion-clients-say .icon-quote-right{ color: #dfdfdf;font-size: 25px;right: 20px;margin-top: -26px;position: absolute;top: 50%;} .fusion-about-client span{ font-size:18px;line-height: 40px;font-weight: bold;} .fusion-about-client p{ font-size:16px; color:#939494;} .text-slider .owl-controls .owl-pagination .owl-page.active span, .text-slider .owl-controls .owl-pagination .owl-page span:hover {border-color:#ae1a43;background:#ae1a43;} /* Room Hire */ .about .rh-request {padding:30px 20px 10px 20px; border-radius:5px; background-color:#8dca00;color:#fff;} .about .rh-request p.line-1 {font-family: 'proxima_nova_bold', sans-serif; font-size: 28px;margin-bottom:10px;} .about .rh-request p.line-2 {font-size: 23px; } .about .rh-request i {color:#fff;margin-bottom:20px;} .about .rh-request a {color:#fff;} .about .rh-request a:hover {text-decoration:underline;} /************************************ STUDENT LIFE *************************************/ .student-life .content-block {} .student-life .content-block .slogan-wrap {padding:20px;} .student-life .content-block .slogan-wrap p {color:#fff; font-size:25px;margin-bottom:0;} .student-life .content-block .slogan-wrap a {color:#fff;} .student-life .content-block .slogan-wrap a:hover {text-decoration:underline;} /* Student Union and Experience */ .student-life .contact-info { font-family: 'proxima_nova_semibold', sans-serif; position:relative; padding:20px 20px 20px 30px; border-radius:5px; background-color:#085561;} .student-life .contact-info p { font-family: 'proxima_nova', sans-serif; color:#fff;} .student-life .right-contact-info { font-family: 'proxima_nova_semibold', sans-serif; position:relative; padding:20px; border-radius:5px; background-color:#085561;} .student-life .right-contact-info.pull-right {margin-left:45px; margin-bottom:25px; width:355px; } .student-life .contact-info li, .student-life .right-contact-info li { font-size:18px; line-height:30px; color:#fff;} .student-life .contact-info li a, .student-life .right-contact-info li a { color:#fff; } .student-life .contact-info .fa, .student-life .right-contact-info .fa {margin-right:20px;} .student-life .contact-info .fa-male, .student-life .right-contact-info .fa-male {margin-right:27px;} /* Careers Service */ .team-member {margin-top:60px;} .team-member-thumb { position:relative;} .team-member-thumb img { border-radius:3px;max-width: none;width: 100%;} .team-member-content { padding:26px 0 20px 0;} .team-member-content h3 { font-family: 'proxima_nova_semibold', sans-serif; font-weight:bold; font-size:22px; color:#00c1de;} .team-member-content h3 span { font-family: 'proxima_nova', sans-serif; display: block;font-size: 18px; font-weight:normal;padding:5px 0 0;line-height: 25px;} .team-member.one, .team-member.two, .team-member.three, .team-member.four, .team-member.five, .team-member.six { margin:0} .team-member.one, .team-member.two, .team-member.three, .team-member.four, .team-member.five, .team-member.six, .team-member-thumb img { border-radius:0; border: 0px solid #000; } .student-life .parents {padding:30px 20px 10px 20px; border-radius:5px; background-color:#8dca00;color:#fff;} .student-life .skills4worc {padding:30px 20px 10px 20px; border-radius:5px; background-color:#3f3e40;color:#fff;} .student-life .parents p.line-1, .student-life .skills4worc p.line-1 {font-family: 'proxima_nova_bold', sans-serif; font-size: 26px;margin-bottom:10px;} .student-life .parents p.line-2, .student-life .skills4worc p.line-2 {font-size: 23px; } .student-life .parents i {color:#fff;margin-bottom:20px;} .student-life .parents a, .student-life .skills4worc a {color:#fff;} .student-life .parents a:hover, .student-life .skills4worc a:hover {text-decoration:underline;} /* Learning Centre */ .library-box ul { margin-bottom: 30px; padding: 0; list-style: none; background-color: #fff; } .library-box ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 30px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 15px; } .library-box h2 { font-size:29px; margin-bottom:0; padding:30px 20px 30px 20px; border:4px solid #00c1de; border-bottom:none; text-align:center; color:#00c1de; } .library-box h3 { padding-left:20px;color:#00c1de;margin-bottom:20px; } .library-box .content-container { border-right:4px solid #00c1de; border-left:4px solid #00c1de; border-bottom:4px solid #00c1de; padding-bottom: 45px;} .btn.btn-view-catalogue { display:block; font-family: 'proxima_nova_semibold', sans-serif; background-color:#094d57; color:#fff; padding:10px; font-size:18px; width:70%;margin:0 auto; } .btn-view-catalogue:hover { background:#e9004c;color:#fff;} .btn-view-catalogue a {color:#fff;} .table-bordered > thead > tr > th.howc-blue { font-weight:bold; background-color:#00c1de; color:#fff; font-size:18px; padding:10px; } .table-bordered > thead > tr > th.howc-green { font-weight:bold; background-color:#99cc33; color:#fff; font-size:18px; padding:10px; } .table-bordered > thead > tr > th.howc-red { font-weight:bold; background-color:#e9004c; color:#fff; font-size:18px; padding:10px; } .table-bordered > thead > tr > th.howc-orange { font-weight:bold; background-color:#f7b334; color:#fff; font-size:18px; padding:10px; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 0; } .table-hover > tbody > tr:hover { background-color:#d4d6dd; } .table-bordered > tbody > tr > td { font-size: 16px;} .table-bordered > tbody > tr > td.center {vertical-align:middle; text-align:center; font-size:16px; } .table-bordered > tbody > tr > td a {color:#3b415d; } .table-condensed > tbody > tr > td { padding:10px;} /************************************ COURSES *************************************/ .courses #main-content {min-height:1360px;} /* Headings */ .courses h1 {font-family: 'proxima_nova_bold', sans-serif; font-size: 33px; margin-bottom:15px;} .courses .access-to-higher-education h1 {color:#00afa2;} .courses .accounting-and-book-keeping h1 {color:#002d60;} .courses .apprenticeships h1 {color:#394d5a;} .courses .art-and-design h1 {color:#b42179;} .courses .automotive-technical-training h1 {color:#5bba47;} .courses .business-and-management h1 {color:#002d60;} .courses .computing-and-it h1 {color:#112e76;} .courses .construction h1 {color:#f7941d;} .courses .english-and-maths h1 {color:#ee3662;} .courses .engineering-and-manufacturing h1 {color:#426b7c;} .courses .esol h1 {color:#ee3662;} .courses .foundation-learning h1 {color:#ee3662;} .courses .games-design-and-digital-media h1 {color:#b42179;} .courses .gcses h1 {color:#ee3662;} .courses .hair-and-beauty h1 {color:#b578b3;} .courses .health-social-care-early-years h1 {color:#c14d9c;} .courses .hospitality-and-catering h1 {color:#5aa93e;} .courses .human-resources h1 {color:#002d60;} .courses .law-and-legal-executive h1 {color:#263546;} .courses .leadership-and-management h1 {color:#002d60;} .courses .leisure-and-hobbies h1 {color:#8cadc0;} .courses .makeup-for-film-tv-and-stage h1 {color:#b42179;} .courses .marketing h1 {color:#002d60; } .courses .media-production h1 {color:#b42179; } .courses .music-and-performing-arts h1 {color:#b42179;} .courses .nvqs h1 {color:#002d60;} .courses .professional-development h1 {color:#002d60; } .courses .public-services h1 {color:#006d84;} .courses .science h1 {color:#e76120; } .courses .social-work h1 {color:#714064;} .courses .sports-and-fitness h1 {color:#00b25b;} .courses .teacher-training h1 {color:#002d60;} .courses .travel-and-tourism h1 {color:#00aadd; } .courses .the-skills-shop h1 {color: #00c1de;} /* Subject Areas */ .subject-areas {border-bottom:0;border-radius:3px;} .subject-areas a {border: 1px solid #e7e7e7; color:#333333;display:block;padding:15px;position:relative;width:100%;margin-bottom: 30px;} .subject-areas a:hover {background:#f5f5f5;} .subject-areas a .row {margin:0;} .subject-areas a h4 {margin-bottom:10px;} .subject-areas a.access-to-higher-education h4 {color:#00afa2;} .subject-areas a.access-to-higher-education {border-bottom:5px solid #00afa2;} .subject-areas a.accounting-and-book-keeping h4 {color:#002d60;} .subject-areas a.accounting-and-book-keeping {border-bottom:5px solid #002d60;} .subject-areas a.apprenticeships h4 {color:#394d5a;} .subject-areas a.apprenticeships {border-bottom:5px solid #394d5a;} .subject-areas a.apprenticeships-traineeships h4 {color:#394d5a;} .subject-areas a.apprenticeships-traineeships {border-bottom:5px solid #394d5a;} .subject-areas a.art-and-design h4 {color:#b42179;} .subject-areas a.art-and-design {border-bottom:5px solid #b42179;} .subject-areas a.automotive-technical-training h4 {color:#5bba47;} .subject-areas a.automotive-technical-training {border-bottom:5px solid #5bba47;} .subject-areas a.business-and-management h4 {color:#002d60;} .subject-areas a.business-and-management {border-bottom:5px solid #002d60;} .subject-areas a.computing-and-it h4 {color:#112e76;} .subject-areas a.computing-and-it {border-bottom:5px solid #112e76;} .subject-areas a.construction h4 {color:#f7941d;} .subject-areas a.construction {border-bottom:5px solid #f7941d;} .subject-areas a.english-and-maths h4 {color:#ee3662} .subject-areas a.english-and-maths {border-bottom:5px solid #ee3662;} .subject-areas a.engineering-and-manufacturing h4 {color:#426b7c;} .subject-areas a.engineering-and-manufacturing {border-bottom:5px solid #426b7c;} .subject-areas a.esol h4 {color:#ee3662;} .subject-areas a.esol {border-bottom:5px solid #ee3662; } .subject-areas a.foundation-learning h4 {color:#ee3662;} .subject-areas a.foundation-learning {border-bottom:5px solid #ee3662;} .subject-areas a.games-design-and-digital-media h4 {color:#b42179;} .subject-areas a.games-design-and-digital-media {border-bottom:5px solid #b42179;} .subject-areas a.gcses h4 {color:#ee3662} .subject-areas a.gcses {border-bottom:5px solid #ee3662;} .subject-areas a.hair-and-beauty h4 {color:#b578b3;} .subject-areas a.hair-and-beauty {border-bottom:5px solid #b578b3;} .subject-areas a.health-social-care-early-years h4 {color:#c14d9c;} .subject-areas a.health-social-care-early-years {border-bottom:5px solid #c14d9c;} .subject-areas a.hospitality-and-catering h4 {color:#5aa93e;} .subject-areas a.hospitality-and-catering {border-bottom:5px solid #5aa93e;} .subject-areas a.human-resources h4 {color:#002d60;} .subject-areas a.human-resources {border-bottom:5px solid #002d60;} .subject-areas a.inclusive-learning h4 {color:#ee3662;} .subject-areas a.inclusive-learning {border-bottom:5px solid #ee3662;} .subject-areas a.law-and-legal-executive h4 {color:#263546;} .subject-areas a.law-and-legal-executive {border-bottom:5px solid #263546;} .subject-areas a.leadership-and-management h4 {color:#002d60;} .subject-areas a.leadership-and-management {border-bottom:5px solid #002d60;} .subject-areas a.leisure-and-hobbies h4 {color:#8cadc0;} .subject-areas a.leisure-and-hobbies {border-bottom:5px solid #8cadc0;} .subject-areas a.makeup-for-film-tv-and-stage h4 {color:#b42179;} .subject-areas a.makeup-for-film-tv-and-stage {border-bottom:5px solid #b42179;} .subject-areas a.marketing h4 {color:#002d60;} .subject-areas a.marketing {border-bottom:5px solid #002d60;} .subject-areas a.media-production h4 {color:#b42179;} .subject-areas a.media-production {border-bottom:5px solid #b42179;} .subject-areas a.music-and-performing-arts h4 {color:#b42179;} .subject-areas a.music-and-performing-arts {border-bottom:5px solid #b42179;} .subject-areas a.nvqs h4 {color:#002d60;} .subject-areas a.nvqs {border-bottom:5px solid #002d60;} .subject-areas a.professional-development h4 {color:#002d60;} .subject-areas a.professional-development {border-bottom:5px solid #002d60;} .subject-areas a.public-services h4 {color:#006d84;} .subject-areas a.public-services {border-bottom:5px solid #006d84;} .subject-areas a.science h4 {color:#e76120;} .subject-areas a.science {border-bottom:5px solid #e76120;} .subject-areas a.social-work h4 {color:#714064;} .subject-areas a.social-work {border-bottom:5px solid #714064;} .subject-areas a.sports-and-fitness h4 {color:#00b25b;} .subject-areas a.sports-and-fitness {border-bottom:5px solid #00b25b;} .subject-areas a.teacher-training h4 {color:#002d60;} .subject-areas a.teacher-training {border-bottom:5px solid #002d60;} .subject-areas a.travel-and-tourism h4 {color:#00aadd;} .subject-areas a.travel-and-tourism {border-bottom:5px solid #00aadd;} .subject-areas a.the-skills-shop h4 {color: #00c1de;} .subject-areas a.the-skills-shop {border-bottom:5px solid #00c1de;} /* Courses Filter Nav */ .courses-filter-nav{ background:#fff; padding:20px 0; border-top:1px solid #e4e7e8; border-bottom:1px solid #e4e7e8; margin-top:30px;margin-bottom:35px;} .courses-filter-nav .filter{ font-size:16px; font-family: 'proxima_nova_semibold', sans-serif;color:#00c1de;border:2px solid #00c1de; display:inline-block; margin:5px 5px 5px 0; cursor:pointer; padding:10px 20px 7px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} .courses-filter-nav .filter-nocourses { font-family: 'proxima_nova_semibold', sans-serif;color:#00c1de;background-color:#ddd;border:2px solid #00c1de; display:inline-block; margin:5px 5px 5px 0; padding:10px 20px 7px;} .courses-filter-nav .filter:hover, .courses-filter-nav .filter.active{ color:#fff;background-color:#00c1de;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} /* Courses Filter Results */ .course-results {border-bottom:0;border-radius:3px;} .course-results a {background:#f8f8f8;border: 1px solid #e7e7e7; color:#333333;display:block;padding:15px 0;position:relative;width:100%;margin-bottom: 30px;} .course-results a:hover {background:#e6e6e6;} .course-results a .row, .course-results p {margin:0;} .course-results a h4 {margin-bottom:10px;} .course-results .course-results-sidebar p {font-weight:bold;} .course-results a.access-to-higher-education h4 {color:#00afa2;} .course-results a.access-to-higher-education {border-bottom:3px solid #00afa2;} .course-results a.accounting-and-book-keeping h4 {color: #002d60;} .course-results a.accounting-and-book-keeping {border-bottom:3px solid #002d60;} .course-results a.apprenticeships h4 {color:#394d5a;} .course-results a.apprenticeships {border-bottom:3px solid #394d5a;} .course-results a.art-and-design h4 {color:#b42179;} .course-results a.art-and-design {border-bottom:3px solid #b42179;} .course-results a.automotive-technical-training h4 {color:#5bba47;} .course-results a.automotive-technical-training {border-bottom:3px solid #5bba47;} .course-results a.business-and-management h4 {color:#002d60;} .course-results a.business-and-management {border-bottom:3px solid #002d60;} .course-results a.computing-and-it h4 {color:#112e76;} .course-results a.computing-and-it {border-bottom:3px solid #112e76;} .course-results a.construction h4 {color:#f7941d;} .course-results a.construction {border-bottom:3px solid #f7941d; margin-bottom: 30px;} .course-results a.english-and-maths h4 {color:#ee3662;} .course-results a.english-and-maths {border-bottom:3px solid #ee3662;} .course-results a.engineering-and-manufacturing h4 {color:#426b7c;} .course-results a.engineering-and-manufacturing {border-bottom:3px solid #426b7c;} .course-results a.esol h4 {color:#ee7930;} .course-results a.esol {border-bottom:3px solid #ee7930;} .course-results a.foundation-learning h4 {color:#ee3662;} .course-results a.foundation-learning {border-bottom:3px solid #ee3662;} .course-results a.games-design-and-digital-media h4 {color:#b42179;} .course-results a.games-design-and-digital-media {border-bottom:3px solid #b42179;} .course-results a.gcses h4 {color:#ee3662;} .course-results a.gcses {border-bottom:3px solid #ee3662;} .course-results a.hair-and-beauty h4 {color:#b578b3;} .course-results a.hair-and-beauty {border-bottom:3px solid #b578b3;} .course-results a.health-social-care-early-years h4 {color:#c14d9c;} .course-results a.health-social-care-early-years {border-bottom:3px solid #c14d9c;} .course-results a.hospitality-and-catering h4 {color:#5aa93e;} .course-results a.hospitality-and-catering {border-bottom:3px solid #5aa93e;} .course-results a.human-resources h4 {color:#002d60;} .course-results a.human-resources {border-bottom:3px solid #002d60;} .course-results a.law-and-legal-executive h4 {color:#263546;} .course-results a.law-and-legal-executive {border-bottom:3px solid #263546;} .course-results a.leadership-and-management h4 {color:#002d60;} .course-results a.leadership-and-management {border-bottom:3px solid #002d60;} .course-results a.leisure-and-hobbies h4 {color:#8cadc0;} .course-results a.leisure-and-hobbies {border-bottom:3px solid #8cadc0;} .course-results a.makeup-for-film-tv-and-stage h4 {color:#b42179;} .course-results a.makeup-for-film-tv-and-stage {border-bottom:3px solid #b42179;} .course-results a.marketing h4 {color:#002d60;} .course-results a.marketing {border-bottom:3px solid #002d60;} .course-results a.media-production h4 {color:#b42179;} .course-results a.media-production {border-bottom:3px solid #b42179;} .course-results a.music-and-performing-arts h4 {color:#b42179;} .course-results a.music-and-performing-arts {border-bottom:3px solid #b42179;} .course-results a.national-vocational-qualifications h4 {color:#002d60;} .course-results a.national-vocational-qualifications {border-bottom:3px solid #002d60;} .course-results a.professional-development h4 {color:#002d60;} .course-results a.professional-development {border-bottom:3px solid #002d60;} .course-results a.public-services h4 {color:#006d84;} .course-results a.public-services {border-bottom:3px solid #006d84;} .course-results a.science h4 {color:#e76120;} .course-results a.science {border-bottom:3px solid #e76120;} .course-results a.social-work h4 {color:#714064;} .course-results a.social-work {border-bottom:3px solid #714064;} .course-results a.solutions h4 {color:#394d5a;} .course-results a.solutions {border-bottom:3px solid #394d5a} .course-results a.sports-and-fitness h4 {color:#00b25b;} .course-results a.sports-and-fitness {border-bottom:3px solid #00b25b;} .course-results a.teacher-training h4 {color:#002d60;} .course-results a.teacher-training {border-bottom:3px solid #002d60;} .course-results a.travel-and-tourism h4 {color:#00aadd;} .course-results a.travel-and-tourism {border-bottom:3px solid #00aadd;} .course-results a.the-skills-shop h4 {color:#00c1de;} .course-results a.the-skills-shop {border-bottom:3px solid #00c1de;} .course-results .ft-icon { color: #fff; display: inline-block; text-align: center; background: #191919; font-size: 13px;font-weight: normal; width: 40px; height: 26px; line-height: 0.5em; margin: 0 5px 0 0; padding: 10px; } .course-results .pt-icon { color: #fff; display: inline-block; text-align: center; background: #7e7e7e; font-size: 13px; font-weight:normal; width: 40px; height: 26px; line-height: 0.5em; margin: 0 5px 0 0; padding: 10px; } .btn.btn-levels { font-family: 'proxima_nova_semibold', sans-serif; background-color:#085561; color:#fff; padding:11px 33px; font-size:18px; border: 1px solid #fff;} .btn.btn-advsearch { font-family: 'proxima_nova_semibold', sans-serif; background-color:#191919; color:#fff; padding:11px 33px; font-size:18px; border: 1px solid #fff;} .btn.btn-faqs { font-family: 'proxima_nova_semibold', sans-serif; background-color:#191919; color:#fff; padding:11px 33px; font-size:18px; border: 1px solid #fff;} .btn.btn-viewall { font-family: 'proxima_nova_semibold', sans-serif; background-color:#085561; color:#fff; padding:11px 33px; font-size:18px; border: 1px solid #fff; width:100%;} .btn.btn-course-search { font-family: 'proxima_nova_semibold', sans-serif; background-color:#085561; color:#fff; padding:11px 33px; font-size:18px; border: 1px solid #fff; width:100%;} .btn-levels:hover, .btn-advsearch:hover, .btn-faqs:hover, .btn.btn-viewall:hover, .btn.btn-course-search:hover { background:#e9004c;color:#fff;} .btn.btn-levels a, .btn.btn-advsearch a, .btn.btn-faqs a, .btn.btn-viewall a, .btn.btn-course-search a {color:#fff;} /* Toggle */ .cf-toggle .cf-toggle-heading{ font-family: 'proxima_nova', sans-serif; font-weight:600;line-height: 38px; margin-bottom: 0;padding: 13px 0; } .cf-toggle p{ line-height:30px;} .cf-toggle hr{ margin:46px 0;} .cf-toggle{ border:1px solid #d6d6d6; border-radius:1px; box-shadow:0 0 5px rgba(255, 255, 255, 0.30); padding:0 20px; margin-bottom:20px;} .cf-toggle .cf-toggle-content{ display:block; padding:20px 0 20px;} .cf-toggle .cf-toggle-heading{ background:url("../images/faq-arrow.png") no-repeat right 50%; cursor:pointer;} .cf-toggle.active .cf-toggle-heading{ background:url("../images/faq-arrow-active.png") no-repeat right 50%; } .cf-toggle.active .cf-toggle-content{ display:block;} .cf-toggle ul { padding-left: 0; margin-left: 17px; margin-bottom:20px; list-style-type:square; } .cf-toggle ul li { position: relative; font-size: 16px; line-height: 30px; } /* Toggle 2 */ .cf-toggle.toggle-bg{ padding:0; box-shadow:none;} .cf-toggle.toggle-bg h3{ padding:13px 20px; background-position: 95% 50% !important;} .cf-toggle.toggle-bg .cf-toggle-content{ padding-left:20px; padding-right:20px;} .cf-toggle.toggle-bg.active h3{ color:#fff; background:url("../images/faq-arrow-active-white-up.png") no-repeat;} .cf-toggle.active .cf-toggle-heading{ color:#e9004c;} .cf-toggle.toggle-bg.active .cf-toggle-heading{ background-color:#3b415d;} .form-control-coursefinder { display: block; width: 100%; height: 55px; padding: 6px 12px; margin-bottom: 15px; font-size: 21px; color: #282828; background-color: #fff; opacity:1; border: 1px solid #d6d6d6; } .form-control-coursefinder::-moz-placeholder {color: #d2c9c9;opacity: 1;font-size:17px;} .form-control-coursefinder:-ms-input-placeholder { color:#d2c9c9;font-size:17px;} .form-control-coursefinder::-webkit-input-placeholder { color:#d2c9c9;font-size:17px;} .btn.btn-coursefinder { font-family: 'proxima_nova_semibold', sans-serif; background-color:#085561; color:#fff; padding:10px; height:45px; font-size:18px; border: 1px solid #fff;} .btn-coursefinder:hover { background-color:#e9004c;;color:#fff; } /* Course Details Page */ .course-details p {margin-left:30px;} .course-details h2 { margin-bottom: 20px; font-size: 25px; padding: 10px 10px 10px 25px; } .access-to-higher-education .course-details h2 {color:#00afa2; border-left: 6px solid #00afa2;} .accounting-and-book-keeping .course-details h2 {color:#002d60; border-left: 6px solid #002d60;} .apprenticeships .course-details h2 {color:#394d5a; border-left: 6px solid #394d5a;} .art-and-design .course-details h2 {color:#b42179; border-left: 6px solid #b42179;} .automotive-technical-training .course-details h2 {color:#5bba47; border-left: 6px solid #5bba47;} .business-and-management .course-details h2 {color:#002d60; border-left: 6px solid #002d60;} .computing-and-it .course-details h2 {color:#112e76; border-left: 6px solid #112e76;} .construction .course-details h2 {color:#f7941d; border-left: 6px solid #f7941d;} .engineering-and-manufacturing .course-details h2 {color:#426b7c; border-left: 6px solid #426b7c;} .english-and-maths .course-details h2 {color:#ee3662; border-left: 6px solid #ee3662;} .esol .course-details h2 {color:#ee3662; border-left: 6px solid #ee3662;} .foundation-learning .course-details h2 {color:#ee3662; border-left: 6px solid #ee3662;} .games-design-and-digital-media .course-details h2 {color:#b42179; border-left: 6px solid #b42179;} .gcses .course-details h2 {color:#ee3662; border-left: 6px solid #ee3662;} .hair-and-beauty .course-details h2 {color:#b578b3; border-left: 6px solid #b578b3;} .health-social-care-early-years .course-details h2 {color:#c14d9c; border-left: 6px solid #c14d9c;} .hospitality-and-catering .course-details h2 {color:#5aa93e; border-left: 6px solid #5aa93e;} .human-resources .course-details h2 {color:#002d60; border-left: 6px solid #002d60;} .law-and-legal-executive .course-details h2 {color:#263546; border-left: 6px solid #263546;} .leadership-and-management .course-details h2 {color:#002d60; border-left: 6px solid #002d60;} .leisure-and-hobbies .course-details h2 {color:#8cadc0; border-left: 6px solid #8cadc0;} .makeup-for-film-tv-and-stage .course-details h2 {color:#b42179; border-left: 6px solid #b42179;} .marketing .course-details h2 {color:#002d60; border-left: 6px solid #002d60;} .media-production .course-details h2 {color:#b42179; border-left: 6px solid #b42179;} .music-and-performing-arts .course-details h2 {color:#b42179; border-left: 6px solid #b42179;} .nvqs .course-details h2 {color:#002d60; border-left: 6px solid #002d60;} .professional-development .course-details h2 {color:#002d60; border-left: 6px solid #002d60;} .public-services .course-details h2 {color:#006d84; border-left: 6px solid #006d84;} .science .course-details h2 {color:#e76120; border-left: 6px solid #e76120;} .social-work .course-details h2 {color:#714064; border-left: 6px solid #714064;} .sports-and-fitness .course-details h2 {color:#00b25b; border-left: 6px solid #00b25b;} .teacher-training .course-details h2 {color:#002d60; border-left: 6px solid #002d60;} .travel-and-tourism .course-details h2 {color:#00aadd; border-left: 6px solid #00aadd;} .the-skills-shop .course-details h2 {color:#00c1de; border-left: 6px solid #00c1de;} .cd-pls-note {padding:15px;margin-bottom:20px;} .cd-pls-note p {font-family: 'proxima_nova_semibold', sans-serif; color:#fff;margin:0;} .access-to-higher-education .cd-pls-note {background-color:#00afa2;} .accounting-and-book-keeping .cd-pls-note {background-color:#002d60;} .apprenticeships .cd-pls-note {background-color:#8c163a;} .art-and-design .cd-pls-note {background-color:#b42179;} .automotive-technical-training .cd-pls-note {background-color:#5bba47;} .business-and-management .cd-pls-note {background-color:#002d60;} .computing-and-it .cd-pls-note {background-color:#002d60;} .construction .cd-pls-note {background-color:#f7941d;} .english-and-maths .cd-pls-note {background-color:#ee3662;} .engineering-and-manufacturing .cd-pls-note {background-color:#426b7c;} .esol .cd-pls-note {background-color:#ee7930;} .foundation-learning .cd-pls-note {background-color:#ee7930;} .games-design-and-digital-media .cd-pls-note {background-color:#b42179;} .gcses .cd-pls-note {background-color:#ee3662;} .hair-and-beauty .cd-pls-note {background-color:#b578b3;} .health-social-care-early-years .cd-pls-note {background-color:#c14d9c;} .hospitality-and-catering .cd-pls-note {background-color:#5aa93e;} .human-resources .cd-pls-note {background-color:#002d60;} .law-and-legal-executive .cd-pls-note {background-color:#263546;} .leadership-and-management .cd-pls-note {background-color:#002d60;} .leisure-and-hobbies .cd-pls-note {background-color:#8cadc0;} .makeup-for-film-tv-and-stage .cd-pls-note {background-color:#b42179;} .marketing .cd-pls-note {background-color:#002d60;} .media-production .cd-pls-note {background-color:#b42179;} .music-and-performing-arts .cd-pls-note {background-color:#b42179;} .nvqs .cd-pls-note {background-color:#002d60;} .professional-development .cd-pls-note {background-color:#002d60;} .public-services .cd-pls-note {background-color:#006d84;} .science .cd-pls-note {background-color:#e76120;} .social-work .cd-pls-note {background-color:#714064;} .sports-and-fitness .cd-pls-note {background-color:#00b25b;} .teacher-training .cd-pls-note {background-color:#002d60; } .travel-and-tourism .cd-pls-note {background-color:#00aadd; } .the-skills-shop .cd-pls-note {background-color:#00c1de; } .course-details .btn.btn-apply-online { display:block; background-color: #80b800; padding: 15px; color: #fff; font-size: 22px; border-radius:0;border-bottom: 1px solid rgba(255,255,255,.2); } .course-details .btn.btn-apply-online:hover { background-color:#71a201; } .course-details .btn.btn-make-enquiry, .course-details .btn.btn-course-leaflet { display:block; background-color: #085561; padding: 15px; color: #fff; font-size: 22px; border-radius:0;border-bottom: 1px solid rgba(255,255,255,.2);} .course-details .btn.btn-make-enquiry:hover, .course-details .btn.btn-course-leaflet:hover { background-color:#71a201; } .course-details .course-info {background-color:#085561; border-bottom: 1px solid #e7e7e7; padding:30px 20px;font-size:14px; color:#fff;} .course-details .course-info-list li {font-size:14px;color:#fff;line-height:35px;text-align:right;border-bottom:1px solid rgba(255,255,255,.2);} .course-details .course-info-list span {display:inline; position:absolute; font-size:14px;font-weight:bold;color:#fff; background-color:#00afa2;padding:7px;margin-right:10px;text-align: left; width:35%;} .course-details .course-info-list dt { float: left; font-weight:bold; background-color:#00afa2; padding:7px; width:45%; } .course-details .course-info-list dd { text-align:right; line-height:35px; border-bottom:1px solid rgba(255,255,255,.2);} .modal-backdrop.in {opacity:.7!important;} .modal-header {padding-left:0;} .modal-header .modal-title { color:#00c1de;margin-top:10px;} .modal-header .close { font-size:60px;} .modal-content {border:0; border-radius:0;padding:10px 20px; box-shadow:none; background-clip:border-box;height:auto; min-height:100%;overflow: auto;} .modal-body {margin:0; padding:0;} .modal-body h3 {font-family: 'proxima_nova_semibold', sans-serif;font-size:23px;color:#085561;} .modal-body p { color:#333; font-size:15px; } .modal-body ul li {font-size:15px;} .modal-header .close {margin-top:2px!important;margin-right:17px;width:0px;} .modal-footer {padding:15px 0!important;} .btn.btn-close { background-color: #085561; padding: 10px; color: #fff; font-size: 14px; border-radius:0;} .btn.btn-close:hover { background-color:#e9004c; } .modal-body .khfc, .our-partners .khfc {padding:25px 20px 15px 20px; border-radius:5px; background-color:#00c1de; color:#fff;} .modal-body .khfc p.line-1, .our-partners .khfc p.line-1 {font-family: 'proxima_nova_semibold', sans-serif; font-size: 26px;margin-top:6px;} .modal-body .khfc .fa-sign-in, .our-partners .khfc .fa-sign-in {color:#fff;font-size:45px;} .modal-body .khfc a, .our-partners .khfc a {color:#fff;} .modal-body .khfc a:hover, .our-partners .khfc a:hover {text-decoration:underline;} img[usemap] { border: none; height: auto; max-width: 100%; width: auto; } .table-bordered > thead > tr > th.blue { background-color:#00c1de; color:#fff; font-size:16px; } .table-hover > tbody > tr:hover > td { background-color:#e9004c; } .table-bordered > tbody > tr > td { font-size: 15px;} .table-bordered > tbody > tr > td.center {vertical-align:middle; text-align:center; font-size:15px; } .table-bordered > tbody > tr > td a {color:#fff; } .btn.btn-applynow { background-color: #085561; padding: 10px; color: #fff; font-size: 14px; border-radius:0;} .btn.btn-applynow:hover { background-color:#e9004c; } .kis-container {text-align: center;} .kis-container iframe { overflow: hidden; border: 0 none transparent;} @media only screen and (min-width: 768px) { .kis-container .kis-horizontal { display: inline; width: 615px; height: 160px; } } @media only screen and (max-width: 767px) { .course-results a div[class*="col"]{padding-bottom:0;padding-top:0;} .kis-container .kis-vertical { display: inline; width: 190px; height: 500px; } } /************************************ APPRENTICESHIPS FAQ *************************************/ .toggle .toggle-heading{ font-family: 'proxima_nova', sans-serif; font-weight:600;font-size:16px; line-height: 38px; margin-bottom: 0;padding: 7px 0; } .toggle p {line-height:30px;} .toggle hr {margin:46px 0;} .toggle{ border:1px solid #d6d6d6; border-radius:1px; box-shadow:0 0 5px rgba(255, 255, 255, 0.30); padding:0 20px; margin-bottom:20px;} .toggle .toggle-content{ display:none; padding:20px 0 20px;} .toggle .toggle-heading{ background:url("../images/faq-arrow.png") no-repeat right 50%; cursor:pointer;} .toggle.active .toggle-heading{ background:url("../images/faq-arrow-active.png") no-repeat right 50%; } .toggle.active .toggle-content{ display:block;} .toggle ul { padding-left: 0; margin-left: 17px; margin-bottom:20px; list-style-type:square; } .toggle ul li { position: relative; font-size: 16px; line-height: 30px; } /************************************ APPRENTICESHIPS FAQ TOGGLE *************************************/ .toggle.toggle-bg{ padding:0; box-shadow:none;} .toggle.toggle-bg h4{ padding:13px 20px; background-position: 95% 50% !important;} .toggle.toggle-bg .toggle-content{ padding-left:20px; padding-right:20px;} .toggle.toggle-bg.active h4{ color:#fff; background:url("../images/faq-arrow-active-white-up.png") no-repeat;} .toggle.active .toggle-heading{ color:#e9004c;} .toggle.toggle-bg.active .toggle-heading{ background-color:#3b415d;} /************************************ LATEST NEWS *************************************/ .featured-news-info h3 {margin: 15px 0 5px 0;} .featured-news-info p a {font-weight: bold;} .news-info {margin:10px 0 20px 0; display:block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;color:#00c1de;} .news-info h4 {font-size:20px;margin-bottom:10px;} .news-info span {font-size:16px;line-height:1.5em;} .news-info span a {font-weight:bold;} .news-article h2 { margin-bottom:5px; } .news-article p {color:#a6a6a6;} /************************************ PROSPECTUSES *************************************/ .btn.btn-view-pdf { font-family: 'proxima_nova_semibold', sans-serif; background-color:#085561; color:#fff; padding:5px 10px; height:45px; font-size:18px; border: 1px solid #fff;} .btn-view-pdf:hover { background:#e9004c;color:#fff;} /************************************ MEDIA GALLERY *************************************/ .media-gallery i.icon-play22 { display:inline-block; position: absolute; top: 40%; left: 40%; font-size:70px; } .media-gallery .caption h3 { font-weight:800; font-size:18px; margin:0; color:#fff; padding:10px; min-height:50px;} /* Colours */ .media-gallery .access-to-higher-education {background-color:#00afa2;} .media-gallery .accounting-and-book-keeping {background-color:#002d60;} .media-gallery .apprenticeships {background-color:#8c163a;} .media-gallery .art-and-design {background-color:#b42179;} .media-gallery .automotive-technical-training {background-color:#5bba47;} .media-gallery .business-and-management {background-color:#002d60;} .media-gallery .computing-and-it {background-color:#002d60;} .media-gallery .construction {background-color:#f7941d;} .media-gallery .english-and-maths {background-color:#ee3662;} .media-gallery .engineering-and-manufacturing {background-color:#426b7c;} .media-gallery .esol {background-color:#ee7930;} .media-gallery .foundation-learning {background-color:#ee7930;} .media-gallery .games-design-and-digital-media {background-color:#b42179;} .media-gallery .gcses {background-color:#ee3662;} .media-gallery .hair-and-beauty {background-color:#b578b3;} .media-gallery .health-social-care-early-years {background-color:#c14d9c;} .media-gallery .hospitality-and-catering {background-color:#5aa93e;} .media-gallery .human-resources {background-color:#002d60;} .media-gallery .law-and-legal-executive {background-color:#263546;} .media-gallery .leadership-and-management {background-color:#002d60;} .media-gallery .leisure-and-hobbies {background-color:#8cadc0;} .media-gallery .makeup-for-film-tv-and-stage {background-color:#b42179;} .media-gallery .marketing {background-color:#002d60;} .media-gallery .media-production {background-color:#b42179;} .media-gallery .music-and-performing-arts {background-color:#b42179;} .media-gallery .nvqs {background-color:#002d60;} .media-gallery .professional-development {background-color:#002d60;} .media-gallery .public-services {background-color:#006d84;} .media-gallery .science {background-color:#e76120;} .media-gallery .social-work {background-color:#714064;} .media-gallery .sports-and-fitness {background-color:#00b25b;} .media-gallery .teacher-training {background-color:#002d60; } .media-gallery .travel-and-tourism {background-color:#00aadd; } .media-gallery .the-skills-shop {background-color:#00c1de; } /************************************ COURSES - WHICH COURSE IS FOR ME? *************************************/ .bg-entry-level {background-color: #1b97b2;} .bg-vocational {background-color:#759b21;} .bg-apprenticeships {background-color:#b40947;} .bg-access {background-color:#bd8608;} .bg-he {background-color:#b84e20;} .courses-box { padding:20px 30px 40px 30px; margin-bottom:30px; -webkit-box-shadow: 3px 7px 19px 3px rgba(0,0,0,0.1); -moz-box-shadow: 3px 7px 19px 3px rgba(0,0,0,0.1); box-shadow: 3px 7px 19px 3px rgba(0,0,0,0.1);} .courses-box h2 { font-size: 27px; margin-top:10px; color:#fff;} .courses-box p { font-size:16px; font-weight: normal; line-height:30px;color:#fff; } .courses-box:hover { background:#000; -webkit-transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000);-ms-transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.4s cubic-bezier(0.000, 0.000, 0.580, 1.000); } .courses-box:hover .button.blk {border: 1px solid #fff;} .button.blk { color:#fff; display:initial!important; border: 1px solid #fff; padding:10px 15px; } .button.blk:hover { background-color:#e9004c; color:#fff; border: 1px solid #fff; margin:0; } /************************************ COURSES - COURSE TYPE PANELS *************************************/ .ctbox-border::before, .ctbox-border::after { position: absolute; top: 10px; right: 25px; bottom: 10px; left: 25px; content: ''; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; pointer-events: none; } .row-no-padding .ctbox-border::before, .row-no-padding .ctbox-border::after { right: 10px; left: 10px; } .ctbox-border::before { border-top: 2px solid rgba(255,255,255,0.6); border-bottom: 2px solid rgba(255,255,255,0.6); -webkit-transform: scale(0,1); transform: scale(0,1); } .ctbox-border::after { border-right: 2px solid rgba(255,255,255,0.6); border-left: 2px solid rgba(255,255,255,0.6); -webkit-transform: scale(1,0); transform: scale(1,0); } .ctbox-border:hover::before, .ctbox-border:hover::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .ctshadow { box-shadow: -1px 6px 31px -6px rgba(0,0,0,0.2); -webkit-box-shadow: -1px 6px 31px -6px rgba(0,0,0,0.2); -moz-box-shadow: -1px 6px 31px -6px rgba(0,0,0,0.2);} /************************************ COURSES - RIGHT SIDE BAR *************************************/ .course-info-border { border: 1px solid #d6d6d6; padding: 17px; background-color:#e4e6ed; } /************************************ BUSINESS SOLUTIONS - JOB DETAILS *************************************/ .post { position: relative; margin-bottom: 17px; background: #fff; border: 1px solid #cdcdcd; border-radius: 5px; overflow: hidden; box-shadow: 1px 1px 2px rgba(100,100,100,.1),-1px -1px 2px rgba(100,100,100,.1); -webkit-box-shadow: 1px 1px 2px rgba(100,100,100,.1),-1px -1px 2px rgba(100,100,100,.1); } .post-header { position: relative; background: #f1f1f1; border-bottom: 1px solid #cdcdcd; padding: 22px 21px 23px 20px; box-shadow: 0 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); } .post-header h2 { font-family: 'proxima_nova_bold', sans-serif; line-height: 1.1; color: #3b415d; font-size: 35px; display:inline-block; } .date-added { margin-top:10px; float: right; } .post table { width: 100%; border-collapse: collapse; } .post th { border-bottom: 1px dashed #cdcdcd; font-size: 19px; color: #4d4d4d; padding: 26px 18px 28px 20px; width: 45%; text-align: left; vertical-align: top; } .post td { border-bottom: 1px dashed #cdcdcd; color: #566266; padding: 25px 33px 6px 20px; text-align: left; vertical-align: top; } /************************************ OUR PARTNERS *************************************/ .op-border { border: 1px solid #cccccc; padding:15px; } /************************************ COLLEGE CALENDAR *************************************/ /* Headings */ .college-calendar h1 { font-family: 'proxima_nova_bold', sans-serif; color: #00c1de; font-size: 42px; margin-bottom:15px; } .college-calendar h2 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 27px; margin-bottom:20px; } .college-calendar h3 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 24px; margin-bottom:20px; } .college-calendar h4 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 18px; margin-bottom:20px; } .college-calendar h5 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 14px; margin-bottom:20px; } .college-calendar p { font-size:16px; margin-bottom: 20px; } .college-calendar h2.blue {font-family: 'proxima_nova_bold', sans-serif; color: #00c1de;} .college-calendar h4.white { color:#fff; } /* Drop down list */ .form-group-border { margin-bottom:30px; width: 100%; padding: 10px; background-color: #f5f5f5; overflow: hidden; } .input-lg {border-radius:0!important;} .ak-form {background-color: #f5f5f5;padding:15px;border:1px solid #ddd;} /* Events List */ .events-list-header {font-size:20px!important;background-color:#085561;color:#fff!important;padding:15px;} .events-list {background:#f8f8f8;color:#333333;display:block;padding:30px 15px 30px 15px;width:100%;margin-bottom: 30px;} .events-list h3 {font-size:21px;margin-bottom:15px;} .events-list li {font-size:17px;} .events-list a {color:#333;} .fa-calendar {margin-right:10px;} .event-info, .restaurants-info {background-color: #f5f5f5;padding:30px;margin-top:30px;} .event-info .fa-calendar-o, .restaurants-info .fa-calendar-o, .event-info .fa-clock-o, .event-info .fa-map-marker, .restaurants-info .fa-map-marker, .restaurants-info .fa-phone {margin-right:10px;} .event-info li {color:#760101;font-weight: bold;} .restaurants-info li {color:#d01a1a;font-weight: bold;} .cal-open-events {border-bottom:5px solid #760101;} .cal-open-events h3 {color:#760101;} .cal-term-dates {border-bottom:5px solid #276cb3;} .cal-term-dates h3 {color:#276cb3;} .cal-enrolment {border-bottom:5px solid #5227b3;} .cal-enrolment h3 {color:#5227b3;} .cal-shows-exhibitions {border-bottom:5px solid #010d49;} .cal-shows-exhibitions h3 {color:#010d49;} .cal-awards {border-bottom:5px solid #256948;} .cal-awards h3 {color:#256948;} .cal-restaurants {border-bottom:5px solid #d01a1a;} .cal-restaurants h3 {color:#d01a1a;} .cal-study-week {border-bottom:5px solid #ef4900;} .cal-study-week h3 {color:#ef4900;} .cal-taster-days {border-bottom:5px solid #e74c8b;} .cal-taster-days h3 {color:#e74c8b;} .cal-bank-holidays {border-bottom:5px solid #b38627;} .cal-bank-holidays h3 {color:#b38627;} .cal-closed-days {border-bottom:5px solid #74b208;} .cal-closed-days h3 {color:#74b208;} .btn.btn-more-info { font-family: 'proxima_nova_semibold', sans-serif; background-color:#333; color:#fff; padding:10px 33px; height:39px; font-size:16px; border: 1px solid #fff;width:160px;} .btn-more-info:hover { background:#e9004c;color:#fff;} .btn.btn-more-info a {color:#fff;} .btn.btn-register { background-color:#00c1de; color:#fff; margin:10px 0 0 0; padding:10px 50px; font-size:17px; } .btn-register:hover { background-color:#e9004c; color:#fff; } .btn.btn-view-menu { font-family: 'proxima_nova_semibold', sans-serif; background-color:#333; color:#fff; padding:10px 40px; font-size:16px; border: 1px solid #fff; } .btn-view-menu:hover { background:#e9004c;color:#fff;} .btn.btn-view-menu a {color:#fff;} .btn.btn-book-table{ font-family: 'proxima_nova_semibold', sans-serif; background-color:#333; color:#fff; padding:10px 40px; font-size:16px; border: 1px solid #fff; } .btn.btn-book-table:hover { background:#e9004c;color:#fff;} .btn.btn-book-table a {color:#fff;} .btn.btn-upcoming-nights{ font-family: 'proxima_nova_semibold', sans-serif; background-color:#333; color:#fff; padding:10px 40px; font-size:16px; border: 1px solid #fff; } .btn-upcoming-nights:hover { background:#e9004c;color:#fff;} .btn.btn-upcoming-nights a {color:#fff;} .btn.btn-popup-register { font-family: 'proxima_nova_semibold', sans-serif; background-color:#00c1de; color:#fff; margin:10px 0 0 0; padding:10px 50px; font-size:17px; } .btn-popup-register:hover { background-color:#e9004c; color:#fff; } .btn.btn-nursery-brochure, .btn.btn-nursery-fees { display:block; font-family: 'proxima_nova_semibold', sans-serif; background-color:#e9004c; color:#fff; padding:10px; font-size:19px; margin:0 auto; } .btn-nursery-brochure:hover, .btn-nursery-fees:hover { background:#82042d;color:#fff;} .btn-nursery-brochure a, .btn-nursery-fees a {color:#fff;} /* Open Event Registration */ .open-event-registration h1 { font-family: 'proxima_nova_bold', sans-serif; color: #00c1de; font-size: 38px; margin-bottom:15px; } .open-event-registration h2 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 34px; margin-bottom:20px; } .open-event-registration h3 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 24px; margin-bottom:20px; } .open-event-registration h4 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 18px; margin-bottom:20px; } .open-event-registration .line { border-bottom: 1px solid #eee; padding-bottom: 10px;} .open-event-registration p { font-size:16px; margin-bottom: 20px; } /* Events box */ .events-box ul { margin-bottom: 30px; padding: 0; list-style: none; background-color: #fff; } .events-box p { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 30px; margin-left: 20px;margin-right:20px;margin-bottom: 25px; } .events-box h2 { font-size:29px; margin-bottom:0; padding:30px 20px 30px 20px; border:4px solid #00c1de; border-bottom:none; color:#00c1de; } .events-box h3 { padding-left:20px;color:#00c1de;margin-bottom:20px; } .events-box .content-container { border-right:4px solid #00c1de; border-left:4px solid #00c1de; border-bottom:4px solid #00c1de; padding-bottom: 40px;} .btn.btn-register-interest { display:block; font-family: 'proxima_nova_semibold', sans-serif; background-color:#e9004c; color:#fff; padding:10px; font-size:18px; width:320px;margin:0 auto; } .btn-register-interest:hover { background:#82042d;color:#fff;} .btn-register-interest a {color:#fff;} /* Location guide */ .border-location-guide {border:4px solid #ddd;} .location-guide ul li { font-size:16px; padding: 0; display: block;line-height: 30px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 15px; } .location-guide h3 { margin-bottom:0; padding:30px 20px 30px 20px; border-bottom:none; color:#760101; } .location-guide h4 { margin-left:20px; color:#760101; } .location-guide .content-container { padding-bottom: 25px;} .location-guide .content-container-2 { padding-top: 80px; padding-bottom: 25px; } /* Calendar header */ #eventscal-header { width:320px; padding:10px;height:55px;margin: 0 auto;} #eventscal-header ul li.month {font-size:22px; font-weight:bold;text-align: center;margin-top:3px; width:55%;} #eventscal-header h2 { float:left; color: #fff; padding:0; font-size:42px; text-align: center;} #eventscal-header ul { margin: 0; padding: 0; } #eventscal-header ul li { margin: 0; padding: 0; display: inline; float: left; list-style: none; color:#fff; } #eventscal-header ul li a { color: #fff; text-decoration: none; border: 3px solid #fff; padding: 3px 10px; display: block; margin-top: 10px; -webkit-transition: border 0.2s linear, color 0.2s linear; -moz-transition: border 0.2s linear, color 0.2s linear; -o-transition: border 0.2s linear, color 0.2s linear; transition: border 0.2s linear, color 0.2s linear; } #eventscal-header ul li a:hover { border: 3px solid rgba(247, 140, 2, 1); color: rgba(247, 140, 2, 1);} #eventscal-header ul li.back a { padding: 0 25px 0 35px; border: none; margin-top: 0; } #eventscal-header ul li.next a { padding: 0 0 0 25px; border: none; margin-top: 0; } #eventscal-header ul li.back a, #eventscal-header ul li.next a { -webkit-transition: opacity 0.2s linear, color 0.2s linear; -moz-transition: opacity 0.2s linear, color 0.2s linear; -o-transition: opacity 0.2s linear, color 0.2s linear; transition: opacity 0.2s linear, color 0.2s linear; } #eventscal-header ul li.back a:hover, #eventscal-header ul li.next a:hover { color: #e9004c; } /* Calendar table */ table.eventscal { width: 100%; border-collapse: collapse; border-spacing: 0; border: none; margin-bottom:20px; } table.eventscal th, table.eventscal td { margin: 0; width: 14.28571429%; padding: 5px; border: 1px solid #f2f2f2; vertical-align: middle } table.eventscal th { color: #fff; font-weight: normal; font-size: 14px; border: none; text-align: center; padding: 3px 0; } table.eventscal td { height: 45px; line-height:25px; background: #fff; } table.eventscal td.prev_month, table.eventscal td.next_month { background: #fafafa !important; color:#ddd; } table.eventscal td.open-events { background-color:#760101; } table.eventscal td.term-dates {background-color:#276cb3;} table.eventscal td.enrolment {background-color:#5227b3;} table.eventscal td.shows-exhibitions {background-color:#010d49;} table.eventscal td.awards {background-color:#256948;} table.eventscal td.restaurants {background-color:#d01a1a;} table.eventscal td.taster-days {background-color:#e74c8b;} table.eventscal td.study-week {background-color:#ef4900;} table.eventscal td.bank-holidays {background-color:#b38627;} table.eventscal td.closed-days {background-color:#74b208;} table.eventscal td span.date { display: block; margin: 0; color:#333333; padding: 5px 0 5px 0; font-size:14px; text-align: center; } table.eventscal td span.event-date {display: block; margin: 0; color:#fff; padding: 5px 0 5px 0; font-size:14px; font-weight:bold; text-align: center; } table.eventscal td ul { clear: right; width: auto; margin: 0; padding: 0; font-size: 14px; line-height: 1.1; } table.eventscal td ul li { list-style: none; margin: 0; padding: 0 0 5px; } table.eventscal td ul li a { text-decoration: none; } table.eventscal td ul li a:hover { color:#3b415d; } table.eventscal td span.suffix, table.eventscal td span.day { display: none; } table.eventscal tr.first_row td { border-top: none;} /* Calendar Key */ .calendar-key { padding: 10px 0 10px 0; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3;} .calendar-key li {font-size:13px; color:#fff;list-style: none; margin: 0; padding: 5px 0 5px 0;} .calendar-key li span { width: 20px; height: 20px; margin: 0 5px 0 0; float: left; } .calendar-key li span.open-events {background-color:#760101;} .calendar-key li span.term-dates {background-color:#276cb3;} .calendar-key li span.enrolment {background-color:#5227b3;} .calendar-key li span.shows-exhibitions {background-color:#010d49;} .calendar-key li span.awards {background-color:#256948;} .calendar-key li span.restaurants {background-color:#d01a1a;} .calendar-key li span.taster-days {background-color:#e74c8b;} .calendar-key li span.study-week {background-color:#ef4900;} .calendar-key li span.bank-holidays {background-color:#b38627;} .calendar-key li span.closed-days {background-color:#74b208;} /************************************ A-Z COURSE LIST *************************************/ .course-letter.large { font-size: 33px; width: 1.5em; height: 1.5em; text-align: center; margin: 60px 0 0 0; padding-top: 9px; background: #00c1de; color:#fff; } .list.solid { margin: 20px 0 20px 15px;list-style-type: square; } .list.solid li { font-size:16px; border-bottom: 1px solid #d8d8d8;} .list.solid li a { color:#333333; } .list.solid li a:hover { color: #e9004c; } .pagination > li.no-course { position: relative; float:left; padding: 6px 12px; margin-left: -1px; border: 1px solid #ddd; background-color: #ddd; color:#fff; } /************************************ SEARCH RESULTS *************************************/ .filter-courses-wrapper {border:2px solid #d6d6d6;padding:20px;} .filter-courses p.main-title {font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 21px; margin-bottom:20px;} .filter-courses p.cf-title-1 {font-family: 'proxima_nova_semibold', sans-serif; color:#00c1de; font-size: 19px; margin-bottom:20px;} .filter-courses p.cf-title-2 {font-family: 'proxima_nova_semibold', sans-serif; color:#00c1de; font-size: 19px; margin-bottom:10px;} .filter-courses p.cf-title-3 {font-family: 'proxima_nova_semibold', sans-serif; color:#00c1de; font-size: 19px; margin-bottom:20px;} .filter-courses a.cf-url {display:block;margin-top:15px;font-weight:bold;font-size:15px;} .filter-courses .fc-form-group { margin-bottom:20px; width: 100%; overflow: hidden; } .filter-courses label {display:block;font-weight:normal; font-size:16px;} .btn.btn-filter-courses { font-family: 'proxima_nova_semibold', sans-serif; background-color:#085561; color:#fff; padding:10px; height:45px; font-size:18px; border: 1px solid #fff; margin-top:10px;} .btn-filter-courses:hover { background-color:#e9004c;;color:#fff; } .ss-results-wrapper {border:2px solid #d6d6d6;padding:20px;} .ss-results-wrapper p.ss-results-info {font-size:14px; color:#666;} .ss-results {margin-bottom:30px;} .ss-results a.ss-title { font-size: 19px; font-family: proxima_nova_semibold, sans-serif; color:#085561;} .ss-results a:hover.ss-title {text-decoration: underline;} .ss-results p.ss-desc {margin-bottom:0; } .ss-results a.ss-url {font-style:italic; font-size:15px;} /************************************ CONTACT US *************************************/ .map-with-address-widget iframe{ border:0; height:383px; width:100%; background:#ccc;} .map-banner{ width:100%; height:446px; position:relative; padding:0;} .map-banner img{ max-width:none;} .map-full{ position:absolute; left:0; top:0; bottom:0; right:0;} .contact-info-widget p{ font-size:20px;} .contact-info-widget p strong{ font-weight:600;} .contact-info-widget p a{ font-weight:300;color: #333333;} .general-enquiry ul, .careers-enquiry ul, .admission-enquiry ul, .commercial-enquiry ul, .student-fs-enquiry ul { margin: 0; padding: 0; list-style: none; background-color: #fff; } .general-enquiry ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 30px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 15px; } .general-enquiry h2 { margin-bottom:0; padding:30px 20px 30px 20px; border:4px solid #00c1de; border-bottom:none; text-align:center; color:#333; } .general-enquiry h3 { padding-left:20px;color:#333;margin-bottom:20px; } .general-enquiry .content-container { border-right:4px solid #00c1de; border-left:4px solid #00c1de; border-bottom:4px solid #00c1de; padding-bottom:70px;} .careers-enquiry ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 30px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 15px; } .careers-enquiry h2 { margin-bottom:0; padding:30px 20px 30px 20px; border:4px solid #00c1de; border-bottom:none; text-align:center; color:#333; } .careers-enquiry h3 { padding-left:20px;color:#333;margin-bottom:20px; } .careers-enquiry .content-container { border-right:4px solid #00c1de; border-left:4px solid #00c1de; border-bottom:4px solid #00c1de; padding-bottom:25px;} .admission-enquiry ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 30px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 15px; } .admission-enquiry h2 { margin-bottom:0; padding:30px 20px 30px 20px; border:4px solid #99cc33; border-bottom:none; text-align:center; color:#333; } .admission-enquiry h3 { padding-left:20px;color:#333;margin-bottom:20px;} .admission-enquiry .content-container { border-right:4px solid #99cc33; border-left:4px solid #99cc33; border-bottom:4px solid #99cc33; padding-bottom:25px;min-height:275px;} .reception-enquiry ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 30px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 15px; } .reception-enquiry h2 { margin-bottom:0; padding:30px 20px 30px 20px; border:4px solid #085561; border-bottom:none; text-align:center; color:#333; } .reception-enquiry h3 { padding-left:20px;color:#333;margin-bottom:20px;} .reception-enquiry .content-container { border-right:4px solid #085561; border-left:4px solid #085561; border-bottom:4px solid #085561; padding-bottom:25px;min-height:215px;} .commercial-enquiry ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 30px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 15px; } .commercial-enquiry h2 { margin-bottom:0; padding:30px 20px 30px 20px; border:4px solid #f7b334; border-bottom:none; text-align:center;color:#333; } .commercial-enquiry .content-container { border-right:4px solid #f7b334; border-left:4px solid #f7b334; border-bottom:4px solid #f7b334; padding-bottom: 65px;} .student-fs-enquiry ul li { font-size:16px; padding: 0; display: block; color: #6b6b6b; line-height: 30px; border-bottom: 1px solid #efefef; margin-left: 20px;margin-right:20px;margin-bottom: 15px; } .student-fs-enquiry h2 { margin-bottom:0; padding:30px 20px 30px 20px; border:4px solid #e9004c; border-bottom:none; text-align:center;color:#333; } .student-fs-enquiry h3 { padding-left:20px;color:#333;margin-bottom:20px; } .student-fs-enquiry .content-container { border-right:4px solid #e9004c; border-left:4px solid #e9004c; border-bottom:4px solid #e9004c; padding-bottom: 20px;} .bromsgrove-map, .malvern-map, .redditch-map, .worcester-map { border: 2px dashed #C0C0C0; width: 100%; height: 500px; margin-bottom:30px; } .enquiry-success { font-size:18px;font-weight:bold;color:#99cc33;padding-bottom:40px; } /************************************ FOOTER TOP *************************************/ .footer-top a:hover, .footer-middle a:hover, .footer-bottom a:hover { color: #E3194A; } .footer-top{ background:#000;color: #cecece; padding:25px 0 25px 0;} .footer-top .footer-buttons { margin-top:25px; height:100px; } .footer-top .btn.btn-course-list, .footer-top .btn.btn-course-finder { display:inline-block; font-family: 'proxima_nova_semibold', sans-serif; font-size:18px; background-color:#094d57; border: 1px solid #fff; color:#fff; padding:10px; } .btn-fssubmit:hover, .btn-fssubmit:focus, .btn-fssubmit:active, .btn-fssubmit.active { background-color:transparent; color:#fff; } .footer-top .btn.btn-course-list, .footer-top .btn.btn-course-finder { display:inline-block; font-family: 'proxima_nova_semibold', sans-serif; background-color:#094d57; color:#fff; padding:10px;margin-right:5px;width:172px; height:45px; font-size:18px; border: 1px solid #fff;} .footer-top .btn-course-list:hover, .footer-top .btn-course-finder:hover { background:transparent;color:#fff;} .footer-top .btn-course-list a, .footer-top .btn-course-finder a {color:#fff;} .footer-top .footer-nav-widget li{ font-weight: normal; display:inline-block; width:100%; margin-bottom:3px;} .footer-top .footer-nav-widget li a{ font-size:15px; color:#e1e1e1;-webkit-transition: all 800ms ease;-moz-transition: all 800ms ease;-ms-transition: all 800ms ease;-o-transition: all 800ms ease;transition: all 800ms ease;} .footer-top .footer-nav-widget li a i{ float:left; margin: 3px 13px 0 0;-webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease;transition: all 800ms ease;} .footer-top .footer-nav-widget li a:hover{ color:#e9004c; -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease;} .footer-top .footer-nav-widget li a:hover i{ color:#e9004c; margin-left:9px; margin-right:4px;-webkit-transition: all 800ms ease; -moz-transition: all 800ms ease;-ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease;} .footer-address {font-weight:normal; font-size:15px;} .footer-address a {color:#cecece;} .footer-info p {font-size:15px;line-height:24px;width:76%;} /************************************ FOOTER MIDDLE *************************************/ .footer-middle { background:#000; color: #cecece; padding:20px 0 20px 0;} /************************************ FOOTER BOTTOM *************************************/ .footer-bottom{ background:#000; color: #cecece; padding:10px 0 10px 0; } .footer-bottom p.copyright { font-size:14px; margin-bottom:0;} .footer-bottom p.disclaimer { font-size:13px; margin:13px 0 0 0;color:#777;} .footer-bottom .footer-nav { font-weight:normal; font-size:15px; list-style:none; float:left; display:block;margin:20px 0 0 0;} .footer-bottom .footer-nav li{ font-size:13px; float:left; border-left:1px solid #a8a8a8; padding:0 9px 0 9px; margin:0;} .footer-bottom .footer-nav li:first-child{ border:0; padding-left:0;} .footer-bottom .footer-nav li a {color: #cecece; } .footer-bottom .footer-nav li a:hover{ color:#e9004c;} /******************************** SOCIAL ICONS ********************************/ .social { padding-bottom:10px;} .social li{ display: inline-block; margin:0 0 0 5px; list-style:none;} .social li a{ display:block;} .social li a i{ border: 2px solid #333;display: block;font-size: 27px; font-weight: 300; height: 37px; line-height: 34px; text-align: center;width: 37px; color:#333;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} .social li a:hover i{ opacity:1;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} .social.big li a i{ width:46px; height:46px; line-height: 45px;} .social.big.fill li a i{ line-height:46px;} .social.big.fill li a.icon-instagram:hover i, .social li a.icon-instagram:hover i{ background:#565656; border-color:#565656} .social.bordered li a i{ border: 2px solid #fff; color:#fff;} .social.bordered.dark li a i{ border: 1px solid #2e2e2e; color:#2e2e2e;} .social.bordered li a:hover i{ color:#fff} .social.box li a i{ width:62px; height:60px; border-radius:5px;line-height: 60px;font-size: 27px; border-width:1px;} .social.box li a:hover i{ color:#fff;} .social.box.small li a i{ width:52px; height:50px; line-height: 50px;} .social.fill li a i{ line-height: 38px; box-shadow:1px 4px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:1px 4px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow:1px 4px 3px rgba(0, 0, 0, 0.1); color:#cecece; border:0} .social.fill li a:hover i{ opacity:1; color: #fff;} .social.fill li a.facebook:hover i, .social li a.facebook:hover i{ background:#456098; border-color:#456098} .social.fill li a.twitter:hover i, .social li a.twitter:hover i{ background:#07a2dc; border-color:#07a2dc} .social.fill li a.googleplus:hover i, .social li a.googleplus:hover i{ background:#d24435; border-color:#d24435} .social.fill li a.linkedin:hover i, .social li a.linkedin:hover i{ background:#05759b; border-color:#05759b} .social.fill li a.pinterest:hover i, .social li a.pinterest:hover i{ background:#c2171d; border-color:#c2171d} .social.fill li a.instagram:hover i, .social li a.instagram:hover i{ background:#565656; border-color:#565656} .social.center li{ float:none; text-align:center; display:inline-block} .social.big li a i{ width:46px; height:46px;} .social-text{ text-align:center; border-top:1px solid #d4d4d4; padding:18px 0 0; margin:18px 0 0 0} .social-text li{ display:inline-block; font-size:16px;} .social-text li a{ display:inline-block; margin:0 3px;} .social-text li a:hover{ color:#333} .boxed-dark-fill li a i{ background:#3b415d;border-radius: 0;color: #fff;font-size: 20px;height: 46px;line-height: 45px;width: 51px;} /************************************ FOOTER SMALL *************************************/ .footer.small { padding:80px 0 60px;} .footer.small .footer-nav ul{ float:left; padding:25px 0 20px;} .footer.small .footer-nav ul li{ float:left; display:inline-block; border:0; padding:0; color:#fff;} .footer.small .footer-nav ul li a{ display:inline-block; margin:0 7px; color:#fff;} .footer.small .footer-nav ul li a:hover{ color:#898989} .footer.small .copyright{ color:#898989} .footer.small .social.bordered li a i{ border-width:1px;} /************************************ BUTTONS *************************************/ .btn.btn-more-solutions { font-family: "proxima_nova", sans-serif; font-size: 23px; background:#3b415d; color:#fff; } .btn-more-solutions:hover, .btn-more-solutions:focus, .btn-more-solutions:active, .btn-more-solutions.active { background-color:#f78c02; color:#fff; } .btn.btn-case-study { background:#fff; border: 1px solid #f78c02; color:#f78c02; margin-top: 20px;} .btn-case-study:hover, .btn-case-study:focus, .btn-case-study:active, .btn-case-study.active { background-color:#FBA942; color:#fff; } .open > .dropdown-toggle.btn-default { background-color: #f78c02;} .btn.btn-apply { background-color:#3b415d; color:#fff; padding:10px 20px; font-size:30px; width:100%; box-shadow: -1px 6px 31px -6px rgba(0,0,0,0.3); -webkit-box-shadow: -1px 6px 31px -6px rgba(0,0,0,0.3); -moz-box-shadow: -1px 6px 31px -6px rgba(0,0,0,0.3); margin-bottom:40px !important; } .btn-apply:hover, .btn-apply:focus, .btn-apply:active, .btn-apply.active { background-color:#FBA942; color:#fff; } .btn.btn-pdf { background-color:#3b415d; color:#fff; padding:10px 20px; font-size:30px; width:100%; box-shadow: -1px 6px 31px -6px rgba(0,0,0,0.3); -webkit-box-shadow: -1px 6px 31px -6px rgba(0,0,0,0.3); -moz-box-shadow: -1px 6px 31px -6px rgba(0,0,0,0.3); margin-bottom:50px !important; } .btn-pdf:hover, .btn-pdf:focus, .btn-pdf:active, .btn-pdf.active { background-color:#FBA942; color:#fff; } .btn.btn-submit { font-family: "proxima_nova_bold"; background-color:#085561; color:#fff; margin:10px 0 30px 0; padding:10px 50px; font-size:17px; } .btn-submit:hover, .btn-submit:focus, .btn-submit:active, .btn-submit.active { background-color:#e9004c; color:#fff; } .btn.btn-view { background-color:#3b415d; color:#fff; padding:10px 20px; font-size:30px; } .btn-view:hover, .btn-view:focus, .btn-view:active, .btn-view.active { background-color:#FBA942; color:#fff; } .btn.btn-vacancy { font-family: "proxima_nova_bold"; background-color:#FBA942; color:#fff; padding:10px 20px; font-size:16px; margin-bottom: 40px;} .btn-vacancy:hover, .btn-vacancy:focus, .btn-vacancy:active, .btn-vacancy.active { background-color:#3b415d; color:#fff; } .btn.btn-update-basket, .btn.btn-empty-basket, .btn.btn-generate-pdf { font-family: "proxima_nova_bold"; background-color:#FBA942; color:#fff; padding:10px 20px; font-size:16px; margin-bottom: 10px; width:100%; } .btn-update-basket:hover, .btn.btn-empty-basket:hover, .btn.btn-generate-pdf:hover, .btn-update-basket:focus, .btn-update-basket:active, .btn-update-basket.active { background-color:#3b415d; color:#fff; } .btn.btn-viewlist { font-size:28px; color:#320411; text-transform: none; margin-top: -248px; margin-left: 113px; } .btn-viewlist:hover, .btn-viewlist:focus, .btn-viewlist:active, .btn-viewlist.active { color:#f78c02; } /************************************ ERROR 404 *************************************/ .error-404{ margin:60px 0;} .error-number{ font-size:250px;font-family: 'proxima_nova', sans-serif; font-weight:600;color: #222222;line-height: 0;margin-bottom: 20px;} .error-number img{ margin-top:20px;} .error-404 p{ font-size:32px; color:#222222;font-family: 'proxima_nova', sans-serif; font-weight:300;} .error-goto-btn{ font-family: 'proxima_nova', sans-serif; font-weight:600; color:#222222;display:inline-block; background:url("../images/home-page-bg.png") no-repeat; font-size:24px; padding:15px 17px 16px 12px} /************************************ SITEMAP *************************************/ .sitemap h1 { font-family: 'proxima_nova_bold', sans-serif; color: #00c1de; font-size: 38px; margin-bottom:15px; } .sitemap h2 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 34px; margin-bottom:20px; } .sitemap h3 { font-family: 'proxima_nova_semibold', sans-serif; color:#00c1de; font-size: 24px; margin-bottom:20px; } .sitemap h4 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 18px; margin-bottom:20px; } .sitemap-widget li a{ color:#333333; font-size:16px; } .sitemap-widget li a i{ color:#00c1de;float:left; margin: 5px 8px 0 0; } .sitemap-widget li a:hover{ color:#e9004c; } .sitemap-widget li a:hover i{ color:#e9004c } .sitemap-widget li li {list-style-type:square;color:#00c1de; margin:0 0 0 45px;} @media (max-width: 992px) { .navbar-default.nav-border-bottom .navbar-nav.nav > li > a:hover, .navbar-default.nav-border-bottom .navbar-nav.nav > li.open > a {background: #3b415d !important;border-color: #3b415d !important;} } .list-bullets li{ background: url("../images/bullet-purple.png") no-repeat 0 7px;} .footer.footer-boxed-light .footer-about a:hover, .footer.footer-boxed-light .footer-post h4 a:hover, .footer.footer-wide-light .tweets p a, .footer.footer-wide-light .footer-about a:hover, .footer.footer-wide-light .footer-post h4 a:hover{ color:#3b415d;} .btn.btn-default { background:#3b415d;} /************************************ ROYAL SLIDER *************************************/ .royalSlider {width: 100%;height: auto;position: relative;direction: ltr;} .royalSlider > * {float: left;} .rsWebkit3d .rsSlide {-webkit-transform: translateZ(0);} .rsWebkit3d .rsSlide,.rsWebkit3d .rsContainer,.rsWebkit3d .rsThumbs,.rsWebkit3d .rsPreloader,.rsWebkit3d img,.rsWebkit3d .rsOverflow,.rsWebkit3d .rsBtnCenterer,.rsWebkit3d .rsAbsoluteEl,.rsWebkit3d .rsABlock,.rsWebkit3d .rsLink {-webkit-backface-visibility: hidden;} .rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img,.rsFade.rsWebkit3d .rsContainer {-webkit-transform: none;} .rsOverflow {width: 100%;height: 100%;position: relative;overflow: hidden;float: left;-webkit-tap-highlight-color:rgba(0,0,0,0);} .rsVisibleNearbyWrap {width: 100%;height: 100%;position: relative;overflow: hidden;left: 0;top: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);} .rsVisibleNearbyWrap .rsOverflow {position: absolute;left: 0;top: 0;} .rsContainer {position: relative;width: 100%;height: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);} .rsArrow,.rsThumbsArrow {cursor: pointer;} .rsThumb {float: left;position: relative;} .rsArrow{ width:54px; height:54px; border:1px solid #fff;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomleft: 5px;border-top-right-radius: 5px;border-bottom-left-radius: 5px; position:absolute; top:50%; margin-top:-60px;z-index:99;} .rsArrow.rsArrowLeft{ left:30px; background:url("../images/left-arrow.png") no-repeat center center;} .rsArrow.rsArrowRight{ right:30px; background:url("../images/right-arrow.png") no-repeat center center;} .rsArrow,.rsNav,.rsThumbsArrow {opacity: 1;-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;} .rsHidden {opacity: 0;visibility: hidden;-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear;} .rsGCaption {width: 100%;float: left;text-align: center;} /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen {position: fixed !important;height: auto !important;width: auto !important;margin: 0 !important;padding: 0 !important;z-index: 2147483647 !important;top: 0 !important;left: 0 !important;bottom: 0 !important;right: 0 !important;} .royalSlider .rsSlide.rsFakePreloader {opacity: 1 !important;-webkit-transition: 0s;-moz-transition: 0s;-o-transition: 0s;transition: 0s;display: none;} .rsSlide {position: absolute;left: 0;top: 0;display: block;overflow: hidden; height: 100%;width: 100%;} .royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide {height: auto;} .rsContent {width: 100%;height: 100%;position: relative;background:#000;} .rsPreloader {position:absolute;z-index: 0;} .rsNav {-moz-user-select: -moz-none;-webkit-user-select: none;user-select: none;} .rsNavItem {-webkit-tap-highlight-color:rgba(0,0,0,0.25);} .rsThumbs {cursor: pointer;position: relative;overflow: hidden;float: left;z-index: 22;} .rsTabs {float: left;background: none !important;} .rsTabs,.rsThumbs {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);} .rsVideoContainer {width: auto;height: auto;line-height: 0;position: relative;} .rsVideoFrameHolder {position: absolute;left: 0;top: 0;background: #141414;opacity: 0;-webkit-transition: .3s;} .rsVideoFrameHolder.rsVideoActive {opacity: 1;} .rsVideoContainer iframe,.rsVideoContainer video,.rsVideoContainer embed,.rsVideoContainer .rsVideoObj {position: absolute;z-index: 50;left: 0;top: 0;width: 100%;height: 100%;} /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe,.rsVideoContainer.rsIOSVideo video,.rsVideoContainer.rsIOSVideo embed {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 44px;} .rsABlock {left: 0;top: -15px;position: absolute;z-index: 99;} img.rsImg {max-width: none;} img.rsImg.full-visible { opacity:1;} .grab-cursor {cursor:url("../images/grab.png") 8 8, move; cursor:-webkit-grab;} .grabbing-cursor{ cursor:url("../images/grab.png") 8 8, move;cursor:-webkit-grabbing;} .rsNoDrag {cursor: auto;} .rsLink {left:0;top:0;position:absolute;width:100%;height:100%;display:block;z-index: 20;background: url(blank.gif);} .bContainer {position: absolute;top:38%;left:0;width:100%;} .blockHeadline{ font-family:'proxima_nova_bold',sans-serif; font-size:50px; color:#fff; width:100%; } .blockText{ font-family:'proxima_nova_bold',sans-serif; font-size:40px; color:#fff; width:100%;padding-top:78px;} .videoblockHeadline{ font-family:'proxima_nova_bold',sans-serif; font-size:80px; color:#fff; width:100%; } .videoblockText{ font-family:'proxima_nova_bold',sans-serif; font-size:60px; color:#fff; width:100%;padding-top: 115px;} .blockBtn{ padding-top: 165px;width: 100%;} .blockBtn .btn{ margin:0 5px;} .rsBullets{ position:absolute; left:0; right:0; bottom:41px; text-align:center;} .rsBullets .rsBullet{ width:8px; height:8px; border:1px solid #fff; display:inline-block; border-radius:100%; margin:0 1.5px; cursor:pointer;} .rsBullets .rsBullet:hover, .rsBullets .rsBullet.rsNavSelected{ background:#fff;} .slide-dark .blockHeadline, .slide-dark .blockText{ color:#222222;} .slide-dark .rsBullets .rsBullet{ border-color:#303030} .slide-dark .rsBullets .rsBullet.rsNavSelected{ background:#303030} .rs-dark-slide .rsArrow.rsArrowLeft{ background:url("../images/left-arrow-dark.png") no-repeat center center; border-color:#222;} .rs-dark-slide .rsArrow.rsArrowRight{ background:url("../images/right-arrow-dark.png") no-repeat center center; border-color:#222;} .rs-dark-slide .rsArrow.rsArrowLeft:hover{ background:url("../images/left-arrow.png") no-repeat 20px center;} .rs-dark-slide .rsArrow.rsArrowRight:hover{ background:url("../images/right-arrow.png") no-repeat 65px center;} .rs-dark-slide .rsArrow.rsArrowLeft:hover, .rs-dark-slide .rsArrow.rsArrowRight:hover{ background-color:#222; color:#fff;} .rs-dark-slide .rsBullets .rsBullet{ border-color:#000;} .rs-dark-slide .rsBullets .rsBullet:hover{ border-color:#000; background:#000;} .rs-dark-slide .rsBullets .rsBullet.rsNavSelected{ background:#000;} .rsBtnCenterer {left: 50%;position: absolute;top: 50%;} .rsDefault .rsPlayBtn {cursor: pointer;height: 64px; margin-left: -32px; margin-top: -32px; width: 64px;} .rsPlayBtnIcon {background: url("rs-default.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0.75);border-radius: 4px;display: block;height: 64px;transition: all 0.3s ease 0s; width: 64px;} .rsArrow.rsArrowLeft .rsSlideCount{ position: absolute;left:-1px;top: -1px; color:#222;width: 100px; text-align: right;padding: 15px 14px 13px;border-bottom-left-radius: 5px;border-top-right-radius: 5px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .rsArrow.rsArrowRight .rsSlideCount2{ position: absolute;right: -1px;top: -1px;color:#222;width: 100px;text-align: left;padding: 15px 14px 13px;border-bottom-left-radius: 5px; border-top-right-radius: 5px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .rsArrow.rsArrowLeft:hover .rsSlideCount, .rsArrow.rsArrowRight:hover .rsSlideCount2{transform: scale(1, 1);} .rsArrow.rsArrowLeft:hover .rsSlideCount, .rsArrow.rsArrowRight:hover .rsSlideCount2{transform: scale(1, 1);} .rs-dark-slide .rsArrow.rsArrowLeft .rsSlideCount,.rs-dark-slide .rsArrow.rsArrowRight .rsSlideCount2{color:#fff;} .rsArrow.rsArrowLeft, .rsArrow.rsArrowRight{ overflow:hidden;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .rsArrow.rsArrowLeft:hover, .rsArrow.rsArrowRight:hover{ background:#fff; width:100px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .rsArrow.rsArrowLeft:hover{ background:url("../images/left-arrow-dark.png") no-repeat 20px center #fff;} .rsArrow.rsArrowRight:hover{ background:url("../images/right-arrow-dark.png") no-repeat 65px center #fff;} .banner-video{ position:absolute; left:0; top:0; width:100%; height:100%;} .banner-video video{ opacity:.5;} /************************************ RESPONSIVE SLIDES *************************************/ .rslides {position: relative;list-style: none; overflow: hidden;padding: 0;margin: 0;} .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;} .rslides li:first-child { position: relative; display: block; float: left;} .rslides img {display: block;height: auto;float: left;width: 100%;max-width: 533px;border: 0;padding:5px; border:1px solid #dadada; border-radius:2px; margin-bottom:7px;} .rslides_tabs li{ float:left; list-style:none;} .rslides_tabs img{ padding:5px; border:1px solid #dadada; border-radius:2px;margin:0 7px 7px 0;} .logos{padding-top: 38px;} .logos ul.rslides img{ padding:0; border:0;width:auto; float:none; margin:0 auto; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } .logos ul.rslides img:hover{ filter:none;-webkit-filter:none;} .rslides_tabs.img-slider-pager{ position:relative; bottom:0;} .rslides_tabs.img-slider-pager li{ float:left; margin:0;} .rslides_tabs.img-slider-pager li a, .rslides_tabs.img-slider-pager li.rslides_here a{ width:auto; height:auto; background:none;} .bg-image-slider{ position:relative;} .bg-image-slider img{ border:0; padding:0; max-width:none; width:100%;} .bg-image-slider .rslides_nav{ position:absolute; left:28px; top:50%; width:72px; height:72px; background:url("../images/left-arrow-dark.png") no-repeat center center #fff; border-radius:100%; z-index:110; font-size:0; margin-top:-36px;} .bg-image-slider .rslides_nav.next{ left:auto; right:28px; background:url("../images/right-arrow-dark.png") no-repeat center center #fff;} .bg-image-slider-text{ position:absolute; left:0; right:0; text-align:center; top:50%; z-index:100; font-size:48px;transform: translateY(-50%);} .bg-image-slider-text p{ max-width:930px; margin:0 auto;font-family: "proxima_nova",sans-serif; font-weight:800; color:#fff; line-height:60px;} .bg-image-slider-text small{ display:block; font-size:18px;font-weight:600; text-transform:uppercase;} /*************************** RESPONSIVE TABS **********************************/ ul.resp-tabs-list {margin: 0px;padding: 0px;} .resp-tabs-list li { font-weight: 600;font-size: 13px;display: inline-block; padding: 0;margin: 0;list-style: none;cursor: pointer;} .resp-tab-item a:hover, .resp-tab-active a, .resp-tab-item a:hover span{ color:#fff;} .resp-tab-active a, .resp-tab-active a span{ color:#fff !important;} .resp-tabs-container {padding: 0px;background-color: #fff;clear: left;} h2.resp-accordion {cursor: pointer;padding: 5px;display: none;} .resp-tab-content { display: none;padding: 0;} .resp-tab-active { border-bottom: none; margin-bottom: -1px !important; padding: 0 !important;color:#fff; background:#2991d6; border-color:#2991d6} .resp-tab-active { border-bottom: none;color:#fff; background:#2991d6; border-color:#2991d6} .resp-tab-active a{ color:#fff;} .resp-content-active, .resp-accordion-active { display: block;} h2.resp-accordion { font-size: 20px; border-bottom: 1px solid #e3e3e3; border-top: 0px solid #e3e3e3; margin: 0px; padding: 15px;} h2.resp-tab-active { border-bottom: 0px solid #e3e3e3 !important; margin-bottom: 0px !important; padding: 15px !important;} h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important; background: blue;} /*-----------Vertical tabs-----------*/ .resp-vtabs{ padding:120px 0 75px !important;} .resp-vtabs ul.resp-tabs-list { float: left;width: 30%;border: 1px solid #d2d2d2;border-right:0;} .resp-vtabs .resp-tabs-list li { display: block; padding: 19px 29px 19px !important; margin: 0; cursor: pointer;float: none;font-family: 'proxima_nova', sans-serif;border-bottom: 1px solid #d2d2d2;} .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #d2d2d2; float: left; width: 68%; min-height: 250px; clear: none;} .resp-vtabs .resp-tab-content { border: none;padding:42px 38px;} .resp-vtabs .resp-tab-content h3{font-size:32px;} .resp-vtabs li.resp-tab-active { background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 20px 29px !important;} .resp-arrow { width: 0;height: 0; float: right; margin-top: 3px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #c1c1c1;} h2.resp-tab-active span.resp-arrow {border: none; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #fff;} /*-----------Accordion styles-----------*/ h2.resp-tab-active { background: #3b415d !important;} .resp-easy-accordion h2.resp-accordion { display: block;} .resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;} .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important;} .resp-jfit { width: 100%; margin: 0px;} .resp-tab-content-active { display: block;} h2.resp-accordion:last-child { border:0;} /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ @media only screen and (max-width: 768px) { ul.resp-tabs-list { display: none;} h2.resp-accordion { display: block;} .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1;} .resp-vtabs .resp-tabs-container { border: none;float: none; width: 100%;min-height: initial; clear: none;} .resp-accordion-closed { display:none !important;} .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important;} .verticalTab.normal-tabs-vertical .resp-tabs-container{ width:100% !important;} } .resp-vtabs li{ font-size:20px; font-weight:normal} .simple-tabs .resp-tabs-list li a{ padding:16px 45px 15px; font-size:20px; font-family: 'proxima_nova', sans-serif; background:#222222; color:#fff} .bordered-tabs .resp-tabs-list li{ line-height:25px;} .bordered-tabs .resp-tabs-list li a{ background:#fff;border: 1px solid #e7e7e7;color: #575757;font-size: 18px;font-weight:600;} .bordered-tabs .resp-tabs-list li a:hover, .bordered-tabs li.resp-tab-active a { color:#fff;} .bordered-tabs .resp-tab-content { border: 1px solid #e7e7e7; margin: 12px 0 0;} .verticalTab.normal-tabs-vertical .resp-tabs-list{ width:14%; border:0;} .verticalTab.normal-tabs-vertical .resp-tabs-container{ width:86%;} .resp-vtabs.normal-tabs-vertical .resp-tabs-list li{ padding:11px 40px !important; margin-bottom:4px!important; border:1px solid #d2d2d2; border-right:0; float:right} .resp-vtabs.normal-tabs-vertical .resp-tabs-list li.resp-tab-active, .resp-vtabs.normal-tabs .resp-tabs-list li:hover{ padding:11px 40px !important; margin-bottom:4px !important; border-left:4px solid transparent !important;} .resp-vtabs.normal-tabs-vertical .resp-tabs-container{ margin:0;} .normal-tabs-bordered-btns{ padding:50px 0 0} .normal-tabs-bordered-btns .resp-tabs-list{ padding-bottom:10px;} .normal-tabs-bordered-btns .resp-tabs-list .resp-tab-item a{ border:1px solid #c4c4c4; font-size:20px; color:#222; padding:12px 20px 10px;} .normal-tabs-bordered-btns .resp-tabs-list .resp-tab-item.resp-tab-active a, .normal-tabs-bordered-btns .resp-tabs-list .resp-tab-item a:hover{ color:#fff;} /************************************ VALIDATE ENGINE *************************************/ .formError { z-index: 22; } .formError .formErrorContent { z-index: 991; } .formError .formErrorArrow { z-index: 996; } .ui-dialog .formError { z-index: 5000; } .ui-dialog .formError .formErrorContent { z-index: 5001; } .ui-dialog .formError .formErrorArrow { z-index: 5006; } .inputContainer {position: relative;float: left;} .formError {position: absolute;top: 300px;left: 300px;display: block;cursor: pointer;text-align: left;} .formError.inline {position: relative;top: 0;left: 0;display: inline-block;} .ajaxSubmit {padding: 20px;background: #55ea55;border: 1px solid #999;display: none;} .formError .formErrorContent {width: 100%;background: #E4090A;position:relative;color: #fff;min-width: 136px;font-size: 11px;border: 2px solid #ddd;box-shadow: 0 0 6px #000;-moz-box-shadow: 0 0 6px #000;-webkit-box-shadow: 0 0 6px #000;-o-box-shadow: 0 0 6px #000;padding: 4px 10px 4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 6px;} .formError.inline .formErrorContent {box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;-o-box-shadow: none;border: none;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;} .greenPopup .formErrorContent {background: #33be40;} .blackPopup .formErrorContent {background: #393939;color: #FFF;} .formError .formErrorArrow {width: 15px;margin: -2px 0 0 13px;position:relative;} body[dir='rtl'] .formError .formErrorArrow,body.rtl .formError .formErrorArrow {margin: -2px 13px 0 0;} .formError .formErrorArrowBottom {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-o-box-shadow: none;margin: 0px 0 0 12px;top:2px;} .formError .formErrorArrow div {border-left: 2px solid #ddd;border-right: 2px solid #ddd;box-shadow: 0 2px 3px #444;-moz-box-shadow: 0 2px 3px #444;-webkit-box-shadow: 0 2px 3px #444;-o-box-shadow: 0 2px 3px #444;font-size: 0px;height: 1px;background: #E4090A;margin: 0 auto;line-height: 0;font-size: 0;display: block;} .formError .formErrorArrowBottom div {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-o-box-shadow: none;} .greenPopup .formErrorArrow div {background: #33be40;} .blackPopup .formErrorArrow div {background: #393939;color: #FFF;} .formError .formErrorArrow .line10 {width: 13px;border: none;} .formError .formErrorArrow .line9 {width: 11px;border: none;} .formError .formErrorArrow .line8 {width: 11px;} .formError .formErrorArrow .line7 {width: 9px;} .formError .formErrorArrow .line6 {width: 7px;} .formError .formErrorArrow .line5 {width: 5px;} .formError .formErrorArrow .line4 {width: 3px;} .formError .formErrorArrow .line3 {width: 1px;border-left: 2px solid #ddd;border-right: 2px solid #ddd;border-bottom: 0 solid #ddd;} .formError .formErrorArrow .line2 {width: 3px;border: none;background: #ddd;} .formError .formErrorArrow .line1 {width: 1px;border: none;background: #ddd;} .con_us input[type="submit"] { background: none repeat scroll 0 0 #E6320E; border: 0 none; color: #FFFFFF; font-size: 12px; height: 33px; text-transform: uppercase; width: 100%;} .con_us input[type="text"] { margin-bottom: 25px;} .con_us textarea { margin-bottom: 25px;} /************************************ OWL CAROUSEL *************************************/ .owl-carousel .owl-wrapper:after { content: "."; display: block;clear: both; visibility: hidden;line-height: 0; height: 0;} .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y;} .owl-carousel .owl-wrapper { display: none; position: relative;} .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;} .owl-carousel .owl-item {float: left;} .owl-controls .owl-buttons div,.owl-controls .owl-page { cursor: pointer; position: absolute;} .owl-buttons .owl-prev { width: 75px;height: 57px;display: block;left: -120px;} .owl-buttons .owl-next {width: 75px;height: 57px; display: block;right: -120px;} .owl-buttons .owl-next:hover,.owl-buttons .owl-prev:hover {background-position: center bottom;} .owl-controls {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; left: 0; position: absolute;top: 50%;width: 100%;} .grabbing {cursor: url(../images/grabbing.png) 8 8,move;} .owl-carousel .owl-item,.owl-carousel .owl-wrapper {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);} .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px;} .owl-fade-out { z-index: 10;-webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;} .owl-fade-in { -webkit-animation: fadeIn .7s both ease;-moz-animation: fadeIn .7s both ease;animation: fadeIn .7s both ease;} .owl-backSlide-out {-webkit-animation: backSlideOut 1s both ease;-moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;} .owl-backSlide-in {-webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;} .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both;-moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;} .owl-goDown-in { -webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;} .owl-fadeUp-in {-webkit-animation: scaleUpFrom .5s ease both;-moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;} .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;} @-webkit-keyframes empty { 0% { opacity: 1; }} @-moz-keyframes empty { 0% { opacity: 1; }} @keyframes empty { 0% { opacity: 1; }} @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }} @-moz-keyframes fadeIn { 0% { opacity: 0;}100% { opacity: 1;}} @keyframes fadeIn { 0% { opacity: 0; }100% { opacity: 1;}} @-webkit-keyframes fadeOut { 0% { opacity: 1;}100% { opacity: 0;}} @-moz-keyframes fadeOut {0% { opacity: 1;} 100% {opacity: 0;}} @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }} @-webkit-keyframes backSlideOut { 25% {opacity: .5;-webkit-transform: translateZ(-500px); } 100%,75% { opacity: .5;-webkit-transform: translateZ(-500px) translateX(-200%); }} @-moz-keyframes backSlideOut { 25% { opacity: .5;-moz-transform: translateZ(-500px);} 100%,75% { opacity: .5;-moz-transform: translateZ(-500px) translateX(-200%);}} @keyframes backSlideOut {25% { opacity: .5; transform: translateZ(-500px); }100%,75% { opacity: .5; transform: translateZ(-500px) translateX(-200%);}} @-webkit-keyframes backSlideIn { 0%,25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px);}100% {opacity: 1; -webkit-transform: translateZ(0) translateX(0); }} @-moz-keyframes backSlideIn { 0%,25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%);} 75% { opacity: .5; -moz-transform: translateZ(-500px); }100% { opacity: 1;-moz-transform: translateZ(0) translateX(0);}} @keyframes backSlideIn { 0%,25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5;transform: translateZ(-500px); } 100% { opacity: 1;transform: translateZ(0) translateX(0); }} @-webkit-keyframes scaleToFade {to { opacity: 0; -webkit-transform: scale(.8);}} @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8);}} @keyframes scaleToFade {to { opacity: 0; transform: scale(.8);}} @-webkit-keyframes goDown {from { -webkit-transform: translateY(-100%); }} @-moz-keyframes goDown { from { -moz-transform: translateY(-100%);}} @keyframes goDown { from { transform: translateY(-100%);}} @-webkit-keyframes scaleUpFrom {from { opacity: 0;-webkit-transform: scale(1.5);}} @-moz-keyframes scaleUpFrom {from { opacity: 0; -moz-transform: scale(1.5); }} @keyframes scaleUpFrom {from { opacity: 0; transform: scale(1.5);}} @-webkit-keyframes scaleUpTo {to { opacity: 0; -webkit-transform: scale(1.5);}} @-moz-keyframes scaleUpTo {to { opacity: 0; -moz-transform: scale(1.5);}} @keyframes scaleUpTo {to { opacity: 0; transform: scale(1.5);}} .text-slider .owl-controls { top:auto; bottom:-25px;} .text-slider .owl-controls .owl-pagination .owl-page{ position:relative; display:inline-block; margin:0 2.5px;} .text-slider .owl-controls .owl-pagination .owl-page span{ display:block; width:9px; height:9px; border:1px solid #828282; border-radius:100%;} .text-slider .owl-controls .owl-pagination .owl-page.active span, .text-slider .owl-controls .owl-pagination .owl-page span:hover{border:1px solid transparent;} .bullets .owl-controls { top:auto; bottom:25px;} .bullets .owl-controls .owl-pagination{ text-align:center} .bullets .owl-controls .owl-pagination .owl-page{ position:relative; display:inline-block; margin:0 2.5px;} .bullets .owl-controls .owl-pagination .owl-page span{ display:block; width:14px; height:14px; border:1px solid #ccc; background:#fff; border-radius:100%;} .bullets .owl-controls .owl-pagination .owl-page.active span{border:1px solid #99cc33; background:#99cc33;} .testimonials .owl-controls { top: auto;bottom: 0;right: 0;left: auto;text-align: right;} .testimonials .owl-controls .owl-pagination .owl-page{ position:relative; display:inline-block; margin:0 2.5px;} .testimonials .owl-controls .owl-pagination .owl-page span{ display:block; width:18px; height:18px; border:1px solid #fff; border-radius:100%;} .testimonials .owl-controls .owl-pagination .owl-page:hover span, .testimonials .owl-controls .owl-pagination .owl-page.active span{border:1px solid #fff; background:#fff} .arrows-fancy .owl-buttons{ position:absolute; left:22px; right:22px; top:50%; margin-top:-33.5px;} .arrows-fancy .owl-buttons .owl-prev{ background:url(../images/fancy-arrows.png) no-repeat 0 -68px; width:67px; height:67px; display:block; left:0} .arrows-fancy .owl-buttons .owl-next{ background:url(../images/fancy-arrows.png) no-repeat 0 0; width:67px; height:67px; display:block; right:0} .arrows-fancy .owl-buttons .owl-next:hover{ background-position:0 0;} .arrows-fancy .owl-buttons .owl-prev:hover, .arrows-fancy .owl-buttons .owl-next:hover{ opacity:.8;} .arrows-fancy-transparent .owl-buttons{ position:absolute; left:22px; right:22px; top:50%; margin-top:-33.5px;} .arrows-fancy-transparent .owl-buttons .owl-prev{ background:url(../images/fancy-arrows.png) no-repeat 0 -68px; width:67px; height:67px; display:block; left:0} .arrows-fancy-transparent .owl-buttons .owl-next{ background:url(../images/fancy-arrows.png) no-repeat 0 0; width:67px; height:67px; display:block; right:0} .arrows-fancy-transparent .owl-buttons .owl-next:hover{ background-position:0 0;} .arrows-fancy-transparent .owl-buttons .owl-prev:hover, .arrows-fancy-transparent .owl-buttons .owl-next:hover{ opacity:.8;} .arrows-fancy-dark-transparent .owl-buttons{ position:absolute; left:22px; right:22px; top:50%; margin-top:-33.5px;} .arrows-fancy-dark-transparent .owl-buttons .owl-prev{ background:url(../images/fancy-arrows-dark.png) no-repeat 0 -68px; width:67px; height:67px; display:block; left:0} .arrows-fancy-dark-transparent .owl-buttons .owl-next{ background:url(../images/fancy-arrows-dark.png) no-repeat right 0; width:67px; height:67px; display:block; right:0} .arrows-fancy-dark-transparent .owl-buttons .owl-next:hover{ background-position:right bottom;} .arrows-fancy-dark-transparent .owl-buttons .owl-prev:hover{ background-position:0 0; } .arrows .owl-buttons .owl-prev{ background:url(../images/fancy-arrows.png) no-repeat 0 -68px #fff; width:67px; height:67px; display:block; left:0;margin-top: -33.5px;} .arrows .owl-buttons .owl-next{ background:url(../images/fancy-arrows.png) no-repeat 0 0 #fff; width:67px; height:67px; display:block; right:0;margin-top: -33.5px;} .arrows .owl-buttons .owl-next:hover{ background-position:0 0;} .arrows .owl-buttons .owl-prev:hover, .owl-buttons .owl-next:hover{ opacity:.8;} .arrows.small-arrows .owl-buttons .owl-prev, .arrows.small-arrows .owl-buttons .owl-next{ width:50px; height:50px;margin-top: -25px;} .arrows.small-arrows .owl-buttons .owl-prev{background-position: -10px -76px;} .arrows.small-arrows .owl-buttons .owl-next{background-position: -10px -8px;} .arrows.small-arrows .owl-buttons .owl-prev:hover, .arrows.small-arrows .owl-buttons .owl-next:hover{ opacity:.8;} .arrows-simple-dark .owl-buttons{ position:absolute; left:0; right:0; top:50%; margin-top:-34.5px;} .arrows-simple-dark .owl-buttons .owl-prev{ background:url(../images/arrows-simple-dark.png) no-repeat 0 0; width:47px; height:69px; display:block; left:0} .arrows-simple-dark .owl-buttons .owl-prev:hover{ background-position:0 0;} .arrows-simple-dark .owl-buttons .owl-next{ background:url(../images/arrows-simple-dark.png) no-repeat 0 -69px; width:47px; height:69px; display:block; right:0} .arrows-simple-dark .owl-buttons .owl-next:hover{ background-position:0 -69px;} .arrows-simple-dark .owl-buttons .owl-prev:hover, .arrows-simple-dark .owl-buttons .owl-next:hover{ opacity:.8;} .arrows-simple-dark.small-arrows .owl-buttons .owl-prev, .arrows-simple-dark.small-arrows .owl-buttons .owl-next{ width:35px; height:57px;} .arrows-simple-dark.small-arrows .owl-buttons .owl-prev{ background-position: -7px -4px;} .arrows-simple-dark.small-arrows .owl-buttons .owl-next{ background-position: -5px -73px} .bullets-grey .owl-controls{ position:absolute; left:0; bottom:20px; right:0; top:auto; text-align:center;} .bullets-grey .owl-pagination .owl-page{ background:#aaaaaa;border-radius: 100%;display: inline-block;height: 14px; margin: 0 4px;position: relative; width: 14px;} .bullets-grey .owl-pagination .owl-page.active{ background:#484848;} .recent-work .owl-buttons {margin-top: -77.5px;}.recent-work .zoom-thumbnail{ cursor:grab; cursor:-webkit-grab;} .recent-work .zoom-thumbnail:focus{ cursor:grabbing; cursor:-webkit-grabbing;} .recent-work .zoom-thumbnail figcaption h3{ cursor:pointer;} /************************************ ALERT BAR *************************************/ #alertbar { position: relative; padding:15px; background-color: #c4453c; background-size: 20px 20px; border-bottom: 2px solid #fff; display: block; height: 100px; width: 100%; background-image: -webkit-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.05) 25%, hsla(0,0%,0%,.05) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.05) 75%, hsla(0,0%,0%,.05)); background-image: -moz-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1)); background-image: -ms-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1)); background-image: -o-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1)); background-image: linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1)); } #alertbar:target { display: none; } #alertbar p { font-family: 'proxima_nova_semibold', sans-serif; font-size:22px; color: #fff; padding-top:20px; margin:0; text-align: center; text-decoration: none; } #alertbar p a:hover, #alertbar p a:focus, #alertbar p a:active {color:#fff;} @media (max-width: 1135px) { #alertbar { height:125px;} } @media (max-width: 600px) { #alertbar { height:160px;} } @media (max-width: 430px) { #alertbar p { font-size:18px; } } @media (max-width: 370px) { #alertbar { height:190px; } } /************************************ ATBAR *************************************/ #toolbar-launch img { padding: 0; opacity: 0.6;} .btn.btn-atbar { background-color:#085561; color:#fff; padding:10px 20px; font-size:25px; } .btn-atbar:hover, .btn-atbar:focus, .btn-atbar:active, .btn-atbar.active { background-color:#e9004c; color:#fff; } /************************************ SNOW WATCH *************************************/ .snow-watch h1 { font-family: 'proxima_nova_bold', sans-serif; color: #00c1de; font-size: 38px; margin-bottom:15px; } .snow-watch h2 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 34px; margin-bottom:20px; } .snow-watch h3 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 24px; margin-bottom:20px; } .snow-watch h4 { font-family: 'proxima_nova_semibold', sans-serif; color:#085561; font-size: 18px; margin-bottom:20px; } .snow-watch .line { border-bottom: 1px solid #eee; padding-bottom: 10px;} .snow-watch p { font-size:16px; margin-bottom: 20px; } /************************************ GRADUATION 2019 *************************************/ .graduation-2019 h1 { font-family: 'proxima_nova_bold', sans-serif; color: #00293d; font-size: 38px; margin-bottom:15px; } .graduation-2019 h2 { font-family: 'proxima_nova_semibold', sans-serif; color:#00293d; font-size: 34px; margin-bottom:20px; } .graduation-2019 h3 { font-family: 'proxima_nova_semibold', sans-serif; color:#00293d; font-size: 24px; margin-bottom:20px; } .graduation-2019 h4 { font-family: 'proxima_nova_semibold', sans-serif; color:#00293d; font-size: 18px; margin-bottom:20px; } .graduation-2019 .line { border-bottom: 1px solid #6a8390; padding-bottom: 10px;} .graduation-2019 p { font-size:16px; color: #00293d; margin-bottom: 20px; } .graduation-2019 .blue-bg { position:relative; padding:30px 30px 20px 30px; background-color:#00293d; } .graduation-2019 .blue-bg h3, .graduation-2019 .blue-bg p { font-family: 'proxima_nova', sans-serif; color:#efdca4; } .graduation-2019 .blue-bg-mb { position:relative; padding:30px 30px 20px 30px; border-radius:5px; background-color:#00293d; margin-bottom:20px; color:#efdca4; } .graduation-2019 .blue-bg-mb p { color:#efdca4; } .graduation-2019 .cream-bg { position:relative; padding:30px 30px 20px 30px; background-color:#efdca4; color:#00293d; } .graduation-2019 .cream-bg-mb { position:relative; padding:30px 30px 20px 30px; border-radius:5px; background-color:#efdca4; margin-bottom:20px; color: #00293d; } /*----------- Homepage Row 1 -----------*/ .grad-multicolour { position: relative;width:100%; } .grad-multicolour .grad-spacing { padding:15%; } .grad-multicolour .col-md-4 { padding: 1px; } .grad-multicolour .grad-col-one { background-color: #00293d;color:#fff; } .grad-multicolour .grad-col-one h3 { margin-bottom:20px;color:#fff; } .grad-multicolour .grad-col-one p { margin-bottom:40px; line-height:2;color:#fff; } .grad-multicolour .grad-col-one p.more-info { margin-bottom:0; } .grad-multicolour .grad-col-one:hover {color:#fff;cursor: hand;cursor: pointer; background-color:#000;} .grad-multicolour .grad-col-two { background-color:#003f5e;color:#fff; } .grad-multicolour .grad-col-two h3 { color:#fff;margin-bottom:20px; } .grad-multicolour .grad-col-two p { margin-bottom:40px; line-height:2;color:#fff; } .grad-multicolour .grad-col-two p.more-info { margin-bottom:0; } .grad-multicolour .grad-col-two:hover {color:#fff;cursor: hand;cursor: pointer; background-color:#000;} .grad-multicolour .grad-col-three { background-color:#015b87;color:#fff;} .grad-multicolour .grad-col-three h3 { color:#fff;margin-bottom:20px; } .grad-multicolour .grad-col-three p { margin-bottom:40px; line-height:2;color:#fff; } .grad-multicolour .grad-col-three p.more-info { margin-bottom:0; } .grad-multicolour .grad-col-three:hover {color:#fff;cursor: hand;cursor: pointer; background-color:#000;} .grad-multicolour .fa { position: relative; -webkit-transition: none 172ms ease-out; transition: none 172ms ease-out; -webkit-transition-property: margin; transition-property: margin; } .grad-multicolour a.info-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; z-index: 10; /* raises anchor tag above everything else in div */ background-color: white; /*workaround to make clickable in IE */ opacity: 0; /*workaround to make clickable in IE */ filter: alpha(opacity=0); /*workaround to make clickable in IE */ } @media only screen and (max-width:1300px) and (min-width:993px) { .grad-multicolour .grad-col-one, .grad-multicolour .grad-col-two, .grad-multicolour .grad-col-three {height:300px;} } @media only screen and (max-width: 992px) { .grad-multicolour {margin-bottom:5px;} .grad-multicolour .grad-spacing {padding:5%;} } /*----------- Homepage Row 2 -----------*/ .grad-listing .col-md-6 { padding: 1px; } .grad-listing, .grad-listing figure, .grad-listing figure > a, .grad-listing figure img { width: 100%; } .grad-listing ul li { list-style: none; margin-bottom: 10px; } .grad-listing figure:before { background-color: #00293d; } .grad-listing figure:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.50; } .grad-listing figcaption { position: absolute; left: 0px; top: 50%; width: 100%; text-align: center; margin: -10px 0px 0px 0px; } .grad-listing figcaption h2 { color: #ffffff; margin-bottom: 13px; font-size: 30px; font-family: 'proxima_nova_bold', sans-serif; } .grad-listing figcaption .grad-btn { display: inline-block; padding: 11px 21px 10px 21px; font-size: 13px; color:#efdca4; border: 1px solid; text-transform: uppercase; font-weight: 500; border-color:#efdca4; } .grad-listing figcaption .grad-btn:hover { color: #000000; background-color: #efdca4; } .grad-listing figcaption .grad-btn { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .grad-listing figcaption .grad-btn { line-height: 1; opacity: 0; } .grad-listing ul li:hover figcaption .grad-btn { opacity: 1; } .grad-listing ul li:hover figcaption { margin-top: -40px; } .grad-listing ul li:hover figure:before { opacity: 0.98; } .grad-listing figure { margin-bottom: 0px; } .grad-listing figcaption, .grad-listing figure:before { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media only screen and (max-width: 992px) { .grad-listing .col-md-6 { padding:110px; } .grad-listing figure:before {} .grad-listing ul li { margin-bottom: 3px; } .grad-listing figure:before { opacity:1; } .grad-listing figcaption {text-align:left; margin-top:-90px;padding: 40px;} .grad-listing figcaption .grad-btn { color:#000; font-size:23px; display:block; background-color:#efdca4;line-height:1;opacity:1; } .grad-listing ul li:hover figcaption { margin-top: -90px;color:#fff; } } @media only screen and (max-width: 420px) { .grad-listing figcaption {top:38%;} .grad-listing figcaption h2 {font-size:23px;} .grad-listing figcaption .grad-btn {font-size:18px;} } /*----------- Homepage Row 3 -----------*/ .grad-section { float: left; width: 100%; position: relative; } .grad-section-full { padding: 50px 50px 0px 50px; background-color: #00293d; } .grad-title { float: left; width: 100%; text-align: center; margin-bottom: 40px; } .grad-title h2 { color:#efdca4; margin-bottom: 0px; position: relative; display: inline-block; padding-bottom: 9px; } .grad-details { float: left; width: 100%; margin-top: 70px; } .grad-details ul li { list-style: none; text-align: center; margin-bottom:30px; } .grad-details ul li span { display: inline-block; font-size: 22px; padding-bottom: 16px; padding-right:20px; margin-bottom: 17px; line-height: 1; color:#efdca4; border-bottom: 2px dashed #dadada; } .grad-details h4 {color:#fff;} .grad-contact { float: left; width: 100%; background-color: #003f5e; border: 16px solid #efdca4; border-bottom: none; text-align: center; padding: 50px 35px 65px 35px; position: relative; } .grad-contact h3 { margin-bottom: 40px; color:#fff; } .grad-contact p { margin-bottom: 0; color:#fff; } .grad-contact p a { color:#efdca4; } .grad-contact .grad-btn-2 { display: inline-block; padding: 11px 21px 10px 21px; font-size: 13px; color:#efdca4; border: 1px solid; text-transform: uppercase; font-weight: 500; border-color:#efdca4;margin-top:40px; } .grad-contact .grad-btn-2:hover { color: #000000; background-color: #efdca4; } .grad-contact .grad-btn-2 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media only screen and (max-width: 992px) { .grad-details {margin-top:0;} } @media only screen and (max-width: 420px) { .grad-section-full {padding:50px 0 0 0;} } /************************************ GO TO TOP *************************************/ #gotoTop { display: none; z-index: 999; position: fixed; width: 40px; height: 40px; background-color: #00c1de; font-size: 20px; line-height: 36px; text-align: center; color: #fff; top: auto; left: auto; right: 30px; bottom: 30px; cursor: pointer; border-radius: 2px; transition: background-color .2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -ms-transition: background-color .2s linear; -o-transition: background-color .2s linear; } #gotoTop:hover { background-color: #e9004c; } /* CUSTOM RESPONSIVE */ @media(max-width: 1800px) { .main-banner .main-overlay:before { right:940px; } } @media(max-width: 1700px) { .main-banner .main-overlay:before { right:880px; } } @media(max-width: 1650px) { .main-banner .main-overlay:before { right:815px; } .rsABlock {left:80px;top:-90px;} .blockHeadline {font-size:45px;} .blockText {font-size: 33px; padding-top: 75px;} } @media(max-width: 1500px) { .main-banner .main-overlay:before { right:750px;height:800px; } .rsABlock {left:125px;top:60px;} .blockHeadline {font-size:45px;} .blockText {font-size: 33px; padding-top: 75px;} .rsArrow {margin-top:0;} } @media(max-width: 1400px) { .main-banner .main-overlay:before { right:680px; } } @media(max-width: 1300px) { .btm-banner .overlay:before {right:650px;} .btm-banner h2 {font-size:27px;} } @media(max-width: 1200px) { .mb-1200 { margin-bottom: 20px!important;} .fluid-nav .navbar-nav li a{ padding-left:16px;padding-right:16px;} .nd {display: none !important; } #main-content {margin-top:-35px;} .navbar-default.transparent{ position:relative;min-height:85px; } .navbar-default.transparent .container {box-shadow:none;} .mobile-logo {display:block; float: left;margin: 15px 0 0 15px;} .course-type-orange {border-right:0px;} .btn.btn-dark-blue .button-icon {display: none;} .rsABlock {top:-9px;} .rsArrow {margin-top:-50px;} .main-banner .main-overlay:before { height:640px; right:640px; } .nd-1200 {display:block;} .bg-share h3 {display: none;} .bg-share {display: none;} } @media (min-width:1199px) {.nd-1200 {display:none!important;} } @media(max-width: 1100px) { .main-banner .main-overlay:before { right:560px; } .btm-banner .overlay:before {right:550px;} } @media(max-width: 1085px) { .btn.btn-course-list, .btn.btn-calendar { font-size: 25px;} .faa-feature h2 { font-size: 20px; } .btn.btn-viewlist { font-size: 25px; } .footer p.copyright, .footer-nav ul li a { font-size: 13px; } } @media (min-width: 993px) and (max-width: 1169px) { .sections-caption h2, .sections-caption h2 a {font-size:25px; padding:10px 25px 10px 40px; } .blockBtn { padding-top: 130px;} #img-slider li img{ max-width:none;} .nav > li > a { padding-left: 14px; padding-right: 13px;} .carousel-indicators.tab-banner-nav li p span{ font-size:24px;} .carousel-indicators.tab-banner-nav li p{ font-size:14px;padding: 25px 10px;} .btn.btn-generate-pdf { width:170px; } } @media (max-width: 1024px) { .navbar-default .navbar-nav{ background:#191919;} } @media (max-width: 992px) { .top-bar .top-contact-info li.call-me .tel-tooltip:hover::before { top: 45px; left:28px;} .top-bar .top-contact-info li.call-me .tel-tooltip:hover::after { top: 65px; right: -15px;} .navbar-brand{ display:none;} .sidebar-navbar-brand {font-size:19px;} .course-types {background-image: none;margin-bottom:40px;min-height:0;} .course-type-blue, .course-type-orange, .course-type-green, .course-type-red {top:30px;} .latest-news h2 {margin-bottom:20px;} .nd-992 {display:none!important;} .text-right {text-align:left;} .btm-banner .overlay:before {right:450px;} .footer-top .footer-buttons { margin-top: 34px; height: 80px; } .footer-bottom .footer-nav {margin-bottom:15px;} .fl { text-align:left !important;} .mb { margin-bottom: 20px;} .about .content-block {min-height:210px;} .about .content-block .slogan-wrap {top:55px;} .rsABlock {top:-14px;} .main-banner .main-overlay:before { right:500px; } .sections-caption h2, .sections-caption h2 a {font-size:20px; padding:10px 25px 10px 35px; } .nop { padding-top:40px; padding-bottom:30px; } .faa-feature { max-height:530px; } .faa-feature h2 { margin-left:190px; } .btn.btn-viewlist { font-size:23px; margin-top: -247px; margin-left: 225px; } .height100 { height:300px; } .centered { text-align:center; } .faa-feature img.applogo { text-align:center;} .ftr-about, .ftr-links { margin-bottom:30px; } .tweets.small p { padding-bottom: 25px; } .ftr-social { margin-bottom:70px; } .footer p.copyright { line-height: 20px;} .search{ bottom: -60px; top:auto; height:auto;} .blockHeadline{font-size:37px;} .blockText {font-size: 25px; padding-top: 62px;} .blockBtn { padding-top: 104px;} } @media (min-width:992px) { .display-992 {display:none;} .display-992 h1 {background:#fff;} } @media (max-width: 875px) { .nd-875 {display:none!important;} .link-caption-1 {left:95px;bottom:15px; } } @media (max-width: 767px) { .nd-767 {display:none!important;} .container > .navbar-header {padding-left:10px;} .top-bar .top-contact-info {width:100%;} .top-bar .top-contact-info, .top-bar .top-contact-info li {float:none;display:inline-block;text-align: center;} .top-bar .top-contact-info li {padding: 20px 10px 15px 10px; } .top-bar .top-contact-info li.call-me {width:50%;text-align: center;border-bottom: 0px;border-right: 1px solid rgba(255, 255, 255, 0.34);padding:10px 20px 12px 15px!important;float:left!important;line-height: 22px;} .top-bar .top-contact-info li i {float:none;} .top-bar .top-contact-info li i.icon-phone5 {font-size:16px;} .top-bar .top-contact-info li.hdr-apply {width:50%;text-align: center;padding:10px 20px 12px 15px!important;line-height: 22px;} .top-bar .top-contact-info li.search-btn {border-left:0; border-right: 1px solid #7a7a7a;padding-right:0;margin-right:15px;} #search input[type="search"] {margin-bottom:10px;} #search .btn {} .course-type-blue, .course-type-green {border-right:0px;height:130px;} .course-type-orange, .course-type-red {height:130px;} .btm-banner .overlay:before {display: none;} .about .content-block {min-height:210px;} .about .content-block .slogan-wrap {top:45px;} .btn.btn-view-pdf {margin-bottom:30px;} hr.display-767 { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px dashed #dadada; } .misc h4 {font-size:23px;} .toggle .toggle-heading {font-size:16px;} .news-info h4 {font-size:19px;} .courses-filter-nav .filter {font-size: 16px;} .rsABlock {top:-4px;left:35px;} .blockHeadline { font-size: 33px;} .blockText { font-size:23px;} .main-banner .main-overlay:before { right:355px; } .breadcrumbs { position:relative; padding: 1em; width:100%; white-space:nowrap; overflow-x: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch;} .link-caption-1 {left:85px;bottom:8px; } .blockBtn{ padding-top: 55px;} .blockBtn .btn{ padding:4px 25px 4px} .nop { padding-top:40px; padding-bottom:30px; } .intro { font-size: 25px; } #content { margin-top: -60px; } .list-bullets li{ width:100%; padding-right:0;display: block;text-indent: 6px;} .rsArrow{ display:none !important;} .navbar-toggle{ margin-right:15px;} .smallHeader .navbar-default.nav-border-bottom .navbar-nav.nav > li > a{ padding:16px 0 17px 15px; background:none;} .partners-content{ text-align:center;} .tweets-widget-mobile{ padding:20px 0;} #eventscal-header h2 { font-size: 22px; margin-top:16px; } .post th {width:100%;} .alertbar {height:150px;} /* From Bootstrap */ /* DROPDOWN MENU */ .collapse.navbar-collapse .navbar-nav > li > .dropdown-menu li.dropdown{ position:relative;} .collapse.navbar-collapse .navbar-nav > li > .dropdown-menu li.dropdown .dropdown-menu { left:100%; top:-5px; display:none !important;} .collapse.navbar-collapse .navbar-nav > li > .dropdown-menu li.dropdown.go-left .dropdown-menu{ left:auto;right:100%;} .collapse.navbar-collapse .navbar-nav > li > .dropdown-menu li.dropdown.go-top .dropdown-menu{ top:auto !important;bottom:0 !important;} .collapse.navbar-collapse .navbar-nav > li > .dropdown-menu li.dropdown:hover .dropdown-menu { /*top:-4px;*/ display:block !important;} .collapse.navbar-collapse .navbar-nav > li > .dropdown-menu li.dropdown:hover .dropdown-menu:hover { top:-5px;} .collapse.navbar-collapse .navbar-nav > li > .dropdown-menu li.dropdown .dropdown-menu li.dropdown .dropdown-menu{ left:100%; top:-5px; display:none !important;} .collapse.navbar-collapse .navbar-nav > li > .dropdown-menu li.dropdown:hover .dropdown-menu li.dropdown:hover .dropdown-menu { /*top:-4px;*/ display:block !important;} .collapse.navbar-collapse .navbar-nav > li > .dropdown-menu li.dropdown:hover .dropdown-menu:hover li.dropdown:hover .dropdown-menu:hover { top:-5px;} .simple-nav .navbar-default{ border-bottom:1px solid #e5e5e5;} .simple-nav.smallHeader .control-page-smallHeader{ margin-top:78px;} /* QUICK LINKS DROPDOWN MENU */ .top-bar .top-contact-info li li {float:left;text-align: left!important;padding:0;} .top-bar .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .top-bar .dropdown { position: relative; } .top-bar .dropdown-toggle:focus { outline: 0; } .top-bar .dropdown-menu { position: absolute; top: 87%; left: -30px; z-index: 1000; display: none; min-width: 140px; padding: 0; margin:0; font-size: 13px; text-align: left!important; list-style: none; background-color: #085561; text-transform: none; transition: all .3s; -webkit-background-clip: padding-box; background-clip: padding-box; } .top-bar .dropdown-menu > li { padding: 0;} .top-bar .dropdown-menu > li:last-child { border-bottom:none; } .top-bar .dropdown-menu > li > a > i.icon-angle-right { font-size: 13px; float: left; margin: 5px 5px 0 0; } .top-bar .dropdown-menu > li > a { display: block; clear: both; border-bottom:0px solid rgba(255, 255, 255, 0.34); line-height: 35px; color: #fff; padding:0; margin:0 0 0 10px; width:110px; white-space: nowrap; } .top-bar .dropdown-menu > li > a:hover, .top-bar .dropdown-menu > li > a:focus { color: #00c1de; background-color: transparent; text-decoration: none; } .top-bar .dropdown-menu > .active > a, .top-bar .dropdown-menu > .active > a:hover, .top-bar .dropdown-menu > .active > a:focus { color: #00c1de; text-decoration: none; outline: 0; } .top-bar .dropdown-menu :before { content: ""; display: block; border: 8px solid transparent; border-bottom-color: #085561; position: absolute; top: -16px; left: 50%; margin-left: -8px; } /* TRANSPARENT NAV */ .navbar-default.transparent{ background:none; border-bottom:0px solid rgba(255, 255, 255, 0.34); width:100%; left:0; z-index:100; transition: 1s ease;} .navbar-default.transparent .navbar-nav > li > a { color:#282828; border-bottom:5px solid #fff;border-top: 0; transition: 1s ease;} .navbar-default.transparent .navbar-nav > li > a:hover {color:#e9004c; border-bottom:5px solid transparent;} .navbar-default.transparent .navbar-nav > li.active > a{ color:#e9004c;} .navbar-default.transparent .navbar-nav.nav > li:hover > a, .navbar-default.transparent .navbar-nav.nav > li > a.active{ border-color:#e9004c; color:#e9004c; transition: 1s ease;} .navbar-default.transparent .search-btn i{ color:#e0e1e5;} .navbar-default.transparent .search-btn i:hover{ color:#fff;} .smallHeader .navbar-default .navbar-nav > li > a, .smallHeader .navbar-default .navbar-nav > li > a.dropdown-toggle i{ color:#fff; border-bottom:5px solid #00c1de; transition: 1s ease;} .smallHeader .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li:hover > a.dropdown-toggle i, .navbar-default .navbar-nav > li > a.dropdown-toggle:hover i{ color:#282828; } .smallHeader .navbar-brand {padding: 18px 15px 16px;} .smallHeader .navbar-nav > li > a {padding-bottom: 18px;padding-top: 22px;} .smallHeader .navbar-default .search input[type="text"]{padding: 25px 0 5px;} .smallHeader .search-btn{ margin-top:28px} .smallHeader .navbar-default .checkout-btn { color: #222 !important; height: 67px; font-size: 30px;line-height: 72px; border-color: #a3a5af;} .smallHeader .navbar-default .checkout-btn:hover i{ color: #222 !important;} .smallHeader .checkout{ top:67px;} .navbar-default.transparent .container {background-color: #fff;padding-left:0; padding-right:0;} .smallHeader .navbar-default.transparent .container{ background:#00c1de; } /* BOXED NAV */ .navbar-default.nav-boxed { padding:22px 0 0;} .navbar-default.nav-boxed .navbar-brand {padding: 9px 15px 25px;} .navbar-default.nav-boxed .navbar-nav > li { padding:0 0 21px 0; margin:0 1px 0 0;} .navbar-default.nav-boxed .navbar-nav > li > a{ padding:13px 21px; border-radius:4px;} .navbar-default.nav-boxed .navbar-nav > li:hover > a, .navbar-default.nav-boxed .navbar-nav > li > a.active{ color:#fff !important;} .navbar-default.nav-boxed .search-btn{ margin:9px 0 0;} .navbar-default.nav-boxed .search-btn i{ color:#333;} .navbar-default.nav-boxed .search a {top: 28px;} .navbar-default.nav-boxed .search input[type="text"] {padding: 24px 0 11px;} .boxed-layout.smallHeader .navbar-default.nav-boxed{ padding:10px 0 0;} .boxed-layout.smallHeader .navbar-default.nav-boxed .navbar-nav > li{ padding-bottom:0;} @media (min-width: 768px) { .smallHeader .hide-topbar-after.header-classic{margin-top: -150px; position:fixed;background: #fff; transition:none;} .smallHeader.header-shown .hide-topbar-after.header-classic{margin-top: -69px;} } @media (min-width: 993px) { .smallHeader .hide-topbar-after{ margin-top:-78px;position:fixed; width:100%; left:0; top:0; z-index:100;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease; -ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} .smallHeader .navbar-default{ top:0; background:#00c1de!important; position:fixed; border-bottom:none;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} .smallHeader.top-bar-header .main-banner{ margin-top:70px;} .smallHeader.top-bar-header .navbar-default.nav-boxed .navbar-brand{ padding-bottom:17px;} .smallHeader .logo-bg a {margin-top:91px;background-size:182px;height:74px;box-shadow:none;} } /* ICONIC NAV */ .navbar-default.nav-iconic .navbar-nav > li > a > i{ display: block;float: none;margin: 0 0 5px 0;text-align: center;} .navbar-default.nav-iconic .navbar-nav > li > a { padding: 20px 21px;} .navbar-default.nav-iconic .navbar-nav > li > a i{ color:#535353;} .navbar-default.nav-iconic .navbar-nav > li:hover > a, .navbar-default.nav-iconic .navbar-nav > li:hover > a i{ color:#fff !important; background:#2991d6} .navbar-default.nav-iconic .navbar-brand { padding-top: 27px;} .navbar-default.nav-iconic .search-btn { margin: 29px 0 0;} .navbar-default.nav-iconic .search a { top: 25px;} /* LOGO CENTER */ .logo-center{ float:none !important; margin:25px auto; text-align:center} .logo-center .navbar-brand{ float:none; margin:0!important;} /* NAV FULL */ .navbar-default.nav-full .navbar-collapse{ width:100%; float:none; border-top:1px solid #dddddd;} .navbar-default.nav-full li{ padding:0;} .navbar-default.nav-full .navbar-nav{ border-left:1px solid #dddddd;} .navbar-default.nav-full .navbar-nav.nav > li {border-right:1px solid #dddddd;} .navbar-default.nav-full .navbar-nav.nav > li > a { padding: 25px 30px 27px;} .navbar-default.nav-full .navbar-nav.nav > li:hover > a{ border-top:5px solid #2991d6; margin-top:-5px;} .hide-topbar-after.and-logo{ margin-top:-139px;} /* NAV BORDER_BOTTOM */ .navbar-default.nav-border-bottom{ padding:7px 15px 0} .navbar-default.nav-border-bottom .navbar-brand{ padding-top:22px;} .navbar-default.nav-border-bottom .navbar-nav.nav > li > a{ border-bottom:1px solid #fff;border-top: 0;} .navbar-default.nav-border-bottom .navbar-nav.nav > li:hover > a{ border-bottom:1px solid transparent;} .navbar-default.nav-border-bottom .navbar-nav.nav > li{ padding:27px 25px 20px;} .navbar-default.nav-border-bottom .navbar-nav.nav > li > a{ padding:0 0 11px 0;} .smallHeader .navbar-default.nav-border-bottom .navbar-nav.nav > li > a{ padding:0 0 4px 0;} .header-classic .navbar-default{ float: left;max-width: 960px;width: 100%;margin-top: 4px;min-height: 90px; transition:none; -webkit-transition:none; -moz-transition:none;} /* NAV CLASSIC */ .classic-header-right {background:#fff;float: right;max-width: 170px; height:90px; width:100%; position:relative;} .classic-header-right:before{ width:10px; background:url(../images/nav-skew-bg.jpg) repeat-y; content:""; display:block; height:90px; top: 2px; position:absolute; left:-10px;-ms-transform: skewX(0deg) skewY(-25deg);-webkit-transform: skewX(0deg) skewY(-25deg); transform: skewX(0deg) skewY(-25deg)} .smallHeader .header-classic .container{ padding:0 0 5px 0; background:#fff;} .smallHeader .header-classic .top-bar .container{ background:none; padding:0;} .smallHeader .header-classic .classic-header-right{max-width: 15%; top:0; height: 73px;} .smallHeader .header-classic .classic-header-right:before{background: none;height: auto;left: 0; position: static;top: 0;transform: none;width: auto;} .smallHeader .header-classic .small-header-container {margin: 0 auto;max-width: 1170px;} .smallHeader .header-classic .navbar-default{ box-shadow:none; max-width:1086px; min-height: 64px;margin-top: 0;left: auto;top: auto;} .smallHeader .header-classic .search-btn { margin-top: 24px; padding-top:4px; height:37px} .smallHeader .header-classic .classic-header-right.hide-btns .search-btn, .smallHeader .header-classic .classic-header-right.hide-btns .shopping-cart{ display:none;} .header-classic .mega-menu-item .mega-menu .dropdown-menu > li.nav-heading{ font-size:23px;} /* NAV ANIMATED BORDERS */ .animated-border-nav{ padding:12px 0;} .animated-border-nav li a:before { background: none repeat scroll 0 0 #d7d8da;content: ""; height: 0;left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all 0.35s cubic-bezier(0.77, 0, 0.175, 1) 0s; width: 1px;} .animated-border-nav li a:hover:before, .animated-border-nav li a.active:before, .animated-border-nav li a.active { height: 140%;} .animated-border-nav li a:hover{ color: #222 !important;} .animated-border-nav li a span{ background:#fff;display: block; position: relative; padding-bottom: 1px;} .animated-border-nav .social{ float:right;margin: 18px 0 0 0;} .animated-border-nav .social li a i{box-shadow:0px 1px 2px rgba(0, 0, 0, 0.1); border:1px solid #eaeaea} .animated-border-nav .nav > li > a { padding-left:26px; padding-right:26px;} .smallHeader .navbar-default.animated-border-nav .social{ margin-top:13px;} .animated-border-nav .dropdown-menu li a:before{ background:none !important} .animated-border-nav .dropdown-menu li a:hover{ color:#fff !important} /* FLUID NAV */ .fluid-nav .collapse{ float:left;} .fluid-nav.navbar{ border:0;} .fluid-nav .navbar-nav li a{ border-right:1px solid #d8d9da; color:#292929; text-transform:uppercase; padding:28px 32px 26px;} .fluid-nav .navbar-nav li:first-child a{ border-left:1px solid #d8d9da;} .fluid-nav .navbar-nav li a:hover, .fluid-nav .navbar-nav li a.active{ color:#fff; background:#292929; border-color:#292929} .fluid-nav .navbar-nav li a.active{ border-color:#000} .fluid-nav .navbar-nav li ul li a{ border-right:0; border-left:0; padding:14px 24px 14px 30px;text-transform:capitalize;} .fluid-nav .navbar-nav li ul li:first-child a, .fluid-nav .navbar-nav li:first-child ul li a{ border-left:0;} .fluid-nav .cd-primary-nav-trigger{background-color: #292929;border-radius: 0;padding: 37px 0px; right: 0; top: 0; transform: translateY(0%); width:70px;} .fluid-nav .cd-primary-nav-trigger span{ background-color:#fff; right:25px;} .fluid-nav .cd-primary-nav-trigger .cd-menu-icon:before, .fluid-nav .cd-primary-nav-trigger .cd-menu-icon:after{ background-color:#fff;} .fluid-nav .social{ float:right; margin-right:55px;} .fluid-nav .social li{ float:left; margin:0;} .fluid-nav .social li a i{ border-radius:0;border:0; background:nonr;line-height: 70px; height: 74px; border-left:1px solid #d8d9da; color:#000;} .smallHeader .fluid-nav .navbar-nav li a{ padding:24px 32px 20px;} .smallHeader .fluid-nav .cd-primary-nav-trigger{ padding:40px 0 28px;} .smallHeader .fluid-nav .social li a i{ height:64px; line-height:65px} .smallHeader .fluid-nav .navbar-nav li ul li a{padding:14px 24px 14px 30px;} .boxed-layout .fluid-nav .social{ margin-right:0;} .boxed-layout .fluid-nav .container-fluid{ padding-right:0;} /* NAV CENTER */ .nav-center{ position:absolute; left:0; right:0; top:75px; z-index:200; background:none; border-top:1px dashed #fff; border-bottom:1px dashed #fff;} .nav-center .navbar-brand{ margin:0 !important; width:125px; height:125px; background:#fff !important; border-radius:100%; text-align:center;line-height: 76px;} .nav-center .navbar-brand img{ max-height:98%; max-width:98%;} .nav-center .navbar-left{ float:left;} .nav-center .navbar-right{ float:right;} .nav-center .navbar-collapse{ float:none;} .nav-center .navbar-nav > li > a{ font-family: 'proxima_nova', sans-serif; font-size:16px; color:#fff; text-transform:uppercase; font-weight:300; padding:20px 44px} .nav-center .navbar-nav > li > a.active{ font-weight:600;} .logo-border{ border: 1px dashed #fff;padding: 5px;position:absolute; left:50%; border-radius:100%;top:50%; margin:-67.5px 0 0 -67.5px!important;width:135px; height:135px;} .nav-center .navbar-left li:first-child > a{ padding-left:0;} .nav-center .navbar-right li:last-child > a{ padding-right:0;} .nav-center .navbar-left li:first-child ul li > a{ padding-left:30px;} .smallHeader .nav-center { top:0;} .smallHeader .nav-center .navbar-brand{ padding-top:30px;} /* NAV BOTTOM */ .navbar-bottom{bottom: -89px;left: 0;position: absolute;right: 0; z-index: 100; box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.05);} .navbar-bottom{ background:#fff;} .navbar-bottom .navbar-nav{ float:left;} .navbar-bottom .social{ float:right;margin: 19px 0 0 0;} .navbar-bottom.stickey-nav{ position:fixed;bottom: auto;top: 0;} .navbar-bottom.stickey-nav .navbar-brand{padding-top: 12px;} .navbar-bottom.stickey-nav .navbar-nav.nav > li{padding: 12px 25px 17px;} .navbar-bottom.stickey-nav .social{ margin-top:4px;} /* FLEX COLUMNS */ .row-flex, .row-flex > div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex:1 1 auto; } .row-flex-wrap { -webkit-flex-flow: row wrap; align-content: flex-start; flex:0; } .row-flex > div[class*='col-'], .container-flex > div[class*='col-'] { margin:-.2px; /* hack adjust for wrapping */ } .container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div { width:100%; } .flex-col { display: flex; display: -webkit-flex; flex: 1 100%; flex-flow: column nowrap; } .flex-grow { display: flex; -webkit-flex: 2; flex: 2; } /* Force table to not be like tables anymore */ #lv table, #lv-2 table, #lv-3 table, #lv thead, #lv-2 thead, #lv-3 thead, #lv tbody, #lv-2 tbody, #lv-3 tbody, #lv th, #lv-2 th, #lv-3 th, #lv td, #lv-2 td, #lv-3 td, #lv tr, #lv-2 tr, #lv-3 tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #lv thead tr, #lv-2 thead tr, #lv-3 thead tr { position: absolute; top: -9999px; left: -9999px; } #lv tr, #lv-2 tr, #lv-3 tr { border: 1px solid #ccc; } #lv td, #lv-2 td, #lv-3 td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; } #lv td:before, #lv-2 td:before, #lv-3 td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 10px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } #lv td:before, #lv-2 td:before, #lv-3 td:before { content: attr(data-title); } } @media (max-width: 650px) { .top-bar .top-contact-info li.call-me .tel-tooltip:hover::before { top: 35px; left:28px;} .top-bar .top-contact-info li.call-me .tel-tooltip:hover::after { padding: 10px; top: 55px; left:10px; font-size: 12px;} .nd-650 {display:none!important;} .blockHeadline{font-size:26px;} .blockText {padding-top:50px;font-size:20px;} h4.bottom-caption-1 {font-size:19px; position:initial;top:0; background-color:#085561; color:#fff;padding:15px 20px; } h4.bottom-caption-2 {font-size:19px; position:initial;bottom:0;background-color:#085561; color:#fff;padding:15px 20px; } h4.link-caption-1 {font-size:17px; position:initial;bottom:0;background-color:#f7b334; color:#fff;padding:15px 20px; } } @media (max-width: 580px) { .about .quote, .student-life .quote {background-image:none;padding-left:20px;} .about .quote p, .student-life .quote p {font-size:20px;} } @media (max-width: 480px) { .about .content-block .slogan-wrap p {font-size:19px;} .blockBtn .btn{ display:none;} .blockHeadline { font-size: 23px; } .blockText {font-size:18px;} .main-banner .main-overlay:before { right:325px; } .nop { padding-top:40px; padding-bottom:30px; } .intro { font-size: 20px; } .sections-caption h2, .sections-caption h2 a {font-size:20px; } .faa-feature h2 { margin-left:162px; font-size:17px; } .btn.btn-viewlist { font-size:18px; margin-top: -247px; margin-left: 132px; } .btn.btn-course-list, .btn.btn-calendar { font-size: 20px;} .about.case-studies h1 { font-size:42px;} .about.solutions-overview h1, .about.our-team h1, .about.testimonials h1, .about.our-credentials h1 { font-size: 35px; } .about.training-costs h1 { font-size:37px;} .apprenticeships.case-studies h1 { font-size:42px;} .contact-info-widget-boxed li{ width:100%;} .error-number {font-size: 140px;} .error-number img {width: 100px;} .error-404{ margin:0;} .error-404 h2{ font-size:27px;} .error-404 p { font-size: 17px;} .faq-toggle .question{ padding-right:30px; font-size:20px; line-height:28px;} .rsBullets { bottom: 10px;} .cd-primary-nav a{ font-size: 25px;} .cd-primary-nav .social-icons span{ font-size:20px; padding:10px;line-height: 50px;} .tparrows{ display:none !important;} #eventscal-header h2 { font-size: 22px;} .btn-lg { font-size:15px} .course-details h2 { font-size:20px;} .course-details h3 { font-size:20px;} .fa-3x { font-size:2.5em; } .btn.btn-apply { font-size: 20px;} .btn.btn-pdf { font-size:20px; } } @media (max-width: 450px) { .nd-450 {display:none!important;} } @media (max-width: 440px) { .blockHeadline { font-size: 20px; } .blockText {font-size:16px;} .btn.btn-course-list, .btn.btn-calendar { font-size: 17px;} .faa-feature h2 { margin-left:121px; font-size:14px; } .btn.btn-viewlist { font-size:18px; margin-top: -247px; margin-left: 118px; } .btn.btn-case-study { font-size: 15px; padding: 15px 30px;} .site.accessibility h1 { font-size: 34px;} .btn.btn-atbar { font-size:17px;} .site.contact h1 { font-size:26px;} .site.search-results h1 { font-size:30px;} .site.search-results h2 { font-size: 23px;} h2.resp-accordion { font-size:17px !important;} .alertbar {font-size:18px;} } @media (max-width: 420px) { .about h1, .courses h1, .student-life h1, .employers h1, .contact h1, .misc h1, .media-gallery h1 { font-family: 'proxima_nova_semibold', sans-serif; font-size: 28px; } .about h2, .courses h2, .student-life h2, .employers h2, .contact h2, .misc h2, .media-gallery h2 { font-size: 22px; line-height: 1.4; } .about h3, .courses h3, .student-life h3, .employers h3, .contact h3, .misc h3, .media-gallery h3 { font-size: 20px; line-height: 1.4; }} @media (max-width: 406px) { .footer-top .btn.btn-course-list, .btn.btn-course-finder {margin-bottom:10px;} .footer-address {margin-top:45px;} } @media (max-width: 370px) { .blockHeadline{font-size:17px;} .blockText {font-size:15px;} .main-banner .main-overlay:before { right:280px; } .btn.btn-course-list, .btn.btn-calendar { font-size: 12px;} .height100 { height: 250px; } .faa-feature { max-height: 468px; margin-bottom:0;} .faa-feature h2 { font-size:12px;} .btn.btn-view { font-size:25px; padding:10px 10px;} .btn.btn-viewlist { font-size: 13px; margin-left: 90px; } .alertbar {height:170px;} } @media (max-width:340px) { .top-bar .top-contact-info li.call-me {padding-bottom:11px!important;font-size:12px;} .top-bar .top-contact-info li.hdr-apply {font-size:12px;} .top-bar .top-contact-info li {font-size:12px;} .rsABlock {display:none!important;} } @media (max-width: 330px) { .btn.btn-viewlist { font-size: 13px; margin-left: 78px;} } @media (min-width:300px) {.navbar-nav > li:hover .dropdown-menu{ display:block !important;} }