.woocommerce #respond input#submit.loading::after, 
.woocommerce a.button.loading::after, 
.woocommerce button.button.loading::after, 
.woocommerce input.button.loading::after {
  top: 0;
}

.tbay-woocommerce-breadcrumb.breadcrumb {
  > li {
    + li:before {
      content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
      padding: 0 5px;
      color: $breadcrumb-color;
    }
  }
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: $input-height-base; 
}
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered{
    height: $input-height-base;
    line-height:  $input-height-base;
    border: solid 1px $theme-color-hover;
}
.woocommerce form .form-row textarea{
    height: 6em;
}
/*-------------------------------------------
    Price
-------------------------------------------*/
// style overide woo
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit{
    background: #fff;
    color: $brand-primary;
    border:1px solid $border-color;
    color: $brand-primary; 
    padding: $padding-base-vertical $padding-base-horizontal;
    line-height: 1.7;
    border-radius: 0 !important;
    text-transform: none;
      font-size: 16px;
    font-weight: 500;
    @include transition(all 0.3s);
    display: inline-block;
    &:hover{
        border-color: #000;
        color: #fff; 
        background: #000;
        text-decoration: none;
    }             
}
.woocommerce {

    .form-group,.form-row {
        input[type="submit"] {
            @extend .btn-theme;
        }
    }
}
.yith-wcwl-add-to-wishlist .ajax-loading{
    margin: auto;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
}
.yith-wcwl-add-button{
    position: relative;
}
.woocommerce div.product .product_title{
    color: $link-color;
    font-size: 26px;
    font-weight: 700;
    height: auto;
    margin: 0 0 5px;
    font-family: $font-family-base;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
    font-weight: 700;
	text-decoration: none;
}
.add_to_cart_button{
    .fa{
        padding-right: 10px;
    }
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del{
    @include opacity(1);
}
.woocommerce .widget_price_filter .price_slider_amount .button{
    @extend .btn-theme;
}
.variations{
    label{
        color: $text-color;
        font-size: 14px;
        text-transform: capitalize;
        margin: 5px 0;
    }
    .value{
        padding: 0;
    }
    tr{
        margin: 0 0 10px;
    }
}
.woocommerce div.product form.cart .group_table{
    padding-bottom: 25px !important;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 31px;
    border-collapse: initial;
    .price del{
        font-size: 16px !important;
    }
    .price,
    .price ins{
        font-size: 18px !important;
    }
    td{
        vertical-align: middle;
		display: inline-block;
		&:first-child {
			width: auto;
			display: inline-block;
		}
    }
}
.woocommerce div.product form.cart .group_table .label{
    padding: 0.5em;
    vertical-align: middle;
    font-size:14px;
    display: inline-block;
    text-align: inherit;
	margin-right: 20px;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{
    line-height: 3em;
	display: inline-block;
}
.woocommerce div.product form.cart .variations td.label {
	min-width: 100px;
	text-align: left;
}
.woocommerce .order_details{
    padding: 0;
}
.woocommerce {
    .table-responsive {
        @extend .container;
    }
}
/*subcategories */
.all-subcategories {
  list-style: none;
  padding: 0;
  &.row {
    @media (max-width: 768px) {
        margin-left: -5px;
        margin-right: -5px;  
    }
  }
  > li {
    display: inline-block;
    width: 33.3333333%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
    text-align: center;
    @media (min-width: 480px){
        &:nth-child(3n +1) {
            clear: both;
        }
    }
    @media (max-width: 768px) and (min-width: 480px){
        padding: 0 5px;
    }
    @media (max-width: 480px){
        width: 50%;
        padding: 0 5px;
        &:nth-child(2n +1) {
            clear: both;
        }
    }
  }

  h3 {
    font-size: 14px;
    text-transform: uppercase;

        .count {
          font-size: 12px;
          background: transparent;
          color: #a5a5a5;
          font-weight: initial;
        }
     }
    a {
        display: block;
        img {
            @include transition(.4s);
            width: auto;
        }
    }
  a {
    @include transition(.4s);
    &:hover {
      h3 {
        color: $theme-color;
      }
    }
  }
}

.woocommerce table.shop_table{
    border-collapse:collapse;
    input[type="submit"] {
        @extend .btn-theme;
        text-transform: capitalize;
    }
    > thead > tr > th,
    > thead > tr > td,
    > tbody > tr > td,
    > tbody > tr > th, {
        border-bottom-width: 1px;
        text-align: center;
		@media (max-width: $screen-sm){
			text-align: center !important;
		}
        a.remove  {
            display: initial;
            &:hover {
                color: $theme-color !important;
                background: none;
            }
        }
        .quantity {
            float: none;
            display: inline-flex;
        }
        #coupon_code {
            @extend .border-theme;
            font-size: 13px;
        }
        &.product-thumbnail {
            padding: 0;
            img {
                min-width: 80px;
            }
        }
    }
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    display: inline-block;
    font-size: $font-size-base;
    padding: $padding-base-vertical $padding-base-horizontal;
    @extend .btn-theme;
    text-transform: capitalize;
}
.woocommerce #content table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text{
    width: auto;
    height: 40px;
}
.woocommerce span.onsale{
    background: $theme-color none repeat scroll 0 0;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 0px 10px !important;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    left: 0 !important;
    top: 0 !important;
    line-height: 18px !important;
    min-height: auto !important;
    @include border-radius(3px  !important);
}
.woocommerce .block-save-price{
    background: #f5f5f5;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 22px;
    position: absolute;
    text-align: center;
    text-transform: none;
    left: 20px;
    top: 20px;
    line-height: 46px;
    min-height: auto;
    @include border-radius(8px);
	z-index: 100;
	span.price {
		margin-bottom: 0 !important;
		font-size: 18px;
		font-weight: 900;
	}
}

//popup-cart
.popup-cart{
    .title-count,
    .title-add{
        font-size: 20px;
        margin: 0 0 20px;
    }
    .gr-buttons{
        margin: 50px 0 0;
        a {
            @extend .btn-theme;
        }
    }
    .title-add{
        color: $brand-success;
    }
    .image{
        img{
            max-width: 100px;
        }
    }
    .name{
         margin: 30px 0 0;
    }
    .total {
        .woocommerce-Price-amount {
            font-size: 20px;
            color: $theme-color;
            font-weight: bold;
        }
    }
    .quantity {
        border: 0 !important;
        padding: 10px 0 0 !important;
        span {
            margin-right: 0;
        }
    }
    .widget-product{
        margin-top: 30px;
    }
}
#tbay-cart-modal{
    .btn-close{
        position: absolute;
        top:0;
        right: 0;
		left: auto;
        z-index: 99;
        background: #fff;
        @include size(30px,30px);
        line-height: 26px;
        text-align: center;
        display: inline-block;
    }
    .modal-content{
        background: #ffffff none repeat scroll 0 0;
        min-width: 200px;
        max-width: 100%;
		min-height: 270px;
        margin-top: 40%;
		@include border-radius(5px);
		overflow: hidden;
        @media (max-width: 1400px) {
            margin-top: 25%;
        }
    }
    .modal-body{
        padding: 40px;
    }
	.name {
		margin-top: 15px;
		font-size: 16px;
	}
	.quantity {
		font-size: 16px;
		.woocommerce-Price-amount {
			color: $theme-color;
			font-weight: bold;
		}
	}
}

.single-product .yith-wcwl-add-to-wishlist .tooltip {
    display: none;
}

.name{
    @include font-size(font-size,13px);
    font-weight: 700;
    margin: 0 0 10px;
    font-family: $font-family-base;
    a{
        color: #222;
        &:hover{
            color: $theme-color;
        }
    }
}
.product-block{
     .sale-off{
        background: $brand-danger none repeat scroll 0 0;
        color: #ffffff;
        font-size: 12px;
        font-weight: 400;
        padding: 4px 10px;
        position: absolute;
        right: 20px;
        text-align: center;
        text-transform: uppercase;
        top: 20px;
    }
    .image{
        position: relative;
        overflow: hidden;
        margin: 0 0 15px;
		padding-bottom: 11px;
		border-bottom: 2px solid $border-color;
        .image-effect{
            top: 0; 
            position: absolute;
            overflow: hidden;
			left: 0;
			right: auto;
            @include opacity(1);
            @include translate(-100%, 0px); 
            @include transition(all 0.3s);
        }
		ul.show-brand {
			position: absolute;
			left: 0;
			bottom: 13px;
			@include transition(all 0.5s);
			@media (max-width: $screen-sm-max){
				position: relative;
				bottom: auto !important;
				padding-bottom: 13px;
			}

		}
        .image-hover{
            @include transition(all 0.3s );
        }
        // hover image
        &:hover{
            .image-effect{
                @include translate(0px,0px);
            }
            .image-hover{
                @include translate(100%, 0px); 
            }
			ul.show-brand {
				bottom: 60px;
			}
        }
        .yith-wcwl-add-to-wishlist, .yith-wcwl-add-to-wishlist{
            span{
                display: none;
            }
        }
    }
    .category{
        text-transform: none;
        font-weight: $product-category-font-weight;
        font-style: $product-category-font-style;
        @include font-size(font-size, $product-category-font-size);
        a{
            color: $product-category-color;
            &:hover{
                color: $product-category-hover-color;
            }
        }
    }
    .clear,.added_to_cart {
        display: none !important;
    }
    .add_to_cart_button{
        position: relative;
        &.loading{
            .title-cart{
                visibility: hidden;
            }
        }
    }
    // price
    .price{
        color: $product-price-color!important;;
        font-family: $font-family-second;
        font-size: $product-price-font-size!important;
        font-weight: 700;
        margin-bottom: 10px;
        display: inline-block;
         @media (max-width: $screen-xs){
            font-size: 15px !important;
            margin-top: 0px;
            margin-bottom: 0;
        }
        del{
            font-size: 14px;
            color: $product-price-old-color;
			margin-right: 7px;
        }
    }
    .yith-wcwl-add-to-wishlist{
        margin: 0;
    }

    .quick-view .quickview{
        bottom: 0;
        @include scale (0);
        @include opacity(0);
        @include transition(all 0.3s ease-in-out 0s);
        height: 46px;
        overflow: hidden;
        padding: 20px 6px 0 0;
        position: absolute;
        right: 0;
        text-align: right;
        width: 46px;
        color: #fff;
        z-index: 3;
        &:before {
            border-bottom: 46px solid #17181a;
            border-left: 46px solid rgba(0, 0, 0, 0);
            bottom: 0;
            content: "";
            position: absolute;
            right: 0;
            z-index: -1;
        }
        &:hover{
            color: $theme-color;
        }
    }
    &:hover{
      .quick-view .quickview{
        @include scale (1);
        @include opacity(1);
        @include transition(all 0.3s ease-in-out 0s);
      }  
    }
    &.list{
        padding-bottom: 15px;
        margin-bottom: 0;
        .image{
            margin-bottom: 0;
			border: 0;
			padding: 0;
        }
        .caption-list {
            .name{
                font-size: 18px;    
            }
            .groups-button{
                border-top: 1px solid $border-color;
                padding-top: 30px;
                margin-top: 10px;
                display: inline-block;
                width: 100%;
				position: relative;
				bottom: auto;
				left: auto;
            }
        }
    }
    .groups-button{
		position: absolute;
		bottom: 13px;
		left: 0;
		width: 100%;
        > div {
            float: left;
        }
        .add-cart{
            .product_type_external,
            .product_type_grouped,
            .product_type_simple,
            .add_to_cart_button{
                border: 2px solid #eee;
                padding: 0 11px;
                line-height: 32px;
                font-size: 11px;
                font-weight: 700;
                letter-spacing: 0;
				margin-right: 4px;
                margin-left: 0;
                @media (max-width: $screen-xs){
                    margin-right: 10px;
                }
                @include border-radius(8px !important);
                &:hover{
                    border-color: #009aff;
					background: #009aff;
                }
				&.added{
					border-color: #009aff;
					background: #009aff;
					color: #fff;
					&:after {
						display: none !important;
					}
				}
				i {
					margin-right: 3px;
					font-weight: bold;
				}
            }
            .product_type_external{
                padding: 0 15px;
            }
            .product_type_variable,
            .product_type_grouped{
                padding: 0 10px!important;
            }
        }
		.yith-wcwl-wishlistexistsbrowse > a,
        .yith-wcwl-wishlistaddedbrowse > a,
		.yith-wcwl-add-to-wishlist > a,
        .yith-compare > a,
        .add_to_wishlist,
        .yith-wcqv-button{
            color: #000;
            background-color: #fff !important;
            @include border-radius(8px !important);
            position: relative;
            border: 2px solid #eee;
            @include size(34px,auto);
            text-align: center;
            line-height: 34px;
            @include transition(all 0.3s ease-in-out 0s);
            padding:0;
            display: inline-block;
            vertical-align: middle;
			float: left;
			margin-right: 4px;
            margin-left: 0;
            @media (max-width: $screen-xs){
                margin-right: 10px;
            }
            > *{
                margin:0;
                padding:0;
            }
			i {
				margin-right: 0;
				display: block;
				line-height: 32px;
				font-weight: bold;
				font-size: 16px;
			}
            &:hover{
                background-color: #009aff !important;
				border-color: #009aff;
                color: #fff;
                @include transition(all 0.3s ease-in-out 0s);
            }
            span{
                display: none;
            }
        }
		.yith-wcwl-wishlistexistsbrowse > a,
        .yith-wcwl-wishlistaddedbrowse > a {
			border-color: #009aff;
			background-color: #009aff !important;
			color: #fff;
		}
		.yith-compare > a {
            margin-right: 0;
            text-indent: -10000px;
			&.added {
				width: 34px;
				text-indent: -10000px;
				position: relative;
				background-color: $theme-color !important;
				border-color: $theme-color;
				color: #fff;
				&:after {
					font-family: FontAwesome;
					content: "\f021";
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					line-height: 34px;
					text-indent: 0;
				}
            }
            &:after {
                font-family: FontAwesome;
                content: "\f021";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                line-height: 34px;
                text-indent: 0;
            }
		}
		.yith-wcqv-button span {
			display: block;
		}
        .feedback,
        .sub-title{
            display: none;
        }
    }
    .caption,.caption-list {
        .rating { 
            display: inline-flex; 
            width: 100%; 
            .count {
                margin-top: -3px;
                margin-left: 5px;
                font-size: 12px;
            }
        }
        .star-rating {
            float: none;
        }
    }
    // product grid
    &.grid{
        position:relative;
        margin:0 0 $theme-margin;
		padding: 20px 20px 10px;
		background: #fff;
        border: 2px solid transparent;
        @include transition(all 0.5s);
		@include border-radius(5px);
        .category{
            margin: $product-category-margin;
            overflow: hidden;
            @include text-overflow();
        }
        .block-inner{
            position: relative;
        }
        &:hover {
            border-color: $theme-color;
        }
        @media(min-width: $screen-sm-max){
			.groups-button{
				.yith-compare,  
				.yith-wcwl-add-to-wishlist,
				.yith-wcqv-button,
				.add-cart {
					@include scale (0);
					@include opacity(0);
					@include transition(all 0.3s ease-in-out 0s);
				}
			}
			&:hover{
				.groups-button{
					.yith-compare,  
					.yith-wcwl-add-to-wishlist,
					.yith-wcqv-button,
					.add-cart {
						@include opacity(1);
						@include scale (1);
						@include transition(all 0.4s ease-in-out 0s);
					}
				}  
			}
		}
		
		@media (max-width: $screen-sm-max){
			padding: 20px 12px 10px;
			.groups-button{
				position: relative;
				bottom: auto;
			}
		}
    }
}

/* Hide button */
.hide-button .product-block .groups-button {
	display: none !important;
}
.hide-button .product-block .image:hover ul.show-brand {
    bottom: 13px !important;
}

ul.show-brand {
	margin-bottom: 0 !important;
	padding: 0;
	li {
		display: inline-block;
		a {
			font-size: 12px;
			color: #000;
			line-height: 20px;
			display: block;
			padding: 0 10px; 
			background: #f5f5f5;
			@include border-radius(4px);
			margin-right: 10px;
            &:hover,&:focus {
                background: $theme-color;
                color: $white;
            }
		}
	}
}
.product-countdown .product-block .image:hover ul.show-brand {
    bottom: 13px;
}
.widget-products {
	u, ins {
		text-decoration: none;
	}
	&.carousel, &.widget-carousel, &.carousel-special, &.widget-carousel-special {
		.owl-carousel {
			.owl-controls {	
				position: static;
				top: auto;
				right: auto;
				@include transform(none);
				z-index: 100;
				.owl-nav {
					position: absolute;
					top: -34px;
					right: 0;
					.owl-next, .owl-prev {
						display: block;
						font-size: 20px;
						line-height: 30px;
						color: #aaa;
						width: 46px;
						border: 2px solid #eee;
						background: #fff;
						@include border-radius(8px);
						.fa {
							display: block;
							line-height: 30px;
						}
						&:hover {
							background: #00f2bc;
							color: #fff;
							border-color: #00f2bc;
						}
					}
					.owl-next {
						right: 15px !important;
					}
					.owl-prev {
						right: 65px;
						left: auto !important;
					}
				}	
			}
			.owl-dots {
				bottom: -13px;
			}
		}
	}
	&.list, &.widget-list {
		.tbay-w-products-list {
			list-style: none;
			padding: 0;
		}
		.product-block {
			padding: 20px;
			background: #fff;
			.image {
				padding: 0;
				margin: 0;
				border: 0;
			}
		}
		.media-body {
			padding: 20px;
			border-left: 2px solid #f5f5f5;
		}
		.row {
			margin: 0;
		}
	}
	&.special, &.widget-special, &.carousel-special, &.widget-carousel-special {
		.row {
			margin: 0;
		}
		.product-block {
			padding: 0;
			margin-bottom: 30px;
			.block-inner {
				padding: 20px;
				border-right: 2px solid #f5f5f5;
				@media (max-width: $screen-sm){
					border-right: 0;
					border-bottom: 2px solid #f5f5f5;
				}
			}
			.image {
				padding: 0;
				margin: 0;
				border: 0;
			}
			.caption {
				padding: 40px 20px 20px 40px;
				@media (max-width: $screen-lg){
					padding: 20px;
					float: left;
				}
			}
			ul.show-brand {
				margin-bottom: 20px !important;
			}
			.rating {
				margin-bottom: 10px;
			}
			.groups-button {
				position: relative;
				left: auto;
				bottom: auto;
				margin-top: 10px;
				.yith-compare,  
				.yith-wcwl-add-to-wishlist,
				.yith-wcqv-button,
				.add-cart {
					@include opacity(1);
					@include scale (1);
					@include transition(all 0.4s ease-in-out 0s);
				}
			}
		}
	}
}
@media(min-width: $screen-lg){
    .products-grid .first  {
        clear: both;
    }
}

@media(min-width: $screen-lg){
    .products-grid .first-lg  {
        clear: both;
    }
} 

@media(min-width: $screen-md) and (max-width: $screen-lg) {
    .products-grid .first-md  {
        clear: both;
    }
}

@media(min-width: $screen-sm) and (max-width: $screen-md) {
    .products-grid .first-sm  {
        clear: both;
    }
}

@media(max-width: $screen-xs) {
    .products-grid .first-xs  {
        clear: both;
    }
}

@media(max-width:767px){
    .products-grid .product:nth-child(2n+1){
        clear: both;
    }
}
.products{
    /*------------------------------------*\
        Product List
    \*------------------------------------*/
    .product-list{
        padding:  20px;
        background: $white;
        img{
            height: auto;
        }
        .rating{
            @include clearfix();
            .star-rating{
                float: right;
            }
        }

        .price{
            text-align: right;
            ins{
                text-align: right;
            }
            > *{
                width: inherit;
            }
        }
        .description{
            text-align: justify;
        }
        .product-assets{
            .name{
                display: none;
            }
            text-align: right;
           
            .btn-cart, .btn-cart a{
                background: none;
                &:after, &:before{
                    content: none!important;
                }    
            }
        }  
    }
}
// single product
#main {
    > .woocommerce {
        @extend .container; 
    }
}
.woocommerce div.product div.images div.thumbnails{
    padding-top: 20px;
}
.woocommerce div.product .woocommerce-product-rating{
    margin: 0 0 5px;
}
.woocommerce .woocommerce-product-rating{
    .star-rating{
        margin: 0;
        display: inline-block;
        float: none;
    }
    .woocommerce-review-link{
        display: inline-block;
        vertical-align: top;
    }
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary,
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
    width: 100%;
}
body.single-product .archive-shop.col-md-12 .row {
	margin: 0;
}
.archive-shop{
    div.product{
        .image-mains{
            position: relative;
            width: 40%;
            float: left;
            padding-left:$theme-margin / 2;
            padding-right:$theme-margin / 2;
        }
		form.cart .variations {
			margin-bottom: 0;
		}
		.woocommerce-variation-price {
			margin-bottom: 15px;
		}
		.woocommerce-tabs {
			padding-top: 30px;
			margin-top: 5px;
		}
		div.product form.cart .group_table td{
			&:first-child {
				width: auto;
			}
		}
        .information{
            position: relative;
            width: 60%;
            float: left;
            padding-left:$theme-margin / 2;
            padding-right:$theme-margin / 2;
            .tooltip {
                display: none !important;
            }
            .cart{
                margin: 20px 5px 20px 0;
                padding-top: 30px;
                padding-bottom: 30px;
                border-top: 1px solid $border-color;
                border-bottom: 1px solid $border-color;
            }
            .feedback{
                display: none;
            }
            .clear{
                display: none;
            }
            .yith-wcwl-add-to-wishlist{
                float: left;
                margin: 0 30px 0 0;
            }
            .tbay-social-share,
            .product_meta{
                overflow: hidden;
                margin: 20px 0 0;
                padding-top: 20px;
                border-top: 1px solid $border-color;
                clear: both;
				&.yith-none {
					border: 0;
					margin-top: -20px;
                }
				> span {
					display: block;
					&.yith-wcbr-brands {
						margin-top: 0;
					}
				}
            }
            .price{
                font-size: 20px;
                color: $theme-color;
                font-family: $font-family-second;
				font-weight: bold;
                del{
                    font-size: 18px;
                    margin-right: 5px;
                    color: #aaa;
					font-weight: normal;
                }
                ins{
                    font-size: 20px;
                    text-decoration: none;
                }
            }
            .single_add_to_cart_button{
                background-color: $theme-color;
                color: #fff;
                padding: 0 25px 0 45px;
                line-height: 50px;
                font-size: 11px;
                text-transform: uppercase;
                letter-spacing: 1.5px;
                font-weight: 700;
                border: none;
                display: inline-block;
				@include border-radius(8px !important);
                &:hover{
                    background-color: darken($theme-color, 10%)
                }
				&:after {
					content: "\f07a";
					font-family: "FontAwesome";
					color: #fff;
					font-size: 17px;
					position: absolute;
					left: 20px;
					font-weight: normal;
				}

            }
            .compare{
                font-size: 11px;
                font-weight: 700;
                padding: 0;
                letter-spacing: 1.5px;
                text-transform: uppercase;
                border: none;
                color: #666;
                &:before{
                    content: "\f021";
                    font-family: "FontAwesome";
                    color: #666;
                    font-size: 12px;
                    position: relative;
                    right: 5px; 
                    font-weight: normal;
                }

                &:hover{
                    color: $theme-color;
                    background-color: transparent;
                    &:before{
                        color: $theme-color;
                    }
                }
            }

            .yith-wcwl-wishlistexistsbrowse > a,
            .yith-wcwl-wishlistaddedbrowse > a,
            .yith-compare > a,
            .add_to_wishlist{
                color: #666;
                font-size: 11px;
                font-weight: 700;
                padding: 0;
                letter-spacing: 1.5px;
                text-transform: uppercase;
                &:hover,&.show{
                    color: $theme-color;
                }
                i{
                    margin-right: 5px !important;
                }
            }
        }
        //images
        .thumbnails-image{
            margin-top: $theme-margin;
        }
		.flex-control-thumbs {
			.owl-item {
				padding: 0;
			}
			li {
				padding: 0 4px;
                &:focus {
                    outline: none;
                }
				img {
					@include border-radius(8px);
					border: 2px solid #eee;
					overflow: hidden;
					opacity: 1 !important;
                    width: auto;
					&.flex-active {
						border-color: $theme-color;
					}
				}
			}
			&.owl-carousel .owl-controls {
				.owl-nav {
					top: 54%;
					width: 100%;
					pointer-events: none;
					@include opacity(0);
					.owl-prev {
						text-indent: -10000px;
						position: absolute;
						border: 0;
						@include border-radius(4px);
						width: 34px;
						height: 34px;
						background: #fff;
						pointer-events: all;
						left: 4px !important;
						right: auto !important;
						&:after {
							font-family: FontAwesome;
							content: "\f177";
							/*rtl:raw:
							content: "\f178";
							*/
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							line-height: 30px;
							text-indent: 0;
							color: #3a4354;
							font-size: 16px;
						}
					}
					.owl-next {
						right: 4px !important;
						left: auto !important;
						text-indent: -10000px;
						position: absolute;
						border: 0;
						@include border-radius(4px);
						width: 34px;
						height: 34px;
						background: #fff;
						pointer-events: all;
						&:after {
							font-family: FontAwesome;
							content: "\f178";
							/*rtl:raw:
							content: "\f177";
							*/
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							line-height: 30px;
							text-indent: 0;
							color: #3a4354;
							font-size: 16px;
						}
					}
					.owl-prev, .owl-next {
						&:hover {
							border-color: $theme-color;
							background: $theme-color;
							&:after {
								color: #fff;
							}
						}
					}
				}
				.owl-dots {
					display: none !important;
				}
			}
			&:hover {
				&.owl-carousel .owl-controls {
					.owl-nav {
						@include opacity(1);
					}
				}
			}
		}
    }
}
/*rtl:begin:ignore*/
.archive-shop div.product .image-mains {
	direction: ltr;
}
/*rtl:end:ignore*/

.widget.upsells, .widget.related {
    border: 0;
    margin-top: 0;
    .owl-carousel {
        padding: 30px 0 0;
        background: #fafafa;
        &:after {
            background: #f5f5f5;
            content: "";
            top: 0;
            height: 100%;
            position: absolute;
            width: 100vw;
            left: 50%;
            right: 50%;
            margin-left: -50vw;
            margin-right: -50vw;
            z-index: -1;
        }
        .owl-controls { 
            position: static;
            top: auto;
            right: auto;
            @include transform(none);
            .owl-nav {
                position: absolute;
                top: -34px;
                right: 0;
                .owl-next, .owl-prev {
                    display: block !important;
                    font-size: 20px;
                    line-height: 30px;
                    color: #aaa;
                    width: 46px;
                    border: 2px solid #eee;
                    background: #fff;
                    @include border-radius(8px);
                    .fa {
                        display: block;
                        line-height: 30px;
                    }
                    &:hover {
                        background: #00f2bc;
                        color: #fff;
                        border-color: #00f2bc;
                    }
                }
                .owl-next {
                    right: 15px !important;
                }
                .owl-prev {
                    right: 65px;
                    left: auto !important;
                }
            }   
        }
        .owl-dots {
            display: none !important;
        }
    }
}

.widget {
    &.upsells, &.related {
        &.cross-sells {
            border-top: 0;
            margin-top: 0;
            padding-top: 30px;
            .owl-carousel:after {
                display: none;
            }
            .widget-title {
                text-transform: capitalize;
                font-size: 24px;    
				@media (max-width: $screen-lg){
					font-size: 18px; 
				}				
            }
        }
    }
}

.cart_totals {
	h2 {
		@media (max-width: $screen-lg){
			font-size: 18px; 
		}
	}
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 100%;
}

/*------------------------------------*\
    Product Category and Subcategories
\*------------------------------------*/
.product-category{
    .product-category-content{
        position: relative;
        overflow: hidden;
        min-height: $product-category-content-height;
        margin: $product-category-content-margin;
    }
    .product-category-image{
        display: block;
        img{
            @include img-responsive();
        }
    }
    .product-category-title{
        text-transform: none;
        position: absolute;
        text-align: center;
        bottom: 0;
		left: 0;
		right: auto;
        width: 100%;
        font-weight: $product-category-title-font-weight;
        @include font-size(font-size,$product-category-title-font-size);
        color: $product-category-title-color;
        margin: $product-category-title-margin;
        padding: $product-category-title-padding;
        background: rgba($product-category-title-bg, .3);
        .count{
            background: transparent;
            color: $product-category-title-color;
        }
    }
}

/*------------------------------------*\
    Quickview
\*------------------------------------*/
#tbay_modal_quickview{
    iframe{
        width: 100%;
        min-height: 600px;
    }
    @include box-shadow(0 10px 25px rgba($black, 0.1));
    @include border-radius(4px);
    @include size(auto,auto);
    border: 0;

    .modal-body{
        border: 0px solid #efefef;
        background: #efefef;
        padding: 5px;
        > div{
            background: $white;
        }
    }
    .modal-dialog{
        overflow: hidden;
        del{
            .amount{
                color: $text-color;
            }
        }
        &.modal-lg {
            @media(max-width: $screen-sm-max){
                width: 95%;
                margin: 15px auto;
            }
        }
    }
    .modal-content{
        border: 0;
    }
    .modal-header{
        border: 0;
        padding: 0;
        min-height: inherit;
    }
    
    .product-info{
        padding: 0;
        margin: 0;
        .summary{
            padding:($theme-padding / 2);
        }
        .product-title{
            padding-top: 0;
            margin-top: 0;
            @include font-size(font-size,$quickview-product-title-font-size);
        }
        .qty{
            position: relative;
            left: 1px;
			right: auto;
        }
        .product_meta{
            @include clearfix();
            margin: 10px 0;
            > div{
                margin-top: 10px;
            }
        }
    }
    .close{
        position: relative;
        z-index: 1;
        top: 0px;
        border: 0;
        color: darken(#EFEFEF, 30%);
        margin: 10px 0 10px;
        padding: 0;
        display: table;
        text-align: center;
        @include square(30px);
        right: 15px;
		left: auto;
        @include transition(0.1s color linear);
        .fa,.icon{
            @include font-size(font-size,20px);
            display: table-cell;
            vertical-align: middle;
            margin: 0 8px;
            float: left;
        }
        &:hover{
            .fa,.icon{
                color: $black;
            }
        }
    }
    #quickview-carousel{
        overflow: hidden;
        &:hover{
            .left{
                left: 15px;
				right: auto;
            }
            .right{
                right: 15px;
				left: auto;
            }
        }
    }
    .carousel-indicators{
        li{
            border-color: $theme-color;
        }
        .active{
            background: $theme-color;
            border-color: $theme-color;
        }
    }
    .carousel-control{
        line-height: 60px;
        top: 0px;
        margin: 57% auto;
        font-weight: normal;
        color: lighten($text-color, 5%);
        border: 0px;
        @include size(30px,60px);
        @include font-size(font-size,40px);
        @include transition(all 0.45s ease);
        &.left{
            left: -30px;
			right: auto;
        }
        &.right{
            right: -30px;
			left: auto;
        }
        &:hover{
            color: $theme-color;
        }
    }
}

/**
 *
 *  Woocommerce Form
 */
.button{
	@include border-radius(0 !important);
	@extend .btn;
	@extend .btn-sm;
	.fa , .icon{
		margin-right: 5px;
	}
}

.select2-container{ 
	& > .select2-choice{
		border: 1px solid $input-border !important;
	    border-radius: $input-border-radius !important;
		padding: $padding-base-vertical $padding-base-horizontal - 8 !important;
		font-size: $font-size-base;
		line-height: $line-height-base;
	}
}

.form-row {
	label{
		font-weight: normal;
	}
	.checkbox, .input-radio{
		margin-bottom: 0;
		margin-top: 0;
		margin-left:  20px;		
	}
	input[type="checkbox"]{
		float:left;
		margin-top: 7px
	}
}	

/* End
------------------------------------------------*/
.category-image{
    img{
        @extend .filter-grayscale;
    }
}
p.demo_store {
	top: 0;
	position:fixed;
	left: 0;
	right: 0;
	@include size(percentage(1),auto);
	text-align: center;
    @include font-size(font-size,$font-size-md);
	padding: .5em 0;
	z-index: 99998;
	border: 1px solid darken($border-color, 10);
	@include box-shadow(0, 0, 0, 3px, rgba($white,0.2));
}
.admin-bar {
	p.demo_store {
		top:28px;
	}
}
/*------------------------------------*\
    Utilities
\*------------------------------------*/
.wc-forward, .wc-forward a {
	&:after {
		content: "\f061";
		font-family: $theme-font-name;
		/*rtl:begin:ignore*/
		margin: 0 0 0 5px;
		/*rtl:end:ignore*/
	}
}
.wc-backward, .wc-backward a {
	&:before {
		content: "\f060";
		font-family: $theme-font-name;
		margin: 0 5px 0 0;
	}
}
.woocommerce {
    .return-to-shop {
        .wc-backward {
            @extend .btn-theme;
            text-transform: capitalize;
        }
    }
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    @extend .btn-theme;
    &:hover {
        color: $white;
        background: darken($theme-color, 10%);
    }
}

//reviews
.woocommerce #reviews #comments h2{
    font-size: 14px;
}
.woocommerce #reviews #comments ol.commentlist li{
    margin: 0 0 $theme-margin;
    .tbay-avata{
        min-width: 120px;
    }
    img.avatar{
       width: 60px;
       border:none;
       padding: 0;
       position: relative; 
       margin: 0 0 10px;
    }
    .comment-text{
        border-radius: 0;
        min-width: 800px;
        max-width: 100%;
    }
    .meta{
        margin: 0 0 5px;
    }
    .star-rating{
        float: left;
        margin: 0 0 5px;
    }
}
#reviews{
    #comments{
        margin: 0 0 30px;
    }
    .commentlist{
        padding: 0;
    }
	.reviews-summary {
		.review-summary-total{
			text-align: center;
			font-weight: 400;
			.review-summary-result {
				@include size(70px, 70px);
				text-align: center;
				border: 2px solid $theme-color;
				color: $theme-color;
				line-height: 66px;
				font-size: 20px;
				@include border-radius(50%);
				margin-bottom: 8px;
			}
		}
		.review-summary-detal {
			overflow: hidden;
			display: block;
			.review-label{
				color: $black;
				font-weight: 400;
			}
			.progress {
			}
		}
	}
	.comments{
		padding: $theme-padding 0;
		.commentlist {
			margin: 15px 0;
			.comment {
				margin-bottom: 30px;
			}
			.comment-image {
				min-width: 100px;
				margin-right: 20px;
				> span {
					display:  block;
					margin-bottom: 5px;
				}
				.avatar {
					@include border-radius(50%);
				}
				.author {
					color: $black;
				}
			}
			.comment-text {
				border: 1px solid $border-color;
				padding:  15px 30px;
				@include border-radius( 3px);
				> div {
					margin-bottom: 7px;
				}
			}
		}
	}
	.review_form_wrapper {		
		border-top: 1px solid $border-color;
	}
	.comment-reply-title{
		font-size: 14px;
        font-weight: 600;
        margin-top: 15px;
        margin: 0 0 30px !important;
	}
    #commentform {
        display: flex;
        flex-direction: column;
        display: -ms-flexbox;
        display: flex;
        .required {
            color: red;
        }
        > p {
            margin-bottom: 12px !important;
        }
        input[type="text"],textarea {
            border-radius: 4px;
            background-color: #ffffff;
            border: solid 2px #eeeeee;
            min-width: 470px;
            width: auto;    
            min-height: 36px;
            @media (max-width: $screen-xs){
                min-width: initial;
                width: 100%;
            }
        }
        textarea {
            width: auto !important;
            vertical-align: text-top;
            margin-left: 2px;
            @media (max-width: $screen-xs){
                min-width: initial;
                width: 100% !important;
            }
        }
        .form-submit {
            input {
                margin-left: 103px;
                &.submit {
                    @extend .btn-theme;  
                }
            }
        }
        > p {
            > label {
                min-width: 101px;
                font-size: 13px;
                color: $link-color;
            }
        }
        .comment-form-comment {
            order: 1;
        }
        .form-submit {
            order: 2;
        }
    }
}

#respond {
	.form-submit { 
		input {
			left: auto;
            @extend .btn-theme;
		}
	}
	textarea {
		@include box-sizing(border-box);
	}
    .comment-form-rating {
        > label {
            margin-right: 2px;
            vertical-align: text-top;
        }
    }
	p.stars {
		position: relative;
		padding: 6px 0;
        display: inline-block;
		a{
			@include inline-block();
			font-weight: $headings-font-weight;
			text-indent: -9999px;
			position: relative;
            color: $star-rating-color;
			&:last-child {
				border-right: 0;
			}

            &.active,
            &:hover,
            &:active{
                &:after{
                    color: $star-rating-active-color ;
                }
            }
		}
	}
}
.woocommerce #reviews #comment {
    height: auto;
}
/*------------------------------------*\
    Quantity inputs
\*------------------------------------*/
.quantity {
	position : relative;
	margin   : 0 auto;
	overflow : hidden;
	zoom     : 1;
	span{
		margin-right: 30px;
	}
	float: left;
	input.qty {
		@include border-right-radius(0);
		@include border-left-radius(0);
		padding         : 8px;
        @include size(100px, 45px);
        text-align: center;
        color: $black;
        font-weight: 400;
        border: 1px solid $border-color;
		&:focus{
			@include form-control-cena();
		}
	}
	.plus, .minus {
		background  	: $white !important;
		float: right;
		clear: right;
		display         : block;
		padding         : 0;
		margin          : 0;
		vertical-align  : text-top;
		text-decoration : none;
		overflow        : visible;
		text-decoration : none;
		cursor          : pointer;
		line-height     : 13px;
		font-size       : 12px;
		color           : $text-color;
		border          : 1px solid $border-color;
		text-align: center;
		@include size(25px , 19px);
        &:hover{
            color: #fff !important;
            background: $theme-color-second !important;
        }
	}
	.plus {
		@include border-bottom-radius(0);
		 right: 0;
		 left: auto;
	}
	.minus {
		bottom: 0;
		right: 0;
		left: auto;
		@include border-top-radius(0);
	}
}

/*------------------------------------*\
    Forms
\*------------------------------------*/
.form-row {
	@include clearfix();
    label.hidden {
        visibility:hidden;
    }
    label.inline {
        display: inline;
    }
    label{
    	display: block;
    }
    select {
        cursor: pointer;
    }
    .required {
        color: $red;
        font-weight: $headings-font-weight;
        border: 0;
    }
    .input-text{
    	width: 100%;
    	padding: 5px 10px;
    	@include border-radius(4px);
    }
    &.form-row-first{
    	width: 47%;
    	float: left;
    }
    &.form-row-last{
    	width: 47%;
    	float: right;
    }
    &.form-row-wide{
    	clear: both;
    }
}

ul.tabs {
	list-style:none;
	padding: 0 0 0 1em;
	margin: 0 0 1.618em;
	overflow:hidden;
	position: relative;
	li {
		@include inline-block();
		position: relative;
		z-index: 0;
		margin: 0 -5px;
		padding: 0 1em;
		border: 1px solid darken( $border-color, 10 );
		@include box-shadow(0 3px 3px rgba($black, 0.2), inset 0 1px 0 rgba($white,0.6));
		a {
			@include inline-block();
			padding: .5em 0;
			font-weight: $headings-font-weight;
			color: $border-color;
			text-decoration: none;
			&:hover {
				text-decoration:none;
				color: lighten( $border-color, 10 );
			}
		}
		&.active {
			background: $border-color;
			z-index: 2;
			border-bottom-color: $border-color;
			a {
				color: inherit;
				text-shadow: inherit;
			}
			&:before {
				@include box-shadow(2px 2px 0 $border-color);
			}
			&:after {
				@include box-shadow(-2px 2px 0 $border-color);
			}
		}
		&:before, &:after {
			border: 1px solid darken($border-color, 10);
			position:absolute;
			bottom: -1px;
			content: "";
			@include size(5px,5px);
		}
		&:before {
			border-width: 0 1px 1px 0;
			left: -6px;
			right: auto;
			@include border-right-radius(4px);
			@include box-shadow(2px 2px 0 darken( $border-color, 10 ));
		}
		&:after {
			border-width: 0 0 1px 1px;
			right: -6px;
			left: auto;
			@include border-left-radius(4px);
			@include box-shadow(-2px 2px 0 darken( $border-color, 10 ));
		}
	}
	&:before {
		position:absolute;
		content: "";
		width: percentage(1);
		bottom: 0;
		z-index: 1;
		left: 0;
		right: auto;
		border-bottom: 1px solid darken( $border-color, 10 );
	}
}

.product-quantity{
	.input-text{
		@include input-size('.input-sm', $input-height-small, $padding-base-vertical, $padding-base-vertical, $font-size-small, $line-height-small, 0);
	}
}

.i-am-new{
    li{
        background-image: none !important;
        background-color: $white !important;
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
        .noty_message{
            padding: 20px 0 !important;
        }
    }
}
/*------------------------------------*\
    Sale Label
\*------------------------------------*/
.onsale{
	top: 20px;
	left: 20px;
	right: auto;
	z-index: 9 !important;
	text-align: $sale-label-align;
	color: $sale-label-color;
	background: url("#{$image-theme-path}sale.png") right bottom;
    @include font-size(font-size,$sale-label-font-size);
	font-weight: $headings-font-weight;
	padding: $sale-label-padding;
	text-transform: $sale-label-transform;
	position: absolute;
}

/*------------------------------------*\
    Mini cart
\*------------------------------------*/
#cart{
    .mini-cart{
    	@include font-size(font-size, 11px);
        position: relative;
        padding-right: 15px;
        display: inline-block;
        min-height: 30px;
        .cart-icon{
            font-size: 20px;
            .icon-cart {
                background: url('#{$image-theme-path}icon-cart.png') no-repeat scroll top center transparent;
                display: inline-block;
                @include size(26px, 26px);
            }
        }
        .mini-cart-items{
            display: inline-block;
            padding: 0;
            background-color: #009aff;
            @include border-radius(50%);
            text-align: center;
            color: #fff;
            font-size: 11px;
            position: absolute;
            content: "";
            top: 0;
            left: -8px;
			right: auto;
            font-weight: 600;
            min-width: 16px;
            line-height: 16px;
        }
        .sub-title {
			font-size: 14px;
			color: #fff;
		}
    }
    .title-cart{
    	@include font-size(font-size, 14px);
    	font-weight: 500;
    	margin:0;
    }
    .infor{
    	display: inline-block;
    }
}
/*------------------------------------*\
    Star ratingss
\*------------------------------------*/
.woocommerce {
    .products {
        .star-rating {
            font-size: 12px;
        }
    }
    .star-rating {
        span {
            &:before {
               color: $star-rating-color;
            }
        }
    }
}
/*------------------------------------*\
    Filter
\*------------------------------------*/
.tbay-filter{
    overflow: hidden;
    .woocommerce-result-count{
        display: none;
    }
    margin: 0;
    padding:0 0 15px;
    .display-mode{
        float: left;
    }
    .change-view{
        background: transparent;
        padding: 3px 5px;
        margin-right: 5px;
        border: none;
        &.active{
            color: $theme-color;
        }
    }
    .woocommerce-ordering{
        margin: 0 !important;
    }
    select{
        padding:4px;
        border:1px solid $border-color;
    }
	+ .products {
		.row {
			margin: 0;
			background: #fafafa;
			padding: 14px 7px 0;
			.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
				padding: 0 7px;
			}
			.product-block.grid {
				margin-bottom: 14px;
			}
            .product-block.list {
                > .row {
                    background: $white;
                }
            }
		}
	}
}

/*------------------------------------*\
    Mini Cart
\*------------------------------------*/
#tbay-header,.topbar-mobile {
	.top-cart{
		.dropdown{
			&.open{
				.mini-cart{
					&:before{
						content:"";
						background:transparent;
						position:absolute;
						top: 0;
						left: 0;
						right: auto;
						@include size(100%, 200px);
					}
				}
			}
		}
		.dropdown-menu{
			top: 50px;
			border-left: 0;
			padding: 0;
			min-width: $mini-cart-dropdown-size;
			display: block;
			visibility: hidden;
			text-align: left;
			left: auto;
			right: 0;
			@include box-sizing(border-box);
			@include opacity(0);
			@include scale(0);
			@include transition(all 300ms cubic-bezier(0.34, 1.61, 0.7, 1));
			&:before,
			&:after{
				content: "";
				@include inline-block();
				position: absolute;
				left: 100%;
				right: auto;
				margin-left: -31px;
			}
			&:before{
				top: -11px;
				border-bottom: 11px solid rgba($black, 0.2);
				border-left: 11px solid rgba($black, 0);
				border-right: 11px solid rgba($black, 0);
			}
			&:after{
				top: -10px;
				border-bottom: 11px solid $white;
				border-left: 11px solid rgba($black, 0);
				border-right: 11px solid rgba($black, 0);
			}
			.quantity{
				font-size: $font-size-base;
			}
			ul {
				padding: 20px 20px 0;
				@media (max-width: 14400px){
					max-height: 390px;
					overflow-y: auto; 
				}
				li {
					padding: 0;
					position: relative;
					margin-bottom: 15px;
					width: 100%;
					list-style: none;
					clear: both;
					&:last-child {
						border-bottom: 1px solid #E5E5E5;
						margin-bottom: 0;
						padding-bottom: 24px;
					}
				}
				&.woocommerce-mini-cart {
					a {
						color: #333;
						display: block;
					}
					img {
						float: left;
					}
					.quantity {
						float: none;
						span {
							margin: 0;
						}
					}
					li {
						min-height: 105px;
					}
				}
			}
			.product-image {
				float: left;
				width: 80px;
			}
			.product-details {
				padding-left: 90px;
				position: relative;
				min-height: 80px;
				.product-name {
					display: block;
					color: #333 !important;
					font-size: 13px;
					font-weight: bold;
					line-height: 2.14;
					padding-right: 18px;
				}
				.quantity {
					display: block;
					float: none;
					font-size: 12px;
					color: #9a9a9a;
					font-weight: bold;
					line-height: 2.14;
					padding: 0;
					border: 0;
					margin-right: 0 !important;
				}
				.woocommerce-Price-amount {
					color: #009aff;
					font-weight: bold;
					line-height: 20px;
				}
			}
			.remove{
				border-radius:50%;
				padding:0 6px;
				color: #333 !important;
				background: transparent;
				display: inline-block;
				position: absolute;
				top: 0;
				line-height: 18px;
				right: 0;
				font-size: 18px;
				font-weight: bold;
			}
			img{
				width: 80px;
			}
			.cart_list + .total {
				text-align: left;
				font-weight: bold;
				font-size: 16px;
				padding: 5px 20px;
				.amount {
					float: right;
					color: #009aff;
				}
			}
			p.buttons {
				margin: 0;
				background: #009aff;
				padding: 20px 20px 5px;
				text-align: center;
				a {
					@include box-shadow(none);
					display: inline-block;
					border: 1px solid #fff;
					margin-bottom: 15px;
					min-width: 60%;
					color: #fff !important;
					background: transparent;
					padding: 4px 10px;
					font-size: 12px;
					line-height: 1.5;
				}
			}
		}
		.name a{
			color: $black!important;
			&:hover{
				color: $theme-color!important;
			}
		}
		.open{
			.dropdown-menu{
				@include scale(1);
				@include opacity(1);
				@include transform-origin(29px, -50px);
				@include filter(none);
				visibility: visible;
				color: #333;
			}
		}
	}
}


/*------------------------------------*\
    Cart
\*------------------------------------*/
.cart_list{
	> div{
		margin: 10px 0;
		padding: 10px 0;
        overflow:hidden;
	}
    
    .cart-item{
    	line-height: 1.1;
    	margin: 0;
    	font-size: $font-size-base!important;
    	.amount{
    		font-size: $font-size-base!important;
    	}
    }
    .cart-main-content{
        text-align: left;
        position: relative;
        
    }
    + .total{
        text-align: right;
        margin-top: 10px;
        .amount{
    		font-size: $font-size-base + 1 !important;
    	}
    }
}


/** Plugins  add to wishlist, compare **/

.place-order{
	padding: $theme-margin;
}

.yith-wcwl-add-button > a i, .wishlist_table .add_to_cart.button i{
	margin: 0!important;
}

.yith-wcwl-share{
    ul{
        @include clear-list;
    }
}

ul{
    &.display,&#shipping_method,&.payment_methods{
        @include clear-list;
    }
    &.payment_methods{
        li{
            margin-bottom: $theme-margin;
        }
    }
    &.products-list{
        @include clear-list();
        margin-bottom: $theme-margin / 2;
    }
}
.input-text {
    @extend .border-theme;
    height: 40px;
}
.woocommerce{
	address{
		margin-bottom: 20px;
	}
}
// overide quantity
.woocommerce .quantity input.minus,
.woocommerce-page .quantity input.minus,
.woocommerce .quantity input.plus,
.woocommerce-page .quantity input.plus{
	border:none;
	@include size(26px,46px);
	@include border-radius(0);
	float: left;
	clear: none;
	font-size: 16px;
	line-height: 46px;
	font-weight: 900;
	color: #3a4354;
	outline: none !important;
	&:hover {
		background: transparent !important;
		color: #3a4354 !important;
	}
}
.single-product-cart .quantity{
	span{
		display: none;
	}
}
.woocommerce .quantity, .woocommerce-page .quantity{
    margin-right: 5px !important;
	@include border-radius(8px);
	border: 2px solid #eee;
	padding: 0 10px;
}
.woocommerce .quantity input.qty, 
.woocommerce-page .quantity input.qty{
	height:46px !important;
	width: 30px !important;
	display:inline-block;
	line-height:46px;
	float: left;
	border: 0;
	padding: 0;
}
.woocommerce-tabs{
    border-top: 1px solid $border-color;
    padding-top: 50px;
    margin-top: 30px;
}
//related upsells 
.widget.upsells ,
.widget.related{
    padding-top:50px;
    margin-top: 50px;
    border-top: 1px solid $border-color;
	@extend .container; 
    .widget-title{
        text-transform: uppercase;
    }
}
.related{
    margin:0;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
    line-height: 30px;
}

/*Thumbs product images*/

.flex-control-thumbs {
    li {
        padding: 0; 
        margin-top: 15px !important;
    }
}
.style-horizontal, .style-vertical, .style-default {
  .flex-control-thumbs {
    li {
      clear: none !important;
    }
  }
}
.no-carousel{
	&[data-columns="2"] {
		.flex-control-thumbs {
			li {
				width: (100%/2) !important;
			}
		}
	}
	&[data-columns="3"] {
		.flex-control-thumbs {
			li {
				width: (100%/3) !important;
			}
		}
	}
	&[data-columns="4"] {
		.flex-control-thumbs {
			li {
				width: (100%/4) !important;
			}
		}
	}
	&[data-columns="5"] {
		.flex-control-thumbs {
			li {
				width: (100%/5) !important;
			}
		}
	}
}

.image-mains {
    .flex-control-thumbs{
        &.owl-theme {
            &:hover {
                .owl-controls {
                    div {
                        @include opacity(1);
                    }
                }
            }
        }
    }
}

.woocommerce-checkout {
    .woocommerce-account-fields {
        .checkbox {
            margin-left: 0;
        }
    }
}
.woocommerce form .form-row label.inline {
    display: inherit;
    input[type="checkbox"] {
        margin-right: 5px;
    }
}
.woocommerce form .woocommerce-account-fields .form-row .input-checkbox {
    position: initial;
    margin: 7px 5px 3px 0; 
}
.woocommerce {
    .woocommerce-form-login {
        input[type="submit"] {
            @extend .btn-theme;
            margin-right: 20px;
        }
    }
}

.woocommerce table.shop_attributes td {
    padding: 8px;
}

/*Page login*/
#customer_login {
    input.button {
        color: $white;
        @include border-radius(4px !important);
    }
} 
.woocommerce form.login, 
.woocommerce form.register {
    min-height: 361px;
    &.woocommerce-form-login {
        min-height: 10px;
    }
}
.woocommerce-ResetPassword {
    label {
        margin-right: 15px;
    }
}
.woocommerce {
    .woocommerce-MyAccount-navigation {
        @media (min-width: 769px){
            width: 20%;
        }
        ul {
            padding: 0;
            list-style: none;
            li {
                &:first-child {
                    a {
                        border-top: 1px solid #e0e0e0;
                    }
                }
                a {
                    display: block;
                    font-size: 13px;
                    font-style: normal;
                    font-weight: bold;
                    text-align: left;
                    text-transform: uppercase;
                    box-shadow: none; 
                    outline: none;
                    margin: 0;
                    cursor: pointer;
                    padding: 12px 5px 12px 12px;
                    border-right: 1px solid #e0e0e0;
                    border-bottom: 1px solid #e0e0e0;
                    border-left: 1px solid #e0e0e0;
                    color: #666;
                    &:before {
                        display: inline-block;
                        font-family: simple-line-icons;
                        text-rendering: auto;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        margin-right: 14px;
                        margin-left: 0;
                        font-size: 18px;
                    }
                }
                &.is-active,&:hover,&:focus {
                    a {
                        background: $theme-color;
                        color: $white;
                        border-color: transparent;
                        border-bottom-color: $white;
                    }
                }
                &.woocommerce-MyAccount-navigation-link--dashboard {
                    a {
                        &:before {
                            content: "\e007";
                        }
                    }
                }              
                &.woocommerce-MyAccount-navigation-link--orders {
                    a {
                        &:before {
                            content: "\e04e";
                        }
                    }
                }               
                &.woocommerce-MyAccount-navigation-link--downloads {
                    a {
                        &:before {
                            content: "\e083";
                        }
                    }
                }                
                &.woocommerce-MyAccount-navigation-link--edit-address {
                    a {
                        &:before {
                            content: "\e096";
                        }
                    }
                }                
                &.woocommerce-MyAccount-navigation-link--edit-account {
                    a {
                        &:before {
                            content: "\e005";
                        }
                    }
                }                
                &.woocommerce-MyAccount-navigation-link--customer-logout {
                    a {
                        &:before {
                            content: "\e065";
                        }
                    }
                }
            }
        }
    }
    .woocommerce-MyAccount-content {
        @media (min-width: 769px){
            width: 80%;
            padding-left: 30px;
        }
        a.button {
            @extend .btn-theme;
        }
    }
}
.woocommerce .woocommerce-MyAccount-content {
    h3 {
        margin-top: 0;
    }
    .form-row .input-text {
        @include border-radius(0 !important);
        border: 1px solid #e0e0e0;
    }
    input.button {
        color: #fff;
    }
}

.woocommerce ul.order_details {
    display: flex;
    background: #f7f6f7;
    padding: 20px;
    li {
        float: none;
        width: 40%;
    }
}
.woocommerce-order {
    h2 {
        font-size: 20px;
    }
    address {
        background: #f7f6f7;
        padding: 20px;
    }
    tfoot {
       background: #f7f6f7;
       td, th {
            padding-left: 20px !important;
       }
    }
}
.woocommerce table.shop_table > thead > tr > th,
.woocommerce table.shop_table > thead > tr > td,
.woocommerce table.shop_table > tbody > tr > td,
.woocommerce table.shop_table > tbody > tr > th {
    text-align: center !important;
    padding-left: 12px;
    @media (max-width: 1024){
        text-align: left !important;
    }
}

.woocommerce .woocommerce-MyAccount-content a.button, .woocommerce table.shop_table input[type=submit] {
    min-width: 100px !important;
    margin-right: 5px !important;
}
a.button.wcsts-get-help-button {
    margin-left: 0 !important;
}
.woocommerce .woocommerce-MyAccount-content a.button:hover {
    color: #fff !important;
}

.woocommerce .table-responsive {
    padding: 0;
}
.woocommerce table.shop_attributes th {
    line-height: 37px;
}

.woocommerce table.wishlist_table tr td.product-remove {
    text-align: center !important;
}
.archive-shop div.product .information .yith-wcwl-wishlistexistsbrowse > a,
.archive-shop div.product .information .yith-wcwl-wishlistaddedbrowse > a,
.woocommerce-message::before {
    color: $theme-color;
}
.woocommerce-message {
    border-top-color: $theme-color;
}
.woocommerce-page .woocommerce-message .button {
    background-color: $theme-color;
    border-color: $theme-color;
    color: #fff !important;
}

.product-nav{
   width: 100%;
    @media (max-width: $screen-md){
        right: 20px;
    }
    > .link-images { 
        > .psnav {
            left: 0;
            top: calc(50% - 40px);
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            position: fixed;
            z-index: 999;
            &.right {
                right: 0;
                left: auto;
                .single_nav {
                  left: auto;
                  right: 100%;
                }
            }
            &:hover {
                .single_nav {
                    @include opacity(1);
                    transform: rotateX(0deg);
                    visibility: visible;
                    display: inline-block;
                }
            }
            img {
                height: 80px;
                width: auto;
                border: 1px solid #e1e8ee; 
            }
            .img-link {
                border:0;
                width: auto;
            }
            .single_nav  {
                @include opacity(0);
                @include transition(all .3s ease 0s);
                visibility: hidden;
                height: 80px;
                padding: 14px 20px 18px;
                transform: rotateX(90deg);
                background-color: #EBEBEB;
                justify-content: center;
                min-width: 230px;
                text-align: center;
                position: absolute;
                left: 100%;
                a {
                    display: inline-block;
                    border: 0;
                    width: 100%;
                    font-size: 13px;
                    line-height: 18px;
                    height: auto;
                    background: transparent;
                    box-shadow: none;
                    @include translate(0,50%); 
                    margin-top: -50%;
                }
                .single_nav {
                  a {
                    &:hover,&:focus {
                        color: $theme-color;
                    }
                  }
                }
                .price {
                    margin-top: 0;
                    > * {
                        font-size: 18px;
                    }
                    > ins {
                        margin-top: 3px;
                    }
                }
            }
        }
    }
    p{
        float: left;
        &:nth-child(2){
           float: right;
       }
    }
    .single_nav {
      a{
          font-size: 12px;
          color: $text-color;
          font-weight: 500;
          line-height: 30px;
          background: transparent;
          @include size(28px,28px);
          text-align: center;
          display: block;
          border: 1px solid $text-color;
          @include border-radius(0);
          @include transition(all 0.5s ease);
          .fa{
              padding: 0 4px;
              line-height: 28px;
              display: block;
          }
          &:hover, &:focus{
              color: $theme-color;
              border-color: $theme-color;
              @include box-shadow(0 0 0 30px $theme-color inset);
          }
      }
    }
}

/*sing product vertical */
.style-vertical {
    span.onsale {
        left: 120px !important;
        top: 30px !important;
    }
   .woocommerce-product-gallery {
    @media (min-width: 1025px) {
      padding-left: 90px;

      .flex-control-nav {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        width: 80px;
        padding: 0;
      }
    }
  }
}

.style-horizontal {
  .flex-control-nav {
    .slick-list {
      li {
        margin-top: 0 !important;
      }
    }
    &.flex-control-thumbs {
        .slick-arrow{
            @include transition(all .5s ease 0s);
            &.owl-prev {
                left: -44px !important;
            }
            &.owl-next {
                right: -44px !important;
            }
        }
        &:hover {
            .slick-arrow{
                &.owl-prev {
                    left: 4px !important;
                }
                &.owl-next {
                    right: 4px !important;
                }
            }   
        }
    }
  }
}

.flex-control-nav.flex-control-thumbs {
  
  &.slick-initialized {
    margin-top: 20px !important;
  }
  li {
    &:focus {
        outline: none;
    }
  }
  .slick-arrow {
    cursor: pointer;

    &:hover {
      &.owl-prev, &.owl-next {
        color: $theme-color;
      }
    }
    text-indent: -10000px;
    position: absolute;
    @include border-radius(4px);
    width: 30px;
    height: 30px;
    background: #fff;
    z-index: 99;
    pointer-events: all;
    left: 4px !important;
    right: auto !important;
    border: 1px solid rgba(58, 67, 84, 0.2);
    @include translate(0,-50%);
    top: 50%;
    &:hover,&:focus {
        background: $theme-color !important;
        border-color: $theme-color;
        &:after {
            color: $white;
        }
    }
    &:after {
        font-family: FontAwesome;
        content: "\f177";
        /*rtl:raw:
        content: "\f178";
        */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        line-height: 30px;
        text-indent: 0;
        color: #3a4354;
        font-size: 12px;
        text-align: center;
    }
    &.owl-next {
        right: 4px !important;
        left: auto !important;
        text-indent: -10000px;
        position: absolute;
        border: 0;
        @include border-radius(4px);
        pointer-events: all;
        border: 1px solid rgba(58, 67, 84, 0.2);
        &:after {
            font-family: FontAwesome;
            content: "\f178";
            /*rtl:raw:
            content: "\f177";
            */
            top: 0;
            left: 0;
        }
    }

    &.owl-prev {
      right: auto;
      left: 0;
    }

    &.owl-next {
      right: 0;
      left: auto;
    }
  }

  &.slick-vertical {
        margin-top: 0 !important;
        overflow: visible !important;
        padding-bottom: 30px !important;
    li {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
        width: 100% !important;
    }
    .slick-track, .slick-list {
      margin: 0 !important;
    } 
    .slick-arrow {
      position: absolute;

      @include border-radius(4px);

      width: 30px;
      height: 30px;
      pointer-events: all;
      border: 1px solid rgba(58,67,84,0.2);

      @include transition(all 500ms);
      @include translate(0,0);
      &:after {
        font-size: 12px;
        text-align: center;
      }
    }

    .slick-arrow {
        @include opacity(1);
        &.owl-prev {
        bottom: 0;
        top: auto;
        left: 5px !important;
        right: auto !important;
        &:after {
            content: "\f176";
            /*rtl:raw:
            content: "\f175";
            */
        }
      }
      &:hover,&:focus {
        background: $theme-color !important;
        border-color: $theme-color;
        &:after {
            color: $white;
        }
      }

      &.owl-next {
        top: auto;
        bottom: 0;
        left: auto !important;
        right: 5px !important;
        &:after {
            content: "\f175";
            /*rtl:raw:
            content: "\f176";
            */
        }
      }
    }
  }
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/*Video product detail*/
.style-horizontal,.style-default {
  .tbay-modalButton {
    bottom: auto;
    top: 0;
    right: auto;
    left: 15px;
  }
}
.style-slide {
  .tbay-modalButton {
    right: auto;
    left: 45px;
  }
}
.tbay-modalButton {
  display: block;
  margin: 15px auto;
  padding: 5px 15px;
  background: white;
  border: 1px solid #eee;
  @include box-shadow(none);
  @include border-radius(20px);
  position: absolute;
  outline: none;
  right: 15px;
  z-index: 9;
  bottom: 0;
  font-size: 12px;
  font-weight: 300;
  i {
    margin-right: 5px;
    color: #ff3838;
  }
  &:hover {
    background: #232323;
    color: $white;
    border-color: transparent;
    i {
      color: $white;
    }
  }
}

.close-button {
  overflow: hidden;
}

.modal-content.tbay-modalContent {
  box-shadow: none;
  background-color: transparent;
  border: 0;
  .close {
    font-size: 30px;
    line-height: 30px;
    padding: 7px 4px 7px 13px;
    text-shadow: none;
    opacity: .7;
    color: #fff;
    span {
      display: block;
    }
    &:hover, &:focus {
      opacity: 1;
      outline: none;
    }
  }
  iframe {
    display: block;
    margin: 0 auto;
  }
}

/*Compare*/

#cboxContent {
  background: transparent;
}

#cboxLoadedContent {
  overflow: visible !important;
  padding: 50px 40px 0 40px;
}

#cboxTopCenter, #cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxBottomCenter, #cboxMiddleLeft, #cboxMiddleRight {
  background: transparent;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

#cboxClose {
  bottom: auto;
  top: 60px;
  right: 70px;
  left: auto;
  position: absolute !important;
  background-image: none;
  width: 30px;
  height: 30px;
  text-indent: -99999px;
  background-image: none !important;
  transition: all 150ms ease 0s;
  -webkit-transition: all 150ms ease 0s;
  -moz-transition: all 150ms ease 0s;
  background-color: transparent;
  
  &:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    display: block;
    border: 1px solid $border-color;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 26px;
    text-shadow: none !important;
    text-indent: 0 !important;
    font-size: 14px;
    font-weight: 300;
    transition: all 150ms ease 0s;
    -webkit-transition: all 150ms ease 0s;
    -moz-transition: all 150ms ease 0s;
    color: #232323;
    background: #fff;
  }
  &:hover {
    background: $theme-color;
    &:before {
      color: $theme-color;
      border-color: $theme-color;
    }
  }
}

body table.compare-list {
  tr.remove td > a {
    line-height: 18px;
    background: transparent !important;
    &:hover {
      color: red;
      .remove {
        color: red;
      }
    }
  }
  .remove td a .remove {
    position: relative;
    width: auto;
    height: auto;
    line-height: 18px;
    background: transparent !important;
  }
  tr {
    &.title td {
      font-size: 14px;
      font-weight: 500;
    }
  }
  .price td {
    text-decoration: none;
  }
  .add-to-cart {
    .tooltip {
      display: none !important;  
    }
    a {
      &.add_to_cart_button {
        font-size: 13px;
      }
    }
  }
  .woocs_price_code {
    font-size: 14px;
    font-weight: bold;
    ins {
      text-decoration: none;
      font-weight: bold;
    }
    del {
      color: #cccccc;
      font-weight: 400;
    }
  }
  .price.repeated {
    display: none;
  }
  td ins .woocommerce-Price-amount {
    color: #333;
    margin-left: 0;
    margin-right: 10px;
    font-weight: 700;
  }
  del .woocommerce-Price-amount {
    text-decoration: line-through;
  }
}

table.compare-list .description td p {
  margin: 0;
}

body.woocommerce>h1:first-child {
  background: transparent;
  color: #333;
  font-size: 28px;
  text-transform: none;
  padding: 6px 30px 15px;
  line-height: normal;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 0;
  font-family: 'Lato',sans-serif;
}

body table.compare-list {
  border: 0 !important;
  td.odd {
      background: #fafafa;
  }
  td img {
      border: 0 !important;
      padding: 0 !important;
      max-width: 100%;
  }
  > tbody > tr {
      > td, >th {
          border: 0;
          border-bottom: 1px solid #f5f5f5;
          text-decoration: none;
      }
      >th {
        padding: 20px 0 20px 40px;
      }
  }
  .add-to-cart td a {
    background-color: $theme-color;
    color: #fff;
    padding: 0 17px 0;
    line-height: 40px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
    border: none;
    display: inline-block;
    @include border-radius(8px !important);
      &:hover {
        background-color: darken($theme-color,10%);
      }
  }
  th {
      font-weight: 500;
  }
  .price.repeated td {
      padding-bottom: 40px;
      text-decoration: none;
  }
  .price td {
    padding-bottom: 40px;
}
  s, strike, del, ins {
      text-decoration: none;
  }
  ins {
      .woocommerce-Price-amount {
          color: $theme-color;
          margin-left: 10px;
          margin-right: 0;
          font-weight: 700;
      }
  }
  .remove td a {
      margin-top: 10px;
      display: block;
      margin-bottom: 10px;
  }
}
.DTFC_LeftWrapper {
  table.compare-list th {
    font-weight: 700;
  }
}
.dataTables_scroll table.compare-list td {
  padding: 20px 30px;
}
/*End compare*/

.woocommerce form .form-row.wc-terms-and-conditions label.checkbox, 
.woocommerce-page form .form-row.wc-terms-and-conditions label.checkbox {
    margin: 0 0 5px;
}

.woocommerce form .form-row.wc-terms-and-conditions  .input-checkbox, 
.woocommerce-page form .form-row.wc-terms-and-conditions .input-checkbox {
    position: static;
    margin: 8px 10px 0 0;
}

.quantity {
    input[type='number'] {
        -moz-appearance:textfield;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
}

@media (max-width: 1200px){
    #tbay-demo-wrapper {
        display: none;
    }
}

/*Fix bug 2.6.6*/
.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl {
	border-left: 0;
	display: inline-block;
	padding: 0;
}
.woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd {
	margin: 0;
	padding: 0;
}

.woocommerce ul.cart_list li span.woocommerce-Price-amount.amount {
    clear: both;
    display: inherit;
}
/*Fix bug 2.6.7*/
.woocommerce ul.cart_list.product_list_widget li span.woocommerce-Price-amount.amount {
	clear: both;
	display: initial;
}