/* ==========================================================
		OMC Connect | omcconnect.com
		Client:
		Creation Date:
		Author:
		stylesheet base version 1.1  |  2012/05/07
		♥ props to the html5 boilerplate team: h5pb.com ♥
	========================================================== */

/* === RESET - based on the html5 boilerplate reset: h5pb.com updated 2012/05/07 === */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;}[hidden]{display:none;}a:hover,a:active{outline:0;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding: 0;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;}abbr[title]{border-bottom:1px dotted;}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{ white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:"";content:none;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}svg:not(:root){overflow:hidden;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}figure{margin:0;}.chromeframe{margin:0.2em 0;background:#ccc;color:black;padding:0.2em 0;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}form{margin:0;}fieldset{border:0;margin:0;padding:0;}legend{border:0;*margin-left:-7px;padding:0;white-space:normal;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;resize:vertical;}input:valid,textarea:valid{}input:invalid,textarea:invalid{background-color:#f0dddd;}table{ border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}/* end reset */

/*  =======================================================================
		BASE STYLES - please don't use class/id selectors in this section
	=======================================================================  */

html, body {
	font-size: 15px; 
	line-height: 1.5em;
	font-family: "Hind", helvetica, arial, sans-serif;
	color: #222; }

body { 
	margin: 0;
	backface-visibility: visible;
	background: url("/_assets/img/bg-main-01.jpg") no-repeat center transparent;
	background-size: cover;  
	background-attachment: fixed; } /* Enabled background-position: fixed in Crome */
	
::-moz-selection {
	background: #E31936;
	color: #fff;
	text-shadow: none; }
	
::selection { 
	background: #E31936; 
	color: #fff; 
	text-shadow: none; }
	
a { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #E31936; text-decoration: none; }
a:focus { outline: none; text-decoration: none; }


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

ul.blank,
ul.blank li {
	list-style: none;
	margin: 10px 0 10px ;
	padding: 0 0 5px 0; }
	
hr {
	margin: 3em 0; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Source Sans Pro", helvetica, sans-serif; 
	text-transform: uppercase; 
	margin: 1em 0 0.5em;
	padding: 0;
	line-height: 1em; 
	color: #1E3242; 
	font-weight: bold; }

h1 {
	font-size: 32px; 
    margin: 0 0 1em 0; }
    
h1.fancy { color: #000; }    
h1.fancy span { color: #E31936; }
	
h1.lowercase {
    text-transform: none; }	
	
	
h2 {
	font-size: 28px; }
	
h3 {
	font-size: 18px;
	font-weight: 600; }

h4 {
	font-size: 15px;
	font-weight: 700; }
	
h5 {
	font-size: 12px;
	font-weight: 700; }
	
h6 {
	font-size: 10px; }
	
p {
	margin: 0 0 15px; 
	line-height: 1.4em; }
	
.red {
	color: #E31936; }	
	
.separator {
	border-top: 1px solid #f2f2f2;
	padding: 0 0 20px 0;
	margin: 20px 0 0 0; }

.logged1 .loggedOut { display: none; }
.logged0 .loggedIn { display: none; }	
.logged1 .loggedIn { display: block; }
.logged0 .loggedOut { display: block; }	

.desktop { display: block; }
.mobile  { display: none; }

.empty0 { display:none; }
.notEmpty1 { display:none; }	

.message {
	background: none repeat scroll 0 0 #e4282e;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 0;
    padding: 10px;
    display: none; }

blockquote {
	background: url("/_assets/img/icon-quote.png") no-repeat left top transparent; 
	background-size: 80px auto;
	padding-left: 110px;
	border: 0;
	margin: 0;
	font-family: "Oswald",arial,sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300; }

.note {
	background: #f2f2f2;
	padding: 20px; 
	font-size: 12px; }
	
	
/*  =======================================================================
		CLIENT STYLES - please place important/frequently applied styles
		in this section so they appear higher in the list in the WYSIWIG
	=======================================================================  */

.fa-ul { margin-bottom: 30px; }
.fa-ul li i { color: #E31936; }


/* ==========================================================================
		CONTAINERS AND LAYOUT (TEMPLATES)
   ========================================================================== */


.padding {
	padding: 20px; }

.padding-top-bottom {
	padding-top: 20px;
	padding-bottom: 20px; }
	
.padding-left-right {
	padding-left: 20px;
	padding-right: 20px; }	

.hide {
	display: none; }	
	
.display {
	display: block !important; }	

.img-responsive {
	width: 100%; }		

section {
	padding: 50px 0;
	background: #fff;
	width: 100%;
	float: left; }
	
.internal section.main { margin: 100px 0; }	
.custom-image section { margin: 0 0; }	
	
.course-detail section { margin: 0 0; }		
	
.search-box {
	position: relative; }

.search-box input[type="text"] {
	border: 2px solid #ddd;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	padding: 10px; 
	width: 100%; }
    
.search-box button {
	background: none;
	border: none;
	position: absolute;
	right: 0; }   


.fa-ul { margin-top: 20px; }
.fa-ul > li { font-size: 16px; margin-bottom: 6px; }	
	
	
	
	
/* ==========================================================================
		HEADER
   ========================================================================== */	
	
header {
	height: 130px;
	position: relative; 
	z-index: 9999;
	width: 100%; }
	
.navbar {
	border-radius: 0; }	
	
.navbar-header {
	float: left;
	width: 100%; }	

#navbar {
	float: left;
	width: 100%;
	background: #1a2631; }	
	
.navbar-brand {
	height: auto; 
	padding: 15px 0; }	
	
.navbar-header .navbar-right {
	padding: 30px 0 0 0; }	
	
.phone-number {
	font-size: 28px;
	line-height: 1em;
	color: #1A2631; 
	font-weight: bold;
	float: right;
	text-transform: uppercase;
	}

span.phone-number {
    font-size: 17px;
    padding-left: 52px;
}

a.search-click { 
	font-size: 20px;
	line-height: 1.2em;
	font-family: "Source Sans Pro", helvetica, sans-serif; 
	color: #1A2631;
	font-weight: bold;
	    position: relative;
    text-transform: uppercase;
    top: 7px;
}
a.search-click:hover {
	color: #E31936; }	
	
.search-click .fa-search {
	color: #E31936; 
	margin-left: 10px; }	
	
	
 /* All of these classes need to reference 'ul' not 'navbar-nav' as the menu will appear but won't be styled until the JS which appends 'navbar-nav' loads */	
	

.navbar-default ul,
.navbar-default li {	
	list-style: none;
	margin: 0; 
	padding: 0; 
	line-height: 15px; }
	
.navbar-default ul > li {
	padding: 0 0 0 0; 
	background: none; 
	float: left; }
	
.navbar-default ul > li a {
	padding: 14px 15px; 
	text-transform: uppercase;
	font-family: "Source Sans Pro", helvetica, sans-serif;
	color: #fff !important;
	font-size: 16px;
	font-weight: 400; 
	float: left; }	
	
.navbar-default .social a {
	padding: 14px 6px; 
	color: #fff;
	font-size: 18px;
	cursor: pointer; }		
	
.navbar-default .social a:hover {
	color: #E31936; }

.navbar-default ul > .active > a {
	font-weight: 700;
	color: #000; 
	background: none; }

.navbar-default ul > li > a:focus, 
.navbar-default ul > li > a:hover,	
.navbar-default ul > .open > a, 
.navbar-default ul > .open > a:focus, 
.navbar-default ul > .open > a:hover {
	background: #E31936; }		

.navbar-default ul > .active > a, 
.navbar-default ul > .active > a:hover, 
.navbar-default ul > .active > a:focus {
	background: none; 
	color: #000; }

.navbar-default ul > .selected > a, 
.navbar-default ul > .selected > a:hover, 
.navbar-default ul > .selected > a:focus {
	background: none;
	color: #000; }

.navbar-default ul > .open > a, 
.navbar-default ul > .open > a:hover, 
.navbar-default ul > .open > a:focus {
	background: none;
	color: #00B3A7; }

	
	
	
	
	
/* ==========================================================================
		DROPDOWN
   ========================================================================== */		

#navbar ul li ul { display: none; }

.dropdown-menu {
	/*box-shadow: none;*/
	border: 0; }

.dropdown-menu > li {
	padding: 0 !important; 
	width: 100%; }

.dropdown-menu > li a {
	background: #1A2631; 
	padding: 10px 15px !important;
	border-top: 1px solid #fff;
	float: left;
	width: 100%; }

#navbar ul li.dropdown:hover ul.dropdown-menu,
#navbar ul li.selected:hover ul.dropdown-menu { display: block; }

#navbar ul li.selected > a { background: #E31936 !important; }
#navbar ul li.selected .dropdown-menu li.selected a { background: #1A2631 !important; }
#navbar ul li.selected .dropdown-menu li a:hover,
#navbar ul li.dropdown .dropdown-menu li a:hover { background: #E31936 !important; }


.dropdown-menu > li a:hover, 
.dropdown-menu > li a:focus {
	background: #1A2631; }

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:0;margin-left:0;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;}


.caret {
	margin-left: 5px; }
	
	
/* ==========================================================================
		TOGGLE
   ========================================================================== */	
	
.navbar-default .navbar-toggle {
    background-color: #1A2631;
    background-image: none;
    border: none;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 0;
    margin-top: 15px;
    margin-left: 20px;
    padding: 9px 10px;
    position: relative; }
	
.navbar-default .navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
    background-color: #fff; }
	
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active {
    background-color: #E31D38; }
	
	
/* ==========================================================================
		FIXED SCROLL
   ========================================================================== */
	
.navbar.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000; }
	
	
/* ==========================================================================
		SEARCH
   ========================================================================== */	
	
.search-bar {
	width: 100%;
	float: left; 
	position: absolute; 
	z-index: 1000000;
	height: 100%; 
	background: #1A2631;
	background: rgba(26, 38, 49, 0.97);
	padding-top: 22%; }		
	
.search-box {
	position: relative; }

.search-box input[type="text"] {
	border: 2px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	padding: 15px 20px; 
	width: 100%; 
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	background: transparent; }
    
.search-box button {
	background: none;
	border: none;
	position: absolute;
	right: 20px;
	top: 20px;
	color: #fff;
	font-size: 30px; }   

.search-bar .fa-close {
	position: absolute;
	right: 30px;
	top: 30px; 
	color: #fff;
	font-size: 30px;
	cursor: pointer; }	
	
	
	
/* ==========================================================================
		FOOTER
   ========================================================================== */	
	
footer {
	background: url("/_assets/img/bg-footer.png") repeat center #1c2f40;
	width: 100%;
	float: left; }
	
footer .footer-main {
	padding: 40px 0; }	
	
footer .footer-logo {
	padding-top: 158px; }	
	
footer h3.tagline { text-align: left; color: #E31936; font-size: 13px  !important; }	
	
footer ul,
footer li {
	list-style: none;
	margin: 0;
	padding: 0; }
	
footer li {
	border-bottom: 1px solid #264056; 
	line-height: 2.5em; }	
	
footer li.footer-ph { line-height: 1.8em; }	
	
footer h3 { color: #fff; }	
	
footer a { color: #fff; }	
footer a:visited { color: #fff; }
footer a:hover { color: #E31835; }
	
footer .footer-ph {
	color: #fff;
	font-size: 24px; 
	font-weight: bold; }	
	
footer .footer-social a {
	color: #8999a7; 
	margin-left: 12px;
	font-size: 18px; }	
	
footer .footer-social a:hover { color: #E31835; }	
	
footer .motto h1 {
	color: #E31936; }	
	
footer .motto h1 span {
	color: #fff; }	
	
.copyright {
	font-size: 11px; 
	background: #111c26; 
	padding: 20px 0; 
	margin-top: 50px;
	color: #4e5862; }
	
.copyright img {
	height: 15px; }


/* ==========================================================================
		CAROUSEL
   ========================================================================== */

.carousel#home-slider {
	background: #000; 
	background-size: 100px auto;  
	padding: 0 0; 
	float: left;
	width: 100%; }

.carousel#home-slider .item {
	padding: 150px 0 90px; }
	
.carousel#home-slider .item .carousel-caption {
	bottom: auto;
    color: #a9bad7;
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 0;
    padding-top: 0;
    text-shadow: none; }

.carousel#home-slider .item img {
	text-align: center; }

.carousel .carousel-control {
	height: 40px;
	width: auto;
	margin-top: 0;
	font-size: 60px;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	z-index: 10;
	top: 40%; 
	opacity: 1;
	background-image: none !important; }

.right.carousel-control,
.left.carousel-control { background-image: none; filter: inherit; }
	
.carousel#home-slider .carousel-control span {
	font-size: 70px;
	color: #fff; }	
	
.carousel#home-slider .carousel-control span:hover {
	color: #E31936; }

.carousel .carousel-control.left { left: 2%; }
.carousel .carousel-control.right { right: 2%; }

.slider-entry {
	position: relative;
	z-index: 2; }

.slider-entry .text-center {
	color: #fff; 
	float: left;
	width: 100%;
	height: 340px;
	position: relative; 
	background: rgba(0, 0, 0, 0.7);
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }

.slider-entry .text-center span {
	font-size: 60px;
	color: #fff;
	float: left;
	width: 100%;
	text-align: center; 
	margin: 20px 0 30px; }
	
.slider-entry .btn-wrap {
	float: left;
	width: 80%;
	margin: 0 auto;
	left: 0;
	right: 0;
	position: absolute;
	bottom: 30px; }	
	
.slider-entry .btn {
	float: left; }	

.slider-entry .text-center h2 {
	color: #fff; }	
		
.slider-entry .text-center p {
	font-size: 16px; }	

	
.carousel-indicators li {
	margin: 0 6px; }		
	
.slide-overlay {
	background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.8) 0px, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    bottom: 0;
    float: left;
    height: 300px;
    position: absolute;
    width: 100%;
    z-index: 1; }



#training-carousel .carousel-control { color: #E31936 !important; }

.course-search {
	padding:20px;
	position: relative;
	z-indeX:9;
    background: rgba(0,5,10,0.35);
}


.course-search .nice-select {
	float:none;
	display:block;
}

.course-search .container {
	position: relative;
}
.course-search .container .row {
	padding:0;
	top:0;
	z-index:100;
}

.course-search h3 { margin:10px 0 0 0;}




.course-search .coursesearch select {
	display:none;
}

.course-search .coursesearch select.CAT6354700 {
	display:block;
}

.course-search label {
	font-size:15px;
	font-weight:500;
	color:#FFF;
	margin-top:7px;
}

.home-banner {
 background: url("/img/webapps/training/Certificate-II-in-Surface-Extractions-copy.jpg"); background-size: cover; background-attachment: fixed; }

.home-banner {
	position: relative;
	padding: 100px 0; }

.home-banner .overlay { width: 100%; position: absolute; bottom: 0; height: 40%; background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;  }

.home-banner .text-center {
background:transparent;
border:2px solid #FFF;
padding:15px;
}

.home-banner .text-center span {
	font-size: 60px;
	color: #fff;
	float: left;
	width: 100%;
	text-align: center; 
	margin: 20px 0 30px; }
	
.home-banner .btn-wrap {
	float: left;
	width: 80%;
	margin: 0 auto;
	left: 0;
	right: 0;
	position: absolute;
	bottom: 30px; }	
	
.home-banner .btn {
	float: left; }	

.home-banner .text-center h2 {
	color: #fff;
	margin-top: 0; }	
		
.home-banner .text-center p {
	font-size: 16px; }	


/*
.home-banner { height: 320px; background: url("/img/webapps/img-sky-truck.jpg"); background-size: cover; }
.slider-entry { width: 90%; margin: 0 auto; } 
.home-banner .entry h3 { padding: 20px 25px 0 25px; font-size: 16px; text-transform: inherit; }
.home-banner .entry { height: 230px; }
.home-banner .entry span { font-size: 40px; margin: 0 0 20px 0; }
.home-banner .entry .btn-wrap { width: 90%; bottom: 25px; }
.home-banner .entry .btn { font-size: 16px; } */






#testimonial-slider {
	color: #fff; }

.item {
	position: relative; }	
	
.item .btn {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 22%; }	
	
.item .btn:hover {
	background: #fff;
	color: #E31936; 
	border: 3px solid #fff; }	

#testimonial-slider .item {
	position: relative;
	font-family: "Source Sans Pro", helvetica, sans-serif; 
	font-size: 20px;
	text-align: center;
	font-style: italic;
	color: #fff;
	text-shadow: none;
	width: 80%;
	left: 10%;
	padding: 0 7%;
	right: auto;
	bottom: auto; }

#testimonial-slider .fa-quote-left {
	color: #fff; 
	font-size: 50px;
	position: absolute;
	left: 0;
	top: 0; }

#testimonial-slider .fa-quote-right {
	color: #fff; 
	font-size: 50px;
	position: absolute;
	right: 0; }


/* ==========================================================================
		WEBAPPS
   ========================================================================== */

.course-list { margin-bottom: 40px; }

.course-list p { margin: 0; }

.course-list h2 { font-size: 18px; font-weight: bold; margin: 0 0 20px 0; height: 35px; }
.course-list .description { margin-bottom: 20px; height: 110px; }

.course-list .is-featured {
	position: absolute;
	top: 0;
	left: 15px; 
	z-index: 1; }

.course-list .is-featured img {	width: 100px; }

.course-list .content { background: #f4f4f4; padding: 20px; float: left; }

.course-list .content .btn { font-size: 15px; }

.course-list a.image { overflow: hidden; float: left; height: 220px; }
.course-list a.image:hover img {
	-webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
		-moz-transform: scale(1.1);
	 -webkit-transform: scale(1.1);
	      -o-transform: scale(1.1);
	     -ms-transform: scale(1.1);
	         transform: scale(1.1); }
	     
	     
.service-list { 
	background: #f2f2f2;
	padding: 20px;
	margin-bottom: 15px;
	color: #1A2631;
	float: left;
	width: 100%;
	height: 85px; }

.service-list h1 { 
	color: #1A2631;
	font-size: 18px;
	margin-bottom: 1em;
	float: left; }

.service-list h1 i {
	color: #E31936; 
	font-size: 20px;
	margin-right: 10px; }	         

.service-list h3 { color: #1A2631; }

.service-list .description {
	height: 115px; }

.service-list .btn { font-size: 15px; padding: 10px 0; }


.services-panel {}

.services-panel .btn { color: #fff; margin-bottom: 5px; background: #1A2631 !important; line-height: 22px; text-align: center; padding: 15px 20px; }
.services-panel .btn:hover { background: #E31936 !important; }

.services-panel .btn i { font-size: 22px; margin-left: 10px; }


.category-list { margin-bottom: 40px; }
.category-list h2 { font-size: 15px; font-weight: bold; margin: 0 0 0 0; height: 50px; }
.category-list .content { background: #f4f4f4; padding: 20px; height: 130px; float: left; width: 100%; }

.category-list a.image { overflow: hidden; float: left; height: 150px; }
.category-list a.image:hover img {
	-webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
		-moz-transform: scale(1.1);
	 -webkit-transform: scale(1.1);
	      -o-transform: scale(1.1);
	     -ms-transform: scale(1.1);
	         transform: scale(1.1); }


#featured-courses { margin: 0 -15px; }

#featured-courses .carousel-control.left { left: 1%; text-shadow: 1px 1px 7px #000; }
#featured-courses .carousel-control.right { right: 1%; text-shadow: 1px 1px 7px #000; }

section.featured-courses {
	padding: 30px 0 30px 0;
	background: #f2f2f2;
	margin: 0; 
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff; 
	overflow: hidden; }

.featured-course-list {
	height: 270px; 
	position: relative; }

.featured-course-list p { margin: 0; }

.featured-course-list a { float: left; width: 100%; overflow: hidden; height: 100%; position: relative; }
.featured-course-list a img { 
	/*	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto; */
	position: absolute;
	width: 100%;
	z-index: 0; 
	overflow: hidden; }

.featured-course-list a { 
	float: left; 
	width: 100%;
	position: relative; }
	
.featured-course-list a .hover { display: none; }
	
.featured-course-list a:hover .hover {
	background: url("/_assets/img/bg-opacity-blue.png") repeat center transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	display: block; }	
	
.featured-course-list:hover .hide-hover { display: none; }	
	
.featured-course-list a:hover .hover h3 { margin-bottom: 15px; }	
	
.featured-course-list a:hover .hover span { 
	color: #fff;
	position: absolute;
	top: 20px;
	left: 20px; 
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px; }	

.featured-course-list a:hover .hover span i {
	border: 2px solid #fff;
	width: 30px;
	height: 30px;
	line-height: 26px; 
	border-radius: 50%; 
	margin-right: 5px; 
	text-align: center; }
	

section.featured-courses .featured-course-list:nth-child(odd) {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff; }

.featured-course-list .content {
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 100%;
/*	height: 160px; */
	color: #fff; 
	padding: 25px;
	background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0; }

.featured-course-list .content h3 {
	color: #fff;
	margin: 0 0 0 0; }

.featured-course-list .is-featured {
	position: absolute;
	top: 0;
	z-index: 1; 
	left: 0; }
.featured-course-list .is-featured img { width: 100px; }



.course-detail section.main { padding: 0 0 40px 0; margin: 0; }
.course-detail .hero-image { height: 300px; overflow: hidden; position: relative;background-position: center center !important; background-size:cover; }
.course-detail .hero-title { 
	background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0; 
	height: 200px; bottom: 0; 
	width: 100%; 
	position: absolute; }
	
.course-detail .hero-image h1 { color: #fff; bottom: 30px; position: absolute; margin: 0;  }

.course-detail .is-featured {
	position: absolute;
	top: 0;
	z-index: 1; 
	left: 0; }
	
.course-detail .section { }

.course-detail .location-legend { border: none; background: #f9f9f9; }


.highlighted .schedule-wrap {
    border: 3px solid #E61C37;
    box-shadow: 0 0 6px #bbb; }

.schedule-wrap { margin-bottom: 40px; float: left; width: 100%; }
.schedule-wrap .course-schedule-list { padding: 5px 15px; background: #f9f9f9; float: left; width: 100%; }
.schedule-wrap .course-schedule-list .btn-sm { margin-right: 5px; min-width:146px; }
.schedule-wrap .course-schedule-list .btn-enquire { padding: 10px 27px; }
.schedule-wrap .course-schedule-list:nth-child(odd) { background: #f2f2f2; }
.schedule-wrap .course-schedule-list:nth-child(n+11) { display: none;}  
.schedule-wrap .course-schedule-list:hover { background: #e5e8ee; }
.schedule-wrap .column { width: 33%; float: left; }
.schedule-wrap .column-location { font-weight: bold; }
.schedule-wrap .column-location.Townsville .fa-circle{ color: #1A2631; }
.schedule-wrap .column-location.Brisbane .fa-circle { color: #E31936; }
.schedule-wrap .column-location.On-site .fa-circle { color: #5b798c; }
.schedule-wrap .header { float: left; width: 100%; background: #ddd; font-size: 16px; font-weight: bold; padding: 15px;  }
.schedule-wrap .course-schedule-wrap .column-location { font-size: 16px; font-weight: 500; }
.schedule-wrap .course-schedule-wrap .column-location, .schedule-wrap .course-schedule-wrap .column-dates {
	padding-top:5px;
}


.poplet-wrap { float: left; width: 100%; margin: 30px 0; }
.poplet-wrap a { overflow: hidden; height: 120px; float: left; border: 1px solid #ddd; border-radius: 4px; }
.poplet-wrap a .thumbnail { padding: 0; border: 0; margin: 0; border-radius: 0; }


.highlights-wrap {padding-top:20px;}

.highlights-box {
	background: #1a2631;
	max-width:250px;
	color: #fff; 
}
    
.highlights-box h1.scroll-name { display: none; }
.scroll-to-fixed-fixed h1.scroll-name { display: block; font-size: 20px; color: #fff; }


.highlights-box ul,
.highlights-box li {
	margin: 0;
	padding: 0;
	list-style: none; }
	
.highlights-box li { color: #fff; font-size: 14px; line-height: 1.3em; margin-top: 2px; }	

.highlights-box li i {
	color: #E31936;
	margin-right: 10px; }

.highlights-box h1 { color: #fff; margin: 0 0 15px 0; font-size: 26px; }

.highlights-box .price { font-size: 30px; color: #E31936; font-family: "Hind", helvetica, arial, sans-serif; font-weight: bold; width: 50%; }
.highlights-box .text-right { width: 50%; float: right; font-size: 13px;}
.highlights-box .btn { margin-top: 10px; }

.highlight-list { padding: 15px 20px; }
.highlight-list span,
.highlight-list h2 { font-size: 16px; text-transform: uppercase; font-weight: bold; color: #fff; }
.highlight-list .highlight-open { float: right; font-size: 22px; cursor: pointer; }
.highlight-list .highlight-list-show { display: none; }
.highlight-list.active .highlight-list-show { display: block; }
.highlights-box .highlight-list:nth-child(even) { background: #22303d; }

.highlights-box .fa-minus { display: none; color: #E61C37; }	
.highlights-box .fa-plus { display: block; color: #E61C37; }	
.highlights-box .active .fa-plus { display: none; }
.highlights-box .active .fa-minus { display: block; }	


.fixed-start,
.fixed-stop {
    float: left;
    height: 3px;
    width: 100% }

.post-fix { top: 0 !important; left: 0 !important; }



.service-detail .dark-box {
	height: 280px;
	line-height: 1.4em; }
	
.service-detail .dark-box h1 { 
	font-size: 20px; }
	
.service-detail .poplet-wrap { margin-top: 0; }


.about-box .dark-box { height: 280px; line-height: 1.3em; }


.office-list {
	margin-bottom: 30px; }

.office-list .content {
	background: #f4f4f4; 
	padding: 25px;
	height: 480px; }

.office-list .content h2 { 
	margin-top: 0; }
	
.address-contact { height: 160px; font-weight: 600; }	
	
ul.contact-info,
.contact-info li {
	margin: 0;
	padding: 0;
	list-style: none; }
	
.contact-info li span { font-weight: bold; width: 15px; float: left; }

.contact-details .column {
	padding: 25px;
	background: #f9f9f9; 
	float: left;
	width: 100%;
	margin-bottom: 40px; }

.contact-details .column h3 { margin-top: 0; }

.contact-details .column i {
	float: right;
	font-size: 30px;
	color: #ccc; }

.on-site-training { 
	padding: 25px; 
	background: #f9f9f9; 
	margin: 0 0 30px 0; }




.news-list { margin-bottom: 15px; background: #1A2631; }

.news-list h2 {
	font-size: 18px;
	margin: 0 0 15px 0; }

.news-list h3 {
	font-size: 16px;
	margin: 0 0 0.5em 0; 
	color: #363636; 
	text-transform: capitalize; }

.news-list .content {
	padding: 25px;
	background: #f4f4f4; }
	
.news-list .icon { text-align: center; padding-top: 60px; }	
.news-list .icon i { color: #fff; font-size: 40px; }	
	 
	
/*	
.news-list .image { height: 280px; overflow: hidden; }	
.news-list .image img { height: 100%; } */


.news-detail h1 {
	margin: 0 0 0.8em 0; }
	
.news-detail h3 {
	font-size: 16px;
	margin: 0 0 1em 0; 
	color: #363636; 
	text-transform: capitalize; }	

.news-detail .comments {
	background: #f4f4f4;
	padding: 20px; }

.news-detail .comments h3 {
	margin: 0 0 1em 0; }


.dark-box { 
	background: #1A2631;
	padding: 25px;
	color: #fff; }

.dark-box h1 { 
	color: #fff;
	margin-bottom: 0.8em; }

.dark-box h1 i {
	color: #E31936; 
	font-size: 26px;
	margin-right: 10px; }


.testimonial-detail h2 { margin-top: 0; }
.testimonial-detail i { color: #E31936; font-size: 50px; }	





.team-list { margin-bottom: 30px; }

.team-list h2 {
	font-size: 20px;
	margin: 0 0 10px 0; }

.team-list h3 {
	font-size: 16px;
	margin: 0 0 0.5em 0; 
	color: #363636; 
	text-transform: capitalize; }

.team-list .content {
	padding: 25px;
	background: #f4f4f4;
	height: 250px; }
	
.team-list .image { height: 250px; overflow: hidden; }	

.team-list .image img { height: 100%; }

.newsletter-detail h3 {
	margin: 0 0 20px 0;
	font-size: 22px;
	line-height: 1.2em; }




/* ==========================================================================
		SECTIONS
   ========================================================================== */

.why-worksafe {
	margin: 0; }

.why-worksafe h1 {
	font-size: 40px;
    line-height: 0.9em; }

.why-worksafe h1 span {
	color: #E31936; }
	
.home-featured {
	background: url("/_assets/img/bg-overlay-dots.png") repeat center transparent;
	margin: 0; 
	padding: 70px 0; }

.home-featured .content {
	background: #203343; 
	color: #fff;
	padding: 40px !important; }
	
.home-featured-list p { font-size: 16px; }	
	
.home-featured .home-featured-list {	
	background: #203343; 
	float: left;
	width: 100%;
	margin-bottom: 40px; }
	
.home-featured .home-featured-list:last-child {
	margin-bottom: 0; }
	
.home-featured .home-featured-list div {
	padding: 0;
	margin: 0; }	
	
.home-featured .featured-testimonial {
	padding: 40px !important; 
	background: #fff; 
	height: 270px; }	

.home-featured .content h1 {
	color: #fff; }
	
.home-featured .content h1 i { font-size: 30px; color: #E31936; }

.home-featured-list .featured-testimonial-summary {
	font-family: "Cabin", helvetica, sans-serif;
	font-style: italic;
	color: #1A2631; 
	font-size: 16px;
	line-height: 1.2em; 
	position: relative; }
	
.home-featured-list .featured-testimonial .fa {
	position: absolute;
	bottom: 30px;
	right: 30px; 
	color: #E31936;
	font-size: 35px; }	

.home-featured-list h2 {
	font-size: 22px;
	margin: 15px 0 6px 0; 
	font-weight: bold;
	text-transform: capitalize; }
	
.home-featured-list h3 {
	margin: 0;
	text-transform: capitalize;  }	

.internal .companies-we-train {  }

.companies-we-train h1 {
	margin-bottom: 60px; }

.companies-we-train a img,
.partner-list a img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-webkit-transition: .2s ease-in-out;
	-moz-filter: grayscale(0%);
	-moz-transition: .2s ease-in-out;
	-o-filter: grayscale(0%);
	-o-transition: .2s ease-in-out; 
	opacity: 1; 
	width: 70%; }

.companies-we-train a img:hover,
.partner-list a img:hover  { 
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-transition: .2s ease-in-out;
	-moz-filter: grayscale(100%); 
	-moz-transition: .2s ease-in-out;
	-o-filter: grayscale(100%); 
	-o-transition: .2s ease-in-out;
	opacity: 0.6; }


.companies-list,
.partner-list {
	text-align: center;list-style:none; }


.partner-list a img { width: 60%; }


.wsc-testimonial {
	background: url("/_assets/img/bg-overlay-red.png") repeat center transparent;
	padding: 100px 0; }


.custom-image .hero-image { height: 450px; overflow: hidden; position: relative;}
.custom-image .hero-title { 
	background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 1) 0px, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0; 
	bottom: 0; 
	height: 200px;
	width: 100%; 
	position: absolute; }
.custom-image .hero-image h1 { color: #fff; bottom: 30px; position: absolute; margin: 0; }


.number-data-wrap { padding: 20px 0 0 0; margin: 20px 0 0 0; }
.number-data { font-size: 20px; text-align: center; color: #1A2631; }
.number-data-wrap .column { border-left: 1px solid #ddd; }
.number-data-wrap .column:last-child { border-right: 1px solid #ddd; }
.number-data span { display: block; font-size: 42px; font-weight: bold; line-height: 1.5em; }
.number-data span em { color: #E31936; font-style: normal; margin-left: 5px; }



/* ==========================================================================
		LIST VIEW IMAGE RATIOS
   ========================================================================== */

.list-view .image img.portrait { width: 100%; }	
.list-view .image img.landscape { height: 100%; }
.list-view .image img.square { width: 100%; }		


/* ==========================================================================
		FAQs
   ========================================================================== */

.faq {
	margin-bottom: 15px;
	border-top: 1px solid #ddd;
	padding-bottom: 0; }

.faq-answer {
	display: none;  }

.faq h3 {
	cursor: pointer; 
	margin-top: 15px;
	font-size: 16px; } 

.faq h3.active {
	color: #E31936; } 

.faqs:not(:empty)::before {
	content:"FAQs";
	 font-size: 32px;
    margin: 0 0 2em 0;
    font-family: "Source Sans Pro", helvetica, sans-serif;
    text-transform: uppercase;
    margin: 1em 0 0.5em;
    padding: 0;
    line-height: 1em;
    color: #1E3242;
    display:block;
    font-weight: bold;
}

body.course-detail .faqs:not(:empty)::before {
	display: none;
}

body.course-detail .faqs { margin-top:30px;}
.resources:not(:empty)::before {
	content:"Resources";
	 font-size: 32px;
    margin: 0 0 2em 0;
    font-family: "Source Sans Pro", helvetica, sans-serif;
    text-transform: uppercase;
    margin: 1em 0 0.5em;
    padding: 0;
    line-height: 1em;
    color: #1E3242;
    display:block;
    font-weight: bold;
}


/* ==========================================================================
		BLOG
   ========================================================================== */
  
 
/* ==========================================================================
		CALENDAR
   ========================================================================== */

#calendar {
	margin-top: 50px;
	font-family: 'Montserrat', helvetica, arial, sans-serif; }

.fc-sat,
.fc-sun { background: #EEEEEE; }

.fc-scroller {
    height: auto !important;
    overflow-y: auto;
}

#calendar-legend {
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    border: medium none black;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    left: 0;
    transition:0.25s all ease-in-out;
    padding: 0;
    margin: 50px 0;
    z-index: 99;
}
#calendar-legend.scrolllegend {
	position:fixed;
	top:74px;
	    width: 100%;

}

#calendar-legend .col-sm-12 {
	padding:0;
}
.fc-event-container a {
	transition: 0.25s all ease-in-out;
	margin-bottom:2px;
}
.hiddencal {
    filter: blur(4px);
    opacity: 0.5;
    transform: scale(0.6);
}

span.legendlink, span.legendlinkall { 
	padding-left: 37px;
	    transition: 0.25s all ease-in-out;
		font-size:13px;
}

.legendlink .fa-check, .legendlinkall .fa-check {
    transform: scale(0);
    transition: 0.25s all ease-in-out;
}

.legendlink.activelegend, .legendlinkall.activelegend {
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}

.legendlink.activelegend .fa-check, .legendlinkall.activelegend .fa-check {
    transform: scale(1);
    transition: 0.25s all ease-in-out;
}

span.legendlink.inactivelegend, span.legendlinkall.inactivelegend { 
	opacity:0.4;
}
span.legendlink.inactivelegend:hover { 
	opacity:1;
}


span.legendlinkall { 
	border: 1px solid #DDD;
	opacity:1 !important;
}
span.btn-all:hover { 
	border: 1px solid #DDD;
	background: #DDD;
	color: #333 !important;
}

a.fc-event {
	background: #E31936;
	color: #fff !important; 
	font-size: 12px;
	line-height: 1.5em;
	padding: 5px;
	border: 0; }
	
.fc-unthemed .fc-today {
	background: #eee; }
	
.fc-state-default,
.fc-state-hover {
	background: #eee;
	border: 0;
	font-size: 13px;
	border-right: 1px solid #ccc;
	box-shadow: none; }	
	
.fc-corner-right {
	border: 0; }	
	
.fc .fc-button-group > * {
	margin: 0; }	
	
.fc-toolbar .fc-state-active, 
.fc-toolbar .ui-state-active {
    background: #1A2631;
    color: #fff;
    text-shadow: none;
    z-index: 4; }
	
.fc-day-header {
	background: #1A2631;
	color: #fff;
	padding: 10px 0 !important; }


.fc-day-grid-event .fc-content {
	white-space: normal; }

.fc-day-grid-event.Brisbane { background: #E31936; }
.fc-day-grid-event.Townsville { background: #1A2631; }
.fc-day-grid-event.On-site { background: #5b798c; }

.calendar-detail ul,
.calendar-detail li { 
	list-style: none;
	margin: 0;
	padding: 0; }

.calendar-detail li span {
	font-weight: bold;
	margin-right: 10px; }

.calendar-detail .description {
	margin: 20px 0; }

.location-legend {
	border: 1px solid #ddd; 
	border-radius: 4px; 
	padding: 15px; 
	margin-top: 30px; }

.location-legend h3 { margin-top: 0; }

.legend h4 {
    border-radius: 4px;
    color: #fff;
    padding: 10px; }

.legend.Brisbane h4 { background: #e31936 none repeat scroll 0 0; }
.legend.Townsville h4 { background: #1A2631 none repeat scroll 0 0; }
.legend.On-site h4 { background: #5b798c none repeat scroll 0 0; }


/* ==========================================================================
		ONLINE SHOP - insert styles from BC defaults
   ========================================================================== */

.shop-main {
	float: left;
    padding: 30px 0;
    width: 100%; }

.pagination-wrap {
	float: left; 
	width: 100%; }
	
.pagination {
	margin: 0;
	line-height: 30px; }
	
.pagination a {
	color: #000; }
	
.prev-next-wrap {
	border-top: 2px dotted #ddd;
	border-bottom: 2px dotted #ddd; 
	float: left;
	width: 100%;
	line-height: 30px; }
	
.prev-next-wrap a {
	color: #000; }

.productItemNotFound,
.catalogueItemNotFound {
	display: none; }


.breadcrumbs {
	padding: 0 0 20px 0;
	font-size: 11px; }


ul.catalogueList {
	list-style: none; 
	margin: 0;
	padding: 0; }


ul.productList,
.productList li {
	list-style: none;
	margin: 0;
	padding: 0; }
	
.productItem,
.productItemLast {
	float: left; }

	
.productSml {
	min-height: 290px;
	position: relative;
	border: 1px solid #eae3da; }
	
.productSml ul,
.productSml li {
	list-style: none;
	margin: 0;
	padding: 0; }
		
.relatedProducts .productSmall:last-child .productSml {
	margin: 0; }

ul.productfeaturelist,
ul.productfeaturelist li {
	list-style: none;
	margin: 0;
	padding: 0; }
	
.productDetailWrap ul.catalogueList {
	display: none; }




/* ==========================================================================
		CART
   ========================================================================== */

.shoppingCart {
	font-size: 12px; }

.headLabel {
	float: left; }

.productitemcell {
    height: auto !important;
    line-height: 18px;
    margin: 0;
    min-height: 60px !important;
    overflow: hidden; }

.productImage img {
	width: 100%; }


.productDetails,
.orderTotals,
.couponCode,
.giftCode {
	border: 1px solid #EAEAEA; 
	padding: 20px; }

.productDetails,
.orderTotals,
.couponCode {
	margin-bottom: 20px; }

.orderTotals ul,
.orderTotals li {
	list-style: none;
	margin: 0;
	padding: 0; }
	
.orderTotals li {
	border-bottom: 1px solid #EAEAEA; 
	line-height: 30px; }	
	
.orderTotals li:last-child {
	border: 0; }	

.orderTotals span {
	float: right; 
	font-weight: bold; }

.cartLabel,
.cartItem {
	padding-left: 0; }

.cartLabel {
	font-weight: bold; }

.productQty .cartInputText {
	border: 0;
	padding: 0; }

.cartHead,
.cartBody,
.shippingOptions,
.checkoutActions {
	float: left;
	width: 100%; }

.cartHead {
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 10px;
	margin-bottom: 20px; }

.shippingOptions,
.checkoutActions {
	border-top: 1px solid #EAEAEA;
	padding-top: 20px;
	margin-top: 20px; }

.productRemove {
	text-align: center; }

input#DiscountCode, 
input#GiftVoucher {
    width: 100% !important; }


@media (max-width: 992px) {

input#DiscountCode, 
input#GiftVoucher {
    margin-bottom: 20px; }
    
.no-padding-mobile {
	padding: 0; } 

}









/* ==========================================================================
		BUTTONS - STANDARD
   ========================================================================== */

.btn,
.btn:visited,
#catshopclear,
#catshopbuy {
	text-transform: uppercase; 
	font-weight: bold; 
	font-size: 16px; 
	font-family: "Source Sans Pro", helvetica, sans-serif; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	padding: 15px 40px;
	line-height: 1em;
	border: 0;
	transition: all 0.3s ease 0s; }

.btn:hover {
	background: #E31936;
	color: #fff;
	border: 0; }

.btn-sm { padding: 10px 20px; }

.btn-default,
.btn-default:visited,
#catshopclear,
#catshopbuy {
	background: #1A2631;
	color: #fff; }
	
.btn-default:hover,
#catshopclear:hover,
#catshopbuy:hover {
	background: #E31936;
	color: #fff; }	

#catshopbuy,
.productSubmitInput,
.btn-primary,
.btn-primary:visited {
	background: #E31936; 
	border: 0;
	font-weight: 700; 
	color: #fff; }
.btn-darkgrey {
	border:0;
	background:#5b798c;
	color:#FFFFFF;
}
.btn-darkgrey:hover {
	border:0;
	background:#111111;
	color:#FFFFFF;
}

.btn-darkblue {
	background: #1A2631;
	color: #FFFFFF;
	border:none;
	font-weight:700;
}
.btn-darkblue:hover {
	background: #00213e;
	color: #FFFFFF;
	border:none;
	font-weight:700;
}

.productSubmitInput {
	padding: 20px 0; 
	font-size: 20px;
	width: 100%; 
	text-transform: uppercase; }

.btn-primary:hover {
	background-color: #c1031e; 
	color: #fff; }

.btn-secondary,
.btn-secondary:visited {
	background: transparent; 
	border: 3px solid #fff; 
	color: #fff; 
	line-height: 1em; }

.btn-secondary:hover {
	background: #E31936;
	color: #fff;
	border: 3px solid #E31936; }

.btn-shop {
	background: #000; }

.productSubmitInput:hover,	
.btn-shop:hover,
.btn-primary:focus, 
.btn-primary:active, 
.open .dropdown-toggle.btn-primary  {
	background: #E61C37; }


/* ==========================================================================
		BUTTONS - SHOP
   ========================================================================== */

#catshopclear,
#catshopbuy {
	display: inline-block;
    height: 40px;
    line-height: 39px;
    padding: 0 15px;
    margin-left: 10px; }

.update {
	padding-top: 10px;
	padding-bottom: 10px; }

.update:hover,	
#catshopclear:hover,
#catshopquote:hover { }

.view-cart {
	text-align: right; 
	float: right; }

.view-cart a {
	line-height: 48px; 
	text-transform: uppercase; }

.view-cart a:hover {
	color: #fff; }

#catCartSummary {
	line-height: 50px;
	color: #fff; 
	text-transform: uppercase;
	font-size: 12px; }
	
.btn-continue {
	display: inline; }



/* ==========================================================================
		WEB FORMS - insert styles from BC defaults
   ========================================================================== */
  
.form-wrap {
	background: #F4F4F4;
	padding: 25px; 
	float: left;
	width: 100%; }	
	
.news-form {
	background: #F4F4F4;
	padding: 20px; 
	float: left;
	width: 100%;
	margin-bottom: 20px; }	
	
.news-form h3 { margin: 0; float: left; margin-right: 20px; line-height: 38px; }	
.news-form .btn { padding: 11px 40px; }	   
		   
form label a { color: #E9445A; font-size: 13px; font-weight: normal; }
   
form .form-content { background: #f7f7f7; padding: 25px; }   
form .header { 
	background: #1a2631 none repeat scroll 0 0;
    color: #fff;
    margin: 0;
    padding: 20px; 
    font-family: "Source Sans Pro", helvetica, sans-serif; 
	text-transform: uppercase; 
	color: #fff; 
	font-size: 26px;
	font-weight: bold;
	float: left;
	width: 100%;  }
form .header span { color: #E31936; margin: 0; font-size: 20px; float: right; }
form h3 { margin: 20px 0; }
form h4 { color: #E61C37; }
form .blank { min-height: 75px; }	
form .form-control { border: 2px solid #ddd; background: transparent; height: 38px; box-shadow: none; }
form textarea.form-control { height: auto; }


span.required { font-size: 11px; line-height: 40px; }

.readonly {
	border: none;
	background: #f2f2f2; }
	
input[type="checkbox"], 
input[type="radio"] {
	margin-right: 5px; 
	margin-bottom: 20px; }

.course-booking-form .section,
.course-booking-form .student-contact {
	background: #f0f0f0;
	margin-bottom: 20px;
	float: left;
	width: 100%; }


/* ==========================================================================
		2017 TRAINING UPDATES
   ========================================================================== */
.training-intro {
	position: relative;
	background-size:cover;
	padding:0;
	-webkit-transition:  0.25s all ease-in-out;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;
	background-position: center;
}


 .training-intro h1{
	text-transform: none;
	font-weight:300;
	font-size:42px;
	margin-bottom: 40px;
	line-height: 1em;
	color:#FFF;
}

.course-search { 
	margin-top:0px;	-webkit-transition:  0.25s all ease-in-out;
	padding:20px;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	
}

 .course-search .container .row {
	padding:0;
}

.training-intro::after {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	background:-webkit-linear-gradient(rgba(18,37,52,0.6) 0%, rgba(18,37,52,0.8) 100%);
}


.training-intro > .container {
	z-index:9;
	position: relative;
	margin-top:70px;
	padding-bottom:120px;
}


.training-intro h3, .course-search h3 {
	color: #FFF;
	text-transform:uppercase;
	letter-spacing:0.3em;
	position: relative;
	font-size:16px !important;
	font-weight:500;
	margin-bottom:0;
	padding-bottom:0;
}


.training2017 .training-intro > .container h3 {
	margin-bottom:20px;
	padding-bottom:20px;
}


.training2017 .training-intro > .container h3::after {
	border-top:4px solid red;
	position: absolute;
	bottom:0;
	left:0;
	width:23px;
	content:"";
}


.training2017 .trainingCourses { 
	position:relative;
	padding:0;
}
.training2017 .trainingCourses::after { 
	position:absolute;
	left:0;
	width:50%;
	height:100%;
	top:0;
	content:"";
	background:#f5f5f9;
}

.training2017 .trainingCourses .container {
	position: relative;
	z-index:9;
	
}

.training2017 .trainingCourses > .container > .row > div {
	background:#f5f5f9;
	padding:50px 0;
}
.training2017 .trainingCourses > .container > .row > div.col-md-9 {
	background: #FFFFFF;
	padding:50px 0 50px 50px;
}


.training2017 .trainingCourses > .container > .row > div.col-md-9:hover .course {
	opacity:0.8;
}

.training2017 .trainingCourses > .container > .row > div.col-md-9:hover .course:hover {
	opacity:1 !important;
}

.training2017 .trainingCourses > .container > .row > div.col-md-3 p {
	margin:0;
}
.training2017 .trainingCourses > .container > .row > div.col-md-3 p a {
	display:block;
	color: #878787;
	padding:15px;
	-webkit-transition:  0.25s all ease-in-out;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;
	border-bottom: 1px solid #EEE;
}

.training2017 .trainingCourses > .container > .row > div.col-md-3 p a:hover {
	color:#172632;
	padding-right:20px;
}

.training2017 .trainingCourses > .container > .row > div.col-md-3 p a.active,.training2017 .trainingCourses > .container > .row > div.col-md-3 p a.active i {
	color:#172632;
	font-weight:500;
}
.training2017 .trainingCourses > .container > .row > div.col-md-3 p i {
	color: #CCC;
	float:right;
	margin-top:2px;
}

.training2017 .trainingCourses .course {
	padding:15px;
	-webkit-transition:  0.25s all ease-in-out;
	-moz-transition:  0.25s all ease-in-out;
	-o-transition:  0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;
}


.training2017 .trainingCourses .course  a {
	display:block;
	border:1px solid #f5f5f9;
	height:230px;
	background-size:cover;
	position: relative;
	
}

.training2017 .trainingCourses .course:hover {
}

.training2017 .trainingCourses a span.freq {
	background: #172632;
	text-transform: uppercase;
	font-size:11px;
	position: absolute;
	top:0;
	letter-spacing:0.1em;
	right:0;
	padding:5px 11px;
	color:#FFF;
}

.training2017 .trainingCourses a span.name {
	display:block;
	background: #F5f5f9;
	position: absolute;
	bottom:0;
	color: #444;
	font-weight:400;
	font-family:"Source Sans Pro", helvetica, sans-serif;
	width:100%;
	font-size:15px;
	padding:10px 15px;
	left:0;
}

.training2017 .trainingCourses a span.name strong {
	font-weight:400;
	width:90%;
}
.training2017 .trainingCourses a span.name i {
	margin-left:10px;
	color:#000;
	padding-left:10px;
	border-left:1px solid #EEE;
	padding-top:5px;
	padding-bottom:5px;
	position: absolute;
	right:0;
	top:7px;
	width:10%;
}
.btn.btn-white {
	background: #FFF;
	color: #696767;
	text-transform: none;
	font-weight:400;
	
}

.btn.btn-white i { 
	margin-left:5px;
}

/* ==========================================================================
		BANNER ADS
========================================================================== */  

a.bannerwrap, a.bannerwrap div, a.bannerwrap > img {
	width:250px;height:250px;
	position:relative;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out; 
}

a.bannerwrap {
		filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	margin:25px 0;
	display:block;
	-o-filter: grayscale(0%);
}

a.bannerwrap div div.background-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:0;
	height: 100%;
	background: #0c0d13;
	opacity:0.3;
}
a.bannerwrap p {
    bottom: 0;
    color: #fff;
    font-weight: 700;
    height: auto;
    left: 0;
    font-size:17px;
    padding: 15px;
    position: absolute;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    width: 100%;
    margin-bottom:0;
    z-index: 10;
}

a.bannerwrap p span {
	font-weight: 500;
	font-size:14px;

}
a.bannerwrap i {
	position:relative;
	-webkit-transition: .2s all ease-in-out;
	-moz-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out; 
	transition: 0.2s all ease-in-out;
}
a.bannerwrap:hover  div div.background-overlay {
	opacity:0.7;
}

a.bannerwrap:hover , a.bannerwrap:hover  div, a.bannerwrap:hover  > img {
	border-radius:4px;

}
a.bannerwrap:hover i {
	margin-left:5px;
}


/* ==========================================================================
		MISCELLANEOUS - don't just dump crap in here!
   ========================================================================== */  

.modal.modal-wide .modal-dialog {
  width: 60%;
}
.modal-wide .modal-body {
  overflow-y: auto;
  text-align:center;
}

.modal {
    z-index: 10000;
}
.modal-backdrop {
    z-index: 9999;
}

/* ===========================================================================
    TEMPLATE ELEMENTS
   =========================================================================== */

	
#omc-logo {height: 8px;width: 32px; margin-left: 2px; background-attachment: scroll; background-position: 0 0; background-repeat:no-repeat; display: inline-block; vertical-align: middle;}
.c000 {color: #000; border-color: #000;}
.c333 {color: #333; border-color: #333;}
.c666 {color: #666; border-color: #666;}
.c999 {color: #999; border-color: #999;}
.cccc {color: #CCC; border-color: #ccc;}
.cfff {color: #FFF; border-color: #fff;}





/* ==========================================================================
	MODULE STYLESHEET OVERRIDE
   ========================================================================== */


.form label, 
.webform label {
	font-size: inherit !important; }

.system-message, 
.system-error-message {
	background-color: transparent !important;
	border: none !important;
	color: auto !important;
	margin: 0 !important;
	min-height: auto !important;
	height: auto !important;
	padding: 0 !important; }

.system-message {
	background: none !important; }

.system-error-message {
	background: none !important; }

.system-message h1, 
.system-error-message h1 {
	color: inherit !important;
	margin: inherit !important; }

.system-message a:link, 
.system-error-message a:link {
	color: inherit !important; }

.secure-login, .newsletter-form {
    background: none !important;
    border: none !important;
    margin-bottom: 0 !important; }

table.productTable td {
	padding: 0 !important; }


table.catalogueTable {
	margin: 0 !important; }


tr.discount td.quantity {
	text-align: left !important; }

tr.shipping td {
    border-bottom: none !important; }

.giftvoucher, .cart th {
    border-bottom: 1px solid #ddd; }

tr.val td {
    border-bottom: 1px solid #ddd; }

tr.total {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd; }

tr.total td {
	padding: 20px 10px; }

table.cartSummaryTable {
    float: none !important;
    font-size: auto !important; }

.poplets {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important; }
	
.poplets img {
	border: 0 !important; }	

.shop-main {
	margin-top: 0; }







/* ==========================================================================
	2016 SITE UPDATES
   ========================================================================== */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.resourcecatwrapper { 
	position: relative;
}

.navlistcat.bottomofpage {
	position:absolute !important;
	bottom:150px;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.square-box{
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
}
.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.square-content div {
   display: table;
   width: 100%;
   height: 100%;
}
.square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#training-carousel .img-responsive {
    width: 68%;
}
.bgc-white {
		background: #FFFFFF !important;
	}
.bgc-whitegradient {
background: rgb(242,242,242);
background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 13%);
background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 13%);
background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 13%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
}
.bgc-bluegradient {
background: -moz-linear-gradient(45deg, rgba(9,38,59,1) 0%, rgba(9,38,59,0.5) 100%);
background: -webkit-linear-gradient(45deg, rgba(9,38,59,1) 0%,rgba(9,38,59,0.5) 100%);
background: linear-gradient(45deg, rgba(9,38,59,1) 0%,rgba(9,38,59,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09263b', endColorstr='#4d09263b',GradientType=1 );
}
.tc-white {
	color: #FFFFFF;}

.tc-red {    color: #e31936;}

.home-course-categories {
	margin-bottom:75px;
}

.home-course-categories  h3 {
	margin-top:8px;
}

ul.homecatlist li {
    border-bottom: 1px solid #eee;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 7px 0;
    width: 33.333%;
}
.homecatlist li a {
    display: block;
    position: relative;
}
.homecatlist li i {
    color: #e31936;
    margin-right: 10px;
    position: absolute;
    right: 0;
    top: 2px;
}
.homecatlist {
    left: 0;
	padding-left:0;
    margin: 0;
}

.home.home2016 .companies-list {
	display:none;
}

.home.home2016 h2 {
	font-size:34px;
}
.home.home2016 h2 span {
    color: #e31936;
}
.home.home2016 h3 {
	font-size:25px;
}
.home.home2016 h3 span {
    color: #e31936;
}


.home2016 .featuredcoursehomepage {
    padding: 7px;
}
.home2016 .featuredcoursehomepage > div {
    padding: 50px 0 0;
    background-size:cover;
    background-position: center center;
}
.home2016 .featuredcoursehomepage h4 {
    margin-top: 0;
    padding: 0 15px 0 9px;
    text-shadow: 0 0 3px rgba(0,0,0,0.8);
    height:80px;
    display: table-cell;
    font-size:17px;
    vertical-align: bottom;
}
.home2016 .featuredcoursehomepage p {
    margin-bottom: 0;
    padding: 9px;
}
.home2016 .featuredcoursehomepage p a.btn-wire-white {
    border: 1px solid #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 0 2px rgba(0, 0, 0, 0.3) inset;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.home2016 .featuredcoursehomepage p a.btn {
    padding: 9px 26px;
}


.home2016 .featuredcoursehomepage p a.btn:hover {
    background: #FFFFFF;
    box-shadow:none;
    text-shadow:none;
    color:#1e3242;
}
.home2016 .featuredcoursehomepage .gradientoverlay {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.21) 25%, rgba(0,0,0,0.85) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 25%,rgba(0,0,0,0.85) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 25%,rgba(0,0,0,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );}


.home2016 .featuredcoursehomepage p a.btn.btn-red {
    background: #e31936;
    border: 2px solid #e31936;
    color: #fff;
    margin-left: 5px;
}

.home2016 .featuredcoursehomepage p a.btn.btn-red:hover {
    background: rgba(0,0,0,0.8);
    border: 2px solid rgba(0,0,0,0.8);
    color: #fff;
    margin-left: 5px;
}

.home2016 .featuredcoursehomepage p a.btn.btn-red:hover i {
    color: #e31936;
}



/** NEW HOMEPAGE CONTENT **/

.home2016 .featuredcoursehomepage .gradientoverlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    padding-top: 50px;
}
.home2016 .featuredcoursehomepage > div {
    padding: 0;
}
.home2016 .featuredcoursehomepage p {
    background: rgba(0, 0, 20, 0.6) none repeat scroll 0 0;
    margin-top: 8px;
    padding: 5px;
}
.home2016 .featuredcoursehomepage p a.btn {
    padding: 8px 21px;
    font-weight:500;
}
.home2016 .featuredcoursehomepage h4 {
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2em;
    margin: 0;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    text-transform: none;
}

/** NEW HOMEPAGE CONTENT **/



.home2016 .company-logo {
    display: block;
    text-align: center;
    height:100px;
}

.home2016 .company-logo img {
	width:55%;
}

.home.home2016 .companies-we-train h1 {
    margin-bottom: 15px;
}
.home.home2016 .companies-we-train {
    padding: 78px 0;
}


.numberticker.bgc-whitegradient .number-data-wrap {
    margin: 0;
    padding: 0;
}
.numberticker.bgc-whitegradient .number-data-wrap .column:first-child {
    border-left: 0 none;
}
.numberticker.bgc-whitegradient .number-data-wrap .column:last-child {
    border-right: medium none;
}
.home2016 .why-worksafe .col-sm-4.twitterfeed {
	background: rgb(239,239,239);
	background: -moz-linear-gradient(45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 );	border-radius:5px;
    border-radius: 4px;
}
.home2016 .why-worksafe .col-sm-4.twitterfeed h3 {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.home2016 .home-banner {
	padding:140px 0 100px 0;
	background: rgba(0, 0, 0, 0) url("/_assets/img/home-3.jpeg?Action=thumbnail&Width=2000&Height=1500&algorithm=fill_proportional") repeat scroll 0 0 / cover; background-position: center;
}

.home2016 .home-banner .overlay {
	height: 100%;
	background: rgba(0,0,0,0.5);
}

.home-banner .col-xs-12 h1 {
    font-size: 40px;
    margin-bottom: 14px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    font-weight:600;
    text-transform: none;
}
.home-banner .col-xs-12 p.subheading {
    font-size: 30px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}
.home-banner .col-xs-12 p.subheading i {
    font-size: 27px;
    margin: 0 13px;
}


.home-banner .col-xs-12 .btn.btn-transblack {
	margin-right:20px;
}
.btn.btn-transblack {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    box-shadow: 0 0 15px rgba(255,255,255,0.3);
    color: #fff;
	transition: 0.25s all ease-in-out;
}


.btn.btn-transblack:hover {
    background: #FFFFFF;
    color: #1e3242;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.btn.btn-transblack i {
    color: #fff;
    margin-left:5px;
	transition: 0.25s all ease-in-out;
}

.btn.btn-transblack:hover i {
    color: #e31936;
}

.home2016 .why-worksafe .col-sm-8 {
    padding-left: 0;
    padding-right: 55px;
}

.homeservices {
    border-bottom: 1px solid #eee;
    color: #666;
    padding-bottom: 10px;
    min-height:163px;
    text-align: justify;
    font-size:14px;
}
.home.home2016 .homeservices h3 {
    font-size: 21px;
}

.why-worksafe .introrow {margin-bottom:30px;}


.featuredlistwrapper img {
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    z-index: -1;
}
.featuredlistwrapper.bgc-bluegradient {
    color: #fff;
    padding: 22px;
    position: relative;
}
.featuredlistwrapper.bgc-bluegradient > h3 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 10px;
}
.featuredlistwrapper.bgc-bluegradient > p {
    font-size: 14px;
    min-height: 159px;
}


/* ==========================================================================
	RESOURCES PAGE
   ========================================================================== */

.resourcewrapper .col-xs-8 > h3 {
    margin-top: 25px;
}
.resourcewrapper .col-xs-2 {
    text-align: right;
}
.resourcewrapper .col-xs-2 > a {
    margin-top: 27px;
box-shadow: 0 0 4px rgba(0,0,0,0.2);	background: rgb(239,239,239);
	background: -moz-linear-gradient(45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 );	border-radius:5px;
	color:#1A2631;
	transition: 0.25s all ease-in-out;
}
.resourcewrapper .col-xs-2 > a:hover {
    color: #e31936;
    
}

.documentvideoicon, .documentresourceicon {
    border: 9px solid white;
    height:98px;
}

.documentresourceicon {
    background: #1A2631 none repeat scroll 0 0;
    color: #fff !important;
    padding: 27px 0;
}

.navlistcat.fixedresourcenav {
    left: auto;
    position: fixed;
    right: auto;
    top: 150px;
}

.row.resourcecatwrapper {
    margin: 35px 0;
    padding: 15px 0;
}
.row.resourcecatwrapper h2 {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 16px;
}


.resourcewrapper h3 {
    font-size: 18px;
    font-weight: 500;
    line-height:22px;
    margin-bottom:4px;
    margin-top:0;
    text-transform: capitalize;
}
.resourcewrapper p {
    font-size: 13px;
    font-style: italic;
}

.resourcewrapper {
    border-bottom: 1px solid #eee;
}
.resourcewrapper .col-xs-10 {
    padding: 17px;
}
.navlistcat {
	padding:20px;
}

.navlistcat ul {
	margin: 0;
box-shadow: 0 0 4px rgba(0,0,0,0.2);	background: rgb(239,239,239);
	background: -moz-linear-gradient(45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg, rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 );	border-radius:5px;
	padding:20px;
	list-style:none;
}
.navlistcat h3 {
	margin-top:0;
}
.navlistcat li {
	padding:10px 5px;
	position: relative;
	border-bottom:1px solid #ddd;
}

.navlistcat li a {
	font-size:14px;
	transition:0.25s all ease-in-out;
	-ms-transition:0.25s all ease-in-out;
	-moz-transition:0.25s all ease-in-out;
	-webkit-transition:0.25s all ease-in-out;
	
}

.navlistcat li:last-child {
	border-bottom:none;
	padding-bottom:0;
}

.navlistcat li i {
	position: absolute;
	top:13px;
	right:0;
	-ms-transition:0.25s all ease-in-out;
	-moz-transition:0.25s all ease-in-out;
	-webkit-transition:0.25s all ease-in-out;
}
.navlistcat li a:hover i {
	position: absolute;
	top:13px;
	right:-3px;
	-ms-transition:0.25s all ease-in-out;
	-moz-transition:0.25s all ease-in-out;
	-webkit-transition:0.25s all ease-in-out;
}


/* ==========================================================================
	MEDIA QUERIES
   ========================================================================== */
      
@media (max-width: 1640px) {
   
.featured-course-list a img { width: auto; height: 100%; }  
   
}

@media (max-width: 1300px) {

.featured-course-list .content h3 { font-size: 16px; }	
.featured-course-list p { line-height: 1.2em; font-size: 13px; }	

}
   
@media (max-width: 1199px) {

/*.featured-course-list .content { height: 180px; }*/
	
.course-detail .column.column-book .btn { width: 100%; }	
.course-detail .column.column-book .btn:first-child { margin-bottom: 5px; }
	
.about-box .dark-box h1 { font-size: 20px; } 	
.about-box .dark-box { height: 320px; } 	
	
.home-featured .featured-testimonial { height: 300px; }	
	
.service-detail .dark-box { height: 320px; }	
	
	
#featured-courses { margin: 0; }	
#featured-courses .item .column { padding: 0; margin: 0; }	
	
.featured-course-list .content h3 { font-size: 16px; }	
.featured-course-list p { line-height: 1.1em; font-size: 13px; }	
	
.carousel .carousel-control { top: 22%; }	
	
	
}
   
   
@media (max-width: 992px) {


.dark-box { margin-bottom: 30px; }

/*.featured-course-list .content { height: 140px; }*/
.featured-course-list .is-featured img { width: 100px; }

.about-box .dark-box { height: 180px; } 

.home-featured .featured-testimonial { padding: 30px !important; height: 340px; }	
.featured-course-list a img { width: 100%; height: auto; }	

.service-detail .dark-box { height: 470px; }


footer h3 { color: #E31936; }
footer .footer-info { text-align: left !important; }
footer .footer-logo { padding-top: 30px; }
footer .footer-logo img { width: auto; }

a.popcoursetraining p {
    font-size: 13px;
    line-height: 1.1em;
}

ul.homecatlist li {
	width:50%;
}

.home2016 .homeservices {
    min-height: auto;
    text-align: left;
}

.home2016 .home-banner .col-xs-12 .btn.btn-transblack {
	margin-bottom:20px;
}

.home2016 .twitter-timeline.twitter-timeline-rendered {
    height: 1100px !important;
}

}

   
@media (max-width: 767px) {

.desktop { display: none; }
.mobile  { display: block; }


body { 
	background: url("/_assets/img/bg-main-mobile.jpg") no-repeat center center transparent;
	background-size: cover; }
	
body.internal { 
	background: url("/_assets/img/bg-main-mobile.jpg") no-repeat top center transparent;
	background-size: 100% auto; }

h1 { font-size: 28px; }

a { overflow-wrap: break-word; word-wrap: break-word; }

form .blank { min-height: 2px; }	

.internal section { margin: 100px 0 0 0; padding: 30px 0; }
.course-detail section.main,
.custom-image  section.main { margin: 0; }
.custom-image .hero-image { height: 200px; }

.service-detail .dark-box { height: auto; }

header { height: 65px; }
#navbar { margin: 0; padding: 0; }
#navbar .container { padding: 0; }
.navbar-default { margin: 0; font-size: 18px; }
.navbar-default ul > li { width: 100%; margin: 0; }
.navbar-default ul > li a { padding: 10px 10px; border-bottom: 1px solid #264056; width: 100%; }
.navbar-default .social a { padding: 14px 10px; }
.navbar-header .navbar-right { text-align: right; padding: 8px 0 0 0; }
a.navbar-brand img { width: 115px; }
.phone-number { font-size: 20px; line-height: 1.2em; margin-left: 20px; }
.phone-number::before { content: none; }
a.search-click { line-height: 1.0em; }

.search-bar { position: fixed; }	

.newsletter-detail img {
	width: 50%;
	margin-bottom: 30px; }

.home-banner { padding: 50px 0; background: rgba(0, 0, 0, 0) url("/img/webapps/training/Certificate-II-in-Surface-Extractions-copy.jpg") repeat scroll 0 0 / cover; background-position: center bottom; }
.home-banner .text-center { height: 270px; padding-top: 20px; }
.home-banner .text-center p { line-height: 1.2em; }
.home-banner .text-center span { font-size: 36px; margin: 10px 0 20px 0; }

#featured-courses { }
#featured-courses .carousel-inner { height: 250px; }
#featured-courses .featured-course-list { height: 250px; }
#featured-courses a img { width: 100%; height: auto; } 

.featured-course-list .content h3 { font-size: 20px; }	
.featured-course-list p { line-height: 1.2em; font-size: 14px; }	

.why-worksafe h1 { font-size: 30px; }
.why-list-01 ul { margin-bottom: 0 !important; }
.why-list-02 ul { margin-top: 0 !important; }	
	
.news-form h3 { margin: 0; float: none; margin-right: 20px; line-height: 38px; }	
.news-form .btn { padding: 11px 40px; }	

#testimonial-slider .item { font-size: 16px; line-height: 18px; width: 90%; padding: 0 12%; left: 5%; }
.wsc-testimonial { padding: 70px 0; }
#testimonial-slider .fa-quote-left, 
#testimonial-slider .fa-quote-right { font-size: 36px; }

.course-list a.image { height: 200px; }
.schedule-wrap .course-schedule-list .btn-sm { margin-right: 0; }

.team-list .image { height: auto; }
.team-list .image img {
    height: auto;
    width: 100%; }

.team-list .content { height: auto; }

.number-data-wrap .column,
.number-data-wrap .column:last-child { border: none; margin-top: 20px; }
.number-data span { font-size: 34px; }


.home-featured .featured-testimonial { padding: 35px !important; height: auto; }	
.home-featured-list h3 { width: 80%; }
.home-featured-list .featured-testimonial .fa { right: 30px; bottom: 30px; }

.companies-we-train img { margin: 0; padding: 0; margin: 0 auto; }
.companies-we-train a { text-align: center; }

.services-panel .btn { font-size: 13px; }

.office-list .content { height: auto; }

.news-list .icon i { font-size: 20px; }

ul.homecatlist li {
	width:100%;
}

.trainingpagesec {
    margin: 0 !important;
}
.training-category-detail h3 {
    font-size: 17px;
}


/*
#home-slider.carousel { height: 320px; }
#home-slider.carousel .item { padding: 30px 0; background-size: 100% auto !important; }
#home-slider.carousel .item .text-center { display: none; }
#home-slider.carousel .item.active .text-center { display: block; }
#home-slider.carousel .carousel-control span { font-size: 50px; }
.slider-entry { width: 90%; margin: 0 auto; }
.carousel .item1 .entry1 h3, 
.carousel .item2 .entry2 h3, 
.carousel .item3 .entry3 h3 { padding: 20px 25px 0 25px; font-size: 16px; text-transform: inherit; }
.slider-entry .text-center { height: 230px; }
.slider-entry .text-center span { font-size: 40px; margin: 0 0 20px 0; }
.slider-entry .btn-wrap { width: 90%; bottom: 25px; }
.slider-entry .btn { font-size: 16px; } */

.home-featured-list .featured-testimonial .fa { right: 30px; bottom: 35px; font-size: 40px; }


#testimonial-slider.carousel .carousel-caption { padding: 0 8%; width: 84%; }
#testimonial-slider.carousel .carousel-caption i { font-size: 28px; }


.home-banner .entry { margin-bottom: 30px; }






.news-detail .comments { margin-top: 30px; }

#calendar h2 { font-size: 18px; margin-top: 20px; }
.fc-day-grid-event .fc-content { white-space: nowrap; }
.fc-day-grid-container { min-height: 340px !important; }


.about-box .dark-box { height: auto; } 



form .header span {
	float: left; 
	margin: 10px 0 0 0; }


section.featured-courses .featured-course-list { border: 0 !important; border-bottom: 1px solid #fff !important; }
/*.featured-course-list .content { height: 180px; }*/


.course-detail .hero-image { height: 250px;  }
.course-detail .schedule-wrap .header { display: none; }
.course-detail .column { width: 100%; }
.course-detail .column.column-book { width: 100%; }
.course-detail .column.column-book .btn { width: 49%; }
.course-detail .column.column-book .btn:first-child { margin-right: 1%; margin-top: 0; float: left; }

.calendar-detail .btn { width: 100%; margin-bottom: 5px; }



.our-partners .partner-list { margin-bottom: 0px; }

#testimonial-slider.carousel .carousel-caption { height: 260px; }
.carousel-caption .btn { width: 100%; }





footer .motto { text-align: left; margin-top: 30px; }
footer h1 span { display: block; }


.home2016 .home-banner .col-xs-12 .btn.btn-transblack {
    margin: 10px 0;
    width: 100%;
}
.home2016 .homeservices {
    min-height: auto;
    text-align: left;
}
.home2016 .featuredlistwrapper.bgc-bluegradient {
    margin: 10px 0;
}
.home2016 .featuredlistwrapper.bgc-bluegradient > p {
    min-height: auto;
}
.home2016 .why-worksafe .col-sm-8 {
    padding: 10px;
}
.home2016 .home-banner .col-xs-12 h1 {
    font-size: 30px;
}
.home2016 .home-banner .col-xs-12 p.subheading {
    font-size: 18px;
}
.home2016 .home-banner .col-xs-12 p.subheading i {
    font-size: 14px;
    margin: 0 3px;
}
.home2016 .featuredcoursehomepage p a.btn {
    padding: 7px 10px;
}
.home2016 .why-worksafe .col-sm-4.twitterfeed {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.home2016 .twitterfeed {
	display:none;
}

}


/* ==========================================================================
	iPad
   ========================================================================== */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { 
	
}




@media (max-width: 1255px) {
.highlights-box { width: 270px; }
}
   

@media (max-width: 1199px) {
.highlights-box { width: 300px; }
}
   
   
@media (max-width: 992px) {
.highlights-box { width: 280px; }

.course-search * { 
	text-align: left !important;
}


.training2017 .trainingCourses > .container > .row > div.col-md-9 {
	padding:15px;
}




.course-search {
	margin-top:0;
	padding:10px 0;
}

header .search-click { display:none;}

.course-search.stick {
	position: fixed;
	left:0;
	right:0;
	z-index:100;
    background-color: rgba(23, 38, 51, 0.94);
}

.mobile#courseCat { display:block;}

.phonewrapp {
    float: right;
    position: absolute;
    top: 13px;
    right: 70px;
}

span.phone-number {
    font-size: 12px;
    margin-top: 4px;
    display:block !important;
    clear: both !important;
    /* font-weight: 500; */
}

.phonewrapp br {
    display: none;
}

.course-search .titleWrap { display:none;}
.coursesearch,  #courseSel { display:none;}
.training-intro { max-height:auto !important;}
.home2016 .home-banner .col-xs-12 h1 { font-size:32px !important;marg}
.home2016 .home-banner { padding-top:100px !important;}
.home2016 .home-banner .col-xs-12 .btn.btn-transblack { display:block;}
.home-banner.training-intro > .container { padding-bottom:90px;}
.home2016 .featured-courses { padding:25px 10px;}

}

@media (max-width: 900px) {
.highlights-box { width: 270px; }
}   

@media (max-width: 860px) {
.highlights-box { width: 250px; }
span.phone-number {
    display: inline-block;
}
}  
   
@media (max-width: 767px) {

.resourcecatwrapper {
	display: none;
}

.resourcewrapper h3 {
    font-size: 14px;
    line-height: 1.2em;
}

.resourcewrapper .col-xs-2:first-child {
	display:none;
}
/*
.highlights-box { width: 100%; position: fixed !important; bottom: 0 !important; left: 0 !important; height: auto !important; top: auto !important; z-index: 999; }
.highlight-list { width: 50%; float: left; padding: 15px 20px; }
.highlight-buttons { width: 100%; } */

.highlights-wrap { position: relative; }

.highlights-box {
    bottom: auto !important;
    height: auto !important;
    left: auto !important;
    position: relative !important;
    top: auto !important;
    width: 100%;
    max-width: 100% !important;
    z-index: 1;
    margin-top: 30px; }


#calendar-legend { 
	position: relative !important;
	box-shadow:none;
}

#calendar-legend span {
	display:block;
	font-size:12px;
	margin:5px 5px 0 5px;
	} 

#calendar { 
	margin-top: 50px !important;
}

}



/*  =======================================================================
		CROSSBROWSER (target with the following classes)
	=======================================================================  */

.ie7 {}
.ie8 {}
.ie9 {}




/* ==========================================================================
	HELPER CLASSES - Leave directly before print styles
	.ir (image replacement)  |  .hidden (display:none)  .visuallyhidden  
	.clearfix (for naughty floats: h5bp.com/q)
   ========================================================================== */

.noscript {background: #000; font: bold 10px/12px sans-serif; color:#ff0; text-align: center; padding: 5px;}

.ir {display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0;}.ir br{display:none;}
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important; }

    a,
    a:visited {
        text-decoration: underline; }

    a[href]:after {
        content: " (" attr(href) ")";  }
    abbr[title]:after {
        content: " (" attr(title) ")"; }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""; }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid; }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group; }

    tr,
    img {
        page-break-inside: avoid; }

    img {
        max-width: 100% !important; }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3; }

    h2,
    h3 {
        page-break-after: avoid; }
}