@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri/Calibri.eot');
  src: url('../fonts/Calibri/Calibri.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Calibri/Calibri.woff2') format('woff2'), 
       url('../fonts/Calibri/Calibri.woff') format('woff'),
       url('../fonts/Calibri/Calibri.ttf')  format('truetype'), 
       url('../fonts/Calibri/Calibri.svg#svgFontName') format('svg'); 
}
@font-face {
  font-family: 'Calibri Bold';
  src: url('../fonts/Calibri/Calibri-Bold.eot'); 
  src: url('../fonts/Calibri/Calibri-Bold.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/Calibri/Calibri-Bold.woff2') format('woff2'), 
       url('../fonts/Calibri/Calibri-Bold.woff') format('woff'), 
       url('../fonts/Calibri/Calibri-Bold.ttf')  format('truetype'), 
       url('../fonts/Calibri/Calibri-Bold.svg#svgFontName') format('svg'); 
}
html{
  overflow-x: hidden;
}
body {
  background: #fff;
  font-size:16px;
  font-family:'Montserrat', sans-serif;
  overflow-x: hidden;
}

a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
}
.mt-8{
  margin-top: 8rem;
}
.mt-12{
  margin-top: 12rem;
}
p {
  padding: 0;
  margin: 0 0 10px 0;
}
h1, h2, h3, h4, h5, h6 {
 font-family:'Montserrat', sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0;
}
.h1{
  font-size: 56px!important;
  font-weight: 700!important;
}
.h2{
  font-size: 48px!important;
}
.h3{
  font-size: 42px!important;
}
.font-weight-300{
 font-weight: 300!important;
}
.font-weight-500{
  font-weight: 500!important;
}
.font-weight-600{
  font-weight: 600!important;
}
.font-weight-700{
  font-weight: 700!important;
}
.font-weight-800{
  font-weight: 800!important;
}
.bg-gray{
 background-color: #f7f8f9!important;
}
.bg-black{
  background-color: #111!important;
}
.bg-white{
  background-color: #fff!important;
 }
.light-grey{
  color:rgb(255,255,255,0.6)!important;
}
.grey{
  color:rgb(0,0,0,0.5)!important;
}
.text-black{
  color: #000!important;
  font-weight: 600;
 }
 .text-green{
  color: #00f291!important;
  font-weight: 600;
 }
.text-blue{
 color: #0450eb!important;
 font-weight: 600;
}
.text-gray{
  color: #a39e9e!important;
}
.text-skyblue{
  color:#58b5f3!important; 
}
.btns{
  font-family:'Montserrat', sans-serif;
  font-size: 20px!important;
  font-weight: 600!important;
  padding:12px 0px!important;
  color: #0453ec;
}
.btns i{
  font-size: 18px;
  font-weight: 600;
}
.btn{
  width: 150px;
  font-family:'Montserrat', sans-serif;
  font-size: 18px!important;
  font-weight: 600!important;
  padding:12px 15px!important;
  border-radius:1rem!important;
}
.btn-green{
 color: #fff!important;
  background-color: #3fd7a4!important;
  border-color: #2bbe8d!important;
}
.btn-green:hover{
 color: #fff;
 background-color: #48d8a3!important;
 border-color: #48d8a3;
}
.btn-green:focus{
 box-shadow:0 0 0 0.2rem rgba(43,190,141,.5);
}
.btn-theme{
 color: #fff!important;
 background-color: #407cf0!important;
 border-color: #407cf0;
 font-weight: 600;
 opacity: 1;
}
.btn-theme:hover{
 color: #fff;
 background-color: #0069d9;
 border-color: #0062cc;
}
.btn-theme:focus{
 box-shadow:0 0 0 0.2rem rgba(63,124,241,.5);
}
.btn-contact{
  background-color: #0450eb!important;
  color: #fff!important;
}
.btn-login{
  padding:10px 15px!important;
  color: rgba(0,0,0,0.9);
}
.btn-login:hover, .btn-login:focus, .btn-login:hover i, .btn-login:focus i, .btn-Log{
  color: rgba(0,0,0,0.5)!important;
  box-shadow:none!important;
}

.btn-light{
  color:#3f7cf1!important;
 }
 .display-block{
   display: block;
 }
.relative{
 position: relative;
}
.topbar{
  width: 100%;
    position: relative;
    display: inline-block;
    height: 72px;
}
.navbar.navbar-light{
  background-color: rgba(0,0,0,0)!important;
 }
 .topbar .navbar-light .navbar-nav .nav-link{
 color:#0450eb;
 padding:10px 15px;
 font-weight: 600;
 }
 .topbar .navbar .nav-item:not(:first-child) {
   width: auto;
  font-family:'Montserrat', sans-serif;
   background-color: #fff;
   border-radius: 0.5rem;
   margin-right: 20px;
   text-align:center;
 }
 
 .topbar .navbar-light .navbar-nav .nav-link:focus,  .topbar .navbar-light .navbar-nav .nav-link:hover{
    color:#000;
    padding:10px 15px;
 }
 .topbar .nav-link img {
  padding-top:3px;
}
/*side navbar*/
.topbar .navbar .nav-item.active a{
 color: #000;
}
.navbar{
 position: absolute;
 width:100%;
}
.navbar-brand-mobile{
 display: none;
}
.close{
 background: #0450eb ;
 width: 30px;
 height: 30px;
 border-radius: 100%;
 padding: 3px 5px;
 color: #fff;
 position: absolute;
 right: 6px;
 top: -20px;
}
.close:hover{
 color: #3f7cf1;
}
.evolko-logo{
  width: 160px;
}
#advertisement-wrapper{
  margin-bottom: 5rem;
  background-color: #111;
  padding: 3rem 0;
}
#advertisement-wrapper h3, #advertisement-wrapper h4{
  color:#fff;
}
.img-ad{
  width: 280px;
  margin-bottom: 20px;
}
.hero-banner{
 width: 100%;
 position: relative;
 background: #111;
 height:calc(100vh - 82px);
 max-height: 640px;
}
.stories-banner{
  width: 100%;
  position: relative;
}
.stories-banner img{
  width: 100%;
}
#StoriesSlider .carousel-caption{
  right: auto;
  left: 100px;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
}
#StoriesSlider .carousel-caption span, .btn-continue{
  font-size: 15px;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
}
.btn-continue:hover, .btn-continue:focus{
  color: rgba(238,79,73,0.6);
}
#StoriesSlider .carousel-caption h3{
 font-family: "Times New Roman",sans-serif;
 text-transform: uppercase;
}

#StoriesSlider .carousel-indicators{
  right: -186px;
  left:auto;
}
#StoriesSlider .carousel-indicators li{
  width: 18px;
  height: 18px;
  border-radius: 20px;
  margin-right: 15px;
  border: 2px solid #fff;
  background-color: transparent;
}
#StoriesSlider .carousel-indicators .active {
  background-color:#FFF ;
  width: 20px;
  height: 20px;
}
#activiites-container{
  padding: 5rem 0 0;
}
.stories-tabs ul.nav-tabs li{
  width: 33.3%;
  text-align: center;
  display: inherit;
  position: relative;
  
}
.stories-tabs ul.nav-tabs li .nav-link {
  margin: 0 auto;
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
}
.stories-tabs .nav-tabs .nav-link i{
  color:rgba(238,79,73,0.7);
  padding-right: 8px;
}
.stories-tabs .nav-tabs .nav-link.active{
  color:rgba(238,79,73,0.7);
}
.stories-tabs ul.nav-tabs li:not(:last-child):before {
  background: rgba(0,0,0,0.1);
  content: "";
  width: 2px;
  height: 80px;
  top:-50%;
  right: 0;
  position: absolute;
  transform: rotate(915deg);
  padding: 20px 0;
}
.stories-tabs .nav-tabs, .stories-tabs .nav-tabs .nav-link.active, .stories-tabs .nav-tabs .nav-item.show .nav-link, 
.stories-tabs .nav-tabs .nav-link:hover, .stories-tabs .nav-tabs .nav-link:focus, .stories-tabs .nav-tabs .nav-link{
  border: 0;
  outline: none;
}
.blog{
width: 100%;
  margin:0 auto;
  text-align: center;
  border-bottom: 2px solid rgba(0,0,0,0.2);
    padding-bottom: 2.5rem;
}
.blog-img img{
  width: 100%;
}
.blog-caption{
  position: relative;
  display: inline-block;
  background: #fff;
  width: 90%;
  top: -50px;
  padding:30px 5px 0;
}
.blog-caption span{
  position: relative;
  color:rgba(238,79,73,0.7);
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 500;
  display: inline-block;
}
.blog-caption span::after{
  position: absolute;
  content: "";
  width: 70%;
  height: 2px;
  bottom: -60px;
  left: 50%;
  background-color: rgba(238,79,73,0.7);
  transform: translateX(-50%);
}
.blog-desc p{
  text-align:left;
  font-size: 14px;
  color:#000;
  font-weight: 500;
}
.btn-blog{
  border:1px solid  rgba(0,0,0, 0.3);
  color:rgba(238,79,73,0.7)!important;
  padding:8px 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
.social-links{
  margin: 2.5rem 0;
  float: right;
}
.social-links ul{
 background: #000;
 padding: 0 15px 0 30px;
 clip-path: polygon(8% 0, 100% 0%, 100% 100%, 0% 100%);
}
.social-links ul li{
  padding:10px 2px;
}
.social-links ul li a{
  color: #fff;
 }
 .social-links ul li a:hover{
  color: rgba(238,79,73,0.5);
 }
 .places-container, .places-container .card, .places-container .card-body{
   padding:0;
   border: 0;
 }
 .image-container{
  border:1px solid rgba(0, 0, 0, 0.125)
 }
.image-desc span{
  position: relative;
  color:rgba(238,79,73,0.7);
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 500;
  display: block;
  text-transform: uppercase;
}
.image-desc h3{
  font-family: "Times New Roman", sans-serif;
  position: relative;
  display: inline-block;
}
.image-desc h3::after{
  position: absolute;
  content: "";
  width:60%;
  height: 2px;
  bottom: -20px;
  left: 0%;
  background-color: rgba(238,79,73,0.7);
}
.image-desc p{
  font-size: 14px;
  margin: 10px 0;
  color:#000;
font-weight: 500;
}
#major-activiites .container{
  width:100% ;
  position: relative;
  padding: 5rem 0 3rem;
  border-bottom: 3px solid rgba(238,79,73,0.7);
  margin-bottom: 1.5rem;
}
.activity-blog h5{
  margin: 15px 0;
  margin-bottom: 3rem ;
  font-family: "Times New Roman", sans-serif;
}
.header-block h6{
  background-color: rgba(0,0,0,1);
  color:#fff;
  padding:10px 0;
  width: 100%;
  margin-bottom: 0;
  text-transform: uppercase;
}
.block-right{
  padding: 0 20px;
}
.social-blog ul li{
  padding-right: 10px;
}
.social-blog ul li a{
 font-size: 18px;
 color:#000;
}
.subscription-form input{
  border: 1px solid rgba(0,0,0,0.1);
  background-color: #fff;
  border-radius: 0;
  height: 45px;
}
.btn-subscribe{
  background: rgba(0,0,0,0.03);
  width: 100%;
  padding: 10px;
  border: 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.categories-blog ul{
  position: relative;
  list-style: none;
  padding-left: 0;
}
.categories-blog ul li:before{
    padding: 8px;
    color: grey;
    content: "/";
    width: 1px;
    height: 100px;
    right: 0;
}
.categories-blog ul li{
  margin-bottom: 10px;
}
.categories-blog ul li a{
  color: #000;
  padding-bottom: 10px;
}
.h-100 {
  height: 100% !important;
}

 #HeroSlider .carousel-inner .carousel-item{
  height: 100%;
  padding: 40px 0;
}
#HeroSlider .img-banner{
  height: 100%;
  padding: 20px 0;
  margin:0 auto;
  text-align:center;
}
#HeroSlider .img-banner img {
  width: auto;
  height:600px ;
  position: relative;
}

#HeroSlider .banner-captions{
  position: absolute;
  content:"";
  top:50%;
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease-in-out;
  transform: translateY(-50%);
}
.banner-content h1{
 display: inline-block;
 font-weight: 700;
 padding-right: 2px;
}
.banner-content p{
 font-size:18px;
}
.banner-content ul li a{
 font-size:18px;
 color: #fff!important;
 padding-right: 30px;

}
.section-header h2{
 color:#000;
 font-weight: 600;
}
.box{
 background:#f4f4f4;
 border-radius: 0.5rem;
 transition: 0.3s;
 height: 200px;
 padding:20px 40px;
 margin: 10px 0;
 box-sizing: border-box;
 text-align: center;
}
.box:hover {
 box-shadow: 0 4px 18px 0 rgba(0,0,0,0.2);
}
.box h1, .boxes h1{
  font-size: 80px;
   color:#0453ec;
   font-weight:800;
   margin-bottom: 0px;
   font-family:'Calibri', sans-serif;
}
.box h1 span, .boxes h1 span{
 font-size: 42px;
 font-family:'Calibri', sans-serif;
}
.box h1 span.plus{
  font-size: 62px;
 }
.box p{
  margin:0 auto;
  font-size: 28px;
 font-weight: 600;
 font-family:'Calibri', sans-serif;
 text-align: center;
 line-height: 30px;
 white-space: nowrap;
}
.heading p.subheading{
  font-size: 18px!important;
}
.heading h2{
 font-weight:600;
 margin-bottom: 10px;
}
.heading .subtitle{
 font-weight:600;
}
.heading p{
 color:#666;
}
.heading.white{
color:#fff!important;
}
.heading.white p{
 color:#fff!important;
}
.rxpad-black{
  height: 30px;
}
.heading-footer{
  text-align: center;
  margin-top: 1.5rem;
}
.heading-footer a{
  color:#0450eb;
}
.heading-footer a:hover{
  color:#0450eb;
}
.vdivider, .vdivider-xs, .vdivider-white, .vdivider-green, .divider{
  position: relative;
}

.divider:after{
  background-color: #fff;
  position: absolute;
  content: "";
  width: 1140px;
  height: 8px;
  top: 0;
  left: 0%;
}
.vdivider:after{
  background-color: #0453ec;
  position: absolute;
  content: "";
  width:6px;
  height: 110%;
  top:0;
  left:50%;
  transform: translateX(-50%);
}
.vdivider-xs{
  position: relative;
}
.vdivider-xs:after{
  background-color:rgb(0,0,0,0.4);
  position: absolute;
  content: "";
  width:5px;
  height: 5px;
  border-radius: 100%;
  top:50%;
  left:50%;
  transform: translate(-50%);
}
.vdivider-white:after{
  background-color:rgb(255,255,255,1);
  position: absolute;
  content: "";
  width:2px;
  height: 100%;
  top:0;
  left:50%;
  transform: translateX(-50%);
}
.vdivider-green:after{
  background-color:#38d1a0;
  position: absolute;
  content: "";
  width:2px;
  height: 100%;
  top:0;
  left:50%;
  transform: translateX(-50%);
}
#patient-satisfaction {
  width: 100%;
  position: relative;
  padding: 6rem 0;
}
#robotic-triage-section{
  background-color: #f4f4f4;
  width: 100%;
  position: relative;
  padding: 2rem 0 0;
  margin-bottom: 10px;
}
#rxpad-section {
  background-color:#000;
  /* border-radius: 2rem; */
  color:#fff;
  width: 100%;
  position: relative;
  padding: 5rem 0 0;
  height:950px;
}
.rxpad-img{
  position: absolute;
  top: 200px;
  height: 800px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: 100%;
}
#health-radar-section{
  width: 100%;
  position: relative;
  padding: 8rem 0 0;
  margin-bottom: 10px;
}
#health-radar-section .radar-img{
  width:360px;
  margin: 0 auto;
}
#patient-condition-section .radar-img{
  width:480px;
  margin: 0 auto;
}
#tmo-section{
  background-color: #1a181a;
  width: 100%;
  position: relative;
  padding:3rem 0 ;
  margin-bottom: 10px;
  height:auto;
}
.tmo-img{
  position: relative;
}
.tmo-img-mobile{
  display: none;
}
#stories-section{
  background-color: #111;
  padding:5rem 0 4rem 0;
  height:auto;
  color: #fff;
  margin-bottom: 10px;
}
.stories-img{
  position: relative;
  z-index: 999;
}
.stories-img img{
  width: 100%;
  height: 182px;
  object-fit: cover;
  border-radius: 1.5rem;
}
.triage-img{
  width: 80%;
  margin: 0 auto;
}
footer{
 width: 100%;
 position: relative;
 padding: 8rem 0 5rem;
 background: #111;
 color:#fff;
 font-family:'Montserrat', sans-serif;
}
footer .grid-2{
  text-align: center;
}
footer .grid-3{
  text-align: right;
}
footer .fa {
 padding:8px 5px;
 font-size: 16px;
 width: 30px;
 height: 30px;
 text-align: center;
 text-decoration: none;
 margin: 5px 2px;
 border-radius: 50%;
 background-color: #fff;
 color: #034ada;
}
footer .fa:hover {
   opacity: 0.7;
}
footer .text-light{
   color:rgba(255,255,255,0.5)!important;
}
.copyright{
 width: 100%;
 position: relative;
 background:#111;
 color:#fff;
 font-size: 14px;
 font-family:'Montserrat', sans-serif;
}
.footer-links li:first-child::before{
 content: none;
}
.footer-links li::before {
 content: "\2022";
 color: rgba(255,255,255,0.5);
 font-weight: bold;
 display: inline-block;
 width: 1em;
 margin-left: -1em;
 padding: 0px 20px;
 font-size: 20px;
}
footer h5{
  font-weight: 600;
 }
.footer-links a{
 color:#fff;
 font-size: 14px;
}
.form-control{
 background-color: #f4f4f4;
 border:0px;
 color: #495057!important;
}
.inner-right form a{
 color: #0450eb;
}
.inner-right form button{
 height: 40px;
}
::-webkit-input-placeholder {
 font-size:15px;
}

:-ms-input-placeholder { 
 font-size:15px;
}

::placeholder {
   font-size:15px;
}
/******************************************Health Radar page***********************************************/
 .rxpad .hero-banner{
  background-color: #000;
  height: 100vh;
  position: relative;
  padding:5rem 0 0;
  overflow:visible;
}
.healthradar .hero-banner{
  background-color: #000;
  height: 100vh;
  position: relative;
  padding:5rem 0 0;
  overflow: hidden;
}

.hero-banner .healthradar-img{
  position: relative;
  display: flex;
  width: 700px;
}
.healthradar-img .img1{
  position: absolute;
  left: 0px;  
  top: 150px;
  width: 55%;
  z-index: 99;
} 
.healthradar-img .img2{
  position: absolute;
  right: 0;
  top: 0;
  width:60%;
  z-index: 9;
} 
#patient-condition-section{
  position: relative;
  padding:0rem 0 2rem;
}
.healthradar #native-language{
  padding: 5rem 0 3rem;
  z-index: 10;
}
.healthradar #ai-algorithms{
  padding: 2rem 0 0;
  margin-bottom: 0;
}
#lab-testing{
  width: 100%;
  position: relative;
  padding:5rem 0;
  background: #f6f7f8;
  height: 860px;
  z-index: 9;
}
.lab-img-block{
  display: flex;
}
.imgMicro{
  width: 65%;
}
.blood-cells{
  width: 300px;
  height:300px;
  position: relative;
  top:300px;
  left:95px;
}
.patient-type{
  background: #0450eb;
  border-radius: 0.5rem;
  transition: 0.3s;
  padding: 20px 10px;
  margin: 10px;
  box-sizing: border-box;
}
.patient-type:hover{
  box-shadow: 0 4px 18px 0 rgba(0,202,133,.08);
}
.patient-type h5{
  color:#fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom:0em;
  list-style-type: none;
  padding: 0.25em 0;
  text-align: center;
}
#video-chat-section{
  width: 100%;
  position: relative;
  background:#111;
  padding: 2rem 0 0;
  margin-bottom: 5rem;
}
.chat-img{
  position: relative;
  top:100px;
}
.chat-img img{
  width: 400px;
  margin-bottom: 2rem;
}
 #treatment-progress{
  width: 100%;
  position: relative;
  padding: 5rem 0;

}
#treatment-progress .progress-img {
  width: 380px;
}
#specific-montioring{
  background-color: #111;
  color: #fff;
  width: 100%;
  position: relative;
  padding: 3rem 0 0;
  margin: 8rem 0 0rem;
  height: 770px;
}
.healthRadar-multiscreen img{
  width:100%;
}

/******************************************Rxpad page***********************************************/
.rxpad .hero-banner{
  overflow: visible;
}

.rxpad-banner-img {
  width: 620px;
  position: relative;
}
.img-rx{
  height: 67px;
}
#prescription-writer{
  width: 100%;
  position: relative;
  padding:8rem 0 6rem;
}
#speciality-section{
  width: 100%;
  position: relative;
  padding:0rem 0 2rem;
  background: #111;
}

.speciality-type{
  width: 182px;
  color:#00ffff;
  font-size:16px;
  font-weight:600;
 margin-bottom: 15px;
}
.speciality-type p{
  text-align: center;
}
#treatment-protocol{
    border-radius: 2rem;
    width: 100%;
    position: relative;
    padding: 8rem 0 5rem;
    height: auto;
}
.mar-top{
  margin-top: -50px;
}
.protocol-img{
  margin:0 auto;
  text-align: center;
}
.protocol-img img{
  width: 100%;
  margin: 0 auto;
}
#treatment-progress{
  width:100%;
  padding: 2rem 0;
  ;position: relative;
  background: #f6f7f8;
}
#protocols-header{
  padding:2rem 0;
}
#holding-phone{
  width: 100%;
  position: relative;
  padding:0rem 0 0rem;
  background: url(../img/rxpad/Holding-Phone-Mockup.jpg) no-repeat;
  background-size: 100% auto;
  background-position-y: -150px;
  height: 1200px;
}
.banner-overlay{
  background: rgba(0,0,0,0.5);
  padding:1rem 2rem;
}
/******************************************Robotic Triage page***********************************************/
.robotic-triage .hero-banner{
  background: #111;
  overflow: visible;
  padding:3rem 0 0;
  /* margin-bottom: 8rem; */
  height: 100vh;
}
.triage-banner{
  position: relative;
  height: 800px;
}
.triage-banner .triage-img img{
  position: absolute;
  top:50px;
  right:0;
}
.box i{
    font-size: 58px;
    position: relative;
    top: -6px;
}
#meeting-doctor {
  width: 100%;
  position: relative;
  padding: 6rem 0 6rem;
}
.tmo #meeting-doctor{
  padding: 2rem 0 5rem!important;
}
.circle, .circle-white, .circle-black{
  position: relative;
  margin-right: 10px;
}
.circle:after{
  position: absolute;
  content: " ";
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background:#6ebdf9;
  border-radius: 5px;
}
.circle-white:after{
  position: absolute;
  content: " ";
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background:#fff;
  border-radius: 5px;
}
.circle-black:after{
  position: absolute;
  content: " ";
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background:#000;
  border-radius: 5px;
}
.robotic-list li{
  font-weight: 500;
  font-size: 1.23rem;
}
#disease-history {
  background-color: #111;
  color: #fff;
  width: 100%;
  position: relative;
  padding: 3rem 0 0;  
  margin-bottom: 2rem;
  height:775px;
}
#gallery{
  width:100%;
  position: relative;
  padding: 3rem 0 0;
  margin-top: 6rem;
  background:#f6f7f8 ;
}
#native-language{
  width:100%;
  position: relative;
  padding: 2rem 0;
  z-index: 9;
}
#native-language .nav-pills .nav-link{
  color:#000;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
#native-language .nav-pills .nav-item{
  margin-bottom: 10px;
  width: 20%;
  border-radius: 0.8rem;
}
#native-language .nav-pills .nav-link.active, #native-language .nav-pills .show > .nav-link{
  color:#fff;
}
.img-language{
  width: 400px;
  margin:0 auto;
  padding-left: 50px;

}
.nav-pills img{
  width: 60px;
  margin: 0 auto;
  text-align: center;
}

#ai-algorithms{
  width: 100%;
  position: relative;
  top:-150px;
  padding: 8rem 0 0;
  background:#111;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 700px;
  margin-bottom: 3.5rem;
}
#boarding-pass{
  width: 100%;
  position: relative;
  padding: 5rem 0 0;
  background: #111;
  color: #fff;
}
#GalSlider{
  position: relative;
}
#GalSlider:before{
  position: absolute;
    content: "";
    height:100%;
    width: 5px;
    background: #0450eb;
    left: 50%;
    top:-20px;
    transform: translateX(-50%);
}
#GalSlider img{
  width: 100%;
  border-radius: 0.5rem;
  position: relative;
}

.hover-effect {
  position: relative;
}
.hover-effect .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: rgba(25,143,255,0.6);
border-radius: 0.5rem;
z-index:9999;
}
.hover-effect:hover .overlay {
opacity: 1;
}

#GalSlider .carousel-control-prev-icon{
  background-image: url("../img/icons/nav-left.png");
  width: 33px;
  height:80px;
}
#GalSlider .carousel-control-prev{
  left:-120px;
}
#GalSlider .carousel-control-next-icon{
  background-image: url("../img/icons/nav-right.png");
  width: 33px;
  height:80px;
}
#GalSlider .carousel-control-next{
  right:-120px;
}
/******************************************Tmo page***********************************************/

.tmo .hero-banner{
  padding-top: 5rem;
  background-color: #1a181a;
  height: auto!important;
  max-height: 100%;
}
#TmoSlider .hover-effect .overlay{
 border-radius: 1.5rem!important;
}
#monitored-operations{
 background: #f6f7f8;
 width: 100%;
  position: relative;
  padding: 3rem 0 0;
  height:850px;
  margin-bottom: 8rem;
}
#TmoSlider-section{
  width:100%;
  position: relative;
  margin: 0 auto;
  background-color: #111;
  color: #fff;
  padding: 5rem 0;
}
.img-operations{
  width:90%;
  position: relative;
  margin: 0 auto;
  top:-50px;
}
#necessary-kit {
  background-color: #111;
  color: #fff;
  width: 100%;
  position: relative;
  padding: 2rem 0;
}
#necessary-kit h3, #necessary-kit h4, #necessary-kit h5{
  margin-bottom: 0;
  text-align: center;
}
.basic{
  background-color: #f2f2f2;

}
.standard{
  background-color: #686868;

}
.professional{
  background-color: #474747;
 
}
.kit-logo{
  width: 115px;
}
#necessary-kit h4 span{
  font-size: 16px;
  font-weight: 500;
}
.kit-img {
  width:100px;
  height: 100px;
  margin:0 auto;
}
.kit-img img{
  width: 100%;
  padding: 15px;
}
hr.line-style {
  margin: 0;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
}
hr.line-style-basic{
  margin: 0;
  border: 0;
  height: 1px;
  background-image:#f2f2f2;
}
hr.line-style-standard{
  margin: 0;
  border: 0;
  height: 1px;
  background-image:#686868;
}
/******************************************Stories page***********************************************/
#stories {
  width: 100%;
  position: relative;
  padding: 3rem 0 0;
  margin-bottom: 3rem;
}
.stories .hero-banner {
  height: calc(100vh - 82px);
  background: url("../img/stories-banner.gif") no-repeat;
  background-size: cover;
}
.stories .hero-banner img{
  height: 100vh;
  border-radius: 2rem;
}
.stories .hero-banner .img-caption{
    position: absolute;
    left: 50px;
    bottom: 50px;
}
.img-caption a, .img-caption span {
  font-size:15px;
}
.desc-box {
  background: #fff;
  /* border-radius: 0.5rem; */
  box-shadow: 0 4px 18px 0 rgba(0,0,0,0.08);
  transition: 0.3s;
  height: 160px;
  padding: 20px 40px;
  margin: 10px 0;
  box-sizing: border-box;
}
.desc{
  color:#9e9494;
  font-size: 14px;
}
.img-contain{
  height: auto;
}
.img-contain iframe{
  width: 100%;
  height: 235px;
}
.img-left, .img-right {
  height: 380px;
}
.img-left img, .img-right img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

#evolko-software{
  width: 100%;
  position: relative;
  padding: 5rem 0 0;
  background: #f6f7f8;
}
.rx-img{
  position: relative;
  top:120px;
  z-index: 9;
}
.d-none-lg{
  display: none;
}
.heading-img{
  height: 120px;
}
.heading-img-xs{
  height:60px;
}
.float-right-md{
  float: right;
}

  /******************************************About US page***********************************************/
  .about .hero-banner{
    background: url(../img/about/about.jpg) no-repeat;
    background-size: cover;
    height: 360px
  }
.about .hero-banner::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;
}
.about-caption{
  position: relative;
  z-index: 99;
}
  .about-title h2 {
    display: flex;
    width: 30%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}

.about-title h2:before,
.about-title h2:after {
    content: '';
    border-top: 2px solid #fff;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

.about-title h2:after {
    margin: 0 0 0 20px;
}

.about-evolko{
  padding: 5rem 0;
}
.h_blog_item .h_blog_img {
  position: relative;
  z-index: 10;
}

.h_blog_item .col-lg-6 {
  vertical-align: middle;
  align-self: center;
}
.h_blog_item .h_blog_text {
  padding-top: 0;
  padding-bottom: 0px;
}
.h_blog_item .h_blog_text .h_blog_text_inner.right {
  margin-left: -104px;
  position: relative;
  z-index: 1;
  border: 10px solid #f9f9ff;
}
.h_blog_item .h_blog_text .h_blog_text_inner.left {
  position: relative;
  z-index: 2;
}
.h_blog_item .h_blog_text .h_blog_text_inner {
  background: #fff;
  padding: 75px 90px;
  border-radius: 10px;
}
.h_blog_item .h_blog_text .h_blog_text_inner h4 {
  color: #002347;
  font-size: 30px;
  margin-bottom: 15px;
}
.h_blog_item .h_blog_text .h_blog_text_inner p {
    margin-bottom: 30px;
}
.section_gap{
  padding: 3rem 0;
}


  .about .banner-content{
    left: 0%;
    transform: translateY(-50%);
  }
  #about-story{
    width: 100%;
    padding: 3rem 0;
  }
  .benefits
  {
    width: 100%;
    padding: 5rem 0;
  }
  .benefits ul{
    padding-left: 25px;
  }
  .benefits li
  {
   margin-bottom: 20px;
   
  }
  #teams{
    width: 100%;
    position: relative;
    padding: 5rem 0 0; 
  }
  #teams .circle{
      margin:0 auto;
       text-align: center;
      margin-right: 20px;
    margin-bottom: 30px;
  }
  #teams .circle:after{
    content: none;
  }
  .img-circle{
    width: 160px;
    height: 160px;
    background-color: #0453ec!important;
    border:2px solid #ddd;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 15px;
   margin: 0 auto;
  }
  .img-circle img{
    object-fit: cover;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
  }
  .img-circle:hover img {
    transform: scale(1.3);
}
  #teams .title p{
     font-weight: 600;
     font-family: "Open Sans", sans-serif;
     margin: 10px 0;    
     color:#0453ec; 
  }
  #teams .title span{
    color: #6c757d;
    font-size: 13px;
 }
.logo-about{
  width: 300px;
}
.img-abt{
  float: right;
}
 .about-caption{
   padding: 8rem 0;
 }
 .online-camp h2{
   background-color: red;
   color: #fff;
   padding: 1rem 3rem 1rem 2rem;
   font-weight: 700;
   display: inline-block;
 }
 .banner-caption-bottom{
   background-color: rgba(255,255,255,1);
   padding: 20px 40px;
   text-align: center;
 }
 /******************************************Careers page***********************************************/
 .careers .hero-banner{
    background: url(../img/career_banner.jpg) no-repeat;
    background-size: cover;
    height: 100vh;
  }
  .careers .hero-banner::after{
    background: transparent;
  }
  .careers .banner-caption{
    width: 100%;
    height: 100%;
    position: absolute;
    transform:translate(-50%);
    top:50%;
    left:50%
  }
  #together-wegrow{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 5rem 0;
  }
  #together-wegrow .box{
   height: auto;
   padding:40px 20px;
   background-color: #fff;
  }
  .career-box h3{
    font-weight: 600;
  }
  .career-box p{
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    white-space: inherit;
  }
  .icon-box{
    padding: 10px;
  }
  .icon-box i{
    color: #343a40!important;
    font-size: 48px;
  }
  .box p.desc{
    color:rgba(0,0,0,0.6);
    font-weight: 400;
  }
#available-position{
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 5rem 0;
  }
 
  #available-position .nav{
    padding: 10px;
    margin-bottom: 15px;
  }
  #available-position .nav-tabs{
    border-bottom: 0px;
  }
   #available-position a.nav-item{
    color: #000!important;
  }
  #available-position .nav-tabs .nav-link.active,  #available-position  .nav-tabs .nav-item.show .nav-link{
    color: #0453ec!important;
    border:0px;
  }
  .tabrow{
    padding:15px;
   border: 1px solid #dee2e6;  
   border-radius: 0.5rem;
   -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 8px 6px -6pxrgba(0,0,0,0.2);
  box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);
}
.tabrow h6{
    font-weight: 500;
}
.tabrow p{
    color: rgba(0,0,0,0.6);
    font-size: 14px;
}
#vacaencyModal input{
  border: 1px solid #ced4da;
  border-radius: 0.25rem!important;
}
#vacaencyModal .close:focus{
  outline: 0px dotted;
  outline: 0px auto transparent;
}
#vacaencyModal .modal-header .close{
  margin: 0;
  top: -13px;
    color: #000;
    font-size: 26px;
}
#vacaencyModal #submitBtn{
  opacity: 1;
  padding: 8px 15px!important;
}
#resume .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
  margin-right: -1px;
}
#resume .input-group-btn {
  position: relative;
  white-space: nowrap;
  display: flex;
}
#resume .input-group-btn span{
  font-size: 14px!important;
  border-top-left-radius: 0.25rem!important;
  border-bottom-left-radius: 0.25rem!important;
  border-top-right-radius: 0px!important;
  border-bottom-right-radius: 0px!important;
}
#resume .input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 14px!important;
}

#resume .input-group-btn>.btn {
  position: relative;
  z-index: 9;
}
/******************************************SignUp page***********************************************/
.signup{
 position: absolute;
 background-color: #111;
 width: 100%;
 overflow: hidden;
 z-index: 999;
}
.close-signup{
  position: absolute;
    top: 10px;
    right: 25px;
    cursor: pointer;
}
.close-signup svg{
  fill:#000;
  height: 30px;
}
.close-signup:hover{
  background: rgba(0,0,0,0.1);
  height: 30px;
  width:30px;
  border-radius: 30px;
  opacity: 0.8;
}
.close-signup:hover svg{
  fill:#000;
}
/*close on signup*/

.close-sign{
  position: absolute;
    top: 10px;
    right: 25px;
    cursor: pointer;
}
.close-sign svg{
  fill:#fff;
  height: 30px;
}
.close-sign:hover svg{
  fill:#000;
}
.close-sign:hover{
  background: rgba(238,238,238);
  height: 30px;
  width:30px;
  border-radius: 30px;
  opacity: 0.8;
}
.signup-hospital{
  position: relative;
  background-color: #1f2024;
  height: 100vh;
  overflow: hidden;
}

.signup-container{
  width: 500px;
  position: absolute;
 top:50%;
 left:50%;
 transform: translate(-50%, -50%);
 z-index:99;
}
.inner-body{
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
.item{
  width:calc(50% - 10px);
  padding: 20px 0;
  margin-bottom:20px;
  background-color: #fff;
  height:auto;
  box-shadow: 0px 0px 0px -2px rgba(0, 0, 0, 0.09), 0px 1px 1px -6px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.09);
}
.item-icon{
  width: 120px;
  height: 130px;
  margin: 0 auto;
  
}
.item-icon img{
  width: 100%;
}
.item p{
  margin-top: 5px;
  text-align: center;
  font-size:22px;
  font-family:'Montserrat', sans-serif;
}
.link {
  color: #111;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
}

.link--arrowed {
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
}
.link--arrowed .arrow-icon {
  position: relative;
  top: -1px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  vertical-align: middle;
}
.link--arrowed .arrow-icon--circle {
  -webkit-transition: stroke-dashoffset .3s ease;
  transition: stroke-dashoffset .3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}
.link--arrowed:hover .arrow-icon {
  -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
}
.link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}
#signup-hospital{
  width: 900px;
  background-color: #f5f6f8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99
}
.signup-logo{
  width: 120px;
}
.no-padding{
  padding: 0;
}
.social-media-login{
  width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top:5rem;
    display: none;
}
.inner-left{
  background-color: #0f0f11;
  height: 100%;
  color:#fff;
  padding: 5rem 2rem;
  display: flex;
  align-items: center;
}
.inner-left .fa {
  padding: 15px 10px 10px;
  font-size: 24px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  display: inline-block;
  height: 50px;
  border-radius: 100%;
  margin-right: 20px;
}
.inner-left .fa:hover{
  color:#fff;
}
.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
} 
.inner-left .fa:hover {
      opacity: 0.7;
}
.inner-right{
  padding:4rem 4rem 4rem 3rem;
}
.inner-right h3{
    font-weight: 700;
}
.inner-right .nav-pills li{
  width:auto ;
  text-align: left;
  margin-right: 5px;
}
.inner-right .nav-pills li a h4{
    padding-right:20px;
    color: rgba(0,0,0,0.5) ;
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif;
}
.inner-right .nav-pills li a.active h4{
    position: relative;
    color: #024feb;
}
.inner-right .nav-pills li a.active h4:after{
    position: absolute;
    content: "";
    left: 2px;
    bottom:-12px;
    height: 5px;
    width: 47px;
    background-color: #024feb;
}
.form-control, select.form-control:not([size]):not([multiple]){
    background-color: #fff;
    border:0px;
    height: 48px;
    color:#495057!important;
}
select option{
  height: 48px !important;
}
.form-control:focus{
  border-width: 1px;
  border-color: #f4f4f4;
  box-shadow: 0 0 0 0.2rem #f4f4f4;
  border-radius: 0;
}
.inner-right form a{
    color: #024feb;
}
.inner-right form button{
    height: 48px;
    width: 100%;
}
.privacy-label{
  font-size: 14px;
}
  .inner-left .icons{
      width: 150px;
      height: 150px;
      background-color: rgba(2,79,235,0.8);
  }
  .inner-left .icons img{
    border:0.5rem;
}
  .inner-left h5{
      font-weight: 600;
      color: #fff;
      margin-bottom: 10px;
  }
   .inner-left p{
    color: #ccc ;
    font-size: 14px;
}
.signup{
    height: 100vh;
    overflow-y: hidden;
}
#ui-id-1, #ui-id-2, #ui-id-3{
  padding: 0;
  width: 430px;
  z-index: 999;
}
#ui-id-1 li, #ui-id-2 li, #ui-id-3 li{
  list-style: none;
  background-color: #fff;
  border:1px solid #f4f4f4;
  height: 40px;
  padding:5px 10px;
}
.d-lg-none{
  display: none;
}
.d-xs-none{
  display: block;
}

/******************************************Patnership page***********************************************/
.patnership-banner{
  width: 100%;
  padding: 5rem 0;
  background: url(../img/bg-patnership.png) #111;
  background-repeat:no-repeat;
  color:#fff;
}

.patnership-banner h2{
  color:#fff;
  font-size: 42px;
}
.patnership-form h5{
  position: relative;
  display: inline-block
}
.patnership-form h5:after{
  position: absolute;
  content:"";
  width: 100%;
  height: 2px;
  background:#111;
  left: 0;
  bottom: -6px;
}
.patnership-form, .response{
    width: 80%;
    margin: 0 auto;
    z-index: 999;
    margin-top: -60px;
    margin-bottom: 0px;
    background: #fff;
  -webkit-box-shadow: 1px 2px 22px -14px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 2px 22px -14px rgba(0,0,0,0.75);
   box-shadow: 1px 2px 22px -14px rgba(0,0,0,0.75);
}

.page-wrapper{
  width: 55%;
  margin:0 auto;
}
.red{
  color: red;
}
.page-wrapper label{
  font-size: 14px;
  font-weight: 500;
}
.patnership-form .form-control, .patnership-form select{
  background-color: #f4f4f4!important;
}
.patnership-form textarea.form-control{
  height: auto;
}
.response h3{
  color: #115eb2;
    font-weight: 500;
    font-family: "Calibri",sans-serif;

}
.response h4::after{
  content:none;
}
  /******************************************terms page***********************************************/
  .terms-banner{
    width: 100%;
    padding: 5rem 0;
    background: url(../img/terms_banner1.jpg) #111;
    background-repeat:no-repeat;
    color:#fff;
    background-size: cover;
    position: relative;
  }
  .terms-banner:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background:rgb(0,0,0,0.6);
    top:0;
    left:0;
    z-index:0;
    }
    .terms-banner h2{
      position: relative;
      z-index:10;
    }
  /******************************************privacy page***********************************************/
  .privacy-banner{
    width: 100%;
    padding: 5rem 0;
    background: url(../img/bg-privacy.png) #111;
    background-repeat:no-repeat;
    color:#fff;
    background-size: cover;
  }
  
  .privacy-banner h2{
    color:#fff;
    font-size: 42px;
  }
  .privacy-wrapper h5{
    position: relative;
    display: inline-block
  }
  .privacy-wrapper h5:after{
    position: absolute;
    content:"";
    width: 100%;
    height: 2px;
    background:#111;
    left: 0;
    bottom: -6px;
  }
  .privacy-wrapper{
    position: relative;
      width: 80%;
      margin: 0 auto;
      z-index: 999;
      margin-top: -60px;
      margin-bottom: -15px;
      background: #fff;
    -webkit-box-shadow: 1px 2px 22px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 2px 22px -14px rgba(0,0,0,0.75);
     box-shadow: 1px 2px 22px -14px rgba(0,0,0,0.75);
  }
  .page-content-wrapper{
      font-size: 16px;
      color:#444;
      font-family: 'Montserrat', sans-serif;
  }
  .page-content-wrapper h4{
    font-family: 'Calibri', sans-serif;
    color: #000;
  }
  .page-content-wrapper h5{
    font-family: 'Montserrat', sans-serif;
    color: rgba(0,0,0,0.7);
    font-weight: 600;
    text-decoration: underline;
      display: inline-block;
  }
  .page-content-wrapper h5:after{
    content:none;
  }
  .page-content-wrapper p b{
    color: rgba(0,0,0,0.6);
    font-weight: 600;
  }
   /******************************************contact page***********************************************/
.contact-wrapper{
  width:100%;
  padding: 40px 40px;
}
  .map iframe{
    width: 100%;
    height: 350px;
  }
 
  .contact-info ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}
.contact-info ul li {
    padding: 0;
    margin: 0 0 13px;
    line-height: 22px;
}
.contact-info ul li .icon {
    float: left;
    font-size: 20px;
    line-height: 18px;
    color: #407cf0;
    margin: 0 15px 0 0;
}
.contact-info ul li .text {
    overflow: hidden;
    padding: 1px 0 0;
    font-weight: 500;
}
.sign-logo{
  position: absolute;
  top:20px;
}
.navbar-mobile{
  display: none;
}
.necessary-kit-mobile{
  display: none;
}
/*media css*/
@media only screen and (min-width: 1600px) {
 
 .robotic-triage .hero-banner, .healthradar .hero-banne, .healthradar .hero-banner,  .rxpad .hero-banner{
   height: auto;
 }
 .tmo-container{
   max-width: 1519px;
 }
 .tmo .hero-banner{
   overflow: hidden;
 }
 .tmo .hero-banner .tmo-img{
   position: relative;
 }
.robotic-banner-img {
  position: relative;
  top:100px;
}
.rxpad-banner-img{
  width: auto;
  position: relative;
  top:0px;
}
.healthradar .hero-banner{
  height: 900px;
}
.hero-banner .healthradar-img {
  width: 1000px;
}
.healthradar-img .img1{
  width: 45%;
}
.healthradar-img .img2{
  width: 50%;
  right:150px;
}
.contact-wrapper{
  padding: 20px;
}
.map{
  width:100%;
}
.map iframe{
  width: 100%;
  height: 350px;
}

}

@media(max-width: 991px) {
 
}
 
@media screen and (max-width: 1024px) {  
  .topbar{
    display: none;
  }  
  .navbar-mobile{
    display: block!important;
  } 
  .nav-mobile{
    display: flex;
    flex-direction: row;
    padding: 10px 15px;
  }  
  .nav-mobile .logo-brand{
    flex:1;
  } 
  .humberger-menu{
    width:40px;
    float: right;
    font-size:30px;
    cursor:pointer;
    text-align: center;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  
  .sidenav li a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    color: #818181;
    display: block;
    transition: 0.3s;
    padding:10px 20px!important;
  }
  .sidenav li a.navbar-brand-mobile{
    width: 180px;
  } 
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
    .closebtn{
      z-index: 99;
    }
    .dvlogin{
      flex:3  !important;
      text-align: right;
    }
   
  }

@media (min-width: 768px) and (max-width: 1024px)  {
.h2{
  font-size:42px!important;
}
.topbar{
  height: 80px;
}
.topbar .navbar .nav-item{
  width:auto!important;
  background-color: transparent!important;
  margin-right: 0!important;
}
 .topbar .navbar-light .navbar-nav .nav-link{
     padding-left: 5px;
     padding-right:5px;
 }
 .hero-banner, .about .hero-banner, .tmo .hero-banner {
   height: auto;
   max-height: inherit;
 }
 .tmo .hero-banner{
   padding-top:2rem ;
 }
 .healthradar .hero-banner, .rxpad .hero-banner, .careers .hero-banner{
    height: 480px;
    min-height: initial;
}

.hero-banner .healthradar-img{
  width: 400px;
  top:100px;
  right: 18px;
}

.healthradar-img .img1{
  left: -23px;
  top: 0px;
  width: 249px;
} 
.healthradar-img .img2{
  position: relative;
  right: -104px;
  top: -100px;
  width: 279px;
  z-index: 9;
} 
.rxpad .hero-banner:after{
 background: none;
}
.rxpad-banner-img .d-none-lg{
  display: block;
}
.rxpad-banner-img{
  width: 430px;
position: relative;
right: 70px;
top: 2px;}

.robotic-triage .hero-banner {
  height: 480px;
}
.healthradar .hero-banner:after{
  background:none;
}
header {
    height: auto;
}
/*video header*/
header video {
 position: absolute;
 top: 0px;
 left: 0%;
 height: auto;
 z-index: 0;
 -ms-transform:  translateY(-50%);
 -moz-transform:  translateY(-50%);
 -webkit-transform:  translateY(-50%);
 transform: translateY(-50%);
}
header .container.h-100{
    height: 420px!important;
}
header .overlay{
 height: 420px;
 position: relative;
}
.hero-banner .carousel-inner{
  height: 420px;
}
.hero-banner .carousel-caption{
  width:100%;
  top:50%;
  padding: 20px;
}
.carousel-caption p{
  font-size: 14px;
}
.h1{
  font-size: 80px!important;
}
.triage-img{
  margin: 0 auto;
  text-align: center;
}
.triage-img{
  width: 100%;

}
#health-radar-section .radar-img{
  width: 300px
}
.stories-img img{
  height: 150px;
}
#patient-satisfaction, #robotic-triage-section, #health-radar-section{
  width: 100%;
  padding:6rem 0;
  margin-bottom: 0;
}
footer{
  padding: 5rem 0 2rem;
}
#tmo-section{
  height: auto;
}
.rxpad-img{
  position: relative;
  transform: none;
  top:0;
  left:0;
  height: auto;
}

footer .list-inline-item{
  margin-right: 0!important;
}
.center{
  text-align: center;
}
.disease-list li{
  margin-bottom: 1.5rem;
}

.protocol-img img{
  height: auto;
}
.speciality-type{
  width: 182px;
  margin: 0 auto;
}
.speciality-type img{
  width: 100%;
}
.d-none-mobile{
  display: none;
}
#disease-history{
  height: 650px;
}
#GalSlider .carousel-control-prev{
  left:-70px;
}

#GalSlider .carousel-control-next{
  right:-75px;
}

#speciality-section{
  padding: 0 0 5rem;
}
.rx-img{
  top:60px;
}
.tmo .banner-desc{
  margin-top: 0;
}
.tmo .d-none-mobile{
  display: none;
}
.tmo .d-none-lg{
  display: block;
}
.tmo .align-items-center {
  -webkit-box-align: initial !important;
  -ms-flex-align: initial !important;
  align-items: initial !important;
}

#HeroSlider .carousel-inner img, #HeroSlider .carousel-inner{
  height: auto;
}

.robotic-banner-img img{
  width: 560px;
}
.robotic-triage .hero-banner .section-header h2, .healthradar .hero-banner .section-header h2{
  font-size: 36px!important;
}
.float-right-md{
  float: none;
}
.disease-list ul{
 list-style-image: url(../img/icons/dotline-bullet-sm.png);
}
.disease-list li{
  margin-bottom: 0.5rem;
}
.box{
  padding: 10px 5px;
  height: 200px;
}
.box p{
  width:auto;
 font-size: 23px;
}
.history-img{
  margin:0 auto;
}
#ai-algorithms{
  height: 560px;
  margin-bottom: 3rem;
}
#specific-montioring{
  margin:2rem  0;
  height: auto;
}
.chat-img{
  top:0
}

.healthradar #native-language{
  top:0;
  padding: 3rem 0;
}

#native-language .img-language{
  text-align: center;
  padding-left: 0;
  width: 360px;
}
#lab-testing{
  height: auto;
}
.blood-cells{
  width: 180px;
  height:180px;
  top: 250px;
left: 25px;
}
.mar-top{
  margin-top: -50px;
}

#holding-phone .d-none-lg{
  display: block;
}
#holding-phone{
  background: cover!important;
  background-position-y: 0px;
  height: 760px;
}
.img-operations{
  width: 100%;
}
#monitored-operations{
  margin-bottom: 0;
  height: auto;
}
#health-radar-section{
  padding:3rem 0 0;
}
#tmo-section .heading.d-none-xs{
  display: block;
}
.monitor-img-01, .monitor-img-02{
  width: 350px;
}
.monitor-img-01 img, .monitor-img-02 img{
  width: 100%;
}
.tmo #meeting-doctor{
  padding: 2rem 0!important;
}

.inner-left{
  padding:3rem 3rem;
}
.inner-right{
  padding:3rem 3rem;
}
.inner-right .nav-pills li a h4{
  font-size: 1.2rem;
  padding-right: 10px;
}
.signup{
  height: 700px;
}
.page-wrapper{
  width: 65%;
}
.stories .hero-banner{
  height:500px;
  background-size: cover;
  background-position: top right;
}
.banner-captions h2{
  font-size: 39px!important;
}
.img-contain iframe{
  height: 139px;
}
#advertisement-wrapper{
  margin: 0;
}
#advertisement-wrapper .heading{
  margin-bottom: 2rem;
}
#advertisement-wrapper h4{
  margin-bottom:20px;
  font-size:1.4rem;
}
#advertisement-wrapper h3{
  font-size: 1.6rem;
}
.kit-img {
  width: 105px;
  height:105px;
}
.kit-img img{
  width: 100%;
  padding: 10px;
}
#necessary-kit h5{
  font-size: 1rem;
}
.necessary-kit-mobile{
  display: none;
}
.tmo-img{
  display: block;
}
.tmo-img-mobile{
  display: none;
}
.stories-img img{
  height: 150px;
}

}

@media (max-width: 767px) {
  .d-none-lg{
  display: block;
}
.mt-8, .mt-12{
  margin-top: 3rem;
}
.navbar-light span.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(4,80,235,0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  color: white;
}
 #navbarsLeftDefault{
     background-color:#f8f9fa !important;
     padding-left: 0px !important;
     padding-right: 0px !important;
     box-shadow: 0 5px -5px #333;
     -moz-box-shadow:     0 5px -5px #333;
  -webkit-box-shadow:  0 5px -5px #333;
 }
 .navbar-light .navbar-toggler {
  border-color: rgba(0, 80, 235, 0.8);
 }
#navbarsLeftDefault .navbar-nav .nav-link{
    color:rgba(0, 80, 235,1)!important;
     font-size: 14px;
     font-weight:700;
 }
#navbarsLeftDefault .navbar-nav .nav-item.active a{
  color:#000!important;
}
 .navbar-brand-mobile{
     display: block;
     width: 90px;
      margin-bottom: 15px;
 }
 .navbar-light .navbar-brand{
   margin-right:0 ;
 }

 .sideMenu ul{
     padding: 10px 15px 10px 0px;
 }
 .sideMenu ul li{
     border-bottom: 1px solid rgba(0, 80, 235, 0.8);
     padding:0 15px;
 }

 .topbar .navbar-light .navbar-nav .nav-link{
  color:rgb(4, 80, 235)!important;
 }
 .btn-contact{
   margin:0 auto;
 }
 
 header{
     height: 460px;
 }
 
footer .grid-2{
  text-align: left;
}
footer .grid-3{
  text-align: left;
}
.hero-banner{
  max-height:none ;
  height: auto;
  min-height: initial;
}
.robotic-triage .hero-banner{
  height: auto;
 margin-bottom:0rem;
 padding-top:5rem;
}
.rxpad .hero-banner{
  margin-bottom:5rem;
}
.hero-banner .carousel-inner {
  height: 460px
}
.hero-banner .carousel-caption{
  padding:10px 20px;
  width:100%;
  top:40%;
}
.rxpad .hero-banner:after{
  background: none;
 }
 .rxpad-banner-img .d-none-lg{
   display: block;
 }
#HeroSlider .carousel-inner img, #HeroSlider .carousel-inner{
  height: auto;
}
.carousel-caption h1{
  font-size:32px;
  margin: 20px 0 5px;
  }
.carousel-caption p{
font-size: 14px;
margin-bottom: 10px;
}
.carousel-indicators{
  bottom:-10px;
}
.h1{
  font-size: 2.5rem!important;
}
.h2{
  font-size: 2rem!important;
}
.center{
  text-align: center;
}
#patient-satisfaction, #robotic-triage-section, #health-radar-section, footer{
  padding:3rem 0;
  margin-bottom: 0;
}
#rxpad-section, #tmo-section{
  height: auto;
}
.rxpad-img{
  position: relative;
  transform: none;
  top:50px;
  left:0;
  height: auto;
}
.speciality-type{
  margin: 0 auto;
  width: 150px;
}
.speciality-type img{
  width: 100%;
}
.d-none-mobile{
  display: none;
}
.healthradar .hero-banner:after{
  background: none;
}
.disease-list ul{
 list-style-image: none;
 list-style: none;
 padding-top: 2rem;
}

.protocol-img img{
  height: auto;
}
#disease-history{
  height: auto;
  padding: 3rem 0;
}

.img-language{
  width: 90%;
}
#ai-algorithms{
  top:0;
  padding:3rem 0;
  margin-bottom: 0rem;
  height: auto;
}
#gallery{
  margin: 0;
}
.speciality-type{
  font-size:14px;
}
.healthradar #ai-algorithms{
  padding:3rem 0;
  top:0px !important;
}
#GalSlider .carousel-control-prev{
  left:-25px;
}

#GalSlider .carousel-control-next{
  right:-30px;
}
.tmo .hero-banner:after{
  background: none;
}
.tmo .banner-desc{
  margin-top: 0;
}
.img-ad{
  width: 80%;
}

.rx-img{
  top:80px;
}
.tmo .banner-desc{
  margin-top: 0px;
}
.healthradar .hero-banner {
  margin-bottom: 3rem;
  height: auto;
}
.float-right-md{
  float: none;
}
#evolko-software h4{
text-align: center;
}  
.hero-banner .healthradar-img, .rxpad-banner-img {
  position: relative;
  width:100% ;
  top:50px;
}
.healthradar-img .img1{
  position: relative;
  left: -13px;
  top: 150px;
  width: 300px;
} 
.healthradar-img .img2{
  position: absolute;
  right: -20px;
  top: 0;
  width: 300px;
  z-index: 9;
} 
#specific-montioring{
  margin: 2rem 0 8rem;
}
 #native-language{
  top:0px;
  padding: 5rem 0 3rem;
}
.healthRadar-multiscreen img{
  height: auto;
  margin: 0 auto;
}
.blood-cells{
  width: 120px;
  height: 120px;
  top:150px;
  left:-5px;
}
.imgMicro{
  position: absolute;
  right: 0;
  height: auto;
  width: 80%;
}
#lab-testing{
  height: 650px;
  padding: 3rem 0;
}
.mar-top{
  margin-top: 0;
}
#treatment-protocol{
  height: auto;
  padding:3rem 0;
}
#holding-phone{
  height:auto;
  background: none;
  margin-bottom: 0;
}
#holding-phone img{
    width:100%;
}
#holding-phone h2{
 font-size:24px!important;
}
.banner-overlay{
  padding: 0.5rem;
}
#HeroSlider .banner-captions{
  position: relative;
}
#treatment-progress{
  margin: 0;
}
#treatment-progress img{
  margin: 0;
  width: 90%;
}
.img-operations{
  width: 100%;
}

#monitored-operations{
  height: 530px;
  margin-bottom: 0;
}
#HeroSlider .banner-captions{
  padding-top: 3rem;
  top:0%;
  transform: translateY(-0%);
}
.vdivider, .vdivider-xs, .vdivider-white, .vdivider-green, .divider{
  display: block;
}
.robotic-list li{
display: block!important;
}
#rxpad-section .circle-white{
  display: none;
}
.triage-img{
  top: 0;
}

#HeroSlider .carousel-inner .img-banner{
  padding: 0px 0;
}
.social-links{
  float: none;
}
#native-language .nav-pills .nav-item{
  width: auto;
}
#tmo-section .heading.d-none-xs{
  display: none;
}
.vdivider-xs{
  display:none;
}
.display-block-xs{
  display: block;
}
.d-none-xs{
  display:none;
}
.careers .hero-banner, .about .hero-banner{
	height:420px;
}
.evolko-logo{
  width: 100px;
}
/* .img-operations{
  top:-200px;
} */
.monitor-img-01{
  width: 200px;
}
.monitor-img-02{
  width:168px;
}
.monitor-img-01 img, .monitor-img-02 img{
  width: 100%;
}
.tmo #meeting-doctor{
  padding: 2rem 0!important;
}
.stories .hero-banner img{
  height:auto;
}
.online-camp h2{
  padding: 2rem;
  width: 100%;
}
.img-abt{
  width: 100%;
  float:none;
}
.about .hero-banner {
  height: auto;
}
.about-caption{
  padding: 2rem ;
}
.logo-about{
  margin-bottom: 1rem;
}
#health-radar-section .radar-img{
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.inner-right{
  padding:1rem;
}
.inner-right .nav-pills li a h4{
  font-size: 1rem;
  padding-right: 10px;
}
#sign-up{
  background-color: transparent;
}
.signup-container, #signup-hospital{
  width:100%;
   margin: 0;
   height: auto;
}
.signup{
  height: auto;
}
.inner-left{
  padding: 2rem;
}
.no-padding{
padding:0 15px;
}
.social-media-login{
  padding: 0;
}
.signup{
  top:0;
  height: auto;
}

.signup-container {
  position: relative;
  top: 0;
  left: 0;
  transform: none;
}
.inner-body{
  margin-top: 5rem;
  padding: 15px;
}
.item{
  padding: 10px 5px;
}
.item p{
  font-size: 16px;
  white-space: nowrap;
}
.d-lg-none{
  display: block;
}
.d-xs-none{
  display: none;
}
.patnership-form{
  width: 90%;
}
.patnership-banner{
  padding:2rem 0;
}
.patnership-form h5:after{
  content: none;
  background: transparent;
}
.map{
  margin: 20px 0;
  width: 100%;
  position: relative;
}
.map iframe{
  width: 100%;
  height: auto;
}
.page-wrapper{
  width: 100%;
}
.stories .hero-banner{
  height:auto!important;
  background: none;
}
.stories .hero-banner .img-caption {
  position: absolute;
  left: 20px;
  bottom: 10px;
}
.stories .hero-banner .img-caption h2{
  font-size: 20px;
}
.img-caption a, .img-caption span{
  font-size: 13px;
}
.contact-wrapper{
  width:100%;
  padding:20px ;
}
#prescription-writer{
  padding: 3rem 0;
}
.signup-hospital{
  background-color: #0f0f11;
}
.sign-logo {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.dv_hospital .close-signup{
  top: 3px;
    right: 16px;
}
.img-language{
  padding-left: 0;
}
#patient-condition-section .radar-img{
  width: 100%;
}
#advertisement-wrapper .heading-footer{
  margin: 1.5rem 0;
}
.sidenav li.nav-item {
  border-bottom:1px solid #818181;
}

.txt-login{
  display: none
}
.nav-mobile .logo-brand{
  flex:2;
}
.dvlogin{
 position: absolute;
 right: 50px;
}
.dvlogin .btn{
  width: auto;
  padding: 0;
}
.navbar-brand{
  width: 116px;
  padding-top: 15px;
  margin: 0;
}

.humberger-menu{
  padding-top: 10px;
}
.btn{
  width: auto!important;
}
#stories-section{
  padding: 3rem 0 2rem 0;
}
.necessary-kit-mobile{
  display: block;
}
.kit-img{
  width: 200px;
  height: 200px;
}
.xs-order-1{
  order: 1;
  }
.xs-order-2{
order: 2;
}
#advertisement-wrapper{
  margin-bottom: 0;
}
.tmo-img{
  display: none;
}
.tmo-img-mobile{
  display: block;
}
.tmo .hero-banner{
  padding: 3rem 0;
}
.history-img img, .healthRadar-multiscreen img{
  width: 80%;
  margin:0 auto;
}
.chat-img{
  position: relative;
  top:0px;
}
.chat-img img{
  width: 90%;
  margin-bottom: 2rem;
}
.healthradar #native-language{
  padding: 0rem 0 3rem;
}
.h_blog_item .h_blog_text .h_blog_text_inner.right{
  border: none;
}
.stories-img img{
  height: 150px;
}
#treatment-progress .progress-img {
  width: auto;
}
.about-title h2
{
  width: 100%;
}
.h_blog_item .h_blog_text .h_blog_text_inner.right{
margin: 0;
}
.h_blog_item .h_blog_text .h_blog_text_inner{
  padding: 15px;
}
.about-evolko{
  padding: 3rem 0;
}
.about-title h2{
  padding: 5rem 0;
}

}
@media (max-width:415px) {
  .dvLog{
    display: flex;
  }
  .rxpad-banner-img {
   top:0px;
    margin:0 auto;
    text-align: center;
  }
}
@media only screen and  (max-width: 376px) {
  .hero-banner .healthradar-img{
    top:0px;
  }
  .rxpad-banner-img{
    top:0px;
    
  }
  .speciality-type{
    width: 135px;
  }
  .speciality-type p{
    font-size: 13px;
  }
  .h3{
    font-size: 38px!important;
  }
  .navbar-brand{
width: 100px;
  }
  .btn-Log{
    padding:10px 5px!important;
  }
}