body{
    font-family: 'Montserrat', sans-serif;
    background: #f2f3f6;
}
.navbar-brand img{
    width: 40%;
}

.welcome-sec {
    font-family: 'Montserrat', sans-serif;
    vertical-align: middle;
    margin-top: -140px;
}

.welcome-sec h2{
    text-align: center;
    color: #5C5C5C;
    font-size: 25px;
    margin-bottom: 20px;
}
.welcome-sec h4{
    text-align: center;
    letter-spacing: 3px;
    margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
    color: #5644d7;
}
.imgwellogo{
    width: 16%;
}
.co1 {
    color: #fd339d;
}
.co2{
    color: #b33bb6;
}
.co3{
    color: #8e3fc4;
}
.co4{
    color: #5644d7;
}
.welcomelogbtn{
    border: 0px;
    padding: 10px 30px;
    letter-spacing: 2px;
    border-radius: 100px;
    font-weight: 500;
    color: white;
    background-image: linear-gradient(to right, rgb(250, 52, 158), rgb(82, 68, 216));
    margin-top: 30px;
}








/* loader  */
#loadi{
    color: #5c5c5c;
    font-weight: 400 !important;
}

.loadermar{
    margin-top: 300px;
}
    .bodyloader{
        background: #f2f3f6;
    }
    #container {
        position: relative;
        top: -13px;
        color: #5c5c5c;
    }
    .containers {
        position: absolute;
        /* top: 50%; */
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 5px;
        padding-top: 20px;
        padding-bottom: 0px !important;
        background-color: #e8e8e8;
        border: 0px solid #f00;
        border-radius: 0px;
        color: #00a800;
        font-size: 50px;
        overflow: hidden;
        text-align: center;
        box-sizing: border-box;
        /* transition-delay: 3s; */
        
    }

    #inner-container {
        width: 200px;
        height: 101px;
        margin-top: -117px;
        background-color: rgba(0, 119, 0, 0.5);
        background: linear-gradient(135deg, #FF76AB 0%, #BC8BFF 100%);
        transition: .5s;
    }
    #box{
        margin-left: 10px;
    }
    #containeraa {
        margin-top: 0px;
    }

    #loadiafter{
        color: blueviolet;
        text-align: center;
    }




    #myVideo {
        position: fixed;
        right: 0;
        bottom: 0;
        min-width: 100%; 
        min-height: 100%;
      }
      
      .content {
        position: fixed;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        color: #f1f1f1;
        width: 100%;
        padding: 20px;
      }
      
      #myBtn {
        width: 200px;
        font-size: 18px;
        padding: 10px;
        border: none;
        background: #000;
        color: #fff;
        cursor: pointer;
      }
      
      #myBtn:hover {
        background: #ddd;
        color: black;
      }

      .banner-sec{
          background: url('../images/banner.jpg');
          background-size: 100% auto;
          min-height: 500px;
          /* opacity: .2; */
          background-attachment: fixed;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;

      }
      .bannerin{
        background: rgba(255, 255, 255, 0.644);
        min-height: 600px;
      }

      .bannerin3{
        background: rgba(255, 255, 255, 0.644);
        min-height: 450px;
      }
     
      .bg-light {
        background: #ffffffab !important;
    }
    .navbar-expand-md{
        padding: 15px 0px;
    }

    .bannerin h1 {
        margin-top: 180px;
        background: #b80000;
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 35px;
        font-weight: 400;
        line-height: 50px;
    }
    .bannerin h4{
        font-weight: 300;
    }
    .img-ban{
        width: 75%;
    }
    .btlog{
        background: #b80000;
        color: white;
        padding: 7px 20px;
        border: 0px;
    }

    .featuresco{
        margin-top: 30px;
        padding: 25px;
        /* box-shadow: -10px -8px 9px #FFF, 4px 4px 14px rgba(0, 0, 0, .15);
        background: #F2F3F6 !important; */
    }
    .featuresco h2{
        color: blue;
        font-size: 25px;
        color: #b80000 !important;
    }
    .featuresco p{
        font-size: 14px;
        color: #5c5c5c;
        line-height: 25px;
    }
    .featuresco button{
        background: #b80000;
        color: white;
        padding: 7px 15px;
        border: 0px;
        font-size: 12px;
        text-transform: uppercase;
    }
    .mt-40{
        margin-top: 40px;
    }
    .co1{
        color: #fd349d !important;
    }
    .co2{
        color: #af3bb8 !important;
    }
    .co3{
        color: #8240c8 !important;
    }
    .co4{
        color: #5244d9 !important;
    }
    .pull-right{
        float: right;
    }

    .banner-sec2{
        background: url('../images/ban2.jpg');
        background-size: 100% auto;
        min-height: 450px;
        /* opacity: .2; */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;

    }

    .banner-sec3{
        background: url('../images/banner.jpg');
        background-size: 100% auto;
        min-height: 450px;
        /* opacity: .2; */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .counters{
        text-align: center;
    }
    .counters i{
        font-size: 70px;
        padding-top: 150px;
    }
    .counters h2{
        color: #5c5c5c;
        margin-top: 20px;
        font-weight: 400;
    }
    .counters h5{
        color: #5c5c5c;
        font-size: 14px;
        font-weight: 400;
    }

    a {
        color: #b93ab4;
        text-decoration: none;
        background-color: #0000;
    }
    a:hover{
        text-decoration: none;
    }





    /* bubble  */


    .bubbles {
        display: inline-block;
        font-family: arial;
        position: relative;
        }
        
        .bubbles h1 {
        position: relative;
        }
        
        .individual-bubble {
        position: absolute;
        border-radius: 100%;
        bottom: 20px;
        background-color: rgb(255, 0, 170);
        z-index: 1;
        }
        .individual-bubble2 {
            position: absolute;
            border-radius: 100%;
            bottom: 20px;
            background-color: rgb(4, 0, 255);
            z-index: 1;
        }

        .individual-bubble3 {
            position: absolute;
            border-radius: 100%;
            bottom: 20px;
            background-color: #b93ab4;
            z-index: 1;
        }
        .host {
            background: #610080;
            z-index: 0;
          }

        #the-beauty {
         
            background: linear-gradient(55deg, #024e90, transparent 30%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 40px;
            font-weight: bold;
            font-family: "Montserrat";
            position: relative;
            box-shadow: 0 0 5px -1px #fff;
            user-select: none;
            cursor: pointer;
            letter-spacing: 4px;
          }
          #the-beauty:before {
            background: linear-gradient(55deg, #00ffc4 15%, transparent 75%);
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            opacity: 1;
            z-index: -1;
            background-position: 0px 0;
            background-repeat: no-repeat;
            background-size: 240% 100%;
            background-position-x: 0px;
            animation: bg-wave 2s ease-out infinite;
          }
          #the-beauty:hover:before {
            animation-play-state: paused;
          }
          @keyframes bg-wave {
            0% {
              background-position-x: 80%;
              opacity: 0;
            }
            20% {
              opacity: 1;
            }
            40% {
              opacity: 1;
            }
            100% {
              background-position-x: 0;
              opacity: 0;
            }
          }


        .banrandom {
            background-color: #5244d9;
            -webkit-animation: random 5000s infinite;
            animation: random 20s infinite;
            min-height: 200px;
        }
       @keyframes  random {
           15% { background-color: #fd349d; } 
           30% { background-color: #af3bb8; } 
           45% { background-color: #8240c8; } 
           60% { background-color: #5244d9; }
           75% { background-color: #fd349d; }  
       }


       
    
       
    /* rotator  */



    .animsec2{
        margin:0;
        padding:0;
        font-family:"arial",heletica,sans-serif;
        font-size:12px;
        background: #2980b9 url('../images/tumblr_static_bg3.png') repeat 0 0;
        -webkit-animation: 10s linear 0s normal none infinite animate;
        -moz-animation: 10s linear 0s normal none infinite animate;
        -ms-animation: 10s linear 0s normal none infinite animate;
        -o-animation: 10s linear 0s normal none infinite animate;
        animation: 10s linear 0s normal none infinite animate;
        min-height: 300px;
     
    }
     
    @-webkit-keyframes animate {
        from {background-position:0 0;}
        to {background-position: 500px 0;}
    }
     
    @-moz-keyframes animate {
        from {background-position:0 0;}
        to {background-position: 500px 0;}
    }
     
    @-ms-keyframes animate {
        from {background-position:0 0;}
        to {background-position: 500px 0;}
    }
     
    @-o-keyframes animate {
        from {background-position:0 0;}
        to {background-position: 500px 0;}
    }
     
    @keyframes animate {
        from {background-position:0 0;}
        to {background-position: 500px 0;}
    }


/* footer css starts here  */



.footer-top {
    background-color: rgb(215, 215, 215);
    padding: 60px 0px !important;
    padding-bottom: 60px;
    padding-bottom: 25px !important;
    background-image: linear-gradient(to BOTTOM right, #460a2a, #0e0646);
    box-shadow: 0px -6px 8px rgb(208, 208, 208);
}

.footlist{

}
.footlist h5 {
    font-weight: 600;
    text-transform: uppercase;
    color: rgb(255, 0, 119);
    font-size: 13px;
    letter-spacing: 1px;
    /*! text-shadow: 1px 1px black; */
    margin-bottom: 15px;
}
.footlist ul{
    margin-left: -60px;
    list-style: none;
   
}
.footlist ul li{
    font-size: 13px;
    margin-left: -55px;
    color: rgb(0, 182, 189);
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 10px;
}

.footlist ul li a{
    color: #5c5c5c;
    letter-spacing: 1px;
    text-transform: capitalize;
    /*! text-shadow: 1px 1px black; */
}

.footlist h4{
    color: #5c5c5c;
    /*! text-shadow: 1px 1px black; */
    margin-top: 40px;
    font-size: 20px;
    margin-bottom: 0px;
}
.footlist h6{
    color: #5c5c5c;
    font-size: 13px;
    /*! text-shadow: 1px 1px black; */
}
.social-ic span{
    padding-right: 10px;
}
.social-ic a{
    color: #5c5c5c;
    font-size: 25px;
}
.mtsoc{
    margin-top: 40px;
}

.img-app{
    width: 60%;
    margin-left: -10px;
}

.footer-bot{
    /*! background-image: linear-gradient(to bottom right, #460a2a, #0e0646); */
    color: #5c5c5c;
    padding: 10px 0px;
    text-align: center;
    font-size: 13px;
}


/* .footer-top {
    background-color: rgb(215, 215, 215);
    padding: 60px 0px !important;
    padding-bottom: 60px;
    padding-bottom: 60px;
    padding-bottom: 25px !important;
    background-image: linear-gradient(to BOTTOM right, #bf146f, #2a16b3);
    box-shadow: 0px -6px 8px rgb(208, 208, 208);
}

.footer-bot {
    background-image: linear-gradient(to right, #b81472, #2c16b2);
    color: rgb(219, 219, 219);
    padding: 10px 0px;
    text-align: center;
    font-size: 13px;
} */


.footer-top {
    background-color: #F2F3F8;
    padding: 0px 0px !important;
    padding-bottom: 0px;
    background-image: linear-gradient(to BOTTOM right, #460a2a, #0e0646);
    box-shadow: 0px -6px 8px rgba(208, 208, 208, 0.31);
    background: url('../images/banner.jpg');
    background-size: auto;
    background-size: 100% auto;
    /* min-height: 450px; */
    /* opacity: .2; */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footerin {
    background: rgba(255, 255, 255, 0.637);
    padding: 10px 0px;
    padding-bottom: 0px;
}

.bannerin2 {
    background: rgba(255, 255, 255, 0.637);
    min-height: 450px;
    background: #b80000;
}
.bannerin2  h2{
    padding-top: 80px;
    color: whitesmoke;
    /* text-shadow: 1px 1px black; */
    font-weight: 300;
}
.bannerin2  p{
    color: whitesmoke;
    /* text-shadow: 1px 1px black; */

    font-size: 14px;
    line-height: 25px;
}
.bannerin2 button{
    border: 0PX;
    padding: 10px 25px;
    color: black;
    background-color: #f2f3f8;
    color: #7133f8;
}


/* footer css ends here  */






/* app sec starts here  */


.downloadapp{
    padding: 80px 0px;
    /* box-shadow: -10px -8px 9px #FFF, 4px 4px 14px rgba(0, 0, 0, .15);
    background: #F2F3F6 ; */
    padding: 40px;
    margin-top: 80px;
    margin-bottom: 80px;
}
.downloadapp h2{
    color: #535353;
    padding-top: 90px;
}
.applogo{
    margin-top: 50px;
    width: 40%;
}
.downloadapp p{
    color: #5c5c5c;
}
    
.plstre{
    width: 35%;
}

.unline1{
    border-top: solid 4px #b80000;
    width: 80px;
}
.unline2{
    border-top: solid 4px rgb(119, 0, 255);
    width: 40px;
    margin-top: 5px;
    margin-bottom: 30px;
}



.custom-btn {
  
    color: #fff;
    border-radius: 0px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
     box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
     7px 7px 20px 0px rgba(0,0,0,.1),
     4px 4px 5px 0px rgba(0,0,0,.1);
    outline: none;
  }


  /* 9 */
.btn-9 {
    border: none;
    transition: all 0.3s ease;
    overflow: hidden;
  }
  .btn-9:after {
    position: absolute;
    content: " ";
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1fd1f9;
    background-image: linear-gradient(360deg, #FB339D 0%, #4036c8 100%);
    transition: all 0.3s ease;
  }
  .btn-9:hover {
    background: transparent;
    box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
                -4px -4px 6px 0 rgba(116, 125, 136, .2), 
      inset -4px -4px 6px 0 rgba(255,255,255,.5),
      inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
    color: #fff;
  }
  .btn-9:hover:after {
    -webkit-transform: scale(2) rotate(180deg);
    transform: scale(2) rotate(180deg);
    box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
                -4px -4px 6px 0 rgba(116, 125, 136, .2), 
      inset -4px -4px 6px 0 rgba(255,255,255,.5),
      inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
  }
  
  .shk{
      font-size: 20px !important;
  }

  .cssanimation {
    animation-duration: 3s;
    animation-fill-mode: both;
    display: inline-block;
  }
  
  /* coolVerticalShake animation declaration & iteration counting */
  .coolVerticalShake { animation-name: coolVerticalShake; animation-iteration-count: infinite }
  
  /* coolVerticalShake animation keyframes */
  @keyframes coolVerticalShake {
      3%, 21%, 39%, 57%, 74%, 92% { transform: translateY(5px) }
      6%, 24%, 42%, 60%, 77%, 95% { transform: translateY(0px) }
      9%, 27%, 45%, 63%, 80%, 98% { transform: translateY(-5px) }
  }




  /* customer support css starts here  */

  *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.video__icon {
  cursor: pointer;
  position: fixed;
  width: 80px;
  right: 20px;
  bottom: 20px; }
  .video__icon .circle--outer {
    border: 1px solid #fa0068;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 auto 5px;
    position: relative;
    opacity: .8;
    -webkit-animation: circle 2s ease-in-out infinite;
            animation: circle 2s ease-in-out infinite; }
  .video__icon .circle--inner {
    background: #e50040;
    left: 30px;
    top: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    opacity: .8; }
    .video__icon .circle--inner:after {
      content: '';
      display: block;
      border: 2px solid #e50040;
      border-radius: 50%;
      width: 28px;
      height: 28px;
      top: -4px;
      left: -4px;
      position: absolute;
      opacity: .8;
      -webkit-animation: circle 2s ease-in-out .2s infinite;
              animation: circle 2s ease-in-out .2s infinite; }
  .video__icon p {
    color: #000;
    text-align: center; }

@-webkit-keyframes circle {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  
  to {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0; } }

@keyframes circle {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    }
  
  to {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    } }


    .custom-suppot-bot p{
       font-size: 10px;
       margin-top: 10px;
    }

    .contactbox {
        position: fixed;
        bottom: 83px;
        right: 73px;
        padding: 20px;
        box-shadow: 2px 2px 4px #00000054;
        background-color: #f2f3f8;
        border-radius: 4px;
    }
    .contactbox h4{
        color: #6d19d2;
        font-size: 15px;
        margin-bottom: 20px;
    }
    .contactbox h4 span{
        font-size: 13px;
    }
    .contactbox h5{
        font-size: 13px;
        color: #5c5c5c;
        margin-top: 15px;
    }
    .contactbox h5 i{
        color: #fcd4df;
    }
    .contactbox h5 span{
        background-color: #e50040;
        padding: 2px 5px;
        color: white;
        margin-left: 10px;
    }


      /* customer support css ends here  */







      /* enquiry  */


      .material-icons {
        font-size: 18px;
        margin-left: 4px;
   }
 



   /* FORM */
    .form {
        grid-column: 0.5;
        display: flex;
        flex-direction: column;
        margin: 0rem 0 0rem 0rem;
        position: relative;
   }
    @media only screen and (max-width: 790px) {
        .form {
            margin: 2rem 4rem 0.8rem 4rem;
       }
   }
    .form__1 {
        grid-row: 0.6666666667;
   }
    .form__2 {
        grid-row: 0.75;
   }
    .form__3 {
        grid-row: 0.8;
   }
    .form.active label {
        transform: translateY(-2.2rem);
        visibility: visible;
        font-size: 14px;
        color: #7581ff;
   }
    .form__input {
        font-size: 14px;
        padding: 1rem 0;
        border: none;
        background: transparent;
        border-bottom: 1px solid #c1c1c1;
   }
    .form__input:focus {
        outline: none;
        border-bottom: 1px solid #c1c1c1;
   }
    .form__input:focus:invalid {
        border-bottom: 1px solid #7581ff;
   }
    .form__label {
        font-size: 14px;
        color: #c1c1c1;
        position: absolute;
        top: 1rem;
        pointer-events: none;
        transition: all 0.3s;
   }
    .form__btn {
        grid-column: 0.5;
        grid-row: 0.8333333333;
        background: #7581ff;
        color: #fff;
        border: none;
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 1px;
        padding: 1.1rem 0;
        margin: 2.8rem 0 4rem 4rem;
        cursor: pointer;
        border-radius: 0.4rem;
        box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, .15);
        overflow: hidden;
        position: relative;
        transition: all 0.2s;
   }
    @media only screen and (max-width: 790px) {
        .form__btn {
            margin: 2.8rem 4rem 4rem 4rem;
       }
   }
    .form__btn:focus {
        outline: 0;
   }
    .form__btn:hover {
        background-color: #5162fe;
   }
    .form__btn > * {
        transition: all 0.4s;
        transition-delay: 1s;
        display: inline-block;
   }
    .form__btn--invisible {
        position: absolute;
        width: 100%;
        left: 0;
        top: -100%;
   }
    .form__btn--invisible.visible {
        top: 11px;
   }
    .form__btn--visible {
        display: flex;
        justify-content: center;
        align-items: center;
   }
    .form__btn--visible.invisible {
        transform: translateY(200%);
   }
   /* MAIL ICON */
    .container-mail {
        grid-column: 0.6666666667;
        grid-row: 0.3333333333;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 31rem;
        height: 28rem;
        margin-bottom: 4rem;
   }
    @media only screen and (max-width: 790px) {
        .container-mail {
            grid-column: 0.5;
            grid-row: 0.8571428571;
            height: 12rem;
            margin-top: 4rem;
            justify-self: center;
       }
   }
    .mail {
        position: relative;
        top: -4rem;
        left: -6rem;
   }
    @media only screen and (max-width: 790px) {
        .mail {
            left: -27%;
            top: -5rem;
       }
   }
    .mail__top {
        position: absolute;
        top: -5.7rem;
        width: 0;
        height: 0;
        border-right: 8rem solid transparent;
        border-left: 8rem solid transparent;
        border-bottom: 5.8rem solid #ffab17;
        z-index: 0;
   }
    .mail__top.closed {
        transition: transform 0.6s 0.8s, z-index 0.2s 0.4s;
        z-index: 2;
        transition-delay: 0.5s;
        transform-origin: bottom left;
        transform: rotate3d(1, 0, 0, 180deg);
   }
    .mail__back {
        position: absolute;
        background: #ffab17;
        width: 16rem;
        height: 10rem;
        box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, .3);
   }
    .mail__left {
        position: absolute;
        width: 0;
        height: 0;
        border-left: 8rem solid #ffc867;
        border-top: 5rem solid transparent;
        border-bottom: 5rem solid transparent;
   }
    .mail__right {
        position: absolute;
        left: 8rem;
        width: 0;
        height: 0;
        border-right: 8rem solid #ffc867;
        border-top: 5rem solid transparent;
        border-bottom: 5rem solid transparent;
   }
    .mail__bottom {
        position: absolute;
        top: 4.92rem;
        width: 0;
        height: 0;
        border-right: 8rem solid transparent;
        border-left: 8rem solid transparent;
        border-bottom: 5.08rem solid #ffbb43;
   }
    .mail__letter {
        position: absolute;
        top: -4rem;
        left: 2rem;
        width: 12rem;
        height: 9rem;
        background: #fff;
        box-shadow: 0 0 0.8rem rgba(0, 0, 0, .15);
        overflow: hidden;
        transition: all 0.8s ease;
   }
    .mail__letter.move {
        transform: translateY(45px);
   }
    .mail__letter * {
        background: #e0e0e0;
   }
    .mail__letter-square {
        position: absolute;
        top: 3rem;
        left: 1rem;
        width: 3.8rem;
        height: 4rem;
   }
    .mail__letter-square::before {
        content: "";
        position: absolute;
        top: -2rem;
        width: 10rem;
        height: 1.5rem;
        background: inherit;
   }
    .mail__letter-lines {
        top: 4.9rem;
        left: 5.8rem;
   }
    .mail__letter-lines, .mail__letter-lines::before, .mail__letter-lines::after {
        content: "";
        position: absolute;
        width: 5rem;
        height: 0.3rem;
        background: #e0e0e0;
   }
    .mail__letter-lines::before {
        top: -1rem;
   }
    .mail__letter-lines::after {
        top: 1rem;
   }
    

   .mainsec{
       padding-top: 70px;
       padding-bottom: 70px;
       background-color: #eee;
   }
   .mainsec h2 {
        color: #5c5c5c;
        font-weight: 400;
    }
    .mainsec h2 b{
        font-weight: 600;
    }
   .mainsec p{
       color: #5c5c5c;
       line-height: 25px;
   }
   .about-con-sec p{
       font-size: 14px;
   }



   /* scroll down  */


   .box{
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.box span{
	display: block;
	width: 20px;
	height: 20px;
	border-bottom: 2px solid #FB339D;
	border-right: 2px solid #FB339D;
	transform: rotate(45deg);
	margin: -10px;
	animation: animate 2s infinite;
}

.box span:nth-child(2)
{
	animation-delay: -0.2s;
}

.box span:nth-child(3)
{
	animation-delay: -0.4s;
}

@keyframes animate{
	
	0%{
		opacity: 0;
		transform: rotate(45deg) translate(-20px, -20px);
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		transform: rotate(45deg) translate(20px, 20px);
	}
}
.mt-20{
    margin-top: 20px;
}

.upscroll {
    position: fixed;
    right: 40px;
    bottom: 90px;
    font-size: 30px;
    background-color: blueviolet;
    color: white;
    padding: 0px 13px;
    border-radius: 100px;
}

.hides {
    opacity:0;

   
}
.show {
    opacity:1;
  
}



/* multi carousel starts here  */
.carousel-control-next-ic {
    color: black;
    font-size: 50px;
    right: -90px;
    position: relative;
}
.carousel-control-prev-ic {
    color: black;
    font-size: 50px;
    left: -90px;
    position: relative;
}

.featuresco h6{
    margin-bottom: 20px;
}


/* image zoom starts here  */




.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #f2f3f8;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
}

.carousel-control-next, .carousel-control-prev {
    color: #000;
    text-align: center;
    font-size: 50px;
}
.carousel-control-next{
    color: black;
    margin-top: 20px;
}
.carousel-control-next:hover{
    color: black;
}
.carousel-control-prev:hover{
    color: black;
}
.carousel-control-next:focus{
    color: black;
}
.carousel-control-prev:focus{
    color: black;
}


.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 15px;
}

.downloadapp h5 {
    color: blueviolet;
    font-size: 16px;
}
.downloadapp h6 {
    color: #b80000;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
}
.downloadapp h2 {
    color: #535353;
    padding-top: 50px;
}

.bodycus{
    background: url('../images/newsletter.jpg');
    background-size: 100% auto;
    min-height: 300px;
    padding:0;
}

.budycusin{
    background: linear-gradient(360deg, #fb339e21 30%, #4036c821 100%);
    min-height: 300px;
    padding: 20px;
}
.budycusin .close{
    color: #252525;
}


.subsin{
    padding-top: 10px;
}
.subsin h3{
    text-align: center;
    font-weight: 600;
    color: #FB339D;
    text-shadow: 1px 1px black;
    opacity: 1;
}
.subsin h4{
    text-align: center;
    font-weight: 500;
    color: #464646;
    font-size: 20px;
}
.subsin input{
    background-color: transparent;
    border-radius: 0px;
    border: solid 1px #FB339D;
}
.subsin input:focus {
    color: #495057;
    background-color: transparent;
    border: solid 1px #FB339D;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, 0);
}
.subsin button{
    border: solid 1px #FB339D;
    background-color: #FB339D;
    color: white;
    padding: 5px 30px;
    padding-top: 8px;
    margin-top: 10px;
}
.subsin h6{
    font-size: 13px;
    text-align: center;
    font-weight: 200;
}


.bodycus1 {
    min-height: 692px;
}