/*
Theme Name: MES Custom Child
Theme URI: https://timesworld.com
Author: asker@timesworld.com
Author URI: 
Description: Child Theme for MES Custom theme
Template: MESCustom
Version: 1.0.1
*/

@font-face {
  font-family: 'Poppins-Medium';
  src: url('fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),  
  url('fonts/Poppins-Medium.woff') format('woff'),
   url('fonts/Poppins-Medium.ttf')  format('truetype'), 
   url('fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Kano-regular';
  src: url('fonts/Kano-regular.eot?#iefix') format('embedded-opentype'),  
  url('fonts/Kano-regular.otf')  format('opentype'),
  url('fonts/Kano-regular.woff') format('woff'), 
  url('fonts/Kano-regular.ttf')  format('truetype'), 
  url('fonts/Kano-regular.svg#Kano-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*@font-face {
  font-family: 'HelveticaNeueLTCom-Lt';
  src: url('fonts/HelveticaNeueLTCom-Lt.eot?#iefix') format('embedded-opentype'),  
  url('fonts/HelveticaNeueLTCom-Lt.woff') format('woff'), 
  url('fonts/HelveticaNeueLTCom-Lt.ttf')  format('truetype'), 
  url('fonts/HelveticaNeueLTCom-Lt.svg#HelveticaNeueLTCom-Lt') format('svg');
  font-weight: normal;
  font-style: normal;
}*/


body,
html {
  width: 100%;
  height: 100%;
  background: #e4e4e4;
}

body {
	font-family: "Poppins-Medium";
/*    font-size: 0.85rem;
*/    color: #3a3a3a;
}



hr {
  max-width: 50px;
  border-width: 3px;
  border-color: #eb4177;
}

hr.light {
  border-color: #fff;
}

a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #3a3a3a;
}

a:hover {
}

h1, h2, h3, h4, h5{
	font-family: "Poppins-Medium";
}


h1 {
    font-size: 3.5rem;
}


h2
{ 
	 margin: 2.6rem auto;
	 font-size: 1.5rem;
	 color: #3a3a3a;
}

h3
{ 
	 font-size: 1rem;
	 color: #3a3a3a;
}

p {
    font-size: 0.85rem;
    color: #7f7f7f;
    line-height: 1.4rem;
	font-weight: normal;
}

.bg-white ul, .bg-grey ul{
	text-align: left;
	font-size: 0.85rem;
    color: #7f7f7f;
    line-height: normal;
}

.bg-grey, .bgGrey{
	background: #e4e4e4;
	position: relative;
}

.bg-white{
	position: relative;
	background: #fff;
}

.section-height{
	min-height: 400px;
	padding: 3rem 0px;
}

.section-height h2{
	margin-top: 0px;
}

.form-control {
    font-size: 0.85rem;
    border-radius: 0px;
}

.paddingZero{
	padding: 0px;
}

.preLoader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 10;
    display: table;
}

.preLoaderContent {
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}


.lds-ellipsis {
    display: block;
    position: relative;
    width: 64px;
    height: 64px;
    margin: auto;
}

.lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #3a3a3a;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}

#scroll {
    position: fixed;
    right: 20px;
    bottom: 15px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-color: #333;
    text-indent: -9999px;
    display: none;
    z-index: 2;
    border: 1px solid #838383;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#000;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

/*----------------- Header -------------------*/
ul.social-media-custom {
    padding: 0;
    margin-bottom: 0;
    text-align: center;
}

ul.social-media-custom li {
    list-style: none;
    display: inline-block;
    padding: 0 4px;
}

ul.social-media-custom li img {
    max-width: 100%;
}
header{
	background: #FFFFFF;
}

header .navbar-nav {
    margin: 0 auto;
	font-size: 0.8em;
	font-family: 'Kano-regular';
	letter-spacing: 2px;
}

header .navbar {
    z-index: 1;
	width: 100%;
}

header .navbar .navbar-toggler {
    float: left;
    border-radius: 0;
}

header .navbar .menu-item{
	position: relative;
}

header .navbar-light .navbar-nav .nav-link {
    color: #1d1d1d; /*rgba(255, 255, 255, 1);*/
}
header .navbar-light .navbar-nav .active > .nav-link, header .navbar-light .navbar-nav .nav-link:hover{color: #1d1d1d;}
header .navbar .menu-item span{
	position: absolute;
	bottom: -12px;
	width: 100%;
	background: #6298e0;
	height: 4px;
	display: none;
}

header .navbar .menu-item:hover span,
header .navbar .menu-item.active span {
    display: block;
}

header .navbar .logo-fixed{
	display: none;
}

header .navbar .logo-fixed img {
    height: 50px;
}

header .navbar.fixed-top .logo-fixed{
	display: block;
}

header .navbar .navbar-collapse{
	margin-top: 80px;
}

header .navbar.fixed-top .navbar-collapse{
	margin-top: 0px;
	width: 100%;
}

header .navbar.fixed-top {
    background: rgba(255,255,255,0.9);
    z-index: 4;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
	margin-top: 0px;
}

/*header .navbar.fixed-top .navbar-nav.mr-auto {
    margin-right: 0px !important;
}



.logo img {
    margin: 30px 0 0 30px;
}

.searchPanel {
    margin-top: 30px;
}*/

header .navbar.fixed-top .logo img, 
header .navbar.fixed-top .searchPanel {
    margin-top: 0px;
	height: 60px;
}



.form-control::placeholder {
    color: #ccc;
}

header .input-group-text {
    background: transparent;
    border-left: 0px;
    color: #fff;
	border-color: #707070;
}

header .form-control,
header .form-control:focus {
    background: transparent;
    border-radius: 0px;
    color: #3a3a3a;
	border-right: 0px;
	border-color: #707070;
}


header .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaaaaa;
  opacity: 1; /* Firefox */
}

header .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aaaaaa;
}

header .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaaaaa;
}

header .form-inline {
    float: right;
}

header .form-inline .input-group{
	width: 170px;
}

.bannerSection.fixed {
    position: fixed;
    width: 100%;
    top: 0;
}

.banner-caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}



.banner-caption h3, .banner-caption li {
    font-size: 2.5rem;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    margin: 0px 0 20px;
    text-shadow: 0px 4px 2px rgba(0,0,0,0.6);
    text-align: center;
}
.banner-caption ul{text-align: center;}
.banner-caption li {
    display: inline-block;
    padding-left: 40px;
    font-size: 35px;
    position: relative;
}
.banner-caption li:first-child::before{display: none; }
.banner-caption li::before{content: ""; position: absolute; left:20px; top: 50%; margin-top: -4px; width: 8px; height: 8px; background: #fff;}

.bannerSlider .slider {
	width: 100%;
	margin: 0px auto;
}

.bannerSlider{
	position: relative;
}
	
.bannerSlider aside {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #fff;
    text-align: center;
    /*background: rgba(9,47,135,0.7);*/
    padding: 10px 20px;
}

.bannerSlider h1 {
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 2px;
	text-transform: uppercase;
}

.bannerSlider aside h3 {
     font-size: 2.5rem;
	 letter-spacing: 2px;
	 color: #fff;
	 text-transform: uppercase;
	 margin: 0px;
	 text-shadow: 0px 4px 2px rgba(0,0,0,0.6);
}

.bannerSlider aside h3 small {
    display: block;
	font-weight: 100;
}

.bannerSlider aside p{
	color: #fff;
}

.bannerSlider aside .btn {
    background: transparent;
	background-color:transparent !important;
	-webkit-appearance: none;
    border-radius: 0px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 0.8rem;
    padding: 7px 20px;
    font-family: 'Kano-regular';
    letter-spacing: 1px;
	margin-top: 12px;
}

.bannerSlider aside .btn:hover{
	background: #fff;
	background-color: #fff !important;
	color: #333;
}


.bannerSlider figure{
	z-index: 1;
	margin: 0px;
	background: #000;
}

.bannerSlider figure img {
    opacity: 0.6;
}

.bannerSlider .slick-slide {
    margin: 0px 0px -6px 0px;
    padding: 0;
	position: relative;
}

.bannerSlider .btnNext {
    position: absolute;
    right: 100px;
    z-index: 1;
    height: 30px;
    bottom: 40px;
    top: auto;
    color: #fff;
    border-left: 1px solid #fff;
    padding: 4px 0 0 22px;
}

.bannerSlider .btnPrev {
    position: absolute;
    right: 158px;
    left: auto;
    height: 30px;
    bottom: 40px;
    top: auto;
    z-index: 1;
    color: #fff;
    padding: 4px 5px 0 0;
}


/*-------------------------------*/

.aboutSection{
	
	padding: 150px 0px;
	position: relative;
}

.aboutSection .size-full {
    width: auto !important;
    height: auto !important;
}



.aboutSection.marginTop{
	margin-top: 720px;
}

.aboutSection p {
    margin-bottom: 0;
}

.bg-img{
	padding: 3rem 0px;
	position: relative;
	min-height: 400px;
}

.bg-img > div{
	position:relative;
	z-index:3;
}

.bg-img::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 1;
    height: 100%;
}

.bg-img h1, .bg-img h2{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
	font-size: 2.5rem;
}

.bg-img p, .bg-img ul {
    color: #fff;
}

.bg-img ul {
    color: #fff;
	text-align: left;
}

.bg-img.values{padding: 5rem 0px ;}
.values p {
    color: #fff;
    z-index: 2;
    position: relative;
}
.projectSlider li {
    margin: 0px;
}

.projectSlider .slick-slide {
    margin: 30px 0;
}

.projectSlider .slick-slide .squareBox {
    padding-top: 0;
    display: inline-block;
    text-align: center;
}

.projectSlider .slick-slide.slick-active .squareBox {
    padding-top: 0;
    width: calc(100% - 70px);
}

.projectSlider .slick-slide.slick-current.slick-center .squareBox {
    margin-top: 0;
    width: 100%;
   /* -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
	background: #fff;*/
}

.projectSlider .slick-slide aside{
	display: none;
	text-align: left;
	background: #fff;
	height: 80px;
}

.projectSlider .slick-slide aside img {
    float: right;
    max-height: 55px;
    margin-top: 10px;
}

.projectSlider .slick-slide aside h3{
	padding-top: 23px;
}

.projectSlider .slick-slide aside h3 a{
	color: #3a3a3a;
	
}

.projectSlider .slick-slide figure {
    background: #000;
    margin-bottom: 0px;
}

.projectSlider .slick-slide figure img{
	opacity: 0.6;
}

.projectSlider .slick-slide.slick-current.slick-center figure img{
	opacity: 0.8;
	margin: 0 auto;
	float: none;
}

.projectSlider .slick-slide.slick-current.slick-center aside{
	display: block;
	padding: 5px 20px;
}

.projectSlider .slick-slide.slick-current.slick-center aside h3 {
    font-size: 1.2rem;
	margin: 0px;
}

.projectSlider .btnPrev {
    position: absolute;
    left: 200px;
    top: 36%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
    padding: 22px 15px 22px 10px;
    color: #fff;
}


.projectSlider .btnNext {
    position: absolute;
    right: 200px;
    top: 36%;
    z-index: 2;
	background: rgba(0, 0, 0, 0.7);
    padding: 22px 10px 22px 15px;
    color: #fff;
}

.ratings h4 {
    color: #092f87;
    display: inline-block;
    font-size: 3rem;
    margin: 18px 0;
    width: 29%;
    text-align: center;
    border-left: 1px solid #bbb;
}
.ratings h4:first-child {
    border: 0;
}

.ratings h4.mid {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
}

.ratings h4 small {
    color: #3a3a3a;
    display: block;
    font-size: 0.9rem;
}

.social-feeds .card h5, .latestnews .card h5 {
    color: #092f87;
    font-size: 0.8rem;
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 11px;
    margin-bottom: 11px;
}

.latestnews .card-body p {
    font-size: 0.8rem;
    color: #3a3a3a;
    line-height: 1.1rem;
    overflow: hidden;
    height: 52px;
}


.social-feeds .card h5 small {
    display: block;
    color: #3a3a3a;
    line-height: 1rem;
}

.social-feeds .card a {
    color: #3a3a3a;
    margin-top: 4px;
	font-size: 0.8rem;
}

.social-feeds .card-header {
    color: #fff;
    border-radius: 0px !important;
    font-size: 1.1rem;
    text-transform: uppercase;
    border: 0px;
}

.social-feeds .card-body {
    background: #f2f2f2;
    min-height: 310px;
}

/*.social-feeds .card-body p {
    font-size: 0.8rem;
}*/

.latestnews .card-header{
	background: #0069ac
}

.bg-utube{
	background: #ed1c24;
}

.bg-career{
	background: #092f87;
}

.entity_slider .slick-prev::before, 
.entity_slider .slick-next::before{
	color: #333;
}


.aboutSection h2, .ratings h2, footer h2{
	font-size: 1.5rem;
}

.aboutSection p {
    font-size: 1rem;
    line-height: 1.7rem;
}

/*---------------------------- footer --------------------------------- */

footer{
	text-align: center;
}



footer h3 {
    letter-spacing: 0;
    font-size: 0.8rem;
    margin: 30px auto 10px;
    text-transform: uppercase;
}

footer address {
    margin-bottom: 0px;
}

footer hr{
    width: 96%;
    max-width: unset;
    border-width: 1px;
    border-color: #9f9f9f;
    margin: 15px;
	max-width: 100%;
}

footer .media {
    width: 220px;
    margin: 20px auto 20px;
}

footer .media a {
    border: 2px solid #3a3a3a;
    display: inline-block;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
    color: #3a3a3a;
}

footer .media a:hover {
	background: #fff;
	/*color: #fff;*/
}

footer .media a i {
    margin-top: 4px;
    font-size: 19px;
}

footer .media a span::before {
    color: #3a3a3a;
}

footer .media a:hover span::before{
	color: #fff;
}

footer p, footer a, footer address {
    color: #3a3a3a;
    font-size: 0.8rem;
    letter-spacing: 1px;
    line-height: 1.3rem;
}

#myForm{
	display: none;
}

footer h4 {
    color: #3a3a3a;
    font-size: 1.2rem;
}

.subscribe-popup {
    background: #f0f0f0;
    position: relative;
    margin-top: -70px;
    border: 1px solid #ccc;
    padding: 10px;
}

.subscribe-popup .cancel {
    float: right;
    padding: 4px 8px 0px 8px;
	margin-bottom: 10px;
}

/*--------------------- about page --------------------*/

.team-member,
.service-box {
    position: relative;
    padding-bottom: 30px;
    overflow: hidden;
}

.team-member .card,
.service-box .card{
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
	height: 250px;
}

.team-member .card-img-top,
.service-box .card-img-top{
	border-radius: 0px;
	height: 250px;
}

.team-member .card-body,
.service-box .card-body {
    position: absolute;
    left: 0;
	bottom: 0px;
    width: 100%;
    background: rgba(0,0,0,0.5);
    text-align: center;
    color: #fff;
	height: 60px;
}

.team-member:hover .card-body,
.service-box:hover .card-body {
	height: 100%;
}

.team-member h4, 
.service-box h4 {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.team-member:hover h4 {
    margin-top: 32%;
}

.service-box h5{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 96%;
}

/*.service-box:hover h5 {
    margin-top: 32%;
}*/

.team-member button{
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 0px;
	padding: 4px 13px;
	box-shadow: none;
	margin-top: 20px;
	opacity: 0;
}

.team-member button:hover{
	background: #fff;
	color: #000;
}

.team-member:hover button{
	opacity: 1;
	
}


/*-----------*/

.vision-mission .col-md-4 {
    padding: 0 60px;
    margin: 0px 0 60px 0;
}

.vision-mission span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.vision-mission h2 {
    font-size: 2.5rem;
    margin: 0 0 20px 0;
}

.vision-mission p {
    margin-bottom: 2rem;
	margin: 0px;
}

.partners h3 {
    font-size: 1.5rem;
    color: #3a3a3a;
    border-top: 1px solid #B0B0B0;
    margin: 20px auto;
    padding-top: 20px;
    text-transform: uppercase;
}

.partners .partner-item {
    min-height: 470px;
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.5);
}

.btn:focus {
    box-shadow: none;
}

.btn-default {
    border: 1px solid #7f7f7f;
    border-radius: 0px;
    color: #0b3188;
    font-family: 'Kano-regular';
    font-size: 1.1rem;
	 background: transparent;
	background-color:transparent !important;
	-webkit-appearance: none;
}

.btn-default:hover {
    color: #fff;
    background: #7f7f7f !important;
}

.reliable img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.reliable img:hover {
    -webkit-filter: none;
    filter: none;
}

.shadow{
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
	background: #fff;
	padding: 0px;
}

footer .media a, .projectSlider .slick-slide aside, .team-member .card-body,  .team-member h4, 
.service-box .card-body,  .service-box h5, .team-member button{
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.wp-block-image {
    text-align: center;
}


.modal-dialog{ max-width:800px;}


/* Added By Asker */
  
  header .navbar-collapse .main-menu-more{ display:none;}  
  header .searchButton{ border:none; background:none; padding:0; color:#3a3a3a;}
  header .navbar .menu-item {
		position: relative;
		margin: 0 5px;
		padding: 0;
	}
  header .navbar-light .navbar-nav .nav-link, header .navbar-light .navbar-nav a {text-transform:uppercase;	}
  .footer-nav.mr-auto {list-style: none;display: inline-block;float: right;width: 100%; padding:0px;}
  .footer-nav.mr-auto li {
		display: block;
		float: none;
		text-transform: uppercase;
		padding: 0;
	}
	.footer-nav.mr-auto li a{ padding:0;}
	footer .social-icons-lists{ padding:0; margin: 0px;}
	.no-margin{ margin:0 !important;}
	button.close {
		display: block;
		width: 30px;
		text-align: right;
		position: absolute;
		right: -23px;
		height: 27px;
		background: #FFF;
		padding: 0 10px;
		z-index:99;
	
	}
	
	.social-icons-lists.icons-background-rounded .socicon {
		color: #3a3a3a;
		background: transparent !important;
		padding: 3px !important;
	}
	
	.social-icons-lists.icons-background-rounded .socicon:hover{
		background: #3a3a3a !important;
		color: #fff;
	}
	
	header .navbar .menu-item:hover span, 
	header .navbar .menu-item.current_page_item span{
		display:block;
	}
	.team-member .card-body a, .service-box .card-body a{ color:#FFF; text-decoration:none;}
	.contactus-form textarea{ height: 155px;}
	iframe.contactus-map{ border: 1px solid #CCC; margin-top: 40px;}

.cert_section_item {
    min-height: 240px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cert_section_item_img {
    height: 200px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cert_section_item h3 {
    margin-bottom: 0px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eee;
    width: 100%;
    padding: 0 10px;
}

.cert_section {
    margin-bottom: 50px;
}

.entity_slider .slick-slide {

    background: #fff;
    margin: 10px;
    text-align: center;
    padding: 35px 2px 10px;
    min-height: 130px;

}
	
.entity_slider .slick-slide img {
    margin: 0 auto;
    width: auto !important;
}

.certificate-item {
    margin-bottom: 25px;
}

.hero {
    width: 100%;
    height: 100%;
    height: 100vh;
    position: relative;
    background: #010101;
}

 

.hero-video-container {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

 

.hero.start .hero-video {
    opacity: 1;
}
.hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -moz-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
    min-height: 100%;
    min-width: 100%;
}
.banner-video p {
    display: none;
}

.gallery-slider{
	position: relative;
}

.gallery-slider div{
	padding: 0 2px;
}

.gallery-slider .btnPrev {
    position: absolute;
    top: -70px;
    right: 90px;
}

.gallery-slider .btnPrev.slick-arrow::after {
    content: "PREVIOUS";
    margin: 6px 0 0 8px;
    display: inline-block;
    vertical-align: top;
    color: #343a40;
}

.gallery-slider .btnNext{
	position:absolute;
	top: -70px;
	right: 0px;
}

.gallery-slider .btnNext.slick-arrow::before {
    content: "NEXT";
    margin: 6px 8px 0 0;
    display: inline-block;
    vertical-align: top;
    color: #343a40;
}

.gallery-slider .btnPrev i::before,
.gallery-slider .btnNext i::before {
    color: #343a40;
}

.gallery-slider a{
	position: relative;
	display: block;
}

.gallery-slider a span {
    position: absolute;
    background: rgba(0,0,0,0.5);
    height: 0px;
    width: 100%;
    color: #fff;
    font-size: 30px;
    left: 0;
    bottom: 0;
    opacity: 0;
}

.gallery-slider a:hover span {
    height: 100%;
    opacity: 1;
}

.gallery-slider a span i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.sharePost {
    margin: .5rem -40px;
}
        
.sharePost li {
     display: inline-block;
     margin-right: .5rem;
}
        
.sharePost .fa-twitter {
    color: #32ccfe;
}
        
.sharePost .fa-linkedin-in {
     color: #0e76a8;
}
        
.sharePost .fa-facebook-f {
    color: #3b5998;
}


	
	/*----------------------- asker css end --------------------*/

@media only screen and (max-width:1200px) {
	
	.bannerSlider aside{
		width: 95%;
	}
	
	.ratings h4 {
		padding: 0 32px;
	}
}

@media only screen and (max-width:990px) {
	
	.p-4, .p-5 {
		padding: 10px !important;
	}
	
	header .navbar-nav{
		clear: left;
	}
	
	header .form-inline .input-group {
		width: 200px;
		position: fixed;
		top: 68px;
		right: 30px;
		z-index: 4;
	}
	
	.logo img {
		width: auto;
		margin: 2px auto 5px;
		height: 50px;
	}
	
	header .navbar.fixed-top .logo img, header .navbar.fixed-top .searchPanel {
		height: auto;
	}
	
	.projectSlider .btnPrev {
		left: 0px;
	}
	
	
	.projectSlider .btnNext {
		right: 0px;
	}
	
	.projectSlider .slick-slide aside {
		text-align: center;
		height: auto;
		overflow: hidden;
	}
	
	.projectSlider .slick-slide aside img {
		float: none;
		margin: 10px auto 0;
	}
	
	.projectSlider .slick-slide aside h3 {
		padding: 10px;
	}
	
	.aboutSection {
		padding: 30px 0px;
	}
	
	.bg-img {
		padding: 50px 0px;
	}
	
	.col.team-member, .col.service-box {
		flex: 0 0 50%;
	}
	
}

@media only screen and (max-width:768px) {
	
	.ml-5 {
		margin-left: 0px !important;
	}
	
	.pr-5 {
		padding-right: 15px !important;
	}
	
	h1 {
		font-size: 2rem;
	}
	
	h2 {
		margin: 1.2rem auto;
		font-size: 1.4rem;
	}
	
	.vision-mission h2 {
		font-size: 1.6rem;
	}
	
	header .navbar .menu-item {
		text-align: left;
		border-bottom: 1px solid #666;
	}
	
	header .navbar .menu-item:hover span, 
	header .navbar .menu-item.active span{
		display: none;
	}
	button.close{ right:1px !important;}
	
	.vision-mission .col-md-4 {
		padding: 20px;
		margin: 20px 0;
	}
	
	.vision-mission span {
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
	}
	
	footer address {
		margin: 15px auto;
	}
	
	header .navbar.fixed-top .logo {
		display: none;
	}
	
	header .navbar.fixed-top .form-inline .input-group {
		top: 10px;
	}
	
	.entity_slider .slick-next {
		right: 25px;
	}
	
	.entity_slider .slick-prev {
		left: 25px;
		z-index: 2;
	}
	
}

@media only screen and (max-width:640px) {
	
	.pl-0, .pl-5 {
		padding-left: 15px !important;
	}
	
	.aboutSection {
		padding: 50px 15px;
	}
	
	
}

@media only screen and (max-width:576px) {
	
	 .bannerSlider aside {
		top: 15%;
		transform: translatex(-50%);
	}
	
	.bannerSlider aside h3 {
		font-size: 1.2rem;
	}
	
	.bannerSlider aside .btn{
		padding: 5px 10px;
	}
	
	.ratings h4.mid {
		border-left: 0px;
		border-right: 0px;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
	}
	.ratings h4 {
		padding: 10px 0px;
		width: 100%;
		margin: 10px auto;
		border-top: 1px solid #bbb;
		border-left: 0px;
	}
	
	.card-body {
		min-height: auto;
		margin-bottom: 20px;
	}
	
	 
	.team-member .card, 
	.team-member .card-img-top,
	.service-box .card,
	.service-box .card-img-top{
		height: auto;
	}
	
	.team-member .card-body,
	.service-box .card-body {
		margin-bottom: 0px;
	}
	
	.paddingZero {
		padding: 0 15px;
	}
	
	footer, footer .text-right {
		text-align: center !important;
	}
	
	footer .w-100 {
		width: 150px !important;
		margin-bottom: 20px;
	}
	
	footer .media {
		margin: 15px auto 0;
		width: 125px;
		float: none;
	}
	
	.see-all .card-body a.float-right {
    	bottom: 35px;
	}
	
	
	
}

@media only screen and (max-width:420px) {
	
	footer h2 {
		border-top: 1px solid #aaa;
		padding-top: 15px;
	}
	
	.bannerSlider figure img {
		height: 200px;
		max-width: unset;
	}
	
	.bannerSlider h1 {
		font-size: 2rem;
		margin-top: 10%;
	}
	
	.col.team-member, .col.service-box {
		flex: 0 0 100%;
	}
	
	
	
	.projectSlider .slick-slide aside h3 {
		padding: 5px 5px 10px;
		width: 100%;
		float: left;
	}
	
	
	
}

/*----------------- Theme Color Change ------------------------*/


.btn-default, .ratings h4{
	color: #e30b13;
}

header .navbar .menu-item span{
	background: #e30b13;
}

.see-all .card-body a.float-right {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
/*-------------Floating-------------------*/
.floating-media {
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 3;
}
.floating-media a {
    display: block;
    padding: 8px 10px;
    margin-bottom: 10px;
    position: relative;
    right: -155px;
    border-radius: 10px 0px 0px 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background: rgb(235,29,37);
    background: -moz-linear-gradient(90deg, rgba(235,29,37,1) 0%, rgba(214,6,14,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(235,29,37,1) 0%, rgba(214,6,14,1) 100%);
    background: linear-gradient(90deg, rgba(235,29,37,1) 0%, rgba(214,6,14,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb1d25",endColorstr="#d6060e",GradientType=1);
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-decoration: none;
    width: 190px;
    text-align: left;
}
.floating-media a i {
    margin-right: 8px;
    margin-left: 4px;
}
.floating-media a:hover {
    right: 0px;
}