/*
Name: 			style.css
Written by: 	Maari
Version: 		1.0
*/


html {
	direction: ltr;
	overflow-x: hidden;
}

@font-face {
    font-family: 'Myriad Pro', sans-serif;
    src: url(fonts/Myriad-Pro.ttf);
}

@font-face {
    font-family: 'Myriad Pro Light', sans-serif;
    src: url(fonts/Myriad-Pro-Light.ttf);
}

body {
	background-color: #FFF;
	color: #575757;
	font-family: 'Myriad Pro', sans-serif;
	font-size: 18px;
	line-height: 26px;	
	overflow-x: hidden;
}

.ht_tit{   
    margin: 0 auto;
    float: none;
}

.ht_lg_f{    
    color: #2a2a2a;
    font-weight: 200;    
}

.ht_md_g{
    color: #575757;
    text-align: center;
    font-weight: 200;
    margin-top: 30px;
    margin-bottom: 7%;
    padding: 0px 30px;
}

.ht_logo{
    padding: 0px 30px;
    margin-bottom: 50px;
}

.hs_b{
    padding: 70px 24px;
    background: #f2f2f2;
    text-align: center;
}

.hs_b p{    
    color: #2a2a2a;
    font-weight: 200;   
    margin: 0px 0px 25px;
}

.hs_b div:first-child span{
    color: #ff4e00;  
    border-bottom: 3px solid #ff4e00;
    font-weight: 600;
}

.hs_b div:last-child{
    font-size: 26px;
    line-height: 30px;
    color: #575757;
    font-weight: 200;  
}

.hth_banner{
    background: url(http://www.boston-technology.com/wp-content/uploads/images/section-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;    
    position: relative;
}

.iot_bg{
    background: url(http://www.boston-technology.com/wp-content/uploads/images/iot-lg.jpg);
    background-repeat: no-repeat;
    background-size: cover;    
    position: relative;    
}

.engine1__bg{
    background: url(http://www.boston-technology.com/wp-content/uploads/images/engine1_md.jpg);
    background-repeat: no-repeat;
    background-size: cover;    
    position: relative;     
}

.pat_exp_bg{
    background: url(http://www.boston-technology.com/wp-content/uploads/images/patient_exp_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;    
    position: relative;     
}

.abt-banner{
    background: url(http://www.boston-technology.com/wp-content/uploads/images/abt-lg-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;    
    position: relative;     
}

.journey_banner{
    background: url(http://www.boston-technology.com/wp-content/uploads/images/journey_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;    
    position: relative;  
    height: 770px;
}

.h_section_4{
    padding: 80px 15px;
}

.gray-light-lg{
    color: #707070;    
    font-weight: 200;    
    float: right;
}


.mt10{
    margin-top: 10%;
}

.xs-gridbox-s{
    color: #2a2a2a;
    font-weight: 300;
    text-align: center;
}

.g-ft-txt{
    color: #424242;
    font-weight: 300;
}

.abt-para{
    font-size:20px;
    line-height: 28px;
    font-weight: 300;
    text-align: center;
    padding: 0px 20px;
}

.carousel-control.left,.carousel-control.right{
    background-image: none;
    opacity: 1;
    text-shadow: none;
}

.carousel-indicators li{
    background-color: #d6d6d6;
    border: 1px solid #d6d6d6;
    margin: 3px;
}

.carousel-indicators .active{
    background-color: #ff4e00;
    border: 1px solid #ff4e00;
    margin: 2px;
}

.left_angle,.right_angle{
    color:transparent;
}

.left_carousel_control{
    position: absolute;
    bottom: 20%;
    right: 0%;
}

.right_carousel_control{
    position: absolute;
    bottom: 8%;
    left: 0%;
    margin-left: -2px;
}

.orange_box{
    padding: 30px 18px;
    border: 2px solid #ff4e00;
    color: #ff4e00;
    font-size: 38px;
    z-index: 999;
    cursor: pointer;
}

.orange_box_sm{
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -40px;
    padding: 0px 10px;
    border: 2px solid #ff4e00;
    color: #ff4e00;
    font-size: 26px;
    z-index: 999;
    cursor: pointer;
}

.orange_box_sm_right{
    position: absolute;
    bottom: 103.5%;
    left: 50%;
    margin-left: -9px;
    padding: 0px 10px;
    border: 2px solid #ff4e00;
    color: #ff4e00;
    font-size: 26px;
    z-index: 999;
    cursor: pointer;
}

.orange_box:hover,.orange_box_sm:hover{
    background: #ff4e00;
    color: #fff;
}

.txt-rotate{
    color: #ff4e00;
    font-weight: 600;
    border-bottom: 4px solid #ff4e00;
}

.f-70-w,.f-32-w{   
    color: #fff;
    font-weight: 200;
    padding: 0px 20px;
}

.f-40-b{
    font-size: 40px;
    line-height: 46px;
    font-weight: 200;    
}

.f-26-b,.f-26-w{
    font-size: 26px;
    line-height: 32px;
}

.sm-grid{
    padding: 70px 30px;
    background: #f2f2f2;
    text-align: center;
}

.engine1__bg_container{    
    text-align: left;
    position: absolute;    
}

.f-42-sky{
    font-size: 42px;
    line-height: 48px;
    color: #00eaff;
    font-weight: 300;
    padding: 0px 20px;
}

.p_exp_txt{
    width: 360px;
}

.p_exp_box3{
    position: absolute;
    top: 32%;
    left: 20%;
}


.mission-tabs ul.responsive{
    border-bottom: none;
}

.mission-tabs ul.responsive > li{
    padding: 0px 15px;
    border-right: 1px solid #ddd;
}

.mission-tabs ul.responsive > li:last-child{
    border-right: 1px solid transparent;
}

.mission-tabs ul.responsive > li > a{
    border: none;
    color: #161616;
    font-size: 20px;
    line-height: 24px;
}

.mission-tabs ul.responsive > li > a:hover{
    border-color: #fff;
}

.mission-tabs ul.responsive > li.active > a, .mission-tabs ul.responsive > li.active > a:hover, .mission-tabs ul.responsive > li.active > a:focus{
    color: #ff4e00;
    cursor: default;
    background-color: transparent;
    border: transparent;
    border-bottom: 1px solid;
    border-bottom-color: #ff4e00;
}

.mission-content{
    display: block !important;
}

.mission-content .tab-pane{
    padding: 40px 20px 0px;
    text-align: center;
    font-weight: 300;
    color:#161616;
}

.mission-tabs .panel-group .panel .panel-heading .panel-title{
    text-align: center;
}

.mission-tabs .panel-group .panel .panel-heading .panel-title a{
    font-weight: 300;
    color: #161616;
}

.mission-tabs .panel-group .panel .panel-heading{
    padding: 20px 15px;
}

.mission-tabs .panel-group .panel .panel-heading .panel-title a[aria-expanded=true]{
    color: #ff4e00;
}

.mission-tabs .panel-group .panel .panel-collapse .panel-body{
    padding: 40px 20px;
    text-align: center;
    font-weight: 300;
}


#sync1 .item {
    background: transparent;
    padding: 20px;
    text-align: center;
    min-height: 259px;
    color: #fff;
    font-weight: 300;
}

#sync1 .item h3 {
    font-weight: 300;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
}
     
 #sync1 .item p{    
    margin-bottom: 20px;
 }

#sync2 {
    height: 70px;
    margin-bottom: 40px;
}

#sync2:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    margin-top: -0.5px;
    height: 1px;
    background-color: #ff4e00;
    z-index: 2;
}

#sync2 .owl-wrapper-outer {
    z-index: 4;
}

#sync2 .owl-wrapper {
    margin: 0 auto;
}

#sync2 .item {
    text-align: center;
    cursor: pointer;
    width: 70px;
    height: 70px;
    position: relative;
    margin: 0 auto;
}

#sync2 .item:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    margin-left: -8px;
    height: 16px;
    width: 16px;
    border-radius: 16px;
    background-color: #ff4e00;
    z-index: 2;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#sync2 .synced .item:after {
    transform: scale(4);
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    background-color: #fff;
}

#sync2 .item span {
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

#sync2 .item span.year-round {
    display: block;
    height: 45px;
    font-size: 0px;
    position: relative;
    z-index: 6;
}

#sync2 .synced .item span.year-round {
    width: 70px;
    height: 70px;
    color: #ff4e00;
    font-size: 18px;
    line-height: 70px;
}

#sync2 .item .year {
    color: #fff;
    font-size: 14px;
}

#sync2 .synced .item .year {
    display: none;
}
     
 @media (min-width: 320px) {
     #sync1 .item p{
         padding: 0px;
     }
     
     #sync1 .item {
        padding: 10px 0px;
    }
 }
     
@media (min-width: 900px) {
 #sync1 .item {
        padding: 50px 70px;
   }
 }
     
 @media (min-width: 1400px) {
     #sync1 .item p{
          padding: 0px 80px;
     }
 }

@media (max-width: 1021px) {
    .cnt-one {
        padding-top: 0;
    }
}
     
    

@media (min-width: 768px) {
    
    .head-one {
        font-size: 50px;
        line-height: 52px;
        margin: 0 0 40px;
    }
    .blk-cnt-two h2 {
        font-size: 42px;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .qck-links li {
        margin: 0 15px;
        display: inline-block;
    }
    .list-one {
        width: 600px;
        margin: 0 auto;
    }
    .list-one li {
        width: 33.3333%;
        float: left;
    }
    .list-one .desc-pane {
        bottom: 50px;
        padding: 10px 11px;
    }
    .list-one .desc-pane h3 {
        font-size: 18px;
        margin: 0 0 0 0;
    }
    .list-one .desc-pane span {
        font-size: 14px;
    }
    .list-one .desc-pane p {
        font-size: 9px;
        margin: 5px 0 0 0;
    }
    .scl-blk {
        height: 50px;
    }
    .scl-blk a {
        height: 50px;
    }
    .scl-blk a::before {
        font-size: 21px;
        line-height: 50px;
    }
    .fa-linkedin::before {
        line-height: 47px !important;
    }
    .scl-blk a.blogger {
        background-size: 25%;
    }
}

@media (min-width: 1101px) {
    .list-one {
        margin-bottom: 130px;
    }
    .list-one li {
        width: 33.3333%;
        float: left;
    }
    .list-one .desc-pane {
        bottom: 0;
    }
    .scl-blk {
        position: absolute;
    }
    .qck-links li {
        margin: 0 45px;
        display: inline-block;
        font-size: 20px;
    }
}
     
@media (min-width: 1020px) {
    #sync2:after {
        left: 50px;
        right: 50px;
    }
    #sync2 .owl-item {
        width: 13.66% !important;
    }
}

@media (min-width: 1230px) {
    #sync2:after {
        left: 50px;
        right: 50px;
    }
    #sync2 .owl-item {
        width: 16.66% !important;
    }
}