@charset "UTF-8";
/*
Theme Name: epoch-a.com
Theme URI: 
Author: Deme
Description: epoch-a.com.
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/
/* cyrillic-ext */
@font-face {
  font-family: 'Times';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/times_regular.woff2) format('woff2');
}

body {
	font-family: 'Times';
	position: relative;
}

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

body:not(.at-top) header {
	background-color: #fff;
}

body.home:not(.at-top) header {
	background-color: transparent;
}

body.single-product:not(.at-top) header {
	background-color: transparent;
}

body:not(.home) header .menu-area, .right-side-wrapper {
/* 	padding-top: 20px; */
}

.home ul.menu {
/* 	padding-left: 50px; */
}

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

.home .header-social-btn rect, .home .header-social-btn path {
	fill: #fff;
}

.home .page-content {
	height: 100vh;
	background-color: #000;
	position: relative;
	overflow: hidden;
}

.home .logo-url {
	display: none;
}

.video-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper video, .video-wrapper img {
	position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.logo-url {
	position: absolute;
	width: 33vw;
    top: 0;
    z-index: 999;
    -webkit-transform: translate3d(0,0,0);
}

.logo-url svg {
	max-width: 100%;
}

.home .menu-area  {
	justify-content: center;
}

.logo-url .logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.home header, .home .nav-link {
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
}

header .nav-link {
	padding-left: 14px !important;
	padding-right: 14px !important;
}

.home .fixed-top {
	top: calc(50% - 50px);
}

.home footer {
	display: none;
}

.bottom-logo {
	position: absolute;
	left: calc(50% - 54px);
	bottom: 40px;
}

.cart-mini {
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	margin-right: 35px;
	color: #000;
}

.home .cart-mini {
	color: #FFFFFF;
}

.top-logo {
	position: absolute;
	width: 100%;
	left: 0;
	top: -100px;
}

.top-logo svg {
	width: 110vw;
	height: auto;
	mix-blend-mode: difference;
}

.subscribe-form {
	display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% + 160px);
    left: 0;
    margin: 0 auto;
    right: 0;
    width: fit-content;
    max-width: 475px;
    min-height: 160px;
    border: 1px solid #FFFFFF;
    padding: 40px;
    background-color: #000;
    z-index: 5;
}

.block-title {
	display: flex;
	justify-content: space-between;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #FFFFFF;
	margin-bottom: 19px;
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
	width: 100%;
}

.close-form {
	cursor: pointer;
}

.subscribe-form .wpcf7 input[type="email"], .subscribe-form .wpcf7 input[type="email"]:focus {
	background-color: transparent;
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	border-width: 0px;
	color: #FFFFFF;
	outline: none;
	text-transform: uppercase; 
}

input, optgroup, select, textarea {
	background-color: transparent;
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	border-width: 0px 0px 1px 0px;
	outline: none;
	width: 100%;
}

input[type="checkbox"], input[name="coupon_code"] {
	width: inherit;
}

input.qty {
	width: 50px;
	text-align: center;
}

.form-row {
	margin-bottom: 50px;
}

button[name="apply_coupon"], button[name="woocommerce_checkout_place_order"] {
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #000;
	border-width: 0px;
	text-transform: uppercase;
	background-color: transparent;
}

button[name="woocommerce_checkout_place_order"] {
	text-decoration: underline;
}

input[name="coupon_code"] {
	border-bottom: 1px solid #000;
	color: #000;
}

.subscribe-form .wpcf7 input[type="submit"] {
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	text-align: right;
	color: #FFFFFF;
	border-width: 0px;
	text-transform: uppercase;
	background-color: transparent;
	width: 100%;
	font-style: normal;
}

.subscribe-form .row {
	border-bottom: 1px solid #fff;
}

.subscribe-form p {
	margin-bottom: 0;
}

.subscribe-form .wpcf7-spinner {
	position: absolute;
}

.subscribe-form .wpcf7-not-valid-tip {
	position: absolute;
}

.wpcf7-response-output {
	color: #fff;
}



.right-side-wrapper {
	display: flex;
	padding-right: 30px;
	position: absolute;
	right: 0;
}

.home .right-side-wrapper {
	position: absolute;
	right: 0;
	top: calc(50% - 10px);
}

.top-logo path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: drawPath 1s linear infinite ;
}



ul.products {
	padding-left: 0;
	list-style: none;
	margin-left: -5px;
	margin-right: -5px;
}

ul.products li {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 79px;
}



header .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.page-content .container-fluid {
	padding-left: 80px;
	padding-right: 80px;
}

.page-template-archives_template .page-content .container-fluid, .page-template-archive_template .page-content .container-fluid {
	padding-left: inherit;
	padding-right: inherit;
}

.page-template-archives_template .logo-url path, .page-template-archive_template .logo-url path {
	fill: #fff;
}

.page-template-archives_template .cart-mini, .page-template-archive_template .cart-mini {
	color: #fff;
}

.page-template-archives_template .socials-wrapper path, .page-template-archive_template .socials-wrapper path {
	fill: #fff;
}

.description-col .description-col-inner {
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}

.page-content .subscribe-form .container-fluid {
	padding-left: inherit;
	padding-right: inherit;
}

.image-wrapper {
	position: relative;
/* 	aspect-ratio: 1 / 1.17; */
	margin-bottom: 20px;
	padding-top: 117%;
}

.image-wrapper:before {
	content: '';
	padding-bottom: 
}

.page-content {
	padding-top: 129px;
}

.archive .product img {
	background-color: rgba(0, 0, 0, 0.05);
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: absolute;
	left: 0;
	top: 0;
}

header .nav-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    text-transform: uppercase;
}

header .current_page_item > .nav-link, header .current_page_parent > .nav-link, header .current-page-ancestor > .nav-link {
	font-style: italic;
}

.woocommerce-loop-product__title {
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;		
	color: #000;
	margin-bottom: 0;
}

.product .woocommerce-Price-amount {
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;		
	color: #000;
	font-style: italic;
}

ul.page-numbers {
	list-style: none;
	padding-left: 0;
	display: flex;
}

ul.page-numbers li {
	padding: 0 10px;
}

.header-social-btn svg {
	position: relative;
	z-index: 99;
}

footer {
	padding: 58px 0;
}

footer .menu {
	list-style: none;
	display: flex;
	padding-left: 0;
	margin-bottom: 0;
}

footer .nav-link, .copyright {
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	padding: 0 20px;
	text-transform: uppercase;
}

.gallery-col {
	background-color: rgba(0, 0, 0, 0.05);
}

.entry-summary {
	position: sticky;
	top: 25vh;
	padding: 0 10vw;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
}

.entry-summary h1 {
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 0;
}

.variations .label, .reset_variations {
	display: none !important;
}

.variations_form.cart {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.fancybox-button--close {
	font-size: 0;
}

.single-product .quantity {
	display: none !important;
}

.woocommerce-message a {
	text-decoration: underline;
}

.woocommerce-message {
	margin-bottom: 20px;
	font-size: 12px;
}

.variations_form.cart > * {
	margin-right: 10px;
}

.woocommerce-product-details__short-description {
	font-style: italic;
}

.variations_form.cart select {
	border: none;
	text-align: center;
}

.variations_form.cart select:focus {
	outline: none;
}

.variations_form.cart select {
    -webkit-appearance: none;
	  -moz-appearance: none;
	  text-indent: 1px;
	  text-overflow: '';
}

.single_add_to_cart_button {
	border: none;
	background-color: transparent;
	padding: 0;
	text-decoration: underline;
	color: #000;
}

.single_add_to_cart_button:active, .single_add_to_cart_button:hover, .single_add_to_cart_button, .size-btn a, .variations_form.cart select {
	color: #000;
}

.single_add_to_cart_button, .size-btn a, .variations_form.cart select {
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	text-transform: uppercase;
}

.variations_form.cart select {
	font-style: italic;
	width: calc(100% + 5px);
}

.stock {
	font-size: 14px;
	font-style: italic;
}

footer {
	position: relative;
}

.footer-logo {
	position: absolute;
	left: calc(50% - 54px);
	bottom: 90%;
}

.page-template-default .page-content, .page-template-contact_template .page-content  {
	min-height: calc(100vh - 134px);
}

.page-template-default .page-content, .page-template-contact_template .page-content {
	display: flex;
	align-items: center;
	padding-bottom: 120px;
}

.page-template-default .page-content .container, .page-template-contact_template .page-content .container {
	max-width: 995px;
}

.page-template-default .page-content .container a, .page-template-contact_template .page-content .container a {
	text-decoration: underline;
}

.collapsing {
	height: inherit;
	transition: all 0s;
}

.collapse:not(.show) {
	display: inherit;
}

.woocommerce-cart .product-thumbnail img {
	max-width: 150px;
}

.shop_table {
	width: 100%;
}

.cart-collaterals, .woocommerce-cart .coupon {
	text-align: center;
	margin-bottom: 50px;
}

.woocommerce-cart .coupon {
	margin-bottom: 50px;
}

button[name="update_cart"] {
	display: none;
}

.checkout-button {
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
}

.cart-collaterals .shop_table {
	margin-bottom: 50px;
}

.slider-wrapper {
	position: relative;
}

.archive-description {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 5;
	width: fit-content;
	height: fit-content;
	text-align: center;
	color: #FFFFFF;
	mix-blend-mode: difference;
}

.page-template-archives_template .page-content, .page-template-archive_template .page-content {
	padding-top: 0;
}

.page-template-archives_template header .nav-link, .page-template-archives_template header, .page-template-archive_template header .nav-link, .page-template-archive_template header {
	color: #FFFFFF;
	mix-blend-mode: difference;
}

body.page-template-archives_template:not(.at-top) header, body.page-template-archive_template:not(.at-top) header {
	background-color: transparent;
}

.img-col img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slick-next {
    right: 25px;
    z-index: 99;
}

.slick-prev {
    left: 25px;
    z-index: 99;
}

.archive-slide {
	height: 100vh;
	display: block;
}

.slick-next:before {
	content: url(./img/next.svg);
}

.slick-prev:before {
	content: url(./img/prev.svg);
}

.slick-prev, .slick-next {
	mix-blend-mode: difference;
}

.nav-dots {
	position: fixed;
	right: 29px;
	bottom: 29px;
	z-index: 9;
	mix-blend-mode: difference;
}

.nav-dot {
	width: 5px;
	border-left: 1px solid #fff;
	height: 47px;
	margin-bottom: 12px;
	cursor: pointer;
}

.nav-dot.active {
	border-left: 2px solid #fff;
}

.footer-logo {
	mix-blend-mode: difference;
}

.navbar-toggler, .shop-url {
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	color: #FFFFFF;
	text-transform: uppercase;
	border: none;
}

.navbar-toggler:focus {
	box-shadow: none;
}

body.scroll-lock {
	overflow-y: hidden;
}

@media (min-width: 992px) {
	.archive-slide, .page-template-archive_template .image-row {
		background-image: unset !important;
	}
}

@media (max-width: 991px) {
	
	.shop_table, button[name="apply_coupon"], button[name="woocommerce_checkout_place_order"] {
		font-size: 12px;
	}
	
	.cart-collaterals .shop_table tbody {
		flex-direction: column;
	}
	
	.cart_totals h2 {
		font-size: 18px;
	}
	
	.shop_table input, .checkout-button, .woocommerce-info, input, optgroup, select, textarea {
		font-size: 12px;
	}
	
	#order_review_heading, #ship-to-different-address, .woocommerce-billing-fields h3 {
		font-size: 14px;
		font-weight: bold;
	}
	
	.checkout .shop_table thead {
		display: table-header-group;
	}
	
	.checkout .shop_table tbody {
		display: table-row-group;
	}
	
	.form-row {
		margin-bottom: 20px;
	}
	
	.woocommerce-info {
		margin-bottom: 20px;
	}
	
	
	.shop_table thead {
		display: none;
	}
	.shop_table tbody, .woocommerce-cart-form__cart-item {
		display: flex;
		flex-wrap: wrap;
	}
	
	.product-thumbnail {
		width: 10%;
	}
	
	.woocommerce-cart .product-thumbnail img {
		max-width: 80px;
	}
	
	.cart .product-name, .cart .product-thumbnail {
		width: 45%;
		text-align: center;
	}
	
	.product-price, .product-quantity, .product-subtotal {
		width: 33%;
	}
	
	.product-subtotal  {
		text-align: end;	
	}
	
	.product-quantity {
		text-align: center;
	}
	
	.cart .product-price:before {
		content: 'Price';
		display: block;
	}
	
	.cart .product-quantity:before {
		content: 'Quantity';
		display: block;
	}
	
	.cart .product-subtotal:before {
		content: 'Subtotal';
		display: block;
	}
	
	.woocommerce-cart-form__cart-item {
		margin-bottom: 50px;
		padding-bottom: 50px;
		border-bottom: 1px solid #000;
	}
	
	.page-template-default .page-content {
		padding-bottom: 0;
	}
	
	.page-template-default .page-content .container {
		padding-left: 27px;
		padding-right: 27px;
	}
	
	.page-template-default .page-content .container p {
		font-size: 12px;
	}
	
	.archive-slide, .page-template-archive_template .image-row {

	}
	
	.page-template-archive_template .image-row {
		height: 100vh;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	body:not(.home).page-template-archive_template  .navbar-toggler, body:not(.home).page-template-archive_template  .shop-url {
		color: #fff;
		mix-blend-mode: difference;
	}
	
	.description-col {
		mix-blend-mode: difference;
		color: #fff;
	}
	
	.archive-slide {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.single_add_to_cart_button, .size-btn a, .variations_form.cart select {
		font-size: 12px;
	}
	
	.entry-summary {
		position: relative;
		padding-left: 7px;
		padding-right: 7px;
		top: 0 !important;
		font-size: 12px;
		line-height: 1.2;
	}
	
	.entry-summary h1 {
		font-size: 12px;
	}
	
	.gallery-col {
		position: relative;
		margin-bottom: 17px;
	}
	
	.woocommerce-product-gallery__wrapper .slick-dots {
		display: flex;
	    flex-direction: column;
	    width: fit-content;
	    right: 4px;
	    mix-blend-mode: difference;
	    bottom: 20px;
	}
	
	.woocommerce-product-gallery__wrapper .slick-dots li {
		height: 47px;
		width: 1px;
		border-left: 1px solid #fff;
		margin-bottom: 12px;
	}
	
	.woocommerce-product-gallery__wrapper .slick-dots li.slick-active {
		border-left: 2px solid #fff;
	}
	
	.slick-dotted.slick-slider.woocommerce-product-gallery__wrapper {
		margin-bottom: 0;
	}
	
	.woocommerce-product-gallery .slick-dots li.slick-active button:before, .slick-dots li button:before {
		display: none;
	}
	
	header .menu-area.collapse.show {
		position: fixed;
	    top: 0;
	    left: 0;
	    width: 100vw;
	    height: 100vh;
	    background-color: #f5f5f5;
	    padding-top: 86px;
	    background-image: url(./img/logo-mob.svg);
	    background-position: center top;
	    background-repeat: no-repeat;

	}
	
	.page-template-archives_template.menu-show header .nav-link, .page-template-archives_template.menu-show header, .page-template-archive_template.menu-show header .nav-link, .page-template-archive_template.menu-show header {	
		mix-blend-mode: unset;
		color: #000;
	}
	
	.page-template-archives_template.menu-show .cart-mini, .page-template-archive_template.menu-show .cart-mini {
		color: #000;
	}
	
	.page-template-archives_template.menu-show .logo-url path, .page-template-archive_template.menu-show .logo-url path, .page-template-archives_template.menu-show .socials-wrapper path, .page-template-archive_template.menu-show .socials-wrapper path {
		fill: #000;
	}
	
	
	header .menu-area.collapse.show .nav-link {
		font-size: 12px;
		padding: 0;
	}
	
	.home .header-social-btn rect, .home .header-social-btn path {
	    fill: #000;
	} 
	
	.home.menu-show  .right-side-wrapper {
	    padding-right: 13px;
	    flex-direction: column;
	    align-items: end;
	    position: relative;
	    display: flex;
	    color: #000;
	}
	
	header .menu-area.collapsing {
		display: none;
	}
	
	.home.menu-show  .cart-mini {
		color: #000;
	}
	
	.menu-show .navbar-nav {
		margin-bottom: 17px;
	}
	
	.menu-show .navbar-toggler {
		color: #000;
		position: relative;
		z-index: 9999;
	}
	
	.menu-show.home .logo-url {
		display: block;
	}
	
	.navbar-toggler:before {
		content: 'Menu';
	}
	
	.menu-show .navbar-toggler:before {
		content: 'Close';
	}
	
	.home .menu-area.collapse.show .nav-link {
		color: #000;
	}
	
	.wpcf7-response-output {
		font-size: 12px;
	}
	
	.subscribe-form {
		max-width: calc(100vw - 48px);
	}
	
	.subscribe-form.footer-form {
		top: inherit;
		bottom: 100px;
	}
	
	.image-wrapper {
		margin-bottom: 8px;
	}
	
	footer .menu {
		flex-direction: column;
	}
	
	footer .widget_nav_menu {
		order: 2;
	}
	
	footer .nav-link, .copyright, .subscribe-url {
		font-size: 12px;
		padding-left: 0;
	}
	
	footer {
		padding-bottom: 17px;
		padding-top: 110px;
		z-index: -1;
		position: relative;
	}
	
	.footer-inner {
		position: relative;
		z-index: 100;
	}
	
	.copyright {
		order: 1;
	}
	
	.woocommerce-loop-product__title, .product .woocommerce-Price-amount {
		font-size: 12px;
		line-height: 1.2;
		padding: 0 12px;
	}
	
	.single .product .woocommerce-Price-amount {
		padding: 0;
	}
	
	.footer-logo {
		mix-blend-mode: unset;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - 140px);
		z-index: 0;
	}
	
	
	ul.products li {
		margin-bottom: 30px;
	}
	
	body:not(.home) .navbar-toggler, body:not(.home) .shop-url {
		color: #000;
	}
	
	.page-content .container-fluid {
	    padding-left: 0;
		padding-right: 0;
	}
	
	.page-content {
		overflow-x: hidden;
		padding-top: 81px;
	}
	
	header .menu-area {
		margin-bottom: 20px;
	}
	
	header .nav-link {
		font-size: 12px;
		line-height: 14px;
	}
	
	.logo-url {
	    width: 40vw;
	    left: 0;
	    top: 0;
	}
	
	.logo-url svg {
		max-height: 75px;
	}
	
	
	.subscribe-form {
		min-height: inherit;
	}
	
	.cart-mini {
		font-weight: 400;
		font-size: 12px;
		line-height: 14px;
		text-align: center;
		margin-right: 0;
		margin-bottom: 5px;
	}
	
	.home .right-side-wrapper {
	    display: none;
	}
	
	.navbar>.container-fluid {
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
	}
	
	.navbar-toggler {
	}
	
	.right-side-wrapper {
		padding-right: 13px;
		flex-direction: column;
	    align-items: end;
	    position: relative;
	}
	
	.top-logo {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	.collapse:not(.show) {
	    display: none;
	}
	
	.home .fixed-top {
		top: 0;
	}
	
	.subscribe-form {
		padding: 26px;
	}
	
	.block-title, .subscribe-form .wpcf7 input[type="email"], .subscribe-form .wpcf7 input[type="email"]:focus, .subscribe-form .wpcf7 input[type="submit"] {
		font-weight: 400;
		font-size: 12px;
		line-height: 15px;
	}
	
	
}

@media (max-width: 575px) { 
	.archive-slide {
		background-size: auto 50%;
		background-position: center top;
		background-color: #000;
	}
	
	.archive-description {
		top: 40%;
	}
	
	.page-template-archive_template .image-row {
		height: 50vh;
	}
	
}

@keyframes drawPath {
  0% {
    stroke-dashoffset: 1000;
  }
  
  50%  {
    stroke-dashoffset: 0;
  }
  
  100%  {
    stroke-dashoffset: 1000;
  }
 
}