/* =======================================================================

Template Name: Dil Hospital

Author:  SmartEye Adminpanel

Author URI: www.smarteyeapps.com

Version: 1.0

coder name:Prabin Raja

Description: This Template is created for web template

======================================================================= */

/* ===================================== Import Less ================================== */

@font-face {

  font-family: 'mouse-300';

  src: url("../fonts/PT_Sans-Web-Regular.ttf") format("truetype"); }

@font-face {

  font-family: 'mouse-500';

  src: url("../fonts/PT_Sans-Web-Bold.ttf") format("truetype"); }

/* ===================================== Basic CSS ================================== */

* {

  margin: 0px;

  padding: 0px;

  list-style: none; }



img {

  max-width: 100%; }



a {

  text-decoration: none;

  outline: none;

  color: #444; }



a:hover {

  color: #B41215; }



ul {

  margin-bottom: 0;

  padding-left: 0; }



a:hover,

a:focus,

input,

textarea {

  text-decoration: none;

  outline: none; }



.center {

  text-align: center; }



.left {

  text-align: left; }



.right {

  text-align: right; }



.cp {

  cursor: pointer; }



html, body {

  height: 100%; }



p {

  margin-bottom: 0px;

  width: 100%; }



.no-padding {

  padding: 0px; }



.no-margin {

  margin: 0px; }



.hid {

  display: none; }



.top-mar {

  margin-top: 15px; }



.h-100 {

  height: 100%; }



::placeholder {

  color: #747f8a !important;

  font-size: 13px;

  opacity: .5 !important; }



.container-fluid { width: 100%;

  padding: 0px; }

.bg1 { background: #014f8d; color: white;}

.bg2 { background: #445566;}

.tplink {color:#7C7C7C; padding: 2px 0px 5px 0px;   }

.tplink a {color: white; padding:0px 5px; font-size: 14px;}

.page-bt{background: linear-gradient(

145deg, #720101, #bb0000 444px); color: white;}



h1, h2, h3, h4, h5, h6 {

  font-family: "mouse-500", Arial, Helvetica, sans-serif; }



strong {

  font-family: "mouse-500", Arial, Helvetica, sans-serif; }



body {

  background-color: #f7f7ff !important;

  font-family: "mouse-300", Arial, Helvetica, sans-serif;

  color: #6A6A6A; }



.session-title {

  padding: 30px;

  margin: 0px; }

  .session-title h2 {

    width: 100%;

    text-align: center; }

  .session-title p {

    max-width: 850px;

    text-align: center;

    float: none;

    margin: auto; }

  .session-title span {

    float: right;

    font-style: italic; }



.inner-title {

  padding: 20px;

  padding-left: 0px;

  margin-bottom: 20px; }

  .inner-title h2 {

    width: 100%;

    text-align: center;

    font-size: 2rem;

    font-family: "slab", Arial, Helvetica, sans-serif; }

  .inner-title p {

    width: 100%;

    text-align: center; }



.page-nav {

  padding: 40px;

  text-align: center;

  padding-top: 160px; }

  .page-nav ul {

    float: none;

    margin: auto; }

  .page-nav h2 {

    font-size: 36px;

    width: 100%;

    color: #444; }

    @media screen and (max-width: 600px) {

      .page-nav h2 {

        font-size: 26px; } }

  .page-nav ul li {

    float: left;

    margin-right: 10px;

    margin-top: 10px;

    font-size: 16px; }

    .page-nav ul li i {

      width: 30px;

      text-align: center;

      color: #444; }

    .page-nav ul li a {

      color: #444; }



.btn-success {

  background-color: #cf1f0e;

  border-color: #c92d1d; }

.btn-success:hover {

    background-color: #a72828 !important;

    border-color: #810000 !important;

  }

.btn-success:active {

    background-color: #cf1f0e !important;

    border-color: #c92d1d !important; }

  .btn-success:focus {

    background-color: #a72828 !important;

    border-color: #810000 !important; 

    box-shadow: none !important; }



.btn-info {

  background-color: #00a8df;

  border-color: #00a8df; }

  .btn-info:hover {

    background-color: #00a8df !important;

    border-color: #00a8df !important; }

  .btn-info:active {

    background-color: #00a8df !important;

    border-color: #00a8df !important; }

  .btn-info:focus {

    background-color: #00a8df !important;

    border-color: #00a8df !important;

    box-shadow: none !important; }



.btn {

  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

  border-radius: 2px; }



.form-control:focus {

  box-shadow: none !important;

  border: 2px solid  #00a8df; }



.btn-light {

  background-color: #FFF;

  color: #3F3F3F; }

.txt-lb { float:right;}

@media screen and (max-width: 480px) {

   .txt-lb { float:left;display: contents;}

}

@media screen and (max-width: 1199px) {

  .container {

    max-width: 100%; } }

.collapse.show {

  display: block !important; }



.form-control:focus {

  box-shadow: none;

  border: 2px solid #cf1f0e !important; }



.form-control {

  background-color: #F8F8F8;

  margin-bottom: 20px; }

  .form-control:focus {

    background-color: #FFF;

    border-color: #CCC; }



/* ===================================== Header CSS ================================== */

header {

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

  position: relative;

  width: 100%;

  z-index: 999; }

  header .header-nav {

    background-color: #FFF;

    width: 100%; }

    header .header-nav .nav-item ul li {

      float: left;

      font-family: "mouse-500", Arial, Helvetica, sans-serif;

      font-size: 16px;

      padding: 28px 18px; }

      @media screen and (max-width: 998px) {

        header .header-nav .nav-item ul li {

          padding: 30px 18px; } }

      @media screen and (max-width: 767px) {

        header .header-nav .nav-item ul li {

          float: none;

          padding: 14px;

          border-top: 1px solid #CCC; } }

    header .header-nav .nav-img img {

      padding: 0px;

      margin-top: 4px; }

      @media screen and (max-width: 767px) {

        header .header-nav .nav-img img {

          margin-top: 0px;

          padding: 10px; } }

      @media screen and (max-width: 1199px) {

        header .header-nav .nav-img img {

          margin-left: 10px; } }

    header .header-nav .appoint {

      padding-top: 21px; }

  header .scroll-to-fixed-fixed {

    background-color: #FFF;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }



.small-menu {

  float: right;

  color: #bd0a06;

  font-size: 32px;

  margin-top: 17px;

  margin-right: 12px;

   border: 1px solid #c0c0c0;

   padding: 2px 5px;

}

  @media screen and (max-width: 767px) {

    .small-menu {

      margin-top: 11px; } }



/* ===================================== Slide Style CSS ================================== */

.slider-detail {

  padding-top: 0px; }

  .slider-detail .carousel-cover {

    background-color: rgb(203 18 18 / 65%);

    position: absolute;

    left: 0px;

    width: 40%;

    top: 50px;

    height: 100%;

    background-color: rgb(203 18 18 / 65%);/*rgba(0, 173, 162, 0.53)*/

    position: absolute;

    left: -30%;

    width: 80%;

    top: -150px;

    height: 140%;

    transform: rotate(15deg); }

    @media screen and (max-width: 1086px) {

      .slider-detail .carousel-cover {

        top: -131px;

        left: -24%;

        transform: rotate(12deg); } }

    @media screen and (max-width: 999px) {

      .slider-detail .carousel-cover {

        transform: rotate(7deg);

        top: -100px; } }

    @media screen and (max-width: 767px) {

      .slider-detail .carousel-cover {

        display: none; } }

  .slider-detail .carousel-caption {

    text-align: left;

    top: 70px;

    left: 10%;

    max-width: 40%; }

    .slider-detail .carousel-caption h5 {

      font-size: 40px; }

    .slider-detail .carousel-caption p {

      font-size: 18px;

      margin-top: 40px;

      margin-bottom: 40px; }

    .slider-detail .carousel-caption .vbh {

      margin: 0px; }

    @media screen and (max-width: 1090px) {

      .slider-detail .carousel-caption {

        top: 30px; }

        .slider-detail .carousel-caption h5 {

          font-size: 28px; }

        .slider-detail .carousel-caption p {

          font-size: 14px; } }

    @media screen and (max-width: 792px) {

      .slider-detail .carousel-caption p {

        margin-bottom: 10px; } }

  .slider-detail .carousel-indicators {

    left: -70%; }

  .slider-detail .btn-default {

    background-color: #FFF;

    color: #444;

    font-weight: 600; }

    @media screen and (max-width: 792px) {

      .slider-detail .btn-default {

        padding: 5px;

        font-size: 13px; } }



/* ===================================== Key Features CSS ================================== */

.key-features .kvxol {

  padding: 0px; }

.key-features .single-key {

  background-color: #ffecec;

  margin-bottom: 30px;

  text-align: center;

  padding: 30px; }

  .key-features .single-key i {

    background-color: #FFF;

    padding: 20px;

    font-size: 42px;

    color:#ff9800;

    margin-bottom: 30px;

    border-radius: 50px; }

  .key-features .single-key p {

    font-family: "mouse-300", Arial, Helvetica, sans-serif;

    font-size: 15px; }

.key-features .ky-1 {

  background-color: #03509e;

  color: #FFF;

  margin-bottom: 0px; }

.key-features .ky-2 {

  background-color: #0085bc;

  color: #FFF;

  margin-bottom: 0px; }



.department {

  padding: 60px 50px;

  background-color: #FFF; }

  @media screen and (max-width: 940px) {

    .department {

      padding: 50px 10px; } }



/* ===================================== Our Blog CSS ================================== */

.our-blog {

  padding: 50px 50px;

  background-color: #f7f7f7;

  }

  @media screen and (max-width: 940px) {

    .our-blog {

      padding: 50px 10px; } }

  @media screen and (max-width: 600px) {

    .our-blog {

      padding: 20px 10px; }

      .our-blog .blog-cont {

        padding: 0px; }

      .our-blog .blog-smk {

        padding: 0px; } }

  .our-blog .blog-cont {

    float: none;

    margin: auto; }

  .our-blog .blog-single {

    text-align: center;

    margin-top: 20px;

    margin-bottom: 40px; }

    .our-blog .blog-single .figure {

      margin-bottom: 0px; }

  .our-blog .blog-single-det {

    margin: auto;

    padding: 20px;

    z-index: 99;

    box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);

    width: 90%;

    position: relative;

    margin-top: -80px;

    background-color: #FFF; }

    .our-blog .blog-single-det .btn {

      margin-top: 10px;

      margin-bottom: 10px; }

    .our-blog .blog-single-det span {

      font-size: 13px;

      color: #b5316a; }

    .our-blog .blog-single-det h6 {

      font-size: 1.3rem; }

    .our-blog .blog-single-det p {

      margin-top: 15px;

      margin-bottom: 15px;

      font-size: 1rem; }



/* ===================================== Contact US CSS ================================== */

.contact-rooo {

  padding: 80px 50px;

  background-color: #FFF; }

  @media screen and (max-width: 940px) {

    .contact-rooo {

      padding: 50px 10px; } }



.contact-us-single {

  background-color: #FFF; }

  .contact-us-single .cop-ck {

    padding: 10px 30px; }

    .contact-us-single .cop-ck h2 {

      font-size: 22px;

      margin-bottom: 20px; }

  .contact-us-single .cf-ro {

    margin-top: 10px; }



/*====================================== About Us Style ====================================*/

.about-us .image-bg {

  background-image: url(../images/why.jpg);

  background-size: contain; }

.about-us .abut-yoiu {

  padding: 50px;

  background-color: #FFF; }



/* ===================================== Gallery Style  ================================== */

.gallery-filter {

  width: 100%;

  text-align: center; }

  .gallery-filter .btn {

    background-color: #FFF; }



.gallery {

  padding: 80px 50px;

  background-color: #FAFAFA; }

  @media screen and (max-width: 940px) {

    .gallery {

      padding: 50px 10px; } }



.gallery-title {

  font-size: 36px;

  color: #00ab9f;

  text-align: center;

  font-weight: 500;

  margin-bottom: 70px; }



.gallery-title:after {

  content: "";

  position: absolute;

  width: 7.5%;

  left: 46.5%;

  height: 45px;

  border-bottom: 1px solid #00ab9f; }



.filter-button {

    font-size: 18px;

    border: 1px solid #b30f00;

    border-radius: 5px;

    text-align: center;

    color: #cf1f0e;

    margin-bottom: 30px; }



.filter-button:hover {

    font-size: 18px;

    border: 1px solid #b30f00;

    border-radius: 5px;

    text-align: center;

    color: #ffffff;

    background-color: #cf1f0e; }



.btn-default:active .filter-button:active {

  background-color: #00ab9f;

  color: white; }



.port-image {

  width: 100%; }



.gallery_product {

  margin-bottom: 30px; }



/* ===================================== Fooer CSS ================================== */

.footer {

  padding: 45px 50px;

  /*padding: 30px;

  padding-bottom: 0px;*/

  background-color: #04457a;

  color: #FFF; }

  @media screen and (max-width: 940px) {

    .footer {

      padding: 50px 10px; } }

  .footer h2 {

    font-size: 25px;

    margin-top: 10px;margin-bottom: 12px; }

  .footer p {

    text-align: justify;

    text-indent: 20px; }

  .footer .link-list li {

    padding: 5px 10px;

    border-bottom: 1px dotted #6C6C6C; }

    .footer .link-list li a {

      color: #FFF; }

    .footer .link-list li i {

      float: right; }

  .footer .map-img {

    font-weight: 600;

    font-size: 17px;

    padding-left: 20px; }

  .footer address a {

    color: #FFF; }



.copy {

  padding: 20px;

  background-color: #052138;;

  color: #FFF; }

  .copy a {

    color: #FFF; }

  .copy span {

    float: right; }

    .copy span i {

      margin-right: 20px; }



.kf-2 {

  background-color: #FCFCFC;

  padding: 80px 50px; }

  @media screen and (max-width: 940px) {

    .kf-2 {

      padding: 50px 10px; } }

  .kf-2 .single-key {

    box-shadow: 0 2px 3px 0 rgba(218, 218, 253, 0.35), 0 0px 3px 0 rgba(206, 206, 238, 0.35); }



/*# sourceMappingURL=style.css.map */