body{background-color: rgba(245, 245, 220, 0.048); padding: 0; margin: 0; overflow-x: hidden; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}



.lds-hourglass {
  display: inline-block;
  position: fixed;
  width: 80px;
  height: 80px;
  top:48%;
  left:50%
}
.lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}


 
.memuBut{
  position: fixed;
  top: 6%;
  right: 1%;
  background-color: rgba(255,255,255,0.5);
  border: #78338d 1px dashed;
  transition: all 0.3s ease;
  z-index: 5;
  border-radius: 50%;
  display: none; 
  zoom: 1;

}
.memuBut:hover{ 
  background-color: rgba(255,255,255,1);

}
.menuIcon {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}

.linex {
  fill: none;
  stroke: #78338d;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.linex1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.linex2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.linex3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.opened .linex1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.opened .linex2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.opened .linex3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}



.cursor-dot,
.cursor-dot-outline {
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
opacity: 0;
transform: translate(-50%, -50%);
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out , background-color 0.3s ease-in-out;z-index: 1;
}

.cursor-dot {
width: 8px;
height: 8px;
background-color: #5123615d;
}

.cursor-dot-outline {
width: 40px;
height: 40px;
background-color: #51236117;
}
#rotate2{
  overflow: hidden;height: 900px;position: relative;
  
  }
  
  


  .photosec{
    position: absolute;
left: 5%;
top: 20%;
max-width: 1000px;
text-align: justify;
color: #555555;
transition: all 1s ease;


} 
.fifthSection:hover .photosec{
  
top: 38%;
}

  .creative{  background-image: url('../../assets/images/photofullgirl12.png') ;background-position: left top;
    background-size: cover; background-attachment: fixed;
    overflow: hidden;height: 900px;
    }
    .life{  background-image: url('../../assets/images/lifestyle3.png') ;background-position: left top;
    background-size: cover; background-attachment: fixed;
    overflow: hidden;height: 900px;
    }
    
    .portarait{  background-image: url('../../assets/images/port3.png') ;background-position: left top;
    background-size: cover; background-attachment: fixed;
    overflow: hidden;height: 900px;
    }
    
    .arctic{  background-image: url('../../assets/images/real3.png') ;background-position: left top;
    background-size: cover; background-attachment: fixed;
    overflow: hidden;height: 900px;
    }
    
    .real{  background-image: url('../../assets/images/real23.png') ;background-position: left top;
    background-size: cover; background-attachment: fixed;
    overflow: hidden;height: 900px;
    }
    
    .drone{  background-image: url('../../assets/images/drone3.png') ;background-position: left top;
    background-size: cover; background-attachment: fixed;
    overflow: hidden;height: 900px;
    }
    
    .indus{  background-image: url('../../assets/images/ind3.png') ;background-position: left top;
    background-size: cover; background-attachment: fixed;
    overflow: hidden;height: 900px;
    }
    
    .products{  background-image: url('../../assets/images/product3.png') ;background-position: left top;
    background-size: cover; background-attachment: fixed;
    overflow: hidden;height: 900px;
    }
    
    .food{  background-image: url('../../assets/images/food3.png') ;background-position: left top;
    background-size: cover; background-attachment: fixed;
    overflow: hidden;height: 900px;
    }
      

.mainSection{ position: fixed;  top: 3%;z-index: 1;    width: 100%; text-align: center;     padding: 12px 0px;background-color: rgba(255,255,255,0.95);z-index: 4;} 

.secondSection{background-color: #fff;overflow: hidden;height: 700px;width: 100%;text-align: center; position: relative;}
.thirdSection{background-color: #532361;overflow: hidden;min-height: 600px;width: 100%;text-align:left;  position: relative; color: rgba(255, 255, 255, 0.8); font-weight: 350; }
.fourthSection{  background-color: #fff; width: 100%;text-align:center;  position: relative;   font-weight: 350; overflow: hidden; height: 370px; margin: 0 auto;}

.fifthSection{ position: relative;
  overflow: hidden;height: 900px;
  }
.sixthSection{background-color: #532361;
  overflow: hidden;
  min-height: 600px;
  padding:50px 0px 65px 0px ;
  width: 100%;
  position: relative;
  font-weight: 350;
  }
.mainImage{     
  width: 13%;}
 .mainhomeImage{     position: absolute; top: 6.5%;
  left: 1%;
      width: 280px;z-index: 1;}

.svgblocks{display: inline-block;width: 170px;height: 170px;border: 1px solid #51236128; margin: 0; padding: 0;position: relative;transform: rotate(45deg);border-radius: 50px;}

.allGroups{opacity: 0.1;
   transform: scale(1);
   transition: all 0.3s ease;
}

.point{position: absolute;
  top: 85px;
  left: 85px; 
  background: #51236117;
  height: 18px;
  width: 18px;
  border-radius: 50%;}

  .wordsAnimation{position: absolute; width: 100%;}
.word1{position: absolute;font-size: 10em;color:#5123615d ;white-space: nowrap;right: -20%;opacity: 0;top: -90px;}
.word2{position: absolute;font-size: 10em;color:#5123615d ;white-space: nowrap;left: 20%;opacity: 0;top: 140px;}
.word3{position: absolute;font-size: 10em;color:#5123615d ;white-space: nowrap;right: 10%;opacity:0;top: 290px;}

.word4{position: absolute;font-size: 10em;color:#5123615d ;white-space: nowrap;right: -20%;opacity: 0;top: -90px;}
.word5{position: absolute;font-size: 10em;color:#5123615d ;white-space: nowrap;left: 20%;opacity: 0;top: 140px;}
.word6{position: absolute;font-size: 10em;color:#5123615d ;white-space: nowrap;right: 10%;opacity:0;top: 290px;}

iframe{border: 0;}

.svglogo{ 
  width: 550px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  max-height: 100%;
  z-index: 3;}

  .svglogo2{ 
    width: 100%;
    z-index: 3; 
    margin: 0 auto;}


.svglogo34{min-width: 100%;}
  

.a1 { 
  font-size: 20px;
  color: #532361;
  text-decoration: none;
  position: relative; 
  margin-left: 20px;transition: all ease 0.3s;

}



/* linktwo */
.a1:hover {
  color: #78338d;
}

.a1:before {
  content: '';
  border-bottom: solid 1px #78338d;
  position: absolute;
  bottom: 0; left: 0;
  width: 100%;
  
  opacity: 0;transition: all ease 0.3s;
}
.a1:hover:before {
  opacity: 1.0;
}

.a1,   .a1:before {
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}


.a2 { 
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
  position: relative; 
  margin-left: 20px;transition: all ease 0.3s;
}



/* linktwo */
.a2:hover {
  color: #c4c4c4;
}




.secsec{position: relative;}



.box { 
  width: 100%; 
  height: 100px;  
  border: solid 3px #fff;
  border-color: #fff transparent transparent transparent;
  border-radius: 50%/100px 100px 0 0;
}
.asdaw{ text-align: center;}
.asdaw div{display: inline-block;  }
.aasawd2{
   padding: 18px;vertical-align: middle;}

.aasawd{max-width: 1000px; vertical-align: middle;
  text-align: justify !important;
  padding: 18px;
  border-right: 2px solid #fff;}

  .log {    position: absolute;
    top: 5px;
    left: -2px;
    padding: 5px; 
    height:1330px;
    text-align: left;
    overflow: hidden;
    color: rgb(252 252 252 / 40%); padding-left: 12px;
    font-size: 11px;
    box-shadow: 0px 3px 0px 0px rgb(252 252 252 / 62%);
    opacity: 0.8;
    z-index: 3;
  }

  .darkcolor{color: #532361; font-weight: 350; font-size:  10px; transition: all 0.3s ease;}
.log2 {
  position: absolute;
  border: 1px solid rgba(252, 252, 252, 0.616);
  top: 223px;
  right: 50px;padding: 10px;
  padding: 5px;
  width: 120px;
  height: 200px;
  text-align: justify;
  overflow: hidden;
  font-size: 11px;
  background: rgba(252, 252, 252, 1);
  box-shadow: 0 0 20px rgba(252, 252, 252, 0.616);
  opacity: 0.95;z-index: 1;
  transition: all 0.3s ease; 
  cursor: pointer;
  }
  .log2 div{color: #333333c4;}

  h
  .tabHe {  font-size: 32px;
    color: rgba(255, 255, 255, 0.9); font-weight: 400;}   
.tabco{  font-size: 20px;
    color: rgba(255, 255, 255, 1);font-weight: 350;}


    .servHe{
      font-size: 40px;
      color: rgba(255, 255, 255, 0.9);
  }


  .coding{
    font-family: monospace;
    color: #fff;
    font-weight: 400;
    font-size: 35px;
    }

    .brandHe1{
      font-size: 50px;  font-weight: 500;
      }
      .brandCon3{

        font-size: 20px; font-weight: 400;text-align: justify;padding: 25px;line-height: 30px;
        }

        .brandHeleft{

          border-right: 1.5px solid #555555; display: inline-block; width: 500px;padding: 30px; 
          }
          
        .wwaa{position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;  transition: all 2s ease;}

          .header {
            position:relative;
            text-align:center;
          
            color:white;
          }

         
.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-9px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}



.thegl{position: absolute; top: 0;left: 0;opacity: 1;}
.line{width: 100%;height: 1px;background-color: rgba(255, 255, 255, 0.2); }
.pos1,.pos2,.pos3,.pos4,.pos5,.pos6,.pos7,.pos8,.pos9,.pos10   {position: absolute;top: 0%; left: 0;  }

.pos11,.pos12,.pos13,.pos14,.pos15,.pos16,.pos17,.pos18,.pos19,.pos20 {position: absolute;bottom: 0%; left: 0;  }
.pos1rot,.pos2rot{transition: all 1s ease;}


.posrel{position: relative; min-height: 500px; overflow: hidden;}
.posrel1{position: relative;}
.zin1{
  z-index: 3;
}

.birzoom5 img{width: 40%; }
.birzoom4 img{width: 30%; }
.birzoom3 img{width: 20%; }
.birzoom2 img{width: 10%; }
.birzoom1 img{width: 5%; }

 
.birzoom3x{zoom: 0.3;}
.birzoom2x{zoom: 0.2;}
.birzoom1x{zoom: 0.1;}
.bir1{position: absolute; top: -20%; right: -20%; transform: rotate(-30deg);}
  .bir2{position: absolute; top: -20%; left: -20%; transform: rotate(180deg);}
  .bir3{position: absolute; top:  120%; right: -20%; transform: rotate(-30deg);}
  .bir4{position: absolute; top:  120%; left: -20%; transform: rotate(180deg);}
  .bir5{position: absolute; top:  20%; right: -20%; transform: rotate(-30deg);}
  .bir6{position: absolute; top:  80%; left: -20%; transform: rotate(180deg);}



  
  .bir7{position: absolute; top: -40%; right: -20%; transform: rotate(-30deg);}
  .bir8{position: absolute; top: -40%; left: -20%; transform: rotate(180deg);}
  .bir9{position: absolute; top:  80%; right: -20%; transform: rotate(-30deg);}
  .bir10{position: absolute; top:  80%; left: -20%; transform: rotate(180deg);}
  .bir11{position: absolute; top:  120%; right: -20%; transform: rotate(-30deg);}
  .bir12{position: absolute; top: 120%; left: -20%; transform: rotate(180deg);}

  .serbdiv0{    position: absolute;    left: 100%;    top: 55%;    opacity: 0.9;z-index: 2;}
      

.serbdiv{       position: absolute;    left: -18%;    top: 15%;    opacity: 0.8;    z-index: 2; }



.serbdiv1{     position: absolute;    left: 100%;    top: 35%;    opacity: 0.5;z-index: 1;}

  
.bir13{position: absolute;top :75px;left: 925px; }
.bir14{ position: absolute;top :75px;left: 25px; } 
.bir15{position: absolute;top :75px;left: 125px; }
.bir16{ position: absolute;top :75px;left: 225px; } 
.bir17{position: absolute;top :75px;left: 325px; }
.bir18{ position: absolute;top :75px;left: 425px; } 
.bir19{position: absolute;top :75px;left: 525px; }
.bir20{ position: absolute;top :75px;left: 625px; } 
.bir21{position: absolute;top :75px;left: 725px; }
.bir22{ position: absolute;top :75px;left: 825px; }  
          

.flipbir{-webkit-transform: scaleX(-1);
  transform: scaleX(-1);}


  
.vertflip{-webkit-transform: scaleY(-1);
transform: scaleY(-1);

z-index: 3;
/* background: red; */
position: absolute;
width: 100%;
}

.imasim{width:1200px; text-align: center; position: absolute;
  left: 15%;top: -10%;

}

.imasim2{width:1200px; text-align: center;    position: absolute;
  left: 15%;top: -10%;  z-index: 2;  
}

.brand{ text-align: center; }
.sdwsawe{
  background-image: url('../../assets/images/brand1r.png') ;background-position: top center;
  background-size: cover; background-attachment: fixed;
  overflow: hidden;    padding: 150px 0;   
 
}

  .brandHe{
    font-size: 30px;display: block; font-weight: 500;color: #532361;animation: colors 30s ease infinite;
  }
  @keyframes colors {
  0%{color:#532361}
  30%{color: red} 
  70%{color: rgb(109, 71, 2)} 
  
  100%{color:#532361}
  }

  .brandCon{
 
    font-size: 25px;display: block;font-weight: 350;
   }
   
   .brandCon2{    font-size: 50px;display: inline-block;vertical-align: top;
    padding-top: 80px;
    padding-left: 20px;
    font-weight: 350;}
   .marcen{text-align: center; margin: 0 auto; position: relative;}
     
/*.btrs1,.btrs2,.btrs3{position: absolute;left: 0;bottom: 0;}*/



.utall{
  padding: 30px 0; transition: all 1s ease;
}
.utall:hover{
  padding: 250px 0;  
}




.ut1{  background-image: url('../../assets/images/ut1.jpg') ;background-position: top left;
  background-size: cover; background-attachment: fixed;
  overflow: hidden;  
  }
  .ut2{  background-image: url('../../assets/images/ut2.jpg') ;background-position: top left;
    background-size: cover; background-attachment: fixed;
    overflow: hidden; 
    }
    .ut3{  background-image: url('../../assets/images/ut3.jpg') ;background-position: top left;
      background-size: cover; background-attachment: fixed;
      overflow: hidden;  
      }
      .ut4{  background-image: url('../../assets/images/ut4.jpg') ;background-position: top left;
        background-size: cover; background-attachment: fixed;
        overflow: hidden; 
        }
            

.btrs1{  background-image: url('../../assets/images/btrr1.png') ;background-position: top left;
  background-size: cover; background-attachment: fixed;
  overflow: hidden; padding: 100px 0;
  }

.btrs2{  background-image: url('../../assets/images/btrr2.png') ;background-position: top left;
  background-size: cover; background-attachment: fixed;
  overflow: hidden;   padding: 100px 0;
  }
  
.btrs3{  background-image: url('../../assets/images/btrr3.png') ;background-position: top left;
  background-size: cover; background-attachment: fixed;
  overflow: hidden;  padding: 100px 0;
  }
  .btrs4{  background-image: url('../../assets/images/btrr4.png') ;background-position: top left;
    background-size: cover; background-attachment: fixed;
    overflow: hidden; padding: 100px 0;
    }
  
  .btrs5{  background-image: url('../../assets/images/btr5.png') ;background-position: center center;
    background-size: cover; background-attachment: fixed;
    overflow: hidden;   padding: 100px 0;
    }
    
  .btrs6{  background-image: url('../../assets/images/btr6.png') ;background-position: center center;
    background-size: cover; background-attachment: fixed;
    overflow: hidden;  padding: 100px 0;
    }


.brandCon1{

  font-size: 25px; font-weight: 350;text-align: justify;
  }



.center{text-align: center !important; }          
.left{text-align: left !important; }
.pad50{ padding: 50px 0px;}
.w-100{width:100%!important}.w-96{width:96%!important}.w-90{width:90%!important}.w-80{width:80%!important}.w-75{width:75%!important}.w-70{width:70%!important}.w-65{width:65%!important}.w-60{width:60%!important}.w-54{width:54%!important}.w-50{width:50%!important}.w-49{width:49%!important}.w-48{width:48%!important}.w-44{width:44%!important}.w-40{width:40%!important}.w-32{width:32%!important}.w-35{width:35%!important}.w-30{width:30%!important}.w-25{width:25%!important}.w-24{width:24%!important}.w-22{width:22%!important}.w-20{width:20%!important}.w-18{width:18%!important}.w-16{width:16%!important}.w-15{width:15%!important}.w-14{width:14%!important}.w-12{width:12%!important}.w-10{width:10%!important}.w-9{width:9%!important}.w-8{width:8%!important}.w-7{width:7%!important}.w-6{width:6%!important}.w-5{width:5%!important}.w-4{width:4%!important}.w-3{width:3%!important}.w-2{width:2%!important}.w-1{width:1%!important}


.ssSa {
  background: linear-gradient(-45deg, #333333,#532361,  #333333, #532361 ,#333333);
  background-size: 400% 400%;
  animation: gradient 5s ease infinite;
}


@keyframes gradient {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}





.tables{
  width: 80%; 
  margin: 0 auto;  
}

.tablesmars{ 
  margin-top: 120px  ; 
}

.tables td{vertical-align: middle;text-align: justify; padding: 15px;}

.servicesSec{padding : 20px;    }

.servBo{
  padding-left: 10px;
}

.servBo div{line-height: 45px;
  font-size: 32px;
  
}
.tabHe {  font-size: 32px;
  color: rgba(255, 255, 255, 0.9); font-weight: 400;}   
.tabco{  font-size: 20px;
  color: rgba(255, 255, 255, 1);font-weight: 350;}

/*form*/
.login-box .user-box,.login-box form a{position:relative}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{border:1px solid #532361;-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #532361 inset!important;transition:.3s ease-in-out}.login-box{padding:40px;background:rgba(0,0,0,.5);box-sizing:border-box;box-shadow:0 15px 25px rgba(0,0,0,.6);border-radius:10px}.login-box .user-box input,.login-box .user-box textarea{width:100%;padding:10px 0;font-size:16px;color:#fff;margin-bottom:30px;border:none;border-bottom:1px solid #fff;outline:0;background:0 0}.login-box .user-box label{position:absolute;top:0;left:0;padding:1px 0;font-size:16px;color:#fff;pointer-events:none;transition:.5s}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label,.login-box .user-box textarea:focus~label,.login-box .user-box textarea:valid~label{top:-20px;left:0;color:#532361;font-size:12px}.login-box form a{display:inline-block;padding:10px 20px;color:#fff;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:40px;letter-spacing:4px}.login-box a:hover{background:#532361;color:#fff;border-radius:5px;box-shadow:0 0 5px #532361,0 0 25px #532361,0 0 50px #532361,0 0 100px #532361}.login-box a span{position:absolute;display:block}.login-box a span:first-child{top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#532361);animation:1s linear infinite btn-anim1}@keyframes btn-anim1{0%{left:-100%}100%,50%{left:100%}}.login-box a span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#532361);animation:1s linear .25s infinite btn-anim2}@keyframes btn-anim2{0%{top:-100%}100%,50%{top:100%}}.login-box a span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#532361);animation:1s linear .5s infinite btn-anim3}@keyframes btn-anim3{0%{right:-100%}100%,50%{right:100%}}.login-box a span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#532361);animation:1s linear .75s infinite btn-anim4}@keyframes btn-anim4{0%{bottom:-100%}100%,50%{bottom:100%}}
/*glitch*/


.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;color:transparent;background:0 0;overflow:hidden;clip:rect(0,900px,0,0);transform:skewX(0)}.glitch,.glitch:after,.glitch:before{transform:skewX(0)}.glitch{color:#fff;font-size:8px;position:relative;transition:.3s;margin:0 auto;text-shadow:0 -5px 10px #fff,0 0 5px rgba(255,255,255,0),0 0 10px rgba(255,255,255,0),0 0 15px rgba(255,255,255,0),0 0 20px rgba(255,255,255,0);-webkit-animation:3s linear infinite alternate-reverse noise-anim-2,4s ease-in-out infinite alternate shift,8s ease-in-out infinite alternate blur;animation:3s linear infinite alternate-reverse noise-anim-2,4s ease-in-out infinite alternate shift,8s ease-in-out infinite alternate blur}@-webkit-keyframes blur{0%,100%,40%,50%,60%,90%,95%{text-shadow:0 -5px 10px #fff,0 0 5px rgba(255,255,255,0),0 0 10px rgba(255,255,255,0),2px 1px 15px rgba(100,240,255,0),0 0 20px rgba(255,255,255,0)}45%,75%{text-shadow:0 -5px 10px #fff,0 0 5px #fff,0 0 10px #fff,2px 1px 15px #64f0ff,0 0 20px #fff}97.5%{text-shadow:0 -5px 10px rgba(255,255,255,0),0 0 5px rgba(255,255,255,0),0 0 10px rgba(255,255,255,0),2px 1px 4px #ff6464,0 0 20px rgba(255,255,255,0)}}@keyframes blur{0%,100%,40%,50%,60%,90%,95%{text-shadow:0 -5px 10px #fff,0 0 5px rgba(255,255,255,0),0 0 10px rgba(255,255,255,0),2px 1px 15px rgba(100,240,255,0),0 0 20px rgba(255,255,255,0)}45%,75%{text-shadow:0 -5px 10px #fff,0 0 5px #fff,0 0 10px #fff,2px 1px 15px #64f0ff,0 0 20px #fff}97.5%{text-shadow:0 -5px 10px rgba(255,255,255,0),0 0 5px rgba(255,255,255,0),0 0 10px rgba(255,255,255,0),2px 1px 4px #ff6464,0 0 20px rgba(255,255,255,0)}}.glitch:after{left:3px;text-shadow:-1px 0 red;-webkit-animation:3s linear infinite alternate-reverse noise-anim-2,4s ease-in-out infinite alternate shift;animation:3s linear infinite alternate-reverse noise-anim-2,4s ease-in-out infinite alternate shift;z-index:-2;opacity:.7}.glitch:before{left:1px;text-shadow:-3px 0 #0ff;-webkit-animation:3s linear infinite alternate-reverse noise-anim-2,4s ease-in-out infinite alternate shift;animation:3s linear infinite alternate-reverse noise-anim-2,4s ease-in-out infinite alternate shift;z-index:-1;opacity:.8}@-webkit-keyframes noise-anim{0%{clip:rect(37px,9999px,64px,0)}5%{clip:rect(73px,9999px,12px,0)}10%{clip:rect(18px,9999px,94px,0)}15%{clip:rect(70px,9999px,23px,0)}20%{clip:rect(11px,9999px,41px,0)}25%{clip:rect(73px,9999px,60px,0)}30%{clip:rect(90px,9999px,13px,0)}35%{clip:rect(64px,9999px,75px,0)}40%{clip:rect(25px,9999px,80px,0)}45%{clip:rect(19px,9999px,90px,0)}50%{clip:rect(61px,9999px,54px,0)}55%,95%{clip:rect(35px,9999px,71px,0)}60%{clip:rect(65px,9999px,74px,0)}65%{clip:rect(8px,9999px,1px,0)}70%{clip:rect(67px,9999px,94px,0)}75%{clip:rect(84px,9999px,83px,0)}80%{clip:rect(7px,9999px,33px,0)}85%{clip:rect(3px,9999px,39px,0)}90%{clip:rect(11px,9999px,2px,0)}100%{clip:rect(80px,9999px,14px,0)}}@keyframes noise-anim{0%{clip:rect(37px,9999px,64px,0)}5%{clip:rect(73px,9999px,12px,0)}10%{clip:rect(18px,9999px,94px,0)}15%{clip:rect(70px,9999px,23px,0)}20%{clip:rect(11px,9999px,41px,0)}25%{clip:rect(73px,9999px,60px,0)}30%{clip:rect(90px,9999px,13px,0)}35%{clip:rect(64px,9999px,75px,0)}40%{clip:rect(25px,9999px,80px,0)}45%{clip:rect(19px,9999px,90px,0)}50%{clip:rect(61px,9999px,54px,0)}55%,95%{clip:rect(35px,9999px,71px,0)}60%{clip:rect(65px,9999px,74px,0)}65%{clip:rect(8px,9999px,1px,0)}70%{clip:rect(67px,9999px,94px,0)}75%{clip:rect(84px,9999px,83px,0)}80%{clip:rect(7px,9999px,33px,0)}85%{clip:rect(3px,9999px,39px,0)}90%{clip:rect(11px,9999px,2px,0)}100%{clip:rect(80px,9999px,14px,0)}}@-webkit-keyframes noise-anim-2{0%{clip:rect(54px,9999px,14px,0)}5%{clip:rect(43px,9999px,69px,0)}10%{clip:rect(31px,9999px,60px,0)}15%{clip:rect(63px,9999px,65px,0)}20%{clip:rect(33px,9999px,70px,0)}25%{clip:rect(91px,9999px,47px,0)}30%{clip:rect(30px,9999px,32px,0)}35%{clip:rect(91px,9999px,30px,0)}40%{clip:rect(22px,9999px,4px,0)}45%{clip:rect(37px,9999px,45px,0)}50%{clip:rect(49px,9999px,92px,0)}55%{clip:rect(68px,9999px,67px,0)}60%{clip:rect(53px,9999px,1px,0)}65%{clip:rect(6px,9999px,47px,0)}70%{clip:rect(76px,9999px,41px,0)}75%{clip:rect(48px,9999px,78px,0)}80%{clip:rect(7px,9999px,34px,0)}85%{clip:rect(80px,9999px,96px,0)}90%{clip:rect(40px,9999px,17px,0)}95%{clip:rect(28px,9999px,29px,0)}100%{clip:rect(87px,9999px,85px,0)}}@keyframes noise-anim-2{0%{clip:rect(54px,9999px,14px,0)}5%{clip:rect(43px,9999px,69px,0)}10%{clip:rect(31px,9999px,60px,0)}15%{clip:rect(63px,9999px,65px,0)}20%{clip:rect(33px,9999px,70px,0)}25%{clip:rect(91px,9999px,47px,0)}30%{clip:rect(30px,9999px,32px,0)}35%{clip:rect(91px,9999px,30px,0)}40%{clip:rect(22px,9999px,4px,0)}45%{clip:rect(37px,9999px,45px,0)}50%{clip:rect(49px,9999px,92px,0)}55%{clip:rect(68px,9999px,67px,0)}60%{clip:rect(53px,9999px,1px,0)}65%{clip:rect(6px,9999px,47px,0)}70%{clip:rect(76px,9999px,41px,0)}75%{clip:rect(48px,9999px,78px,0)}80%{clip:rect(7px,9999px,34px,0)}85%{clip:rect(80px,9999px,96px,0)}90%{clip:rect(40px,9999px,17px,0)}95%{clip:rect(28px,9999px,29px,0)}100%{clip:rect(87px,9999px,85px,0)}}@-webkit-keyframes shift{0%,100%,40%,44%,58%,61%,65%,69%,73%{transform:skewX(0)}41%{transform:skewX(1deg)}42%{transform:skewX(-1deg)}59%{transform:skewX(1deg) skewY(1deg)}60%,70%{transform:skewX(-1deg) skewY(-1deg)}63%,71%{transform:skewX(1deg) skewY(-1deg)}}@keyframes shift{0%,100%,40%,44%,58%,61%,65%,69%,73%{transform:skewX(0)}41%{transform:skewX(1deg)}42%{transform:skewX(-1deg)}59%{transform:skewX(1deg) skewY(1deg)}60%,70%{transform:skewX(-1deg) skewY(-1deg)}63%,71%{transform:skewX(1deg) skewY(-1deg)}}

/*responsive*/





@media only screen and (max-width: 1500px) {
 
.brandHe1{font-size: 40px;}
.brandCon1{font-size: 22px; }
.brandCon2{font-size: 40px }
.brandHeleft{width: 450px;}

  .imasim{width:1200px;  
    left: 6%;top: -10%;
  
  }
  
  .imasim2{width:1200px; 
    left: 6%;top: -10%;  z-index: 2;  
  }

  .aasawd{max-width: 600px;border: 0;}
}
 
 
@media only screen and (max-width: 1200px) {

  
 
  .utall:hover{
    padding: 200px 0;  
  }
  .fourthSection{   height: 310px }

  .imasim{width:1000px;  
    left: 6%;top: -10%;
  
  }
  
  .imasim2{width:1000px; 
    left: 6%;top: -10%;  z-index: 2;  
  }


  .w-4{
    width:10% !important
  }
}
 



@media only screen and (max-width: 1040px) {
  .brandHe1{font-size: 30px;}
.brandCon1{font-size: 18px; }
.brandCon2{font-size: 30px }

.brandHeleft{width: 350px;}
  .imasim{width:900px;   left: 4%;top: -10%; }
  
  .imasim2{width:900px;  left: 4%;top: -10%;  z-index: 2;   }
 
  .aasawd{max-width: 300px; border: 0;}
  .xdis{display: none !important;  }
  .log2{opacity: 0;}
}


   /*Shrinking for mobile*/
   @media only screen and (max-width: 768px) {
    .brandHe1{font-size: 20px;}
.brandCon1{font-size: 15px; }
.brandCon2{font-size: 20px }

.brandHeleft{width: 250px;}

    .utall:hover{
      padding: 150px 0;  
    }
    .birzoom3x{zoom: 0.2;}
    .birzoom2x{zoom: 0.1;}
    .fourthSection{   height: 225px }
    .imasim{width:700px;   left: 0%;top: -10%; }
    
    .imasim2{width:700px;  left: 0%;top: -10%;  z-index: 2;   }
  
    .xrtw{font-size: 20px !important; }
    .log{opacity: 0.3;}
    
    .waves {
      height:40px;
      min-height:40px;
    }
    .content {
      height:30vh;
    }
    h1 {
      font-size:24px;
    }
  }


  @media only screen and (max-width:641px)  {

    .brandHe1{font-size: 20px;}
    .brandCon1{font-size: 15px; }
    .brandCon2{font-size: 20px }
    
    .brandHeleft{width: 220px;}
    .birzoom3x{zoom: 0.2;}
    .birzoom2x{zoom: 0.1;}
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .memuBut{zoom: 0.8;top: 5%;}
    
    .imasim{width:500px;   left: 0%;top: -10%; }
    
    .imasim2{width:500px;  left: 0%;top: -10%;  z-index: 2;   }
    .fourthSection{   height: 170px }
    }

    @media only screen and (max-width:481px)  {
      /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
      .memuBut{zoom: 0.8;top: 5%;}
      .brandHe1{font-size: 20px;}
      .brandCon1{font-size: 15px; }
      .brandCon2{font-size: 20px }
      
      .brandHeleft{width: 200px;}
      }