/*-------------------------------------------------
 =  General style of this app
-------------------------------------------------*/
body {
  -webkit-font-smoothing: antialiased;
  color: #587469; }

#container {
  border: 30px solid #587469;
  border-top: none;
  padding-top: 148px;
  }
  @media (max-width: 991px) {
    #container {
      padding-top: 156px;
    }
  }
  @media (max-width: 540px) {
    #container {
      border: none;
      padding-top: 126px; }}

h1, h2, h3, h4, h5, h6, p {
  font-family: "Tinos", sans-serif; }

h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1; }

h2 {
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
  margin: 0 0 25px;
  /* text-transform: uppercase; */
  }
  @media (max-width: 991px) {
    h2 {
      font-size: 24px;
      line-height: 26px; }}
h3 {
  font-size: 26px;
  line-height: 28px;
  font-weight: 700;
  margin: 0 0 15px;
  }
  @media (max-width: 991px) {
    h3 {
      font-size: 22px;
      line-height: 26px; }}

h4 {
  font-size: 19px;
  line-height: 26px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 10px; }
  @media (max-width: 991px) {
    h4 {
      font-size: 18px;
      line-height: 24px; }}

h5 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 10px; }

h6 {
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  margin: 0 0 10px; }

p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  font-family: "Tinos", sans-serif;
  }

a {
  display: inline-block;
  transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  text-decoration: none !important; }

a.button-one {
  display: inline-block;
  color: #587469;
  font-size: 15px;
  font-weight: 700;
  line-height: 16px;
  padding: 14px 40px;
  font-family: "Tinos", sans-serif;
  text-transform: uppercase;
  background-color: #587469;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important; }
  a.button-one:hover {
    opacity: 0.7; }

a.read-more {
  color: #587469;
  font-size: 15px;
  font-family: "Tinos", sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #aaaaaa;
  text-transform: uppercase; }

a.read-more:hover {
  border-bottom: 1px solid #587469; }

.center-btn {
  text-align: center; }

section.recent-section {
  padding: 60px 0; }
  @media (max-width: 992px) {
    section.recent-section {
      padding: 40px 0 20px; } }

.recent-box {
  margin: 0 -15px; }
  .recent-box .item {
    padding: 0 15px;
    width: 33.3333%;
    }
    @media (max-width: 991px) {
      .recent-box .item {
        width: 50% !important; }
        .recent-box.col1 .item,
        .recent-box.col2 .item {
          width: 100% !important;}}
    @media (max-width: 768px) {
      .recent-box .item {
        width: 100% !important; } }
  .recent-box.col1 .item {
    width: 100%; }
  .recent-box.col2 .item {
    width: 50%; }
    @media (max-width: 768px) {
      .recent-box.col2 .item {
        width: 100% !important; } }
  .recent-box.col3 .item {
    width: 33.3333%; }
    @media (max-width: 991px) {
      .recent-box.col3 .item {
        width: 50% !important; } }
    @media (max-width: 768px) {
      .recent-box.col3 .item {
        width: 100% !important; } }
  .recent-box.col4 .item {
    width: 25%; }
    @media (max-width: 1199px) {
      .recent-box.col4 .item {
        width: 33.33333% !important; } }
    @media (max-width: 991px) {
      .recent-box.col4 .item {
        width: 50% !important; } }
    @media (max-width: 768px) {
      .recent-box.col4 .item {
        width: 100% !important; } }
  .recent-box.col5 .item {
    width: 20%; }
    @media (max-width: 1199px) {
      .recent-box.col5 .item {
        width: 33.33333% !important; } }
    @media (max-width: 991px) {
      .recent-box.col5 .item {
        width: 50% !important; } }
    @media (max-width: 768px) {
      .recent-box.col5 .item {
        width: 100% !important; } }

.reverse-order {
  flex-direction: row-reverse; }

section.page-banner-section {
  padding: 70px 0;
  text-align: center;
  position: relative;
  background-color: #587469; }
  section.page-banner-section .image-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  section.page-banner-section .image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  section.page-banner-section h2 {
    display: inline-block;
    color: #587469;
    position: relative;
    z-index: 2;
    margin: 0;
    line-height: 23px;
    background-color: #587469!important;
    color: #fff;
    padding: 16px 23px;
    letter-spacing: 2px;
    font-weight: 100;
    border-radius: 5px;
    }
    section.page-banner-section h2 span {
      display: inline-block;
      margin: 0;
      color: #ffff;
      background-color: #587469!important;
    }
    @media (max-width: 768px) {
      section.page-banner-section h2 {
        font-size: 24px;
        line-height: 20px; } }

#social-fixed {
  position: fixed;
  top: 50%;
  left: 80px;
  transform: translateY(-35%);
  z-index: 2;
}

@media (max-width: 1360px) {
  #social-fixed {
    left: 9px; } }
    @media (max-width: 992px) {
      #social-fixed {
        display: none; } }

#social-fixed ul.social-icons {
  padding: 0;
  margin: 0 0 76px;
}

#social-fixed ul.social-icons li {
  display: block;
  margin-bottom: 24px;
  position: relative;
}

#social-fixed ul.social-icons li:last-child:after {
  content: '';
  position: absolute;
  bottom: -58px;
  left: 5px;
  width: 1px;
  height: 40px;
  background-color: #587469;
}

#social-fixed ul.social-icons li a {
  color: #587469;
  font-size: 14px;
  line-height: 20px;
}

#social-fixed ul.social-icons li a:hover {
  opacity: 0.8;
}

#social-fixed span.follow {
  display: inline-block;
  color: #587469;
  font-size: 20px;
  margin: 0;
  margin-left: -10px;
  /* Rotate from top left corner (not default) */
  transform-origin: 0 0;
  transform: rotate(-90deg) translateX(-100%);
}

/*-------------------------------------------------
 =  Header Style
-------------------------------------------------*/

header {
  position: relative;
  z-index: 999;
  position: fixed;
  border-top: 30px solid #587469;
  top: 0;
  left: 30px;
  right: 30px;
  background: #587469;
  }
  @media (max-width: 540px) {
    header {
      border-top: none;
      top: 0;
      left: 0;
      right: 0; }}

.navbar {
  background-color: #ffffff !important;
  z-index: 9999;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #f2f2f2;
  transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  border-radius: 30px 30px 0px 0px;
  -webkit-box-shadow: 3px 8px 20px -7px rgba(0,0,0,0.06);
  box-shadow: 3px 8px 20px -7px rgba(0,0,0,0.06);
  }
  .navbar .navbar-nav {
    padding: 0 25px 0;
    align-items: center; }
    .navbar .navbar-nav > li {
      margin: 0 20px;
      position: relative; }
      @media (max-width: 1199px) {
        .navbar .navbar-nav > li {
          margin: 0 13px; } }
    .navbar .navbar-nav > li > a {
      color: #587469 !important;
      font-size: 17px !important;
      line-height: 22px;
      font-weight: 400;
      padding: 48px 0 48px  !important;
      transition: all 0.2s ease-in-out !important;
      -moz-transition: all 0.2s ease-in-out !important;
      -webkit-transition: all 0.2s ease-in-out !important;
      -o-transition: all 0.2s ease-in-out !important;
      text-transform: capitalize;
      font-family: "Tinos", sans-serif;
      border-bottom: 1px solid transparent;
      position: relative;
      margin-bottom: -1px;
      }
      .navbar .navbar-nav > li > a:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 0px;
        margin-top: 1px;
        height: 3px;
        background-color: #fff1e8;
        transition: all 0.2s ease-in-out !important;
        -moz-transition: all 0.2s ease-in-out !important;
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
      }
      .navbar .navbar-nav > li > a:hover:before {
        width: 100%;
      }
      .navbar .navbar-nav > li > a i {
        font-size: 11px;
        margin-left: 4px; }
      .navbar .navbar-nav > li > a.active {
        border-bottom: 1px solid #587469; }
      .navbar .navbar-nav > li > a.button-one {
        margin-left: 20px;
        padding-left: 24px !important;
        padding-right: 24px !important;
        color: #ffffff !important;
        font-size: 16px; }
    .navbar .navbar-nav > li.current_page_item > a,
    .navbar .navbar-nav > li.current-menu-parent > a {
      border-bottom: 1px solid #587469;
      }
  .navbar .navbar-nav.social-icons {
    padding: 10px 0; }
    .navbar .navbar-nav.social-icons > li {
      margin: 0; }
    .navbar .navbar-nav.social-icons > li > a {
      color: #587469 !important;
      padding: 0 10px !important; }
      .navbar .navbar-nav.social-icons > li > a i {
        font-size: 16px !important; }
    .navbar .navbar-nav.social-icons > li > a:hover {
      color: #587469; }
  .navbar .open-search {
    margin-left: 15px;
    font-size: 18px;
    line-height: 58px;
    text-align: center;
    color: #587469;
    }
  @media (max-width: 991px) {
    .navbar {
      display: none; } }

header.active {
  top: 0;
}

header.active .navbar .navbar-nav > li > a {
  padding: 44px 0 40px !important; }


.navbar-light .navbar-toggler {
  border-color: #f2f2f2;
  color: #587469 !important; }


.navbar ul.sub-menu {
  position: absolute;
  top: 100%;
  margin-top: 20px;
  z-index: 2;
  left: 0;
  width: 240px;
  padding: 34px 0;
  background-color: #ffffff;
  box-shadow: 0 3px 21px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 3px 21px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 3px 21px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 3px 21px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  opacity: 0;
  visibility: hidden; }
  .navbar ul.sub-menu .sub-menu {
    left: 100%;
    top: 0; }
  .navbar ul.sub-menu li {
    display: block;
    position: relative;
    padding: 0 40px; }
    .navbar ul.sub-menu li a {
      color: #587469;
      font-size: 16px;
      font-family: "Tinos", sans-serif;
      font-weight: 400;
      opacity: 0.7;
      padding: 6px 0;
      position: relative; }
      .navbar ul.sub-menu li a:hover {
        opacity: 1;
        padding-left: 6px; }
  .navbar ul.sub-menu li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0; }

li.nav-item:hover > a.active,
li.menu-item:hover > a.active {
  border-color: transparent; }

li.nav-item:hover > ul.sub-menu,
li.menu-item:hover > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0; }

.mobile-menu {
  display: none;
  border-bottom: 1px solid #f2f2f2;
  background-color: #ffffff; }
  @media (max-width: 991px) {
    .mobile-menu {
      display: block; } }
  .mobile-menu .social-search-bar {
    padding: 10px 5px;
    background-color: #587469; }
    .mobile-menu .social-search-bar .container {
      display: flex;
      justify-content: space-between; }
    .mobile-menu .social-search-bar ul.social-list {
      margin: 0;
      padding: 0; }
      .mobile-menu .social-search-bar ul.social-list li {
        display: inline-block;
        margin-right: 16px; }
        .mobile-menu .social-search-bar ul.social-list li a {
          color: #587469;
          font-size: 16px;
          line-height: 22px; }
          .mobile-menu .social-search-bar ul.social-list li a:hover {
            opacity: 0.7; }
    .mobile-menu .social-search-bar a.open-search {
      color: #587469;
      font-size: 20px;
      line-height: 22px; }
      .mobile-menu .social-search-bar a.open-search:hover {
        opacity: 0.6; }
  .mobile-menu .logo-toogle-bar {
    padding: 10px 5px; }
    .mobile-menu .logo-toogle-bar .container {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .mobile-menu .logo-toogle-bar a.tooggle-mobile {
      display: block;
      width: 30px;
      height: 20px !important;
      text-align: right;
      line-height: 4px;
      margin-top: 2px; }
      .mobile-menu .logo-toogle-bar a.tooggle-mobile span {
        display: inline-block;
        width: 100%;
        height: 4px;
        background-color: #587469;
        margin: 0 0 4px;
        padding: 0;
        transition: all 0.2s ease-in-out !important;
        -moz-transition: all 0.2s ease-in-out !important;
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important; }
        .mobile-menu .logo-toogle-bar a.tooggle-mobile span:first-child {
          width: 23px; }
        .mobile-menu .logo-toogle-bar a.tooggle-mobile span:last-child {
          width: 15px; }
      .mobile-menu .logo-toogle-bar a.tooggle-mobile.active {
        margin-top: -9px; }
        .mobile-menu .logo-toogle-bar a.tooggle-mobile.active span {
          width: 0; }
        .mobile-menu .logo-toogle-bar a.tooggle-mobile.active span:first-child {
          width: 100%;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          margin-bottom: -12px !important; }
        .mobile-menu .logo-toogle-bar a.tooggle-mobile.active span:last-child {
          width: 100%;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          margin-top: -5px !important; }
  .mobile-menu .navbar-nav {
    padding: 0;
    margin: 0;
    display: none;
    max-height: calc(100vh - 138px);
    overflow-y: scroll; }
    .mobile-menu .navbar-nav li {
      position: relative;
      display: block; }
      .mobile-menu .navbar-nav li ul.sub-menu {
        display: none;
        padding: 0;
        margin: 0;
        padding: 11px 25px;
        background-color: #f9f9f9;
        border-top: 1px solid #f2f2f2; }
        .mobile-menu .navbar-nav li ul.sub-menu li {
          display: block; }
          .mobile-menu .navbar-nav li ul.sub-menu li a {
            display: block;
            color: #587469;
            font-size: 14px;
            font-weight: 400;
            font-family: "Tinos", sans-serif;
            line-height: 37px; }
            .mobile-menu .navbar-nav li ul.sub-menu li a:hover {
              color: #587469; }
        .mobile-menu .navbar-nav li ul.sub-menu > li ul.sub-menu {
          margin-top: 11px;
          margin-bottom: 11px;
          border-bottom: 1px solid #f2f2f2; }
    .mobile-menu .navbar-nav > li > a {
      display: block;
      padding: 15px 25px;
      color: #587469;
      font-size: 16px;
      font-weight: 400;
      font-family: "Tinos", sans-serif;
      line-height: 30px;
      border-top: 1px solid #f2f2f2;
      text-transform: uppercase; }
      .mobile-menu .navbar-nav > li > a:hover, .mobile-menu .navbar-nav > li > a.active {
        color: #587469;
        background-color: #f9f9f9; }
    .mobile-menu .navbar-nav > li.menu-item-has-children > a {
      position: relative; }
      .mobile-menu .navbar-nav > li.menu-item-has-children > a:after {
        content: '\f078';
        position: absolute;
        top: 24px;
        right: 25px;
        line-height: 16px;
        font-size: 16px;
        color: #587469;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900; }
    .mobile-menu .navbar-nav > li.current_page_item > a {
      color: #587469;
      background-color: #f9f9f9; }

/* switcher dark and light button style */

/* Dark mode switcher */
.wpnm-button {
  font-size: 17px;
  margin-left: 40px;
  display: none;
}
.wpnm-button-inner-left:empty {
  margin-left: -0.625em 
}
.wpnm-button-inner-left:before, .wpnm-button-inner-left:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
 /*transition*/
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  outline: none 
}
.wpnm-button .wpnm-button-inner, .wpnm-button .wpnm-button-inner-left {
  display: inline-block;
  font-size: 0.875em;
  position: relative;
  padding: 0em;
  line-height: 1em;
  cursor: pointer;
  color: rgba(149, 149, 149, 0.51);
  font-weight: normal 
}
.wpnm-button .wpnm-button-inner-left:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  line-height: 2.125em;
  text-indent: 2.5em;
  height: 1em;
  width: 1em;
  margin: 0.25em;
 /*border-radius*/
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  right: 1.625em;
  bottom: 0em;
  background: #587469;
  transform: rotate(-45deg);
  box-shadow: 0 0 0.625em white 
}
.wpnm-button .wpnm-button-inner-left:after {
  content: "";
  display: inline-block;
  width: 2.5em;
  height: 1.5em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  background: rgba(255, 255, 255, 0.15);
  vertical-align: middle;
  margin: 0 0.625em;
  border: 2px solid #587469 
}
.wpnm-button.active .wpnm-button-inner-left:before {
  right: 1.0625em;
  box-shadow: 0.3125em 0.3125em 0 0 #eee;
  background: transparent 
}
.wpnm-button.active .wpnm-button-inner-left:after {
  background: rgba(0, 0, 0, 0.15);
  border: 2px solid white 
}
.wpnm-button .wpnm-button-inner-left {
  color: rgba(250, 250, 250, 0.51);
  font-weight: bold 
}
.wpnm-button.active .wpnm-button-inner-left {
  color: rgba(149, 149, 149, 0.51);
  font-weight: normal 
}
.wpnm-button.active .wpnm-button-inner-left + .wpnm-button-inner {
  color: rgba(250, 250, 250, 0.51);
  font-weight: bold 
}

/*-------------------------------------------------
 =  Search Form Style
-------------------------------------------------*/
.search-form-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 9999;
  display: flex;
  text-align: center;
  align-items: center;
  visibility: hidden;
  padding-top: 60px;
  opacity: 0;
  transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important; }
  .search-form-fullscreen.active {
    visibility: visible;
    opacity: 1; }
    .search-form-fullscreen.active h1 {
      text-transform: uppercase;
      font-weight: 700;
      margin: 26px 0 70px; }
  .search-form-fullscreen .search-icon {
    display: inline-block;
    width: 58px;
    height: 58px;
    background-color: #587469;
    text-align: center;
    line-height: 58px;
    color: #587469;
    margin: 0;
    font-size: 20px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    border-radius: 50% !important; }
  .search-form-fullscreen h1 {
    font-size: 34px;
    font-weight: 500;
    line-height: 30px;
    margin: 160px 210px;
    transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -webkit-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important; }
  .search-form-fullscreen input[type="text"],
  .search-form-fullscreen input[type="search"] {
    display: block;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 8px;
    border: none;
    border-bottom: 1px solid #587469;
    color: #587469;
    font-size: 16px;
    font-weight: 400;
    outline: none;
    font-family: "Tinos", sans-serif; }
  .search-form-fullscreen a.close-search {
    color: #587469;
    font-size: 50px;
    position: absolute;
    top: 110px;
    right: 110px;
    }
    .search-form-fullscreen a.close-search:hover {
      color: #587469; }
#datafetch {
  text-align: left;
  max-width: 800px;
  margin: 10px auto 0;
}

.search-post {
  display: flex;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
}

.search-post ul.post-meta {
  margin: 0; }

.search-post .image-holder {
  width: 50px;
  margin-right: 30px;
}

.search-post img {
  width: 50px;
  height: 50px;
}

.search-post .post-content h4 {
  font-size: 18px;
  margin-bottom: 0;
}
/*-------------------------------------------------
 =  Standard post Style
-------------------------------------------------*/
.standard-post {
  margin-bottom: 30px;
}

.standard-post > a {
  display: block;
  overflow: hidden;
  border-radius: 10px!important;
  }

.standard-post img {
  width: 100%;
  height: 380px !important;
  object-fit: cover;
  object-position: center;
  transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important; }
  @media (max-width: 769px) {
    .standard-post img {
      height: 240px !important; }}
.col1 .standard-post img {
  height: 470px !important;
}
@media (max-width: 991px) {
  .col1  .standard-post img {
    height: 350px !important; }}
    @media (max-width: 769px) {
      .col1  .standard-post img {
        height: 270px !important; }}
.col3 .standard-post img,
.col-lg-8 .col2 .standard-post img {
  height: 248px !important;
}
.standard-post:hover img {
  transform: scale(1.1) rotate(3deg); }

.standard-post h3 {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(88 116 105 / 08%);
  }
  .standard-post h3 a {
    color: #587469; }
    .standard-post h3 a:hover {
      opacity: 0.85; }

.col3 .standard-post h3,
.col-lg-8 .col2 .standard-post h3 {
  text-transform: inherit;
}

ul.post-meta {
  padding: 0;
  margin: 20px 0 12px;
}
  ul.post-meta li {
    display: inline-block;
    margin-top: 2px;
    margin-right: 6px; }
  ul.post-meta li:before {
    display: inline-block;
    content: '';
    width: 35px;
    height: 1px;
    float: left;
    background-color: rgb(234 221 212);
    margin-top: 12px;
    margin-right: 10px;
    }
    @media (max-width: 1199px) {
      ul.post-meta li {
        margin-right: 12px !important; }
    ul.post-meta li:before{
    display: none !important; }}
    ul.post-meta li:first-child:before {
      display: none; }
    ul.post-meta li:last-child {
      margin-right: 0; }
    ul.post-meta li a, ul.post-meta li span {
      color: #504846b3;
      font-size: 12px;
      font-family: times new roman;
      line-height: 16px;
      letter-spacing: 1px;
      font-weight: 400;
      text-transform: uppercase;
      }
      ul.post-meta li a i, ul.post-meta li span i {
        display: inline-block;
        font-size: 16px;
        line-height: 16px;
        text-align: center;
        float: left;
        margin-right: 10px;
        color: #504846;
        }
      ul.post-meta li a:hover, ul.post-meta li span:hover {
        color: #587469; }


/*-------------------------------------------------
 =  Thumb post Style
-------------------------------------------------*/
.thumb-post {
  display: flex;
  padding: 60px 70px 53px;
  padding-right: 40px;
  border: 1px solid #f2f4f3;
  align-items: center;
  border-radius: 30px 30px 0 0;
  }
  .item:last-child .thumb-post {
    margin-bottom: 0;
    padding-bottom: 53px;
    border-top: 0;
    border-radius: 0 0 30px 30px;
  }
  @media (max-width: 769px) {
    .thumb-post {
      display: block !important; }}

  .thumb-post h2 {
    margin: 0;
    width: 680px;
    padding-right: 30px;
  }
  @media (max-width: 1199px) {
    .thumb-post h2 {
      width: 580px; }}
  @media (max-width: 991px) {
    .thumb-post {
      padding: 40px 20px 33px;
    }
    .thumb-post h2 {
      width: 350px; }}
  @media (max-width: 769px) {
    .thumb-post h2 {
      margin-bottom: 20px; }}
  .thumb-post h2 a {
    display: block;
    color: #587469;
    position: relative;
  }

  .thumb-post h2 a span {
    position: relative;
    z-index: 2;
  }

  .thumb-post h2 a:after {
    content: '';
    position: absolute;
    top: 0px;
    left: -5px;
    width: 0;
 
    height: 100%;
    background-color: #587469;
    transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
  }

  .thumb-post h2 a:hover:after {
    width: 10%;
    border-radius:100px;
  }

  .thumb-meta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  @media (max-width: 769px) {
    .thumb-meta-box {
      display: block !important;
    }
  }

  .thumb-post .image-holder a {
    display: inline-block;
    border-radius: 10px!important;
    position: relative;
    overflow: hidden;
  }

  .thumb-post .image-holder a:before {
    font-family: "Material Icons";
    content: "\f1df";
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 50%;
    right: 50%;
    color: #587469;
    font-size: 0px;
    text-align: center;
    line-height: 0px;
    background-color: #587469;
    z-index: 2;
    transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
  }
  
  .thumb-post .image-holder a:hover:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 166px;
    font-size: 50px;
  }
  @media (max-width: 769px) {
    .thumb-post .image-holder a:hover:before {
      line-height: 230px; }}

      @media (max-width: 769px) {
        .thumb-post .image-holder a:hover:before {
          line-height: 200px;
        }
      }

  .thumb-post .image-holder a img {
    display: block;
    width: 220px !important;
    height: 166px !important;
    max-width: inherit;
    object-fit: cover;
    object-position: center;
  }
  @media (max-width: 769px) {
    .thumb-post .image-holder a img {
      height: 230px !important;
      width: 415px !important; }}

      @media (max-width: 769px) {
        .thumb-post .image-holder a img {
          width: 100% !important;
          height: 200px !important;
        }
      }

  .thumb-post ul.post-meta {
    transform: rotate(-90deg) translateY(13px);
    margin-bottom: 0;
    margin-top: 0;
    display: block;
  }

  @media (max-width: 769px) {
    .thumb-post ul.post-meta {
      transform: rotate(0deg) translateY(0);
      margin-top: 20px;
    }
  }

  .thumb-post ul.post-meta li {
    display: block;
    text-align: center;
    margin-bottom: 16px;
    }

  .thumb-post ul.post-meta li:before {
    float: none;
    margin: 0px auto 10px;
    }

  .thumb-post ul.post-meta li:first-child:before {
    display: none;
  }

  @media (max-width: 769px) {
    .thumb-post ul.post-meta li {
      margin-bottom: 0;
      display: inline-block;
    }
    .thumb-post ul.post-meta li:before {
      display: inline-block;
      float: left;
      margin: 12px 7px 0 0; }

      .thumb-post ul.post-meta li:first-child:before {
        display: none;
      }
  }

  .thumb-post ul.post-meta li:last-child {
    margin-bottom: 0;
  }

/*-------------------------------------------------
 =  Article post Style
-------------------------------------------------*/
.article-post {
  display: flex;
  border-bottom: 1px solid rgb(88 116 105 / 08%);
  padding-bottom: 30px;
  margin-bottom: 30px;
  }

  @media (max-width: 992px) {
    .article-post h2,
    .article-post ul.post-meta {
      margin-left: 0 !important;
    }
    .article-post a.read-full-post {
      left: 0 !important;
    }
    .article-post:hover .east-link {
      left: 36%;
    }}
  @media (max-width: 768px) {
    .article-post {
      display: block; } }
  .article-post .image-holder {
    width: 50%; }
    @media (max-width: 768px) {
      .article-post .image-holder {
        width: 100%;
        margin-bottom: 24px; } }
  .article-post .content-holder {
    position: relative;
    margin-left: 15px;
    width: 50%; }
    @media (max-width: 768px) {
      .article-post .content-holder {
        margin-left: 0;
        width: 100%; } }
  .article-post .image-holder {
    margin-right: 15px;
    overflow: hidden;
    border-radius: 30px;
    }
    .article-post .image-holder a {
      display: block; }
  .article-post img {
    width: 100%;
    height: 380px !important;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important; }
    @media (max-width: 991px) {
      .article-post img {
        height: 300px !important }}
  .article-post:hover img {
    transform: scale(1.1); }
    .article-post h2 {
      margin-top: 60px;
      padding-bottom: 20px;
      border-bottom: 1px solid rgb(88 116 105 / 12%);
      margin-left: 30px;
    }
    .article-post h2 a {
      color: #587469; }
      .article-post h3 a:hover {
        opacity: 0.85; }
        .article-post:hover.article-post h2 a {
          display: inline;
          -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
          background-size: 100% 80%;
          background-repeat: no-repeat;
          background-image: -o-linear-gradient(transparent calc(13%), #fff 1px);
          background-image: linear-gradient(transparent calc(13%), #fff1e8 1px);
        }
    .article-post a.read-full-post {
      position: absolute;
      bottom: 67px;
      left: 30px;
      font-size: 20px;
      font-weight: 400;
      color: #587469;
      opacity: 0.2;
      line-height: 20px;
      transition: all 0.2s ease-in-out !important;
      -moz-transition: all 0.2s ease-in-out !important;
      -webkit-transition: all 0.2s ease-in-out !important;
      -o-transition: all 0.2s ease-in-out !important;
    }
    .article-post:hover a.read-full-post {
      opacity: 1;
    }

    .article-post a.read-full-post:hover {
      opacity: 0.9;
    }

    .article-post .east-link {
      color: #587469;
      position: absolute;
      bottom: 53px;
      left: 0;
      line-height: 10px;
      opacity: 0;
      transition: all 0.3s ease-in-out !important;
      -moz-transition: all 0.3s ease-in-out !important;
      -webkit-transition: all 0.3s ease-in-out !important;
      -o-transition: all 0.3s ease-in-out !important;
    }

    .article-post:hover .east-link {
      opacity: 1;
      left: 28%;
    }

    .article-post .east-link span {
      display: inline-block;
      font-size: 45px;
      line-height: 10px;
    }
    @media (max-width: 768px) {
    .article-post h2 {
      margin-top: 0;
    }
      .article-post a.read-full-post,
      .article-post .east-link {
        display: none; } }
  
/*-------------------------------------------------
 =  List post Style
-------------------------------------------------*/
.list-post {
  text-align: center; }

.list-post span.gs-showcase-item-title {
  color: #587469;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
}

/* Text Showcase
   ========================================================================== */
   .gs-showcase-links {
    position: relative;
    display: block;
    width: 100%;
    padding: 60px 0;
    z-index: 2;
    text-align: center;
    overflow: hidden;
    vertical-align: middle; }
    .gs-showcase-links .gs-showcase-links-inner {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      max-width: 640px !important;
      margin: 0 auto !important;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .gs-showcase-links .gs-showcase-link-item {
      position: relative;
      display: inline-block;
      text-align: center;
      padding: 40px 0;
      cursor: pointer;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .gs-showcase-links .gs-showcase-link-item:last-child {
        margin-bottom: 0; }
      .gs-showcase-links .gs-showcase-link-item .gs-showcase-item-title {
        position: relative;
        color: #1f1f1f;
        display: block;
        z-index: -2; }
      .gs-showcase-links .gs-showcase-link-item.is-visible .gs-showcase-follow-content {
        display: block; }
    .gs-showcase-links .gs-showcase-follow-content {
      position: absolute;
      top: 0;
      left: 0;
      max-width: 800px !important;
      display: none; }
      .gs-showcase-links .gs-showcase-follow-content .gs-showcase-follow-image {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: auto;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
        overflow: hidden;
        z-index: -1; }
        .touch .gs-showcase-links .gs-showcase-follow-content .gs-showcase-follow-image {
          display: none !important; }
        .gs-showcase-links .gs-showcase-link-item.is-visible .gs-showcase-follow-content .gs-showcase-follow-image {
          position: relative; }
          .gs-showcase-links .gs-showcase-follow-content .gs-showcase-follow-image:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
          }
        .gs-showcase-links .gs-showcase-follow-content .gs-showcase-follow-image img {
          position: relative;
          display: block;
          width: auto;
          max-width: 800px !important;
          height: 500px !important;
          object-fit: cover;
          object-position: center;
          -webkit-animation: gradaFadeIn .6s ease both;
                  animation: gradaFadeIn .6s ease both; }
          @media (max-width: 767px) {
            .gs-showcase-links .gs-showcase-follow-content .gs-showcase-follow-image img {
              max-width: 40vw;
              max-height: 60vh; } }
      .gs-showcase-links .gs-showcase-follow-content .gs-showcase-follow-title {
        position: absolute;
        top: calc(50% + 40px);
        left: 0;
        display: block;
        font-size: 30px;
        line-height: 36px;
        font-weight: 700;
        width: 100% !important;
        max-width: 660px !important;
        color: transparent;
        z-index: 3;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #ffffff; }
    .gs-showcase-links.gs-showcase-links-light .gs-showcase-link-item {
      color: #ffffff; }
      .gs-showcase-links.gs-showcase-links-light .gs-showcase-link-item.is-visible, .gs-showcase-links.gs-showcase-links-light .gs-showcase-link-item:hover {
        color: #ffffff; }

/*-------------------------------------------------
 =  News section Style
-------------------------------------------------*/
section.blog-section {
  padding: 80px 0 30px; }
  section.blog-section.no-sidebar .blog-box {
    padding-right: 0;
    max-width: 890px;
    margin: 0 auto; }
  section.blog-section .blog-box {
    padding-right: 10px; }

.blog-post {
  margin-bottom: 70px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); }
  .blog-post img {
    width: 100%;
    height: auto; }
  .blog-post blockquote {
    padding: 60px;
    padding-left: 180px;
    background: #587469;
    position: relative; }
    .blog-post blockquote:before {
      content: '\f10e';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      color: #ffffff;
      font-size: 60px;
      position: absolute;
      top: 50px;
      left: 60px; }
    .blog-post blockquote p {
      color: #fff;
      font-size: 24px;
      line-height: 38px;
      font-family: "Tinos", sans-serif;
      font-weight: 500; }
    .blog-post blockquote cite {
      color: #fff;
      font-size: 15px;
      font-style: normal; }
  .blog-post .post-content {
    position: relative;
    z-index: 2;
    background: #ffffff;
    padding: 50px;
    display: flex; }
    .blog-post .post-content .text-content h2 {
      margin-bottom: 20px; }
      .blog-post .post-content .text-content h2 a {
        color: #587469; }
        .blog-post .post-content .text-content h2 a:hover {
          color: #587469; }
    .blog-post .post-content .text-content ul.meta-post {
      padding: 0;
      margin: 0 0 12px; }
      .blog-post .post-content .text-content ul.meta-post li {
        display: inline-block;
        margin-right: 9px;
        color: #587469;
        font-size: 15px;
        font-family: "Tinos", sans-serif;
        line-height: 1.7;
        text-transform: uppercase; }
        .blog-post .post-content .text-content ul.meta-post li a {
          color: #587469; }
          .blog-post .post-content .text-content ul.meta-post li a:hover {
            color: #587469; }
        .blog-post .post-content .text-content ul.meta-post li:before {
          display: inline-block;
          width: 7px;
          margin-right: 13px;
          margin-left: 5px;
          font-size: 14px;
          content: "/"; }
        .blog-post .post-content .text-content ul.meta-post li:first-child:before {
          display: none; }
    .blog-post .post-content .text-content p {
      margin-bottom: 20px; }
  .blog-post ul.meta-post-second {
    padding: 50px;
    margin: 0;
    background: #ffffff;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f1f1f1; }
    .blog-post ul.meta-post-second li {
      list-style: none;
      display: inline-block;
      margin-right: 9px;
      color: #587469;
      font-size: 15px;
      font-family: "Tinos", sans-serif;
      line-height: 1.7;
      text-transform: uppercase;
      margin-right: 10px; }
      .blog-post ul.meta-post-second li img {
        width: 36px;
        height: 36px;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        -ms-border-radius: 50% !important;
        border-radius: 50% !important;
        margin: 0;
        margin-right: 12px; }
      .blog-post ul.meta-post-second li a {
        color: #587469; }
        .blog-post ul.meta-post-second li a:hover {
          color: #587469; }
      .blog-post ul.meta-post-second li:before {
        display: inline-block;
        width: 7px;
        margin-right: 13px;
        margin-left: 5px;
        font-size: 14px;
        content: "/"; }
      .blog-post ul.meta-post-second li:first-child:before {
        display: none; }

/*------------------------------------------------- */
/* =  Single Post */
/*------------------------------------------------- */
section.single-section {
  padding: 60px 0; }
  @media (max-width: 768px) {
    section.single-section {
      padding: 40px 0; } }

.single-post-box,
.author-box,
.comments-box,
.comments-form {
  margin-bottom: 30px; }
  
  .single-post-box h3.main-title {
    font-size: 32px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    line-height: 40px;
    border-bottom: 1px solid rgb(88 116 105 / 08%);
  }
  .single-post-box ul.post-meta {
    margin-bottom: 20px;
  }
  .author-box h3,
  .comments-box h3,
  .comments-form h3 {
    font-size: 24px;
    font-weight: 700;
    text-transform: inherit;
    margin-bottom: 16px; }

.single-post-box .post-thumbnail img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center;
  border-radius: 30px 30px 0 0;
  margin-bottom: 22px;
  }
  @media (max-width: 992px) {
    .single-post-box .post-thumbnail img {
      height: 360px }}
      @media (max-width: 769px) {
        .single-post-box .post-thumbnail img {
          height: 280px }}
  .single-post-box .post-content {
    overflow: hidden;
  }
.single-post-box .post-content p {
  margin-bottom: 16px;
  initial-letter: 25px; }
  .single-post-box .post-content p span.drop-cap {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #587469;
    line-height: 50px;
    margin-right: 16px;
    margin-bottom: 16px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 500;
    font-family: "Tinos", sans-serif;
    float: left;
    margin-top: 6px;
    font-style: normal; }

.single-post-box .post-content h3, .single-post-box .post-content h2, .single-post-box .post-content h4 {
  padding-top: 6px;
  margin-bottom: 10px; }

.single-post-box .post-content blockquote,
.static-page blockquote,
blockquote {
  font-size: 22px;
  line-height: 30px;
  font-family: 'Lily Script One', cursive;
  position: relative;
  padding: 8px 0;
  padding-left: 92px;
  margin-top: 24px;
  margin-bottom: 24px; }
  .single-post-box .post-content blockquote p,
  .static-page blockquote p,
  blockquote p {
    font-size: 22px;
    line-height: 30px;
    font-family: 'Lily Script One', cursive;
    position: relative;
    opacity: 1;
    color: #587469;
    margin: 0;
    }
  .single-post-box .post-content blockquote cite,
  .static-page blockquote p cite,
  blockquote p cite {
    display: inline-block;
    font-size: 22px;
    font-family: "Tinos", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: 8px; }
  .single-post-box .post-content blockquote:before,
  .static-page blockquote:before,
  blockquote:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #587469;
    }
  .single-post-box .post-content blockquote:after,
  .static-page blockquote:after,
  blockquote:after {
    content: '“';
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 20px;
    margin-top: -23px;
    text-align: center;
    line-height: 80px;
    color: #587469;
    font-size: 80px;
    font-family: 'Lily Script One', cursive;
    font-weight: 400;
    }

.single-post-box ul.post-tags {
  padding: 15px 0 8px;
  margin: 40px 0 60px;
  border-top: 1px solid #587469;
  border-bottom: 1px solid #587469;
  }
  .single-post-box ul.post-tags li {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 7px; }
    .single-post-box ul.post-tags li span {
      color: #587469;
      font-size: 24px;
      font-weight: 700;
      display: inline-block;
    }
    .single-post-box ul.post-tags li a {
      display: inline-block;
      color: #587469;
      font-size: 17px;
      font-family: "Tinos", sans-serif;
      font-weight: 400;
      text-decoration: underline !important;
      }
    .single-post-box ul.post-tags li a:hover {
      opacity: 0.9; }

.single-post-box ul.share-post {
  padding: 0;
  margin: 0; }
  .single-post-box ul.share-post li {
    display: inline-block;
    margin-right: 7px; }
    .single-post-box ul.share-post li a {
      display: inline-block;
      color: #587469;
      font-size: 17px;
      width: 50px;
      height: 50px;
      line-height: 48px;
      text-align: center;
      border: 1px solid #f4f4f4; }
    .single-post-box ul.share-post li a:hover {
      color: #fff;
      background: #587469;
      border-color: transparent; }
    .single-post-box ul.share-post li:last-child {
      margin-right: 0; }

.author-box {
  display: flex;
  padding: 30px;
  border: 1px solid #587469;
  margin-bottom: 60px;
  position: relative;
  align-items: center; }
  .author-box:after {
    content: '';
    width: 140px;
    height: 140px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #587469;
  }
  .author-box h4 {
    font-size: 20px;
    margin-bottom: 4px;
    text-transform: inherit;
  }
  .author-box p {
    margin-bottom: 0;
  }
  @media (max-width: 500px) {
    .author-box {
      display: block;
      text-align: center; }
    .author-box:after {
      display: none;
    }}
  .author-box .image-holder {
    position: relative;
    z-index: 2;
    margin-right: 30px; }
    @media (max-width: 500px) {
      .author-box .image-holder {
        margin-right: 0;
        margin-bottom: 30px; } }
    .author-box .image-holder img {
      width: 140px;
      height: 140px;
      object-fit: cover;
      object-position: center; }
.comments-box {
  margin-bottom: 60px;
}
.comments-box ul.comments-list {
  padding: 0;
  margin: 0; }
  .comments-box ul.comments-list > li {
    display: block;
    padding-top: 30px; }
      .comments-box ul.comments-list li.bypostauthor > .comment-box > .image-holder img {}
    .comments-box ul.comments-list li .comment-box {
      display: flex;
      align-items: flex-start;
    align-content: flex-start; }
      .comments-box ul.comments-list li .comment-box .image-holder {
        position: relative;
        margin-right: 30px; }
        .comments-box ul.comments-list li .comment-box .image-holder:before {
          content: '';
          width: 6px;
          height: 40px;
          position: absolute;
          top: 50%;
          left: 50%;
          z-index: 2;
          transform: translateX(-50%) translateY(-50%);
          background-color: #587469;
          transition: all 0.2s ease-in-out !important;
          -moz-transition: all 0.2s ease-in-out !important;
          -webkit-transition: all 0.2s ease-in-out !important;
          -o-transition: all 0.2s ease-in-out !important;
        }
        .comments-box ul.comments-list li .comment-box .image-holder:after {
          content: '';
          width: 0;
          height: 4px;
          position: absolute;
          bottom: 0;
          left: 0;
          background-color: #587469;
          transition: all 0.2s ease-in-out !important;
          -moz-transition: all 0.2s ease-in-out !important;
          -webkit-transition: all 0.2s ease-in-out !important;
          -o-transition: all 0.2s ease-in-out !important;
        }
        .comments-box ul.comments-list li .comment-box:hover .image-holder:before {
          height: 0;
        }
        .comment-content {
          margin-top: 10px;
        }
        .comments-box ul.comments-list li .comment-box:hover .image-holder:after {
          width: 100%;
        }
        .comments-box ul.comments-list li .comment-box .image-holder img {
          width: 100px;
          height: 100px;
          object-fit: cover;
          object-position: center; }
          @media (max-width: 769px) {
            .comments-box ul.comments-list li .comment-box .image-holder img {
              width: 100px;
              height: 100px; }
              .comments-box ul.comments-list li .comment-box .image-holder:after {
                display: none;
                }}
        .comments-box ul.comments-list li .comment-box span.time {
          color: #587469;
          font-size: 14px;
          opacity: 0;
          font-weight: 400;
          transition: all 0.2s ease-in-out !important;
          -moz-transition: all 0.2s ease-in-out !important;
          -webkit-transition: all 0.2s ease-in-out !important;
          -o-transition: all 0.2s ease-in-out !important; }
          .comments-box ul.comments-list li .comment-box p {
            margin-bottom: 0;
            transition: all 0.2s ease-in-out !important;
            -moz-transition: all 0.2s ease-in-out !important;
            -webkit-transition: all 0.2s ease-in-out !important;
            -o-transition: all 0.2s ease-in-out !important;
          }
          .comments-box ul.comments-list li .comment-box:hover span.time,
          .comments-box ul.comments-list li .comment-box:hover p {
            opacity: 1; }
          .comments-box ul.comments-list li .comment-box span.time i {
            display: inline-block;
            margin-right: 4px; }
      .comments-box ul.comments-list li .comment-box a.reply,
      .comments-box ul.comments-list li .comment-box a.comment-reply-link {
        color: #587469;
        font-size: 13px;
        font-weight: 400;
        font-family: "Tinos", sans-serif;
        padding: 4px 10px;
        margin-top: 20px;
        border-radius: 10px;
        border: 1px solid #587469;
        }
        .comments-box ul.comments-list li .comment-box a.reply:hover,
        .comments-box ul.comments-list li .comment-box a.comment-reply-link:hover {
          background-color: #587469;
          border-color: transparent; }
          .comments-box ul.comments-list ul.children {
            padding-left: 0;
            padding-top: 30px; }
            .comments-box ul.comments-list ul.children > li {
              display: block;
              padding-top: 30px;
              padding-left: 90px; }
    .comments-box ul.comments-list li:first-child,
    .comments-box ul.comments-list ul.children > li:first-child {
      padding-top: 0;
      margin-top: 0;
      border-top: none; }

.comments-box #respond {
  margin-top: 30px; }

.comments-form {
  margin-bottom: 0; }
  @media (max-width: 992px) {
    .comment-content {
      max-width: 460px !important;
    }
    .comments-form {
      margin-bottom: 30px; } }
  .comments-form h3 {
    margin-bottom: 0; }
  .comments-form form {
    margin-top: 20px; }

    @media (max-width: 1199px) {
      .comments-box ul.comments-list ul.children > li {
        padding-left: 40px;
      }
    }

    @media (max-width: 769px) {
      .comment-content {
        max-width: 380px !important;
      }
      .comments-box ul.comments-list ul.children > li {
        padding-left: 10px;
      }
    }
#comment-form h3,
#respond h3 {
  margin-bottom: 0; }
  #comment-form h3 a#cancel-comment-reply-link,
  #respond h3 a#cancel-comment-reply-link {
    font-family: "Tinos", sans-serif;
    color: #587469;
    font-size: 15px;
    font-weight: 400; }

#comment-form p.comment-notes,
#comment-form p.logged-in-as,
#comment-form p.comment-form-cookies-consent,
#respond p.comment-notes,
#respond p.logged-in-as,
#respond p.comment-form-cookies-consent {
  display: none; }

#comment-form form,
#respond form {
  margin-top: 20px; }

#comment-form .input-line,
#respond .input-line {
  margin-bottom: 30px;
  border: 1px solid #f7f4fb;
  display: flex;
  align-items: center; }
  #comment-form .input-line label,
  #respond .input-line label {
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 16px;
    color: #587469;
    margin: 0;
    border: 1px solid #587469;
    border-right: none; }
    #comment-form .input-line label i,
    #respond .input-line label i {
      width: 58px; }
  #comment-form .input-line input[type="text"],
  #respond .input-line input[type="text"] {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    padding: 16px 20px;
    color: #587469;
    font-size: 14px;
    line-height: 18px;
    font-family: "Tinos", sans-serif;
    border: 1px solid #587469;
    background-color: transparent;
    font-weight: 400;
    margin: 0; }
  #comment-form .input-line:last-child,
  #respond .input-line:last-child {
    margin-bottom: 0; }

#comment-form textarea,
#respond textarea {
  width: 100%;
  height: 138px;
  border: 1px solid #587469;
  outline: none;
  padding: 16px 20px;
  color: #587469;
  font-size: 14px;
  line-height: 18px;
  font-family: "Tinos", sans-serif;
  font-weight: 400;
  background-color: transparent;
  margin-bottom: 30px !important;
  border-radius: 30px;
  }
  @media (max-width: 768px) {
    #comment-form textarea,
    #respond textarea {
      margin-top: 30px; } }

#comment-form input[type="submit"],
#respond input[type="submit"] {
  display: block;
  width: 100%;
  border: none;
  outline: none;
  padding: 16px 20px;
  color: #fff1e8;
  font-size: 18px;
  line-height: 21px;
  font-family: "Tinos", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  background: #587469!important;
  margin: 0;
  transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  border-radius: 30px;
  }
  #comment-form input[type="submit"]:hover,
  #respond input[type="submit"]:hover {
    color:#587469;;
    background-color: #fff1e8!important; 
}

#respond p.form-submit {
  width: 50%;
  margin-top: -53px;
  float: right;
  padding-left: 15px;
  margin-bottom: 0;
  position: relative;
  opacity: 1;
  z-index: 2; }

#respond p.form-submit.logged-in {
  width: 100%;
  float: none;
  padding: 0;
  margin-top: 0; }

.single-banner-section {
  height: 640px;
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
  margin-top: -142px; }
  @media (max-width: 991px) {
    .single-banner-section {
      height: 500px;
      margin-top: -60px; } }
  @media (max-width: 768px) {
    #respond p.form-submit {
      margin-top: 0;
      margin-bottom: 30px;
    }
    .single-banner-section {
      height: 400px; } }
  @media (max-width: 500px) {
    .single-banner-section {
      height: 300px; } }
  .single-banner-section.no-margin {
    margin-top: 0 !important; }
    .single-banner-section.no-margin h3 {
      margin-top: 0; }
  .single-banner-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #587469;
    opacity: 0.5;
    z-index: 2; }
  .single-banner-section img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; }
  .single-banner-section .container {
    position: relative;
    z-index: 3; }
  .single-banner-section h3 {
    font-size: 28px;
    font-weight: 500;
    color: #ffffff;
    margin-top: 70px; }
    @media (max-width: 991px) {
      .single-banner-section h3 {
        font-size: 24px; } }
    @media (max-width: 768px) {
      .single-banner-section h3 {
        font-size: 20px;
        line-height: 32px; } }
  .single-banner-section ul.post-meta {
    padding: 20px;
    margin: 0;
    background-color: #edf8ff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    -webkit-border-top-left-radius: 5px !important;
    -moz-border-top-left-radius: 5px !important;
    -ms-border-top-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
    -moz-border-top-right-radius: 5px !important;
    -ms-border-top-right-radius: 5px !important;
    border-top-right-radius: 5px !important; }
    @media (max-width: 991px) {
      .single-banner-section ul.post-meta {
        width: 290px; } }
    .single-banner-section ul.post-meta li {
      display: inline-block;
      margin-right: 12px; }
      .single-banner-section ul.post-meta li:last-child {
        margin-right: 0; }
      .single-banner-section ul.post-meta li a, .single-banner-section ul.post-meta li span {
        color: #587469;
        font-size: 15px;
        font-family: "Tinos", sans-serif;
        font-weight: 400; }
        .single-banner-section ul.post-meta li a i, .single-banner-section ul.post-meta li span i {
          display: inline-block;
          width: 30px;
          height: 30px;
          font-size: 12px;
          line-height: 30px;
          text-align: center;
          margin-right: 7px;
          color: #ffffff;
          background: #587469;
          -webkit-border-radius: 50% !important;
          -moz-border-radius: 50% !important;
          -ms-border-radius: 50% !important;
          border-radius: 50% !important; }
        .single-banner-section ul.post-meta li a:hover, .single-banner-section ul.post-meta li span:hover {
          color: #587469; }

/*-------------------------------------------------
 =  Sidebar Style
-------------------------------------------------*/
.sidebar {
  position: sticky;
  padding-left: 20px;
  top: 112px;
  border-radius: 30px;
  }
  @media (max-width: 991px) {
    .sidebar {
      padding-left: 0; }}

.sidebar-widget {
  margin-bottom: 35px;
  background: #fff8f4;
  padding: 30px;
  border-radius: 10px;
  }
  .sidebar-widget:last-child {
    margin-bottom: 0; }
  .sidebar-widget h3 {
    font-size: 23px;
    font-weight: 700;
    text-transform: inherit;
    line-height: 18px;
    margin-bottom: 26px;
    color: #587469;
    }
    .sidebar-widget h3 span {
      display: inline-block;
      line-height: 18px;
    }

.category-widget ul,
.widget_categories ul {
  padding: 0;
  margin: 0; }
  .category-widget ul li,
  .widget_categories ul li {
    display: block;
    margin-bottom: 16px; }
    .category-widget ul li a,
    .widget_categories ul li a {
      color: #587469;
      font-size: 17px;
      font-family: "Tinos", sans-serif;
      font-weight: 400;
      line-height: 16px;
      }
        .widget_categories ul li a:hover {
          opacity:0.7!important;
        }
      .category-widget ul li a:before,
      .widget_categories ul li a:before {
        float: left;
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        background-color: #587469;
        margin-right: 14px; }
    .category-widget ul li a:hover,
    .widget_categories ul li a:hover {
      opacity: 1; }
  .category-widget ul li:last-child,
  .widget_categories ul li:last-child {
    margin-bottom: 0; }

.tags-widget ul {
  padding: 0;
  margin: 0; }
  .tags-widget ul li {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 10px; }
    .tags-widget ul li a {
      display: inline-block;
      color: #587469;
      font-size: 13px;
      font-family: "Tinos", sans-serif;
      font-weight: 400;
      padding: 8px 16px;
      background-color: #f6f6f9;
      text-decoration: underline !important;
      -webkit-border-radius: 5px !important;
      -moz-border-radius: 5px !important;
      -ms-border-radius: 5px !important;
      border-radius: 5px !important; }
    .tags-widget ul li a:hover {
      color: #fff;
      background: #587469; }

.sidebar .tagcloud a,
.footer-widget .tagcloud a,
.wp-block-tag-cloud a {
  display: inline-block;
  color: #587469;
  font-size: 17px !important;
  font-family: "Tinos", sans-serif;
  font-weight: 400;
  margin: 0 7px 7px 0;
  text-decoration: underline !important; }

.sidebar .tagcloud a:hover {
  color: #fff;
  background: #587469; }


.text-widget img {
  max-width: 100%;
  margin-bottom: 15px; }

.text-widget p {
  margin-bottom: 0; }

.search-widget input[type="text"],
.widget_search input[type="text"] {
  margin: 0;
  padding: 16px 28px;
  border: 1px solid #f7e5d9;
  width: 100%;
  outline: none;
  color: #587469;
  border-radius: 30px;
  font-size: 16px;
  font-family: "Tinos", sans-serif;
  font-weight: 400;
  background: #fff;
  transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  }

.search-widget button,
.widget_search button {
  background: transparent;
  border: none;
  float: right;
  margin-top: -42px;
  margin-right: 14px;
  position: relative;
  z-index: 2;
  cursor: pointer; }

.widget_search label {
  width: 100%; }

.search-widget button i,
.widget_search button i {
  color: #587469;
  font-size: 17px; }

.sidebar .popular-widget ul {
  padding: 0;
  margin: 0; }
  .sidebar .popular-widget ul li {
    list-style: none;
    margin-bottom: 25px;
    border-bottom: 1px solid rgb(88 116 105 / 7%);
    clear: both;
    min-height: 90px;
    padding-bottom: 25px;
    }
  .sidebar .popular-widget ul li:last-child {
    border-bottom:0;
    padding-bottom:0px;
    margin-bottom:0;
  }

    .sidebar .popular-widget ul li img {
      float: left;
      width: 87px;
      height: 87px;
      object-fit: cover;
      object-position: center;
      border-radius: 60px;
      }
    .sidebar .popular-widget ul li .side-content {
      margin-left: 103px;
      padding-top: 5px; }
      .sidebar .popular-widget ul li .side-content h4 {
        font-size: 18px;
        line-height: 20px;
        font-weight: 100;
        text-transform: inherit;
        margin-bottom: 8px;
        }
        .sidebar .popular-widget ul li .side-content h4 a {
          color: #587469;
          opacity: 1; }
        .sidebar .popular-widget ul li .side-content h4 a:hover {
          opacity: 0.9; }
      .sidebar .popular-widget ul li .side-content span {
        display: inline-block;
        margin: 0;
        color: #fff1e8;
        font-size: 13px;
        line-height: 16px;
        font-family: "Tinos", sans-serif;
        font-weight: 400;
        padding: 2px 6px;
        opacity: 1;
        transition: all 0.2s ease-in-out !important;
        -moz-transition: all 0.2s ease-in-out !important;
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        background: #587469;
        }
        .sidebar .popular-widget ul li .side-content span:hover {
          background-color: #fff1e8;
          color:#587469;
          border-color: #587469;
          opacity: 1;
        }
  .sidebar .popular-widget ul li:last-child {
    margin-bottom: 0; }

.sidebar-widget > #sb_instagram {
  margin: -18px;
  width: 356px !important;
  background:none;
  box-shadow:none;
}

.sidebar-widget #sb_instagram .sbi_photo_wrap {
    position: relative;
    border: 5px solid #f9e4d9;
    height: 65px;
}

.sidebar-widget #sb_instagram.sbi_col_3 #sbi_images .sbi_item {
    width: 21.7% !important;
}

.sidebar-widget #sb_instagram #sbi_load .sbi_follow_btn {
  display:none
}

@media (max-width: 991px) {
  .sidebar-widget.widget_instagram-feed-widget {
    display: none; } }

/*-------------------------------------------------
 =  Pagination list Style
-------------------------------------------------*/
ul.pagination-list,
.fabriclab-pagination ul.page-numbers {
  margin: 30px 0 0;
  padding: 0; }
  @media (max-width: 991px) {
    ul.pagination-list,
    .fabriclab-pagination ul.page-numbers {
      margin-bottom: 30px; } }
  ul.pagination-list li,
  .fabriclab-pagination ul.page-numbers li {
    display: inline-block;
    margin-right: 2px; }
    ul.pagination-list li a, ul.pagination-list li span.current,
    .fabriclab-pagination ul.page-numbers li a,
    .fabriclab-pagination ul.page-numbers li span.current {
      color: #587469;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 15px;
      font-family: "Tinos", sans-serif;
      background: transparent; }
      ul.pagination-list li a:hover, ul.pagination-list li a.active, ul.pagination-list li span.current:hover, ul.pagination-list li span.current.active,
      .fabriclab-pagination ul.page-numbers li a:hover,
      .fabriclab-pagination ul.page-numbers li a.active,
      .fabriclab-pagination ul.page-numbers li span.current:hover,
      .fabriclab-pagination ul.page-numbers li span.current.active {
        color: #587469;
        background: #587469; }
      ul.pagination-list li a.disabled, ul.pagination-list li span.current.disabled,
      .fabriclab-pagination ul.page-numbers li a.disabled,
      .fabriclab-pagination ul.page-numbers li span.current.disabled {
        color: #777777;
        pointer-events: none;
        cursor: default; }
    ul.pagination-list li span.current,
    .fabriclab-pagination ul.page-numbers li span.current {
      display: inline-block;
      color: #587469;
      background: #587469; }

/*-------------------------------------------------
 =  Contact Style
-------------------------------------------------*/
section.contact-section {
  padding: 100px 0 70px;
  background: #edf8ff; }
  @media (max-width: 768px) {
    section.contact-section {
      padding: 40px 0 10px; } }

.contact-form-box {
  padding: 60px 0;
  overflow: hidden; }
  .contact-text {
    max-width: 670px;
    float: left;
  }
  @media (max-width: 1200px) {
    .contact-text {
      max-width: 570px }}
  .contact-form-box .contact-text h3 {
    padding-right: 50px;
    margin-top: 42px;
    margin-bottom: 8px; }
  .contact-form-box .contact-text p {
    padding-right: 50px;
    margin-bottom: 30px; }
    @media (max-width: 1040px) {
      .contact-form-box .contact-text h3 {
        padding-right: 0px;
        margin-top: 0 }
        .contact-form-box .contact-text p {
          padding-right: 0;
          margin-bottom: 25px; }
      .contact-text {
        width: 100%;
        max-width: 100%;
        float: none;
        margin-bottom: 30px; }}
  .contact-form-box .contact-text img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 30px 0 0 30px;
    object-position: center;
  }
  @media (max-width: 1200px) {
    .contact-form-box .contact-text img {
      height: 430px; }}
      @media (max-width: 1040px) {
        .contact-form-box .contact-text img {
          height: 300px; }}

.contact-form-box .contact-form {
  padding: 46px 50px 24px;
  background-color: #587469;
  width: 480px;
  margin-left: -40px;
  position: relative;
  z-index: 2;
  float: right;
  border-radius: 0px 30px 30px 0;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .contact-form-box .contact-form {
    padding: 30px 30px 20px;
    width: 400px; }}
    @media (max-width: 1040px) {
      .contact-form-box .contact-form {
        padding: 30px 30px 20px;
        float: none;
        margin: 0;
        width: 100%; }}

.contact-form-box .contact-form h3 {
  text-transform: inherit;
  margin-bottom: 20px;
  font-size: 24px;
}

.contact-form-box .contact-form p {
  opacity: 1;
  margin-bottom: 0;
}

.wpcf7-not-valid-tip {
  display: none;
}

.contact-form-box .wpcf7 form .wpcf7-response-output {
  margin: 0 0 10px;
  border: 1px solid #587469;
}

#contact-form .input-line,
.contact-form-box .input-line {
  margin-bottom: -1px;
  border: 1px solid rgb(234 226 220);
  display: flex;
  align-items: center;
  }
  #contact-form .input-line label,
  .contact-form-box .input-line label {
    width: 58px !important;
    height: 58px;
    line-height: 58px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #587469;
    margin: 0;
    border-right: 1px solid rgb(234 226 220);
    }
    #contact-form .input-line label i,
    .contact-form-box .input-line label i {
      width: 58px !important; }
  #contact-form .input-line input[type="text"],
  #contact-form .input-line input[type="email"],
  .contact-form-box .input-line input[type="text"],
  .contact-form-box .input-line input[type="email"] {
    display: block;
    width: 100%;
    max-width: 100%;
    border: none;
    outline: none;
    padding: 20px 25px;
    color: #587469;
    font-size: 14px;
    line-height: 18px;
    font-family: "Tinos", sans-serif;
    font-weight: 400;
    background-color: transparent;
    margin: 0;
    }
  #contact-form .input-line:last-child,
  .contact-form-box .input-line:last-child {
    margin-bottom: 0; }

#contact-form textarea,
.contact-form-box textarea {
  width: 100%;
  height: 148px;
  border: 1px solid rgb(234 226 220);
  outline: none;
  padding: 20px 25px;
  color: #587469;
  font-size: 14px;
  line-height: 18px;
  font-family: "Tinos", sans-serif;
  background-color: transparent;
  font-weight: 400;
  border-radius: 0px 0 0 30px;
  margin-bottom: 22px;
  }
  @media (max-width: 768px) {
    #contact-form textarea,
    .contact-form-box textarea {
      margin-top: 30px; } }

#contact-form input[type="submit"],
.contact-form-box input[type="submit"] {
  display: block;
  width: 100%;
  border: none;
  outline: none;
  padding: 20px 25px;
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
  font-family: "Tinos", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  background: #587469;
  margin: 0;
  transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  border-radius: 30px 0px 30px 0px;
  }
  #contact-form input[type="submit"]:hover,
  .contact-form-box input[type="submit"]:hover {
    opacity: 0.9; }

#map {
  margin-bottom: 30px;
  height: 500px; }

  .contact-form-box ::-webkit-input-placeholder,
  #comment-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #587469;
  }
  .contact-form-box ::-moz-placeholder,
  #comment-form ::-moz-input-placeholder { /* Firefox 19+ */
    color: #587469;
  }
  .contact-form-box :-ms-input-placeholder,
  #comment-form ::-ms-input-placeholder { /* IE 10+ */
    color: #587469;
  }
  .contact-form-box :-moz-placeholder,
  #comment-form ::-moz-input-placeholder { /* Firefox 18- */
    color: #587469;
  }
/*-------------------------------------------------
 =  About Style
-------------------------------------------------*/
section.about-section {
  padding: 60px 0 0; }
  @media (max-width: 768px) {
    section.about-section {
      padding: 40px 0 0; } }
    section.about-section .about-box img {
      width: 100%;
      height: 240px;
      margin-bottom: 24px;
      object-fit: cover;
      object-position: center;
      border-radius: 30px 30px 0 0;
      }
      section.about-section .about-box h4 {
        margin-bottom: 8px;
      }
      section.about-section .about-box .about-post {
        margin-bottom: 24px;
      }
      section.about-section .about-box .about-post p {
        margin: 0;
      }
      section.about-section .about-quote {
        padding: 82px 45px;
        background-color: #587469;
        background-size: cover;
        background-position: center;
        margin-bottom: 30px;
        text-align: center;
        border-radius: 30px 30px 0 0;
      }
      section.about-section .about-quote h4 {
        color: #ffffff;
        margin-bottom: 12px;
        font-size: 24px;
        text-transform: inherit;
      }
      section.about-section .about-quote p {
        color: #ffffff;
        margin-bottom: 20px;
      }

      section.about-section .about-quote a.button-one {
        background-color: #587469;
        color: #fff1e8;
        border-radius: 30px;
      }

      .about-quote a.button-one:hover {
        background-color: #fff1e8!important;
        color:#587469!important;
        opacity: 1;
      }
      
      section.about-section .about-quote img.emoji {
        animation: MoveUpDown 1s linear infinite;
        position: relative;
      }

      @keyframes MoveUpDown {
        0%,
        100% {
          bottom: 0;
        }
        50% {
          bottom: -7px;
        }
      }

/*-------------------------------------------------
 =  Team section Style
-------------------------------------------------*/
section.team-section {
  padding: 0 0 60px;
  position: relative;
  z-index: 2; }
  section.team-section .team-box {
    position: relative;
    padding: 30px 30px 0px; }
  section.team-section .team-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 68px;
    border-radius: 0 0 30px 30px;
    background-color: #fff1e8;
  }
    section.team-section .team-box .team-post {
      position: relative;
      text-align: center;
      border-radius: 0 0 30px 30px;
      overflow: hidden;
      }
      @media (max-width: 991px) {
        section.team-section .team-box .team-post {
          margin-bottom: 30px; }}
        section.team-section .team-box .team-post .image-holder img {
          width: 100%;
          height: 330px !important;
          object-position: center;
          object-fit: cover; }
        section.team-section .team-box .team-post .hover-box {
          position: absolute;
          top: 0;
          left: 0;
          align-items: center;
          justify-content: center;
          text-align: center;
          display: flex;
          flex-direction: column;
          width: 100%;
          height: 100%;
          background-color: #587469;
          opacity: 0;
          transition: all 0.5s ease-in-out !important;
          -moz-transition: all 0.5s ease-in-out !important;
          -webkit-transition: all 0.5s ease-in-out !important;
          -o-transition: all 0.5s ease-in-out !important;
          }
        section.team-section .team-box .team-post:hover .hover-box {
          opacity: 1; }
      section.team-section .team-box .team-post h3 {
        font-size: 24px;
        margin-top: -46px;
        letter-spacing: -1px;
        margin-bottom: 0; }
      section.team-section .team-box .team-post span {
        color: #587469;
        opacity: 0.4;
        display: inline-block;
        font-size: 18px;
        line-height: 16px;
        font-weight: 400;
        font-family: "Tinos", sans-serif;
        margin: 0; }
      section.team-section .team-box .team-post ul.team-social {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 22px 10px;
        background-color: #587469;
      }
      section.team-section .team-box .team-post ul.team-social li {
        display: inline-block;
        margin: 0 10px;
      }
      section.team-section .team-box .team-post ul.team-social li a {
        color: #587469;
        font-size: 14px;
        transition: all 0.5s ease-in-out !important;
        -moz-transition: all 0.5s ease-in-out !important;
        -webkit-transition: all 0.5s ease-in-out !important;
        -o-transition: all 0.5s ease-in-out !important;
      }
      section.team-section .team-box .team-post ul.team-social li a:hover {
        color: #ffffff;
      }

/*-------------------------------------------------
 =  Slider Section Style
-------------------------------------------------*/
  .slider-section .flexslider {
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden;
    border: none !important; }
    .slider-section .flexslider ul.slides {
      overflow: hidden;
      padding-left: 0; }
    .slider-section .flexslider li {
      border-radius: 0 !important;
      position: relative; }
    .slider-section .flexslider img {
      width: 100% !important;
      height: calc(100vh - 219px) !important;
      object-fit: cover;
      margin-bottom: -7px;
      border-radius: 0 !important;
      object-position: center; }
      @media (max-width: 769px) {
        .slider-section .flexslider img {
          height: 300px !important;
         }}
    .slider-section .flexslider .hover-box {
      position: absolute;
      bottom: 0;
      left: 50%;
      z-index: 2;
      width: 630px;
      transform: translateX(-50%);
      background-color: #ffffff;
      padding: 4px 33px 26px;
      opacity: 0;
      transition: all 0.5s ease-in-out !important;
      -moz-transition: all 0.5s ease-in-out !important;
      -webkit-transition: all 0.5s ease-in-out !important;
      -o-transition: all 0.5s ease-in-out !important;
      }
      @media (max-width: 769px) {
        .slider-section {
          padding: 0 20px;
         }
        .slider-section .flexslider .hover-box {
          width: auto;
          position: relative;
          left: inherit;
          bottom: inherit;
          transform: translateX(0);
         }}
      
      .slider-section .flexslider .hover-box h2 {
        margin-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgb(88 116 105 / 08%);
        }
        @media (max-width: 768px) {
          .slider-section .flexslider .hover-box h2 {
            font-size: 24px; } }
        .slider-section .flexslider .hover-box h2 a {
          color: #587469; }
          .slider-section .flexslider .hover-box h2 a:hover {
            opacity: 0.85; }
    .slider-section .flexslider .flex-active-slide .hover-box {
      opacity: 1;
      border-radius: 30px 30px 0 0;
      }
      .slider-section .flexslider .flex-active-slide .hover-box a.category-line {
        margin-bottom: 10px; }
  .slider-section .container {
    position: relative; }
    .slider-section .flexslider ul {
      margin: 0 !important;
      padding: 0 !important; }
    .slider-section .flexslider {
      overflow: hidden; }

.slider-section .flex-control-nav {
  display: none;
}
.slider-section .flex-direction-nav {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0;
  width: 100%;
  z-index: 2;
}
@media (max-width: 769px) {
  .slider-section .flex-direction-nav {
    top: 145px;
    width: auto;
    left: 20px;
    right: 20px;

   }}

.slider-section .flex-direction-nav li {
  display: inline-block;
}

.slider-section .flex-direction-nav li.flex-nav-prev {
  float: left;
}

.slider-section .flex-direction-nav li.flex-nav-next {
  float: right;
}

.slider-section .flex-direction-nav li a {
  width: 100px;
  height: 60px;
  display: inline-block;
  background-color: #587469;
  position: relative;
  opacity: 1 !important;
  text-indent: 9999999px !important;
}

.slider-section .flex-direction-nav li a:before {
  font-family: "Material Icons";
  content: "\f1df";
  display: inline-block;
  font-size: 40px;
  line-height: 60px;
  color: #fff1e8;
  text-indent: -5px !important;
  position: absolute;
  left: 33px;
  top: 0;
}

.slider-section .flex-direction-nav li.flex-nav-prev a:before {
  content: "\f1e6";
  font-family: "Material Icons";
}

.slider-section .flexslider:hover .flex-direction-nav .flex-prev {
  left: 0;
}

.slider-section .flexslider:hover .flex-direction-nav .flex-next {
  right: 0;
}

/*-------------------------------------------------
 =  Slider Section 2 Style
-------------------------------------------------*/
  .slider-section2 {
    padding-top: 60px;
  }
  .slider-section2 .flexslider {
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden;
    border: none !important; }
    .slider-section2 .flexslider ul.slides {
      overflow: hidden;
      padding-left: 0; }
    .slider-section2 .flexslider li {
      border-radius: 0 !important;
      position: relative;
      }
    .slider-section2 .flexslider img {
      width: 100% !important;
      height: 600px !important;
      object-fit: cover;
      border-radius: 0 !important;
      object-position: center;
      border-radius: 30px!important;
      overflow: hidden;
      }
      @media (max-width: 769px) {
        .slider-section2 .flexslider img {
          height: 300px !important;
         }}
    .slider-section2 .flexslider .hover-box {
      position: absolute;
      bottom: 57px;
      right: 50px;
      z-index: 2;
      width: 630px;
      background-color: #ffffff;
      padding: 4px 29px 29px;
      opacity: 0;
      transition: all 0.5s ease-in-out !important;
      -moz-transition: all 0.5s ease-in-out !important;
      -webkit-transition: all 0.5s ease-in-out !important;
      -o-transition: all 0.5s ease-in-out !important;
      }
      @media (max-width: 992px) {
        .slider-section2 {
          padding-top: 20px;
        }}
      @media (max-width: 769px) {
        .slider-section2 {
          padding-top: 20px;
        }
        .slider-section2 .flexslider .hover-box {
          width: auto;
          position: relative;
          right: inherit;
          bottom: inherit;
         }}
      
      .slider-section2 .flexslider .hover-box h2 {
        margin-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgb(88 116 105 / 08%);
        margin-bottom: 24px!important;
        }
        @media (max-width: 768px) {
          .slider-section2 .flexslider .hover-box h2 {
            font-size: 24px; } }
        .slider-section2 .flexslider .hover-box h2 a {
          color: #587469; }
          .slider-section2 .flexslider .hover-box h2 a:hover {
            opacity: 0.85; }
    .slider-section2 .flexslider .flex-active-slide .hover-box {
      opacity: 1;
      border-radius: 20px;
      }
      .slider-section2 .flexslider .flex-active-slide .hover-box a.category-line {
        margin-bottom: 10px; }
  .slider-section2 .container {
    position: relative; }
    .slider-section2 .flexslider ul {
      margin: 0 !important;
      padding: 0 !important; }
    .slider-section2 .flexslider {
      overflow: hidden;
      }

.slider-section2 .flex-control-nav {
  display: none;
}
.slider-section2 .flex-direction-nav {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 50px;
  z-index: 2;
}

.slider-section2 .flex-direction-nav a {
  margin: 0;
}

.slider-section2 .flex-direction-nav li {
  display: inline-block;
}

.slider-section2 .flex-direction-nav li.flex-nav-prev {
  margin-bottom: 5px;
}

.slider-section2 .flex-direction-nav li a {
  width: 50px;
  height: 34px;
  display: inline-block;
  background-color: #fff1e8;
  position: relative;
  opacity: 1 !important;
  text-indent: 9999999px !important;
}
.slider-section2 .flex-direction-nav li a:hover {
  background-color:white;
}

.slider-section2 .flex-direction-nav li a:before {
  font-family: "Material Icons";
  content: "\f1df";
  display: inline-block;
  font-size: 30px;
  line-height: 34px;
  color: #9d9a99;
  text-indent: -5px !important;
  position: absolute;
  left: 16px;
  top: 0;
}

.slider-section2 .flex-direction-nav li.flex-nav-prev a:before {
  content: "\f1e6";
  font-family: "Material Icons";
}

.slider-section2 .flexslider .flex-direction-nav .flex-prev,
.slider-section2 .flexslider .flex-direction-nav .flex-next {
  left: inherit;
  right: inherit;
  border-radius: 5px;
}

/*-------------------------------------------------
 =  Error Style
-------------------------------------------------*/
section.error-section {
  height: calc(100vh - 220px);
  display: flex;
  align-items: center;
  text-align: center; }
  section.error-section div.title {
    position: relative;
    margin-bottom: 30px; }
    section.error-section div.title h1 {
      font-weight: 700;
      font-size: 100px;
      text-transform: uppercase;
      margin: 0;
      line-height: 100px; }
      @media (max-width: 991px) {
        section.error-section div.title h1 {
          font-size: 100px;
          line-height: 100px; } }
      @media (max-width: 768px) {
        section.error-section div.title h1 {
          font-size: 70px;
          font-weight: 700;
          line-height: 70px; } }
      @media (max-width: 500px) {
        section.error-section div.title h1 {
          font-size: 50px;
          line-height: 50px; } }
    section.error-section div.title span,
    .not-found-title span {
      display: block !important;
      position: relative;
      text-align: center !important;
      margin-top: 15px;
      top: inherit;
      left: inherit;
      transform: translate(0);
      display: inline-block;
      color: #587469;
      font-size: 20px;
      line-height: 14px;
      font-weight: 700;
      font-family: "Tinos", sans-serif;
      text-transform: uppercase;
      background-color: transparent !important; }
  section.error-section a,
  .not-found-title a {
    display: inline-block;
    color: #587469;
    font-size: 16px;
    font-family: "Tinos", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px;
    background-color: #587469; }
    section.error-section a:hover,
    .not-found-title a:hover {
      opacity: 0.9; }

      .not-found-title h1 {
        text-transform: uppercase;
      }

      .not-found-title span {
        text-transform: inherit;
        text-align: left !important;
      }

      .not-found-title a {
        color: #ffffff;
      }
/*-------------------------------------------------
 =  Footer Style
-------------------------------------------------*/
footer {
  position: relative;
  z-index: 99;
  background: #fff1e8;
  padding-top: 50px;
  border: 1px solid #f3e8e1;
  border-radius: 30px 30px 0 0;
  margin: 50px;
  margin-bottom: 0!important;
  margin-top: 0;
  }
  footer ul.insta-list {
    margin: 0 -3px 0;
    padding: 3px 0;
    display: flex;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.08); }
    footer ul.insta-list li {
      list-style: none;
      width: 16.6666%;
      padding: 10px; }
      @media (max-width: 991px) {
        footer ul.insta-list li {
          width: 33.3333%; } }
      @media (max-width: 768px) {
      footer {
        margin: 0 15px;
      }
        footer ul.insta-list li {
          width: 50%; } }
      footer ul.insta-list li a {
        display: block; }
        footer ul.insta-list li a img {
          width: 100%;
          height: 300px;
          object-fit: cover;
          object-position: center;
          -webkit-border-radius: 5px !important;
          -moz-border-radius: 5px !important;
          -ms-border-radius: 5px !important;
          border-radius: 5px !important; }
        footer ul.insta-list li a:hover {
          opacity: 0.9; }
  footer .widget-area-part {
    padding: 45px 0 0; }
    footer .widget-area-part .footer-widget {
      margin-bottom: 30px; }
  footer .down-part {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgb(88 116 105 / 10%);
    margin-bottom: -1px;
    }
    footer .down-part img {
      max-width: 80px;
      height: auto;
      margin-right: 26px;
    }
    @media (max-width: 540px) {
      footer .down-part img {
        max-width: 50px;
        height: auto;
        margin-right: 10px;
      }}
    footer .down-part p {
      font-size: 18px;
      font-family: "Tinos", sans-serif;
      font-weight: 400;
      line-height: 24px;
      opacity: 1;
      margin-bottom: 0;
      color: #587469;
      }
      footer .down-part a.go-top {
        display: inline-block;
        width: 80px;
        height: 79px;
        background-color: #587469;
        overflow: hidden;
        text-align: center;
        color: #fff1e8;
        transition: all 0.2s ease-in-out !important;
        -moz-transition: all 0.2s ease-in-out !important;
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        }
        @media (max-width: 540px) {
          footer .down-part a.go-top {
            width: 50px;
            height: 49px;
          }}
        footer .down-part a.go-top span {
          font-size: 36px;
          line-height: 79px !important;
        }
        @media (max-width: 540px) {
          footer .down-part a.go-top span {
            font-size: 28px;
            line-height: 49px !important;
          }}
        footer .down-part a.go-top:hover {         
          background:#587469;
          opacity:0.9;
        }
        .instagram-box {
          position: relative;
        }
        .instagram-box .sbi_follow_btn a {
          position: absolute;
          top: 1px;
          left: 50%;
          font-size: 15px !important;
          border: none !important;
          border-radius: 0 !important;
          -moz-border-radius: 0px;
          -webkit-border-radius: 0px;
          transform: translateX(-50%);
        }

        .instagram-box #sbi_load {
          height: 0;
        }

.sbi_photo_wrap {
    overflow: hidden!important;
    transition: all 0.2s ease-in-out !important;
    -moz-transition: all 0.2s ease-in-out !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.1s ease-in-out !important;
    border-radius: 100px;
    opacity:0.9;
    -webkit-transform: rotate(-30deg);
}

.sbi_photo_wrap:hover {
    filter: contrast(var(--value, 1.3));
    opacity: 1!important;
    -webkit-transform: rotate(0deg);
}

@media (max-width: 991px) {
  #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
    width: 25%; } }

@media (max-width: 768px) {
  #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
    width: 33.3333%; } }

    footer .textwidget p {
      color: rgb(0 0 0 / 70%);
    }

    footer .footer-widget h3 {
      font-size: 20px;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 16px;
      padding-bottom: 20px;
      border-bottom: 1px solid rgb(88 116 105 / 10%);
    }
    
    footer .widget_categories ul li {
      margin-bottom: 7px;
    }
    
    footer .widget_categories ul li:last-child {
      margin-bottom: 0;
    }
    
    footer .widget_categories ul li a {
      color: rgb(0 0 0 / 70%);
      font-size: 16px;
      line-height: 16px;
      font-family: "Tinos", sans-serif;
      text-decoration: none !important;
      opacity: 1;
      font-weight: 400;
      }
    footer .widget_categories ul li a:before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        background-color: #587469 !important;
        margin-right: 14px;
      }

      .custom-html-widget ul {
        padding: 0;
        margin: 0;
      }

      .custom-html-widget ul li {
        display: block;
        color: rgb(0 0 0 / 70%);
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 7px;
      }

      .custom-html-widget ul li i {
        display: inline-block;
        margin-right: 8px;
        font-size: 14px;
        color: #587469;
      }

/* preloader */

#preloader-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  overflow: hidden;
  background-color: #ffffff;
  transition: all 0.4s ease-in-out !important;
  -moz-transition: all 0.4s ease-in-out !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  -o-transition: all 0.4s ease-in-out !important;
}

/* #preloader-box.hide {
  height: 0;
} */

.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 4px solid #587469;
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #587469;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}

/* dark mode style */


body.dark-mode,
body.dark-mode .slider-section .flexslider .hover-box,
body.dark-mode .mobile-menu,
body.dark-mode #preloader-box  {
  background: #587469;
}

body.dark-mode .navbar,
body.dark-mode .navbar ul.sub-menu {
  background-color: #151515 !important;
  border-bottom: transparent;
}

.white-logo-rovlex {
  display: none;
}

body.dark-mode .navbar-brand,
body.dark-mode footer .down-part img,
body.dark-mode .logo-brand {
  display: none;
}

body.dark-mode .white-logo-rovlex {
  display: block;
}

body.dark-mode .navbar .navbar-nav > li > a {
  color: #ffffff !important;
}

body.dark-mode .navbar .navbar-nav > li > a:before {
  background-color: #151515;
}

body.dark-mode .navbar .navbar-nav > li.current_page_item > a, 
body.dark-mode .navbar .navbar-nav > li.current-menu-parent > a {
  border-bottom: 1px solid #587469;
}

body.dark-mode .navbar .open-search,
body.dark-mode ul.post-meta li a i,
body.dark-mode ul.post-meta li span i {
  color: #587469;
}

body.dark-mode #social-fixed span.follow,
body.dark-mode #social-fixed ul.social-icons li a,
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, 
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,
body.dark-mode .article-post h2 a,
body.dark-mode .article-post a.read-full-post,
body.dark-mode .article-post .east-link,
body.dark-mode ul.post-meta li a,
body.dark-mode ul.post-meta li span,
body.dark-mode footer .textwidget p,
body.dark-mode .custom-html-widget ul li,
body.dark-mode footer .widget_categories ul li a,
body.dark-mode .gs-showcase-links .gs-showcase-link-item .gs-showcase-item-title,
body.dark-mode .category-widget ul li a:hover,
body.dark-mode .widget_categories ul li a:hover,
body.dark-mode .fabriclab-pagination ul.page-numbers li a,
body.dark-mode .single-post-box .post-content blockquote p,
body.dark-mode .single-post-box .post-content blockquote:after,
body.dark-mode .single-post-box ul.post-tags li span,
body.dark-mode .single-post-box ul.post-tags li a,
body.dark-mode .author-box p,
body.dark-mode .comments-box ul.comments-list li .comment-box span.time,
body.dark-mode #comment-form .input-line label,
body.dark-mode #respond .input-line label,
body.dark-mode .navbar ul.sub-menu li a,
body.dark-mode .search-form-fullscreen a.close-search {
  color: #ffffff;
}

body.dark-mode .article-post h2 a,
body.dark-mode .standard-post h3 a,
body.dark-mode .thumb-post h2 a,
body.dark-mode .slider-section .flexslider .hover-box h2 a,
body.dark-mode .search-post .post-content h4 a {
  color: #ffffff !important;
}

body.dark-mode .thumb-post h2 a:hover {
  color: #587469 !important;
}

body.dark-mode ul.post-meta li:before,
body.dark-mode .single-post-box .post-content blockquote:before,
body.dark-mode .mobile-menu .logo-toogle-bar a.tooggle-mobile span {
  background-color: #ffffff;
}

body.dark-mode .mobile-menu {
  border-color: transparent;
}

body.dark-mode .article-post h2,
body.dark-mode .standard-post h3,
body.dark-mode .slider-section .flexslider .hover-box h2,
body.dark-mode .single-post-box h3.main-title {
  border-bottom: 1px solid #ffffff;
}

body.dark-mode footer .down-part {
  border-top-color: #ffffff;
}

body.dark-mode p,
body.dark-mode .category-widget ul li a,
body.dark-mode .widget_categories ul li a {
  color: rgba(255, 255, 255, 0.6);
}

body.dark-mode .category-widget ul li a,
body.dark-mode .widget_categories ul li a {
  opacity: 1;
}

body.dark-mode .popular-widget ul li .side-content h4 a {
  color: rgba(255, 255, 255, 0.6) !important;
  opacity: 1 !important;
}

body.dark-mode .popular-widget ul li .side-content h4 a:hover {
  color: rgba(255, 255, 255, 1) !important;
}

body.dark-mode footer .down-part a.go-top {
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;  
}

body.dark-mode footer .widget_categories ul li a:before,
body.dark-mode .fabriclab-pagination ul.page-numbers li a:hover,
body.dark-mode section.team-section .team-box .team-post h3,
body.dark-mode section.about-section .about-quote h4,
body.dark-mode section.about-section .about-quote p {
  color: #587469;
}

.dark-logo-footer {
  display: none;
  max-width: 80px;
  height: auto;
}

body.dark-mode .dark-logo-footer {
  display: inline-block !important;
}

body.dark-mode #sb_instagram .sbi_photo,
body.dark-mode #comment-form textarea,
body.dark-mode #respond textarea {
  border: 1px solid #ffffff;
}

body.dark-mode .sidebar #sb_instagram .sbi_photo {
  border-color: transparent;
}

body.dark-mode .thumb-post,
body.dark-mode .single-post-box ul.post-tags {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}

body.dark-mode .sidebar .sidebar-widget h3 span {
  background-color: #587469;
  color: #587469;
}

body.dark-mode .sidebar .popular-widget ul li .side-content span {
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.2);
}

body.dark-mode .sidebar .popular-widget ul li:hover .side-content span {
  color: #ffffff;
  border-color: #587469;
  background-color: transparent;
}

body.dark-mode .sidebar .category-widget ul li a:before,
body.dark-mode .sidebar .widget_categories ul li a:before {
  background-color: rgba(255, 255, 255, 0.5);
}

body.dark-mode .sidebar .category-widget ul li a:hover:before,
body.dark-mode .sidebar .widget_categories ul li a:hover:before {
  background-color: #587469;
}

body.dark-mode a.button-one {
  background-color: #587469;
  color: #ffffff;
}

body.dark-mode section.about-section .about-quote {
  background: #587469 !important;
}

body.dark-mode section.page-banner-section h2,
body.dark-mode .contact-form-box .contact-form h3 {
  color: #587469 !important;
}

body.dark-mode .author-box {
  border-color: #ffffff;
}

body.dark-mode .comments-box ul.comments-list li .comment-box a.reply,
body.dark-mode .comments-box ul.comments-list li .comment-box a.comment-reply-link {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}

body.dark-mode .comments-box ul.comments-list li .comment-box a.reply:hover,
body.dark-mode .comments-box ul.comments-list li .comment-box a.comment-reply-link:hover {
  color: #587469;
  border-color: transparent;
}

body.dark-mode #comment-form .input-line label,
body.dark-mode #respond .input-line label {
  border: none;
  border-right: 1px solid #ffffff;
}

body.dark-mode #comment-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
body.dark-mode #comment-form ::-moz-input-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
body.dark-mode #comment-form ::-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
body.dark-mode #comment-form ::-moz-input-placeholder { /* Firefox 18- */
  color: #ffffff;
}

body.dark-mode .mobile-menu .navbar-nav {
  background-color: #ffffff;
}

.bypostauthor {
  background-color: transparent !important;
}

body.dark-mode .bypostauthor,
body.dark-mode .search-form-fullscreen {
  background-color: #587469;
}

body.dark-mode .search-form-fullscreen input[type="text"],
body.dark-mode .search-form-fullscreen input[type="search"] {
  background-color: transparent;
  border-bottom: 1px solid #232323;
  color: #ffffff;
}

body.dark-mode .loader {
  border: 4px solid #ffffff;
}

body.dark-mode .loader-inner,
body.dark-mode #social-fixed ul.social-icons li:last-child:after {
  background-color: #ffffff;
}

.title-magic-block h2 {
  font-size: 26px;
}

.title-magic-block h2 span {
  display: inline-block;
  padding: 10px 20px;
  background-color: #fff1e8;
  border-radius: 10px;
  border-left: 4px solid #5874691a;
}

a.navbar-brand img {
    max-width: 210px;
}

.single-post-box ul.post-meta {
    margin-left: 0;
}

.article-post ul.post-meta {
    margin-left: 30px;
}

ul.post-meta li:before {
  margin-top: 19px;
}

ul.post-meta li a {
  display: flex;
  align-items: center;
}

ul.post-meta i {
  display: inline-block;
  background: #fff1e8;
  border-radius:100px;
  color: #587469;
  padding:11px 10px 10px 10px;
}

i.far.fa-folder-open {
  padding-right:8px!important;

}

.recent-box .thumb-meta-box {
    padding-left: 0;
}


#sb_instagram .sbi_follow_btn a {
  border-radius: 40px!important;
  background:#fff1e8;
  color:#587469;
  top: 50%;
  margin-top: -18px;
}

@media (max-width: 640px) {
  div#sb_instagram {
  border-radius: 54px !important;
}}


#sb_instagram .sbi_follow_btn a:hover {

  color:#fff1e8;
}

footer .down-part img {
    display: none;
}

div#sb_instagram {
    background: rgb(88 116 105);
    border-radius: 100px;
    box-shadow: 5px 3px 16px -10px rgb(0 0 0 / 51%);
    -webkit-box-shadow: 5px 3px 16px -10px rgb(0 0 0 / 51%);
    -moz-box-shadow: 5px 3px 16px -10px rgba(0,0,0,0.51);
}

.flex-direction-nav .flex-prev {
    left: -100px;
}

.flex-direction-nav .flex-next {
    right: -100px;
}

a.flex-prev {
    border-radius: 0px 10px 10px 0;
}

a.flex-next {
    border-radius: 10px 0px 0px 10px;
}

.comments-box ul.comments-list li .comment-box .image-holder img {
    border-radius: 10px;
}

.comments-box ul.comments-list li .comment-box .image-holder {
    border-radius: 30px!important;
    overflow: hidden;
}

#rads .thumb-post {
    border-radius: 0;
  margin-bottom:-1px;
}

#sb_instagram .sbi_follow_btn a:focus, #sb_instagram .sbi_follow_btn a:hover {
    outline: 0;
    box-shadow: inset 0 0 10px 20px #587469;
}

.slider-section .flexslider .full-post > a {
  display: block;
}

.comments-box ul.comments-list li .comment-box .image-holder {
  overflow: visible;
}

.comments-box ul.comments-list li .comment-box .image-holder:after {
  left: 4px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.comments-box ul.comments-list li .comment-box:hover .image-holder:after {
  width: 94px;
}


#container body.vp-center {
  display: block !important;
}

.standard-post .content-border {
  padding: 5px 25px 25px;
  border-radius: 10px;
  border: 1px solid rgb(88 116 105 / 08%);
}

.standard-post .content-border ul.post-meta li:before {
  width: 15px;
}

.standard-post .content-border ul.post-meta li a i,
.standard-post .content-border ul.post-meta li span i {
  margin-right: 4px;
}

.standard-post .content-border ul.post-meta li {
  margin-right: 2px;
}

.standard-post .content-border ul.post-meta li a,
.standard-post .content-border ul.post-meta li span {
  font-size: 11px;
}

.standard-post .content-border ul.post-meta li:before {
  margin-right: 5px;
}

.col3 .standard-post img, .col-lg-8 .col2 .standard-post img,
.col2 .standard-post img {
  height: auto !important;
}

/* Home 9 */

.slider-section3 .flexslider-thumb {
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    border: none !important; }
    .slider-section3 .flexslider-thumb ul.slides {
      overflow: hidden;
      padding-left: 0; }
    .slider-section3 .flexslider-thumb li {
      border-radius: 0 !important;
      position: relative; }
    .slider-section3 .flexslider-thumb img {
      width: 100% !important;
      height: 660px !important;
      object-fit: cover;
      margin-bottom: -7px;
      border-radius: 0 !important;
      object-position: center; }
      .slider-section3 .flexslider-thumb .full-post > a {
        display: block;
      }
      @media (max-width: 769px) {
        .slider-section3 .flexslider-thumb img {
          height: 300px !important;
         }}
    .slider-section3 .flexslider-thumb .hover-box {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 2;
      background-color: rgba(0,0,0, 0.5);
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: all 0.5s ease-in-out !important;
      -moz-transition: all 0.5s ease-in-out !important;
      -webkit-transition: all 0.5s ease-in-out !important;
      -o-transition: all 0.5s ease-in-out !important;
      }
      @media (max-width: 769px) {
        .slider-section3 {
          padding: 0;
         }}
      
      .slider-section3 .flexslider-thumb .hover-box h2 {
        font-size: 50px;
        line-height: 50px;
        color: #ffffff;
        max-width: 768px;
        margin: 0 auto 30px;
      }
      .slider-section3 .flexslider-thumb .hover-box h2 a {
        color: #ffffff !important;
      }

      .slider-section3 .flexslider-thumb .hover-box ul.post-meta {
        background-color: #587469;
        border-radius: 22px;
        padding: 12px 17px 10px !important;
        margin-bottom: 120px !important;
      }
      .slider-section3 .flexslider-thumb .hover-box ul.post-meta li a,
      .slider-section3 .flexslider-thumb .hover-box ul.post-meta li a i {
        color: #ffffff;
      }
      .slider-section3 .flexslider-thumb .hover-box ul.post-meta li a i {
        background-color: transparent;
        padding: 0 !important;
      }
      .slider-section3 .flexslider-thumb .hover-box ul.post-meta li:before {
        margin-top: 8px;
      }
        @media (max-width: 768px) {

          .slider-section3 .flexslider-thumb .hover-box ul.post-meta {
            margin-bottom: 0 !important;
          }
          .slider-section3 .flexslider-thumb .hover-box h2 {
            font-size: 24px;
            margin-bottom: 10px;
            line-height: 28px } }
          .slider-section3 .flexslider-thumb .hover-box h2 a:hover {
            opacity: 0.85; }
    .slider-section3 .flexslider-thumb .flex-active-slide .hover-box {
      opacity: 1;
      }
      .slider-section3 .flexslider-thumb .flex-active-slide .hover-box a.category-line {
        margin-bottom: 10px; }
  .slider-section3 .container {
    position: relative; }
    .slider-section3 .flexslider-thumb ul {
      margin: 0 !important;
      padding: 0 !important; }
    .slider-section3 .flexslider-thumb {
      overflow: hidden; }

.slider-section3 .flex-control-nav {
  max-width: 1110px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 180px;
  padding: 10px 5px 0;
  background: #ffffff !important;
  z-index: 2;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.slider-section3 .flex-control-nav li {
  padding: 0 5px;
  width: 20%;
}

.slider-section3 .flex-control-nav li img {
  width: 100% !important;
  height: 170px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.slider-section3 .flex-direction-nav {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0;
  width: 100%;
  z-index: 2;
}
@media (max-width: 769px) {
  .slider-section3 .flex-control-nav,
  .slider-section3 .flex-direction-nav {
    display: none !important;
  }
}

.slider-section3 .flex-direction-nav li {
  display: inline-block;
}

.slider-section3 .flex-direction-nav li.flex-nav-prev {
  float: left;
}

.slider-section3 .flex-direction-nav li.flex-nav-next {
  float: right;
}

.slider-section3 .flex-direction-nav li a {
  width: 100px;
  height: 60px;
  display: inline-block;
  background-color: #787773;
  position: relative;
  opacity: 0 !important;
  text-indent: 9999999px !important;
}

.slider-section3 .flex-direction-nav li a:before {
  font-family: "Material Icons";
  content: "\f1df";
  display: inline-block;
  font-size: 40px;
  line-height: 60px;
  color: #fff1e8;
  text-indent: -5px !important;
  position: absolute;
  left: 33px;
  top: 0;
}

.slider-section3 .flex-direction-nav li.flex-nav-prev a:before {
  content: "\f1e6";
  font-family: "Material Icons";
}

.slider-section3 .flexslider-thumb:hover .flex-direction-nav .flex-prev {
  left: 0;
  opacity: 1 !important;
}

.slider-section3 .flexslider-thumb:hover .flex-direction-nav .flex-next {
  right: 0;
  opacity: 1 !important;
}

/* categories section */

section.categories-section {
  padding: 50px 0 10px;
  background: #ededed;
}

section.categories-section .categories-box {
  display: flex;
}

section.categories-section a.category-post {
  font-size: 16px;
  color: #587469;
  font-weight: 400;
  font-family: 'Tinos', sans-serif;
  text-align: center;
  width: 16.66666%;
  padding: 0 15px;
  margin-bottom: 40px;
}

@media (max-width: 1199px) {
  section.categories-section .categories-box {
    flex-wrap: wrap;
  }
  section.categories-section a.category-post {
    width: 25%; } }

@media (max-width: 992px) {
  section.categories-section a.category-post {
    width: 33.33333%; } }

@media (max-width: 590px) {
  section.categories-section a.category-post {
    width: 50%; } }

section.categories-section a.category-post img {
  width: 160px;
  height: 160px;
  max-width: inherit !important;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  margin: 0 auto 20px;
  display: block;
}

.alternative-box {
  padding: 0 30px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 70px;
}

.alternative-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #587469;
  opacity: 0.85;
  border-radius: 10px;
}

.alternative-box .title-alternative-block,
.alternative-box .row {
  position: relative;
  z-index: 3;
}

.title-alternative-block {
  text-align: center;
}

.title-alternative-block h2 span {
  display: inline-block;
  padding: 8px 25px;
  background-color: #ffffff;
  color: #587469;
  font-size: 22px;
  line-height: 26px;
  text-transform: uppercase;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

div.standard-post2 {
  margin-bottom: 25px;
}

div.standard-post2 > a {
  display: block;
  margin-bottom: 12px;
}

div.standard-post2 img {
  width: 100%;
  height: 202px;
  border-radius: 10px;
  object-position: center;
  object-fit: cover;
}

div.standard-post2 h3 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 0;
}

div.standard-post2 h3 a {
  color: #ffffff !important;
}

.alternative-box .row {
  margin-bottom: 30px
}

.alternative-box .row:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  height: 1px;
  background-color: rgba(255,255,255, 0.15);
}

.alternative-box .row:last-child {
  margin-bottom: 0;
}

.alternative-box .row:last-child:after {
  display: none;
}

.filter-box-area .filter-block {
  padding: 0;
  margin: 0 0 20px;
}

.filter-box-area .filter-block li {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 10px;
}

.filter-box-area .filter-block li a {
  display: inline-block;
  padding: 10px 30px;
  font-size: 25px;
  color: #587469, 70%;
  background-color: #f3f3f3;
  border-radius: 8px;
  border-left: 4px solid #e4e4e4;
}

@media (max-width: 992px) {
  .filter-box-area .filter-block li a {
    font-size: 19px;
    padding: 10px 15px; } }

.filter-box-area .filter-block li a:hover,
.filter-box-area .filter-block li.active a {
  color: #587469;
  background-color: #fff1e8;
  border-left-color: #eee4db;
}

div.thumb-post2 {
  padding: 20px;
  border: 1px solid #ebeeed;
  margin-bottom: 20px;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

div.thumb-post2 .image-holder {
  margin-right: 30px;
  margin-bottom: 0;
}

div.thumb-post2 .image-holder a {
  display: block;
}

div.thumb-post2 .image-holder img {
  width: 176px !important;
  height: 124px !important;
  max-width: inherit !important;
  border-radius: 10px;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  div.thumb-post2 {
    display: block;
  }
  div.thumb-post2 .image-holder {
    margin-right: 0;
    margin-bottom: 20px;
  }
  div.thumb-post2 .image-holder img {
    width: 100% !important;
    height: auto !important;
    max-width: inherit !important;
  }
}

div.thumb-post2 h2 {
  font-size: 22px;
  line-height: 26px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid #ebeeed;
}

div.thumb-post2 ul.post-meta {
  margin: 0;
}

.widget_about .image-holder {
  margin-bottom: 16px;
  position: relative;
}

.widget_about .image-holder img {
  width: 100%;
  height: auto;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.widget_about ul.social-listing {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 1px;
  width: 70px;
  padding: 0;
  margin: 0;
  background-color: #587469;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top-right-radius: 6px;
}

.widget_about ul.social-listing li {
  margin-bottom: 10px;
}

.widget_about ul.social-listing li:last-child {
  margin-bottom: 0px;
}

.widget_about ul.social-listing li a {
  color: #ffffff !important;
  font-size: 14px;
  width: 52px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: rgba(0,0,0,0.1);
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.widget_about ul.social-listing li a:hover {
  background-color: rgba(0,0,0,0.2);
}

.widget_about ul.social-listing li a i {
  color: #ffffff;
  margin-right: 0;
}

.widget_about h3 {
  margin-bottom: 10px !important;
}

.widget_about p {
  margin-bottom: 0;
  color: #587469;
}

footer.no-footer-widgets,
footer.no-footer-widgets .widget-area-part {
  padding-top: 0;
}

footer.no-footer-widgets .down-part {
  border-top: none;
}