/*Common styles*/
body{
    background: #fff;
}
h1,h2,h3,h4{
    font-family: 'Roboto', sans-serif; 
}
.Pad0{
    padding-left: 0;
    padding-right: 0;
}
.PadL0{
    padding-left: 0;
}

.padT10{
	padding-top: 10px !important;
}
.PadR0{
    padding-right: 0;
}
.padT40{
    padding-top: 40px !important; 
}
.padT50{
    padding-top: 50px !important; 
}
.padB50{
    padding-bottom: 50px !important;
}
.marT40{
    margin-top: 40px !important;
}
.txtcenter{
    text-align: center;
}
.txtwhite{
    color: #fff !important;
}
.blue{ color:#2676d5;}

.full-width .body-container > .row-fluid-wrapper {
    margin: 0;
    width: 100%;
}
.hrline-g{
    border: 0;
    height: 1px;
    background: #ddd;    
}
.bg-li-gray{
    background-color: #eee;
}
.txtcenter{
    text-align: center;
}

.space-wrapper{
    padding-top: 65px;
    padding-bottom: 65px;
}

.line95{line-height: 95px !important;}
.line30{line-height: 30px !important;}


.font70{font-size: 70px !important;}
.font40{font-size: 40px !important;}
.font24{font-size: 24px !important;}

.fontW800{font-weight: 800 !important;}
.fontW500{font-weight: 500 !important;}
.fontW400{font-weight: 400 !important;}
.fontW200{font-weight: 200 !important;}

.full-width .container-fluid {
    max-width: 100%;
    margin: 0;
}
.full-width .body-container {
    background: #FFF;
    border: 0px solid #D4D5D9;
    margin-bottom: 0px!important;
    margin-top: 0px!important;
    padding: 0;
}
.full-width p{
    font-family: 'Open Sans', sans-serif; 
}

.footer-container{
    margin-right: auto !important;
    margin-left: auto !important;
}

.para{

    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #4d4d4d;
}


/*Common styles*/
.hero-banner{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 10em;
}
.hero-banner .banner-box{
    padding: 8em 0 0 0;
}
.hero-banner h1{
    text-align: center;
    font-size: 56px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    padding: 0;
}
.hero-banner h2{
    text-align: center;
    font-size: 66px;
    font-weight: 100;
    line-height: 1.1;
    color: #fff;
    margin: 67px 0 0 0;
    padding: 0;
}
.hero-banner.outsourced h2{
    margin-top: 30px;
}
.hero-banner h2 span{
    color: #00e4ff;
}
.hero-banner .arw-pointer{
    margin: 45px auto 0;
    display: block;
}
.hero-banner p{
    color: #fff;
    line-height: 1.8;
    margin-top: 2em;
    text-align: center;
}
.bnr-txt{
    text-align: center;
}
.bnr-txt .bnr-lft{
    color: #fff;
    font-weight: 200;
    line-height: 28px;
    font-family: 'Roboto',sans-serif;
    padding: 30px 0;
    font-size: 16px;
}
.bnr-txt .bnr-right li{
    font-size: 16px;
    color: #fff;
    font-weight: 200;
    text-align: left;
    margin-bottom: 15px;
}
.bnr-txt .bnr-right li em{
    color: #ff4e00;
}
@media (max-width: 480px) {
    .body-container-wrapper {
        margin-top: 0;
    }
    .hero-banner .banner-box{
        padding: 2.5em 0 2em 0;
    }
    .hero-banner h1{
        font-size: 34px;
        line-height: 1;
    }
    .hero-banner h2{
        font-size: 44px;
        line-height: 1;
        margin: 25px 0 0 0;
    }
    .hero-banner .arw-pointer{
        margin: 20px auto 0;
    }
    .hero-banner p{
        color: #fff;
        line-height: 1.8;
        margin-top: 2em;
        text-align: center;
    }
    .hero-banner.outsourced{
        padding: 0 15px 20px;
    }
}
@media (min-width: 481px) and  (max-width: 768px){
    .hero-banner {
        min-height: 20em;
    }
    .body-container-wrapper {
        margin-top: 0;
    }
    .hero-banner h1{
        font-size: 36px;
        line-height: 1;
    }
    .hero-banner h2{
        font-size: 50px;
        line-height: 1;
        margin: 35px 0 0 0;
    }
    .hero-banner .arw-pointer{
        margin: 20px auto 0;
    }
    .hero-banner p{
        color: #fff;
        line-height: 1.8;
        margin-top: 2em;
        text-align: center;
    }
}
@media (min-width: 768px) {
    .bnr-txt > div{
        display: inline-block;
        width: 48%;
    }
    .bnr-txt .bnr-lft{
        text-align: right;
        padding: 52px 28px 28px 0;
        vertical-align: top;
    }
    .bnr-txt .bnr-right{
        border-left: 1px solid #656565;
        padding: 15px 0 0 28px;
    }
}
@media (min-width: 769px) and  (max-width: 1999px){
    .hero-banner {
        min-height: 25em;
    }
    .body-container-wrapper {
        margin-top: 75px !important;
    }
    .bnr-txt{
        padding-top: 30px;
    }
    .bnr-txt .bnr-lft{
        font-size: 21px;
    }
    
}
@media (min-width: 1200px) {
    .hero-banner {
        min-height: 30em;
    }
    .hero-banner.outsourced{
        min-height: 40em;
    }
    .hero-banner.outsourced h2{
        margin-top: 30px;
    }
    .bnr-txt{
        padding-top: 60px;
    }
    .bnr-txt .bnr-lft{
        font-size: 26px;
    }
    .pad-c15{
        padding: 0 15px;
    }
}
@media (min-width: 1440px) {
    .hero-banner {
        min-height: 37em;
    }
    .hero-banner.outsourced{
        min-height: 40em;
    }
    .CupadB90{
    padding-bottom: 90px !important;
}
}

/*Page styles - Enterprise*/

.space-block{
    padding: 3em 2em;
}
.orange-link{
    font-size: 22px;
    color: #ff4e00;
    font-weight: 100;
    font-family: 'Roboto', sans-serif; 
}
.enterprise{
    background-image: url("http://www.boston-technology.com/wp-content/uploads/images/enterprise-banner.jpg"); 
}
.grid-block{
    background: #f0f0f0;
}
.grid-block .caption-block, .grid-block .img-block{
    min-height: 460px;
    text-align: center;
}
.grid-block .caption-block h2{
    font-size: 60px;
    font-weight: 100;
    line-height: 1;
    color: #0069d2;
    text-align: center;
}
.grid-block .caption-block h4{
    font-size: 30px;
    font-weight: 100;
    color: #000;
    text-align: center;
    line-height: 1.3;
}
.ep-col-1 .space-block{
    padding-top: 4em;
}
.mob-app-strategy{
    background: url("http://www.boston-technology.com/wp-content/uploads/images/mobile-aaplication-stategy.jpg") no-repeat; 
    background-size: cover;
}
.mob-app-strategy h4{
    margin: 0;
    text-align: center;
    font-size: 36px;
    font-weight: 100;
    color: #fff;
}
.mob-app-strategy p{
    color: #fff;
    text-align: center;
}
.app-dev-magic{
    background: url("http://www.boston-technology.com/wp-content/uploads/images/btc-pplication-dev02.jpg") no-repeat; 
    background-size: cover;
    text-align: left !important;
}
.app-dev-magicftwot{
    background: url("http://www.boston-technology.com/wp-content/uploads/images/btc-pplication-dev03.jpg") no-repeat; 
    background-size: cover;
    text-align: left !important;
}
.app-dev-magic .space-block{
    padding-left: 4em;
}
.app-dev-magic h4{
    margin: 1em 0 1em 0;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 100;
    color: #000;
}
.ep-col-4 .space-block{
    padding-top: 4.5em;
}
.ep-col-5 .space-block{
    padding-top: 3.5em;
}
.explore-more-design{
    background: url("http://www.boston-technology.com/wp-content/uploads/images/explore-more-design.jpg") no-repeat; 
    background-size: cover;
}
.explore-more-design h4{
    margin: 1em 0 0 1.5em;
    font-size: 30px;
    font-weight: 100;
    color: #fff;
}
.explore-more-design h4 span{
    color: #ff4e00;
}
.ep-col-7 .space-block{
    padding-top: 3.5em;
    padding-top: 3em;
}
.ep-col-8 .space-block{
    padding-top: 4.5em;
}
.enterprise-app-integration{
    background: url("http://www.boston-technology.com/wp-content/uploads/images/enterprise-app-integration.jpg") no-repeat; 
    background-size: cover;
    text-align: left !important;
}
.enterprise-app-integration h4{
    margin: 0;
    font-size: 40px;
    font-weight: 100;
    color: #000;
    line-height: 1.2;
}
.ebook-block{
    background: url("http://www.boston-technology.com/wp-content/uploads/images/ebook-a-crash-course.jpg") no-repeat; 
    background-size: cover;
    text-align: left !important;
    margin: 0;
}
.ebook-block h4{
    margin: 0;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 100;
    color: #fff;
}
.ebook-block .ebook-download{
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    display: block;
    margin-top: 8em;
    font-family: 'Roboto', sans-serif; 
}
.ebook-block .ebook-download a{
    font-family: 'Open Sans', sans-serif; 
    font-size: 11px;
    text-transform: uppercase;
    float: right;
    color: #fff;
}
.ebook-block .ebook-download a:hover{
    color: #ff4e00;
}
.ep-col-9 .space-block{
    padding-top: 5em;
}
.ep-col-10 .space-block{
    padding-top: 3em;
}
.contact-box{
    background: #e4e4e4;
    text-align: center;
    padding: 2em;
    font-size: 26px;
    color: #000;
    font-weight: 100;
}
.contact-box a{
    font-size: 26px;
    color: #ff4e00;
    font-weight: 400;
    text-decoration: underline;
}
.contact-box a:hover{
    text-decoration: none;
}
.platform-services{
    background: url("http://www.boston-technology.com/wp-content/uploads/images/platform-services-bg.jpg") no-repeat center top; 
    background-size: cover;
    min-height: 500px;
}
.apple-platform-services{
    background: url("http://www.boston-technology.com/wp-content/uploads/images/AppleResearchKit.jpg") no-repeat center top; 
    background-size: cover;
    min-height: 296px;
}
.txtright{
    text-align:right;
}
.platform-services h2{
    margin: .3em 0 .8em 0;
    font-size: 60px;
    line-height: 1.2;
    font-weight: 100;
    color: #fff;
    text-align: center;
}
.platform-services .space-block{
    padding: 3em 4em 1em;
    text-align: center;
}
.platform-services .space-block a img{
    margin-right: 2em;
    display: inline;
}
.platform-services .space-block a:last-child img{
    margin-right: 0;
}
@media (max-width: 480px) {
    .orange-link{
        font-size: 18px;
    }
    .grid-block .caption-block, .grid-block .img-block{
        min-height: 300px;
    }
    .grid-block .caption-block h2{
        font-size: 40px;
        line-height: 1;
    }
    .grid-block .caption-block h4{
        font-size: 30px;
        line-height: 1.3;
    }
    .ep-col-1 .space-block{
        padding-top: 2em;
    }
    .mob-app-strategy h4{
        font-size: 36px;
        line-height: 1;
    }
    .mob-app-strategy p{
        color: #fff;
        text-align: center;
    }
    .app-dev-magic .space-block{
        padding-left: 4em;
    }
    .app-dev-magic h4{
        margin: 1em 0 1em 0;
        font-size: 30px;
        line-height: 1.1;
    }
    .ep-col-4 .space-block{
        padding-top: 2em;
    }
    .ep-col-5 .space-block{
        padding-top: 3.5em;
    }
    .explore-more-design h4{
        margin: 0;
        font-size: 40px;
        line-height: 1;
    }
    .explore-more-design h4 span{
        color: #ff4e00;
    }
    .ep-col-7 .space-block{
        padding-top: 3.5em;
        padding-top: 3em;
    }
    .ep-col-8 .space-block{
        padding-top: 4.5em;
    }
    .enterprise-app-integration h4{
        font-size: 40px;
        line-height: 1;
        padding: 0;
    }
    .ebook-block h4{
        font-size: 26px;
        line-height: 1;
    }
    .ebook-block .ebook-download{
        font-size: 17px;
        margin-top: 6em;
    }
    .ep-col-9 .space-block{
        padding-top: 2em;
    }
    .ep-col-10 .space-block{
        padding-top: 3em;
    }
    .contact-box{
        font-size: 24px;
        line-height: 1.3;
    }
    .contact-box a{
        font-size: 24px;
    }
    .platform-services h2{
        margin: 0em 0 .3em 0;
        font-size: 40px;
        line-height: 1;
    }
    .platform-services .space-block{
        padding: 2em;
    }
    .platform-services .space-block a img{
        margin-right: 0em;
        margin-bottom: 1em;
    }
}
@media (min-width: 481px) and  (max-width: 768px){

}
@media (min-width: 769px) and  (max-width: 1999px){
    .grid-block .caption-block, .grid-block .img-block{
        min-height: 380px;
    }
    .grid-block .caption-block h2{
        font-size: 50px;
        line-height: 1;
    }
    .ebook-block .ebook-download{
        font-size: 17px;
        margin-top: 8em;
    }
    .platform-services h2{
        margin: 0em 0 .3em 0;
        font-size: 50px;
        line-height: 1;
    }
    .platform-services .space-block{
        padding: 2em;
    }
    .platform-services .space-block a img{
        margin-right: 1em;
        margin-bottom: 1em;
    }
}

/*Startup Page*/
.startups{
    background-image: url("http://www.boston-technology.com/wp-content/uploads/images/startup-banner.jpg"); 
}

.startups.hero-banner h1{
    text-align: center;
    font-size: 56px;
    font-weight: 400;
    color: #fff;
    margin: 1.5em 0 0 0;
    padding: 0;
}
.startups.hero-banner h2{
    text-align: center;
    font-size: 40px;
    font-weight: 100;
    line-height: 1.1;
    color: #fff;
    margin: 37px 0 0 0;
    padding: 0;
}
.startups.hero-banner h2 span{
    color: #00e4ff;
}
.startups.hero-banner .arw-pointer{
    margin: 7em auto 0;
    display: block;
}

@media (max-width: 480px) {
    .startups.hero-banner h1{
        font-size: 40px;
        margin: 1em 0 0 0;
        padding: 0;
    }
    .startups.hero-banner h2{
        font-size: 40px;
        line-height: 1.1;
        margin: 27px 0 0 0;
    }
    .startups.hero-banner .arw-pointer{
        margin: 4em auto 0;
        display: block;
    }
}
@media (min-width: 481px) and  (max-width: 768px){

}
@media (min-width: 769px) and  (max-width: 1999px){
    .startups.hero-banner h1{
        font-size: 50px;
        margin: 1em 0 0 0;
        padding: 0;
    }
}

/*offshore Developement*/
.offshore-dev{
    background-image: url("http://www.boston-technology.com/wp-content/uploads/images/enterprise-banner.jpg"); 
}
.offshore-dev.hero-banner h1{
    text-align: center;
    font-size: 60px;
    font-weight: 100;
    color: #fff;
}
.tab-contnt-grey-box{
    background: #f0f0f0;
    padding: 3em 4em;
    margin-top: -6.5em;
    margin-bottom: 2.5em;
}
.tab-contnt-grey-box h2{
    font-size: 46px;
    font-weight: 100;
    color: #000;
    margin: 0 0 1em 0;
}
.bullet-list-one{
    margin: 0;
    padding: 0;
    list-type: none;
}
.bullet-list-one li{
    margin: 0 0 15px 0;
    padding: 0 0 0 30px;
    list-style: disc;
    display: block;
    position: relative;
    font-size: 16px;
    color: #4d4d4d;
}
.bullet-list-one li:before{
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 2px;
    position: absolute;
    top: 8px;
    width: 6px;
    background: #6ca6e0;
}
.offshore ul.tabs{
    margin: 1.5em;
    float: none;
}
.offshore .tab-link {
    font-size: 20px;
    font-weight: 300;
    color: #777;
    display: block;
}
.outsourced{
    background-image: url("http://www.boston-technology.com/wp-content/uploads/images/enterprise-banner.jpg"); 
}
.outsourced.hero-banner h1{
    text-align: center;
    font-size: 60px;
    font-weight: 100;
    color: #fff;
}
.outsourced.hero-banner h2{
    text-align: center;
    font-size: 40px;
    font-weight: 100;
    color: #00e4ff;
}



.uiux-slide-one{
    min-height: 15em;
    background: url("http://www.boston-technology.com/wp-content/uploads/images/ui-ux-bg01.jpg") no-repeat center top; 
}
.uiux-slide-one .caption{
    margin: 25em 0 0 0;
    text-align: left;
}
.uiux-slide-one .caption h1{
    text-align: left;
    font-size: 70px;
    font-weight: 100;
    color: #fff;
    line-height: 1.3;
}
.uiux-slide-one .caption p.lead{
    text-align: left;
    font-size: 24px;
    font-weight: 100;
    color: #fff;
    line-height: 1.3;
}
.uiux-slide-one .caption p.lead span{
    text-align: left;
    font-size: 36px;
    font-weight: 400;
    color: #fff;
    line-height: 1.3;
}

.uiux-slide-two{
    min-height: 650px;
   /* background: url("/wp-content/uploads/images/ui-ux-bg02.jpg") no-repeat center top;*/
    background: url("http://www.boston-technology.com/wp-content/uploads/images/ui-ux-bg02.jpg") no-repeat 20% top; 
}
.uiux-slide-two .caption{
    margin: 18em 0 0 0;
    text-align: left;
}
.uiux-slide-two .caption p.lead{
    font-size: 24px;
    font-weight: 100;
    color: #fff;
    line-height: 1.3;
}
.uiux-slide-two .caption p.lead span{
    font-weight: 400;
}

.uiux-slide-three{
    min-height: 480px;
    background: url("http://www.boston-technology.com/wp-content/uploads/images/ui-ux-bg03.jpg") no-repeat center top; 
}
.uiux-slide-three .space-block{
    padding: 3em 0 0 0;
    text-align: center;
}
.uiux-slide-three h1{
    text-align: center;
    font-size: 60px;
    font-weight: 100;
    color: #fff;
    line-height: 1.3;
    padding: 1.3em 0;
    margin: 0;
}
.uiux-slide-three p.lead{
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    line-height: 1.3;
    padding:0;
    margin: 0;
}
.uiux-slide-three .blk-cnt-two{
    padding-top: 0;
    padding-bottom: 0;
    min-height: 250px;
}
.uiux-slide-three #sync1 .item {
    background: rgba(0,0,0,0);
    padding: 0 50px 20px;
    text-align: center;
    min-height: 50px;
}

.uiux-slide-three #sync2 .synced .item:after {
    transform: scale(1);
    background-color: #ff4e00;
    border: 4px solid #fff;
}
.uiux-slide-three #sync2 .synced .item .year {
    display: block;
}
.uiux-slide-three #sync2 .synced .item span.year-round {
    height: 47px!important;
}
.uiux-slide-three #sync2 .item {
    width: 100px;
}
.ui-ux-list{
    margin: 0;
    padding: 0;
    list-type: none;
}
.ui-ux-list li{
    margin: 0 0 15px 0;
    padding: 0 0 0 30px;
    list-style: disc;
    display: block;
    position: relative;
    font-size: 16px;
    color: #4d4d4d;
}
.ui-ux-list li span{
    left: 1px;
    position: absolute;
    top: 4px;
    color: #4d96d9;
}
@media (min-width: 768px) {
    .uiux-slide-one {
        min-height: 30em;
    }
}
@media (min-width: 992px) {
    .uiux-slide-one {
        min-height: 35em;
    }
}
@media (min-width: 1200px) {
    .uiux-slide-one {
        min-height: 40em;
        background-size: cover;
    }
    .uiux-slide-four{
        padding-top: 6em !important;
    }
    .more-links-block{
        padding-bottom: 5em !important;
        padding-top: 4em !important;
    }
}
@media (min-width: 1440px) {
    .uiux-slide-one {
        min-height: 50em;
        background-size: cover;
    }
}


/*====Researchkit======*/

.topban-para{
    margin-top:30px;
}

.Researchkit-slide-one {
    background: rgba(0, 0, 0, 0) url("http://www.boston-technology.com/wp-content/uploads/images/banner.jpg") no-repeat scroll center top;
    min-height: 15em;
    text-align:center;
}
.Researchkit-slide-one .caption{ float:none; margin:0 auto;}
.Researchkit-slide-one .caption h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 100;
    line-height: 1.4;
    text-align: center;
    padding-top:88px;
    margin: 0px;
}
.Researchkit-slide-one .caption p.lead {
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    line-height: 1.3;
    text-align: center;
}

.Researchkit-slide-two h2,.Researchkit-slide-two .blk-cnt-two h2  {
    color: #0069d2;
    font-size: 56px;
    font-weight: 100;
    line-height: 1;
    text-align:left !important;
    margin-bottom:30px;
}
.Researchkit-slide-two .blk-cnt-two h2 {
     margin-bottom:25px !important;
}
.Researchkit-slide-two .blk-cnt-one, .Researchkit-slide-two .blk-cnt-two{ background:none;  font-family: "Open Sans"; min-height:350px;}
.Researchkit-slide-two .blk-cnt-one > p {
    margin: 0 auto;
    max-width: 1024px;
}
.Researchkit-slide-two .blk-cnt-one{padding: 55px 20px 30px 20px;}

.Researchkit-slide-two .blk-cnt-two p{ color: #4d4d4d;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;}
 
.Researchkit-slide-two  #sync2 {
    height: 70px;
    margin-bottom: 0px;
    margin-top:20px;}
.Researchkit-slide-two  #sync2::after {
    left: 0;
    right: 50px;
}
.Researchkit-slide-two #sync2 .item::after{
      background-color: #0069d2;
    
}
.Researchkit-slide-two #sync2::after {
    background-color: #0069d2;
    content: "";
    height: 1px;
    left: 0;
    margin-top: -0.5px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 2;
}
.Researchkit-slide-two #sync2 .synced .item .year {
    display: block; color:#ff4e00;  margin-top: -24px;
}
.Researchkit-slide-two #sync2 .synced .item:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    background-color: #ff4e00;
}
.Researchkit-slide-two #sync2 .item .year {
    color: #000;
    font-size: 14px;
}
.Researchkit-slide-two #sync2 .item{ width:130px;}

.Researchkit-slide-two #sync1 .item {
    padding: 0;
}
.Researchkit-slide-two #sync1 .item {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    min-height: 150px;
    padding: 15px 0px;
    text-align: left;
}
.Researchkit-slide-two  .blk-cnt-two ul{margin:0; padding:0;}
.Researchkit-slide-two  .blk-cnt-two li {
    list-style:none;
     color: #4d4d4d;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;padding:10px 0;
    margin: 0 0 0px;border-bottom:1px solid #e8e8e8;
    
}
.Researchkit-slide-two  .blk-cnt-two li:last-child{
    border-bottom:none;
}
.Researchkit-blk-cnt-three {
border: 1px solid #ffa67f;
    border-radius: 5px;
    color: #000;
    float: none;
    font-size: 26px;
    font-weight: 100;
    margin: 15px auto 32px;
    padding: 0.8em;
    text-align: center;
}
.Researchkit-blk-cnt-three a{color:#ff4e00;font-weight:400;text-decoration: underline;}
.Researchkit-blk-cnt-four h2{
     color: #0069d2;
    font-size: 56px;
    font-weight: 100;
    line-height: 1;
    text-align: center;  
    margin:40px 0 40px 0;
}
.Researchkit-block-one,.Researchkit-block-three{width:37.5%};
.Researchkit-slide-three h3{font-size:26px;margin: 10px 0 14px;}
.Researchkit-slide-three span.line-border-bottom{ width:60%; display:block;height:1px; background:#e8e8e8; margin-top:13px;}
.Researchkit-icon2{padding:25px;}
.Researchkit-blk-cnt-five{text-align:center;}
.Researchkit-blk-cnt-five .img-block {
   float: none;
    margin: 57px auto 20px;
    min-height: 380px;
}
.mob-app-demo{ background: rgba(0, 0, 0, 0) url("http://www.boston-technology.com/wp-content/uploads/images/img01.jpg") no-repeat scroll 0 0 / cover ;}
.mob-app-demo h4 {
    color: #fff;
    font-size: 76px;
    font-weight: 100;
    margin: 30px 0 0 0;
    text-align: center;
}
.Researchkit-blk-cnt-six{ margin:57px 0;}
.Researchkit-blk-cnt-six .title { font-size:14px; margin-bottom:10px;}
.Researchkit-blk-cnt-six .list {padding:15px 25px;}
.Researchkit-blk-cnt-six .details {font-family: "Roboto",sans-serif;  font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 20px;}
 .Researchkit-blk-cnt-six a .details ,  .Researchkit-blk-cnt-six  .details a{color:#161616;}  
    
.Researchkit-more-links-block {
    color: #000;
    font-size: 26px;
    font-weight: 100;
    padding: 0;
    text-align: center;
}
.Researchkit-more-links-block .box-wrapper{ border-top:1px solid #c5c5c5; padding:2em;}
.Researchkit-more-links-block p{font-size:20px; color:#4d4d4d; margin-bottom:40px;}
.Researchkit-more-links-block a{
      color: #ff4e00;
    font-weight: 400;
    text-decoration: underline;
    
}
.Researchkit-more-links-block .box-wrapper a.linkone {
    margin-right: 80px;
}

//.Researchkit-slide-two .blk-cnt-two{ margin-left:50px;padding: 55px 0 30px 0;}



@media (min-width: 360px) {
    .Researchkit-slide-one {
        min-height: 19em;
    }
    .Researchkit-slide-one .caption h1 {
    padding-top:15px;
    font-size: 26px;
    }
    .rk-hd-txt1{
        font-weight:300 ! important;
    }
    .rk-hd-txt2{
        font-weight:600 ! important;
    }
    .Researchkit-slide-one .caption p.lead{
    font-size:13px;
    }
    .topban-para{
        margin-top:23px;
    }
    .Researchkit-block-one, .Researchkit-block-three{width:100%;}
    .Researchkit-slide-two .blk-cnt-two{ margin-left:10px;padding: 0px 0 30px 10px;}
    .Researchkit-slide-two .blk-cnt-one {
    padding: 55px 20px 10px;
}
.Researchkit-blk-cnt-three{margin: 15px 10px 32px;}
.Researchkit-blk-cnt-five .img-block{ min-height:295px;}
.mob-app-demo h4{
    font-size: 50px;
    margin:0px;
}
.Researchkit-blk-cnt-six .details{ font-size:20px;}
.linehght{line-height:32px;}
.Researchkit-more-links-block .box-wrapper{padding:1em;}
.Researchkit-more-links-block p{font-size:16px;}
.Researchkit-slide-two h2, .Researchkit-slide-two .blk-cnt-two h2{
    font-size: 40px;
    margin-bottom: 20px;
}
.Researchkit-blk-cnt-four h2{
    font-size: 40px;
    margin: 20px 0;
}
.smcircleplay{width:85px;}
   
}

@media (min-width: 768px) {
    .Researchkit-slide-one {
        min-height: 30em;
    }
    .Researchkit-slide-one .caption p.lead{
    font-size:16px;
    }
    .Researchkit-slide-one .caption h1 {
    padding-top:15px;
    font-size: 72px;
    }
    .rk-hd-txt1{
        font-size: 40px ! important;
        padding-top: 80px ! important;
        font-weight:300 ! important;
    }
    .rk-hd-txt2{
        font-weight:300 ! important;        
    }
     .topban-para{
        margin-top:30px;
    }
    .Researchkit-block-one,.Researchkit-block-three{width:100%;}
    .Researchkit-slide-two .blk-cnt-two{ margin-left:10px;padding: 0px 0 30px 10px;}
    .Researchkit-slide-two .blk-cnt-one {
    padding: 55px 20px 10px;
}
.Researchkit-blk-cnt-three{margin: 15px 10px 32px;}
.Researchkit-blk-cnt-five .img-block{ min-height:295px;}
.mob-app-demo h4{
    font-size: 50px;
    margin:0px;
}
.Researchkit-blk-cnt-six .details{ font-size:20px;}
.linehght{line-height:32px;}
.Researchkit-more-links-block .box-wrapper{padding:1em;}
.Researchkit-more-links-block p{font-size:18px;}
.Researchkit-slide-two h2, .Researchkit-slide-two .blk-cnt-two h2{
    font-size: 40px;
    margin-bottom: 20px;
}
.Researchkit-blk-cnt-four h2{
    font-size: 40px;
    margin: 40px 0;
}
.smcircleplay{width:85px;}
   
}
@media (min-width: 992px) {
    .Researchkit-slide-one {
        min-height: 35em;
    }
    .Researchkit-slide-one .caption p.lead{
    font-size:16px;
    }
     .Researchkit-slide-one .caption h1 {
    padding-top:50px;
    font-size: 72px;
    }
    .rk-hd-txt1{
        font-size: 40px ! important;
        padding-top: 80px ! important;
    }
    .rk-hd-txt2{
        font-weight:300 ! important;        
    }
     .topban-para{
        margin-top:30px;
    }
    .Researchkit-block-one,.Researchkit-block-three{width:100%};
    
    .Researchkit-slide-two .blk-cnt-two{ margin-left:10px;padding: 0px 0 30px 10px;}
    .Researchkit-slide-two .blk-cnt-one {
    padding: 55px 20px 10px;
}
    .Researchkit-blk-cnt-three{margin: 15px auto 32px;}
    .Researchkit-blk-cnt-five .img-block{min-height:380px;}
    .mob-app-demo h4{
    font-size: 70px;
    margin:10px 0px;
}
.Researchkit-blk-cnt-six .details{ font-size:20px;}
.linehght{line-height:20px;}
.Researchkit-more-links-block .box-wrapper{padding:1em;}
.Researchkit-more-links-block p{font-size:20px;}
.Researchkit-slide-two h2, .Researchkit-slide-two .blk-cnt-two h2{
    font-size: 56px;
    margin-bottom: 30px;
}
.Researchkit-blk-cnt-four h2{
    font-size: 56px;
    margin: 40px 0;
}
.smcircleplay{width:90px;}

   
}
@media (min-width: 1200px) {
    .Researchkit-slide-one {
        min-height: 33em;
        background-size: cover;
    }
    .Researchkit-slide-one .caption h1 {
    padding-top:0px;
    font-size: 72px;
    }
    .rk-hd-txt1{
        font-size: 40px ! important;
        padding-top: 115px ! important;
    }
    .rk-hd-txt2{
        font-weight:300 ! important;        
    }
    .Researchkit-slide-four{
        padding-top: 6em !important;
    }
    .Researchkit-slide-one .caption p.lead{
    font-size:16px;
    }
    .Researchkit-links-block{
        padding-bottom: 5em !important;
        padding-top: 4em !important;
    }
    .Researchkit-more-links-block{
        margin-top:60px;padding:0 20px;
    }
     .topban-para{
        margin-top:30px;
    }
    .Researchkit-block-one,.Researchkit-block-three{width:49.5%;}
    .Researchkit-slide-two .blk-cnt-two{ margin-left:10px;padding: 55px 0 30px 100px;}
    .Researchkit-slide-two .blk-cnt-one {
    padding: 55px 20px 20px 50px;
}
    .Researchkit-blk-cnt-three{margin: 15px auto 32px;}
    .Researchkit-blk-cnt-five .img-block{ min-height:380px;}
    .mob-app-demo h4{
    font-size: 76px;
    margin:30px 0px;
}
.Researchkit-blk-cnt-six .details{ font-size:24px;}
.linehght{line-height:32px;}
.Researchkit-more-links-block .box-wrapper{padding:2em;}
.Researchkit-more-links-block p{font-size:20px;}
.Researchkit-slide-two h2, .Researchkit-slide-two .blk-cnt-two h2{
    font-size: 56px;
    margin-bottom: 30px;
}
.Researchkit-blk-cnt-four h2{
    font-size: 56px;
    margin: 40px 0;
}
.smcircleplay{width:100px;}
}
@media (min-width: 1440px) {
    .Researchkit-slide-one {
        min-height: 40em;
        background-size: cover;
    }
    .Researchkit-slide-one .caption h1 {
    padding-top:0px;
    font-size: 72px;
    }
    .rk-hd-txt1{
        font-size:40px ! important;
        padding-top:140px ! important;
    }
    .rk-hd-txt2{
        font-weight: 300 ! important;
        padding-top: 0px ! important;
    }
    .Researchkit-slide-one .caption p.lead{
    font-size:16px;
    }
      .Researchkit-more-links-block{
        margin-top:60px; padding:0 20px;
    }
     .topban-para{
        margin-top:30px;
    }
    .Researchkit-block-one,.Researchkit-block-three{width:49.5%;}
    
     .Researchkit-slide-two .blk-cnt-two{ margin-left:50px;padding: 55px 0 30px 0px;}
     .Researchkit-slide-two .blk-cnt-one {
    padding: 55px 20px 30px;
}
    .Researchkit-blk-cnt-three{margin: 15px auto 32px;}
    .Researchkit-blk-cnt-five .img-block{ min-height:380px;}
     .mob-app-demo h4{
    font-size: 76px;
    margin:30px 0px;
}
.Researchkit-blk-cnt-six .details{ font-size:24px;}
.linehght{line-height:32px;}
.Researchkit-more-links-block .box-wrapper{padding:2em;}
.Researchkit-more-links-block p{font-size:20px;}
.Researchkit-slide-two h2, .Researchkit-slide-two .blk-cnt-two h2{
    font-size: 56px;
    margin-bottom: 30px;
}
.Researchkit-blk-cnt-four h2{
    font-size: 56px;
    margin: 40px 0;
}
.smcircleplay{width:130px;}
}

/*====csase study Course-tutor======*/



.Course-tutor{ background: url("http://www.boston-technology.com/wp-content/uploads/images/course-tutour01.jpg") no-repeat center top / cover; min-height:600px; }
.Course-tutor .banner-box, .case-study-new .banner-box { color: #fff;  font-size: 20px; padding: 145px 0 25px 60px;text-align: left;width: 40%;}
.Course-tutor h1, .case-study-new h1{ color: #fff; font-family: "Roboto",sans-serif;  font-size: 46px; font-weight: 100; line-height: 46px;text-align: left;}
.Course-tutor .banner-box h2, .case-study-new .banner-box h2{ font-size: 20px; font-weight: 100;  margin:10px 0px 3px;text-align: left;line-height:30px;}
.Course-tutor .banner-box h2 span, .case-study-new .banner-box h2 span{ color:#fff;}
.course-tutourimg02{background: url("http://www.boston-technology.com/wp-content/uploads/images/course-tutour02.jpg") no-repeat center top / contain; min-height:800px;}

.case-study-new-block-two{  text-align:center;}
.case-study-new-block-two img{ max-width:100%;}

.ftwot{background: url("http://www.boston-technology.com/wp-content/uploads/images/f2t01.jpg") no-repeat center top / cover; min-height:640px; }


@media (max-width: 768px) {
    .hero-banner{margin-bottom:20px;}
  .Course-tutor .banner-box, .case-study-new .banner-box {width:95%; margin:0 2%;padding:0;}
    .course-tutourimg02{ min-height:400px;}
    .case-study-new-block-two{ padding:50px 0;margin-bottom:20px;}
}

@media   (max-width: 480px) {
    .hero-banner{margin-bottom:20px;}
    .Course-tutor, .ftwot{min-height:350px;}
    .Course-tutor .banner-box, .case-study-new .banner-box {width:95%; margin:0 2%;padding:0;}
    .Course-tutor h1 , .case-study-new h1{   font-size: 25px; font-weight: 100; line-height: 25px;}
.Course-tutor .banner-box h2 , .case-study-new .banner-box h2{ font-size: 14px;  margin:10px 0px 3px;text-align: left;line-height:15px;}
    .course-tutourimg02{ min-height:250px;}
    .case-study-new-block-two{ padding:25px 0;margin-bottom:20px;}

    
    
}
/*====case study dfh and meve===================================================================================================================================*/
.mgcbanner{background: url("http://www.boston-technology.com/wp-content/uploads/images/main-banner.jpg") no-repeat center top / cover; min-height:727px; }
.cmsbanner{background: url("http://www.boston-technology.com/wp-content/uploads/images/cms-banner-lg-1.jpg") no-repeat center top / cover; min-height:727px; }
.medidatebanner{background: url("http://www.boston-technology.com/wp-content/uploads/images/MediDate-banner.jpg") no-repeat center top / cover; min-height:640px; }
.mitbanner{background: url("http://www.boston-technology.com/wp-content/uploads/images/mit_banner_1.jpg") no-repeat center top / cover; min-height:640px; }
.uss-banner{background: url("http://www.boston-technology.com/wp-content/uploads/images/uss-lg.jpg") no-repeat center top / cover; min-height:640px; }
.emp-awar-dbanner{background: url("http://www.boston-technology.com/wp-content/uploads/images/Emp-lg.jpg") no-repeat center top / cover; min-height:640px; }
.carpoolbanner{background: url("http://www.boston-technology.com/wp-content/uploads/images/carpool-main-banner.jpg") no-repeat center top / cover; min-height:640px; }
.dftbanner{background: url("http://www.boston-technology.com/wp-content/uploads/images/dfh-banner.jpg") no-repeat center top / cover; min-height:640px; }
.heytherebanner{background: url("http://www.boston-technology.com/wp-content/uploads/images/heythere-main-banner.jpg") no-repeat center top / cover; min-height:640px; }
.mybabybanner{background: url("http://www.boston-technology.com/wp-content/uploads/images/mybaby-banner.jpg") no-repeat center top / cover; min-height:640px; }
.girltalkbanner{background: url("http://www.boston-technology.com/wp-content/uploads/images/gtalk-banner.jpg") no-repeat center top / cover; min-height:640px; }
.employeeinfobanner{background: url("http://www.boston-technology.com/wp-content/uploads/images/employee-info-banner.jpg") no-repeat center top / cover; min-height:640px; }
.engine1banner{background: url("http://www.boston-technology.com/wp-content/uploads/images/engine1-main-banner.jpg") no-repeat center top / cover; min-height:640px; }
.mevebanner{background: url("http://www.boston-technology.com/wp-content/uploads/images/mevebanner.jpg") no-repeat center top / cover; min-height:640px; }
@media (min-width: 320px){
.dftbanner,.mevebanner{
    min-height: 230px ! important;
}  
.blurbg{background:#000;opacity:0.5;line-height:20px;font-weight: 400;}
}

@media (min-width: 360px){
.dftbanner,.mevebanner{
    min-height: 230px ! important;
}  
.blurbg{background:#000;opacity:0.5;line-height:20px;font-weight: 400;}
}

@media (min-width: 768px){
.dftbanner,.mevebanner{
    min-height: 360px ! important;
}  
.blurbg{background:#000;opacity:0.5;line-height:20px;font-weight: 400;}
}

@media (min-width: 980px){
.dftbanner,.mevebanner{
    min-height: 445px ! important;
}   
.blurbg{background:transparent;opacity:1;line-height:10px;font-weight: 400;}
.dfh-box{padding: 50px 0 25px 50px!important;}
}

@media (min-width: 1280px){
.dftbanner,.mevebanner{
    min-height: 450px ! important;
}   
.blurbg{background:transparent;opacity:1;line-height:10px;font-weight: 400;}
.dfh-box{padding: 50px 0 25px 80px!important;}
}

@media (min-width:1440px){
.dftbanner,.mevebanner{
    min-height: 640px ! important;
}    
.blurbg{background:transparent;opacity:1;line-height:10px;font-weight: 400;}
.dfh-box{padding: 50px 0px 25px 100px ! important;}
}

@media (min-width:1920px){
.dftbanner,.mevebanner{
    min-height: 640px ! important;
}    
.blurbg{background:transparent;opacity:1;line-height:10px;font-weight: 400;}
.dfh-box{padding: 50px 0 25px 287px!important;}
}
/*====case study Assessment pro===================================================================================================================================*/



.assessment{ background: url("http://www.boston-technology.com/wp-content/uploads/images/assessment-pro-banner.jpg") no-repeat center top / cover; min-height:600px; }
.assessment .banner-box{ color: #fff;  font-size: 20px; padding: 240px 0 25px 73px;text-align: left;width: 56%;}
.assessment h1{ color: #fff; font-family: "Roboto",sans-serif;  font-size: 70px; font-weight: 100; line-height: 75px;text-align: left;}
.assessment .banner-box h2{ font-size: 20px; font-weight: 300;  margin:10px 0px 3px;text-align: left;line-height:30px;margin-bottom: 25px;}
.assessment .banner-box h2 span{ color:#fff;}
.assessmentimg02{background: url("http://www.boston-technology.com/wp-content/uploads/images/assessmentpro-mid.png") no-repeat center top / contain; min-height:800px;}

.case-study-new-block-two{  text-align:center;}
.case-study-new-block-two img{ max-width:100%;}

.ftwot{background: url("http://www.boston-technology.com/wp-content/uploads/images/f2t01.jpg") no-repeat center top / cover; min-height:640px; }

.hero-banner-ast{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}


@media (min-width: 360px){
    .hero-banner-ast {
    min-height: 15em ! important;
    position: relative;
}
.opbg{background-color:rgba(0, 0, 0, 0.5);}
.assessment .banner-box h2 {font-size: 12px;}
.assessment h1 {
    font-size: 26px;
    font-weight: 300;
    line-height: 25px;
}
.assessment .banner-box h2 {font-size: 12px;margin: 10px 0 15px;}
.smhead-one{
    font-size: 26px ! important;margin: 0 0 20px ! important;
}
.assessment .banner-box{
    padding: 10px 10px 100px 10px;
    width: 100%;
}
.assessment .banner-box h2{
    line-height: 20px;
}
.assessmentimg02{min-height: 299px;}
.smhead-one{
    color: #0069d2;
    font-family: "Roboto",sans-serif;
    font-size: 25px ! important;
    font-weight: 200;
    line-height: 15px ! important;
    margin: 20px 0 20px ! important;
}
.padleft0px{padding-left:15px;}

.sc p{
    margin: 0 0 20px ! important;
}
.padd{padding-left:0px ! important;}
}

@media (min-width: 768px){
.hero-banner-ast {
    min-height: 24em ! important;
    position: relative;
} 
.opbg{background-color:rgba(0, 0, 0, 0.5);}
.assessment .banner-box{
    padding: 100px 20px 100px 20px;
    width: 60%;
}
.assessment h1 {
    font-size: 40px;
    font-weight: 300;
    line-height: 30px;
}
.assessment .banner-box h2 {font-size: 15px;}

.smhead-one{
    color: #0069d2;
    font-family: "Roboto",sans-serif;
    font-size: 35px ! important;
    font-weight: 200;
    line-height: 15px ! important;
    margin: 30px 0 40px ! important;
}
.assessment .banner-box h2{
    line-height: 22px;
}
.assessmentimg02{min-height: 299px;}
.padd{padding-left:0px;}

.padleft0px {
    padding-left: 17px;
}

}
@media (min-width: 980px){

.hero-banner-ast {
    min-height: 33em ! important;
    position: relative;
} 
.opbg{background-color:rgba(0, 0, 0, 0.5);}
.assessment .banner-box{
    padding: 150px 20px 140px 50px;
    width: 56%;
}
.assessment h1 {
    font-size: 50px;
    font-weight: 300;
    line-height: 50px;
}
.assessment .banner-box h2 {font-size: 17px;line-height: 27px;margin-bottom:30px;}

.smhead-one{
    color: #0069d2;
    font-family: "Roboto",sans-serif;
    font-size: 40px ! important;
    font-weight: 200;
    line-height: 15px ! important;
    margin: 40px 0 40px ! important;
}


}
@media (min-width: 1280px){

.hero-banner-ast {
    min-height: 41em ! important;
    position: relative;
} 
.opbg{background-color:rgba(0, 0, 0, 0.5);}
.assessment .banner-box {
    padding: 200px 20px 220px 78px;
    width: 51%;
}
.smhead-one{
    color: #0069d2;
    font-family: "Roboto",sans-serif;
    font-size: 46px ! important;
    font-weight: 200;
    line-height: 15px ! important;
    margin: 40px 0 40px ! important;
}
.pad60px0{padding-top:0px ! important;}
.assessmentimg02 {
    min-height: 480px;
}
.padt35px0{padding-top:35px ! important;}
.assessment .banner-box h2 {font-size: 17px;line-height: 27px;}
}

@media (min-width: 1440px){
 .hero-banner-ast {
    min-height: 60em ! important;
    position: relative;
}
.opbg{background:none;}
.assessment h1 {
    font-size: 70px;
    font-weight: 300;
    line-height: 90px;
}
.assessment .banner-box h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
}
.assessment .banner-box {
    padding: 281px 20px 100px 78px;
    width: 50%;
}
.smhead-one{
    color: #0069d2;
    font-family: "Roboto",sans-serif;
    font-size: 60px ! important;
    font-weight: 200;
    line-height: 52px ! important;
    margin: 40px 0 40px ! important;
}
.assessmentimg02 {
    min-height: 1000px;
}
.padleft0px {
    padding-left: 0px;
}
}
/*@media (max-width: 768px) {
    .hero-banner-ast{margin-bottom:20px;}
  .assessment .banner-box{width:95%; margin:0 2%;padding:0;}
    .assessmentimg02{ min-height:400px;}
    .case-study-new-block-two{ padding:50px 0;margin-bottom:20px;}
}

@media   (max-width: 480px) {
    .hero-banner-ast{margin-bottom:20px;}
    
    .assessment .banner-box{width:95%; margin:0 2%;padding:0;}
    .assessment h1{   font-size: 25px; font-weight: 100; line-height: 25px;}
.assessment .banner-box h2{ font-size: 14px;  margin:10px 0px 3px;text-align: left;line-height:15px;}
    .assessmentimg02{ min-height:250px;}
    .case-study-new-block-two{ padding:25px 0;margin-bottom:20px;}

    
    
}*/
/*===================== Assessment pro==========================*/




.more-links-block{
    text-align: center;
    padding: 2em;
    font-size: 26px;
    color: #000;
    font-weight: 100;
}
.more-links-block a{
    font-size: 26px;
    color: #ff4e00;
    font-weight: 400;
    text-decoration: underline;
}
.more-links-block a:first-child{
    margin-right: 80px;
}
.more-links-block a:hover{
    text-decoration: none;
}


/*BTC case studies listing*/
.btc-cs{
    margin-top: 7em;
}

.ct_tit {
    text-align: center;
    font-size: 60px;
    font-weight: 200;
    font-family: 'Roboto';
    color: #0069d2;
    line-height: 80px;
}

.btc-cs-list{
    padding: 1em 0;
    overflow: hidden;
}
.btc-cs-list .btc-cs-block .btc-cs-item{
    margin: 5px;
    padding: 0;
    position: relative;
    cursor: pointer;
}
.btc-cs-item .name-block{
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 24px;
    font-weight: 100;
    color: #fff;
    padding: 1em;
}

.btc-cs-item .btc-cs-overlay {
    opacity: 0;
    overflow:hidden;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    height: 0;
    width: 100%;
}
.btc-cs-item:hover .btc-cs-overlay {
    opacity: 1;
    background-color: rgba(0,0,0,0.9);
    height: 100%;
}
.btc-cs-overlay{
    text-align: center;
    padding: 1em;
}
.btc-cs-overlay h3{
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    display: block;
    margin: 1.5em 0 1em 0;
}
.btc-cs-overlay p{
    font-size: 15px;
    line-height: 1.4;
    color: #fff;
    margin: 2em 2.2em 1em 2.2em;
    display: block;
}
.btc-cs-overlay a.explore{
    font-size: 16px;
    color: #fff;
    position: absolute;
    width: 75px;
    margin: 0 auto;
    left: 0; right: 0;
    bottom: 10%;
    line-height: 1.2;

}
.cs-banner-box{
    position: relative;
    padding: 0 5px;
}
.cs-banner-caption{
    position: absolute;
    padding: 8em 0 0 6em;
    left: 0;
    top: 0;
}
.cs-banner-caption h2{
    font-size: 56px;
    font-weight: 100;
    margin: 1.4em 0 .5em 0;
    text-align: left;
    color: #fff;
}
.cs-banner-caption p{
    font-size: 18px;
    line-break: 1.6;
    margin: 2em 0 2em 0;
    text-align: left;
    color: #fff;
}
.cs-banner-caption .expolre-link{
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
}
.cs-btn-group{
    text-align: center;
    display: block;
    padding: 2em 0 .5em 0;
}
.cs-btn-group a{
    font-size: 22px;
  /* padding: 0px 55px;*/
    display: inline-block;
    color: #4a4a4a;
    font-weight: 400;
    text-decoration: none;
    border-right: 1px solid #ff4e00;
}
.cs-btn-group a:last-child{
    border-right: none;
}

.cs-tabx {
    /*width: 35%;*/
    margin: 0 auto;
    border: 1px solid #ff4e00;
    padding: 15px 0px;
    border-radius: 4px;
}

.cs-btn-group a:hover, .cs-btn-group a.current{
    color: #ff4e00;
    text-decoration: none ! important;
    font-weight: 400;
}


@media (max-width: 600px) {
    .btc-cs{
        margin-top: 2em;
    }
    .cs-banner-caption{
        position: relative;
        padding: 25px 10px;
    }
    .cs-banner-caption h2{
        font-size: 36px;
        color: #4D4B4B;
        margin: 0 0 15px;
    }
    .cs-banner-caption p{
        font-size: 15px;
        margin: 0 0 15px;
        color: #4D4B4B;
    }
    .cs-banner-caption .expolre-link{
        font-size: 15px;
        color: #4D4B4B;
    }
    .btc-cs-overlay img{
        width: 10px !important;
        height: 15px !important;
    }
    .btc-cs-overlay h3{
        padding: 0;
        margin-top: 0;
        font-size: 14px;
    }
    .btc-cs-overlay p{
        margin-top: 0;
        font-weight: 300;
    }
    .btc-cs-overlay a.explore{
        bottom: 12px;
        font-size: 14px;
    }
}
@media (min-width: 481px) and  (max-width: 992px){
    .btc-cs{
        margin-top: 2.5em;
    }

}

@media (max-width: 768px) {
    .hero-banner .banner-box {
        padding: 2em 0 0;
    }
    .btc-cs-overlay h3{
        font-size: 20px;
        line-height: 1;
        font-weight: 600;
        color: #fff;
        display: block;
        margin: .5em 0 .5em 0;
    }
    .btc-cs-overlay p{
        font-size: 13px;
        line-height: 1.2;
        color: #fff;
        margin: .5em .5em 0em .5em;
        display: block;
    }
}
@media (max-width: 600px) {
    .btc-cs{
        margin-top: 2em;
    }
    .cs-banner-caption{
        position: relative;
        padding: 25px 10px;
    }
    .cs-banner-caption h2{
        font-size: 36px;
        color: #4D4B4B;
        margin: 0 0 15px;
    }
    .cs-banner-caption p{
        font-size: 15px;
        margin: 0 0 15px;
        color: #4D4B4B;
    }
    .cs-banner-caption .expolre-link{
        font-size: 15px;
        color: #4D4B4B;
    }
    .btc-cs-overlay img{
        width: 10px !important;
        height: 15px !important;
    }
    .btc-cs-overlay h3{
        padding: 0;
        margin-top: 0;
        font-size: 14px;
    }
    .btc-cs-overlay p{
        margin-top: 0;
        font-weight: 300;
    }
    .btc-cs-overlay a.explore{
        bottom: 12px;
        font-size: 14px;
    }
    .btc-cs-item .name-block{
        font-size: 18px;
    }
}
@media (min-width: 600px) and  (max-width: 1130px){
    .cs-banner-caption{
        padding: 0em 0 1em 1em;
        top: auto;
        bottom: 0;
    }
    .cs-banner-caption h2{
        margin: 0em 0 .5em 0;
        font-size: 36px;
    }
    .cs-banner-caption p{
        font-size: 14px;
    }
    .btc-cs-overlay h3{
        padding: 0;
        margin: 0 0 15px;
        font-size: 20px;
    }
    .btc-cs-overlay p{
        margin: 0 0 10px;
        font-weight: 300;
        font-size: 14px;
    }
}
@media (max-width: 992px) {
    .hero-banner .banner-box {
        padding: 3em 0 0;
    }
    .hs-content-path-user-experience-design .body-container-wrapper, .hs-content-path-offshore-development-center .body-container-wrapper,
    .hs-content-path-outsourced-technology-team .body-container-wrapper{
        margin-top: 0;
    }
    
}

@media (max-width: 767px) {
    .uiux-slide-one{
        min-height: 20em;
    }
    .uiux-slide-one .caption h1{
        font-size: 32px;
    }
    .uiux-slide-one .caption p.lead{
        font-size: 18px;
    }
    .uiux-slide-one .caption p.lead span
    {
        font-size: 24px;
    }
    .uiux-slide-two .caption p.lead{
        font-size: 20px;
        font-weight: 400;
    }
    .uiux-slide-three #sync1 .item{
        padding: 0 20px 20px;
    }
    .uiux-slide-three #sync2 .item .year{
        font-size: 10px;
    }
    .uiux-slide-three h1, .outsourced.hero-banner h1{
        font-size: 30px;
    }
    .more-links-block{
        font-size: 20px;
        padding: 2em 30px;
    }
     .more-links-block a{
         font-size: 20px;
     }
     .more-links-block a:first-child{
         margin-right: 0;
     }
     .hero-banner{
         padding-bottom: 20px;
     }
     .tab-contnt-grey-box{
         padding: 1em;
     }
     .tab-contnt-grey-box h2, .outsourced.hero-banner h2{
         font-size: 26px;
     }
     .hero-banner h2, .page-header h2{
         margin-top: 30px;
     }
     .page-header p{
         font-size: 16px;
     }
     
}

@media (max-width: 1210px) {
    .uiux-slide-one{
        background-size: cover;
    }
    .uiux-slide-one .caption{
        margin: 0;
        padding-top: 30px;
    }
    .uiux-slide-two{
        background-position: 0 top;
    }
    .uiux-slide-two .caption{
        margin: 30px 0 0;
    }
    .tab-contnt-grey-box{
        margin-top: 0;
    }
    .hero-banner .banner-box {
        padding: 4em 0 0;
    }
    .offshore-dev.hero-banner h1, .outsourced.hero-banner h1{
        font-size: 30px;
    }
    .hero-banner p{
        font-size: 13px;
        margin-top: 1em;
    }
    .outsourced.hero-banner h2{
        font-size: 26px;
    }
}
@media (min-width: 1024px) and (max-width: 1300px) {
    .uiux-slide-four{
    padding-top: 40px;
    }
}
@media (min-width: 1230px) {
    .uiux-slide-three #sync2 .owl-item {
        width: 14%!important;
    }
    .offshore{
        padding-top: 16px;
    }
    .hero-banner {
        min-height: 39em;
        position: relative;
    }
    .hero-banner .banner-box{
        position: absolute;
        top: 50%;
        width: 40%;
        margin-top: -110px;
        padding-top: 0px;
    }
    .enterprise .banner-box, .offshore-dev .banner-box, .outs-custom .banner-box, .startups .banner-box{
        width: 100%;
    }
    .outsourced .banner-box{
        margin-top: -55px;
    }
    .outs-custom .banner-box{
        margin-top: -163px;
    }
    .uiux-slide-one, .uiux-slide-two{
        position: relative;
    }
    .uiux-slide-one .caption, .uiux-slide-two .caption{
        position: absolute;
        top: 50%;
        margin-top: -100px;
    }
    .uiux-slide-two .caption{
        right: 0px;
        margin-top: -150px;
    }
}
.mob-app-strategy{
    position: relative;
}
.mob-app-strategy>a{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

@media (min-width: 320px) {
.ht-height{
    min-height: 24em;
    position: relative;
}
.ipad-ht{
    min-height: 30em;
    position: relative;
}
.Cfont70{font-size: 55px !important;}

.ht-height{
    padding-bottom: 0px !important;
}
.Cfont20{
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.glass-effect,.glass-effect-1{
    background: #000;
    height: 25em;
    opacity: 0.75;
}
.ipad-glass-effect{
    background: #000;
    height: 30em;
    opacity: 0.75;
}
.img-tit{
    position: absolute;
    top: 5%;
    right: 0%;
}
.img-tit-1{
    position: absolute;
    top: 19%;
    right: 0%;
}

.ht-img-txt{
    position: absolute;
    top: 15%;   
}
.Cfont70e{
    font-size: 33px !important;
} 
.si-lg-font{
    font-size: 40px !important;
    line-height: 66px !important;
}
.si-md-font{
    font-size: 30px !important;
    line-height: 28px;
}

.carpool-txt-block {
    left: 0;
    position: absolute;
    top: 30%;
}

.carpool-lg {
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 65px;
}
.carpool-sm {
    color: #fff;
    font-size: 25px;
    line-height: 35px;
}

.emp-awd-block {
    position: absolute;
    left: 2%;
    top: 15%;
}

.emp-awd-lg {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 57px;
}

.emp-awd-sm {
    color: #fff;
    font-size: 18px;
}

.emp-awd-xs {
    color: #fff;
    font-size: 22px;
    font-weight: 100;
    line-height: 30px;
    margin-top: 55px;
}

.uss-block{
position: absolute;
top: 18%;
left: 0%;
}

.uss-lg{
font-size: 29px;
font-weight: 600;
line-height: 40px;
color: #fff;
}

.uss-xs{
font-size: 18px;
line-height: 30px;
color: #fff;
}

.cms-txt{
    position: absolute;
    bottom: 30%;
    right: 0%;
}

.cms-txt h1{
     font-size: 60px;
    font-weight: 500;
    line-height: 80px;
}

.cms-txt div{
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    margin-top: 20px;
}

}

@media (min-width: 360px) {
.ht-height,.ipad-ht{
    min-height: 24em;
    position: relative;
}

.glass-effect,.glass-effect-1,.ipad-glass-effect{
    background: #000;
    height: 25em;
    opacity: 0.75;
}

.img-tit{
    position: absolute;
    top: 0%;
    right: 0%;
}


.Cfont70{font-size: 60px !important;}

.Cfont20{
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
}

.Cfont70e{
    font-size: 38px !important;
} 

.ht-img-txt{
    position: absolute;
    top: 7%;   
}

.emp-awd-block {
    position: absolute;
    left: 2%;
    top: 18%;
}

.emp-awd-lg {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    line-height: 57px;
}

.emp-awd-sm {
    color: #fff;
    font-size: 20px;
}

.emp-awd-xs {
    color: #fff;
    font-size: 22px;
    font-weight: 100;
    line-height: 30px;
    margin-top: 55px;
}

}

@media (min-width: 480px) {
.ht-height{
    min-height: 24em;
    position: relative;
}
.img-tit{
    position: absolute;
    top: 12%;
    right: 0%;
}
.ht-img-txt{
    position: absolute;
    top: 15%;
    right: 0%;
}
.img-tit-1{
    position: absolute;
    top: 15%;
    right: 0%;
}
}

@media (min-width: 640px) {
.ht-height{
    min-height: 24em;
    position: relative;
    padding-bottom: 0px !important;
}
.Cfont70{font-size: 70px !important;}
}

@media (min-width: 768px) {
.ht-height{
    min-height: 24em;
    position: relative;
    padding-bottom: 0px !important;
}
.glass-effect{
    background: #000;
    height: auto;
    opacity: 0.75;
}
.si-lg-font{
    font-size: 70px !important;
}

.si-md-font{
    font-size: 40px !important;
}

.carpool-txt-block {
    left: 0;
    position: absolute;
    top: 30%;
}
.carpool-lg {
    line-height: 60px;
}

.emp-awd-block{
top: 14%;
left: 2%;
}

.emp-awd-lg{
font-size: 55px;
color: #fff;
font-weight: 600;
line-height: 100px;
}

.emp-awd-sm{
font-size: 33px;
color: #fff;
}

.emp-awd-xs{
font-size: 24px;
color: #fff;
margin-top: 55px;
font-weight: 100;
line-height: 30px;
}

.uss-block{
position: absolute;
top: 23%;
left: 0%;
}

.uss-lg{
font-size: 50px;
font-weight: 600;
line-height: 80px;
color: #fff;
}

.uss-xs{
font-size: 18px;
line-height: 30px;
color: #fff;
}

.cms-txt{
    position: absolute;
    bottom: 30%;
    right: 6%;
}

.cms-txt h1{
     font-size: 84px;
    font-weight: 500;
    line-height: 100px;
}

.cms-txt div{
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    margin-top: 20px;
}

}

@media (min-width: 800px) {
.ht-height{
    min-height: 24em;
    position: relative;
}
.carpool-txt-block{
    position: absolute;
    top: 26%;
    left: 3%;
}

.carpool-lg{
    font-size: 65px;
    color: #fff;
    line-height: 100px;
    font-weight: 600;
}
.carpool-sm {
    color: #fff;
    font-size: 36px;
    line-height: 28px;
}
}

@media (min-width: 980px) {
.ht-height{
    min-height: 24em;
    position: relative;
}
}

@media (min-width: 1024px) {

.si-lg-font{
    font-size: 70px !important;
}

.si-md-font{
    font-size: 40px !important;
}

.ht-height{
min-height: 41em;
position: relative;
 padding-bottom: 20px !important;
} 

.glass-effect{
    background: transparent;
    height: auto;
    opacity: 1;
}

.glass-effect-1{
    background: transparent;
    height: auto;
    opacity: 1;
} 
.ht-img-txt{
    position: absolute;
    top: 35%;
    left: 8%;
} 
.carpool-txt-block{
    position: absolute;
    top: 40%;
    left: 7%;
}
.emp-awd-block{
top: 36%;
left: 2%;
}

.emp-awd-lg{
font-size: 55px;
color: #fff;
font-weight: 600;
line-height: 100px;
}

.emp-awd-sm{
font-size: 33px;
color: #fff;
}

.emp-awd-xs{
font-size: 24px;
color: #fff;
margin-top: 55px;
font-weight: 100;
line-height: 30px;
}

.uss-block{
position: absolute;
top: 35%;
left: 3%;
}

.uss-lg{
font-size: 50px;
font-weight: 600;
line-height: 80px;
color: #fff;
}

.uss-xs{
font-size: 18px;
line-height: 30px;
color: #fff;
}

.cms-txt{
    position: absolute;
    bottom: 30%;
    right: 0%;
}

.cms-txt h1{
     font-size: 77px;
    font-weight: 500;
    line-height: 90px;
}

.cms-txt div{
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    margin-top: 20px;
}

}

@media (min-width: 1280px) {

.mediWid{
    width: 124%;
}

.si-lg-font{
    font-size: 55px !important;
    line-height: 70px !important;
}
.si-md-font{
    font-size: 32px !important;
}

.ht-height{
min-height: 41em;
position: relative;
}
.e-height{
min-height: 58em;
position: relative;
}
.sub-con-pad{padding:0px 40px !important;}
.img-tit{
    position: absolute;
    top: 30%;
    right: 12%;
}
.img-tit-1{
    position: absolute;
    top: 35%;
    right: 12%;
}
.Cfont70e{
    font-size: 45px !important;
} 
.ht-img-txt{
position: absolute;
    top: 35%;
    left: 12%;
}
.line33{line-height: 33px !important;}

.carpool-txt-block{
    position: absolute;
    top: 43%;
    left: 12%;
}

.carpool-lg{
    font-size: 65px;
    color: #fff;
    line-height: 60px;
    font-weight: 600;
}
.carpool-sm{
    color: #fff;
    font-size: 36px;
    line-height: 55px;
}

.emp-awd-block{
top: 37%;
left: 10%;
}

.emp-awd-lg{
font-size: 55px;
color: #fff;
font-weight: 600;
line-height: 100px;
}

.emp-awd-sm{
font-size: 33px;
color: #fff;
}

.emp-awd-xs{
font-size: 24px;
color: #fff;
margin-top: 55px;
font-weight: 100;
line-height: 30px;
}

.uss-block{
position: absolute;
top: 35%;
left: 10%;
}

.uss-lg{
font-size: 50px;
font-weight: 600;
line-height: 80px;
color: #fff;
}

.uss-xs{
font-size: 18px;
line-height: 30px;
color: #fff;
}

.cms-txt{
    position: absolute;
    bottom: 29%;
    right: 10%;
}

.cms-txt h1{
     font-size: 84px;
    font-weight: 500;
    line-height: 100px;
}

.cms-txt div{
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    margin-top: 20px;
}


}

@media (min-width: 1440px) {

.si-lg-font{
    font-size: 65px !important;
}

.si-md-font{
    font-size: 35px !important;
}

.ht-height{
    min-height: 45em;
    position: relative;
}
.e-height{
    min-height: 56em;
    position: relative;
}
.sub-con-pad{padding:0px 50px !important;}

.img-tit{
position: absolute;
    top: 30%;
    right: 12%;
}  
.img-tit-1{
position: absolute;
    top: 43%;
    right: 13%;
}    
.Cfont70e{
    font-size: 50px !important;
} 
.ht-img-txt{
position: absolute;
    top: 41%;
    left: 12%;
}
.carpool-txt-block{
    position: absolute;
    top: 43%;
    left: 12%;
}
.carpool-sm{
    color: #fff;
    font-size: 40px;
    line-height: 60px;
}
.carpool-lg{
    font-size: 73px;
    color: #fff;
    line-height: 110px;
    font-weight: 600;
}

.emp-awd-block{
top: 40%;
left: 10%;
}

.emp-awd-lg{
font-size: 65px;
color: #fff;
font-weight: 600;
line-height: 100px;
}

.emp-awd-sm{
font-size: 40px;
color: #fff;
}

.emp-awd-xs{
font-size: 26px;
color: #fff;
margin-top: 55px;
font-weight: 100;
line-height: 30px;
}

.uss-block{
position: absolute;
top: 35%;
left: 10%;
}

.uss-lg{
font-size: 55px;
font-weight: 600;
line-height: 80px;
color: #fff;
}

.uss-xs{
font-size: 20px;
line-height: 30px;
color: #fff;
}

.mediWid{
	width: 120%;
}

.cms-txt{
    position: absolute;
    bottom: 35%;
    right: 10%;
}

.cms-txt h1{
     font-size: 100px;
    font-weight: 500;
    line-height: 125px;
}

.cms-txt div{
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    margin-top: 20px;
}

}

@media (min-width: 1500px) {
.si-lg-font{
    font-size: 70px !important;
     line-height: 95px !important;
}
.si-md-font{
    font-size: 40px !important;
}
.ht-height,.e-height{
    min-height: 60em;
    position: relative;
}
.sub-con-pad{padding:0px 50px !important;}

.img-tit{
position: absolute;
    top: 42%;
    right: 12%;
}   
.img-tit-1{
position: absolute;
    top: 43%;
    right: 13%;
}   

.Cfont70e{
    font-size: 70px !important;
} 

.ht-img-txt{
    position: absolute;
    top: 41%;
    left: 12%;
}

.carpool-txt-block{
    position: absolute;
    top: 43%;
    left: 12%;
}
.carpool-sm{
    color: #fff;
    font-size: 45px;
    line-height: 60px;
}
.carpool-lg{
    font-size: 90px;
    color: #fff;
    line-height: 120px;
    font-weight: 600;
}

.emp-awd-block{
position: absolute;
top: 40%;
left: 10%;
}

.emp-awd-lg{
font-size: 70px;
color: #fff;
font-weight: 600;
line-height: 100px;
}

.emp-awd-sm{
font-size: 40px;
color: #fff;
}

.emp-awd-xs{
font-size: 26px;
color: #fff;
margin-top: 55px;
font-weight: 100;
line-height: 30px;
}

.uss-block{
position: absolute;
top: 40%;
left: 10%;
}

.uss-lg{
font-size: 70px;
font-weight: 600;
line-height: 80px;
color: #fff;
}

.uss-xs{
font-size: 22px;
line-height: 30px;
color: #fff;
}

.mediWid{
    width: 80%;
}



}

.p-txt-mit p{
    font-size:18px !important;
    line-height:22px !important;
    text-align:left !important;
    font-weight:200 !important;
    margin-top:15px !important;

}