a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, var {
  background: transparent;
  border: 0 none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-moz-selection {
  background: #1bc5bd;
  color: #FFFFFF;
  text-shadow: none;
}

::selection {
  background: #1bc5bd;
  color: #FFFFFF;
  text-shadow: none;
}

html, body {
  height: 100%;
  margin: 0;
}

img {
  max-width: 100%;
}

.lh1 {
  line-height: 1;
}

/******poppins *****/
@font-face {
  font-family: 'Poppins-Light';
  src: url("../poppins-lightd41d.html#iefix") format("embedded-opentype"), url("../woff/poppins-light.woff") format("woff"), url("../poppins-light.html") format("truetype"), url("../poppins-light-2.html#Poppins-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url("../poppins-regulard41d.html#iefix") format("embedded-opentype"), url("../woff/poppins-regular.woff") format("woff"), url("../poppins-regular.html") format("truetype"), url("../poppins-regular-2.html#Poppins-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Medium';
  src: url("../poppins-mediumd41d.html#iefix") format("embedded-opentype"), url("../woff/poppins-medium.woff") format("woff"), url("../poppins-medium.html") format("truetype"), url("../poppins-medium-2.html#Poppins-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Bold';
  src: url("../poppins-boldd41d.html#iefix") format("embedded-opentype"), url("../woff/poppins-bold.woff") format("woff"), url("../poppins-bold.html") format("truetype"), url("../poppins-bold-2.html#Poppins-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/******lato *****/
@font-face {
  font-family: 'Lato-Regular';
  src: url("../lato-regulard41d.html#iefix") format("embedded-opentype"), url("../woff/lato-regular.woff") format("woff"), url("../lato-regular.html") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Medium';
  src: url("../lato-mediumd41d.html#iefix") format("embedded-opentype"), url("../woff/lato-medium.woff") format("woff"), url("../lato-medium.html") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lato-Bold';
  src: url("../lato-boldd41d.html#iefix") format("embedded-opentype"), url("../woff/lato-bold.woff") format("woff"), url("../lato-bold.html") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* .poppins-light {
  font-family: "Poppins-Light", sans-serif;
}

.poppins-regular {
  font-family: "Poppins-Regular", sans-serif;
}

.poppins-medium {
  font-family: "Poppins-Medium", sans-serif;
}

.poppins-bold {
  font-family: "Poppins-Bold", sans-serif;
}
 */

 b, strong{font-weight: 700;}
 dl, ul, a{list-style:none; text-decoration: none; margin:0; padding:0;}
a:focus,a:hover {text-decoration: none; }
.transition,.transitionAll,.transitionAll *,a, .btn *, .btn-danger *{transition:all .35s ease-out;-webkit-transition:all .35s ease-out}

 
body {font-family: 'Lato', sans-serif;font-weight: 400;font-style: normal;color: #8492a6;overflow-x: hidden; font-size: 16px;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  line-height: 1.2;
  font-family: "Poppins", sans-serif;
  color: #1473e6;
}

.h1, h1 {
  font-size: 3rem;
  font-weight: normal;
}

.h2, h2 {
  font-size: 2rem;
}

.h3, h3 {
  font-size: 1.75rem;
}

.h4, h4 {
  font-size: 1.5rem;
}

.h5, h5 {
  font-size: 1.25rem;
}

.h6, h6 {
  font-size: 1rem;
}

.btn{padding:8px 40px; border-width: 2px; min-width: 130px;}
.red{color: #f72b50 !important;}
.green{color: #00aca1 !important;}
.white-50 {color: rgba(255,255,255,0.5);}


.btn-success {color: #fff; background-color: #00aca1; border-color: #00aca1;}

.btn-primary:hover, .btn-primary:focus {background: transparent; border-color: #1473e6; color: #343c46;}

.loginImg {
  background: url(../jpg/loginbg.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: relative;
  
}

.loginImg::after {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(22px, 0px) rotate(45deg);
}

.loginBg {
  background-image: linear-gradient(45deg, #2962FF, #4789d8, #b9cdfe);
  background-size: 400% 400%;
  /* -webkit-animation: gradient 15s ease infinite;
  animation: gradient 15s ease infinite; */
  position: absolute;
  height: 100vh;
  opacity: 0.9;
  width: 100%;
}
/* @-webkit-keyframes gradient {
  0% {background-position: 25% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 25% 50%;}
  }
  @keyframes gradient {
  0% {background-position: 25% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 25% 50%;}
  }
   */

.w-85{width: 85% !important;}

small,.small{font-size: 13px; font-weight: 500;}

.logo a:hover img{transform: scale(1.1);} 

.loginCap{height: calc(100% - 300px);}

.ftra a{color: #FFFFFF; margin: 0 5px;}

  .rotateme {
    -webkit-animation-name: rotateme;
            animation-name: rotateme;
    -webkit-animation-duration: 20s;
            animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  
  @keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes rotate3d {
    0% {
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    100% {
      -webkit-transform: rotateY(360deg);
      transform: rotateY(360deg);
    }
  }
  
  @keyframes rotate3d {
    0% {
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    100% {
      -webkit-transform: rotateY(360deg);
      transform: rotateY(360deg);
    }
  }
  
  
  
  
      @-webkit-keyframes animate {
    50% {
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
    100% {
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }
  
  @keyframes animate {
    50% {
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
    100% {
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  }
  
  @keyframes rotating {
    0% {
      transform: rotate(0deg);
      top: 10%;
    }
    100% {
      transform: rotate(360deg);
      top: 25%;
    }
  }
  
  @keyframes rotating2 {
    0% {
      transform: rotate(0deg);
      top: 80%;
      left: 45%;
    }
    100% {
      transform: rotate(360deg);
      top: 50%;
      left: 10%;
    }
  }
  
  @keyframes rotating3 {
    0% {
      transform: rotate(360deg);
      top: 100%;
      bottom: 100%;
    }
    100% {
      top: 40%;
      transform: rotate(360deg);
      bottom:25%
    }
  }
  
  @keyframes rotating4 {
    0% {
      top: 40%;
    }
    100% {
      top: 10%;
    }
  }
  
  @keyframes rotating5 {
    0% {
      left: 35%;
    }
    100% {
      left: 5%;
    }
  }
  @keyframes rotating6 {
    0% {
      left: 10%;

    }
    100% {
      left: 5%;
    }
  }
  @keyframes rotating7 {
    0% {
      top: 35%;
    }
    100% {
      top: 5%;
    }
  }
  
  @keyframes hero_animation {
    0% {
      -webkit-transform: translate(0, 0);
    }
    100% {
      -webkit-transform: translate(20px, 10px);
    }
  }
  
  .effect-icon {
    font-size: 14px;
    opacity: 0.5;
  }
  @media(max-width: 767px) {
      .effect-icon {
          font-size: 20px;
      }
  }

  .animation-effect-1 {
    position: absolute;
    z-index: 1;
    top: 10%;
    left: 4%;
    animation: rotating alternate ease-in-out infinite 6s;
  }
  
  .animation-effect-2 {
    position: absolute;
    top: 85%;
    left: 3%;
    z-index: 1;
    animation: rotating5 alternate ease-in-out infinite 12s;
  }
  
  .animation-effect-3 { overflow: hidden;
    position: absolute;
    top: 10%;
    left: 40%;
    z-index: 1;
    animation: rotating2 alternate ease-in-out infinite 8s;
  }
  
  .animation-effect-4 {
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 1;
    animation: rotating4 alternate ease-in-out infinite 7s;
  }
  
  .animation-effect-5 {
    position: absolute;
    top: 27%;
    left: 35%;
    z-index: 1;
    animation: rotating5 alternate ease-in-out infinite 15s;
  }
  
  .animation-effect-6 {
    position: absolute;
    z-index: 1;
    top: 10%;
    right: 4%;
    animation: rotating alternate ease-in-out infinite 6s;
  }
  
  .animation-effect-7 { 
    position: absolute;
    top: 50%;
    right: 15%;
    z-index: 1;
    animation: rotating7 alternate ease-in-out infinite 12s;
  }
  .animation-effect-8 {
    position: absolute;
    top: 25%;
    right: 3%;
    z-index: 1;
    animation: rotating6 alternate ease-in-out infinite 12s;
  }
  

 
  .sectionTitle{position: relative; text-align: center; padding-bottom: 15px;}
  .sectionTitle.lineHeading:after {background: #7db2f1;height: 2px;width: 60px;position: absolute;margin: 0 auto;bottom: -0.5px; left: 0;right: 0; content: "";}
  .sectionTitle.lineHeading:before {background: #e7f1fc;height: 1px;width: 120px;position: absolute;margin: 0 auto;bottom: 0; left: 0;right: 0; content: "";}

.loginForm{width: 520px;  background-color: #fff; position: relative;  margin:0 auto;}
.input-group{position: relative; }

 .form-group .form-control{padding-left: 50px;}
.form-group {position: relative;}
.form-group .inpIcon {
  position: absolute;
  z-index: 1;
  left: 12px;
  top: 15px;
  padding: 0 5px;
  color: #474747;
  font-size: 20px;
} 
.form-control, .form-select{height: 50px;}
.qrCode .qrImg {width: 160px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.qrCode .txt{font-size: 2rem; color:#00aca1}

a.aniAro:hover i {left: -10px; position: relative;}
a.aniAro::after {content: '\f0a5'; font-family: 'Font Awesome 5 Pro'; position: absolute; opacity: 1; top:-2px; left: -20px;transition: 0.5s;}
a.aniAro:hover{padding-right: 24px; padding-left:8px;}
a.aniAro:hover::after {opacity: 1; left: -15px;}




.adsSlider .owl-dots {bottom: -30px;}
.adsSlider .owl-dots .owl-dot {display: inline-block; zoom: 1;}
.adsSlider .owl-dots .owl-dot span { background: rgba(47, 85, 212, 0.2) !important;}
.adsSlider .owl-dots .owl-dot.active span {background: #1473e6 !important;}
.adsSlider .owl-nav > .owl-prev {left: -40px;}
.adsSlider .owl-nav > .owl-next {right: -40px;}


table.table {font-weight: 400; font-size: 14px; color: #747474;}
table.table td {border-color: #e2e3ec;}
.tableNav .pagination {font-size: 14px; font-weight: 500;}
.table>thead.table-primary th{color:#1473e6; background-color: #e7f1fc;}
.table td, .table th {padding: 7px;}


.multipleUser table.table td:nth-child(3) {text-align: right;}
.cotainer{max-width: 1320px;}
.wrapper .login .order{order: 1;}
.wrapper .login .order2{order: 2;}
.container-fluid {width: 90%;}
.header .container-fluid {background-color: rgb(255, 255, 255); box-shadow: 4.31px 5.516px 20px 0px rgba(0, 0, 0, 0.15);padding: 13px 26px; border-radius: 50px;}
.header.sticky {left: 0;margin: auto; position: fixed !important; top: -16px; width: 100%; -webkit-box-shadow: 4.31px 5.516px 20px 0px rgba(0, 0, 0, 0.15);  box-shadow: 4.31px 5.516px 20px 0px rgba(0, 0, 0, 0.15);
  background: #ffffff !important;  transition: .5s;  z-index: 99; }
.header.sticky .container-fluid{background-color:none; background: none; box-shadow: none; padding: 0px;}
.header.sticky.mt-4{margin-top: 0px !important;}

.logo.after::after{position: absolute; right: -30px; top: 3px; content: ""; width: 1px; height: 38px; background-color: #e2e2e2;}
.navigation{font-family: "Poppins", sans-serif;}
.navigation li {padding:0px 1rem !important;}
.navigation li a {color: #212529; font-weight: 400; transition: 0.5s; position: relative; }
.navigation li a.active, .navigation li a:hover, .navigation li a:focus {color: #1473e6; position: relative;}
.navigation li a::before { position: absolute; content: ""; width: 0%; height: 2px; background: #f72b50 ; top: -27px; left: 0; transition: 0.5s; border-radius:2px; }
.navigation li a:hover::before, .navigation li a.active::before {width: 100%; transition: 0.5s;}

.signBtn {background-color: rgb(20, 115, 230); width: 187px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 25px;}
.signBtn a{color: #ffffff;}
.signBtn a:hover{letter-spacing: 0.3px; color: #88beff;}
.signBtn a:nth-child(1) {border-right: 1px solid rgba(20,215,103, 0.4);margin-right: 10px; padding-right: 10px;}


.heading{background-image: -moz-linear-gradient( -136deg, #f72b50 0%, #1473e6 100%); background-image: -webkit-linear-gradient( -136deg, #f72b50 0%, #1473e6 100%); background-image: -ms-linear-gradient( -136deg, #f72b50 0%, #1473e6 100%);
    border-radius: 135px 0px 0px 135px; padding: 1rem; text-align: center; position: relative; margin-left:7rem !important}

/* .heading.before::before {
  position: absolute;
  content: "";
  right: -647px;
  top: 0;
  width: 50%;
  background: #f35878;
  height: 192px;
} */

.heading h1 {
    margin: 0 auto;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 1.9rem;
}


.header .navigation .navbar #order1{order: 2; -webkit-webkit: order 2;-moz-webkit: order 2;-ms-webkit: order 2;-o-webkit: order 2; margin-bottom: 10px;}
.header .navigation .navbar #order2{order: 1; -webkit-webkit: order 1;-moz-webkit: order 1;-ms-webkit: order 1;-o-webkit: order 1;}


.sideFixPanel {
  position: fixed;
  right: 0px;
  display: block;
  height: 100%;
  top: 0;
  z-index: 2;
  transition: all 0.4s ease;
}

.sideFixPanel .btnPanel {
  background: #42ba96;
  color: #ffffff;
  position: absolute;
  left: -50px;
  top:208px;
  z-index: 3;
  width: 50px;
  cursor: pointer;
  border-radius: 5px 0px 0px 5px;
}



.sideFixPanel .btnPanel .buttonList .btns {
  padding: 10px;
  margin: 5px;
  float: left;
  width: 40px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

.buttonList .btns i{font-size: 20px;}
.buttonList .btns:hover{transform: scale(1.2);}

.tooltip-head{
  color: #fff;
  background: #edf4fc;
  padding: 10px 10px 5px;
  border-radius: 4px 4px 0 0;
  text-align: center;
  margin-bottom: -2px; /* Hide default tooltip rounded corner from top */
}
.tooltip-head .glyphicon{
  font-size: 22px;
  vertical-align: bottom;
}
.tooltip-head h3{
  margin: 0;
  font-size: 18px;
}

.tooltip-inner{background-color: #1473e6; white-space: nowrap !important; padding:10px 6px !important;}
/* 
.featureBox div{
  padding: 3em; display: grid; grid-gap: 2em; grid-template-columns:repeat( auto-fill, minmax(250px, 1fr) );
}

.gridBox{
  background-color: #7db2f1;
  padding: 20px;
  color: #fff;
  border: 1px solid #fff;
}
 */


 
.rotateme {
  -webkit-animation-name: rotateme;
          animation-name: rotateme;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}


.iconBg .icon {position: absolute;top: 80px; left: 50%; transform: translate(-50%, -50%); width: 90px; height: 90px; background: #edf4fc; display: flex; justify-content: center; align-items: center;  border-radius: 100%;
  font-size: 40px;  color: #f72b50;}

.iconBg .rotateme img {width: 150px; height: 180px;}
.featureBox .card {border-radius: 5px; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); border: 0px; height:calc(100% - 40px)}
.featureBox .card::after { box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); content: ""; width: 90%; height: 15px; position: absolute; bottom: -15px; margin: 0 auto; left: 0; right: 0;}
.iconBg .icon i.fa-store-alt:nth-child(2) {font-size: 30px;}
.iconBg .icon i.fa-store-alt:nth-child(1), .iconBg .icon i.fa-store-alt:nth-child(3) {font-size: 15px; top: 10px; position: relative;}

.featureBox .card-text {line-height: 1.7;}

.ftrBox {background-repeat: no-repeat; background-position: center center; background-size: cover; background: #3e4650;}

.social{display: flex;}
.social a{font-size:14px;text-decoration:none;width:40px;height:40px;display:flex; align-items: center; justify-content: center;background:#666;border:0;color:#fff; border-radius:100%; margin:0 3px;}
.social a:hover{color:#fff !important}
.social a.fb{border-color:#4e71a8;color:#fff;background:#4e71a8}
.social a.fb:hover{background:#42608f; transform: scale(1.2);}
.social a.tw{border-color:#1cb7eb;color:#fff;background:#1cb7eb}
.social a.tw:hover{background:#0092cb; transform: scale(1.2);}
.social a.google{background-color:#e3411f;color:#fff}
.social a.google:hover{background:#cc3a1c; transform: scale(1.2);}
.social a.youtube{background:#ca3737;color:#fff}
.social a.youtube:hover{background:#b53131; transform: scale(1.2);}
.social a.linkedin{border-color:#0084bf;color:#fff;background:#0084bf}
.social a.linkedin:hover{background:#0070a3; transform: scale(1.2);}
.social a.skype{border-color:#03acec;color:#03acec}
.social a.skypehover{background:#03acec; transform: scale(1.2);}
.social a.insta{border-color:#4270a3;color:#4270a3}
.social a.insta:hover{background:#4270a3; transform: scale(1.2);}
.social a.blog{background-color:#e27000;color:#fff}
.social a.blog:hover{background:#c66200; transform: scale(1.2);}


.fMenu li{position: relative; margin-left: 20px; line-height: 2;}
.fMenu a {color: #fff; padding: 0px;}
.fMenu a:hover {color: #d4d7da; letter-spacing: 1px;}
.fMenu li a:before{content: '\f30b'; font-family: 'Font Awesome 5 Pro'; position: absolute;  left: -25px;transition: 0.5s; padding-right: 10px; font-weight: 300;
  color: #d4d7da;
}
.fMenu li a:hover::before{padding-left:5px;}

.scrollToTop{position:fixed; bottom:40px; right:40px; height:50px; width:50px; z-index:9;}
.round {display: flex;position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-decoration: none;text-align: center;font-size: 25px; letter-spacing: -.065em;box-shadow: 2px 2px 7px rgba(0,0,0,.2);border-radius: 300px;z-index: 1; border-width: 4px; border-style: solid;  background-color: rgba(255,45,85,1); color: #fff;  border-color: rgba(255,45,85,.2);  cursor: pointer;  justify-content: center;
  align-items: center;  -webkit-transition: all 200ms; transition: all 200ms; -webkit-animation: ripple-red 1500ms ease-out infinite; animation: ripple-red 1500ms ease-out infinite

}

.round i, .round svg{transform: rotate(-45deg);}

.round:hover{width: 130%; height: 130%; left: -15%; top: -15%; font-size: 33px; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3); -o-box-shadow: 5px 5px 10px rgba(0,0,0,.3); -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.3); box-shadow: 5px 5px 10px rgba(0,0,0,.3); z-index: 2; border-size: 10px; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); color:rgba(255,255,255,0);}
.round span.round {display: block; opacity: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition:all .5s ease-in-out; font-size:1px; border:none; padding: 40% 20% 0 20%; color: #fff; font-weight:bold;}
.round span:hover{opacity: .85; font-size:18px; letter-spacing: 1px; -webkit-text-shadow: 0 1px 1px rgba(0,0,0,.5); -moz-text-shadow: 0 1px 1px rgba(0,0,0,.5); -o-text-shadow: 0 1px 1px rgba(0,0,0,.5); text-shadow: 0 1px 1px rgba(0,0,0,.5);}



.contact-detail .content { padding: 15px;}
.pmall {position: absolute; right: 20px; top: 20px; width: 90px;}



/******* home djslider***********/


.homeslider .owl-nav > .owl-prev{left:40px;}
.homeslider .owl-nav > .owl-next{right:40px;}

.homeslider .owl-nav > .owl-prev:hover, .homeslider .owl-nav > .owl-next:hover{background: #1473e6; color: #fff; border-radius: 25px;}

.slider1 {background-image: url(../png/slider1.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  height: 450px;}
.slider2 {background-image: url(../4045a73.html); background-size: cover; background-position: center center; background-repeat: no-repeat;  height: 450px;}
.slider3 {background-image: url(../404cc84.html); background-size: cover; background-position: center center; background-repeat: no-repeat;  height: 450px;}


.slideTxt h1  {font-weight: 800; color: #1473e6;}
.slideTxt h1 span{color: #0c5adb;}
.slideTxt h5  { font-size: 20px; text-transform: uppercase; color: #1473e6; font-weight: 600; letter-spacing: 0;  margin: 0 0 24px;  letter-spacing: 1px;}
.slideTxt p {width: 70%; font-size: 16px; padding: 29px 0 22px; color: #1473e6;}


.divider {position: absolute; bottom: 0; z-index: 1; width: 100%;}
.divider svg {height: 6vw; background: 0px 0px !important;}
svg.bg-white * {fill: #f7f7f7;}

.sliderBtn a:hover{transform: scale(1.1);}


.intPayment{background-color: #f7f7f7;}

.intPayment .owl-dots > .owl-dot.active > span {background: #1473e6 !important; width: 20px;}
.intPayment .owl-dots > .owl-dot > span{ background: #b5beda !important;}


.imgBox{position: relative;}
.imgBox .paymentImg{position: absolute; top:90px; left: 0; z-index: 9;}
.item li {line-height: 2; position: relative;}
.listIcon li {font-size: 17px; color: #242526;} 
.listIcon li:last-child {margin-bottom: 40px;}

h6{font-size: 16px;}


.listIcon li::before{position: absolute; left: -25px; top: 0; content: '\f058'; color: #1473e6; font-family: 'Font Awesome 5 Pro';}



.videoeRetail{background-color: #f72b50; position: relative;}

.videoeRetail .videoImg { position: relative; overflow: hidden; border: 8px solid #fff;}
.videoeRetail .videoImg::after { content: "";background: rgba(0,0,0,0.5);width: 100%;height: 100%; position: absolute;left: 0;top: 0;}

.videoeRetail .videoBtn {position: absolute; top: 50%;left: 0;right: 0; text-align: center; margin-top: -26px;}
.videoeRetail .videoBtn a {color: #ffffff;display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; line-height: 72px; background: #ff2c57;
  position: relative; font-size: 30px; border-radius: 50%;}
.videoeRetail .videoBtn a::before, .videoeRetail .videoBtn a::after {content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
  display: block;width: 88px;height: 88px;border-radius: 50%; -webkit-transition: all 200ms; transition: all 200ms; -webkit-animation: ripple-red 1500ms ease-out infinite; animation: ripple-red 1500ms ease-out infinite;
  border: 10px solid #ff2c57;}

.videoeRetail .videoBtn a::after {width: 90px; height: 90px; -webkit-transition: all 200ms; transition: all 200ms;}
.videoeRetail .videoBtn a:hover{transform: scale(1.2);}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
    opacity: 0;
  }
}



@-webkit-keyframes ripple-red {
  0% {
      -webkit-box-shadow: 0 0 0 0 rgba(247,43,80, 0.3), 0 0 0 10px rgba(247,43,80, 0.3), 0 0 0 20px rgba(247,43,80, 0.3);
      box-shadow: 0 0 0 0 rgba(247,43,80, 0.3), 0 0 0 10px rgba(247, 43, 80, 0.3), 0 0 0 20px rgba(247,43,80, 0.3)
  }
  100% {
      -webkit-box-shadow: 0 0 0 10px rgba(247,43,80, 0.3), 0 0 0 20px rgba(247, 43, 80, 0.3), 0 0 0 30px rgba(247, 43, 80, 0);
      box-shadow: 0 0 0 10px rgba(247, 43, 80, 0.3), 0 0 0 20px rgba(247, 43, 80, 0.3), 0 0 0 30px rgba(247, 43, 80, 0)
  }
}

@keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(247,43,80, 0.3), 0 0 0 10px rgba(247,43,80, 0.3), 0 0 0 20px rgba(247,43,80, 0.3);
    box-shadow: 0 0 0 0 rgba(247,43,80, 0.3), 0 0 0 10px rgba(247, 43, 80, 0.3), 0 0 0 20px rgba(247,43,80, 0.3)
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(247,43,80, 0.3), 0 0 0 20px rgba(247, 43, 80, 0.3), 0 0 0 30px rgba(247, 43, 80, 0);
    box-shadow: 0 0 0 10px rgba(247, 43, 80, 0.3), 0 0 0 20px rgba(247, 43, 80, 0.3), 0 0 0 30px rgba(247, 43, 80, 0)
  }
}



.margProduct .card-text{color:#8492a6}
.margProduct .featureBox:hover .card{background-color: #1473e6; color: #fff;}
.margProduct .featureBox:hover h4.card-title, .margProduct .featureBox:hover .card-text{color: #fff;}
.margProduct .featureBox:hover a{color: #fff;}
.margProduct .featureBox .card a{display: block;}
.margProduct .featureBox .card a:hover{display: block;}


.margCounter{background-color: #1473e6;}

.margCounter .icon {width: 120px; height: 120px; background: #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-size: 58px; margin: 20px auto;  border: 4px solid rgb(27 88 157);
  color: #1473e6;}

.about {line-height: 2;}
.aboutPic img { position: absolute;}

.videoIcon {width: 50px;height: 50px; line-height: 50px; display:flex; align-items: center; justify-content: center; background: #42ba96; border-radius: 100%; font-size: 22px;  color: #fff;}
.videoIcon:hover{transform: scale(1.2); color: #fff;}

.sendEnq{background-color:#42ba96;}
.bgShape {position: absolute; bottom: -1px; left: 0px; right: 0px;}
.contactForm {background: #fff; padding: 50px; border-radius: 10px;}

.sendEnq .form-group .form-control{ padding-left: 10px; }

.testimonial .imgBox .paymentImg{top: 0;}

.testimonial .avatar { height: 65px; width: 65px; position: absolute; left: 20px; top: 20px; z-index: 1;}

.testimonial .avatar img{border-radius: 100% !important;}

.testimonial .owl-dots{bottom:-20px}
.testimonial .owl-dots > .owl-dot.active > span {background: #1473e6 !important; width: 20px;}
.testimonial .owl-dots > .owl-dot > span{ background: #b5beda !important;}






.hamburger {cursor: pointer;-webkit-transition-property: opacity, -webkit-filter;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-filter;
	-webkit-transition-duration: 0.15s;transition-duration: 0.15s;-webkit-transition-timing-function: linear;transition-timing-function: linear;font: inherit;	color: inherit;	text-transform: none;
	background-color: transparent;border: 0;margin: 0 0 0 10px;overflow: visible; }
.hamburger:hover {opacity: 0.7; }
.hamburger.is-active:hover {opacity: 0.7;}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #676f77;}
.hamburger-box {width: 30px;height: 24px;display: inline-block;position: relative;}
.hamburger-inner {display: block;top: 50%;margin-top: -2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 30px;height: 4px;background-color: #676f77;border-radius: 4px;position: absolute;-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-transition-duration: 0.15s;	transition-duration: 0.15s;	-webkit-transition-timing-function: ease;
			transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block;}
.hamburger-inner::before {top: -10px;}
.hamburger-inner::after {bottom: -10px;}
.hamburger--collapse .hamburger-inner {top: auto;bottom: 0;-webkit-transition-duration: 0.13s;transition-duration: 0.13s;-webkit-transition-delay: 0.13s;transition-delay: 0.13s;-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.hamburger--collapse .hamburger-inner::after {top: -20px;-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;}
.hamburger--collapse .hamburger-inner::before {-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.hamburger--collapse.is-active .hamburger-inner {-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);transform: translate3d(0, -10px, 0) rotate(-45deg);-webkit-transition-delay: 0.22s;
			transition-delay: 0.22s;-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--collapse.is-active .hamburger-inner::after {top: 0;	opacity: 0;	-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;}
.hamburger--collapse.is-active .hamburger-inner::before {top: 0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),-webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  /******25-05-2021******/

  .tabs .nav-item { width: 50%; position: relative;}
  .tabs .nav-link.active {
    border-bottom: 3px solid #42ba96 !important;
    border: 1px solid #ddd;
    background-color: transparent !important;
    border-top: 1px solid #ddd !important;
    color: #42ba96 !important;
}

.tabs .nav-link {
  text-align: center !important;
  background: none !important;
  color: #383838 !important;
  width: 100% !important;
  background-color: #f7f7f7 !important;
  border-bottom: 3px solid #f7f7f7 !important;
  letter-spacing: 0;
  font-size: 16px !important;
  margin-bottom: 10% !important;
  height: 55px;
  border-radius: 0 !important;
  display: flex; justify-content: center;
}

.tabs li a.active:after {
  display: inline-block;
  content: "";
  border-top: .5em solid;
  border-right: .5em solid transparent;
  border-bottom: 0;
  border-left: .5em solid transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: auto;
  height: 0;
  width: 0;
}

ul.iconList li{position: relative; padding-left: 30px;}
ul.iconList li::before{position: absolute; left:0; top: 0; content: '\f560'; color: #1473e6; font-family: 'Font Awesome 5 Pro';}



  textarea{resize: none; height: 100px !important;}

  #paymentSlider .owl-dots { bottom: 0px;

  }

  

  @media only screen and (max-width: 1920px) and (min-width: 1401px)  {
    /* .qrCode {margin-top: 10vh !important; margin-bottom: 10vh !important; } */

  }

@media screen and (max-width:1400px) {
  .heading h1{width: 100%; font-size: 25px;}
  .header .container-fluid{padding:10px 0px;}
  body{font-size: 14px;}
  .navigation li a::before{top:-10px}
  .signBtn {width: 147px; height: 40px;}
  .form-group .inpIcon{font-size: 14px; top:14px; padding: 0px;}
  .form-group .form-control {padding-left: 40px;}
  .slider1{height: 350px;}
  .imgBox .paymentImg{width:auto !important}
  
  .form-control, .form-select{height: 40px;}
  .qrCode .qrImg{width: 110px; margin-bottom: 10px;}

  /******dj 09-07-2021*****/
  .login{overflow: hidden;}
  .loginForm p.mt-4 { margin: 0px !important;}
  .qrCode.p-lg-3 {padding: 5px !important;}
  
  }
  
  @media screen and (max-width:980px) {
.qrCode .qrImg {width: 120px;  margin: 0 auto 10px;}
.heading{padding: 1rem; margin-left: 20px !important;}
.heading h1{font-size: 20px;}
.loginForm{width: auto;}
body,html{overflow-x: hidden !important;}
.scrollToTop, .sideFixPanel, .aboutPic img{display: none !important;}
#paymentSlider .owl-dots{bottom: -20px;}
.header {position: fixed;min-height: auto !important;left: 0;top: 0;z-index: 9;background: #fff; width: 100%; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);box-shadow: 0 0 20px rgba(0,0,0,0.1);
  padding:0px; margin-top: 0px !important;}    
.header .container-fluid{width: 100%; border-radius: 0px;}
.header .hamburger {display: block !important;z-index: 9; position: absolute; right: 20px;}
.navigationOverlay {position: fixed;left: 0;top: 0;z-index: 8;background: #24335e; width: 100%;height: 100%; display: block;visibility: hidden;opacity: 0;-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.header .navbar.active {right: 0; z-index: 9; padding: 0; margin: 0;}
.header .navbar {position: fixed;top: 55px;right: -260px;width: 250px;height: 100%;background: #fff;align-items:start;-webkit-transition: all .2s;transition: all .2s;}
.header .navbar .navbar-nav .nav-item a.nav-link {line-height: 1.2;padding: 15px;border-top: 1px solid #eee;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify;justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.navigationOverlay.d-none.active { visibility: visible !important;opacity: .8 !important;display: block !important;}
.navigation .navbar-nav li a.active, .navigation .navbar-nav li a:hover {background:transparent;color: #000; border-radius: 0px;}
.header .navbar.active li { padding: 0px !important;}
.header .navbar.active .navbar-nav { width: 100%;}
.navigation li a::before{top:0px}
.header .navbar li.nav-item, .header .signBtn  {font-size: 0; opacity: 0;}
.header .navbar.active li.nav-item,.header .navbar.active .signBtn  {font-size: 15px; opacity: 1;}


.logo.after::after{display: none;}
.adsSlider .owl-carousel .owl-item img{height: auto;}

.about{margin-top: 70px;}
.navigation .ml-auto.col-auto { flex: 1; height: 100%; }
.postion-relative.movingIcon .fal.text-gray {font-size: 10px;}
.margProduct .col-12.mb-5 {margin-bottom: 10px !important;}

  }  

@media screen and (max-width:650px) {
  .divider{display: none;}
.contactForm{padding: 20px;}
.testimonial .imgBox {display: none;}
.testimonial .avatar{width: 45px; height: 45px; left: 10px;}
.videoeRetail .videoBtn a{width: 60px; height: 60px;}
.videoeRetail .videoBtn a::before, .videoeRetail .videoBtn a::after{width: 78px; height: 78px;}
.slideTxt h1{font-size: 1.7rem;}
.slideTxt h3{font-size: 1.2rem;}
.heading .btn {padding: 8px; font-size: 16px;}
.heading h1 {font-size: 18px;}
.tabs .nav-item a {font-size: 70% !important; height: 40px; text-transform: uppercase; padding-left: 0; padding-right: 0;}
.homeslider {margin-top: 50px !important;}
.intPayment h3{font-size: 22px;}
.intPayment .listIcon li{font-size: 14px;}
.about.py-5{display: none !important;}
.qrCode {margin-top: 20px !important;}
.qrCode h4.green{font-size: 16px !important;}
.loginForm p.mt-4{margin-top: 10px !important;}


  }