/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }
html,
body { height: 100%; }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; }
img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }

.no-section { padding: 100px 0; }

.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list { max-height: none !important; }

body .wpc-filters-main-wrap .wpc-term-item-content-wrapper { align-items: flex-start !important; } 
.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox] { position: relative; top: 3px !important; }
.wpc-term-count { margin: 0 auto !important; }

.wpcf7-form p { margin-bottom: 10px; }
.wpcf7-form .btn br { display: none; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'HelveticaNeue', sans-serif; font-size: 15px; line-height: 1.3; color: #2D3B45; } 

a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1 { font-family: 'Raleway', sans-serif; font-size: 2.5rem; }
h2 { font-family: 'Raleway', sans-serif; font-size: 2.1rem; }
h3 { font-family: 'Raleway', sans-serif; font-size: 2.1rem; }
h4 { font-family: 'Raleway', sans-serif; font-size: 1.8rem; }
h5 { font-family: 'Raleway', sans-serif; font-size: 1.8rem; }
h6 { font-family: 'Raleway', sans-serif; font-size: 1.6rem; } 

@media (max-width: 767px) { 
    h1 { font-size: 2rem; }
	h2 { font-size: 1.8rem; }
	h3 { font-size: 1.8rem; }
	h4 { font-size: 1.6rem; }
	h5 { font-size: 1.6rem; }
	h6 { font-size: 1.4rem; } 
}

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; }

p,
ul:not([class]),
ol,
dl,
table,
blockquote { margin-bottom: 20px; }

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:not([class]):last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */


@font-face {
	font-family: "HelveticaNeue";
	src: url("fonts/HelveticaNeue-Light.ttf") format('truetype');
	font-weight: 300;
}

@font-face {
	font-family: "HelveticaNeue";
	src: url("fonts/HelveticaNeue.ttf") format('truetype');
	font-weight: 400;
}
@font-face {
	font-family: "HelveticaNeue";
	src: url("fonts/helveticaneue-medium.ttf") format('truetype');
	font-weight: 500;
}

@font-face {
	font-family: "HelveticaNeue";
	src: url("fonts/HelveticaNeue-Bold.ttf") format('truetype');
	font-weight: 700;
}

/* cols */

.cols { display: flex; flex-wrap: wrap; margin: 0 -10px -20px; }
.col { width: 100%; padding: 0 10px; margin-bottom: 20px; }
.col_1of2 { width: 50%;  }
.col_1of3 { width: 33.33%; }

@media (max-width: 1024px) { 
	.col_1of3 { width: 50%; }
}

@media (max-width: 767px) { 
	.col_1of2 { width: 100%; }
	.col_1of3 { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }

[hidden],
.hidden { display: none; }

.alignleft { float: left; margin-right: 20px; }

.alignright { float: right; margin-left: 20px; }

[disabled],
.disabled { cursor: default; }

.text_center { text-align: center; }
 
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */ 

.footer { background: #008147; color: #fff; padding: 50px 0 30px; } 
.footer .cols { margin: 0 -20px -40px; }
.footer .col { padding: 0 20px; margin-bottom: 40px; }
.footer .col:nth-child(1) { width: 38.33%; }
.footer .col:nth-child(2) { width: 28.33%; }
.footer-top { text-align: center; }  
.footer .separator-line { border-bottom: 1px solid #fff; padding-bottom: 50px; } 
.footer-bottom { text-align: center; padding: 30px 0 0; }
.footer-title { font-weight: 500; font-size: 1.3rem; }
.footer-mid { padding: 50px 0 0; }
.footer .logo { display: inline-block; width: 100%; max-width: 170px; } 
.footer-list { list-style: none; }
.footer-list li { margin-bottom: 10px; }
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 10px; }
.footer-links li a { display: inline-block; text-decoration: none; }
.footer-links li a:hover { text-decoration: underline; }
.footer .subscribe-title { margin-bottom: 30px; font-size: 1.4rem; border-left: 3px solid #fff; padding-left: 20px; } 

@media (max-width: 900px) { 
	.footer .subscribe-title { font-size: 1.2rem; }
	.footer .btn_white { font-size: 14px; }
}

@media (max-width: 580px) { 
	.footer .col { width: 100%; }
	.footer .col:nth-child(1) { width: 50%; }
	.footer .col:nth-child(2) { width: 50%; }
}

@media (max-width: 580px) { 
	.footer .col { width: 100%; }
	.footer .col:nth-child(1) { width: 100%; }
	.footer .col:nth-child(2) { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { padding: 20px 0 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); position: relative; z-index: 3; }  
.header .nav > ul > li > a { padding-bottom: 20px; } 
.header-top { text-align: center; margin-bottom: 30px; }
.header .logo { width: 100%; max-width: 170px; display: inline-block; } 
.header .logo img { width: 100%; height: auto; } 

@media (max-width: 1200px) { 
	.header { padding: 20px 0; }
    .header-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1340px; margin: 0 auto; padding: 0 50px; }

@media (max-width: 767px) { 
    .shell { padding: 0 30px; } 
}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; min-height: 100%; overflow: hidden; }
    
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { text-decoration: none; display: inline-block; text-transform: uppercase; border: 0; border-radius: 0; background: #008147; color: #fff; font-weight: 500; padding: 10px 20px; transition: all .3s; }
.btn:hover { background: #5DA935; }

.btn_white { background: rgba(0, 0, 0, 0); border: 2px solid #fff; color: #fff; }
.btn_white:hover { background: rgba(255, 255, 255, 1);  color: #008147; }

/* burger */

.btn-burger { z-index: 3; transition: all .3s; display: none; width: 24px; height: 22px;   transform: rotate(0deg); cursor: pointer; } 

.btn-burger span { display: block; position: absolute; height: 2px; width: 100%; background: #008147; 
	opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }

.btn-burger span:nth-child(1) { top: 0px; }
.btn-burger span:nth-child(2) { top: 10px; }
.btn-burger span:nth-child(3) { top: 20px; }

.btn-burger.open span:nth-child(1) { top: 10px; transform: rotate(135deg); }
.btn-burger.open span:nth-child(2) { opacity: 0; left: -60px; }
.btn-burger.open span:nth-child(3) { top: 10px; transform: rotate(-135deg); }

@media (max-width: 1200px) { 
	.btn-burger { display: block; }
}

/* btn-filter */

.btn-filter { background: none; border: 0; border-radius: 0; font-size: 25px; margin-bottom: 30px; display: flex; align-items: center; }
.btn-filter i { margin-right: 20px; }
.btn-filter span { color: #008147; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

.field { width: 100%; padding: 0 20px; height: 40px; border: 1px solid #E5E5E5; border-radius: 5px; font-size: 16px; }
.field:focus { border: 1px solid #008147; }
.textarea {  width: 100%; padding: 20px; height: 155px; border: 1px solid #E5E5E5; border-radius: 5px; font-size: 16px; }
.textarea:focus { border: 1px solid #008147; }
label { margin-bottom: 5px; display: block; }

.select { width: 100%; } 

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #008147; }

.checkbox { position: relative; }
.checkbox input { position: absolute; top: 0; left: -9999px; opacity: 0; visibility: hidden; }
.checkbox label { user-select: none; display: flex; align-items: center; text-align: center; }
.checkbox label i { width: 22px; height: 22px; border: 1px solid #008147; display: inline-block; margin-right: 10px; }
.checkbox label span { text-align: left; }
.checkbox input:checked + label i:before { content: '\f00c'; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; width: 20px;height: 20px; color: #008147; position: relative;left: -1px; }

.checkbox { position: relative; } 
.checkbox label { cursor: pointer; }
.checkbox label span { user-select: none; display: flex; align-items: center; text-align: center; }
.checkbox label span:before { width: 22px; height: 22px; border: 1px solid #008147; display: inline-block; margin-right: 10px; }
.checkbox label span span { text-align: left; }
.checkbox .wpcf7-list-item-label { position: relative; font-size: 0; }
.checkbox p { display: flex; position: relative; margin-bottom: 30px; }
.checkbox input:checked + span:after { content: '\f00c'; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; width: 20px;height: 20px; color: #008147; position: relative;left: -1px; position: absolute; top: 0; left: 0; font-size: 18px; }
.checkbox .wpcf7-form-control-wrap { position: static; margin-bottom: 0; }

.list-procedure-checkbox li { margin-bottom: 10px; }
.list-procedure-checkbox li:last-child { margin-bottom: 0px; }

.wpcf7-list-item  { margin-left: 0; }

.wpcf7-form-control-wrap { display: block; margin-bottom: 30px; position: relative; }
.wpcf7-form-control-wrap .wpcf7-not-valid-tip { position: absolute; top: 100%; left: 0; width: 200px; font-size: 14px; padding: 2px 0; }

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }
 
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav > ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; }
.nav > ul li a { display: inline-block; text-decoration: none; text-transform: uppercase; font-weight: 500; padding: 0 20px; transition: all .2s; }
.nav > ul > li  { position: relative; }
.nav > ul > li > .sub-nav-large {display: none;  }
.nav > ul > li:hover > .sub-menu { opacity: 1; visibility: visible; } 
.nav .sub-menu { position: absolute; top: 100%; left: 0; background: #fff; padding: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), inset 0 7px 9px -7px rgba(0,0,0,0.1); width: 250px; list-style: none; opacity: 0; visibility: hidden; }
.nav .sub-menu > li > a { padding: 10px 10px; display: block; } 
.nav ul li a:hover { color: #008147; }
.nav > ul > li  > span { display: none; }

@media (max-width: 1200px) { 
	.navigation { display: none; }
	.nav > ul { display: block; padding-top: 20px; }
	.nav .sub-menu { position: static; opacity: 1; visibility: visible; box-shadow: none; padding: 0; width: 100%; }
	.nav > ul > li { border-bottom: 1px solid #E8E8E6; position: relative;  }
	.header .nav > ul > li > a { padding: 10px 15px; }
	.nav > ul > li > span { display: inline-block; position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
	.nav > ul > li > span:before { content: '\f078'; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; width: 20px;height: 20px; }
	.nav > ul > li > span { transition: all .3s;  }
	.nav > ul > li.mobile-active > span { transform: rotate(-180deg); right: 4px; }

	.nav > ul > li > ul { display: none; }

	.nav > ul > li > .sub-nav-large { list-style: none; }
	.nav > ul > li > .sub-nav-large > li > a { padding: 10px 15px; }
	.nav > ul > li > .sub-nav-large > li > .sub-menu { padding-left: 40px;}
	.nav > ul > li > .sub-nav-large > li > .sub-menu .sub-menu { padding-left: 40px;}

	.nav > ul > li > ul > li { position: relative; padding-left: 15px; border-top: 1px solid #E8E8E6;  }
	.nav > ul > li > ul > li { position: relative; padding-left: 15px; border-top: 1px solid #E8E8E6;  }
	.nav > ul > li > ul > li > ul { display: none;  }
	.nav > ul > li > ul > li > ul a { padding: 5px !important;  } 
	.nav > ul > li > ul > li > ul  li:last-child { padding-bottom: 5px; }
	.nav > ul > li > ul > li span {  display: inline-block; position: absolute; top: 0; right: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .3s; }
	.nav > ul > li > ul > li span:before { content: '\f078'; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; width: 20px;height: 20px; }
	.nav > ul > li > ul > li.mobile-active > span { transform: rotate(-180deg); right: 4px; }
}

/*  hover-nav-container */

.hover-nav-container { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), inset 0 7px 9px -7px rgba(0,0,0,0.1); z-index: -1; }
.hover-nav-container { opacity: 0; visibility: hidden; }
/* .hover-nav-container { opacity: 1; visibility: visible;  } */
.hover-nav-container.active { opacity: 1; visibility: visible; }
.hover-nav-container ul { list-style: none; }
.hover-nav-container a { text-decoration: none; display: block; }
.hover-nav-container .hover-nav-inner { position: relative; padding: 20px 0; }
.hover-nav-container .hover-nav-inner .sub-nav-large { width: 250px; }
.hover-nav-container .hover-nav-inner .sub-nav-large > li { border-bottom: 1px solid #E5E5E5;  }
.hover-nav-container .hover-nav-inner .sub-nav-large > li:last-child { border-bottom: 0; }
.hover-nav-container .hover-nav-inner .sub-nav-large > li > a { padding: 10px 0; }
.hover-nav-container .sub-nav-large > li > .sub-menu { position: absolute; top: 20px; left: 250px; width: calc(100% - 250px); display: flex; flex-wrap: wrap; padding-left: 40px; opacity: 0; visibility: hidden; }
.hover-nav-container .sub-nav-large > li > .sub-menu a:hover { color: #008147; }
.hover-nav-container .sub-nav-large > li:hover > .sub-menu {opacity: 1; visibility: visible; }
.hover-nav-container .sub-nav-large > li > .sub-menu > li { width: 33.33%; } 
.hover-nav-container .sub-nav-large > li:hover > a { color: #008147; }
.hover-nav-container .sub-nav-large > li.has-sub-nav > a:after { content: '\f054'; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; width: 20px;height: 20px; color: #2D3B45; position: absolute; top: 10px; right: 0; }
.hover-nav-container .sub-nav-large > li.menu-item-has-children > a { position: relative; }
.hover-nav-container .sub-nav-large > li.menu-item-has-children > a:after { content: '\f054'; font-family: "Font Awesome 6 Free"; font-weight: 900; display: inline-block; width: 20px;height: 20px; color: #2D3B45; position: absolute; top: 10px; right: 0; }
.hover-nav-container .sub-nav-large > li.has-sub-nav:hover > a:after { color: #008147; }
.hover-nav-container .sub-nav-large > li.has-sub-nav > a { position: relative; }
.hover-nav-container .sub-nav-large > li > .sub-menu > li > a { color: #008147; font-weight: 500; margin-bottom: 10px; }
.hover-nav-container .sub-nav-large > li > .sub-menu > li   a {  padding: 4px; }

@media (max-width: 1200px) { 
	.hover-nav-container { display: none; }
}

.single-products .section { padding: 50px 0; }

@media (max-width: 767px) { 
	.single-products .section { padding: 25px 0; }
	.single-products .section-procedures-hero ~ .section-read-more { padding: 50px 0; }
}

/* simple */

.section { padding: 100px 0; }
.section ul { list-style: none; padding-left: 20px; }
.section ul li { padding-left: 20px; position: relative; margin-bottom: 10px; }
.section ul li:last-child { margin-bottom: 0; }
.section ul li:before{ width: 6px; height: 6px; background: #000; content: ''; display: inline-block; border-radius: 50%; position: absolute; top: 8px; left: 0; }

@media (max-width: 767px) { 
	.section { padding: 50px 0; }
}

/* ------------------------------------------------------------ *\
	sections
\* ------------------------------------------------------------ */

.section-procedures { padding: 100px 0 150px; font-size: 16px; }
.section-procedures.bg { background-size: cover; }
.section-procedures .shell { max-width: 1150px; }
.section-procedures .section-head { text-align: center; padding-bottom: 60px; }
.section-procedures .section-title { color: #008147; margin-bottom: 10px; }

@media (max-width: 767px) { 
	.section-procedures { padding: 50px 0 100px; }
	.section-procedures .section-head { padding-bottom: 40px; }
}

/* ------------------------------------------------------------ *\
	sliders
\* ------------------------------------------------------------ */

.slider-hero { width: 100%; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.slider-hero .slide-image { background-size: cover; background-position: center; padding-bottom: 33%; }
.slider-hero .slide { width: 100%; margin: 0; position: relative; margin-bottom: -5px; }
.slider-hero .slide-content { padding: 100px 0;  position: absolute; top: 0; left: 0; width: 100%;	 display: flex; align-items: center; justify-content: flex-start; }
.slider-hero .slide-content .shell { width: 100%; }
.slider-hero .slide-entry { background: #fff; padding: 70px; width: 50%; }

@media (max-width: 1200px) { 
    .slider-hero .slide-image { position: relative; min-height:100px; padding-bottom: 60%; }
	.slider-hero .slide-content { position: absolute; top: 0; left: 0;  padding: 50px 0; min-height: 100px; display: flex; align-items: center; justify-content: flex-start; }
	.slider-hero .slide-entry { padding: 40px; }
}

/* list-procedures */

.list-procedures { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.list-procedures > li { width: 50%; padding: 0 10px; margin-bottom: 20px; }
.list-procedures > li > div { background: #fff; display: block; text-decoration: none; padding: 50px 40px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); position: relative; height: 100%; }
.list-procedures > li > div a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.list-procedures > li > div:hover .image-inner { transform: scale(1.1); }
.list-procedures > li > div small { font-size: inherit; }
.list-procedures > li > div h3 { display: block; color: #008147; font-weight: 400; margin-bottom: 15px; font-size: 1.3rem; } 
.list-procedures > li > div p { margin-bottom: 40px; }
.list-procedures > li > div .image { display: block; overflow: hidden; padding-bottom: 56%; position: relative; }
.list-procedures > li > div .image-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: all .3s; }

.list-procedures .article-about-post { padding: 0; }
.list-procedures .article-about-post .image { position: relative; padding-bottom: 150%; margin-bottom: 0; }
.list-procedures .article-about-post .image span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; }
.list-procedures .article-about-post .content { margin-top: 0; position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px); }

.list-blog .article-about-post { padding: 0; }
.list-blog .article-about-post .image { position: relative; padding-bottom: 150%; margin-bottom: 0; }
.list-blog .article-about-post .image span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; }
.list-blog .article-about-post .content { margin-top: 0; position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px); }

@media (max-width: 767px) { 
	.list-procedures > li { width: 100%; } 
	.list-procedures li .content .content-inner { padding-left: 0; border-left: 0; }
}

@media (max-width: 590px) { 
	.list-procedures > li { width: 100%; }  
}

/* section-products */

.section-products { position: relative; }
.section-products:before { content: ''; position: absolute; top: 50px; left: 0; width: 100%; bottom: 50px; background: #008147; }
.section-products .section-inner { display: flex; flex-wrap: wrap; align-items: center; color: #fff; position: relative; z-index: 1; }
.section-products .section-aside { width: 300px; padding: 100px 0; padding-right: 50px; }
.section-products .section-content { width: calc(100% - 300px); }
.section-procedures + .section-products { margin-top: -50px; }

@media (max-width: 767px) { 
    .section-products .section-inner { display: block; }
	.section-products .section-aside { width: 100%; text-align: center; padding-bottom: 50px; padding-right: 0; }
	.section-products .section-content { width: 100%; }
}

/* section-cta */

.section-cta { padding: 100px 0; }
.section-cta .section-head { text-align: center; padding-bottom: 60px; }
.section-cta .section-title { color: #008147; margin-bottom: 10px; }
.section-cta .video { position: relative; padding-bottom: 35%; max-width: 700px; margin: 0 auto; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.section-cta .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-cta .video a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; background-size: cover; background-position: center; }
.section-cta .video a span { width: 50px; height: 50px; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; position: absolute; background: #008147; display: block; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 25px; color: #fff; transition: all .3s; }  
.section-cta .video a span i { position: relative; left: 2px; top: 2px; }
.section-cta .video a:hover span { background-color: #5DA935; }

@media (max-width: 1024px) { 
	.section-cta .video { padding-bottom: 55%; }
}

@media (max-width: 767px) { 
	.section-cta .video { padding-bottom: 75%; }
}
/* slider-products */

.slider-products { position: relative; overflow: hidden; padding: 10px 5px; }
.slider-products .slide-inner { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); background: #fff; color: #2D3B45; padding: 50px 20px; position: relative; }
.slider-products .slide-inner:hover .image { transform: scale(1.1); }
.slider-products .slide-inner .image { transition: all .3s; }
.slider-products .slide-inner a  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.slider-products .slide-inner .image { padding-bottom: 160%; background-size: contain; background-position: center; background-repeat: no-repeat; }
.slider-products .slide { padding: 0 10px; }

.slider-products .slick-arrow { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; z-index: 1; }
.slider-products .slick-arrow { border: 0; border-radius: 0; background: #5DA935; }
.slider-products .slick-arrow:hover { background: #5dad32; }
.slider-products .slick-prev { left: 0; }
.slider-products .slick-next { right: 0; }
.slider-products .slick-list { overflow: visible; }
.slider-products .slick-track { display: flex; }
.slider-products .slick-track:before { display: none;  }
.slider-products .slick-track:after { display: none;  }
.slider-products .slick-slide { height: auto; }
.slider-products .slick-slide > div { height: 100%; }
.slider-products .slick-slide > div .slide { height: 100%; }
.slider-products .slick-slide > div .slide-inner { height: 100%; }
.slider-products .product-name { text-align: center; padding: 0 20px; } 
.slider-products .product-name strong { color: #008147; display: block; } 
.slider-products .slide-inner:hover .product-name strong { color: #5DA935;} 

/* list product */

.list-product { margin: 0 -10px -20px; display: flex; flex-wrap: wrap; }
.list-product .navigation { width: 100%; padding: 20px 10px 0; }
.list-product .navigation .screen-reader-text { display: none; }
.list-product .navigation .nav-links { display: flex; align-items: center; justify-content: center; }
.list-product .navigation .nav-links .page-numbers { margin: 0 10px; font-size: 18px; text-decoration: none; }
.list-product .navigation .nav-links a.page-numbers:hover {  color: #008147; }
.list-product .slide-inner { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); position: relative; background: #fff; color: #2D3B45; padding: 50px 20px; height: 100%; }
.list-product .slide-inner .image { padding-bottom: 160%; background-size: contain; background-position: center; background-repeat: no-repeat; }
.list-product .item { padding: 0 10px; width: 33.33%; margin-bottom: 20px; opacity: 0; visibility: hidden; transition: all .3s .3s; }
.list-product .item.active { opacity: 1; visibility: visible; }
.list-product .item.full_width { width: 100%; }
.list-product .item:hover .product-name { top: -10px; }
.list-product .item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 1024px) { 
	.list-product .item { width: 50%; }
}

@media (max-width: 767px) { 
	.list-product .item { width: 100%; }
}


.list-product .product-name { text-align: center; padding: 0 20px; position: relative; top: 0; transition: all .3s; } 
.list-product .product-name strong { color: #008147; display: block; } 

/* section-testimonials */

.section-testimonials { padding: 100px 0; color: #fff; background-size: cover; }

@media (max-width: 767px) { 
	.section-testimonials { padding: 50px 0; }
}

/* section-testimonials */

.slider-testimonials { margin: 0 -10px; }
.slider-testimonials .slide { padding: 0 10px; }
.slider-testimonials .slick-dots { display: flex; list-style: none; align-items: center; justify-content: center; }
.slider-testimonials .slick-dots li { margin: 0 5px; font-size: 0; }
.slider-testimonials .slick-dots li button { border: 1px solid #008147; background: #5DA935; border-radius: 50%; width: 15px; height: 15px; }

/* testimonial */

.testimonial { display: flex; flex-wrap: wrap; position: relative; padding: 20px; }
.testimonial > i { position: absolute; top: -10px; left: 0; font-size: 60px; color: #5DA935; z-index: -1; opacity: .8; }
.testimonial .image { width: 100px; height: 100px; border-radius: 50%; background-position: center; background-size: cover; }
.testimonial .testimonial-content { width: calc(100% - 100px); padding-left: 20px; }
.testimonial .name { margin-bottom: 15px; font-size: 1.1rem; }

@media (max-width: 767px) { 
	.testimonial .image { width: 70px; height: 70px; }
	.testimonial .testimonial-content { width: calc(100% - 70px); }
}

@media (max-width: 480px) { 
	.testimonial .image { width: 70px; height: 70px; }
	.testimonial .testimonial-content { width: 100%; padding-left: 0; padding-top: 20px; }
}

/* section-cta-boxes */

.section-cta-boxes { padding: 100px 0; }
.section-cta-boxes .widget-cta { height: 100%; }

/* widget-cta */

.widget-cta { padding: 50px; position: relative; }
.widget-cta .widget-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.widget-cta .widget-inner { z-index: 1; position: relative; padding: 50px; background: linear-gradient(273.31deg, rgba(255, 255, 255, 0.2) -1.15%, rgba(255, 255, 255, 0.2) 101.01%), linear-gradient(93.99deg, rgba(255, 255, 255, 0.4) -7.55%, rgba(255, 255, 255, 0.4) 89.23%);
    background-blend-mode: normal, soft-light; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.widget-cta .widget-title  { margin-bottom: 30px; border-left: 4px solid #008147; padding-left: 15px; }
.widget-cta .widget-title strong  { display: block; font-size: 1.3rem; margin-bottom: 5px; font-weight: 400; color: #008147; }

/* section-news-blog */

.section-news-blog { padding:  0 0 100px; }
.section-news-blog .section-head { padding-bottom: 60px; }
.section-news-blog .section-title { color: #008147; text-align: center; }
.section-news-blog .section-foot { padding-top: 60px; } 

/* tabs-nav */

.tabs-nav { display: flex; align-items: center; justify-content: center; list-style: none; padding-bottom: 60px; }
.tabs-nav li { margin: 0 20px; text-align: center; }
.tabs-nav li.active a { color: #008147; }
.tabs-nav li a { display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 18px; font-weight: 500; transition: all .3s; }
.tabs-nav li a:hover { color: #008147; }
.tabs-content { position: relative; overflow: hidden; margin: 0 -10px; }
.tabs-content .tab { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; padding: 10px; }
.tabs-content .tab.active { position: relative; opacity: 1; visibility: visible; }

@media (max-width: 580px) { 
	.tabs-nav li { width: 50%; }
}

/* list-blog */

.list-blog { display: flex; flex-wrap: wrap; margin: 0 -10px -20px; }
.list-blog li { width: 33.33%; padding: 0 10px; margin-bottom: 20px; }
.list-blog li .article { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); background: #fff; padding: 40px 30px; position: relative; height: 100%; }
.list-blog li .article:hover .image span { transform: scale(1.1); }
.list-blog li .article a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.list-blog li .article .image { margin-bottom: 20px;  overflow: hidden; }
.list-blog li .article .image span { display: block;transition: all .3s; padding-bottom: 130%; background-size: cover; background-position: center; }
.list-blog li .article .date { margin-bottom: 20px; }
.list-blog li .article .title { color: #008147; font-size: 1.3rem; }

@media (max-width: 900px) { 
	.list-blog li { width: 50%; }
}

@media (max-width: 600px) { 
	.list-blog li { width: 100%; }
}

/* list-procedures */

.list-procedures { display: flex; flex-wrap: wrap; margin: 0 -10px -20px; }
.list-procedures li { width: 50%; padding: 0 10px; margin-bottom: 20px; }
.list-procedures li .article { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); background: #fff; padding: 40px 30px; position: relative; }
.list-procedures li .article:hover .image span { transform: scale(1.1); }
.list-procedures li .article a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.list-procedures li .article .image { margin-bottom: 20px;  overflow: hidden; }
.list-procedures li .article .image span { display: block;transition: all .3s; padding-bottom: 130%; background-size: cover; background-position: center; }
.list-procedures li .content-inner { padding-left: 20px; border-left: 3px solid #008147; margin-bottom: 40px; }
.list-procedures li .article .date { margin-bottom: 20px; }
.list-procedures li .article .title { color: #008147; font-size: 1.3rem; }

@media (max-width: 767px) { 
	.list-procedures li { width: 50%; }
}

@media (max-width: 580px) { 
	.list-procedures li { width: 100%; }
}

/* section-about-category */

.section-about-category { padding: 100px 0; }
.section-about-category .section-title { text-align: center; color: #008147; margin-bottom: 60px; }

/* article-about-post */

.article-about-post { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); background: #fff; padding: 20px; position: relative; overflow: hidden; }
.article-about-post:hover .image span { transform: scale(1.1); }
.article-about-post a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.article-about-post .image { margin-bottom: 20px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.article-about-post .image span { display: block;transition: all .3s; height: 100%; background-size: cover; background-position: center; }
.article-about-post .date { margin-bottom: 10px; }
.article-about-post .title { color: #008147; font-size: 1.3rem; margin-bottom: 20px; }
.article-about-post .content { position: relative; z-index: 1; margin-top: 120%; background: linear-gradient(273.31deg, rgba(255, 255, 255, 0.2) -1.15%, rgba(255, 255, 255, 0.2) 101.01%), linear-gradient(93.99deg, rgba(255, 255, 255, 0.4) -7.55%, rgba(255, 255, 255, 0.4) 89.23%);
	background-blend-mode: normal, soft-light; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);  padding: 20px; }

/* section-about-single */

.section-about-single { padding: 100px 0; }
.section-about-single .section-head  { padding-bottom: 60px; }
.section-about-single .section-title { color: #008147; }
.section-about-single .section-sub-title { font-size: 1.7rem; }
.section-about-single .cols { margin-bottom: 0; }
.section-about-single .cols:last-child { margin-bottom: -60px; }
.section-about-single .col { margin-bottom: 60px; }
/* .section-about-single .col img { width: 100%; height: auto; } */
.section-about-single ul { list-style-position: inside; }
.section-about-single ul li { margin-bottom: 10px; }
.section-about-single ul li::marker { color: #008147; }

@media (max-width: 767px) {
	.section-about-single { padding: 50px 0; }
	.section-about-single .section-sub-title { font-size: 1.4rem; }
}

/* section-read-more */

.section-read-more { padding: 0 0 100px; }
.section-read-more .section-head { text-align: center; }
.section-read-more .section-title { color: #008147; }
.section-read-more .section-foot { padding-top: 60px; }
.section-read-more .section-title { margin-bottom: 60px; }
.section-read-more .col_1of3 .widget-cta .widget-title strong { font-size: 1.1rem; }
.section-read-more .col_1of3 .widget-cta { padding: 30px; }
.section-read-more .col_1of3 .widget-cta .widget-inner { padding: 30px; }
.section-read-more .widget-cta { height: 100%; }
.section-read-more .widget-image { background-size: cover; }

@media (max-width: 480px) { 
	.section-read-more .widget-cta .widget-inner { padding: 30px; }
	.section-read-more .widget-cta { padding: 30px; }
}

/* section-procedures-category */

.section-procedures-category { padding: 100px 0; }
.section-procedures-category .section-head { margin-bottom: 60px; text-align: center; }
.section-procedures-category .section-head-inner { max-width: 1000px; margin: 0 auto; }
.section-procedures-category .section-title { color: #008147; }
.section-procedures-category .section-body { display: flex; flex-wrap: wrap; }
.section-procedures-category .section-aside { width: 300px; padding-right: 30px; } 
.section-procedures-category .section-content { width: calc(100% - 300px); }

@media (max-width: 1200px) { 
	.section-procedures-category .section-aside { width: 250px; }
	.section-procedures-category .section-content { width: calc(100% - 250px); } 
}

@media (max-width: 900px) { 
	.section-procedures-category .section-aside { padding-right: 50px; } 
}

@media (max-width: 767px) { 
	.section-procedures-category { padding: 50px 0; }
	.section-procedures-category .section-aside { width: 100%; margin-bottom: 30px; }
	.section-procedures-category .section-content { width: calc(100%); } 
	.section-procedures-category .section-aside-inner { display: none; }
}

/* list-procedure-cat */

.list-procedure-cat { display: flex; flex-wrap: wrap; margin: 0 -10px -20px; }
.list-procedure-cat > li { width: 33.33%; padding: 0 10px; margin-bottom: 20px; } 
.list-procedure-cat .label { position: absolute; top: 0; left: 0; background: #008147; z-index: 1; color: #fff; padding: 10px; font-size: 16px; }
.list-procedure-cat .label i { margin-right: 5px; }
.list-procedure-cat .label span { width: 52px; display: inline-block; }
.list-procedure-cat .title { font-size: 15px; margin-bottom: 5px; text-transform: uppercase; }
.list-procedure-cat .date { font-size: 15px; margin-bottom: 0px; }

@media (max-width: 1024px) { 
	.list-procedure-cat > li { width: 50%; } 
}

@media (max-width: 480px) { 
	.list-procedure-cat > li { width: 100%; } 
}

/* widget-procedure-filter */

.widget-procedure-filter { margin-bottom: 30px; }
.widget-procedure-filter .widget-title { font-size: 20px; }

/* section-procedures-hero */

.section-procedures-hero { padding: 100px 0 0; }
.section-procedures-hero .section-inner { display: flex; flex-wrap: wrap; margin: 0 -30px; }
.section-procedures-hero .section-image { width: 40%; padding: 0 30px; position: relative; }
.section-procedures-hero .read-time { position: absolute; top: 0; left: 30px; padding: 10px; background: #008147; color: #fff; font-size: 20px; }
.section-procedures-hero .read-time i { margin-right: 5px; }
.section-procedures-hero .section-image .image { padding-bottom: 115%; background-size: contain; background-position: center; background-repeat: no-repeat; }
.section-procedures-hero.not-product .section-image .image { background-size: cover; }
.section-procedures-hero .section-content { width: 60%; padding: 0 30px; padding-top: 50px; }
.section-procedures-hero .section-content hr { margin-bottom: 20px; }
.section-procedures-hero .procedure-type { background: #008147; padding: 20px; color: #fff; display: inline-block; }
.section-procedures-hero .procedure-info-container {display: flex; justify-content: end; }
.section-procedures-hero .procedure-type > span { display: block; margin-bottom: 10px;  }
.section-procedures-hero .procedure-type > span { display: block; margin-bottom: 10px; }
.section-procedures-hero .procedure-type > span strong { margin-right: 7px; }
.section-procedures-hero .section-title { color: #008147; }
.section-procedures-hero .section-title { color: #008147; }
.section-procedures-hero .section-title-mobile { display: none; color: #008147; }
.section-procedures-hero .section-sub-title { font-size: 1.2rem; margin-bottom: 30px; }
.section-procedures-hero .section-sub-title ~ .section-sub-title { font-weight: 500; margin-bottom: 20px; }
.section-procedures-hero ~ .section-read-more { padding-top: 100px; }
.section-procedures-hero ~ .section-banner { padding-bottom: 50px; }

@media (max-width: 1700px) { 
	.section-procedures-hero { padding: 50px 0 0; }
}

@media (max-width: 1024px) { 
	.section-procedures-hero .procedure-info-container { display: block; }
	.section-procedures-hero .procedure-type { display: flex; flex-wrap: wrap; }
	.section-procedures-hero .procedure-type > span { margin-right: 20px; }
	.section-procedures-hero .procedure-type > span strong { display: block; }
}

@media (max-width: 767px) {
	.section-procedures-hero { padding: 50px 0; }
	.section-procedures-hero .section-image { width: 100%; padding: 0 30px; position: relative; }   
	.section-procedures-hero .section-content { width: 100%; padding: 0 30px; padding-top: 50px; }
	.section-procedures-hero .section-title-mobile { display: block; width: 100%; padding: 0 30px; }
	.section-procedures-hero .section-title { display: none; } 
}

/* section-procedure-simple */

.section-procedure-simple { padding-bottom: 100px; }
.section-procedure-simple .shell { max-width: 1000px; }

/* section-banner */

.section-banner { position: relative; padding: 50px 0; margin: 100px 0; }
.section-banner .section-aside { color: #fff; width: calc(100% - 300px); }
.section-banner .shell { position: relative; z-index: 1; }
.section-banner .section-title { color: #fff;  }
.section-banner .section-inner { display: flex; flex-wrap: wrap; align-items: center; }
.section-banner .section-image  { text-align: center;   position: relative; width: 300px; margin: -100px 0; }
.section-banner:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: #008147; }
.section-banner .section-image img { display: inline-block; position: relative; z-index: 1; }

@media (max-width: 1024px) {
	.section-banner { position: relative; padding: 50px 0; margin: 0 0 50px; }
	.section-banner .section-image  {margin: 0; width: 200px; }
}

@media (max-width: 767px) {
	.section-banner .section-aside { width: 100%; }
	.section-banner .section-inner { display: block; text-align: center; }
	.section-banner .section-image { width: 100%; }
	.section-banner .section-image img { width: 120px; margin-bottom: 20px; }
}

/* section-procedure-advice */

.section-procedure-advice + section { position: relative; z-index: 1; }
.section-procedure-advice .section-inner { position: relative; padding: 100px 0; }
.section-procedure-advice .section-inner img { position: absolute; top: 0; left: 0; z-index: 1; width: 250px; }
.section-procedure-advice .section-content { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); padding: 100px; padding-left: 300px; }
.section-procedure-advice .section-title { color: #008147; }

@media (max-width: 767px) { 
	.section-procedure-advice .section-inner  img { width: 180px; }
	.section-procedure-advice .section-content { position: relative; padding: 80px; padding-left: 220px; overflow: hidden; }
}

@media (max-width: 567px) { 
	.section-procedure-advice .section-inner  img { width: 180px; }
	.section-procedure-advice .section-content { position: relative; padding: 50px; padding-left: 220px; overflow: hidden; }
}

@media (max-width: 480px) { 
	.section-procedure-advice .section-inner { padding: 220px 0  50px 0; }
	.section-procedure-advice .section-inner  img { width: 80px; top: auto; bottom: 100%; left: 50%; margin-left: -40px; }
	.section-procedure-advice .section-content { position: relative; padding: 40px; overflow: visible; }
}

/* section-procedure-process */
 
.section-procedure-process { padding: 100px 0; }
.section-procedure-process .section-head { text-align: center; padding-bottom: 50px; }
.section-procedure-process .section-title { color: #008147; }
.section-procedure-process .section-inner { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 -30px; align-items: center; }
.section-procedure-process .section-image { width: 50%; padding: 0 30px;}
.section-procedure-process .section-content { width: 50%; padding: 30px;  }
.section-procedure-process .section-image .image  { padding-top: 120%;  background-size: cover; background-position: center; }
.section-procedure-process .slide { margin-bottom: 30px; }
.section-procedure-process .slide:last-child { margin-bottom: 0px; }
.section-procedure-process .slide-title { margin-bottom: 15px; }

@media (max-width: 1024px) { 
	.section-procedure-process .section-inner { margin: 0 -10px; }
	.section-procedure-process .section-image { padding: 0 10px;}
	.section-procedure-process .section-content { padding: 0 10px; }
}

@media (max-width: 767px) { 
	.section-procedure-process .section-inner { margin: 0 -10px; }
	.section-procedure-process .section-image { padding: 0 10px; width: 100%; margin-top: 20px; }
	.section-procedure-process .section-content { padding: 0 10px; width: 100%; text-align: left; }
}

/* slider-procedure-process */

.slider-procedure-process .slide { padding: 0 10px; }
.slider-procedure-process .slick-arrow { position: absolute; top: 100%; width: 50px; height: 50px; margin-top: -25px; z-index: 1; margin-top: 30px; }
.slider-procedure-process .slick-arrow { border: 0; border-radius: 0; background: #5DA935; }
.slider-procedure-process .slick-prev { right: 60px; color: #fff; }
.slider-procedure-process .slick-next { right: 0; color: #fff; }

@media (max-width: 767px) { 
	.slider-procedure-process  { padding-right: 150px; }
	.slider-procedure-process .slick-arrow { top: 50%; margin-top: -25px; }
}

@media (max-width: 480px) { 
	.slider-procedure-process { padding-right: 0; margin-bottom: 100px; }
	.slider-procedure-process .slick-arrow { top: 100%; margin-top: 40px; }
}

/* section-ingredients */

.section-ingredients { padding: 100px 0 130px; }
.section-ingredients .section-head { text-align: center; padding-bottom: 50px; }
.section-ingredients .section-title { color: #008147; }
.section-ingredients .section-body p span { color: #008147; }
.section-ingredients .section-body p { line-height: 1.5; }
.section-ingredients .col { margin-bottom: 50px; padding: 0 40px; }
.section-ingredients .cols { margin: 0 -40px; margin-bottom: -50px; }

@media (max-width: 767px) { 
	.section-ingredients  { padding: 50px 0; }	 
}

/* section-sorting */

.section-sorting { padding: 100px 0; }
.section-sorting .section-content { display: flex; flex-wrap: wrap; margin: 0 -20px; align-items: center; }
.section-sorting .section-aside { width: 50%; padding: 0 20px; }
.section-sorting .section-image { width: 50%; padding: 0 20px; }

.section-sorting + .section-read-more { padding-top: 0; }

@media (max-width: 767px) { 
	.section-sorting { padding: 50px 0; }
	.section-sorting .section-aside { width: 100%; }
	.section-sorting .section-image { display: none; }
}

/* section-blog-category */

.section-blog-category { padding: 100px 0; }
.section-blog-category .section-head { text-align: center; padding-bottom: 50px; }
.section-blog-category .section-title { color: #008147; }

/* list-blog-cat */

.list-blog-cat { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px; }
.list-blog-cat li { padding: 0 20px; }
.list-blog-cat li a { padding: 10px; display: inline-block; text-decoration: none; font-weight: 500; }

/* list-posts */

.list-posts { display: flex; flex-wrap: wrap; margin: 0 -10px -20px; }
.list-posts > li { padding: 0 10px; margin-bottom: 20px; width: 33.33%; }
.list-posts > li.full-width { width: 100%; }
.list-posts > li.full-width .content { margin-top: 0; }
.list-posts > li .article-about-post { height: 100%; }
.list-posts > li > div { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); padding: 30px; position: relative; height: 100%; }
.list-posts > li > div:hover .image span { transform: scale(1.1); }
.list-posts > li .image { overflow: hidden; margin-bottom: 20px; }
.list-posts > li .image span { display: block; padding-bottom: 100%; background-size: cover; background-position: center; transition: all .3s; }
.list-posts > li .cat { margin-bottom: 10px; font-size: 14px; font-weight: 500; }
.list-posts > li .cat { min-height: 24px; }
.list-posts > li .title { font-size: 1.3rem; color: #008147; margin-bottom: 10px; }
.list-posts > li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 900px) { 
	.list-posts > li { width: 50%; }
}

@media (max-width: 580px) { 
	.list-posts > li { width: 100%; }
}

@media (max-width: 480px) { 
	.list-posts > li > div { padding: 20px; }
}

/* section-blog-single */
.section-blog-single { padding: 100px 0; }
.section-blog-single .section-title { color: #008147; }
.section-blog-single .section-head { margin-bottom: 50px; }
.section-blog-single .section-image img { width: 100%;  }
.section-blog-single .section-image { margin-bottom: 30px; }

.section-blog-single .cols { margin-top: 50px; }
.section-blog-single ul { list-style-position: inside; }
.section-blog-single ul li { margin-bottom: 10px; }
.section-blog-single ul li::marker { color: #008147; }

/* accordion */

.accordion .accordion-item { border-bottom: 1px solid #E5E5E5;}
.accordion .accordion-item:last-child { border-bottom: 0; }
.accordion .accordion-item.active .accordion-body { display: block; }
.accordion .accordion-item.open i { transform: rotate(180deg);   }
.accordion .accordion-head { cursor: pointer; user-select: none; padding: 20px; position: relative; }
.accordion .accordion-head i { position: absolute; top: 28px; right: 20px; color: #008147; transition: all .3s; }
.accordion .accordion-body { display: none; line-height: 1.4; }
.accordion .accordion-body-inner { padding:0 20px 20px; }
.accordion .accordion-title { font-size: 1.3rem; margin: 0; padding-right: 20px; }

@media (max-width: 480px) { 
	.accordion .accordion-title { font-size: 1.2rem;   }
	.accordion .accordion-head {  padding: 20px 0;  }
	.accordion .accordion-body-inner { padding:0 0px 20px; }
}

/* section-faq */

.section-faq { padding: 100px 0; }
.section-faq .section-head { padding-bottom: 50px; text-align: center; }
.section-faq .section-title { color: #008147; }
.section-faq .section-body { max-width: 900px; margin: 0 auto; }

/* section-404 */

.section-404 { padding: 100px 0; text-align: center; min-height: 700px; display: flex; align-items: center; background-size: cover; } 
.section-404 .shell { width: 100%; }
.section-404 h1 { color: #008147; font-family: "HelveticaNeue"; font-size: 3rem; text-transform: uppercase; letter-spacing: 0.2em; } 

@media (max-width: 767px) { 
	.section-404 { min-height: 400px; }
}

@media (max-width: 480px) { 
	.section-404 { min-height: 100px; }
}

/* section-contact */

.section-contact { padding: 100px 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.section-contact .section-head {padding-bottom: 50px; text-align: center; }
.section-contact .section-title { color: #008147; }
.section-contact .section-body { max-width: 900px; margin: 0 auto;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); padding: 70px; background: #fff; }
.section-contact .cols { margin-bottom: 0; } 

@media (max-width: 480px) { 
	.section-contact .section-body { padding: 30px; }
}

/* popup-cookie */

.popup-cookie { position: fixed; bottom: 0px; left: 0px; width: 300px; padding: 30px 30px 60px; 
background: #008147; color: #fff; font-size: 16px; z-index: 100;  display: none;
}

.popup-cookie.hidden { display: none; }
.popup-cookie.visible { display: block; }

.popup-cookie .close { cursor: pointer; border: 1px solid #fff; display: inline-block; padding: 5px 10px; }
@media (max-width: 480px) { 
.popup-cookie { left: 0px; width: calc(100%); }
}