@charset "utf-8";
.ai-videoBg {
  background: url(../images/kspage/ai-video.jpg);
  width: 100%;
 
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 355px;
}

.ai-videoWarp .videoBg{ height: 450px !important;}
.ai-videoWarp .videoBg  .videoContRHS {
  padding: 20px;
}
.ai-videoWarp .videoBg .videoContRHS h2{ font-size: 29px;}
.ai-videoWarp .videoBg .videoContRHS p { font-size:17px; margin: 0px 0px 10px 0px !important;}
.ai-videoWarp .videoBg .videoContRHS .btn-learn-more { padding: 11px 17px; font-size: 13px; }
 
.formWrap { background: #f6f6f6; padding: 15px; display: block; }
.formWrap .pdfHead { font-size: 18px; color: #444;}
.formWrap .sub-text{ font-size: 12px; color: #999; margin: 0 !important;}
.formWrap .form360 { background: none;}
.formWrap .form360 .form-control { background: #f6f6f6; border: 1px solid #ccc;}
.formWrap .form360 .btn-danger { background: #0083bd !important; border: 1px solid #0083bd;}
.green-focus {  
   border: 2px solid #37d91a !important;  
  } 
  
  

.upda_repo {list-style-type: none;list-style-type: none;
  margin: 0;
  padding: 0 0 0 10px;}
.upda_repo li {
  counter-increment: list;
  list-style-type: none;
  position: relative;margin: 0 0 5px 0;
}
.upda_repo li::before {content: counter(list);
  color: #e52464;
  background: #e52464;
  display: inline-block;
  padding: 0px 4px;
  border-radius: 50%;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  margin-left: -1em;
  margin-right: 8px;}

/* banner New */
.driving-changes {
  background-image: url(../images/driving_changes.png);
  background-color: #435988;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  color: #fff;
  max-height: 450px;
}
.driving-changes h2 {
  font-size: 38px;
}
.driving-changes h3 {
  font-size: 33px;
}
.driving-changes ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 35px;
  font-size: 20px;
  font-style: normal;
  background-image: url(../images/arrow-thin-right.png);
  background-repeat: no-repeat;
  background-position: left 7px;
}
.driving-changes ul li::before {
  position: absolute;
  font-size: 19px !important;
  left: 0;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-weight: 900;
  font-style: normal;
  text-decoration: inherit;
}

.font-weight-bold {
  font-weight: 700!important;
}

.changes-impacting .bg-white {
  padding: 10px 15px;
  color: #112D6F !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3); background: #fff; margin: 10px 0;
}

.arrow-btn-red {
  background: url(/images/arrow-thin-red.png) no-repeat;
  width: 24px;
  height: 19px;
  display: inline-block;
  background-size: 66% !important;
  background-position: 3px 7px !important;
}
/* ----------------------- */
.fancybox-overlay.fancybox-overlay-fixed {background-color: rgba(43, 44, 90, 0.5) !important;}
.worldtext {margin: 0;
    font-size: 18px;
    text-align: left;
    font-weight: 700; text-transform: uppercase; color: #e52362; padding-left: 13px;}
.paddL22 {padding-left: 22px;}
.bannerbg360{
  background-image: /*linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),*/ url(../images/360/bannerbg360.jpg);
    height: 100%;
    height: 45vh;width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; text-align: center; color: #fff; font-family: "Open Sans", sans-serif;
    padding: 20px 0 0 0; 
}
.bannerbg360 .bannerConten { width: 66%; margin: 0 auto; }
.bannerbg360 .head_text{  font-size: 22px; margin-bottom: 0px; font-weight: 700;  letter-spacing: -1px;  }

.globalBanner{
  background-image: /*linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),*/ url(../images/industry-Ads/global_diagnostic_imaging_market.jpg);
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; text-align: left; color: #fff; font-family: "Open Sans", sans-serif;
    padding: 30px;margin: 15px 0;
}
.globalBanner .head_text{  font-size: 28px;  margin: 0px; font-weight: 900;  letter-spacing: -1px;text-shadow: 0px 0px 4px rgba(15,6,4,0.76);line-height: 39px; }
.globalBanner .btnDoller { background: #fff; padding: 10px 20px; box-shadow: black; display: inline-block; color: #3385dd; border-radius: 10px; font-weight: 700; font-size: 22px;} 
.c-yellow {color: #f7be16;}
.globalBanner .bannertext {text-shadow: 0px 0px 3px rgba(4, 4, 44, 0.92);  padding: 10px 0px; margin: 0; }
.globalBanner .bot-text {text-shadow: 0px 0px 3px rgba(4, 4, 44, 0.92); font-weight: 800;}

.positionR {position: relative;}
 .navbarNav {position: absolute;bottom: 0; left: 0; width: 100%;}
 .navbarNav ul {list-style: none;padding: 0;width: 66%; margin: 0 auto; float: none; background-color: rgba(88, 81, 159, 0.3);}

 .navbarNav .nav>li a {color: #fff; text-transform: uppercase;}
 .navbarNav .nav>li a:hover {color: #232254;}
 .navbarNav .nav>li.active {    text-decoration: none;    background-color: #fff; color: #232254 !important; }
 .navbarNav .nav>li.active a {border-top:3px solid #e52170;padding-top: 12px; color: #232254 !important;}
.page360 {font-family: "Open Sans", sans-serif;background: #fff !important; margin-top: -10px;}

.headpoint { color: #232254 !important;font-weight: 700 !important; font-size: 18px !important; line-height: 22px;     margin: 0 !important;}
.headpoint span {font-weight: normal;}
.graytext{ color: #9190a9; font-size: 12px; }
.marksize { color: #9190a9; font-size: 12px;font-weight: 700 !important; }
.markCAGR {font-weight: 700 !important; font-size: 14px !important; }
.pl-0 {padding-left: 0px;}
.markHead {margin: 0;}
.markHead>tbody>tr>td, .markHead>tbody>tr>th, .markHead>tfoot>tr>td, .markHead>tfoot>tr>th, .markHead>thead>tr>td, .markHead>thead>tr>th
{ padding: 0; border: none; }
.pdfWrap {
    background-image: url(/Images/360/words100.jpg);
    height: 38vh;
    height: 215px;
    background-position: left top;
    background-repeat: no-repeat;
    background-position-x: left;
    position: relative;
    background-size: 160px auto; position: relative;
}

.pdfHead { font-size: 15px; color: #232254; }
.subHead { font-size: 14px; color: #232254; }
.pdfRhs {
    float: right;
    padding: 8px 0 0 0px;
    margin: 0;
    color: #b3b7bb;
    position: relative;
    width: 37%;
    text-transform: uppercase;
    font-family: 'HelveticaLTStd Roman';min-height: 100%; height: 100%;
}
.pubdate {
    font-size: 12px;
    color: #b3b7bb; position: absolute;right: 0; bottom: 9px;
}
.pubdate span { display: inline-block; font-size: 18px;
    float: left;
    width: 100%;
    line-height: 18px;
    color: #b3b7bb; }
.detailsBox{ background: #f3f7fd;padding: 15px; width: 100%; margin-bottom: 30px; min-height: 250px; height: 300px;overflow-y: scroll;overflow-x: none; }
.detailsBox table { color: #232254; font-size: 13px; margin-bottom: 0px; }
.detailsBox table th{ color: #232254;  font-size: 13px;}
.detailsBox table th.gray {color: #b3b7bb;}
.grayI {color: #868a8d;font-style: italic;  font-size: 13px;} 
.detailWrap{    margin-right: -15px;    margin-left: -15px; }

.topCompny {background: #f3f7fd; display: inline-block; width: 100%; margin:15px 0; padding: 15px;}
.headComp {color: #8e90a5 !important;font-weight: 700; font-size: 28px;     margin: 0;}

.toptable {padding-right: 10px;
    padding-left: 10px;}
.toptable table { color: #232254; font-size: 12px; margin-bottom: 0px; }
.toptable table th {text-transform: uppercase;font-size: 13px;
    font-weight: 600;}

.sliderbg {
    background-image: url(/Images/360/sliderBg.jpg);
   
    height: 330px;
    width: 100%
    background-position: left top;
    background-repeat: no-repeat;
    background-position-x: left;
    position: relative;
    background-size: 100% auto; position: relative;
}
.forBuyer {background: #f3f7fd; padding: 15px; display: inline-block; width: 100%; margin: 15px 0;}
.red {color: #f64646;font-weight: 700; font-size: 22px;}
.buyercomp {
    color: #8e90a5 !important;
    font-weight: 700;
    font-size: 18px;
    margin: 0;
}

.listBuyTab {list-style: none;padding: 0; margin: 0; }
.listBuyTab li {float: left; width: 33.33333333%; padding: 3px; color: #232254; font-weight: 400px;}

.forBuyer .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background: #f1f3f7; color: #7f859c; text-transform: uppercase; font-weight: 600; font-size: 15px; border: none;border-bottom: 1px solid #dcdfe6;}
.forBuyer .nav-tabs li a{ border-radius: 0px;background: #35416a; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 15px;  }

.quadWrap {background: url(../Images/360/quad.jpg); padding: 20px; background-size: 100%;}
.form360 {margin: 15px 0; display: inline-block; width: 100%;background:#fff;}
.form360 .form-group {    margin-bottom: 7px;}
.form360 label { font-weight: normal; color: #9190a9; font-size: 12px; }

.form360 .form-control {
    border: 1px solid #e8ecf4;
    background: #e8ecf4;
    box-shadow: none;
    border-radius: 4px;
    font-size: 13px;
    color: #333;
    padding: 10px;
    /* height: 36px; */
}
.form360 .checkbox {margin-left: 15px;display: inline-block;}

.form360 .form-control select {font-size: 11px; padding: 0px;}

.form360 .btn-danger{ text-transform: uppercase; background: #e52464; color: #fff; font-size: 14px; }
.form360 .btn-default{background: #fff; border: 1px solid #221d4d; color: #221d4d; font-weight: 600;font-size: 14px;text-transform: uppercase;}
.form360 .btn-info {background: #685dd4 !important; border: 1px solid #685dd4 !important; color: #fff; font-weight: 600;font-size: 14px;text-transform: uppercase;}
.pdfCount {background: url(/images/360/pdfCount.jpg) no-repeat; padding: 0 0 0 33px; font-size: 15px;  font-weight: 600;font-family: "Open Sans", sans-serif; line-height: 17px;position: absolute;
    bottom: 30%;}
.pdfCount span {font-weight: normal !important; width: 100%;display: inline-block; font-size: 12px;}
.positionBtn {font-size: 12px;font-weight: 600;}
.slidertext { color: #bbbbbb;font-size: 14px;font-weight: 600;  }

.sticky {
  position: fixed;
  top: 90px;
  width: 100%; z-index: 100; background: #372f7a; height: 50px;
}
.sticky2 {
      position: -webkit-sticky;
  position: sticky;
  top: 1rem;
  align-self: flex-end;
      background-color: yellow;
     
    }
.bg-fixed {     position: fixed;
    width: 262px;
    right: 8%;
    top: 20%; background: rgba(255, 255, 255, 0.0); z-index: 101;
}
    .container123 {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;

  border: 2px dashed rgba(114, 186, 94, 0.35);
  height: 400px;
  background: rgba(114, 186, 94, 0.05);
}
.custscrol::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}

.custscrol::-webkit-scrollbar-thumb {
  background: slategray;
}

.custscrol::-webkit-scrollbar-track {
  background: #b8c0c8;
}

.custscrol {
  scrollbar-face-color: slategray;
  scrollbar-track-color: #b8c0c8;
}

.accordion-toggle { color: #333; }

.panel-default>.panel-heading {background: #fff;}
.panel-group .panel+.panel {margin-top: 0px;}
.panel-info .panel-heading {
    color: #333;
}
/*--------------------------------------------------*/
.nopad { padding:0px;}


.HelvRoman{font-family: 'HelveticaLTStd-Roman';}
.HelvCond{font-family: 'HelveticaLTStd Cond';}
.HelvBoldCond {font-family: 'HelveticaLTStd BoldCond';}

.clientsHead{font-family: 'HelveticaLTStd Cond'; font-size:40px;padding-top: 15px; color:#2c365a;}
.HeadText{font-family: 'HelveticaLTStd Cond'; font-size:40px; color:#2c365a; margin:0px 0 10px 0;}


/*
inspired from http://codepen.io/Rowno/pen/Afykb
& https://jsfiddle.net/q0rgL8ws/
*/
#carousel {width: 50%; margin: 8% auto 0 auto; }
#carousel .thumbnail{ background: none; border: none; border-radius: 0px; }
#carousel .carousel-control.left i, #carousel .carousel-control.right i {display: table-cell;
  vertical-align: middle;}

#carousel .carousel-control.left .fa-angle-left:before ,  #carousel .carousel-control.right .fa-angle-right:before {background: #232254; padding: 0 7px; border-radius: 20px;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
    overflow:hidden;
}
.item.active img {
    transition: transform 5000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    /*transform: scale(1.05, 1.05);*/
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-control.left,.carousel-control.right {background: none;  text-align: center; display: table;
  height: 350px; 
  text-align: center;
 }

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  .globalBanner .btnDoller {font-size: 14px;}
  .globalBanner .head_text {    font-size: 22px;}
  .driving-changes { height: 100%;max-height: 100% !important; background-position: top right;
    background-size: 215%;margin: 8px 0 0 0;}
  .driving-changes h2 { font-size: 23px;}
  .driving-changes h3 {     font-size: 23px;}
  .driving-changes ul li {margin: 8px 0;    font-size: 16px;}
.page360 {    margin-top: -40px;}
  .slider-container {     position:absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 241px !important;
    margin: 0 !important}
.slider-container .slider-content .slider-single.proactive .slider-single-title {
    transform: translateX(0px) !important;
}
.mobSlidBG {height: 226px !important;}
.mobSlidBG video { margin: 20px 0;  }
    .sliderbg {    background-size: 100% 317px; height: 317px;}
    .slider-container .slider-content .slider-single.proactive .slider-single-image {
    opacity: .3;    transform: translateX(29%) scale(0.8) !important;}
    .slider-container .slider-content .slider-single.preactive .slider-single-image {
    opacity: .3;    transform: translateX(-29%) scale(0.8) !important;}
    .slider-container .slider-content {
    position: relative;
    left: 0% !important;
    top: 50%;
    width: 70%;
    height: 60%;
    transform: translate(20%, -50%) !important;
    display: inline-block;}
    .listBuyTab li {width: 100% !important;}
    .bannerbg360{height: 57vh;}
    .bannerbg360 .bannerConten{ width: 100% !important;}
    .bannerbg360 .head_text {    font-size: 18px; line-height: 22px; }
    .bannertext { font-size: 12px; }
    .navbarNav ul{ width: 100%; font-size: 12px; }
    .navbarNav ul li {float: left; width: 33.33%}
    .navbarNav .network-analyst li {float: left; width: 25% !important;}
    .navbarNav ul li a {height: 55px;}
    .sticky {    top: 59px;   background: #372f7a !important;    height: 55px;}
    .headComp {font-size: 20px;}
    .headpoint {font-size: 19px;}
    .toptable table th { width: 50%; font-size: 11px; }


}

@media only screen
and (min-device-width : 568px)
and (max-device-width : 736px) {
   .slider-container {     position:absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 330px !important;
    margin: 0 !important}
.slider-container .slider-content .slider-single.proactive .slider-single-title {
    transform: translateX(0px) !important;
}
    .sliderbg {    background-size: 100% 416px; height: 416px;}
    .slider-container .slider-content .slider-single.proactive .slider-single-image {
    opacity: .3;    transform: translateX(29%) scale(0.8) !important;}
    .slider-container .slider-content .slider-single.preactive .slider-single-image {
    opacity: .3;    transform: translateX(-29%) scale(0.8) !important;}
    .slider-container .slider-content {
    position: relative;
    left: 0% !important;
    top: 50%;
    width: 70%;
    height: 60%;
    transform: translate(20%, -70%) !important;
    display: inline-block;}
    .sticky {    top: 50px; height: 37px;}
  .navbarNav ul{ width: 100%; font-size: 12px; }
    .navbarNav ul li {float: left; width: 33.33%}
    .navbarNav ul li a {height: 37px;}
    .bannerbg360 .bannerConten{ width: 100%; }
    .bannertext { font-size: 11px; }
.page360{margin-top: -43px;}
.bannerbg360{height: 50vh;}
.bannerbg360 .head_text{ margin-top: 10px; font-size: 18px; }
}

@media only screen and (device-width: 768px) {
  .slider-container .slider-content .slider-single.proactive .slider-single-title {
    transform: translateX(0px) !important;}
    .sliderbg {    background-size: 100% 416px; height: 416px;}
    .slider-container .slider-content .slider-single.proactive .slider-single-image {
    opacity: .3;    transform: translateX(29%) scale(0.8) !important;}
    .slider-container .slider-content .slider-single.preactive .slider-single-image {
    opacity: .3;    transform: translateX(-29%) scale(0.8) !important;}
    .slider-container .slider-content {
    position: relative;
    left: 0% !important;
    top: 50%;
    width: 70%;
    height: 60%;
    transform: translate(20%, -60%) !important;
    display: inline-block;}
    .bannerbg360{height: 28vh;}
    .page360 {margin-top: -40px;}

     .sticky {    top: 50px; height: 37px;}
  .navbarNav ul{ width: 100%; font-size: 12px; }
    .navbarNav ul li {float: left; width: 33.33%}
    .navbarNav ul li a {height: 37px;}
}


@media only screen and (device-width: 1024px) {
  .slider-container .slider-content .slider-single.proactive .slider-single-title {
    transform: translateX(0px) !important;}
    .sliderbg {    background-size: 100% 416px; height: 416px;}
    .slider-container .slider-content .slider-single.proactive .slider-single-image {
    opacity: .3;    transform: translateX(29%) scale(0.8) !important;}
    .slider-container .slider-content .slider-single.preactive .slider-single-image {
    opacity: .3;    transform: translateX(-29%) scale(0.8) !important;}
    .slider-container .slider-content {
    position: relative;
    left: 0% !important;
    top: 50%;
    width: 70%;
    height: 60%;
    transform: translate(20%, -50%) !important;
    display: inline-block;}
    .bannerbg360{height: 28vh;}
    .page360 {margin-top: -40px;}

     .sticky {    top: 50px; height: 37px;}
  .navbarNav ul{ width: 100%; font-size: 12px; }
    .navbarNav ul li {float: left; width: 33.33%}
    .navbarNav ul li a {height: 37px;}
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}