/*====================*/
/*=== Thanks for taking the time to read my stylesheet, another Scorch creation... ===*/
/*====================*/

@font-face {
  font-family: 'Open Sans';
	src: url('../fonts/opensans-regular-webfont.svg#sourcesanspro') format('svg');
	src: url('../fonts/opensans-regular-webfont.ttf') format('truetype');
  src: url('../fonts/opensans-regular-webfont.eot');
  src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype');
	src: url('../fonts/opensans-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
	src: url('../fonts/opensans-semibold-webfont.svg#opensans') format('svg');
	src: url('../fonts/opensans-semibold-webfont.ttf') format('truetype');
  src: url('../fonts/opensans-semibold-webfont.eot');
  src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype');
	src: url('../fonts/opensans-semibold-webfont.woff') format('woff');
  font-weight:600;
  font-style: normal;
}
body {background:#012441; color:#fff;}
body,h1,h2,h3,h4,.tp-caption{ font-family: 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased;  }

h1,h2,h3,h4 { font-weight:600;}
h1,h2 { color:#a5d0ed;}
h3 { margin:0 0 20px;}

h2 { font-size:24px;}

a,a:focus,a:hover {color:#a5d0ed;}

strong,b { font-weight:bold;}

.clear_break { display:block; height:15px;}
.horizontal_break { display:block; height:5px; margin:10px 0; background:#0f3b5f;}

.navbar-default .navbar-nav > li > a,.btn {-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.btn,#main img{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}

.btn.right { float:right;}
.btn span.right { margin-left:10px;}
span.left { margin-right:10px;}

.btn-dark {background-color:#0f3b5f; border-color:#0f3b5f; border-width:3px; color: #fff;}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.active,.open .dropdown-toggle.btn-dark { background-color:#1c507a; border-color:#1c507a; color:#fff; }

.btn-blue {background-color:#358bed; border-color:#358bed; border-width:3px; color: #fff;}
.btn-blue:hover,.btn-blue:focus,.btn-blue:active,.btn-blue.active,.open .dropdown-toggle.btn-blue { background-color:#4ca0ff; border-color:#fff; color:#fff; }

.page-section { width:100%; background:#0f3b5f; padding:20px 0; margin:20px 0;}

/* Header Section */
#logo {  display:block; margin:10px 0 10px 0; width:186px; outline:none; }
#logo img { width:100%;}

#call { position:absolute; top:20px; right:0; font-size:22px; color:#fff!important;font-weight:bold;  outline:none; text-decoration:none!important;}
#call span { font-size:18px; color:#a5d0ed!important; font-weight:normal;}

.navbar-default { border:none; background:none; margin-bottom:0; }
.navbar-default .navbar-nav > li > a { color:#a5d0ed; border-bottom:solid 3px #012441; padding-top:93px; padding-bottom:30px; outline:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: inherit; color:#fff; border-bottom:solid 3px #358bed;}
.navbar-default .navbar-nav > li > a:focus { color:#fff;}
.navbar-default .navbar-nav > li > a:hover {border-bottom:solid 3px #358bed; color:#fff;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-color:#358bed;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color:#012441; color: #fff;}
.navbar-default .navbar-nav > li.call { background:#358bed; font-size:18px; text-align:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.navbar-default .navbar-nav > li.call a { color:#fff; font-weight:bold;}
.navbar-default .dropdown-menu { background-color:#012441; border: none; box-shadow: none; margin: 2px 0 0; min-width: 160px; padding: 5px 0;}
.navbar-default .dropdown-menu a { color:#fff;}


/* Quick dropdown on hover fix*/
.dropdown-menu li:hover .sub-menu { visibility: visible;}
.dropdown:hover .dropdown-menu { display: block; left:0; right:auto;}


.dropdown > a .caret { border-bottom-color:#A5D0ED!important; border-top-color:#A5D0ED!important;}
.dropdown > a:hover .caret { border-bottom-color:#fff!important; border-top-color:#fff!important;}

#banner { background:#0f3b5f; padding:25px 0; margin-bottom:25px; }
#banner h1 { font-size:26px; margin:0; color:#fff;}
#banner h3 { font-size:16px; margin:5px 0 0 0; font-weight:normal; color:#fff; line-height:22px;}

#breadcrumb { float:right; color:#a5d0ed; display:inline-block; margin-top:15px;}
#breadcrumb a { color:#fff;}

.notice { text-align:center; border-bottom:solid 3px #0f3b5f; padding-bottom:15px; margin-top:10px;}
.notice h1 { color:#a5d0ed; margin-top:0;}
.notice h2 { color:#a5d0ed; margin-top:0; font-size:26px;}
.notice h3 { margin:5px 0; font-size:22px; }
.notice h4 { margin:5px 0; font-size:18px; line-height:22px; font-weight:normal;}

.statement { background:#358bed; color:#fff; border-left:solid 5px #fff; padding:20px; font-size:16px; line-height:26px; margin-bottom:20px;}
.statement h2 { color:#fff; margin:0 0 10px; padding:0;}
.statement h2 span { font-size:22px; margin-right:10px;}
.statement a { color:#fff; text-decoration:underline;}

#search { background:#0f3b5f; border:solid 2px #1c507a; padding:5px 15px; display:inline-block; position:relative; float:right; margin-top:20px;}
#search input[type=text] { background:none; border:none; color:#a5d0ed; width:200px;}
#search input[type=submit] { background:none; border:none; color:#fff; z-index:50; position:relative;}
#search span { position:absolute; right:15px; top:7px;}

.switch-toggle,.switch-toggle:active,.switch-toggle:focus { width:100%; text-align:left; padding:8px 15px; font-weight:600; font-size:18px; color:#555; border:solid 3px #eee; background:#fff; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; margin-bottom:10px;}
.switch-toggle.collapsed {  color:#fff; border:solid 3px #34b34a; background:#34b34a; }
.switch-toggle:hover { text-decoration:none; cursor:pointer; color:#555; border:solid 3px #eee; background:#fff;}
.switch-toggle span { float:right;}
.switch-content {}

/* Footer Section*/
#feature { height:120px; padding:15px 25px; margin-bottom:20px;}
#feature h2 { color:#fff; margin:0 0 10px; float:left;}
#feature > span { max-width:40%; display:block; float:left; clear:left;}
#feature a { padding:10px 15px; margin:-10px 0 0;}
.copyright { font-size:12px; color:#a5d0ed; border-top:solid 3px #0f3b5f; padding:15px 0;}

/* Homepage */
.homepage-service .button { margin-top:10px;}
.latest-courses { float:left;}
.course { display:block; color:#fff; padding:14px; position:relative; overflow:hidden; border-bottom:solid 2px #0f3b5f;}
.course:last-child { border-bottom:none;}
.course:nth-child(odd) { background:#052b4b;}
.course .marker { width:5px; height:100%; display:block; position:absolute; top:0; left:0; background:#358bed;}
.course.ending .marker { background:#d98a2d;}
.course.new .marker {background:#46bf78;}
.course.new .status {}
.course .title { color:#a5d0ed; font-size:16px; display:inline-block; float:left; font-weight:bold; margin-top:5px;}
.course .title h3 { font-size:14px; color:#fff; margin:2px 0 0 0;}
.course .title h3 span {}
.course .title h3 span.region { margin-left:15px;}

.course-icon { float:left; font-size:26px; width:60px; height:60px; position:relative; padding:10px; background:#0f3b5f; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; display:inline-block; margin-right:20px;}
.course-icon span {font-size:26px; position:absolute; top:15px; bottom:0; left:18px; width:30px; height:30px; color:#d5dce3;}

.course .date { float:right; width:180px; text-align:center; margin:8px 0 0 15px; padding:10px 0; border-left:solid 2px #0f3b5f;}
.course .btn { margin-top:10px; font-size:14px;}

.course .status { background:#0f3b5f; width:100px; padding:17px 0; position:relative; overflow:hidden; font-size:14px; display:inline-block; text-align:center; margin:-14px 0; float:right;}
.course.new .status { font-size:24px; padding:28px 0;}
.course .status .number { font-size:24px; color:#fff; font-weight:bold;}
.course.ending .status { font-size:18px; padding:19px 0;}

/* Homepage Clocks */
.clock-wrapper { border-bottom:solid 2px #0F3B5F; display:block; position:relative; overflow:hidden; padding:0 0 10px 0;}
.clock { text-align:center;}
.clock h3 { font-size:14px; margin:0; padding:0; color:#4CA0FF;}
.clock span { font-size:18px; font-family: 'Orbitron', sans-serif; letter-spacing:.1em;}
.clock span b { font-weight:normal;
-webkit-animation-name:splash-rotate; -webkit-animation-duration:.5s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction: alternate; -webkit-animation-timing-function:ease-in-out; animation-name:splash-rotate; animation-duration:.5s; animation-iteration-count:infinite; animation-timing-function: ease-in-out; animation-direction: alternate;}
@keyframes splash-rotate {0% { opacity:1; }100% { opacity:0.5; }}
@-webkit-keyframes splash-rotate {from { opacity:1; } to{ opacity:0.5; }}

/* Courses search page */
#courses { margin:20px 0; float:left; display:block; position:relative; width:100%;}
#sort-filter { float:right; color:#fff;}
#sort-filter select{ background:#0f3b5f; color:#fff; border:solid 2px #1c507a; padding:5px 15px; display:inline-block; position:relative; margin-right:10px;}
#sort-filter .btn-blue { padding:5px 20px!important; margin:0;}

/* Careers page */
.position { display:block; color:#fff; padding:14px; position:relative; overflow:hidden; border-bottom:solid 2px #0f3b5f;}
.position:last-child { border-bottom:none;}
.position:nth-child(odd) { background:#052b4b;}
.position .btn { margin-top:25px;}
.position h2 { color:#a5d0ed; font-size:24px; font-weight:bold; margin-top:5px;}
.position .title h3 { font-size:14px; color:#fff; margin:2px 0 0 0;}

/* Single Pages */
#main img { border:solid 1px #1c4d74; background:#0f3b5f; padding:10px;}
.service_image { float:right; overflow:hidden; }
.service_image img { width:100%;}

#single-course  { margin-bottom:30px; display:block; float:left; }
#single-course .startdate,#single-course .enddate,#single-course .places,#single-course .category,#single-course .region { color:#a5d0ed; display:block; margin-bottom:10px; font-weight:bold;}
#single-course p { }

/* About Page */
#tabs-about { margin-bottom:20px;}
#tabs-about li a { font-size:16px; outline:none;}

#staff-list > h2 { color:#fff;}
#staff-list > h3 { font-size:18px; font-weight:normal;}

.staff { position:relative; overflow:hidden; border-bottom: solid 2px #0d304d; padding:10px 0;}
.staff:last-child { border-bottom:none;}
.staff img { background:#012441; padding:10px; float:left; margin-right:20px;}
.staff h2 { color:#fff; margin:0;}
.staff h3 { color:#a5d0ed; margin:5px 0 0 0; font-size:16px; font-weight:normal;}
.staff .email { float:right; color:#fff;  font-size:16px;}
.staff p { margin-top:15px;}

/* Partners page */
.partner { text-decoration:none!important; margin-bottom:20px; display:inline-block;}
.partner-image { border:solid 1px #1c4d74; width:100%; background:#0f3b5f; padding:10px; position:relative;}
.partner img { padding:15px; background:#fff; width:100%;}
.partner h2 { color:#fff; }
.partner .btn { margin-bottom:20px; width:100%;}
.partner p { text-decoration:none; color:#fff;}


/* Contact Page */
#map { display:block; width:100%; height:300px; margin:-25px 0 20px; font-size:15px;}
#contact-details { font-size:16px; text-align: center; display:block; margin-bottom:20px;}
#contact-details span {font-size:18px;}
#contact-details span b {color:#fff; font-weight:normal;}
#ContactForm {}
#ContactForm h1 { font-size:22px; margin:0 0 20px;}
#ContactForm input[type=text],#ContactForm textarea  { margin-bottom:10px; background:#0f3b5f; border:solid 2px #1c507a; color:#fff;}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
#logo { width:127px;}
.course .date { margin-top:-15px; text-align:right; border-left:none;}
.course .btn { float:none; display:block; position:absolute; right:10px; bottom:10px; font-size:14px;}
.course .status { background:none; padding:0; margin-top:12px;}
.course .status .number { font-size:18px;}
.navbar-default .navbar-nav > li > a { padding:60px 12px 20px;}
}
	  
@media (max-width: 767px) {
#breadcrumb { display:none;}
#call { right:90px;}
.navbar-collapse .navbar-nav > li > a { color:#a5d0ed; border-top:none; padding:10px; text-align:center;}
.navbar-collapse .navbar-nav > li > a:hover { border-top:none; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {  color:#fff; border-top:none;}
.navbar-default .navbar-nav > li > a:hover {border-top:none; border-bottom-color:#012441; color:#fff; background:#0f3b5f;}
.navbar-toggle { margin-top:25px; display:block;}

.dropdown .dropdown-menu { display: block; margin:0; color:#555; padding:0; text-align:center; position:relative; top:inherit; left:inherit; background:none; border:none; text-align:none; float:none; box-shadow:none;}
.navbar-collapse { max-height:inherit;}

.homepage-service .button { display:none;}
.partners { padding:30px 0; }
.notice { padding-bottom:10px;}
.notice h1 { font-size:28px;}
.notice h3 { margin:5px 0; font-size:16px; color:#555;}

#feature {background-position:top left; background-repeat:repeat-y; height:auto; position:relative; overflow:hidden;}
#feature h2 {  font-size:18px; }
#feature > span { max-width:100%;}
#feature a { margin:10px 0 0 0; display:block; width:100%;}
.copyright { font-size:12px; color:#a5d0ed; border-top:solid 3px #0f3b5f; padding:15px 0;}

#search { margin:0; width:100%;}

#sort-filter { float:left; width:100%; display:block; }
#sort-filter select,#sort-filter .btn-blue{ display:block; width:100%; float:none; margin: 0 0 10px;}
.foundPosts { margin:0;}

.course { padding-bottom:80px;}
.course-icon { display:none;}
.course .title { margin:0;}
.course .date { position:absolute; left:0; width:auto;  bottom:50px; text-align:left; font-size:14px; }
.course .btn { float:none; display:block; position:absolute; left:10px; right:10px; bottom:10px; font-size:14px; }

#staff-list > h2 { font-size:18px;}
#staff-list > h3 { font-size:14px; }


.staff img { background:#012441; padding:10px; float:left; margin-right:15px;}
.staff h2 { color:#fff; margin:0; font-size:18px;}
.staff h3 { color:#a5d0ed; margin:5px 0 0 0; font-size:14px; font-weight:normal;}
.staff .email { float:left; color:#fff; margin-top:10px;  font-size:14px; display:block;}
.staff p { margin-top:15px; display:block; float:left;  clear:both;}


}

@media (max-width: 480px) {
#call { right:0px; font-size:14px; top:inherit; bottom:5px; display:none;}
.notice { text-align:center;  padding-bottom:15px; margin-top:10px;}
.notice h1 { margin-top:0; font-size:26px;}
.notice h2 {  margin-top:0; font-size:22px;}
.notice h3 { margin:5px 0; font-size:18px; }
.notice h4 { margin:5px 0; font-size:16px; font-weight:normal;}
#map {  height:150px; }
}

@media (max-width: 320px) {

.partners a { padding:10px;  }

}