@charset "UTF-8";
/* CSS Document */

body {
	font-family: "ff-tisa-sans-web-pro";
}

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

a:hover {
	text-decoration: none;
}

.contact-header {
	display: none;
}

.contact-header a:link, .contact-header a:active, .contact-header a:visited {
	color: #FFFFFF;
}

.contact-header a:hover {
	text-decoration: none;
}

.navbar {
	border-radius: 0 !important;
}

.navbar-default {
	background-color: #012335;
	margin: 0;
	border: none;
}

.navbar-default a:link, .navbar-default a:active, .navbar-default a:visited, .navbar-default .navbar-nav > li > a {
	color: #FFFFFF;
}

.navbar-default .navbar-nav > li > a:hover {
	background-color: #02669B;
	border-radius: 5px;
	color: #FFFFFF;
}

.navbar-default .navbar-nav > .open > a {
	border-radius: 5px;
}

.dropdown-menu > li > a {
	color: #000000 !important;
}

.navbar-default .navbar-nav > .open > a {
	background-color: #02669B !important;
	color: #ffffff !important;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #FFFFFF !important;
}

.navbar-brand {
	height: 105px;
}

.navbar-nav {
	padding-top: 27.5px;
	padding-bottom: 20px;
}

.new-img {
	height: 10px; 
	width: 25px; 
	position: relative; 
	top: -5px; 
	right: -5px
}

.coming-soon-img {
	height: 10px; 
	width: 60px; 
	position: relative; 
	top: -5px; 
	right: -5px
}

.breadcrumb {
	display: none;
}

#pagination {
	text-align: center;
}

.main-body {
	text-align: center;
}

#contact {
	text-align: left;
}

.blog-post-body .glyphicon {
	margin-right: 5px;
}

.main-body, .main-body-courses, .main-blog-body, .main-page-body, .main-body-venue {
	margin-bottom: 50px;
}

.main-blog-index {
	text-align: center;
}

.main-body-courses ul {
	padding-left: 20px;
}

.main-body h1, .main-body-courses h1, .main-blog-body h1
.main-body h2, .main-body-courses h2, .main-blog-body h2
.main-body h3, .main-body-courses h3, .main-blog-body h3
.main-body-venue h1{
	color: #012335;
}

.more {
	background-color: #ffffff;
	border-color: #012335;
	color: #012335;
}

.more:hover {
	background-color: #012335;
	color: #ffffff;
}

.enquire {
	background-color: #006837;
	border-color: #006837;
	color: #ffffff;
}

.enquire:hover {
	background-color: #012335;
	color: #ffffff;
	border-color: #012335;
}

.enquire .glyphicon {
	margin-right: 10px;
}

#courses-sidebar button {
	background-color: #ffffff;
	border-color: #012335;
	color: #012335;
	width: 100%;
}

#courses-sidebar button:hover {
	background-color: #012335;
	color: #ffffff;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-color: #012335;
	border-color: #012335;
}

a.list-group-item:hover {
	background-color: #02669B;
	color: #ffffff;
	border-color: #012335;
}

#carousel1 {
	margin-bottom: 40px;;
}

.carousel-control {
	background-image: none !important;
}

.item {
	height: 520px;
}

#carousel-slide-1 {
	background-image: url(../images/CPR-Training.jpeg);
	background-size: cover;
	background-position: center;
	text-align: center;
	padding-top: 75px;
	color: #FFFFFF;
}

#carousel-slide-2 {
	background-image: url("../images/owl.jpg");
	background-size: cover;
	background-position: center;
	text-align: center;
}

#carousel-slide-3 {
	background-image: url("../images/mental-health.jpeg");
	background-size: cover;
	background-position: center;
	text-align: center;
}

#carousel-slide-4 {
	background-image: url(../images/Infant%20CPR.jpeg);
	background-size: cover;
	background-position: center;
	text-align: center;
}

#carousel-slide-5 {
	background-image: url(../images/Swimming%20Teacher.jpeg);
	background-size: cover;
	background-position: center;
	text-align: center;
}

#carousel-slide-6 {
	background-image: url(../images/safeguarding-hero.jpeg);
	background-size: cover;
	background-position: center;
	text-align: center;
}

#carousel-slide-7 {
	background-image: url("../images/owera-hero.jpg");
	background-size: cover;
	background-position: center;
	text-align: center;
}

#carousel-slide-8 {
	background-image: url("../images/ofa-hero.png");
	background-size: cover;
	background-position: center;
	text-align: center;
}

#carousel-slide-1 h1 {
	text-shadow: 2px 2px #000000;
	margin-top: 50px;
}

#home-btn {
	border: none;
	background-color: #006837;
	color: #ffffff;
	border-radius: 2;
	margin-top: 25px;
}

#home-btn:hover {
	background-color: #012335;
}

#regulated-course {
	width: 100%;
	height: 100%;
	color: #ffffff;
	background-color: #006837;
	text-align: left;
	padding: 50px;
}

#regulated-course button {
	background-color: #006837;
	color: #ffffff;
	border: 1px solid #ffffff;
}

#regulated-course button:hover {
	background-color: #ffffff;
	color: #006837;
}

#instructor-quals, #health-safety, #nrastc-light, #owera {
	width: 100%;
	height: 100%;
	background-color: #02669B;
	text-align: left;
	color: #ffffff;
	padding: 50px;
}

#instructor-quals h2, #instructor-quals h4, #regulated-course h2, #regulated-course h4, #health-safety h2, #health-safety h4, #nrastc-light h2, #nrastc-light h4, #owl h2, #owl h4, #owera h4 {
	margin-bottom: 20px;
}

#instructor-quals button, #health-safety button, #nrastc-light button, #owera button {
	background-color: #02669b;
	border: 1px solid #ffffff;
	color: #FFFFFF;
}

#instructor-quals button:hover, #health-safety button:hover, #nrastc-light button:hover, #owera button:hover {
	background-color: #ffffff;
	color: #02669b;
}

#safeguarding {
	width: 100%;
	height: 100%;
	color: #ffffff;
	background-color: #006837;
	text-align: left;
	padding: 50px;
}

#safeguarding button {
	background-color: #006837;
	color: #ffffff;
	border: 1px solid #ffffff;
}

#safeguarding button:hover {
	background-color: #ffffff;
	color: #006837;
}
#ofa {
	width: 100%;
	height: 100%;
	color: #ffffff;
	background-color: #006837;
	text-align: left;
	padding: 50px;
}

#ofa button {
	background-color: #006837;
	color: #ffffff;
	border: 1px solid #ffffff;
}

#ofa button:hover {
	background-color: #ffffff;
	color: #006837;
}
#owl {
	width: 100%;
	height: 100%;
	color: #ffffff;
	background-color: #006837;
	text-align: left;
	padding: 50px;
}

#owl button {
	background-color: #006837;
	color: #ffffff;
	border: 1px solid #ffffff;
}

#owl button:hover {
	background-color: #ffffff;
	color: #006837;
}

.contact-header {
	background-color: #1E1E1E;
	color: #ffffff;
}

.contact-header p {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	text-align: right;
}

.contact-header .glyphicon { 
	margin-right: 10px; 
	margin-left: 10px;
}

.course-snippet {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 20px;
}

#course-snippet, .blog-snippet, .up-courses-snippet {
	text-align: center;
}

.up-courses-snippet h4 {
	min-height: 38px
}

.up-courses-snippet h3, .up-courses-snippet a:link, .up-courses-snippet a:active, .up-courses-snippet a:visited {
	color: #012335;
}

#course-snippet h3, .blog-snippet h3,
.blog-snippet a:link, .blog-snippet a:active, .blog-snippet a:visited,
.main-blog-index a:link, .main-blog-index a:active, .main-blog-index a:visited {
	color: #012335;
}

#bespoke {
	margin-bottom: 20px;
}

#course-snippet p {
	font-size: 18px;
	margin-bottom: 20px;
}

#course-snippet-fa, #course-snippet-aed, #course-snippet-life, #course-snippet-fire, #course-snippet-hs, #course-snippet-safeguarding {
}

.thumbnail {
	margin-bottom: 30px !important;
}

.thumbnail:hover {
	text-decoration: none;
	background-color: #FBFBFB;
	border-color: #012335;
}

#course-snippet button {
	border: solid 1px #012335;
	color: #012335;
}

#course-snippet button:hover {
	background-color: #012335;
	color: #ffffff;
}

#ao {
	border: solid 1px #dddddd;
}

.call-now {
	background-color: #012335;
	padding: 40px;
	text-align: center;
	border-radius: 4px;
	margin-top: 50px;
}

.coming-soon {
	background-color: #006837;
	padding: 40px;
	text-align: center;
	border-radius: 4px;
	margin-top: 20px;
}

.call-now-text, .coming-soon-text {
	color: #ffffff;
	font-size: 24px;
	margin: 0;
}

.call-now button {
	background-color: #012335;
	color: #FFFFFF;
	border: 1px solid #ffffff;
}

.call-now button:hover {
	background-color: #006837;
	border: 1px solid #006837;
	color: #ffffff;
}

#about-us {
	text-align: center;
}

#about-us h3 {
	margin-top: 0;
}

.about-trainers {
	text-align: center;
	padding: 20px;
	margin-bottom: 20px;
}

.about-trainers-heading {
	margin-bottom: 20px;
}

.about-trainers h3 {
	margin: 0;
	clear: none;
}

.list {
	font-size: 18px;
}

.list img {
	position: relative;
	bottom: 2.5px;
	margin-right: 5px;
}

#about-text, #why-asb {
	margin-top: 20px;
	text-align: left;
}

#why-asb table tr td {
	padding-bottom: 10px;
	font-size: 16px;
}

.blog-snippet {
	margin-bottom: 20px;
}

#about h3, #about h2 {
	color: #012335;
}

.contact-social img {
	margin-top: 0;
}

#contact h2 {
	color: #012335;
}

#contact-sidebar {
	border-radius: 4px;
	color: #ffffff;
	background-color: #006837;
	margin-left: 15px;
	margin-right: 15px;
	padding: 20px 40px 20px 40px;
}

#contact-sidebar a:link, #contact-sidebar a:active, #contact-sidebar a:visited {
	color: #ffffff;
}

#contact-sidebar h3 {
	margin-bottom: 0;
}

#contact-button {
	border: none;
	background-color: #006837;
	color: #ffffff;
	width: 100%;
}

#contact-button:hover {
	background-color: #012335;
}

#form-message {
	resize: none;
}

#testimonials blockquote {
	text-align: left;
}

#policies {
	text-align:  left;
}

.pdf {
	position: relative;
	top: -2px;
}

.cal-title {
	margin-bottom: 20px;
}

.ven-title {
	margin-bottom: 20px;
}

.ven-snippet-title {
	margin-bottom: 20px;
}

.cal-snippet {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-left: 0;
}

.cal-snippet-bottom {
    border-bottom: 0px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-left: 0;
}

.cal-header {
	margin-top: 20px;
}

.cal-img {
	display: block;
 	margin-left: auto;
  	margin-right: auto;
}

#why-asb-tb table tr td {
    padding-bottom: 10px;
}

#why-asb-tb table tr td img {
    width: 15px;
    height: 15px;
}

/* FOOTER */

.footer {
	background-color: #012335;
	color: #FFFFFF !important;
	padding-top: 20px;
	font-size: 16px;
}

#footer-contact {
	color: #ffffff !important;
}

.footer a:link, .footer a:active, .footer a:visited {
	color: #ffffff;
}

.footer a:hover {
	text-decoration: none;
	color: #02669B;
}

.footer h3 {
	margin-bottom: 0;
}

.pop-courses-item {
	font-size: 12px;
	list-style-type: none;
}

#pop-courses {
	padding-left: 0;
}

#pop-courses .glyphicon {
	margin-right: 5px;
}

#privacy ul {
	float: right;
}

#privacy ul li {
	display: block;
	list-style-type: none;
	float: left;
	clear: none;
	padding-left: 20px;
	font-size: 12px;
}

#footer-row {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	border-top: 1px solid #ffffff;
}

.copyright {
	font-size: 12px;
}

td {
	vertical-align: text-top;
	padding-right: 10px;
}

#footer-about-btn {
	background-color: #012335;
	color: #FFFFFF;
	border: 1px solid #ffffff;
}

#footer-about-btn:hover {
	background-color: #006837;
	border: none;
}

#footer-about p {
	font-size: 12px;
}

.social-icon {
	margin-top: 20px;
	margin-right: 10px;
	opacity: 0.8;
}

.social-icon:hover {
	opacity: 1;
}

.get-in-touch {
	text-align: center;
	background-color: #006837;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.get-in-touch .call-now-text {
	margin-top: 50px;
	margin-bottom: 50px;
}

.get-in-touch button {
	background-color: #006837;
	color: #FFFFFF;
	border: 1px solid #ffffff;
}

.get-in-touch button:hover {
	background-color: #012335;
	border: 1px solid #012335;
	color: #ffffff;
}

#covid-19 {
	background-color: crimson;
	color: white;
	border: 1px solid #000000;
}

/* SM-SCREEN - TABLETS & UP */
@media screen and (min-width: 768px) { 
	
.cal-title {
	margin-bottom: 20px;
}

.cal-snippet {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-left: 0;
	text-align: left;
}

.cal-header {
	margin-top: 0;
}

.cal-img {
	float: left;
	clear: none;
	display: block;
	margin-right: 20px;
}

	.contact-header {
		display: block;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #000000 !important;
	}
	
	.breadcrumb {
		display: inline-block;
		background-color: transparent;
		border-radius: 0;
	}
	
	.item {
	height: 520px;
	}
	
	
	#regulated-course {
		width: 50%;
		height: 100%;
		color: #ffffff;
		background-color: #006837;
		text-align: left;
		padding: 75px 50px 50px 100px;
	}

	#instructor-quals, #health-safety, #nrastc-light, #owera {
		width: 40%;
		height: 100%;
		float: right;
		background-color: #02669B;
		text-align: left;
		color: #ffffff;
		padding: 125px 100px 50px 50px;
	}
	
	#safeguarding {
		width: 50%;
		height: 100%;
		color: #ffffff;
		background-color: #006837;
		text-align: left;
		padding: 75px 50px 50px 100px;
	}
	
	#ofa {
		width: 50%;
		height: 100%;
		color: #ffffff;
		background-color: #006837;
		text-align: left;
		padding: 75px 50px 50px 100px;
	}
	
	#owl {
		width: 50%;
		height: 100%;
		color: #ffffff;
		background-color: #006837;
		text-align: left;
		padding: 75px 50px 50px 100px;
	}
	
	#about-us {
		text-align: left;
	}
	#contact-sidebar {
	margin-left: 0;
	margin-right: 0;
}
	
}

/* MD-SCREEN - DESKTOPS & UP */
@media screen and (min-width: 992px) { 
	
	.item {
	height: 520px;
	}

	#regulated-course {
		width: 30%;
		padding: 75px 50px 50px 100px;
	}
	

	#instructor-quals, #health-safety, #nrastc-light, #owera {
		width: 30%;
		padding: 125px 100px 50px 50px;
	}
	
	#safeguarding {
		width: 30%;
		padding: 75px 50px 50px 100px;
	}
	
	#ofa {
		width: 30%;
		padding: 75px 50px 50px 100px;
	}
	
	#owl {
		width: 30%;
		padding: 75px 50px 50px 100px;
	}
}

/* LRG-SCREEN - LARGE DESKTOPS & UP */
@media screen and (min-width: 1200px) { 
}
#why-asb-header {
	margin-bottom: 20px;
}

#submit_btn {
	background-color: #012335;
	color: #FFFFFF;
	border: 1px solid #ffffff;
	width: 150px;
}

#submit_btn:hover {
	background-color: #006837;
}

#result {
	margin-top: 50px;
	color: red;
	font-size: 16px;
	font-weight: bolder;
}

.input-lg {
	font-size: 14px !important;
}

#contact_form {
	margin-top: 40px;
}