/*
    Theme Name: Medilab
    Theme URL: https://bootstrapmade.com/medilab-free-medical-bootstrap-theme/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
*/

body {
 font-family: 'Lato', sans-serif !important;
 line-height: 20px;
 color: #666;
 font-size: 15px;
}
ol,
ul {
 list-style: none;
}
blockquote,
q {
 quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
 border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 color: #222222;
 font-weight: 400;
}
a,
a:hover,
a:focus,
a:active {
 outline: none;
}
.section-padding {
 padding: 80px 0px 60px;
}
h2 {
 line-height: 28px;
 margin: 0;
 font-size: 28px;
 text-transform: uppercase;
}
hr.botm-line {
 height: 3px;
 width: 60px;
 background: #84c557;
 position: relative;
 border: 0;
 margin: 20px 0 20px 0;
}

/***************************************
banner
***************************************/

.navbar {
 margin-bottom: 0px;
 border: 0px;
}
.navbar {
 border-radius: 0px;
}
.navbar-default {
 background-color: #fff;
 padding: 20px 0;
 transition: all 0.3s;
}
.navbar-default {
 background-color: transparent;
 border: 0px;
}
.navbar {
 border-radius: 0px;
}
.navbar-brand {
 font-size: 32px;
}
.navbar-brand img {
 padding-top: 2px;
 width: 80px !important;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
 color: #EA6045;
}
.top-nav-collapse {
 padding: 10px;
 background: rgba(10, 65, 90, 0.9);
}
.white,
.white:hover,
.white:focus {
 color: #fff;
 width: 100% !important;
}
.block {
 display: block;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
 color: #fff;
 text-transform: uppercase;
 background-color: rgba(12, 184, 182, 0.21);
}
.navbar-default .navbar-nav > li > a {
 color: #fff;
 text-transform: uppercase;
 font-size: 14px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
 color: #fff;
 text-transform: uppercase;
 background-color: rgba(12, 184, 182, 0.21);
}
.affix {
 background-color: #ffffff !important;
}
.affix .navbar-nav > li > a:hover,
.affix .navbar-nav > li > a:focus {
 background-color: rgba(12, 184, 182) !important;
}
#banner {
 background: url('../img/biogal-bg.jpg') no-repeat fixed;
 background-size: auto;
 min-height: 650px;
 position: relative;
}
.bg-color {
 background-color: rgba(0, 18, 58, 0.7);
 min-height: 650px;
}
.banner-info {
 padding-top: 190px;
}
.banner-logo img {
 display: inline-block;
}
.banner-text {
 color: #fff;
}
.banner-text h1 {
 font-size: 21px;
 text-transform: uppercase;
 padding-bottom: 15px;
 letter-spacing: 15px;
}
.btn-appoint,
.btn-appoint:hover,
.btn-appoint:focus {
 margin-top: 30px;
 padding: 10px 20px;
 font-size: 12px;
 background-color: rgba(12, 184, 182, 0.91);
 border-radius: 3px;
 color: #fff;
}
.overlay-detail a i {
 text-align: center;
 position: absolute;
 bottom: 25px;
 font-size: 38px;
 color: #fff;
 margin: 0 auto;
}
.text-primary i {
 padding-top: 8px;
 display: inline-block;
}

/***************************************
services
***************************************/

.icon i {
 color: #22536a;
 font-size: 45px;
 margin-bottom: 25px;
}
.service-info {
 margin-bottom: 20px;
}
.icon-info h4 {
 padding-bottom: 15px;
}
.icon-info p {
 font-size: 15px !important;
}

/***************************************
cta-1
***************************************/

.schedule-tab {
 background-color: #22536a;
 float: left;
}
.medi-info {
 border-right: 1px solid #fff;
}
.medi-info,
.time-info {
 padding: 20px;
 color: #fff;
}
.medi-info h3,
.time-info h3 {
 padding-bottom: 16px;
 color: #fff;
}
.medi-info-btn,
.medi-info-btn:hover,
.medi-info-btn:focus {
 margin: 15px 0px 5px;
 display: inline-block;
 border: solid white 2px;
 padding: 3px 8px;
 font-size: 12px;
 color: #fff;
 cursor: pointer;
}
td {
 border: 0px solid #ededed;
 /* border-top: 1px solid rgba(216, 216, 216, 0.5); */
 padding: 6px 10px 6px 0;
}
.medi-info,
.time-info {
 font-size: 14px;
}

/***************************************
about
***************************************/

#about {
 background-color: rgba(238, 238, 238, 0.15);
}
.lg-line {
 line-height: 1.4;
 font-size: 28px;
}
.more-features-box-text-icon {
 float: left;
 width: 40px;
 height: 40px;
 padding-top: 6px;
 background: #84c557;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 color: #fff;
 text-align: center;
}
.more-features-box-text-description h3 {
 padding-bottom: 15px;
}
.more-features-box-text-icon i {
 font-size: 18px;
 line-height: 26px;
}
.more-features-box-text-description {
 margin-left: 80px;
 margin-bottom: 35px;
}
.sec-para {
 padding-bottom: 10px;
}

/***************************************
doctor team
***************************************/

.thumbnail {
 border-radius: 0px;
}
.caption h3 {
 padding-bottom: 5px;
}
.caption p {
 padding-bottom: 10px;
}

/***************************************
testimonial
***************************************/

#testimonial {
 background-color: #eee;
}
.testi-details {
 background: #fff;
 padding: 14px 24px;
 margin-bottom: 20px;
 box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.18);
 position: relative;
}
.testi-info a {
 display: block;
 width: 50px;
 height: 50px;
 background-color: #fff;
 border-radius: 50%;
 float: left;
 margin-right: 10px;
}
.testi-info a img {
 border-radius: 50%;
}
.testi-info h3 {
 display: inline-block;
 line-height: 22px;
 color: #000;
 margin-top: 8px;
}
.testi-info h3 > span {
 display: block;
 line-height: 16px;
}
.testi-details::after {
 content: "";
 position: absolute;
 width: 0;
 height: 0;
 border-style: solid;
 border-color: transparent;
 border-left: 0;
 bottom: -40px;
 left: 56px;
 border-top-color: #fff;
 border-width: 20px;
}
.testi-details::before {
 content: '';
 position: absolute;
 transform: rotate(45deg);
 width: 0px;
 height: 0px;
 bottom: -30px;
 left: 45px;
 border-style: solid;
 border-width: 15px;
 border-color: transparent;
 z-index: -1;
 box-shadow: 3px -13px 5px 0px rgba(0, 0, 0, 0.18);
 border-left: 0;
}

/***************************************
cta -2
***************************************/

#cta-2 {
 background-color: rgb(41, 48, 46);
}
.white {
 color: #fff;
}
.icon-play,
.icon-play:hover,
.icon-play:focus {
 background-color: #0CB8B6;
 padding: 5px 10px;
 color: #fff;
 text-decoration: none;
 padding: 5px 17px;
 margin-top: 26px;
 display: block;
}
.text-primary {
 color: #84c557;
}
.icon-mar {
 margin-right: 7px;
}

/***************************************
contact us
***************************************/

.space {
 margin-top: 40px;
}
.btn-form,
.btn-form:hover,
.btn-form:focus {
 background-color: #84c557;
 color: #fff;
 border-radius: 0px;
 padding: 10px 20px;
}
.br-radius-zero {
 border-radius: 0px;
}
.form-control {
 height: 40px;
}
.validation {
 color: red;
 display: none;
 margin: 0 0 20px;
 font-size: 13px;
}
#sendmessage {
 color: green;
 border: 1px solid green;
 display: none;
 text-align: center;
 padding: 15px;
 margin-bottom: 15px;
}
#errormessage {
 color: red;
 display: none;
 border: 1px solid red;
 text-align: center;
 padding: 15px;
 margin-bottom: 15px;
}
#sendmessage.show,
#errormessage.show,
.show {
 display: block;
}

/***************************************
footer
***************************************/

#footer {
 background-color: #11374c;
}
.ftr-tle {
 height: 50px;
}
.info-sec {
 color: #fff;
}
.quick-info li i {
 font-size: 8px;
 width: 15px;
 height: 15px;
 line-height: 15px;
 text-align: left;
}
.social-icon li {
 float: left;
 width: 50px;
 height: 50px;
 line-height: 50px;
 text-align: center;
 margin-right: 5px;
}
.bglight-blue {
 background-color: #3498DB;
}
.bgred {
 background-color: #E74C3C;
}
.bgdark-blue {
 background-color: #2C3E50;
}
.bglight-blue {
 background-color: #3498DB;
}
.top-footer {
 padding: 40px 0px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.footer-line {
 padding: 30px 0px;
 color: #fff;
}
.footer-line a {
 color: #84c557;
}
.quick-info li a {
 color: #fff;
}
.site-link,
.site-link:hover,
.site-link:focus {
 color: #0cb8b6;
 text-transform: none;
}
.fa {
 font-size: 13pt;
 line-height: 17pt;
}
.medi-info {
 border-right: none;
 text-align: center
}
.medi-info h3 {
 text-transform: uppercase
}
.ico {
 width: 35%;
 margin: auto;
}
#cta-1 {
 background: url(../img/eco-bg.jpg) no-repeat fixed;
 background-size: auto;
 min-height: 650px;
 position: relative;
}
.album {
 display: flex;
 flex-wrap: wrap;
}
.album p {
 width: calc(100% / 3 - 8px);
 margin: 4px;
}
.album p img {
 width: 100%
}
.img {
 max-width: 100%
}
small {
 opacity: 0.2
}
.text-primary {
 font-size: 12px
}
.worek {
 margin-top: -50px;
}
@media (min-width: 768px) and (max-width: 992px) {
 .album p {
  width: calc(100% / 2 - 8px);
 }
}
@media (min-width: 551px) and (max-width: 992px) {
 body {
  padding: 30px;
  font-size: 13px
 }
 .navbar {
  margin-top: 20px
 }
}
@media (min-width: 220px) and (max-width: 551px) {
 body {
  padding: 20px;
  font-size: 13px
 }
 .navbar {
  margin-top: 10px
 }
 .testi-info {
  margin-bottom: 20px;
 }
 .marb20 {
  margin-top: 30px;
 }
 h2 {
  font-size: 24px;
  line-height: 1.2;
 }
 .section-title {
  margin-bottom: 30px;
 }
 .medi-info {
  border: 0px;
  border-bottom: 1px solid #fff;
 }
 .service-info {
  margin-top: 20px;
  margin-bottom: 0px;
 }
 .caption h3 {
  font-size: 14px;
 }
 .caption p {
  font-size: 12px;
  padding-bottom: 5px;
 }
 .caption ul li a i {
  font-size: 14px;
 }
 .banner-text h1 {
  font-size: 24px;
 }
}