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

@font-face {
  font-family: 'EthnocentricRg-Regular';
  src: url('../fonts/EthnocentricRg-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/EthnocentricRg-Regular.woff') format('woff'), url('../fonts/EthnocentricRg-Regular.ttf')  format('truetype'), url('../fonts/EthnocentricRg-Regular.svg#EthnocentricRg-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LionandHare-Regular';
  src: url('../fonts/LionandHare-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/LionandHare-Regular.woff') format('woff'), url('../fonts/LionandHare-Regular.ttf')  format('truetype'), url('../fonts/LionandHare-Regular.svg#LionandHare-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.error { padding-top: 3px; color: #C22E43; font-size: 13px;  }

body{font-family:'Nunito', sans-serif;font-size:16px;color:#333;background:#fff;overflow-x:hidden}
ul{list-style:none}
.row{margin:0 -15px;}
.col-1{width:40%;float:left;padding:0 15px;}
.col-2{width:50%;float:left;padding:0 15px;}
.col-3{width:60%;float:left;padding:0 15px;}
.col-4{width:30%;float:left;padding:0 15px;}
.col-5{width:70%;float:left;padding:0 15px;}
.col-6{width:33.333%;float:left;padding:0 15px;}
a{text-decoration:none;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
img{max-width:100%;display:block}

.wrapper{max-width:1200px;margin:auto; width: 90%;}
.wrapper:after{content:'';display:block;clear:both}

header{position:fixed;top:0;left:0;width:100%;padding-top:30px;z-index:12;}
.logo {width: 57px;w height: 57px;
  border-radius: 28.5px;
  background-color: #ea2340;
  text-align:center;
  float:left;
}
.logo a{font-family: EthnocentricRg-Regular;
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -4.9px;
  color: #ffffff;text-decoration:none;line-height: 57px;}

.tp-rt{float:right;line-height:57px}
.tp-rt a.ct-link{font-family: Nunito;font-size:16px;color:#ea2340; position: relative;}

/*navigation*/
.nav{position:fixed;top:50%; margin-top: -145px; right:35px;z-index:15}
.nav li{margin-bottom:60px;}
.nav li:last-child{margin-bottom:0}
.nav li:before{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:#676D7B;margin-left:-1px}
.nav li a{width:15px;background:#676D7B;display:block;height:15px;border-radius:50px;position:relative;z-index:2}
.nav li a:hover{background:#ea2340;}
.cnt-txt { color: #676D7B; font-weight: bold; margin-top: -15px; width: 85px; top: 50%; position: absolute; left:-65px; transform:matrix(0,-1,1,0,0,0);-webkit-transform:matrix(0,-1,1,0,0,0);-moz-transform:matrix(0,-1,1,0,0,0); }
.nav li a span { display: none; opacity:0;visibility:hidden;transform:matrix(0,-1,1,0,0,0);-webkit-transform:matrix(0,-1,1,0,0,0);-moz-transform:matrix(0,-1,1,0,0,0);width:120px;text-align:center;position:absolute;left:-75px;top:0;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.nav li.active a{background:#ea2340}
.nav li.active a span{opacity:1;visibility:visible;color:#676d7b;}

/*fix social*/
.fix-social{position:fixed;left:30px;top:50%;z-index:10; margin-top: -162px; }
.fix-social a { position: relative; z-index: 1; display:block;width:23px; height: 23px; margin-bottom:60px; background: url(../img/follow-me-icons.svg) no-repeat left top; }
.fix-social a:hover { background-position: 0 -27px;  }
.fix-social a.drible { background-position: -47px 0;  }
.fix-social a.drible:hover { background-position: -47px -27px;  }
.fix-social a.behance { background-position: -94px 0; width: 30px;  }
.fix-social a.behance:hover { background-position: -94px -32px;  }
.fix-social a.insta { background-position: -146px 0;  }
.fix-social a.insta:hover { background-position: -146px -27px;  }
.fix-social a img { display: none;  }
.fix-social span{ text-align: left; text-transform: none; font-size: 13px; color:#676d7b;  display:block;position:absolute;bottom:0;left:-82px;width:190px;transform:matrix(0,-1,1,0,0,0);-webkit-transform:matrix(0,-1,1,0,0,0);-moz-transform:matrix(0,-1,1,0,0,0);     letter-spacing: 3px;  font-family: Nunito; }
.fix-social.txt-blck span{color:#0e1014;}
.fix-social.txt-blck1 span{color:#0e1014;}

.sec01{ height:950px;position:relative;  background: url(../img/top-bg.svg) no-repeat center center; background-size: cover; } 
.sec01 .bg-img{position:absolute;top:8%;right:10%;width:600px;}

.caption{width:400px;margin-top:17%;float:left;margin-left:15%;position:relative;z-index:2}
.txt-1{font-size:216px;font-weight: bold;letter-spacing: 4.5px;color: #fff;font-family: 'LionandHare-Regular';text-transform:uppercase;}
.txt-2{font-family: Nunito;font-size: 22px;letter-spacing: 1.05px;  color:#fff;padding-bottom:35px;}

.linkBtn{width:184px;line-height:58px;font-family:Nunito;font-size: 15px;font-weight:600;letter-spacing:1.07px;color:#fff;display:block;border-radius: 28.5px;box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.31);background-color:#ea2340;text-align:center;text-transform:uppercase}
.linkBtn:hover{background:#fff;color:#ea2340;}

.sec02{ margin-top: -82px;padding:50px 0; background:#0e1014; position:relative}
.sec02 .inner-div { position: relative; z-index: 1;  background:#0e1014 url(../img/who-i-am-bg.png) no-repeat center center; background-size:40%; }
.sec02 .wrapper{overflow:hidden;position:relative;z-index:5;}
.sec02 .insd-box{padding-right:50px;}
.st-1{font-family: Nunito;font-size: 18px; font-weight: 700;color: #8d8d8d;text-transform:uppercase;padding-bottom:25px;}
.sec02 h2{font-family: LionandHare-Regular;font-size: 40px;letter-spacing: 6.26px;color: #ea2340;text-transform:uppercase;padding-bottom:45px;}
.sub-txt{font-family: Nunito;font-size: 20px;color:#fff;padding-bottom:25px;}
.sec02 .insd-box p{font-family: Nunito; font-size: 18px;line-height: 1.5;color: #a2a2a2;padding:15px 0;}
.sec02:before{content:'';position:absolute;top:-25%;left:0;width:100%;height:100%;background:url(../img/whoiam-bg.svg) no-repeat top center}
.sec02:after{content:'';position:absolute;bottom:-26%;left:0;width:100%;height:100%;background:url(../img/whoiam-bg.svg) no-repeat top center;transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}

.box-1{float:right;position:relative}
.box-1.fl-lt{float:left;clear:right;margin-left:10%;}
.box-1 {font-family: Nunito;font-size: 15px;line-height: 2.19;letter-spacing: 0.98px;color: #fff}
.sm-title{position:absolute;top:0;left:-100px;color:#8d8d8d;}
.fl-lt .sm-title{left:-59px;}
.sec02 .insd-box a.linkBtn{margin-top:35px;}


.sec03{padding:40% 0 80px;position:relative}
.sec03{
  background:url(../img/casectudy-lines-bg.png) no-repeat right top,
        url(../img/casectudy-lines-bg.png) no-repeat 50% center,
        url(../img/casectudy-lines-bg.png) no-repeat 70% bottom
}
.sec03 .abst-txt{opacity: 0.04 !important;font-family: LionandHare-Regular;font-size: 200px;font-weight: bold;letter-spacing:7.6px;color:#0e1014;position:absolute;top:7.72%;left:0;}

.cs-box{-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in}
.cs-box:hover{transform: scale(1.05)!important;-webkit-transform: scale(1.03)!important;}
.cs-box{background-image: linear-gradient(-245deg, #8400fc, #11def4);height:550px;border-radius:10px;margin-bottom:160px;position:relative}
.cs-box a.linkBtn{background-color:#fff;color:#182348}
.cs-box a.linkBtn:hover{background:#ea2340;color:#fff}
.content{width:580px;font-size:30px;color:#fff;line-height:1.47;margin: 6% 0}

.st-lg{margin-bottom:30px;margin-top:20px}

.progressbar{position:fixed;top:0;left:0;width:100%;height:100%;z-index:300;background:#fff;}
.progressbar-bar{background:#000;width:0;height:100%;}
.progress-bar-percent{position:absolute;top:50%;left:50%;color:#ea2340;font-family: 'LionandHare-Regular';font-size:50px;letter-spacing:5px; margin: -31px 0 0 -40px;}

.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    text-indent: -9999px;
   background: url(../img/top-bottom.svg) no-repeat center center;
    z-index: 99; -webkit-border-radius: 100%; border-radius: 100%; background-size: 50px; -webkit-transition: all .3s ease-in;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit; }

.cs-box.bg-colr-1{background:#182348}
.cs-box.bg-colr-2{background-image: linear-gradient(243deg, #1c68b1, #79c0ff 50%, #3290ea);}
.cs-box.bg-colr-3{background-image: linear-gradient(to bottom, #feb1b9, #ff858e);}
.cs-box.bg-colr-4{background-color:#196bcc;background-image:none}

.cs-img-cm{position:absolute;top:-110px;right:130px; z-index: 1;}
.cs-img-1{width:600px}
.cs-img-2{width:400px}
.cs-img-3{width:600px}

.cs-box:hover .cs-img-cm{
  display:block;
  -webkit-animation:pulse 1.5s infinite;
  animation:pulse 1.5s infinite;
  color:#FF4081;
}

@-webkit-keyframes pulse{
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.cs-box:after{content:'';position:absolute;bottom:0;right:0;width:100%;height:100%;background:url(../img/casestudy-bg-logo1.png) no-repeat right bottom;mix-blend-mode: multiply;}
.cs-box.bg-colr-1:after{background:url(../img/casestudy-bg-logo2.png) no-repeat right bottom;mix-blend-mode: inherit;}
.cs-box.bg-colr-2:after{background:url(../img/casestudy-bg-logo3.png) no-repeat 98% 222px;mix-blend-mode: inherit;}
.cs-box.bg-colr-3:after{background:url(../img/casestudy-bg-logo4.png) no-repeat 560px 80%;mix-blend-mode: inherit;}
.cs-box.bg-colr-4:after{background:url(../img/casestudy-bg-logo5.png) no-repeat right bottom;mix-blend-mode: inherit;}

.cs-box .cs-ins{position:relative;z-index:5;height:100%;padding: 45px 55px;}

.sec04{background:black;padding:205px 0 100px;position:relative}
.sec04 .blog-txt{position: absolute;top:-10px;left:0;font-family: 'LionandHare-Regular';color:#fff;opacity:0.09!important;font-size:200px;letter-spacing:7.6px;text-transform:uppercase}

.sec04 .insd-box{background-color:#fff;padding:15px 35px 0;position:relative}
.sec04 .insd-box:after{content:'';position:absolute;bottom:-19px;left:0;width:100%;background:#fff;clip-path: polygon(0 85%, 0% 100%, 99% 87%);height:148px;}
.sec04 .insd-box img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-filter: blur(5px);filter: blur(5px);-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.sec04 .insd-box .st-img{height:289px;position:relative;}
.sec04 .insd-box .date{font-size:15px;color:#0e1014;font-weight:600;letter-spacing:2px;padding-bottom:15px}

.sec04 .insd-box .st-title{font-family:Nunito;font-size:25px;line-height:1.24;letter-spacing:0.36px;color:#0e1014;padding-bottom:30px;}
.sec04 .insd-box:hover img{-webkit-filter: blur(0px);filter: blur(0px);}
.sec04:before{content:'';position:absolute;top:-23%;left:0;width:100%;height:100%;background:url(../img/blog-bg.svg) no-repeat top center}


footer{padding:150px 0 80px; margin-top: -1px; position:relative;background:black url(../img/say-hello-bg.png) no-repeat top center;}
.ct-text{color:#ea2340;font-size:216px;font-family:'LionandHare-Regular';line-height:210px;padding-bottom:35px}
.st-text-1{font-family:Nunito;font-size:22px;line-height:1.59;color:#0e1014}
footer .wrapper{z-index:5;position:relative}
/*footer:before{content:'';position:absolute;top:0;right:0;background:#0e1014;width:50%;height:100%}*/
.inpt{padding-bottom:25px}
.inpt input{width:100%;height:55px;border:0;border-bottom:1px solid #2f3032;background:none;font-family:Nunito;font-size:18px;color:#fff}
.inpt input:focus, .inpt textarea:focus{outline:0}
.inpt textarea{width:100%;height:130px;border:0;border-bottom:1px solid #2f3032;background:none;resize:none;font-family:Nunito;font-size:18px;padding-top:15px;color:#fff}
.st-bg{padding:0 15px}

.inpt input::-webkit-input-placeholder{
  text-transform:uppercase
}
.inpt input:-ms-input-placeholder{
  text-transform:uppercase
}
.inpt input::placeholder{
  text-transform:uppercase
}
/*textarea*/
.inpt textarea::-webkit-input-placeholder{
  text-transform:uppercase
}
.inpt textarea:-ms-input-placeholder{
  text-transform:uppercase
}
.inpt textarea::placeholder{
  text-transform:uppercase
}

.submitBtn{border:0;display:block;width:184px;height:58px;border-radius:28.5px;background-color:#ea2340;font-size:15px;font-weight:600;letter-spacing:1px;color:#fff;text-transform:uppercase;cursor:pointer;margin-top:25px;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.submitBtn:focus{outline:0}
.submitBtn:hover{background-color:#fff;color:#ea2340;}
.col-2.ft-rt{float:right;clear:left}
.copy{font-size:14px;color:#57585a;text-align:right;padding-top:80px}
.mail-us{padding-top:80px;font-size:19px}
.mail-us a{color:#ea2340;position:relative;}
.mail-us a:before, .pro-back:after, .ct-link:after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#ea2340;-webkit-transition:width .5s ease-in;-moz-transition:width .5s ease-in;-o-transition:width .5s ease-in;transition:width .5s ease-in}
.mail-us a:hover:before, .pro-back:hover:after, .ct-link:hover:after{width:100%;}
.pro-back:after { bottom: 16px;  }

.thank-you { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; background: rgb(14,16,20,0.8) ;  }
.thank-you .thank-in { padding: 70px 10px; text-align: center; margin-top: -250px; margin-left: -450px; width: 900px; position: absolute; left: 50%; top: 50%; background: #fff; -webkit-border-radius: 15px; border-radius: 15px; } 
.thank-you .thank-in img { display: inline-block;  }
.thank-you h4 { padding-top: 30px; font-family: LionandHare-Regular; font-size: 85px; font-weight: bold; letter-spacing: 1.95px; text-transform: uppercase; color: #0e1014;  }
.thank-you p { padding-bottom: 10px;  font-family: Nunito;
  font-size: 18px; color: #0e1014;  }
.thank-you .close { cursor: pointer; position: absolute; right: 25px; top: 20px; width: 24px;
  height: 24px; background: url(../img/thankyou-cross.svg) no-repeat left top;  }

.abt-cont-row { overflow: hidden; position: relative;  }
.abt-cont-row .abt-bg-txt{ opacity: 0.02;
  font-family: LionandHare-Regular;
  font-size: 362px;
  font-weight: bold; text-transform: uppercase;
  
  letter-spacing: 12.07px;
  color: #0e1014; position: absolute; right: 0; top: 300px; }
.about-sec { padding-top: 150px; padding-bottom: 100px; overflow: hidden;  }
.hello { overflow: hidden;  }
.about-sec .hello h2 { overflow: hidden; font-family: LionandHare-Regular; text-transform: uppercase; font-size: 150px; font-weight: bold;  letter-spacing: 0; color: #0e1014; }
.hello span.main-span { overflow: hidden; text-transform: none; font-weight: normal; display: block;  font-family: Nunito; font-size: 37px;  color: #afafaf; letter-spacing: normal;  }
.hello span.main-span span { display: inline-block;  }
.hello .postion {font-family: Nunito; font-size: 37px; font-weight: normal; color: #0e1014;  text-transform: none; letter-spacing: normal;  }

.about-sec .left { width: 45%; float: left;  }
.about-sec .left.fixhello { position: fixed; top: 8%;  }
.about-sec .right { width: 48%; float: right;  }
.about-sec  p { 
  font-family: Nunito;
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #0e1014; margin-bottom: 40px; }
.about-sec  h2 { font-family: LionandHare-Regular;  text-transform: uppercase; font-size: 300px; font-weight: bold; letter-spacing: -13.9px; color: #0e1014;  }
.about-sec .about-row { padding-top:75px; overflow: hidden;  }
.about-sec .about-row img { -webkit-filter: grayscale(100%); filter: grayscale(100%);  }
.about-sec .about-row a { width: 271px; box-shadow:none; border:2px solid #ea2340; }
.about-sec ul { overflow: hidden; margin-bottom: 35px;  }
.about-sec li { width: 100%; float: left; font-family: Nunito; margin-bottom: 10px;
  font-size: 22px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #0e1014;  }
.about-sec h3 { margin-bottom: 35px; font-family: LionandHare-Regular;
  font-size: 100px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0e1014; text-transform: uppercase;  }

.explore-More { padding: 150px 0;
 
  font-family: Nunito;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 3px; 
  color: #676d7b; text-align: center; margin-bottom: 60px; -webkit-animation: pulse 2s infinite;
            animation: pulse 2s infinite;
}
.explore-More span { position: relative;  transform: rotate(-90deg); color: inherit; display: inline-block;  }
.explore-More span:before { left: -62px; bottom: -12px; content: ""; position: absolute; width: 2px; height: 44px; background: #979797;  transform: rotate(-90deg); }

.total-experince { overflow: hidden;  }
.total-experince .experince { padding-left: 30%; margin-bottom: 50px; width: 100%; float: left; position: relative;  }
.total-experince .experince:first-child .year, .total-experince .experince:first-child h4, .total-experince .experince:first-child span  { color: #0e1014;  }
.total-experince .year { font-family: Nunito;
  font-size: 27px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #b4b4b4; position: absolute; left: 0; top: 0; }
.total-experince h4 { font-family: Nunito;
  font-size: 35px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #a5a5a5;  } 

.workdetail-sec { position: relative; padding-bottom: 60px; overflow: hidden;  }
.workdetail-sec.new-style { padding: 0px;  }
.workdetail-sec.new-style .main-txt { padding: 0px;  }
.workdetail-sec.new-style .wrapper { position: relative;  }
.workdetail-sec.new-style .banner-txt { z-index: 1; position: absolute; left: 0; top: 0; padding-top: 18%;  }
.workdetail-sec.new-style .banner-img { width: 100%;  }
.main-txt { padding-bottom: 70px; padding-top: 150px; overflow: hidden; background-color: #000;  }
.main-txt h1 { text-transform: uppercase; font-family: LionandHare-Regular;
  font-size: 200px;
  font-weight: bold;
  letter-spacing: 6px;
  color: #fff;  }
.main-txt .banner-txt { float: left; width: 38%; padding-top: 8%;  }
.workdetail-sec .main-txt p { width: auto; float: none; font-family: Nunito;
  font-size: 22px; letter-spacing: 1.24px; color: #fff;  }
.main-txt .banner-img { float: right; width: 60%; position: relative; } 
.main-txt img { width: 100%;  }


.pro-back { position: relative; margin-right: 50px; float: left; font-family: Nunito; font-size: 16px; letter-spacing: 1.2px; color: #ea2340;  }
.pro-back:before { content: ""; position: absolute; left: -28px; top: 23px;  width: 14px; height: 10px; background: url(../img/back-arrow.svg) left top no-repeat;  }
.project-row { padding-top: 100px; overflow: hidden;  }
.project-row img { width: 100%;  }
.workdetail-sec h2 { width: 30%; float: left; font-family: LionandHare-Regular; font-size: 50px; font-weight: bold; letter-spacing: 3px; color: #0e1014; text-transform: uppercase;  }
.workdetail-sec h2 a { color: inherit;  }
.workdetail-sec p { padding-top: 10px; float: left; width: 42%;  font-family: Nunito; font-size: 17px;
 color: #0e1014;  }
.project-row .head-txt { overflow: hidden; padding-bottom: 130px;   }

.pro-result { padding-bottom: 70px; padding-top: 150px; overflow: hidden; background: url(../img/result-bg.svg) center bottom no-repeat;  background-size: contain; }
.pro-result h2, .pro-result p { width: auto; float: none; color: #fff;  }
.pro-result .result-txt { padding-top: 350px; float: left; width: 22%;  }
.pro-result .image { width: 70%; float: right;  }
.pro-result img { width: 100%; }

.pro-next { padding: 58px 0; overflow: hidden;  }
.pro-next h2 { width: auto!important;  }
.pro-next h2 span { position: relative; padding-left: 105px; color: #ebebeb;  }
.pro-next h2 span:before { content: ""; position: absolute; left: 28px; top: 16px; width: 31px;
  height: 22px;  background: url(../img/next-arrow.svg) left top no-repeat; }

.total-experince h4 span { padding-top: 15px; display: block;  color: #a5a5a5; font-size: 27px; font-weight: normal;}

.copyright { float: right;  } 
.inner-foo { border-top: solid 1px #ebebeb; padding: 25px 0; text-align: right; font-family: Nunito;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #9f9f9f; text-transform: uppercase; background: none;  }

.fix-social .mobile { display: none;  }

.clear{ clear: both; display: block;  }
.blog-row p a { display: inline-block; padding-top: 3px; position: relative; font-weight: bold; font-style: italic; color: #404040; } 
.blog-row p a:before, .blog-row ul li a:before { height: 2px; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; background: #8D9FB2; }
.blog-row ul li a { position: relative; font-weight: bold; font-style: italic; color: #404040; }
.blogdetail .main-txt { padding-bottom: 100px; min-height: inherit; background: none;  }
.blogdetail .main-txt .banner-txt { width: 43%;  }
.blogdetail .main-txt p { color: #404040; font-size: 18px;  }
.blogdetail .main-txt p span { font-size: 46px;  }
.blogdetail .main-txt .banner-img { width: 56%;  }
.blogdetail .main-txt h1 { margin-bottom: 20px; letter-spacing: 2.27px;
  color: #0e1014;  font-size: 99px;   } 

.workdetail-sec.blogdetail { padding-bottom: 0;  }
.blog-row { padding-bottom: 100px; overflow: hidden;  }
.blog-row h3 {  font-size: 40px; color: #0e1014; font-weight: normal;  }
.blog-row h4 { padding-top: 50px;  font-size: 28px;
  font-weight: 600; color: #0e1014;   }
.blog-row p { float: none; padding-top: 20px; width: 100%;  }
.blog-row ul { padding: 45px 30px; overflow: hidden;  }
.blog-row ul li { padding-left: 35px; position: relative; margin-bottom: 30px; font-size: 18px; color: #404040; }
.blog-row ul li:before { display: block; content: ""; position: absolute; left: 0; top: 5px; width: 13px; height: 13px; background-color: #ea2340; -webkit-border-radius: 100%;
border-radius:100%; }
.blog-row ul li:last-child { margin-bottom: 0;  }
.blog-img { padding: 100px 0; overflow: hidden; text-align: center; }
.blog-img.no-gap { padding-bottom: 0;  }
.blog-img img { display: inline-block; max-width: 100%;  }

.blog-prev-next { overflow: hidden;  } 
.blog-prev-next .blog { position: relative;  width: 50%; float: left;  }
.blog-prev-next .blog a:before { content: ""; position: absolute; left:0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);  }
.blog-prev-next a { padding: 15px;  color: #fff; display: block; height: 800px; background-size: cover!important; }    
.blog-prev-next span { margin: -60px 0 0 -195px;  width: 200px; position: relative; z-index: 1; position: absolute; left: 50%; top: 50%;  font-size: 40px; line-height: 1.33; letter-spacing: 0.57px; color: #ffffff; width: 390px  }
.blog-prev-next span:before { width: 32px; height: 22px; content: ""; position: absolute; left: -80px; top: 50px; background: url(../img/blog/left-logo-blog.svg) left top no-repeat;  }
.blog-prev-next .blog:last-child span:before { left: auto; right: -80px; background: url(../img/blog/right-logo-blog.svg) left top no-repeat;   }
.blog-prev-next span i { margin-bottom: 20px; font-style: normal; display: block; letter-spacing: 2px; font-size: 15px; font-weight: 600;  }
.blog-body footer { border:none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;  }

.cursor.cursorhover  { margin-left: -10px; margin-top: -10px; width: 40px; height: 40px; opacity: 0.7;   }
.cursor {
    width: 20px;
    height: 20px;
    background: #ea2340;
    border-radius: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none; -webkit-transition: width 0.3s, height 0.3s; /* For Safari 3.1 to 6.0 */
  transition: width 0.3s, height 0.3s;
}

.about-title .word-cont { display: inline-block; margin-left: 2rem; }
.about-title .word-cont:first-child { margin-left: 0; }
.anim-char { overflow: hidden; }
.anim-char span {
    display: block;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); padding-left: 6px;
}

.anim-char, .space-char {
    display: inline-block;
}
.about-title .anim-char span {
    -webkit-transform: translateX(113%);
    -ms-transform: translateX(113%);
    transform: translateX(113%);
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
}

.is-show .about-title .anim-char span, .is-show .hello-text .anim-char span, .is-show .firstpara {  -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    }

.is-show .about-title .anim-char span {
   
    -webkit-transition: .8s ease .4s;
    -o-transition: .8s .4s ease;
    transition: .8s ease .4s;
}
.is-show .about-hd-screen__title .anim-char span { padding: 0; }

.main-span { overflow: hidden; }

.main-span span {
    display: inline-block;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    padding-bottom: 3px;
    padding-right: 5px;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
}

.is-show .main-span span {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.is-show .main-span span:last-child {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.designation {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease; font-size: 37px;
  
  color: #0e1014;
}

.is-show .designation {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .4s ease .8s;
    -o-transition: .4s .8s ease;
    transition: .4s ease .8s;
}


.hello-text .anim-char span {
    
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; 
}

.hello-text .anim-char:nth-child(2) span {
    -webkit-transition-delay: .08s;
    -o-transition-delay: .08s;
    transition-delay: .08s;
}
.hello-text .anim-char:nth-child(3) span {
    -webkit-transition-delay: .16s;
    -o-transition-delay: .16s;
    transition-delay: .16s;
}

.hello-text .anim-char:nth-child(4) span {
    -webkit-transition-delay: .24s;
    -o-transition-delay: .24s;
    transition-delay: .24s;
}

.hello-text .anim-char:nth-child(5) span {
    -webkit-transition-delay: .32s;
    -o-transition-delay: .32s;
    transition-delay: .32s;
}

.hello-text .anim-char:nth-child(6) span {
    -webkit-transition-delay: .40s;
    -o-transition-delay: .40s;
    transition-delay: .40s;
}

.firstpara {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
}

.is-show .firstpara { opacity: 1; -webkit-transition-delay: .32s;
    -o-transition-delay: .32s;
    transition-delay: .32s; }

.awward{width: 90px;
    height: 90px;
    position: fixed;
    z-index: 15;
    right: 69px;
    margin: 20px;
    bottom: 1px;}


/* Coded by Lorenzo Bocchi ~ www.be.net/LorenzoBocchi */
/* Designed by CSS Design Awards ~ www.cssdesignawards.com */

/* purple: #673AB7 */
/* light: #EDEDED */
/* black: #000000 */

#cssda-badge{
  /* monogram position here */
  position: absolute;
  top: calc(50% - 45px);
  left: calc(50% - 45px);
  /* ––– */
  width: 90px;
  height: 90px;
  border-radius: 90px;
  background: #EDEDED;
  -webkit-transition: all .25s cubic-bezier(.615,.19,.305,.91);
  -moz-transition: all .25s cubic-bezier(.615,.19,.305,.91);
  transition: all .25s cubic-bezier(.615,.19,.305,.91);
  cursor: pointer;
}
#cssda-badge:hover{
  -webkit-animation: bounce .75s linear both;
  -moz-animation: bounce .75s linear both;
  animation: bounce .75s linear both;
  background: #ea2340;
}
#cssda-badge svg {
  position: absolute;
  width: 90px;
  height: 90px;
  fill: #000000;
}
#cssda-badge:hover svg{
  fill: #EDEDED;
}
.cssda-badge-content{
  position: absolute;
  width: 90px;
  height: 90px;
  -webkit-transition: all .12s cubic-bezier(.615,.19,.305,.91);
  -moz-transition: all .12s cubic-bezier(.615,.19,.305,.91);
  transition: all .12s cubic-bezier(.615,.19,.305,.91);
}
#cssda-badge:hover .cssda-badge-content{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
}
#cssda-badge:hover #cssda-badge-logo{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
@media only screen and (max-width: 700px) {
  #cssda-badge{
    /* monogram responsive position here */
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    /* ––– */
    width: 60px;
    height: 60px;
  }
  #cssda-badge svg {
    width: 60px;
    height: 60px;
  }
  #cssda-badge-logo{
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    transform: scale(1.35);
  }
  #cssda-badge:hover #cssda-badge-logo{
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  #cssda-badge-title{
    display: none;
  }
  #cssda-badge-award{
    display: none;
  }
}

/* Generated with Bounce.js */
@-webkit-keyframes bounce{0%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}3.4%{-webkit-transform:matrix3d(1.032,0,0,0,0,1.041,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.032,0,0,0,0,1.041,0,0,0,0,1,0,0,0,0,1)}4.7%{-webkit-transform:matrix3d(1.045,0,0,0,0,1.06,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.045,0,0,0,0,1.06,0,0,0,0,1,0,0,0,0,1)}6.81%{-webkit-transform:matrix3d(1.066,0,0,0,0,1.089,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.066,0,0,0,0,1.089,0,0,0,0,1,0,0,0,0,1)}9.41%{-webkit-transform:matrix3d(1.088,0,0,0,0,1.117,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.088,0,0,0,0,1.117,0,0,0,0,1,0,0,0,0,1)}10.21%{-webkit-transform:matrix3d(1.094,0,0,0,0,1.123,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.094,0,0,0,0,1.123,0,0,0,0,1,0,0,0,0,1)}13.61%{-webkit-transform:matrix3d(1.112,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.112,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1)}14.11%{-webkit-transform:matrix3d(1.114,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.114,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1)}17.52%{-webkit-transform:matrix3d(1.121,0,0,0,0,1.124,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.121,0,0,0,0,1.124,0,0,0,0,1,0,0,0,0,1)}18.72%{-webkit-transform:matrix3d(1.121,0,0,0,0,1.119,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.121,0,0,0,0,1.119,0,0,0,0,1,0,0,0,0,1)}21.32%{-webkit-transform:matrix3d(1.12,0,0,0,0,1.107,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.12,0,0,0,0,1.107,0,0,0,0,1,0,0,0,0,1)}24.32%{-webkit-transform:matrix3d(1.115,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.115,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1)}25.23%{-webkit-transform:matrix3d(1.113,0,0,0,0,1.094,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.113,0,0,0,0,1.094,0,0,0,0,1,0,0,0,0,1)}29.03%{-webkit-transform:matrix3d(1.106,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.106,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1)}29.93%{-webkit-transform:matrix3d(1.105,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.105,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1)}35.54%{-webkit-transform:matrix3d(1.098,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.098,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1)}36.74%{-webkit-transform:matrix3d(1.097,0,0,0,0,1.098,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.097,0,0,0,0,1.098,0,0,0,0,1,0,0,0,0,1)}41.04%{-webkit-transform:matrix3d(1.096,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.096,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1)}44.44%{-webkit-transform:matrix3d(1.097,0,0,0,0,1.103,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.097,0,0,0,0,1.103,0,0,0,0,1,0,0,0,0,1)}52.15%{-webkit-transform:matrix3d(1.099,0,0,0,0,1.101,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.099,0,0,0,0,1.101,0,0,0,0,1,0,0,0,0,1)}59.86%,63.26%{-webkit-transform:matrix3d(1.101,0,0,0,0,1.099,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.101,0,0,0,0,1.099,0,0,0,0,1,0,0,0,0,1)}100%,75.28%,85.49%,90.69%{-webkit-transform:matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)}}@keyframes bounce{0%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}3.4%{-webkit-transform:matrix3d(1.032,0,0,0,0,1.041,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.032,0,0,0,0,1.041,0,0,0,0,1,0,0,0,0,1)}4.7%{-webkit-transform:matrix3d(1.045,0,0,0,0,1.06,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.045,0,0,0,0,1.06,0,0,0,0,1,0,0,0,0,1)}6.81%{-webkit-transform:matrix3d(1.066,0,0,0,0,1.089,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.066,0,0,0,0,1.089,0,0,0,0,1,0,0,0,0,1)}9.41%{-webkit-transform:matrix3d(1.088,0,0,0,0,1.117,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.088,0,0,0,0,1.117,0,0,0,0,1,0,0,0,0,1)}10.21%{-webkit-transform:matrix3d(1.094,0,0,0,0,1.123,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.094,0,0,0,0,1.123,0,0,0,0,1,0,0,0,0,1)}13.61%{-webkit-transform:matrix3d(1.112,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.112,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1)}14.11%{-webkit-transform:matrix3d(1.114,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.114,0,0,0,0,1.133,0,0,0,0,1,0,0,0,0,1)}17.52%{-webkit-transform:matrix3d(1.121,0,0,0,0,1.124,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.121,0,0,0,0,1.124,0,0,0,0,1,0,0,0,0,1)}18.72%{-webkit-transform:matrix3d(1.121,0,0,0,0,1.119,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.121,0,0,0,0,1.119,0,0,0,0,1,0,0,0,0,1)}21.32%{-webkit-transform:matrix3d(1.12,0,0,0,0,1.107,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.12,0,0,0,0,1.107,0,0,0,0,1,0,0,0,0,1)}24.32%{-webkit-transform:matrix3d(1.115,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.115,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1)}25.23%{-webkit-transform:matrix3d(1.113,0,0,0,0,1.094,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.113,0,0,0,0,1.094,0,0,0,0,1,0,0,0,0,1)}29.03%{-webkit-transform:matrix3d(1.106,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.106,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1)}29.93%{-webkit-transform:matrix3d(1.105,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.105,0,0,0,0,1.09,0,0,0,0,1,0,0,0,0,1)}35.54%{-webkit-transform:matrix3d(1.098,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.098,0,0,0,0,1.096,0,0,0,0,1,0,0,0,0,1)}36.74%{-webkit-transform:matrix3d(1.097,0,0,0,0,1.098,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.097,0,0,0,0,1.098,0,0,0,0,1,0,0,0,0,1)}41.04%{-webkit-transform:matrix3d(1.096,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.096,0,0,0,0,1.102,0,0,0,0,1,0,0,0,0,1)}44.44%{-webkit-transform:matrix3d(1.097,0,0,0,0,1.103,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.097,0,0,0,0,1.103,0,0,0,0,1,0,0,0,0,1)}52.15%{-webkit-transform:matrix3d(1.099,0,0,0,0,1.101,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.099,0,0,0,0,1.101,0,0,0,0,1,0,0,0,0,1)}59.86%,63.26%{-webkit-transform:matrix3d(1.101,0,0,0,0,1.099,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.101,0,0,0,0,1.099,0,0,0,0,1,0,0,0,0,1)}100%,75.28%,85.49%,90.69%{-webkit-transform:matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.1,0,0,0,0,1.1,0,0,0,0,1,0,0,0,0,1)}}


@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }