/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */
:root {
	--width-base: 1330px;
	--font-small: 14px;
	--font-base-size: 16px;
	--color-white: #fff;
	--color-white-100: #f0efef;
	--color-black: #000;
	--color-base: #6d5b5b;
	--color-brown: #bf5c17;
	--color-grey: #fafafa;
	--color-light-grey: #f8f4f1;
	--color-green: #6e8d2c;
	--color-dark-green: #8fc51b;
	--color-orange: #f39f08;
	--color-dark-orange: #eb5d12;
	--font-family-base: 'Nunito', sans-serif;
	--font-family-rubik: 'Rubik', sans-serif;
	--font-family-bricolage: 'Bricolage Grotesque', sans-serif;
	--font-family-icon: 'icomoon', sans-serif;
	--line-height-base: 1.6;
	--font-size-h1: 40px;
	--font-size-h2: 32px;
	--font-size-h3: 28px;
	--font-size-h4: 22px;
	--font-size-h5: 24px;
	--font-size-h6: 18px;
	--line-height-heading: 1.1;
	--duration: all 0.25s ease-in-out;
	--width: 100%;
	--height: 100%;
}

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: var(--font-family-base); font-size: var(--font-base-size); font-weight: 400; line-height: var(--line-height-base); color: var(--color-base); background-color: var(--color-grey); }
input,
select,
textarea { padding: 0 15px 2px 23px;
	position: relative;
	width: var(--width);
	height: 45px;
	font-family: var(--font-family-base);
	font-size: var(--font-base-size);
	color: var(--color-base);
	border: 1px solid rgba(109, 91, 91, 0.09);
	border-radius: 7px;
	background-color: var(--color-white); }
textarea { height: 150px; }
input::placeholder { color: var(--color-base); }
img { display: block; max-width: var(--width); height: auto; border: 0; }
ul,
li { list-style: none; }
:focus { outline: none; }
.main p { margin-bottom: 20px; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 16px; font-family: var(--font-family-base); font-weight: 700; line-height: var(--line-height-heading); color: var(--color-base); }
h1,
.h1 { font-size: var(--font-size-h1); }
h2,
.h2 { font-size: var(--font-size-h2); }
h3,
.h3 { font-size: var(--font-size-h3); }
h4,
.h4 { font-size: var(--font-size-h4); }
h5,
.h5 { font-size: var(--font-size-h5); }
h6,
.h6 { font-size: var(--font-size-h6); }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.centered { padding-right: 16px; padding-left: 16px; }

/* ### button ### */
.button { padding: 10px 24px; display: inline-block; font-family: var(--font-family-base); font-size: var(--font-base-size); text-decoration: none; color: var(--color-green); border: 1px solid var(--color-white); border-radius: 8px; background-color: var(--color-white); transition: var(--duration); cursor: pointer; }
.button:focus,
.button:hover { color: var(--color-white); border: 1px solid var(--color-white); background-color: transparent; }
.button.green { padding: 10px 50px; border-radius: 4px; color: var(--color-white); border: 1px solid var(--color-green); background-color: var(--color-green); }
.button.green:focus,
.button.green:hover { border: 1px solid var(--color-dark-green); background-color: var(--color-dark-green); }
.text-link { display: block; text-align: center; text-decoration: underline; color: var(--color-base); }
.text-link:hover { text-decoration: none; color: var(--color-black); }

/* ### wrapper ### */
.wrapper { position: relative; display: block; width: var(--width); min-height: var(--height); overflow: hidden; }

/* ### top-bar ### */
.topbar { padding-top: 5px; padding-bottom: 3px; position: relative; z-index: 6; background-color: var(--color-brown); }
.topbar-text { font-size: var(--font-small); text-align: center; color: var(--color-white); }

/* ### header ### */
.header { padding-top: 7px; padding-bottom: 9px; position: relative; z-index: 5; display: flex; flex-wrap: wrap; background-color: var(--color-white); }
.header-logo { margin-left: 49px; position: relative; z-index: 2; display: block; width: 103px; }
.header-right { padding: 150px 32px 23px; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background-color: var(--color-white); transition: var(--duration); overflow-y: auto; }
.header-right.active { opacity: 1; visibility: visible; }
.header-menu { margin-bottom: 10px; }
.header-menu li:not(:last-of-type) { margin-bottom: 10px; }
.header-menu li a { text-decoration: none; color: var(--color-base); transition: var(--duration); }
.header-menu li a:focus,
.header-menu li a:hover { color: var(--color-brown); }
.header-search { display: none; width: var(--width); }
.header-menu-right { margin-top: 10px; margin-right: -10px; margin-left: auto; position: relative; z-index: 1; }
.header-menu-right li:first-child { display: none; }
.header-menu-right li a { font-size: 12px; text-decoration: none; color: var(--color-base); transition: var(--duration); }
.header-menu-right li a:focus,
.header-menu-right li a:hover { color: var(--color-brown); }
.header-sample { display: none; margin-top: -7px; margin-left: 14px; padding-top: 10px; padding-bottom: 8px; position: relative; z-index: 1; width: 115px; border-radius: 0 0 10px 10px; background-color: var(--color-orange); }
.header-sample li { padding-left: 23px; line-height: 1; }
.header-sample li a { font-size: 12px; text-decoration: none; color: var(--color-white); transition: var(--duration); }
.header-sample li a:focus,
.header-sample li a:hover { color: var(--color-black); }
.header .hide { margin-top: 4px; font-size: 12px; }

/* ### mobileMenu ### */
.mobileMenu { position: absolute; top: 17px; left: 11px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; cursor: pointer; }
.mobileMenu i { font-size: 10px; font-style: normal; position: absolute; bottom: -7px; left: 10px; }
.mobileMenu span { position: relative; width: 19px; height: 7px; border-radius: 40px; background-color: var(--color-white-100); transition: all 0.3s; }
.mobileMenu span:before,
.mobileMenu span:after { position: absolute; left: 0; width: 100%; height: 7px; border-radius: 10px; background-color: var(--color-white-100); transition: all 0.3s; content: ''; }
.mobileMenu span:before { top: -12px; width: 33px; }
.mobileMenu span:after { right: 0; bottom: -7px; left: auto; display: none; width: 25px; }
.mobileMenu.active span:before { top: 0; right: unset; left: 1px; width: 30px; transform: rotate(45deg); }
.mobileMenu.active span:after { right: -13px; bottom: 0; display: block; width: 30px; transform: rotate(-45deg); }
.mobileMenu.active span { background: none; }
.mobileMenu.active i { display: none; }
/* ### offer ### */
.offer { margin-bottom: 70px; }
.offer-left-column { margin-left: -20px; width: calc(100% + 40px); }
.offer-right { display: none; }
.offer-right .card-offer-info { padding: 0 0 10px 15px; }
.offer-left-column .card-offer-image { height: 361px; border-radius: 0; }
.offer.is-alt { margin-bottom: 90px; }
.offer.is-alt .offer-right { display: block; }
.offer.is-alt .card-offer h4 { font-size: 28px; }
.offer.is-alt .card-offer-image { height: 211px; }
.offer.is-alt .card-offer-info { padding: 0 0 10px 25px; }

/* ### card-offer ### */
.card-offer { position: relative; display: block; width: var(--width); text-decoration: none; color: var(--color-white); }
.card-offer h1,
.card-offer h4 { color: inherit; }
.card-offer h4 i { font-size: var(--font-base-size); font-weight: 900; }
.card-offer-tag { margin-bottom: 2px; }
.card-offer-image { margin-bottom: 20px; position: relative; border-radius: 8px; overflow: hidden; }
.card-offer-image img { width: var(--width); height: var(--height); object-fit: cover; transition: var(--duration); }
.card-offer-image:after { position: absolute; top: 0; left: 0; opacity: 0.75; width: var(--width); height: var(--height); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); content: ''; pointer-events: none; }
.card-offer-info { padding: 0 0 40px 15px; position: absolute; bottom: 0; left: 0; width: var(--width); }
.card-offer span { border-radius: 7px; transition: var(--duration); font-weight: 700; }
.card-offer span i { margin-left: 9px; font-size: 11px; font-weight: 900; vertical-align: middle; }
.card-offer:focus span,
.card-offer:hover span { color: var(--color-white); border: 1px solid var(--color-green); background-color: var(--color-green); }
.card-offer:focus img,
.card-offer:hover img { transform: scale(1.05); }

/* ### usp ### */
.usp { margin-bottom: 60px; display: none; }
.usp li:last-of-type { margin-right: 0; }
.usp li:before { margin-right: 8px; display: inline-block; font-family: var(--font-family-icon); font-size: var(--font-small); color: var(--color-green); vertical-align: middle; content: '\e901'; }

/* ### category ### */
.category { margin-bottom: 39px; }
.category h2 { margin-bottom: 21px; }
.category-holder { margin-left: 16px; }
.category-item { margin-bottom: 17px; display: flex; align-items: center; }
.category-image { margin-right: 28px; width: 44px; }
.category-title { position: relative; display: block; font-weight: 700; text-decoration: none; color: var(--color-base); transition: var(--duration); }
.category-title:focus,
.category-title:hover { color: var(--color-green); }
.category-title:after { position: absolute; bottom: -18px; left: 0; width: 254px; height: 2px; background-color: rgba(109, 91, 91, 0.1); content: ''; }

/* ### list-block ### */
.list-block { margin-bottom: 24px; }
.list-block ul { display: flex; flex-wrap: wrap; }
.list-block li { margin-right: 31px; margin-bottom: 12px; font-weight: 700; }
.list-block li:before { margin-right: 7px; display: inline-block; font-family: var(--font-family-icon); font-size: 12px; font-weight: 900; color: var(--color-green); content: '\e901'; }

/* ### popular ### */
.popular { margin-bottom: 60px; }
.popular h2 { margin-bottom: 20px; font-size: 40px; }
.popular-holder { display: grid; grid-row-gap: 15px; grid-column-gap: 17px; grid-template-columns: repeat(2, 1fr); }
.popular-column { position: relative; display: block; }
.popular-image { position: relative; border-radius: 7px; overflow: hidden; }
.popular-image img { width: var(--width); height: var(--height); transition: var(--duration); aspect-ratio: 1; }
.popular-image:after { position: absolute; z-index: 1; top: 0; left: 0; width: var(--width); height: var(--height); background: linear-gradient(to bottom, rgba(109, 91, 91, 0) 0%, rgba(109, 91, 91, 0.7) 100%); content: ''; pointer-events: none; }
.popular-info { padding: 0 0 10px 8px; position: absolute; z-index: 2; bottom: 0; left: 0; width: var(--width); color: var(--color-white); pointer-events: none; }
.popular-info h6 { margin-bottom: 7px; color: inherit; }
.popular-info span i { font-size: 12px; vertical-align: middle; }
.popular-bg { padding: 10px; font-size: 14px; color: var(--color-white); border-radius: 7px; background-color: var(--color-green); }
.popular-bg h3 { margin-bottom: 6px; font-size: 20px; color: inherit; }
.popular-bg p:last-of-type { margin-bottom: 15px; }
.popular-bg a { padding: 9px; display: block; width: var(--width); text-align: center; }
.popular-image img:focus,
.popular-image img:hover { transform: scale(1.05); }
.popular.is-alt { margin-bottom: 117px; }
.popular.is-alt h2 { font-size: 32px; }
.popular.is-alt .popular-info { padding: 0 0 13px 12px; }
.popular.is-alt .popular-holder { grid-row-gap: 16px; grid-column-gap: 17px; }
.popular.is-alt .popular-bg { padding: 10px 8px; }
.popular.is-alt .popular-bg h3 { padding-top: 21px; font-size: 24px; letter-spacing: -0.3px; }
.popular.is-alt .popular-bg p:last-of-type { margin-bottom: 3px; }
.popular-text { margin-bottom: 4px; font-size: 20px; font-weight: 700; line-height: 1; color: var(--color-white); }
.popular.is-alt .popular-image:after { background: linear-gradient(to bottom, rgba(109, 91, 91, 0) 0%, rgba(109, 91, 91, 1) 100%); }
.popular.is-alt .popular-image:before { position: absolute; z-index: 1; top: 0; left: 0; width: var(--width); height: var(--height); background-color: rgba(44, 44, 44, 0.7); content: ''; pointer-events: none; }
.popular.is-alt .white .popular-image:before { background-color: rgba(203, 182, 152, 0.8); }
.popular.is-alt .blue .popular-image:before { background-color: rgba(1, 17, 48, 0.8); }
.popular.is-alt .red .popular-image:before { background-color: rgba(70, 7, 9, 0.8); }
.popular.is-alt .purple .popular-image:before { background-color: rgba(82, 17, 86, 0.8); }

.main-homepage {
	margin-top:60px;
}

/* ### custom ### */
.custom { margin-bottom: 82px; }
main .custom-left { padding: 50px 30px 40px 0; position: relative; z-index: 1; font-family: var(--font-family-rubik); line-height: 1.5; margin-top: 0 !important;}
main .custom-left:before { position: absolute; top: 0; right: 15px; z-index: -1; width: 100vw; height: 100%; border-radius: 10px; background-color: var(--color-light-grey); content: ''; }
.custom.is-alt { margin-bottom: 131px; }
main .custom.is-alt .custom-left { margin-left: -25px; padding: 52px 0 20px 26px; }
main .custom.is-alt .custom-left:before { right: unset; left: 0; }

/* ### card-custom ### */
.card-custom { margin-bottom: 15px; margin-left: -20px; padding: 23px 15px 3px 20px; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width: calc(100% + 34px); background-color: var(--color-light-grey); }
.card-custom-info { padding-top: 18px; width: 45%; }
.card-custom-tag { padding: 6px 15px; position: absolute; top: 22px; left: 21px; font-size: 12px; text-align: center; color: var(--color-white); background-color: var(--color-dark-orange); }
.card-custom-image { height: 188px; }
.card-custom-image img { width: var(--width); height: var(--height); }
.card-custom-wrap { margin-bottom: 6px; display: flex; }
.card-custom-left { position: relative; width: 88px; }
.card-custom-bg { width: 88px; height: 45px; }
.card-custom-text { padding: 2px 0 0 9px; position: absolute; top: 0; left: 0; z-index: 1; width: var(--width); color: var(--color-white); }
.card-custom-text span { font-size: 11px; }
.card-custom-text h4 { font-size: 12px; font-weight: 500; color: var(--color-white); }
.card-custom-price { margin-top: 7px; margin-left: 9px; width: 105px; }
.card-custom-price span { display: block; line-height: 1; text-decoration: line-through; }
.card-custom-price strong { padding-left: 11px; font-size: 24px; font-weight: 700; color: var(--color-dark-orange); }
.card-custom-right { padding-top: 1px; padding-left: 2px; width: 48%; }
.card-custom h3 { margin-bottom: 12px; font-family: var(--font-family-rubik); font-size: 20px; }
.card-custom ul { margin-bottom: 9px; }
.card-custom li { margin-bottom: 1px; padding-left: 19px; position: relative; font-size: 12px; font-weight: 300; }
.card-custom li:before { position: absolute; top: 8px; left: 7px; width: 4px; height: 4px; border-radius: 50%; background-color: var(--color-base); content: ''; }
.card-custom .green { margin-bottom: 18px; padding: 9px 10px; width: var(--width); font-size: 12px; text-align: center; }
.card-custom .text-link { font-size: 12px; }

/* ### review ### */
.review { margin-bottom: 80px; font-family: var(--font-family-base); }
.review-heading { margin-bottom: 40px; font-size: 14px; line-height: 1.3; }
.review h2 { margin-bottom: 10px; font-family: inherit; font-size: 32px; }
.review-heading p:last-of-type { margin-bottom: 0; }
.review-column { margin-bottom: 78px; font-size: var(--font-base-size); line-height: 1.4; }
.review-column:last-of-type { margin-bottom: 0; }
.review-column ul { margin-bottom: 18px; display: flex; }
.review-column li { margin-right: 3px; font-size: 19px; color: var(--color-orange); }
.review-column p:last-of-type { margin-bottom: 22px; }
.review-name { font-size: var(--font-base-size); font-weight: 700; }

/* ### action ### */
.action { margin-bottom: 70px; background-color: var(--color-green); }
.action-info { padding: 54px 0 42px; font-family: var(--font-family-rubik); line-height: 1.45; letter-spacing: -0.3px; color: var(--color-white); }
.action-info h2 { margin-bottom: 22px; font-size: 40px; color: var(--color-white); }
.action-info p:last-of-type { margin-bottom: 33px; }
.action-info .button { padding-right: 29px; padding-left: 29px; border-radius: 8px; }
.action-info a i { margin-left: 5px; font-size: 11px; font-weight: 900; vertical-align: middle; }
.action-image { margin-left: -20px; width: calc(100% + 57px); height: 245px; }
.action-image img { width: var(--width); height: var(--height); object-fit: cover; }

/* ### feature ### */
.feature { margin-bottom: 120px; }
.feature h2 { margin-bottom: 20px; font-size: 40px; }
.feature-holder { margin-bottom: 16px; }

/* ### card-feature ### */
.card-feature { position: relative; display: block; text-decoration: none; }
.card-feature-image { margin-bottom: 16px; position: relative; height: 142px; border-radius: 7px; overflow: hidden; }
.card-feature-image img { width: var(--width); height: var(--height); transition: var(--duration); }
.card-feature-image:after { position: absolute; top: 0; left: 0; opacity: 0.5; width: var(--width); height: var(--height); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); content: ''; pointer-events: none; }
.card-feature-info { padding: 0 0 4px 17px; position: absolute; bottom: 0; left: 0; width: var(--width); pointer-events: none; }
.card-feature-info h5 { font-size: 24px; line-height: 1.2; color: var(--color-white); }
.card-feature-image:focus img,
.card-feature-image:hover img { transform: scale(1.05); }

/* ### rating ### */
.rating { margin-bottom: 60px; }
.rating-heading { margin-bottom: 46px; text-align: center; }
.rating-heading h2 { margin-bottom: 10px; font-size: 32px; }
.rating-heading p:last-of-type { margin-bottom: 0; }

/* ### card-rating ### */
.card-rating { margin-bottom: 14px; display: flex; font-size: 14px; font-weight: 300; line-height: 1.4; }
.card-rating i { margin-right: 14px; font-size: 26px; font-weight: 700; color: var(--color-green); }
.card-rating-info h3 { margin-bottom: 7px; font-size: 24px; }

/* ### text-block ### */
.text-block { margin-bottom: 60px; }
.text-block-item { margin-bottom: 25px; }
.text-block-item h3 { margin-bottom: 12px; line-height: 1.2; }
.text-block-item p:last-of-type { margin-bottom: 0; }
.text-block-item p a { color: var(--color-base); transition: var(--duration); }
.text-block-item p a:focus,
.text-block-item p a:hover { text-decoration: none; }

/* ### connect ### */
.connect { margin-bottom: 60px; background-color: var(--color-orange); overflow: hidden; }
.connect-left { margin-bottom: 40px; padding-top: 48px; color: var(--color-white); }
.connect-logo { margin-bottom: 20px; display: block; }
.connect-left h3 { margin-bottom: 12px; font-size: 24px; font-weight: 600; color: var(--color-white); }
.connect-item { margin-bottom: 25px; border-bottom: 1px solid rgba(109, 91, 91, 0.2); }
.connect-item p:last-of-type { margin-bottom: 14px; }
.connect-call { margin: 0 auto 7px; padding: 11px; display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; color: var(--color-base); border-radius: 5px; background-color: var(--color-white); transition: var(--duration); }
.connect-call i { margin-right: 14px; font-size: 18px; vertical-align: middle; }
.connect-call:focus,
.connect-call:hover { color: var(--color-green); }
.connect-item address { margin-bottom: 19px; font-style: normal; }
.connect-social { margin-left: 8px; display: flex; }
.connect-social li { margin-right: 11px; }
.connect-social li a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; text-decoration: none; border-radius: 50%; background-color: var(--color-white); transition: var(--duration); }
.connect-social li a i { color: var(--color-orange); }
.connect-social .icon-pinterest-p { font-size: 20px; }
.connect-social li a:focus,
.connect-social li a:hover { background-color: var(--color-base); }
.connect-image { margin-left: -20px; width: calc(100% + 40px); height: var(--height); }
.connect-image img { width: var(--width); height: var(--height); object-fit: cover; }

/* ### footer container ### */
.footer { margin-bottom: 40px; }
.footer-holder { margin-bottom: 16px; padding-bottom: 25px; border-bottom: 2px solid var(--color-light-grey); }
.footer-tittle { margin-bottom: 1px; font-size: 24px; font-weight: 600; }
.footer-category { margin-bottom: 30px; }
.footer-inspire ul:not(:last-of-type) { margin-bottom: 15px; }
.footer a { text-decoration: none; color: var(--color-base); transition: var(--duration); }
.footer a:focus,
.footer a:hover { color: var(--color-dark-orange); }
.footer-logo { margin-bottom: 10px; display: block; width: 135px; }
.footer-copy ul { display: flex; }
.footer-copy li:not(:last-of-type):after { margin: 0 8px; display: inline-block; width: 5px; height: 2px; vertical-align: middle; background-color: var(--color-base); content: ''; }

/* #Media Queries
================================================== */
@media only screen and (min-width: 768px) {
	:root {
		--font-size-h1: 48px;
		--font-size-h2: 40px;
		--font-size-h3: 32px;
		--font-size-h4: 28px;
		--font-size-h5: 24px;
		--font-size-h6: 20px;
	}
	.topbar-text { margin-right: 31px; text-align: unset; }
	.topbar .swiper-slide { width: auto !important; }
	.header { margin-bottom: 56px; padding-top: 16px; padding-bottom: 16px; }
	.header-logo { width: 120px; }
	.header-menu-right { margin-top: 10px; margin-right: 0; display: flex; }
	.header-menu-right li:first-child { margin-right: 15px; display: block; }
	.header-right { padding: 160px 32px 23px; }
	.mobileMenu { top: 31px; }
	.mobileMenu i { display: none; }
	.offer { margin-bottom: 40px; }
	.offer-holder { display: flex; justify-content: space-between; }
	.offer-left { width: 62.6%; }
	.offer-left-column { margin-left: unset; width: auto; }
	.offer-right .card-offer-info { padding: 0 0 10px 15px; }
	.offer-left-column .card-offer-image { height: auto; border-radius: 8px; }
	.offer-right { display: block; width: 36.2%; }
	.offer-item:not(:last-of-type) { margin-bottom: 8px; }
	.card-offer-image { margin-bottom: 0; }
	.offer.is-alt { display: none; }
	.usp { margin-bottom: 109px; display: block; }
	.usp ul { display: flex; flex-wrap: wrap; justify-content: center; }
	.usp li { margin-right: 43px; }
	.category { margin-bottom: 102px; }
	.category h2 { margin-bottom: 45px; }
	.category-holder { margin-left: unset; display: grid; grid-column-gap: 15px; grid-template-columns: repeat(2, 1fr); }
	.category-column { margin-bottom: 30px; }
	.category-image { margin-right: 27px; width: 60px; }
	.category-title { font-size: 20px; }
	.category-item:last-of-type .category-title:after { display: none; }
	.category-title:after { bottom: -22px; width: 228px; }
	.list-block { display: none; }
	.popular { margin-bottom: 118px; }
	.popular h2 { margin-bottom: 33px; }
	.popular-holder { grid-row-gap: 15px; grid-template-columns: repeat(3, 1fr); }
	.popular-column { margin-bottom: 0; }
	.popular-info { padding: 0 0 19px 17px; }
	.popular-image img { aspect-ratio: unset; }
	.popular-bg { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; }
	.popular-bg h3 { margin-bottom: 6px; padding-top: 54px; font-size: 24px; }
	.popular-bg p:last-of-type { margin-bottom: 55px; }
	.popular.is-alt { margin-bottom: 119px; }
	.popular.is-alt .popular-holder { grid-column-gap: 16px; }
	.popular.is-alt h2 { margin-bottom: 33px; font-size: 40px; }
	.popular.is-alt .popular-info { padding: 0 0 21px 16px; }
	.popular-text { margin-bottom: 11px; }
	.popular.is-alt .popular-bg { padding: 15px; }
	.popular.is-alt .popular-bg h3 { padding-top: 41px; }
	.popular.is-alt .popular-bg p:last-of-type { margin-bottom: 30px; }
	.custom { margin-bottom: 123px; }
	.custom-right { display: grid; grid-column-gap: 16px; grid-template-columns: repeat(2, 1fr); }
	.custom.is-alt .custom-right { grid-column-gap: 35px; }
	.card-custom { margin-bottom: 0; margin-left: 0; padding: 7px 15px; width: auto; }
	.review { margin-bottom: 120px; font-family: var(--font-family-bricolage); }
	.review-heading { margin-bottom: 53px; max-width: 670px; font-size: 18px; }
	.review h2 { margin-bottom: 2px; font-size: 48px; }
	.review-holder { display: grid; grid-column-gap: 45px; grid-template-columns: repeat(2, 1fr); }
	.review-column { margin-bottom: 0; font-size: 20px; }
	.review-column p:last-of-type { margin-bottom: 4px; }
	.review-column ul { margin-bottom: 9px; }
	.review-name { font-size: 20px; }
	.action { margin-bottom: 115px; display: flex; min-height: 448px; }
	.action-info { padding: 65px 50px 50px 0; width: 50.5%; }
	.action-info h2 { margin-bottom: 15px; }
	.action-info p:last-of-type { margin-bottom: 29px; }
	.action-right { width: 49.2%; position: relative; }
	.action-image { margin-left: 0; height: var(--height); position: absolute; top: 0; left: 0; width: 100vw; }
	.feature h2 { margin-bottom: 37px; text-align: center; }
	.feature-holder { margin-bottom: 16px; display: flex; justify-content: space-between; }
	.feature-left { width: 62.6%; }
	.feature-right { width: 36.1%; }
	.feature-wrap { display: grid; grid-column-gap: 16px; grid-template-columns: repeat(3, 1fr); }
	.card-feature-image { margin-bottom: 0; height: auto; }
	.card-feature-image img { aspect-ratio: unset; }
	.rating { margin-bottom: 100px; }
	.rating-heading h2 { margin-bottom: 8px; font-size: 48px; }
	.rating-heading { margin-bottom: 83px; font-size: 24px; }
	.rating-holder { display: grid; grid-column-gap: 25px; grid-template-columns: repeat(3, 1fr); }
	.card-rating { margin-bottom: 0; font-size: var(--font-base-size); }
	.card-rating-info h3 { font-size: 32px; }
	.text-block { margin-bottom: 81px; display: grid; grid-column-gap: 14px; grid-template-columns: repeat(2, 1fr); }
	.text-block-item { margin-bottom: 35px; padding-right: 34px; }
	.connect { margin-bottom: 78px; display: flex; justify-content: space-between; min-height: 591px; }
	.connect-left { margin-bottom: 0; padding-left: 2px; width: 48%; }
	.connect-logo { margin-bottom: 19px; }
	.connect-right { width: 48%; position: relative; }
	.connect-image { margin-left: 0; position: absolute; top: 0; left: 0; width: 100vw; height: var(--height); }
	.footer-holder { margin-bottom: 26px; padding-bottom: 39px; display: flex; flex-wrap: wrap; }
	.footer-category { width: 48%; }
	.footer-inspire { width: 50%; }
	.footer-inspire ul:not(:last-of-type) { margin-bottom: 25px; }
	.footer-copy { margin-left: 11px; display: flex; align-items: center; }
	.footer-logo { margin-right: 45px; margin-bottom: 0; }
}

@media only screen and (min-width: 1025px) {
	.topbar { padding-bottom: 4px; }
	.header { flex-wrap: unset; }
	.header-right { padding: 0; position: relative; display: flex; align-items: center; justify-content: flex-end; opacity: 1; visibility: visible; width: 90.5%; height: auto; background-color: transparent; overflow-y: unset; }
	.header-menu { margin-bottom: 0; display: flex; }
	.header-menu li:not(:last-of-type) { margin-right: 20px; margin-bottom: 0; }
	.header-search { margin-right: 18px; margin-left: 19px; display: block; max-width: 200px; }
	.header-menu-right { display: flex; }
	.header-menu-right li:not(:last-of-type) { margin-right: 18px; }
	.header-menu-right li a { font-family: var(--font-family-rubik); font-size: var(--font-base-size); }
	.header .hide { display: none; }
	.header-logo { margin-left: 1px; width: 152px; }
	.mobileMenu { display: none; }
	.offer-item:not(:last-of-type) { margin-bottom: 15px; }
	.offer-right .card-offer-info { padding: 0 0 19px 25px; }
	.card-offer-info { padding: 0 0 41px 42px; }
	.category-holder { grid-template-columns: repeat(3, 1fr); }
	.category-column { margin-bottom: 0; }
	.custom-holder { display: flex; justify-content: space-between; max-width: 1277px; }
	.main .custom-left { margin-bottom: 0; padding: 70px 60px 50px 0; width: 47%; }
	.main .custom-left:before { right: 0; }
	.custom-right { width: 51%; }
	.custom.is-alt { margin-bottom: 184px; }
	.custom.is-alt .custom-holder { flex-direction: row-reverse; }
	.main .custom.is-alt .custom-left { padding: 38px 0 10px 30px; width: 45%; }
	.custom.is-alt .custom-right { width: 54%; }
	.card-custom { display: unset; }
	.card-custom-info { margin-bottom: 10px; padding-top: 0; width: auto; }
	.card-custom-left { width: 103px; }
	.card-custom-image { height: auto; }
	.card-custom-image img { width: auto; height: auto; }
	.card-custom-bg { width: auto; height: auto; }
	.card-custom-price strong { padding-left: 25px; }
	.card-custom-text { padding: 6px 0 0 9px; position: absolute; top: 0; left: 0; width: var(--width); }
	.card-custom-right { padding-top: 0; padding-left: 0; width: auto; }
	.card-custom h3 { margin-bottom: 27px; }
	.card-custom-text h4 { font-size: var(--font-base-size); }
	.card-custom-tag { padding: 8px 18px; top: 0; left: 0; font-size: var(--font-base-size); }
	.card-custom ul { display: none; }
	.card-custom .text-link { font-size: var(--font-base-size); }
	.card-custom .green { margin-bottom: 15px; padding: 10px 50px; font-size: var(--font-base-size); }
	.action-info { padding: 63px 116px 50px 0; }
	.card-feature-info { padding: 0 0 11px 24px; max-width: 380px; }
	.card-feature-info h5 { font-size: 28px; }
	.rating { margin-bottom: 185px; }
	.rating-holder { grid-column-gap: 45px; }
	.card-rating i { margin-top: 5px; margin-right: 12px; font-size: 26px; }
	.connect-social li a { width: 49px; height: 49px; }
	.connect-social li a i { font-size: 29px; }
	.connect-social .icon-pinterest-p { padding-top: 12px; font-size: 44px; }
	.footer-category { width: 33%; }
}

@media only screen and (min-width: 1201px) {
	.header-menu li:not(:last-of-type) { margin-right: 30px; margin-bottom: 0; }
	.header-search { margin-right: 38px; max-width: 250px; }
	.rating-holder { grid-column-gap: 125px; }
	.popular-holder { grid-template-columns: repeat(6, 1fr); }
	.connect-left { width: 35%; }
	.connect-right { width: 61%; }
	.footer-category { margin-bottom: 0; width: 25.3%; }
	.footer-inspire { width: 24%; }
}

@media only screen and (min-width: 1430px) {
	.centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); }
	.header-menu { margin-top: 4px; }
	.header-menu li:not(:last-of-type) { margin-right: 46px; }
	.header-menu-right { margin-right: 8px; }
	.header-menu-right li:not(:last-of-type) { margin-right: 58px; }
	.header-search { margin-right: 36px; margin-left: 56px; max-width: 357px; }
	.main .custom-left { padding: 117px 110px 108px 0; width: 60.2%; }
	.custom-right { width: 38.6%; }
	.custom.is-alt .custom-left { padding: 110px 0 65px 44px; width: 55.3%; }
	.custom.is-alt .custom-right { width: 43.4%; }
	.connect-left { width: 27%; }
	.connect-right { width: 57.8%; }
	.popular-bg { padding: 15px; }
}