/* RESET CSS STRAT */
:root{
    --bg-grey: #F6F6F7;
    --bg-orange: #daa83e;
    --bg-blue: #073D84;
    --bg-red: #EC3237;
    --bg-yellow: #FFD700;
    --bg-orange: #f58220;
    --white-col: #FFFFFF;
    --font: 1rem;
    --text-dark: #323232;
  }
  
  * { 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: 5px !important; background: var(--white-col); width: 15%; 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-drk { color: var(--text-dark);}
  .text-green { color:var(--bg-green); }
  .bg-red { background-color: var(--bg-red); }
  .text-red { color: var(--bg-red); }
  .text-justify { text-align: justify;  }
  .bg-grey { background-color: var(--bg-grey); }
  .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; }
  
  /* -------------------------------------------------- */
  /*  Back Top
  /* -------------------------------------------------- */
  #back-top{position: fixed;right: 0;bottom: 20%;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 .25s ease;transition: all .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 .25s ease, -webkit-transform 2s ease;transition: color .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.webp); background-size: cover; background-position: center center; background-repeat: no-repeat; }
  .bc-img01:after {
      position: absolute; background-color: #073D84; opacity: 0.9; 
      content: '';
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
  }
  
  
  
  .sideNavi{ position: fixed;
      top: 50%;
      right: -44px;
      z-index: 2;
      -moz-transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg);}
  
  .sideNavi a{ background-color: var(--bg-yellow); font-weight: 600; border: 1px solid var(--white-col); border-radius: 0;text-align: center;color: var(--bg-blue);cursor: pointer;border-right: 0;font-size: 1.3rem;padding: 15px 15px;display: block;margin-top: 25px;}
  .sideNavi a.telphone { background-color: #ffcb05; color: #000; }
  .sideNavi a:hover { background-color: var(--bg-blue);  color: var(--bg-yellow);  } 
  .shadow:hover {box-shadow: none !important; -webkit-transform: translateY(-.5em); transform: translateY(-.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: auto; background-color: #FFFFFF; width: 500px; position: relative; z-index: 1; padding: 2rem; border-radius: 30px; }
  .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: 100vh; 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);
  }
  
  
  .marquee-area-1 {
    overflow: hidden; top: 0rem; left: -0px;
    padding: 1rem 0;
  }
  .Marquee {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
  }
  .Marquee-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-animation: marquee 20s linear infinite running;
    -moz-animation: marquee 20s linear infinite running;
    -o-animation: marquee 20s linear infinite running;
    -ms-animation: marquee 20s linear infinite running;
    animation: marquee 20s linear infinite running;
  }
  .Marquee-content:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused;
  }
  
  .Marquee-tag {
    margin:0.5rem 1rem; width: 198px;filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
    padding: 0 0%;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  
  .Marquee-tag h4 { white-space: nowrap; font-size: 1.5rem; color: var(--white-col);}
  .Marquee-tag h4 strong { font-size: 2rem; font-weight: 700; color: var(--bg-yellow);}
  
  .Marquee-tag:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
  }
  @-moz-keyframes marquee {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translate(-50%);
      -moz-transform: translate(-50%);
      -o-transform: translate(-50%);
      -ms-transform: translate(-50%);
      transform: translate(-50%);
    }
  }
  @-webkit-keyframes marquee {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translate(-50%);
      -moz-transform: translate(-50%);
      -o-transform: translate(-50%);
      -ms-transform: translate(-50%);
      transform: translate(-50%);
    }
  }
  @-o-keyframes marquee {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translate(-50%);
      -moz-transform: translate(-50%);
      -o-transform: translate(-50%);
      -ms-transform: translate(-50%);
      transform: translate(-50%);
    }
  }
  @keyframes marquee {
    0% {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translate(-50%);
      -moz-transform: translate(-50%);
      -o-transform: translate(-50%);
      -ms-transform: translate(-50%);
      transform: translate(-50%);
    }
  }
  
  .video-play-fluid:after { position: absolute; content:""; width:100%; height: 100%;  left:0; top: 0;  }
  .video-button {width: 55px;height: 55px;color: var(--bg-blue);border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;display: inline-block;background-color: var(--white-col); font-size: 1.1rem; text-align: center;line-height: 55px;animation: pulse 2000ms linear infinite;-webkit-animation: pulse 2000ms linear infinite;-moz-animation: pulse 2000ms linear infinite;}
  .video-button::before, .video-button::after {position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background-color: #FFF;border-radius: 74px;opacity: 0.15;z-index: -10;}
  .video-play-row {  position: relative; overflow: hidden; display: inline-block; }
  
  .video-button::before {z-index: 2;animation: inner-ripple 2000ms linear infinite;-webkit-animation: inner-ripple 2000ms linear infinite;-moz-animation: inner-ripple 2000ms linear infinite;}
  .video-button::after {z-index: 1;animation: outer-ripple 2000ms linear infinite;-webkit-animation: outer-ripple 2000ms linear infinite;-moz-animation: outer-ripple 2000ms linear infinite;}
  .video-section { position: absolute; left: 50%; top: 45%; text-align: center; z-index: 3; }
  @-webkit-keyframes outer-ripple{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:.5}80%{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}100%{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0}}@-moz-keyframes outer-ripple{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:.5}80%{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}100%{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0}}
  
  
   /* button-animate-start */
   .bdr-ripple{border-radius:100%;box-sizing:border-box;animation:at-ripple-orange 0.7s linear infinite;overflow:hidden;}
  
   /* Animate-keyframes*/
   @-webkit-keyframes at-ripple-orange{
      0%{box-shadow:0 4px 20px rgba(255,255,255,0.15),0 0 0 0 rgba(255,255,255,0.15),0 0 0 5px rgba(255,255,255,0.15),0 0 0 10px rgba(255,255,255,0.15);}
      100%{box-shadow:0 4px 20px rgba(255,255,255,0.15),0 0 0 5px rgba(255,255,255,0.15),0 0 0 10px rgba(255,255,255,0.15),0 0 0 20px rgba(237,113,23,0);}
    }
    @keyframes at-ripple-orange{
      0%{ box-shadow:0 4px 20px rgba(255,255,255,0.15),0 0 0 0 rgba(255,255,255,0.15),0 0 0 5px rgba(255,255,255,0.15),0 0 0 10px rgba(255,255,255,0.15);}
      100%{box-shadow:0 4px 20px rgba(255,255,255,0.15),0 0 0 5px rgba(255,255,255,0.15),0 0 0 10px rgba(255,255,255,0.15),0 0 0 20px rgba(237,113,23,0);}
    } 
  
    
  
  a.whatsapp_chat {
    display: block;
    position: fixed;
    left: 2.5rem;
    bottom: 100px;
    z-index: 99;
    animation: 4s infinite bounce;
    background-color: #2ab200;
    color: #fff;
    padding: 8px;
    font-size: 2.2rem;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    text-align: center;
    box-shadow: 0 0 10px #111
  }