html{
	opacity: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	&.page-loaded{
		opacity: 1;
		margin-top: 0 !important;
	}

	/*.left-menu-bar,
	.right-menu-bar {
		background: #ff0000;
	}*/
}
body {
	padding: 0 15px !important;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
	font-size: 14px;
	line-height: 1.6;
	transition: 0.2s ease-in-out;
	overflow-wrap: break-word;
	overflow-x: hidden;
	word-wrap: break-word;
	word-break: break-word;
	line-break: strict;
	hyphens: none;
	width: 100%;
	min-height: 100%;
	position: relative;
	@include media-breakpoint-up(xl) {
		padding: 0 100px !important;
		&:before{
			content: '';
			display: block;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: rgba(#000, 0.15);
			z-index: 2;
			transition: all 0.2s ease-in-out;
			transition-delay: 0.2s;
			opacity: 0;
			visibility: hidden;
			pointer-events: none;
		}
		&.overlay{
			&:before{
				z-index: 101;
				opacity: 1;
				visibility: visible;
				pointer-events: initial;
				transition-delay: 0.2s;
			}

			.left-menu-bar:not(.active),
			.top-bar,
			.right-menu-bar {
				pointer-events: none;
			}
		}

		&.loader-pulsate{
			&:after {
				content: '';
			    background: #000;
			    border-radius: 100%;
			    height: 60px;
			    width: 60px;
			    position: fixed;
			    left: 50%;
			    top: 50%;
			    animation: pulsate 1s ease-out;
			    animation-iteration-count: infinite;
			    animation-delay: .2s;
				opacity: 0.0;
				margin-left: -30px;
				margin-top: -30px;
				z-index: 102;
			}
		}
	}
	.container-fluid{
		min-height: 100%;
		padding-bottom: 52px;

		@include media-breakpoint-up(xl) {
			padding-bottom: 92px;
		}
	}
	&.post-template-wp-custom-template-custom-template {
		@include media-breakpoint-up(xl) {
			padding: 0;
		}
	}
	&.admin-bar{
		padding-top: 46px;
		@media (min-width: 783px){
			padding-top: 32px;
		}
		.header{
			.shopping-cart,
			.search-box,
			.account-cont{
				z-index: 102;
				top: 46px;
				@media (min-width: 783px){
					top: 32px;
				}
			}
			.nav{
				.menu{
					top: 46px;
					@media (min-width: 783px){
						top: 32px;
					}
				}
				.vertical-menu{
					.left-menu-bar{
						padding: 0 72px 0 40px;
					}
					.right-menu-bar{
						padding: 0 40px 0 72px;
					}
				}
			}
		}

		.wp-block-cover-image {
			&.fullheight {
				height: calc(100vh - 32px);
			}
		}
	}
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.archive-padding{
	height: 64px;
}

//ARCHIVE HEADER
.archive-header{
	.archive-list{
		text-align: center;
		padding-bottom: 64px;
    	padding-top: 34px;
    	max-width: 100%;
    	margin: 0 auto;
    	@include media-breakpoint-up(xl){
    		margin: 0 auto 32px auto;
    	}
		.cat-item{
			display: inline-block;
			padding: 0 6px;
			font-size: 1rem;
			position: relative;
			@include media-breakpoint-up(xl){
    			padding: 0 16px;
    			&:after{
					content: '';
				    background-color: #DDDDDD;
				    width: 1px;
				    height: 30px;
				    transform: rotate(25deg) translateY(-50%);
				    display: inline-block;
				    position: absolute;
				    right: 3px;
				    top: 50%;

				}
				&:last-child{
					&:after{
						display: none;
					}
				}
    		}
			&.current-cat{
				.post-count{
					display: inline-block;
				}
				a{
					background-size: 100% 100%;
					&:hover{
                    	background-size: 0 100%;
                	}
				}

				h1 {
					font-size: inherit;
					margin-bottom: 0;
				}
			}
			a{
				display: inline-block;
                background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
                background-repeat: no-repeat;
                background-position: 0 100%;
                background-size: 0 100%;
                transition: background-size 0.2s ease-in-out;
                &:hover{
                    background-size: 100% 100%;
                }
			}
			.post-count{
				font-size: 14px;
				color: #888888;
				vertical-align: top;
				display: none;
			}
		}
		@include media-breakpoint-up(lg){
			.cat-item{
				font-size: 1.375rem;
			}
		}
	}
}
//ARCHIVE SECTION
.articles-section{
	
	margin: 0 -15px;

	@include media-breakpoint-up(xl) {
		margin: 0 -25px;
	}

	.article-wrapper {
		opacity: 0;
        transform: scale(0.90);
        will-change: opacity, transform;
        &.animated{
            opacity: 1;
            transform: scale(1);
            transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
        }
	}
	.articles-masonry-layout{
		@include media-breakpoint-up(xl) {
			padding-bottom: 65px;
			.articles-grid-layout{
				padding: 120px 0;
				.post-item{
					padding-bottom: 120px;
				}
			}
			.ms-item{
				&:nth-child(2){
					flex: 0 0 50%;
					max-width: 50%;
					.post-item{
						text-align: center;
						.post-details{
							.post-title{
								max-width: 720px;
								margin: 0 auto;
								font-size: 47.78px;
								margin-bottom: 30px;
							}
							.post-content{
								p{
									max-width: 512px;
									margin: 0 auto;
								}
							}
						}
					}
				}
			}
		}
	}
	.post-item{
		margin-bottom: 50px;
		&.sticky {
			.post-title{
				a{
					&:before {
						content: "\e902";
					    margin-right: 10px;
					    display: inline-block;
					     font-family: '#{$icomoon-font-family}';
					    font-size: 0.9rem;
					    vertical-align: baseline;
					}
				}
			}
		}
		@include media-breakpoint-up(lg){
			margin-bottom: 65px;
			padding: 0 9px;
		}
		.feature-img{
			position: relative;
			margin: 0 0;
			@include media-breakpoint-up(sm){
				margin: 0;
			}
			@include media-breakpoint-up(xl){
				transition: 0.2s ease-in-out;
				opacity: 1;
				&:hover{
					opacity: 0.5;
				}
			}

			img{
				width: 100%;
				display: block;
			}
		}
		.post-details{
			.post-meta{
				margin-top: 24px;
				> a {
					font-size: 14px;
					color: #888888;
					transition: all 0.2s ease-in-out;
					display: inline-block;
	                background-image: linear-gradient(to top, rgb(136, 136, 136) 1px, rgb(136, 136, 136) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
	                background-repeat: no-repeat;
	                background-position: 0 100%;
	                background-size: 0 100%;
	                transition: background-size 0.2s ease-in-out;
	                margin-right: 5px;
	                &:hover{
	                    background-size: 100% 100%;
	                }
				}
			}
			.post-title{
				margin-bottom: 16px;
				font-size: 1.275rem;
				@include media-breakpoint-up(xl){
					font-size: 1.65rem;
					margin-bottom: 24px;
					&:hover{
						a{
							background-size: 100% 100%;
						}
					}
					a {
						display: inline;
						text-decoration: none;
						box-decoration-break: slice;
						background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
						background-repeat: no-repeat;
						background-position: 0 100%;
						background-size: 0% 100%;
						transition: background-size 0.2s ease-in-out;
					}
				}
			}
			.post-content{
				p{
					font-size: 15px;
					margin: 0;
					@include media-breakpoint-up(xl){
						font-size: 0.9rem;
					}
				}
			}
		}
		.read-more{
			font-size: 14px;
			display: inline-block;
			position: relative;
			margin-top: 20px;
            background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
            background-repeat: no-repeat;
            background-position: 0 100%;
            background-size: 100% 100%;
            transition: background-size 0.2s ease-in-out;
            &:hover{
                background-size: 0 100%;
            }
		}
	}
}
//WIDGETS SECTION
.widgets-section{
	background-color: rgba(0,0,0,0.03);
	padding: 60px 0;
	margin-bottom: 60px;
	margin: 0 0 60px;
	position: relative;
	@include media-breakpoint-up(xl){
		padding: 120px 105px 60px 105px;
    	margin: 0 -115px 120px -115px;
    	z-index: 0;
	}
	.widgets-wrapper{
		display: flex;
		flex-wrap: wrap;
		.column{
			width: 100%;
	    	padding: 0 15px;

	    	@include media-breakpoint-up(sm){
	    		width: calc(100% / 2);
	    	}
	    	@include media-breakpoint-up(lg){
		    	margin-bottom: 64px;
	    		width: calc(100% / 3);
	    		@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
                    width: calc(100% * 0.3333);
                }
	    	}
	    	aside{
	    		position: relative;
	    		padding: 0;
	    		@include media-breakpoint-up(xl){
	    			padding: 0 15px 0 50px;
	    		}

				.alignfull, .alignwide {
					width: 100%;
					margin-left: 0;
					margin-right: 0;
				}
	    	}
		}
	}
}
//SINGLE POST
.single-post,
.single-attachment{
	.single-wrapper{
		.entry-post-meta{
			padding: 0 0 25px 0;
			max-width: 820px;
			margin: 0 auto;
			text-align: center;
			@include media-breakpoint-up(md){
				padding: 0 0 40px 0;
				text-align: center;
			}
			li{
				display: inline-block;
				&:after{
					content: '/';
					color: #DDDDDD;
					padding: 0 5px;
					font-size: 16px;
				}
				&:last-child{
					&:after{
						display: none;
					}
				}
			}
			.post-date{
				font-size: 16px;
				span{
					color: #888888;
					font-size: 16px;
				}
			}
			.comments-count{
				color: #000;
				font-size: 16px;
				cursor: pointer;
				display: inline;
                background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
                background-repeat: no-repeat;
                background-position: 0 100%;
                background-size: 0 100%;
                transition: background-size 0.2s ease-in-out;
                background-color: transparent;
                &:hover{
                    background-size: 100% 100%;
                }
				.comment-sum{
					font-size: 16px;
				}
				.icon-comment{
					position: relative;
					top: 1px;
					margin-right: 5px;
					font-size: 14px;
				}
				@include media-breakpoint-up(md){
					font-size: 16px;
				}
			}
			.share-post{
				color: #000;
				font-size: 16px;
				.icon-share-16x16-dark-alt{
					margin-right: 10px;
					font-size: 13px;
				}
			}
		}
	}
}
.single-post{
	.single-wrapper{
		.page-links{
			font-size: 1.375rem;
		    display: table;
		    margin: 0 auto;
			padding-bottom: 95px;
			> a,
			> span{
				position: relative;
				padding: 0 16px;
				&:after{
					content: '';
					background-color: #DDDDDD;
					width: 1px;
					height: 30px;
					transform: rotate(15deg) translateY(-50%);
					display: inline-block;
					top: 50%;
					position: absolute;
					right: 3px;
				}
				&:last-child{
					&:after{
						display: none;
					}
				}
				&:first-child{
					&:after{
						display: none;
					}
				}
			}
		}
		.meta-tags{
			margin-top: 60px;
			max-width: 820px;
			margin: 0 auto;
			text-align: center;
			margin-bottom: 87px;
			font-size: 14px;
			a{
				padding: 4px 12px;
				border: 1px solid #DDDDDD;
				margin: 0 2px;
				display: inline-block;
				margin-bottom: 6px;
				transition: 0.2s ease-in-out;
				&:hover{
					border: 1px solid #000;
				}
			}
		}
	}
}
.related-articles{
	background-color: rgba(0,0,0,0.03);
	padding: 60px 15px;
	position: relative;
	margin: 0 0 80px 0;

	@include media-breakpoint-up(xl){
		padding: 120px 105px 60px 150px;
    	margin: 0 -115px 80px -115px;
    	z-index: 0;
	}
	.widget-vertical-title{
		text-transform: uppercase;
	    font-size: 13px;
	    display: block;
    	margin-bottom: 32px;
		@include media-breakpoint-up(xl){
			position: absolute;
		    -webkit-transform-origin: top left;
		    -ms-transform-origin: top left;
		    transform-origin: top left;
		    -webkit-transform: rotate(-90deg) translateX(-100%);
		    -ms-transform: rotate(-90deg) translateX(-100%);
		    transform: rotate(-90deg) translateX(-100%);
		    height: auto;
		    left: 110px;
		    margin: 0;
		}
	}
	.post-item{
		margin-bottom: 16px;
		display: flex;
		@include media-breakpoint-up(sm){
			display: block;
			margin-bottom: 50px;
		}
		@include media-breakpoint-up(xl){
			margin-bottom: 32px;
			padding: 0 9px;
		}
		.feature-img{
			position: relative;
			margin-right: 16px;
			max-height: 104px;
			@include media-breakpoint-up(sm){
				margin: 0;
				max-height: 100%;
			}
			@include media-breakpoint-up(xl){
				transition: 0.2s ease-in-out;
				opacity: 1;
				&:hover{
					opacity: 0.5;
				}
			}

			img{
				min-width: 104px;
				max-width: 104px;
				min-height: 104px;
				max-height: 104px;
				width: 104px;
				display: block;
				object-fit: cover;
				@include media-breakpoint-up(sm){
					width: 100%;
					min-width: 100%;
					max-width: 100%;
					min-height: 100%;
					max-height: 100%;

				}
			}
		}
		.post-details{
			.post-meta{
				@include media-breakpoint-up(sm){
					margin-top: 24px;
				}
				> a {
					font-size: 14px;
					color: #888888;
					display: inline;
					text-decoration: none;
					box-decoration-break: slice;
					line-height: 1.23;
					background-image: linear-gradient(to top, rgb(136, 136, 136) 1px, rgb(136, 136, 136) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
					background-repeat: no-repeat;
					background-position: 0 100%;
					background-size: 0% 100%;
					transition: background-size 0.2s ease-in-out;
					&:hover,
					&:focus {
						background-size: 100% 100%;
					}
				}
			}
			.post-title{
				font-size: 16px;
				@include media-breakpoint-up(sm){
					font-size: 1rem;
					margin-bottom: 16px;
				}
				@include media-breakpoint-up(xl){
					font-size: 1.35rem;
					margin-bottom: 24px;
					line-height: 0;
					a {
						display: inline;
						text-decoration: none;
						box-decoration-break: slice;
						line-height: 1.23;
						background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
						background-repeat: no-repeat;
						background-position: 0 100%;
						background-size: 0% 100%;
						transition: background-size 0.2s ease-in-out;
						&:hover,
						&:focus {
							background-size: 100% 100%;
						}
					}
				}
			}
			.post-content{
				font-size: 15px;
				@include media-breakpoint-up(xl){
					font-size: 0.9rem;
				}
			}
		}
		.read-more{
			font-size: 14px;
			border-bottom: 1px solid #000;
			display: inline-block;
			margin-top: 20px;
		}
	}
}
//COMMENTS SECTION
.comments-section{
	padding: 0 0 80px 0;
	overflow: hidden;

	@include media-breakpoint-up(lg) {
		margin-bottom: 30px;

	}
	.comments {
		overflow: hidden;
		max-width: 820px;
		margin: 0 auto;
		height: auto;
		.comments-pagination{
			margin: 32px 0 64px 0;
			h2.screen-reader-text{
				display: none;
			}
			.nav-links{
				ul{
					display: inline-block;
					list-style-type: none;
					li{
						float: left;
						position: relative;
						padding: 0 10px;
						&:after{
							content: '';
							background-color: #DDDDDD;
							width: 1px;
							height: 30px;
							transform: rotate(15deg) translateY(-50%);
							display: inline-block;
							top: 50%;
							position: absolute;
							right: 3px;
						}
						&:last-child{
							&:after{
								display: none;
							}
						}
						> a,
						> span{
							font-size: 0.9rem;
							line-height: 1.9rem;
							padding: 0 10px;
							text-align: center;
							display: inline-block;
							text-decoration: none;
							box-decoration-break: slice;
							background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
							background-repeat: no-repeat;
							background-position: 0 100%;
							background-size: 0% 100%;
							transition: background-size 0.2s ease-in-out;
							position: relative;
							&:hover{
								background-size: 100% 100%;
							}
						}
						.prev{
							.screen-reader-text{
								display: none;
							}
							&:before{
								content: "\e905";
								 font-family: '#{$icomoon-font-family}';
								font-size: 13px;
								color: #000;
							}
						}
						.next{
							.screen-reader-text{
								display: none;
							}
							&:before{
								content: "\e907";
								 font-family: '#{$icomoon-font-family}';
								font-size: 13px;
								color: #000;
							}
						}
						.current{
							&:before{
								content: '';
								display: block;
								width: 100%;
								height: 1px;
								background-color: #000;
								position: absolute;
								bottom: 0;
								left: 0;
								right: 0;
							}
						}
					}
				}
			}
		}
		.heading {
			width: 100%;
			padding-bottom: 30px;

			@include media-breakpoint-up(md) {
				padding-bottom: 48px;
			}
			.post-title {
				color: #000000;
				font-size: 0.9rem;
				line-height: 1.25rem;
				@include media-breakpoint-up(lg){
					font-size: 1.15rem;
					padding-top: 16px;
				}
			}
		}

		.comments-list {
			.pingback{
				margin-bottom: 32px;
				display: -webkit-box;
			    display: -ms-flexbox;
			    display: flex;
			    align-items: baseline;
				.comment-body{
					font-size: 0.9rem;
					padding-left: 20px;
					flex: 1;
					> a{
						display: inline;
						text-decoration: none;
						box-decoration-break: slice;
						line-height: 1.23;
						background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
						background-repeat: no-repeat;
						background-position: 0 100%;
						background-size: 0% 100%;
						transition: background-size 0.2s ease-in-out;
						&:hover,
						&:focus {
							background-size: 100% 100%;
							box-shadow: inset 0px -1px 0 0 transparent;
						}
					}
					.edit-link{
						color: #888888;
						font-size: 14px;
						line-height: 16px;
						@include media-breakpoint-up(sm) {
							transition: all 0.2s ease-in-out;
							position: relative;
							display: inline;
							&:after{
								content: '';
								width: 0;
								height: 1px;
								background-color: #888888;
								transition: 0.2s ease-in-out;
								position: absolute;
								bottom: -1px;
								left: 0;
							}
							&:hover{
								&:after{
									width: 100%;
								}
							}
						}
					}
				}
			}
			.comment {
				display: block;
				overflow: hidden;
				&.bypostauthor{
					.fn{
						&:after{
							content: 'Author';
							display: inline-block;
							border: 1px solid #DDDDDD;
							color: #000000;
							font-size: 13px;
							padding: 0 5px;
							margin-left: 10px;
							position: relative;
							vertical-align: text-bottom;
						}
					}
				}

				article {
					margin-bottom: 32px;

					.comment-meta {
						display: flex;
						align-items: center;
						flex-direction: column;
						@include media-breakpoint-up(sm) {
							flex-direction: row;
						}
						.comment-author {
							width: 100%;
							padding-left: 68px;
							position: relative;
							display: flex;
							@include media-breakpoint-up(sm){
								display: block;
								padding-left: 0;
							}
							img{
								border-radius: 50%;
								width: 48px;
								height: 48px;
								overflow: hidden;
								margin-right: 16px;
								min-width: 48px;
								max-width: 48px;
								position: absolute;
								left: 0;
								@include media-breakpoint-up(sm) {
									vertical-align: middle;
									margin-right: 24px;
									position: relative;
								}
							}
							.fn{
								vertical-align: top;
								color: #000000;
								font-size: 0.95rem;
								line-height: 1.1rem;
								transition: all 0.2s ease-in-out;
								margin-bottom: 8px;
								@include media-breakpoint-up(sm){
									position: relative;
									vertical-align: middle;
									margin-bottom: 0;

									a{
										&:after{
											content: '';
											width: 0;
											height: 1px;
											background-color: #000;
											transition: 0.2s ease-in-out;
											position: absolute;
											bottom: -1px;
											left: 0;
										}
										&:hover{
											&:after{
												width: 100%;
											}
										}
									}
								}
							}
							.says{
								display: none;
							}
						}

						.comment-metadata {
							display: inline-block;
							width: 100%;
    						padding-left: 69px;
							@include media-breakpoint-up(sm) {
								padding-left: 0;
								text-align: right;
							}
							> a,
							.edit-link {
								color: #888888;
								font-size: 14px;
								line-height: 16px;
								display: block;
								@include media-breakpoint-up(sm) {
									transition: all 0.2s ease-in-out;
									position: relative;
									display: inline-block;
									&:after{
										content: '';
										width: 0;
										height: 1px;
										background-color: #888888;
										transition: 0.2s ease-in-out;
										position: absolute;
										bottom: -1px;
										left: 0;
									}
									&:hover{
										&:after{
											width: 100%;
										}
									}
								}
							}
							.edit-link{
								margin-top: 10px;
								@include media-breakpoint-up(sm){
									margin-top: 0;
									margin-left: 20px;
								}
							}
						}
					}

					.comment-content {
						margin-top: 15px;
						pre{
							white-space: pre-wrap;
							white-space: -moz-pre-wrap;
							white-space: -pre-wrap;
							white-space: -o-pre-wrap;
							word-wrap: break-word;
							font-size: 17px;
							margin-bottom: 32px;

						}
						hr{
							border-bottom: 1px solid #DDDDDD;
							border-top: none;
							border-left: none;
							border-right: none;

						}
						h1,h2,h3,h4,h5,h6,table,dl,address,hr,pre{
							max-width: 820px;
				    		margin: 0 auto 32px auto;
						}
						> ol{
							max-width: 816px;
				    		margin: 0 auto 32px auto;
				    		list-style-position: inside;
				    		li{
				    			ol{
				    				padding-left: 32px;
				    			}
				    		}
						}
						> ul{
							max-width: 816px;
				    		margin: 0 auto 32px auto;
							li{
								&:before{
									content: '';
									width: 5px;
									height: 5px;
									background-color: #000;
									position: relative;
									display: inline-block;
									border-radius: 50%;
									top: 50%;
									transform: translateY(-50%);
									margin-right: 15px;
								}
								ul{
									padding-left: 32px;
								}
							}
						}
						code{
							font-size: 0.9rem;
						}
						table{
							text-align: left;
							border-collapse: collapse;
							table-layout: auto;
							width: 100%;
							font-size: 0.9rem;
							thead{
								color: #888888;
							}
							tr{
								th,td{
									padding: 16px 0;
								}
							}
						}
						dl{
							font-size: 1rem;
							dd{
								margin-left: 32px;
							}
						}
						@include media-breakpoint-up(sm) {
							padding-left: 77px;
						}

						p {
							color: #000000;
							margin-bottom: 15px;
							font-size: 0.9rem;
						}
					}

					.reply {

						@include media-breakpoint-up(sm) {
							padding-left: 77px;
						}

						a {
							font-size: 14px;
							color: #888888;
							border-bottom: 1px solid transparent;
							transition: all 0.2s ease-in-out;
							&:hover{
								border-bottom: 1px solid #888888;
							}
						}
					}
				}

			.children {
				padding-left: 25px;
				border-left: 1px solid #DDDDDD;
				margin-bottom: 32px;
				@include media-breakpoint-up(sm) {
					padding-left: 72px;
					border: none;
					margin-bottom: 0;
				}
			}
		}
	}
}

    //COMMENTS FORM
	.comments-form {
		.reply-title {
			color: #000000;
			padding-bottom: 15px;
			font-size: 1.15rem;
			@include media-breakpoint-up(md) {
				font-size: 1.65rem;
			}
		}
		.comment-form {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding-top: 25px;
			@include media-breakpoint-up(md) {
				padding-top: 32px;
			}
			.comment-form-author,
			.comment-form-email,
			.comment-form-url{
				width: 100%;
				@include media-breakpoint-up(md){
					width: 32%;
				}
			}
			.comment-form-comment,
			.comment-form-author,
			.comment-form-email,
			.comment-form-url{
				label{
					display: none;
				}
				input{
					display: block;
					width: 100%;

				}
			}
			.comment-form-cookies-consent{
				display: none;
			}
			> p{
				margin-bottom: 10px;
				width: 100%;
				@include media-breakpoint-up(md){
					margin-bottom: 32px;
				}
			}

			.comment-notes {
				color: #888888;
				font-size: 0.9rem;
				width: 100%;
			}
			.comment-form-comment{
				width: 100%;
			}

			.form-submit{
				input {
					width: 100%;
					padding: 21px 0;
					line-height: initial;
				}
			}
		}
	}
}
//CART
.col-woo{
	max-width: 1130px;
    margin: 0 auto;
    width: 100%;
    //padding: 0 15px;
}
body.woocommerce{
	.entry-header{
		max-width: 1070px;
		margin: 0 auto;
		.single-title{
			font-size: 1.45rem;
			padding: 64px 0 32px;
			text-align: left;
			margin: 0;
			@include media-breakpoint-up(lg){
				font-size: 2rem;
				padding: 64px 0;
			}
			.entry-title{
				max-width: 1100px;
			}
		}
	}
}
body.woocommerce-cart{

	.entry-header{
		//max-width: 1100px;
		//margin: 0 auto;
		.single-title{
			padding: 30px 0 64px 0;
		}
		/*.entry-title{
			font-size: 1.5rem;
			@include media-breakpoint-up(lg){
				font-size: 2rem;
			}
		}*/
	}

	.entry-content{
		width: 100%;
		@include media-breakpoint-up(lg) {
			max-width: 1100px;
			margin: 0 auto;
		}

		.woocommerce{
			.cart-empty{
				font-size: 47.78px;
				line-height: 1.4;
				text-align: center;
				margin-bottom: 32px;
				padding: 50px;
			}
			.return-to-shop{
				text-align: center;
				a{
					display: inline-block;
					font-size: 1.075rem;
					background-size: 0;
					background-repeat: no-repeat;
					background-position: 0 100%;
					background-size: 100% 100%;
					transition: background-size 0.2s ease-in-out;
					&:hover {
						background-size: 0% 100%;
					}
				}
			}
			.woocommerce-cart-form {
				table{
					width: 100%;
					position: relative;
					max-width: 100%;
					thead{
						display: none;
						@include media-breakpoint-up(md){
							display: table-header-group;
							text-align: left;
							tr{
								th{
									font-size: 16px;
									color: #888888;
									padding: 16px 0;
									text-align: left;
									&.product-remove{
										position: absolute;
										left: 0;
									}
									&.product-thumbnail{

									}
									&.product-name{
										position: relative;
  										transform: translateX(-7em);
  										text-align: left;
									}
									&.product-price{
										width:12.3%;
									}
									&.product-quantity{
										width:14%;
									}
									&.product-subtotal{
										width:17.5%;
										text-align: right;
									}
								}

							}
						}
					}
					tbody{
						tr{
							border: none;
							@include media-breakpoint-up(md){
								&:hover{
									td{
										&.product-remove{
											opacity: 1;
											visibility: visible;
										}
									}
								}
							}
						}
						.cart_item{
							width: 100%;
    						display: block;
    						padding: 32px 0;
    						margin-top: 20px;
    						border-top: 1px solid #DDDDDD;
    						@include media-breakpoint-up(md){
								display: table-row;
								border: none;
								&:first-child{
									td{
										padding: 32px 16px 0 0;
										&.product-thumbnail{
											padding: 32px 16px 0 0;
										}
										&.product-remove{
											.remove{
												top: 41px;
											}
										}
									}

								}
							}
							td{
								width: 100%;
								display: table;
								text-align: right;
								margin-bottom: 16px;
								@include media-breakpoint-up(md){
									vertical-align: middle;
									width: auto;
									display: table-cell;
									text-align: left;
									margin-bottom: 0;
									padding: 16px 16px 0 0;
								}
								&.product-remove{
									position: relative;
									padding: 0;
									z-index: 2;
									@include media-breakpoint-up(xl){
										opacity: 0;
										visibility: hidden;
										transition: opacity 0.2s ease-in-out;
										width: 1px  !important;

									}
									.remove{
										font-size: 0;
										display: inline-block;
										&:before{
											content: '\e921';
											font-family: '#{$icomoon-font-family}';
											speak: none;
											font-style: normal;
											font-weight: normal;
											font-variant: normal;
											text-transform: none;
											line-height: 1;
											font-size: 11px;
											color: #000;
											transition: 0.2s ease-in-out;
											display: block;
										}
										&:hover{
											&:before{
												transform: rotate(-90deg);
											}
										}
										@include media-breakpoint-up(md){
											position: absolute;
											top: 25px;
											left: 10px;
										}
									}
								}
								&.product-thumbnail{
									text-align: center;
									margin-bottom: 32px;
									vertical-align: baseline;
									img{
										width: 160px;
										height: 200px;
										object-fit: cover;
										display: inline-block;
										transition: 0.2s ease-in-out;
										&:hover{
											opacity: 0.5;
										}
									}
									@include media-breakpoint-up(md){
										width: 112px;
										position: relative;
										text-align: left;
										margin-bottom: 0;
										padding: 16px 16px 0 0;
										a{
											display: block;
											transition: 0.2s ease-in-out;
											img{
												width: 96px;
												height: 123px;
												display: block;
												object-fit: cover;
											}
										}
									}
								}
								&.product-name{
									&:before{
										content: attr(data-title);
										width: 50%;
										display: table-cell;
										vertical-align: baseline;
										font-size: 16px;
										color: #888888;
										text-align: left;
										@include media-breakpoint-up(md){
											display: none;
										}

									}

									.backorder_notification {
										font-size: 13px;
									}

									a{
										font-size: 16px;
										display: inline;
										@include media-breakpoint-up(md){
											font-size: 0.9rem;
											display: inline;
											text-decoration: none;
											box-decoration-break: slice;
											line-height: 1.25rem;
											background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
											background-repeat: no-repeat;
											background-position: 0 100%;
											background-size: 0% 100%;
											transition: background-size 0.2s ease-in-out;
											&:hover{
												background-size: 100% 100%;
											}
										}

									}
								}
								&.product-price{
									font-size: 16px;
									&:before{
										content: attr(data-title);
										width: 50%;
										display: table-cell;
										vertical-align: middle;
										font-size: 16px;
										color: #888888;
										text-align: left;
									}
									@include media-breakpoint-up(md){
										font-size: 0.9rem;
										&:before{
											display: none;
										}
									}
									.subscription-details{
										display: block;
										font-size: 13px;
										line-height: 1.6;
									}
								}
								&.product-quantity{
									font-size: 16px;
									color: #888888;
									.quantity{
										&.custom{

										}
									}
									.increase,
									.decrease{
										width: 20px;
										display: inline-block;
										text-align: center;
										color: #888888;
										&:hover{
											color: #000;
										}
									}
									input[type=number]{
										width: 20px;
										@include media-breakpoint-down(sm) {
											margin: 0 0 0 auto;
										}
										@include media-breakpoint-up(md) {
											&:not(.custom-qty) {
												width: 70px;
												height: 64px;
												line-height: 25px;
												font-size: 16px;
											}
										}

										border: none;
										text-align: center;
										color: #000;
										-moz-appearance: textfield;
										margin: 0;
										box-shadow: none;
										padding: 0;

										&:hover,
										&:focus	{
											border-color: transparent;
										}
										&.custom-qty {
											background-image: none;
											border: none;
											box-shadow: none;
										}
									}
									input[type="number"]::-webkit-outer-spin-button,
									input[type="number"]::-webkit-inner-spin-button {
									  -webkit-appearance: none;
									  margin: 0;
									}
									&:before{
										content: attr(data-title);
										width: 50%;
										display: table-cell;
										vertical-align: middle;
										font-size: 16px;
										color: #888888;
										text-align: left;
										@include media-breakpoint-up(md){
											display: none;
										}
									}
									.screen-reader-text{
										display: none;
									}
								}
								&.product-subtotal{
									text-align: right;
									padding-right: 0;
									font-size: 16px;
									margin-bottom: 0;
									&:before{
										content: attr(data-title);
										width: 50%;
										display: table-cell;
										vertical-align: middle;
										font-size: 16px;
										color: #888888;
										text-align: left;
									}
									@include media-breakpoint-up(md){
										font-size: 0.9rem;
										&:before{
											display: none;
										}
									}
									.subscription-details{
										display: block;
										font-size: 13px;
										line-height: 1.6;
									}
								}
							}
						}
						.actions{
							height: 170px;
							vertical-align: baseline;
							padding: 32px 0 0 0;
							> button[type="submit"]{
								width: 100%;
							    background: none;
							    background: #ddd;
							    border: 1px dotted #ddd !important;
							    color: #888888;
							    height: 64px;
							    &:disabled{
							    	cursor: not-allowed;
							    	background: none;
							    }
							}
							.coupon{
								position: absolute;
								bottom: 0;
								width: 100%;
								display: flex;
								align-items: center;
								transition: 0.2s ease-in-out;
								box-shadow: inset 0 -1px 0 0 #DDDDDD;
								background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
							    background-repeat: no-repeat;
							    background-position: 0 100%;
							    background-size: 0 100%;
								&:hover{
							        box-shadow: inset 0 -1px 0 0 transparent;
							        background-size: 100% 100%;
							    }
								@include media-breakpoint-up(xl){
									width: 470px;
								}
								label{
									display: none;
								}
								input[type="text"]{
									line-height: 64px;
									border: none;
									font-size: 16px;
									color: #888888;
									flex: 1;
									outline: none;
									margin: 0;
									box-shadow: none;
									padding: 0;
									background: none;
									&:focus{
										color: #000;
										&~ .coupon{
									        box-shadow: inset 0 -1px 0 0 transparent;
									        background-size: 100% 100%;
										}
									}
								}
								.button{
									height: 59px;
									font-size: 0.9rem;
									// color: #000;
									display: inline-block;
									border: none;
									padding: 0;
									cursor: pointer;
									outline: none;
									background-color: transparent;
								}
							}
							.update-cart{
								width: 100%;
								border: 1px solid #DDDDDD;
								border-radius: 1px;
								line-height: 3.2rem;
								font-size: 0.9rem;
								position: relative;
								top: 32px;
								left: 0;
								background-color: #fff;
								@include media-breakpoint-up(md){
									position: absolute;
								}
							}
						}
					}
				}
			}
			.cart-collaterals{
				display: flex;
    			flex-direction: column-reverse;
				table{
					width: 100%;
					text-align: left;
					margin-bottom: 45px;
					max-width: 100%;
				}
				.cross-sells{
				    padding: 60px 15px;
					position: relative;
					margin: 0 0 80px 0;
					@include media-breakpoint-up(xl){
						width: 100vw;
					    margin-left: 50%;
					    transform: translateX(-50%);
					    padding: 120px 110px 0px 155px;
					    z-index: 0;
					}
				    > h2{
					    text-transform: uppercase;
					    font-size: 13px;
					    display: block;
				    	margin-bottom: 32px;
						@include media-breakpoint-up(xl){
							position: absolute;
						    -webkit-transform-origin: top left;
						    -ms-transform-origin: top left;
						    transform-origin: top left;
						    -webkit-transform: rotate(-90deg) translateX(-100%);
						    -ms-transform: rotate(-90deg) translateX(-100%);
						    transform: rotate(-90deg) translateX(-100%);
						    height: auto;
						    left: 110px;
						    margin: 0;
						}
				    }
				}
				.cart_totals{
					p {
						word-break: break-all;
					}
					@include media-breakpoint-up(xl){
						top: -75px;
						width: 100%;
						max-width: 50%;
						margin-left: auto;
						margin-top: 0;
						position: relative;
					}
					> h2{
						display: none;
					}
					th, td {
						padding: 0 0 32px 0;
					}
					.cart-subtotal{
						font-size: 16px;
						border: none;
						margin: 0;
						th{
							color: #888888;
							//padding: 0;
							width: 50%;
							vertical-align: baseline;
							@include media-breakpoint-up(md){
								width: 50%;
								text-align: left;
							}

						}
						td{
							text-align: right;
							color: #000000;
							vertical-align: baseline;
							//padding: 0;
						}

					}
					.cart-discount{
					    border: none;
					    th{
					    	font-size: 16px;
					    	color: #888888;
						    padding: 0 0 32px 0;
						    width: 50%;
						    vertical-align: baseline;
					    }
					    td{
					    	padding: 0 0 32px 0;
					    	font-size: 16px;
					    	.woocommerce-remove-coupon{
					    		color: #888888;
					    		position: relative;
					    		background-image: linear-gradient(to top, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 1px, rgba(255,255,255, 0) 1px, rgba(255,255,255, 0) 1px);
								background-repeat: no-repeat;
								background-position: 0 100%;
								background-size: 0 100%;
								transition: all 0.2s ease-in-out;
								background-color: transparent;
								margin-left: 10px;
							   	&:hover{
					    			background-size: 100% 100%;
					    		}
							   	&:before{
									content: '\e90a';
									font-family: "icomoon" !important;
									speak: none;
									font-style: normal;
									font-weight: normal;
									font-variant: normal;
									text-transform: none;
									line-height: 1;
									font-size: 9px;
									margin-right: 5px;
									position: relative;
									top: -1px;
				    			}

					    	}
					    }
					}
					.shipping{
						border: none;
						.woocommerce-shipping-destination{
							font-size: 13px;
							color: #888888;
							strong{
								font-weight: normal;
							}
						}
						#shipping_method{
							list-style-type: none;
							margin: 0;
							> li{
								font-size: 16px;
								line-height: 32px;
								input{
									visibility: hidden;
									opacity: 0;
									position: absolute;
									&:checked ~ label:before{
										content: '';
									    display: inline-block;
									    position: relative;
									    border-radius: 50%;
									    border: 2px solid #000;
									    background-color: #000;
									    transition: 0.2s ease-in-out;
									    box-shadow: inset 0px 0px 0px 2px #fff;
									}
									&[type="hidden"]{
										color: #e34;
										~ label{
											cursor: auto;
											&:before{
												display: none;
											}
										}
									}
								}
								label{
									cursor: pointer;
									&:before{
										content: '';
									    display: none;
									    width: 12px;
									    height: 12px;
									    position: relative;
									    display: inline-block;
									    border-radius: 50%;
									    margin-right: 15px;
									    border: 1px solid #000;
									    transition: 0.2s ease-in-out;
									}
									&:hover{
										&:before{
											border: 2px solid #000;
										    background-color: #000;
										    transition: 0.2s ease-in-out;
										    box-shadow: inset 0px 0px 0px 2px #fff;
										}
									}
								}
							}
						}
						th{
							color: #888888;
							font-size: 16px;
							vertical-align: baseline;
							//padding: 0;
							text-align: left;
						}
						td{
							//padding: 0;
							text-align: right;

							* {
								text-align: initial;
							}
						}
						.woocommerce-shipping-calculator {
							.shipping-calculator-button {
								text-align: right;
								font-size: 16px;
								color: #888888;
								border: none;
								margin: 10px 0;
								display: inline;
								outline: none;
								background-size: 100% 100%;
								background-position: 0 100%;
								transition: background-size 0.2s ease-in-out;
								background-repeat: no-repeat;
								&:hover {
									background-size: 0 100%;
								}
							}
							.shipping-calculator-form{
								padding: 16px 0 0 0;
								.country_select{
									width: 100%;
								}
								.form-row{
									margin-bottom: 20px;
									.select2-selection.select2-selection--single{
										border: 1px solid #DDDDDD;
										padding: 5px 10px;
										font-size: 13px;
										box-shadow: none;
										background: none;
									}
									.select2-selection.select2-selection--single .select2-selection__rendered{
										line-height: 36px;
									}
									input{
										height: 40px;
										font-size: 13px;
										width: 100%;
										border: 1px solid #DDDDDD;
										padding: 0 10px;
										outline: none;
										color: #888888;
										margin: 0;
										box-shadow: none;
										background: none;
									}
								}
								p:not(.form-row) .button{
									text-align: center;
									height: 40px;
									width: 100%;
									outline: none;
									cursor: pointer;
									font-size: 14px;
									border: 1px solid #000;
									transition: 0.2s ease-in-out;
									line-height: 0;
								}
							}
						}
					}
					.order-total{
						border: none;
						strong{
							font-weight: normal;
						}

						th{
							color: #888888;
							font-size: 16px;
							vertical-align: middle;
							padding: 0;
							text-align: left;
						}
						td{
							text-align: right;
							font-size: 13px;
							color: #000000;
							line-height: 1.6;
							vertical-align: middle;
							padding: 0;
							span{
								color: #000000;
								font-size: 1.375rem;
							}
							strong{
								> span{
									display: block;
								}
							}
						}
					}
					.recurring-totals{
						border: 0;
						th{
							padding: 34px 16px 40px 0;
						}
					}
					.fee{ // pre-order
						border: none;
						strong{
							font-weight: normal;
						}

						th{
							color: #888888;
							font-size: 16px;
							vertical-align: middle;
							padding: 0;
							text-align: left;
						}
						td{
							font-size: 0.8rem;
						}
					}
					.wc-proceed-to-checkout{
						line-height: 3.2rem;
						font-size: 0.9rem;
						text-align: center;
						width: 100%;

						a{
							display: block;
							transition: 0.2s ease-in-out;

							&:hover{
								opacity: 0.8;
							}
						}
					}
					.continue-shopping{
						display: table;
						margin: 0 auto;
						font-size: 0.9rem;
						line-height: 1.5rem;
						margin-top: 24px;
						position: relative;
		                line-height: 1.23;
		                background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
		                background-repeat: no-repeat;
		                background-position: 0 100%;
		                background-size: 100% 100%;
		                transition: background-size 0.2s ease-in-out;
		                &:hover{
		                    background-size: 0 100%;
		                }
					}
				}
			}
		}
	}
}
//INTERESTED IN SECTION
.section-interested-in{
	padding: 65px 0 0 0;
	position: relative;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	@include media-breakpoint-up(xl){
		padding: 100px 0 100px 60px;
		flex-wrap: nowrap;
	}
	@include media-breakpoint-up(lg){

	}
	.widget-vertical-title{
		left: 20px;
		width: 100%;
		@include media-breakpoint-up(xl){
			width: auto;
		}
	}
	.int-wrapper{
		margin-bottom: 48px;
		width: 48%;
		@include media-breakpoint-up(sm){
			width: 32%;
		}
		@include media-breakpoint-up(xl){
			width: 15%;
			margin-bottom: 0;
		}
	}
	.int-item{
		text-align: center;
		.image-box{
			opacity: 1;
			transition: 0.2s ease-in-out;
			&:hover{
				opacity: 0.5;
			}
			img{
				width: 100%;
				object-fit: cover;
			}
		}
		.heading-6{
			margin-top: 16px;
			a{
				border-bottom: 1px solid transparent;
				transition: 0.2s ease-in-out;
				&:hover{
					border-bottom: 1px solid #000;
				}
			}
		}
		.price{
			margin-top: 5px;
			display: inline-block;
		}
	}
}
//CHECKOUT PAGE
body.woocommerce-checkout{
	#wc-stripe-cc-form{
		padding-top: 14px;
		.woocommerce_error{
			padding: 25px 80px 25px 60px;
			margin-bottom: 0;
		}
	}
	.entry-header{
		max-width: 1100px;
		margin: 0 auto;
		.single-title{
			padding: 30px 0 64px 0;
		}
		.entry-title{
			font-size: 1.5rem;
			@include media-breakpoint-up(lg){
				font-size: 2rem;
			}
		}
	}
	.entry-content{
		.woocommerce{
			position: relative;
			overflow: auto;
		}
		.woocommerce-checkout{
			overflow: auto;
			margin-top: 64px;
		}
		.col-1,
		.col-2{
			max-width: 100%;
			flex: 100%;
			padding: 0;
		}
		.col2-set{
			width: auto;
			float: left;
			margin-right: auto;
		}
		.woocommerce-form-coupon-toggle,
		.woocommerce-form-login-toggle
		{
		    .woocommerce-info
		    {
		    	font-size: 0.9rem;
		        padding: 0 0 0 40px;
		        a {
		        	margin-right: 0;
		        }
		        &:before{
		        	top: 2px;
    				left: 0;
    				@include media-breakpoint-up(xl){
			            top: 6px;
			        }
		        }
		        @include media-breakpoint-up(lg){
		        	font-size: 1.075rem;
		            padding: 0 48px 0 40px;
		        }
		    }
		}
		.woocommerce-info{
			width: 100%;
			position: relative;
			margin-bottom: 16px;
			a{
				display: inline;
                line-height: 1.23;
                background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
                background-repeat: no-repeat;
                background-position: 0 100%;
                background-size: 100% 100%;
                transition: background-size 0.2s ease-in-out;
                &:hover{
                    background-size: 0 100%;
                }
			}
			span{
				.icon-info-24x24{
					font-size: 1.2rem;
					display: inline-block;
					margin-left: 1px;
					position: relative;
					top: 4px;
					margin-right: 10px;
				}
			}
		}
		.woocommerce-form-login{
			margin: 0;
			padding: 32px 0;
			width: 100%;
			max-width: 100%;
			p{
				margin-bottom: 16px;
				font-size: 16px;
				.button{
					line-height: 48px;
					padding: 0 50px;
					font-size: 16px;
					border: none;
					background-color: #000;
					color: #fff;
					margin-right: 20px;
					outline: none;
					cursor: pointer;
					transition: 0.2s ease-in-out;
					&:hover{
						opacity: 0.8;
					}
				}
				> label{
					display: none;
				}
			}
			.lost_password{
				a{
		            background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
		            background-repeat: no-repeat;
		            background-position: 0 100%;
		            background-size: 0 100%;
		            transition: background-size 0.2s ease-in-out;
					&:hover{
						background-size: 100% 100%;
					}
				}
			}
			.clear{
				clear: both;
			}
			.woocommerce-button{
				width: auto;
			}
			.form-row-first{
				margin-bottom: 16px;
			}
			.form-row-first,
			.form-row-last{
				order: 0;
			}
			@include media-breakpoint-up(lg){
				width: 50%;
				padding: 32px 48px 32px 0;
				.form-row-first{
					width: 47%;
					margin-right: 3%;
					float: left;
					margin-bottom: 0;
				}
				.form-row-last{
					width: 47%;
					margin-left: 3%;
					float: left;
				}
			}
		}
		.checkout_coupon{
			padding: 32px 0;
			display: flex;
			align-items: center;
			width: 100%;
			flex-wrap: wrap;
			p{
				margin-bottom: 16px;
				width: 100%;
				font-size: 16px;
			}
			.button{
				line-height: 48px;
				padding: 0 20px;
				font-size: 16px;
				border: none;
				background-color: #000;
				color: #fff;
				outline: none;
				cursor: pointer;
				transition: 0.2s ease-in-out;
				&:hover{
					opacity: 0.8;
				}
			}
			@include media-breakpoint-up(lg){
				width: 50%;
				padding: 32px 48px 32px 0;
				.button{
					padding: 0 30px;
				}
			}
		}
		.form-row{
			input:not([type="checkbox"]){
				width: 100%;
				font-size: 16px;
				margin-bottom: 0;
			}

		}
		.woocommerce-billing-fields{
			> h3{
				font-size: 1.15rem;
				margin-bottom: 35px;
				@include media-breakpoint-up(lg){
					font-size: 1.375rem;
				}
			}
		}
		.woocommerce-account-fields{
			#account_password_field{
				> label{
					display: none;
				}
			}
		}
		.woocommerce-shipping-fields{
			.woocommerce-form__label-for-checkbox{
				> span{
					font-size: 0.9rem;
				}
			}
			#ship-to-different-address{
				.woocommerce-form__input-checkbox{
					-webkit-appearance: checkbox;
					top: -2px;
					opacity: 0;
				    visibility: hidden;
				    position: absolute;
				    width: 0;
				    margin: 0;
					&:checked ~ span:before{
						background-color: #000;
						box-shadow: inset 0 0 0 2px #fff;
					}
				}
				span{
					position: relative;
					padding-left: 26px;
					&:before{
						content: '';
						border: 1px solid #000;
						width: 14px;
						height: 14px;
						display: inline-block;
						position: absolute;
						top: 3px;
						left: 0;
					}
				}
			}
		}
		.woocommerce-billing-fields,
		.woocommerce-shipping-fields{
			.form-row{
				position: relative;
				> label{
					color: #888888;
				    clip: unset;
					clip-path: unset;
					cursor: text;
					display: block;
				    height: auto;
					top: 8px;
					left: 0;
					margin: 0;
					padding: 0;
					position: absolute;
					pointer-events: none;
					transition: all .2s ease-in-out;
					width: 100%;
					&.screen-reader-text{
						.optional{
							display: none;
						}
					}
				}
				.woocommerce-input-wrapper{
					input[type="text"],
					input[type="email"],
					input[type="number"],
					input[type="tel"]{
						&::placeholder{
							opacity: 0;
						}
						&::-webkit-input-placeholder{
							opacity: 0;
						}
						&:-moz-placeholder{
							opacity: 0;
						}
						&::-moz-placeholder{
							opacity: 0;
						}
						&:-ms-input-placeholder{
							opacity: 0;
						}
						&::-ms-input-placeholder{
							opacity: 0;
						}
						&:focus{
							padding: 35px 0 10px;
						}
						&:not(:placeholder-shown){
							padding: 35px 0 10px;
						}
					}
					.select2{
						min-height: 70px;
						.select2-selection{
							min-height: 70px;
							padding: 35px 0 15px;
							.select2-selection__arrow{
								top: 36px;
							}
						}
					}
				}
			}
		}
		.notes{
			> label{
				display: none;
			}
			textarea{
				width: 100%;
				min-width: 100%;
				min-height: 176px;
				font-size: 16px;
				outline: none;
				line-height: 30px;
				max-width: 100%;
			}
		}
		#order_review_heading{
			font-size: 1.375rem;
			margin-bottom: 35px;
			@include media-breakpoint-up(lg){
				width: 50%;
				padding: 0 0 0 48px;
				position: absolute;
				right: 0;
				margin: 0;
			}

		}
		.woocommerce-checkout-review-order{
			.woocommerce-checkout-payment{
				> h3{
					font-size: 1.375rem;
					margin-bottom: 32px;
				}
				.woocommerce-privacy-policy-text{
					margin-top: 16px;
					p{
						font-size: 16px;
					}
				}
				.woocommerce-terms-and-conditions-wrapper{
					.woocommerce-terms-and-conditions-checkbox-text{
						font-size: 16px;
						position: relative;
						padding-left: 26px;
						&:before{
							content: '';
							border: 1px solid #000;
							width: 14px;
							height: 14px;
							display: inline-block;
							position: absolute;
							top: 3px;
							left: 0;
						}
					}
					.woocommerce-form__input-checkbox{
						-webkit-appearance: checkbox;
						top: -2px;
						opacity: 0;
					    visibility: hidden;
					    position: absolute;
					    width: 0;
					    margin: 0;
						&:checked ~ span:before{
							// background-color: #000;
							// box-shadow: inset 0 0 0 2px #fff;
						}
					}
					.woocommerce-terms-and-conditions{
						background-color: rgba(0, 0, 0, 0.03);
						padding: 30px 35px;
						margin-bottom: 16px;
						h1,h2,h3,h4,h5,h6,
						p,span,a,
					   	li,address,
					   	tr,td,th,
					   	dt,dd,dl,
					   	code,pre,
					   	img,div,
					   	blockquote{
					   		font-size: 13px;
					   		line-height: 1.7;
					   	}
				   }
				}
				.wc_payment_methods{
					list-style-type: none;
					> li{
						overflow: auto;
						&.woocommerce-notice {
							font-size: 0.9rem;
							line-height: 1.6;
							width: 100%;
						}
						> input{
							opacity: 0;
							position: absolute;
							&:checked ~ label:before{
								content: '';
							    display: inline-block;
							    border: 2px solid #000;
							    background-color: #000;
							    transition: 0.2s ease-in-out;
							    box-shadow: inset 0px 0px 0px 2px #fff;
							}
						}
						> input.input-radio{
							visibility: hidden;
						}
						input[type="checkbox"]{
							background-image: none;
							border: 1px solid;
							width: 14px !important;
						}
						> label{
							display: inline;
							font-size: 16px;
							cursor: pointer;
							&:before{
								content: '';
							    display: none;
							    width: 12px;
							    height: 12px;
							    position: relative;
							    display: inline-block;
							    border-radius: 50%;
							    margin-right: 15px;
							    border: 1px solid #000;
							    transition: 0.2s ease-in-out;
							    top: 1px;
							}
							&:hover{
								&:before{
									border: 2px solid #000;
								    background-color: #000;
								    transition: 0.2s ease-in-out;
								    box-shadow: inset 0px 0px 0px 2px #fff;
								}
							}
						}
						img{
							display: inline;
							float: right;
							max-width: 40px !important;
						    margin: 0;
						}
						.payment_box{
							padding: 16px 0;
							@include media-breakpoint-up(md){
								padding: 16px 0 16px 31px;
							}
							p{
								color: #888888;
								font-size: 15px;
								margin-bottom: 0;
							}
							.wc-payment-form{
								.form-row{
									margin-bottom: 14px;
								}
							}
						}
						&.payment_method_authnet{
							.wc-credit-card-form{
								margin: 14px 0;
							}
							.form-row label{
								display: none;
							}
						}
						&.payment_method_ppec_paypal{
							img{
								display: none;
							}

						}
						&.payment_method_stripe{
							label[for=payment_method_stripe]{
								padding-left: 0 !important;
								display: inline !important;

								img {
									max-width: 35px !important;
									vertical-align: middle;
								}
							}
							ul{
								list-style-type: none;
								padding-left: 0;
							}
							fieldset{
								label{
									cursor: text;
									&:before{
										display: none;
									}
								}
								.wc-stripe-elements-field{
									padding: 10px 0;
									border: none;
									box-shadow: inset 0 -1px 0 0 #DDDDDD;
									margin: 0 0 16px 0;
								}
							}
						}
						&.payment_method_stripe_sepa{
							img.stripe-icon{
								margin-top: 8px !important;
							}
						}
						&.payment_method_paypal{
							img{
								max-width: 102px !important;
							}
							.about_paypal{
								background-color: transparent;
								background-repeat: no-repeat;
								background-position: 0 100%;
								background-size: 100% 100%;
								margin-left: 5px;
								transition: background-size 0.2s ease-in-out;
								&:hover{
									background-size: 0 100%;
								}
							}
						}
					}
				}
				.place-order{
					#place_order{
						border: none;
						background-color: #000;
						color: #fff;
						font-size: 0.9rem;
						line-height: 3.2rem;
						width: 100%;
						outline: none;
						cursor: pointer;
						margin-top: 32px;
						transition: 0.2s ease-in-out;
						&:hover{
							opacity: 0.8;
						}
					}
				}
			}
			.woocommerce-checkout-review-order-table{
				width: 100%;
				text-align: left;
				border-collapse: collapse;
				thead{
					display: none;
				}
				.cart_item{
					font-size: 16px;
					border: none;
					&:last-child{
						border-bottom: 1px solid #DDDDDD;
						td{
							padding-bottom: 32px;
						}
					}
					td{
						padding: 0 16px 16px 0;
						vertical-align: baseline;
					}
					.product-name{
						width: 70%;
						color: #888888;
						strong{
							color: #000;
							font-weight: normal;
							display: inline-block;
						}
					}
					.product-total{
						text-align: right;
						padding-right: 0;
					}
				}
				tfoot{
					tr{
						border: none;
						strong{
							font-weight: normal;
						}
						th{
							text-align: left;
						}
					}
					.cart-subtotal{
						font-size: 16px;
						th{
							color: #888888;
							padding: 32px 0;
							width: 50%;
						}
						td{
							padding-right: 0;
							text-align: right;
							color: #000000;
						}

					}
					.cart-discount{
						font-size: 16px;
						color: #888888;
						th{
							padding: 0 0 32px 0;
						}
						td{
							padding: 0 0 32px 0;
							color: #000;
						}
						.woocommerce-remove-coupon{
							font-size: 16px;
				    		color: #888888;
				    		position: relative;
				    		background-image: linear-gradient(to top, rgba(0,0,0,0.5) 1px, rgba(0,0,0,0.5) 1px, rgba(255,255,255, 0) 1px, rgba(255,255,255, 0) 1px);
							background-repeat: no-repeat;
							background-position: 0 100%;
							background-size: 0 100%;
							transition: all 0.2s ease-in-out;
							background-color: transparent;
							margin-left: 10px;
						   	&:hover{
				    			background-size: 100% 100%;
				    		}
						   	&:before{
								content: '\e90a';
								font-family: "icomoon" !important;
								speak: none;
								font-style: normal;
								font-weight: normal;
								font-variant: normal;
								text-transform: none;
								line-height: 1;
								font-size: 9px;
								margin-right: 5px;
								position: relative;
								top: -1px;
			    			}

				    	}
					}
					.shipping{
						#shipping_method{
							list-style-type: none;
							margin: 0;
							> li{
								font-size: 16px;
								line-height: 32px;
								input{
									visibility: hidden;
									opacity: 0;
									position: absolute;
									&:checked ~ label:before{
										content: '';
									    display: inline-block;
									    position: relative;
									    border-radius: 50%;
									    border: 2px solid #000;
									    background-color: #000;
									    transition: 0.2s ease-in-out;
									    box-shadow: inset 0px 0px 0px 2px #fff;
									}
									&[type="hidden"]{
										color: #e34;
										~ label{
											cursor: auto;
											&:before{
												display: none;
											}
										}
									}
								}
								label{
									cursor: pointer;
									&:before{
										content: '';
									    display: none;
									    width: 12px;
									    height: 12px;
									    position: relative;
									    display: inline-block;
									    border-radius: 50%;
									    margin-right: 15px;
									    border: 1px solid #000;
									    transition: 0.2s ease-in-out;
									    top: 2px;
									    cursor: pointer;
									}
									&:hover{
										&:before{
											border: 2px solid #000;
										    background-color: #000;
										    transition: 0.2s ease-in-out;
										    box-shadow: inset 0px 0px 0px 2px #fff;
										}
									}
								}
							}
						}
						th{
							color: #888888;
							font-size: 16px;
							vertical-align: baseline;
							padding: 0;
						}
						td{
							padding: 0;
						}
						.woocommerce-shipping-calculator{
							.shipping-calculator-button{
								font-size: 16px;
								color: #888888;
								margin: 10px 0;
								display: inline;
								outline: none;
								background-size: 100% 100%;
								background-position: 0 100%;
								transition: background-size 0.2s ease-in-out;
								background-repeat: no-repeat;
								&:hover {
									background-size: 0 100%;
								}
							}
							.shipping-calculator-form{
								padding: 16px 0;
								.country_select{
									width: 100%;
								}
								.form-row{
									input{
										height: 40px;
										font-size: 13px;
										width: 100%;
										border: 1px solid #DDDDDD;
										padding: 0 10px;
										outline: none;
										color: #888888;
										margin-top: 16px;
									}
								}
								p:not(.form-row) .button{
									text-align: center;
									height: 40px;
									margin-top: 16px;
									width: 100%;
									outline: none;
									cursor: pointer;
									font-size: 13px;
									border: 1px solid #000;
									transition: 0.2s ease-in-out;
									&:hover{
										background-color: #000;
										color: #fff;
									}
								}
							}
						}
					}
					.order-total{
						th{
							color: #888888;
							font-size: 16px;
							vertical-align: middle;
							padding-bottom: 32px;
							padding-top: 22px;

						}
						td{
							text-align: right;
							padding-right: 0;
							font-size: 13px;
							color: #000000;
							line-height: 1.6;
							vertical-align: middle;
							span{
								color: #000000;
								font-size: 1.375rem;
							}
							strong{
								> span{
									display: block;
								}
							}
						}
					}
					.fee{
						th{
							color: #888888;
							font-size: 16px;
							vertical-align: middle;
							padding-bottom: 32px;
							padding-top: 22px;
						}
						td{
							font-size: 16px;
							padding: 0;
						}
					}
				}
			}
		}
		#customer_details{
			width: 100%;
			float: none;
			@include media-breakpoint-up(lg){
				width: 50%;
				float: left;
				padding-right: 48px;
			}
			.form-row{
				margin-bottom: 16px;
				.woocommerce-input-wrapper{
					> strong{
						display: block;
						font-size: 16px;
						font-weight: normal;
						padding: 35px 0 0;
						margin-bottom: -5px;
					}
				}
				select{
					width: 100%;
					line-height: 20px;
					height: 70px;
    				padding: 35px 0 15px;
					font-size: 16px;
					outline: none;
				}

			}
			.woocommerce-additional-fields{
				> h3{
					display: none;
				}
			}
			.create-account{
				span{
					font-size: 0.9rem;
				}
			}
		}
		#order_review{
			@include media-breakpoint-up(lg){
				width: 50%;
				float: left;
				padding: 91px 0 0 48px;
			}
			.opc_order_review{ // woocommerce one page checkout
				table.shop_table{
					.product-remove{
						a{
							background-image: none;
						}
					}
					.product-quantity{
						float: none;
						input[type="number"]{
							width: 70px;
							height: 64px;
							text-align: center;
						}
					}
					.product-details{
						min-width: 100%;
					}
				}
			}
		}

		form.woocommerce-checkout {
			> #woocommerce_checkout_before_order_review {
				width: 50%;
				float: left;
				padding: 91px 0 0 48px;
			}
		}

		.hmu-hook + #order_review {
			padding-top: 0;
		}


		#woocommerce_after_checkout_form {
			display: block;
			width: 100%;
			float: left;
		}
	}

	abbr.required {
		text-decoration: none;
	}
}
//WISHLIST PAGE
body.woocommerce-wishlist{
	.wishlist-title {
		h2{
			padding: 0;
			margin: 0;
		}
	}

	.single-wrapper .col {
		max-width: 1100px;
	}
	#yith-wcwl-form{
		.wishlist_table{
			width: 100%;
			position: relative;
			max-width: 100%;
			font-size: 0.9rem;

			tr {
				th {
					&.product-thumbnail {
						width: 112px;
					}
				}
			}
			thead{
				display: none;
				@include media-breakpoint-up(md){
					display: table-header-group;
					text-align: left;
					tr{
						th{
							font-size: 16px;
							color: #888888;
							padding: 16px 0;
							border: none;
							&.product-remove{
								position: absolute;
								left: 0;
							}
							&.product-name{
								position: relative;
								transform:translateX(-112px);
							}
							&.product-price{
								width:12.3%;
							}
						}
					}
				}
			}
			tbody{
				tr{
					border: none;
					width: 100%;
					display: block;
					padding: 32px 0;
					border-top: 1px solid #DDDDDD;
					@include media-breakpoint-up(md){
						display: table-row;
						border: none;
						&:first-child{
							td{
								padding: 32px 16px 0 0;
								&.product-thumbnail{
									padding: 32px 16px 0 0;
								}
								&.product-remove{
									.remove{
										top: 31px;
									}
								}
							}

						}
						&:hover{
							td{
								&.product-remove{
									opacity: 1;
									visibility: visible;
								}
							}
						}
					}
				}
				tr{
					td{
						width: 100%;
						display: table;
						text-align: right;
						margin-bottom: 10px;
						text-align: center;
						@include media-breakpoint-up(md){
							vertical-align: middle;
							margin-bottom: 16px;
							width: auto;
							display: table-cell;
							text-align: left;
							margin-bottom: 0;
							padding: 16px 16px 0 0;
						}
						&.product-remove{
							position: relative;
							padding: 0;
							text-align: right;
							z-index: 2;
							@include media-breakpoint-up(xl){
								z-index: 2;
								opacity: 0;
								visibility: hidden;
								transition: opacity 0.2s ease-in-out;
								width: 1px  !important;
							}
							.remove{
								font-size: 0;
								display: inline-block;
								&:before{
									content: '\e921';
									font-family: '#{$icomoon-font-family}';
									speak: none;
									font-style: normal;
									font-weight: normal;
									font-variant: normal;
									text-transform: none;
									line-height: 1;
									font-size: 11px;
									color: #000;
									transition: 0.2s ease-in-out;
									display: block;
									@include media-breakpoint-up(md){
										padding: 10px;
									}
								}
								&:hover{
									&:before{
										transform: rotate(-90deg);
									}
								}
								@include media-breakpoint-up(md){
									position: absolute;
									top: 15px;
									left: 0px;
								}
							}
						}
						&.product-thumbnail{
							text-align: center;
							margin-bottom: 10px;
							vertical-align: baseline;
							a{
								max-width: initial;
							}
							img{
								width: 160px;
								height: 200px;
								object-fit: cover;
								display: inline-block;
								transition: 0.2s ease-in-out;
								&:hover{
									opacity: 0.5;
								}
							}
							@include media-breakpoint-up(md){
								width: 112px;
								position: relative;
								text-align: left;
								margin-bottom: 0;
								padding: 16px 16px 0 0;
								a{
									display: block;
									transition: 0.2s ease-in-out;
									max-width: 96px;
									img{
										width: 96px;
										height: 123px;
										display: block;
										object-fit: cover;
										max-width: 96px;
									}
								}
							}
						}
						&.product-name{
							a{
								font-size: 16px;
								display: inline;
								@include media-breakpoint-up(md){
									font-size: 0.9rem;
									display: inline;
									text-decoration: none;
									box-decoration-break: slice;
									line-height: 1.25rem;
									background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
									background-repeat: no-repeat;
									background-position: 0 100%;
									background-size: 0% 100%;
									transition: background-size 0.2s ease-in-out;
									&:hover{
										background-size: 100% 100%;
									}
								}

							}
						}
						&.product-price{
							font-size: 16px;
							del{
								color: #888888;
							}
							@include media-breakpoint-up(md){
								font-size: 0.9rem;
								&:before{
									display: none;
								}
							}
						}
						&.product-stock-status{
							span{
								color: #888888;
							}
						}
						&.product-add-to-cart{
							a{
								display: inline-block !important;
								padding: 0;
								background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
							    background-repeat: no-repeat;
							    background-position: 0 100%;
							    background-size: 100% 100%;
							    transition: background-size 0.2s ease-in-out;
							    background-color: transparent;
							    line-height: 1.6;
							    &:hover{
							        background-size: 0 100%;
							    }
							}
						}
					}
				}
			}
		}
	}
}
//ORDER RECEIVED
body.woocommerce-order-received{
	.entry-header{
		max-width: 1100px;
		margin: 0 auto;
		.entry-title{
			font-size: 1.45rem;
			margin: 32px 0;
			@include media-breakpoint-up(xl){
				font-size: 2rem;
				margin: 0;
			}
		}
	}
	.entry-content{
		max-width: 1100px;
		margin: 0 auto;
		padding-bottom: 60px;
		@include media-breakpoint-up(xl){
			padding-bottom: 120px;
		}
		.woocommerce{
			.woocommerce-order{
				font-size: 16px;
				> p{
					&.woocommerce-notice{
						font-size: 1.15rem;
						margin-bottom: 32px;
						max-width: 1100px;
						@include media-breakpoint-up(xl){
							font-size: 1.375rem;
						}
					}
				}
				.woocommerce-order-overview{
					background-color: rgba(0,0,0,0.03);
				    display: flex;
				    min-height: 103px;
				    padding: 20px;
				    align-items: center;
				    flex-wrap: wrap;
				    max-width: 1100px;
				    list-style-type: none;
				    li{
				    	color: #888888;
				    	font-size: 16px;
						width: 100%;
						margin-bottom: 20px;
				    	strong{
				    		font-size: 0.9rem;
				    		color: #000;
				    		display: block;
				    		font-weight: normal;
				    	}
				    	&:last-child{
				    		padding-right: 0;
				    	}
				    }
				    @include media-breakpoint-up(sm){
				    	li{
				    		width: 50%;
				    	}
				    }
				    @include media-breakpoint-up(xl){
				    	li{
				    		margin-bottom: 0;
				    		width: calc(100% / 5)
				    	}
				    }
				}
			}
		}
	}
}
//WOOCOMERCE SHOP
body.woocommerce-shop{
	.shop-content{
		.shop-header-wrapper{
			opacity: 0;
			visibility: hidden;
            &.visible{
                opacity: 1;
                visibility: visible;
                transition: opacity .2s ease-in-out;
            }
			.shop-header-block{
				display: flex;
				justify-content: space-between;
				margin-bottom: 24px;
				flex-wrap: wrap;
				@include media-breakpoint-up(xl){
					flex-wrap: nowrap;
					margin-bottom: 64px;
				}
				.filter{
					order: 2;
					@include media-breakpoint-up(xl){
						padding-top: 7px;
						width: 300px;
						order: inherit;
					}
					.toggle-filter{
						font-size: 15px;
						cursor: pointer;
						display: inline-flex;
						align-items: center;
						@include media-breakpoint-up(xl){
							font-size: 16px;
							&:hover{
								span{
									&:after{
										width: 100%;
									}
								}
							}
						}
						.icon-filter,
						.icon-close-20x20{
							width: 28px;
    						display: inline-block;
    						height: 18px;
    						&:hover{
    							transform: rotate(0);
    						}
						}
						.icon-filter{
							animation: filterOpen 1s linear;
						}
						.icon-close-20x20{
							animation: filterClose 1s linear;
						}
						span{
							display: inline-block;
							position: relative;
							line-height: initial;
    						height: 17px;
    						top: -1px;
							&:after{
								content:'';
								width: 0;
								height: 1px;
								background-color: #000;
								transition: 0.2s ease-in-out;
								position: absolute;
								bottom: -5px;
								left: 0;
							}
						}
						&.active{
							@include media-breakpoint-up(xl){
								&:hover{
									span{
										&:after{
											width: 0;
										}
									}
								}
							}
							span{
								&:after{
									width: 100%;
								}
							}
						}
					}
				}
				.shop-categories{
					@include media-breakpoint-up(xl){
						order: inherit;
						margin: 0;
					}
				}
				.sort-products{
					text-align: right;
					order: 3;
					@include media-breakpoint-up(xl){
						order: inherit;
						width: 300px;
						padding-top: 7px;
					}
					form{
						display: inline-block;
						text-align: right;
						.select2-selection.select2-selection--single{
							box-shadow: none;
							text-align: right;
							background: none;
							padding: 0;
    						height: 28px;
    						.select2-selection__arrow{
    							top: 3px;
    						}
						}
						.select2-container{
							width: auto !important;
							min-width: 226px;
    						text-align: left;
    						height: 28px;
    						@include media-breakpoint-up(lg){
    							min-width: 250px;
    						}
    						.select2-results__option{
    							font-size: 15px;
    						}
							.select2-selection__rendered{
								padding-right: 30px;
							    width: auto;
							    display: table;
							    margin-left: auto;
								background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
						        background-repeat: no-repeat;
						        background-position: 0 100%;
						        background-size: 0 100%;
						        transition: background-size 0.2s ease-in-out;
						        font-size: 15px;
						        @include media-breakpoint-up(xl){
									font-size: 16px;
								}
						        &:hover{
						            background-size: 100% 100%;
						        }
							}
						}
					}
					.shop-display{
						display: inline-block;
						vertical-align: middle;
						.shop-display-grid{
							vertical-align: middle;
						    display: inline-block;
						    font-size: 16px;
						    padding-left: 10px;
						    padding-right: 10px;
						    &.active{
						    	color: #888888;
						    }
						}
						.shop-display-big-grid{
							vertical-align: middle;
						    display: inline-block;
						    font-size: 16px;
						    &.active{
						    	color: #888888;
						    }
						}
					}
				}
			}
			.expanded-filter{
				display: none;
				@include media-breakpoint-up(xl){
					padding-bottom: 20px;
				}
				font-size: 16px;
				.widget-vertical-title{
					top: 5px;
					left: 24px;
					line-height: 1;
				}
				.woocommerce-widgets-wrapper{
					display: flex;
					flex-wrap: wrap;
					padding: 10px 0 0 0;
					opacity: 0;
					visibility: hidden;
					transition: 0.2s ease-in-out;
					&.active{
						opacity: 1;
						visibility: visible;
						transition-delay: 0.2s;
					}
					.column{
						position: relative;
						width: 100%;
						@include media-breakpoint-up(sm){
							width: calc((100% - 60px) / 2);
							margin-right: 60px;
							&:nth-child(2n + 2){
						    	margin-right: 0;
						    }
						}
						@include media-breakpoint-up(lg){
							width: calc((100% - 120px) / 3);
							&:nth-child(2n + 2){
						    	margin-right: 60px;
						    }
							&:nth-child(3n + 3){
						    	margin-right: 0;
						    }
						}
					    @include media-breakpoint-up(xl){
					    	width: calc((100% - 180px) / 4);
						    margin: 0 60px 60px 0;
						    &:nth-child(2n + 2){
						    	margin-right: 60px;
						    }
						    &:nth-child(3n + 3){
						    	margin-right: 60px;
						    }
						    &:nth-child(4n + 4){
						    	margin-right: 0;
						    }
					    }
					}
					aside{
						@include media-breakpoint-up(xl){
							padding-left: 50px;
						}
						ul{
							li{
								position: relative;
								display: block;
								// width: 100%;
							}
						}

						.alignfull, .alignwide {
							width: 100%;
							margin-left: 0;
							margin-right: 0;
						}
					}
				}
			}
		}
	}
}
.section-categories{
	margin-bottom: 50px;
	.cont-row{
		overflow: hidden;
		.category-grid-item{
			margin-bottom: 16px;
			position: relative;
			opacity: 0;
            transform: scale(0.90);
            will-change: opacity, transform;
            &.animated{
                opacity: 1;
                transform: scale(1);
                transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
            }
			.category-img{
				display: block;
				width: 100%;
				height: 100%;
				overflow: hidden;
				transition: 0.2s ease-in-out;
				&:hover{
					opacity: 0.5;
				}
				img{
					display: block;
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			.category-title{
				font-size: 1.15rem;
				color: #000;
				position: absolute;
			    bottom: 24px;
			    left: 32px;
			    margin: 0;
				.count{
					color: #888888;
					font-size: 14px;
					vertical-align: top;
					display: inline-block;
					margin-left: 10px;
				}
			}
		}
	}
	@include media-breakpoint-up(md){
		margin-bottom: 57px;
		.cont-row{
			margin: 0 -8px;
			.category-grid-item{
				float: left;
				width: 33.33333333%;
				padding: 0 8px;
				margin-bottom: 16px;
				height: 332px;
				&:nth-child(1){
					width: 66.66666666%;
					height: 540px;
				}
				&:nth-child(2){
					height: 540px;
				}
			}
		}
	}
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
//categories header
.woocommerce-products-header{
	opacity: 0;
	animation-delay: 0.5s;
	animation-name: fadein;
	animation-duration: 0.2s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;

	> *:last-child {
		margin-bottom: 60px;
	}

	@include media-breakpoint-up(lg){
		> *:last-child {
			margin-bottom: 120px;
		}
	}

	.image-link{
		width: 100%;
		display: block;
		overflow: hidden;
		margin-bottom: 60px;
		@include media-breakpoint-up(lg){
			margin-bottom: 120px;
		}
		img{
			display: block;
			max-width: 100%;
    		margin: 0 auto;
		}
	}
	p{
		font-size: 1rem;
		line-height: 32px;
		color: #000000;
		display: table;
		max-width: 840px;
		margin: 0 auto;
		text-align: center;
	}
}
body.woocommerce-account .customer-login{
	.entry-header{
		display: none;
	}
	.entry-content{
		max-width: 408px;
		margin: 0 auto;
		min-height: calc(100vh - 254px);
		padding-top: 10%;

		.woocommerce{
			h2{
				font-size: 1.45rem;
				margin-bottom: 32px;
				@include media-breakpoint-up(xl){
					font-size: 2rem;
				}
			}
		}
		.woocommerce-form-login{
			position: relative;
			.woocommerce-form-row{
				display: block;
				label{
					display: none;
				}
				input{
					width: 100%;
					display: block;
					border: none;
					box-shadow: inset 0 -1px 0 0 #DDDDDD;
					color: #888888;
					font-size: 16px;
					line-height: 25px;
					outline: none;
					padding: 10px 0;
					margin-bottom: 16px;
				}
			}
			.login-footer{
	    		display: flex;
			    align-items: center;
			    justify-content: space-between;
			    margin-bottom: 30px;
	    		.checkbox-label{
	    			font-size: 16px;
		    		input {
					  	display: none;
					}
					span {
						height: 16px;
						width: 16px;
						border: 1px solid #000;
						display: inline-block;
						position: relative;
						top: 2px;
						&:before{
							content:'';
							position: absolute;
							top: 3px;
							left: 0;
							display: block;
							width: 8px;
							height: 8px;
							background-color: #000000;
							left: 0;
							right: 0;
							margin-left: auto;
							margin-right: auto;
							transform: scale(0);
							visibility: hidden;
							transition: 0.2s ease-in-out;
						}
					}
					.checkbox-pass:checked + span:before {
						transform: scale(1);
						visibility: visible;
					}
				}
				.lost-pw{
					font-size: 15px;
					color: #888888;
				}
	    	}
		}
		.register-form{
			.wrapper{
		    	margin-bottom: 30px;
		    	input{
		    		width: 100%;
		    		display: block;
		    		border: none;
		    		box-shadow: inset 0 -1px 0 0 #DDDDDD;
		    		color: #888888;
		    		font-size: 16px;
		    		line-height: 25px;
		    		outline: none;
		    		padding: 10px 0;
		    		margin-bottom: 16px;
		    	}
		    }
		}
	}
}
body.woocommerce-account{
	.entry-header{
		display: none;
	}
	.entry-content{
		max-width: 1110px;
		margin: 0 auto;
		.woocommerce{
			.woocommerce-MyAccount-navigation{
				margin: 64px 0;
				@include media-breakpoint-up(lg){
					margin-bottom: 88px;
				}
				ul{
					width: 100%;
					text-align: center;
					max-width: 100%;
					li{
						display: inline-block;
						padding: 0 6px;
						position: relative;
						&.is-active{
							a{
								background-size: 100% 100%;
								&:hover{
									background-size: 0 100%;
								}
							}
						}
						@include media-breakpoint-up(lg){
							padding: 0 16px;
							margin-bottom: 24px;
							&:after{
								content: '';
								background-color: #DDDDDD;
								width: 1px;
								height: 30px;
								transform: rotate(15deg) translateY(-50%);
								display: inline-block;
								top: 50%;
								right: 0;
								position: absolute;
							}
							&:last-child{
								&:after{
									display: none;
								}
							}
						}
						&.woocommerce-MyAccount-navigation-link--customer-logout{
							a{
								@include media-breakpoint-up(lg){
									font-size: 0;
									line-height: 34px;
									&:before{
										content: '\e906';
										font-family: '#{$icomoon-font-family}';
										speak: none;
										font-style: normal;
										font-weight: normal;
										font-variant: normal;
										text-transform: none;
										line-height: 1;
										font-size: 1rem;
										transition: 0.2s ease-in-out;
									}
								}
							}
						}
						a{
							font-size: 1rem;
							margin-bottom: 12px;
							display: inline-block;
				            background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
				            background-repeat: no-repeat;
				            background-position: 0 100%;
				            background-size: 0 100%;
				            transition: background-size 0.2s ease-in-out;
							&:hover{
								background-size: 100% 100%;
							}
							@include media-breakpoint-up(lg){
								margin-bottom: 0;
								font-size: 1.375rem;
							}
						}
					}
				}
			}
			.woocommerce-MyAccount-content{
				.woocommerce-pagination--without-numbers{
					font-size: 0.9rem;
				    display: block;
				    margin: 0;
				    height: auto;
				    width: 100%;
				    display: block;
				    overflow: hidden;

					.woocommerce-Button--previous{
						float: left;
						background-size: 0 100%;
						&:hover{
							background-size: 100% 100%;
						}
						&:before{
							content: '\e905';
						    font-family: '#{$icomoon-font-family}';
						    speak: none;
						    font-style: normal;
						    font-weight: normal;
						    font-variant: normal;
						    text-transform: none;
						    line-height: 1;
						    font-size: 14px;
						    margin-right: 10px;
						}
					}
					.woocommerce-Button--next{
						float: right;
						background-size: 0 100%;
						&:hover{
							background-size: 100% 100%;
						}
						&:after{
							content: '\e907';
							font-family: '#{$icomoon-font-family}';
							speak: none;
							font-style: normal;
							font-weight: normal;
							font-variant: normal;
							text-transform: none;
							line-height: 1;
							font-size: 14px;
						    margin-left: 10px;
						}
					}
				}
				a{
					display: inline;
		            background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
		            background-repeat: no-repeat;
		            background-position: 0 100%;
		            background-size: 100% 100%;
		            transition: background-size 0.2s ease-in-out;
		            line-height: 26px;
		            &:hover{
		                background-size: 0 100%;
		            }
				}
				> p{
					font-size: 0.9rem;
					margin-bottom: 32px;
					max-width: 564px;
					margin-left: auto;
					margin-right: auto;
					strong{
						font-weight: normal;
					}
				}
				@include media-breakpoint-up(lg){
					> p{
						font-size: 1.075rem;
						line-height: 1.9rem;
					}
				}
				.woocommerce-orders-table{
					&.woocommerce-MyAccount-orders{
						width: 100%;
						text-align: left;
						max-width: 100%;
						margin: 0 auto 24px auto;
						thead{
							display: none;
							@include media-breakpoint-up(md){
								display: table-header-group;
								tr{
									font-size: 16px;
									th{
										padding: 16px 10px 16px 0;
										text-align: left;
										&.woocommerce-orders-table__header-order-number,
										&.woocommerce-orders-table__header-order-actions{
											width: 17%;
										}
									}
								}
							}
						}
						tbody{
							tr{
								padding: 20px 0;
								display: block;
								&:last-child{
									border: none;
								}
								@include media-breakpoint-up(md){
									display: table-row;
									&:last-child{
										border-bottom: 1px solid #DDDDDD;
									}
								}
								td{

									font-size: 16px;
									color: #000;
									display: table;
									text-align: right;
									width: 100%;
									margin: 8px 0;
									@include media-breakpoint-up(md){
										display: table-cell;
										text-align: left;
										width: auto;
										font-size: 0.9rem;
										padding: 24px 10px 24px 0;
										margin: 0;
									}
									&.woocommerce-orders-table__cell-order-total{
										color: #888888;
										span{
											color: #000;
										}
									}
									&.woocommerce-orders-table__cell-order-actions{
										a{
											margin-left: 10px;
											&:first-child{
												margin-left: 0;
											}
										}
									}
								}
								.woocommerce-orders-table__cell-order-number{
									&:before{
										content: attr(data-title);
										width: 50%;
										display: table-cell;
										vertical-align: middle;
										font-size: 16px;
										color: #888888;
										text-align: left;
										@include media-breakpoint-up(md){
											display: none;
										}
									}
								}
								.woocommerce-orders-table__cell-order-date{
									&:before{
										content: attr(data-title);
										width: 50%;
										display: table-cell;
										vertical-align: middle;
										font-size: 16px;
										color: #888888;
										text-align: left;
										@include media-breakpoint-up(md){
											display: none;
										}
									}
								}
								.woocommerce-orders-table__cell-order-status{
									&:before{
										content: attr(data-title);
										width: 50%;
										display: table-cell;
										vertical-align: middle;
										font-size: 16px;
										color: #888888;
										text-align: left;
										@include media-breakpoint-up(md){
											display: none;
										}
									}
								}
								.woocommerce-orders-table__cell-order-total{
									&:before{
										content: attr(data-title);
										width: 50%;
										display: table-cell;
										vertical-align: middle;
										font-size: 16px;
										color: #888888;
										text-align: left;
										@include media-breakpoint-up(md){
											display: none;
										}
									}
								}
								.woocommerce-orders-table__cell-order-actions{
									&:before{
										content: attr(data-title);
										width: 50%;
										display: table-cell;
										vertical-align: middle;
										font-size: 16px;
										color: #888888;
										text-align: left;
										@include media-breakpoint-up(md){
											display: none;
										}
									}
								}
							}
						}
					}
				}
				.dashboard-footer{
					display: none;
					@include media-breakpoint-up(md){
						display: flex;
						justify-content: space-between;
						font-size: 0.9rem;
						margin-top: 24px;
					}
					.previous{
						&:before{
							content: '\e905';
							 font-family: '#{$icomoon-font-family}';
							font-size: 12px;
						    vertical-align: middle;
						    margin-right: 10px;
						}
					}
					.next{
						&:after{
							content: '\e907';
							 font-family: '#{$icomoon-font-family}';
							font-size: 12px;
						    vertical-align: middle;
						    margin-left: 10px;
						}
					}
				}
			}
		}
	}
	&.woocommerce-view-order{
		.entry-content{
			.woocommerce{
				.woocommerce-MyAccount-content{
					> p{
						font-size: 0.9rem;
						max-width: 100%;
						margin-bottom: 64px;
						mark{
							background: none;
						}
						@include media-breakpoint-up(md){
							font-size: 1.075rem;
						}
					}
				}
			}
		}
	}
	&.woocommerce-edit-address{
		.entry-content{
			.woocommerce{
				.woocommerce-MyAccount-content{
					> p{
						max-width: 100%;
						margin-bottom: 64px;
						font-size: 1.075rem;
					}
					> .woocommerce-Address{
						width: 100%;
						max-width: 100%;
					}
					.woocommerce-Addresses{
						overflow: hidden;
						margin: 0 0;
						display: flex;
						flex-wrap: wrap;
						.woocommerce-Address{
							width: 100%;
							flex: 100%;
							max-width: 100%;
							@include media-breakpoint-up(sm){
								margin-bottom: 64px;
							}
							.woocommerce-Address-title{
								h3{
									font-size: 1.15rem;
									margin-bottom: 32px;
								}
								a{
									font-size: 16px;
									margin-bottom: 16px;
									display: inline-block;
								}
							}
							address{
								font-size: 0.9rem;
								font-style: normal;
							}
							@include media-breakpoint-up(sm){
								flex: 50%;
								max-width: 50%;
								.woocommerce-Address-title{
									h3{
										font-size: 1.375rem;
									}
								}
							}
						}
					}
					form{
						h3{
							max-width: 528px;
							margin: 0 auto 44px auto;
						}
						.woocommerce-input-wrapper{
							display: block;
							.select2-container{
								margin-bottom: 16px;
							}
						}
						.woocommerce-address-fields{
							max-width: 528px;
							margin: 0 auto;
							.form-row{
								label {
							    	display: none;
								}
								input {
								    width: 100%;
								    display: block;
								}
								select{
									width: 100%;
									height: 40px;
									font-size: 16px;
									color: #888888;
									margin-bottom: 16px;
								}

							}
							.button{
								width: 100%;
								padding: 8px 0;
							}
						}
						.woocommerce-address-fields__field-wrapper{
							overflow: hidden;
							margin-bottom: 16px;
							p{
								margin: 0;
								&#shipping_first_name_field,
								&#billing_phone_field,
								&#billing_first_name_field{
									width: 100%;
									@include media-breakpoint-up(sm){
										width: 252px;
										float: left;
									}
								}
								&#shipping_last_name_field,
								&#billing_last_name_field,
								&#billing_email_field{
									width: 100%;
									@include media-breakpoint-up(sm){
										width: 252px;
										float: right;
									}
								}
							}
						}
					}
				}
			}
		}
	}
	&.woocommerce-edit-account{
		.entry-content{
			.woocommerce{
				.woocommerce-MyAccount-content{
					.woocommerce-EditAccountForm{
						max-width: 528px;
						margin: 0 auto;
						em{
							font-style: normal;
							font-size: 13px;
						}
						p{
							margin: 0;
						}
						.woocommerce-form-row{
							label {
						    	display: none;
							}
							input {
								width: 100%;
								display: block;
								line-height: 25px;
								padding: 10px 0;

								+ span{
									display: block;
									margin: -10px 0 6px 0;
								}
							}
							&.form-row-first{
								width: 100%;
								@include media-breakpoint-up(sm){
									width: 252px;
									float: left;
								}
							}
							&.form-row-last{
								width: 100%;
								@include media-breakpoint-up(sm){
									width: 252px;
									float: right;
								}
							}
						}
						fieldset{
							margin-top: 64px;
							margin-bottom: 16px;
							border: none;
							legend{
								font-size: 1.15rem;
								display: block;
								margin-bottom: 32px;
								@include media-breakpoint-up(sm){
									font-size: 1.375rem;
								}
							}
						}
						.woocommerce-Button{
							width: 100%;
							padding: 8px 0;
						}
					}
				}
			}
		}
	}
	&.woocommerce-payment-methods{
		.woocommerce-MyAccount-paymentMethods{
			max-width: 1100px;
			thead{
				display: none;
				tr{
					th{
						text-align: left;
					}
				}
				@include media-breakpoint-up(md){
					display: table-header-group;
					font-size: 16px;
				}
			}
			tbody{
				tr{
					display: block;
					@include media-breakpoint-up(md){
						display: table-row;
					}
					td{
						display: table;
						width: 100%;
						text-align: right;
						margin: 8px 0;
					    @include media-breakpoint-up(md){
					    	display: table-cell;
					    	width: auto;
					    	text-align: left;
					    	margin: 0;
					    }
						&.payment-method-method{
							&:before{
								content: attr(data-title);
								width: 50%;
								display: table-cell;
								vertical-align: middle;
								font-size: 16px;
								color: #888888;
								text-align: left;
								@include media-breakpoint-up(md){
									display: none;
								}
							}
						}
						&.payment-method-expires{
							&:before{
								content: attr(data-title);
								width: 50%;
								display: table-cell;
								vertical-align: middle;
								font-size: 16px;
								color: #888888;
								text-align: left;
								@include media-breakpoint-up(md){
									display: none;
								}
							}
						}
						&.payment-method-actions{
							width: 25%;
							font-size: 0;
							margin-left: auto;
							&:before{
								content: attr(data-title);
								width: 50%;
								display: table-cell;
								vertical-align: middle;
								font-size: 16px;
								color: #888888;
								text-align: left;
								@include media-breakpoint-up(md){
									display: none;
								}
							}
							a{
								font-size: 0.9rem;
								margin-left: 10px;
								&:first-child{
									margin-left: 0;
								}
							}
						}
					}
				}
			}
		}
	}
	&.woocommerce-add-payment-method{
		.woocommerce-PaymentMethods{
			max-width: 1100px;
			margin: 0 0 24px 0;
			p{
				margin: 0 0 24px 0;
				font-size: 0.9rem;
			}
			> li{
				&.woocommerce-notice {
					font-size: 0.9rem;
					line-height: 1.6;
					width: 100%;
				}
				> input{
					visibility: hidden;
					opacity: 0;
					position: absolute;
					width: 0;
					height: 0;
					margin: 0;
					&:checked ~ label:before{
						content: '';
						display: inline-block;
						border: 2px solid #000;
						background-color: #000;
						transition: 0.2s ease-in-out;
						box-shadow: inset 0px 0px 0px 2px #fff;
					}
				}
				> label{
					display: inline;
					font-size: 16px;
					cursor: pointer;
					margin: 0;
					width: 100%;
					&:before{
						content: '';
						display: none;
						width: 12px;
						height: 12px;
						position: relative;
						display: inline-block;
						border-radius: 50%;
						margin-right: 15px;
						border: 1px solid #000;
						transition: 0.2s ease-in-out;
						top: 1px;
					}
					&:hover{
						&:before{
							border: 2px solid #000;
							background-color: #000;
							transition: 0.2s ease-in-out;
							box-shadow: inset 0px 0px 0px 2px #fff;
						}
					}
				}
				img{
					display: inline;
					max-width: 130px;
					margin: 0 15px;
				}
				.payment_box{
					padding: 16px 0;
					@include media-breakpoint-up(md){
						padding: 16px 0 16px 31px;
					}
					p{
						color: #888888;
						font-size: 15px;
						margin-bottom: 0;
					}
				}
				&.payment_method_ppec_paypal{
					img{
						display: none;
					}

				}
				&.payment_method_stripe{
					label[for=payment_method_stripe]{
						padding-left: 0 !important;
					}
					ul{
						list-style-type: none;
						padding-left: 0;
					}
					fieldset{
						label{
							cursor: text;
							&:before{
								display: none;
							}
						}
						.wc-stripe-elements-field{
							padding: 10px 0;
							border: none;
							box-shadow: inset 0 -1px 0 0 #DDDDDD;
							margin: 0 0 16px 0;
						}
					}
					.woocommerce-SavedPaymentMethods-saveNew{
						padding-left: 28px;
					}
				}
			}
			.woocommerce-PaymentMethod{
				display: flex;
    			flex-wrap: wrap;
			}
			.input-radio{
				-webkit-appearance: radio;
				position: relative !important;
				border: none;
				background: none;
				box-shadow: none;
				top: auto !important;
			}
			.wc-stripe-elements-field{
				padding: 10px 0;
				border: none;
				box-shadow: inset 0 -1px 0 0 #DDDDDD;
				margin: 0 0 16px 0;
			}
			label[for=payment_method_stripe]{
				margin: 0 0 32px 0  !important;
				padding: 0 !important;
				font-size: 0.9rem;
				flex: 1;
			}
		}
	}
}
body.woocommerce-order-pay{
	.entry-content{
		.woocommerce{
			#order_review{
				width: 100%;
				float: none;
				padding: 0;
				max-width: 1100px;
				strong{
					font-weight: normal;
				}
				table{
					max-width: 100%;
					thead{
						font-size: 16px;
						th{
							&.product-quantity{
								width: 10%;
							}
							&.product-total{
								width: 25%;
							}
						}
					}
					tbody{
						td{
							ul{
								list-style-type:none;
								margin: 0;
								li{
									strong{
										float: left;
										color: #888888;
										font-size: 13px;
										margin-right: 5px;
									}
									p{
										color: #888888;
										font-size: 13px;
										margin: 0;
									}
								}
							}
						}
					}
					tfoot{
						tr{
							&:last-child{
								border: none;
							}
							td{}
						}
					}
				}
				ul{
					max-width: 100%;
					list-style-type: none;
				}
				p{
					color: #888888;
				    font-size: 15px;
				    max-width: 450px;
				    margin: 0 0 16px 0;
				}
				.wc_payment_methods{
					list-style-type: none;
					> li{
						&.woocommerce-notice {
							font-size: 0.9rem;
							line-height: 1.6;
							width: 100%;
						}
						input{
							visibility: hidden;
							opacity: 0;
							position: absolute;
							&:checked ~ label:before{
								content: '';
							    display: inline-block;
							    border: 2px solid #000;
							    background-color: #000;
							    transition: 0.2s ease-in-out;
							    box-shadow: inset 0px 0px 0px 2px #fff;
							}
						}
						label{
							display: inline;
							font-size: 16px;
							cursor: pointer;
							margin: 0;
							&:before{
								content: '';
							    display: none;
							    width: 12px;
							    height: 12px;
							    position: relative;
							    display: inline-block;
							    border-radius: 50%;
							    margin-right: 15px;
							    border: 1px solid #000;
							    transition: 0.2s ease-in-out;
							    top: 1px;
							}
							&:hover{
								&:before{
									border: 2px solid #000;
								    background-color: #000;
								    transition: 0.2s ease-in-out;
								    box-shadow: inset 0px 0px 0px 2px #fff;
								}
							}
						}
						img{
							display: inline;
							max-width: 130px;
						    margin: 0 15px;
						}
						.payment_box{
							padding: 16px 0;
							@include media-breakpoint-up(md){
								padding: 16px 0 16px 31px;
							}
							p{
								color: #888888;
								font-size: 15px;
								margin-bottom: 0;
							}
						}
						&.payment_method_ppec_paypal{
							img{
								display: none;
							}

						}
						&.payment_method_stripe{
							label[for=payment_method_stripe]{
								padding-left: 0 !important;
							}
							ul{
								list-style-type: none;
								padding-left: 0;
							}
							fieldset{
								label{
									cursor: text;
									&:before{
										display: none;
									}
								}
								.wc-stripe-elements-field{
									padding: 10px 0;
									border: none;
									box-shadow: inset 0 -1px 0 0 #DDDDDD;
									margin: 0 0 16px 0;
								}
							}
							.woocommerce-SavedPaymentMethods-saveNew{
								padding-left: 28px;
							}
						}
					}
				}
			}
		}
	}
}
.woocommerce-Payment{
	.woocommerce-PaymentMethods{
		list-style-type: none;
	}
	iframe{
		min-height: initial;
	}
}
.wc_payment_method{
	iframe{
		min-height: initial;
	}
}
div.product {
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    &.product-type-external{
    	.single_add_to_cart_button{
    		line-height: 65px !important;
    		&:before{
				content: '\e915';
				font-family: '#{$icomoon-font-family}';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;
				position: absolute;
				left: 25px;
				top: 26px;
				font-size: 13px;
			}
    	}
    }
    .summary{
    	margin-bottom: 64px;
		width: 100%;
		@include media-breakpoint-up(lg){
			width: 384px;
			margin-bottom: 120px;
		}
		@include media-breakpoint-up(xl){
			margin-bottom: 120px;
		}
		p{
			font-size: 0.9rem;
		}
		.product_title{
			font-size: 1.65rem;
			line-height: 35px;
			margin: 0;
			font-size: 1.275rem;
			@include media-breakpoint-up(lg){
				font-size: 1.65rem;
				line-height: 2.25rem;
			}
		}
		.single_variation_wrap{
			width: 100%;
		}
		.variations_form{
			.variations{
				margin: 0 0 16px 0;
				tbody{
					display: block;
					tr{
						display: block;
						border: none;
						td{
							padding: 0;
							display: block;
							&.label{
								font-size: 16px;
								color: #888888;
								label {
									cursor: default;
								}
							}
							&.value{
								padding: 0 0 24px 0;
								.reset_variations{
									margin: 24px 0 0 0;
									display: inline-block;
									font-size: 15px;
									color: #888888;
									background-size: 0 100%;
									line-height: 25px;
									&:hover{
										background-size: 100% 100%;
									}
									&:before{
										content: '\e90a';
										font-family: '#{$icomoon-font-family}';
										speak: none;
										font-style: normal;
										font-weight: normal;
										font-variant: normal;
										text-transform: none;
										line-height: 1;
										font-size: 9px;
										margin-right: 5px;
										position: relative;
										top: -1px;
									}
								}
							}
						}
						&:last-child{
							td{
								&.value{
									padding: 0;
								}
							}
						}
					}
				}
			}
		}
		.wc-pao-addons-container {
			width: 100%;
			.wc-pao-addon-wrap select {
				width: 100%;
			}
			.wc-pao-addon-image-swatch {
				padding: 0;
				margin: 0 10px 10px 0;
				width: 100%;
				overflow: hidden;
				display: inline-block;
				background-image: none !important;
				max-width: 65px;
				max-height: 65px;
			}
			.product-addon-totals {
				strong {
					font-weight: normal;
				}
				.wc-pao-col1 {
					max-width: 75%;
				}
				.wc-pao-subtotal-line {
					p.price {
						text-align: left;
						width: 100%;
						.amount {
							float: right;
						}
					}
				}
			}
		}
		.grouped_form{
			table{
				display: block;
				margin: 0 0 14px 0;
				tr{
					display: block;
					padding-left: 92px;
					position: relative;
					border: none;
					td{
						display: block;
						position: relative;
						padding: 0;
						&:last-child{
							padding: 0 0 24px 0;
						}
						a{
							background-size: 0 100%;
							&:hover{
								background-size: 100% 100%;
							}
						}
						.quantity{
							height: 40px;
							width: 68px;
							position: relative;
							top: 10px;
							.increase{
								background: none;
								color: #888888;
								height: 40px;
								text-align: right;
								i{
									line-height: 40px;
								}
							}
							.decrease{
								background: none;
								color: #888888;
								height: 40px;
								text-align: left;
								i{
									line-height: 40px;
								}
							}
							.input-text{
								// background: none;
								color: #000;
							}
						}
						&.woocommerce-grouped-product-list-item__quantity{
							position: absolute;
							top: 0;
							left: 0;
							.product_type_simple{
								font-size: 0;
								width: 68px;
								height: 48px;
								background-color: #F5F5F5;
								display: block;
								background-size: 0;
								position: relative;
								top: 5px;
								&:hover{
									background-size: 0;
								}
								&:before{
									content: '\e916';
									font-family: '#{$icomoon-font-family}';
									speak: none;
									font-style: normal;
									font-weight: normal;
									font-variant: normal;
									text-transform: none;
									line-height: 1;
									font-size: 4px;
									display: block;
									line-height: 48px;
									text-align: center;
								}
							}
							.product_type_variable{
								font-size: 0;
								width: 68px;
								height: 48px;
								background-color: #F5F5F5;
								display: block;
								background-size: 0;
								position: relative;
								top: 5px;
								&:hover{
									background-size: 0;
								}
								&:before{
									content: '\e916';
									font-family: '#{$icomoon-font-family}';
									speak: none;
									font-style: normal;
									font-weight: normal;
									font-variant: normal;
									text-transform: none;
									line-height: 1;
									font-size: 4px;
									display: block;
									line-height: 48px;
									text-align: center;
								}
							}
							.product_type_external{
								font-size: 0;
								width: 68px;
								height: 48px;
								background-color: #F5F5F5;
								display: block;
								background-size: 0;
								position: relative;
								top: 5px;
								&:hover{
									background-size: 0;
								}
								&:before{
									content: '\e915';
									font-family: '#{$icomoon-font-family}';
									speak: none;
									font-style: normal;
									font-weight: normal;
									font-variant: normal;
									text-transform: none;
									line-height: 1;
									font-size: 13px;
									display: block;
									line-height: 48px;
									text-align: center;
								}
							}
						}
						&.woocommerce-grouped-product-list-item__label{
							a{
								font-size: 16px;
							}
						}
						&.woocommerce-grouped-product-list-item__price{
							del{
								color: #888888;
							}
							ins{
								text-decoration: none;
							}
							.amount{
								font-size: 16px;
							}
							.stock{
								font-size: 14px;
								background: none;
								line-height: 22px;
								text-align: left;
								padding: 0;
								margin: 0;
								height: auto;
								display: block;
							}

						}
					}
				}
			}
		}
		.woocommerce-product-rating{
			margin-top: 5px;
			.star-rating{
				margin: 0;
				display: inline-block;
			}
			.woocommerce-review-link{
				font-size: 14px;
				color: #888888;
				line-height: 22px;
				margin-left: 10px;
				background-size: 0 0;
				top: -2px;
				position: relative;
				transition: all .2s ease-in-out;
				&:hover{
					backgorund-size: 0 0;
					color: #000;
				}
			}
		}
		.price{
			margin: 32px 0 32px 0;
			font-size: 1.15rem;
			line-height: 1.55rem;
			@include media-breakpoint-up(lg){
				font-size: 1.375rem;
				line-height: 1.9rem;
			}
			del{
				display: inline;
				opacity: 0.25;
			}
			ins{
				text-decoration: none;
				display: inline;
				span{
					color: #000;
				}
			}
			.subscription-details{
				font-size: 18px;
				line-height: 1.4;
				margin-top: 10px;
				display: block;
			}
		}
		.cart{
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			.added_to_cart{
				display: none;
			}
			.quantity{
				height: 64px;
				display: flex;
				align-items: center;

				.screen-reader-text{
					display: none;
				}
				.input-text[type="number"]{
					height: 100%;
					text-align: center;
					width: 70px;
					box-shadow: inset 0 -1px 0 0 #DDDDDD;
					color: #000;
					padding: 0;
					margin: 0 16px 0 0;
				}
				input[type="number"]::-webkit-outer-spin-button,
				input[type="number"]::-webkit-inner-spin-button {
				  -webkit-appearance: none;
				  margin: 0;
				}
				input[type="number"] {
				  	-moz-appearance: textfield;
	  				background-size: 0% 100%;

					&:hover{
						background-size: 100% 100%;
						border-color: transparent;
					}

					&:focus{
						background-size: 100% 100%;
						border-color: transparent;
					}

				  -moz-appearance: textfield;

				}
			}
			.wc-pao-addon,
			#product-addons-total{
				width: 100%;
			}
		}
		.stock{
			padding: 19px 0;
			text-align: center;
			width: 100%;
			display: block;
			line-height: 25px;
			font-size: 16px;
			color: #888888;
			background-color: rgba(0,0,0,0.03);
			margin: 0 0 24px 0;
		}
		.woocommerce-product-details__short-description{
			font-size: 0.9rem;
			text-align: left;
			line-height: 1.4rem;
		}
		.woocommerce-grouped-product-list{

		}
		.product_meta{
			margin-top: 40px;
			> span{
				display: block;
				font-size: 14px;
				color: #888888;
			}
			a{
				background-size: 0;
				transition: all .2s ease-in-out;
				&:hover{
					background-size: 0;
					color: #000;
				}
			}
		}
		.out-of-stock{
			margin-top: 32px;
			padding: 0 10px;
			height: 65px;
			font-size: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.yith-wcwl-add-to-wishlist{
			margin-top: 24px;
			font-size: 16px;
			line-height: 25px;
			.yith-wcwl-add-button{
				a{
					line-height: 25px;
					display: inline-block;
					background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
					background-repeat: no-repeat;
					background-position: 0 100%;
					background-size: 0 100%;
					transition: background-size 0.2s ease-in-out;
					position: relative;
					margin-left: 25px;
					&:before{
						content: $blockshop-wishlist-16x16-dark;
						position: relative;
						font-size: 14px;
						color: #000;
						display: inline-block;
						 font-family: '#{$icomoon-font-family}';
						font-weight: normal;
						padding-left: 1px;
						padding-right: 8px;
						top: 1px;
						left: -25px;
						position: absolute;
						animation: wishListOut 0.2s ease-in-out;
					}
					&:hover{
						background-size: 100% 100%;
						&:before{
							content: $blockshop-wishlist-16x16-dark-hover;
							animation: wishListIn 0.2s ease-in-out;
						}
					}

					&.loading {
						&:after {
							content: '';
							background: #000;
							background-color: rgb(0, 0, 0);
							border-radius: 100%;
							height: 20px;
							width: 20px;
							position: absolute;
							right: -35px;
							top: 2px;
							-webkit-animation: pulsate 1s ease-out;
							animation: pulsate 1s ease-out;
							animation-iteration-count: 1;
							-webkit-animation-iteration-count: infinite;
							animation-iteration-count: infinite;
							opacity: 0.0;
						}
					}

					&.loading + img.ajax-loading {
                        display: none !important;
					}

					i{
						display: none;
					}
				}
			}
			.yith-wcwl-wishlistaddedbrowse{
				span{
					display: none;
				}
				a{
					display: inline-block;
					line-height: 25px;
					transition: background-size 0.2s ease-in-out;
					background-size: 100% 100%;
					background-position: 0 100%;
					background-repeat: no-repeat;

					&:hover {
						background-size: 0 100%;
					}
				}
				&:before{
					content: $blockshop-wishlist-16x16-dark-hover;
					position: relative;
					font-size: 14px;
					color: #000;
					display: inline-block;
					 font-family: '#{$icomoon-font-family}';
					font-weight: normal;
					padding-left: 1px;
					padding-right: 8px;
					top: 1px;
				}

			}
			.yith-wcwl-wishlistexistsbrowse{
				span{
					display: none;
				}
				a{
					display: inline-block;
					line-height: 25px;
					transition: background-size 0.2s ease-in-out;
					background-size: 100% 100%;
					background-position: 0 100%;
					background-repeat: no-repeat;

					&:hover {
						background-size: 0 100%;
					}
				}
				&:before{
					content: $blockshop-wishlist-16x16-dark-hover;
					position: relative;
					font-size: 14px;
					color: #000;
					display: inline-block;
					 font-family: '#{$icomoon-font-family}';
					font-weight: normal;
					padding-left: 1px;
					padding-right: 8px;
					top: 1px;
				}
			}
		}
		.woocommerce-variation-add-to-cart{
			display: flex;
		}
		.single_add_to_cart_button{
			flex: 1;
			height: 64px;
			background-color: #000;
			color: #fff;
			text-align: center;
			line-height: 65px;
			position: relative;
			font-size: 18px;
			transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
			margin: 0;
			display: block;
			span {
				opacity: 1;
				transition: opacity 0.2s ease-in-out;
				transition-delay: 0.2s;
			}
			&:hover{
				opacity: 0.8;
			}
			&:before{
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				width: 0;
				background: #888888;
			}
			&.loading{
				transform: scale(0.5) rotateX(180deg);
				font-size: 0;
				&:before{
					width: 100%;
					transition: width 1s cubic-bezier(0.8, 0, 0.26, 1);
					transition-delay: 0;
				}
				span {
					opacity: 0;
				}

			}
		}
		.wc-bookings-booking-form{
			border: 0;
			font-size: 16px;
			margin: 0;
			padding: 0;
			width: 100%;
			.wc-bookings-date-picker{
				font-size: 14px;
				padding: 0;
				margin: 0;
				.ui-widget-content{
					border: 1px solid #eee;
					border-radius: 0;
					box-shadow: none;
					.ui-datepicker-header{
						border-radius: 0;
					}
				}
				.ui-datepicker-prev,
				.ui-datepicker-next,
				.ui-datepicker-title{
					background-image: none;
				}
				.ui-datepicker-title{
					text-transform: capitalize;
				}
				.ui-datepicker td{
					font-size: 14px;
					opacity: 1;
					a,
					span{
						box-shadow: none;
						display: block;
						font-size: 14px;
						line-height: 1.2;
						opacity: 1;
						text-shadow: none;
						width: 100%;
					}
				}
			}
			.wc-bookings-booking-cost{
				border: 0;
				margin: 0 0 1em;
			}
			.block-picker{
				li.block{
					margin: 12px 0;
					a{
						background-image: none;
						transition: all .2s ease;
					}
				}
			}
			.form-field,
			.block-picker{
				font-size: 16px;
			}
		}
	}
	.woocommerce-product-gallery{
		position: relative;
		margin: 0 0 40px 0;
		max-width: 100%;
		width: 100%;
		@include media-breakpoint-up(md){
			max-width: 600px;
		}
		@include media-breakpoint-up(lg){
			width: calc(100% - 430px);
			margin: 0 45px 120px 0;
		}
		@include media-breakpoint-up(xl){
			margin: 0 96px 120px 0;
			width: calc(100% - 481px);
		}
		.woocommerce-product-gallery__image {
			a {
				display: block;
			}
			img{
				display: block;
				margin: 0 auto;
			}
		}
		a{
			&.woocommerce-product-gallery__trigger{
    			position: absolute;
			    z-index: 2;
			    right: 15px;
				top: 15px;
				overflow: hidden;
				color: transparent;
				font-size: 0;
				text-align: center;
			    &:before{
			    	content: '\e90e';
			    	font-family: '#{$icomoon-font-family}';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					text-transform: none;
					line-height: 1;
					font-size: 1rem;
					color: #000;
					transition: 0.2s ease-in-out;
					display: block;
					width: 21px;
					height: 23px;
					padding-top: 2px;
			    }
			    img{
			    	&.emoji{
						display: none!important;
			    	}
			    }
    		}
		}

		.flex-control-thumbs{
			list-style-type: none;
			display: flex;
			flex-wrap: wrap;
			padding: 10px 0 0 0;
			@include media-breakpoint-up(lg){
				padding: 16px 0 0 0;
			}
			li{
				margin: 0  10px 10px 0;
				width: calc(100% / 4 - 7.6px);
				&:nth-child(4n + 4){
					margin: 0 0 10px 0;
				}
				@include media-breakpoint-up(lg){
					margin: 0 16px 16px 0;
					width: calc(100% / 4 - 12px);
					&:nth-child(4n + 4){
						margin: 0 0 16px 0;
					}
				}
				img{
					margin: 0 auto;
					cursor: pointer;
					transition: 0.2s ease-in-out;
					&:hover{
    					opacity: 0.5;
    				}
				}
			}
		}
	}
	.woocommerce-tabs{
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		margin: 0 0 32px 0;
		@include media-breakpoint-up(lg){
			max-width: 1080px;
			margin: 0 0 120px 0;
			flex-wrap: nowrap;
		}
		.tabs{
			list-style-type: none;
			text-align: center;
			width: 100%;
			margin: 0 0 16px 0;
			max-width: initial;
			@include media-breakpoint-up(lg){
				max-width: 200px;
				min-width: 200px;
				text-align: left;
				margin-right: 50px;
			}
			li{
				margin-bottom: 16px;
				a{
					font-size: 0.9rem;
					color: #000;
					box-shadow: none;
					background-size: 0 100%;
					&:hover{
						background-size: 100% 100%;
					}
				}
				&.active{
					a{
						background-size: 100% 100%;
						&:hover{
							box-shadow: none;
						}
					}
				}
			}
		}

		.woocommerce-Tabs-panel{
			font-size: 0.9rem;
			line-height: 1.4rem;
			overflow: hidden;
			p {
				font-size: 0.9rem;
				line-height: 1.4rem;
				max-width: initial;
			}
		}
		.shop_attributes{
			tr{
				border: none;
				th{
					color: #888888;
					padding: 0px 0 13px 0;
					line-height: 35px;
					width: 150px;
					vertical-align: baseline;
					text-align: left;
				}
				td{
					padding: 5px 0 13px 0;
					padding: 0px 0 13px 0;
					line-height: 35px;
					a{
						display: inline-block;
						line-height: 20px;
						background-size: 100% 100%;
						&:hover{
							background-size: 0 100%;
						}
					}
				}
				p{
					margin: 0;
				}
			}
		}
		#reviews,
		.woocommerce-Reviews{
			#comments{
				margin-bottom: 16px;
				@include media-breakpoint-up(xl){
					margin-bottom: 64px;
				}
			}
			//woo product reviews pro
			.contributions-container{
				ol.commentlist li .comment-text{
					margin-left: 0 !important;
					padding-left: 0;
				}
			}
			.woocommerce-noreviews{
				max-width: initial;
			}
			.woocommerce-Reviews-title,
			.contributions-title, //woo product reviews pro
			#contributions-list-title, //woo product reviews pro
			.contributions-form-title{ //woo product reviews pro
				font-size: 0.9rem;
				color: #888888;
				line-height: 1.4rem;
				margin: 0 0 16px 0;
				@include media-breakpoint-up(xl){
					margin: 0 0 40px 0;
				}
			}
			.commentlist{
				list-style-type: none;
				margin: 0;
				li{
					margin-bottom: 32px;
					.comment_container{
						width: 100%;
						display: flex;
						> img{
							border-radius: 50%;
							display: block;
							max-width: 60px;
							min-width: 60px;
							max-height: 60px;
						}
						.comment-text{
							padding-left: 24px;
							display: flex;
							width: 100%;
							flex-wrap: wrap;
							.star-rating{
								margin: 0 0 10px 0;
								order: 3;
							}
							.meta{
								color: #888888;
							    font-size: 14px;
							    line-height: 16px;
							   	margin: 16px 0;
							    width: 100%;
								display: flex;
								align-items: center;
								justify-content: space-between;
								.woocommerce-review__author{
									font-size: 0.95rem;
									line-height: 1.3rem;
									font-weight: normal;
									color: #000;
								}
							    span{
							    	display: none;
							    }
							    .woocommerce-review__published-date{
							    	float: right;
							    }
							}

							.description{
								width: 100%;
								p{
									color: #000000;
									margin-bottom: 15px;
									font-size: 0.9rem;
								}
							}
						}
					}
				}
				// woo product reviews pro
				.comment-text{
					.avatar{
						border-radius: 50%;
						display: block;
						max-width: 60px;
						min-width: 60px;
						max-height: 60px;
						margin: 0 15px 0 0 !important;
					}
					> *:not(.meta):not(.review-title){
						width: 100%;
					}
					iframe{
						height: 360px;
					}
					.review-title{
						font-size: 0.9rem;
						padding-top: 15px;
						.star-rating{
							margin-bottom: 0;
						}
					}
					a{
						background-image: none;
						transition: all .2s ease;
					}
					.contribution-actions{
						margin: 20px 0;
					}
				}
				.contribution-karma{
					margin: 0;
				}
			}
			.comment-respond{
				.comment-reply-title{
					font-size: 1.15rem;
					line-height: 1.6rem;
					margin: 0 0 16px 0;
					display: block;
				}
				.comment-form{
					p{
						margin: 0 0 16px 0;
						max-width: initial;
					}
					.comment-notes{
						font-size: 0.9rem;
						line-height: 1.4rem;
						color: #888888;
						margin: 0 0 40px 0;
					}
					.comment-form-rating{
						label[for="rating"]{
							font-size: 16px;
							line-height: 25px;
							color: #888888;
							margin: 0 0 20px 0;
						}
						.stars {
						    display: block;
						    margin: 0 0 34px 0;
						    span{
						    	display: flex;
						    	margin-left: -8px;
						    }
						    &:hover{
						    	a{
						    		&:before{
						    			content: "\e929";
						    			color: #000;
						    		}
						    	}
						    }
						    a{
								position: relative;
								display: inline-block;
								text-decoration: none;
								transition: none;
								font-size: 0;
								color: #888888;
							    &:before{
							    	display: inline-block;
								    content: '\e929';
								    font-family: '#{$icomoon-font-family}';
									speak: none;
									font-style: normal;
									font-weight: normal;
									font-variant: normal;
									text-transform: none;
									line-height: 1;
								    text-indent: 0;
								    transition: all 0.2s ease;
								    font-size: 1.75rem;
							    }
							    &:hover{
							    	// color: #000 !important;
							    	&~a{
							    		&:before{
							    			content: "\e929";
						    				// color: #888888 !important;
							    		}
							    	}
							    }
						    }
						    &.selected{
						    	a{
						    		&.active{
						    			&:before{
						    				content: "\e929";
						    				color: #000;
						    			}
						    			&~a{
						    				&:before{
						    					content: "\e929";
						    					color: #888888;
						    				}
						    			}
						    		}
						    		&:not(.active){
						    			&:before{
						    				content: "\e929";
						    				color: #000;
						    			}
						    		}
						    	}
						    }
						}
					}
					.comment-form-comment{
						margin-bottom: 16px;
						> label{
							display: none;
						}
					}
					.comment-form-author{
						width: 100%;
						@include media-breakpoint-up(sm){
							width: 47%;
							float: left;
						}
						> label{
							display: none;
						}
						input{
							width: 100%;
						}
					}
					.comment-form-email{
						width: 100%;
						@include media-breakpoint-up(sm){
							width: 47%;
							float: right;
						}
						> label{
							display: none;
						}
						input{
							width: 100%;
						}
					}
					.form-submit{
						margin: 0;
						input{
							width: 100%;
							font-size: 0.9rem;
						}
					}
				}
			}
			.product-rating{
				.product-rating-summary,
				.product-rating-details{
					display: block;
					width: 100%;
					text-align: left;
					a{
						background-image: none;
						text-decoration: none !important;
					}
				}
				.product-rating-details tr{
					border-bottom: 0;
					&:nth-child(2n+1){
						background-color: rgba(0,0,0,.02);
					}
					td{
						text-align: center;
					}
				}
				.product-rating-summary{
					h3{
						font-size: 1.15rem;
						margin-bottom: 10px;
					}
				}
			}
			.contribution-type-selector{
				a{
					margin-right: 15px;
				}
			}
			.form-contribution{
				margin-left: 0 !important;
				label{
					display: none;
				}
				.star-rating-selector{
					fieldset{
						label{
							font-size: 1.1rem;
							float: none;
							margin-right: 5px;
							opacity: .5;
							transition: all 0.2s ease;
						}
						&:not(:checked) label.checkbox:before{
							content: "\0053";
						}
						&:not(:checked) label.checkbox:hover,
						&:not(:checked) label.checkbox:hover~label.checkbox,
						&:not(:checked) input:checked~label.checkbox{
							opacity: 1;
						}
					}
				}
				#review_rating_field .star-label{
					font-size: 0.8rem;
					font-weight: 400;
					position: relative;
					top: 2px;
				}
				.attachment-type{
					label:before{
						transition: all 0.2s ease;
					}
				}
				.toggle-attachment-source{
					float: none;
				}
				.wc-product-reviews-pro-form-submit-row{
					margin: 0;
					button{
						width: 100%;
					}
				}
			}
			#contributions-list{
				margin-top: 20px;
			}
		}
	}
}
section.no-results{
	&.not-found{
		padding: 0 15px;
	    max-width: 820px;
	    margin: 0 auto;
		.page-header{
			display: none;
		}
		.page-content{
			padding: 10% 0;
			> p{
				font-size: 1rem;
				text-align: center;
				margin-bottom: 32px;
				@include media-breakpoint-up(sm){
					font-size: 2rem;
					line-height: 2.75rem;
					margin-bottom: 72px;
				}
			}
			.search-form{
				max-width: 600px;
				display: flex;
				margin: 0 auto;
				label{
					width: 100%;
					margin-right: 20px;
					input{
						width: 100%;
					}
				}
				.search-submit{
					font-size: 0.9rem;
					padding: 0 30px;
				}
				.screen-reader-text{
					display: none;
				}
			}
		}
	}
}
body.search-no-results{
	.shop-wrapper{
		.woocommerce-info{
			font-size: 1rem;
			text-align: center;
			max-width: 760px;
			margin: 0 auto 32px auto;
			padding: 0;
			&:before{
				display: none;
			}
			@include media-breakpoint-up(lg){
				line-height: 2.75rem;
				font-size: 2rem;
				padding: 8% 0 14%;
			}
		}
	}
}
//BLOG PAGINATIONA
.blog-pagination-infinite_scroll{
	.posts-navigation{
		display: none;
	}
	.load-more{
		.load-text{
			display: none;
		}
	}
}
.blog-pagination-load_more_button{
	.posts-navigation{
		display: none;
	}
}
.blog-pagination-default{
	.posts-navigation{
		.screen-reader-text{
			display: none;
		}
		.nav-links{
			color: #000000;
			font-size: 17.65px;
			font-weight: 500;
			line-height: 38px;
			display: flex;
		    justify-content: center;
		    align-items: center;
		    margin: 0 auto 100px auto;
		    @include media-breakpoint-up(sm){
		    	font-size: 1.375rem;
		    }
		    &.paginated{
		    	max-width: 500px;
		    	margin: 0 auto 100px auto;
		    	.nav-previous{
		    		position: relative;
		    		&:after{
		    			content: '';
					    background-color: #DDDDDD;
					    width: 1px;
					    height: 30px;
					    transform: rotate(15deg) translateY(-50%);
					    display: inline-block;
					    top: 50%;
					    position: absolute;
					    right: -19px;
					}
		    	}
		    }
			.nav-previous{
				margin-right: 22px;
				a{
					&:before{
						content: '\e905';
						font-family: '#{$icomoon-font-family}';
						speak: none;
						font-style: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						line-height: 1;
						font-size: 10px;
						margin-right: 10px;
						position: relative;
						top: -1px;
						@include media-breakpoint-up(sm){
				    		margin-right: 18px;
				    		font-size: 16px;
				    	}
					}
				}
			}
			.nav-next{
				margin-left: 22px;
				a{
					&:after{
						content: '\e907';
						font-family: '#{$icomoon-font-family}';
						speak: none;
						font-style: normal;
						font-weight: normal;
						font-variant: normal;
						text-transform: none;
						line-height: 1;
						font-size: 10px;
						margin-left: 10px;
						position: relative;
						top: -1px;
						@include media-breakpoint-up(sm){
				    		margin-right: 18px;
				    		font-size: 16px;
				    	}
					}
				}
			}
		}
	}
}
//SHOP PAGINATION
.shop-pagination-load_more_button{
	.woocommerce-pagination{
		display: none;
	}
	.load-more{
		.load-text{
			display: block;
		}
		&.loading {
			.load-text {
				display: none;
			}
		}
	}
}
.shop-pagination-infinite_scroll{
	.woocommerce-pagination{
		display: none;
	}
	.load-more{
		.load-text{
			display: none;
		}
	}
}
.shop-pagination-default{
	.load-more{
		display: none;
	}
}
.woocommerce-pagination{
	margin: 32px 0 64px 0;
	text-align: center;
	.page-numbers{
		list-style-type: none;
		display: flex;
		max-width: 1100px;
		margin: 0 auto;
		flex-wrap: wrap;
		justify-content: center;
		li{
			position: relative;
			margin-bottom: 20px;
			&:after{
				content: '';
				background-color: #DDDDDD;
				width: 1px;
				height: 30px;
				transform: rotate(25deg) translateY(-50%);
				display: inline-block;
				top: 50%;
				position: absolute;
				right: 3px;
			}
			&:last-child{
				&:after{
					display: none;
				}
			}
			> a,
			> span{
				font-size: 1.375rem;
				line-height: 38px;
				padding: 0 4px;
				margin: 0 18px;
				text-align: center;
				display: inline-block;
				position: relative;
                background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
                background-repeat: no-repeat;
                background-position: 0 100%;
                background-size: 0% 100%;
                transition: background-size 0.2s ease-in-out;
                height: 38px;
                &:hover{
                    background-size: 100% 100%;
                    box-shadow: 0px -1px 0px transparent inset;
                }
			}
			.prev{
				font-size: 0;
				margin: 0 1px;
				.screen-reader-text{
					display: none;
				}
				&:before{
					content: "\e905";
					 font-family: '#{$icomoon-font-family}';
					font-size: 14px;
					color: #000;
					background-color: #fff;
				}

				&:after {
					content: ' ';
					position: absolute;
					right: -12px;
					top: 0;
					width: 15px;
					height: 100%;
					background: #FFF;
					z-index: 1;
				}
			}
			.next{
				font-size: 0;
				margin: 0 1px;
				background-color: transparent;
				.screen-reader-text{
					display: none;
				}
				&:before{
					content: "\e907";
					 font-family: '#{$icomoon-font-family}';
					font-size: 14px;
					color: #000;
				}
				&:after {
					content: ' ';
					position: absolute;
					left: -11px;
					top: 0;
					width: 10px;
					height: 100%;
					background: #FFF;
					z-index: 1;
				}
			}
			.current{
				&:before{
					content: '';
					display: block;
					width: 100%;
					height: 1px;
					background-color: #000;
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
				}
			}
		}
	}
}
.order-info{
	max-width: 1100px;
}
.woocommerce-order-details{
	.woocommerce-order-details__title{
		font-size: 1.375rem;
		margin-bottom: 32px;
		margin-top: 65px;
		max-width: 1100px;
		@include media-breakpoint-up(xl){
			font-size: 1.375rem;
		}
	}
	table{
		width: 100%;
		text-align: left;
		border-collapse: collapse;
		max-width: 1100px;
		strong{
			font-weight: normal;
			display: inline-block;
		}
		thead{
			tr{
				th{
					padding: 10px 0;
					color: #888888;
					font-size: 16px;
					@include media-breakpoint-up(xl){
						padding: 16px 0;
						width: 75%;
						font-size: 16px;
						text-align: left;
					}
				}
			}
		}
		tbody{
			tr{
				border: none;
				td{
					padding: 10px 16px 10px 0;
					font-size: 0.9rem;
					vertical-align: baseline;
					@include media-breakpoint-up(xl){
						padding: 0 0 8px 0;
					}
					ul{
						list-style-type:none;
						margin: 0;
						li{
							strong{
								float: left;
								color: #888888;
								font-size: 13px;
								margin-right: 5px;
							}
							p{
								color: #888888;
								font-size: 13px;
								margin: 0;
							}
						}
					}
					a{
			            background-size: 0 100% !important;
			            &:hover{
			                background-size: 100% 100% !important;
			            }
					}
				}
				&:first-child{
					td{
						padding: 32px 16px 10px 0;
					}
				}
				&:last-child{
					td{
						padding: 0 16px 32px 0;
					}
				}

				&:only-child{
					td {
						padding: 32px 16px 32px 0;
					}
				}
			}
		}
		tfoot{
			border-top: 1px solid #DDDDDD;
			tr{
				border: none;
				th{
					padding-top: 10px;
					font-size: 16px;
					color: #888888;
					vertical-align: baseline;
					width: 54%;
					@include media-breakpoint-up(xl){
						padding: 0 0 0 52%;
						text-align: left;
					}
				}
				td{
					font-size: 16px;
					padding: 0 0 10px 0;
					vertical-align: baseline;
					@include media-breakpoint-up(md){
						font-size: 0.9rem;
					}
					small{
						font-size: 16px;
						@include media-breakpoint-up(md){
							font-size: 0.9rem;
						}
					}
				}
				&:first-child{
					td{
						padding-top: 32px;
					}
					th{
						padding-top: 32px;
					}
				}
			}
		}
	}
}
body{
	.entry-content{
		.woocommerce{
			.woocommerce-customer-details{
				margin-top: 66px;
				.woocommerce-column__title{
					font-size: 1.375rem;
					max-width: 100%;
					margin: 0 0 32px 0;
				}
				.addresses{
					display: flex;
					width: 100% !important;
					flex-wrap: wrap;
					.woocommerce-column--1{
						flex: 100%;
						max-width: 100%;
						padding: 0;
						@include media-breakpoint-up(sm){
							flex: 54%;
							max-width: 54%;
						}
						@include media-breakpoint-up(xl){
							flex: 52%;
							max-width: 52%;
						}
					}
					.woocommerce-column--2{
						flex: 100%;
						max-width: 100%;
						padding: 0;
						@include media-breakpoint-up(sm){
							flex: 46%;
							max-width: 46%;
						}
						@include media-breakpoint-up(xl){
							flex: 48%;
							max-width: 48%;
						}
					}
				}
				address{
					font-size: 0.9rem;
					line-height: 1.4rem;
					font-style: normal;
					max-width: 100%;
					p{
						font-size: 0.9rem;
						line-height: 1.4rem;
						font-style: normal;
						margin: 0;
					}
				}
			}
		}
	}
}

.woocommerce-order-downloads{
	.woocommerce-order-downloads__title{
		max-width: 1100px;
		font-size: 1.375rem;
		margin-bottom: 32px;
		margin-top: 65px;
	}
	table{
		max-width: 1100px;
		thead{
			display: none;
			@include media-breakpoint-up(md){
				display: table-header-group;
				font-size: 16px;
				color: #888888;
				tr{
					th{
						padding: 16px 0;
						text-align: left;
						&.download-product{
							width: 36%;
						}
						&.download-remaining{
							width: 30%;
						}
						&.download-expires{
							width: 20%;
						}
						&.download-file{
							font-size: 0;
						}
					}
				}
			}
		}
		tbody{
			font-size: 0.9rem;
			color: #000;
			tr{
				display: block;
				padding: 24px 0;
				@include media-breakpoint-up(md){
					display: table-row;
					padding: 0;
				}
				td{
					padding: 24px 0;
					display: table;
				    width: 100%;
				    text-align: right;
				    @include media-breakpoint-up(md){
				    	display: table-cell;
				    	width: auto;
				    	text-align: left;
				    	padding: 24px 24px 24px 0;
				    }
					&.download-file{
						text-align: right;
						@include media-breakpoint-up(md){
							text-align: left;
							a{
								margin-left: 25px;
							}
						}
						&:before{
							content: attr(data-title);
							width: 50%;
							display: table-cell;
							vertical-align: middle;
							font-size: 16px;
							color: #888888;
							text-align: left;
							@include media-breakpoint-up(md){
								display: none;
							}
						}
						a{
							position: relative;
							&:before{
								content: '\e903';
								font-family: '#{$icomoon-font-family}';
								speak: none;
								font-style: normal;
								font-weight: normal;
								font-variant: normal;
								text-transform: none;
								line-height: 1;
								position: absolute;
								left: -25px;
								top: 3px;
							}
						}
					}
					&.download-product{
						a{
						    background-size: 0 100% !important;
						    &:hover{
						        background-size: 100% 100% !important;
						    }
						}
						&:before{
							content: attr(data-title);
							width: 50%;
							display: table-cell;
							vertical-align: baseline;
							font-size: 16px;
							color: #888888;
							text-align: left;
							@include media-breakpoint-up(md){
								display: none;
							}
						}
					}
					&.download-remaining{
						&:before{
							content: attr(data-title);
							width: 50%;
							display: table-cell;
							vertical-align: middle;
							font-size: 16px;
							color: #888888;
							text-align: left;
							@include media-breakpoint-up(md){
								display: none;
							}
						}
					}
					&.download-expires{
						&:before{
							content: attr(data-title);
							width: 50%;
							display: table-cell;
							vertical-align: middle;
							font-size: 16px;
							color: #888888;
							text-align: left;
							@include media-breakpoint-up(md){
								display: none;
							}
						}
					}
				}
			}
		}
	}
}
.order-again{
	display: inline-block;
	max-width: 1100px;
	font-size: 0.9rem;
	a{
		display: inline-block;
		background-image: linear-gradient(to top, rgb(0, 0, 0) 1px, rgb(0, 0, 0) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) 1px);
	    background-repeat: no-repeat;
	    background-position: 0 100%;
	    background-size: 100% 100%;
	    transition: background-size 0.2s ease-in-out;
	    background-color: transparent;
	    &:hover{
	        background-size: 0 100%;
	    }
	}
	&:before{
		content: '\e905';
		display: inline-block;
		margin-right: 10px;
		font-family: '#{$icomoon-font-family}';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		top: 1px;
		position: relative;
		font-size: 15px;
	}
}

.woocommerce-store-notice {

	position: fixed;
	left: 0;
	width: 100%;
	bottom: 0;
	margin: 0;
	font-size: 14px;
  	padding: 25px 70px 25px 30px;

	@include media-breakpoint-up(lg) {
		position: fixed;
		left: 96px;
		top: calc(100vh - 40px);
		min-height: 78px;
		width: 840px;
	  	transition: transform 0.2s, color 0.2s;
	    transition-timing-function: cubic-bezier(0.8, 0, 0.26, 1);
	    transform: translate3d(0, -100%, 0);
      	font-size: 18px;
  		padding: 25px 80px 25px 40px;
	}
	display: flex;
	justify-content:center;
	flex-direction: column;
  	text-align: left;
  	z-index: 9999;

	&.hidden {
		transform: translate3d(calc(-100% - 96px), -100%, 0);
		color: transparent;
	}

  	a.blockshop-store-notice__dismiss-link {
  	 	font-size: 0;
  	 	position: absolute;
  	 	right: 30px;
  	 	height: 15px;
  	 	width: 15px;
  	 	top: 30px;

  	 	&:before {
  	 		content: '\e921';
  	 		 font-family: '#{$icomoon-font-family}';
			font-size: 15px;
			line-height: 15px;
			transition: 0.2s ease-in-out;
			cursor: pointer;
			display: inline-block;
  	 	}
  	 	&:hover{
			&:before{
				-webkit-transform: rotate(-90deg);
				-ms-transform: rotate(-90deg);
				transform: rotate(-90deg);
			}
		}
	}
}

#woocommerce_before_cart_totals.hmu-hook {
	margin-top: 85px;
}

//SINGLE ATTACHMENT
body.single-attachment {
	.entry-header {
		.post-info {
			display: none;
		}
	}
	.entry-content {
		.attachment {
			text-align: center;
			a {
				background: none;
    			transition: none;
			}
		}
	}
}
