/*
  Name: N
  Author: Rainy Design
  Author Uri: http://rainydesign.com
  Date Created: 19 February 2016
  Support: DesignRainy@gmail.com
  Version: 1.1

 */
/*=======================
  TABLE OF CONTENTS 
========================*/
/*
  
  1. HELPER STYLES
  2. LAYOUT
  3. GENERAL STYLES
  4. TYPOGRAPHY
  5. COMMON STYLES
  6. PRE LOADER
  7. HEADER
  8. CAROUSEL
  9. INTRO
  10. FEATURED SECTION
  11. WHAT WE DO
  12. OUR DEPARTMENTS
  13. OUR FEATURES
  14. OUR DOCTORS
  15. MEDICAL NEWS
  16. TESTIMONIAL
  17. FUN FACTS
  18. MAIN FOOTER
  19. MISC
  20. BLOG
  21. PAGES


 */

/*=======================
  HELPER STYLES 
  =======================*/
.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.no-padding-col [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}
/*=======================
  LAYOUTS 
  =======================*/
.section-block {
  padding: 8em 0;
}
/*=======================
  GENERAL STYLES 
  =======================*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  color: #4d4d4d;
  position: relative;
}
a {
  text-decoration: none;
  color: #148f88;
  transition: .3s;
}
a:hover {
  text-decoration: none;
  color: #0e625d;
}
a:active {
  outline: none;
}
a:focus {
  outline: none;
}
ul {
  padding-left: 0;
  list-style: none;
}
/*=======================
  TYPOGRAPHY  
  =======================*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  color: #0d0d0d;
  font-weight: 800;
}
p {
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}
/*=======================
  COMMON STYLES  
  =======================*/
.btn {
  border-radius: 0;
  letter-spacing: 2px;
  font-family: 'Montserrat', sans-serif;
}
.btn-main,
.btn-ghost {
  background: #1dd2c8;
  padding: 1em 2em;
  font-weight: bold;
  text-transform: uppercase;
  border: 2px solid #1dd2c8;
  transition: .3s;
}
.btn-main:hover,
.btn-ghost:hover {
  background: #148f88;
  color: #ffffff;
  border-color: #148f88;
}
.btn-ghost {
  background: transparent;
  border: 2px solid #ffffff;
}
.btn-ghost:hover {
  background: transparent;
  border-color: #1dd2c8;
}
/* SECTION TITLE STYLE */
.section-title-block {
  text-align: center;
  margin-bottom: 98px;
}
.section-title-block .section-title {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 14px;
  background-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 18px;
  font-weight: bold;
}
.section-title-block .section-title:after {
 /* content: '\f493';*/
  font-family: "Ionicons";
  display: block;
  margin: 15px auto 0;
  color: #1dd2c8;
}
.section-title-block .lead {
  width: 50%;
  margin: auto;
  text-align: center;
  font-size: 18px;
  color: #000000;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .section-title-block .lead {
    width: 90%;
    font-size: 16px;
  }
}
/* BLOCK TOP TITLE STYLE */
.block-top-title {
  margin-bottom: 42px;
}
.block-top-title h3 {
  display: inline-block;
  margin-bottom: 35px;
  position: relative;
  margin-top: 14px;
  text-transform: uppercase;
  letter-spacing: 4px;
}
@media (max-width: 580px) {
  .block-top-title h3 {
    letter-spacing: 0;
    line-height: 1.4;
  }
}
.block-top-title h3:after {
  content: '';
  width: 28px;
  height: 3px;
  position: absolute;
  bottom: -10px;
  right: -14px;
  background: #1dd2c8;
}
@media (max-width: 580px) {
  .block-top-title h3:after {
    display: none;
  }
}
.area-title {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: bold;
  margin: 0;
}
.iconed-list {
  clear: #999999;
  margin-top: 24px;
  margin-bottom: 12px;
}
.iconed-list li {
  padding-left: 30px;
  color: #999999;
  margin-bottom: 12px;
}
.iconed-list li:before {
  content: '\f101';
  font-family: FontAwesome;
  float: left;
  margin-left: -30px;
  color: #1dd2c8;
}
.iconed-list.icon1 li:before {
  content: '\f00c';
}
/* vertical nav tabs */
@media (max-width: 991px) {
  .vertical-nav-tab {
    border-bottom: 0;
  }
}
.vertical-nav-tab li a {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #333333;
  border-radius: 0;
}
@media (min-width: 992px) {
  .vertical-nav-tab li a {
    border-color: #e6e6e6 !important;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 18px;
  }
}
@media (max-width: 991px) {
  .vertical-nav-tab li a {
    font-size: 12px;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    margin-right: 0;
    border-bottom: 1px solid #e6e6e6;
  }
}
.vertical-nav-tab li a:hover {
  background: #1dd2c8;
  color: #ffffff;
  border-left: none;
}
@media (min-width: 992px) {
  .vertical-nav-tab li:first-child a {
    border-top: 1px solid #e6e6e6;
  }
}
@media (max-width: 991px) {
  .vertical-nav-tab li:first-child a {
    border-left: 1px solid #e6e6e6;
  }
}
@media (min-width: 992px) {
  .vertical-nav-tab li {
    float: none;
  }
  .vertical-nav-tab li.active a {
    border-right: none;
    color: #1dd2c8;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
  }
  .vertical-nav-tab li.active a:hover {
    border-bottom: 1px solid #e6e6e6;
    border-right: 0;
  }
  .vertical-nav-tab li.active a:focus {
    color: #1dd2c8;
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
  }
}
/*=======================
  PRELOADER  
  =======================*/
.pre-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  z-index: 10000;
}
.pre-loader .loader-inner {
  text-align: center;
  width: 5em;
  height: 5em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.pre-loader .loader-inner > div {
  display: inline-block;
  background: #1dd2c8;
}
/*=======================
  HEADER 
  =======================*/
header .top-bar {
  /* TOP BAR */
  background: #1dd2c8;
  color: #ffffff;
  height: 42px;
}
header .top-bar ul {
  margin-bottom: 0;
}
header .top-bar ul li {
  display: inline-block;
}
header .top-bar ul li a {
  line-height: 41px;
  color: #ffffff;
}
header .top-bar ul.social-links li a {
  width: 1em;
  height: 1em;
  text-align: center;
  margin-right: 7px;
  display: inline-block;
}
header .top-bar ul.social-links li:last-child a {
  margin-right: 0;
}
header .top-bar ul.top-bar-meta {
  text-align: right;
}
header .top-bar ul.top-bar-meta li {
  margin-right: 1em;
}
header .top-bar ul.top-bar-meta li:after {
  content: '|';
  display: inline-block;
  margin-left: 1em;
}
header .top-bar ul.top-bar-meta li:last-child {
  margin-right: 0;
}
header .top-bar ul.top-bar-meta li:last-child:after {
  content: none;
}
header .top-bar ul.top-bar-meta li .fa {
  margin-right: .5em;
}
header .navbar {
  /* NAVBAR */
  margin-bottom: 0;
}
header .navbar * {
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  border: none;
}
header .navbar.navbar-default {
  /* navbar default */
  background: #ffffff;
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
header .navbar.navbar-default .navbar-nav > li {
  /* navbar-nav item */
}
header .navbar.navbar-default .navbar-nav > li > a {
  position: relative;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  color: #0d0d0d;
  font-size: 13px;
}
@media (min-width: 768px) {
  header .navbar.navbar-default .navbar-nav > li > a {
    border-top: 3px solid transparent;
    padding-top: 25px;
    padding-bottom: 28px;
    transition: .3s;
    padding-left: 20px;
    padding-right: 20px;
  }
  header .navbar.navbar-default .navbar-nav > li > a:after {
    content: '';
    width: calc(100% - 40px);
    height: 2px;
    display: block;
    background: transparent;
    margin: auto;
    position: absolute;
    bottom: -1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    transition: .3s;
  }
  header .navbar.navbar-default .navbar-nav > li > a:hover {
    color: #1dd2c8;
  }
}
@media (max-width: 767px) {
  header .navbar.navbar-default .navbar-nav > li > a {
    transition: .3s;
  }
  header .navbar.navbar-default .navbar-nav > li > a:hover {
    border-left: 5px solid #1dd2c8;
  }
}
header .navbar.navbar-default .navbar-nav > li.active {
  /* avtive nav item */
}
header .navbar.navbar-default .navbar-nav > li.active > a {
  position: relative;
  background: transparent;
  color: #1dd2c8;
}
header .navbar.navbar-default .navbar-nav > li.active > a:after {
  background: #1dd2c8;
}
header .navbar.navbar-default .navbar-collapse {
  position: relative;
}
@media (max-width: 767px) {
  header .navbar.navbar-default .navbar-collapse {
    max-height: none;
  }
}
header .navbar.navbar-default .navbar-right .dropdown-menu {
  left: 0px;
  right: auto;
}
header .navbar.navbar-default .navbar-header {
  /* navbar header */
}
header .navbar.navbar-default .navbar-header .navbar-brand {
  /* STYLING FOR NAVBAR BRAND */
  text-transform: uppercase;
  font-weight: bold;
  color: #333333;
  transition: .3s;
  font-family: 'Montserrat', sans-serif;
  height: auto;
  position: relative;
  z-index: 100;
}
header .navbar.navbar-default .navbar-header .navbar-brand:hover span {
  color: #1dd2c8;
}
@media (min-width: 768px) {
  header .navbar.navbar-default .navbar-header .navbar-brand {
    padding-top: 21px;
    padding-bottom: 21px;
    line-height: 34px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  header .navbar.navbar-default .navbar-header .navbar-brand {
    margin-left: 15px;
  }
}
header .navbar.navbar-default .navbar-header .navbar-toggle:hover {
  background: #f5f5f5;
}
header .navbar.navbar-default .navbar-header .navbar-toggle:active,
header .navbar.navbar-default .navbar-header .navbar-toggle:focus {
  background: #f5f5f5;
}
header .navbar.navbar-default .search-wrapper {
  /* search wrapper */
  margin-left: 20px;
}
header .navbar.navbar-default .search-wrapper .form-control {
  height: 42px;
}
header .navbar.navbar-default .search-wrapper .search-input {
  /* search input */
  width: 42px;
  border-radius: 30px;
  transition: .5s;
  padding-left: 2em;
  background: #ffffff;
}
header .navbar.navbar-default .search-wrapper .search-input:focus {
  width: 180px;
  padding-left: 2.8em;
}
@media (max-width: 767px) {
  header .navbar.navbar-default .search-wrapper .search-input {
    width: 100%;
    margin: auto;
    margin-left: -7px;
  }
  header .navbar.navbar-default .search-wrapper .search-input:focus {
    width: 100%;
  }
}
header .navbar.navbar-default .search-wrapper .search-icon {
  /* search icon */
  position: relative;
  top: 3px;
  margin-right: -31px;
}
@media (max-width: 767px) {
  header .navbar.navbar-default .search-wrapper .search-icon {
    left: 94%;
    top: 37px;
  }
}
header .navbar.navbar-default .navbar-form {
  /* navbar form style */
}
@media (min-width: 768px) {
  header .navbar.navbar-default .navbar-form {
    margin: 0;
    margin-right: -7px;
    padding-right: 0;
    padding-top: 17px;
    padding-bottom: 17px;
  }
}
header .navbar.navbar-default .navbar-form .submit-btn {
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
}
header .navbar.navbar-default .navbar-form .form-control {
  border: 1px solid #e6e6e6;
}
header .navbar.navbar-default .navbar-form .form-control:focus {
  box-shadow: none;
  border-color: #1dd2c8;
}
header .navbar.navbar-default .dropdown .glyphicon-triangle-bottom {
  font-size: 10px;
  color: #cccbcb;
  position: relative;
  top: 2px;
  left: 2px;
}
header .navbar.navbar-default .dropdown:hover {
  /* dropdown menu collapsing on hover */
}
@media (min-width: 768px) {
  header .navbar.navbar-default .dropdown:hover > .dropdown-menu {
    display: block;
  }
}
header .navbar.navbar-default .dropdown-menu {
  /* dropdown menu style */
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid #e6e6e6;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 13px;
}
header .navbar.navbar-default .dropdown-menu > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  transition: .3s;
  border-bottom: 1px dotted #e6e6e6;
  font-weight: bold;
}
header .navbar.navbar-default .dropdown-menu > li > a:hover {
  color: #1dd2c8;
  background: #ffffff;
}
header .navbar.navbar-default .dropdown-menu li a {
  color: #333333;
}
header .navbar.navbar-default .dropdown-menu li a:hover {
  color: #1dd2c8;
}
header .navbar.navbar-default .dropdown-menu li.divider {
  margin: 0;
}
header .navbar.navbar-default .open {
  /* styling for navbar menu when open */
}
header .navbar.navbar-default .open .dropdown-menu li a {
  color: #333333;
}
header .navbar.navbar-default .open .dropdown-menu li a:hover {
  color: #1dd2c8;
}
header .navbar.navbar-fixed-top {
  /* NAVBAR FIEXED TOP STYLE */
}
@media (min-width: 768px) {
  header .navbar.navbar-fixed-top .navbar-nav > li > a {
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
header .navbar.navbar-fixed-top .navbar-nav > li.active a:after {
  bottom: -1px;
}
@media (min-width: 768px) {
  header .navbar.navbar-fixed-top .navbar-header .navbar-brand {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 34px;
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  header .navbar.navbar-fixed-top .navbar-form {
    margin: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
header .navbar.navbar-fixed-top .navbar-form .form-control {
  border: 1px solid #e6e6e6;
}
header .navbar.navbar-fixed-top .navbar-form .form-control:focus {
  box-shadow: none;
  border-color: #1dd2c8;
}
header .navbar-default .navbar-nav > .open > a,
header .navbar-default .navbar-nav > .open > a:focus,
header .navbar-default .navbar-nav > .open > a:hover {
  /* overriding some bootstrap class */
  background: #ffffff;
  color: #1dd2c8;
}
/*=======================
  CAROUSEL 
  =======================*/
.carousel.fade {
  /* CAROUSEL FADE STYLE */
  opacity: 1;
}
.carousel.fade .item {
  transition: opacity ease-out 0.7s;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.carousel.fade .item:first-child {
  opacity: 0;
}
.carousel.fade .item.active {
  opacity: 1;
  z-index: 1;
}
.carousel.fade .item:after {
  content: '';
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.carousel.fade .carousel-control {
  /* CAROUSEL CONTROL */
  z-index: 2;
  opacity: 0;
  transition: .3s;
}
.carousel.fade .carousel-control:hover {
  opacity: 1;
}
.carousel.fade .carousel-control.left,
.carousel.fade .carousel-control.right {
  background: 0;
}
.carousel.fade .carousel-control .fa {
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  font-size: 30px;
  background: rgba(255, 255, 255, 0.3);
  text-align: center;
  position: absolute;
  top: calc(50% - 48px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 5;
  transition: .3s;
  text-shadow: none;
}
.carousel.fade .carousel-control .fa.fa-angle-left {
  padding-right: 5px;
  left: 1em;
}
.carousel.fade .carousel-control .fa.fa-angle-right {
  padding-left: 5px;
  right: 1em;
}
.carousel.fade .carousel-control .fa:hover {
  background: rgba(255, 255, 255, 0.5);
}
@media (max-width: 768px) {
  .carousel.fade .carousel-control .fa {
    display: none;
  }
}
.carousel .carousel-indicators {
  /* carousel indicators */
}
.carousel .carousel-indicators li {
  margin-right: 5px;
}
.carousel .carousel-indicators li:last-child {
  margin-right: 0;
}
.carousel .carousel-inner {
  max-height: 768px;
}
.carousel .carousel-caption {
  /* carousel caption */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.carousel .carousel-caption .caption-wrapper {
  width: 60%;
  margin: auto;
  position: absolute;
  top: calc(50% - 48px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 1199px) and (min-width: 768px) {
  .carousel .carousel-caption .caption-wrapper {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .carousel .carousel-caption .caption-wrapper {
    width: 90%;
  }
}
.carousel .carousel-caption .caption-wrapper h3 {
  /* STYLING THE CAROUSEL CONTENT DATA */
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 6px;
  text-shadow: none;
}
@media (max-width: 767px) {
  .carousel .carousel-caption .caption-wrapper h3 {
    font-size: 18px;
    background-size: 3px;
  }
}
.carousel .carousel-caption .caption-wrapper .caption-title {
  /* caption title */
  font-size: 42px;
  text-transform: uppercase;
  font-weight: normal;
  text-shadow: none;
  margin-bottom: 21px;
  color: #ffffff;
  line-height: 1.5;
}
@media (max-width: 992px) and (min-width: 768px) {
  .carousel .carousel-caption .caption-wrapper .caption-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .carousel .carousel-caption .caption-wrapper .caption-title {
    font-size: 24px;
  }
}
.carousel .carousel-caption .caption-wrapper .caption-title span {
  font-weight: bold;
}
.carousel .carousel-caption .caption-wrapper .caption-title strong {
  font-weight: bold;
  color: #1dd2c8;
}
.carousel .carousel-caption .caption-wrapper .caption-content {
  /* caption content */
  font-size: 18px;
  text-shadow: none;
  margin-bottom: 42px;
  color: #ffffff;
}
@media (max-width: 768px) {
  .carousel .carousel-caption .caption-wrapper .caption-content {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .carousel .carousel-caption .caption-wrapper .caption-content {
    display: none;
  }
}
.carousel .carousel-caption .caption-wrapper .caption-btns {
  /* caption buttons */
}
.carousel .carousel-caption .caption-wrapper .caption-btns button {
  margin-right: 10px;
}
.carousel .carousel-caption .caption-wrapper .caption-btns button:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .carousel .carousel-caption .caption-wrapper .caption-btns button {
    padding: 7px 14px;
  }
}
@media (max-width: 530px) {
  .carousel .carousel-caption .caption-wrapper .caption-btns button {
    margin-bottom: 14px;
  }
}
/* CAROUSEL CAPTION LAYOUT STYLE FOR DIFFERENT ITEM */
.main-carousel .carousel-inner {
  min-height: 430px;
}
.main-carousel .carousel-inner .item:first-child {
  text-align: left;
}
.main-carousel .carousel-inner .item:first-child .caption-wrapper {
  left: 10%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.main-carousel .carousel-inner .item:first-child h3 {
  text-align: left;
}
.main-carousel .carousel-inner .item:first-child .caption-title {
  text-align: left;
}
.main-carousel .carousel-inner .item:first-child .caption-content {
  text-align: left;
}
.main-carousel .carousel-inner .item:first-child .caption-btns {
  text-align: left;
}
.main-carousel .carousel-inner .item:nth-child(2) {
  text-align: right;
}
.main-carousel .carousel-inner .item:nth-child(2) .caption-wrapper {
  right: 10%;
  left: auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.main-carousel .carousel-inner .item:nth-child(2) h3 {
  text-align: right;
}
.main-carousel .carousel-inner .item:nth-child(2) .caption-title {
  text-align: right;
}
.main-carousel .carousel-inner .item:nth-child(2) .caption-content {
  text-align: right;
}
.main-carousel .carousel-inner .item:nth-child(2) .caption-btns {
  text-align: right;
}
/*=======================
  INTRO 
  =======================*/
.intro {
  padding-top: 0;
  padding-bottom: calc(8em - 48px);
}
.intro .area-title {
  margin-bottom: 24px;
  color: #ffffff;
  text-align: center;
}
.intro .appoinment-block {
  background: #1dd2c8;
  padding: 48px;
  position: relative;
  top: -48px;
  z-index: 1000;
}
.intro .appoinment-block .form-group label {
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-top: 24px;
}
.intro .appoinment-block .form-group .form-control {
  box-shadow: none;
  text-shadow: none;
  border-radius: 0;
  height: 42px;
  border: none;
  color: #999999;
}
.intro .appoinment-block .form-group.date input {
  background: #ffffff url(../img/date-icon.png) no-repeat 95% center;
}
.intro .appoinment-block .appoinment-btn {
  width: 100%;
  background: #333333;
  color: #ffffff;
  border-color: #333333;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 2em;
}
@media (min-width: 992px) {
  .intro .appoinment-block .appoinment-btn {
    margin-top: 4em;
  }
}
.intro .appoinment-block .appoinment-btn:hover {
  background: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
/*=======================
  FEATURED SECTION
  =======================*/
.featured-section {
  padding-bottom: calc(8em - 48px);
}
.featured-section .featured-content {
  text-align: center;
}
.featured-section .featured-content > div {
  margin-bottom: 48px;
}
.featured-section .featured-content > div:hover .icon-block {
  color: #1dd2c8;
}
.featured-section .featured-content .icon-block {
  width: 96px;
  height: 96px;
  text-align: center;
  line-height: 96px;
  background: #fafafa;
  font-size: 36px;
  color: #333333;
  margin: auto;
  border-radius: 50%;
  margin-bottom: 30px;
  transition: .3s;
}
.featured-section .featured-content .content-block {
  padding-left: 12px;
  padding-right: 12px;
}
.featured-section .featured-content .content-block h4 {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0px;
  margin-top: 24px;
  margin-bottom: 21px;
}
/*=======================
  OUR DEPARTMENTS
  =======================*/
.our-departments {
  padding-bottom: calc(8em - 48px);
  background: #fafafa;
}
.our-departments .section-content > div {
  margin-bottom: 48px;
}
.our-departments .vertical-nav-tab li a {
  background: #fafafa;
}
.our-departments .vertical-nav-tab li a:hover {
  background: #1dd2c8;
}
.our-departments .vertical-nav-tab li a:focus {
  background: #fafafa;
}
@media (max-width: 1199px) {
  .our-departments .nested-content-block > div {
    margin-bottom: 36px;
  }
  .our-departments .nested-content-block > div:last-child {
    margin-bottom: 0;
  }
}
.our-departments .department-intro h2 {
  margin-top: 0;
  margin-bottom: 18px;
}
.our-departments .department-intro .lead {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .our-departments .department-intro .lead {
    margin-bottom: 24px;
  }
}
/*=======================
  OUR FEATURES
  =======================*/
.our-features {
  padding-bottom: 0;
}
.our-features .feature-list {
  margin-bottom: 48px;
}
@media (min-width: 992px) {
  .our-features .feature-list {
    margin-bottom: 8em;
  }
}
.our-features .feature-list li {
  margin-bottom: 48px;
}
.our-features .feature-list li:last-child {
  margin-bottom: 0;
}
.our-features .feature-list .icon-block {
  width: 84px;
  height: 84px;
  line-height: 84px;
  background: #1dd2c8;
  text-align: center;
  font-size: 30px;
  border: 3px solid #1dd2c8;
  transition: .3s;
  color: #ffffff;
  float: left;
  margin-right: 24px;
}
.our-features .feature-list .icon-block:hover {
  background: transparent;
  color: #333333;
}
.our-features .feature-list .content-block {
  width: calc(100% - 108px);
  float: left;
}
.our-features .feature-list .content-block h4 {
  margin-top: 0;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 18px;
}
.our-features .feature-list .content-block p {
  margin-bottom: 0;
}
/*=======================
  OUR DOCTORS
  =======================*/
.our-doctors {
  padding-bottom: calc(8em - 48px);
  background: #fafafa;
}
.our-doctors .section-title-block {
  margin-bottom: 70px;
}
.our-doctors .doctors > div {
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .our-doctors .doctors > div {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
}
.our-doctors .doctor-details {
  position: relative;
}
.our-doctors .doctor-content {
  overflow: hidden;
}
.our-doctors .doctor-content img {
  margin: auto;
}
.our-doctors .doctor-content .hover-content {
  background: #1dd2c8;
  color: #ffffff;
  text-align: center;
  padding: 24px;
  position: absolute;
  bottom: calc(100% + 1px);
  left: 0;
  opacity: 0;
  transition: .5s;
  margin-bottom: -100%;
}
.our-doctors .doctor-content .hover-content p {
  color: #ffffff;
}
.our-doctors .doctor-content .hover-content .social-links {
  text-align: center;
  margin-top: 24px;
  border-top: 1px solid #ffffff;
  padding-top: 24px;
  margin-bottom: 0;
}
.our-doctors .doctor-content .hover-content .social-links li {
  display: inline-block;
  margin-right: 18px;
}
.our-doctors .doctor-content .hover-content .social-links li:last-child {
  margin-right: 0;
}
.our-doctors .doctor-content .hover-content .social-links li a {
  color: #ffffff;
}
.our-doctors .doctor-content .doctor-info {
  background: #1dd2c8;
  color: #ffffff;
  text-align: center;
  padding: 24px;
  z-index: 10;
  position: relative;
}
.our-doctors .doctor-content .doctor-info h4 {
  color: #ffffff;
}
.our-doctors .doctor-content .doctor-info p {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.our-doctors .doctor-content:hover .hover-content {
  opacity: 1;
  margin-bottom: 0;
}
/*=======================
  MEDICAL NEWS
  =======================*/
.medical-news {
  padding-bottom: calc(8em - 48px);
}
.medical-news .content-block {
  /* content block */
}
.medical-news .content-block > div {
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .medical-news .content-block > div {
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
  }
}
.medical-news .content-block .content-wrapper .post-meta {
  margin-top: 30px;
  margin-bottom: 12px;
}
.medical-news .content-block .content-wrapper .post-meta li {
  display: inline-block;
  font-size: 13px;
  margin-right: 24px;
  color: #333333;
}
.medical-news .content-block .content-wrapper .post-meta li:last-child {
  margin-right: 0;
}
.medical-news .content-block .content-wrapper .post-meta li span {
  margin-right: 6px;
}
.medical-news .content-block .content-wrapper .post-meta li a {
  color: #333333;
}
.medical-news .content-block .content-wrapper .post-title {
  margin-top: 0;
  margin-bottom: 12px;
  line-height: 1.5;
}
.medical-news .content-block .content-wrapper .post-title a {
  color: #333333;
}
.medical-news .content-block .content-wrapper .read-more-link {
  margin-top: 12px;
  display: inline-block;
  font-weight: bold;
}
.medical-news .content-block .content-wrapper .read-more-link:after {
  content: "\f3d6";
  font-family: Ionicons;
  vertical-align: -10%;
  margin-left: 6px;
}
.medical-news .view-more-block {
  /* view more block */
  margin-top: 56px;
  text-align: center;
}
.medical-news .view-more-block .btn-main {
  color: #ffffff;
}
.medical-news .view-more-block .btn-main:hover {
  color: #ffffff;
}
/*=======================
  TESTIMONIAL 
  =======================*/
.testimonial-carousel {
  background: #fafafa;
  background-size: cover;
  padding-bottom: 8em;
}
.testimonial-carousel .carousel {
  /* carousel */
  text-shadow: none;
}
.testimonial-carousel .carousel .carousel-control-block .carousel-control {
  display: none;
}
.testimonial-carousel .carousel .carousel-indicators {
  color: #333333;
  border-color: #333333;
}
.testimonial-carousel .carousel .carousel-indicators li {
  border-color: #cccbcb;
}
.testimonial-carousel .carousel .carousel-indicators li.active {
  background: #cccbcb;
}
.testimonial-carousel .carousel .carousel-indicators {
  bottom: -24px;
}
.testimonial-carousel .quote-wrapper blockquote {
  border: 1px solid #e6e6e6;
  padding: 30px;
  position: relative;
}
.testimonial-carousel .quote-wrapper blockquote:before,
.testimonial-carousel .quote-wrapper blockquote:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: -24px;
  left: 1.5em;
  border: 12px solid transparent;
  border-top-color: #e6e6e6;
}
.testimonial-carousel .quote-wrapper blockquote:after {
  border-top-color: #fafafa;
  border-width: 12px;
  bottom: -23px;
}
.testimonial-carousel .quote-wrapper .quote-author {
  position: relative;
  margin-bottom: 4.5em;
}
.testimonial-carousel .quote-wrapper .quote-author img {
  width: 5em;
  float: left;
  margin-top: -12px;
}
.testimonial-carousel .quote-wrapper .quote-author h5 {
  text-transform: uppercase;
  margin-left: calc(5em + 30px);
  margin-bottom: 6px;
  margin-top: 42px;
}
.testimonial-carousel .quote-wrapper .quote-author p {
  margin-left: calc(5em + 30px);
}
.testimonial-carousel .quote-wrapper .quote-author:after {
  content: "\f347";
  font-family: Ionicons;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
  font-size: 48px;
  position: absolute;
  right: .5em;
  bottom: -0.3em;
  color: #e6e6e6;
}
/*=======================
  FUN FACTS
  =======================*/
.fun-facts {
  background: url(http://placehold.it/1920x1080) no-repeat center bottom;
  position: relative;
  z-index: 1;
  padding-bottom: calc(8em - 48px);
}
.fun-facts:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}
.fun-facts .section-content {
  color: #ffffff;
  text-align: center;
}
.fun-facts .section-content > div {
  margin-bottom: 48px;
}
.fun-facts .section-content .icon {
  font-size: 36px;
}
.fun-facts .section-content h2 {
  color: #ffffff;
  margin-bottom: 0;
}
.fun-facts .section-content h2 span {
  display: block;
  font-size: 50%;
  margin-top: 24px;
  text-transform: uppercase;
}
/*=======================
  MAIN FOOTER 
  =======================*/
.main-footer {
  background: #1a1a1a;
  color: #ffffff;
}
.main-footer .footer-content {
  /* footer content */
  padding-top: 7em;
  padding-bottom: calc(7em - 48px);
}
@media (max-width: 768px) {
  .main-footer .footer-content {
    padding-left: 3em;
    padding-right: 3em;
  }
}
@media (max-width: 480px) {
  .main-footer .footer-content {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.main-footer .footer-content .content-block {
  margin-bottom: 48px;
}
.main-footer .footer-content .block-heading {
  /* block heading */
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.main-footer .footer-content .short-about {
  /* about */
}
.main-footer .footer-content .short-about h4 {
  color: #ffffff;
  text-transform: uppercase;
}
.main-footer .footer-content .short-about p {
  color: #cccbcb;
}
.main-footer .footer-content .short-about ul {
  margin-top: 28px;
}
.main-footer .footer-content .short-about ul li {
  display: inline-block;
  transition: .4s;
  margin-right: 2px;
}
.main-footer .footer-content .short-about ul li .icon-block {
  width: 42px;
  height: 42px;
  background: transparent;
  color: #333333;
  line-height: 42px;
  text-align: center;
  transition: .3s;
  font-size: 17.5px;
  border: 1px solid #4d4d4d;
  color: #cccbcb;
}
.main-footer .footer-content .short-about ul li:hover .icon-block {
  background: #1dd2c8;
  color: #ffffff;
  border-color: #148f88;
}
.main-footer .footer-content .short-about ul li:last-child {
  margin-right: 0;
}
.main-footer .footer-content .address-block {
  /* address */
  color: #cccbcb;
}
.main-footer .footer-content .address-block .email-link span,
.main-footer .footer-content .address-block .phone-call span {
  margin-right: 14px;
  color: #cccbcb;
}
.main-footer .footer-content .address-block .email-link a,
.main-footer .footer-content .address-block .phone-call a {
  color: #cccbcb;
}
.main-footer .footer-content .address-block .email-link a:nth-of-type(2),
.main-footer .footer-content .address-block .phone-call a:nth-of-type(2) {
  margin-left: 29px;
}
.main-footer .footer-content .address-block .email-link {
  margin-bottom: 21px;
}
.main-footer .footer-content .useful-links {
  /* userful links */
}
.main-footer .footer-content .useful-links ul li {
  margin-bottom: 14px;
}
.main-footer .footer-content .useful-links ul li:last-child {
  margin-bottom: 0;
}
.main-footer .footer-content .useful-links ul li a {
  color: #cccbcb;
  transition: .3s;
}
.main-footer .footer-content .useful-links ul li a:hover {
  color: #1dd2c8;
}
.main-footer .footer-content .twitter-updates {
  /* twitter updates */
}
.main-footer .footer-content .twitter-updates .tweet-list li {
  margin-bottom: 21px;
}
.main-footer .footer-content .twitter-updates .tweet-list li:last-child {
  margin-bottom: 0;
}
.main-footer .footer-content .twitter-updates .tweet-list li p {
  color: #cccbcb;
}
.main-footer .footer-content .twitter-updates .tweet-list li p a {
  color: #1dd2c8;
}
.main-footer .footer-content .twitter-updates .tweet-list li p.tweet-time {
  font-style: italic;
  font-size: 13px;
}
.main-footer .footer-content .twitter-updates .tweet-list li p.tweet-time span {
  font-style: normal;
  font-size: 14px;
}
.main-footer .copyright-info {
  /* copyright info */
  background: #333333;
  padding: 21px 0;
  position: relative;
}
.main-footer .copyright-info .copyright-block p {
  margin-bottom: 0;
  color: #cccbcb;
}
@media (max-width: 767px) {
  .main-footer .copyright-info .copyright-block p {
    text-align: center;
    margin-top: 7px;
    margin-bottom: 7px;
  }
}
.main-footer .copyright-info .extra-link ul {
  margin-bottom: 0;
  text-align: right;
}
.main-footer .copyright-info .extra-link ul li {
  display: inline-block;
  margin-right: 14px;
}
.main-footer .copyright-info .extra-link ul li:last-child {
  margin-right: 0;
}
.main-footer .copyright-info .extra-link ul li a {
  color: #cccbcb;
  transition: .3s;
}
.main-footer .copyright-info .extra-link ul li a:hover {
  color: #1dd2c8;
}
.main-footer .copyright-info .back-to-top {
  /* block top title */
  width: 3em;
  height: 3em;
  line-height: 3em;
  text-align: center;
  background: #ffffff;
  color: #333333;
  top: -1.5em;
  transition: .3s;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.main-footer .copyright-info .back-to-top a {
  color: #333333;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.main-footer .copyright-info .back-to-top:hover {
  background: #1dd2c8;
}
.main-footer .copyright-info .back-to-top:hover a {
  color: #ffffff;
}
/*=======================
  MISC
  =======================*/
/* styling for pop up js */
.popup .popup_content img {
  max-height: 100%;
}
.popup_cont {
  z-index: 2000;
}
/* blog carousel */
.blog-carousel {
  /* styling for owl carousel item */
  overflow: hidden;
}
/**
 * owl carousel for blog postss
 */
.our-blog .owl-carousel .owl-controls .owl-nav {
  margin-top: 48px;
}
.our-blog .owl-carousel .owl-controls .owl-nav .owl-prev,
.our-blog .owl-carousel .owl-controls .owl-nav .owl-next {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #333333;
  color: #ffffff;
  transition: .3s;
  padding: 0;
  border-radius: 0;
}
.our-blog .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.our-blog .owl-carousel .owl-controls .owl-nav .owl-next:hover {
  background: #1dd2c8;
}
/**
 * owl carousel for clients
 */
.our-clients .owl-carousel .owl-nav {
  margin-top: 48px;
}
/**
 * DATE PICKER 
 */
.datepicker {
  box-shadow: none;
  border-color: #e6e6e6;
  border-radius: 0;
}
/*=======================
  BLOG
  =======================*/
.blog-posts {
  margin-top: 3em;
}
.blog-posts .content .the-post {
  /* styling the blog post */
  margin-top: 3em;
  margin-bottom: 3em;
  background: #fafafa;
}
.blog-posts .content .the-post .img-content {
  background-size: cover;
  background-position: center;
}
.blog-posts .content .the-post .blog-content {
  /* blog content */
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.blog-posts .content .the-post .blog-content .post-author {
  width: 90px;
  height: 90px;
  border: 3.5px solid #ffffff;
  position: absolute;
  top: -3em;
  left: 28px;
}
.blog-posts .content .the-post .blog-content .post-title {
  /* post title */
  padding-bottom: 14px;
  margin: 21px 28px 0;
  text-transform: uppercase;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .blog-posts .content .the-post .blog-content .post-title {
    font-size: 18px;
  }
}
.blog-posts .content .the-post .blog-content .post-title a {
  color: #333333;
  transition: .3s;
}
.blog-posts .content .the-post .blog-content .post-title:hover a {
  color: #1dd2c8;
}
.blog-posts .content .the-post .blog-content .post-text {
  /* post text // you can style here for post formatting */
  padding: 0px 28px 28px;
  margin: 0;
}
.blog-posts .content .the-post .blog-content .post-meta {
  /* post meta */
  font-family: 'Montserrat', sans-serif;
  margin: 0 28px 0 calc(6em + 28px + 28px );
  padding-top: 28px;
  text-transform: uppercase;
  font-size: 13px;
}
@media (max-width: 480px) {
  .blog-posts .content .the-post .blog-content .post-meta {
    margin-left: 28px;
    padding-top: 5em;
    font-size: 12px;
  }
}
.blog-posts .content .the-post .blog-content .post-meta li {
  display: inline-block;
  margin-right: 14px;
}
@media (max-width: 480px) {
  .blog-posts .content .the-post .blog-content .post-meta li {
    margin-right: 7px;
  }
}
.blog-posts .content .the-post .blog-content .post-meta li a {
  color: #1a1a1a;
  font-weight: 700;
  transition: .2s;
  margin-left: 3px;
}
.blog-posts .content .the-post .blog-content .post-meta li a:hover {
  color: #1dd2c8;
}
.blog-posts .content .the-post .blog-content .post-meta li:last-child {
  margin-right: 0;
}
.blog-posts .content .the-post .blog-content footer {
  padding: 28px 0;
  margin: 0 28px;
  border-top: 1px solid #e6e6e6;
  font-family: 'Montserrat', sans-serif;
}
.blog-posts .content .the-post .blog-content footer a {
  color: #1a1a1a;
  font-weight: bold;
}
.blog-posts .content .the-post .blog-content footer a:hover {
  color: #1dd2c8;
}
.blog-posts .content .the-post .blog-content footer a:hover span {
  color: #1a1a1a;
}
.blog-posts .content .the-post .blog-content footer .post-category {
  float: left;
}
.blog-posts .content .the-post .blog-content footer .post-category span {
  margin-right: 3.5px;
}
.blog-posts .content .the-post .blog-content footer .read-more-link {
  float: right;
}
.blog-posts .content .the-post.single {
  /* style for single post article */
}
.blog-posts .content .the-post.single .blog-content .post-meta li a {
  margin-left: 3.5px;
  transition: .3s;
}
.blog-posts .content .the-post.single .blog-content .post-meta li a:hover {
  color: #148f88;
}
.blog-posts .content .the-post.single .blog-content .post-meta li:last-child a {
  margin-left: 0;
}
.blog-posts .content .the-post.single .blog-content .post-text {
  /* post formatting in single post */
  padding: 14px 28px 28px;
}
.blog-posts .content .the-post.single .blog-content .post-text blockquote {
  margin-top: 2em;
  margin-bottom: 2em;
  color: #8c8c8c;
}
.blog-posts .content .the-post.single .blog-content .post-footer {
  padding: 28px 0px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .footer-title {
  letter-spacing: 3px;
  text-transform: uppercase;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content ul {
  margin-bottom: 0;
  font-size: 13px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content ul li {
  display: inline-block;
  margin-right: 7px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content ul li:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .blog-posts .content .the-post.single .blog-content .post-footer .footer-content .tags-block {
    margin-bottom: 28px;
  }
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .tags-block li a:after {
  content: ',';
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .tags-block li:last-child a:after {
  content: none;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block {
  text-align: right;
}
@media (max-width: 767px) {
  .blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block {
    text-align: left;
  }
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block ul {
  margin-left: -3.5px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block ul li a {
  padding: 0 3.5px;
}
.blog-posts .content .the-post.single .blog-content .post-footer .footer-content .share-block ul li:first-child {
  text-transform: uppercase;
  font-weight: bold;
}
.blog-posts .content .comments-block {
  /* comments block */
  background: #fafafa;
  margin-bottom: 3em;
}
.blog-posts .content .comments-block .comment-block-title {
  padding: 21px 35px;
  background: #f5f5f5;
  border: 1px solid #e6e6e6;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.blog-posts .content .comments-block .comment-list {
  margin: 0;
  padding: 21px 35px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 580px) {
  .blog-posts .content .comments-block .comment-list {
    padding: 21px;
  }
}
.blog-posts .content .comments-block .comment-list .comment .comment-block {
  border-bottom: 1px solid #e6e6e6;
  padding: 42px 0 32px;
  /* extra 10 commes from bootstraps p elements bottom margin */
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .image-block {
  width: 6em;
  float: left;
  margin-right: 2em;
}
@media (max-width: 580px) {
  .blog-posts .content .comments-block .comment-list .comment .comment-block .image-block {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .content-block {
  width: calc(100% - 8em);
  float: left;
}
@media (max-width: 580px) {
  .blog-posts .content .comments-block .comment-list .comment .comment-block .content-block {
    width: 100%;
  }
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta {
  margin-top: 0;
  margin-bottom: 21px;
  font-weight: normal;
  color: #999999;
  font-size: 13px;
  font-family: 'Source Sans Pro', sans-serif;
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-author {
  font-weight: 700;
  color: #333333;
  margin-right: 14px;
  text-transform: uppercase;
  letter-spacing: 0px;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
}
@media (max-width: 580px) {
  .blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-author {
    display: block;
    margin-bottom: .5em;
  }
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta span {
  font-weight: 700;
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-reply {
  display: inline-block;
  font-weight: 700;
  color: #333333;
  margin-left: 14px;
  font-size: 14px;
}
.blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta .comment-reply:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #333333;
  display: block;
  margin-top: 3.5px;
}
@media (max-width: 768px) {
  .blog-posts .content .comments-block .comment-list .comment .comment-block .comment-wrapper .comment-meta {
    line-height: 1.5;
  }
}
.blog-posts .content .comments-block .comment-list .comment:last-child .comment-block {
  border-bottom: 0;
  border-top: 1px solid #e6e6e6;
}
.blog-posts .content .comments-block .comment-list .comment .reply-block {
  padding-left: 6em;
}
@media (max-width: 767px) {
  .blog-posts .content .comments-block .comment-list .comment .reply-block {
    padding-left: 2em;
  }
}
.blog-posts .content .comments-block .comment-list .comment .reply-block .comment-block {
  border-top: 0;
}
.blog-posts .content .add-comment-block {
  /* add comment block */
  background: #fafafa;
  margin-bottom: 5em;
}
.blog-posts .content .add-comment-block .add-comment-block-title {
  padding: 21px 35px;
  background: #f5f5f5;
  border: 1px solid #e6e6e6;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.blog-posts .content .add-comment-block form {
  padding: 42px 35px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.blog-posts .content .add-comment-block form .form-group .form-control {
  border-radius: 0;
  border: 1px solid #e6e6e6;
  box-shadow: none;
  text-shadow: none;
  height: 48px;
}
.blog-posts .content .add-comment-block form .form-group .form-control:focus {
  box-shadow: 0 0 1px #1dd2c8;
}
.blog-posts .content .add-comment-block form .form-group .form-control.message-input {
  height: 12.4em;
  padding: 14px;
}
.blog-posts .content .add-comment-block form .btn {
  color: #ffffff;
}
.blog-posts .sidebar {
  /* sidebar */
}
.blog-posts .sidebar .sidebar-block {
  /* sidebar block */
  margin-top: 3em;
  margin-bottom: 3em;
  background: #fafafa;
  padding: 28px 28px 18px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.blog-posts .sidebar .sidebar-block .block-title {
  /* block title */
  margin: -29px -29px 28px;
  /* 1px added on left right to cover the border */
  padding: 21px 28px;
  border: 1px solid #e6e6e6;
  background: #f5f5f5;
  color: #1a1a1a;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.blog-posts .sidebar .sidebar-block h1,
.blog-posts .sidebar .sidebar-block h2,
.blog-posts .sidebar .sidebar-block h3,
.blog-posts .sidebar .sidebar-block h4,
.blog-posts .sidebar .sidebar-block h5,
.blog-posts .sidebar .sidebar-block h6 {
  color: #333333;
  line-height: 1.5;
  margin: 0;
}
.blog-posts .sidebar .sidebar-block .sidebar-img-block {
  width: 5em;
  height: 5em;
  float: left;
  margin-right: 21px;
}
.blog-posts .sidebar .sidebar-block .sidebar-img-block img {
  border: 1px solid #e6e6e6;
}
.blog-posts .sidebar .sidebar-block .sidebar-content-block {
  width: calc(100% - 91px);
  float: left;
}
.blog-posts .sidebar .sidebar-block .sidebar-content-block a {
  margin-left: 3px;
  margin-right: 3px;
}
.blog-posts .sidebar .sidebar-block ul li {
  margin-bottom: 21px;
  padding-bottom: 21px;
  border-bottom: 1px solid #e6e6e6;
}
.blog-posts .sidebar .sidebar-block ul li h1,
.blog-posts .sidebar .sidebar-block ul li h2,
.blog-posts .sidebar .sidebar-block ul li h3,
.blog-posts .sidebar .sidebar-block ul li h4,
.blog-posts .sidebar .sidebar-block ul li h5,
.blog-posts .sidebar .sidebar-block ul li h6 {
  text-transform: uppercase;
}
.blog-posts .sidebar .sidebar-block ul li h1 a,
.blog-posts .sidebar .sidebar-block ul li h2 a,
.blog-posts .sidebar .sidebar-block ul li h3 a,
.blog-posts .sidebar .sidebar-block ul li h4 a,
.blog-posts .sidebar .sidebar-block ul li h5 a,
.blog-posts .sidebar .sidebar-block ul li h6 a {
  color: #333333;
}
.blog-posts .sidebar .sidebar-block ul li h1 a:hover,
.blog-posts .sidebar .sidebar-block ul li h2 a:hover,
.blog-posts .sidebar .sidebar-block ul li h3 a:hover,
.blog-posts .sidebar .sidebar-block ul li h4 a:hover,
.blog-posts .sidebar .sidebar-block ul li h5 a:hover,
.blog-posts .sidebar .sidebar-block ul li h6 a:hover {
  color: #1dd2c8;
}
.blog-posts .sidebar .sidebar-block ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.blog-posts .sidebar .sidebar-block ul.plain-list li {
  margin-bottom: 21px;
}
.blog-posts .sidebar .sidebar-block ul.plain-list li:last-child {
  margin-bottom: 0;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 {
  margin-bottom: 11.5px;
}
@media (max-width: 767px) {
  .blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 {
    font-size: 90%;
  }
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 a {
  color: #333333;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 a:hover {
  color: #1dd2c8;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 small {
  text-transform: lowercase;
}
@media (max-width: 767px) {
  .blog-posts .sidebar .sidebar-block ul.list-with-thumb h5 small {
    font-size: 95%;
  }
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb .comment-author {
  text-transform: uppercase;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb p {
  font-size: 12px;
  margin-bottom: 0;
}
.blog-posts .sidebar .sidebar-block ul.list-with-thumb p a {
  color: #333333;
  font-weight: 700;
}
.blog-posts .sidebar .sidebar-block ul.circle-thumb .sidebar-img-block img {
  border-radius: 50%;
}
/**
 * pagination
 */
.pagination-block ul {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 3em;
}
.pagination-block ul li {
  display: inline-block;
  padding: 7px 0;
  margin-right: 3.5px;
}
.pagination-block ul li a {
  color: #333333;
  font-weight: 700;
  padding: 14px 21px;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  transition: .3s;
}
.pagination-block ul li a:hover {
  background: #f5f5f5;
}
.pagination-block ul li.dots {
  background: #fafafa;
  border: 1px solid #e6e6e6;
  padding: 12px 21px;
}
.pagination-block ul li:first-child {
  float: left;
}
.pagination-block ul li:last-child {
  float: right;
}
.pagination-block ul li.active a {
  background: #1dd2c8;
  border-color: #148f88;
  color: #ffffff;
}
.pagination-block ul li.active a:hover {
  background: #148f88;
}
.pagination-block ul li:last-child {
  margin-right: 0;
}
@media (max-width: 480px) {
  .pagination-block ul li {
    /* removing numbered element on small screen except first child and last child */
    display: none;
  }
  .pagination-block ul li:first-child {
    display: inline-block !important;
  }
  .pagination-block ul li:last-child {
    display: inline-block !important;
  }
}
.blog-page {
  /* different style for pagination on blog page */
}
.blog-page .pagination-block ul {
  margin-bottom: 5em;
}
/**
 * STYLING FOR PAGES - (MULTIPAGE PART)
 */
.page-title-block {
  background: rgba(29, 210, 200, 0.8);
  padding: 9em 0;
  text-align: center;
  color: #ffffff;
  position: relative;
}
.page-title-block:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background: url(http://placehold.it/1920x416) no-repeat center;
  /* IMAGE SIZE SHOULD BE  1920x416*/
  background-size: cover;
  z-index: -1;
}
.page-title-block .heading-wrapper h2 {
  margin-top: 0;
  margin-bottom: 14px;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #ffffff;
}
.page-title-block .heading-wrapper h5 {
  margin-bottom: 0;
  margin-top: 0;
  color: #ffffff;
}
.page-title-block.team-page {
  /* changing banner for different page */
  /* TEAM PAGE */
}
.page-title-block.team-page:after {
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background-image: url(http://placehold.it/1920x416);
  /* IMAGE SIZE SHOULD BE 1920X416 */
}
.page-title-block.about-page {
  /* ABOUT PAGE */
}
.page-title-block.about-page:after {
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background-image: url(http://placehold.it/1920x416);
  /* IMAGE SIZE SHOULD BE 1920X416 */
}
.page-title-block.price-page {
  /* PRICE PAGE */
}
.page-title-block.price-page:after {
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background-image: url(http://placehold.it/1920x416);
  /* IMAGE SIZE SHOULD BE 1920X416 */
}
.page-title-block.portfolio-page {
  /* PORTFOLIO PAGE */
}
.page-title-block.portfolio-page:after {
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background-image: url(http://placehold.it/1920x416);
  /* IMAGE SIZE SHOULD BE 1920X416 */
}
.page-title-block.service-page {
  /* SERVICE PAGE */
}
.page-title-block.service-page:after {
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background-image: url(http://placehold.it/1920x416);
  /* IMAGE SIZE SHOULD BE 1920X416 */
}
.page-title-block.blog-page {
  /* BLOG PAGE */
}
.page-title-block.blog-page:after {
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background-image: url(http://placehold.it/1920x416);
  /* IMAGE SIZE SHOULD BE 1920X416 */
}
.page-title-block.post-page {
  /* POST PAGE */
}
.page-title-block.post-page:after {
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background-image: url(http://placehold.it/1920x416);
  /* IMAGE SIZE SHOULD BE 1920X416 */
}
.page-title-block.contact-page {
  /* CONTACT PAGE */
}
.page-title-block.contact-page:after {
  /*PUT YOUR IMAGE HERE// CHANGE THE VALUE INSIDE url( ) */
  background-image: url(http://placehold.it/1920x416);
  /* IMAGE SIZE SHOULD BE 1920X416 */
}
/**
 * CONTACT PAGE
 */
/* this contact form style shares the style with the index page's contact form */
@media (max-width: 1199px) {
  .contact-form {
    margin-top: 28px;
  }
}
.contact-form h5 {
  margin-top: 31px;
  margin-bottom: 28px;
  text-transform: uppercase;
}
.contact-form .form-message p {
  margin-bottom: 14px;
}
.contact-form .form-message p.success {
  background: #1dd2c8;
  color: #ffffff;
  padding: .8em;
}
.contact-form .form-message p.error {
  background: red;
  color: #ffffff;
  padding: .8em;
}
.contact-form .form-control {
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  height: 48px;
  padding-left: 14px;
  border-color: #e6e6e6;
}
.contact-form .form-content .name-field {
  padding-right: 7px;
}
@media (max-width: 991px) {
  .contact-form .form-content .name-field {
    padding-right: 15px;
  }
}
.contact-form .form-content .email-field {
  padding-left: 7px;
}
@media (max-width: 991px) {
  .contact-form .form-content .email-field {
    padding-left: 15px;
  }
}
.contact-form .form-content .message-field textarea {
  height: 8em;
  padding-top: 14px;
}
.contact-form .form-content .btn {
  color: #ffffff;
}
.address {
  /* ADDRESS BLOCK */
}
@media (max-width: 991px) {
  .address {
    margin-top: 28px;
  }
}
.address h5 {
  text-transform: uppercase;
  margin-top: 32px;
  margin-bottom: 28px;
}
.address .email-link {
  /* email link */
  margin-bottom: 14px;
}
.address .email-link span {
  margin-right: 14px;
}
.address .email-link a {
  color: #333333;
}
.address .email-link a:nth-of-type(2) {
  margin-left: 29px;
}
.address .phone-call {
  /* phone call */
}
.address .phone-call span {
  margin-right: 14px;
}
.address .phone-call a {
  color: #333333;
}
.address .phone-call a:nth-of-type(2) {
  margin-left: 29px;
}
.google-maps-block {
  /* google map block */
  margin-top: 6em;
}
.google-maps-block .map {
  height: 400px;
  background: #fafafa;
}
/**
 * PORTFOLIO PAGE STYLE
 */
.portfolio-page .pagination-block ul {
  margin-bottom: 0;
}
/**
 * ABOUT PAGE
 */
.about-intro {
  padding-bottom: 0;
  /* content blcok */
}
@media (max-width: 767px) {
  .about-intro .content-block .content-wrapper {
    padding: 0 3em;
  }
}
@media (max-width: 480px) {
  .about-intro .content-block .content-wrapper {
    padding: 0 1.5em;
  }
}
@media (min-width: 768px) {
  .about-intro .content-block .block-top-title {
    margin-top: 5em;
  }
}
.about-intro .content-block .block-top-title p {
  font-size: 18px;
  line-height: 1.5;
}
.about-intro .image-block {
  /* image block */
  height: 420px;
}
.about-intro .image-block img {
  width: 300px;
  margin-left: 6em;
}
@media (max-width: 767px) {
  .about-intro .image-block img {
    margin: auto;
  }
}
/**
 * TAB STYLE
 */
.tab-section {
  padding-bottom: calc(8em - 48px);
}
.tab-block {
  margin-bottom: 48px;
}
.tab-block .nav-tabs {
  /* nav tabs */
}
.tab-block .nav-tabs li {
  width: 25%;
  float: left;
}
.tab-block .nav-tabs li a {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  transition: .3s;
  margin: 0;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-radius: 0;
}
.tab-block .nav-tabs li:first-child {
  border-left: 1px solid #e6e6e6;
}
.tab-block .nav-tabs li.active a {
  border-left: none;
}
.tab-block .tab-content {
  /* tab content */
}
.tab-block .tab-content .tab-content-wrap {
  padding: 14px 28px;
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.tab-block .tab-content h2 {
  margin-bottom: 28px;
}
.tab-block.tab-style-1 {
  /* tab style 1 */
}
.tab-block.tab-style-1 .nav-tabs li a {
  color: #333333;
}
.tab-block.tab-style-1 .nav-tabs li a:hover {
  color: #1dd2c8;
}
.tab-block.tab-style-1 .nav-tabs li:not(.active) a {
  background: #fafafa;
  border-bottom-color: #e6e6e6;
}
.tab-block.tab-style-2 {
  /* tab style 2 */
}
.tab-block.tab-style-2 .nav-tabs li a {
  background: #fafafa;
  color: #333333;
}
.tab-block.tab-style-2 .nav-tabs li a:hover {
  color: #1dd2c8;
}
.tab-block.tab-style-2 .nav-tabs li:not(.active) a {
  background: #f5f5f5;
  border-bottom-color: #e6e6e6;
}
.tab-block.tab-style-2 .tab-content {
  background: #fafafa;
}
/**
 * ACCORDION
 */
.accordion-block .panel {
  /* panel */
  border-radius: 0;
  border-color: #e6e6e6;
}
.accordion-block .panel-default {
  /* panel default */
}
.accordion-block .panel-default .panel-heading {
  border-radius: 0;
  padding: 0;
}
.accordion-block .panel-default .panel-heading a {
  padding: 21px;
  display: block;
}
.accordion-block .panel-default .panel-heading a:hover {
  color: #1dd2c8;
}
.accordion-block .panel-default .panel-heading a:focus {
  text-decoration: none;
  color: #1dd2c8;
}
.accordion-block .panel-default .panel-body {
  padding: 28px;
}
.accordion-block.accordion-style-1 {
  /* accordion style 1 */
}
.accordion-block.accordion-style-1 .panel-heading {
  background: #fafafa;
}
.accordion-block.accordion-style-2 {
  /* accordion style 2 */
}
.accordion-block.accordion-style-2 .panel-heading {
  background: #f5f5f5;
  color: #0d0d0d;
}
.accordion-block.accordion-style-2 .panel-body {
  background: #fafafa;
}
/**
 * TYPOGRAPHY 
 */
.typography-page .content-block {
  margin-bottom: 5em;
}
.typography-page .block-top-title {
  margin-bottom: 1em;
}
.typography-page .heading-block h1,
.typography-page .heading-block h2,
.typography-page .heading-block h3,
.typography-page .heading-block h4,
.typography-page .heading-block h5,
.typography-page .heading-block h6 {
  margin-bottom: 35px;
}
/* heading section */
.heading-section {
  padding-bottom: 2em;
}
/* column section */
.column-section {
  padding-bottom: 2em;
  border-top: 1px solid #e6e6e6;
}