/*
Theme Name: Food
Theme URI: https://webvietz.com/
Author: Food
Author URI: 
Description:
Version: 10.0.0
License: GPLv3 or later
License URI: 
Text Domain: Food
Tags:
*/
/* --------------------------------------
=========================================
    General Body
=========================================
-----------------------------------------*/
body{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 24px;
    color: #212121;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
}
body img {
    display: block;
    max-width: 100%;
    height: auto;
}
main{
    margin: 0 auto;
    max-width: 1920px;
    position: relative;
    overflow: hidden;
}
/* --------------------------------------
=========================================
    header
=========================================
-----------------------------------------*/
.admin-bar nav.nav-down{
    top: 32px;
}
nav.nav-down{
    position: fixed;
    transition: top 0.2s ease-in-out;
    width: 100%;
    top: 0px;
    z-index: 100;
}
nav.nav-up{
    top: -60px; 
}
.header-top-bar {
	background: #650302;
    padding: 8px 0px;
}
.header-top-menu{
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.header-top-menu ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex; 
}
.header-top-menu ul li{
    padding: 0px;
    margin-left: 15px;
}
.header-top-menu ul li a{
    color: #FFF;
    font-size: 15px;
    font-weight: 300;
}
.header-top-bar .header-email a{
    color: #FFF;
    font-size: 15px;
    font-weight: 300;
    
}
.header-top-bar .header-email a i{
    border-right: solid 1px #FFF;
    padding-right: 5px;
}
.header-center-bar{
    padding: 15px 0px;
}

.box-infor-header {
	display: flex;
	align-items: center;
	justify-content: space-around;
    width: 100%;
}
.header-hotline{
    display: flex;
    align-items: center;
}
.header-hotline i {
    font-size: 25px;
    color: #d81e23;
    background: #f8f9fa;
    /* box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.3); */
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: phonering 1.8s infinite ease-in-out;
    animation: phonering 1.8s infinite ease-in-out;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: 8px;
}
.header-hotline i::before,.header-hotline i::after{
    transform: rotate(90deg);
    color: #111;
}
.header-hotline:hover i{
    background: #dfa20a;
}
.header-hotline a{
    color: #333;
	display: block;
	font-size: 14px;
    line-height: normal;
}
.header-hotline a span {
	color: #d81e23;
	display: block;
    font-size: 16px;
    font-weight: bold;
}
@-webkit-keyframes phonering{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);}
 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);}
 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);}
 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);}
 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);}
 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);}
 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);}
}
/* --------------------------------------
=========================================
    css
=========================================
-----------------------------------------*/
#page-wrapper{
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    background:#fff;
}
iframe{
    max-width:100% !important;
    width:100% !important;
}
.fb_iframe_widget_fluid_desktop iframe{
    width:100% !important;
}
header{
    position: relative;
    width: 100%;
    z-index: 11;
}
#price-range-list li{
    display: flex;
    width: 100%;
    align-items: center;
}
#price-range-list li label{
    margin: 0px;
    padding-left: 8px;
    font-weight: 400;
}

.social-share {
	margin-left: auto;
	list-style: none;
	display: flex;
	justify-content: end;
	margin-bottom: 0;
    align-items: center;
}
.social-share a {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 3px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 40px;
}
.social-share .facebook {
	background-color: #046bbd;
}
.social-share .twitter {
	background-color: #03a9f4;
}
.social-share .pinterest {
	background-color: #ce0e00;
}
.social-share .linkedin {
	background-color: #0072b7;
}
.social-share .instagram {
	background-color: #dca500;
}
.social-share li {
	line-height: 1;
}
.social-share li a i{
    color:#FFF;
    margin: 0px;
}
.social-share li a:hover{
    background:#212121;
}

.shareposts-social {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.site-description {
    display: none;
}
.is-sticky .navbar-brand > img {
    display: block;
    max-height: 36px;
    max-width: 300px;
}
.navbar-default .navbar-brand{
    margin: 0 !important;
    padding: 0px;
}
.navbar-brand > img {
    display: block;
    max-height: 36px;
    max-width: 300px;
}
div.wpcf7-mail-sent-ok{
    display: none;
}
.custom-logo-link img {
    max-height: 80px;
    width: auto;
}
.logo-sticker-header {
    float: right;
    border-bottom: solid 1px #ddd;
    padding: 5px 10px;
}
.header-search-wrap{
    position: relative;
    padding:0px;
    margin: 0 5px;
    display: none;

}
.header-search-wrap i.fa{
    color: #1a1a1a;
}
.header-search-wrap .dropdown-menu{
    right: 0;
    left: auto;
    border-radius: 20px;
    box-shadow: unset;
}
.header-search-wrap .btn.dropdown-toggle {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    color: #000;
}
.header-search-wrap .btn.dropdown-toggle img{
    filter: brightness(0);
    max-width:20px;
}
.header-search-wrap .btn.dropdown-toggle i {
    color: #fff;
    padding: 5px 6px;
    font-size: 16px;
    border-radius: 5px;
}
.title-section {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 32px;
	line-height: normal;
	text-transform: uppercase;
	color: #a21010;
	font-family: 'Roboto', sans-serif;
    padding-bottom: 10px;
    position: relative;
}
.title-section a, .title-section span {
    color: #a21010;
    display: inline-block;
    position: relative;
}
.title-section a:hover,.title-section span:hover{
    color: #a21010;
}
.title-section::after{
	background-color: #a21010;
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: "";
	width: 100px;
	height: 2px;
}
.title-section.text-center::after{
    right: 0px;
    margin: 0 auto;
}
.caption-section{
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 30px;
    color: #404040;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}
.page-title {
    background: transparent;
    border-left: solid 3px #aa2500;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #333333;
    line-height: 30px;
    border-bottom: solid 1px #ddd;
    padding: 5px 10px;
    text-transform: uppercase;
}
.page-title span {
    position: relative;
    display: inline-block;
}
.des-section {
    max-width: 768px;
    margin: 0 auto;
    color: #333333;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 24px;
    padding: 0px 15px;
}
.des-section p{
   color: #333333; 
   line-height: 22px;

}
.line-section{
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 60px;
}
.line-section::after {
    content: "";
    display: flex;
    width: 105px;
    height: 4px;
    background-color: #C4C4C4;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.readmore-section{
    margin-top: 10px;
    text-align: center;

}
.readmore-section a {
	display: inline-block;
	color: #a21010;
	background: #FFF;
	padding: 10px 15px;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	line-height: normal;
	border: 1px solid #EEE;
	box-sizing: border-box;
	border-radius: 5px;
}
.readmore-section a:hover {
    background: #a21010;
    color: #fff;
    border: 1px solid #a21010;
}
.readmore-section a i {
    margin-left: 10px;
    font-size: 18px;
}
.title-single {
    font-family: 'Roboto', sans-serif;
    text-align: left;
    position: relative;
    margin: 0 auto;
    padding: 0px;
    margin-bottom: 10px;
    font-size: 25px;
    color: #212121;
    font-weight: bold;
    line-height: normal;
}
#navbar_primary > ul li.unset_link > a {
    pointer-events: none;
}
#navbar_primary > ul li.unset_link:hover > a{
    color: #ff0000;
}
.is-sticky .navbar-default .navbar-nav > li > a{
    padding: 15px 15px;
}
.is-sticky .navbar-default .navbar-nav > .active > a,.is-sticky .navbar-default .navbar-nav > .active > a:hover{
    padding: 15px 15px;
}
.entry-content .nav-tabs > li.active > a, .entry-content .nav-tabs > li.active > a:hover, .entry-content .nav-tabs > li.active > a:focus {
    border: solid 1px #9a0608;
    color: #fff;
    background-color: #9a0608;
}
.entry-content .nav-tabs > li > a {
    border-radius: 5px;
    border: solid 1px #9a0608;
    color: #9a0608;
}
.entry-content .nav-tabs{
    padding-bottom: 10px;
}
.entry-content .nav-tabs > li{
    margin-right: 10px;
}
.is-sticky .navbar-brand{
    padding: 0px;
}
.is-sticky .header-search-wrap{
    margin-top: 0px;
}
#section-widgetarea {
    margin-bottom: 20px;
}
.row.content-footer-widget {
    display: flex;
    flex-wrap: wrap;
}
.box-header-search{
    display: flex;
    position: relative;
    justify-content:flex-end;
    margin-top: 0px;
    align-items: center;
}
.inner-header-search {
    position: relative;
    display: block;
}

/* --------------------------------------
=========================================
   product Css
=========================================
-----------------------------------------*/
.woocommerce div.product div.summary {
	padding: 0px 15px;
}
div.summary .review-products{
    margin-bottom: 10px;
}

#registerForm{
    top: 0%;
}
#registerForm .modal-content .modal-header{
    padding-bottom: 0px;
	justify-content: center;
}
#registerForm .modal-content .modal-title{
    margin-bottom: 0px;
}
#registerForm .wpcf7 .form-row > p{
    display: flex;
    margin: 0;
}
#registerForm .wpcf7 .wpcf7-spinner{
    position: absolute;
    right: 0px;
    bottom: 0;
}
#registerForm .form-group .wpcf7-form-control-wrap{
	margin-bottom:10px;
}
#registerForm .wpcf7 .wpcf7-form-control.wpcf7-submit{
	width:100%;
}
#registerForm .wpcf7 .form-control{
    margin: 0px;
    border-radius: 0px;
    height: 40px;
}

.single-form-tuvan {
	background: #e88f38;
	padding: 12px 15px;
	text-align: center;
    border-radius: 5px;
    position: relative;
}
.single-form-tuvan .text{
    color: #FFF;
    text-transform: uppercase;
}
.single-form-tuvan .wpcf7 .form-row > p{
    display: flex;
    margin: 0;
}
.single-form-tuvan .wpcf7 .wpcf7-spinner{
    position: absolute;
    right: 0px;
    bottom: 0;
}
.single-form-tuvan .wpcf7 .form-control{
    margin: 0px;
    border: 1px solid #ffffff8a;
    border-radius: 0px;
}
.single-form-tuvan .wpcf7 .wpcf7-form-control-wrap{
    margin-bottom:10px;
}
.single-form-tuvan .wpcf7 .form-group,
.single-form-tuvan .wpcf7 p{
	 margin-bottom:0px;
}
.single-form-tuvan .wpcf7 input[type="submit"]{
    background: #a21010;
    border: none;
    width: 100%;
    height: auto;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    transition: 0.2s;
    cursor: pointer;
    border: 1px solid #ffffff8a;
    box-sizing: border-box;
}
.single-form-tuvan .wpcf7 input[type="submit"]:hover,
.single-form-tuvan .wpcf7 input[type="submit"]:focus{
background: #ff0000;
}
.single-product-cta {
	display: flex;
	width: 100%;
    justify-content: space-between;
    margin: 10px 0px;
}
.single-product-cta .btn{
    position: relative;
    width: 48%;
}
.single-product-cta .btn-tragop{
    background: #288ad6;
    color: #FFF;
}
.single-product-cta .btn-tragop:hover{
    background: #333;
}

.block-strengths {
	width: 30%;
	display:none;
}
.list-block-strengths{
    border: 1px solid #ebebeb;
    padding: 0px 12px;
}
.list-block-strengths .item:last-child .inner{
    border-bottom: 0px solid #ebebeb;
}
.list-block-strengths .inner{
    display: flex;
    width: 100%;
    align-items: center;
    padding: 12px 0px;
    border-bottom: 1px solid #ebebeb;
}
.list-block-strengths .inner .icon{
    width: 18%;
}
.list-block-strengths .inner .text{
    width: 82%;
    padding-left: 15px;
}
.list-block-strengths .inner .text p{
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 22px;
}
/* --------------------------------------
=========================================
   Banner Css
=========================================
-----------------------------------------*/
.banner-homepage-slider .item > a{
    aspect-ratio: 3/1;
    overflow: hidden;
    display: block;
    width: 100%;
}
.banner-homepage-slider .item > a > img{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-homepage-slider .slick-arrow{
    transition: all 0.3s;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: solid 1px #bab8b9;
    opacity: 0.6;
}
.banner-homepage-slider .slick-arrow::before{
	color: #FFF;
}
.banner-homepage-slider .slick-arrow:hover{
    opacity: 1;
    width: 50px;
    height: 50px;
}
.banner-homepage-slider .slick-prev{
    left: 3%;
}
.banner-homepage-slider .slick-next{
    right: 3%;
}
.banner-homepage-slider .slick-dots {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    margin: 0 auto;
    right: 0;
    margin-bottom: 10px;
}
/* --------------------------------------
=========================================
   #Section post Css
=========================================
-----------------------------------------*/
.posts-homepage .background-overlay{
    padding-top: 50px;
    background: #FFF;
}
.posts-homepage .info-posts {
	padding: 10px;
}
.posts-homepage .info-posts .time-posts{
    display: none;
}
.posts-homepage .info-posts .excerpt-posts{
    display: none;
}
.posts-homepage .info-posts .readmore-posts{
    display: none;
}
/* --------------------------------------
=========================================
   #Section post Css
=========================================
-----------------------------------------*/
.highlight-homepage .background-overlay{
    padding-bottom: 60px;
    padding-top: 30px;
    background: #FFF;
}
.content-highlight{
    margin: 0px -10px;
}
.content-highlight .item{
    padding: 0px 10px;
}
.content-highlight .inner {
	display: flex;
	width: 100%;
	height: 100%;
	background: #eee;
	align-items: center;
	padding: 25px;
    padding-left: 10px;
}
.content-highlight .inner:hover{
    background: #fffbf6;
}
.content-highlight .inner .icon{
    width: 20%;
}
.content-highlight .inner .icon span{
    display: block;
    margin: 0 auto;
    padding: 10px;
}
.content-highlight .inner .icon span img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.content-highlight .inner .info{
    width: 80%;
    padding-left: 10px;
}
.content-highlight .inner .info .name{
    margin: 0px;
    font-weight: bold;
}
.content-highlight .inner .info .text{
    margin: 0px;
}
/* --------------------------------------
=========================================
   #Section introduce Css
=========================================
-----------------------------------------*/
.introduce-homepage .background-overlay{
    position: relative;
    background-color: rgba(44,62,80,0.5);
    padding: 140px 0px;
}
.introduce-homepage .background-overlay::before{
    background-image: url('assets/images/overlay-pattern.png');
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    position: absolute;
    content: "";
}
.introduce-homepage .title-section{
    font-size: 40px;
}
.introduce-homepage .title-section span{
    color: #FFF;
}
.introduce-homepage .title-section::after{
    background: #FFF;
    right: 0px;
    margin: 0 auto;
}
.introduce-homepage .content-introduce{
    color: #FFF;
    text-align: center;
    margin-bottom: 30px;
}
.introduce-homepage .content-introduce p{
    color: #FFF;
}
.introduce-homepage .readmore-section a {
	border-radius: 40px;
	background: transparent;
	color: #FFF;
	border: solid 1px #FFF;
	padding: 10px 40px;
    font-size: 20px;
}
.introduce-homepage .readmore-section a:hover{
    background: #dfa20a;
    color: #000;
}
/* --------------------------------------
=========================================
   #product homepage  Css
=========================================
-----------------------------------------*/
.woocommerce div.product .summary form.cart .variations th {
    line-height: normal;
    padding: 5px 0px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected{
    box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 2px #e30000);
}
.product-homepage .background-overlay{
    padding: 40px 0px;
}
.info-product-homepage {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 97.6%;
	padding: 0px;
	border-radius: 5px;
}
.info-product-homepage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.info-product-homepage:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.info-product-homepage .inner{
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	padding: 0px;
	z-index: 1;
	display: flex;
	align-items: center;
    justify-content: center;
	height: 100%;
	background: transparent;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background: #073e4f9c;
}
.info-product-homepage .inner .text{
    color: #FFF;
    font-size: 40px;
    line-height: normal;
}
/* --------------------------------------
=========================================
   #video homepage  Css
=========================================
-----------------------------------------*/
.video-homepage .background-overlay{
    padding: 50px 0px;
}
.list-video-slider{
    margin: 0px -15px;
}
.list-video-slider .item{
    padding: 5px 15px;
}
.list-video-slider .inner {
	display: block;
	position: relative;
	width: 100%;
	background: #F2F2F2;
	overflow: hidden;
}
.list-video-slider .item:hover .inner{
    box-shadow: 0px 1px 3px 2px rgba(0,0,0,.1);
}
.list-video-slider .name {
	display: block;
	margin: 0;
	padding: 15px;
	font-size: 20px;
	line-height: 30px;
	color: #FFF;
	position: absolute;
	bottom: 0;
	background: rgba(32, 22, 22, 0.8);
}
.popup-youtube{
    display: block;
    width: 100%;
    position: relative;
    aspect-ratio: 3/2;
    overflow: hidden;
}
.popup-youtube img{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.popup-youtube:hover i{
    background: rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.2);
}
.popup-youtube i{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 60px;
    font-size: 40px;
    color: #f00a0a;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
/* --------------------------------------
=========================================
   #partner homepage  Css
=========================================
-----------------------------------------*/
.partner-homepage .background-overlay{
    padding-bottom: 50px;
}
.list-partner-slider{
    margin: 0px -5px;   
}
.list-partner-slider .item{
    padding: 5px 5px;
}
.list-partner-slider .link{
    display: block;
    width: 100%;
    aspect-ratio: 2/1;
    background: #FFF;
    border: solid 1px #eee;
    padding: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.list-partner-slider .link:hover{
    box-shadow: 0 -1px 2px 0 rgba(60,64,67,.1),0 5px 10px 0 rgba(60,64,67,.14);
    border: 1px solid #ca0404;
}
.list-partner-slider .link img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

/* --------------------------------------
=========================================
   #deal homepage  Css
=========================================
-----------------------------------------*/
.deal-homepage .background-overlay{
    padding: 50px 0px;
    background: #97011f;
}
.deal-homepage .container {
	background: #FFF;
	padding: 20px;
	border-radius: 5px;
}
.deal-homepage .heading-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}
.deal-homepage .title-section{
    font-size: 26px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.deal-homepage .title-section::after{
    display: none;
}
.deal-homepage .time_deal_countdown {
	display: flex;
	font-size: 25px;
	color: #a21010;
	text-transform: uppercase;
	font-weight: 500;
	align-items: center;
}
.deal-homepage .time_deal_countdown .end_countdown{
    margin-left: 20px;
	background: #102018;
	color: #FFF;
	padding: 2px 10px;
	border-radius: 5px;
	font-size: 15px;
    border: solid 1px #a21010;
    text-transform: none;
}
#countdown_deal span{
    margin-right: 10px;
}
/* --------------------------------------
=========================================
   #Section categories  Css
=========================================
-----------------------------------------*/
#section-categories .background-overlay{
    padding-bottom: 60px;
}
.box-item-categories {
    display: flex;
    height: 100%;
    position: relative;
}
.img-categories {
    width: 100%;
    height: 100%;
}
.img-categories > a {
    position: relative;
    display: flex;
    height: 1px;
    padding-top: 50%;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.img-categories > a img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.infor-categories {
    height: 100%;
    background: rgba(0,0,0,0.3);
    padding: 15px;
    font-size: 14px;
    width: 50%;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    right: 0;
}
.name-categories {
    font-weight: normal;
    font-size: 44px;
    line-height: normal;
    text-align: center;
    color: #FFFFFF;
    font-family: 'Dancing Script', cursive;
}
.description-categories {
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    line-height: 22px;
}
.readmore-categories > a{
    display: flex;
    min-height: 40px;
    width: fit-content;
    align-items: center;
    justify-content: center;
    border: solid 1px transparent;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px 30px;
    min-width: 140px;
    transition: all 0.3s;
    border-radius: 1000px;
    font-family: 'Roboto', sans-serif;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
}
.readmore-categories > a:hover, .readmore-categories > a:focus {
    background-color: #053320;
    border: solid 1px #FFFFFF;
    color: #FFFFFF;
}
.hover-img a::before{content:"";position:absolute;top:0;left:-35%;bottom:0;width:0;height:100%;background-color:rgba(255, 255, 255, 0.5);-webkit-transition:none;transition:none;-webkit-transform:skewX(-35deg);transform:skewX(-35deg);}
.hover-img:hover a::before{width:150%;background-color:rgba(255, 255, 255, 0);-webkit-transition:all .35s ease-out;transition:all .35s ease-out;z-index:2;}
.box-item-categories:hover .hover-img a::before{width:150%;background-color:rgba(255, 255, 255, 0);-webkit-transition:all .35s ease-out;transition:all .35s ease-out;z-index:2;}
/* --------------------------------------
=========================================
   Section producttab
=========================================
-----------------------------------------*/
.header-producttab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    padding: 0px;
}
.header-producttab .nav.nav-tabs {
    text-align: center;
    margin-bottom: 0px;
    border-bottom: 0;
}
.header-producttab .nav.nav-tabs li {
	float: none;
	display: inline-block;
	padding: 0px;
	position: relative;
	margin-right: 30px;
}
.header-producttab .nav-tabs > li > a {
	text-align: center;
	font-size: 24px;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	position: relative;
	display: block;
	padding: 10px 20px;
	color: #FFF;
	font-weight: normal;
	background: #a21010;
	border-radius: 5px 5px 0 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header-producttab .nav-tabs > li > a.active, .header-producttab .nav-tabs > li > a.active:focus, .header-producttab .nav-tabs > li > a.active:hover {
    color: #111;
    background-color: #edeff4;
    border: solid 0px #111;
}
.header-producttab .nav-tabs > li > a:hover{
    color: #111;
    background-color: #edeff4;
    border: solid 0px #111;
}
.tab-content > .tab-pane.in{
    opacity: 1;
}
.header-producttab .nav-tabs > li > a::after {
	border-bottom: 44px solid #a21010;
	border-right: 32px solid transparent;
	content: '';
	position: absolute;
	right: -30px;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header-producttab .nav-tabs > li > a.active::after{
    border-bottom: 44px solid #edeff4;
}
.header-producttab .nav-tabs > li:hover > a::after{
    border-bottom: 44px solid #edeff4;
}
/* --------------------------------------
=========================================
   #products  Css
=========================================
-----------------------------------------*/
.woocommerce div.product div.summary .social-share{
    justify-content: flex-start;
    padding: 0;
    margin: 5px 0px;
}
.row.list-product-content{
    margin: 0px -10px;
}
.row.list-product-content .colums-product{
    padding: 0px 10px;
}
.colums-product{
    margin-bottom: 20px;
}
.box-product {
    padding: 0px;
    max-width: 420px;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 4px;
    height: 100%;
}
.box-product:hover{
    box-shadow: 0 -1px 2px 0 rgba(60,64,67,.1),0 5px 10px 0 rgba(60,64,67,.14);
    border: 1px solid #880000;
}
.info-product{
    padding: 10px;
    position: relative;
    text-align: center;
}
.img-product .details-product {
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-product .details-product a {
    background: #fff;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    border: solid 0px #ddd;
    display: inline-block;
    line-height: 22px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    padding: 10px 8px;
    opacity: 0;
    color: #000;
    font-weight: 500;
    position: relative;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateY(calc(100% + 10px));
    -ms-transform: translateY(calc(100% + 10px));
    transform: translateY(calc(100% + 10px));
    margin: 1px;
}
.img-product .details-product a.add_to_cart_button{
    width: 100%;
    background:rgba(108, 18, 18, 0.75);
    color: #fff;
}
.box-product:hover .details-product a{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.box-product .details-product a:hover {
    background-color: #880000;
    color: #fff;
    border: solid 0px #880000;

}
.img-product .details-product a.added_to_cart.wc-forward{
    margin-left: 5px;
}
.box-product .details-product .yith-wcwl-wishlistaddedbrowse{
    margin-right: 10px;
}
.box-product .details-product .yith-wcwl-wishlistaddedbrowse a{
    border-radius: 5px;
    display: none;
}
.img-product{
    position: relative;
    height: auto;
    overflow: hidden;
    width: 100%;
}
.img-product > a{
    position: relative;
    aspect-ratio: 1/1;
    width: 100%;
    display: block;
}
.img-product img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.img-product:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.box-sale_percentage {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}
.box-sale_percentage span.on_sale_product {
    padding: 3px 5px;
    background-color: #bd010b;
    color: #fff;
    font-size: 12px;
    z-index: 99;
    border-radius: 3px;
}
.details-product{
    position: relative;
}
.details-product a span{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #fff;
    background-color: #9e001e;
    text-decoration: none;
    padding: 10px 20px;
}
.details-product .date-product{
    position: absolute;
    right: 0px;
    bottom: -10px;
}
.info-product .name-product {
    display: block;
    height: auto;
    overflow: hidden;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: normal;
    text-transform: none;
    color: #000;
    font-weight: 500;
}
.info-product .name-product a{
    display: block;
    color: #000;
}
.info-product .name-product a:hover{
    color: #9a0608;
}
.excerpt-product{
    color: #666;
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    display: none;
}
.excerpt-product p{
    color: #666;
    font-size: 14px;
    line-height: 20px;
}
.info-product .price-product {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 0;
    height: auto;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #C9252C;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
    text-decoration: none;
}
.box-product:hover .price-product::before{
    width: 100px;
}
.info-product .price-product::before {
    position: absolute;
    bottom: 0px;
    width: 50px;
    height: 1px;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 1;
    background: #ed1b24;
    display: none;
}
.info-product .price-product > span{
    display: block;
}
.info-product .price-product del{
    color: #999;
    font-size: 12px;
    font-weight: 500;
}
.info-product .price-product ins{
    font-size: 16px;
    font-weight: 600;
}
.info-product .name-product:hover{
    color: #000;
}
.shopingcart-product{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 10px 0px;
    position: relative;
    max-width: 300px;
    text-align: center;
}
.shopingcart-product a{
    padding: 5px;
    color: #000;
    font-size: 14px;
    border-radius: 0px;
    line-height: 22px;
    font-weight: bold;
}
.shopingcart-product a.add_to_cart_button{
    width: auto;
    margin:0px 2px;
    padding: 5px;
    background: transparent;
}
.shopingcart-product .quick_buy_container {
    width: 50%;
    margin:0px 2px;
}
.shopingcart-product a i{
    margin-left: 5px;
    font-size: 11px;
}
.added_to_cart.wc-forward {
    position: absolute !important;
    bottom: 100%;
    z-index: 100;
    left: 0;
    opacity: 0;
    width: 100%;
    color: #fff;
    right: 0;
    margin: 0 auto !important;
    border-radius: 0 !important;
}
.box-product:hover .added_to_cart.wc-forward{
    opacity: 1;
}
.woocommerce .shopingcart-product a.button:hover{
    color: #000;
    background: transparent;
}
#page-product h3.title-section{
    text-align: left;
    margin-top: 30px;
}
#page-product h3.title-section::before {
    left: 0;
    right: auto;
    margin: 0;
}
.stars-product {
    display: block;
    width: 100%;
    color: #f7941d;
    margin-bottom: 0px;
    font-size: 14px;
}
.stars-product i{
    display: inline-block;
    margin: 0px 1px;
}
.img-product .sale-off{
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 2px 10px;
    background-color: #bd010b;
    color: #fff;
    font-size: 12px;
    z-index: 99;
    border-radius: 3px;
}
.details-product .yith-wcwl-add-to-wishlist {
    margin-top: 0px;
}

.buynow-product a{
    background: #880000;
    color: #FFF;
    padding: 3px 15px;
}
.buynow-product a:hover{
    background: #dfa20a;
    color: #000;
}
/* --------------------------------------
=========================================
   #Section producttab  Css
=========================================
-----------------------------------------*/
.banner-center-homepage .background-overlay{
    background: #FFF;
}

/* --------------------------------------
=========================================
   #Section producttab  Css
=========================================
-----------------------------------------*/
.producttab-homepage .background-overlay{
    padding: 50px 0px;
    background: #FFF;
}
.producttab-homepage .readmore-section{
    margin-top: 0px;
}
.producttab-homepage .tab-content {
	background: #edeff4;
	padding: 20px;
	padding-bottom: 0px;
}
/* --------------------------------------
=========================================
   #Section blog  Css
=========================================
-----------------------------------------*/
.related-product-slider{
    margin: 0px -10px;
}
.related-product-slider .slick-track{
    display: flex;
}
.related-product-slider .items-product{
    padding: 5px 10px;
    height: inherit;
}
.list-related-posts .item{
    margin-bottom: 20px;
}
.list-related-posts .inner{
    display: flex;
    width: 100%;
}
.list-related-posts .thumb{
    width: 35%;
}
.list-related-posts .info{
    width: 65%;
    padding-left: 15px;
}
.list-related-posts .thumb a{
    display: block;
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
}
.list-related-posts .thumb a img{
    width: 100%;
    display: block;
    margin: 0 auto;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    height: 100%;
    object-fit: cover;
}
.list-related-posts .thumb:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.list-related-posts .name {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 5px;
	color: #2d3663;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 45px;
}
.list-related-posts .name a{
    color: #333;
}
.list-related-posts .item:hover a{
    color: #a21010;
}
.list-post-archive .colums-posts{
    margin-bottom: 30px;
}
.list-posts-slider{
    margin: 0px -15px;
}
.list-posts-slider .item{
    padding: 5px 15px;
}
.box-posts{
    padding: 5px;
    background-color: #ffffff;
    border: solid 0px #ffffff;
    max-width: 420px;
    margin: 0 auto;
    box-shadow: 0px 1px 3px 2px rgba(0,0,0,.1);
    border-radius: 5px;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.box-posts:hover{
    box-shadow: 0 -1px 2px 0 rgba(60,64,67,.1),0 5px 10px 0 rgba(60,64,67,.14);
}
.info-posts{
    padding: 15px;
    position: relative;
    text-align: left;
}
.info-posts .time-posts {
    display: block;
    position: relative;
    color: #444;
    padding: 0;
    font-size: 12px;
    margin: 10px 0px;
}
.info-posts .time-posts span:first-child{
    margin-left: 0;
}
.info-posts .time-posts span{
    margin:0px 5px;
}
.info-posts .time-posts a{
    color: #d81e23;
}
.info-posts .time-posts i{
    margin-right: 5px;
}
.img-posts .details-posts {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.img-posts .details-posts a{
    background: transparent;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    border: solid 1px #fff;
    display: inline-block;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    padding: 6px 15px;
    opacity: 0;
    color: #fff;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: relative;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    aspect-ratio: unset;
}
.img-posts:hover .details-posts a{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.img-posts .details-posts a:hover{
    background-color: #fff;
    color: #333;
}
.img-posts {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.img-posts a{
    display: block;
    width: 100%;
    aspect-ratio: 3/2;
}
.img-posts img {
    width: 100%;
    display: block;
    margin: 0 auto;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    height: 100%;
    object-fit: cover;
}
.img-posts:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.details-posts{
    position: relative;
}
.details-posts a span{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #fff;
    background-color: #9e001e;
    text-decoration: none;
    padding: 10px 20px;
}
.img-posts .ovrly {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.img-posts:hover .ovrly{
    opacity: 1;
}
.info-posts .name-posts {
    color: #111;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 26px;
    display: block;
    height: 50px;
    overflow: hidden;
    margin: 5px 0;
    text-transform: capitalize;
    font-weight: 600;
    text-align: left;
}
.info-posts:hover .name-posts{
    color: #d81e23;
}
.excerpt-posts{
    color: #666;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
    height: 70px;
    overflow: hidden;
    text-align: justify;
}
.readmore-posts {
    display: block;
    margin: 0px;
}
.readmore-posts a {
    background: #dbdbdb;
    font-size: 14px;
    border-radius: 5px;
    padding: 7px 15px;
    color: #222;
    font-weight: 500;
}
.readmore-posts a:hover{
    background: #9a0608;
    color: #fff;
}
/*---------------------------------------
    details_product_large
-----------------------------------------*/ 
.gallery-product-large{
    margin-bottom: 10px;
}
.gallery-product-large .item a{
    display: block;
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
}
.gallery-product-thumb{
    margin: 0px -5px;
}
.gallery-product-thumb .slick-slide{
    padding: 0px 5px;
}
.gallery-product-thumb .slick-arrow{
    width: 25px;
    height: 25px;
}
.gallery-product-thumb .slick-arrow::before{
	font-size: 18px;
}
.gallery-product-thumb .slick-prev {
	left: -15px;
}
.gallery-product-thumb .slick-next {
	right: -15px;
}
.woocommerce div.product div.images img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
    display: block;
    width: 100%;
    clear: both;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a{
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
    margin-bottom: 10px;
    
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{
    padding: 0px 5px;
}
.products_sold_text {
    color: #C9252C;
    font-size: 12px;
    line-height: 20px;
}
.custorm_quickbuy {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.custorm_quickbuy .stars-product{
    width: auto;
}
.custorm_quickbuy a.qn_btn {
    background: #F3F3F3;
    border: 0.5px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 14.5px;
    font-weight: normal;
    font-size: 11px;
    line-height: 21px;
    text-transform: uppercase;
    color: #212121;
    padding: 4px 10px;
    text-align: center;
    display: block;
}
.custorm_quickbuy a.qn_btn:hover, .custorm_quickbuy a.qn_btn:focus {
    background-color: #C9252C;
    color: #FFFFFF;
    border-color: #C9252C;
}
.woocommerce .row.woocommerce-archive .well-sm {
    margin-bottom: 0;
    display: none;
}
/* --------------------------------------
=========================================
   #Section relatedproduct  Css
=========================================
-----------------------------------------*/
.related .title-related {
	background: transparent;
	border-left: solid 3px #aa2500;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #333333;
	line-height: 30px;
	border-bottom: solid 1px #ddd;
	padding: 5px 10px;
	text-transform: uppercase;
}
/* --------------------------------------
=========================================
   #Section blog  Css
=========================================
-----------------------------------------*/
#section-blog .background-overlay{
    padding: 40px 0px;
}
#section-blog .readmore-section{
    display: none;
}
.items-blog{
    padding: 10px 10px;
}
.items-blog .box-blog{
    padding: 0px;
    background-color: #ffffff;
    border: solid 0px #ddd;
    max-width: 420px;
    margin: 0 auto;
    box-shadow: 0px 1px 3px 2px rgba(0,0,0,.1);
}
.info-blog{
    padding: 10px;
    position: relative;
    text-align: left;
}
.info-blog .time-blog {
    display: block;
    position: relative;
    color: #666;
    padding: 0;
    font-size: 12px;
    margin: 10px 0px;
    margin-bottom: 0;
}
.info-blog .time-blog span:first-child{
    margin-left: 0;
}
.info-blog .time-blog span{
    margin:0px 5px;
}
.info-blog .time-blog a{
    color: #666;
}
.info-blog .time-blog i{
    margin-right: 5px;
}
.img-blog .details-blog {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.img-blog .details-blog a{
    background: transparent;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    border: solid 1px #fff;
    display: inline-block;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    padding: 6px 15px;
    opacity: 0;
    color: #fff;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: relative;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}
.img-blog:hover .details-blog a{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.img-blog .details-blog a:hover{
    background-color: #fff;
    color: #333;
}
.img-blog > a{
    position: relative;
    aspect-ratio: 1/1;
    width: 100%;
    display: block;
}
.img-blog img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-blog:hover img{
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
.details-blog{
    position: relative;
}
.details-blog a span{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #fff;
    background-color: #9e001e;
    text-decoration: none;
    padding: 10px 20px;
}
.img-blog .ovrly {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.img-blog:hover .ovrly{
    opacity: 1;
}
.excerpt-blog{
    color: #555;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    height: 66px;
    overflow: hidden;
    text-align: justify;
}
.readmore-blog {
    display: block;
    text-align: center;
}
.readmore-blog a {
    background: #1f1f21;
    font-size: 14px;
    border-radius: 5px;
    padding: 7px 15px;
    color: #fff;
}
.readmore-blog a:hover{
    background: #80891b;
}
.box-blog .name-blog{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    padding: 20px;
    text-align: center;
    z-index: 10;
}
.box-blog .name-blog:hover,.box-blog .name-blog:focus {
    background-color: #555555;
    color: #FFFFFF;
}
.box-blog .date-blog {
    font-size: 12px;
    position: absolute;
    left: 10px;
    top: 15px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    background-color: #ffffff;
    border-radius: 2px;
    flex-direction: column;
}
.box-blog .date-blog span{
    display: block;
    text-align: center;
}
.box-blog .date-blog span.days{
    font-size: 24px;
    margin-bottom: 0;
    line-height: 1.49;
}
/* --------------------------------------
=========================================
 Section reviews Css
=========================================
-----------------------------------------*/
#section-reviews .background-overlay{
    background: #F2F2F2;
    padding: 60px 0px;
}
#section-reviews .title-section{
    display: none;
}
.item-reviews .name-reviews {
    display: block;
    margin: 15px 0px;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    color: #212121;
}
.item-reviews .description-reviews {
    margin-bottom: 15px;
    font-style: italic;
    line-height: 26px;
    font-style: italic;
    font-weight: normal;
    font-size: 18px;
    text-align: center;
    color: #6E6E6E;
}
.item-reviews .position-reviews {
    font-weight: normal;
    font-size: 18px;
    color: #7C8087;
    margin: 0;
}
.item-reviews .position-reviews span{
    color: #6E6E6E;
}
.item-reviews .vote-reviews i {
    color: #C9252C;
    font-size: 18px;
    margin: 0px 1px;
}
/* --------------------------------------
=========================================
   #section-register  Css
=========================================
-----------------------------------------*/
#section-register {
    display: flex;
    justify-content: flex-end;
}
#section-register .background-overlay {
    padding: 60px;
    background: rgba(0,0,0,0.7);
    width: 50%;
    display: flex;
}
#section-register .title-section {
    text-align: center;
    border-top: 0;
}
.content-register {
    max-width: 560px;
}
.box-register-form {
    text-align: center;
    display: block;
}
.box-register-form p.txt-register-form {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 0px;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.box-register-form .form-group .wpcf7-form-control.wpcf7-submit{
    display: block;
    margin: 0 auto;
    min-width: 200px;
}
/* --------------------------------------
=========================================
   #Section partner  Css
=========================================
-----------------------------------------*/
/*---------------------------------------
   footer times
-----------------------------------------*/ 
.footer-opening-times{
    display: block;
    color: #fff;
}
.footer-opening-times span {
    color: #f15a24;
}
.time-picker.open{
   border:1px solid #DDDDDD;
   padding:0px;
   transition:all .5s ease;
   height:auto;
   background-color:#FCFCFC;
   position: absolute;
   z-index: 10;
   width: 100%;
}
.box-settime{
   display: flex;
   width: 100%;
   justify-content: space-between;
}
.labeltime a {
    cursor: pointer;
    font-size: 25px;
    text-align: center;
    display: block;
    line-height: 30px;
}
.labeltime {
    width: 45%;
}
.time-picker .labeltime .settime {
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 34px;
    font-size: 20px;
    font-weight: bold;
    border: transparent;
    margin: 0;
    color: #000;
    padding:0px;
}
#submitTime {
    display: block;
    text-align: center;
    background: #3e3e3e;
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
    padding: 5px;
}

/*---------------------------------------
   footer register
-----------------------------------------*/ 
.footer-top_register{
    background-color: #880000;
    padding: 25px 0px;
    color: #FFFFFF;
}
.footer_register .form-footer_register {
    width: 100%;
    max-width: 550px;
}
.footer_register {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer_register .form-group {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    border: solid 1px #DEDEDE;
    border-radius: 50px;
    padding: 0px 2px;
    position: relative;
}
.slogan-footer_register {
    font-weight: normal;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    margin: 0;
    padding-right: 60px;
}
.footer_register .form-group .wpcf7-spinner{
    position: absolute;
    right: 0px;
    bottom: 0;
}
.footer_register .form-group .form-control {
    margin-bottom: 0px;
    border: 0;
    border-radius: 45px;
}
.footer_register .form-group span.wpcf7-not-valid-tip {
    position: absolute;
    color: #ff9719;
    font-size: 12px;
}
.footer_register .form-group  .wpcf7-submit{
    border-radius: 45px;
}
/*---------------------------------------
   footer categories
-----------------------------------------*/ 
.box-menu-categories ul.menu{
    list-style: none;
    padding: 0;
    border-bottom: solid 1px #f1f1f1;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.box-menu-categories ul.menu li {
    display: inline-block;
    padding: 5px;
}
.box-menu-categories ul.menu li a {
    text-transform: uppercase;
    font-size: 15px;
    color: #212121;
    font-weight: bold;
}
.box-menu-categories ul.menu li.active a,.box-menu-categories ul.menu li:hover a {
    border-bottom: solid 2px #d03125;
    padding-bottom: 9px;
    color: #d03126;
}
.box-conten_single_product {
    display: flex;
    width: 100%;
    clear: both;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box-conten_single_product .woocommerce-tabs{
    width: 75%;
    padding-right: 15px;
}
.box-conten_single_product .sidebar_single_product{
    width: 25%;
    padding-left: 15px;
}
.sidebar_single_product .widget{
    margin-bottom: 20px;
}
.sidebar_single_product .widget img {
    width: 100%;
}
/*---------------------------------------
    social viewport
-----------------------------------------*/ 
.social-in-viewport {
    position: fixed;
    right: 15px;
    background: transparent;
    border-radius: 5px;
    width: auto;
    z-index: 9999;
    bottom: 25%;
    padding: 0;
    border: 0px solid #f2f2f2;
    list-style: none;
    margin: 0;
}
.social-in-viewport > li{
    display: block;
    margin-bottom: 10px;
    padding: 0;
}
.social-in-viewport > li:first-child{
    display: none;
}
.social-in-viewport > li:first-child i.fa {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #6cb917;
    display: block;
    color: #fff;
    padding: 10px 0px;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
}
.social-in-viewport > li a {
    border: none;
    padding: 5px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
    margin: 0;
}
.social-in-viewport > li img {
    max-width: 40px;
    margin: 0 auto;
}
.social-in-viewport > li span{
    display: none;
}
/*---------------------------------------
    #page-aboutus
-----------------------------------------*/ 
#page-aboutus .background-overlay .container,#page-box-width .background-overlay .container{
    max-width: 845px;
}
#page-box-width .background-overlay .title-section{
    color:#212121;
}
/*---------------------------------------
    #page-contact
-----------------------------------------*/ 
#page-contact .background-overlay {
    padding: 60px 0px;
    position: relative;
}
#page-contact .background-overlay iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
#page-contact .box-content-contact_page{
    position: relative;
    z-index: 10;
    max-width: 470px;
    background-color: #FFFFFF;
    padding: 30px 35px;
    border-radius: 2px;
    width: 100%;
}
#page-contact .title-pagecontact {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 125%;
    text-transform: uppercase;
    color: #212121;
}
#infor-page_contact{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}
#infor-page_contact > li{
    position: relative;
    display: flex;
    width: 100%;
}
#infor-page_contact > li a{
    color: #212121;
}
#infor-page_contact > li i {
    margin-right: 15px;
    font-size: 17px;
    background: #880000;
    padding: 3px;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    text-align: center;
    display: block;
}
#infor-page_contact > li i.fa-phone{
    transform: rotate(90deg);
}
#infor-page_contact > li p {
    font-weight: 500;
    color: #212121;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 22px;
    width: calc(100% - 39px);
    font-family: 'Roboto', sans-serif;
}
#page-contact .form-group .form-control {
    margin-bottom: 0px;
    border-radius: 15px;
    height: 30px;
    font-size: 13px;
    background: #fff;
    color: #212121;
}
#page-contact .form-group span.wpcf7-not-valid-tip {
    font-size: 12px;
}
#page-contact .form-group textarea.form-control {
    border-radius: 15px;
    height: 88px;
}
#page-contact .form-group .row-form_register .wpcf7-form-control-wrap {
    width: 100%;
    margin-bottom: 0px;
}
#page-contact .form-group .wpcf7-form-control.wpcf7-submit {
    border-radius: 15px;
    padding: 3px 30px;
    font-size: 13px;
    margin-top: 10px;
}
#page-contact .form-group .row{
    margin: 0px -5px;
}
#page-contact .form-group .row [class^="col"] {
    padding: 0 7px;
    margin-bottom: 10px;
}
#page-contact .form-group label {
    color: #919191;
    font-size: 13px;
    font-weight: normal;
    display: none;
}
#page-contact .form-group p{
    margin: 0px;
}
/*---------------------------------------
    error_page
-----------------------------------------*/ 
#error_page .background-overlay {
    height: 360px;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    background: url('images/bgpapers.png')center bottom repeat;
    background-size: auto;
}
.heading-error_page h1 {
    font-family: "SVN-Aptima";
    margin: 0;
    display: inline-block;
    font-weight: normal;
    font-size: 80px;
    line-height: 0px;
    text-transform: uppercase;
    color: #666666;
}
.heading-error_page h1 img{
    width: auto;
    margin: 0 auto;
    display: inline-block;
    margin-right: 10px;
}
.heading-error_page h2 {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #666666;
    margin-top: 15px;
}
.go_back_home {
    display: block;
    margin: 0;
    text-align: center;
    margin-top: 50px;
}
.go_back_home a {
    background: #FFFFFF;
    border: 1px solid #880000;
    box-sizing: border-box;
    border-radius: 24px;
    font-size: 14px;
    color: #880000;
    text-transform: uppercase;
    padding: 10px 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.go_back_home a:hover{
    color: #fff;
    background:#880000;
}

/*---------------------------------------
    error_page
-----------------------------------------*/ 
#page-success .background-overlay {
    height: 360px;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    background: url('images/bgpapers.png')center bottom repeat;
    background-size: auto;
}
#page-success .headding-page-success h2.tit-page-success{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #219653;
}
#page-success .headding-page-success .icon-check i{
    color: #219653;
    width: 76px;
    height: 76px;
    margin: 0 auto;
    border-radius: 100%;
    background: #EEE;
}

.page .page-wrapper_single .background-overlay .container{
    max-width: 845px;
}
.page .page-wrapper_single .background-overlay .title-section{
    color: #000;
}
#slider1_container .jssora02r,#slider1_container .jssora02l{
    top:45% !important;
}
#slider1_container .jssora02rdn,#slider1_container .jssora02ldn{
    top:45% !important;
}
.footer-sidebar .social li a img{
    max-height: 20px;
}
/*---------------------------------------
    Responsive
-----------------------------------------*/ 

@media (max-width: 767px) {
    h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    h4 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    h6 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .title-single {
        font-size: 18px;
        line-height: 26px;
    }

    .title-section {
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .des-section {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 22px;
        padding: 0px 0px;
    }

    .title-section a,
    .title-section span {
        padding: 0px;
    }

    .header-top-bar {
        display: none;
    }

    .header-center-bar {
        display: none;
    }

    .search-wrap .btn.dropdown-toggle {
        padding: 5px;
    }

    .search-wrap .dropdown-toggle .icon-search::before {
        color: #FFF;
    }

    .navbar-default .navbar-brand {
        padding: 3px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto !important;
        z-index: 1;
        width: auto;
        max-width: 35%;
    }

    .navbar-brand>img {
        max-height: 30px;
        margin: 0 auto;
    }

    .navbar-default .navbar-brand {
        padding: 3px;
    }

    .is-sticky .navbar-default .navbar-brand {
        padding: 3px;
    }

    .is-sticky .navbar-brand>img {
        display: block;
        max-height: 35px;
    }
    .social-in-viewport>li {
        margin-bottom: 0px;
    }

    .header-top-info-1 .social li {
        margin-right: 0;
    }

    #tab_featuredpost {
        width: 100%;
        position: relative;
    }

    #list_featuredpost {
        width: 100%;
    }

    .row.navbar-header {
        padding: 5px 0px;
        display: block;
        width: auto;
    }

    .navbar-brand {
        padding: 0;
        margin: 0 auto;
        padding-left: 60px;
    }

    .row .colums-product {
        padding: 0px 5px;
    }

    .shopping_cart .cart-contents::before {
        display: none;
    }

    .shopping_cart .cart-contents {
        margin-left: 5px;
        padding-left: 0px;
    }

    .shopping_cart .cart-contents i {
        color: #FFF;
    }

    .shopping_cart {
        margin-right: 10px;
        margin-top: 1px;
    }

    .is-sticky .shopping_cart {
        margin-top: 1px;
    }

    .shopping_cart .cart-contents i {
        padding: 8px 0px;
        width: 35px;
        height: 35px;
    }

    .shopping_cart .cart-contents span.quanlity-minicart {
        right: -5px;
        top: -5px;
    }

    .shopping_cart span.txt-minicart {
        display: none;
    }

    #section-reviews .background-overlay {
        padding: 30px 0px;
    }

    .description-reviews {
        font-size: 14px;
        line-height: 20px;
    }

    #section-register .background-overlay {
        padding: 30px 15px;
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        display: flex;
    }

    .woocommerce .woocommerce-ordering select {
        max-width: 150px;
    }

    .row.woocommerce-archive .woo-sidebar {
        display: none;
    }

    .header-single_product {
        display: block;
    }

    .woocommerce div.product div.summary {
        margin: 0;
        margin-left: 0px;
        padding: 0px;
    }

    .readmore-section a {
        padding: 6px 15px;
    }

    .woocommerce ul.products li.item-colums-product {
        width: 100%;
    }

    .content-highlight .item {
        margin-bottom: 15px;
    }

    .deal-homepage .heading-section {
        flex-wrap: wrap;
    }

    .deal-homepage .title-section {
        width: 100%;
    }

    .deal-homepage .time_deal_countdown {
        font-size: 20px;
        justify-content: space-between;
        margin-top: 5px;
        width: 100%;
    }

    .header-producttab {
        flex-wrap: wrap;
    }

    .header-producttab .nav.nav-tabs {
        width: 100%;
    }

    .header-producttab .nav-tabs>li>a {
        font-size: 16px;
        padding: 6px 15px;
    }

    .header-producttab .nav-tabs>li>a::after {
        border-bottom-width: 36px;
    }

    .image-introduce {
        margin-bottom: 20px;
    }
    #section-stories .background-overlay {
        padding: 15px 0px;
    }

    #section-stories .readmore-section {
        margin-top: 10px;
    }

    #section-stories .title-section {
        margin: 10px 0px;
        font-size: 35px;
    }

    .line-section {
        margin-bottom: 30px;
    }

    .name-categories {
        font-size: 30px;
    }

    .readmore-categories>a {
        min-height: 35px;
        font-size: 12px;
        padding: 5px 20px;
        min-width: 120px;
    }

    #section-categories .background-overlay {
        padding-bottom: 30px;
    }

    #categories-list {
        margin-bottom: 0;
    }

    .item-reviews .name-reviews {
        margin: 10px 0px;
        font-size: 18px;
        line-height: 26px;
    }

    .item-reviews .description-reviews {
        margin-bottom: 10px;
        line-height: 22px;
        font-size: 14px;
    }

    .item-reviews .position-reviews {
        font-size: 16px;
    }

    .slogan-footer_register {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
        padding-right: 0px;
    }

    .footer_register {
        flex-wrap: wrap;
    }

    .footer_register .form-group .form-control {
        height: 36px;
    }

    .footer_register .form-group .wpcf7-submit {
        border-radius: 35px;
        padding: 5px 25px;
        font-size: 14px;
    }

    #list-widget_contact>li i {
        margin-right: 5px;
    }

    .footer-sidebar .widget .menu li {
        padding: 5px 0;
    }

    #page-contact .box-content-contact_page {
        padding: 15px;
    }

    .woocommerce div.product form.cart .btn-addtocart,
    .woocommerce div.product form.cart .btn-buynow {
        min-width: 150px;
        padding: 5px;
        text-align: center;
        width: 48%;
    }

    .header-single_product .woocommerce-images {
        float: none;
    }

    .box-conten_single_product .woocommerce-tabs {
        width: 100%;
        padding-right: 0px;
    }

    .box-conten_single_product .sidebar_single_product {
        width: 100%;
        padding-left: 0px;
    }

    .page-wrapper .background-overlay {
        padding-bottom: 20px;
    }

    .custom-logo-link {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

    .custom-logo-link img {
        max-height: 50px;
        width: auto;
        margin: 0 auto;
    }

    .introduce-homepage .background-overlay {
        padding: 60px 0px;
    }

    .producttab-homepage .tab-content {
        padding: 15px 10px;
    }

    .deal-homepage .background-overlay {
        padding: 0px;
        background: #FFE7E3;
    }
    .highlight-homepage .background-overlay {
        padding-bottom: 30px;
        padding-top: 0px;
    }
    .deal-homepage .time_deal_countdown .end_countdown{
        max-width: 120px;
    }
    .deal-homepage .time_deal_countdown .end_countdown span{
        margin-right: 0px;
        padding-right: 0px;
    }
    .info-product-homepage{
        display: none;
    }
    .info-product .name-product{
        font-size: 16px;
    }
    .info-product .price-product > span{
        line-height: normal;
    }
    .header-producttab .nav-tabs > li > a::after {
        border-bottom: 36px solid #a21010;
        border-right: 15px solid transparent;
        right: -13px;
    }
    .header-producttab .nav.nav-tabs li {
        margin-right: 10px;
    }
    .header-producttab .nav-tabs > li > a.active::after {
        border-bottom: 36px solid #edeff4;
    }
    .header-producttab .nav-tabs > li:hover > a::after {
        border-bottom: 36px solid #edeff4;
    }
    .stars-product {
        font-size: 12px;
    }
    .block-strengths{
        width: 100%;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        font-size: 15px;
        padding: 7px 8px;
        margin-right: 0;
    }
    .woocommerce div.product form.cart div.quantity > .screen-reader-text{
        display: none;
    }
    .banner-homepage-slider .item > a{
        aspect-ratio: 3/2;
    }
}

@media (max-width: 500px) {
    .woocommerce-flex-btn .quick_buy_container>a {
        font-size: 14px;
    }
}

@media (max-width: 320px) {}

@media (min-width: 420px) and (max-width: 768px) {}

@media (min-width: 768px) and (max-width: 992px) {
    .title-section {
        font-size: 25px;
    }

    .header-search-wrap {
        display: block;
    }

    .inner-header-search {
        display: none;
    }

    #section-stories .title-section {
        margin-bottom: 0;
        font-size: 30px;
        line-height: normal;
    }

    .box-infor-stories p {
        font-size: 14px;
        line-height: 22px;
    }

    #section-stories .readmore-section {
        margin-top: 10px;
    }

    .name-categories {
        font-size: 30px;
    }

    .shopping_cart .cart-contents span.quanlity-minicart {
        right: 0;
        top: 0;
    }

    .shopping_cart .cart-contents i {
        width: 40px;
        height: 40px;
    }

    .woocommerce div.product form.cart .btn-addtocart,
    .woocommerce div.product form.cart .btn-buynow {
        min-width: 150px;
        padding: 5px;
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1190px) {
    #section-register .background-overlay {
        padding: 40px;
        width: 60%;
    }

    .woocommerce ul.products li.item-colums-product {
        width: 33.33%;
    }

    .inner-header-search {
        max-width: 180px;
    }

    .woocommerce div.product form.cart .btn-addtocart,
    .woocommerce div.product form.cart .btn-buynow {
        min-width: 150px;
        padding: 5px;
        text-align: center;
    }
}

@media (min-width: 1190px) and (max-width: 1368px) {}

@media (min-width: 1368px) {}

@media (min-width: 768px) {
    .admin-bar .is-sticky .sticky-nav {
        top: 32px !important;
    }

    #showmenu {
        display: none;
    }

    .social-ring a.user-support {
        display: none;
    }

    .is-sticky .row.navbar-header {
        display: none;
    }

    .single #page-wrapper {
        overflow: inherit;
    }

    .archive #page-wrapper {
        overflow: inherit;
    }

    .page-template #page-wrapper {
        overflow: inherit;
    }

    .row.content-single-product,
    .row.content-single-post {
        display: flex;
    }

    .row.content-single-product .sidebar,
    .row.content-single-post .sidebar {
        overflow: auto;
        position: -webkit-sticky;
        position: sticky;
        top: 20%;
        bottom: 0;
        z-index: 10;
        background-color: #fff;
        margin: 0;
    }

    .single-product #page-wrapper {
        overflow: inherit;
    }

    .row.content-widget-footer {
        display: flex;
        flex-wrap: wrap;
    }

    #page-album .container {
        width: 100%;
        max-width: 1920px;
    }

    .shopping_cart.shopping_cart_mobile {
        display: none;
    }

    .single-post-meta .review {
        display: flex;
        justify-content: flex-end;
    }
}