@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Roboto&display=swap');

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body{margin: 0px; padding: 0px; list-style: none; font-family: 'Poppins', sans-serif !important;}

ul{margin:0px; padding: 0px; list-style: none;}
li{margin:0px; padding: 0px; list-style: none;}

.fl{float: left !important;}
.fr{float: right !important;}
.clr{clear: both !important;}
.disp{display: block;}
.pdn{padding: 0px !important;}
.pln{padding-left: 0px !important;}
.prn{padding-right: 0px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt70{margin-top: 70px !important;}
.pt30{padding-top: 30px;}
.pb20{padding-bottom: 20px;}
.pb40{padding-bottom: 40px;}
.pb60{padding-bottom: 60px;}
.ml25{margin-left: 25px;}
.textcentr{text-align: center !important;}
.cntpb50{padding-bottom: 50px !important;}

/*------Header------*/

/*---Menu---*/

.mini-submenu {
  display: inline-block;
 /* background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.9);*/
  border-radius: 4px;
  padding: 9px;
  /* position: relative; */
  width: 42px;
  font-size: 14px !important;
  float: right !important;
  position: relative;
  z-index: 999; margin-top: 7px;
  margin-bottom: 40px !important;
}

.mini-submenu:hover{
  cursor: pointer;
}

.mini-submenu .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  margin-top: 3px; font-size: 0px;
}

.mini-submenu .icon-bar {
  background-color: #fff;
}

#slide-submenu{
  background: rgba(0, 0, 0, 0.45);
  display: none;
  padding: 0 8px;
  border-radius: 4px;
  cursor: pointer;
}

.list-group2{display: none;}
.list-group2 {
  padding-left: 0;
  margin-bottom: 20px;
  margin-top: 40px;
  position: absolute;
  right: 23px; width: 200px;
}
.list-group2.list-group-item{border:1px #ddd solid;}
/*---------Header---------------*/
section
{

}
.banner
{

}
.banner .row
{
  text-align:center;
  margin-top:50px;
}
.banner h1
{
  color:white;
}



/***********************************************************************
*  OPAQUE NAVBAR SECTION
***********************************************************************/

.logosec{float: left !important; width: 285px;}
.logosec a img {height: 45px !important; padding-top: 5px;}
.navsec{float: right; width: auto;}
.opaque-navbar {
   /* background-color: rgba(0,0,0,0.5);
   Transparent = rgba(0,0,0,0) / Translucent = (0,0,0,0.5)  */
    height: 60px;
    border-bottom: 0px;
    transition: background-color .5s ease 0s; padding-top: 5px;
}

.opaque-navbar.opaque {
    /*background: url(../images/navbg2.jpg) repeat-y;*/
    /*background: linear-gradient(to right, #1e343f 0%, #9e1e67 50%, #712c86 100%);*/
    /*background: linear-gradient(to right, #622176 0%, #be1977 50%, #7c1b2d 100%);*/
    background: linear-gradient(to right, #5e1675 0%, #be1977 50%, #cc1c47 100%) !important;
    height: 65px; z-index: 99999; width: 100%; background-size: contain;
    transition: background-color .5s ease 0s; box-shadow: 0px 0px 3px #004d99;
}

ul.dropdown-menu {
    background-color: black;
}

   .main-header .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px 15px;
        background: #f9f9f9;
    }

    .main-header .navbar-expand-lg .navbar-nav .link-color:hover {
        background: #f9f9f9;
    }

    .main-header .dropdown-menu a {
        padding: 10px 30px;
    }

    .main-header .navbar-expand-lg .user-account {
        padding: 15px 10px;
    }

    .main-header .navbar-expand-lg .user-account li {
        font-size: 12px;
    }

    .main-header .form-inline .submit {
        margin: 0 0 50px 10px;
        font-size: 12px;
    }

    .navbar-light .navbar-toggler {
        border: none;
        font-size: 18px;
        font-weight: 400;
    }

    .navbar-light .navbar-toggler span{
        color: #fff;
    }

    .navbar-toggler {
        padding: 0;
        width: 32px;
        height: 32px;
        outline: none;
        border-radius: 0;
    }

@media (max-width: 992px) {
   .opaque-navbar {
    background-color: black;
    height: 78px;
    transition: background-color .5s ease 0s;
}

}

.toplist ul{margin: 0px; padding: 0px; list-style: none;}
.toplist li{margin: 0px; padding: 0px; list-style: none; float: left; padding-right: 20px; color: #fff; font-size: 14px; line-height: 55px; letter-spacing: 1px;}
.toplist li a{color: #fff; display: block; font-size: 14px}
.toplist li a:hover{text-decoration: none;}
.toplist li i{font-size: 15px; font-weight: bold; color: #fff; padding-right: 3px;}
.navbar-toggle{font-size: 0px;}

.topcnt{float: right;}

/*---------------Banner section--------------------*/

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
  /*height: 100%;*/
  /*background: #000;*/
}

.carousel-caption{padding-bottom:80px;}

.carousel-caption h2{font-size: 34px; line-height:45px; text-transform:uppercase;}
.carousel-caption p{padding:10px; text-align: center; color: #fff;}
.themecolr{color: #c01e77 !important;}

/* Background images are set within the HTML using inline CSS, not here */
.carousel-control.right{background-image: none !important; }
.carousel-control.left{background-image: none !important; }
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity:0.6;
}

/**
 * Button
 */
.btn-transparent {
  background: #0071bd;
  color: #fff;
  border: 0px solid #fff;
}
.btn-transparent:hover {
  background-color: #fff;
}

.btn-rounded {
  border-radius: 0px;
}

.btn-large {
  padding: 11px 45px;
  font-size: 18px;
}


.service-btntp{background: linear-gradient(to right, #5e1675 0%, #be1977 50%, #cc1c47 100%); padding: 10px 10px; text-align: center; font-size: 14px; color: #fff; display: block; width: 120px; margin:auto; margin-top: 20px; margin-bottom: 10px; box-shadow: inset 0 0 0 0 #0071bd; transition: all ease 0.8s;}
.service-btntp:hover{text-decoration: none; box-shadow: inset 200px 0 0 0 #a51e62;}
.service-btn i{color: #fff;}

/*------------Intro Section---------------*/


.dmbg{background: url(../images/dmbg.jpg) repeat; background-size: contain; padding: 50px 0px; 
 /* animation-name: dmbg; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; */}

/* @keyframes dmbg { 
    0% {transform: translatey(0px);  }
  50% {transform: translatey(-20px);  }
  100% {transform: translatey(0px);  } 
}*/


.introhead{color: #525252; line-height: 40px; margin-top: 20px; font-size: 28px; text-align: center;font-family: 'Raleway', sans-serif;
font-weight: 600;}
.introhead span{color: #c11e78;}
.introhead2{color: #525252; line-height: 40px; margin-top: 20px; font-size: 28px; text-align: left;font-family: 'Raleway', sans-serif;
font-weight: 600;}
.introhead2 span{color: #0a6eb2;}
p{/*font-family: 'Nunito', sans-serif; */ font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 24px; text-align: justify; color: #1c1c1c;}
 
.introtxt{font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 30px; text-align: center; padding: 20px 20px; width: 90%;
  margin: auto; }

.homeintroimg{margin-top: 10px; margin-bottom: 30px; width: 100%;}
.introimg{margin-top: 10px; margin-bottom: 30px; width: 100%;}

.iconbg{background: #cacaca; width: 50px; height: 50px; text-align:center; line-height: 50px; color: #fff; margin-right: 15px;
border-radius:100%; font-size: 20px; float: left; margin-top: 6px;}

.introlist ul{font-family: 'Poppins', sans-serif; margin: 0px; padding: 0px; list-style: none;}
.introlist li{font-family: 'Poppins', sans-serif; margin: 0px; padding: 0px; list-style: none; float: none; margin-bottom: 10px;}
.introlist li h3{font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 600; color: #1c1c1c !important; margin-top: 8px;}
.introlist li p{font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 30px; color: #1c1c1c !important; letter-spacing: 1px;}
.introlist li .sec{float: left; /*width: 82%;*/ width: 95%;}

/*-------------------Services Section-------------------*/

.service-sec{background: #fff; padding: 0px 0px 50px; width: 100%; float: left;}
.serviceimg{position: absolute; width: 100%;}
.service-left{position: relative; color: #fff; z-index: 9999; padding: 70px 50px 30px 50px; font-family: 'Raleway', sans-serif;}
.service-left h2{color: #fff; font-family: 'Raleway', sans-serif; font-size: 30px; line-height: 34px;}
.service-left p{color: #fff; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 26px;}
a.service-btn{background: #c11e78; text-align: center; float: left; border-top-left-radius: 5px;
border-top-right-radius: 5px; position: absolute; bottom: 0px;
  font-size: 14px; color: #fff; display: block; width: 50px; height: 30px; 
  margin-top: 35px; margin-bottom: 0px; line-height: 30px;
   transition: all ease 0.8s;}
/*a.service-btn:hover{text-decoration: none; }*/

.serbg{background: transparent; border: 0px solid #e2e2e2; 
  border-radius: 5px;  margin-bottom: 55px;
 padding: 10px 18px; color: #fff;
display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.serbg i{color: #fff;}
.serico{height: 120px;}
.serbg img{height: 120px; float: right;}
.serbg h3{color: #c11e78; font-family: 'Poppins', sans-serif; font-size: 18px;line-height: 13px !important;}
.serbg p{font-family: 'Poppins', sans-serif; color: #191919; font-size: 14px; line-height: 24px; text-align: justify;}
.serimgbg{background: url(../images/serimg.jpg) no-repeat; width:100%; background-size:cover; height: 446px; padding: 30px 45px;}

.serbg:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: #ecb35a;*/
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.serbg:hover h3{color: #c11e78 !important;}
.serbg:hover p{color: #4f4f4f !important;}
.serbg:hover, .serbg:focus, .serbg:active {
  color: #fff;
}
.serbg:hover:before, .serbg:focus:before, .serbg:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.serbg:hover a.service-btn{background: #ccb4c7; color: #c11e78 !important;}


.serbg2{background: transparent; border: 0px solid #e2e2e2; 
  border-radius: 5px; box-shadow: 3px 3px 10px 3px #f4f4f4; margin-bottom: 55px;
 padding: 10px 18px; color: #fff;
display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.serbg2 i{color: #fff;}
.serico{height: 120px;}
.serbg2 img{height: 120px; float: right;}
.serbg2 h3{color: #c11e78; font-family: 'Poppins', sans-serif; font-size: 18px;line-height: 13px !important;}
.serbg2 p{font-family: 'Poppins', sans-serif; color: #191919; font-size: 14px; line-height: 24px; text-align: justify;}
.serimgbg{background: url(../images/serimg.jpg) no-repeat; width:100%; background-size:cover; height: 446px; padding: 30px 45px;}

.serbg2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: #bf4e87;*/
  background: #fff3f9;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.serbg2:hover h3{color: #c11e78 !important;}
.serbg2:hover p{color: #4f4f4f !important;}
.serbg2:hover, .serbg:focus, .serbg:active {
  color: #fff;
}
.serbg2:hover:before, .serbg:focus:before, .serbg:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.serbg2:hover a.service-btn{background: #ccb4c7; color: #c11e78 !important;}

.connectwith{background: #c11a6c; width: 100%; padding: 20px 0px; color: #fff;font-family: 'Montserrat', sans-serif;}
.connectwith h5{font-size: 16px; text-align: center; color: #fff; text-transform: uppercase;
font-weight: 600; line-height: 11px;}
.connectwith p{font-size: 14px; text-align: center; color: #fff;}
.connectwith a{text-align: center; text-decoration: none; color: #fff;}
.connectwith a i{text-align: center; text-decoration: none; color: #fff; font-size: 25px; margin-right: 5px;}

.corebg{background: #fff; padding: 35px 30px; margin-bottom: 30px;}
.coreit {
  border: none;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.05);
  border-radius: .25rem;
  height: 100%; min-height: 370px;
}
.coreit p{text-align: center !important;}

.coreit:hover i {
  color: #fff
}

.coreit:hover i:after {
  background: #c11e78;
  transform: rotate(0deg)
}

.coreit i {
  display: inline-block;
  color: #c11e78;
  font-size: 36px;
  width: 80px;
  height: 80px;
  margin: 0 auto 30px auto;
  line-height: 80px;
  position: relative;
  transition: all 0.4s;
  z-index: 3
}

.coreit i:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 20px;
  background: #f4f4f4;
  /*background: rgba(41, 45, 194, 0.15);*/
  z-index: -1;
  transform: rotate(45deg);
  transition: all 0.4s
}

.coreit h3{color: #1f194c; font-size: 18px;}

.coreit a.linkbtn{background: #c11e78; text-align: center; float: left; border-top-left-radius: 5px;
border-top-right-radius: 5px; position: absolute; bottom: 0px;
  font-size: 14px; color: #fff; display: block; width: 50px; height: 30px; 
  margin-top: 35px; margin-bottom: 0px; line-height: 30px;
   transition: all ease 0.8s;}
.coreit a.linkbtn i{font-size: 16px;}


.visionbg{background: #fff; border: 0px solid #e2e2e2; 
  border-radius: 5px; box-shadow: 3px 3px 15px 3px #d0d0d0;  margin-bottom: 55px;
 padding: 15px 18px 25px; color: #fff;
display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; min-height: 377px; border-bottom:5px solid #06df91; text-align: center;
}
.visionbg i{color: #06df91; text-align: center; background: #bdfce5; padding: 15px; line-height: 90px; border-radius: 50%; }
.visionbg h3{color: #1f194c; text-align: center; font-family: 'Poppins', sans-serif; font-size: 18px;line-height: 13px !important;}
.visionbg p{font-family: 'Poppins', sans-serif; color: #191919; font-size: 14px; line-height: 30px; text-align: center;}


.visionbg:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: #ecb35a;*/
  background: #06df91;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; border-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;
}

.visionbg:hover h3{color: #fff !important;}
.visionbg:hover p{color: #fff !important;}
.visionbg:hover, .serbg:focus, .serbg:active {
  color: #fff;
}

.visionbg:hover i{background: #fff; color: #06df91;}

.visionbg:hover:before, .serbg:focus:before, .serbg:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


.missionbg{background: #fff; border: 0px solid #e2e2e2; 
  border-radius: 5px; box-shadow: 3px 3px 15px 3px #d0d0d0;  margin-bottom: 55px;
 padding: 15px 18px 25px; color: #fff;
display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; min-height: 377px; border-bottom:5px solid #11b0ea; text-align: center;
}
.missionbg i{color: #11b0ea; text-align: center; background: #d8edfe; padding: 15px; line-height: 90px; border-radius: 50%; }
.missionbg h3{color: #1f194c; text-align: center; font-family: 'Poppins', sans-serif; font-size: 18px;line-height: 13px !important;}
.missionbg p{font-family: 'Poppins', sans-serif; color: #191919; font-size: 14px; line-height: 30px; text-align: center;}


.missionbg:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: #ecb35a;*/
  background: #11b0ea;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; border-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;
}

.missionbg:hover h3{color: #fff !important;}
.missionbg:hover p{color: #fff !important;}
.missionbg:hover, .serbg:focus, .serbg:active {
  color: #fff;
}

.missionbg:hover i{background: #fff; color: #11b0ea;}

.missionbg:hover:before, .serbg:focus:before, .serbg:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.ourvaluesbg{background: #fff; border: 0px solid #e2e2e2; 
  border-radius: 5px; box-shadow: 3px 3px 15px 3px #d0d0d0;  margin-bottom: 55px;
 padding: 15px 18px 25px; color: #fff;
display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s; 
  transition-duration: 0.3s; min-height: 377px; border-bottom:5px solid #f75757; text-align: center;
}
.ourvaluesbg i{color: #f75757; text-align: center; background: #ffdddd; padding: 15px; line-height: 90px; border-radius: 50%; }
.ourvaluesbg h3{color: #1f194c; text-align: center; font-family: 'Poppins', sans-serif; font-size: 18px;line-height: 13px !important;}
.ourvaluesbg p{font-family: 'Poppins', sans-serif; color: #191919; font-size: 14px; line-height: 30px; text-align: center;}


.ourvaluesbg:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: #ecb35a;*/
  background: #f75757;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; border-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;
}

.ourvaluesbg:hover h3{color: #fff !important;}
.ourvaluesbg:hover p{color: #fff !important;}
.ourvaluesbg:hover, .serbg:focus, .serbg:active {
  color: #fff;
}

.ourvaluesbg:hover i{background: #fff; color: #f75757;}

.ourvaluesbg:hover:before, .serbg:focus:before, .serbg:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


/*Industries Page*/


.ptb80{padding: 80px 0px !important;}

.industrylist ul{margin: 0px; padding: 0px; list-style: none;}
.industrylist li{margin:0px; padding: 0px; list-style: none; width: 30%; float: left;}

.modal-dialog {
  width: 600px;
  margin: 148px auto !important;
}

    .industriesbox .collapse {
    margin-top: 10px;

}
.industriesbox .collapse .indslide.slide-body, .industriesbox .collapsing .indslide.slide-body {
    margin-top: 16px;
    background: #971876;
    color: #ffffff;
    border-radius: 0px;padding: 30px 30px;
}

.indslide.slide-body p{color: #fff;}

.industriesbox .indslide.slide-body:after {
    border-bottom: 10px solid #971876;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 168px;
    content: "";
    position: absolute;
    left: 13%;
    margin-left: -21px;
    width: 0;
    height: 0;
}
.indslide.slide-body.pos2:after {
    left: 39% !important;
}
.indslide.slide-body.pos3:after {
    left: 65% !important;
}
.indslide.slide-body.pos4:after {
    left: 91% !important;
}
.industriesbox .showboxbtn{
    /*padding: 40px;*/ background: #fcfcfc; border-right: 1px #e1dfe0 solid; min-height: 162px;
    padding-top: 20px;
}
.left-to-right {

}
a.showboxbtn:hover:before{

}
a.showboxbtn:hover:after,a.showboxbtn[aria-expanded="true"]:after{
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0px;
    right: 0px;
    height: 10px;
    /*background: -moz-linear-gradient(left, #fd1b2f 0%, #ed8b2f 32%, #956e67 33%, #9e1467 66%, #712c41 67%, #712c86 100%);*/
    background: linear-gradient(to right, #5e1675 0%, #be1977 50%, #cc1c47 100%) !important /* Chrome10-25,Safari5.1-6 */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e21b2f', endColorstr='#711c86',GradientType=1 ); IE*/

}

.showboxbtn img{height: 49px; width: auto; margin: 13px auto 5px;}
.showboxbtn .indtext{text-align: center; color: #8b1776; line-height: 30px;}
.bdrno{border: 0px !important;}




.nav-tabs { border-bottom: 0px solid #DDD !important; width: 100% }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #c11e78;background: #5a4080; margin-right: 0px !important; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;  color: #5a4080 !important; background: #fff; }
        .nav-tabs > li > a::after { content: ""; background: #5a4080; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: ##5a4080 none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:0px}
.nav-tabs > li  {width:25%; text-align:center;}
.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); 
  margin-bottom: 0px;}

 .nav-tabs > li:last-child{border-right:none !important;} 

@media all and (max-width:724px){
.nav-tabs > li > a > span {display:none;} 
.nav-tabs > li > a {padding: 5px 5px;}
}


/*Technology Page*/

.tech_style {
  border: none;
  text-align: center; padding: 40px;
}

.tech_style img{height: 42px;}
.tech_style .techbody {
  padding: 0; min-height: 240px;
}

.tech_style p {
  margin-bottom: 0; text-align: center;
}

.tech_style .icon-box4 {
  height: 60px;
  width: 60px;
  font-size: 26px;
  box-shadow: 0 14px 26px -12px rgba(103, 58, 183, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(103, 58, 183, 0.2) !important;
  border-radius: 4px;
  position: relative;
  text-align: center;
  display: inline-block;
  line-height: 63px
}

.tech_style .icon-box4:after {
  width: 76px;
  height: 76px;
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  opacity: 0.8;
  border-radius: 5px;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition: all 0.3s;
  border: 2px solid transparent
}

.tech_style:hover .icon-box4:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  border: 2px solid
}

.tech_style p {
  line-height: 30px;
  margin: 0 auto
}

.tech_style h5 {
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 15px
}

.tech_style .bg1 {
  background: #292dc2
}

.tech_style .bg2 {
  background: #f7864e
}

.tech_style .bg3 {
  background: #35c3ec
}

.tech_style .bg4 {
  background: #e8bb20
}

.tech_style .bg5 {
  background: #f94897
}

.tech_style .bg6 {
  background: #5abb29
}

.tech_style .bg7 {
  background: #723ace
}

.tech_style:hover .icon-box4.bg1:after {
  border-color: #292dc2
}

.tech_style:hover .icon-box4.bg2:after {
  border-color: #f7864e
}

.tech_style:hover .icon-box4.bg3:after {
  border-color: #35c3ec
}

.tech_style:hover .icon-box4.bg4:after {
  border-color: #e8bb20
}

.tech_style:hover .icon-box4.bg5:after {
  border-color: #f94897
}

.tech_style:hover .icon-box4.bg6:after {
  border-color: #5abb29
}

.tech_style:hover .icon-box4.bg7:after {
  border-color: #723ace
}

.tech_style i{color: #fff !important;}

.techlist {
  list-style: none;
  margin: 0;
  padding: 0; margin-bottom:20px;
}

.techlist li {
  position: relative;
  padding: 0 0 8px 40px;
  margin: 0 0 8px 0;
  font-size: 16px; color: #1c1c1c !important;
}

.techlist li span {
  position: absolute;
  top: 3px;
  right: 0; 
}

.techlist li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0
}

.techlist li:before {
  content: ""
}

.techlist li i {
  color: #c11e78;
  font-size: 12px;
  background: rgba(224, 192, 210, 0.1);
  margin-right: 12px;
  border-radius: 30px;
  padding: 6px;
  position: absolute;
  left: 0;
  top: 0px;
  line-height: 12px;
}

/*Innovation*/

.innovationbg{background: url(../images/innovationimg.png) no-repeat; width: 486px; 
  height: 486px; margin: auto; text-align: center; color: #c11e78; font-size: 30px; text-transform: uppercase; line-height: 486px;}
.innoleft{text-align: right; width: 37%; position: relative;}
.innoleft .content{float: left; width: 73%; margin-top: 28px; text-align: right; position: absolute;}
.innoleft .content h3{line-height: 0px;}
.innoleft .content p{text-align: right;}
.innoleft .ibg{color: #c11e78;
font-size: 23px;
background: rgb(110, 22, 117);
margin-right: 12px;
border-radius: 30px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
float: right; margin-top: 28px;}
.innoleft .ibg::before {
  content: "";
  height: 1px;
  width: 48px;
  background-color: #e94b2e;
  right: 62px;
  top: 53px;
position: absolute;
}



.circle-image {
  width: 370px;height: 370px;
  position: absolute;
  background-image: url(../images/innovationimg.png);
  padding: 70px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 auto;
  left: 0; color: #c11e78; text-transform: uppercase; padding: 0px;
  right: 0; line-height: 370px; text-align: center; font-size: 28px; 
}
.circlesection-content {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
}

.innv1 {
  float: left;
  width: 35%;
  position: relative;
  z-index: 9;
}

.innv1.innv1-left {
  text-align: right
}

.innv1.innv1-left .innv1-icon{background: transparent; text-align: center; width: 50px;height: 50px;
line-height: 50px; color: #c11e78 !important; border-radius: 50%;}
.innv1.innv1-left .innv1-icon::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 48px;
    background-color: #c11e78;
    left: 20px;
    top: 27px;
}

.innv1.innv1-right {
  text-align: left;
  float: right
}

.each-innv1 h4 {
  font-size: 16px; font-weight: 600; color: 101010;
  margin-bottom: 10px;
}

.each-innv1 p {
  font-size: 14px;
  line-height: 22px;
  min-height: 45px
}

.innv1.innv1-right .innv1-icon {
  float: left;
  padding-right: 70px;
  position: relative;
  width: 26%
}

/*.innv1.innv1-right .innv1-icon::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 48px;
    left: 20px;
    top: 27px;
}*/

.innv1.innv1-right .innv1-icon svg {
  width: 100%;
  height: auto
}

.innv1.innv1-right .innv1-icon::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 48px;
  background-color: #c11e78;
  left: 51px;
  top: 27px; 
}

.innv1.innv1-right .each-innv1-content {
  float: right;
  width: 73%;
  margin-top: 8px; text-align: left;
}

.innv1.innv1-left .innv1-icon::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 48px;
  background-color: #c11e78;
  left: 20px;
  top: 27px
}

.innv1.innv1-left .innv1-icon svg {
  width: 100%;
  height: auto
}

.innv1.innv1-left .innv1-icon {
  float: right;
  padding-left: 70px;
  position: relative;
  width: 26%
}

.innv1.innv1-left .each-innv1-content {
  float: left;
  width: 73%;
  margin-top: 8px; text-align: right;
}

.innv1.innv1-left .each-innv1-content p{
  text-align: right;
}


.each-innv1 {
  margin-bottom: 55px;
  position: relative;
  float: right;
  width: 100%
}
.innv1.innv1-left .innv1-icon img {
  width: 50px;
}
.innv1.innv1-right .innv1-icon img {
  width: 50px;
}
.innv1.innv1-left .each-innv1:nth-child(1) {
  right: -52px; margin-top: 20px;
}
.innv1.innv1-left .each-innv1:nth-child(2){
  right: 5px; margin-top: -21px;
}
.innv1.innv1-left .each-innv1:nth-child(3){
  right: -55px; margin-top: -26px;
}

.innv1.innv1-right .each-innv1:nth-child(1) {
  right: 68px; margin-top: 20px;
}

.innv1.innv1-right .each-innv1:nth-child(2){
  right: 8px; margin-top: -21px;
}
.innv1.innv1-right .each-innv1:nth-child(3){
  right: 66px; margin-top: -26px;
}


.innolistcard{display: none;}
.inno-list ul{margin: 0px; padding: 0px; list-style: none;}
.inno-list li{margin: 0px; padding: 0px; list-style: none; margin-bottom: 20px; width: 50%; float: left;}
.inno-list li .content{display: block; width: 100%;}
.inno-list li .content .icon img{float: left; width: 50px; margin-right: 20px;}
.inno-list li .content .rgtcol{float: left;}
.inno-list li .content .rgtcol h4{font-size: 16px; font-weight: 600; color: 101010;
  margin-bottom: 10px;}
.inno-list li .content .rgtcol p{font-size: 14px; line-height: 22px;
  min-height: 45px}



/*------------Get Quote---------------*/

.accord-quotebg{padding: 50px 0px; background: #fcfcfc;}
.accord-quotebg h2{color: #525252;  line-height: 40px;  margin-top: 20px;  font-size: 20px;  text-align: left;
  font-family: 'Raleway', sans-serif;  font-weight: 600; text-transform: capitalize;}
.accord-quotebg p{padding: 10px 15px 10px 0px;}

.getquotebg{background: #043754; padding: 13px 20px 34px;}
.getquotebg h2{color: #fff; font-size: 18px; font-family: 'Raleway', sans-serif; text-transform: uppercase; margin-left: 20px; }
.getquotebg input{background: #f4f8f9; width: 90%; height: 30px; font-size: 14px; padding: 5px; color: #555555; border:0; margin: auto; margin-bottom: 2px;}
.getquotebg textarea{background: #f4f8f9; width: 90%; height: 70px; padding: 5px; font-size: 14px; color: #555555; border:0; margin: auto; margin-bottom: 12px;}
.getquotebg .submit{background:transparent; width: 100px; border: 1px #ccc solid; padding: 3px 7px; height: 32px; font-size: 14px; color: #fff; text-align: center; margin-bottom: 2px; text-transform: uppercase;}
.getquotebg .submit:hover{background: #0071bd;}
.getquotebg p{margin:0px;}

.cpybg{/*background:url(../images/navbg2.jpg) repeat-y;*/ background: #fcfcfc; padding: 10px 0px; text-align: center; color: #555252; font-size: 12px; width: 100%;
font-family: 'Montserrat', sans-serif; letter-spacing: 1px;}

/*-----------Footer Section----------*/
.footerbg{background: #151515; padding: 20px 0px 20px 0px; width: 100%; margin-top: 0px; font-family: 'Montserrat', sans-serif; letter-spacing: 1px;}
.footerlogo{margin-top: 20px; margin-bottom: 20px; height: 40px;}
.foothd{color: #f1f1f1; font-size: 15px; font-weight: 600; line-height: 40px; text-align: left; text-transform: uppercase;}
.foothd:after{content: "";
display: block;
width: 60px;
height: 4px;
background: #c11e78;
margin: 20px 0 20px 0;}
.footerbg p{color: #a1a1a1; font-size: 14px; line-height: 24px; margin-top: 0px; font-family: 'Montserrat', sans-serif; letter-spacing: 1px;}
.footerbg i{color: #a1a1a1; margin-top: 3px;}
.footerbg p span{margin-left: 5px;}
.footlist ul{margin:0px; padding: 0px; list-style: none;}
.footlist li{margin:0px; padding: 0px; list-style: none; float: none; color: #fff;}
.footlist li a{color: #eee; text-decoration: none; font-size:14px; line-height: 30px; font-family: 'Montserrat', sans-serif;}
.footlist li a:hover{text-decoration: none;}
.footerbg a{color: #a1a1a1;}
.footerbg a:hover{text-decoration: none; color: #c11e78;}
.footerbg .footermidcol{padding-left: 60px;}

/*home page*/


/*banner*/
.bannersec{width: 100%; min-height: 600px;}
.wave {
  position: relative;
  width: 100%;
  height: 100vh;
  /*background: url(../images/banner1.jpg); */
  background-size: cover; background-attachment: fixed;
  /*background: linear-gradient(90deg, #f0027f, #75489f);*/
  background: linear-gradient(90deg, #4b126c, #502ec8);
}

.wave .wav{position: absolute; width: 100%; min-width: 100%;
height: 182px; bottom: 0; left: 0; background: url(../images/wave-bot.png);
/*animation: animate 10s linear infinite;*/ display:none;
}

.wave .wav:before{
  content: '';
  width: 100%;
  height: 148px;
  background: url(../images/wave-mid.png);
  position: absolute; top: 0; left: 0; opacity: 0.4; 
  /*animation: animate-reverse 10s linear infinite;*/ display:none;
}

@keyframes animate
{
  0%{background-position: 0;}
  100%{background-position: 1920px;}
}
@keyframes animate-reverse
{
  0%{background-position: 1920;}
  100%{background-position: 0px;}
}


.bannerimg img{margin-top: 90px; width: 100%;}
.banncont{font-family:'Poppins', sans-serif; margin-top: 45%}
.banncont h1{font-size: 35px; color: #fff; line-height: 40px; font-weight: 600;
font-family:'Poppins', sans-serif; }
.banncont p{font-size: 16px; color: #fff; line-height: 30px;}


.waveinnerpage {
  position: relative;
  width: 100%;
  height: 450px;
  background-size: cover; background-attachment: fixed;
  background: linear-gradient(90deg, #4b126c, #502ec8);
}
.waveinnerpage .wav{position: absolute; width: 100%; min-width: 100%;
height: 110px; bottom: 0; left: 0; background: url(../images/wave-top.png);
}

.innerbanncont{font-family:'Poppins', sans-serif; margin-top: 28%}
.innerbanncont h1{font-size: 25px; color: #fff; line-height: 28px; font-weight: 500;
font-family:'Poppins', sans-serif; }
.innerbanncont p{font-size: 16px; color: #fff; line-height: 30px;}
.innerbannerimg img{margin-top: 70px; width: 70%; opacity: 0.4;}

.breadcrumb1 ul{margin:0px padding:0px; list-style: none;}
.breadcrumb1 li{margin:0px padding:0px; list-style: none; color: #fff; padding: 0px 5px; float: left;}
.breadcrumb1 li a{text-decoration: none; color: #fff;}


.hmeboxsec{padding: 10px 0px 35px !important;}
.homebx1{background: #cc1c47; width: 100%; padding:20px 30px; color: #fff !important;  
  min-height: 228px;text-align: center !important; margin-bottom: 10px;}
.homebx2{background: #a51e62; width: 100%; padding: 20px 30px; color: #fff !important; 
  text-align: center !important; margin-bottom: 10px; min-height: 228px;}
.homebx3{background: #872577; width: 100%; padding: 20px 30px; color: #fff !important; 
   min-height: 228px; text-align: center !important; margin-bottom: 10px;}
.hmeboxsec p{text-align: center; color: #fff; min-height: 95px; font-size: 14px;}
.hmeboxsec h3{text-transform: uppercase;line-height: 15px; font-size: 18px;}
.homebx1 a{background: transparent; border: 1px #ccc solid; transition: all ease 0.8s; text-align: center; width: 100px; line-height: 30px; display: block; margin: auto; color: #fff;}
.homebx1 a:hover{box-shadow: inset 200px 0 0 0 #fff; color: #cc1c47}
.homebx2 a{background: transparent; border: 1px #ccc solid; transition: all ease 0.8s; text-align: center; width: 100px; line-height: 30px; display: block; margin: auto; color: #fff;}
.homebx2 a:hover{box-shadow: inset 200px 0 0 0 #fff; color: #a51e62;}
.homebx3 a{background: transparent; border: 1px #ccc solid; transition: all ease 0.8s; text-align: center; width: 100px; line-height: 30px; display: block; margin: auto; color: #fff;}
.homebx3 a:hover{box-shadow: inset 200px 0 0 0 #fff; color: #872577;}

.consecmn{width: 100%;}
.consecmn img{width: 100%;}
.consec1{background: #fcfcfc; padding: 5px 0px 0px; overflow: hidden; margin-bottom: -5px !important; font-family: 'Montserrat', sans-serif;}
/*.consec1{background: url(../images/parallexbg1.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed; padding: 80px; height: 500px;}*/
.consec1 h2{color:#c11e78 !important; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 21px; font-weight: 600; border-left: 5px solid #a51e62; padding: 15px;}
.consec1 h4{font-size: 16px; font-weight: 600; line-height: 30px; text-transform: uppercase; font-family: 'Open Sans', sans-serif;}
.consec1 p{font-family:'Poppins', sans-serif; font-size: 14px; letter-spacing: 1px; color: #1c1c1c !important; line-height: 30px; padding: 10px 0px;}
.consec1 a{background: linear-gradient(to right, #5e1675 0%, #be1977 50%, #cc1c47 100%); color: #fff; transition: all ease 0.8s; padding:10px 20px; margin-top: 20px; display: block; width: 125px; text-align: center;}
.consec1 a:hover{box-shadow: inset 200px 0 0 0 #a51e62;}
.consec1 .rightcol{}
.consec1 .rightcol .box1{background: transparent; float: left; margin-bottom: 0px; padding: 20px; text-align: center; width: 100%; border-radius: 10px;}
.consec1 .rightcol .box1 img{width: 100%;}
.consec1 .rightcol .box2{background: #fff; float: left; margin: 50px 0px 30px 20px; box-shadow: 3px 3px 7px #ddd; padding: 20px; text-align: center; width: 220px; border-radius: 10px;}
.consec1 .rightcol .box3{background: #fff; float: left; margin: 0px 0px 30px 0px; box-shadow: 3px 3px 7px #ddd; padding: 20px; text-align: center; width: 220px; border-radius: 10px;}

.consec1 .rightcol a{display: block; margin-top: 15px;}

.consec2{background: #fff; /*padding: 80px 0px 70px;*/ margin: 10px 0px 0px !important; font-family: 'Montserrat', sans-serif;}
.consec2 h2{color:#c11e78 !important; font-family: 'Open Sans', sans-serif; font-size: 21px; text-transform: uppercase; font-weight: 600; border-left: 5px solid #a51e62; padding: 15px;}
.consec2 h4{font-size: 16px; font-weight: 600; line-height: 30px; text-transform: uppercase; font-family: 'Open Sans', sans-serif;}
.consec2 p{font-family: 'Poppins', sans-serif; font-size: 14px; letter-spacing: 1px; color: #1c1c1c !important; line-height: 30px; padding: 10px 0px;}
.consec2 a{background: linear-gradient(to right, #5e1675 0%, #be1977 50%, #cc1c47 100%); color: #fff; transition: all ease 0.8s; padding:10px 20px; margin-top: 20px; display: block; width: 125px; text-align: center;}
.consec2 a:hover{box-shadow: inset 200px 0 0 0 #a51e62;}
.consec2 .leftcol img{width: 100%;}




/*.flting{ animation-name: flting; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
    margin-left: 30px; 
    margin-top: 5px; border: 5px #bf1974 solid;border-radius: 50%; opacity: 0.5; width: 30px; height: 30px; 
           }*/

  .flting{animation-name: flting; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
    margin-left: 10%; 
    margin-top: -35px; opacity: 0.7; position:absolute; }        


    @keyframes flting { 
    0% {transform: translatey(0px);  }
  50% {transform: translatey(-20px);  }
  100% {transform: translatey(0px);  } 
}

.fltingff{ animation-name: fltingff; 
    animation-duration: 30s; 
    animation-iteration-count: infinite; 
    animation-timing-function: linear; 
    margin-left: 130px; 
    margin-top: 35px;position: relative;
    width:0;
    border-bottom:solid 34px #872577;
    border-right:solid 15px transparent;
    border-left:solid 15px transparent; opacity: 0.5; float: right;}


    @keyframes fltingff { 
    0% {transform: translatey(0px);  }
  50% {transform: translatey(-20px);  }
  100% {transform: translatey(0px);  } 
}


.fltingstr{ animation-name: fltingstr; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
    margin-left: 70px; 
    margin-bottom: : 5px; color: #54cfcf; font-size: 28px; 
    font-weight: 600 !important; opacity: 0.5; width: 30px;text-shadow: 5px 5px 5px #a4a4a4;}


    @keyframes fltingstr { 
    0% {transform: translatey(0px);  }
  50% {transform: translatey(-20px);  }
  100% {transform: translatey(0px);  } 
}

.fltingstrlt{ animation-name: fltingstrlt; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
    margin-left: 10%; 
    margin-bottom: : 5px; font-size: 28px; font-weight: 600 !important; opacity: 0.5; width: 30px; }


    @keyframes fltingstrlt { 
    0% {transform: translatey(0px);  }
  50% {transform: translatey(-20px);  }
  100% {transform: translatey(0px);  } 
}

.fltingcircle{ animation-name: fltingcircle; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
    margin-left: 20%; 
    margin-bottom: : 5px; font-size: 28px; font-weight: 600 !important; opacity: 0.5;}


    @keyframes fltingcircle { 
    0% {transform: translatex(0px);  }
  50% {transform: translatex(-30px);  }
  100% {transform: translatex(0px);  } 
}

.fltingscale{ animation-name: fltingscale; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
    margin-left: 20%; 
    margin-bottom: : 5px; font-size: 28px; font-weight: 600 !important; opacity: 0.5; width: 50px; height: 50px;}


    @keyframes fltingscale { 
    0% {transform: scale(.8); }
  50% {transform: scale(1); }
  100% {transform: scale(.8); } 
}

.fltingsend{ animation-name: fltingsend; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
    margin-left: 50px; float: right;
    margin-bottom: : 5px; color: #cf5454; font-size: 28px; 
    font-weight: 600 !important; opacity: 0.5; width: 30px; height: 30px;
    text-shadow: 5px 5px 5px #a4a4a4;
  }


    @keyframes fltingsend { 
    50% {transform: rotate(180deg);} 
}


  .fltingg{ animation-name: fltingg; 
    animation-duration: 30s; 
    animation-iteration-count: infinite; 
    animation-timing-function: linear; 
    margin-left: 130px; 
    margin-top: 35px;position: relative;
    width:0;
    border-bottom:solid 34px #872577;
    border-right:solid 15px transparent;
    border-left:solid 15px transparent; opacity: 0.5; float: right;}

.fltingg .empty{
    position: absolute;
    top:7px;
    left:-9px;
    width:0;
    border-bottom:solid 23px white;
    border-right:solid 9px transparent;
    border-left:solid 9px transparent;
}

    @keyframes fltingg { 
    0% {transform: translatey(0px);  }
  50% {transform: translatey(-20px);  }
  100% {transform: translatey(0px);  }
}


.fltingrot{
animation-name: fltingrot;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-timing-function: linear; 
-moz-animation-name: fltingrot;
-moz-animation-duration: 15s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
    margin-left: 50px; float: right;
    margin-bottom: : 5px; color: #cf5454; font-size: 28px; font-weight: 600 !important; opacity: 0.5; width: 30px; height: 30px;}


    @keyframes fltingrot { 
    50% {transform: rotate(180deg);}
}

.fltingrotfly{
animation-name: fltingrotfly;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-timing-function: linear; 
-moz-animation-name: fltingrot;
-moz-animation-duration: 25s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
margin-left: 50px;
margin-bottom: : 5px; color: #fecc01; font-size: 28px; font-weight: 600 !important; opacity: 0.5;text-shadow: 5px 5px 5px #534b4b;}


    @keyframes fltingrotfly { 
    50% {transform: rotate(90deg);}
}



.servicesec{/*background: linear-gradient(to right, #dd5229 0%, #963c47 50%, #662f65 100%); */
 /*background: url(../images/homeserbg.png) no-repeat;*/ background-size: cover; background-position: center; background-attachment: fixed; width: 100%;
  padding: 30px 0px;} 
.servicesec h2{color: #a51e62; text-align: center; font-size: 28px; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; line-height: 40px; padding-bottom: 0px;}
.servicesec h4{text-align: center; font-size: 18px; margin-bottom: 70px; line-height: 30px; color: #1e1e1e;}

.servicesec {
  position: relative;
  z-index: 1;
}
.servicesec.light {
  margin-bottom: 35px
}
.servicesec .title {
  position: relative;
  font-size: 18px;
  color: #9ea4b4;
  font-weight: 700;
  margin-bottom: 12px;
  text-transform: capitalize
}
.servicesec .separator {
  position: relative;
  width: 40px;
  margin: 16px auto 60px !important;
}
.servicesec .separator:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 10px;
  height: 2px;
  background-color: #861776;
}
.servicesec .separator:after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  width: 10px;
  height: 2px;
  background-color: #861776;
}
.servicesec .separator span {
  position: absolute;
  left: 50%;
  top: -2px;
  width: 10px;
  height: 5px;
  margin-left: -5px;
  display: inline-block;
  background-color: #cc1c48;
}


/*heading*/

.sectionheading h2{color: #1c1c1c; font-size: 24px; line-height: 40px; text-align: center;}
.sectionheading p{color: #1c1c1c; font-size: 16px; line-height: 3px; text-align: center;}
.sectionheading .separator {
  position: relative;
  width: 40px;
  margin: 16px auto 90px !important;
}
.sectionheading .separator:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 10px;
  height: 2px;
  background-color: #861776;
}
.sectionheading .separator:after {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  width: 10px;
  height: 2px;
  background-color: #861776;
}
.sectionheading .separator span {
  position: absolute;
  left: 50%;
  top: -2px;
  width: 10px;
  height: 5px;
  margin-left: -5px;
  display: inline-block;
  background-color: #cc1c48;
}





.serbx1 {background: #cb1c49; text-align: left; float: left; font-size: 16px; font-weight: 600; 
  margin-bottom: 40px;}
.serbx1 h2{color: #fff;font-size: 16px;}

.serbx2 {background: #c21a6b; text-align: left; float: left; font-size: 16px; font-weight: 600; 
  margin-bottom: 40px;}
.serbx2 h2{color: #fff;font-size: 16px;}

.serbx3 {background: #961876; text-align: left; float: left; font-size: 16px; font-weight: 600; 
  margin-bottom: 40px;}
.serbx3 h2{color: #fff;font-size: 16px;}

.ser-uiux{background: url(../images/icons/uiux1.png) no-repeat; width: 25px; height: 25px; float: left;}


.homecont{position: relative; width: 100%;}
.homecontbg{background: url(../images/background2.png) no-repeat; width: 100%; height: auto; 
  padding: 150px 0px 120px; background-size: cover;}
.homecontbg h2{font-size: 28px; padding: 30px 0px; color: #c11e78;}
.homecontbg input{background: transparent; margin-bottom: 10px; border: none; border-bottom: 1px #c9c9c9 solid; color: #5b5b5b; line-height: 30px; width: 90%;}
.homecontbg textarea{background: transparent; margin-bottom: 10px; border: none; border-bottom: 1px #c9c9c9 solid; color: #5b5b5b; line-height: 30px; width: 99%;}
.homecontbg .submit{
  background: linear-gradient(to right, #5e1675 0%, #be1977 50%, #cc1c47 100%);
  color: #fff;
  transition: all ease 0.8s;
  padding: 5px 0px;
  margin-top: 20px;
  display: block;
  width: 125px;
  text-align: center;
}
.homecontbg .submit:hover{box-shadow: inset 200px 0 0 0 #c11e78;}
.homecontbg img { width: 100%;}


/*-----------About Page--------------*/

.abt-para{margin-top: 30px; padding: 0px 10px; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 30px;}

.ecom-para{margin-top: 30px; padding: 0px 0px; font-size: 16px !important; font-family: 'Poppins', sans-serif;}

.mission-bg{border-left: 0px #49555d solid; border-bottom: 5px #0071bd solid; padding: 5px; margin-bottom: 30px;} 
.mission-cnt{background: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 24px; text-align: justify; color: #4f4f4f; padding: 10px; min-height: 200px;}
.mission-head{font-size: 20px; color: #0071bd; line-height: 40px; font-weight: 600;font-family: 'Raleway', sans-serif;}

.about-highlight{background: url(../images/about-highbg.jpg) no-repeat center fixed; background-size:cover; padding: 50px 0px; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; color: #fff; text-align: center; margin: 30px 0px 0px;}

.about-hightxt{width: 70%; text-align: center; line-height: 45px; margin: auto; padding: 40px 20px; font-size: 20px;}

.innerhead{color: #525252; line-height: 40px; margin-top: 20px; font-size: 28px; text-align: left;font-family: 'Raleway', sans-serif;
font-weight: 600;}
.innerhead span{color: #0071bd;}

/*-----------Services Page--------------*/

.service-pg{}
.service-pg h1{font-size: 22px; font-family: 'Raleway', sans-serif; font-weight: 600;}
.service-pg h1 span{color: #0071bd;}

.servicecnt-lft{background: #fff; padding: 40px; position: absolute; z-index: 999; margin-left: -20px; margin-top: 30px;
border-top:1px #e7e7e7 solid; border-right:1px #e7e7e7 solid; border-bottom:1px #e7e7e7 solid;}
.servicecnt-rgt{background: #fff; padding: 40px; position: absolute; z-index: 999; margin-right: -20px; margin-top: 30px; border-left: 1px #e7e7e7 solid; border-top:1px #e7e7e7 solid; border-bottom:1px #e7e7e7 solid;}
.servicepg-img{margin-top: 10px; margin-bottom: 30px; width: 100%;}
.servicepg-img img{width: 100%;}

/*------------Contact Page-------------*/

.introtxtcnt{font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 30px; text-align: center; padding: 20px 20px; width: 50%;
  margin: auto; }
.contactsec{}
.contactsec h2{font-size:18px; color: #525252; line-height: 40px; margin-top: 20px;}
.txtbox{border: 1px #eaeaea solid; padding: 5px; height: 38px; width: 90%; margin-bottom: 10px; border-radius: 3px;}
.txtarea{border: 1px #eaeaea solid; padding: 5px; height: 100px; width: 90%; margin-bottom: 10px; border-radius: 3px;}
.contactsec .submit{background:#0071bd; width: 100px; transition: all 0.5s ease; border-radius: 3px; border: 1px #ccc solid; padding: 7px 10px; height: 36px; font-size: 14px; color: #fff; text-align: center; margin-bottom: 12px; text-transform: uppercase;}
.contactsec .submit:hover{background: #333; box-shadow: inset 0 0 0 25px #333;}
.cntdp{display: block;}
.cntdp p{color: #525252;}
.cntdp i{font-size: 18px; padding-right: 10px;}
.cntdp a{color: #525252;}

.red-txt{color:#f00;}
.frm-status{color:#009900;}

.navtogbtn{display: none !important;}

.clipimg{
  width: 40%;
  height: 600px;
  float: left;
  background-image: url(clip-path/cupcakes.jpg);
  background-size: cover;
  background-position: -100px 0;
  background-repeat: no-repeat;
  -webkit-clip-path: ellipse(90% 70% at 0% 50%);
  clip-path: ellipse(90% 70% at 0% 50%);
  -webkit-shape-outside: ellipse(90% 70% at 0% 50%);
  shape-outside: ellipse(90% 70% at 0% 50%);
  -webkit-shape-margin: 2em;
  shape-margin: 2em;
}


.ecomhead1{color: #c11e78 !important;
font-family: 'Montserrat', sans-serif !important;
text-transform: uppercase;
font-size: 21px;
font-weight: 600; text-align: left;
border-left: 5px solid #a51e62;
padding: 15px;}


/*.ecom-ser{background-color: #1f094a; background-image: linear-gradient(to right, #881649, #0071bd); background-size:cover; padding: 100px 0px; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; color: #fff; text-align: center; margin: 30px 0px 0px;}*/
.ecom-ser{background-color: #fff; padding: 100px 0px 50px; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; color: #fff; text-align: center; margin: 40px 0px 0px;}
.ecom-ser h3{padding-bottom: 80px; color: #0071bd; font-weight: 600;}
.ecomimg{margin-top: 50px; margin-bottom: 30px; width: 100% !important;}
.ecomimg img{width: 100%;}
 .ecomserv{padding: 5px 45px 15px !important; text-align: center; 
  border: 0px #ddd solid; border-top:4px solid #971876; 
  box-shadow: 3px 3px 15px 3px #d0d0d0; margin-bottom: 100px; border-radius:5px;
vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; min-height: 360px;
}
 .ecomserv .imgbg{background-color: #971876; margin: 17px auto 0; z-index: 99999; border-radius: 50%; width: 70px; height: 70px; line-height: 66px;}
.ecomserv .imgbg img{width: 40px;}
 .ecomserv h4{font-size: 16px !important; font-weight: 400; color: #c11e78; font-weight:600; padding-top: 10px;} 
 .ecomserv p{padding: 15px 0px 10px; text-align: center;}


 .ecomserv::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background: #ecb35a; */
  background: #971876;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 100% 0%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.ecomserv:hover .imgbg{background: #edcb42;}
.ecomserv:hover h4{color: #fff;}
.ecomserv:hover p{color: #fff;}
.ecomserv:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1); }

  



.ecom-ser2{background-color: #0071bd;background-size:cover; padding: 0px 0px; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; color: #fff; text-align: center; margin: 0px 0px 0px;}
.ecom-ser2 h3 {text-align: left; color: #fff;}
.ecom-ser2 p {text-align: left; color: #fff;}

.ecom-ser3{background-color: #fff;background-size:cover; padding: 80px 0px; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; color: #fff; text-align: center; margin: 0px 0px 0px;}
.ecom-ser3 h3 {text-align: center; color: #333;}
.ecom-ser3 p {text-align: center; color: #fff;}

.ecomservice-sec{background-color: #fcfcfc; /*background-image: linear-gradient(to right, #881649, #7f1776);*/padding: 0px 0px 0px; width: 100%; float: left; margin-bottom: 50px;}
.serviceimg{position: absolute; width: 100%;}
.service-left{position: relative; color: #fff; z-index: 9999; padding: 20px 50px 30px 50px; font-family: 'Poppins', sans-serif;}
.service-left h2{color: #c11e78; font-family: 'Poppins', sans-serif; font-size: 24px; line-height: 34px;}
.service-left p{color: #1c2c3a; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 34px;}

.ecomservice-sec .serbg{background: transparent; border: 0px solid #e2e2e2; padding: 20px 50px; color: #fff; margin-bottom: 10px;}
/*.ecomservice-sec .serbg i{color: #fff; padding-left: 0px;}*/
.ecomservice-sec .serico{}
.ecomservice-sec .serbg img{height: 50px; float: right;}
.ecomservice-sec .serbg h3{color: #821776; font-family: 'Poppins', sans-serif; font-size: 22px;line-height: 13px !important; font-weight: 500;}
.ecomservice-sec .serbg p{font-family: 'Poppins', sans-serif; color: #4f4f4f; font-size: 14px; line-height: 24px; text-align: justify;}
.ecomservice-sec .serimgbg{background: url(../images/serimg.jpg) no-repeat; width:100%; background-size:cover; height: 446px; padding: 30px 45px;}
/*.ecomservice-sec .serbg ul{margin: 0px; padding:0px; list-style: none;}
.ecomservice-sec .serbg li{margin: 0px; padding: 0px; list-style: none; line-height: 35px; font-size:14px; font-weight: 400;}
.ecomservice-sec .serbg li i{padding-right: 15px; font-size: 18px; color: #dcd928;}*/

.ecomlist {
  list-style: none;
  margin: 0;
  padding: 0
}

.ecomlist li {
  position: relative;
  padding: 0 0 0px 40px;
  margin: 0 0 0px 0; line-height: 40px !important;
  font-size: 16px; color: #1c2c3a !important;
}

.ecomlist li span {
  position: absolute;
  top: 3px;
  right: 0
}

.ecomlist li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0
}

.ecomlist li:before {
  content: ""
}

.ecomlist li i {
  color: #0084e9;
  font-size: 12px;
  background: rgba(0,132,233,0.1);
  margin-right: 12px;
  border-radius: 30px;
  padding: 6px;
  position: absolute;
  left: 0;
  top: 10px;
  line-height: 12px;
}