﻿.TopDiv{background-color:#353d40;border-radius:unset;min-height:33px;border:none;margin-bottom:0px;}
.TopDiv .navbar-nav>li>a {
    padding-top: 6px;
    padding-bottom: 6px;
    color:white;
}
.MainNavbar .navbar-nav>.active>a, .MainNavbar .navbar-nav>.active>a:focus, .MainNavbar .navbar-nav>.active>a:hover{background-color:#ECC758;color:black;font-weight:600;}
.MainDivHeader{padding:5px;}
.LogoDiv h2{font-size: 25px;font-weight: 700;margin-top:7px;margin-bottom:7px;}
.LogoDiv h4{font-size: 18px;font-weight: 700;margin-top:7px;color:#5f5c5c;}
@font-face {
    font-family: 'SignikaNegative-Regular';
    src: url('../fonts/SignikaNegative-Regular.ttf') format('truetype');
}
body, html {
    font-family: 'SignikaNegative-Regular';
}
.THead{background-color:#C7C6C6;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    font-weight: 700!important;
    font-size: 12px;
}
.TopDiv .navbar-right>li>a{height:33px;background-color:#08afff;}
.BoldFont{font-weight:700;}
/*Doctor TimeSlot Div*/
.navpills1{background-color:#05b075;}
.navpills2{background-color:#113262;}
.navpills3{background-color:#ff550f;}
.navpills4{background-color:#0863c4;}
.AppointmentDiv{margin-top: 35px;}
.modal .AppointmentDiv{margin-top: 0px;}
.AppointmentDiv .well{border-radius:5px;;border:none;text-align:center;margin-bottom:0px;padding:7px;}
.AppointmentDiv .well a{color:white;text-decoration:none;font-weight:700;text-align:center!important;font-size:12px;display:block;}
.modal .AppointmentDiv .well a{font-size:11px;display:block;}
@media(max-width:768px){
    .AppointmentDiv .well a{font-size:11px;}
    .AppointmentDiv .well{padding:2px;min-height:40px;margin-bottom:10px;}
   .TopDiv .navbar-nav>li>a{text-align:center!important;}
   .LogoDiv h2{font-size: 19px;text-align:center;}
    .LogoDiv h4{font-size: 13px;text-align:center;}
    .TopDiv .navbar-nav>li>a { padding-top: 2px;  padding-bottom: 2px;}
}
/*Appointment*/
.panel-heading {
    padding: 1px 15px;
}
    .modal-header{background-color: #279ece!important;
color: white!important;padding:10px;}
.modal-title{font-weight:bolder;}
.tabs-left {
  border-bottom: none;
  border-right: 1px solid #ddd;
}
  .ReturnUrl h1 {
          color: #88B04B;
          font-weight: 900;
          font-size: 40px;
          margin-bottom: 10px;
        }
     .ReturnUrl   p {
          color: #404F5E;
          font-size:20px;
          margin: 0;
        }
      .ReturnUrl i {
        color: #9ABC66;
        font-size: 100px;
        line-height: 200px;
        margin-left:-15px;
      }
      .ReturnUrl .card {
        background: white;
        padding: 60px;
        border-radius: 4px;
        box-shadow: 0 2px 3px #C8D0D8;
        display: inline-block;
        margin: 0 auto;
      }
.tabs-left>li {
  float: none;
 margin:0px;
  
}
.Padding img{padding-left:50px;padding-right:50px;}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #0f5cba;
  border-right-color: transparent;
  background:#0f5cba;
  border:none;
  border-radius:0px;
  margin:0px;
  color: #fff;
    cursor: default;
    font-weight: 700;
}
.nav-tabs>li>a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}
.tabs-left>li.active>a::after{content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid #0f5cba;
    display: block;
    width: 0;}

/*Appointment*/ 

/*Pricing Table*/
.pricingTable{
    background: #495a66;
    text-align: center;
    padding: 20px 0 1px;
    min-height:453px;
    margin-bottom:30px;
}
.pricingTable .pricingTable-header{
    color: #fff;
    background: linear-gradient(to right,#00c7c0,#00b3c3);
    padding: 0px 0px 0px;
    margin: 0 0 10px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%);
}
.pricingTable .price-value .amount{
    font-size: 25px;
    font-weight: 500;
    line-height: 80px;
    display: inline-block;
    position: relative;
    top: -8px;
}
.pricingTable .price-value .currency{
    font-size: 35px;
    font-weight: 500;
    line-height: 45px;
    vertical-align: top;
    display: inline-block;
}
.pricingTable .price-value .duration{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0 0 0 -20px;
    display: inline-block;
}
.pricingTable .title{
    color: #00c7c0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0 0 30px;
    font-weight: 700;
}
.pricingTable .pricing-content{
    padding: 0 10px;
    margin: 0 0 30px;
    list-style: none;
}
.pricingTable .pricing-content li{
    color: #555;
    background: #efefef;
    font-size: 12px;
    font-weight: 600;
    padding: 5px;
    margin: 0 0 5px;
    position: relative;
}
.pricingTable .pricingTable-signup a{
    color: #fff;
    background: linear-gradient(to right,#00c7c0,#00b3c3);
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 3px 30px 4px;
    border-radius: 50px;
    display: inline-block;
    transition: all 0.3s;
}
.pricingTable .pricingTable-signup a:hover{
    letter-spacing: 2px;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
}
.orange .price-value{
   background-color:#d99125!important;
}
.pricingTable.purple .pricingTable-header,
.pricingTable.purple .pricing-content li:before,
.pricingTable.purple .pricingTable-signup a{
    background: linear-gradient(to right,#dd3e71,#974686);
}
.pricingTable .title{ color: white; }
.pricingTable.yellow .pricingTable-header,
.pricingTable.yellow .pricing-content li:before,
.pricingTable.yellow .pricingTable-signup a{
    background: linear-gradient(to right,#85ba41,#56ab2f);
}
.pricingTable.yellow .title{ color: white; }
@media only screen and (max-width: 990px){
    .pricingTable{ margin: 0 0 40px 10px; }
}
.Facilities .jumbotron{background-color:transparent!important;}
 .Facilities .jumbotron p {
    font-size: 16px;
    margin-bottom:5px;
}
 .Summary img{height:60px;}
 .Padding p,.Padding h4{padding-left:15px;}
 .FacilitiesDiv{margin-bottom:25px;}
/*Pricing Table*/
.TopNavbar{min-height:35px;margin-bottom:0px;border-radius:unset;background-color:#3c4d67;}
.TopNavbar h5{color:white;font-weight:700;}
.MainNavbar{margin-bottom:0px;border-radius:unset;background-color:#cacbca;border-color:none!important;}
.MainNavbar .navbar-nav > li > a{color:black!important;font-weight:700;}
.MainNavbar .navbar-brand a,.MainNavbar .navbar-brand a:hover,.MainNavbar .navbar-brand a:focus{color:black;text-decoration:none;font-weight:700;}
.navbar-inverse{border:none;}
@media (max-width:768px){
.TopNavbar h5{text-align:center!important;margin-top:5px;margin-bottom:5px;font-size:11px;}
}
html,body{height:100%;}
@font-face {
    font-family: 'Spinnaker-Regular';
    src: url('../fonts/Spinnaker-Regular.ttf') format('truetype');
}
body, html{font-family:Spinnaker-Regular;}
.navbar-brand img{height:100px;}
@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
         margin-left: 0px; 
    }
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
    background-color: #7093f4;
}
@media (min-width: 992px) {
  .slider, .slide {
    height: 350px;
  }
}
@media (max-width:768px){
    .BreadCrumbSection .container {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{background-color:lightgray;}
    .BreadCrumbSection h2 {
    font-size: 30px!important;
}
    .copyright-area p{text-align:center!important;} 
    .slide__content--headings p{font-size:12px!important;}
    .slide__content--headings h2{font-size:15px!important;}
    .slide__content--headings .btn{font-size:11px!important;}
    .slide__img img{height:250px!important;width:100%!important;}
    .social{display:none;}
    .social li{padding: 10px 5px 6px 10px!important;font-size: 20px!important;}
    .navbar-inverse{z-index:99!important;}
    .slide .slide__content.slide__content__left {
  left: 18.5%!important;
}

.slide .slide__content.slide__content__right {
  right: 9.5%!important;
}
}
.slide {
  position: relative;
  transition: 1s;
}
.slide .slide__img {
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (min-width: 992px) {
  .slide .slide__img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
.slide .slide__img img {
  max-width: 100%;
  height: auto;
  opacity: 1 !important;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  transition: all 1s ease;
}
.slide .slide__content {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  padding:20px;
  transform: translate(-50%, -50%);
}
.slide .slide__content.slide__content__left {
  left: 13.5%;
  transform: translate(-15%, -50%);
}
.slide .slide__content.slide__content__right {
  right: 9.5%;
  left: auto;
  transform: translate(5%, -50%);
}
.slide .slide__content--headings {
  color: #FFF;
}
.slide .slide__content--headings h2 {
  font-size: 4.5rem;
  margin: 10px 0;                                                                                           
}
.slide .slide__content--headings .animated {
  transition: all 0.5s ease;
}
.slide .slide__content--headings .top-title {
  font-size: 2.5rem;
}
.slide .slide__content--headings .title {
  font-size: 3.5rem;
}
.slide .slide__content--headings .button-custom {
  text-decoration: none;
  color: #333;
  padding: 1.2rem 2.5rem;
  font-size: 1.5rem;
}

.slider [data-animation-in] {
  opacity: 0;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
  transition: 1s;
}

.slick-dotted .slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.simple-dots .slick-dots li {
  width: 20px;
  height: 20px;
}
.simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: white;
  opacity: 0.25;
  width: 20px;
  height: 20px;
}
.simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {
  opacity: 1;
}
.simple-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}

.stick-dots .slick-dots li {
  height: 3px;
  width: 50px;
}
.stick-dots .slick-dots li button {
  position: relative;
  background-color: white;
  opacity: 0.25;
  width: 50px;
  height: 3px;
  padding: 0;
}
.stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
  opacity: 1;
}
.stick-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}
.stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1;
}

/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
}
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
}
.zoomInImage {
  -webkit-animation-name: zoomInImage;
          animation-name: zoomInImage;
}

@-webkit-keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
  to {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
}

@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
  to {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
}
.zoomOutImage {
  -webkit-animation-name: zoomOutImage;
          animation-name: zoomOutImage;
  transition: 1s;
}

.slick-nav {
  --active: #fff;
  --border: rgba(255, 255, 255, .12);
  width: 44px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  top: calc(50% - 44px);
}
.slick-nav.prev-arrow {
  left: 4%;
  transform: scaleX(-1);
  z-index: 999;
}
.slick-nav.next-arrow {
  left: auto;
  right: 4%;
}
.slick-nav i {
  display: block;
  position: absolute;
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
}
.slick-nav i:before, .slick-nav i:after {
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--active);
  margin: -1px 0 0 -5px;
  display: block;
  transform-origin: 9px 50%;
}
.slick-nav i:before {
  transform: rotate(-40deg);
}
.slick-nav i:after {
  transform: rotate(40deg);
}
.slick-nav:before, .slick-nav:after {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 50%;
  border: 2px solid var(--border);
}
.slick-nav svg {
  width: 44px;
  height: 44px;
  display: block;
  position: relative;
  z-index: 1;
  color: var(--active);
  stroke-width: 2px;
  stroke-dashoffset: 126;
  stroke-dasharray: 126 126 0;
  transform: rotate(0deg);
}
.slick-nav.animate svg {
  -webkit-animation: stroke 1s ease forwards 0.3s;
          animation: stroke 1s ease forwards 0.3s;
}
.slick-nav.animate i {
  -webkit-animation: arrow 1.6s ease forwards;
          animation: arrow 1.6s ease forwards;
}
.slick-nav.animate i:before {
  -webkit-animation: arrowUp 1.6s ease forwards;
          animation: arrowUp 1.6s ease forwards;
}
.slick-nav.animate i:after {
  -webkit-animation: arrowDown 1.6s ease forwards;
          animation: arrowDown 1.6s ease forwards;
}

@-webkit-keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}

@keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}
@-webkit-keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@-webkit-keyframes arrowUp {
  0%, 100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowUp {
  0%, 100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@-webkit-keyframes arrowDown {
  0%, 100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowDown {
  0%, 100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}

/*footer Stylesheet*/
.footer-section ul {
    margin: 0px;
    padding: 0px;
}
.footer-section {
  background: #151414;
  /*position: relative;*/
  margin-top:30px;
  z-index: -1;
}
.footer-cta {
  border-bottom: 1px solid #373636;
 padding-top: 20px;
    padding-bottom: 20px;
}
.single-cta i {
  color: #3883ef;
  font-size: 30px;
  float: left;
  margin-top: 8px;
  margin-right:20px;
}
.cta-text h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
}
.cta-text span {
  color: #757575;
  font-size: 12px;
}
.footer-content {
  position: relative;
  z-index: 2;
      padding-top: 20px;
    padding-bottom: 20px;
}
.footer-pattern img {
  position: absolute;
  top: 0;
  left: 0;
  height: 330px;
  background-size: cover;
  background-position: 100% 100%;
}
.footer-logo img {
    height:50px;
}
.footer-logo h4{color:white;}
.footer-text p {
  margin-bottom: 14px;
  font-size: 14px;
      color: #7e7e7e;
  line-height: 28px;
}
.footer-social-icon span {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.footer-social-icon a {
  color: #fff;
  font-size: 16px;
  margin-right: 15px;
}
.footer-social-icon i {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
}
.facebook-bg{
  background: #3B5998;
}
.twitter-bg{
  background: #55ACEE;
}
.google-bg{
  background: #DD4B39;
}
.whatsapp-bg{background:green;}
.footer-widget-heading h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
}
.footer-widget-heading h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #ff5e14;
}
.footer-widget ul li {
  display: inline-block;
  float: left;
  width: 50%;
  margin-bottom: 12px;
}
.footer-widget ul li a:hover{
  color: #ff5e14;
}
.footer-widget ul li a {
  color: #878787;
  text-transform: capitalize;
}
.subscribe-form {
  position: relative;
  overflow: hidden;
}
.subscribe-form input {
  width: 100%;
  padding: 14px 28px;
  background: #2E2E2E;
  border: 1px solid #2E2E2E;
  color: #fff;
}
.subscribe-form button {
    position: absolute;
    right: 0;
    background: #ff5e14;
    padding: 13px 20px;
    border: 1px solid #ff5e14;
    top: 0;
}
.subscribe-form button i {
  color: #fff;
  font-size: 22px;
  transform: rotate(-6deg);
}
.copyright-area{
  background: #3c4d67;
  padding: 25px 0;
}

.copyright-text p {
  margin: 0;
  font-size: 14px;
  color: white;
}
.copyright-text p a{
  color: #1bdce3;
  text-decoration: none;
    font-weight: 700;
}
.footer-menu li {
  display: inline-block;
  margin-left: 20px;
}
.footer-menu li:hover a{
  color: #ff5e14;
}
.footer-menu li a {
  font-size: 14px;
  color: #878787;
}
/*footer Stylesheet*/
   .navbar-fixed {
    animation: mymove 0.9s ease-in-out;
}
   @keyframes mymove {
      from {
        top: -20px;
      }
      to {
        top: 0px;
      }
    }
 .navbar-toggle {
	border: none;
	background: transparent !important;
}

 .navbar-toggle:hover {
	background: transparent !important;
}

.navbar-toggle .icon-bar {
	width: 22px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}


/* ANIMATED LEFT ARROW */
.navbar-toggle.larr.collapsed .icon-bar:nth-of-type(1) {
	transform: translate3d(0,0,0) rotate(0deg);
	width: 22px;
}

.navbar-toggle.larr.collapsed .icon-bar:nth-of-type(2) {
	transform: translate3d(0,0,0) rotate(0deg);
}

.navbar-toggle.larr.collapsed .icon-bar:nth-of-type(3) {
	transform: translate3d(0,0,0) rotate(0deg);
	width: 22px;
}

.navbar-toggle.larr .icon-bar:nth-of-type(1) {
	transform: translate3d(0px,6px,0) rotate(45deg);
	transform-origin: left top;
	width: 11px;
}

.navbar-toggle.larr .icon-bar:nth-of-type(3) {
	transform: translate3d(0px,-6px,0) rotate(-45deg);
	transform-origin: left bottom;
	width: 11px;
}
/* END ANIMATED LEFT ARROW */

 .navbar-toggle .icon-bar{height:3px;}
 .navbar-inverse .navbar-toggle .icon-bar{background-color: #0c96e8;}
 .navbar-nav {
    margin: 0.1px -15px;
}
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:none;}
 .NoticeDiv img{height:30px;}
.blinking{
	animation:blinkingText 2.8s infinite;
    font-weight:700;
    font-size:18px;
}
@keyframes blinkingText{
	0%{		color: green;	}
	20%{	color: red;	}
	40%{	color: blue;	}
	60%{	color:orange;	}
    80%{	color:palevioletred;	}
	100%{	color: orangered;	}
}
.NoticeDiv h4{margin-top:1px;margin-bottom:1px;font-size:14px;font-weight:700;}
.NoticeText a{color: #362e2e;font-weight: 600;letter-spacing: 0.2px;font-size:14px;}
.NoticePanel{border-top:1px solid lightgrey;border-bottom:1px solid lightgrey;padding-bottom:10px;padding-top:10px;}
.Head {
    /*background-image: url('../img/download.jpg');*/
    background-repeat:no-repeat;
    background-size:100%;
    background-position:center;
    margin-top:10px;
}
.NoticeDiv a{text-align:center;}
.btn-info{background-color:#128274;border:#128274;font-weight:600;}
.Date{background: #ffba38;
    color: black;
    padding: 6px;}
.Month{background: blue;
    color: white;
    padding: 6px;}
.Year{background: #074f74;
    color: white;
    padding: 6px;}
/*footer Stylesheet*/
.TitleHead{font-weight:700;color:#336581;}
.SubTitle{color:#f3762f;}
.MainDiv{padding-top:20px;padding-bottom:20px;}
.ParaGraph{font-size: 18px;color:#595858;text-align:justify;}
.AboutUs .well{background-color:#dfdede;border-radius:10px;border:none;}
.AboutUs .well h3{font-size: 17px;font-weight: 700;color: black;text-align:center;}
.AboutUs h3{margin-top:0px;}
.AboutUs .well h4{font-size: 18px;font-weight: 700;color: #6c6868;text-align:center}
.Gap{margin-bottom:10px;}
/*Social Icons*/
.sticky-social{
  position:fixed;
  top:37%;
  left:-40px;
  padding:0px;
  margin:0px;
}
.social{
  list-style:none;
}
.social li{
  padding:10px 10px 6px 15px;
  font-size:25px;
  transition:all 0.8s ease-in-out;
}
.social li a{
   color:white;
}
.fb{
  background-color:#3C5A98;
}
.twitter{
    background-color:#1EA1F2;
}
.insta{
    background-color:#DC4F42;
}
.whatsapp{
    background-color:green;
}
.vim{
    background-color:#383238;
}   
.s-media2 {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 1000;
    transition: all linear 0.2s;
}
.s-media2 .s-item{transform: rotate(-90deg);width: 233px;}
.s-media2 .s-item:hover{
    color:white;
}
.BookAppointment{background-color:#0fa3fb;}
.btn.book-now {
  background: #0fa3fb;
  font-weight:700;
  border-radius: 0;
  color: white;
  display: inline-block;
  font-size: 2.1rem;
  height: 43px;
  line-height: 29px;
  position: fixed;
  right: 0;
  text-align: center;
  text-decoration: none;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: bottom right;
}
.btn.book-now:hover{background-color:#0fa3fb;}
/*Candidate Registration*/
     .BreadCrumbSection {
    background-size: cover;
    background-image: linear-gradient(to right, #102938, rgba(26, 35, 129, 0.6)), url(../img/banner.jpg);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center;
    background-attachment: fixed;
}
        .panel-default {
    border: 1px solid #8f8b8b;
    border-radius: 0px;
}

    .panel-default > .panel-heading {
        border-color: #8f8b8b;
    }
    .BoldFont {
    font-weight: 700;
}

.panel-heading h4 {
    color: #6a8dd7;
}
.Body h4{font-size:15px;}
     html,body{overflow-x:hidden;}
.BreadCrumbSection .container{padding-top:60px;padding-bottom:60px;}  
.BreadCrumbSection h2{color:#ff6c37;font-size:30px;}

.Regd img{height:70px;border-radius:3px;padding:15px;}
.Regd a{color:black;text-decoration:none;font-weight:700;font-size:12px;cursor:pointer;}
.Candidate{background-color:#dde9f3;}
.Emp{background-color:#f3e079;}
.Login{background-color:#86edb8;}

