body.h_r_t{font-family: 'opensanssemiboldwebfont_0';}
.h_r_t .opb{font-family: 'OpenSansBold_1';}
.h_r_t .dt{display:table;}
.h_r_t .dts{display:table-cell;}
/* border header css start */
.h_r_t .heading{display:inline-block;}	
.h_r_t .headtxt{display:block; margin-bottom:10px; border-bottom:2px solid #fff; color:#fff; position:relative;}
.h_r_t .headtxt:before{content:"";position:absolute;  border-top:2px solid #fff; width:100px; bottom:-48px; right:-66px; transform:rotate(70deg);-webkit-transform:rotate(70deg); -moz-transform:rotate(70deg);-ms-transform:rotate(70deg); -o-transform:rotate(70deg);}
.h_r_t .headtxt h2{font-size:55px; margin-bottom:19px;font-family: 'OpenSansBold_1';}
.h_r_t .headtxt:after{content:"";position:absolute;height:30px; width:30px; background-image:url(../portfolio/hisher/images/pointer.png); background-position:center; background-repeat:no-repeat; top:163px; right:-50px;}
/* border header css end */


/* banner sart */
.h_r_t section.banner-hisher{width:100%; background-image:url(../portfolio/hisher/images/main-banner.png);background-size:cover;background-attachment:fixed;}
.h_r_t section.banner-hisher .logo {margin-top:66px;}
.h_r_t section.banner-hisher .logo img{display:inline-block;}
.h_r_t section.banner-hisher .mobile-sec{display:inline-block; width:100%; margin-top:80px;}
.h_r_t section.banner-hisher .mobile-sec .title{margin-top:112px; }
.h_r_t section.banner-hisher .mobile-sec .title h1{font-size:62px; line-height:1.2; color:#fff; letter-spacing:1px;}
.h_r_t section.banner-hisher .mibile{display:inline-block;}
.h_r_t section.banner-hisher .mibile img{display:inline-block; max-width:100%;}
.h_r_t section.banner-hisher .description{padding-top:130px; max-width:930px; margin:0 auto; text-align:center; margin-bottom:130px;}
.h_r_t section.banner-hisher .description p{font-size:30px; line-height:1.5; color:#d8d8d8;}
/* banner end */


/* second-sec start */
.h_r_t section.second-sec{width:100%; background-image:url(../portfolio/hisher/images/section-2-bg.png); background-size:cover; padding-top:330px;  position:relative; background-repeat:no-repeat; min-height:2400px;background-attachment:fixed;}
.h_r_t section.second-sec .text-area{max-width:800px;}
.h_r_t section.second-sec h2{font-size:55px; color:#e44a4e; line-height:1.2;}
.h_r_t section.second-sec P{font-size:33px; color:#fffefe; line-height:1.7;}
.h_r_t section.second-sec .head-are{width:100%; display:block; float:right;}
.h_r_t section.second-sec .heading{ color:#fffefe; float:right;}
.h_r_t section.second-sec .heading .headtxt:before{ left:-254px; right:inherit; transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); -webkit-transform:rotate(-40deg); bottom:-94px; width:288px;}
.h_r_t section.second-sec .heading .headtxt:after{ left:-233px; top:253px;}
.h_r_t section.second-sec .headtxt h2{font-size:55px; margin-bottom:19px;font-family: 'OpenSansBold_1'; color:#fff;}
.h_r_t section.second-sec ul.icons{ max-width:1040px; margin:280px auto 0 auto; display:inline-block;text-align:center; padding:0;}
.h_r_t section.second-sec ul.icons li{display:inline-block; padding-bottom:78px; min-width:150px; }
.h_r_t section.second-sec ul.icons li + li{}
.h_r_t section.second-sec .hand-mob{position:absolute; left:0; bottom:-175px;}
.h_r_t section.second-sec .hand-mob img{max-width:100%;}
/* second-sec end */


/* mobile start */
.h_r_t section.mobile{width:100%;}
.h_r_t section.mobile .screen{width:100%; display:inline-block; margin:180px 0;}
/* mobile end */


/* app intro start */
.h_r_t section.app-intro {width:100%;
background-color: #e44a4e; /* Old browsers */
background-color: -moz-linear-gradient(top, #e44a4e 0%, #eb873f 100%); 
background-color: -webkit-linear-gradient(top, #e44a4e 0%,#eb873f 100%); /
background-color: linear-gradient(to bottom, #e44a4e 0%,#eb873f 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e44a4e', endColorstr='#eb873f',GradientType=0 );}
.h_r_t section.app-intro .app-section{background-image:url(../portfolio/hisher/images/section3-bg.png); background-repeat:no-repeat; background-size:cover; background-position:center; padding-top:120px; min-height:830px; position:relative;background-attachment:fixed;}
.h_r_t section.app-intro .app-in{position:absolute; width:100%;}
.h_r_t section.app-intro .app{display:block;}
.h_r_t section.app-intro .app img{display:inline-block;}
.h_r_t section.app-intro .app-one img{position:relative; left:-22px; padding-top:117px;}
.h_r_t section.app-intro .app-three {float:right;}
.h_r_t section.app-intro .app-three img{padding-top:290px;}
.h_r_t section.app-intro .app-three img, section.app-intro .app-two img{box-shadow: 1px 1px 20px 0px #00000052; -webkit-box-shadow: 1px 1px 20px 0px #00000052; -ms-box-shadow: 1px 1px 20px 0px #00000052; -moz-box-shadow: 1px 1px 20px 0px #00000052; -o-box-shadow: 1px 1px 20px 0px #00000052;}
/* app intro end */
.h_r_t section.app-intro .head-are{width:100%; display:inline-block;}
.h_r_t section.app-intro .poeple{width:100%; display:inline-block; margin-top:125px; text-align:center; margin-bottom:20px;} 
.h_r_t section.app-intro .app-feature{width:100%; display:inline-block; margin-top:430px;}
.h_r_t section.app-intro .app-feature .dts{float:none; vertical-align:bottom;}
.h_r_t section.app-intro .app-feature .app-img{float:right;}
.h_r_t section.app-intro .app-feature .app-img img{box-shadow: 1px 1px 20px 0px #00000052; -webkit-box-shadow: 1px 1px 20px 0px #00000052; -ms-box-shadow: 1px 1px 20px 0px #00000052; -moz-box-shadow: 1px 1px 20px 0px #00000052; -o-box-shadow: 1px 1px 20px 0px #00000052; display:inline-block;}
/* notifications start */
.h_r_t section.app-intro .notifications{display:inline-block; width:100%; margin-top:190px; margin-bottom:120px;}
.h_r_t section.app-intro .notifications .appnt{display:inline-block; width:100%; }
.h_r_t section.app-intro .notifications .appnt img{display:inline-block; box-shadow: 1px 1px 20px 0px #00000052; -webkit-box-shadow: 1px 1px 20px 0px #00000052; -ms-box-shadow: 1px 1px 20px 0px #00000052; -moz-box-shadow: 1px 1px 20px 0px #00000052; -o-box-shadow: 1px 1px 20px 0px #00000052; display:inline-block; }
.h_r_t section.app-intro .notifications .app .img2 {width:100%; text-align:center; display:inline-block; margin-top:45px; }
.h_r_t section.app-intro .notifications .app .img3  {width:100%; text-align:right; display:inline-block; margin-top:70px; }
.h_r_t section.app-intro .notifications .dts {float:none; vertical-align:middle; }
/* notifications end */


/* mobiles section start */
.h_r_t section.mobiles{width:100%;background-image:url(../portfolio/hisher/images/mobile-bg.png); background-repeat:no-repeat; background-position:center; background-size:cover; padding:130px 0 80px 0;background-attachment:fixed;}
/* mobiles section end */


/* footer start */
.h_r_t footer.footerhisher{background-image:url(../portfolio/hisher/images/footer-bg.png); background-position:center; background-size:cover; background-repeat:no-repeat; padding:45px 0 55px 0; background-attachment:fixed;}
.h_r_t footer.footerhisher .text{display:inline-block; margin-top:265px; max-width:410px; float:right;}
.h_r_t footer.footerhisher .text h1{display:inline-block; font-size:79px; line-height:1; color:#fff; text-transform:uppercase;}
.h_r_t footer.footerhisher .mobile {float:right; width:100%;}
.h_r_t footer.footerhisher .mobile img{ max-width:100%;}
/* footer end */






/* responsive media quaries */


@media(min-width:768px){
.h_r_t .no-padding{padding:0;}

}
@media(min-width:1200px){
.h_r_t section.app-intro .app{margin-left:-55px;}
}
@media(max-width:1199px){
.h_r_t section.banner-hisher .mobile-sec .title h1{font-size:52px;}
.h_r_t section.app-intro .app-three img, section.app-intro .app-two img{max-width:90%;}
.h_r_t section.app-intro .app-one img{max-width:100%;}
.h_r_t section.banner-hisher .description p{font-size:29px;}
.h_r_t section.second-sec .text-area{max-width:670px;}
.h_r_t section.second-sec h2{font-size:43px;}
.h_r_t section.second-sec P{font-size:28px;}
.h_r_t section.app-intro .app-section{min-height:690px;}
.h_r_t section.app-intro .app-three{text-align:center;}
.h_r_t section.second-sec .head-are{margin-top:55px;}
.h_r_t section.app-intro .app-one img{left:0;}
.h_r_t section.second-sec .hand-mob img{max-width:90%;}
.h_r_t footer.footerhisher .text{margin-top:155px;}
}

@media(max-width:991px){
.h_r_t section.banner-hisher .mobile-sec .title h1{font-size:60px;}
.h_r_t section.second-sec{min-height:2500px;}
.h_r_t section.banner-hisher .description p{font-size:22px;}
.h_r_t section.app-intro .app-section{min-height:565px;}
.h_r_t section.second-sec .text-area{max-width:530px;}
.h_r_t section.second-sec h2{font-size:34px;}
.h_r_t section.second-sec P{font-size:22px;}
.h_r_t section.second-sec .headtxt h2{font-size:45px;}
.h_r_t section.app-intro .headtxt h2{font-size:45px;}
.h_r_t section.app-intro .headtxt:after{top:152px;}
.h_r_t section.second-sec .heading .headtxt:after{left: -238px; top: 247px;}
.h_r_t section.app-intro .poeple img{max-width:100%;}
.h_r_t section.app-intro .app-feature .app-img img{max-width:100%;}
.h_r_t section.mobile .screen img{max-width:100%;}
.h_r_t section.app-intro .notifications .appnt img{max-width:100%;}
.h_r_t section.app-intro .notifications .app img{max-width:100%;}
.h_r_t footer.footerhisher .text h1{font-size:70px;}
.h_r_t footer.footerhisher .text{margin-top:200px;}
}

@media(max-width:767px){
.h_r_t section.banner-hisher .logo img{max-width:100%;}
.h_r_t section.banner-hisher .mobile-sec .title{margin-top:0;}
.h_r_t section.banner-hisher .mobile-sec .title h1{text-align:center; font-size:32px;}
.h_r_t section.banner-hisher .description p{font-size:18px;}
.h_r_t section.banner-hisher .mibile{width:100%; text-align:center; margin-top:35px;}
.h_r_t section.banner-hisher .description{padding-top:18px;}
.h_r_t section.banner-hisher .mibile img{max-width:100%;}
.h_r_t section.second-sec .heading .headtxt:before{
	transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg); 
left: -135px; bottom: -79px; width: 180px;}
.h_r_t section.second-sec .heading .headtxt:after{left:-105px; top:216px;}
.h_r_t section.app-intro .app{text-align:center; float:none;}
.h_r_t section.app-intro .app-section{min-height:2600px;}
.h_r_t section.app-intro .app-three img, section.app-intro .app-two img{max-width:100%;padding:0;}
.h_r_t section.app-intro .app-three img{margin-top:65px;}
.h_r_t section.app-intro .app-one img{padding-top:0;}
.h_r_t section.app-intro .app-two img{margin-top:20px;}
.h_r_t section.app-intro .app-feature{margin-top:65px;}
.h_r_t section.app-intro .app-feature .dts{display:inline-block;}
.h_r_t section.app-intro .app-feature .app-img{text-align:center; float:none;}
.h_r_t section.app-intro .app-feature .app-img img{margin-top:45px;}
.h_r_t section.app-intro .notifications{margin-top:110px;}
.h_r_t section.second-sec ul.icons li{min-width:200px;}

.h_r_t .dt{display:inline-block;}
.h_r_t .dts{display:inline-block;}
.h_r_t section.app-intro .app .img1{margin-top:85px;}
.h_r_t section.app-intro .notifications .app .img3{text-align:center;}
.h_r_t footer.footerhisher .text{margin:0; display:inline-block; max-width:100%;}
.h_r_t footer.footerhisher .text h1{font-size:45px;}
.h_r_t footer.footerhisher .mobile{float:none; text-align:center; margin-top:85px;}
}


@media(max-width:480px){
.h_r_t section.banner-hisher .description p{font-size:16px;}
.h_r_t section.second-sec{padding-top:80px;}
.h_r_t section.second-sec .heading{float:none; width:100%; text-align:center;}
.h_r_t section.second-sec .headtxt h2{font-size:35px;}
.h_r_t section.second-sec .heading .headtxt:before{
	transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);    
left:-20px; bottom:-38px; width: 83px;}
.h_r_t section.second-sec ul.icons li{min-width:100%;}
.h_r_t section.second-sec .heading .headtxt:after{left: 30px; top: 125px}
.h_r_t section.second-sec ul.icons{margin: 140px auto 0 auto;}
.h_r_t section.app-intro .app-section{min-height:2400px;}
.h_r_t section.app-intro .heading{width:100%; text-align:center;}
.h_r_t section.app-intro .headtxt h2{font-size:35px;}
.h_r_t section.app-intro .headtxt:before{
	transform: rotate(70deg);
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);  
	bottom: -45px;
    right: -25px;}
.h_r_t section.app-intro .headtxt:after{top: 133px; right: 37px;}
.h_r_t section.second-sec{min-height:2700px;}
.h_r_t section.app-intro .app-in{position:relative;}
.h_r_t section.app-intro .app-section{min-height:auto; padding-bottom:50px;}
}