/*
Theme Name: Ecology Nature
Description: Ecology Nature is an excellent theme best suitable to create websites for agriculture, ecology, ecosystems and nature-related projects, organic farming, donation, non-profit foundation, conservation, gardening, pharmacy, naturopathy, organic products, food packaging industry and such related websites. The theme is executed on bootstrap framework. It is translation-ready so your visitor can always translate it into the language they want. It also supports RTL layout. It is SEO-friendly so your website will soon rank using this theme on major search engines like Google. It has minimal design and responsive layout for all devices. Its design looks stunning and professional. The page load time is faster as it is optimized for speed. You can add shortcodes to it if you know coding to increase the functionality of your website. It supports all popular WordPress plugins. It offers many customization and personalization options so you can customize it as you like. The social media option helps you connect all your social media pages to the website.
Author: misbahwp
Theme URI: https://www.misbahwp.com/themes/free-ecology-nature-wordpress-theme
Author URI: https://www.misbahwp.com/
Version: 4.1
Requires PHP: 5.6
Tested up to: 6.4
Requires at least: 5.0
Tags: blog, food-and-drink, e-commerce, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, flexible-header, featured-image-header, editor-style, post-formats, rtl-language-support, theme-options, threaded-comments, sticky-post
Text Domain: ecology-nature
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Ecology Nature WordPress Theme has been created by misbahwp(misbahwp.com), 2021.
Ecology Nature WordPress Theme is released under the terms of GNU GPL
*/

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

a.shop-btn:focus,
p.slider_btn a:focus {
  outline: -webkit-focus-ring-color auto 1px;
}

body {
  font-family: 'Poppins', sans-serif;
  color: #898d94;
  margin: 0;
  background: #fff;wpadminbar
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: #202714;
  text-transform: capitalize;
}

a {
  color: var(--livi-them-color) ;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #59b96d;
  text-decoration: none;
}

.alignwide {
  margin-left: -80px;
  margin-right: -30px;
}

.alignfull img {
  width: 100vw;
}

.post-single a,
.page-single a,
.sidebar-area .textwidget a,
.comment-content a,
.woocommerce-product-details__short-description a,
#tab-description a,
.extra-home-content a {
  text-decoration: underline;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
  margin-left: 0px;
}

.wp-block-button__link {
  background: #59b96d;
  color: #fff !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid #222222;
  color: #222222 !important;
}

.wp-block-button.is-style-squared .wp-block-button__link {
  border-radius: 0px !important;
}

.tag-title h3,
.tag-title h1 {
  overflow-wrap: anywhere;
}

/* ===============================================
   Post Format
   ============================================= */

.entry-video iframe {
  width: 100%;
}

/* ===============================================
   HEADER BOX
   ============================================= */

.top-header {
  border-bottom: solid 2px #efefef;
}

a.shop-btn,
p.slider_btn a {
  background: #59b96d;
  color: #fff;
  padding: 15px 25px;
  font-size: 14px;
  font-weight: 600;
}

a.shop-btn:hover,
p.slider_btn a:hover {
  background: #ff7a05;
}

.contact-box span {
  font-size: 50px;
  text-align: center;
  color: #59b96d;
  margin-bottom: 30px;
}

.contact-box h6 {
  font-size: 14px;
  color: #59b96d;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
  min-height: 53px;
  line-height: 1.4em;
  word-break: break-all;
}

.logo a {
  color: var(--livi-them-color);
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}

.logo a:hover,
.logo a:focus {
  color: #59b96d;
}

.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: var(--livi-them-color);
}

.logo-image {
  float: left;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #898d94;
  font-size: 15px;
}

.social-links a:hover {
  color: #ecd9a1;
}

/* ===============================================
   MENU BOX
   ============================================= */

/* #site-navigation {
  -webkit-box-shadow: 0 8px 6px -6px #ebebeb;
  -moz-box-shadow: 0 8px 6px -6px #ebebeb;
  box-shadow: 0 8px 6px -6px #ebebeb;
} */

#main-menu {
  display: block;
  position: relative;
  float: left;
  margin: 0 auto;
  width: 100%
}

#main-menu ul {
  margin: 0;
  padding: 0;
  display: block;
}

#main-menu ul li {
  position: relative;
  display: block;
  float: left;
  text-align: left;
}

#main-menu ul li a {
  text-decoration: none;
  display: block;
  z-index: 1;
  padding: 4px 0px;
  margin: 0;
  color: #fff;
  font-size: 16px;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
  position: relative;
  line-height: 53px;
}

#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover>a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus>a,
#main-menu li:focus>a,
#main-menu ul li.current-menu-item>a,
#main-menu ul li.current_page_item>a,
#main-menu ul li.current-menu-parent>a,
#main-menu ul li.current_page_ancestor>a
 {
  color: var(--livi-header_color);
}

li.menu-item-has-children:after {
  color: #181515;
  content: ' ▾';
  position: absolute;
  top: 18px;
  right: 10px;
}

#main-menu ul li a {
  margin-right: 35px;
      font-weight: bold;
}

#main-menu ul.children,
#main-menu ul.sub-menu {
  opacity: 0;
  position: absolute;
  top: 50px;
  left: -9999em;
  background: #fff;
  z-index: 10001;
  width: 213px;
  padding-left: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

#main-menu ul.children li,
#main-menu ul.sub-menu li {
  position: relative;
  margin: 0;
  line-height: 1.2em;
  text-transform: none;
  width: 213px;
  min-height: inherit;
  margin: 0;
}

#main-menu li li:hover>ul,
#main-menu li li:focus>ul,
#main-menu li li.focus>ul {
  top: 0px;
  left: -100%;
}

#main-menu ul.children li a,
#main-menu ul.sub-menu li a {
  text-decoration: none;
  text-align: left;
  display: block;
  padding: 20px 15px;
  margin: 0;
  border: none;
  line-height: inherit;
  color: var(--livi-them-color);
}

#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover {
  background: var(--livi-them-text-color);
  color: #fff;
}

#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before {
  display: none;
}

#main-menu li:hover>ul,
#main-menu li:focus>ul,
#main-menu li.focus>ul {
  opacity: 1;
  left: calc(100% - 213px);
}

.menu-toggle,
.dropdown-toggle,
button.close-menu {
  display: none;
}

#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before {
  display: none;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search .open-search-form i {
  font-size: 15px;
  cursor: pointer;
  color: var(--livi-them-color);
}

.header-search .search-form {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 1001;
  visibility: hidden;
  -webkit-transition-property: all, -webkit-transform;
  transition-property: all, transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  background: rgba(255, 255, 255, 0.98) none repeat;
  border: none !important;
}

.header-search .search-form.is-open {
  right: 0;
  height: 100%;
  visibility: visible;
}

.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}

.header-search .search-form a.close-search-form {
  top: 50px;
  position: absolute;
  margin-left: -13px;
  left: 50%;
}

.header-search .search-form i.searchform-close-button {
  font-size: 25px;
  color: #616161 !important;
  opacity: 0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}

.header-search .search-form.is-open i.searchform-close-button {
  opacity: 1;
}

.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box {
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.post-thumbnail {
  line-height: 0;
}

h3.post-title {
  font-size: 20px;
  font-weight: 500;
}

.post-content p {
  color: #a5a7b1;
}

.post-content {
  word-wrap: break-word;
}

.post-meta i {
  color: #59b96d;
}

.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: var(--livi-them-color);
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}

.post-content img,
.post-thumbnail img {
  max-height: 100%;
  height: auto;
}

.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,
footer {
  float: left;
  width: 100%;
}

/* ===============================================
   Slider
   ============================================= */

.blog_box p {
  color: #fff;
  font-size: 16px;
}

.blog_box h3 a {
  color: #fff;
  font-weight: 500;
  font-size: 40px;
}

.blog_inner_box img {
  opacity: 0.7;
  height: 700px;
  object-fit: cover;
}

.blog_inner_box {
  background: #191919;
  position: relative;
}

.blog_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55%;
  left: 15%;
}

.slider .owl-carousel button.owl-dot.active {
  border: solid 5px #ffffff;
}

.slider .owl-carousel button.owl-dot {
  border: solid 5px #59b96d;
  border-radius: 50px;
  margin-right: 5px;
}

.slider .owl-dots {
  position: absolute;
  bottom: 20px;
  right: 45%;
  left: 5%;
}

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

.inner-box img {
  border: solid 10px #fff;
  position: relative;
  margin-top: -25%;
  z-index: 9;
  height: auto;
  width: 100%;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.ecology-nature-pagination {
  margin: 25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.ecology-nature-pagination a span,
.ecology-nature-pagination span.current {
  display: inline-block;
  text-decoration: none;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 21px;
  color: #333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: #f3f4f7;
  position: relative;
  margin: 0;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.ecology-nature-pagination span.current,
.ecology-nature-pagination span.current:hover,
.ecology-nature-pagination span.current:focus,
.ecology-nature-pagination a span:hover,
.ecology-nature-pagination a span:focus {
  background: #59b96d;
  color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #59b96d;
  color: #fff;
}

/* ===============================================
   Feature Header Image
   ============================================= */

.feature-header {
  position: relative;
  background-color: #000;
}

.feature-header img {
  width: 100%;
  height: 300px !important;
  object-fit: cover;
  opacity: 0.9;
}

h1.post-title.feature-header-title {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  word-break: break-all;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus {
  color: #fff;
}

.comment-respond input#submit:hover,
.comment-reply a:hover {
  background: #222222;
  color: #fff;
}

.comment-form-url input,
nav.navigation.pagination {
  width: 100%;
}

.comment-respond input#submit {
  background: #59b96d;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list {
  padding-left: 0;
}

.comment-list .comment {
  display: block;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}

.comment-content.card-block {
  padding: 15px;
}

.comment-reply a {
  background: #59b96d;
  padding: 5px 15px;
  color: #fff;
}

.sidebar-area .wp-block-latest-comments__comment-meta {
  float: none;
  background: transparent;
}

.sidebar-area .wp-block-latest-comments__comment-meta a {
  color: #2f3235;
}

ol.wp-block-latest-comments {
  padding: 0;
}

.sidebar-area .wp-block-latest-comments__comment li {
  margin-bottom: 0;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img {
  width: 100%;
  height: auto;
}

.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
}

.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height: 1.9em;
  font-weight: normal;
}

.sidebar-area ul,
#calendar_wrap,
.sidebar-area .textwidget,
.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 0px;
}

.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
  word-wrap: break-word;
}

.content-post {
  word-wrap: break-word;
}

.sidebar-area li {
  padding-bottom: 5px;
}

.sidebar-area h4.title,
.sidebar-area h1.wp-block-heading,
.sidebar-area h2.wp-block-heading,
.sidebar-area h3.wp-block-heading,
.sidebar-area h4.wp-block-heading,
.sidebar-area h5.wp-block-heading,
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: #59b96d;
  border-left: solid 5px #ff7a05;
}

.footer-area h4.title,
.footer-area h1.wp-block-heading,
.footer-area h2.wp-block-heading,
.footer-area h3.wp-block-heading,
.footer-area h4.wp-block-heading,
.footer-area h5.wp-block-heading,
.footer-area h6.wp-block-heading,
.footer-area .wp-block-search__label {
  background: none !important;
  border-left: none;
}

footer .wp-block-search__label,
footer .sidebar-area h1.wp-block-heading,
footer .sidebar-area h2.wp-block-heading,
footer .sidebar-area h3.wp-block-heading,
footer .sidebar-area h4.wp-block-heading,
footer .sidebar-area h5.wp-block-heading,
footer .sidebar-area h6.wp-block-heading {
  background: none !important;
  border-left: none !important;
}

footer .sidebar-area form {
  padding: 0px;
}

.sidebar-area .wp-block-search__button {
  background: #59b96d;
}

.sidebar-area .tagcloud a,
p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background: #59b96d;
  color: #fff;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}

.sidebar-area .tagcloud a:hover {
  background: #ff7a05;
}

.sidebar-area form {
  padding: 15px 0px;
}

.sidebar-area select,
.sidebar-area textarea,
#comments textarea,
.sidebar-area input[type="text"],
#comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  padding: 5px 2%;
  border: solid 1px var(--livi-them-color);
}

#wp-calendar th,
#wp-calendar #today,
#wp-calendar #today a {
  background: #f3f4f7;
  color: #434343 !important;
}

#wp-calendar a:hover {
  border: none;
}

#wp-calendar {
  background: #fff;
  width: 100%;
}

#wp-calendar caption {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-align: left;
}

#wp-calendar th,
#wp-calendar td {
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  padding: 3px 6px;
}

#wp-calendar td a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  text-decoration: underline
}

#wp-calendar td#prev a,
#wp-calendar td#prev a {
  text-decoration: none;
  text-align: left;
}

#wp-calendar th {
  font-weight: bold
}

tr:nth-child(2n+2) {
  background-color: #f3f4f7;
}

#footer-widgets caption {
  color: #fff;
}

#footer-widgets h4 {
  margin-bottom: 30px;
  font-weight: 600;
}

.searchform label {
  display: block;
}

.searchform input[type=text],
.sidebar-area .wp-block-search__input {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}

.searchform input[type=submit],
.sidebar-area .wp-block-search__button {
  background: #59b96d;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
  text-shadow: none;
  padding: 14px 0;
  width: 100px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -moz-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover,
.searchform input[type=submit]:focus {
  background-color: #59b96d;
  text-decoration: none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}



.copy-text a:hover {
  color: #fff;
}

.wp-block-group__inner-container h2 {
  color: #fff;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
  max-width: 100%;
  height: auto;
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}

div.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 25px;
  max-width: 100% !important;
  padding: 4px;
  text-align: center;
}

.wp-caption img {
  margin: 5px 5px 0;
  width: 96%;
  height: 100%
}

.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
}

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 9;
}

.scroll-up a:hover {
  background: #ff7a05;
  color: #000;
}

.scroll-up a {
  background: #59b96d;
  color: #ffffff;
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  border-radius: 3px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent transparent #59b96d transparent;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {}
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }

  100% {}
}

.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/* ===============================================
   sticky header
   =============================================== */

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  background: #ffffff;
}

.admin-bar .sticky-header.fixed-header {
  margin-top: 32px;
  background: #fff;
}

/* ===============================================
 STICKY POST
 =============================================== */

.post-box.sticky {
  background: #eee;
  border: none;
  box-shadow: 2px 2px 10px 2px #ccc;
}

/* 公共 */
body {
  font-family: 'Oxygen', sans-serif;
}

h1 {
  font-size: 64px;
  margin-top: 0;
}

h2 {
  font-size: 37px;
  margin-top: 0;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;

}

.clamp2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.clamp3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

a:hover {
  color: var(--livi-them-color);
}

/* 没有内容的分类 */
section.no-results.not-found {
  padding: 50px;
  text-align: center;
  box-shadow: 0px 0px 20px rgb(0 0 0 / 9%);
}

section.no-results.not-found .search-form {
  display: flex;
}

section.no-results.not-found .search-form input[type="text"] {
  border-radius: 50px;
  padding-left: 20px;
}

/*头部弹框*/
#wpadminbar + .bannerboxs header #activeNavbar{
    top:32px;
}
/* 社媒 */
.userinfos {
  color: #fff;
}

.userinfos ul {
  padding-left: 0;
}

.userinfos ul li {
  list-style: none;
  display: inline-block;
  margin-right: 5px;
}

.userinfos ul li a {
  display: inline-block;
  font-size: 15px;
  color: #fff;
  width: 32px;
  height: 32px;
  background-color: var(--livi-them-color);
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  transition: all .3s;
}

.userinfos ul li a:hover i {
  transform: scale(1.2);
}

/* 按钮 */
.btn1 {
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
  letter-spacing: 0.4px;
  border-radius: 24px;
  padding-top: 14px;
  padding-right: 32px;
  padding-bottom: 14px;
  padding-left: 32px;
  font-size: 14px;
  display: inline-block;
  border-color: var(--livi-them-color);
  background-color: var(--livi-them-color);
  margin-top: 24px;
  color: #fff;
}

.btn1:hover {
  background-color: var(--livi-header_color);
  border-color: var(--livi-header_color);
  color: #fff;
}
/* 分页 */
.pagination-center{
  width: 100%;
}
.pagination-center .navigation{
  justify-content: center;
}
.pagination .nav-links span.current,.pagination .nav-links a:hover{
  background:  var(--livi-header_color);
}
/* 区块 */
.lvbox {
  padding: 80px 0px 80px 0px;
}

.tit1,
.tit3 {
  color: #202714;
  text-align: center;
}

.tit1 p,
.tit3 p {
  font-size: 18px;
  line-height: 1.3;

  margin-bottom: 10px;
  font-weight: bold;
}

.tit1 h2 {

  color: #202020;

  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0px 125px 25px 125px;
}

.tit1 span,
.tit3 span {
  width: 48px;
  height: 2px;
  background-color: var(--livi-them-text-color);
  margin: 0 auto;
  display: block;
  margin-bottom: 15px;
}

.tit2 {
  text-align: center;
  margin-bottom: 40px;
}

.tit2 h2 {
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}

.tit2 p {
  font-size: 15px;
  color: #000;

}

.tit3 h2 {
  color: #202714;

  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.tit3 p {
  font-size: 15px;
  color: #5a5a5a;
  margin-bottom: 25px;
}

.h8p.row {
  margin-left: -8px;
  margin-right: -8px;
}

.h8p.row>div {
  padding: 0 8px;
}

.pcbox {
  display: block;
}

.smbox {
  display: none;
}
/* 弹框 */
.formModel    .modal-dialog {
  width: 800px; /* 设置模态框的宽度 */
}
.formModel  .formbox label input{
  padding: 5px 10px;
}
.formModel  .image-checkbox .imgsform{
  padding:0 5px;  
}
.formModel  .image-checkbox .imgsform p{
  font-size: 12px;
}
/* home 页 */
/* 头部加banner */
.bannerboxs {
  background-image: url("./assets/images/home-banner.webp");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;

  border-radius: 0px 0px 80px 0px;

}

.bannerboxs .Quote {
  position: relative;

  z-index: 5;
}

.bannerboxs .Quote a {
  color: #fff;
  font-weight: bold;
  position: relative;
  padding: 11px 20px;
}

.bannerboxs .Quote a:hover,
.bannerboxs .Quote a:focus {
  color: #ffffff;
  background: var(--livi-them-text-color);

  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-radius: 50px;
  padding: 11px 20px;
}

/* 头部悬浮 */
header #activeNavbar {
  position: fixed;
  background: var(--livi-them-color);
  width: 100%;
  top: 0;

  z-index: 880;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
}

.bannerboxs .main-menus {
  position: relative;
}

.bannermb {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 0px 0px 80px 0px;
  background-color: #000000A3;
  opacity: 0.64;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.bannerboxs .bannerCon.homepage {
  padding:140px 0px 140px 0px;
}
.bannerboxs .bannerCon.homepage .content>.row{
  margin: 0;
}
.bannerboxs .bannerCon.homepage h5 {
  color: var(--livi-them-text-color);
  font-size: 45px;
}

.bannerboxs .bannerCon.homepage h1 {
  font-size: 64px;
  color: #FFFFFF;
}

.bannerboxs .bannerCon.homepage p {
  color: #d8d8d2;
  font-size: 17px;
}

.bannerboxs .bannerCon.homepage .infoBox a {
  color: #fff;
  font-size: 24px;
}

.bannerboxs .bannerCon.homepage .infoBox .infoItem {
  display: inline-block;
}

.bannerboxs .bannerCon.homepage .infoBox .infoItem:first-child {
  margin-right: 15px;
}

.bannerboxs .bannerCon.homepage .infoBox a:hover,
.bannerboxs .bannerCon.homepage .infoBox .infoItem i {
  color: var(--livi-them-color);
}

.bannerboxs .bannerCon.pages {

  text-align: center;
  padding: 100px 0 120px 0;
}

.bannerboxs .bannerCon.pages .content {
  position: relative;
}

.bannerboxs .bannerCon.pages h1 {
  color: #FFFFFF;
}

.bannerboxs .bannerCon.pages p {

  color: #D8D8D2;
}

.about {}

.about .aboutCon {
  text-align: center;
}

.about .aboutCon p {
  text-align: center;
  font-size: 15px;
  color: #5a5a5a;
  margin-bottom: 15px;
}

.Products {
  background-image: url("./assets/images/home-product.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.Products .row {
  align-items: center;
}
.Projects  .ProfessionalB i{
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 20px;
}
.Products .ProductsLeft {
  box-sizing: border-box;
  padding-right: 50px;
}


.Products .ProductsLeft,
.Products .ProductsLeft h4,
.Products .ProductsLeft h5,
.Products .ProductsLeft h3,
.Products .ProductsRight h2 {
  color: #FFFFFFEB;
  line-height: 1.5;
}

.Products .ProductsLeft .ProductsLitem {
  border-bottom: 1px solid #FFFFFF87;
  margin: 15px 0;
}

.Products .ProductsLeft .ProductsLitem p {
  font-size: 15px;
  color: #FFFFFFA3;
}

.Products .ProductsRight {
  box-sizing: border-box;
  padding-left: 50px;
}

.Products .ProductsRight h2 {
  margin-bottom: 20px;
}

.ourProduct {}

.ourProduct .row>div {
  padding: 10px;
}

.ourProduct .ourProductItem {
  background-image: url("./assets/images/layer chicken cages.jpeg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  padding: 50px 50px 20px 50px;
}
.ourProduct  .row>div:nth-child(2) .ourProductItem{
  background-image: url("./assets/images/Broiler-Chicken-Cages-3.jpg");
}
.ourProduct  .row>div:nth-child(3) .ourProductItem{
  background-image: url("./assets/images/Pullet Chicken Cage.jpg");
}
.ourProduct  .row>div:nth-child(4) .ourProductItem{
  background-image: url("./assets/images/Broiler Feeding Pan System.jpg");
}
.ourProduct  .row>div:nth-child(5) .ourProductItem{
  background-image: url("./assets/images/Turnkey Solution.jpg");
}
.ourProduct  .row>div:nth-child(6) .ourProductItem{
  background-image: url("./assets/images/Automatic Poultry Equipment.jpg");
}
.ourProduct .ourProductItem .bannermb {
  border-radius: 0;
}

.ourProductItemCon {

  position: relative;
  height: 250px;

}

.ourProduct .ourProductItem img {
  height: 90px;
  margin-bottom: 15px;
}

.ourProduct .ourProductItem h4 {
  color: #fff;
  margin-bottom: 20px;
}
.ourProduct .ourProductItem a:hover h4{
    color: var(--livi-them-color);
}
.ourProduct .ourProductItem p {
  display: block;
  color: rgb(245, 245, 245);

}

.Projects {}

.Projects .videos {
  margin-top: 50px;
}

.Projects .ProjectsNum {
  text-align: center;
  margin-top: 60px;
}

.Projects .ProjectsNum h2 {
  color: #5a5a5a;
}

.Projects .ProjectsNum p {
  color: var(--livi-them-color);
  font-size: 16px;
}

.Clients {}

.Clients .ClientsItem {
  text-align: center;
  font-size: 0;
  margin-left: -40px;
  margin-right: -40px;
  margin-top: 20px;
}

.Clients .ClientsItem>div {
  box-sizing: border-box;

  padding: 40px;
}

.Clients .ClientsItem img {
  width: 96px;
  height: 96px;
  border-radius: 50% 50% 50% 50%;
  box-shadow: 0px 24px 40px -24px rgba(0, 0, 0, 0.5);
  margin-bottom: 10px;
}

.Clients .ClientsItem p {
  color: #5a5a5a;
  font-size: 19px;
  line-height: 2;
  margin-bottom: 20px;

}

.Clients .ClientsItem .Clientsname {
  font-size: 15px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: bold;

}

.Clients .ClientsItem span {
  font-size: 14px;
}

.Questions {}

.Questions .Questionsimg {
  position: relative;


}

.Questions .Questionsimg img {
  width: 100%;
  height: auto;
}

.Questions .Questionsimg a {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 20px 0 20px 0px;
  background-color: var(--livi-them-color);
  padding: 24px 32px 24px 32px;
  color: #fff;
  padding: 20px;
  max-width: 50%;
  line-height: 1.8;
  font-size: 20px;
  font-weight: bold;
  box-sizing: border-box;

}

.Questions h3 {
  color: #202714;
  margin-bottom: 5px;
}

.Questions p {
  color: #5a5a5a;
  font-size: 15px;
  margin-bottom: 15px;
}

.Questions ul {
  padding-left: 0;
}

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

.Questions ul li .fa {
  margin-right: 8px;
  font-weight: bold;
  font-size: 22px;
  color: #AAAAAA;
}

.Questions ul li .fa-angle-down {
  display: none;
}

.Questions ul li .fa-angle-right {
  display: inline-block;
}

.Questions ul li p {
  list-style: none;
  transition: all .2s;
}

.Questions ul li h5 {
  color: #5a5a5a;
}

.Questions ul li h5:hover,
.Questions ul li h5:hover i {
  color: var(--livi-them-color);
  cursor: pointer;
}

.Questions ul li p {
  height: 0;
  overflow: hidden;
  line-height: 1.8;
}

.Questions ul li.active h5,
.Questions ul li.active h5 i {
  color: var(--livi-them-color);
}

.Questions ul li.active p {
  height: 140px;
}

.Questions ul li.active .fa-angle-down {
  display: inline-block;
}

.Questions ul li.active .fa-angle-right {
  display: none;
}

.mbbox {
  background-color: #000000DE;
  opacity: 0.17;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.farm {
  background-image: url("./assets/images/poultry-farm-layer-chicken-cage.webp");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
  text-align: center;
}

.farm .container {
  position: relative;
}

.farm h2 {
  margin-bottom: 25px;
}

.farm h2 a {
  color: #fff;

}

.farm h2 a:hover {
  color: var(--livi-them-color);
}

.farm p {
  color: #fff;
  font-size: 15px;
  line-height: 1.8;

}

.farm i {
  font-size: 22px;
  display: inline-block;
  margin-right: 1px;

}

.farm a span {
  line-height: 22px;
  font-size: 18px;
}

/* turnkey-solution 页面 */
.Poultry {}

.Poultry .PoultryLeft {
  color: #202714;
  margin-top: -12px;

}

.Poultry .PoultryLeft p {
  font-weight: bold;
  font-size: 14px;
  color: #202714;

}

.Poultry .PoultryLeft h2 {
  color: #333;
  ;
  line-height: 1.4;
}

.Poultry .PoultryLeft i {
  color: #017089;
  margin-right: 5px;
}

.Poultry .PoultryLeft span {
  font-size: 15px;
}

.Poultry .PoultryCon p {
  font-size: 15px;
  color: #5a5a5a;
  line-height: 1.6;
}

.Poultry .PoultryRight {
  padding-top: 2px;
}

.Poultry .PoultryRight ul li {
  list-style: none;
  margin-bottom: 20px;
  font-size: 16px;
  color: #5a5a5a;
}

.Poultry .PoultryRight ul li i {
  margin-right: 8px;
  font-size: 22px;
  color: var(--livi-them-color);

  vertical-align: text-top;
}

.Poultry .PoultryRight ul li i:hover {
  color: #5a5a5a;
}

.thanks {
  padding-top: 0;
}

.thanks .thanksImg {
  position: relative;
}

.thanks .thanksImg .thanksImgR img {
  width: 28%;
  height: auto;
  position: absolute;
  top: 98%;
  right: 0;
  max-height: 278px;
}

.thanks .thanksImg img {
  width: 100%;
  height: auto;
}

.thanks p {
  font-size: 20px;
  color: #5a5a5a;
  margin-top: 20px;
}

.thanks .thanksInfo {
  font-size: 0;
  line-height: 1.2;
}

.thanks .thanksInfo p {
  font-size: 13px;
  color: #3a3a3a;
  margin: 0;
}

.thanks .thanksInfo span {
  display: block;
  font-size: 13px;
}

.thanks .thanksInfo i {
  font-size: 20px;
  color: #017089;
  margin-top: 8px;
}

.What {}

.What .WhatTopItem img {
  height: 44px;
  width: auto;
}

.What .row {
  margin-left: -5px;
  margin-right: -5px;
}

.What .WhatTop {
  padding: 0 5px;
}

.What .WhatTopItem {
  box-sizing: border-box;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.11);
  /* margin: 0px 5px 0px 5px; */

  padding: 35px 35px 35px 35px;
  text-align: center;
}

.What .WhatTopItem:hover {
  box-shadow: 0px 0px 55px 0px rgba(0, 0, 0, 0.29)
}

.What .WhatTopItem h3 {
  color: #000000;
  font-size: 22px;
  margin-top: 25px;
  margin-bottom: 20px;
}

.What .WhatTopItem p {
  font-size: 15px;
  font-weight: 300;
  color: #5a595f;
}

.What .row .WhatTop>img {
  width: 100%;
  height: auto;
}

.What .Whatbtm {
  margin-top: 30px;
}

.What .Whatbtm img {
  box-sizing: border-box;
  padding: 5px;
  max-width: 100%;
  border-radius: 0 0 120px 0;
  transition: all .3s;
}

.What .Whatbtm img:hover {
  transform: scale(0.9);
}
.What .Whatbtm.WhatTop{
  display: none;
}
.What .Whatbtm{
  display: flex;
}
.Turnkey {}

.Turnkey .TurnkeyImg {
  position: relative;
  border-radius: 6px;
  margin: 15px 0;
}
.Turnkey .TurnkeyImg{
  background-image:url("./assets/images/thanksitem1.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.Turnkey .TurnkeyCon>div:nth-child(2) .TurnkeyImg{
  background-image:url("./assets/images/thanksitem2.jpg");
}
.Turnkey .TurnkeyCon>div:nth-child(3) .TurnkeyImg{
  background-image:url("./assets/images/thanksitem3.jpg");
}
.Turnkey .TurnkeyCon>div:nth-child(4) .TurnkeyImg{
  background-image:url("./assets/images/thanksitem4.jpg");
}
.Turnkey .TurnkeyCon>div:nth-child(5) .TurnkeyImg{
  background-image:url("./assets/images/thanksitem5.jpg");
}
.Turnkey .TurnkeyCon>div:nth-child(6) .TurnkeyImg{
  background-image:url("./assets/images/thanksitem6.jpg");
}
.Turnkey .TurnkeyImg>img {
  /* max-width: 100%;
  border-radius: 6px;
  min-height: 485px; */
}

.Turnkey .bannermb {
  border-radius: 6px;
  opacity: 0.75;
}

.Turnkey .TurnkeyImg .TurnkeyImgCon {
  position: relative;
 
  color: #fff;

  padding: 140px  40px 60px 40px
}

.Turnkey .TurnkeyImg .TurnkeyImgCon i {
  background-color: var(--livi-them-color);
  width: 64px;
  height: 64px;
  text-align: center;
  line-height: 64px;
  font-size: 24px;
  border-radius: 50%;
  margin-bottom: 30px;
}

.Turnkey .TurnkeyImg .TurnkeyImgCon h5 {
  color: #fff;
  FONT-SIZE: 17PX;
}

.Turnkey .TurnkeyImg .TurnkeyImgCon p {
  font-size: 14px;
}
.TurnkeyForm h3,.aboutForm h3{
  line-height: 1.6;
}
.TurnkeyForm .container>.row{
  vertical-align: bottom;
}
.Professional {}

.Professional .ProfessionalCon {
  margin-top: 50px;
  align-items: center;
}

.Professional .ProfessionalCon p {
  font-size: 15px;
  color: #5a5a5a;
}

.Professional .ProfessionalCon img {
  max-width: 32%;
  border-radius: 0 0 25px 0;

}

.ProfessionalB {
  text-align: center;
  margin-top: 40px
}

.ProfessionalB i {
  background-color: var(--livi-them-color);
  width: 72px;
  height: 72px;
  text-align: center;
  border-radius: 50%;
  line-height: 72px;
  font-size: 24px;
  color: #fff;
}

.ProfessionalB h4 {
  color: #202714;
  margin-top: 20px
}

.ProfessionalB p {
  color: #5a5a5a;
  font-size: 15px;
  line-height: 1.8;
}

.Provide {}

.Provide img {
  width: 100%;
  max-width: 100%;
  height: 500px;
  object-fit: cover;
  object-position: center center;
  border-radius: 0px 0px 150px 0px;
}

.Provide .row {
  margin-top: 40px;
}

.Provide h3 {
  color: #202714;
  line-height: 1.8;
}

.Provide p {
  color: #5a5a5a;
  font-size: 15px;
  line-height: 1.8;
}
.aboutForm {}
.aboutForm  .container{
  margin-top: 40px;
}
.aboutForm .row {
  margin: 0;
  /* align-content: flex-end;
    align-items: flex-end; */
}
.aboutForm .row>div{
 padding: 0;
}
.aboutForm .row .formLefts{
box-sizing: border-box;
padding: 20% 22% 20% 22%;
}
.aboutForm .row .formLefts p{
  font-size: 16px;
  line-height: 1.4;
}
.aboutForm  .aboutFormImg{
  padding: 42% 0% 5% 35%;
  background-image:url("./assets/images/aboutForm.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
border-radius: 0 0 80px 0;
}
.aboutForm  .aboutFormImg .formRights{
  background: var(--livi-them-color);

  box-sizing: border-box;
  position: relative;

  
 
}
.aboutForm  .aboutFormImg .formRights .formRitem{
  box-sizing: border-box;
  padding: 20px;
  display: inline-block;
  width: 75%;
  color: #fff;
}
.aboutForm  .aboutFormImg .formRights .formRitem.formRightBtn{
  width: 23%;
  text-align: center;
  vertical-align: bottom;
}
.aboutForm  .aboutFormImg .formRights .formRitem.formRightBtn a{
display: inline-block;
width: 60px;
height: 60px;
background-color: var(--livi-them-text-color);
text-align: center;
line-height: 60px;

border-radius: 50%;
margin-bottom: 1rem;
}
.aboutForm  .aboutFormImg .formRights .formRitem.formRightBtn a:hover,.aboutForm  .aboutFormImg .formRights .formRitem.formRightBtn a:focus{
  background-color: #FFF;
 
}
.aboutForm  .aboutFormImg .formRights .formRitem.formRightBtn a:hover i,.aboutForm  .aboutFormImg .formRights .formRitem.formRightBtn a:focus i{
  color: #333;
}
.aboutForm  .aboutFormImg .formRights .formRitem.formRightBtn a i{
  color: var(--livi-them-color);
  display: inline-block;
  font-size: 22px;
  line-height: 60px;
  
}
.aboutForm  .aboutFormImg .formRights .formRitem h4{
  color: #fff;
}
.aboutForm  .aboutFormImg .formRights .formRitem  p{
  color: #bdbdbd;
}
.contactBox .tit3 {
  text-align: left;
}

.contactBox .tit3 span {
  margin: 22px 0;
}

.contactBox .ContactDetails {
  margin-top: 40px;
}

.contactBox .ContactDetails h3 {
  color: #202714;


}

.contactBox .ContactDetails .ContactDetailsItem {
  text-align: left;
}

.contactBox .ContactDetails .ContactDetailsItem i {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 16px;
  line-height: 32px;
  vertical-align: top;

}

.contactBox .ContactDetails .ContactDetailsItem>div {
  display: inline-block;
  width: calc(100% - 40px);
  box-sizing: border-box;
  padding-left: 10px;
  padding-top: 3px;
}

.contactBox .ContactDetails .ContactDetailsItem h5 {
  color: #202714;
}

.contactBox .ContactDetails .ContactDetailsItem>div a {
  display: block;
  color: var(--livi-them-color);
}

.contactBox .ContactDetails .ContactDetailsItem>div a:hover,
.contactBox .ContactDetails .ContactDetailsItem>div a:hover i {
  color: #333;
}

.contactBox .ContactDetails .ContactDetailsItem>div i {
  background-color: transparent;
  height: auto;
  line-height: 1;
  width: 28px;
  vertical-align: baseline;
}

.contactBoxCon {
  padding-left: 50px;
}

.contactBoxCon p {
  color: #5a5a5a;
  font-size: 15px;
  line-height: 2;
  margin-bottom: 30px;
}

.contactBoxCon .contactBoxConTop>span {
  width: 100%;
  display: block;
  height: 2px;
  background-color: var(--livi-them-text-color);
}

.contformbox h3 {
  color: #202714;
  margin-top: 50px;
}

/* 表单 */
.formbox label {
  display: inline-block;
  font-weight: 700;
  color: #5a5a5a;
  font-size: 15px;
  width: 49%;
  margin: 10px 0;
  position: relative;
}

.formbox label input,
.formbox textarea {
  width: 98%;
  color: #666;
  padding: 10px 12px;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaea;
  border-radius: 2px;
  background: #fafafa;
  margin-top: 5px;
}

.formbox label span {
  color: red;
}

.formbox label:nth-child(n+4) {
  display: block;
  width: 100%;
}
.formbox  .havenum{
    display: block;
    border: transparent;
    border-bottom: 1px solid #333;
    padding: 10px;
    outline: none;
    margin: 15px 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}
.image-checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
      padding: 0;
    text-align: center;
}

.formbox label.image-checkbox{
    display: inline-block;
    width: auto;
}
.image-checkbox input[type="checkbox"] {
  opacity: 0;
  /* 使复选框不可见 */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  /* 确保位于图片之上 */
}

.image-checkbox img {
  display: block;
  max-width: 100%;
  position: relative;

}

.image-checkbox .imgsform {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
  border: 1px solid #fff;
  border-radius: 3px;
  text-align: center;
  background-color: var(--livi-them-text-color);
  border-radius: 5px;
}



.image-checkbox .imgsform p {
  font-size: 12px;
  margin: 10px 0;
  color: #fff;
  white-space: nowrap;
}
.formModel  h5 {
  color: #333;
}

.image-checkbox input[type="checkbox"]:checked+.imgsform,
.image-checkbox .imgsform:hover {
  /* 当复选框选中时，这里可以添加选中状态的图片或样式 */
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ddd;
  background-color: var(--livi-them-color);
}

/* 表单加载中 */
.loding {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #333;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: load 1s ease-in-out infinite;
}

@keyframes load {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg)
  }
}

/* 已选 */

.formbox textarea {
  width: 100%;
}

.formbox .submitbox input {
  border-radius: 24px;

  padding-right: 32px;

  padding-left: 32px;
  font-family: inherit;
  font-weight: 700;
  background-color: var(--livi-them-color);
  color: #fff;
  width: auto;
}

.formbox .submitbox input:hover {
  cursor: pointer;
  color: #ffbb67;
}

/* 底部 */
footer.footer-panel {
  background: #262820;
  box-sizing: border-box;

}

.footer-panel .footbox {
  padding: 0 30px;
  box-sizing: border-box;
}

footer a,
footer p,
footer h5 {
  color: #fff;
}

footer img {
  margin-bottom: 20px;
}

footer h5 {
  margin-bottom: 10px;
}

footer ul {
  padding-left: 0;

}

footer .footboxTop>div:first-child {
  padding-right: 60px;
}

footer ul li {
  list-style: none;
  margin-bottom: 5px;
}

footer p {
  line-height: 1.8;
}

footer a:hover {
  color: #95cc35;
}

.footboxTop {
  padding: 50px 0;
  margin: 0;
}

.footboxBtom {
  padding-top: 20px;
  text-align: center;
  border-top: 1px solid #404336;
  ;
}

.footboxBtom p {
  font-size: 15px;
  color: #aaa
}

/* 分类 */
/* projects */
.projectsCate {}
.projectsCate .container>.row >div{
    margin-bottom: 25px;
}
.projectsCate img {
  width: 100%;
  height: auto;
  border-radius: 8px 8px 0 0;
}

.projectsCate .projectsCate_item {
  background-color: #fff;
  border: 1px solid #cfcece;
  border-radius: 8px 8px 12px 12px;

}

.projectsCate .projectsCate_item:hover {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
}

.projectsCate .projectsCate_Con {


  padding: 15px;
  color: #54595f;
}

.projectsCate .projectsCate_Con h5 {
  margin: 5px 0 10px 0;
  height: 50px;
}

.projectsCate .projectsCate_Con p {
  font-size: 14px;
  color: #777;
  line-height: 1.8;
  margin-bottom: 10px;
}

.projectsCate .projectsCate_Con a {
  color: #54595f;
  line-height: 1.4;
}

.projectsCate .projectsCate_Con a:hover {
  color: var(--livi-them-color);
}

.projectsCate .projectsCate_Con .mrbutton {
  color: var(--livi-them-color);
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin-top: px
}

.projectsCate .projectsCate_Con .mrbutton:hover {
  color: #333;
}

.projectsCate .projectsCate_Con .mrbutton i {
  font-size: 7px;

  padding-bottom: 5px;
  display: inline-block;
  vertical-align: bottom;
  font-weight: bold;
}

.projectsCate .projectsCate_item>p {
  font-size: 12px;
  color: var(--livi-them-color);
  border-top: 1px solid var(--livi-them-color);
  padding: 0px 15px;
  padding-top: 10px;
  margin-top: 10px;


}

.newsCate {}

.newsCate img {
  width: 95%;
  height: auto;
  max-height: 400px;
}

.newsCate .row>div {
  margin-bottom: 30px;
}

.newsCate .newsCate_Con {
  color: #202714;

}

.newsCate .newsCate_Con h2 a {
  color: #202714;
}

.newsCate .newsCate_Con p {
  line-height: 1.8;
  font-size: 15px;
  color: #5a5a5a;
}

.newsCate .newsCate_Con h2 a:hover {
  color: var(--livi-them-color);
}

.newsCate .newsCate_Con .newsTimes {
  font-size: 14px;
  margin: 12px 0;
}

.newsCate .newsCate_Con i {
  color: var(--livi-them-color);
  font-size: 16px;
}

/* Products */
.productsCate {}

/* .productsCate h3 a {
  color: #202714;
}

.productsCate h3 a:hover {
  color: var(--livi-them-color);
}

.productsCate .clamp3 p,
.productsCate .clamp2 p {
  line-height: 1.8;
  font-size: 15px;
  color: #202714;
}

.productsCate .productImgCate {
  margin: 20px 0;
  position: relative;
   overflow: hidden;
}

.productsCate .productImgCate img {
  width: 100%;

  height: auto;
  max-height: 500px;
}
.productsCate .productImgCate a {
  position: absolute;
    display: block;
  width: 100%;
  height: 0;
font-size: 20px;
  text-align: center;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);

  */

/* 产品列表 */
.nproductBox{
  
}
.nproductBox  {
  box-sizing: border-box;
  padding: 25px 28px;
  border: 1px solid #e0e0e0;
  margin-bottom: 30px;
}
.nproductBox .nproductBoxItem h4{
  margin-bottom: 20px
}
.nproductBox p{
  line-height: 1.8;
  font-size: 15px;
  color: #797b81;
  font-weight: 600;
}

.nproductBox img{
  max-width: 100%;
  height: auto;
}
.nproductBox a{
  display: block;
}
.nproductBox .nproductBoxItemModel{
  position: relative;
  overflow: hidden;
}
.nproductBox u{
  display: block;
  width: 0;
  height: 4px;
  background: var(--livi-them-color);
  position: absolute;
  top: 0;
  left: 0;
  transition: all .8s;
  z-index: 5;
}
.nproductBox a:hover u{
  width: 100%;
}
.nproductBox   span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg,rgba(0,0,0,0.5)  0%, rgba(0,0,0,0) 100%);
  transition: all .8s;
  z-index: 2;
}
.nproductBox a:hover span{
  height: 100%;
}
.nproductBox  .totip{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px 0;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  transition: all .8s;
}
.nproductBox a:hover .totip{
  position: absolute;
  bottom: -100%;
}
.nproductBox  .totip p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
 
}
.nproductBox  .productImgCate a{
  color: #797b81;
  font-size: 14px;
  margin-top: 15px;
  font-weight: bold;

}
/* 侧边栏 */
.sidebarBox{
  margin-top: -154px;

}
.sidebarBox .sidebarItem{ 

}
.sidebarItemTitle{
  padding: 40px 25px;
  background: var(--livi-header_color);
  color: #fff;
}
.sidebarItemTitle h4{
  color: #fff;
  border-bottom: 1px solid rgba(250, 250, 250, 0.2);
  padding-bottom: 5px;
  margin-bottom: 3px;
}
.sidebarItemTitle p{
  text-align: right;
  margin-bottom: 0;
}
.sidebarBox .sidebarItem nav{
  background: var(--livi-them-color);
  padding: 20px 25px;
  padding-bottom: 30px;
  box-sizing: border-box;
  
}
.sidebarBox .sidebarItem li{ 
 list-style: none;


}
.sidebarBox .sidebarItem li a{
  display: block;
  color: rgba(250, 250, 250, 0.8);
  padding: 10px 5px;
  border-bottom: 1px solid rgba(250, 250, 250, 0.2);
  transition: all .3s;
}
.sidebarBox .sidebarItem li a:hover{
  background-color: var(--livi-them-text-color);
  /* padding-left: 20px; */
  color: rgba(250, 250, 250, 1);
}
/* 404 page */
.page404 .footformbox .sub input {
  background-color: #ffb533;
  border: 1px solid transparent;
}

.page404 .footformbox input,
.page404 .footformbox textarea {
  border: 1px solid #e0e0e0;
  padding: 5px 12px;
  line-height: auto;
  height: auto;
}

.page404 .footformbox textarea {
  min-height: 100px;
}

.page404 .footformbox .sub input:hover {
  color: #333;
}

.page404 .row {
  align-items: center;
}

.page404 .form .no {
  /* color: #333; */
  border: 2px solid #333;
  border-top: 2px solid transparent;
}

/* 产品详情 */
.productdelBox {
  color: #333;
}

.productdelBox .contentsbox>.wp-block-group:nth-child(1) {

  width: 45%;
  display: inline-block !important;
  vertical-align: top;
  border-radius: 2px;
}

.productdelBox .contentsbox>.wp-block-group:nth-child(2) {
  width: 54%;
  display: inline-block;
  box-sizing: border-box;
  padding-left: 20px;
  margin-top: -2px;
  color: #333;
}

.productdelBox .contentsbox>.wp-block-group:nth-child(2) h4 {
  margin-top: 0;
  color: #333;
}

.productdelBox .contentsbox>.wp-block-group:nth-child(2) p {
  margin: 0;
  line-height: 2;
  color: #333;
}

.productdelBox .productContBtns {
  margin-top: 15px;
}

.productdelBox .productContBtns .btnitem {
  display: inline-block;
  /* width: 140px */
}
.productdelBox .productContBtns .messagebtn a{
    background: #98A942;
}
.productdelBox .productContBtns>.btna {
  margin-top: 20px;
}

.productdelBox .productContBtns>.btna a {

  color: #fff;
  text-decoration: none;

}

.productdelBox .single-post-title {
  position: relative;
}

.productdelBox .single-post-title::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 4px;
  background: var(--livi-them-color);
  bottom: 0;
  left: 50%;
  display: block;
  margin-left: -10px;
}

.my-swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.my-swiper-container .swiper-pagination-bullet {
  background-color: #ddd;
  opacity: 1;
}

.my-swiper-container>.swiper-pagination-bullets,
.my-swiper-container .swiper-pagination-custom,
.my-swiper-container .swiper-pagination-fraction {
  bottom: 24px;
}

.my-swiper-container .swiper-pagination-bullet-active {
  background-color: var(--livi-them-color);
}



.my-swiper-container .swiper-button-next,
.my-swiper-container .swiper-button-prev {
  width: 40px;
}

.my-swiper-container .swiper-slide .wp-block-image {
  width: 100%;
  height: 650px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  color: var(--livi-them-color);
}

/* 详情页面公共 */
.delbox h2 {
  border-bottom: 1px solid var(--livi-them-color);
  line-height: 1.8;
  color: #333;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 28px;
}
.delbox h3{
      font-size: 22px;
}
.delbox .td2 table tr:nth-child(n+2) td:nth-child(2),.delbox .td3 table tr:nth-child(n+2) td:nth-child(3),.delbox .td4  table tr:nth-child(n+2) td:nth-child(4),.delbox .td4  table tr:nth-child(n+2) td:nth-child(4),.delbox .td5  table tr:nth-child(n+2) td:nth-child(5),.delbox .td6  table tr:nth-child(n+2) td:nth-child(6){
  background-color: #e1e1e1;
}

.post-details-page .productdelBox .fashion-blogging-standard-post__post-title .single-post-title {
  border-bottom: 1px solid var(--livi-them-color);
  margin-bottom: 30px;
  line-height: 1.3;
  font-size: 44px;
  text-align: left;
}

.delbox h4 {
  font-size: 18px;
  color: #333;
}

.delbox table {
  border-collapse: collapse;
  width: 100%;
  font-size: 17px;
  color: rgb(0, 0, 0);
  border-color: rgb(221, 221, 221);
  background-color: rgb(255, 255, 255);
  margin: 5px 0;
}

.delbox table tr:first-child {
  background-color: rgb(235, 234, 234);
}

.delbox table tr td {
  padding: 3px;
  border-color: rgb(221, 221, 221);
  /* background-color: rgb(192, 192, 192); */
}

.delbox ul,
.delbox ol {

  padding-left: 16px
}

.delbox li {
  line-height: 2;
}

.delbox img {
  max-width: 100%;
}

.delbox .single-post-title {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  line-height: 1.5;
  font-size: 44px;
  padding-bottom: 10px;
}

.delbox .delboxTime {
  text-align: center;
  margin-top: 20px;
}

.delbox i {
  color: #017089;


}
.previouspostBox{
  display: flex;
  justify-content: space-between;
}
.footsm {
  height: 40px;
}

.footsmBox {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #333;
  z-index: 333;
}

.footsmList {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid var(--livi-them-color);

}

.footsmList .footsmItem {
  width: 25%;
  text-align: center;
  padding: 5px 0;
  padding-top: 10px;
  border-right: 1px solid var(--livi-them-color);

}

.footsmList .footsmItem span {
  color: var(--livi-them-color);
  font-size: 25px;
}

.footsmList .footsmItem p {
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .bannerboxs{
    z-index: 0;
  }
  .bannerboxs .bannermb{
    z-index: -1;
  }
  .smbox {
    display: block;
  }

  .pcbox {
    display: none !important;
  }

  h1,
  .bannerboxs .bannerCon.homepage h1,
  .post-details-page .productdelBox .fashion-blogging-standard-post__post-title .single-post-title,
  .post-details-page .fashion-blogging-standard-post__post-title h1.single-post-title,.delbox .single-post-title {
    font-size: 26px;
  }

  h2,
  .delbox h2 {
    font-size: 24px;
  }

  h3 ,
  .delbox h2{
    font-size: 22px;
  }

  h4,
  .delbox h4 {
    font-size: 20px;
  }

  h5 ,.bannerboxs .bannerCon.homepage .infoBox a,.Questions .Questionsimg a,.farm a span{
    font-size: 18px;
  }

  h6 {
    font-size: 14px;
  }
  /* 弹框 */
.formModel    .modal-dialog {
  width:100%; /* 设置模态框的宽度 */
}
.formModel   .modal{
  left: 10%;

  width: 80%;
  margin-left: 0;
}
.formbox label{
  width: 100%;
}
  /* 头部 */
  .bannerboxs .bannerCon.homepage h5{
    font-size: 18px;
  }
  .bannerboxs .bannerCon.homepage{
    padding: 80px 0px 40px 0px;
  }

  header>.container>.row {
    position: relative;
    padding-top: 70px;
  }
  header>.container>.row .col-lg-2{
width: 20%;
position: absolute;
left: 0;
top: 0;
  }
  header>.container>.row .Quote{
    width: auto;
    display: block;
    max-width: 50%;
    top: 20px;
    left: auto;
  
    right: 0;

  }
  header>.container>.row .Quote a{
    display: inline-block;
    background-color: rgba(188, 186, 99, 0.64);
  }
  header>.container>.row .col-lg-8{
    width: 100%;
    text-align: right;
  }
  .Projects .videos iframe{
    max-width: 100%;
  }
  .Clients .ClientsItem>div{
    padding: 15px;
  }
  .bannerboxs .bannerCon.homepage .row{
    margin: 0;
  }
  .bannerboxs .bannerCon.homepage .row>div{
    padding: 0;
  }
  .Clients .ClientsItem{
    margin: 0;
  }
  .aboutForm .aboutFormImg{
    padding: 42% 0% 0% 0;
  }
  .header.toggled #main-menu{
    padding-top: 20px;
  }
  .bannerboxs .bannerCon.homepage{
    box-sizing: border-box;
    padding: 46px 15px 40px 15px;;

  }
  .btn1{
    padding: 12px 18px;
  }
  .lvbox{
    padding: 26px 0;
  }
  .tit1 h2{
    padding: 0px 0 8px 0;
  }
  .Products .ProductsRight{
    padding-left: 15px;
  }
  .Projects .ProjectsNum{
    margin-top: 15px;
    max-width: 50%;
  }
 
  .Questions h3{
    margin-top: 20px;
  }
  .newsCate .newsCate_Con h2 a{
    line-height: 1.5;
  }
  .What .Whatbtm{
    display: none;
  }
  .What .Whatbtm.WhatTop{
    display: block;
  }

     /* 产品详情 */
     .productdelBox .contentsbox>.wp-block-group:nth-child(1),  .productdelBox .contentsbox>.wp-block-group:nth-child(2){
      width: 100%;
  }
  .bannerboxs .bannerCon.homepage h1{
padding-bottom: 20px;
  }
  .productdelBox .single-post-title::before{
    height: 2px;
  }
  .page404 img{
    max-width: 100%;
  }
  .formbox label{
    max-width: 100%;
  }
  .formbox  .image-checkbox {
    max-width: 50%;
  }
  .sidebarBox{
    display: none;
  }
}