/* ===== CORE STYLESHEET - 1.0  ===== */

/* :: 1.0 Import Fonts :: */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
/* :: 2.0 Import All CSS :: */
@import url(classy-nav.css);
@import url(owl.carousel.min.css);
@import url(animate.css);
@import url(magnific-popup.css);
@import url(nicescroll.min.css);
@import url(font-awesome.min.css);

/* :: 3.0 Default-Starter :: */
*{
	padding: 0;
	margin: 0;
}

body{
	background-color: #75f28c;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	word-wrap: break-word;
	color: #303030;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	font-family: "Poppins", Arial, sans-serif;
}

a{
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	text-decoration: none;
}

ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul li{
	outline: none;
}

a{
	text-decoration: none !important;
	color: #303030;
}

a:hover{
	color: #fff;
}

ul.list-inline li{
	display: inline-block;
	margin-right: 10px;
}

ul.list-inline li:last-child{
	margin-right: 0;
}

img{
	max-width: 100%;
	height: auto;
	outline: none;
}

/* :: 4.0 Buttons :: */
button:hover,
button:focus{
	outline: none;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}

button:hover,
button:focus{
	outline: none;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}

a.custom-btn,
button.custom-btn{
	display: inline-block;
	padding: .6rem 2rem;
	border-radius: 0;
	font-size: 14px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	color: #f4f4f2;
	-o-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-transform: capitalize;
	box-shadow: 0 0.1rem 0.6rem rgba(0,0,0,.15) !important;
	background-color: #000;
	letter-spacing: 2px;
	outline: none;
	border: none;
}

.custom-btn:hover,
.custom-btn:focus{
	color: #303030 !important;
	outline: none;
	background-color: #fff;
}

a.custom-btn i{
	font-size: 17px;
	margin-right: 3px;
}

a.custom-badge,
span.custom-badge{
	padding: 8px 15px;
	background-color: #70c745;
	border-radius: 0;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1px;
	color: #f4f4f2;
}

a.custom-badge:hover,
a.custom-badge:focus{
	color: #f4f4f2 !important;
	outline: none;
	background-color: #181a1c;
}

.readmore{
	position: relative;
	padding-right: 20px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .1rem;
	font-weight: 400;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	color: #000;
}

.readmore:hover{
	padding-right: 25px;
}

.readmore::after{
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	position: absolute;
	content: ">";
	top: 56%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-family: inherit;
	right: 0;
	opacity: 0;
	visibility: hidden;
	font-size: 25px;
}

.readmore:hover::after{
	opacity: 1;
	visibility: visible;
}

.custom-btn-border{
	position: relative;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .1rem;
	font-weight: 600;
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	padding: 10px 15px;
	border: 1px solid #303030;
	color: #303030;
}

/* :: 5.0 Typhography :: */
h1,h2,h3,h4,h5,h6{
	color: #000;
	line-height: 1.7;
}

.title{
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0;
}

.title.has-nav{
	padding-bottom: 10px;
	border-bottom: 1px solid #ececec;
}

.subtitle{
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0;
}

.content-title{
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 0;
	color: #303030;
}

h1.title{
	font-size: 2.3rem;
}

.title-header{
	position: relative;
	font-size: 16px;
	line-height: 1.7;
	font-weight: 400;
	top: 5px;
	color: rgb(48, 130, 49);
	letter-spacing: 3px;
}

.title-header::before{
	content: "";
	position: relative;
	display: inline-block;
	top: -7px;
	border-bottom: 1px solid rgb(48, 130, 49);
	width: 30px;
	margin-right: 10px;
}

.title-footer{
	color: #308231;
	font-size: 16px;
	font-style: italic;
	max-width: fit-content;
	letter-spacing: 1px;
}

p.desc{
	color: #303030;
	font-size: 14px;
	line-height: 1.7;
}

p a.underlined{
	text-decoration: underline !important;
	color: #308231;
}

p a.underlined:hover{
	color: #404675;
}

.desc span.read-more,
.desc span.read-less{
	color: #f4f4f2;
	background-color: #77a0ce;
	font-weight: 300;
	padding-left: 6px;
	font-size: 14px;
	line-height: 1.7;
	padding-right: 6px;
	cursor: pointer;
}

.desc.has-readmore{
	display: block;
}

.desc.has-readfull{
	display: block;
	display: none;
}

.lh-2{
	line-height: 2 !important;
}

.divider{
	border-bottom: 2px solid #67ca7a;
	width: 100%;
}

.divider-top{
	width: 100%;
	border-top: 1px solid #67ca7a;
}

.text-16{
	font-size: 16px;
}

.text-tiny{
	font-size: 10px;
}

.text-secondary{
	color: #f4f4f2 !important;
}
.text-main{
	color: #308231 !important;
}

.text-heading{
	color: #000;
}

.text-desc{
	color: #828080 !important;
}

a.text-gold:hover{
	color: #fff !important;
}

/* :: 6.0 Custom-Padding :: */
.py-50{
	padding-top: 50px;
	padding-bottom: 50px;
}

.pt-50{
	padding-top: 50px;
}

.pb-50{
	padding-bottom: 50px;
}

.py-70{
	padding-top: 70px;
	padding-bottom: 70px;
}

.py-100{
	padding-top: 100px;
	padding-bottom: 100px;
}

.pt-100{
	padding-top: 100px;
}

.pb-100{
	padding-bottom: 100px;
}

.py-150{
	padding-top: 150px;
	padding-bottom: 150px;
}

/* :: 7.0 Custom-Backgrounds :: */
.bg-desc{
	background-color: #f4f4f2;
}

.bg-overlay,
.bg-pattern,
.bg-gradient{
	position: relative;
	z-index: 2;
	background-position: center center;
	background-size: cover;
}

.bg-overlay::after,
.bg-pattern::after,
.bg-pattern2::after{
	background-color: rgba(17, 17, 17, 0.53);
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
}

/* :: 8.0 Content-Pagination :: */
.content-pagination{
	margin-top: 50px;
}

.content-pagination .pagination a,
.content-pagination .pagination .page-numb{
	position: relative;
	display: block;
	padding: 0 10px;
	margin-right: 10px;
	border-radius: 0 !important;
	border: none;
	font-size: 14px;
	letter-spacing: 1px;
	color: #303030;
	line-height: 40px;
	background-color: transparent;
	box-shadow: none;
}

.content-pagination .pagination a:hover{
	color: #70c745;
}

.content-pagination .pagination .page-numb{
	width: 40px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.content-pagination .pagination .page-numb:hover,
.content-pagination .pagination .page-numb.active{
	background-color: #308231;
	color: #fff;
}

/* :: 9.0 Form :: */
form.with-bg{
	padding: 35px;
	background-color: #308231;
	border-radius: 5px;
}

form .form-group .form-control{
	width: 100%;
	height: 45px;
	border: 1px solid #ebebeb;
	padding: 0px 17px;
	border-radius: 5px;
	font-size: 14px;
	outline: none;
	line-height: 3;
	box-shadow: none;
}

/* :: 10.0 Owl-Carousel :: */
.owl-nav{
	text-align: center;
	position: relative;
	z-index: -1;
	width: 100%;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev{
	position: relative;
	padding: 8px !important;
	font-size: 20px;
	color: #3b416c;
	border: 1px solid #3b416c;
	border-radius: 50%;
	width: 45px;
	height: 45px;
}

.owl-carousel .owl-nav button.owl-next.disabled,
.owl-carousel .owl-nav button.owl-prev.disabled{
	color: #828080;
	border-color: #828080;
	opacity: 0.3;
}

.owl-carousel .owl-dots {
	text-align: center;
	position: relative;
	z-index: 1;
	margin-top: 10px;
}

.owl-carousel .owl-dots .owl-dot {
	padding: 6px !important;
	margin: 0 auto;
	margin-right: 10px;
	border-radius: 10px;
	background-color: #ececec;
}

.owl-carousel .owl-dots .owl-dot.active {
	background-color: #308231;
}

/* ===== CORE-STYLESHEET END ===== */

#scrollUp{
	background-color: #308231;
	border-radius: 0;
	bottom: 50px;
	color: #ffffff;
	font-size: 24px;
	height: 40px;
	line-height: 37px;
	right: 10px;
	text-align: center;
	width: 40px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15);
}

/* :: 3.4.0 Preloader */
.preloader{
	background-color: #75f28c;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999; 
}

.preloader .spinner{
	width: 100%;
	text-align: center; 
}

.preloader .spinner div {
	background-color: #fff;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both; 
}

.preloader .spinner a.site-brand{
	font-size: 21px;
	color: #303030;
	text-transform: uppercase;
	line-height: 4;
	letter-spacing: 3px;
	padding: 10px 20px;
	border: 2px solid;
	box-shadow: 1px 0px 5px -1px rgba(121, 121, 121, 0.5);
	font-weight: 700;
}

.preloader .spinner .site-brand-footer{
	font-style: italic;
	letter-spacing: .1rem;
}

.preloader .spinner .site-brand-footer::before,
.preloader .spinner .site-brand-footer::after{
	content: "";
	position: relative;
	display: inline-block;
	top: -5px;
	border-bottom: 1px solid #303030;
	width: 35px;
}

.preloader .spinner .site-brand-footer::before{
	margin-right: 10px;
}

/* ===== CONTENT-HEADER-STYLE - 2.0  ===== */

.header-area{
	position: absolute;
	width: 100%;
	z-index: 999;
	top: 0;
	left: 0;
	background-color: transparent;
}

/* :: 1.0 Top-Header :: */
.top-header{
	position: relative;
	z-index: 1;
	padding: 10px 0;
	width: 100%;
	height: 80px;
}

.top-header .top-header-brand a.brand{
	font-size: 21px;
	color: #f4f4f2;
	text-transform: uppercase;
	line-height: 4;
	letter-spacing: 3px;
	padding: 7px 15px;
	border: 2px solid;
}

/* :: 2.0 Sticky-Navbar :: */

.classy-navbar-toggler .navbarToggler span{
	background-color: #e9e9e9;
}

.sticky-navbar .site-menu{
	position: relative;
	z-index: 1;
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sticky-navbar .sticky-wrapper.is-sticky .site-menu{
	background-color: rgb(48, 130, 49);
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	box-shadow: 0 5px 50px 15px rgba(0, 0, 0, 0.2);
}

.sticky-navbar .site-menu .classy-nav-container{
	background: transparent;
	padding: 6px 0 2px;
}

.breakpoint-on .classynav ul li:not(:last-child){
	padding-bottom: 5px;
}

.classycloseIcon .cross-wrap span{
	background: #fff;
}

.sticky-navbar .classy-menu .classynav ul li a{
	font-size: 15px;
	font-weight: 400;
	padding: 0 20px;
	outline: medium none;
	position: relative;
	color: #fff;
	background-color: transparent;
	border: none;
}

.sticky-navbar .classy-menu .classynav ul li a:hover,
.sticky-navbar .classy-menu .classynav ul li a.active{
	color: #74f08a;
}

.sticky-navbar .classy-menu .classynav ul li:hover > a::before{
	opacity: 1;
	transform: scaleX(1);
}

.sticky-navbar .classy-menu .classynav ul li a.active::before{
	opacity: 1;
	transform: scaleX(1);
}

.sticky-navbar .classy-menu .classynav ul li.cn-dropdown-item ul li{
	margin-right: 0;
	padding: 0px 45px;
}

.sticky-navbar .classy-menu .classynav ul li.cn-dropdown-item ul li:not(:last-child){
	padding-bottom: 0px;
}

.sticky-navbar .classy-menu .classynav ul li.cn-dropdown-item ul li:not(:last-child) a{
	border-bottom: 0px;
}

.sticky-navbar .classy-menu .classynav ul li.cn-dropdown-item ul li a{
	font-size: 13px;
	letter-spacing: 1px;
	color: #fff;
	padding: 0;
}

.sticky-navbar .classy-menu .classynav ul li.cn-dropdown-item ul li a:hover{
	color: #017f4d !important;
}

.sticky-navbar .classy-menu .classynav ul li.cn-dropdown-item ul li:hover a::before,
.sticky-navbar .classy-menu .classynav ul li.cn-dropdown-item ul li a::before{
	height: 1px;
	transform: scaleX(0);
}

.sticky-navbar .classy-menu .classynav ul li.has-nest ul li{
	padding: 0px;
}

.sticky-navbar .classy-menu .classynav ul li.has-nest ul li a{
	font-size: 11px;
}

.sticky-navbar .classy-menu .classynav ul li.has-nest i{
	font-size: 10px;
}

.sticky-navbar .classy-menu .classynav ul li.has-down > a::after{
	display: none;
}

.breakpoint-on .classy-navbar .classy-menu{
	background-color: #2f8130;
}

/* :: 3.0 Nav-Socials :: */
.nav-socials a{
	color: #e9e9e9;
	margin: 0 8px;
	font-size: 15px;
}

.nav-socials a:hover{
	color: #f4f4f2;
	font-size: 15px;
	font-weight: 400;
}

/* :: 4.0 Nav-Search-Form :: */
.search-form{
	position: relative;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.search-form.active{
	opacity: 1;
	visibility: visible;
}

#searchIcon{
	color: #e9e9e9;
	margin: 0 8px;
	font-size: 14px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	cursor: pointer;
}

#searchIcon:hover{
	color: #f4f4f2;
}

.search-form form{
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	background-color: #ffffff;
	width: 460px;
	border-radius: 5px;
	padding: 20px;
	box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, 0.15);
}

.search-form form input{
	width: 100%;
	height: 45px;
	border: 1px solid #ebebeb;
	padding: 0 30px;
	border-radius: 0;
	font-size: 14px;
	outline: none;
}

.search-form .closeIcon{
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	position: absolute;
	top: 33px;
	right: 60px;
	z-index: 200;
	cursor: pointer;
	color: #707070;
}

/* ===== CONTENT-HEADER-STYLE END  ===== */

/* ===== MAIN-CONTENT-STYLE - 3.0  ===== */

/* :: 1.0 Home-Area :: */
body.body-bg{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: visible;
}

.home-content{
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 100%;
}

.home-content .hero{
	position: relative;
	background-size: cover;
	background-position: center center;
	z-index: 0;
}

.home-content .hero .hero-sliders.left {
	transform: scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg);
}

.home-content .hero-sliders .slider-image img{
	height: 210px;
}

.home-content .hero-sliders .owl-dots{
	margin-top: 10px;
}

.home-content .hero-sliders .owl-dots .owl-dot.active{
	background-color: #308231;
}

.home-content .site-brand{
	font-size: 21px;
	color: #303030;
	text-transform: uppercase;
	line-height: 4;
	letter-spacing: 3px;
	padding: 10px 20px;
	border: 2px solid;
	box-shadow: 1px 0px 5px -1px rgba(121, 121, 121, 0.5);
	font-weight: 700;
}

.home-content .site-brand-footer{
	font-style: italic;
	letter-spacing: .1rem;
}

.home-content .site-brand-footer::before,
.home-content .site-brand-footer::after{
	content: "";
	position: relative;
	display: inline-block;
	top: -5px;
	border-bottom: 1px solid #303030;
	width: 35px;
}

.home-content .site-brand-footer::before{
	margin-right: 10px;
}

.home-content .site-brand-footer::after{
	margin-left: 10px;
}

.home-content .home-thumbs{
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
	-ms-flex-pack: flex-end;
}

.home-content .home-thumbs .thumb-2{
	margin-left: 10px;
}

.home-content .home-widget{
	background-color: rgb(48, 130, 49);
	padding: 100px 0px;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 0;
	z-index: 2;
	-webkit-transition-duration: 650ms;
	transition-duration: 650ms;
}

.home-content .home-widget.active{
	padding: 100px 50px;
	width: 220px;
}

.home-content .home-widget .home-widget-trigger{
	  position: absolute;
	  left: -32px;
	  background-color: rgb(48, 130, 49);
	  color: rgba(255, 255, 255, 0.9);
	  padding: 10px;
	  top: 110px;
	  border-radius: 5px;
	  -webkit-transition-duration: 650ms;
	  transition-duration: 650ms;
	  cursor: pointer;
	  font-size: 18px;
}

.home-content .home-widget.active .home-widget-trigger{
	top: 110px;
}

.home-content .home-widget .title{
	opacity: 0;
	-webkit-transition-duration: 650ms;
	transition-duration: 650ms;
	letter-spacing: .1rem;
}

.home-content .home-widget h4.title{
	border-bottom: 1px solid;
	padding-bottom: 15px;
	visibility: hidden;
}

.home-content .home-widget ul.home-link li{
	margin-bottom: 20px;
	width: fit-content;
	visibility: hidden;
	opacity: 0;
	-webkit-transition-duration: 650ms;
	transition-duration: 650ms;
}

.home-content .home-widget.active ul.home-link li,
.home-content .home-widget.active .title{
	visibility: visible;
	opacity: 1;
	-webkit-transition-duration: 650ms;
	transition-duration: 650ms;
}

.home-content ul.home-link li a::before{
	content: "-";
	margin-right: 10px;
}

.home-content ul.home-link li a{
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .1rem;
	color: #fff;
}

.home-content ul.home-link li a:hover{
	color: #000;
}

.home-content .home-widget.active ul.home-link li a{
	font-size: 12px;
}

.home-content ul.footer-list li a,
.home-content ul.footer-list li span{
	color: #303030;
	font-size: 14px;
	line-height: 1.7;
}

.home-content ul.footer-icons li a{
	font-size: 18px;
	display: block;
}

.home-content footer.footer-area{
	background-color: transparent;
}

footer.home-content-footer ul li{
	margin-right: 20px;
}

footer.home-content-footer ul li a{
	color: #303030;
}

/* :: 2.0 Breadcrumb-Area :: */
.breadcrumb-area{
	position: relative;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	text-align: center;
	padding: 185px 0 80px 0;
	z-index: 10;
}

.breadcrumb-bg{
	background-image: url(../img/banner/bg6.jpg);
}

.breadcrumb-bg.bg-inspiration{
	background-image: url(../img/banner/banner.jpg);
}

.breadcrumb-bg.bg-about{
	background-image: url(../img/banner/banner5.jpg);
}

.breadcrumb-bg.bg-work{
	background-image: url(../img/banner/banner6.jpg);
}

.breadcrumb-bg.bg-video{
	background-image: url(../img/banner/banner3.jpg);
}

.breadcrumb-area ul li{
	margin-right: 5px;
}

.breadcrumb-area ul li a,
.breadcrumb-area ul li span{
	font-size: 15px;
}

.breadcrumb-area ul li span{
	opacity: 0.7;
}

.breadcrumb-area ul li:not(:last-child) a::after,
.breadcrumb-area ul li:not(:last-child) span::after{
	content: ">";
	margin-left: 10px;
	position: relative;
	display: inline-block;
	font-family: inherit;
	top: 1px;
}

.breadcrumb-area .search-form{
	width: fit-content;
	margin: 0 auto;
	background-color: transparent;
	opacity: 1;
	visibility: visible;
	padding: 0;
	margin-top: 2rem;
}

.breadcrumb-area .search-form form{
	position: relative;
	background-color: transparent;
	box-shadow: none;
	border-radius: 0;
}

.content-breadcrumb{
	position: relative;
	z-index: 1;
}

.content-breadcrumb ul li{
	margin-right: 0;
}

.content-breadcrumb ul li a,
.content-breadcrumb ul li span{
	position: relative;
	top: 4px;
	font-size: 12px;
	letter-spacing: .1rem;
	font-weight: 400;
	text-transform: uppercase;
}

.content-breadcrumb ul li span,
.content-breadcrumb ul li .current-page{
	color: #000;
}

.content-breadcrumb ul.content-nav-list li:not(:last-child)::after {
	content: "/";
	color: #828080;
	position: relative;
	top: 4px;
}

/* :: 3.0 Section-Gap :: */
.gap-wrapper{
	position: relative;
	overflow: hidden;
}

.gap-wrapper .gap-img{
	height: 360px;
	background-attachment: fixed;
}

.gap-wrapper .gap-img.bg-overlay::after{
	z-index: 0;
}

.gap-wrapper .gap-desc{
	width: 100%;
	padding: 33px 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
}

.gap-wrapper .gap-desc.with-bg{
	background: rgba(249, 255, 249, 0.9);
}

.gap-wrapper .gap-desc .title{
	color: #f4f4f2;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.gap-wrapper .gap-desc.with-bg .title{
	color: #303030;
}

.gap-wrapper .gap-desc iframe{
	width: 100%;
	height: auto;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
	border-radius: 5px;
}

/* :: 4.0 Content-Navigation :: */
.content-navigation{
	position: relative;
	padding-bottom: 13px;
	border-bottom: 1px solid #303030;
	z-index: 1;
}

.content-navigation ul.content-nav-list li,
.content-navigation ul.breadcrumb-list li{
	margin-right: 0;
}

.content-navigation ul.breadcrumb-list li:not(:last-child)::after{
	content: ">";
	color: #828080;
	position: relative;
	top: 1px;
	font-size: 14px;
	margin-left: 5px;
}

.content-navigation ul.content-nav-list li:not(:last-child)::after{
	content: "/";
	color: #828080;
	position: relative;
	top: 4px;
}

.content-navigation ul.content-nav-pages li:not(:last-child)::after{
	content: "";
	color: #828080;
	position: relative;
	top: 4px;
	margin-left: 4px;
}

.content-navigation ul.content-nav-pages li span{
	color: #303030;
}

.content-navigation ul li a,
.content-navigation ul li span{
	position: relative;
	display: none;
	font-size: 12px;
	letter-spacing: .1rem;
	font-weight: 400;
	text-transform: uppercase;
}

.content-navigation ul li a.bc-list, 
.content-navigation ul li span.bc-list{
	display: inline-block;
}

.content-navigation ul.breadcrumb-list li span,
.content-navigation ul.breadcrumb-list li .current-page{
	color: #000;
	font-weight: 600;
}

/* :: 5.0 Work-Area :: */
.work-area{
	position: relative;
	z-index: 1;
}

.work-area .with-divider{
	border-bottom: 1px solid #ececec;
}

.filters{
	padding-bottom: 10px;
	border-bottom: 1px solid #017f4d;
}

.filters ul li{
	list-style: none;
	display: inline-block;
	cursor: pointer;
	position: relative;
	color: #303030;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: .1rem;
}

.filters ul li:not(:last-child){
	margin-right: 8px;
}

.filters ul li:hover{
	color: #308231;
}

.filters ul li.active{
	color: #308231;
}

.work-area .single-work-wrapper{
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}

.work-area .single-work-wrapper .single-work-thumb{
	display: block;
	overflow: hidden;
}

.work-area .single-work-wrapper .thumb-overlay{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.work-area .single-work-wrapper:hover .thumb-overlay{
	background: rgba(0, 0, 0, 0.5);
}

.work-area .single-work-wrapper .thumb-icon{
	position: absolute;
	top: 30%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	opacity: 0;
}

.work-area .single-work-wrapper:hover .thumb-icon{
	top: 50%;
	opacity: 1;
}

.work-area .single-work-wrapper .thumb-icon a{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #ffffff;
	font-size: 36px;
}

.work-area .single-work-wrapper .thumb-icon a span{
	display: inline-block;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.work-area .single-work-wrapper:hover .thumb-icon a span{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.work-area .work-wrapper{
	position: relative;
	z-index: 10;
	margin-top: 20px;
	overflow: hidden;
	height: 400px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
}

.work-area .work-wrapper.col-12{
	padding-left: 10px;
	padding-right: 10px;
}

.work-area .work-wrapper .work-thumbnail{
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	width: calc(100% - 20px);
	position: absolute;
	height: 100%;
	top: 0;
	left: 10px;
	right: 10px;
	background-repeat: no-repeat;
}

.work-area .work-wrapper .work-thumbnail-overlay{
	width: calc(100% - 20px);
	height: 100%;
	top: 0;
	left: 10px;
	right: 10px;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	z-index: 10;
	text-align: center;
	opacity: 0;
	visibility: hidden;
}

.work-area .work-wrapper:hover .work-thumbnail-overlay{
	opacity: 1;
	visibility: visible;
}

.work-area .work-wrapper .work-thumbnail-overlay a{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 30;
}

.work-area .work-wrapper .work-thumbnail-overlay a .work-hover-text h3{
	font-size: 20px;
	color: #ffffff;
	font-weight: 300;
	letter-spacing: 1px;
}

.work-area .work-wrapper .work-thumbnail-overlay a .work-hover-text h5,
.work-area .work-wrapper .work-thumbnail-overlay a .work-hover-text h6{
	font-size: 14px;
	margin-bottom: 0;
	color: #ffffff;
	font-weight: 400;
	letter-spacing: 5px;
}

.work-area .work-wrapper .work-thumbnail-overlay a .work-hover-text h6{
	font-size: 13px;
}

/* :: 6.0 Content-Showcase :: */
.content-showcase{
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}

.content-showcase .content-thumb{
	position: relative;
	z-index: 1;
}

.content-showcase .content-thumb a{
	display: block;
}

.content-showcase .content-thumb a img{
	position: relative;
	z-index: 1;
	width: 100%;
}

.content-showcase .content-thumb a img.product-img{
	height: 230px;
	width: 100%;
	object-fit: contain;
}

.content-showcase .content-thumb.with-cover a img.product-img{
	object-fit: cover;
}

.content-showcase .content-thumb .has-tag .badge{
	position: absolute;
	z-index: 1;
	background-color: #000;
	top: 0;
	right: 0;
}

.content-showcase .content-thumb .has-tag .badge.sold-out{
	background-color: #c82525;
}

.content-showcase .content-thumb .has-tag .badge.qty-count{
	background-color: #e88910;
}

.content-showcase .content-desc a{
	display: block;
	max-width: fit-content;
}

.content-showcase .content-desc a.etsy{
	max-width: 100%;
}

.content-showcase .content-desc .content-title{
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.content-showcase .content-desc .categories{
	color: #303030;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .04rem;
}

.content-showcase .content-desc .categories:hover{
	color: #fff;
}

.content-showcase .content-desc .price{
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 10px;
	color: #308231;
}

.content-showcase .content-desc .content-meta ul.meta-categories li{
	margin-right: 0;
}

.content-showcase .content-desc .content-meta ul.meta-categories li:not(:last-child) a::after{
	content: ",";
	margin-left: 2px;
}

.content-showcase .content-desc ul.content-socials li a{
	font-size: 15px;
	vertical-align: middle;
	display: inline-block;
}

.content-showcase .product-meta,
.content-showcase .work-meta,
.content-showcase .socials-meta{
	border-top: 1px solid #303030;
	padding: 20px 0;
}

.content-showcase .product-meta p span:first-child{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 150px;
	flex: 0 0 150px;
	max-width: 150px;
	width: 150px;
	color: #000;
}

.content-showcase .work-meta p span:first-child{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 130px;
	flex: 0 0 130px;
	max-width: 130px;
	width: 130px;
	color: #000;
}

.content-showcase .work-meta p a{
	text-decoration: underline !important;
}

/* :: 7.0 Cta-Card-Area :: */
.cta-card-area{
	position: relative;
	z-index: 1;
}

.cta-card-area .cta-card-wrapper .cta-thumb{
	display: block;
	overflow: hidden;
}

.cta-card-area .cta-card-wrapper .cta-thumb img{
	height: 210px;
	width: 100%;
	object-fit: cover;
}

.cta-card-area .cta-card-wrapper .cta-desc .title{
	font-size: 1.25rem;
	color: #303030;
}

/* :: 7.0 About-Area :: */
.about-area{
	position: relative;
	z-index: 1;
}

.about-area .about-thumbs{
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
	-ms-flex-pack: flex-end;
}

.about-area .about-thumbs .thumbs-2{
	margin-top: 40px;
	margin-left: 10px;
}

.about-area .about-thumbs img{
	width: 100%;
	min-height: 360px;
}

.about-area .about-content{
	padding-left: 10px;
}

.about-area .about-content p{
	color: #303030;
	font-size: 14px;
	line-height: 1.7;
}

.about-socials .nav-socials a{
	color: #888585;
	font-size: 18px;
	border: 1px solid #888585;
	padding: 10px 12px;
	border-radius: 5px;
	margin: 0 5px;
}

/* :: 5.0 Inspiration-Area :: */
.inspiration-area{
	position: relative;
	z-index: 1;
}

.inspiration-area div.row:not(:last-child){
	margin-bottom: 100px;
}

.inspiration-area .inspiration-content{
	position: -webkit-sticky;
	position: sticky;
	top: 8.8em;
}

.inspiration-area .inspiration-content .inspiration-desc.left{
	padding-right: 30px;
	padding-left: 0;
}

.inspiration-area .inspiration-content .inspiration-desc p{
	color: #303030;
	font-size: 14px;
	line-height: 1.7;
}

.inspiration-area .inspiration-content .inspiration-desc p a{
	color: #308231;
}

.inspiration-area .inspiration-content .inspiration-desc p a:hover{
	text-decoration: underline !important;
}

.inspiration-area .inspiration-content.single-grid{
	position: -webkit-relative;
	position: relative;
	top: 0;
	padding: 0 10px;
	z-index: 1;
}

.inspiration-area .inspiration-content.single-grid img{
	background-color: #f4f4f2;
	padding: 20px;
	height: 360px;
	width: 100%;
}

.inspiration-area .inspiration-content ul li{
	margin-bottom: 15px;
}

.inspiration-area .inspiration-content ul li .desc{
	color: #828080;
}

.inspiration-area .owl-nav{
	position: absolute;
	top: 40%;
}

.inspiration-area .owl-nav button.owl-prev{
	right: 50.5%;
}

.inspiration-area .owl-nav button.owl-next{
	left: 48.5%;
}

/* :: 6.0 Video-Area :: */
.video-area{
	position: relative;
	z-index: 1;
}

.video-area .video-wrapper div:not(:last-child){
	margin-bottom: 3rem;
}

.video-area .video-content{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 380px;
	border-left: 1px solid #fff;
}

.video-area .video-content iframe{
	width: 100%;
	height: 100%;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.video-area .video-content .play-btn a.play-button{
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	position: absolute;
	width: 74px;
	height: 74px;
	z-index: 100;
	top: 50%;
	left: 50%;
	margin-top: -37px;
	margin-left: -37px;
	background-color: #77a0ce;
	border-radius: 50%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
}

.video-area .video-content:hover .play-btn a.play-button{
	opacity: 1;
	visibility: visible;
}

.video-area .video-content .play-btn a.play-button:hover{
	outline: none;
	background-color: #181a1c;
}

.video-area .video-content .play-btn img{
	padding: 25px 0;
}

.video-area .video-desc p{
	color: #303030;
	font-size: 14px;
	line-height: 1.7;
}

.video-area .video-desc ul li{
	margin-bottom: 1.2rem;
}

.video-area .video-desc ul li h6{
	margin-bottom: 8px;
}

/* :: 7.0 Blog-Area :: */
.blog-area{
	position: relative;
	z-index: 1;
}

.blog-area .content-navigation .content-breadcrumb ul li a,
.blog-area .content-navigation .content-breadcrumb ul li span,
.blog-area .content-navigation ul.breadcrumb-list li a,
.blog-area .content-navigation ul.breadcrumb-list li span,
.collections-area .content-navigation ul li a,
.collections-area .content-navigation ul li span{
	display: inline-flex;
	top: 0;
}

.blog-item{
	margin-bottom: 50px;
}

.blog-item:not(:last-child){
	padding-bottom: 25px;
	border-bottom: 1px solid #303030;
}

.blog-item .blog-item-img{
	position: relative;
}

.blog-item .blog-item-img img{
	height: 250px;
	width: 100%;
	object-fit: cover;
}

.blog-item .blog-header .blog-meta > div{
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 14px;
}

.blog-item .blog-header .blog-meta > div a{
	font-size: 14px;
	color: rgba(0, 0, 0, 0.3);
}

.blog-item .blog-header .blog-meta > div a:hover{
	color: #77a0ce;
}

.blog-item .blog-header .blog-meta > div:not(:last-child) a:after{
	content: "|";
	margin-left: 8px;
}

.blog-item .blog-desc{
	min-height: 75px;
}

.blog-item .blog-desc.with-divider{
	border-top: 1px solid #000;
	padding-top: 20px;
}

.blog-item .blog-desc.blog-shrink p{
	text-align: justify;
}

.blog-item .blog-desc.blog-shrink p + p,
.blog-item .blog-desc.blog-shrink h1,
.blog-item .blog-desc.blog-shrink blockquote,
.blog-item .blog-desc.blog-shrink p img{
	display: none;
}

.blog-item .blog-desc p,
.blog-item .blog-details p.desc{
	color: #303030;
	line-height: 2;
}

.blog-item .blog-desc .table-bordered > :not(caption) > *{
	border-color: #75f28c;
}

.blog-item .blog-desc .table > :not(caption) > * > *{
	border-color: #70c745;
	background-color: #308231;
}

.blog-item .blog-desc table tbody p{
	margin-bottom: 0;
}

.blog-item .blog-desc ul{
	margin-left: 15px;
	list-style: inherit;
}

.blog-item .blog-desc ul li,
.blog-item .blog-desc ol li{
	list-style: inherit;
}

.blog-item .blog-details .blog-meta span{
	color: #303030;
	font-size: .875rem;
}

.blog-item .blog-desc img.note-float-right,
.blog-item .blog-desc img.note-float-left{
	margin: 0 0 25px 0px;
	width: 100% !important;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.blog-item .blog-desc blockquote{
	background: #308231;
	padding: 15px;
	line-height: 1.733;
	color: #303030;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 25px;
	font-size: .9rem;
	border-radius: 3px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.blog-item .blog-desc blockquote p{
	background: #fff;
	padding: 15px 15px 15px 20px;
	border-left: 2px solid #70c745;
	line-height: 1.5rem;
}

.blog-item .blog-desc p iframe.note-video-clip,
.blog-item .blog-desc iframe.note-video-clip{
	width: 100%;
}

.blog-item .blog-details ul.tags li{
	margin-right: 5px;
}

.blog-item .blog-details ul.list-inline li a{
	font-size: 14px;
	color: rgba(0, 0, 0, 0.3);
	line-height: 1.2;
}

.blog-item .blog-details ul.list-inline li a:hover{
	color: #77a0ce;
}

.blog-item .blog-details ul.tags li:not(:last-child) a::after{
	content: ",";
	margin-left: 2px;
}

.blog-item .blog-details .readmore{
	padding-right: 0;
	border-bottom: 1px solid;
}

.blog-item .blog-details .readmore:hover{
	padding-right: 0;
}

.blog-item .blog-details .readmore:hover::after{
	visibility: hidden;
	opacity: 0;
}

.blog-item .blog-author{
	padding: 40px 30px;
	background: #308231;
	margin-top: 25px;
}

.blog-item .blog-author img{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin: 0 0 30px;
	object-fit: cover;
}

.blog-item .blog-author .media{
	display: block;
	text-align: center;
}

.blog-item .blog-author .media-body{
	-ms-flex: 1;
	flex: 1;
}

.blog-item .blog-author .media-body a{
	max-width: fit-content;
	display: block;
	margin: 0 auto;
}

.blog-item .blog-author .media-body a.author{
	display: inline-flex;
}

.blog-item .blog-author .media-body span.badge{
	display: inline-flex;
	margin-left: 7px;
	padding: 5px 10px;
}

.blog-item .blog-author .media-body .readmore{
	color: #75f28c;
}

.blog-item .blog-author .media-body a h6{
	display: block;
	margin-bottom: 0;
	font-size: 16px;
	color: #fff;
	text-transform: capitalize;
	font-weight: 600;
}

.blog-item .blog-author .media-body .author-desc{
	text-align: justify;
}

.blog-item .blog-author .media-body .author-desc p{
	color: #fff;
}

.blog-item .blog-author .media-body .author-desc p + p,
.blog-item .blog-author .media-body .author-desc img,
.blog-item .blog-author .media-body .author-desc blockquote,
.blog-item .blog-author .media-body .author-desc table,
.blog-item .blog-author .media-body .author-desc iframe{
	display: none;
}

/* :: 8.0 Comment-Area :: */
.comment-area{
	position: relative;
	z-index: 1;
	padding: 30px 0 0;
	border-top: 1px solid #303030;
	margin-top: 30px;
}

.comment-area ol{
	margin: 0;
	padding: 0;
}

.comment-area ol li{
	margin-bottom: 10px;
}

.comment-area ol.has-reply li{
	margin-bottom: 0;
	margin-left: 30px;
	margin-top: 5px;
}

.comment-area ol li .users-thumb{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
	min-width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 15px;
}

.comment-area ol.has-reply li .users-thumb{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 80px;
	flex: 0 0 40px;
	min-width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 15px;
}

.comment-area ol li .users-thumb img{
	max-width: 40px;
	margin-top: 16px;
	height: 40px;
	width: 40px;
	object-fit: cover;
}

.comment-area ol.has-reply li .users-thumb img{
	max-width: 40px;
}

.comment-area ol.has-reply li .users-thumb{
	flex: 0 0 40px;
	min-width: 40px;
	height: 40px;
}

.comment-area .comment-content .comment-meta{
	margin-bottom: 15px;
	width: 100%;
	background-color: #308231;
	padding: 20px;
	border-radius: 5px;
}

.comment-area .comment-content .comment-meta h6{
	font-size: 14px;
	display: block;
	text-transform: capitalize;
	font-weight: 600;
}

.comment-area .comment-content .comment-meta .meta{
	display: block;
	margin-bottom: 10px;
	font-size: 11px;
	color: rgb(230, 230, 230);
	line-height: 1;
}

.comment-area .comment-content .comment-meta p{
	font-size: 13px;
	color: #fff;
}

.comment-area .comment-content .comment-meta a small.replies,
.comment-area .comment-content .comment-meta .readmore{
	color: #75f28c;
}

.comment-area .comment-content .comment-meta .nest-trigger{
	cursor: pointer;
}

.comment-area .comment-content .comment-meta a small.replies:hover,
.comment-area .comment-content .comment-meta .readmore:hover{
	color: #fff;
}

.comment-area .comment-form{
	border-top: 1px solid #303030;
	padding-top: 45px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.comment-form.comment-nested-form{
	border: none;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 50px;
	display: none;
	opacity: 0;
	visibility: 0;
	-webkit-transition-duration: 650ms;
	transition-duration: 650ms;
}

.comment-nested-form.active{
	display: block;
	opacity: 1;
	visibility: visible;
}

.comment-area .comment-form .form-group{
	margin-bottom: 30px;
}

.comment-area .comment-title{
	padding: 0 0 30px;
	border-bottom: 1px solid #303030;
	overflow: hidden;
	clear: both;
}

.comment-area .comment-title h6{
	margin: 0;
	width: auto;
	float: left;
}

.blog-share{
	float: right;
}

.blog-share i,
.blog-share span{
	display: inline-block;
	vertical-align: middle;
}

.blog-share ul{
	width: auto;
	float: right;
	list-style: none;
}

.blog-share ul li{
	float: left;
	overflow: hidden;
	list-style-type: none;
}

.blog-share ul li:not(:last-child){
	margin-right: 7px;
}

.blog-share ul li a{
	width: 100%;
	display: block;
	position: relative;
	color: #999;
	transition: .3s all ease;
}

.blog-share ul li a:hover{
	color: #70c745;
}

.blog-share ul li a i{
	width: 26px;
	height: 24px;
	display: block;
	float: left;
	border: 1px solid #ddd;
	margin: 0;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	transition: .3s all ease;
}

.blog-share ul li a:hover i{
	border: 1px solid #70c745;
}

/* :: 9.0 Shop-Area :: */
.shop-area{
	position: relative;
	z-index: 1;
}

.shop-area .content-showcase.shop-grid .row:not(:first-child){
	border-top: 1px solid #62c675;
	padding-top: 3rem;
}

.shop-area .shop-collections-desc p{
	line-height: 1.7;
}

.shop-area .shop-collections-desc .desc-wrapper p:not(:first-child){
	display: none;
	opacity: 0;
	visibility: hidden;
}

.single-product-thumb{
	position: relative;
	z-index: 1;
}

.single-product-thumb .product-img{
	position: relative;
	width: 100%;
	overflow: hidden;
	display: block;
}

.single-product-thumb .product-img img{
	height: 460px;
	width: 100%;
	object-fit: contain;
}

.single-product-thumb .carousel-indicators{
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 15;
	margin-right: 0;
	margin-left: 0;
	margin-top: 30px;
	justify-content: left;
}

.single-product-thumb .carousel-indicators li{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 68px;
	flex: 0 0 68px;
	height: 68px;
	cursor: pointer;
	background-size: cover;
	background-position: center;
	border: 2px solid transparent;
	opacity: 0.7;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.single-product-thumb .carousel-indicators li:not(:last-child){
	margin-right: 15px;
}

.single-product-thumb .carousel-indicators li.active,
.single-product-thumb .carousel-indicators li:hover{
	border: 2px solid #3b416c;
	opacity: 1;
}

.related-sliders .content-thumb{
	padding: 20px;
}

.related-sliders .owl-nav{
	position: absolute;
	top: 40%;
}

.related-sliders .owl-nav button.owl-prev{
	right: 50.5%;
}

.related-sliders .owl-nav button.owl-next{
	left: 50.5%;
}

/* :: 10.0 Store-Area :: */
.store-sorting{
	position: relative;
	z-index: 1;
	padding-bottom: 15px;
	margin-bottom: 50px;
	border-bottom: 1px solid #308231;
}

.sort-by{
	position: relative;
	z-index: 1;
}

.sort-by select{
	height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 14px;
	background-color: #308231;
	border: 1px solid #308231;
}

.sort-by select option{
	background-color: #fff;
	color: #303030;
}

.store-area .store-widget{
	position: relative;
	z-index: 1;
	background-color: #308231;
	padding: 20px;
}

.store-area .store-widget h5.title{
	border-bottom: 1px solid #fff;
	padding: 0 0 10px;
}

.store-area .store-widget a{
	color: #fff;
}

.store-area .store-widget a:hover,
.store-area .store-widget a.active{
	color: #75f28c;
}

.store-area .store-widget .widget-options .form-check-input{
	width: 1.1em;
	height: 1.1em;
}

.store-area .store-widget .widget-options .form-check-input:checked{
	background-color: #404675;
	border-color: #404675;
}

.store-area .store-widget .widget-options .form-check-label{
	position: relative;
	vertical-align: middle;
}

.store-area .content-showcase .content-thumb{
	padding: 20px;
}

.store-area .content-showcase .content-desc .content-title{
	font-size: 14px;
}

.store-area .content-showcase .content-thumb .has-tag .badge{
	top: 25px;
}

/* :: 11.0 Collections-Area :: */
.collections-area{
	position: relative;
	z-index: 1;
}

.breakpoint-off .classynav ul li .dropdown.collections-dropdown{
	width: max-content;
}

.collections-area .collections-desc p{
	line-height: 1.7;
}

.collections-area .top-collections-landscape.blog-cta{
	height: 360px;
	width: 100%;
	background-size: cover;
}

.collections-area .work-subcategories-sliders .top-collections-landscape.blog-cta{
	height: 260px;
}

.collections-area .top-collection-landscape img{
	max-height: 440px;
	width: 100%;
	object-fit: cover;
}

.collections-area .portrait-img{
	height: 208px;
	width: 100%;
	object-fit: cover;
}

.collections-area .content-showcase{
	margin-bottom: 0px;
}

.collections-area .content-showcase .content-thumb a img{
	height: 260px;
	object-fit: cover;
}

.collections-area .content-showcase .content-thumb a img.collection-product{
	object-fit: contain;
}

.collections-gap .gap-wrapper .gap-img{
	height: 350px;
}

.collections-gap .video-area,
.collections-gap .blog-cta{
	width: 49.77%;
	margin-top: 5px;
	padding: 0;
	overflow: hidden;
}

.collections-gap .video-area .video-content{
	border-left: 0px;
}

.blog-cta{
	position: relative;
	z-index: 1;
}

.blog-cta .caption{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #000;
}

.blog-cta .caption a.cta{
	background-color: #111111c4;
	color: #fff;
	padding: 15px;
	font-size: 14px;
	letter-spacing: 2px;
	width: 100%;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;

}

.blog-cta .caption a.cta:hover{
	background-color: #111;
}

.collections-gap .video-area iframe{
	width: 530px;
	max-height: 250px;
	position: relative;
	margin-top: 65px;
}

/* :: 12.0 FAQ-Area :: */
.faq-area{
	position: relative;
	z-index: 1;
}

.faq-area .accordion-item[aria-expanded="true"] {
	color: #308231;
}

.faq-area a.accordion-title:hover{
	color: #308231;
}

/* :: 13.0 Social-Post-Area :: */
.social-post-area{
	position: relative;
	z-index: 1;
}

.social-post-area .single-post{
	margin-top: 25px;
	width: 100%;
	height: 300px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.social-post-area .single-post.bg-overlay::after{
	background-color: rgba(17, 17, 17, 0.43);
	opacity: 0;
	visibility: none;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.social-post-area .single-post.bg-overlay:hover::after{
	opacity: 1;
	visibility: visible;
}

.social-post-area .single-post span{
	font-size: 45px;
	color: #f4f4f2;
	opacity: 0;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.social-post-area .single-post:hover span{
	opacity: 1;
}

/* :: 10.0 Contact-Area :: */
.contact-area{
	position: relative;
	z-index: 1;
}

.contact-area .media{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 1rem;
}

.contact-area .media .media-body{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.contact-area .contact-icon{
	margin-right: 15px;
}

.contact-area .contact-icon i{
	color: #828080;
	font-size: 35px;
}

/* :: 11.0 Single-Widget-Sidebar :: */
.single-widget-sidebar{
	background: #308231;
	margin-bottom: 30px;
	padding: 30px;
}

.single-widget-sidebar .title::after{
	content: "";
	display: block;
	padding-top: 15px;
	border-bottom: 2px solid #ececec;
}

.single-widget-sidebar ul.tag-clouds li{
	margin-right: 5px;
}

.single-widget-sidebar ul.tag-clouds li a.badge{
	margin-bottom: 10px;
}

.single-widget-sidebar ul.categories li{
	border-bottom: 1px solid #ececec;
	transition: all 0.3s ease 0s;
	padding-bottom: 8px;
}

.single-widget-sidebar ul.categories li + li{
	padding-top: 15px;
}

.single-widget-sidebar ul.categories li:last-child{
	border-bottom: 0;
}

.single-widget-sidebar ul.categories li a{
	font-size: 14px;
	line-height: 20px;
}

.single-widget-sidebar ul.categories li a.active p{
	color: #75f28c;
}

.single-widget-sidebar ul.categories li a p{
	margin-bottom: 0px;
	color: #fff;
}

.single-widget-sidebar ul.categories li a p:hover{
	color: #75f28c;
}

.single-widget-sidebar ul.categories li a span{
	margin-left: auto;
}

.single-widget-sidebar.search-form{
	opacity: 1;
	visibility: visible;
}

.single-widget-sidebar.search-form form{
	position: relative;
	width: 100%;
	background-color: transparent;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
}

/* ===== MAIN-CONTENT-STYLE END  ===== */

/* ===== FOOTER-CONTENT-STYLE 4.0  ===== */
.footer-area{
	background-color: #75f28c;
}

.footer-area .footer-overlay{
	background: rgba(0, 0, 0, 0.18) !important;
}

.footer-area .footer-bottom{
	background: rgba(0, 0, 0, 0.25) !important;
}

.footer-area p{
	color: #303030;
	line-height: 1.8;
}

.footer-area p.desc a{
	color: #303030;
}

.footer-area ul li a{
	color: #000;
	font-size: 16px;
	font-weight: 400;
}

.footer-area ul li a:hover{
	color: #fff;
}

.footer-area a.site-brand{
	display: block;
	width: fit-content;
	font-weight: 800;
	font-size: 21px;
	color: #303030;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: 3px;
	padding: 7px 15px;
	border: 2px solid;
	margin-bottom: 30px;
}

.footer-area .single-footer-content .title{
	color: #303030;
	margin-bottom: 30px;
}

.footer-area ul.list-unstyled li:not(:last-child){
	margin-bottom: 8px;
}

.footer-area ul.list-unstyled li a{
	font-size: .875rem;
	font-weight: 300;
	color: #303030;
	letter-spacing: 1px;
}

.footer-area ul.list-unstyled li a:hover{
	color: #fff;
}

.footer-area .instagram-posts .post a.post-image{
	width: 100%;
	height: 100px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/* ===== FOOTER-CONTENT-STYLE END  ===== */

.modal {
	z-index: 1041;
}

.modal .modal-dialog{
	max-width: 922px;
	width: 100%;
}

.modal .modal-dialog .modal-content{
	background-color: #f9fff9;
	border-radius: 5px;
}

.modal .modal-dialog button.close{
	background-color: transparent;
	border: none;
	font-size: 34px;
	color: #303030;
	position: absolute;
	z-index: 2;
	left: 95%;
	top: 31px;
	opacity: 0.6;
}

.modal .modal-dialog button.close:hover{
	color: #000;
	opacity: 1;
}

.showcase{
	position: relative;
	z-index: 1;
	padding: 40px 30px;
}

.showcase .showcase-content video{
	width: 100%;
	border-radius: 5px;
}

.showcase .showcase-desc .attributes{
	margin-bottom: 10px;
	border-bottom: 1px solid #ececec;
}

.showcase .showcase-desc .attributes .attributes-item{
	display: block;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 8px;
	color: #828080;
}

.showcase .showcase-desc .attributes .attributes-item b{
	display: inline-block;
	font-weight: 700;
	color: #303030;
}

.showcase .showcase-desc .attributes .attributes-item b ul.list-inline li:first-child{
	margin-left: 3px;
}

.showcase .showcase-desc .attributes .attributes-item b ul.list-inline li:not(:last-child){
	margin-right: 3px;
}

.showcase .showcase-desc .attributes .attributes-item b a,
.showcase .showcase-desc .attributes .attributes-item b span{
	color: #828080;
	font-weight: 400;
}

.showcase .showcase-desc .attributes .attributes-item b a:hover{
	color: #77a0ce;
}

.showcase .showcase-desc .attributes .attributes-item b ul.list-inline li:not(:last-child) a::after,
.showcase .showcase-desc .attributes .attributes-item b ul.list-inline li:not(:last-child) span::after{
	content: ",";
}

.showcase .showcase-desc .attributes .attributes-item b ul.materials-list li::before{
	content: "-";
	margin-right: 5px;
	color: #868585;
}

.showcase .showcase-desc .attributes .attributes-item b ul.materials-list li{
	margin-top: 5px;
}

/* ===== RESPONSIVE BREAKPOINTS  ===== */
/* :: 1.0 Smaller Than Phone :: */
@media (min-width: 576px){
	.home-content .hero-sliders .slider-image img{
		height: 100%;
	}
	.blog-item .blog-desc img.note-float-right{
		margin: 0 0 0 20px;
		width: 50% !important;
	}
	.blog-item .blog-desc img.note-float-left{
		margin: 0 20px 0 0;
		width: 50% !important;
	}
	.comment-area ol li .users-thumb{
		-ms-flex: 0 0 50px;
		flex: 0 0 50px;
		min-width: 50px;
		height: 50px;
	}
	.comment-area ol.has-reply li .users-thumb{
		flex: 0 0 50px;
		min-width: 50px;
		height: 50px;
	}
	.comment-area ol li .users-thumb img{
		max-width: 50px;
		height: 50px;
		width: 50px;
	}
	.comment-area ol.has-reply li .users-thumb img {
		max-width: 50px;
	}
	.comment-area .comment-form.comment-nested-form{
		width: 82%;
	}
	.store-sorting .sort-by select{
		margin-left: 30px;
	}
	.single-product-thumb .carousel-indicators{
		justify-content: center;
	}
	.single-product-thumb .carousel-indicators li{
		-webkit-box-flex: 0;
		-ms-flex: 1 0;
		flex: 1 0;
		height: 120px;
	}
	.gap-wrapper .gap-desc iframe{
		height: auto;
	}
}
/* :: Smaller Than Phone End :: */

/* :: 3.0 Tablet - md :: */
@media (min-width: 768px){
	h1.title{
		font-size: 3.5rem;
	}
	.content-navigation ul li a,
	.content-navigation ul li span{
		display: inline-block;
		top: 0;
	}
	.content-navigation ul.content-nav-pages li:not(:last-child)::after{
		content: "|";
		top: 1px;
	}
	/* Blog-Area */
	.blog-item .blog-desc{
		min-height: 140px;
	}
	.blog-item .blog-details blockquote{
		padding: 30px;
	}
	.blog-item .blog-details blockquote p{
		padding: 25px 25px 25px 30px;
	}
	.comment-area ol li .users-thumb {
		-ms-flex: 0 0 50px;
		flex: 0 0 60px;
		min-width: 60px;
		height: 60px;
	}
	.comment-area ol.has-reply li .users-thumb {
		flex: 0 0 60px;
		min-width: 60px;
		height: 60px;
	}
	.comment-area ol li .users-thumb img {
		max-width: 60px;
		height: 60px;
		width: 60px;
	}
	.comment-area ol.has-reply li .users-thumb img {
		max-width: 60px;
	}
	.comment-area .comment-content .comment-meta{
		padding: 25px 30px;
	}
	.comment-area .comment-content .comment-meta h6{
		font-size: 15px;
	}
	.comment-area .comment-content .comment-meta p{
		font-size: 14px;
	}
	.comment-area .comment-form.comment-nested-form{
		width: 77%;
	}
	.single-product-thumb .carousel-indicators li{
		height: 160px;
	}
	.collections-area .work-subcategories-sliders .top-collections-landscape.blog-cta{
		height: 260px;
	}
	.collections-area .top-collections-landscape.blog-cta{
		height: 440px;
	}
	.blog-cta .caption a.cta{
		padding: 20px;
		font-size: 16px;
		letter-spacing: 5px;
	}
	.collections-area .portrait-img{
		height: 100%;
	}
	.gap-wrapper .gap-desc{
		width: 80%;
	}
}
/* :: Tablet - md End :: */

/* :: 4.0 Laptop - lg :: */
@media (min-width: 992px){
	.home-content .hero-sliders .slider-image img{
		height: 330px;
	}
	.home-content .home-widget {
		padding: 10px 0px;
		width: 90px;
	}
	.home-content .home-widget.active {
		padding: 100px 50px;
		width: 280px;
	}
	.home-content .home-widget ul.home-link li {
	  	margin-bottom: 80px;
		transform: rotate(90deg);
		visibility: visible;
		opacity: 1;
		width: 100%;
		-webkit-transition-duration: 650ms;
		transition-duration: 650ms;
	}
	.home-content .home-widget.active ul.home-link li {
  		margin-bottom: 20px;
  		transform: rotate(0deg);
  		-webkit-transition-duration: 650ms;
		transition-duration: 650ms;
	}
	.home-content .home-widget h4.title {
		opacity: 0;
		visibility: hidden;
	}
	.home-content .home-widget .title {
		opacity: 1;
	}
	.home-content .home-widget .home-widget-trigger {
		top: 50px;
	}
	.home-content .home-widget.active .home-widget-trigger {
  		top: 85px;
	}
	.home-content .home-widget .home-widget-trigger{
		position: absolute;
		left: -40px;
		background-color: rgb(48, 130, 49);
		color: rgba(255, 255, 255, 0.9);
		padding: 15px;
		top: 85px;
		border-radius: 5px;
		-webkit-transition-duration: 650ms;
		transition-duration: 650ms;
		cursor: pointer;
		font-size: 21px;
	}
	#scrollUp{
		right: 50px;
	}
	.sticky-navbar .classy-menu .classynav ul li a{
		padding: 0 0 10px 0;
	}
	.sticky-navbar .classy-menu .classynav ul li a:hover,
	.sticky-navbar .classy-menu .classynav ul li a.active{
		color: #fff;
	}
	.sticky-navbar .classy-menu .classynav ul li a::before{
		position: absolute;
		content: "";
		background: #fff;
		width: 100%;
		height: 2px;
		bottom: 0;
		left: 0;
		opacity: 0;
		transform: scaleX(0);
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
	}
	.sticky-navbar .classy-menu .classynav ul li{
		margin-right: 25px;
	}
	.sticky-navbar .classy-menu .classynav ul.dropdown{
		background-color: #f2f2f2;
		-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
		-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
		border-radius: 2px;
	}
	.sticky-navbar .classy-menu .classynav ul li.cn-dropdown-item ul li:not(:last-child) a{
		border-bottom: 1px solid rgb(208, 208, 208);
	}
	.sticky-navbar .classy-menu .classynav ul li.cn-dropdown-item ul li:not(:last-child){
		padding-bottom: 10px;
	}
	.sticky-navbar .classy-menu .classynav ul li.cn-dropdown-item ul li{
		margin-right: 0;
		padding: 0px 20px;
	}
	.sticky-navbar .classy-menu .classynav ul li.cn-dropdown-item ul li a{
		font-size: 13px;
		color: #303030;
	}
	.sticky-navbar .classy-menu .classynav ul li.has-nest ul li{
		padding: 0 20px;
	}
	.sticky-navbar .classy-menu .classynav ul li.has-nest ul li a{
		font-size: 13px;
	}
	.breadcrumb-area{
		padding: 240px 0 150px 0;
	}
	.blog-item .blog-desc img.note-float-right{
		margin: 0 0 0 20px;
		width: 25% !important;
	}
	.blog-item .blog-desc img.note-float-left{
		margin: 0 20px 0 0;
		width: 25% !important;
	}
	.comment-area ol.has-reply li{
		margin-left: 80px;
		margin-top: 10px;
	}
	.comment-area .comment-form.comment-nested-form{
		margin-bottom: 30px;
		width: 79%;
	}
	.store-area .content-showcase .content-thumb a img.product-img{
		height: 260px;
	}
	.store-area .content-showcase .content-desc .content-title {
  		font-size: 14px;
	}
	.single-product-thumb .carousel-indicators li{
		height: 125px;
	}
	.collections-area .portrait-img{
		height: 208px;
	}
	.gap-wrapper .gap-desc{
		width: 60%;
	}
	.gap-wrapper .gap-desc iframe{
		max-height: 315px;
		height: 315px;
	}
	.inspiration-area .inspiration-content .inspiration-desc.right{
		padding-left: 30px;
		padding-right: 0;
	}
	.shop-area .collections-sliders.owl-carousel .owl-dots{
		display: block;
		text-align: left;
		position: absolute;
		bottom: 5%;
		left: 23%;
	}
	.blog-item .blog-author .media{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.blog-item .blog-author img{
		width: 100px;
		height: 100px;
		border-radius: 5px;
		margin: 0 30px 0 0;
	}
	.blog-item .blog-author .media{
		text-align: left;
	}
	.blog-item .blog-author .media-body a{
		margin: 0;
	}
	.collections-gap .gap-wrapper .gap-img{
		height: 500px;
	}
}
/* :: Laptop - lg End :: */

/* ===== RESPONSIVE BREAKPOINTS END  ===== */