/*
	Theme Name: Sylwia Romanska Sklep
	Theme URI: https://romanska.com.pl/
	Description: Wordpress Theme for Sylwia Romasnska
	Version: 1.0.0
	Author: Noveo Interactive
	Author https://noveo.pl/
	Tags: Blank, HTML5, CSS3, JS

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: 'Manrope', Helvetica, Arial, sans-serif;
	color: #8a8a8a;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: 400;
}
main {
	margin-top: 230px;
}
.single-product main, .post-type-archive-product main {
	margin-top: 230px!important;
	max-width: 100%!important;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	font-family: 'DM Serif Display', Times New Roman, Arial, sans-serif;
	color: #000000;
	font-weight: 400;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#ff4f21;
	text-decoration:none;
	transition: .3s!important;
}
a:hover {
	opacity: 0.6;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1600px;
	width: 95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {text-align: center;transition: .5s;position: fixed;width: 100%;top: 0;z-index: 5;background: white;}
.header.scroll {top: -160px;}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {text-align: center;}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


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

@font-face {
	font-family: 'Manrope';
	src: url('fonts/Manrope-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Manrope';
	src: url('fonts/Manrope-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'DM Serif Display';
	src: url('fonts/DMSerifDisplay-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

.header {
}
.clear {
}
.wrapper {
}
.wrapper--inner {max-width: 1270px;}
.header__top {display: flex;padding: 35px 0;border-top: 2px solid #ff4f21;border-bottom: 1px solid #ebedf4;}
.header__top-col {display: flex;justify-content: center;align-items: center;}
.header__top-col--side {flex-basis: 40%;justify-content: flex-end;}
.header__top-col--center {flex-basis: 20%;}
.logo {
}
.logo__img {}
.header__top-wc-nav {}
.header__top-wc-nav a {color: #535455;font-size: 15px;margin-right: 4vw;border-bottom: 1px solid #ebedf0;font-weight: 300;position: relative;}
.header__top-wc-nav a img {position: absolute;left: -30px;top: 50%;transform: translateY(-50%);}
.header__top-wc-nav a:hover {
	opacity: 1;
	border-color: #ff4f21;
}
.header__top-wc-nav a:nth-last-of-type(1) {margin-right: 0;}
.header__bottom {/* border-bottom: 3px solid #ff4f21; */position: relative;}
.header__bottom::after {
	content: '';
	position: absolute;
	bottom: -3px;
	width: 100%;
	background: #ff4f21;
	display: block;
	height: 3px;
}
.nav {
}
.nav ul {list-style: none;display: flex;justify-content: space-between;margin: 0;padding: 20px 0;}
.nav li {
}
.nav a {color: #191a1b;font-weight: 400;font-size: 17px;}
.wrapper {
}
.heading {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 240px;background-size: cover!important;background-position: center!important;border-radius: 5px;padding: 0 15px;}
.heading__title {color: white;font-size: 54px;margin: 0;margin-bottom: 10px;text-shadow: 1px 1px 1px rgb(0 0 0 / 10%);text-align: center;padding-left: 40px;padding-right: 40px;}
.heading__breadrcrumbs {
}
#breadcrumbs {
	margin: 0;
	font-size: 16px;
	color: #695049;
	font-weight: 400;
}

#breadcrumbs > span > span > img {
	margin-right: 8px;
	transform: translateY(-8px);
}

.tiles {}
.tiles--cats {}
.tiles .wrapper {/* border-bottom: 1px solid #ededed; */padding: 60px 0 15px 0;}
.tiles__desc .wrapper {
	border-bottom: 1px solid #ededed
}
.tiles__con {display: flex;flex-wrap: wrap;justify-content: space-between;text-align: center;}
.tiles__item {flex-basis: 24.4%;text-align: center;margin-right: .8%;margin-bottom: 40px;}
.tiles__item:nth-child(4n + 4) {
	margin-right: 0;
}
.tiles__img {height: 275px;background-size: cover!important;background-position: center!important;border-radius: 5px;}
.tiles--cats .tiles__img {height: 275px}
.tiles__heading {font-family: 'Manrope';font-size: 22px;margin: 40px 0 30px 0;font-weight: 700;/* min-height: 62px; */transition: .3s;}
.tiles__heading:hover {
	color: #ff5022;
}
.tiles--products .tiles__heading {margin: 25px 15px;min-height: 52px;}
.tiles__desc {margin: 0;padding: 0 30px;min-height: 82px;margin-bottom: 45px;/* border-bottom: 1px solid #ededed; */}
.btn {padding: 15px 60px 15px 30px;background: #ff5022;color: white;border-radius: 5px;position: relative;display: inline-block;font-size: 17px;}
.btn:hover {
	background: #7e665e;
	opacity: 1;
}
.btn::after {
	content: '';
	display: block;
	position: absolute;
	background: url('/wp-content/themes/romanska-sklep/img/icons/arrow.png');
	background-size: cover!important;
	width: 11px;
	height: 9px;
	top: 52%;
	transform: translateY(-50%);
	right: 30px;
}
.tiles__cat-con {
	margin-top: 30px;
}
.tiles__cat-con span {
	color: #828080;
	font-size: 16px;
	font-weight: 300;
}
.tiles__cat {
	padding: 8px 12px;
	background: #f7f7f7;
	font-size: 14px;
	color: #7b7b7e;
	border-radius: 3px;
	margin-left: 5px;
}
.tiles__cart-btn a {display: flex;align-items: center;justify-content: center;color: #203b4b;font-weight: 300;margin-bottom: 30px;}
.tiles__cart-btn a img {margin-right: 10px;}
.tiles--products .tiles__img {
	height: 175px;
}
.tiles__section-heading h2 {margin: 0;text-align: center;font-size: 50px;letter-spacing: -1px;margin-bottom: 70px;}
.btn-con {
	text-align: center;
	padding: 60px 0 90px 0;
}
.about {height: 700px;background-size: cover!important;background-position: top!important;border-top-left-radius: 10px;border-top-right-radius: 10px;display: flex;align-items: center;}
.wrapper {
}
.wrapper--inner {
}
.about__text-con {width: 50%;}
.about__heading {margin: 0;font-size: 50px;color: white;margin-bottom: 50px;}
.about__text {color: #392d2a;font-size: 18px;margin-bottom: 60px;line-height: 1.6em;}
.btn {
}
.btn--large {
}
.recomm {margin-top: 40px;padding: 80px 0 80px 0;position: relative;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background-size: cover!important;background-position: bottom!important;}
.wrapper {
}
.wrapper--inner {
}
.recomm__heading {text-align: center;font-size: 50px;margin: 0;margin-bottom: 50px;}
.swiper {
}
.recomm__slider {padding-bottom: 60px!important;}
.swiper-wrapper {
}
.recomm__item {
}
.swiper-slide {
}
.recomm__text {text-align: center;font-size: 17px;color: #7a7c82;line-height: 1.8em;max-width: 1150px;margin: 0 auto;margin-bottom: 58px;}
.recomm__person {max-width: 470px;display: flex;align-items: center;flex-wrap: wrap;}
.recomm_person-img {width: 127px;height: 127px;border-radius: 50%;background-size: cover!important;background-position: center!important;}
.recomm__person-content {margin: 0 auto;flex-basis: calc(100% - 127px);padding-left: 40px;}
.recomm__person-name {font-family: 'Manrope';font-weight: 600;font-size: 20px;margin: 0;margin-bottom: 15px;}
.recomm__person-postion {margin: 0;}
.recomm__slider-nav {position: relative;transform: translateY(15px);z-index: 10;}
.swiper-pagination {}
.recomm_person-con {display: flex;justify-content: center;width: 100%;transform: translateX(-45px);}
.recomm__slider-nav .swiper-pagination {}
.recomm__slider .swiper-wrapper {
	padding-bottom: 60px!important;
	display: flex;
	align-items: center;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ff5022!important;
	outline: 2px solid #ff5022;
	outline-offset: 5px;
}
.swiper-pagination-bullet {
	margin: 0 10px!important;
}
.recomm_decoration {
	position: absolute;
	bottom: 125px;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateX(225px);
}
.blog {
}
.blog--home {
}
.blog__heading {text-align: center;font-size: 50px;margin: 80px 0 60px 0;}
.blog__con, .single__content {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.single__content {
	display: block!important;
}
.blog__item {flex-basis: 30%;margin-right: 3%;}
.blog__img {height: 225px;background-size: cover!important;background-position: center!important;border-radius: 5px;position: relative;}
.blog__date {background: #203b4b;width: 100px;border-radius: 3px;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 25px;color: white;padding: 4px 0;}
.blog-info {padding: 42px 30px;}
.blog__title {color: #171717;font-weight: 600;font-size: 21px;margin-bottom: 30px;display: inline-block;}
.blog__title:hover {
	color: #ff5022;
	opacity: 1;
}
.blog__desc {line-height: 1.8em;height: 115px;margin-bottom: 20px;}
.blog__r-more {
    position: relative;
    display: inline-block;
    /* margin-top: 20px; */
}
.blog__r-more::after {
	content: '';
	display: block;
	position: absolute;
	background: url('/wp-content/themes/romanska-sklep/img/icons/arrow.png');
	background-size: cover!important;
	width: 11px;
	height: 9px;
	top: 52%;
	transform: translateY(-50%);
	right: -27px;
}
.blog--home .blog__item {
	text-align: center;
}
.newsletter h2 {
	text-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
	color: white;
	text-align: center;
	font-size: 50px;
	margin: 0;
}
.newsletter {padding: 80px 0 110px 0;background-size: cover!important;background-position: top!important;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.wrapper {
}
.wrapper--inner {
}
.newsletter__text {margin: 0;color: #695049;text-align: center;font-size: 19px;margin: 45px 0 65px 0;}
.newsletter__form-con {
}
.newsletter__form {width: 900px;margin: 0 auto;}
.newsletter__input {display: flex;align-items: center;margin-bottom: 40px;position: relative;justify-content: center;}
.newsletter__input .wpcf7-email {
    width: 100%;
}
.your-email {
	width: calc(100% - 200px);
}
.newsletter__form .wpcf7-email {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 20px;
	border-right: 0;
	color: white;
	font-size: 18px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.newsletter__form .wpcf7-email::placeholder {
	color: white;
}
.newsletter__form .wpcf7-spinner {
	position: absolute;
	right: -60px;
}
.newsletter__form .btn {border-top-left-radius: 0;border-bottom-left-radius: 0;padding: 19px 60px 19px 30px;transition: .3s;}
.newsletter__form .btn input {
	background: none;
	border: none;
	color: white;
	font-size: 18px;
}
.newsletter__form-accept {
    display: flex;
}
.newsletter__form-accept span:nth-child(2) {
	font-size: 12px;
	line-height: 1.5em;
	color: #5d4d49;
}
.newsletter__form-accept .wpcf7-list-item {
	margin-left: 0;
	margin-right: 20px;
	display: flex;
}
.wpcf7-not-valid-tip {
	font-size: 14px;
	position: absolute;
}
.wpcf7-response-output {
	color: white;
	font-size: 14px;
}
.footer__info {background: #b8a398;}
.wrapper {
}
.wrapper--inner {
}
.footer__info-con {display: flex;justify-content: space-between;padding: 90px 0 60px 0;flex-wrap: wrap;}
.footer__info-col {text-align: center;flex-basis: calc(100% / 3);}
.footer__info-col p {margin: 0;color: #D9CDC7;}
.footer__info-col a {color: #D9CDC7;}
.footer__info-col:nth-child(3) a {margin-left: 10px;}
.footer__info-socials {
}
.footer__info-socials-icon {
}
.footer__creds {border-top: 1px solid #ad998f;padding: 45px 0;color: #D9CDC7;display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer__creds a {color: #D9CDC7;text-decoration: underline;}
.footer__creds-col {display: flex;align-items: center;flex-wrap: wrap;}
.footer__creds-copy {
}
.footer__creds-sep {width: 1px;height: 15px;background: #D9CDC7;margin: 0 15px;}
.blog--page {margin: 60px 0;}
.blog--page .wrapper {
	display: flex;
	flex-wrap: wrap;
}
.blog--page .blog__con {
	flex-basis: calc(100% - 320px);
}
.blog--page .blog__sidebar {
	flex-basis: 25%;
	padding: 0 35px;
}
.blog--page .blog__item {flex-basis: 32.3%;margin-right: 1.5%;}
.blog--page .blog-info {padding: 42px 25px;}
.blog--page .blog__date {
	position: static;
	background: transparent;
	color: #c4c4c4;
	width: 100%;
	margin-bottom: 15px;
}
.blog--page .blog__desc {
	margin-bottom: 50px;
}
.blog__con-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.blog--page .blog__item:nth-child(3n + 3) {
	margin-right: 0;
}

#breadcrumbs > span > span > a img {
	transform: translateY(-8px);
	margin-right: 10px;
}
#breadcrumbs span, #breadcrumbs a {
	margin: 0 10px;
	color: #695049;
}
.blog__pagination {
	margin: 0 auto;
	text-align: center;
	display: flex;
	align-items: center;
}
.next.page-numbers {
	display: flex;
	align-items: center;
}

.blog__pagination .page-numbers {
	margin: 0 5px;
}

.page-numbers {
	border: 1px solid #ff4f21;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}
.prev.page-numbers {
	transform: rotate(180deg);
}
.sidebar .footer__info-socials a {
margin: 0 5px;

}
.sidebar .footer__info-socials {
	/* margin-top: -30px; */
}
.sidebar h2 {
	font-family: 'Manrope';
	font-weight: 600;
	font-size: 19px;
	margin-top: 0;
}
.sidebar__heading {
	margin-top: 50px!important;
}
.blog__con--single h1, .blog__con--single h2, .blog__con--single h3, .blog__con--single h4, .blog__con--single h5, .blog__con--single h6 {
    font-family: 'Manrope';
    font-weight: 600;
    font-size: 20px;
    text-align: left;
}
.blog__con--single {
	margin-top: -15px;
}
.blog__con--single {
	display: block;
}
.woocommerce .products ul, .woocommerce ul.products {
	display: flex;
	max-width: 1270px;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 60px;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.products .tiles__img {
	height: 175px;
}
.products .tiles__item {
	margin-bottom: 70px;
}
.woocommerce .products ul::before, .woocommerce ul.products::before {
	display: none;
}
.woocommerce div.product div.summary {
	float: none;
	width: 100%;
}
.woocommerce div.product form.cart {
	display: flex;
	justify-content: space-between;
	padding: 50px 10vw;
	background: #d1c4bd;
	border-radius: 5px;
	flex-basis: 50%;
	height: 190px;
	align-items: center;
}
.woocommerce div.product form.cart .variations {
	flex-basis: calc(100% / 3);
	margin: 0;
}
.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before {
	display: none;
}
.single_variation_wrap {
	flex-basis: calc(100% / 1.5);
	display: flex;
	justify-content: space-between;
	height: 100%;
}
.single_variation_wrap > div {
	flex-basis: 50%;
	display: flex;
	align-items: center;
	width: 100%;
}
.woocommerce div.product form.cart .variations select {
	padding: 10px;
	background: transparent;
	color: white;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	color: #695049;
}
.woocommerce-variation-price {
	color: #695049;
	font-size: 19px;
	width: 100%;
	display: flex;
}
.price {
	color: white!important;
	font-size: 29px!important;
	padding-left: 10px;
	margin: 0;
	display: flex;
	align-items: center;
	flex-basis: 50%;
	justify-content: flex-start;
	font-weight: 600;
	height: 100%;
	padding-left: 0;
	margin-left: 15px;
	border-right: 1px solid #b8aca7;
}
.woocommerce div.product form.cart .button {
    padding: 20px 60px 20px 30px!important;
    background: #ff5022;
    color: white;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    font-size: 17px;
    transition: .3s;
}
.woocommerce div.product form.cart .button:hover {
	background: #7e665e;
}
.woocommerce div.product form.cart .button::after {
	content: '';
	display: block;
	position: absolute;
	background: url('/wp-content/themes/romanska-sklep/img/icons/add-to-basket-cart.png');
	background-size: cover!important;
	width: 18px;
	height: 21.3px;
	top: 49%;
	transform: translateY(-50%);
	right: 30px;
	z-index: 1;
}
.price-label {color: #695049;font-size: 19px;display: inline-block;margin-right: 15px;font-weight: 500;}
.woocommerce-variation.single_variation {border-right: 1px solid #b8aca7;}
.woocommerce-variation-add-to-cart {
	display: flex;
	justify-content: flex-end
}
.variations_form.cart .price {
	border-right: 0;
}
.product__desc {margin: 65px 0;}
.product__desc-item {display: flex;margin-bottom: 10px;justify-content: space-between;flex-wrap: wrap;}
.product__desc-text {flex-basis: 50%;min-height: 470px;display: flex;flex-direction: column;justify-content: center;padding: 30px 0;padding-right: 55px;}
.product__desc-img {flex-basis: 49.8%;background-size: cover!important;background-position: center!important;border-radius: 10px;}
.product__desc-item:nth-child(2n) {
	flex-direction: row-reverse
}
.product__desc-text h1, .product__desc-text h2, .product__desc-text h3, .product__desc-text h4, .product__desc-text h5, .product__desc-text h6 {
	font-family: 'Manrope';
	font-weight: 600;
	font-size: 27px;
	margin: 0;
	margin-bottom: 20px;
}
.product__desc-item:nth-child(2n) .product__desc-text {
	padding-left: 55px;
	padding-right: 0;
}
.product__desc-text ul, .cat__desc ul , .shop-desc ul{
	padding: 0;
	list-style: none;
}
.shop-desc h2 {
	font-family: 'Manrope';
	font-weight: 700;
}
.shop-desc {
	margin-bottom: 60px;
}
.product__desc-text li, .cat__desc li, .shop-desc li {position: relative;margin-left: 50px;margin-bottom: 12px;}
.product__desc-text li::after, .cat__desc li::after, .shop-desc li::after {
	content: '';
	display: block;
	position: absolute;
	background: url('/wp-content/themes/romanska-sklep/img/icons/ok.png');
	background-size: cover!important;
	width: 18px;
	height: 18px;
	top: 52%;
	transform: translateY(-50%);
	left: -50px;
	z-index: 2;
}
.product .recomm__item {
	text-align: left;
}
.product .recomm__text {
	text-align: left;
}
.product .recomm__person {
    max-width: 100%;
}
.product .recomm_person-con {
	justify-content: flex-start;
	transform: translateX(0);
}
.product .recomm__person-content {
	padding-left: 0;
	flex-basis: 100%;
}
.product .recomm__text {
	max-width: 100%;
	width: calc(100% - 250px);
	margin-left: 0;
}
.product .recomm__heading {
	text-align: left;
	font-family: 'Manrope';
	font-size: 30px;
	font-weight: 600;
}
.recomm__top-con {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 50px;
	flex-wrap: wrap;
}
.product .recomm__slider-nav {
	width: 240px;
	margin-top: -40px;
}
.product .recomm_decoration {
	font-size: 700px;
	color: #f7f7f7;
	position: absolute;
	top: -8px;
	right: 0;
	left: auto;
	transform: translateX(0);
}
.product .recomm {
	position: relative;
	padding: 40px 0;
	margin: 50px 0 90px 0;
}
.woocommerce .recomm::after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #f2f2f2;
	width: 50%;
	height: 100%;
	border-radius: 3px;
}
.product .recomm__slider {
	padding-bottom: 0!important;
}
.price ins {
	margin-left: 15px;
}
.contact {margin: 55px 0;}
.wrapper {
}
.wrapper--inner {
}
.contact__col {flex-basis: 50%;display: flex;flex-direction: column;justify-content: center;}
.contact__heading {margin: 0;font-size: 30px;margin-bottom: 40px;}
.contact__info {display: flex;}
.contact__info-col {flex-basis: 50%;}
.contact__socials {color: #434242;font-weight: 600;display: flex;align-items: center;justify-content: space-between;margin-top: 22px;}
.contact__socials-con {
}
.footer__info-socials-icon {
}
.contat__col--img {background-size: cover!important;background-position: center!important;border-radius: 5px;height: 495px;}
.contact .wrapper {display: flex;flex-wrap: wrap;}
.contact__info-col p {
	margin: 10px 0
}
.contact__tel {
	color: #414854;
	font-size: 20px;
}
.contact__socials > * {
	flex-basis: 50%;
}
.woocommerce-page main {
	margin: 280px auto 90px auto;
	max-width: 1270px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #d0d0d0;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button.alt {
	padding: 15px 30px 15px 30px!important;
	background: #ff5022;
	color: white!important;
	border-radius: 5px;
	position: relative;
	display: inline-block;
	font-size: 17px;
	transition: .3s;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background: #7e665e!important;
	opacity: 1;
	color: white;
}
/* .woocommerce #respond input#submit::after, .woocommerce a.button::after, .woocommerce button.button::after, .woocommerce input.button::after {
	content: '';
	display: block;
	position: absolute;
	background: url('/wp-content/themes/romanska-sklep/img/icons/arrow.png');
	background-size: cover!important;
	width: 11px;
	height: 9px;
	top: 52%;
	transform: translateY(-50%);
	right: 30px;
} */
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	margin-top: 8px;
}
.u-columns h2 {
	font-family: 'Manrope';
	font-weight: 600;s
}
.woocommerce-account .woocommerce-MyAccount-navigation {
	background: #F7F6F7;
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
	color: #191a1b;
}
.woocommerce-account .addresses .title h3 {
	margin: 0;
	font-family: 'Manrope';
	font-weight: 600;
}
.woocommerce-Address-title {
	margin-bottom: 15px;
}
.contact__socials-con a {
	margin-right: 8px;
}
#coupon_code {
	padding: 12px;
	width: 160px;
	border-radius: 5px;
}
.woocommerce-cart table.cart th {
    color: black!important;	
}
.product-name a {
	font-size: 18px;
	color: black;
	font-weight: 600;
}
.woocommerce-cart table.cart td {
	padding: 20px 10px!important;
}
.product-thumbnail img {
	width: 150px!important;
	opacity: 1;
}
.woocommerce a.remove:hover {
	background: transparent;
}

.cart-form{
	
padding: 20px;
}

.cart table.cart img{
	width: 38px;
}

.products-woo .simple-btn{}

.price_slider_amount button{
	
position: relative;
	
z-index: 999;
}

.product-remove img{
	
top: -2px!important;
}


.cart-subtotal th{

font-size: 14px!important;

text-align: right;
}

.koszyk .cart-subtotal{
	
display: flex;
	
flex-direction: column;
	
position: absolute;
	
right: 0px;
	
top: -60px;
}

.wc-proceed-to-checkout a{
	
width: 240px;
	
padding: 15px 5px!important;
	
color: #161615!important;
	
text-transform: uppercase;
	
font-size: 16px!important;
}

.koszyk .cart_totals {
	position: relative;
	margin-top: 80px;
}


.wc-proceed-to-checkout{

display: flex;

justify-content: flex-end;
}


.subtotal-price{
	
font-size: 30px;
	
top: -20px;
	
font-weight: 500;
	
position: relative;
}

.woocommerce-checkout .cart-subtotal th{
	
text-align: left;
	
}
.koszyk .cart-subtotal{
	
display: flex;
	
flex-direction: column;
	
position: absolute;
	
right: 0px;
	
top: -60px;
}
.cart_totals table {
	border: 0!important
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	width: 250px
}
.woocommerce-checkout h3 {
	font-family: 'Manrope';
	font-weight: 600;
}
.entry-summary > .price {
	display: none
}
@media (min-width: 1024px) {
	.header--mobile, .nav--mobile {
		display: none;
	}	
}
@media (max-width: 1300px) {
	.blog__r-more {
		margin-top: 50px;
	}
}

@media (max-width: 1024px) {
	.tiles__item {
		flex-basis: 49%;
		margin-bottom: 50px
	}
	.tiles--products .tiles__img {
		height: 20vh;
	}
	.about {
		background-position: bottom!important;
		background-size: contain!important;
		background-repeat: no-repeat!important;
		background-color: #827470!important;
		align-items: flex-start;
		padding: 50px 30px;
	}
	.about__text-con {
		width: 100%;
	}
	.blog__item {
		flex-basis: 100%;
	}
	.blog__img {
		height: 35vh;
	}
	.blog__desc {
		height: auto;
	}
	.footer__info-col {
		flex-basis: 100%;
		margin-bottom: 30px;
	}
	.newsletter__form {
		width: 100%;
	}
	.header__top-col--side:nth-child(1) {
		display: none;
	}
	.header__top > div {
		flex-basis: 50%;
	}
	.header__top-wc-nav a {
		margin-left: 30px;
	}
	.header__top-col--center {
		justify-content: flex-start;
	}
	.header {
		padding: 0;
		box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 20%);
	}

header.header.clear {}

header.header.clear {}

	.header--mobile {
		padding: 15px 0;
		display: flex;
	}

	.header > .wrapper:nth-child(1) {
		display: none;
	}

	.logo-img {
		max-width: 130px;
	}

	.menu-btn {
		height: 30px;
		width: 30px;
		position: absolute;
		right: 20px;
		top: 50%;
		z-index: 101;
		transform: translateY(-50%);
	}

	.menu-btn > span {
		background-color: #FF4F21;
		border-radius: 1px;
		height: 2px;
		width: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -1px 0 0 -15px;
		transition: height 100ms;
	}

	.menu-btn > span:after, .menu-btn > span:before {
		content: '';
		background-color: #FF4F21;
		border-radius: 1px;
		height: 2px;
		width: 100%;
		position: absolute;
		left: 50%;
		margin-left: -15px;
		transition: all 200ms;
	}

	.menu-btn > span:after {
		top: -7px;
	}

	.menu-btn > span:before {
		bottom: -7px;
	}

	.menu-btn.active > span {
		height: 0;
	}

	.menu-btn.active > span:after, .menu-btn.active > span:before {
		background-color: white;
		top: 1px;
	}

	.menu-btn.active > span:after {
		transform: rotate(45deg);
	}

	.menu-btn.active > span:before {
		transform: rotate(-45deg);
	}

	.nav--mobile {
		background-color: #1B1818FA;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
		width: 100%;
		text-align: center;
		opacity: 0;
		transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transform: scale(0);
		padding: 70px 32px 40px 40px;
		overflow-y: scroll;
		height: 100vh;
	}

	.nav--mobile.active {
		opacity: 1;
		transform: scale(1);
	}

	.nav--mobile.active ul li {
		opacity: 1;
		transform: translateX(0);
	}

	.nav--mobile ul {
		display: flex;
		flex-direction: column;
	}

	.nav--mobile li {
		padding: 8px 0;
		transition: all 400ms 510ms;
		opacity: 0;
	}

	.nav--mobile li:nth-child(odd) {
		transform: translateX(30%);
	}

	.nav--mobile li:nth-child(even) {
		transform: translateX(-30%);
	}

	.nav--mobile li:last-child {
		transform: none;
	}

	.nav--mobile a {
		color: white;
		display: inline-block;
		font-size: 22px;
		line-height: 33px;
		margin-bottom: 20px;
	}

	.nav--mobile ul {
		padding: 0;
		text-align: left;
		list-style: none;
		height: 100%;
		max-height: 100vh;
	}

	.nav--mobile li ul.hide {
		display: none !important;
	}

	.nav--mobile li ul {
		display: block !important;
		transition: none !important;
	}

	.nav--mobile .menu-item-has-children {
		position: relative;
	}

	.nav--mobile .menu-item-has-children > a {
		background: transparent;
		padding-right: 30px;
		display: inline-block;
		transition: none !important;
	}

	.nav--mobile .menu-item-has-children li {
		transition: none !important;
	}

	.nav--mobile .menu-item-has-children > a + span {
		position: absolute;
		right: 0;
		top: -3px;
		padding: 10px 20px;
		font-size: 20px;
		font-weight: 700;
		cursor: pointer;
		z-index: 3;
	}

	span.menu-closed:before {
		background: url(img/icons/arrow-down.svg);
		content: '';
		display: block;
		width: 25px;
		height: 15px;
		background-size: cover;
		background-position: center;
		transform: translateY(6px);
		transition: .3s;
	}

	span.menu-closed.menu-open:before {
		transform: translateY(6px) rotate(180deg);
	}

	.btn--menu {
		margin: 0;
		text-align: center;
		max-width: 350px;
		margin-top: 15px;
		display: inline-block;
	}

	.nav--mobile .sub-menu {
		padding-left: 30px;
		padding-top: 0px;
	}

	.nav--mobile .sub-menu li {
		padding: 0;
	}

	.nav--mobile .sub-menu .menu-item-has-children > a::after {
		display: none;
	}

	.nav--mobile > ul {
		padding-bottom: 40px;
	}
    .header.scroll {
    	top: 0;
    }
    .tiles__section-heading h2 {
    	font-size: 35px;
    }
    .recomm_decoration {
    	display: none;
    }
    .heading__title {
    	text-align: center;
    	font-size: 35px;
    	line-height: 1.2em;
    }
    main {
    	margin-top: 95px;
    }
    .blog__item {
    	flex-basis: 48%!important;
    }
    .page-template-page-blog .blog__img {
    	height: 20vh;
    }
    .blog--page .blog__desc {
    	margin-bottom: 0;
    }
    .woocommerce-page main {
    	margin-top: 95px!important;
    }
    .products .tiles__img {
    	height: 20vh;
    }
    .product .recomm__text {
    	width: 100%;
    }
    .woocommerce div.product form.cart .button::after {

    }
    .woocommerce-page table.cart .product-thumbnail {
    	display: block;
    	text-align: center!important;
    }
}
@media (max-width: 700px) {
    .tiles__item {
    	flex-basis: 100%;
    }
    .tiles--products .tiles__img {
    	height: 30vh;
    }
    .wrapper {
    	width: 95%;
    }
    .about__heading {
    	font-size: 35px;
    	margin-bottom: 30px;
    }
    .about__text {
    	font-size: 16px;
    }
    .about {
    	height: auto;
    	padding-bottom: 200px;
    }
    .recomm__heading {
    	font-size: 35px;
    }
    .recomm__text {
    	font-size: 15px;
    }
    .recomm__person {
    	flex-direction: column;
    	width: 100%;
    	max-width: 100%;
    }
    .recomm__person-content {
    	padding-left: 0;
    }
    .recomm_person-con {
    	transform: translateX(0);
    	text-align: center;
    }
    .recomm_person-img {
    	margin-bottom: 0;
    	transform: translateY(-20px);
    }
    .recomm {
    	padding-bottom: 0;
    }
    .blog__heading {
    	font-size: 35px;
    }
    .footer__creds-sep {
    	display: none;
    }
    .newsletter__input {
    	flex-direction: column;
    }
    .your-email {
    	width: 100%;
    }
    .blog__con {
    	flex-basis: 100%!important;
    }
    .blog--page .blog__sidebar {
    	flex-basis: 100%;
    }
    .blog--page .blog__item {
    	flex-basis: 100%!important;
    }
    .page-template-page-blog .blog__img {
    	height: 30vh;
    }
    .blog--page .blog__sidebar {
    	padding: 0;
    }
    .sidebar {
    	margin-top: 70px;
    }
    .single-post  #breadcrumbs, .woocommerce #breadcrumbs {
    	display: none;
    }
    .products .tiles__img {
    	height: 30vh;
    }
    .product__desc-text {
    	flex-basis: 100%;
    	padding: 0;
    }
    .product__desc-item:nth-child(2n) .product__desc-text {
    	padding-left: 0;
    }
    .product__desc-img {
    	height: 30vh;
    	flex-basis: 100%;
    	margin-bottom: 50px;
    }
    .woocommerce div.product form.cart {
    	flex-direction: column;
    	padding: 40px 30px;
    }
    .price {
    	margin-bottom: 15px;
    	border-right: 0;
    	margin: 0;
    	margin-bottom: 15px;
    }
    .recomm__top-con > * {
    	flex-basis: 100%!important;
    }
    .recomm__slider-nav .swiper-pagination {
    	text-align: left;
    }
    .woocommerce .recomm::after {
    	display: none;
    }
    .newsletter__form .wpcf7-email {
    	border-right: 1px solid rgba(255, 255, 255, 0.2);
    	border-radius: 5px;
    }
    .newsletter__form .btn {
    	border-radius: 5px;
    }
    .newsletter h2 {
    	font-size: 35px;
    }
    .newsletter__text {
    	font-size: 17px;
    }
    .single_variation_wrap {
    	flex-direction: column;
    }
    .woocommerce-variation.single_variation {
    	border-right: 0;
    }
    .woocommerce-variation-add-to-cart {
    	justify-content: center;
    }
    .woocommerce-variation-price {
    	margin: 20px 0;
    	display: flex;
    	align-items: center;
    }
    .woocommerce div.product form.cart {
    	height: auto;
    }
    .woocommerce-variation-price .price {
    	margin-bottom: 0;
    	margin-left: 10px;
    }
    .woocommerce div.product form.cart .variations select {
    	width: 100%;
    }
    .tiles__heading {
    	margin-bottom: 0;
    }
    .tiles .wrapper {
    	padding-bottom: 60px;
    }
    .home .recomm__slider-nav .swiper-pagination {
    	text-align: center;
    }
    .blog__item {
    	flex-basis: 100%!important;
    }
    .header__top-wc-nav {
    	text-align: left;
    }
    .product-thumbnail::before {
    	display: none;
    }
    .subtotal-price {
    	font-size: 22px;
    }
    .subtotal-price .woocommerce-Price-amount {
    	margin-left: 10px;
    }
    .woocommerce-message {
    	display: flex;
    	flex-direction: column-reverse;
    	justify-content: center;
    	align-items: center;
    }
    .woocommerce .woocommerce-message .button {
		float: none;
		margin-top: 10px;    	
    }
}

.page-template-default section.wrapper--inner {
	margin: 90px auto;
}
.error404 section.wrapper--inner {
	margin: 90px auto;
	text-align: center;
}

.woocommerce-message {
	top: 16px;
}

.cat__desc strong {
	font-size: 20px;
	color: #000000;
}
.cat__desc h2 {
	font-family: 'Manrope';
	margin-top: 27px;
	font-weight: 600;
}
.page-template-page-recomm .recomm {
	margin-bottom: 60px;
	border-radius: 10px;
}
.header__top-wc-nav span {
    position: absolute;
    background: #ff4f21;
    width: 20px;
    height: 20px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    top: 2px;
    right: -25px;
}
.info-box {
	padding: 50px 5vw;
	background: #d1c4bd;
	border-radius: 5px;
	margin-bottom: 50px;
	color: white;
	text-align: center;
}
.info-box h2 {
	color: #695049;
	font-size: 30px;
	margin-bottom: 0;
	margin-top: 0;
}
.paynow-payment-option-pbl img {width: 100%!important;min-width: 68px;height: auto!important;}

.page-template-default > .wrapper > * {
	text-align: justify!important;
}

.newsletter input[type="checkbox"], input[type="radio"] {
	margin-right: 10px;
}

.newsletter__form-accept label {
	display: flex;
}

.about_sec .contact__col:first-child{
	margin-right: 24px;
	flex-basis: calc(60% - 24px);
}
.about_sec .wrapper{
    align-items: center;
}
.about_sec .contat__col--img{
	height: 800px;
	flex-basis: 40%;
}
.about_sec h2{
	color: #ff5022;
}

@media (max-width: 900px){
	.about_sec .contact__col:first-child{
		margin-right: 0px;
		flex-basis: 100%;
	}
	.about_sec .contat__col--img{
		flex-basis: 100%;
	}
}