p {
  font-size: 14px;
}

p {
  font-family: "Poppins", sans-serif !important;
}

.color-fff h1, .color-fff h2, .color-fff h3, .color-fff h4, .color-fff h5, .color-fff h6 {
  color: #fff !important;
}
.color-fff p {
  color: #fff;
}

.pd-tp-30 {
  padding-top: 30px;
}

.pd-bm {
  padding-bottom: 30px;
}

.border-bg {
  background-color: #fff;
  border: solid 1px #e9e9e9;
}

.enquiry-btn {
  line-height: 26px !important;
}

.capitalize {
  text-transform: capitalize;
}

.product-title a {
  text-transform: capitalize;
  font-family: "Poppins", sans-serif !important;
}

.product-default .btn-add-cart {
  text-transform: uppercase !important;
  font-size: 12px !important;
}

.title-center {
  text-align: center;
}
.title-center h2 {
  text-transform: uppercase !important;
}

.btnCover {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btnCover {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnCover a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #000;
  color: #fff;
  padding: 4px 8px;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}
.btnCover a:hover {
  background-color: #777;
  color: #000;
}

.min-paragraph {
  margin-bottom: 20px;
}
.min-paragraph p {
  text-align: center;
}

.flexBoxCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.aboutSection {
  padding: 50px 0;
  background-color: #01135f;
}

.min__title br {
  display: none;
}
.min__title h2 {
  text-transform: uppercase;
  color: #fff;
  font-size: 30px;
  font-weight: 100;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
.min__title h2 span {
  font-weight: 700;
}
.min__title h3 {
  width: 100%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.fixed {
  background-color: #01135f !important;
}

.welcome-paragraph p {
  color: #fff;
  text-align: center;
  line-height: 26px;
}

.btn-fff-cover {
  padding: 20px 0;
}
.btn-fff-cover a {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  padding: 3px 9px;
  background-color: #fff;
  color: #01135f;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
}
.btn-fff-cover a:hover {
  background-color: #000;
  color: #fff;
  transition-duration: 0.2s;
}

.gridSection {
  padding: 30px 0;
}

.grid-wrapper {
  width: 100%;
  height: 200px;
  position: relative;
}
.grid-wrapper aside {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  z-index: 10;
}
.grid-wrapper aside span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 100%, 0.261);
  transition: all 0.5s ease 0s;
}
.grid-wrapper aside span:nth-child(1) {
  left: -440px;
  top: -290px;
}
.grid-wrapper aside span:nth-child(2) {
  right: -440px;
  bottom: -240px;
}
.grid-wrapper aside:hover span:nth-child(1) {
  transition: all 0.5s ease 0s;
  top: 0;
  left: 0;
}
.grid-wrapper aside:hover span:nth-child(2) {
  transition: all 0.5s ease 0s;
  right: 0;
  bottom: 0;
}

.grid-col:nth-child(1) .grid-wrapper {
  background-color: #0098ff;
}
.grid-col:nth-child(2) .grid-wrapper {
  background-color: rgb(255, 208, 0);
}
.grid-col:nth-child(3) .grid-wrapper {
  background-color: rgb(204, 33, 2);
}

.wrapper-block {
  width: 100%;
  display: flex;
  height: 100%;
}

.img-block {
  width: 75%;
  padding-right: 10px;
  display: flex;
  height: 100%;
  align-items: flex-end;
}
.img-block img {
  width: 100%;
}

.content-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-left: 20px;
}
.content-block h5 {
  color: #fff;
  text-transform: capitalize;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 22px;
  margin: 0;
}
.content-block h4 {
  color: #fff;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  font-size: 34px;
  margin: 0;
}
.content-block h6 {
  color: #fff;
  text-transform: capitalize;
  font-family: "Oswald", sans-serif;
  font-weight: 200;
  font-size: 17px;
  margin: 0;
  position: absolute;
  left: -55px;
  transform: rotate(-90deg);
}

.brandSection {
  padding: 50px 0;
  background-color: #f1f1f1;
}

.wrapper {
  width: 100%;
}

footer {
  background-color: #01135f !important;
}

.brand-wrapp {
  background-color: #fff;
  overflow: hidden;
  border-radius: 10px;
  padding: 5px;
}

.servicesSection {
  padding: 50px 0;
  background-color: #01135f;
}

.service-owl {
  width: 100%;
  height: 250px;
  overflow: hidden;
  border-radius: 10px;
  background-color: #000;
  position: relative;
}
.service-owl img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-owl aside {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(0, 0, 0, 0.79) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00999999", endColorstr="#c9000000",GradientType=0 );
  display: flex;
  flex-direction: column-reverse;
  padding: 10px;
}
.service-owl aside h3 {
  font-size: 13px;
  text-align: center;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
}

#owl-services .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  left: 0;
  top: 108px;
}
#owl-services .owl-nav button {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 100%;
  position: relative;
}
#owl-services .owl-nav button:nth-child(1) {
  left: -50px;
}
#owl-services .owl-nav button:nth-child(2) {
  right: -50px;
}

.pro-btn a {
  background-color: #01135f !important;
  color: #fff !important;
}
.pro-btn a:hover {
  background-color: #000 !important;
}

.scale-block {
  transition-duration: 0.2s;
}
.scale-block:hover {
  transform: scale(1.2);
  transition-duration: 0.2s;
}

.social-icons {
  display: flex;
  margin-bottom: 30px;
}
.social-icons a {
  width: 30px;
  height: 30px;
}

.footer-desc {
  color: #fff !important;
  text-align: justify;
}

.link-block ul li a {
  position: relative;
  padding-left: 20px;
  color: #fff !important;
}
.link-block ul li a::before {
  content: "";
  width: 7px;
  height: 7px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  text-transform: capitalize;
  left: 0;
  transform: rotate(41deg);
  top: 6px;
}

.address-wrapper ul li {
  position: relative;
  padding-left: 30px;
  color: #fff;
}
.address-wrapper ul li i {
  position: absolute;
  left: 0;
  top: 5px;
}

.footer-bottom {
  border-top: 1px solid #737373 !important;
  padding-bottom: 11px;
  padding-top: 11px;
}

.social-icon svg {
  width: 10px;
}

.brand-caption {
  margin-bottom: 30px;
}
.brand-caption h2 {
  margin-bottom: 0;
}
.brand-caption h3 {
  text-transform: capitalize;
  font-size: 30px;
  font-weight: 400;
}

.product_row {
  padding: 30px 0;
}

.nav-tabs {
  border: none !important;
}

.tabBtn {
  background-color: #000;
  padding: 9px 19px !important;
  margin-right: 10px !important;
  display: block;
  color: #fff !important;
  border: none !important;
}

.nav-tabs .active {
  background-color: #01135f !important;
}

.category-banner {
  padding-top: 170px;
}

.category-banner-container {
  padding-top: 0 !important;
}

.topBar {
  width: 100%;
  background-color: #01135f;
}

.header-middle {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  background: rgba(0, 0, 0, 0.32);
}

.categoryCaption {
  padding-bottom: 20px;
}
.categoryCaption h4 {
  text-transform: capitalize;
  font-weight: 400;
  font-size: 27px;
}

.products-filter-container {
  padding-top: 4rem !important;
}

.nav-tabs {
  display: flex;
  justify-content: center;
}

.banner-slider img {
  width: 100%;
}

.bannerCover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.31);
}
.bannerCover aside {
  width: 100%;
  padding: 0 14%;
  position: relative;
}
.bannerCover aside h1 {
  font-size: 3.9vw;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  position: relative;
  top: -2em;
  opacity: 0;
  margin: 0;
}
.bannerCover aside h1 span {
  color: #fff;
}
.bannerCover aside h3 {
  font-size: 19px;
  text-transform: capitalize;
  font-weight: 400;
  color: #e6e6e6;
  position: relative;
  bottom: -2em;
  opacity: 0;
  margin: 0;
}
.bannerCover aside p {
  font-size: 1em;
  position: relative;
  bottom: -8em;
  opacity: 0;
  color: #fff;
}
.bannerCover aside a {
  text-decoration: none;
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
  padding: 5px 10px;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
  display: block;
  position: relative;
  bottom: -9em;
  opacity: 0;
  background-color: #01135f;
}
.bannerCover aside a::before {
  background-color: #000;
  color: #fff;
}

.active .bannerCover aside h1 {
  top: 0;
  opacity: 1;
  transition-duration: 1.2s;
}
.active .bannerCover aside h3 {
  bottom: 0;
  opacity: 1;
  transition-duration: 1.2s;
}
.active .bannerCover aside p {
  bottom: 0em;
  opacity: 1;
  transition-duration: 1.2s;
}
.active .bannerCover aside a {
  bottom: 0;
  transition-duration: 1.2s;
  opacity: 1;
}
.active .bannerCover aside a:hover {
  background-color: #000;
  color: #fff !important;
}

.logo {
  width: 246px !important;
  max-width: 287px !important;
  position: relative;
}
.logo a {
  width: 100%;
  display: block;
  text-decoration: none;
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
  background-color: #fff;
  position: absolute;
  top: -33px;
  left: 0;
  overflow: hidden;
  border-radius: 0px 0px 20px 20px;
  padding: 10px;
}
.logo a img {
  width: 100%;
}

.contact-lenses-section {
  background-color: #f1f1f1;
}

.topSocialMedia {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  padding: 5px 0;
}
.topSocialMedia a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  color: #000;
  background-color: #fff;
  margin-left: 5px;
}
.topSocialMedia a svg {
  width: 12px !important;
  fill: #000;
}

.flexEnd {
  width: 100%;
  justify-content: flex-end;
}

.whatsApp-round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: fixed;
  bottom: 50px;
  right: 16px;
  background-color: #25D366;
  color: #fff;
  font-size: 28px;
  z-index: 10;
}

.aboutsection {
  padding: 50px 0;
  background-color: #f1f1f1;
}

.about-img {
  width: 100%;
}
.about-img img {
  width: 100%;
}

.about-content {
  width: 100%;
}
.about-content h3 {
  text-transform: uppercase;
  font-size: 46px;
  margin-bottom: 0;
  color: #01135f;
}
.about-content h4 {
  text-transform: uppercase;
  font-size: 38px;
  font-weight: 400;
}
.about-content p {
  text-align: justify;
  line-height: 26px;
}

.visionandmissionsection {
  padding: 50px 0;
  background-color: #fff;
}

.visionandmissionContent {
  border-radius: 10px;
  overflow: hidden;
  padding: 30px;
  background-position: fixed;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
.visionandmissionContent::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(1, 18, 95, 0.575);
}

.vsn-content {
  width: 100%;
}
.vsn-content h4 {
  text-transform: uppercase;
  color: #fff;
}
.vsn-content p {
  text-align: justify;
  color: #fff;
}

.contactSection {
  padding: 50px 0;
}

.googlemap {
  width: 100%;
}

.contact-address {
  width: 100%;
  padding-left: 50px;
}
.contact-address h3 {
  text-transform: uppercase;
}
.contact-address ul {
  padding: 0;
  margin: 0;
}
.contact-address ul li {
  list-style-type: none;
  padding: 5px;
  position: relative;
  padding-left: 39px;
  margin-bottom: 13px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
}
.contact-address ul li i {
  position: absolute;
  left: 0;
  top: 8px;
  width: 27px;
  height: 27px;
  background-color: #01135f;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}

.sticky-header.fixed .logo img {
  transform: scale(1) !important;
  transform-origin: left;
}

.gallerySection {
  padding: 50px 0;
  background-color: #e9e9e9;
}

.gallery_wrapper {
  height: 210px;
  overflow: hidden;
  margin-bottom: 30px;
}
.gallery_wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.product-default a {
  font-size: 13px !important;
}

.mobileBanner {
  display: none;
}/*# sourceMappingURL=stylesheet.css.map */