/* RESET CSS STRAT */

:root {

  --bg-grey: #f8f8f8;

  --bg-orange: #daa83e;

  --bg-blue: #05305b;

  --bg-red: #ec3237;

  --bg-yellow: #e85d00;

  --bg-orange: #f58220;

  --white-col: #ffffff;

  --font: 1.1rem;

  --text-dark: #000000;

}



* {

  margin: 0px;

  padding: 0px;

  box-sizing: border-box;

}

body {

  font-family: "Lato", sans-serif;

  margin: 0px;

  padding: 0px;

  font-size: 14px;

  font-weight: normal;

  color: var(--text-dark);

  outline: none;

  line-height: 1.4em;

  overflow-x: hidden;

}

h1,

h2,

h3,

h3,

h4,

h5,

h6 {

  color: #323232;

  margin: 0px;

  line-height: 1.2em;

}

p {

  padding: 0px;

  margin: 0px;

  font-size: var(--font);

  line-height: 1.5;

  color: var(--text-dark);

}

.hr {

  margin-bottom: 10px;

  margin-top: 10px;

  height: 1px;

  background: var(--bg-orange);

  width: 40%;

  opacity: 1;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}

ul {

  list-style: none;

  margin: 0px;

  padding: 0px;

}

a {

  outline: none !important;

  color: #ffcb05;

  text-decoration: none;

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

}

a:hover,

a:active,

a:focus {

  outline: none !important;

  text-decoration: none;

  color: #4490bc;

}

textarea,

input:focus {

  outline: none !important;

  text-decoration: none;

}

img {

  border: 0;

}

.fs-14 {

  font-size: 14px;

}

.zindex5 {

  z-index: 5;

}

.bg-orange {

  background-color: var(--bg-orange);

}

.text-blue {

  color: var(--bg-blue);

}

.bg-blue {

  background-color: var(--bg-blue);

}

.bg-green {

  background-color: var(--bg-green);

}

.bg-yellow {

  background-color: var(--bg-yellow);

}

.text-yellow {

  color: var(--bg-yellow);

}

.text-green {

  color: var(--bg-green);

}

.bg-red {

  background-color: var(--bg-red);

}

.text-red {

  color: var(--bg-red);

}

.text-justify {

  text-align: justify;

}



.overflow {

  overflow: hidden;

}

li {

  color: #000000;

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

}

::-moz-selection {

  background-color: var(--bg-blue);

  color: #fff;

}

::selection {

  background-color: var(--bg-blue);

  color: #fff;

}

/* RESET CSS END */

::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: var(--text-dark) !important;

}

::-moz-placeholder {

  /* Firefox 19+ */

  color: var(--text-dark) !important;

}

:-ms-input-placeholder {

  /* IE 10+ */

  color: var(--text-dark) !important;

}

:-moz-placeholder {

  /* Firefox 18- */

  color: var(--text-dark) !important;

}

/* STICKY ANV BAR */

.sticky {

  position: fixed;

  width: 100%;

  left: 0;

  top: 0;

  z-index: 50;

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.1);

}



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

/*  Back Top

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

#back-top {

  position: fixed;

  right: 0;

  bottom: 1%;

  z-index: 999;

  overflow: hidden;

  display: none;

  width: 50px;

  height: 50px;

  border: 1px solid var(--text-dark);

  background-color: var(--white-col);

  text-align: center;

  -webkit-transition: all 0.25s ease;

  transition: all 0.25s ease;

}

#back-top:after {

  display: block;

  text-align: center;

  color: var(--text-dark);

  font-size: 20px;

  font-family: "Font Awesome 5 Pro";

  content: "\f357";

  line-height: 48px;

  -webkit-transition: color 0.25s ease, -webkit-transform 2s ease;

  transition: color 0.25s ease, transform 2s ease;

}

#back-top:hover {

  background-color: var(--bg-blue);

}

#back-top:hover:after {

  color: #fff;

}

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

/*  Back Top END

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



/* Hero Section Slide */

.bc-img01 {

  background-image: url(../images/banner.png);
  background-size: cover;
  padding: 40px 0 !important;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

/* .bc-img01:after {

  position: absolute;

    content: "";

    background-image: url(../images/afterbbg.png);

    bottom: 0;

    right: 50%;

    transform: translateX(51%);

    background-repeat: no-repeat;

    width: 654px;

    background-size: cover;

    height: 480px;

} */



/*.bc-img01::before {

  position: absolute;background: linear-gradient(90deg, #00305F -1.7%, rgba(18, 71, 125, 0) 45%);

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

}*/





.sideNavi1 {

  position: fixed;

  top: 84%;

  right: 0;

  z-index: 2;

}





.fa-square-whatsapp:before,
.fa-whatsapp-square:before {

  content: "\f40c";

  font-size: 51px;

  color: #075e54;

}


 
.sideNavi {
  position: fixed;
  top: 50%;
  right: 20px;
  z-index: 2;
  transform-origin: right;
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg) translateX(50%);
}
 
.sideNavi a {
  background-color: #fa802e;
  border-radius: 0;
  text-align: center;
  font-weight: 600;
  color: var(--white-col);
  cursor: pointer;
  border-right: 0;
  font-size: 16px;
  padding: 15px 15px;
  display: block;
  /* margin-top: 25px; */
}
.sideNavi-item .call_bg {
  background-color: #231f20 !important;
  color: #ffffff;
}
.sideNavi a:hover {
  background-color: #231f20;
  color: #ffffff;
}

.shadow:hover {

  box-shadow: none !important;

  -webkit-transform: translateY(-0.5em);

  transform: translateY(-0.5em);

}

.shadow {

  transition: 0.3s;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  -ms-transition: 0.3s;

  -o-transition: 0.3s;

}



.thankyou-sec .hero-thankyou .bc-img01 .thankyou__dv {

  margin: 10rem auto;

  background-color: #ffffff;

  width: 500px;

  position: relative;

  z-index: 1;

  padding: 2rem;

  border-radius: 30px;

}



.thankyou-sec .hero-thankyou .bc-img01::after {

  display: none;

}





.thankyou-sec .hero-thankyou .bc-img01 .thankyou__dv h3 {

  font-size: 5em;

}

.thankyou-sec .hero-thankyou .bc-img01 .thankyou__dv p {

  font-size: 20px;

  line-height: 1.2;

}

.thankyou-sec .hero-thankyou .bc-img01 {

  height: 88vh;

  background-size: cover;

  padding-top: 18%;

}



.bouncebtn {

  animation: bounce 2s infinite;

  -webkit-animation: bounce 2s infinite;

  -moz-animation: bounce 2s infinite;

  -o-animation: bounce 2s infinite;

}



.image-box .image {

  position: relative;

  margin-bottom: 0;

  overflow: hidden;

}

.image-box .image img {

  transition: all 400ms ease;

}

.image-box .image a:after {

  background: rgba(255, 255, 255, 0.3);

  bottom: 0;

  content: "";

  left: 50%;

  position: absolute;

  right: 51%;

  top: 0;

  z-index: 2;

  opacity: 1;

  pointer-events: none;

  transition: all 400ms linear;

}

.image-box:hover .image a:after {

  left: 0;

  right: 0;

  opacity: 0;

  transition: all 400ms linear;

}



.image-box:hover .image img {

  transform: scale(1.1);

}



.hv {

  -o-transition: 0.9s;

  -ms-transition: 0.9s;

  -moz-transition: 0.9s;

  -webkit-transition: 0.9s;

  transition: 0.9s;

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  -moz--transform: rotateY(180deg);

  -webkit-transform: rotateY(180deg);

  transform: rotateY(180deg);

}



#gallery-memeber.owl-theme .owl-nav {

  margin-top: 0;

}

#gallery-memeber.owl-theme .owl-nav [class*="owl-"] {

  position: absolute;

  top: 40%;

  margin: 0px;

  border-radius: 0px;

  text-align: center;

}



#gallery-memeber.owl-theme .owl-nav .owl-prev {

  left: -40px;

}



#gallery-memeber.owl-theme .owl-nav .owl-next {

  right: -40px;

}



#gallery-memeber.owl-theme .owl-nav [class*="owl-"] {

  color: #000;

  font-size: 24px;

  padding: 8px 0px;

  background: rgba(0, 0, 0, 0.5);



  color: #fff;



  display: inline-block;



  cursor: pointer;



  border-radius: 0%;



  height: 40px;



  width: 40px;

}



.gallery_area .item_row .popup-gallery-row {

  padding: 0px;

}



.galleryBox .container-fluid {

  padding: 0 0;

}



.gallery_area {

  padding-top: 0px;

}



.gallery_area .single_gallery_item {

  display: inline-block;

  overflow: hidden;

  float: left;



  width: 100%;



  position: relative;



  z-index: 1;

}



.gallery_area .single_gallery_item .hover_overlay {

  background-color: rgba(0, 0, 0, 0.5);

  height: 100%;

  left: 0;

  position: absolute;

  top: 0%;

  -webkit-transition-duration: 350ms;

  transition-duration: 350ms;

  width: 100%;

  -webkit-transform: scale(0, 0);

  transform: scale(0, 0);

}



.gallery_area .single_gallery_item:hover .hover_overlay {

  -webkit-transform: scale(1, 1);



  transform: scale(1, 1);

}



.gallery_area .single_gallery_item:hover .gallery_info {

  display: none;

}



.gallery_area .single_gallery_item .links>a>i {

  color: var(--white-col);

  background-color: #fa802e;

  padding: 0.8rem;

  font-size: 35px;

  border-radius: 100%;

}



.gallery_area .single_gallery_item img {

  height: auto;

  max-width: 100%;

}



.gallery_area .single_gallery_item .links {

  top: 40%;

  text-align: center;

  position: absolute;

  right: 0;

  margin-right: 0;

  width: 100%;

  z-index: 99;

  overflow: hidden;

}