/*-----------------------------------------------------------------------------------

    Theme Name: Septosha - Medical Health Care Template
    Description: Medical Health Care Template
    Author: chitrakootweb
    Version: 1.0

-----------------------------------------------------------------------------------*/
/* ----------------------------------

    01. Common styles
    02. Top header and Navigation
    03. Section heading
    04. Main banner area
    05. Banner area
    06. Page title
    07. Feature boxes
    08. Timetable Calendar 
    09. Counter box
    10. Video
    11. Testmonial
    12. Owl carousel
    13. Team member
    14. Portfolio
    15. Accordion style
    16. Tabs
    17. Pricing table
    18. Team single
    19. Other
    20. Blog
    21. Contact info        
    22. Footer
    
---------------------------------- */
/* ===================================
    Common styles
====================================== */
/* loader */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff;
  display: table;
  text-align: center; }

.loader {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 200px;
  height: 200px; }

.loader-icon {
  width: 80px;
  height: 80px;
  border: 5px solid #f15b5a;
  border-right-color: #eee;
  border-radius: 50%;
  position: relative;
  animation: loader-rotate 1s linear infinite;
  margin: 0 auto; }

@keyframes loader-rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
/* theme color and basic options */
a:hover, a:active {
  color: #f15b5a;
  text-decoration: none; }

.bg-theme {
  background-color: #f15b5a; }

.bg-theme-90 {
  background: rgba(0, 188, 209, 0.9); }

.bg-theme-80 {
  background: rgba(0, 188, 209, 0.8); }

.theme-overlay[data-overlay-dark]:before {
  background: #f15b5a; }

.text-theme-color {
  color: #f15b5a; }

.shadow-primary {
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); }

.line-through {
  text-decoration: line-through; }

.cursor-pointer {
  cursor: pointer; }

.height-100vh {
  height: 100vh; }

@media screen and (max-width: 991px) {
  .mfp-container {
    padding-left: 15px;
    padding-right: 15px; } }
@media screen and (max-width: 575px) {
  .mb-margin-20px-bottom {
    margin-bottom: 20px; } }
/* category listing */
.dept-category li {
  border-color: #eaeaea;
  padding: 0 10px 10px 40px; }
  .dept-category li.active a {
    color: #f15b5a;
    font-weight: bold; }
  .dept-category li.active:before {
    color: #f15b5a; }
.dept-category.list-style-5 li:before {
  left: 15px;
  margin-top: 1px;
  font-size: 14px; }

.list-style-5.no-list-style li {
  padding-left: 10px;
  padding-right: 10px; }
  .list-style-5.no-list-style li:before {
    content: none; }

.list-style-none li {
  list-style: none; }

.list-style-1 li {
  padding: 5px 0; }

@media screen and (max-width: 991px) {
  .categories .collapse-sm:after {
    font-family: Font Awesome\ 5 Free;
    content: "\f105";
    float: right;
    margin-top: 4px; }
  .categories .collapse-sm.current:after {
    font-family: Font Awesome\ 5 Free;
    content: "\f107";
    float: right; }
  .categories .dept-category {
    display: none; } }
/* scroll to top */
.scroll-to-top {
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #000;
  border: 1px solid #2a2a2a;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all 0.3s ease; }
  .scroll-to-top i {
    color: #fff; }
  .scroll-to-top:hover {
    color: #232323;
    background: #fff; }
    .scroll-to-top:hover i {
      color: #232323; }
  .scroll-to-top:visited {
    color: #232323;
    text-decoration: none; }

/* button style */
.butn {
  background: #f15b5a;
  cursor: pointer;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 28px;
  border-radius: 3px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms;
  border: none; }
  .butn:hover, .butn:active {
    color: #fff;
    background: #232323; }

a.butn:hover, a.butn:active {
  color: #fff;
  background: #232323; }

.butn:focus {
  color: #fff; }
.butn.white {
  background: #fff;
  color: #f15b5a; }
  .butn.white:hover {
    color: #fff;
    background: #232323; }

a.butn.white:hover, a.butn.white:active {
  color: #fff;
  background: #232323; }

.butn.small {
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 20px;
  padding: 8px 20px; }
.butn.transparent {
  background: none;
  border: 1px solid #dee2e6;
  color: #232323; }
  .butn.transparent:hover {
    background: #f15b5a;
    border: 1px solid #f15b5a;
    color: #fff; }
.butn.katalog {
  background: #f15b5a;
  color: #fff;
  padding: 12px 14px; }

@media screen and (max-width: 991px) {
  .butn {
    padding: 10px 24px;
    font-size: 13px; }
    .butn.appointment {
      padding: 7px 13px 7px 5px;
      background: none;
      color: #f15b5a; }
      .butn.appointment:hover {
        color: #f15b5a;
        background: none; } }
@media screen and (max-width: 767px) {
  .butn {
    padding: 10px 22px;
    font-size: 12px; }
    .butn.small {
      padding: 6px 18px; }

  .xs-letter-spacing-2 {
    letter-spacing: 2px; } }
/* ===================================
    Top header and Navigation
====================================== */
.header-icon {
  border: 1px solid #f15b5a;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  text-align: center; }
  .header-icon .fa-clock {
    -webkit-padding-start: 2px; }
  .header-icon i {
    vertical-align: sub; }

.navbar-nav li.current > a {
  color: #f15b5a; }

.navbar > ul > li.current > a:after {
  border-color: transparent #f15b5a #f15b5a transparent; }

@media screen and (min-width: 992px) {
  .header-style .navbar-nav li.active > a, .header-style .navbar ul ul li.active > a, .header-style .navbar-nav li.current > a {
    color: #f15b5a; }
  .header-style .navbar > ul > li.active > a:after, .header-style .navbar > ul > li.current > a:after {
    border-color: transparent #f15b5a #f15b5a transparent; } }
@media screen and (max-width: 991px) {
  .navbar ul ul li.active > a {
    color: #f15b5a; }

  .navbar-nav li.active > a {
    opacity: 1;
    color: #f15b5a; } }
/* ===================================
    Section heading
====================================== */
.section-heading {
  margin-bottom: 50px;
  text-align: center; }
  .section-heading.half {
    margin-bottom: 30px; }
  .section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
    margin-bottom: 0;
    font-weight: 700;
    position: relative;
    line-height: 140%; }
  .section-heading.left {
    text-align: left; }
  .section-heading strong {
    font-weight: 600; }
  .section-heading p {
    font-size: 15px;
    font-weight: 400;
    padding-top: 15px;
    margin: 0 auto; }
  .section-heading span {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    color: #f15b5a;
    line-height: 200%;
    margin-bottom: 10px; }

@media screen and (max-width: 991px) {
  .section-heading {
    margin-bottom: 30px; }
    .section-heading p {
      padding-top: 10px;
      font-size: 14px; } }
/* ===================================
    Main banner area
====================================== */
/*home-slider*/
.main-wrapper {
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  max-width: 1200px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}

body { 
  background-image: url("../img/pattern/pattren5.jpg");
}

.main-slider {
  height: 900px; }
  .main-slider * {
    height: 100%; }

.slider-fade .owl-theme .owl-nav {
  margin-top: 0;
  height: auto; }
.slider-fade .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 47%;
  background: #fff !important;
  opacity: 1;
  border-radius: 0;
  line-height: 32px; }
  .slider-fade .owl-nav .owl-next:hover {
    opacity: 0.65; }
  .slider-fade .owl-nav .owl-next span {
    color: #232323; }
.slider-fade .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 47%;
  background: #fff !important;
  opacity: 1;
  border-radius: 0;
  line-height: 32px; }
  .slider-fade .owl-nav .owl-prev:hover {
    opacity: 0.65; }
  .slider-fade .owl-nav .owl-prev span {
    color: #232323; }

/* Banner */
.owl-carousel .caption .overflow-hidden {
  display: inline-block; }
.owl-carousel .caption h3 {
  font-weight: 200;
  animation-delay: 0.5s;
  position: relative;
  display: inline-block; }
.owl-carousel .caption h1 {
  margin: 10px 0;
  font-size: 80px;
  font-weight: 600;
  text-transform: uppercase;
  animation-delay: 0.8s; }
.owl-carousel .caption p {
  font-size: 18px;
  color: #eee;
  word-spacing: 2px;
  animation-delay: 1.2s;
  margin-top: -10px; }
.owl-carousel .caption span {
  display: inline-block;
  padding: .2em 0; }
.owl-carousel .caption .butn {
  animation-delay: 1.4s; }
  .owl-carousel .caption .butn i {
    position: relative;
    top: 1px;
    z-index: 9; }
  .owl-carousel .caption .butn span {
    padding: 0; }

.slider-fade .owl-item {
  position: relative; }
.slider-fade .item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center; }
  .slider-fade .item .caption {
    width: 100%;
    z-index: 9;
    top: 45%;
    height: auto; }
.slider-fade .owl-theme .owl-dots {
  position: absolute;
  bottom: 5vh;
  width: 100%;
  left: 0;
  height: auto; }

@media only screen and (max-width: 1600px) {
  .main-slider {
    height: 700px; } }
@media only screen and (max-width: 1400px) {
  .main-slider {
    height: 650px; } }
@media only screen and (max-width: 1199px) {
  .main-slider {
    height: 600px; }

  .slider-fade .owl-nav .owl-next {
    top: 45%; }
  .slider-fade .owl-nav .owl-prev {
    top: 45%; }

  .owl-carousel .caption h1 {
    font-size: 66px; } }
@media only screen and (max-width: 991px) {
  .main-slider {
    height: 575px;
    margin-top: -68px; }

  .slider-fade .item .caption {
    top: 50%;
    margin-top: 34px; }
  .slider-fade .owl-theme .owl-nav {
    margin-top: 0; }

  .owl-carousel .caption h1 {
    font-size: 48px; }
  .owl-carousel .caption p {
    font-size: 16px; } }
@media only screen and (max-width: 767px) {
  .main-slider {
    height: 550px;
    margin-top: -63px; }

  .owl-carousel .caption {
    margin-top: 32px; }
    .owl-carousel .caption h1 {
      font-size: 42px;
      margin-top: 5px; }
    .owl-carousel .caption h3 {
      letter-spacing: 1px; } }
@media only screen and (max-width: 575px) {
  .main-slider {
    height: 480px; }
    .main-slider .butn {
      padding: 8px 22px; }

  .owl-carousel .caption h1 {
    font-size: 34px;
    margin-top: 5px; } }
@media only screen and (max-width: 480px) {
  .main-slider {
    height: 450px; }

  .owl-carousel .caption h1 {
    font-size: 20px;
    margin-top: 5px; } }
/* ===================================
    Page title
====================================== */
.page-title-section {
  padding: 125px 0 125px;
  text-align: center; }
  .page-title-section h1 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    color: #fff;
    margin-bottom: 0; }
  .page-title-section ul {
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center; }
    .page-title-section ul li {
      display: inline-block; }
      .page-title-section ul li:last-child a {
        color: #fff;
        font-weight: 600; }
      .page-title-section ul li:after {
        content: '\f105';
        font-weight: 700;
        vertical-align: middle;
        color: #fff;
        font-family: Font Awesome\ 5 Free;
        padding: 0 5px 0 10px; }
      .page-title-section ul li:last-child:after {
        content: none; }
      .page-title-section ul li a {
        color: #fff;
        font-size: 14px;
        font-weight: 500; }
  .page-title-section .active a, .page-title-section li.active:last-child a {
    color: #fff; }

@media screen and (max-width: 1199px) {
  .page-title-section {
    padding: 85px 0; }
    .page-title-section h1 {
      font-size: 36px;
      line-height: 42px; } }
@media screen and (max-width: 991px) {
  .page-title-section {
    padding: 60px 0; }
    .page-title-section h1 {
      font-size: 30px;
      line-height: 40px; }
    .page-title-section ul {
      margin-top: 10px; }
      .page-title-section ul li a {
        font-size: 13px; } }
@media screen and (max-width: 767px) {
  .page-title-section {
    padding: 50px 0; }
    .page-title-section h1 {
      font-size: 26px;
      line-height: 36px; }
    .page-title-section ul {
      margin-top: 5px; }
      .page-title-section ul li a {
        font-size: 12px; } }
/* ===================================
    Feature boxes
====================================== */
/* feature box-01*/
.feature-box-01 .icon-circle {
  border: 2px solid #02bdd1;
  border-radius: 100%;
  height: 75px;
  text-align: center;
  width: 75px; }

@media screen and (max-width: 991px) {
  .feature-box-01 .icon-circle {
    width: 60px;
    height: 60px;
    border-width: 1px; }
    .feature-box-01 .icon-circle img {
      width: 40px;
      height: auto; } }
@media screen and (max-width: 767px) {
  .feature-box-01 .icon-circle {
    width: 50px;
    height: 50px; }
    .feature-box-01 .icon-circle img {
      width: 35px;
      height: auto; } }
/* feature box-02*/
.feature-box-02 {
  margin-top: -90px; }

@media screen and (max-width: 1199px) {
  .feature-box-02 {
    margin-top: -70px; } }
@media screen and (max-width: 991px) {
  .feature-box-02 {
    margin-top: 0; } }
@media screen and (max-width: 767px) {
  .feature-box-02 {
    margin-top: 0; }
    .feature-box-02 h4 {
      letter-spacing: 2px; } }
/* ===================================
    Timetable Calendar 
====================================== */
#external-events {
  float: left;
  width: 150px;
  padding: 0 10px;
  text-align: left; }
  #external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em; }

.external-event {
  /* try to mimick the look of a real event */
  margin: 10px 0;
  padding: 2px 4px;
  background: #3366CC;
  color: #fff;
  font-size: .85em;
  cursor: pointer; }

#external-events p {
  margin: 1.5em 0;
  font-size: 11px;
  color: #666; }
  #external-events p input {
    margin: 0;
    vertical-align: middle; }

#calendar {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 6px;
  box-shadow: 0 1px 2px #C3C3C3; }

@media screen and (max-width: 767px) {
  .fc-header .fc-header-left {
    float: left;
    width: 100%;
    display: block;
    text-align: center; }
  .fc-header .fc-header-center {
    float: left;
    width: 100%;
    display: block;
    padding-top: 0; }
  .fc-header .fc-header-right {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 0; }

  .fc-week .fc-day > div .fc-day-number {
    padding: 2px 6px;
    min-width: 30px; } }
/* ===================================
    Counter box
====================================== */
.counter-box {
  position: relative;
  text-align: center; }
  .counter-box h3, .counter-box h4 {
    display: inline-block;
    font-weight: 600; }
  .counter-box h3:after {
    content: '+'; }
  .counter-box h4 {
    font-size: 28px;
    line-height: normal;
    margin: 0; }
    .counter-box h4:after {
      content: '+'; }
  .counter-box h3 {
    font-size: 45px; }

@media screen and (max-width: 767px) {
  .counter-box .icon img {
    width: 50px;
    height: auto; }
  .counter-box p:before {
    margin: 0;
    position: absolute;
    top: 45px; }
  .counter-box p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px; }
  .counter-box.black p:after {
    margin: 0;
    left: 14px;
    right: 0;
    top: 45px; }
  .counter-box h4 {
    font-size: 22px; } }
/* ===================================
    Video
====================================== */
.story-video {
  height: 100%; }

/* ===================================
    Testmonial
====================================== */
.testmonial-single {
  text-align: center;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s; }
  .testmonial-single h4 {
    color: #f15b5a;
    font-weight: 600; }
  .testmonial-single h6 {
    font-weight: 500; }
  .testmonial-single span i, .testmonial-single .rating {
    color: #f15b5a; }

.owl-carousel .testmonial-box img {
  width: auto;
  max-height: 120px;
  display: inline-block; }

/* ===================================
    Owl carousel
====================================== */
.custom-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px; }
  .custom-dot span {
    width: 12px;
    height: 12px;
    margin: 5px;
    background: none;
    cursor: pointer;
    display: block;
    border: 1px solid #d5d5d5;
    -webkit-backface-visibility: visible;
    border-radius: 30px;
    transition-duration: .3s;
    -webkit-transition-duration: .3s; }
    .custom-dot span:hover {
      background: #d5d5d5;
      -webkit-backface-visibility: visible;
      border-radius: 30px; }
  .custom-dot.active span {
    width: 12px;
    height: 12px;
    background: #f15b5a;
    border-color: #f15b5a;
    -webkit-transition-duration: .3s;
    transition-duration: .3s; }

.owl-nav i {
  color: #232323;
  font-size: 18px;
  padding-top: 6px; }
.owl-nav .owl-next {
  color: #f15b5a;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important; }
.owl-nav .owl-prev {
  color: #f15b5a;
  font-size: 43px;
  text-align: center;
  width: 40px;
  height: 40px;
  background: #fff !important;
  left: 0;
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }
.owl-nav .owl-next {
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }

.owl-theme .owl-nav {
  margin-top: 50px; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #6f6f6f;
    line-height: 30px;
    border-radius: 0; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      color: #232323; }

@media screen and (max-width: 991px) {
  .owl-theme .owl-nav {
    margin-top: 30px; } }
@media screen and (max-width: 991px) {
  .custom-dot {
    margin-top: 20px; } }
/* ===================================
    Team member
====================================== */
.team-style .team-description {
  background: rgba(241, 91, 90, 0.65);
  bottom: 0;
  left: 0;
  opacity: 0;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 200ms ease-in-out 0s;
  z-index: 9; }
.team-style .social-links {
  color: #fff;
  opacity: 0;
  transform: translateY(15px);
  transition: transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s; }
.team-style .about-me {
  color: #fff;
  opacity: 0;
  transform: translateY(15px);
  transition: transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s;
  color: #f7f7f7;
  display: inline-block;
  position: relative; }
.team-style .social-links a:hover {
  opacity: 1; }
.team-style .team-description-wrapper {
  display: table;
  height: 100%;
  position: relative;
  width: 100%; }
.team-style .team-description-content {
  display: table-cell;
  vertical-align: middle; }
.team-style .team-member-img {
  display: block;
  overflow: hidden;
  position: relative;
  border: 10px solid #f5f5f5; }
.team-style .bg-cover {
  background-color: rgba(255, 66, 41, 0);
  display: none;
  height: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  transform: scale(2);
  transition: all 200ms ease-in-out 0s;
  width: 100%;
  z-index: 1; }
.team-style .team-member-img > img {
  transition: all 0.2s ease 0s; }
.team-style:hover .bg-cover {
  display: block; }
.team-style:hover .social-links {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 100ms, 100ms; }
.team-style:hover .about-me {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 200ms, 200ms; }
.team-style:hover .team-description {
  opacity: 1; }

/* ===================================
    Portfolio
====================================== */
.filtering {
  margin-bottom: 10px; }
  .filtering span {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    color: #333;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 5px; }
    .filtering span:last-child {
      margin: 0; }
  .filtering .active {
    border-color: #f15b5a;
    color: #f15b5a; }

.gallery {
  margin-top: -20px; }

.portfolio {
  overflow: hidden; }
  .portfolio .filtering span {
    margin-right: 20px;
    color: #333;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 1px solid transparent; }
    .portfolio .filtering span:last-child {
      margin: 0; }
  .portfolio .filtering .active {
    border-color: #f15b5a;
    color: #f15b5a; }
  .portfolio .items {
    margin-top: 20px; }
  .portfolio .item-img {
    position: relative;
    overflow: hidden; }
    .portfolio .item-img img {
      width: 100%; }
    .portfolio .item-img:hover .item-img-overlay {
      opacity: 1;
      transform: translateY(0); }
    .portfolio .item-img:hover h6 {
      transform: translateY(0); }
    .portfolio .item-img h6 {
      font-weight: 600;
      position: relative;
      font-size: 16px;
      margin-bottom: 0;
      transform: translateY(-15px);
      transition: all 0.5s; }
    .portfolio .item-img p {
      margin-bottom: 8px; }
    .portfolio .item-img .fa {
      background: #f15b5a;
      border: 1px solid #f15b5a;
      border-radius: 50%;
      color: #fff;
      display: inline-block;
      height: 30px;
      line-height: 28px;
      width: 30px;
      transition: all 0.5s; }
      .portfolio .item-img .fa:hover {
        background: #fff;
        color: #f15b5a; }
  .portfolio .item-img-overlay {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: rgba(255, 255, 255, 0.95);
    color: #232323;
    opacity: 0;
    transition: all 0.5s;
    z-index: 2;
    transform: translateY(10px); }

@media screen and (max-width: 767px) {
  .filtering span {
    margin-right: 15px; } }
/* ===================================
    Accordion style
====================================== */
.accordion-style .card {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
  border: none; }
.accordion-style .card-header {
  border: 0px;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background: none; }
.accordion-style .btn-link {
  background: #0db2c6 !important;
  color: #6f6f6f;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 50px;
  padding: 15px 50px 15px 20px;
  text-decoration: none;
  color: #fff; }
  .accordion-style .btn-link:hover {
    border: none;
    text-decoration: none;
    background: #0db2c6 !important; }
  .accordion-style .btn-link.collapsed {
    box-shadow: none;
    background: #efefef !important;
    color: #6f6f6f; }
    .accordion-style .btn-link.collapsed:after {
      background: #fff;
      border-radius: 50%;
      font-family: Font Awesome\ 5 Free;
      content: '\f0da';
      font-weight: 700;
      right: 15px;
      left: inherit;
      font-size: 18px;
      line-height: 24px;
      height: 25px;
      transform: none;
      width: 25px;
      top: 15px;
      text-align: center;
      padding-left: 0;
      letter-spacing: -1px; }
  .accordion-style .btn-link:after {
    background: #fff;
    border-radius: 50%;
    font-family: Font Awesome\ 5 Free;
    content: '\f0d7';
    font-weight: 700;
    right: 15px;
    left: inherit;
    font-size: 18px;
    height: 25px;
    line-height: 24px;
    transform: none;
    width: 25px;
    top: 15px;
    position: absolute;
    color: #f15b5a;
    text-align: center;
    padding-left: 2px;
    letter-spacing: 2px; }
.accordion-style .card-body {
  padding: 20px;
  line-height: 24px;
  text-align: left; }

@media screen and (max-width: 767px) {
  .accordion-style .btn-link {
    font-size: 14px;
    padding: 12px 45px 12px 15px; }
    .accordion-style .btn-link:after, .accordion-style .btn-link.collapsed:after {
      top: 10px; } }
/* ===================================
    Tabs
====================================== */
ul.resp-tabs-list {
  margin: 0px;
  padding: 0px; }

.resp-tabs-list li {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  padding: 13px 15px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer; }
  .resp-tabs-list li:last-child {
    margin-right: 0; }
  .resp-tabs-list li i {
    font-size: 20px;
    padding-right: 5px;
    vertical-align: text-bottom; }

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left; }

.resp-tab-content {
  display: none;
  padding: 20px; }

.resp-tabs-list li.resp-tab-active {
  border: 1px solid #f15b5a;
  border-bottom: none;
  border-color: #f15b5a !important;
  margin-bottom: -1px;
  padding: 12px 14px 14px 14px;
  border-top: 4px solid #f15b5a !important;
  border-bottom: 0px #fff solid;
  border-bottom: none;
  background-color: #fff;
  color: #f15b5a; }

.resp-content-active, .resp-accordion-active {
  display: block; }

.resp-tab-content {
  border: 1px solid #c1c1c1;
  border-top-color: #c1c1c1;
  float: left;
  width: 100%; }

h2.resp-accordion {
  cursor: pointer;
  display: none;
  font-size: 14px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 14px 15px;
  float: left;
  width: 100%; }
h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  background-color: #f15b5a !important;
  color: #fff; }
h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue; }

/* vertical tabs */
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%; }
.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0 0 4px;
  cursor: pointer;
  float: none; }
.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #f15b5a !important;
  float: left;
  width: 70%;
  min-height: 250px;
  clear: none; }
.resp-vtabs .resp-tab-content {
  border: none;
  word-wrap: break-word; }
.resp-vtabs li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 11px !important;
  border-top: 1px solid;
  border: 1px solid #f15b5a !important;
  border-left: 4px solid #f15b5a !important;
  margin-bottom: 4px !important;
  border-right: 1px #FFF solid !important; }

.resp-arrow {
  border-color: transparent #232323 #232323 transparent;
  border-style: solid;
  border-width: 0 1px 1px 0;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 4px; }

h2.resp-tab-active span.resp-arrow {
  border-color: #fff transparent transparent #fff;
  border-style: solid;
  border-width: 1px 0 0 1px;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 7px; }

/* accordion styles */
.resp-easy-accordion h2.resp-accordion {
  display: block; }
.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1; }
  .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;
    /* !important; */ }

.resp-jfit {
  width: 100%;
  margin: 0px; }

.resp-tab-content-active {
  display: block;
  border-color: #f15b5a !important; }

h2.resp-accordion:first-child {
  border-top: 1px solid #c1c1c1; }
h2.resp-accordion.resp-tab-active {
  border-color: #f15b5a !important; }

@media only screen and (min-width: 992px) {
  .tab-style1 ul.resp-tabs-list {
    text-align: center;
    border: 1px solid #e6e6e6;
    border-width: 0 0 1px 0; }
    .tab-style1 ul.resp-tabs-list li:last-child {
      margin-right: 0; }
    .tab-style1 ul.resp-tabs-list li.resp-tab-active {
      border-bottom-color: #f15b5a;
      color: #f15b5a; }
  .tab-style1 .resp-tab-content {
    border: none;
    padding: 30px 20px; }
  .tab-style1 .resp-tabs-list .tab-box {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: 8px; }
  .tab-style1 .resp-tabs-list li.resp-tab-active h6 {
    color: #f15b5a; }
  .tab-style1 .resp-tabs-list .tab-box h6 {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #6f6f6f;
    line-height: 12px; }
  .tab-style1 .resp-tabs-list .tab-box span {
    text-transform: lowercase;
    font-size: 12px; }
  .tab-style1 .resp-tabs-list li {
    font-size: 18px;
    border-bottom: 2px solid transparent !important;
    margin: 0;
    background: none !important;
    padding: 0 35px 15px 35px;
    text-transform: uppercase; }
    .tab-style1 .resp-tabs-list li.resp-tab-active {
      border-width: 0 0 2px 0 !important;
      border-color: #f15b5a !important; }
  .tab-style1 ul.resp-tabs-list i {
    margin-right: 15px;
    border: 1px solid #d5d5d5;
    border-radius: 70px;
    width: 70px;
    height: 70px;
    line-height: 68px;
    font-size: 30px;
    padding: 0;
    vertical-align: middle; }
  .tab-style1 ul.resp-tabs-list li.resp-tab-active i {
    background: #f15b5a;
    border-color: #f15b5a;
    color: #fff; } }
/* change the breakpoint to set the accordion */
@media only screen and (max-width: 991px) {
  .tab-style1 .resp-tab-content {
    padding: 20px; }
  .tab-style1 .resp-tabs-list li {
    padding: 0 15px 15px 15px; }

  ul.resp-tabs-list {
    display: none; }

  h2.resp-accordion {
    display: block; }
    h2.resp-accordion i {
      margin-right: 8px;
      font-size: 18px; }

  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1; }
  .resp-vtabs .resp-tabs-container {
    border: none !important;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none; }

  .resp-accordion-closed {
    display: none !important; }

  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important; }

  .resp-tab-content {
    background-color: #fff; }

  /* tab-style1 */
  .tab-style1 .tab-box {
    display: inline-block;
    vertical-align: top; }
  .tab-style1 h2.resp-accordion i {
    margin-right: 15px;
    margin-top: 2px; }
  .tab-style1 .tab-box h6 {
    margin-bottom: 2px;
    font-size: 14px; }
  .tab-style1 .tab-box span {
    font-size: 12px; }
  .tab-style1 .resp-tab-active h6 {
    color: #fff; } }
/* ===================================
    Pricing table
====================================== */
/* price table1 */
.single-plan {
  position: relative;
  z-index: 99;
  border: 1px solid #efefef;
  background: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -moz-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -ms-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  -o-box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05); }
  .single-plan .head-plan {
    background: #f15b5a; }
    .single-plan .head-plan h4 {
      padding: 20px;
      margin: 0;
      color: #fff;
      font-weight: 600;
      font-size: 20px; }

.body-plan .price-plan {
  padding: 32px 0 43px;
  position: relative;
  background: #f7f7f7;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea; }
  .body-plan .price-plan h3 {
    margin: 0;
    z-index: 11;
    position: relative;
    font-weight: bold;
    color: #6f6f6f; }
    .body-plan .price-plan h3 sup {
      font-size: 18px;
      top: -15px;
      font-weight: bold;
      margin-right: 2px; }
  .body-plan .price-plan span {
    text-transform: uppercase;
    font-size: 12px;
    z-index: 11;
    position: relative; }

.feat-plan {
  margin: 56px 0 33px; }
  .feat-plan ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .feat-plan ul li {
      margin-bottom: 15px;
      border-bottom: 1px solid #efefef;
      padding-bottom: 15px; }
      .feat-plan ul li:last-child {
        margin: 0; }

.price-plan i {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  border-radius: 50%;
  position: absolute;
  bottom: -24px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
  background: #f15b5a; }

.footer-plan {
  padding: 0 0 30px; }

/* price table2 */
.price .item {
  padding: 0 0 30px 0;
  background: #f9f9f9;
  border-radius: 5px;
  transition: all .3s; }
  .price .item:hover {
    box-shadow: 0px 5px 40px 0px rgba(148, 146, 245, 0.2); }
.price .type {
  padding: 15px 0;
  background: #232323; }
  .price .type h4 {
    font-size: 25px;
    color: #fff;
    margin-bottom: 0; }
.price .value {
  padding: 30px 0 15px 0;
  position: relative; }
  .price .value h3 {
    display: inline-block;
    padding-right: 10px;
    font-size: 50px;
    font-weight: 700;
    position: relative;
    margin-bottom: 0; }
    .price .value h3 span {
      font-size: 14px;
      position: absolute;
      top: 5px;
      right: 0; }
  .price .value .per {
    font-size: 13px;
    color: #f15b5a; }
.price .features li {
  margin: 15px 0;
  color: #777; }
.price .order {
  padding-top: 15px;
  position: relative; }
.price .active {
  box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.1); }
  .price .active .type {
    background: #f15b5a; }

@media screen and (max-width: 1199px) {
  .price .item {
    padding: 0 0 30px 0; }
  .price .type {
    padding: 12px 0; }
    .price .type h4 {
      font-size: 22px; }
  .price .value {
    padding: 25px 0 10px 0; }
    .price .value h3 {
      font-size: 36px; }
      .price .value h3 span {
        font-size: 13px; }
  .price .features li {
    margin: 12px 0; }
  .price .order {
    padding-top: 15px; } }
@media screen and (max-width: 991px) {
  .price .item {
    padding: 0 0 25px 0; }
  .price .type {
    padding: 10px 0; }
    .price .type h4 {
      font-size: 20px; }
  .price .value {
    padding: 20px 0 10px 0; }
    .price .value h3 {
      font-size: 30px; }
      .price .value h3 span {
        font-size: 12px; }
  .price .features li {
    margin: 10px 0; }
  .price .order {
    padding-top: 12px; } }
/* ===================================
   Team single
====================================== */
.team-single-img {
  width: 100%; }

.team-single-text h4 {
  color: #232323;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 10px; }
.team-single-text li span {
  color: #777;
  font-size: 15px;
  font-weight: 400; }

/* ===================================
    Other
====================================== */
/*search page*/
.search-form_input {
  color: #f15b5a; }

.search-frame h4 a:hover {
  color: #f15b5a; }
.search-frame .search_list .match {
  color: #f15b5a; }
.search-frame .search_list li:before {
  color: #f15b5a; }
.search-frame .search_list li + li {
  border-top: 3px solid #f15b5a; }
.search-frame .search {
  color: #f15b5a; }

/*404 page*/
.page-container .title {
  font-size: 250px;
  line-height: 1;
  margin-bottom: 0; }

@media screen and (max-width: 1199px) {
  .page-container .title {
    font-size: 200px; } }
@media screen and (max-width: 991px) {
  .page-container .title {
    font-size: 125px; } }
@media screen and (max-width: 767px) {
  .page-container .title {
    font-size: 75px; } }
/* coming soon */
.coming-soon .social-links li {
  display: inline-block;
  font-size: 22px;
  margin-right: 30px; }
  .coming-soon .social-links li:last-child {
    margin-right: 0; }
  .coming-soon .social-links li a {
    color: #fff; }
    .coming-soon .social-links li a:hover {
      color: rgba(255, 255, 255, 0.65); }

/* count down */
ul.countdown li {
  border-right: 1px solid #c5c5c5;
  display: inline-block;
  padding: 0 30px;
  text-align: center; }
  ul.countdown li:last-child {
    border: medium none;
    padding-right: 0; }
  ul.countdown li span {
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    position: relative; }
    ul.countdown li span::before {
      content: "";
      height: 1px;
      position: absolute;
      width: 100%; }
  ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-transform: uppercase; }

@media screen and (max-width: 767px) {
  .coming-soon .social-links li {
    margin-right: 15px;
    font-size: 16px; }

  ul.countdown li {
    padding: 0 8px; }

  .social-links li {
    margin-right: 15px; }

  ul.countdown li span {
    font-size: 22px; } }
/* ===================================
    Blog
====================================== */
/* block style1 */
.block-style1 .item {
  box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
  background: #fff;
  height: 100%; }
  .block-style1 .item .post-img {
    position: relative;
    overflow: hidden; }
    .block-style1 .item .post-img:hover img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
    .block-style1 .item .post-img img {
      width: 100%;
      -webkit-filter: none;
      filter: none;
      transition: 0.3s; }
  .block-style1 .item .content {
    padding: 30px;
    text-align: left; }
    .block-style1 .item .content .tag {
      font-size: 12px;
      margin-bottom: 5px;
      letter-spacing: 1px; }
    .block-style1 .item .content .read-more {
      margin-top: 20px;
      font-weight: 600; }
      .block-style1 .item .content .read-more:hover {
        text-decoration: underline; }
    .block-style1 .item .content p {
      line-height: 24px; }
    .block-style1 .item .content h5 {
      font-size: 16px;
      line-height: normal;
      text-transform: inherit; }

@media screen and (max-width: 991px) {
  .block-style1 .item .content {
    padding: 20px 25px; }
    .block-style1 .item .content p {
      margin-bottom: 10px; }
    .block-style1 .item .content h5 {
      font-size: 15px; } }
/* block style2 */
.block-style2 .item {
  box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
  background: #fff;
  height: 100%; }
  .block-style2 .item .block-img {
    position: relative;
    overflow: hidden; }
    .block-style2 .item .block-img:hover img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
    .block-style2 .item .block-img img {
      width: 100%;
      -webkit-filter: none;
      filter: none;
      transition: 0.3s; }
  .block-style2 .item .content {
    padding: 20px;
    text-align: left; }
    .block-style2 .item .content p {
      line-height: 24px; }
    .block-style2 .item .content h5 {
      line-height: normal;
      text-transform: inherit; }

/* blog list-simple */
.blog-list-simple {
  margin: 0 0 30px 0;
  padding-bottom: 30px; }
  .blog-list-simple:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0; }

.blog-list-simple-text {
  color: #999; }
  .blog-list-simple-text > span {
    color: #f15b5a;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px; }
  .blog-list-simple-text p {
    border-top: 1px solid #ececec;
    color: #999;
    font-size: 15px;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 0;
    padding: 15px 0; }
  .blog-list-simple-text .meta {
    margin: 0 0 5px 0; }
  .blog-list-simple-text li {
    display: inline-block;
    font-size: 12px;
    color: #777;
    margin: 5px; }
  .blog-list-simple-text h4 {
    color: #232323;
    font-size: 20px;
    font-weight: 500;
    margin: 5px 0;
    line-height: normal; }
  .blog-list-simple-text ul {
    margin: 10px 0; }
    .blog-list-simple-text ul li {
      color: #999;
      font-size: 14px;
      font-weight: 500;
      padding: 3px 0; }
      .blog-list-simple-text ul li i {
        color: #f15b5a;
        margin-right: 5px;
        font-size: 14px; }

/* blogs post */
.blogs .post {
  margin-bottom: 50px; }
  .blogs .post .content {
    padding: 30px;
    background: #fafafa; }
    .blogs .post .content .post-title h5 {
      line-height: normal;
      font-weight: 500;
      margin-bottom: 0; }
      .blogs .post .content .post-title h5 a {
        color: #232323; }
        .blogs .post .content .post-title h5 a:hover {
          color: #f15b5a; }
    .blogs .post .content .meta {
      margin-bottom: 15px; }
      .blogs .post .content .meta li {
        display: inline-block;
        margin: 5px; }
    .blogs .post .content .special {
      padding: 15px;
      margin: 30px 0;
      border-left: 2px solid #111;
      background: #f7f7f7; }
    .blogs .post .content .btn {
      border-color: #6f6f6f;
      color: #6f6f6f;
      min-width: auto;
      padding: 6px 20px;
      font-size: 12px; }
      .blogs .post .content .btn:hover {
        color: #fff;
        border-color: #f15b5a; }
  .blogs .post .share-post {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
    text-align: left; }
    .blogs .post .share-post span {
      font-weight: 700; }
    .blogs .post .share-post ul {
      float: right; }
      .blogs .post .share-post ul li {
        display: inline-block;
        margin: 0 10px; }
  .blogs .post .post-img img {
    width: 100%; }
.blogs .posts .title-g h3 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px; }

/* blogs comments */
.blogs .comments-area .comment-box {
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: 1px solid #eee; }
  .blogs .comments-area .comment-box:nth-child(odd) {
    margin-left: 80px; }
  .blogs .comments-area .comment-box:last-child {
    margin-bottom: 30px; }
.blogs .comment-box .author-thumb {
  width: 80px;
  float: left; }
.blogs .comment-box .comment-info {
  margin-left: 100px; }
  .blogs .comment-box .comment-info h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px; }
  .blogs .comment-box .comment-info .reply {
    margin-top: 10px;
    font-weight: 600; }
    .blogs .comment-box .comment-info .reply i {
      padding-right: 5px;
      font-size: 12px; }

/* pagination */
.pagination {
  border-radius: 0;
  padding: 0;
  margin: 0; }
  .pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 auto;
    padding: 0; }
  .pagination li {
    display: inline; }
  .pagination a {
    float: left;
    padding: 0 18px;
    line-height: 40px;
    text-decoration: none;
    border: 1px solid #dbdbdb;
    border-left-width: 0;
    background: #fff; }
    .pagination a:hover {
      background-color: #232323;
      color: #fff; }
  .pagination .active a {
    background-color: #f7f7f7;
    color: #999;
    cursor: default; }
  .pagination .disabled span {
    color: #999;
    background-color: transparent;
    cursor: default; }
  .pagination .disabled a {
    color: #999;
    background-color: transparent;
    cursor: default; }
    .pagination .disabled a:hover {
      color: #999;
      background-color: transparent;
      cursor: default; }
  .pagination li:first-child a {
    border-left-width: 1px; }

.blockquote {
  background: #f1f1f1;
  border-left: 4px solid #f15b5a;
  font-size: 16px;
  font-weight: 500;
  margin: 25px 0;
  padding: 20px 30px 30px; }
  .blockquote p {
    font-size: 15px;
    font-weight: 500;
    line-height: 190%;
    color: #232323;
    letter-spacing: .5px; }
  .blockquote h4 {
    font-size: 20px;
    font-weight: 400;
    color: #232323;
    letter-spacing: .5px; }

.side-bar .widget {
  margin-bottom: 30px; }
  .side-bar .widget:last-child {
    margin-bottom: 0; }
  .side-bar .widget .widget-title h6 {
    position: relative;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px; }
    .side-bar .widget .widget-title h6:after {
      content: '';
      width: 30px;
      height: 1px;
      background: #f15b5a;
      position: absolute;
      bottom: 0;
      left: 0; }
  .side-bar .widget li {
    position: relative;
    padding: 0 0 0 12px;
    margin: 0 0 9px 0;
    color: #6f6f6f; }
    .side-bar .widget li:last-child {
      margin: 0; }
    .side-bar .widget li:after {
      content: "";
      width: 5px;
      height: 1px;
      background-color: #6f6f6f;
      position: absolute;
      top: 12px;
      left: 0; }
  .side-bar .widget .social-listing {
    margin-bottom: 0; }
    .side-bar .widget .social-listing li {
      list-style: none;
      display: inline-block; }
      .side-bar .widget .social-listing li:after {
        background: none; }
      .side-bar .widget .social-listing li:first-child {
        padding-left: 0; }
.side-bar .search form input {
  width: calc(100% - 50px);
  height: 50px;
  padding: 0 10px;
  margin: 0;
  border: 1px solid #d1d1d1;
  background: #f7f7f7; }
.side-bar .search form button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  border: 0;
  float: right;
  border-radius: 0;
  padding: 0; }
  .side-bar .search form button:hover:before {
    border-radius: 0;
    padding: 0; }

@media screen and (max-width: 767px) {
  .blog-list-simple {
    margin-bottom: 20px;
    padding-bottom: 20px; } }
/* ===================================
    Contact info
====================================== */
/* social links */
.social-icon-style li {
  display: inline-block;
  margin-right: 10px; }
  .social-icon-style li:last-child {
    margin-right: 0; }
  .social-icon-style li a {
    font-size: 14px;
    border: 1px solid #6a6a6a;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    line-height: 35px;
    display: inline-block;
    text-align: center; }
    .social-icon-style li a:hover {
      color: #fff;
      background: #f15b5a;
      border: 1px solid #f15b5a; }

@media screen and (max-width: 767px) {
  .social-icon-style li a {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px; } }
/* contact detail and appontment */
.appointment-popup {
  padding: 65px 20px 20px 20px;
  max-width: 850px;
  margin: 40px auto;
  position: relative; }
  .appointment-popup .mfp-close {
    background: #efefef;
    opacity: 1;
    top: 0; }

.popover {
  z-index: 999999; }

.datepicker.dropdown-menu {
  z-index: 999999 !important; }

/* map */
#map {
  height: 400px;
  width: 100%; }

/* ===================================
    Footer
====================================== */
footer {
  color: #939393; }

.footer-area {
  background: #f5f5f5; }

.footer-list-style {
  margin-bottom: 0; }
  .footer-list-style li {
    display: inline-block;
    margin-right: 10px;
    padding: 2px 0; }
    .footer-list-style li a {
      vertical-align: middle; }
    .footer-list-style li span {
      vertical-align: baseline;
      font-size: 16px;
      line-height: normal;
      display: inline-block;
      margin-right: 6px; }
    .footer-list-style li:last-child {
      margin-right: 0; }

footer p {
  margin-bottom: 0; }
footer h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
  line-height: 1;
  position: relative; }
  footer h3:after {
    content: '';
    display: block;
    width: 36px;
    height: 3px;
    background: #f15b5a;
    margin-top: 12px; }

.footer-bar {
  float: left;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #232323;
  color: #fff; }
  .footer-bar span {
    color: #f15b5a;
    font-size: 15px;
    font-weight: 400; }

@media screen and (max-width: 767px) {
  footer h3 {
    letter-spacing: 2px; }
    footer h3:after {
      margin-top: 10px; }

  .footer-bar p {
    font-size: 12px; }

  footer .list-style-1 li {
    padding: 0 0 5px 0; }
    footer .list-style-1 li:last-child {
      padding: 0; } }

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