/*
Theme Name: ReuseIT
Theme URI: https://reuseit.se
Author: JimDavis Labs
Author URI: https://www.jimdavislabs.se/
Version: 2023
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: reuseit
*/

:root {
	--main-color: #64B246;
	--light-green: #D3ECCD;
	--light-gray: #FAFAFA;
	--dark-gray: #4F4F4F;
	--gray: #F5F5F7;
	--orange: #F6C53D;
	--orange-light: #F8C269;
}

body{ 
	font-size: 15px; 
	line-height:26px;
	font-family: 'Poppins', sans-serif; 
	width: 100%; 
	height: 100%; 
	margin: 0; 
	font-weight: 400;
	color: #000; 
	position: relative;
	overflow-x: hidden;
}

p{
	margin:0 0 20px 0;
}

*, *:after, *:before {
	box-sizing: border-box;
}

.container-wide{
	width: 1400px;
	max-width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.container{
	width: 1287px;
	max-width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.blog-container{
	width: 1198px;
	max-width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.col-100 {
	width: 100%;
}

.col-80 {
	width: 80%;
	float: left;
}

.col-75 {
	width: 75%;
	float: left;
}

.col-70 {
	width: 70%;
	float: left;
}

.col-60 {
	width: 60%;
	float: left;
}

.col-50 {
	width: 50%;
	float: left;
}

.col-40 {
	width: 40%;
	float: left;
}

.col-33 {
	width: 33.33%;
	float: left;
}

.col-30 {
	width: 30%;
	float: left;
}

.col-25 {
	width: 25%;
	float: left;
}

.col-20 {
	width: 20%;
	float: left;
}

.col-15 {
	width: 15%;
	float: left;
}

.col-10 {
	width: 10%;
	float: left;
}

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

.text-align-left{
	text-align: left;
}

.text-align-right{
	text-align: right;
}

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

.banner-inner{
	width: 100%;
	background-color: #fff;
	padding:25px 0;
	z-index: 100;
}

.banner-inner.fixed{
	position:fixed;
	top:0;
}

.banner-inner-black{
	height: 44px;
	background: #000;
	color:#fff;
	width: 100%;
	padding-top: 11px;
}

.banner-inner-black p{
	font-family: 'Poppins';
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	margin:0px;
	justify-content: center;
}

.banner-inner-black ul{
	list-style:none;
	padding:0px;
	margin:0px;
	font-size: 14px;
	line-height: 24px;
}

.banner-inner-black ul li{
	display: inline;
	padding:0 40px 0 25px;
	position: relative;
}

.banner-inner-black ul li::before{
	content: url("images/header_checkbox.svg");
	position: absolute;
	left: 0;
	top: -1px;
}

.banner-inner-black ul li:last-child{
	padding-right: 0;
}

.banner-inner-black p a{
	text-decoration: none;
	font-weight: 400;
	color: #fff;
}

.banner-inner-black p a:hover{
	text-decoration: underline;
}

.banner-inner-black p a.active{
	font-weight: 600;
}

.privat{
	margin-right: 10px;
}

.foretag{
	margin-left: 10px;
}

.logo{
	float: left;
}

.hamburger {
	position: relative;
	float: left;
	border:0px;
	padding: 0;
	background: none;
	cursor: pointer;
	width: 26px;
	height: 18px;
	line-height: 25px;
	margin: 0 15px 0 40px;
}
  
.hamburger-lines {
	display: inline-block;
	width: 100%;
}
  
.hamburger-lines .line {
	height: 2px;
	width: 100%;
	border-radius: 10px;
	background: var(--dark-gray);
	float: left;
    margin: 0 0 4px 0;
}

.hamburger-lines .line:last-of-type {
	margin: 0;
}
  
.hamburger.active .hamburger-lines .line {
	background: var(--main-color);
}

nav{
	float: left;
}
  
nav ul{
	list-style:none;
	padding:0px;
	margin:0px;
	line-height: 20px;
}

nav ul li{
	display: inline-block;
	padding:0 40px 0 0;
	position: relative;
	line-height:20px;
	font-family: 'Poppins', sans-serif; 
	font-weight: 500;
	font-size: 16px;
}

nav ul li:last-child{
	padding-right: 0;
}

nav ul li a{
	text-decoration: none;
	color:var(--dark-gray);
}

nav ul li a:hover, nav ul li.current-menu-item a{
	text-decoration: none;
	color: var(--main-color);
}

.menu-container{
	padding:23px 0;
	float: left;
}

.header-icons{
	float: right;
}

.search-input{
    float: left;
    margin:5px 10px 0px 20px; 
    height:50px;
	width:280px;
}

.search-input input{
	border: none;
	background: none;
	height:50px;
    width: 100%;
	background-color:var(--light-gray);
	border-radius: 50px;
	padding:10px 45px 10px 20px;
	background-image: url("images/search.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
	font-family: 'Poppins', sans-serif;
    font-weight: 500;
	font-size: 15px;
	color: var(--dark-gray);
}

*:focus {
    outline: 0;
}

.account-icon{
	margin:17px 10px 0 0px;
	float: left;
}

.cart-icon{
	margin:15px 0 0 5px;
	float: left;
}

.slider-wrap{
	background: var(--gray);
	border-radius: 20px;
	margin: 0 0 40px 0;
	max-height: 498px;
	overflow: hidden;
}

.slider{
	padding: 20px 10px;
	-webkit-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
	cursor: grab;
}

.slider:active {
    cursor: grabbing;
}

.slider img{
	max-width: 100%;
	height: auto;
}

.slider h4{ 
	font-family: 'Caveat', cursive;
	line-height: 32px;
	font-weight: 700;
	font-size: 25px;
	margin: 0;
}

.slider h3{ 
	font-family: 'Paytone One', sans-serif;
	line-height: 55px;
	font-weight: 400;
	font-size: 55px;
	width: 440px;
	max-width: 100%;
	margin:0 0 20px 0;
}

.slider .row{
	justify-content: space-between;
	display: flex;
}

.slider-content{
	display: flex;
	flex-direction: column;
    justify-content: center;	
}

.slider-img{
	display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;	
}

.btn{
	background: var(--main-color);
	color: #fff;
	padding: 18px 60px;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	width: fit-content;
	text-decoration: none;
	border-radius: 35px;
	display: inline-block;
}

.btn:hover{
	background: var(--dark-gray);
}

.btn.btn-light{
	padding: 15px 40px;
	background: #CCE497;
	color: var(--main-color);
}

.btn.btn-light:hover{
	background: var(--dark-gray);
	color:#fff;
}

.main-category{
	background: #E1ECCF;
	color: #798E48;
	border-radius: 10px;
	padding: 10px 0;
	display: flex;
	flex-direction: row;
	margin:0 10px 10px 0;
	min-height:165px;
	text-decoration: none;
}

.home-categories .col-25:last-of-type .main-category{
	margin-right:0px;
}

.main-category img, .main-category h4, .main-category p{
	float: left;
}

.main-category h4{
	font-family: 'Paytone One', sans-serif;
	line-height: 28px;
	font-weight: 400;
	font-size: 20px;
	margin: 0;
}

.main-category p{
	font-weight: 500;
	margin-bottom: 0;
}

.category-content{
	display: flex;
	flex-direction: column;
    justify-content: center;	
}

.main-category-img-container{
	display: flex;
	flex-direction: column;
    justify-content: center;	
}

.main-category img{
	padding:0 15px 0 10px;
	box-sizing: content-box;
}

.home-categories{
	margin:0 0 40px 0;
}

.home-categories .col-25:nth-child(3) .main-category img{
	padding-right: 0;
}

.home-products{
	margin-bottom:40px;
}

.home-products .row{
	margin:0 -10px;
	justify-content: space-between;
    display: flex;
	flex-wrap: wrap;
}

.home-products .col-25{
	flex-basis: 25%;
	display: flex;
	flex-direction: column;
}

.home-products h4{
	font-weight: 500;
	font-size: 18px;
	line-height: 27px;
	margin: 0 0 5px 0;
}

.product{
	background: var(--light-gray);
	border-radius: 20px;
	padding:20px;
	margin:10px;
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
	position: relative;
	color:#000;
	text-decoration: none;
}

.product:hover{
	background: var(--gray);
}


.product-image-wrap{
	display : flex;
  	align-items : center;
	justify-content: center;	
	width: 100%;
	height: 200px;
	margin: 10px 0;
}

.product-image-wrap img{
	max-height: 200px;
	width: auto;
	max-width: 100%;
	height: auto;
}

.product h5{
	font-size: 17px;
	font-weight: 600;
	line-height: 25.5px;	
	margin: 0px;
}

.product p{
	margin: 0px;
}

.product p.description{
	margin-bottom: 15px;
}

.button-wrap{
	text-align: right;
	margin: 20px 0 0 0;
	width: 100%;
	display: inline-block;
}

.think-green{
	background: #FDF8E8;
	border-radius: 20px;
	justify-content: space-between;
    display: flex;
	color: var(--main-color);
	padding:50px;
	margin-bottom: 40px;
}

.think-green h4{
	font-family: 'Paytone One', sans-serif;
	line-height: 55px;
	font-weight: 400;
	font-size: 55px;
	margin: 0 0 25px 0;
}

.think-green p{
	line-height: 24px;
	margin-bottom: 30px;
}

.think-green h5{
	font-size: 20px;
	font-weight: 900;
	font-family: 'Mulish', sans-serif;
	margin:0px;
}

.icon-wrap{
	width: 50%;
	float: left;
	text-align: center;
}

.think-green h6{
	font-weight: 600;
	font-size: 15px;
	line-height: 20px;
	margin: 5px 0 0 0;
}

.icon-wrap:nth-child(1), .icon-wrap:nth-child(2){
	margin-bottom: 35px;
}

.rating-wrap{
	display: inline-block;
	width: 100%;
	margin: 40px 0;
	text-align: center;
}

.promo-box{
	background: var(--gray);
	border-radius: 20px;
	justify-content: space-between;
    display: flex;
	padding:0;
	margin-bottom: 40px;
}

.promo-box h4{
	font-family: 'Paytone One', sans-serif;
	line-height: 40px;
	font-weight: 400;
	font-size: 35px;
	margin: 65px 0 30px 0;
	width: 90%;
}

.promo-box p{
	width: 81%;
	margin-bottom: 35px;
}

.promo-image-wrap{
	position: relative;
	min-height: 368px;
	margin-top: 40px;
	display: flex;
    flex-direction: column;
    justify-content: center;
	flex-grow: 1;
}

.promo-image-wrap img{
	position: absolute;
	left: 40px;
	bottom: 0;
	height: auto;
    max-width: calc(100% - 40px);
}

.green-wave{
	position: relative;
	background: url("images/green-wave.svg") no-repeat top right;
	background-size: contain;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.green-wave.orange-wave{
	background: url("images/orange-wave.svg") no-repeat top right;
	background-size: contain;
}

.btn.btn-orange{
	background: var(--orange);
	color:#000;
	margin-bottom: 30px;
}

.btn.btn-black{
	background: #000;
	color:#fff;
	margin-bottom: 30px;
}

.btn.btn-big-padding{
	padding: 15px 80px;
}

.promo-box .row {
    justify-content: space-between;
    display: flex;
}

.promo-box .col-50{
	display: flex;
}

.green-wave img{
	position: absolute;
	top: 30px;
	right: 40px;
}

.show-mobile{
	display: none;
}

.blog-posts{
	display: inline-block;
	width: 100%;
	padding:70px 0 40px 0;
}

.blog-post, .blog-post.col-50{
	display: inline-block;
	width: calc(50% - 9px);
}

.blog-post:nth-child(odd){
	margin-right: 9px;
}

.blog-post:nth-child(even){
	float: right;
}

.blog-post h3{
	line-height: 30px;
	font-size: 20px;
	margin: 0 0 10px 0;
}

.blog-post p{
	margin-bottom: 30px;
}

.blog-content-wrap{
	padding: 0 20px;
}

.blog-post img{
	height: auto;
	max-width: 100%;
	margin-bottom: 20px;
	border-radius:20px;
}

.newsletter, .green-box{
	display: inline-block;
	width: 100%;
	background: var(--light-green);
	border-radius: 20px;
	color: var(--main-color);
	margin: 30px 0 50px 0;
	padding:60px 70px;
}

.newsletter h3, .green-box h3{
	font-family: 'Paytone One', sans-serif;
	line-height: 50px;
	font-weight: 400;
	font-size: 45px;
	margin: 0 0 30px 0;
}

.newsletter p{
	font-size: 18px;
	margin: 0;
}

.newsletter form p{
	font-size: 13px;
	line-height: 20px;
	text-align: center;
}

.newsletter form p a{
	font-weight: 600;
	color: var(--main-color);
}

.newsletter form p a:hover{
	text-decoration: none;
	color: var(--main-color);
}

.newsletter form{
	width: 100%;
	padding:0 12%;
}

.newsletter form input{
	border:none;
}

.newsletter form input[type=text], .newsletter form input[type=email]{
	background: #fff;
	width: 100%;
	border:none;
	font-style: italic;
	font-size: 15px;
	font-weight: 600;
	border-radius: 30px;
	padding:20px 30px;
	display: inline-block;
	margin-bottom: 10px;
	color: var(--main-color);
}

.newsletter form input[type=submit]{
	padding:15px 80px;
	float: right;
	margin: 20px 0 0 0;
	color:var(--light-green);
	cursor: pointer;
}

.newsletter form input[type=submit]:hover{
	color: #fff;
}	

.newsletter ::-webkit-input-placeholder { 
	color: var(--main-color);
}
  
.newsletter :-ms-input-placeholder { 
	color: var(--main-color);
}
  
.newsletter ::placeholder {
	color: var(--main-color);
}

.footer-top{
	background: var(--light-gray);
	padding:40px 0;
}

.social{
	float: right;
	padding:18px 0;
}

.social a{
	background: var(--main-color);
	border-radius: 5px;
	width: 36px;
	height:36px;
	float: left;
	margin-left: 15px;
	padding: 4px 3px;
}

.social a:first-child{
	margin-left: 0;
}

.social a:hover {
    background: var(--dark-gray);
}

.footer-top p{
	float: left;
	width: calc(100% - 500px);
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 0 60px;
}

.footer-top p a{
	color:#000;
}

.footer-top p a:hover, .footer-top p a:active{
	color:#000;
	text-decoration: none;
}

.footer{
	background: #F1F1F2;
	padding: 80px 0 100px 0;
}

.footer h4{
	font-family: 'Paytone One';
	font-size: 16px;
	line-height: 24px;
	margin:0 0 5px 0;
	font-weight: 400;
}

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

.footer ul li{
	font-size: 14px;
	line-height: 24px;
}

.footer ul li a{
	color:#000;
	text-decoration: none;
}

.footer ul li a:hover{
	text-decoration: underline;
}

.footer .col-25{
	padding-left: 48px;
}

.footer .col-25 img{
	margin:5px 3px 0 0;
}

.footer .col-25 img:last-child{
	margin-right: 0px;
}

.breadcrumbs{
	width: 100%;
	padding: 0 0 10px 0;
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
}

.breadcrumbs ol{
	list-style: none;
    display: inline-block;
    width: 100%;
    padding: 0px;
	margin:0px;
}

.breadcrumbs a{
	text-decoration: none;
	color: #000;
}

.breadcrumbs span.active, .breadcrumbs ol li:last-of-type{
	font-weight: 600;
}

.breadcrumbs ol li, .breadcrumbs ol img{
	float: left;
}

.breadcrumbs ol img{
	margin:6px 5px 0 5px;
}

.breadcrumbs a:hover{
	text-decoration: underline;
}

.featured-product ul{
	list-style:none;
	padding:0px;
	margin:0px;
	font-size: 14px;
	line-height: 24px;
}

.featured-product ul li{
	display: inline;
	padding:0 25px 0 35px;
	position: relative;
}

.featured-product ul li:before{
	position: absolute;
	left: 0;
	top: -4px;
}

.featured-product ul li:nth-child(1):before{
	content: url("images/icon5.svg");
}

.featured-product ul li:nth-child(2):before{
	content: url("images/icon6.svg");
}

.featured-product ul li:nth-child(3):before{
	content: url("images/icon7.svg");
}

.featured-product ul li:last-child{
	padding-right: 0;
}

.featured-product-left h3 {
	font-family: 'Paytone One';
	font-weight: 400;
	font-size: 25px;
	line-height: 35px;
	margin: 30px 0 10px 0;
}

.featured-product-left p {
	line-height: 24px;
	padding-right: 50px;
}

.featured-product-left h4 {
	font-weight: 700;
}

.featured-product .product{
	padding:30px;
	margin: 0px;
    display: inline-block;
    width: 100%;
}

.featured-product-content{
	float: left;
	width: calc(60% - 100px);
	padding: 5px 0 0 20px;
}

.featured-product-image-wrap{
	text-align: center;
}

.discount{
	width:85px;
	height:85px;
	background: var(--orange-light);
	border-radius: 50%;
	position: absolute;
	top: 30px;
	right: 30px;
	font-family: 'Paytone One';
	font-size: 22px;
	line-height: 85px;
	text-align: center;
}

.featured-product .product:hover{
    background: var(--light-gray);
}

.price-info .del{
	color: #5A5A5A;
	margin: 0 10px;
	padding: 0 10px;
	position: relative;
	font-weight: 400;
}

.price-info .del::after{
	border-bottom: 2px solid #000;
	position: absolute;
	top: 11px;
	content:'';
	left: 0;
	width:100%;
}

.featured-product .product .btn{
	padding: 10px 70px;
}

.featured-product .product ul{
	margin: 15px 0;
}

.featured-product .product ul li {
    display: inline-block;
	margin-bottom: 7px;
	padding: 0 0 0 30px;
	width: 100%;
}


.featured-product .product ul li:before{
	position: absolute;
	left: 0;
	top: 2px;
}

.featured-product .product ul li.rabatt:before{
	content: url("images/icon8.svg");
}

.featured-product .product ul li.garanti:before{
	content: url("images/icon9.svg");
}

.featured-product .product ul li.skick:before{
	content: url("images/icon10.svg");
}

.filter-box h4{
	font-family: 'Paytone One';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	background:#F1F1F2;
    padding: 16px 40px 16px 30px;
	width: 100%;
	border-radius: 10px 10px 0 0;
	margin:10px 0 0 0;
	cursor: pointer;
	position: relative;
}

.filter-box h4::after{
	content:url("images/filter-arrow.svg");
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 17px;
}

.filter-box-content{
	margin:0 0 10px 0;
	border-radius:0 0 10px 10px;
	padding: 30px;
	border:1px solid #F1F1F2;
}

.filter-box.closed h4{
	border-radius: 10px;
}

.filter-box.closed h4::after{
	transform: rotate(180deg);
}

.filter-box.closed .filter-box-content{
	display: none;
}

.checkbox-wrap {
	display: block;
	position: relative;
	padding-left: 50px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 35px;
}
  
.checkbox-wrap input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
  
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 33px;
	width: 33px;
	border-radius: 5px;
	background-color: #F1F1F2;
}
  
.checkbox-wrap input:checked ~ .checkmark {
	background-color: var(--main-color);
	left: 0px;
	top: 0px;
	content:url("images/check.svg");
	width: 33px;
	height: 33px;
	position: absolute;
}
  
.checkbox-wrap input:checked ~ .checkmark:after {
	display: block;
}

.range_container {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0 auto;
}

.sliders_control {
	position: relative;
	min-height: 10px;
}

.form_control {
	position: relative;
	display: flex;
	justify-content: space-between;
	font-size: 24px;
	color: #000;
	margin-bottom: 20px;
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	pointer-events: all;
	width: 24px;
	height: 24px;
	background-color: #000;
	border-radius: 50%;
	cursor: pointer;
}

input[type=range]::-moz-range-thumb {
	-webkit-appearance: none;
	appearance: none;
	pointer-events: all;
	width: 24px;
	height: 24px;
	background-color: #000;
	border-radius: 50%;
	cursor: pointer;  
}

input[type=range]::-webkit-slider-thumb:hover {
	background: #000;
}

input[type="number"] {
	color: #000;
	width: 50px;
	height: 30px;
	font-size: 20px;
	border: none;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
		opacity: 1;
}

input[type="range"] {
	-webkit-appearance: none; 
	appearance: none;
	height: 2px;
	width: 100%;
	position: absolute;
	background-color: #F1F1F2;
	pointer-events: none;
}

#fromSlider {
	height: 0;
	z-index: 1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
	appearance: textfield;
}

.col-25.filter-sidebar{
	width: calc(25% - 10px);
	margin-right: 10px;
}

.filter .col-33:nth-child(3n) .product {
	margin-right: 0;
}

.custom-select {
	position: relative;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
}
  
.custom-select select {
	display: none; 
}
  
.select-selected {
	background: var(--light-gray);
	border-radius: 20px;
}

.select-selected:after {
	content: url(images/filter-arrow.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 17px;
	transform: rotate(180deg);
}
  
.select-selected.select-arrow-active:after {
	transform: rotate(0deg);
}
  
.select-items div,.select-selected {
	color: #000;
	padding: 13px 40px 13px 23px;
	cursor: pointer;
}
  
.select-items {
	position: absolute;
	background: var(--light-gray);
	border-radius: 0 0 20px 20px;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
}
  
.select-hide {
	display: none;
}
  
.select-items div:hover, .same-as-selected {
	background-color: rgba(0, 0, 0, 0.1);
}

.col-25.filter-select-wrap{
	width: calc(25% - 10px);
	float: right;
	margin: 50px 0 10px 0;
}

.select-selected.select-arrow-active{
	border-radius: 20px 20px 0 0;
}

.filters-button{
	display: none;
}

.pagination{
	margin: 20px auto;
	text-align: center;
	display: inline-block;
}

.pagination a{
	width: 35px;
	height:35px;
	line-height: 35px;
	margin: 0px 5px;
	text-align: center;
	background: var(--light-green);
	color:var(--main-color);
	text-decoration: none;
	border-radius: 50%;
	font-weight: 500;
	float:left;
}

.pagination .current{
	width: 35px;
	height:35px;
	line-height: 35px;
	margin: 0px 5px;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
	font-weight: 500;
	background: var(--main-color);
	color:#fff;
	float: left;
}

.minus-margin-top{
	margin-top: -30px;
}

.promo-box.promo-box-simple .col-60{
	padding:55px 0 30px 0;
	margin-left: 30px;
}

.promo-box.promo-box-simple .col-60 h4{
	margin-top: 0px;
}

.specifications{
	display: inline-block;
	width: 100%;
	margin:50px 0 10px 0;
}

.specifications .row{
	display: flex;
}

.specifications .col-50{
	width: calc(50% - 10px);
}

.specifications-left{
	background: #FDF8E8;
	border-radius: 20px;
	padding:30px;
	margin:0 10px 30px 0;
}

.specifications-right{
	background: var(--light-gray);
	border-radius: 20px;
	padding:30px;
	margin:0 0px 30px 10px;
}

.specifications h4{
	font-family: 'Paytone One';
	font-size: 25px;
	line-height: 35px;
	margin: 0 0 10px 0;
	font-weight: 400;
}

.specifications h5{
	font-weight: 700;
	margin: 0;
	line-height: 24px;
	font-size: 15px;
}

.specifications p{
	line-height: 24px;
}

.specifications h3{
	font-family: 'Paytone One';
	font-weight: 400;
	font-size: 60px;
	line-height: 84px;
	margin: 0;
	color: var(--main-color);
}

.specifications-right table{
	padding-top:10px;
	border-collapse: collapse;
}


.specifications-right table tr{
	border-bottom: 1px solid #000;
	line-height: 24px;
}

.specifications-right table tr td{
	vertical-align: top;
	padding:10px 0;
}

.specifications-right table tr td:first-of-type{
	padding-right: 15px;
	font-weight: 700;
}

.specifications-right table tr:last-of-type{
	border:none;
}

.main-product{
	display: inline-block;
	width: 100%;
	margin: 40px 0;
}

.product-details{
	padding: 30px;
	margin: 0 0 20px 0;
	width: 100%;
	background: var(--light-gray);
    border-radius: 20px;
	display: flex;
	flex-direction: row;
}

.product-details h3 {
    font-weight: 600;
	font-size: 22px;
	line-height: 33px;
    margin: 0px;
}

.product-details p.description {
    margin:0 12px 0px 0;
}
.product-details p {
    margin: 0px;
	float: left;
}

.product-details a.specs{
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	text-decoration-line: underline;
	color: #000;
	float: left;
    margin: 3px 0;
}

.product-details a.specs:hover{
	text-decoration: none;
}

.product-details ul{
	margin: 15px 0 0 0;
	width: 100%;
	display: inline-block;
	padding: 0px;
}

.product-details ul li {
    display: inline-block;
	margin-bottom: 7px;
	padding: 0 0 0 30px;
	position: relative;
	width: 100%;
}

.product-details ul li:before{
	position: absolute;
	left: 0;
	top: 2px;
}

.product-details ul li:nth-child(1):before{
	content: url("images/icon11.svg");
}

.product-details ul li:nth-child(2):before{
	content: url("images/icon12.svg");
}

.product-details ul li:nth-child(3):before{
	content: url("images/icon13.svg");
}

.product-details .btn {
    padding: 10px 70px;
	width: 100%;
	flex: 0;
}

.product-details .price-info{
	flex: 1;
}

.product-details h5 {
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    margin: 0px;
	float: right;
}

.product-details .price-info .del {
    font-size: 16px;
	line-height: 24px;
	float: left;
	padding: 4px 10px;
}

.product-details .price-info .del::after{
	top:15px;
}

.product-details .col-40{
	display: flex;
	flex-direction: column;
}

.product-variations{
	display: inline-block;
	width: 100%;
}

.product-variations h6{
	font-family: 'Paytone One';
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	margin:0 0 5px 0;
}

.product-variations a{
	height:50px;
	min-width: 145px;
	width: auto;
	background-color:var(--light-gray);
	border-radius: 20px;
	position: relative;
	color:#000;
	text-align: center;
	font-weight: 600;
	line-height: 16px;
	text-decoration: none;
	padding: 8px 0;
    float: left;
	margin:0 10px 10px 0;
}

.product-variations a.active{
	background: #CCE497;
}

.product-variations a.active span{
	display: none;
}

.product-variations a.active:after{
	content: url("images/check_button.svg");
	position: absolute;
	left: 50%;
	top: 27px;
	width: 15px;
	height: 15px;
	margin-left: -7.5px;
}

.product-variations a span{
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	float: left;
	width: 100%;
	font-weight: 400;
}

.product-variations a.disabled{
	background: rgba(234, 112, 86, 0.7);
	pointer-events: none;
}

.condition-description{
	float: left;
	width: 90%;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.condition-description span{
	font-weight: 600;
}

.product-variations .row{
	margin-bottom: 10px;
}

.color-row{
	width: 90%;
}

.color-row .color:before{
	width: 18px;
	height:18px;
	border-radius: 50%;
	content: '';
	position: absolute;
	left: 20px;
	top: 14px;
}

.color-row .black:before{
	background: #000;
}

.color-row .blue:before{
	background: #A4D0CE;
}

.color-row .yellow:before{
	background: #F4DC86;
}

.color-row .white:before{
	background: #fff;
}

.color-row .purple:before{
	background: #B39BCE;
}

.color-row .red:before{
	background: #DF5E42
}

*:focus, *:active {
	-webkit-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
	outline: none;
	  -webkit-tap-highlight-color: transparent;
}

.col-50.product-information{
	width: calc(50% - 10px);
	margin-left: 10px;
}

.col-50.product-gallery{
	width: calc(50% - 10px);
	margin-right: 10px;
	/* display: flex;
	align-items: center; */
}

.col-50.product-gallery .col-20{
	width: calc(20% - 20px);
	margin-right: 20px;
}

.product-gallery-show{
	width: 100%;
	text-align: center;
	position: relative;
}

.product-gallery-show img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 480px;
}
  
.small-container {
	width: 100%;
}
  
.small-container div {
	position: relative;
}
  
.small-container .show-small-img {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0; 
	cursor: pointer;
	float: left;
}
  
.small-container .show-small-img:last-of-type { 
	margin-right: 0; 
}

.product-gallery-show span{
	background: #000;
	border-radius: 20px;
	height:50px;
	line-height: 50px;
	font-weight: 500;
	font-size: 14px;
	color:#FDF8E8;
	display: inline-block;
	padding: 0 20px 0 50px;
	position: absolute;
	right: 40px;
    top: -20px;
}

.product-gallery-show span:after{
	content: url("images/garanti.svg");
	position: absolute;
	left: 12px;
    top: 9px;
}

.promo-box-orange{
	margin-top: 60px;
}

.promo-box-orange .promo-image-wrap img{
	margin-bottom: 30px;
}

.featuered-blog-image{
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	border-radius: 20px;
}

.blog-container .row{
	margin-bottom: 40px;
}

.blog-container .promo-box .row, .blog-container .green-box .row{
	margin-bottom: 0px;
}

.blog-container h2{
	font-size: 35px;
	line-height: 45px;
	font-weight: 600;
}

.blog-container img{
	max-width: 100%;
	height: auto;
}

.blog-container .col-50 {
    width: calc(50% - 25px);
}

.blog-container .col-50:nth-child(odd) {
	margin-right: 25px;
}

.blog-container .col-50:nth-child(even) {
	margin-left: 25px;
}

.blog-container ul{
	padding-left: 20px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.blog-nav{
	border-top: 1px solid #B3B3B3;
	margin:20px 0 50px 0;
	padding-top: 50px;
	width: 100%;
	display: inline-block;
}

.blog-nav .btn:nth-child(even) {
	float: right;
}

.btn.fixed-width{
	min-width: 255px;
}

.page-tabs .col-30{
	padding-right: 50px;
}

.tabs-content ul{
	padding-left: 20px;
	margin: 0 0 20px 10px;
}

.page-tabs ul.sidebar-tabs{
	font-weight: 400;
	font-size: 18px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.page-tabs ul.sidebar-tabs li{
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.page-tabs ul.sidebar-tabs li a{
	text-decoration: none;
	color:#000;
	border-radius: 20px;
	background: #fff;
	padding:10px 20px;
	display: inline-block;
	width: 100%;
	position: relative;
}

.page-tabs ul.sidebar-tabs li a.active, .page-tabs ul.sidebar-tabs li a:hover{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.page-tabs ul.sidebar-tabs li a.active::after, .page-tabs ul.sidebar-tabs li a:hover::after{
	content: url("images/tabs-arrow.svg");
	position: absolute;
	right: 20px;
	top: 12px;
}

.tabs-content{
	margin-bottom: 30px;
	display: none;
}

.tabs-content h2{
	font-weight: 600;
	font-size: 35px;
	line-height: 26px;
}

.tabs-content h3{
	font-weight: 700;
	font-size: 25px;
	line-height: 26px;
	margin-bottom: 0px;
}

.tabs-content h4{
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 0px;
}

.tabs-content h5{
	font-weight: 700;
	font-size: 15px;
    line-height: 26px;
	margin-bottom: 0px;
}

.tabs-content.active{
	display: inline-block;
}

.green-box p{
	line-height: 24px;
	width: 90%;
}

.green-box h3{
	width: 85%;
}

.green-box-icon-wrap{
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
	padding-left: 30px;
}

.green-box-icon-wrap:last-of-type{
	margin-bottom: 0px;
}

.green-box-icon-wrap img{
	width: 70px;
	height: 70px;
	float: left;
	margin:0 20px 0 0;
}

.green-box-icon-wrap h6{
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	margin:0px;
	padding:15px 0;
}

.searchform{
    float: left;
}

.orange-button-container{
	display: inline-block;
}

.orange-button-container a{
	text-align:center;
	font-weight:600;
	font-size:16px;
	line-height:24px;
	width:fit-content;
	text-decoration:none;
	border-radius:35px;
	display:inline-block;
	padding:15px 40px;
	background:var(--orange);
	color:#000;
	margin-bottom:30px;
	min-width:255px;
}

.orange-button-container a:hover{
	background:var(--dark-gray);
	color:#fff;
}

.float-right{
	float: right;
}

.float-left{
	float: left;
}

.position-relative img, .position-relative{
	position: relative;
}

.col-50.green-wave.orange-wave h4{
	margin-top: 45px;
}

.think-green-landing{
	width: 100vw;
	height: 100vh;
	/* background: url("images/back.png") no-repeat center center fixed; */
	background: no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.think-green-landing.fixed-height{
	height: 350px;
}

.think-header{
	padding: 30px 0;
	width: 100%;
	display: inline-block;
}

.think-main-menu{
	float: right;
	padding: 17px 0;
}

.think-main-menu ul li a{
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color:#fff;
}

.think-main-menu ul li a:hover{
	color: #D3ECCD;
}

.header-bottom{
	position: absolute;
	bottom: 15%;
}

.header-bottom h2{
	font-family: 'Paytone One', sans-serif;
	line-height: 70px;
	font-weight: 400;
	font-size: 60px;
	color:#fff;
	width: 55%;
	margin:0 0 20px 0;
}

.header-bottom a.btn{
	background: #D3ECCD;
	padding: 15px 80px 15px 20px;
	text-align: left;
	color:#000;
	font-weight: 500;
	font-size: 14px;
	position: relative;
}

.header-bottom a.btn::after{
	content: url("images/arrow2.svg");
	position: absolute;
	right: 20px;
	top: 18px;
}

.header-bottom a.btn:hover::after{
	content: url("images/arrow2_white.svg");
}

@keyframes bugfix {
	from {
		padding: 0;
   }
	to {
		padding: 0;
   }
}

@-webkit-keyframes bugfix {
	from {
		padding: 0;
   }
	to {
		padding: 0;
   }
}

#overlay-button {
	position: absolute;
	right: 2em;
	top: 30px;
	padding: 26px 11px;
	z-index: 5;
	cursor: pointer;
	user-select: none;
	display: none;
}

#overlay-button span {
	height: 4px;
	width: 35px;
	border-radius: 2px;
	background-color: white;
	position: relative;
	display: block;
	transition: all 0.2s ease-in-out;
}

#overlay-button span:before {
	top: -10px;
	visibility: visible;
}

#overlay-button span:after {
	top: 10px;
}

#overlay-button span:before, #overlay-button span:after {
	height: 4px;
	width: 35px;
	border-radius: 2px;
	background-color: white;
	position: absolute;
	content: "";
	transition: all 0.2s ease-in-out;
}

input[type=checkbox] {
	display: none;
}

input[type=checkbox]:checked ~ #overlay {
	visibility: visible;
}

input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
	background: transparent;
}

input[type=checkbox]:checked ~ #overlay-button span:before {
	transform: rotate(45deg) translate(7px, 7px);
	opacity: 1;
	background-color: #000;
}

input[type=checkbox]:checked ~ #overlay-button span:after {
	transform: rotate(-45deg) translate(7px, -7px);
	background-color: #000;
}

#overlay {
	height: 100vh;
	width: 100vw;
	background: #D3ECCD;
	z-index: 2;
	visibility: hidden;
	position: fixed;
	top: 0;
}

#overlay.active {
	visibility: visible;
}

#overlay ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	height: 100vh;
	padding-left: 0;
	list-style-type: none;
}

#overlay ul li {
	padding: 1em;
}

#overlay ul li a {
	color: #000;
	text-decoration: none;
	font-size: 1.5em;
}

.no-scroll {
	overflow: hidden;
	width: calc(100% - 15px);
}

.intro-text{
	padding: 50px 0;
}

.intro-text h5{
	font-weight: 700;
	font-size: 14px;
	line-height: 26px;
	margin: 0;
}

.intro-text h3{
	font-family: 'Paytone One', sans-serif;
    line-height: 55px;
    font-weight: 400;
    font-size: 51px;
	margin: 0 0 30px 0;
}

.flex-bottom{
	display: flex;
	align-items: end;
}

.think-posts{
	display: inline-block;
	width: 100%;
	margin-bottom: 50px;
}

.think-posts .col-50{
	width: calc(50% - 20px);
}

.think-posts .col-50:nth-child(odd) {
	margin-right: 20px;
}

.think-posts .col-50:nth-child(even) {
	margin-left: 20px;
}

.think-single-post{
	position: relative;
	display: inline-block;
}

.think-overlay{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.2;
	border-radius: 20px;
}

.think-single-post img{
	border-radius: 20px;
	float: left;
	max-width: 100%;
	height: auto;
}

.think-post-content{
	color:#fff;
	position: absolute;
	bottom: 0px;
	padding: 30px;
	width: 80%;
}

.think-post-content p{
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	margin: 0;
}

.think-post-content p:first-of-type{
	font-weight: 700;
}

.think-post-content h4{
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	margin: 10px 0;
}

.think-single-post:hover .think-overlay{
	opacity: 0.3;
}

.think-single-post:hover:after{
	content: url(images/arrow2.svg);
    position: absolute;
    right: 40px;
    bottom: 40px;
	width: 60px;
	height:60px;
	background: #F6C53D;
	border-radius: 50%;
	display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
}

.brown-box{
	color: #798E48;
	background: #FDF8E8;
	border-radius: 20px;
	margin-bottom: 50px;
}

.brown-box .row{
	flex-direction: row;
	align-items: center;
	display: flex;
}

.brown-box img{
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0;
}

.brown-box .col-50:first-of-type{
	padding:30px 0px 30px 40px;
	display: flex;
	flex-direction: column;
}

.brown-box .col-50 h6{
	font-weight: 700;
	font-size: 14px;
	line-height: 26px;
	margin: 0px;
	padding:0px;
}

.brown-box .col-50 h3{
	font-family: 'Paytone One', sans-serif;
    line-height: 40px;
    font-weight: 400;
    font-size: 35px;
    margin: 5px 0 15px 0;
}

.brown-box a.btn{
	background: #798E48;
	padding: 15px 80px 15px 20px;
	text-align: left;
	color:#fff;
	font-weight: 500;
	font-size: 14px;
	position: relative;
	margin-top: 10px;
}

.brown-box a.btn::after{
	content: url("images/arrow2_white.svg");
	position: absolute;
	right: 20px;
	top: 18px;
}

.yellow-section, .light-green-section{
	background: #FEC64F;
	display: inline-block;
	width: 100%;
	padding:50px 0;
	margin:30px 0 0px 0;
	color:#000;
}

.yellow-section .row, .light-green-section .row{
	margin:0 -10px;
}

.yellow-section .col-33, .light-green-section .col-33{
	padding:0 10px;
	margin-bottom: 20px;
}

.yellow-section h3, .light-green-section h3{
	font-family: 'Paytone One', sans-serif;
    line-height: 40px;
    font-weight: 400;
    font-size: 35px;
	width: 38%;
}

.yellow-section h4{
	line-height: 25px;
    font-weight: bold;
    font-size: 20px;
	width: 90%;
	margin:15px 0;
}

.yellow-section img{
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.light-green-section{
	background: #D3ECCD;
	margin:0px 0 30px 0;
}

.light-green-section h6{
	font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    margin: 0px;
    padding: 0px;
}

.light-green-section h5{
	line-height: 22px;
    font-weight: bold;
    font-size: 18px;
	margin:15px 0;
}

.light-green-section h3{
	margin-top: 10px;
	width: 100%;
}

.light-green-section .row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.quote{
	margin: 50px 0;
}

.quote .row{
    display: flex;
    flex-direction: row;
	justify-content: center;
	align-items: center;
}

.quote img{
	float: right;
	padding-right:50px;
	width: auto;
    height: auto;
	max-width: 100%;
}

.quote h3{
	font-style: italic;
	font-weight: 300;
	font-size: 28px;
	line-height: 44px;
	width: 86%;
	margin:30px 0 40px 0;
}

.quote h6{
	line-height: 20px;
    font-weight: 500;
    font-size: 16px;
}

.footer.footer-black {
    background: #000;
    color:#fff;
}

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

.footer.footer-black .col-25.no-padding {
    padding-left: 0px;
}

.logo2{
	margin-left: -8px;
}

.outer {
	margin: 0 -10px;
	overflow-y: hidden;
	width: 100%;

}

.flex-container {
	overflow-x: auto;
	padding-bottom: 30px;
	display: flex;
	flex-wrap: nowrap;
}

.card {
	flex: 1 0 220px;
	height: 150px;
	margin: 10px;
	border-radius: 20px;
	background: #F5F5F5;
	display: flex;
    justify-content: center;
    align-items: center;
}

/* width */
.carousel ::-webkit-scrollbar {
	
	height: 4px;
}
  
  /* Track */
.carousel ::-webkit-scrollbar-track {
	background: #F0F0F0;
	margin: 0 -10px;
}
  
  /* Handle */
.carousel ::-webkit-scrollbar-thumb {
	background: #000;
}
  
  /* Handle on hover */
.carousel ::-webkit-scrollbar-thumb:hover {
	background: #000;
}

.carousel{
	position: relative;
	padding: 50px 0;
	margin-bottom: 50px;
}

.carousel-buttons{
	background-color: #fff;
	padding:10px 20px 10px 50px;
	margin-left: -40px;
	position: absolute;
	left: 0;
	bottom: 22px;
}

.filter .col-75 .row{
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
	justify-content: left;
}

.filter .col-75 .row .col-33 {
    flex-basis: 33.3%;
    display: flex;
    flex-direction: column;
}

.pagination .next.page-numbers, .pagination .prev.page-numbers{
	vertical-align: bottom;
	font-size: 25px;
	font-weight: 400;
    line-height: 33px;
}

.filter .term-description{
	margin: 30px 10px;
}

#product-container .col-100{
	text-align: center;
}




@media (max-width: 1400px){
	.container-wide{
		padding:0 15px;
	}

	.home-categories .col-25{
		width: 50%;
	}

	.home-categories .col-25:nth-child(3) .main-category img{
		padding-right: 15px;
	}

	.home-categories .col-25:nth-child(2) .main-category{
		margin-right:0px;
	}
}

@media (max-width: 1330px){
	.header-icons {
		float: right;
		margin:0 0 0 40px; 
	}

	.search-input{
		margin-left: 0;
	}

	.menu-container {
		padding:0;
		float: right;
		margin:5px 0 0 0;
	}
}

@media (max-width: 1287px){
	.container{
		padding:0 15px;
	}

	.show-desktop{
		display: none;
	}

	.show-mobile{
		display: inline-block;
	}

	.footer .col-25{
		padding-left: 0px;
	}

	.green-box h3{
		width: 90%;
	}

	.header-bottom{
		bottom: 25px;
		left: 25px;
	}

	.header-bottom h2{
		width: 60%;
	}
}

@media (max-width: 1240px){
	.banner-inner{
		padding-bottom: 14px;
	}

	.green-wave img {
		top: 10px;
		right: 20px;
	}

	.minus-margin-top {
		margin-right: 30px;
	}
}

@media (max-width: 1198px){
	.blog-container{
		padding:0 15px;
	}
}

@media (max-width: 1150px){
	.product-details .col-60, .product-details .col-40, .product-details .price-info{
		width: 100%;
		display: inline-block;
	}

	.product-details {
		flex-direction: column;
	}

	.product-details .btn{
		width: auto;
	}

	.product-details h5{
		float: left;
		margin: 10px 0;
	}

	.product-details .price-info .del{
		float: right;
	}
}

@media (max-width: 1100px){
	.home-products .col-25 {
		flex-basis: 33.3%;
	}

	.home-products .row {
		justify-content: center;
	}

	.icon-wrap{
		padding:0 5px;
		width: calc(50% - 10px);
	}

	.newsletter {
		padding: 40px 50px;
	}

	.newsletter form {
		padding-right:0
	}

	.featured-product-left{
		width: 100%;
		margin-bottom: 30px;
	}

	.featured-product .col-50{
		width:100%;
	}

	.featured-product .product .col-40{
		width:50%;
	}

	.featured-product .product{
		max-width: 100%;
		width: 640px;
	}

	.filter .col-75 .col-33{
		width: 50%;
	}

	.filter .col-33:nth-child(3n) .product {
		margin-right: 10px;
	}

	.filter .col-33:nth-child(2n) .product {
		margin-right: 0px;
	}

	.col-25.filter-select-wrap{
		width: 50%;
	}
	
	.condition-description, .color-row{
		width: 100%;
	}

	.yellow-section h3 {
		width: 100%;
	}

	.yellow-section, .light-green-section {
		padding: 30px 0;
	}

	.filter .col-75 .row .col-33 {
		flex-basis: 50%;
	}
}

@media (max-width: 1000px){
	.banner-inner-black{
		height: auto;
	}

	.banner-inner-black .row{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.banner-inner-black .col-20{
		width: 50%;
	}

	.banner-inner-black .col-20.text-align-right{
		order:1;
	}

	.banner-inner-black .col-60.text-align-center{
		width: 100%;
		order:2;
		text-align: left;
		padding: 10px 0;;
	}

	.think-green .col-50{
		width: 100%;
		text-align: center;
	}

	.think-green h5{
		margin-bottom: 30px;
	}

	.promo-box .row{
		flex-direction: column;
	}

	.promo-box .col-50{
		width: 100%;
	}

	.col-50.green-wave{
		order:1;
	}

	.promo-box .col-50:first-child{
		order:2;
	}

	.green-wave{
		background: none;
	}

	.green-wave img {
		top: 10px;
		right: -5px;
	}

	.promo-box h4{
		width: calc(100% - 85px);
		text-align: left;
		margin-top: 20px;
	}

	.promo-box p{
		width: 100%;
	}

	.promo-box{
		padding: 30px 30px 0 30px;
	}

	.promo-box-orange{
		padding: 30px 30px 0px 30px;
	}

	.promo-image-wrap{
		margin-top: 0;
		display: inline-block;
		min-height: 0;
		text-align: center;
	}

	.promo-image-wrap img{
		position: static;
		width: auto;
		max-width: 100%;
		display: block;
		margin: 0 auto;
	}

	.blog-posts{
		padding:40px 0;
	}

	.blog-content-wrap{
		padding: 0;
	}

	.newsletter h3 {
		line-height: 40px;
		font-size: 35px;
	}

	.footer-top p{
		width: 100%;
		margin:10px 0;
	}

	.social {
		float: left;
		padding: 10px 0;
	}

	.footer .col-20, .footer .col-15{
		width:25%;
	}

	.footer .col-25{
		width:100%;
		margin-top: 20px;
	}

	.footer.footer-black .col-25.no-padding {
		width:25%;
		margin-bottom: 25px;
	}

	.filter .col-25.filter-sidebar {
		width: calc(35% - 10px);
	}

	.filter .col-75{
		width: 65%;
	}

	.promo-box.promo-box-simple .row{
		flex-direction: row;
	}
	
	.promo-box.promo-box-simple{
		padding: 30px;
	}

	.promo-box.promo-box-simple .col-60 {
		padding: 0;
	}

	.product-details a.specs {
		width: 100%;
	}

	.product-details p.description {
		margin-bottom: 0px;
	}

	.col-50.product-gallery .col-20 {
		width: calc(20% - 10px);
		margin-right: 10px;
	}

	.product-variations a {
		width: calc(50% - 5px);
	}

	.product-variations a:nth-child(odd) {
		margin-right: 0px;
	}

	.green-wave.orange-wave {
		background: none;
	}

	.minus-margin-top {
		margin-right: 0px;
	}

	.promo-box.promo-box-orange .col-50:first-child{
		order: 1;
	}

	.promo-box-orange .promo-image-wrap img {
		margin: 0px;
	}

	.page-tabs .col-30 {
		padding-right: 30px;
		width: 40%;
	}

	.page-tabs .col-70 {
		width: 60%;
	}

	.think-single-post:hover:after{
		display: none;
	}

	.think-post-content{
		width: 100%;
	}

	.quote .row {
		align-items: flex-start;
	}

	.quote h3 {
		margin-top:0;
	}

	.quote {
		margin-bottom:0;
	}

	.think-green-landing.fixed-height {
		height: 250px;
	}
}

@media (max-width: 950px){
	.banner-inner nav{
		display: none;
	}
	.menu-container {
		float: left;
		margin-top: 25px;
	}

	.banner-inner {
		padding: 10px 0 0 0;
	}

	.header-icons {
		margin: 3px 0 0 0px;
	}

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


@media (max-width: 900px){
	.home-products .col-25 {
		flex-basis: 50%;
	}

	.specifications .col-50 {
		width: 100%;
	}

	.specifications-left {
		margin-right: 0;
	}

	.specifications-right {
		margin-left: 0;
	}

	.specifications .row {
		flex-direction: column;
	}

	.product-gallery-show span {
		right: 0px;
		top: -30px;
	}

	.blog-container .col-70, .blog-container .col-60{
		width: 100%;
	}

	.green-box {
		padding: 30px;
	}

	.brown-box .row {
		flex-direction: column;
	}

	.brown-box .col-50{
		width: 100%;
	}

	.brown-box img {
		padding: 0;
	}

	.brown-box .col-50:first-of-type {
		padding: 30px;
	}

	.yellow-section .col-33, .light-green-section .col-33 {
		width: 50%;
	}
}

@media (max-width: 860px){
	.slider h3{
		line-height: 40px;
		font-size: 40px;
	}

	.think-green h4 {
		line-height: 45px;
		font-size: 40px;
	}

	.filter .col-25.filter-sidebar {
		width: calc(30% - 10px);
	}

	.filter .col-75{
		width: 70%;
	}

	.promo-box.promo-box-simple h4 {
		line-height: 35px;
		font-size: 30px;
		margin: 0 0 30px 0;
		width: 100%;
	}

	.tabs-content h2 {
		line-height: 40px;
	}

	.header-bottom h2{
		width: 90%;
		font-size: 50px;
		line-height: 60px;
	}

	.think-main-menu{
		display: none;
	}

	#overlay-button{
		display: block;
	}

	.quote h3 {
		font-size: 20px;
    	line-height: 30px;
		width: calc(100% - 20px)
	}

	.quote img {
		padding-right: 20px;
	}
}

@media (max-width: 800px){
	.think-posts .col-50:nth-child(odd) {
		margin-right: 10px;
	}

	.think-posts .col-50:nth-child(even) {
		margin-left: 10px;
	}

	.think-posts .col-50 {
		width: calc(50% - 10px);
	}
}

@media (max-width: 760px){
	.home-categories .col-25{
		width: 100%;
	}

	.home-categories .col-25 .main-category{
		margin-right:0px;
	}

	.blog-post:nth-child(odd) {
		margin-right: 0;
	}

	.blog-post {
		width: 100%;
	}

	.blog-post img{
		width: 100%;
	}

	.newsletter .col-50 {
		width: 100%;
		text-align: center;
	}

	.newsletter form {
		padding: 0;
		margin-top: 20px;
	}

	.newsletter form input[type=submit] {
		float: none;
		display: inline-block;
		text-align: center;
	}

	.footer .col-20, .footer .col-15{
		width:30%;
		float: none;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 25px;
	}

	.footer .col-25 {
		margin-top: 0px;
		width:30%;
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	.filter .col-25.filter-sidebar {
		width: calc(50% - 10px);
	}

	.filter .col-75{
		width: 50%;
	}

	.filter .col-75 .col-33{
		width: 100%;
	}

	.filter .col-33 .product {
		margin-right: 0px;
	}

	.blog-container .col-50:nth-child(odd) {
		margin-right: 10px;
	}

	.blog-container .col-50:nth-child(even) {
		margin-left: 10px;
	}
	
	.blog-container .col-50 {
		width: calc(50% - 10px);
	}

	.green-box .col-50{
		width: 100%;
	}

	.green-box-icon-wrap {
		padding-left: 0;
	}

	.page-tabs .col-30 {
		padding-right: 20px;
		width: 50%;
	}

	.page-tabs .col-70 {
		width: 50%;
	}

	.no-scroll {
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
		overflow: -moz-scrollbars-none; /* Firefox */
	}
	.no-scroll::-webkit-scrollbar {
		display: none; /* Chrome, Safari, and Opera */
	}

	.flex-bottom{
		display: inline-block;
	}

	.flex-bottom .col-60{
		width: 100%;
	}

	.flex-bottom .col-40{
		display: none;
	}

	.think-posts .col-50, .think-single-post, .think-single-post img{
		width: 100%;
	}

	.think-posts .col-50:nth-child(even) {
		margin-left: 0px;
	}

	.think-posts .col-50:nth-child(odd) {
		margin-right: 0px;
	}

	.think-single-post{
		margin-bottom: 30px;
	}

	.think-posts .col-50:last-of-type .think-single-post{
		margin-bottom: 0px;
	}

	.filter .col-75 .row .col-33 {
		flex-basis: 100%;
	}
}

@media (max-width: 650px){
	.slider .col-50{
		width: 100%;
	}

	.slider .row{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.slider-content{
		align-items: center;
		max-width: 96%;
		padding: 0 2%;
	}

	.slider-content h3, .slider-content p{
		text-align: center;
	}

	.slider img{
		max-height: 300px;
		margin-bottom: 30px;
		width: auto;
	}

	.featured-product ul li {
		display: inline-block;
		width: 100%;
		margin-bottom: 12px;
	}

	.featured-product-left p{
		padding: 0;
	}

	.col-25.filter-select-wrap{
		width: 100%;
	}

	.filter .col-33 .product {
		margin-left: 0px;
	}

	.promo-box.promo-box-simple .row {
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	.promo-box.promo-box-simple .col-60 {
		width:100%;
		margin-left: 0px;
	}

	.promo-box.promo-box-simple .col-40 {
		width:100%;
	}

	.promo-box.promo-box-simple .col-60 h4 {
		text-align: center;
	}

	.promo-box.promo-box-simple .promo-image-wrap img{
		width: auto;
		max-height: 300px;
	}

	.main-product .col-50{
		width:100%;
	}

	.col-50.product-gallery {
		margin:0 0 20px 0;
	}

	.col-50.product-information {
		margin-left: 0px;
	}

	.page-tabs .col-30 {
		padding-right: 0px;
		width: 100%;
	}

	.page-tabs .col-70 {
		width: 100%;
	}

	#tabs-content{
		padding: 0 20px;
	}

	.slider-wrap {
		max-height: 100%;
	}

	.blog-post, .blog-post.col-50 {
		width: 100%;
	}
}

@media (max-width: 620px){
	.menu-container {
		float: right;
	}

	.hamburger{
		margin: 0px;
	}

	.header-icons {
		margin: 0px 0 10px 0px;
		width: 100%;
	}

	.search-input{
		margin-top: 0;
		width:calc(100% - 78px);
	}

	.account-icon{
		margin-top:13px;
	}
	
	.cart-icon{
		margin-top:11px;
	}

	.footer .col-20, .footer .col-15{
		width:49%;
	}

	.footer .col-25 {
		width:100%;
	}

	.footer{
		padding: 40px 0 50px 0;
	}
}


@media (max-width: 600px){
	.featured-product .product .col-40 {
		width: 100%;
	}

	.featured-product-image-wrap {
		margin-bottom: 20px;
	}

	.featured-product-content{
		padding-left: 0;
	}

	.featured-product-content {
		float: left;
		width: 100%;
		padding: 5px 0 0 0px;
	}

	.featured-product .product ul li {
		width: 100%;
	}

	.blog-container .col-50:nth-child(odd) {
		margin-right: 0px;
	}

	.blog-container .col-50:nth-child(even) {
		margin-left: 0px;
	}
	
	.blog-container .col-50 {
		width: 100%;
	}

	.btn.fixed-width, .orange-button-container a {
		min-width: auto;
	}

	.blog-container .row {
		margin-bottom: 0px;
	}

	.green-box h3, .green-box p {
		width: 100%;
	}

	.think-single-post{
		margin-bottom: 20px;
	}

	.intro-text{
		padding-bottom: 20px;
	}

	.think-posts {
		margin-bottom: 30px;
	}

	.yellow-section .col-33, .light-green-section .col-33 {
		width: 100%;
	}

	.quote h3 {
		width: 100%;
	}

	.quote img {
		padding-right: 0px;
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}

	.quote .row {
		flex-direction: column;
	}

	.quote .row .col-50 {
		width: 100%;
	}

	.carousel {
		padding: 20px 0 50px 0;
		margin-bottom: 20px;
	}

	.carousel-buttons {
		padding-left:36px;
		padding-right:0px;
	}

	.carousel-left{
		margin-left: -8px;
	}


	@supports (-webkit-appearance: none) {
		.think-green-landing{
			height: calc(100vh - 56px);
		}
	}
}

@media (max-width: 530px){
	.banner-inner-black .col-20{
		width: 100%;
	}

	.banner-inner-black .col-20.text-align-right{
		order:2;
		padding-bottom: 10px;
		text-align: left;
	}

	.banner-inner-black .col-60.text-align-center{
		width: 100%;
		order:1;
	}

	.banner-inner-black ul li {
		display: inline-block;
		width: 100%;
		margin-bottom: 10px;
	}

	.banner-inner-black ul li::before {
		top: 1px;
	}

	.banner-inner-black ul li:last-child{
		margin-bottom: 0;
	}

	.home-products .col-25 {
		flex-basis: 100%;
	}

	.icon-wrap {
		width: 100%;
		margin-bottom: 20px;
	}

	.think-green {
		padding: 30px;
	}

	.promo-box h4 {
		font-size: 33px;
	}

	.blog-posts {
		padding:10px 0 40px;
	}

	.newsletter {
		padding: 20px 30px;
	}

	.filter .col-25.filter-sidebar {
		width: 100%;
		display: none;
	}

	.filter .col-75{
		width: 100%;
	}

	.custom-select {
		width: calc(100% - 70px);
		float: right;
	}

	.filters-button{
		display: inline-block;
		width: 60px;
    	line-height: 26px;
		padding: 11px 15px;
		cursor: pointer;
		background: var(--light-gray);
		border-radius: 20px;
		border:none;
	}

	.filters-button img{
		float: left;
	}
}


@media (max-width: 460px){
	.discount {
		width: 50px;
		height: 50px;
		top: 20px;
		right: 20px;
		font-size: 15px;
		line-height: 50px;
	}

	.green-box-icon-wrap img {
		width: 50px;
		height: 50px;
		margin: 0 20px 20px 0;
	}

	.green-box-icon-wrap h6 {
		padding: 0;
	}
}


@media (max-width: 400px){
	.footer .col-20, .footer .col-15{
		width:100%;
	}

	.footer.footer-black .col-25.no-padding {
		width:100%;
	}
}