/* CSS Document */
body {
	font-family: 'Montserrat', sans-serif;
	color: #606060;
	font-size: 1rem;
	font-weight: 400;
	background: #FFF;
}

h1,h2,h3,h4,h5,h6 { font-family: 'Titillium Web', sans-serif; font-weight: 600; }

hr { margin: 2rem 0;}

.text-warning { color: #28b67a !important; }
.text-primary { color: #212b5d !important; }
.text-info { color: #003f6b !important; }


header { border-top: 5px solid #003f6b; border-bottom:5px solid #28b67a; }


.topbar {
	background: #033c5b;
	color: #FFF;
	font-size: .9rem;
	padding:12px 0;
}
.topbar ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}
.topbar li {
	display: inline-block;
	margin-right: 1rem;
}
.topbar li:last-of-type {
	margin-right: 0;
}
.topbar a, .topbar a:visited {
	color: #B2B3BA;
}
.topbar a:active, .topbar a:focus, .topbar a:hover {
	color: #FFF;
	text-decoration: none;
}
.topbar .contact-info i {
	color: #28b67a;
	margin-right: 5px;
}
.menu { background-color: #FFF;}
@media (max-width: 1199px) {
	.menu { padding: 20px 0;}
}
.navbar {
	padding: 0;
}

.navbar-brand {
    padding: 0 !important;
	margin-right: 0s;
}
.navbar-brand img { max-height: 100px;}
@media (min-width: 1200px) {
	

	#mainmenu > li > a.nav-link {
		color: #033c5b;
		font-weight: 600;
		padding: 40px 20px;
		line-height: 20px;
		padding-right: 1.2rem;
		padding-left: 1.2rem;
	}
}
ul.navbar-right  {
	margin: 0;
	padding-left: 0;
	list-style: none;
}
.navbar-right li {
	display: inline-block;
	margin-right: 1rem;
}
.navbar-right li:last-of-type {
	margin-right: 0;
}

.btn {
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
}


.btn-primary {
	background-color: #212b5d;
	border-color: #212b5d;

}

.btn-warning {
	background-color: #28b67a;
	border-color: #28b67a;
	color:#FFF;
	
}

.btn-info {
	
	background-color: #003f6b;
	border-color: #003f6b;
	font-weight: 600;
}

.btn-primary:hover, .btn-info:hover,
.btn-primary.focus, .btn-primary:focus,
.btn-info.focus, .btn-info:focus,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0e19a7;
    border-color: #0e19a7;
	box-shadow: 0 0 0 0.2rem rgba(58,176,195,.5);
}


header .dropdown-menu {
    min-width: 10rem;
    padding: .3rem 0;
    margin: 0;
    font-size: .9rem;
    color: #FFF;
    list-style: none;
    background-color: #003f6b;
    border: 0;
	border-top:5px solid #28b67a;
	border-radius: 0;
	font-weight: 400;
}

header .dropdown-menu .nav-link { padding: .5rem 0 !important;
	color: #FFF !important;}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {
    text-decoration: none;
    background-color: #28b67a !important;
}

.main { min-height: 500px;}


footer { background: #003f6b;border-top:5px solid #28b67a; min-height: 300px; color: #FFF; padding: 3rem 0; font-size: .95rem;}

footer i { color: #28b67a;}
footer li i { margin-right: .5rem;}

footer a, footer a:visited {
	color: #FFF;
}

footer a:hover { text-decoration: none; color: #B2B3BA;}

footer h4 { text-transform: uppercase; margin-bottom: 1rem;}

footer .list-unstyled li { padding: 4px 0;}

footer hr { border-color: #28b67a !important;}

footer #copyrights { font-size: .8rem;}


#home-intro {
                      background: linear-gradient(rgba(33, 43, 93, .6),
                   rgba(33, 43, 93, .6)),  
                  url(/uploads/images/home/intro-safety-services.jpg);
    background-size: cover;
	height:calc(100vh - 145px);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}




#home-intro h2 { color:#28b67a;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.75rem;
}

#home-intro h1 {
	color:#FFF;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 3.5rem;
}

#home-intro .container { z-index: 2;}

@media (max-width: 991px) {
	#home-intro { min-height: 450px;}
}

.text-red { color:#28b67a; }
.text-white { color:#FFF;}
.text-navy { color:#033c5b;}
.text-blue { color:#FFF;}


#sidebar {
	position: fixed;
	z-index: 100000;
	height: 100vh;
	min-width: 300px;
	max-width: 300px;
	background: #212b5d;
	color: #fff;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-left: -300px;
}

#sidebar.active {
	margin-left: 0;
}
#sidebar .logo {
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
}
#sidebar .logo span {
	display: block;
}
#sidebar ul.components {
	padding: 0;
}
#sidebar ul li {
	font-size: 16px;
}
#sidebar ul li > ul {
	margin-left: 10px;
}
#sidebar ul li > ul li {
	font-size: 14px;
}
#sidebar ul li a {
	padding: 10px 0;
	display: block;
	color: rgba(255, 255, 255, 0.8);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#sidebar ul li a:hover {
	color: #BBB;
}
#sidebar ul li.active > a {
	background: transparent;
	color: #BBB;
}

a[data-toggle="collapse"] {
	position: relative;
}
header .dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 6px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (max-width: 991.98px) {
	#sidebarCollapse span {
		display: none;
	}
}

#sidebarClose {
	    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    cursor: pointer;
	color: #AAA;
	
}

.service-area {
  padding-bottom: 100px;
}
.service-area.overlaped-top {
  margin-top: -80px;
}
.service-area h3 a { color: #000;}
.single-service .text-box {
    background: #fff;
    padding-left: 40px;
    padding-right: 30px;
    padding-top: 35px;
    padding-bottom: 35px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 5px 61px -15px rgba(0, 0, 0, 0.1);
}

@media (max-width: 575px) {
.service-area.overlaped-top {
  margin-top: 80px;
}
.service-area {
  padding-bottom: 80px;
}
}


#sidebarCollapse2 {
    position: fixed;
    z-index: 200000;
    top: 10px;
    right: 10px;
}


.testimonial-area { margin-bottom: 100px; }

.carousel-inner .carousel-item .img-box{
	width: 150px;
	height: 150px;
}
.carousel-control-prev{
	left: -115px;
}
.carousel-control-next{
	right: -115px;
}
.carousel-indicators{
	top: 320px;
}
@media (min-width: 320px) and (max-width: 640px) {

	.carousel-control-prev{
		left: -50px;
	}
	.carousel-control-next{
		right: -50px;
	}
 	.carousel-indicators{
		top: 400px;
	}
}

.carousel-control-next,
.carousel-control-prev {
    filter: invert(100%);
}



.sec-title {margin-bottom: 50px;margin-top: -5px; }
    .sec-title h2, .sec-title p {margin: 0;}
    .sec-title p {color: #28b67a;font-size: 20px;font-weight: 600;font-family: 'Titillium Web';margin-bottom: 10px;}
    .sec-title h2 {color: #212b5d;font-family: 'Titillium Web';font-weight: normal;font-size: 45px;line-height: 50px; }
    .sec-title span {font-weight: bold;}

.veteran-area { padding-top:100px; padding-bottom:100px; margin-bottom: 100px;}

.content-area { padding-top:100px; padding-bottom:100px; }

.testimonial-area .img-box { position:relative; margin-bottom:-75px !important;  }
.testimonial-area .rounded { border-radius:10px !important;}


.inner-banner {
    background: linear-gradient(rgba(33, 43, 93, .6), rgba(33, 43, 93, .6)), url("/uploads/images/layout/inner-banner.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	padding: 75px 0;
	}
	.inner-banner .container {position: relative;}
	.inner-banner h2 {margin: 0;color: #fff;font-size: 45px;font-weight: 600;font-family: 'Titillium Web';}
.inner-banner .breadcumb {margin-top: 10px; }
		.inner-banner .breadcumb a {color: #B2B3BA;font-size: 14px;font-weight: 400;}
		.inner-banner .breadcumb span.sep {color: #B2B3BA;font-size: 14px;font-weight: 400;margin-left: 10px;margin-right: 10px;}
	






.login-container{
    padding-top:150px;
	padding-bottom: 150px;
	
}
.login-member{
	color:#FFF;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
	background: rgb(0, 97, 175) transparent; 																	/* RGBa with 0.6 opacity */
	background: rgba(0, 97, 175, 0.90); 																			/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99003f6b, endColorstr=#99003f6b); 			/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99003f6b, endColorstr=#99003f6b)";
	border-radius: 15px;
}
.login-member h3{
    text-align: center;
}
.login-member p{
    text-align: center;
	margin-bottom: 0;
}
.login-employee{
	color:#FFF;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
	background: rgb(3, 60, 91) transparent; 																	/* RGBa with 0.6 opacity */
	background: rgba(3, 60, 91, 0.90); 																			/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99033c5b, endColorstr=#99033c5b); 			/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99033c5b, endColorstr=#99033c5b)";
	border-radius: 15px;
}
.login-employee h3{
    text-align: center;
}
.login-employee p{
    text-align: center;
	margin-bottom: 0;
}
.login-container form{
    padding: 10% 10% 0 10%;
}

.login-forgot {
    color: #FFF;
    font-weight: 600;
    text-decoration: none;
}

#content { padding-top: 75px; padding-bottom: 75px; }
/* #PAGE TITLE

========================================================================== */

#page-title { padding: 35px 0; background-color: #033c5b; }
#page-title h1 { font-size: 42px; line-height: 42px; margin: 0; color: #FFF; }
#page-title h3 { font-size: 22px; line-height: 42px; margin: 0; color: #FFF; font-weight: 300;  }
#page-title i { float: left; padding: 10px; border-radius: 10px; margin-right: 15px; background-color: #003f6b; color: #fff; font-size: 25px; }


#company-details a { color:#003f6b; font-size: 1.3rem; }
#company-details a:hover { color:#033c5b; text-decoration: none; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align: middle; font-size: 14px; }
th { background-color: #033c5b; color: #FFF; }


label.required::after { 
    content: "*";
	color: #E42C3E;
	
}

label.error{margin-top:5px;color:#E42C3E;font-weight:400;text-transform:uppercase;font-size: .75rem;}
.show-error-msg + label.error{display:block!important}
.form-control.error,.sm-form-control.error{border:1px solid #E42C3E}



.navbar-brand img { width:250px; }

#homepage {    background-image: url(/uploads/images/layout/jumbotron-bg.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: center;
    background-position-y: center;}

label {
    font-weight: 500;
    font-size: .9rem;
}