/* Typography */ html,*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} body{font-family: 'Gotham_Book', Gotham-Book, Verdana, Arial, sans-serif;font-size: 16px; line-height: 22px;color: #6d6e71;} h1{font-family: 'Gotham_Black', Gotham-Black, Verdana, Arial, sans-serif;} h2{font-family: 'Gotham_Bold', Gotham-Bold, Verdana, Arial, sans-serif;font-size: 22px; line-height: 22px;color: #fff;} h3{font-family: 'Gotham_Bold', Gotham-Bold, Verdana, Arial, sans-serif;font-size: 25px; line-height: 28px;color: #33ace0;}
@font-face{
  src: url(fonts/gotham-book-webfont.ttf);
  font-family: gotham-book;
}
@font-face{
  src: url(fonts/gotham-bold-webfont.woff);
  font-family: gotham-bold;
}
@font-face{
  src: url(fonts/gotham-medium-webfont.ttf);
  font-family: gotham-medium;
}
body, html {
    overflow-x: hidden;
    width: 100%;
    height: auto;
    margin: 0;
  }
  #our-box-txt{  
    font-family: gotham-book;
    font-weight: inherit;
    font-size: 15px;
    color: gray;
    letter-spacing: 1px;
  }
  .heading{
      font-weight: bold;
      font-family: gotham-bold;
      font-size: 17px;
  }
  .navbar-inverse {
      background-color: #cf1d61;
  }
  .header-navbar {
    background-color: #cf1d61;
    height: auto;
    width: 100%
  }
  .navbarr-text {
    font-family: gotham-bold;
    color: whitesmoke;
    text-align: center;
    font-size: 15pt;
    padding: 18px 0 18px;
    letter-spacing: 3px;
    font-weight: bold;
  }
 b,strong {
    font-weight: 700;
    color: white;
    font-family: gotham-bold;
    letter-spacing: 3px;
    font-size: 16px;
}
  .our-clinic1{
    margin-top: -1px;
    margin-left: 10px;
  }
  .our-clinic2{
       margin-left: 10px;
  }
  .sweta {
    width:500px;
    margin-left: 35px;
  }
  .fm1{
    width:108%;
  }
  .fm2{
    width: 102%;
  }
  .fm3{
    width: 109%;
    margin-left: -27px;
  }

  .navbar-brand {
      float: left;
      height: 58px;
      padding: 16px 15px;
      font-size: 23px;
      color: #cf1d61;
      font-family: 'Gotham_Bold', Verdana, Arial, sans-serif;
      line-height: 20px;
      text-shadow: 1px 1px 3px #faebd7;
  }

  .p {
      margin: 0 0 10px;
      color: black;
  }

   @media all and (max-width: 100%) {
  .p {
    font-size: 10px;
    height: 20px;
  }
}

  .navbar-inverse .navbar-brand {
      color: #ffff;
  }

   @media all and (max-width: 100%) {
  .navbar-inverse .navbar-brand {
    font-size: 10px;
    height: 20px;
  }
}

 .hero-image {
    background-image: url("img/banner.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  display: flex;
  align-items: center;
  background-size: cover;
  height: 300px;
  }
  @media all and (max-width:100%) {
  .hero-image {
    width: 100%;
    height: 120px;
    background-image: url("img/mobile-banner.jpg");
  }
}

  .hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
  }
  .hero-text button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 10px 25px;
    color: black;
    background-color: #ddd;
    text-align: center;
    cursor: pointer;
  }
  .hero-text button:hover {
    background-color: #555;
    color: white;
  }
  .single-special:hover {
      -webkit-box-shadow: 0 10px 90px rgba(0, 0, 0, 0.08);
      box-shadow: 0 10px 90px rgba(0, 0, 0, 0.08);
  }
  .single-special {
      border: 1px solid #EFF2F6;
      padding: 15px;
      border-radius: 40px 40px 40px 0px;
      -webkit-transition-duration: 800ms;
      -o-transition-duration: 800ms;
      transition-duration: 800ms;
      margin-bottom: 30px;
  }
  /* --------------------------
  :: 4.0 Special Area CSS
  -------------------------- */
  .single-icon > i {
      font-size: 36px;
      color: #FB397D;
  }
  .single-special > h4 {
      font-size: 22px;
      color: #5B32B4;
  }
/*  .single-icon {
      margin-bottom: 25px;
  }*/
  .single-special > h4 {
      font-size: 22px;
      color: #5B32B4;
      margin-bottom: 15px;
  }
  .single-special {
      border: 1px solid #EFF2F6;
      padding: 40px;
      border-radius: 40px 40px 40px 0px;
      -webkit-transition-duration: 800ms;
      -o-transition-duration: 800ms;
      transition-duration: 800ms;
      margin-bottom: 30px;
  }
  .special_description_content > h2 {
      color: #5B32B4;
      font-size: 48px;
      margin-bottom: 30px;
  }
  .single-special:hover {
      -webkit-box-shadow: 0 10px 90px rgba(0, 0, 0, 0.08);
              box-shadow: 0 10px 90px rgba(0, 0, 0, 0.08);
  }
  .single-special p {
      margin-bottom: 0;
  }
  .app-download-area {
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-preferred-size: 1;
      flex-basis: 1;
      margin-top: 50px;
  }
  .app-download-btn a {
      border: 1px solid #ddd;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 15px 30px;
      border-radius: 30px 30px 30px 0;
      -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
  .app-download-btn.active a,
  .app-download-btn a:hover {
      border-color: transparent;
      background-color: #FB397D;
  }
  .app-download-btn a i {
      color: #47425D;
      font-size: 24px;
      margin-right: 15px;
      -webkit-transition-duration: 500ms;
      -o-transition-duration: 500ms;
      transition-duration: 500ms;
  }
  .app-download-btn a p {
      font-size: 16px;
      line-height: 1;
      -webkit-transition-duration: 500ms;
      -o-transition-duration: 500ms;
      transition-duration: 500ms;
  }
  .app-download-btn a p span {
      font-size: 12px;
      display: block;
  }
  .app-download-btn:first-child {
      margin-right: 20px;
  }
  .app-download-btn a:hover i,
  .app-download-btn.active a i,
  .app-download-btn.active a p,
  .app-download-btn a:hover p {
      color: #fff;
  }
  body {
      text-align: center;
      padding: 0 0;
    }
  .box {
      text-align: justify;
      background: #E4E4E4;
      margin: 20px 5px;
      padding: 45px;
      width: 80%;
      min-height: 200px;
      color: grey;
      font-family: Gotham;
      letter-spacing: 2px;
      font-size: 17px;
   }

    @import url('https://fonts.googleapis.com/css?family=Raleway');
  #text{
  display:none;
  }
  .btn {
      display: inline-block;
      margin-bottom: 0;
      font-weight: 400;
      text-align: center;
      white-space: nowrap;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      border-radius: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  .btn-primary {
    color: #fff;
    width: 171px;
    font-size: 11pt;
    line-height: 0;
    height: 44px;
    background-color: #274C96;
    border-color: #274C96;
    letter-spacing: 2px;
  }
  .btn-container{
    margin: auto;
    height:44px;
    width:166.23px;
  }
  a:active{
    color:#ffd323;
  }
  .readmore{
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    cursor:pointer;
    border:none;
    padding:8px;
    font-size:20px;
    background:linear-gradient(141deg, #0FB8AD 0%, #1FC8DB 51%, #2CB5E8 75%);
    color:white;
    font-family:cursive;
    box-sizing:border-box;
  }
  /* --------------------------
  :: Button
  -------------------------- */
  .button {
      position: relative;
      padding: 1.6em 2.8em;
      text-decoration: none;
  }
  .column {
      float: left;
      width: 33.33%;
      padding: 5px;
    }
    /* Clearfix (clear floats) */
    .row::after {
      content: "";
      clear: both;
      display: table;
    }
    @media screen and (max-width: 549px) and (min-width: 375px) {
      .column {
        width: 100%;
      }
    }
  .health_safe {
      width: 100%;
      margin-left: -600px;
  }
  .twenty {
      width: 125%;
      margin-top: -150px;
      margin-left: 65px;
  }
  .twentyone {
     width: 100%;
    margin-top: 32px;
    margin-left: 280px;
  }
  #content{
      margin: 32px;
  }
  .WebPage-down{
      width: 100% !important;
  }
  .twentytwo{
      width: 14% !important;
      margin-top: -5000px;
      margin-left: -1150px;
      border-radius: 50%;
  }
  .health_safe{
      width: 14% !important;
      margin-top: -5000px;
      border-radius: 50%;
      margin-right: -1835px;
      margin-bottom: -123px;
  }
  .ladder1{
      width: 14% !important;
      margin-top: -4089px;
      border-radius: 50%;
      margin-left: -176px;
      margin-bottom: -123px;
  }
  .drops{
      width: 14% !important;
      margin-top: -4000px;
      border-radius: 50%;
      margin-right: -1080px;
      margin-bottom: -123px;
  }
  .plus{
      width: 40% !important;
      margin-left: -943px;
      margin-top: -3175px;
  }
  .virus1{
      width: 16% !important;
      margin-top: -5401px;
      border-radius: 50%;
      margin-right: -1160px;
      margin-bottom: -123px;
  }
  .virus2{
      width: 10% !important;
      margin-top: -5809px;
      border-radius: 50%;
      margin-right: -907px;
      margin-bottom: -123px;
  }
  .virus3{
      width: 8% !important;
      margin-top: -5568px;
      border-radius: 50%;
      margin-right: -765px;
      margin-bottom: -123px;
  }
  .virus4{
      width: 7% !important;
      margin-top: -5358px;
      border-radius: 50%;
      margin-right: -457px;
      margin-bottom: -123px;
  }
  .virus5{
      width: 5% !important;
      margin-top: -5266px;
      border-radius: 50%;
      margin-right: -684px;
      margin-bottom: -123px;
  }
  .mask1 {
      width: 22% !important;
      margin-top: -1141px !important;
      margin-right: 1107px !important;
  }
  #footer {
      height: auto;
      padding-bottom: 10px;
      background-color:#0E529F;
  }
  .text-center {
      text-align: center;
      padding: 75px;
      color: black;
      font-size: 20px;
      font-family: 'Gotham_Medium', Gotham_Medium, Verdana, Arial, sans-serif;
  }

  #elements {
    margin-left: 76px;
    vertical-align: middle;
    margin-left: -23px;
  }

  /* footer */

  .fa {
    padding: 16px;
    font-size: 30px;
    width: 60px;
    height: 60px;
    text-align: center;
    text-decoration: none;
    margin: -22px  19px;
    border-radius: 50%;
  }
  
  .fa:hover {
      opacity: 0.7;
  }
  
  .fa-facebook {
    background: #3B5998;
    color: white;
    margin: -1px;
  }
  
  .fa-twitter {
    background: #55ACEE;
    color: white;
    margin: -2px;
  }
  .fa-twitter:hover {
    background-color: #ffffff;
    color: #55acfaee;
  }
  
  .fa-linkedin {
    background: #007bb5;
    color: white;
  }
  
  .fa-youtube {
    background: #bb0000;
    color: white;
    margin:15px;
  }
  
  .fa-instagram {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    color: white;
  }

  #footerdetail {
    text-align: center;
    padding: 50px;
    color: white;
    font-size: 22px;
    font-family: gotham-medium; 
    letter-spacing: 3px;
  }

  /* Book Now  */
  .header_strip_line_side {
    list-style:none;
    padding-left:0
  }
  span.header_line_book_now_side {
    font-size:25px;
    font-weight:600;
    margin-bottom:12px;
    display:block
  }
  li.top_header_line_side.bttm_line_service {
    border-bottom:1px solid #eee;
    padding-bottom:5px
  }
  li.top_header_line_side.bttm_line {
    border-bottom:1px solid #eee;
    padding:5px 0
  }
  .sidebar_book_now {
    position:fixed;
    top:50%;
    right:-300px;
    transform:translateY(-50%);
    width:300px;
    height:auto;
    padding:20px 40px;
    background:#fff;
    box-shadow:0 20px 50px rgba(0, 0, 0, 0.5);
    transition:.5s;
    z-index:999
  }
  .sidebar_book_now.active {
    right:0
  }
  .toggle_book_now {
    position:absolute;
    height:50px;
    width:107px;
    text-align:center;
    cursor:pointer;
    background:#cf1d61;
    top:80px;
    left:-80px;
    line-height:48px;
    z-index:99;
    font-weight:500;
    border-radius:5px 5px 0 0;
    -ms-transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
  }
  .toggle_book_now:before {
    content:'Book Now';
    font-size:18px;
    color:#fff
  }
  .toggle_book_now.active:before {
    content:'\f00d';
    font-family:fontAwesome
  }
  @media(max-width:768px){.sidebar_book_now{width:100%;height:100%;right:-100%}.sidebar_book_now .toggle_book_now {
    top:50%;
    transform:translateY(-50%);
    transition:.5s;
    -ms-transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
  }

  .header-navbar {
  background-color: #cf1d61;
  height: auto;
  width: 100%
  }
  .navbarr-text {
    color: whitesmoke;
    text-align: center;
    font-size: 6pt;
    padding: 10px 0 10px;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: sans-serif;
  }

  .sidebar_book_now.active .toggle_book_now {
    top:0;
    left:0;
    transform:translateY(0)
  }
  .scroll_book_now {
    width:100%;
    height:100%;
    overflow-y:auto;
  }
  .content_book_now {
    padding:50px;
  }
  .header_strip_line_side {
    padding-top:20%;
  }
  .top_header_line_side a {
    font-size:18px;
  }
  span.header_line_book_now_side {
    margin-bottom:20px;
  }}

  /* Form  */
  .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
  }

  button#get_call_back_submit {
    margin-top: 10px;
    width: 55%;
    border-radius: 5px;
    background: #cd2362;
    border: 0;
    font-family: Gotham_Medium,Gotham_Medium,Verdana,Arial,sans-serif;
    font-size: 16px;
    font-weight: bolder;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
    cursor: pointer;
    padding: 5px;
}

@media screen and (max-width: 549px) and (min-width: 375px) {
  .navbar-brand {
    font-size: 10px;
    height: 20px;
  }

  #prevent1 {
    width: 100%;
    padding: 88px;
    margin-top: -70px;
  }

  #prevent2 {
    width: 100%;
    padding: 88px;
    margin-top: -200px;
    margin-left: 14px;
  }

  #prevent3 {
    width: 100%;
    padding: 88px;
    margin-top: -198px;
    margin-left: 20px;
}


#leading {
  font-size: 9px;
  font-family: 'Gotham_Medium', Gotham_Medium, Verdana, Arial, sans-serif;
}

  #content2 {
    margin: 47px;
  }

  #design {
    width: 100%;
    margin-left: 0;
  }

  #healthsafe {
    width: 80%;
    margin: 0;
    margin-left: -25px;
  }

  #mahindra {
    width: 100%;
    margin: 0;
    margin-left: -50px;
  }

  #swetha {
    width: 100%;
    margin: -52px;
  }

  #hero-mobile {
    background-image: url(img/banner.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    /* background-size: cover; */
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display: flex;
    align-items: center;
    background-size: cover;
    height: 133px;
    width: 100%;
    margin:-1px;
  }

  .footer-design {
    padding: 19px;
    height: auto;
    margin-bottom: 10px;
    background-color: #0E529F;
  }

  .footer-hater {
    text-align: center;
    padding: 45px;
    color: white;
    font-size: 13px;
    font-family: 'Gotham_Medium', Gotham_Medium, Verdana, Arial, sans-serif;
  }

}

@media screen and (max-width: 549px) {
  #content {
    margin: -68px 0 77px 50px;
  }
}