/* base color = #035DA9 */
/* alt color = #D5141B */

/* ========== Global ========== */
body * {
	font-family: 'Roboto Slab', serif;}
body .img-wrapper {
	overflow: hidden;}
.home_section_line img{
	margin-left: 15px;
	margin-right: 15px;}
.home_section_line:before{
	display: inline-block;
	height: 1px;
	content: " ";
	background-color: #999;
	width: 46.5%;}
.home_section_line:after{
	display: inline-block;
	height: 1px;
	content: " ";
	background-color: #999;
	width: 46.5%;}
.my-btn {
	padding: 10px 15px;
	background: #D5141B;
	border: 1px solid transparent;
	transition: 0.5s;
	color: white;}
.my-btn:hover {
	cursor: pointer;
	background: transparent;
	border-color: #D5141B;
	color: #D5141B;}
ul li {
	line-height: 30px;
}
/* ========== Menu ========== */
menu {
	margin: 0;
	padding: 0;
	z-index: 999;
	position: relative;}
menu .navbar{
	border-radius: 5px;
	background-color: #035DA9;}
menu ul.navbar-nav > li.nav-item {
	padding: 0 20px;}
menu ul.navbar-nav > li.nav-item > a.nav-link{
	color: #fff;
	font-size: 15px;
	position: relative;
	z-index: 1}
menu ul.navbar-nav > li.nav-item.active > a.nav-link,
menu ul.navbar-nav > li.nav-item > a.nav-link:hover,
menu ul.navbar-nav > li.nav-item > a.nav-link:focus {
	color: #FFF;}
menu ul.navbar-nav > li.nav-item.active > a.nav-link:before,
menu ul.navbar-nav > li.nav-item > a.nav-link:hover:before {
	content: '';
	background: #D5141B;
	box-shadow: 0 0 2px;
	height: 5px;
	width: 20px;
	left: 50%;
	top: 70%;
	transform: translate(-50%, 50%);
	position: absolute;
	z-index: -1;}
.navbar-light .navbar-toggler {
	background: #FAFAFA;}
/* ========== banner ========== */
.banner{
	position: relative;}
.banner .page-dir {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: linear-gradient(45deg, #333333E5 33%, transparent 30%);}
.banner .page-dir div > span {
	color: white;
	display: block;
	font-size: 20px;}
.banner .page-dir div > span span {
	color: #D5141B;}
.banner .page-dir div > span a {
	color: white;}
.banner .page-dir div > span a:hover {
	text-decoration: none;
	color: #D5141B;}
/* ========== section-1 ========== */
.section_1{
	padding-top: 50px;
	padding-bottom: 25px;}
.section_1 h2, .section_2 h2, .section_3 h2 {
	font-size: 25px;
	text-align: center;
	color: #D5141B;
	font-weight: bold;
	padding-bottom: 30px;}
.section_1 h4{
	font-size: 19px;
	color: #D5141B;
	text-align: center;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-bottom: 0;}
.section_1 .img-wrapper{
	box-shadow: 0 0 5px;}
.section_1 .img-wrapper:hover {
	box-shadow: 0 0 5px #035DA9;}
.section_1 .img-wrapper img {
	transition: 0.5s;}
.section_1 .img-wrapper img:hover {
	transform: scale(1.2);}
/* ========== section-2 ========== */
.section_2{
	background: #FAFAFA;
	padding-top: 50px;
	padding-bottom: 20px;}
.section_2 h4 {
  text-align: center;
  font-size: 1.4em;
  color: #D5141B;
  text-transform: uppercase;}
.section_2 .rg_col p {
	display: flex;
	justify-content: flex-start;
	align-items: center;}
.section_2 .rg_col p img {
	flex: 0 0 auto;
}
.section_2 .rg_col p span {
	margin-left: 10px;}
/* ========== section-3 ========== */
.section_3{
	padding-top: 50px;
	padding-bottom: 30px;}
.section_3 img{
	display: block;
	margin: 0 auto 20px;}
/*========= Other Pages ==========*/
	/* h2, h4, p */
#about-us h2, #certification h2, #clients h2, #contact-us h2 {
	font-size: 25px;
	text-align: center;
	color: #D5141B;
	font-weight: bold;}
#about-us p, #certification p, #clients p {
	font-size: 15px}
#certification h4 {
	font-size: 19px;
	color: #D5141B;}
	/* sections */
#about-us section, #certification section {
	padding-top: 30px;
	padding-bottom: 50px;}
#clients section, #contact-us section {
	padding: 30px 0;}
#certification section:nth-child(even), #contact-us section:nth-child(even) {
	background: #FAFAFA;}
	/* images */
#about-us img, #certification img {
	box-shadow: 10px 10px #035DA9;}
	/* contact */
#contact-us .contact-details, #contact-us .contact-address {
	margin-top: 20px;}
#contact-us .contact-address p span:first-child,
#contact-us .contact-details p span:first-child {
	font-weight: bold;}
#contact-us .contact-address p span:first-child{
	flex: 0 0 15%;}
#contact-us .contact-address p span:nth-child(2) {
	flex: 0 0 3%;
}
#contact-us .contact-details a {
	color: inherit;}
#contact-us p.social a {
	color: #035DA9;}
#contact-us a:hover{
	text-decoration: none;
	color: 	#024D8D;}

/* ========== Footer ========== */
footer{
	background-color: #035DA9;}
footer .my_footer{
	color: #fff;
	padding-top: 40px;
	padding-bottom: 20px;}
footer .my_footer .address-header{
	font-size: 17px;
  font-weight: bold;}
footer .my_footer .address-body{
	color: #D2D2D2;}
footer .my_footer h3{
	font-size: 20px;
	padding-bottom: 10px;}
footer .my_footer p {
	font-size: 15px;}
footer .my_footer p a {
	color: #FFF;}
footer .my_footer p a:hover {
	opacity: 0.7;
	text-decoration: none;}
.social a {
	display: inline-flex;
	flex-flow: row;
	align-items: center; }
footer .my_footer .social i {
	color: #FFF;}
footer .my_footer .social i:hover {
	opacity: 0.7;}
footer .my_footer2{
	background-color: #023159;
	padding-top: 10px;
	padding-bottom: 10px;}
footer .my_footer2 p{
	margin-bottom: 0;
	color: #ededed;
	font-size: 12px;}
footer .my_footer2 a{
	text-decoration: none;
	color: #ededed;}
footer .my_footer2 a:hover {
	color: #D5141B;}
/* ========== Go Top ========== */
div#goTop {
	display: none;
	position: fixed;
	bottom: 13%;
	right: 2%;
	border-top: 1px solid #D5141B;
	border-right: 1px solid #035DA9;
	border-bottom: 1px solid #035DA9;
	border-left: 1px solid #D5141B;
	border-radius: 50%;
	padding: 20px;
	background: #FFF;
	cursor: pointer;}
div#goTop i {
	content: '';
	display: inline-block;
	position: absolute;
	height: 10px;
	width: 10px;
	left: 50%;
	top: 55%;
	border-top: 3px solid #D5141B;
	border-left: 3px solid #035DA9;
	transform: translate(-50%, -50%) rotate(45deg);}
/* ========== minssssss ========== */
@media (min-width: 1200px) {
	#contact-us .contact-address p {
		display: flex;}
}
@media (min-width: 768px) {
	menu .my_nav_row {
		margin-bottom: -25px;}
}
@media (min-width: 992px) {
	menu ul.navbar-nav {
	padding-left: 25px;}
  	#contact-us div.embed-responsive {
		height: 350px;}
}
@media (min-width: 576px){
	#contact-us .contact-details p, footer .my_footer .contact-details p {
		display: flex;}
	#contact-us .contact-details p span:first-child {
		flex: 0 0 12%;}
	#contact-us .contact-details p span:nth-child(2),
	footer .my_footer .contact-details p span:nth-child(2){
		flex: 0 0 2%;}
	footer .my_footer .contact-details p span:first-child {
		flex: 0 0 10%;}
}
/* ========== maxssssss ========== */
@media (max-width: 991px) {
	menu ul.navbar-nav > li.nav-item > a.nav-link {
		padding-left: 10px;}
	menu ul.navbar-nav > li.nav-item.active > a.nav-link:before,
	menu ul.navbar-nav > li.nav-item > a.nav-link:hover:before {
		height: 12px;
		width: 12px;
		border-radius: 50%;
		left: -10px;
		top: 50%;
		transform: translateY(-50%);}
}
@media (max-width: 767px){
	menu .navbar{
		margin-bottom: 0;
		border: none;}
	menu .my_nav_row{
		background-color: #035DA9;}
}
@media (max-width: 575px) {
	menu .navbar button {
		padding: 2px 8px;}
	.banner .page-dir {
		background: linear-gradient(45deg, #333333E5 45%, transparent 30%);}
	.banner .page-dir div > span {
		font-size: 15px;}
	#home h2, #about-us h2, #certification h2, #clients h2, #contact-us h2 {
		font-size: 20px !important;}
	#home h2, #about-us h2, #certification h2, #clients h2 {
		padding-bottom: 15px !important; }
	#home h4, #about-us h4, #certification h4, #clients h4, #contact-us h4 {
		font-size: 17px !important;}
	#home p, #about-us p, #certification p, #certification li,
	#clients li, #contact-us p {
		font-size: 14px !important;}
	#home .section_2 p img {
		height: 50px;}
	ul li {
		line-height: 26px;}
	.section_1 {
		padding-top: 30px;
		padding-bottom: 20px;}
	.section_2 {
		padding-top: 30px;}
	.section_3 {
		padding: 30px 0;}
	#about-us section{
		padding-bottom: 20px;}
	#about-us img, #certification img {
		box-shadow: 5px 5px #035DA9;}
	#certification section {
		padding-bottom: 10px;}
	#contact-us h2 {
		padding-bottom: 0;}
	#contact-us .contact-details, #contact-us .contact-address {
		margin-top: 0;}
	#contact-us label {
		font-size: 14px;}
}
/* ========== minssssss and maxssssss ========== */
@media (min-width: 992px) and (max-width: 1199px) {
	#contact-us .contact-details p {
		display: flex;}
	#contact-us .contact-details p span:first-child {
		flex: 0 0 15%;}
	#contact-us .contact-details p span:nth-child(2){
		flex: 0 0 3%;}
}
.mfixed{
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index: 999;
	background-color: #fff;
  }
  .mm-panel_has-navbar .mm-navbar {
	display: block;
	background: #035da9;
	color: #fff;
}
.mm-btn_prev:before {
  border-color: #fff;
}