body.hlt-jmp{font-family: 'GothamBook';}
.hlt-jmp p.title{width:100%;display:inline-block; color:#838383; font-size:20px;  font-family: 'GothamMedium';}
.hlt-jmp ul {padding:0;}
.hlt-jmp ul li{list-style:none;}
.hlt-jmp .dt{display:table;}
.hlt-jmp .dts{display:table-cell;}

/* banner start */
.hlt-jmp section.banner-hlw{padding-top:90px; background-image:url(../portfolio/healthjump-web/images/main-banner-bg.png); background-position:top; background-color:#f4f4f4; background-repeat:no-repeat; padding-bottom:190px; width:100%; background-size:contain;}
.hlt-jmp section.banner-hlw .description{padding-top:40px; max-width:880px; margin:0 auto; display:block;}
.hlt-jmp section.banner-hlw .description p{font-size:31px; line-height:1.3;}
.hlt-jmp section.banner-hlw .desktop {margin-top:88px;}
.hlt-jmp section.banner-hlw .desktop img{display:inline-block;}
.hlt-jmp section.banner-hlw .introduction {margin-top:130px;}
.hlt-jmp section.banner-hlw .introduction  p.intro{margin-top:90px; max-width:690px; margin-left:116px; display:inline-block; font-size:20px; color:#838383; line-height:1.6;} 
/* banner end */

/* assets start */
.hlt-jmp section.assets{width:100%; background-color:#191b24;}
.hlt-jmp section.assets p.title{color:#a4a8bb;}
.hlt-jmp section.assets .typography{margin-top:80px;}
.hlt-jmp section.assets .typography ul.fonts{margin-top:100px; padding-left:110px;}
.hlt-jmp section.assets .typography ul.fonts li {display:table;}
.hlt-jmp section.assets .typography ul.fonts li + li{margin-top:35px;}
.hlt-jmp section.assets .typography ul.fonts li .font-1, .hlt-jmp section.assets .typography ul.fonts li .font-2{display:table-cell;}
.hlt-jmp section.assets .typography ul.fonts li .font-1{min-width:470px;}
.hlt-jmp section.assets .typography ul.fonts li .font-1:nth-child(2){min-width:auto;}
.hlt-jmp section.assets .typography ul.fonts li .font-2{vertical-align:middle;}
.hlt-jmp section.assets .typography ul.fonts li .font-2 img{display:inline-block;}
.hlt-jmp section.assets .Color{display:inline-block; width:100%; margin-top:100px;}
.hlt-jmp section.assets .Color ul.colors{display:inline-block;  margin-top:90px; padding-left:110px; margin-bottom:90px;}
.hlt-jmp section.assets .Color ul.colors2{padding:0;}
.hlt-jmp section.assets .Color ul.colors li{display:table;  width:270px;}
.hlt-jmp section.assets .Color ul.colors li + li{margin-top:70px;}
.hlt-jmp section.assets .Color ul.colors li .colors-bg{display:table-cell; height:52px; width:52px; border-radius:50px; background-color:transparent;  }
.hlt-jmp section.assets .Color ul.colors li:nth-child(1) .colors-bg{background-color:#f5680a;  }
.hlt-jmp section.assets .Color ul.colors li:nth-child(2) .colors-bg{background-color:#2d3548;  }
.hlt-jmp section.assets .Color ul.colors2 li:nth-child(1) .colors-bg{background-color:#4caa30;  }
.hlt-jmp section.assets .Color ul.colors2 li:nth-child(2) .colors-bg{background-color:#ffffff;  }
.hlt-jmp section.assets .Color ul.colors li .colors-name{display:table-cell; font-size:20px; color:#71768c; font-family: 'GothamBook'; vertical-align:middle;}
.hlt-jmp section.assets .Color ul.colors li .width{width:20px;display:table-cell;	  }
/* assets end */


/* layout start */
.hlt-jmp section.layout{width:100%; padding-top:100px;}
.hlt-jmp section.layout .layoutimage{width:100%; padding-top:100px;}
/* layout end */


/* bottom start */
.hlt-jmp section.bottom{width:100%; background-color:#191b24; padding-top:110px; padding-bottom:165px;}
.hlt-jmp section.bottom .bottom-table {padding-top:82px;}
.hlt-jmp section.bottom .bottom-table .frpc{width:500px;}
.hlt-jmp section.bottom .bottom-table p{text-align:center; margin-top:20px; margin-bottom:0;}
.hlt-jmp section.bottom .bottom-table .portimg{width:100%; text-align:center;}
.hlt-jmp section.bottom .bottom-table .portimg img{max-width:100%; }
.hlt-jmp section.bottom .bottom-table .table-left, .hlt-jmp section.bottom .bottom-table .table-right{vertical-align:middle; }
.hlt-jmp section.bottom .bottom-table .table-left, .hlt-jmp section.bottom .bottom-table .table-right{vertical-align:middle; }
.hlt-jmp section.bottom .table2 .table-left, .hlt-jmp section.bottom .table2 .table-right{vertical-align:bottom; }

/* bottom end */


/* responsive css start */
@media(max-width:1199px){
.hlt-jmp section.bottom .bottom-table .frpc{width:330px; padding: 0 15px;}
}
@media(max-width:991px){
.hlt-jmp section.bottom .bottom-table .frpc{width:250px; padding: 0 15px;}
.hlt-jmp section.banner-hlw .description p{font-size:28px;}
.hlt-jmp section.banner-hlw .introduction p.intro{font-size:17px;}
.hlt-jmp section.assets .typography ul.fonts li .font-1:nth-child(2){min-width:auto;}

}


@media(max-width:991px){
.hlt-jmp section.banner-hlw .description p{font-size:20px;}	
}
@media(max-width:767px){
.hlt-jmp section.banner-hlw{padding-bottom:90px;}
.hlt-jmp section.banner-hlw .desktop{margin-top:60px;}
.hlt-jmp section.banner-hlw .introduction{margin-top:75px;}
.hlt-jmp section.banner-hlw .introduction p.intro{margin-top:60px;}
.hlt-jmp section.assets .typography{margin-top:40px;}
.hlt-jmp section.assets .typography ul.fonts{margin-top:50px;}
.hlt-jmp section.assets .typography ul.fonts li	{display:inline-block;}
.hlt-jmp section.assets .typography ul.fonts li .font-1{min-width:310px;}
.hlt-jmp section.assets .Color ul.colors li{width:200px;}
.hlt-jmp section.bottom{padding:80px 0;}
.hlt-jmp section.bottom .bottom-table{display:inline-block; width:100%;}
.hlt-jmp section.bottom .bottom-table{text-align:center;}
.hlt-jmp section.bottom .bottom-table .table-left, .hlt-jmp section.bottom .bottom-table .table-right{display:inline-block	; text-align:center; width:auto;}
.hlt-jmp section.bottom .bottom-table .table-right{padding-top:40px;}
.hlt-jmp section.bottom .table2 {padding-top:70px;}

.hlt-jmp section.bottom .table2 .frpc {padding-top:0px;}
.hlt-jmp section.bottom{padding:80px 0;}
.hlt-jmp section.bottom .table2 .table-left{padding-top:70px;}
}
@media(max-width:550px){
.hlt-jmp section.banner-hlw{background-size:cover; padding:70px 0 25px 0;}
.hlt-jmp p.title{text-align:center;}
.hlt-jmp section.banner-hlw .logo img{max-width:100%;}
.hlt-jmp section.banner-hlw .introduction{margin-top:40px;}
.hlt-jmp section.banner-hlw .introduction p.intro{margin-left:0; text-align:center; margin-top:0px;}
.hlt-jmp section.assets .typography{margin-top:70px;}
.hlt-jmp section.assets .typography ul.fonts{padding-left:0; text-align:center; margin-top:0;}
.hlt-jmp section.assets .Color ul.colors, .hlt-jmp section.assets .Color ul.colors2{padding-left:0; width:100%; text-align:center; margin:0;}
.hlt-jmp section.assets .typography ul.fonts li{width:100%;}
.hlt-jmp section.assets .typography ul.fonts li .font-1{min-width:100%;}
.hlt-jmp section.assets .typography ul.fonts li .font-1, .hlt-jmp section.assets .typography ul.fonts li .font-2{display:block;}
.hlt-jmp section.assets .typography ul.fonts li .font-1:nth-child(2){margin-top:20px;}
.hlt-jmp section.assets .typography ul.fonts li + li{margin-top:45px;}
.hlt-jmp section.assets .Color{margin-bottom:40px; margin-top:70px;}
.hlt-jmp section.assets .Color ul.colors li{display:block; width:auto;}
.hlt-jmp section.assets .Color ul.colors li .colors-bg{height:90px; width:90px;}
.hlt-jmp section.assets .Color ul.colors li + li{margin-top:45px;}
.hlt-jmp section.assets .Color ul.colors li .width{height:10px; width:100%;}
.hlt-jmp section.assets .Color ul.colors li .colors-bg, .hlt-jmp section.assets .Color ul.colors li .width, .hlt-jmp section.assets .Color ul.colors li .colors-name{display:block; margin:0 auto;}
.hlt-jmp section.assets .Color ul.colors2{margin-top:45px;}
.hlt-jmp section.assets p.title{margin-bottom:50px;}
.hlt-jmp section.layout{padding-top:70px; padding-bottom:40px;}
.hlt-jmp section.bottom{padding:70px 0;}
.hlt-jmp section.layout .layoutimage{padding-top:25px;}
.hlt-jmp section.bottom .bottom-table{padding-top:25px;}
.hlt-jmp section.bottom .table2 {padding-top:70px;}

}