@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700&display=swap');
@import url('../dist/bootstrap/css/bootstrap.min.css');
@import url('../dist/animate/animate.min.css');
@import url('font-awesome.min.css');

html, body { color: #000; font-family: 'Montserrat', sans-serif, Arial, Helvetica; font-weight: 400; overflow-x: hidden; }
a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { color: #04549b; font-family: 'Libre Baskerville', Times, Georgia; }
h3 { font-size: 30px; font-weight: 700; line-height: 35px; }
p, li { color: #666; font-family: 'Montserrat', sans-serif, Arial, Helvetica; font-size: 15px; font-weight: 400; overflow-wrap: break-word; word-wrap: break-word; }
.clearfix { clear: both; margin: 0px; padding: 0px; }
.center { text-align: center; }

.container { position: relative; }

.navbar { z-index: 1; }
.navbar-expand-lg .navbar-nav .nav-link { color: #666; font-size: 14px; font-weight: 600; padding: 0rem 1rem; text-transform: uppercase; }
.navbar-expand-lg .navbar-nav .nav-link:hover { color: #00b7ff; }
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: #00b7ff; }
.dropdown-item { font-size: 14px; }
.dropdown-item:hover { background-color: #00b7ff; color: #fff; }

.navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu { display: block; }

.banner { background-color: rgba(83, 110, 183, 0.2); clear: both; min-height: 700px; padding: 4% 0px; position: relative; width: 100%; }
.banner::after { content: ""; background: url("../images/banner.jpg") no-repeat center center / cover; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }

.get { background-color: #f8f8f8; clear: both; display: block; padding: 8% 0px; text-align: center; width: 100%; }
.get h1 { color: #04549b; font-size: 64px; font-weight: 400; line-height: normal; margin: 0px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; }
.get h3 { color: #575656; font-size: 28px; line-height: normal; }

.about { padding: 4% 5%; }
.about h3 { margin-bottom: 25px; }
.about p { font-size: 16px; }

.feature { background-color: #e3f0fb; clear: both; display: block; padding: 8% 0px; text-align: center; width: 100%; }
.feature article { background-color: #fff; box-shadow: 0px 5px 15px rgba(0,0,0,0.08); margin: -15% auto 0px; min-height: 205px; padding: 5% 10%; position: relative; width: 90%; z-index: 1; } .feature article p { font-size: 20px; }

.testimonial { background-color: rgba(255, 255, 255, 0.3); clear: both; min-height: 650px; padding: 4% 0px 6%; position: relative; text-align: center; width: 100%; }
.testimonial::after { content: ""; background: url("../images/sl_tsl.jpg") no-repeat center top / cover; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
.testimonial article { background-color: #fff; box-shadow: 0px 5px 15px rgba(0,0,0,0.1); padding: 10% 5%; width: 100%; }
.testimonial h2 { font-weight: 700; margin-bottom: 35px; }
.testimonial h4 { font-size: 20px; margin-bottom: 40px; }
.testimonial p { margin: 15px 0px; }
.testimonial p span { color: #999; font-family: 'Libre Baskerville'; font-size: 60px; font-weight: 700; position: absolute; z-index: 1; }
.testimonial p span:first-child { margin: -40px 0px 0px -20px; }
.testimonial p span:last-child { margin: 10px -20px 0px 0px; }

.request { background-color: #075184; clear: both; display: block; padding: 6% 0px; text-align: center; width: 100%; }
.request h3 { color: #fff; margin-bottom: 15px; }
.request p { color: #fff; margin-bottom: 6%; }
.request .form-control { border-color: #fff; border-radius: 0px; color: #666;  font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400; }
.request .btn-primary { font-size: 16px; font-weight: 700; height: 52px; letter-spacing: 1pt; max-width: 200px; text-transform: uppercase; width: 100%; }

footer { background-color: #26282b; clear: both; display: block; padding: 6% 0px 0px; width: 100%;}
footer img { border-radius: 3px; }
footer .logo { width: 170px; }
footer h4 { color: #00b7ff; font-size: 20px; font-weight: 400; }
footer p { color: #fff; }
footer p a { color: #fff; margin: 5px 0px; }
footer p a:hover, footer p a:focus, footer .fa:hover { color: #a6e6ff; }
footer ul { list-style: none; margin: 0; padding: 0; }
footer ul li { color: #fff; font-size: 15px; line-height: 30px; }
footer ul li a { color: #fff; }
footer ul li a:hover { color: #a6e6ff; }
footer .fa { color: #fff; font-size: 20px; margin-right: 5px; }
.appr { font-size: 11px; }

.copy { border-top: 1px solid rgba(255, 255, 255, 0.3); clear: both; padding: 15px 0px; margin-top: 35px; width: 100%; }
.copy .col:last-child { text-align: right; }
.copy p { font-size: 12px; margin: 0px; }

/*------- About us
---------------------------*/

.ban_sub { clear: both; min-height: 450px; padding: 3% 0px; position: relative; width: 100%; }
.ban_sub h2 { color: #fff; font-size: 38px; font-weight: 400; margin-top: 12%; margin-left: 35px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); text-transform: capitalize; }
.abt { background: url("../images/sl_ban_abt.jpg") no-repeat center top / cover; }

.values { background-color: #f8f8f8; clear: both; display: block; padding: 5% 0px; width: 100%; }
.values h3, .values ul { margin-left: 15px; }
.values h3 { font-size: 24px; margin-bottom: 15px; }

/*------- Services
---------------------------*/

.srvs { background: url("../images/sl_ban_srv.jpg") no-repeat center top / cover; }
.heading { padding: 5% 0px; }
.serone { background-color: #096895; text-align: center; margin-bottom: 15px; }
.serone h3 { color: #fff; font-size: 30px; margin: 25% 0px }
.serpro { background-color: #07577d; padding: 25px 25px; margin-bottom: 15px; }
.serpro h4 { color: #fff; font-size: 20px; text-transform: capitalize; }
.serpro p { color: #fff;  font-size: 14px; }
.serpro a { border: 1px solid #fff; color: #fff; font-size: 14px;  }
.serpro a:hover { background-color: #fff; color: #07577d; }


/*------- Certifications
---------------------------*/

.crtn { background: url("../images/sl_ban_crt.jpg") no-repeat center top / cover; }
.certified { clear: both; padding: 5% 0px; width: 100%; }
.course { background-color: #f2f2f2; clear: both; margin-bottom: 25px; width: 100%; }
.course h3 { font-size: 25px; margin: 20px 0px 15px; }
.course h5 { color: #666; font-size: 17px; margin: 20px auto 15px; width: 90%; }
.course hr { width: 60%; }
.box { padding-right: 30px; }

.frame { border: 6px double #333; }

.pasia { background-color: #f8f8f8; clear: both; padding: 0px 0px; width: 100%; }
.pasia h3 { font-size: 25px; text-align: center; }
.csp { padding: 5% }

/*------- News
---------------------------*/

.news { background: url("../images/sl_ban_nws.jpg") no-repeat center top / cover; }

.press-news { clear: both; padding: 6% 0px; width: 100%; }
.press-news .head { background-color: #e3e3e3; margin-bottom: 25px; padding: 15px; width: 100%; }
.press-news h2 { font-size: 35px; line-height: 30px; margin: 0px; }
.press-news h2 small { font-size: 20px; }
.press-news h4 { font-size: 18px; }

/*------- Contact
---------------------------*/

.cnts { background: url("../images/sl_ban_cnt.jpg") no-repeat center top / cover; }

.main { clear: both; padding: 5% 0px; width: 100%; }
.main h4 { font-size: 22px; }

.main .form-control { border-radius: 0px; color: #666;  font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400; }
.main .btn-primary { font-size: 16px; font-weight: 700; height: 52px; letter-spacing: 1pt; max-width: 200px; text-transform: uppercase; width: 100%; }


/*-------------------
	Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	h2 { font-size: 28px; }
	h3 { font-size: 24px; }
	p, li { font-size: 14px; }
	.col { flex-basis: auto; }
	.navbar-light .navbar-brand { width: 170px; }
	.navbar-light .navbar-toggler { border: none; }
	.navbar-collapse{ border-top: 1px solid rgba(0, 0, 0, 0.1); }
	.navbar-expand-lg .navbar-nav .nav-link { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0.5rem 0rem }
	.navbar-nav .dropdown-menu { border: none; margin: 0; padding: 0; }
	.dropdown-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
	.dropdown-item:hover { background-color: #00b7ff; color: #fff; }
	.banner { min-height: 220px; }
	.banner h1 { font-size: 28px; line-height: normal; }
	.banner p { font-size: 14px; }
	.get h1 { font-size: 28px; }
	.get h3 { font-size: 13px; }
	.about p, .feature article p { font-size: 14px; }
	.feature article, .testimonial article { margin-bottom: 20px; min-height: auto; }
	.testimonial h4 { font-size: 16px; }
	.testimonial p span:first-child { margin-left: -10px; }
	.testimonial p span:last-child { margin-left: -10px; }
	.copy, .copy .col:last-child { text-align: center; }
	.ban_sub { min-height: 150px; }
	.ban_sub h2 { font-size: 28px; margin-left: 0px; }
	.values h3, .values ul { margin-left: 0px; }
	.values h3 { margin-top: 30px; }
	.serone { margin-bottom: 0px; }
	.serone h3 { margin: 12% 0px; }
	.course h3 { font-size: 20px; }
	.box { padding: 0px 15px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	h3 { font-size: 26px; }
	p { font-size: 14px; }
	.navbar-light .navbar-toggler { border: none; }
	.navbar-collapse{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
	.navbar-expand-lg .navbar-nav .nav-link { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 0.5rem 0rem }
	.navbar-nav .dropdown-menu { border: none; margin: 0; padding: 0; }
	.dropdown-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
	.banner { min-height: 400px; }
	.banner h1 { font-size: 36px; line-height: normal; }
	.banner p { font-size: 16px; }
	.get h1 { font-size: 42px; }
	.get h3 { font-size: 17px; }
	.about p, .feature article p { font-size: 14px; }
	.feature article { margin-bottom: 20px; min-height: 178px; }
	.testimonial h4 { font-size: 16px; }
	.testimonial p span:first-child { margin-left: -10px; }
	.testimonial p span:last-child { margin-left: -10px; }
	.ban_sub { min-height: 280px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.banner { min-height: 520px; }
	.get h1 { font-size: 56px; }
	.feature article p { font-size: 18px; }
	.testimonial p span:first-child { margin-left: -10px; }
	.testimonial p span:last-child { margin-left: -10px; }
}