@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('/css/bootstrap.min.css');

body { background-color: #fff; color: #313030; font-family: 'Open Sans', sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased }
a { text-decoration: none !important }
.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { padding-left: 15px; padding-right: 15px; position: relative }
.no-gutter > [class*='col-'] { padding-left: 0; padding-right: 0 }
h3

header { left:0 }
	header img { padding-top: 7px }
	.menu { background-color: #2d3056; }
	header .navbar { border: none; font-size: 1em; margin: 0; min-height: 0; text-transform: uppercase;  font-weight: 300 }
	header .navbar-collapse {  padding-left: 0 }
		header .navbar .navbar-nav li { margin: 0; padding: 0 }
			header .navbar .navbar-nav li a { background: none; color: #fff; padding-top: 13px; padding-bottom: 10px }
			header .navbar .navbar-nav li a:hover, header .navbar .navbar-nav li.active a { background-color: #fff; color: #2d3056 }
			header .navbar .navbar-nav li.dropdown:hover a { color: #2d3056; background-color: #fff }
			header .navbar .navbar-right .dropdown-menu { -moz-border-radius: 0; -moz-box-shadow: none; -webkit-border-radius: 0; -webkit-box-shadow: none; border: none; border-radius: 0; box-shadow: none; left: 0; padding-bottom: 0; padding-top: 0; right: auto }
				header .navbar .navbar-right .dropdown-menu li { margin: 0;  background-color: #fff; color: #2d3056 }
					header .navbar .navbar-right .dropdown-menu li a { border-bottom: none !important; border-left: 7px solid #FFF; padding: 7px 15px 7px 8px }
					header .navbar .navbar-right .dropdown-menu li a:hover, header .navbar .navbar-right .dropdown-menu li.active a { background-color: #2d3056; color: #fff }
	.headersocial { float: inherit; height: 43px; padding: 0 }
	.headerlogo { padding-top: 30px; padding-bottom: 25px }
	.headerphone { font-size: 30px; color: #2d3056; text-align: right; margin-top: 60px; font-weight: 600 }
	.headerphone a { color: #2d3056 }
	/*.fa-envelope { color: #858990 }*/
	.greystrapline { background-color: #858990; padding: 14px 0 0 0; text-transform: uppercase }
	.greystrapline p { color: #fff; font-weight: 700; }
	#owl-demo p { background-color: #858990; font-weight: 500; margin-top: 6px; padding: 10px 0 10px 10px; color: #fff; text-transform: uppercase }
	#owl-demo p img.threedots { width: auto; float: left; padding-right: 15px; margin-top: -3px; }
	#owl-demo span { font-weight: 300 }
	#owl-demo .item { margin: 3px; }
	#owl-demo .item img { display: block; width: 100%; height: auto; }
	.front-info {padding-top: 40px; font-size: 16px; line-height: 1.6em; /*-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;*/}
	.front-info p { padding-bottom: 10px; /*-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;*/ }
		.front-info span { font-size: 25px; font-weight: 700 }
	h3 { color: #fff; font-size: 29px; font-weight: 600; }
	.front-contact { background: url(/img/layout/contact-form-background.png) no-repeat top left #434462; border-top: 14px solid #fccc28; /*margin-top: 40px;*/ padding: 14px 30px 0 30px }
	.front-contact iframe { margin: 20px 0 0 0 }
	.front-contact input { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important }
	.front-contact .form-group { border: 0; border-radius: 0; padding: 0px 15px; margin-bottom: 0 }
	.front-contact .form-group p { font-size: 12px; margin-bottom: 3px }
	.front-contact p { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; padding-top: 0; padding-bottom: 0; }
	.sendbutton { margin: 40px 0 25px 0; background-color: #fccc28; color: #2d3056; font-size: 20px; border: 0; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important }
	.onamobile { background-color: #2d3056; margin: 20px 0; padding: 5px }
		.onamobile p { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; color: #fff; font-size: 17px; text-transform: uppercase; padding-top: 0px; margin: 0px 0 5px 10px  }
	.onamobile .fa-mobile { color: #fff; font-size: 60px!important; padding-left: 30px; padding-top: 6px }
	.onamobile h4 { color: #fccc28; font-size: 30px; font-weight: 800; text-transform: uppercase; margin: 5px 0 0px 10px }
	
	.front-contact p { font-weight: 300; font-style: italic; color: #fff }
	#strapline { background-color: #2d3056; color: #fccc28; text-transform: uppercase; text-align: center; padding: 30px 0; margin-top: 10px }
	#strapline h2 { font-size: 2.5em; font-weight: 800; margin: 0 }
		#strapline span { color: #fff; font-weight: 400; margin: 0; text-transform: none }
	/*#brands img { margin: 5px 20px }*/
	.carousel-inner img { width: auto; margin-left: 40px; display: inline-block; float: left }
footer {  }
	.logofooter { background-color: #858990; font-size: 16px; color: #fff; padding-top: 30px }
	.logofooter p { margin-bottom: 5px; font-weight: 400 }
	.footerphone { padding-top: 20px }
		.footerphone a { color: #fff }
		.footeremail a { color: #fff }
	.officeheader { font-weight: 700; padding-left: 20px  }
	address { font-weight: 300; padding-left: 20px }
	.footersocial { height: 43px; padding: 0 0 0 10px }
	.whitebar { color: #2d2d2d; font-size: 12px; padding-top: 10px; padding-bottom: 30px }
		.whitebar p { display: inline-block; padding: 5px 0; margin-bottom: 0 }
		.whitebar a { color: #2d2d2d }
		.whitebar a:hover { color: #2d2d2d }
.footer-legal { font-size: 13px; padding-bottom: 15px; }
.full-width-image { margin-top: 7px; }
		
/* Inner Page*/

#inner-head-image img { padding-top: 7px; margin-right: auto; margin-left: auto; }

	ul { list-style: none; padding: 0; }
	.red li { text-indent: -27px; padding-left: 40px; padding-top: 10px; line-height: 1.6em }
	.blue li { text-indent: -27px; padding-left: 40px; padding-top: 10px; line-height: 1.6em }
	.red li:before { font-size: 1.8em; color: #d71826; content: "\f046"; font-family: FontAwesome; position: relative; left: -12px; /* Adjust as needed */ top: 10px; /* Adjust as needed */ }
	.blue li:before { font-size: 1.8em; color: #1826d7; content: "\f046"; font-family: FontAwesome; position: relative; left: -12px; /* Adjust as needed */ top: 10px; /* Adjust as needed */  }
	.inner-info { margin-bottom: 40px; }
	.inner-info h2 { font-size: 46px; color: #2d3056; font-weight: 700; padding-top: 30px; float: left; }
	.inner-info h3 { font-size: 25px; color: #313030; font-weight: 600; padding-top: 20px; padding-bottom: 20px; margin: 0 }
	.company-logo { height: 122px; display: inline-block; float: right; margin-top: 30px }
	.cta-company-logo { height: 50px; display: inline-block; float: right; margin-top: 60px }
	.inner-contact { background: url(/img/layout/contact-form-background.png) no-repeat top left #434462; border-top: 14px solid #fccc28; margin-top: 30px; padding: 5px 30px; margin-bottom: 20px }
		.inner-contact iframe { margin: 20px 0 0 0 }
		.inner-contact input { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important }
		.inner-contact .form-group { border: 0; border-radius: 0; padding: 0px 15px; margin-bottom: 0 }
		.inner-contact .form-group p { font-size: 12px; margin-bottom: 3px }
		.inner-contact p { padding-top: 5px; color: #fff; font-style: italic; font-size: 16px; font-weight: 300 }
		.inner-contact h3 { color: #fff; font-size: 29px; font-weight: 600; padding-top: 20px }
	.red-header { background-color: #d71826; border-radius: 5px; font-size: 22px; font-weight: 600; color: #fff; text-align: center; padding: 5px; margin: 30px 0 20px 0 }
	.blue-header { background-color: #1826d7; border-radius: 5px; font-size: 22px; font-weight: 600; color: #fff; text-align: center; padding: 5px; margin: 30px 0 20px 0 }
	.table-acc { font-size: 20px; margin: 20px 0 }
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding-left: 20px }
		.table-acc img { padding-left: 5px; text-align: right }
		.table-acc span { color: red; }
	.table-striped>tbody>tr:nth-of-type(odd) { background-color: #e4e4e4 }
	#acc-desc { text-align: center; padding: 20px 0 40px 0 }
		#acc-desc p { padding-left: 10px; display: inline-block; float: left }
		#acc-desc img { padding-left: 30px;  display: inline-block; float: left }
		#acc-desc span { color: red; }
	.inner-onamobile { background-color: #2d3056; padding: 7px; margin-bottom: 20px }
		.inner-onamobile h4 { color: #fccc28; font-size: 30px; font-weight: 800; text-transform: uppercase; margin: 0 }
		.inner-onamobile p { color: #fff; font-size: 17px; text-transform: uppercase; padding-top: 0px; margin: 0px 0 5px 0  }
		.inner-onamobile .fa-mobile { color: #fff; font-size: 60px!important; padding-left: 30px; padding-top: 0px }
	.inner-bookacourse { background-color: #2d3056; padding: 10px; margin-bottom: 20px; }
		.inner-bookacourse h4 { color: #fccc28; font-size: 30px; font-weight: 800; text-transform: uppercase; margin: 0 }
		.inner-bookacourse p { color: #fff; text-transform: uppercase; padding-top: 0px; margin: 0  }
		.inner-bookacourse .fa-chevron-circle-right { color: #fff; font-size: 45px!important; padding-left: 20px; padding-top: 6px }
		
	.accred-course { font-size: 20px; font-weight: 300; padding: 13px 0px 20px 0px; border-bottom: #E2E1E1 solid 1px;  }
	.page-logo { margin-top: 20px; }
	
	 /* -----------------------------------------------
 * Timeline
 * --------------------------------------------- */
 .timeline {
    list-style: none;
    padding: 10px 0;
    position: relative;
    font-weight: 300;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 2px;
    background: #CCCACA;
    left: 50%;
    margin-left: -1.5px;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
    width: 50%;
    float: left;
    clear: left;
}
.timeline > li:before, .timeline > li:after {
    content:" ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before, .timeline > li:after {
    content:" ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    float: left;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    position: relative;
}
.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #dcdcdc;
    border-right: 0 solid #dcdcdc;
    border-bottom: 15px solid transparent;
    content:" ";
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content:" ";
}
.timeline > li > .timeline-badge {
    color: #CCCACA;
    width: 24px;
    height: 24px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 16px;
    right: -12px;
    z-index: 100;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-badge > a {
    color: #CCCACA !important;
}
.timeline-badge a:hover {
    color: #dcdcdc !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-heading h4 {
    font-weight: 400;
    padding: 0 15px;
    color: #4679bd;
}
.timeline-body > p, .timeline-body > ul {
    padding: 0px 15px 10px 15px;
    margin-bottom: 0;
}
.timeline-footer {
    padding: 5px 15px;
    background-color:#f4f4f4;
}
.timeline-footer p { margin-bottom: 0; }
.timeline-footer > a {
    cursor: pointer;
    text-decoration: none;
}
.timeline > li.timeline-inverted {
    float: right;
    clear: right;
}
.timeline > li:nth-child(2) {
    margin-top: 60px;
}
.timeline > li.timeline-inverted > .timeline-badge {
    left: -12px;
}
.no-float {
    float: none !important;
}

    
	

@media (max-width: 1199px) {
	header .navbar { font-size: 0.9em }
	.greystrapline p { font-size: 17px }
	#owl-demo p { font-size: 14px; padding: 13px }
		#owl-demo p img.threedots { padding-right: 13px; padding-bottom: 5px }
	h3 { font-size: 24px }
	.front-contact { padding: 10px 25px }
		.front-contact p { font-size: 14px }
	.onamobile { margin: 20px 0 }
	h4 { font-size: 26px; margin: 5px 0 0px 12px }
	.fa-mobile { font-size: 60px!important;  padding-top: 5px }
	#strapline h2 { font-size: 2.3em }
	.logofooter { font-size: 14px }
	.nav>li>a { padding: 10px 13px; }
}

@media (max-width: 991px) {
	.greystrapline p { font-size: 20px; text-align: center }
	#owl-demo p { font-size: 15px; padding: 10px }
		#owl-demo p img.threedots { padding-right: 13px; padding-bottom: 5px }
	h3 { font-size: 24px }
	.front-contact { padding: 10px 25px }
		.front-contact p { font-size: 14px }
	.onamobile { margin: 20px 0 }
	h4 { font-size: 26px; margin: 5px 0 0px 12px; padding-left: 0px; }
	.fa-mobile { font-size: 60px!important; padding-top: 5px }
	#strapline h2 { font-size: 1.9em }
	.headersocial { height: 50px; padding-left: 10px }
	.headerphone { font-size: 28px; margin-top: 55px }
	.footersocial { height: 40px; padding: 0 0 5px 20px }
	.page-logo { margin-top: 0px; margin-bottom: 25px; }
	.inner-onamobile { text-align: center; }
	.inner-bookacourse { text-align: center; }
	.inner-onamobile i { color: #fff; font-size: 60px!important; padding-top: 0px }
	.inner-bookacourse .fa-chevron-circle-right { padding-left: 0px; }
	.inner-onamobile .fa-mobile { padding-left: 0px; }
	
	
	
}

@media (max-width: 767px) {
	.greystrapline p { font-size: 18px }
	#owl-demo p { font-size: 13px; padding: 10px }
	.front-info p { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; padding-top: 20px }
	h3 { font-size: 24px }
	.front-contact { padding: 5px 25px }
		.front-contact p { font-size: 16px; padding: 5px 0 }
	h4 { font-size: 26px; margin: 8px 0 0px 12px }
	.fa-mobile { padding-left: 0px; padding-top: 5px }
	.onamobile p { padding-top: 0px; margin: 0px 0 5px 10px  }
	#strapline h2 { font-size: 1.3em }
	.logofooter { font-size: 13px; padding-top: 30px }
	.whitebar { font-size: 10px }
	ul.timeline:before {
        left: 40px;
    }
    ul.timeline > li {
        margin-bottom: 0px;
        position: relative;
        width:100%;
        float: left;
        clear: left;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px);
    }
    ul.timeline > li > .timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline > li > .timeline-panel {
        float: right;
    }
    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .timeline > li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .timeline > li.timeline-inverted > .timeline-badge {
        left: 28px;
    }
}

@media (max-width: 479px) {
	/* global */
	.headersocial { display: none }
	#owl-demo p { font-size: 16px; padding: 10px }
	.logofooter { text-align: center }
	.whitebar { font-size: 13px; padding: inherit }
	.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11 { float: left }
	.col-ms-1 { width: 8.33333333% }
	.col-ms-2 { width: 16.66666667% }
	.col-ms-3 { width: 25% }
	.col-ms-4 { width: 33.33333333% }
	.col-ms-5 { width: 41.66666667% }
	.col-ms-6 { width: 50% }
	.col-ms-7 { width: 58.33333333% }
	.col-ms-8 { width: 66.66666667% }
	.col-ms-9 { width: 75% }
	.col-ms-10 { width: 83.33333333% }
	.col-ms-11 { width: 91.66666667% }
	.col-ms-12 { width: 100% }
	.col-ms-push-0 { left: 0 }
	
}

@media (max-width: 991px) {
 .navbar-header { float: none }
 .navbar-toggle { display: block }
 .navbar-toggle  .icon-bar { background-color: #fff }
 .navbar-collapse { border-top: 1px solid #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1) }
  .navbar-collapse.collapse { display: none !important }
   .navbar-collapse.collapse.in { display: block !important }
 .navbar-nav { float: none !important; margin: 7.5px 30px }
  .navbar-nav > li { float: none }
   .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px }
 .collapsing { overflow: hidden !important }
 		header .navbar .navbar-nav li:first-child { margin-left: 15px }
}