/*
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 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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: 0.5rem -40px;
}

.sharePost li {
  display: inline-block;
  margin-right: 0.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: 88px;
    right: 30px;
    z-index: 4;
  }
  .navbar .tp_rightBar .book-service-btn {
    margin-right: 0px !important;
  }

  .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;
  }

  header .form-inline .input-group {
    top: 143px;
  }


}

@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 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.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;
}