header{
    background: transparent;
}
.banner{
	height: 350px;
	width: 100%;
	background-color: #eee;
	background-size: cover;
	background-position: center;
	margin-top: 75px;
}
.smbanner{
	height: 75px;
	background-color: #dc291e17;
	margin-top: 0;
}
.banner .desk,
.banner .resp{
	height: 100%;
	width: 100%;
    background-size: cover;
    background-position: center;
}
@media(max-width: 991px){
.banner{
	height: 300px;
}
}
@media(max-width: 767px){
.banner{
	height: 250px;
}
}
@media(max-width: 440px){
.banner{
	height: 200px;
}
}
@media(max-width: 380px){
.banner{
	height: 180px;
	margin-top: 60px;
}
}

@media(max-width: 380px){
.smbanner{
	height: 60px;
}
}

.innercontent{
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-color: #dc291e17;
}
.breadcrumb{
	background-color: transparent;
	border: none;
	padding: 0;
    font-size: .875rem;
}
.breadcrumb-item+.breadcrumb-item::before{
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
    font-size: .75rem;
    margin-top: 2px;
}
.breadcrumb a{
	color: #666;
}
.breadcrumb a:hover{
	color: #333;
}
.breadcrumb-item.active{
	color: #dc291e;
}





/*------------------------------------*/
/*::::::::::::::CATEGORY::::::::::::::*/
/*------------------------------------*/
.searchfilter{
	position: relative;
	z-index: 1;
}
.filterarea{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 0.3rem;
}
button.filter{
	border: none;
	outline: 0;
	padding: 5px 0;
	font-weight: 600;
	background-color: transparent;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
button.filter:hover{
	color: #dc291e;
}
button.filter i{
	margin-right: 5px;
}

.filterdrop .btn{
	outline: 0;
	box-shadow: none;
	padding: 5px 0;
	font-weight: 600;
}
.filterdrop .btn:hover{
	color: #dc291e;
}
.filterdrop .btn:after{
	display: none;
}
.filterdrop .btn i{
	margin-right: 5px;
}
.filterdrop .dropdown-menu{
	width: 200px;
	padding: 0;
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.filterdrop .dropdown-menu a{
	padding: 10px 15px;
}
.filterdrop .dropdown-menu a i{
	margin-right: 5px;
}
.filterdrop a:focus, .filterdrop a:hover,
.filterdrop a.active, .filterdrop a:active{
	background-color: #dc291e17;
	color: #333;
}

.filterdata{
	background-color: #fff;
	border-radius: .3rem;
	padding: 15px;
	display: none;
	flex:0 0 300px;
	max-width: 300px;
	margin-left: 10px;
}
.productarea{
	display: flex;
	flex-flow: wrap;
	padding: 0;
	align-items:flex-start;
}
.filterlist{
	position: relative;
	/*height: 180px;*/
	height:auto;
	overflow-y: auto;
	margin-bottom: 1rem;
}
.color_filter{
	display: flex;
	flex-flow: wrap;
}
.color_filter li{
	width: 30px;
	height: 30px;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 0.3rem;
    border: 1px solid #eee;
    cursor: pointer;
}
.check-label{
	display: flex;
    margin-bottom: 9px;
    margin-top: 9px;
	color: #666;
	cursor: pointer;
}
.check-div{
	font-weight: normal;
    font-size: 13px;
}
.check-label span.c-box{
	margin-top: 1px
}
label.check-label input {  
	display: none;/* <-- hide the default checkbox */
}
.order-item label.check-label span.c-box{
	border: 1px solid white;
}
label.check-label span.c-box {
	/* <-- style the artificial checkbox */
	height: 14px;
	width: 14px;
	border:1px solid #aaa;
	border-radius: 2px;
	display: inline-block;
	position: relative;
	margin-right: 8px;
	cursor: pointer;
}
input[type=checkbox]:checked + span.c-box:before {
	/* <-- style its checked state..with a ticked icon */
	content: '\2713';
	position: absolute;
    color: #dc291e;
    top: -2px !important;
    left: 1px;
    font-size: .75rem;
    font-weight: 600;

}
input[type=checkbox]:checked + span.c-box {
	/* <-- style its checked state..with a ticked icon */
	background-color: white;
	border: 1px solid #dc291e;
 
}

@media(max-width: 1200px){
.productarea.hasfilter .procol{
	flex: 0 0 50%;
	max-width: 50%;
}
}

@media(max-width: 991px){
.filterdata{
	position: fixed;
	left: 0;
	top: 0;
	border-radius: 0;
	margin: 0 !important;
	z-index: 1001;
	overflow-y: auto;
    height: calc(100% - 50px);
}
.filterhead{
	background-color: #dc291e;
	color: #fff;
	padding: 10px 15px;
}
.filterhead .backbtn{
	border: none;
	outline: 0;
	background-color: transparent;
    padding: 0;
    width: 20px;
    margin-right: 10px;
    margin-top: -3px;
}
.filterclose{
	position: fixed;
	z-index: 1000;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	display: none;
}
.productarea.hasfilter .procol{
	flex: 0 0 33.333%;
	max-width: 33.333%;
}
.filterbtn{
	position: fixed;
	bottom: 0;
	left: 0;
    width: 300px;
    background-color: #ffd9eb;
    padding: 0 10px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filterbtn .filtcount{
	font-size: .875rem;
}
.filterbtn button{
	border: none;
	outline: 0;
    background-color: #dc291e;
    color: #fff;
    padding: 5px 15px;
    border-radius: 0.3rem;
    float: right;
}
}

@media(max-width: 767px){
.productarea.hasfilter .procol{
	flex: 0 0 50%;
	max-width: 50%;
}
}



/*------------------------------------*/
/*::::::::::::::DETAILS:::::::::::::::*/
/*------------------------------------*/
.details{
	background-color: #fff;
	padding-top: 1rem;
}
.details .breadcrumb a{
	color: #999;
}
.details .breadcrumb .breadcrumb-item.active{
	color: #dc291e;
}

.details .prozoom{
	width: 630px;
	padding: 0 15px;
	position: relative;
}
.details .prodetail{
	width: calc(100% - 630px);
	padding: 0 15px;
}
.details .swiper-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.details .swiper-slide {
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
}
.details .swiper-slide span{
	opacity: 0;
}
.details .swiper-slide-active span{
	opacity: 1;
}
.details .product-original {
	height: 515px;
    width: calc(100% - 70px);
    margin-right: 0;
    border-right: 1px solid #eee;
    padding-right: 15px;
    border-radius: 0;
}
.details .product-thumbs {
	height: 500px;
	width: 60px;
	box-sizing: border-box;
	padding: 0;
    position: absolute;
    top: 0;
}
.details .product-thumbs .swiper-wrapper{
	flex-flow: column;
}
.details .product-thumbs .swiper-slide {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    cursor: pointer;
    border: 1px solid #eee;
    pointer-events: unset !important;
}
.details .product-thumbs .swiper-slide-thumb-active {
    overflow: hidden;
    border: 2px solid #dc291e !important;
}
.details .product-thumbs .vidthumb{
	position: relative;
	overflow: hidden;
}
.details .product-thumbs .vidthumb:before{
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
}
.details .product-thumbs .vidthumb:after{
	content: '\f144';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 26px;
	opacity: .7;
}


.details .vidcol{
width: 100%;
    max-width: 480px;
    position: relative;
    /* padding-bottom: 56.25%; */
    padding-top: 0;
    max-height: 500px;
    height: 100%;
    cursor: pointer;
}
.details .vidcol .galcard{
    height:100%;
}
.details .vidcol .galcard .galimg{
    height:100%;
}
.details .vidcol .galcard .galimg .coverimg{
    height: 100%;
    object-fit: cover;
}
.details .vidcol .galcard:after {
   content: '\f144';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #f70000;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    font-size: 26px;
    opacity: .7;
}



.details .vidcol iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fancybox__backdrop {
    background-color: rgba(0,0,0,.9) !important;
}


.details .swiper-slide .effect{
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 10px;
	color: #999;
	background-color: #fff;
}
.details .swiper-slide .type{
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 10px;
}


.procolor{
	cursor: pointer;
	width: 100%;
	height: 500px;
	display: none;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.coloroption,
.colordefault,
.colorother{
    width: 100%;
    height: 100%;
    position: relative;
}
.procolor.active,
.colordefault .procolor,
.colorother .procolor{
	display: flex !important;
}
.procolor img {
    max-height: 100%;
    background-color:#fff;
}


.fancybox__content>.carousel__button.is-close{
	background-color: #9C27B0;
    top: 1rem !important;
    right: 1rem !important;
    width: 30px;
    height: 30px;
}
.fancybox__image{
	border-radius: .3rem;
	background-color:#fff;
}

.detinfo{
	color: #2c1212;
}
.detinfo h1{
	font-size: 1.5rem;
	margin-bottom: .5rem;
	color: #333;
    font-weight: 700;
}
.detinfo p{
	font-size: .875rem;
	color: #666;
}
.detinfo .offcap{
	color: #318934;
	font-size: .875rem;
}
.detinfo .price{
	display: flex;
	align-items: baseline;
}
.detinfo .price h2{
	margin-bottom: 0;
	margin-right: 10px;
	font-weight: 600;
	color: #333;
}
.detinfo .price p.cut{
	text-decoration: line-through;
	margin-right: 10px;
	margin-bottom: 0;
	color: #999;
	font-size: 1rem;
}
.detinfo .price .off{
    color: #318934;
    font-size: .85rem;
}
.detinfo .brand{
	display: block;
	margin-bottom: 1rem;
    font-size: .875rem;
    color: #666;
}
.detinfo .brand img{
	max-height: 26px;
	max-width: 100px;
	margin-top: -6px;
}
.detinfo .quantity li:first-child button{
	margin-left: 0;
}
.detinfo .amt{ 
    border-left: 1px solid #ddd;
    padding-left: 8px;
    margin-left: 5px;
    position: relative;
    top: 1px;
}
.detbutton{
	display: flex;
}
.detbutton .plusminus{
    margin-right:10px;
}
.detbutton .plusminus .cartform{
	min-width: 100px;
    height:100%;
}
.detbutton .cartform input.qtyplus, 
.detbutton .cartform input.qtyminus,
.detbutton .cartform .qty{
    height:100%;
}
.detbutton .cartform input.qtyplus, 
.detbutton .cartform input.qtyminus{
    width:23px;
}
.detbutton button{
	width: 100%;
	border: none;
	border-radius: .3rem;
	height: 50px;
	outline: 0;
	color: #fff;
	flex: 1 0 50%;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.detbutton button span{
	margin-right: 3px;
}
.detbutton button.addcart{
	margin-right: 5px;
	background-color: #222;
}
.detbutton button.addcart:hover{
	background-color: #443232;
}
.detbutton button.gocart{
	margin-right: 5px;
	background-color: #222;
	width: 185px;
}
.detbutton button.gocart:hover{
	background-color: #443232;
}
.detbutton button.buynow{
	margin-left: 5px;
	background-color: #dc291e;
}
.detbutton button.buynow:hover{
	background-color: #0c0c0c;
}
.details p.smhead {
    color: #333;
}

.bybrand{
	display: flex;
	flex-flow: wrap;
	margin-bottom: 1rem;
}
.bybrand li{
	margin-right: 10px;
	margin-bottom: 8px;
}
.bybrand li a{
    text-decoration:none;
}
.bybrand li button{
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	background-color: transparent;
	border-radius: .3rem;
	padding: 2px 4px;
	outline: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.bybrand li button:hover{
	border-color: #666;
}
.bybrand li.active button{
	border-color: #dc291e;
    box-shadow: 0 0 0 1px #dc291e;
}
.bybrand li .brimg img{
	height: 30px;
}
.bybrand li .bramt{
	font-size: .75rem;
	color: #666;
    border-top: 1px solid #ddd;
    width: 100%;
    padding-top: 2px;
    margin-top: 2px;
}

.availability{
	display: flex;
	margin-bottom: 1rem;
}
.availability li{
    border: 1px solid #ffb6b6;
    color: #ffb6b6;
	margin-right: 5px;
	padding: 5px 5px 3px;
	line-height: normal;
	font-size: .875rem;
	border-radius: .3rem;
}
.availability li.in{
	color: #dc291e;
	border-color: #dc291e;
}
.smhead{
	margin-bottom: .3rem;
	font-weight: 600;
}
.smhead .status.in{
	color: #69af6c;
}
.smhead .status.out{
	color: red;
}

.highlist{
	display: flex;
	flex-flow: wrap;
	color: #666;
	font-weight: 600;
}
.highlist li:before{
	content: '\f6d1';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	font-size: .7rem;
    margin-right: 5px;
    color: #dc291e;
}
.highlist li{
	position: relative;
	width: 50%;
	font-size: .875rem;
}
.highlist li span{
	font-weight: 600;
	color: #999;
	margin-right: 3px;
	font-size: .8rem;
}

.colorchoice{
	display: inline-flex;
	flex-flow: wrap;
}
.colorchoice li{
	padding-right: 8px;
	margin-bottom: 5px;
}
.colorchoice li:last-child{
	padding-right: 0;
}
.colorchoice li a{
	display: flex;
	border: 1px solid #ddd;
}
.colorchoice li a:hover{
	border-color: #dc291e;
}
.colorchoice li.default a{
	border-color: #607d8b;
    box-shadow: 0 0 0 1px #607d8b;
}
.colorchoice li a .icon{
	width: 50px;
	padding: 3px;
}
.colorchoice li a .icon img{
	height: 50px;
}



.myrating {
	width: 100%;
	padding-top: 0;
	display: flex;
	flex-flow: wrap;
	align-items: center;
}
.myrating .star-rating {
	height: 14px;
	position: relative;
	width: 70px;
	margin-right: 3px;
}
.myrating .star-rating:before {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23cccccc%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important;
  background-repeat: repeat-x;
  background-size: 14px;
  bottom: 0;
  content: "";
  display: block;
  height: 14px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.myrating .star-rating > span {
  display: block;
  text-indent: -10000px;
  width: auto;
  height: 14px;
  position: absolute;
  overflow: hidden;
}
.myrating .star-rating > span:before {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23ff9800%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E) !important;
  background-repeat: repeat-x;
  background-size: 14px;
  bottom: 0;
  content: "";
  display: block;
  height: 14px;
  left: 0;
  position: absolute;
  right: 0;
  text-indent: 10000px;
  top: 0;
}
.myrating .value,
.myrating .votes{
	white-space: nowrap;
	font-size: .75rem;
	margin-top: 3px;
}
.myrating .votes a{
	color: #666;
    text-decoration: underline !important;
}
.myrating span.name  {
    font-size: .875rem;
    white-space: nowrap;
}

.detmainarea{
	background-color: #dc291e17;
	padding: 2rem 0;
}
.detailtab .nav-tabs{
	border: none;
    flex-flow: nowrap;
    height: 45px;
    overflow: hidden;
    overflow-x: auto;
}
.detailtab .nav-tabs li{
	margin-right: 10px;
    flex: none;
}
.detailtab .nav-tabs .nav-link{
	border-radius: .3rem;
	font-weight: 600;
    color: #60606a;
    border: none;
    background-color: transparent;
}
.detailtab .nav-tabs .nav-link:hover{
	background-color: #dc291e17;
}
.detailtab .nav-tabs .nav-link.active{
	background-color: #dc291e;
	color: #fff;
}
.detailtab .tab-content>.tab-pane{
	padding-top: 1rem;
}
.detailtab .tab-content>.tab-pane p{
	font-size: .875rem;
	margin-bottom: 0;
	color: #666;
}
h5.tabhd{
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 5px;
    color: #333;
}
.detailtab .tablist{
	display: flex;
	flex-flow: column;
	font-size: .875rem;
	color: #666;
}
.detailtab .tablist li{
	position: relative;
	padding-left: 15px;
}
.detailtab .tablist li:before{
	content: '\f380';
	font-family: 'Font Awesome 5 Brands';
	position: absolute;
	left: 0;
	font-weight: 600;
    font-size: .65rem;
    margin-top: 3px;
    color: #dc291e;
}

.ratingbox{
	display: flex;
	flex-flow: wrap;
    align-items: center;
}
.ratingbox .ratedata{
    width: 180px;
	text-align: center;
    display: flex;
    flex-flow: column;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 0.3rem;
}
.ratingbox .ratedata h3 i{
    font-size: 1.3rem;
    position: relative;
    top: -2px;
    color: #ffa707;
}
.ratingbox .ratedata p{
	line-height: 1.2;
}
.ratingbox .ratestat{
	position: relative;
    padding-left: 15px;
}
.progbox{
	display: flex;
    font-size: .8rem;
    align-items: center;
}
.progbox .progress{
	width: 200px;
	height: 6px;
	margin: 0 10px;
}
.progbox .rtvalue {
    width: 24px;
    text-align: right;
}
.progbox .rtvalue i{
	font-size: .7rem;
}
.progbox .rtcount{
	color: #888;
}

.ratebtn{
	float: right;
}
.ratebtn button{
    border: 1px solid #ddd;
    background-color: transparent;
    padding: 10px 15px;
    outline: 0;
    border-radius: 0.3rem;
    color: #666;
    font-weight: 600;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.ratebtn button i{
	color: #dc291e;
}
.ratebtn button:hover{
	border-color: #dc291e;
}
.revcol{
	display: flex;
	flex-flow: column;
	position: relative;
	margin: 10px 0;
}
.revcol .revhead{
	display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.revcol .revhead .hdval{
	font-size: .8rem;
    padding: 0 6px;
    color: #fff;
    border-radius: 0.3rem;
    margin-right: 5px;
    height: 22px;
    display: flex;
    align-items: center;
}
.revcol .revhead .hdval i{
	font-size: .6rem;
    margin-left: 3px;
}
.revcol .revhead h5{
	margin-bottom: 0;
	font-size: 1rem;
}
.revcol .revinfo{
	display: flex;
	flex-flow: wrap;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.revcol .revinfo p{
	margin-right: 10px;
	font-size: .85rem !important;
}
.revcol .revinfo p:last-child{
	margin-right: 0;
}
.revcol .revinfo p.author{
	font-weight: 600;
}
.tab-pane .card-header .btn{
	font-size: .875rem;
	font-weight: 500;
}
.tab-pane .card-body{
	font-size: .875rem;
}


.detoffcol{
	flex: 0 0 300px;
}


.specimgcol img{
	width: 100%;
}


@media(max-width: 1200px){
.details .prozoom{
	width: 450px;
}
.details .product-original,
.procolor{
	height: 400px;
}
.details .prodetail{
	width: calc(100% - 450px);
}
}

@media(max-width: 991px){
.details .product-original{
	border-right: none;
}
.details .prozoom{
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.details .prodetail{
	width: 100%;
	margin-top: 2rem;
}
.progbox .progress{
	width: 180px;
}
}

@media(max-width: 767px){
.ratebtn{
	float: none;
	margin-top: 1rem;
}
}

@media(max-width:575px){
.details .prozoom{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.details .product-original{
	height: auto;
	width: 100%;
	margin-bottom: 1rem;
}
.details .product-original .swiper-wrapper{
	align-items: center;
}
.details .product-thumbs{
    width: 100%;
    height: auto;
    position: relative;
}
.details .product-thumbs .swiper-wrapper{
	flex-flow: row;
}
.details .product-thumbs .swiper-slide{
    width: calc(90% / 5) !important;
    transform: none !important;
    border: 1px solid #eee;
    opacity: 1 !important;
    margin-right: 2.5%;
    height: 50px;
    max-width: 50px;
}
.highlist li{
	width: 100%;
}
.detailtab .nav-tabs li{
	margin-right: 5px;
}
.detailtab .nav-tabs .nav-link{
	padding: 6px 10px;
}
.ratingbox{
	flex-flow: column;
	align-items: flex-start;
}
.ratingbox .ratestat{
	padding-left: 0;
	margin-top: 10px;
}
}

@media(max-width: 480px){
.details .product-original, .procolor{
	height: 330px;
}
}

@media(max-width:360px){
.details .prozoom{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.details .product-original{
	height: auto;
}
.details .product-thumbs{
	height: 60px;
}
.details .product-thumbs .swiper-slide{
	width: 40px;
}
}





/*------------------------------------*/
/*::::::::::::::PAGINATION::::::::::::*/
/*------------------------------------*/
.pagination{
	justify-content: center;
}
.page-item{
	margin: 0 5px;
}
.page-item.disabled .page-link,
.page-item:last-child .page-link,
.page-link{
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	padding: 0;
	border-radius: 50%;
	border: none;
	color: #666;
}
.page-item.active .page-link{
	background-color: #dc291e;
	border-color: #dc291e;
}
.page-link:hover{
	background-color: #f0adcd;
	color: #333 !important;
}
.page-item.active .page-link:hover{
	color: #fff !important;
}

/*-----------------------------------*/
/**************FORM STYLE*************/
/*-----------------------------------*/
.myform label{
	color: #999;
    margin-bottom: 5px;
    font-size: .875rem;
}
.myform input, .myform textarea, .myform select{
	border: 1px solid #eee;
	height: 49px;
	outline: 0;
	box-shadow: none;
	padding-left: 42px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.myform select{
    -webkit-appearance: initial;
}


.myform input:focus, .myform textarea:focus, .myform select:focus{
	outline: 0;
	box-shadow: none;
	border-color: #607D8B;
}
.myform .icon {
    position: absolute;
    left: 7px;
    top: 36px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #333;
    text-align: right;
    pointer-events: none;
}
.myform button.btn{
	height: 50px;
	padding: 0 15px;
	outline: 0;
	box-shadow: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.myform button.btn-submit{
	background-color: #dc291e;
	color: #fff;
	min-width: 150px;
}
.myform button.btn-submit:hover{
	background-color: #0c0c0c;
}
.myform button.btn-reset{
	background-color: #fff;
	color: #666;
}


/**********TABLE************/
.mytable{
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    border: 1px solid #ddd;
    border-right: 0;
}
.mytable td, .mytable th{
    border: 1px solid #ddd;
    padding: .75rem;    vertical-align: middle;
    border-width: .5px;
}
.mytable thead th{
    vertical-align: middle;
    color: #f7f7f7;
    background-color: #607d8b;
    border-color: #596f7a;
    font-weight: 500;
}
.mytable tbody{
	color: #888;
}
.mytable tbody tr{
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.mytable tbody tr:hover{
    color: #666;
    background-color: #dc291e17;
}

.myorder .mytable thead th:nth-child(1){
	width: 50px;
}
.myorder .mytable thead th:nth-child(2){
	min-width: 200px;
}
.myorder .mytable thead th:nth-child(3){
	min-width: 150px;
	width: 150px;
}
.myorder .mytable thead th:nth-child(4){
	min-width: 150px;
	width: 150px;
}
.myorder .mytable thead th:nth-child(5){
	min-width: 150px;
	width: 150px;
}




/*-----------------------------------*/
/**************CHECKOUT***************/
/*-----------------------------------*/
.checkout .swiperaddress .swiper-wrapper{
	flex-flow: wrap;
}
.checkout .swiperaddress .swiper-wrapper .swiper-slide{
	width: calc(100% / 3);
	padding: 0 5px;
}
.checkout .addsave{
	margin-top: 1rem;
	margin-bottom: 0;
}
.checkout .addsave.selected{
	border-color: #ffc5e1;
}

.checkout .addsave button,
.checkout .addsave a{
	opacity: 0;
}
.checkout .addsave.selected button,
.checkout .addsave.selected a{
	opacity: 1;
}
.checkout .addsave-next, .checkout .addsave-prev{
	top: 15px;
	left: auto;
}
.checkout .addsave-prev{
	right: 40px;
}
.checkout .addsave-next:after, .checkout .addsave-prev:after{
	font-size: 12px;
    background: #333;
    width: 26px;
    height: 26px;
    line-height: 26px;
    color: #f7f7f7;
    text-align: center;
    border-radius: 50%;
}
.checkout .swiper-button-next.swiper-button-disabled, 
.checkout .swiper-button-prev.swiper-button-disabled{
	opacity: .75;
}
.addnewcol .newbtn,
.addnewcol .newbtn:focus{
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
    background-color: rgba(233,30,99,.1);
	border: none;
	border-radius: .3rem;
	width: 100%;
	height: 80px;
	color: #7a3f7a;
	outline: 0;
	box-shadow: none;
}
.addnewcol .newbtn span{
	font-size: 1.6rem;
	margin-right: 6px;
    color: #dc291e;
}
.checklist{
	max-width: calc(100% - 350px);
}
.checksummary{
	max-width: 350px;
	border-left: 1px solid #ddd;
    font-size: .875rem;
}
.inpbtn, .inpbtn:focus{
	position: absolute;
	bottom: 0;
	font-size: 1rem;
	right: 15px;
	padding: 0 10px;
	height: 50px;
	border-radius: .3rem;
	border: none;
	outline: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.cplabel{
	margin-bottom: 56px;
}
.coupondrop {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  height: 50px;
}

.coupondrop > div.caption {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #666;
  padding: 0 20px;
  border-radius: 3px;
  cursor: pointer;
  height: 100%;
  line-height: 50px;
}

.coupondrop > div.list {
  position: absolute;
  z-index: 2;
  background-color: #fff;
  width: 100%;
  border-radius: 0 0 3px 3px;
  display: none;
  border: 1px solid #ddd;
  border-top: none;
  box-shadow: 5px 5px 20px rgba(0,0,0,.1);
}

.coupondrop > div.list > div.item {
  padding: 11px 24px;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}
.coupondrop .item .code{
	display: block;
	font-weight: 700;
}
.coupondrop .item .desc{
	font-size: .875rem;
	color: #666;
}

.coupondrop > div.list > div.item.selected {
  font-weight: bold;
}

.coupondrop > div.list > div.item:hover {
  background-color: #ffebf0;
}

.coupondrop.open > div.caption {
  border-radius: 3px 3px 0 0;
  border-bottom: solid 1px #999;
}

.coupondrop.open > div.list {
  display: block;
}
.prisum{
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	color: #666;
}
.prisum .amount{
	width: 120px;
	text-align: right;
}
.prisum.total{
	padding-top: 6px;
	margin-top: 8px;
	border-top: 1px solid #ddd;
	font-weight: 600;
	color:#E91E63;
    font-size: 1rem;
}
.checksummary .btnorder{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 1rem;
	padding: 0 15px;
	text-align: center;
	background-color: #401f2a;
	color: #fff;
	border-radius: .3rem;
	border: none;
	outline: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.checksummary .btnorder:hover{
	background-color: #541329;
}
.payopt{
	display: flex;
	flex-flow: wrap;
	color: #666;
}
.payopt .custom-radio{
	flex: 1 0 50%;
	text-align: left;
}
.custom-control-input:checked~.custom-control-label::before{
    border-color: #96007d;
    background-color: #96007d;
}

.addsave{
	padding: 15px;
	border-radius: .3rem;
	color: #666;
	background-color: #fff;
	font-size: .875rem;
	position: relative;
	width: 100%;
	min-height: 140px;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
	border: 1px solid #eee;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.addsave:hover{
	box-shadow: 4px 4px 20px rgba(0,0,0,0.1);
}
.addsave ul li.name{
	font-weight: 600;
	color: #b10943;
	font-size: .875rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 3px;
}
.addsave ul li{
	padding: 0;
	padding-left: 25px;
}
.addsave ul li i{
	position: absolute;
	left: 15px;
	margin-top: 3px;
    color: #333;
}
.addsave button,
.addsave a{
	outline: 0;
	border: none;
	position: absolute;
    top: -13px;
    right: 1rem;
    background: #878787;
    color: #fff;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    border-radius: 2rem;
    font-size: .8rem;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.addsave button.delibtn{
	right: 55px;
    background: #e91e63;
    padding: 0 15px;
}
.addsave button.removebtn{
	background-color: #dc291e;
}
.addsave button.editbtn{
	right: 50px;
}
.addsave button.delibtn:hover{
	background-color: #9d1241;
}
.addsave a.editbtn:hover,
.addsave button.editbtn:hover{
	background-color: #545454;
}
.addsave button.removebtn:hover{
	background-color: #f33131;
}



.cartlist .cartform{
	display: block;
    width: auto;
    position: absolute;
    bottom: 5px;
    right: 0;
    background: transparent;
}
.cartlist input.qtyplus, .cartlist input.qtyminus, .cartlist .qty{
    height: 32px;
    width: 32px;
    color: #666;
    background-color: #fbebeb;
    border-radius: .3rem;
    border: none;
    text-align: center;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.cartlist input.qtyplus:hover, .cartlist input.qtyminus:hover{
	background-color: #f7d6d6;
}
.cartlist input.qty{
    border-radius: .3rem;
    border: 1px solid #ddd;
    width: 50px;
    background-color: transparent;
}
.cartlist input.qtyplus{
	right: 2px;
}
.cartlist input.qtyminus{
	left: 2px;
}
.cartlist .remove{
	position: absolute;
	top: 3px;
	right: 0;
    font-size: 1rem;
    color: #ccc;
    width: 14px;
    height: 14px;
    border-radius: .3rem;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.cartlist .remove:hover{
	color: #F44336;
}
.cartlist .cartpro{
	display: flex;
	flex-flow: wrap;
    padding: 10px;
    position: relative;
    background-color: #fff;
    margin-bottom: 0.5rem;
    border-radius: 0.3rem;
}
.cartlist .cartpro .cartimg{
	display: flex;
	align-items: center;
	width: 80px;
    border-right: 1px solid #e9e9e9;
    padding-right: 10px;
}
.cartlist .cartpro .cartimg a{
	display: block;
}
.cartlist .cartpro .cartimg a img {
    width: 100%;
    display: block;
    margin: auto;
}
.cartlist .cartpro .cartdet{
	display: flex;
	flex-flow: column;
    justify-content: flex-start;
	padding-left: 15px;
    flex: 0 0 calc(100% - 80px);
	position: relative;
}
.cartlist .cartpro .cartdet a.name{
	display: block;
	flex: none;
	max-height: 40px;
	min-height: 20px;
	line-height: 1.3;
	margin-top: 10px;
	padding-right: 25px;
    font-weight: 600;
	overflow: hidden;
	color: #795548;
	text-decoration: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.cartlist .cartpro .cartdet a.name:hover{
	color: #dc291e;
}
.cartlist .cartpro .cartdet .count{
	color: #999;
	font-size: .85rem;
    margin-top: 5px;
    margin-bottom: 0;
}
.cartlist .cartinfo{
	display: flex;
	flex-flow: wrap;
    height: 100%;
    align-items: flex-end;
    font-size: .875rem;
	margin-top: 10px;
}
.cartlist .cartinfo li{
    display: flex;
    align-items: center;
}
.stockout .stockinfo{
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	color: #f44336;
	padding-left: 15px;
	bottom: 0;
	background: #fff;
	height: 50px;
	line-height: 50px;
}
.stockout .remove{
	color: red;
	font-size: .875rem;
}
.stockout .cartimg a img{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
}
.cartlist .stockout .cartinfo{
	opacity: 0;
	height: 40px;
}
.stockout.cartpro .cartdet a.name{
	color: #999;
}
.notifybtn{
	display: none;
}
.stockout .notifybtn{
	display: block;
	width: 125px;
	height: 40px;
	line-height: 40px;
	background-color: #ccc;
	color: #fff;
	border-radius: .3rem;
	position: absolute;
    bottom: 5px;
    right: 0;
    border: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.stockout .notifybtn:hover{
	background-color: #999;
}
.clearcart{
	background-color: #ff9800;
    border: none;
    color: #fff;
    float: right;
    padding: 3px 10px;
    border-radius: 0.3rem;
    margin-top: 5px;
    margin-bottom: 1rem;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.clearcart i{
	font-size: .875rem;
	margin-left: 3px;
}
.clearcart:hover{
	background-color: #FF5722;
}
.cartinfo .price{
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.cartinfo .price p{
    margin-bottom: 0;
}
.cartinfo .price .offprice{
    margin-right: 6px;
    font-size: 1.25rem;
}
.cartinfo .price .offprice span{
    font-size: .75rem;
    margin-right: 3px;
}
.cartinfo .price .proff{
    text-decoration: line-through;
    color: #ababab  ;
}



@media(max-width: 1200px){
.checkout .swiperaddress .swiper-wrapper .swiper-slide{
	width: calc(100% / 2);
}
}

@media(max-width: 900px){
.checkout .swiperaddress .swiper-wrapper .swiper-slide{
	width: calc(100%);
}
}

@media (min-width: 768px) and (max-width: 820px){
.cartlist .cartform{
	position: relative;
	bottom: 0;
	margin: 5px 0;
}
.cartlist .cartpro .cartdet a.name{
	margin-top: 0;
}
.cartlist .cartinfo{
	margin-top: 0;
}
.cartlist input.qtyplus, .cartlist input.qtyminus, .cartlist .qty{
	height: 26px;
}
}

@media(max-width: 767px){
.checkout .swiperaddress .swiper-wrapper .swiper-slide{
	width: calc(100% / 2);
}
.checklist{
	max-width: 100%;
	min-width: 100%;
}
.checksummary{
	max-width: 100%;
	min-width: 100%;
	border: none;
	padding-bottom: 4rem;
	margin-bottom: 2rem;
    border-top: 1px solid #ddd;
    padding-top: 2rem;
    margin-top: 1rem;
}
.checksummary .btnorder{
	position: relative;
	z-index: 1;
    width: 250px;
    display: block;
    margin: auto;
    border-radius: 2rem;
    height: 40px;
    line-height: 40px;
}	
.payopt .custom-radio{
	flex: 1 0 auto;
	margin-right: 10px;
}
}

@media(max-width: 480px){
.checkout .swiperaddress .swiper-wrapper .swiper-slide{
	width: calc(100%);
}
.cartlist input.qtyplus, .cartlist input.qtyminus, .cartlist .qty{
	width: 26px;
	height: 28px;
}
}

@media(max-width: 380px){
.cartlist .cartpro .cartdet{
	padding-left: 10px;
}
.cartlist input.qty{
	width: 36px;
}
.cartlist input.qtyplus, .cartlist input.qtyminus, .cartlist .qty{
	width: 22px;
    height: 24px;
}
.cartlist .cartpro .cartimg{
	width: 60px;
}
.cartlist .cartpro .cartdet{
    flex: 0 0 calc(100% - 60px);
}
}

@media(max-width: 330px){
.cartlist .cartform{
	position: relative;
	bottom: 0;
	margin: 4px 0;
}
.cartlist .cartpro .cartdet a.name,
.cartlist .cartinfo{
	margin-top: 0;
}
}




ul.intopnav{
	display: flex;
	flex-flow: nowrap;
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: 10px;
}
ul.intopnav li{
	flex: none;
}
ul.intopnav a{
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	border-radius: .3rem;
	color: #666;
    border: 1px solid #ddd;
    margin-right: 1rem;
    text-decoration: none;
    display: block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
ul.intopnav a img{
	width: 20px;
	margin-right: 6px;
    margin-top: -8px;
}
ul.intopnav a:hover{
	background-color: #dc291e17;
}
ul.intopnav li.active a{
	background-color: #607D8B;
	border-color: #607D8B;
	color: #fff;
}
ul.intopnav li:last-child a{
	margin-right: 0;
}

@media(max-width: 767px){
ul.intopnav a{
	font-size: .875rem;
}
}

@media(max-width: 575px){
ul.intopnav{
	height: 48px;
}
}


.billedto p{
	margin-bottom: 5px;
	color: #666;
	font-size: .875rem;
	padding: 0;
}
.billedto p.name{
	color: #212529;
	margin-top: 5px;
	font-size: 1rem;
}
.invoice{
	display: flex;
	flex-flow: wrap;
}
.invoice p.number{
	margin-bottom: 0;
	margin-right: 15px;
}
.invoice p.number span{
    margin-left: 3px;
	color: #666;
	font-size: .875rem;
}
.ordertotal{
	margin-top: 1rem;
}
.ordertotal p{
	text-align: right;
	margin-bottom: .5rem;
}
.ordertotal p span{
	min-width: 100px;
	color: #666;
	display: inline-block;
}
.ordertotal p.total{
	font-size: 1.2rem;
	font-weight: 600;
}
.orderbtn{
	display: flex;
	justify-content: flex-end;
}
.orderbtn a{
	margin-left: 15px;
	display: inline-block;
	min-width: 150px;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	border-radius: .3rem;
	text-align: center;
	text-decoration: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.orderbtn .btninvoice{
	background-color: #dc291e;
	color: #fff;
}
.orderbtn .btninvoice:hover{
	background-color: #bb3073;
}
.orderbtn .btncancel,
.orderbtn .btnreturn{
	background-color: #607D8B;
	color: #fff;
}
.orderbtn .btncancel:hover,
.orderbtn .btnreturn:hover{
	background-color: #444;
}

.profilecol{
    display: flex;
    flex-flow: column;
    border-right: 1px solid #ddd;
    height: 100%;
}
.profilecol .proinfo{
	display: flex;
	flex-flow: column;
	align-items: center;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1rem;
}
.profilecol .proinfo .proimg{
	width: 128px;
	height: 128px;
	border-radius: 50%;
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.profilecol .prodet p{
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	color: #666;
	padding-left: 25px;
}
.profilecol .prodet p i{
	position: absolute;
	left: 15px;
    margin-top: 5px;
    color: #333;
}
.profilePop{
	text-align: center;
}
.succicon{
    border: 3px solid #dc291e;
    width: 64px;
    border-radius: 50%;
    padding: 8px;
    display: block;
    margin: 20px auto;
}
.profilePop h3{
	margin-bottom: 1rem;
}

@media(max-width: 991px){
.profilecol{
	border-right: none;
	margin-bottom: 1rem;
}
}

@media(max-width: 575px){
.orderbtn a{
	min-width: auto;
    font-size: .875rem;
}
ul.intopnav a{
	height: 40px;
	line-height: 40px;
}
}



.succmsg{
	display: none;
}
.success .succmsg{
	display: block;
	width: 400px;
	max-width: 400px;
}
.orderlist{
	width: 100%;
}
.success .orderlist{
	width: calc(100% - 400px);
}
.success .successcol{
	border-right: 1px solid #ddd;
	display: flex;
	flex-flow: column;
	align-items: center;
}
.success .successcol .succimg{
	width: 100%;
}
.success .successcol .succdet{
    display: flex;
    flex-flow: column;
    align-items: center;
}
.success .successcol .shopbtn{
	display: block;
	min-width: 150px;
	max-width: 200px;
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
	text-align: center;
	border-radius: 2rem;
	background-color: #607D8B;
	color: #f7f7f7;
	margin-bottom: 2rem;
	text-decoration: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.success .successcol .shopbtn:hover{
	background-color: #3c535e;
}


.tracking h5{
	color: #dc291e;
	font-size: 1rem;
	margin-top: 10px;
    margin-bottom: 1rem;
}
/* Progress Tracker v2 */
ol.progress[data-steps="2"] li { width: 49%; }
ol.progress[data-steps="3"] li { width: 33%; }
ol.progress[data-steps="4"] li { width: 24%; }
ol.progress[data-steps="5"] li { width: 19%; }
ol.progress[data-steps="6"] li { width: 16%; }
ol.progress[data-steps="7"] li { width: 14%; }
ol.progress[data-steps="8"] li { width: 12%; }
ol.progress[data-steps="9"] li { width: 11%; }

ol.progress {
    width: 100%;
    list-style: none;
    list-style-image: none;
    padding: 0;
    height: 90px;
    line-height: normal;
    background-color: transparent;
    overflow: unset;
}

ol.progress li {
    float: left;
    text-align: center;
    position: relative;
}

ol.progress .name {
    display: block;
    vertical-align: bottom;
    text-align: center;
    color: #666;
    opacity: 0.3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
ol.progress .name img{
	display: block;
	margin: auto;
	margin-bottom: 8px;
	width: 32px;
}
ol.progress .name br{
	display: none;
}

ol.progress .step {
    color: black;
    border: 3px solid #ccc;
    background-color: #ccc;
    border-radius: 50%;
    line-height: 17px;
    width: 20px;
    height: 20px;
    display: inline-block;
    z-index: 0;
}

ol.progress .step span {
    opacity: 0.6;
    position: relative;
    z-index: 1;
    color: #fff;
}

ol.progress .done .name,
ol.progress .active .name,
ol.progress .active .step span {
    opacity: 1;
}

ol.progress .step:before {
    content: "";
    display: block;
    background-color: #ccc;
    height: 0.4em;
    width: 100%;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 8px;
}

ol.progress .step:after {
    content: "";
    display: block;
    background-color: #ccc;
    height: 0.4em;
    width: 100%;
    position: absolute;
    right: 0;
    z-index: 0;
    top: 8px;
}

ol.progress li:first-of-type .step:before {
    display: none;
}

ol.progress li:last-of-type .step:after {
    display: none;
}

ol.progress .done .step,
ol.progress .done .step:before,
ol.progress .done .step:after,
ol.progress .active .step,
ol.progress .active .step:before {
    background-color: #dc291e;
}

ol.progress .done .step,
ol.progress .active .step {
    border: 3px solid #dc291e;
}

@media(max-width: 1366px){
ol.progress{
	height: 100px;
}
ol.progress .name br{
	display: block;
}
}

@media(max-width: 1200px){
.invoice{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
}

@media(max-width: 991px){
.success .succmsg{
	width: 100%;
	max-width: 100%;
}
.success .successcol{
	border: none;
    flex-flow: wrap;
}
.success .successcol .succimg{
	width: 300px;
}
.success .successcol .succdet{
	width: calc(100% - 300px);
}
.success .orderlist{
	width: 100%;
	min-width: 100%;
}
}

@media(max-width: 767px){
.success .successcol .succimg{
	width: 100%;
	max-width: 350px;
	margin: auto;
}
.success .successcol .succdet{
	width: 100%;
}
}

@media(max-width: 420px){
ol.progress{
	height: 70px;
}
ol.progress .name img{
	width: 20px;
}
ol.progress .name{
	font-size: 9px;
}
ol.progress .step{
    line-height: 14px;
    width: 16px;
    height: 16px;
    font-size: 8px;
}
}

.wallet{
	background-color: #dc291e17;
	border-radius: .3rem;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	padding: 15px;
	min-height: 300px;
}
.wallet h4{
	color: #666;
	margin-top: 10px;
}
.wallet h1{
	font-weight: 600;
}
.wallet .addmoney{
	display: block;
	padding: 0 15px;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #dc291e;
	color: #fff;
	border-radius: .3rem;
	margin-top: 1rem;
	text-decoration: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.wallet .addmoney:hover{
	background-color: #bb3073;
}

@media(max-width: 991px){
.wallet{
	margin-bottom: 1rem;
}
}


.subaccordion .card{
	margin-bottom: 1rem;
    border: 1px solid #ddd !important;
    border-radius: .3rem !important;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.subaccordion .card-header{
	padding: 0 15px;
	background-color: transparent;
	text-decoration: none;
	outline: 0;
	box-shadow: none;
	height: 50px;
	line-height: 50px;
	color: #333;
	cursor: pointer;
}
.subaccordion .card:hover{
	border-color: #999 !important;
}
.subaccordion .subshead{
	display: flex;
	flex-flow: wrap;
}
.subaccordion .subshead .subid{
	font-weight: 600;
    margin-right: 15px;
    color: #607D8B;
    border-right: 1px solid #ddd;
    padding-right: 15px;
    min-width: 150px;
}
.subaccordion .subshead .subdate{
	color: #48575e;
}
.subaccordion .subshead .subdate i{
    margin-right: 8px;
    margin-left: 10px;
    border-right: 1px solid #ddd;
    padding-right: 8px;
    color: #e91e63;
}
.subaccordion .subshead .subdate span{
	color: #888;
}
.subaccordion .subshead .substat{
    position: absolute;
    right: 15px;
    font-size: .875rem;
    color: #999;
}
.subaccordion .subshead .substat:after{
	content: '';
    display: inline-flex;
    margin-left: 8px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.subaccordion .subshead .substat.completed:after{
	background-color: #2196F3;
}
.subaccordion .subshead .substat.active:after{
	background-color: #4CAF50;
}

.subaccordion .subshead .substat.expired:after{
	background-color: #F44336;
}
.subsccon .subaccordion table thead th:nth-child(1){
	min-width: 50px;
}
.subsccon .subaccordion table thead th:nth-child(2){
	min-width: 200px;
}
.subsccon .subaccordion table thead th:nth-child(3){
	min-width: 120px;
}
.subsccon .subaccordion table thead th:nth-child(4){
	min-width: 120px;
}
.subsccon .subaccordion table thead th:nth-child(5){
	min-width: 170px;
}
.subsccon .subaccordion table thead th:nth-child(6){
	min-width: 100px;
}
.subsccon .subaccordion table thead th:nth-child(7){
	min-width: 100px;
}
.subsccon .subaccordion table thead th:nth-child(8){
	min-width: 130px;
}

.subsmain .subscart.hidecol .hidehd{
	display: none;
}


.prosection{
    background: #f6f5ff;
    padding: 3rem 0;
}

.conlogo{
	width: 250px;
}
ul.address{
	display: flex;
	flex-flow: column;
	line-height: 1.8;
	margin-top: 1rem;
	margin-bottom: 1rem;
    color: #666;
    background: #fff;
    padding: 15px;
    border-radius: 0.3rem;
}
ul.address li span{
	margin-right: 5px;
    color: #dc291e;
}

@media(max-width: 767px){
.subaccordion .subshead .subid{
	min-width: auto;
    padding-right: 8px;
    margin-right: 0;
    position: relative;
    display: flex;
    align-items: flex-end;
    line-height: 2.5;
}
.subaccordion .subshead .substat{
    top: 4px;
    height: 20px;
    line-height: 20px;
    right: auto;
    left: 15px;
}
.subaccordion .card-header{
	height: auto;
}
}

@media(max-width: 380px){
.subaccordion .subshead .subdate{
	width: 100%;
	line-height: 2.5;
}
.subaccordion .subshead .substat{
	left: auto;
	right: 15px;
	top: 8px;
}
.subaccordion .subshead .subid{
    height: 25px;
    line-height: normal;
    border: none;
}
}




/*SUPPORT*/
/***************TABS*************/
.mytab{
    display: flex;
    flex-flow: wrap;
}
.mytab .nav{
    width: 100%;
    position: relative;
    flex-flow: nowrap;
    overflow-y: auto;
    margin-bottom: .5rem;
}
.mytab .tab-content{
    width: 100%;
    position: relative;
}
.support .tabbed-content .card{
	background-color: transparent;
}

.helplist{
	display: flex;
	flex-flow: wrap;
    justify-content: center;
    margin: auto;
    max-width: 800px;
    width:100%;
}
.helplist li{
	flex: 1 0 25%;
	max-width: 25%;
    padding: 0 10px;
}
.helplist li .helpbox{
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding: 10px;
	border-radius: .3rem;
	text-align: center;
	position:relative;
}
.helplist li .helpbox .icon{
	display: flex;
	width: 50px;
    justify-content: center;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.helplist li .helpbox:hover .icon{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.helplist li .helpbox .data {
    display: flex;
    flex-flow: column;
    align-items: center;
}
.helplist li .helpbox h5{
	font-size: 1.1rem;
	margin: 10px 0;
}
.helplist li .helpbox .helpbtn{
	border: 1px solid;
	color: #dc291e;
	padding: 6px 15px;
	border-radius: .3rem;
	font-weight: 600;
	font-size: .875rem;
}
.helplist li .helpbox .helpbtn i{
	margin-right: 3px;
}
.helplist li .helpbox .helpbtn:hover{
	background-color: #dc291e;
	color: #fff;
}


@media(max-width: 575px){
.helplist li{
	flex: 1 0 50%;
	max-width: 50%;
}
.helplist li .helpbox .icon{
    width:36px;
}
}


.addph{
    position: relative;
    margin-bottom: .5rem;
    padding-left: 40px;
}
.addph i{
    color: #dc291e;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 2rem;
    height: 2rem;
    background-color: #b3e0b3;
    line-height: 2rem;
    text-align: center;
    border-radius: 50%;
}
.addph span{
    font-family: 'tngbmedium';
    min-width: 150px;
    display: inline-block;
    border-right: 1px solid #ccc;
    margin-right: 5px;
}
.red{
    color: #ff0000;
}


.support .tabbed-content{
	display: flex;
	flex-flow: wrap;
}
.support .tabbed-content .nav-tabs {
    display:none;
    flex-flow: column;
    border: none;
    margin-bottom: .5rem;
    white-space: nowrap;
    width: 300px;
    overflow: hidden;
    overflow-x: auto;
}
.support .tabbed-content .nav-tabs .nav-item.show .nav-link, .support .tabbed-content .nav-tabs .nav-link.active{
    border: none;
    background-color: #dc291e;
    color: #fff;
}
.support .tabbed-content .nav-tabs .nav-item{
    display: block;
    margin-bottom: 10px;
}


@media(min-width:768px) {
.support .tabbed-content .nav-tabs {
    display: flex;
}

.support .tabbed-content .card {
    border: none;
}

.support .tabbed-content .card .card-header {
    display:none;
}  
.support .tabbed-content .inaccordion .card .card-header {
    display:block;
} 

.support .tabbed-content .card .collapse{
    display:block;
}
}


.support .tabbed-content .nav-link{
    border: none;
    color: #333;
    border-radius: .3rem;
    overflow: hidden;
    padding: .75rem 1rem;
}
.support .tabbed-content li:last-child .nav-link{
    margin-right: 0;
}
.support .tabbed-content .nav-link:hover{
    background-color: #ffe6f2;
}
.support .tabbed-content .nav-link.active:hover{
    background-color: #dc291e;
}
.support .tabbed-content .nav-link img, .support .tabbed-content .card-header a img{
    width: 24px;
    margin-right: 10px;
    margin-top: -5px;
}
.support .tabbed-content .nav-link.active img{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}
.support .tabbed-content .tab-content h3.mainhead{
    border-bottom: 1px dashed #ddd;
    padding-bottom: .5rem;
}
.support .tabbed-content .card-header{
    padding: 0;
    border: none;
}
.support .tabbed-content .card-header a{
    display: block;
    padding: .75rem 1.25rem;
    color: #666;
    text-decoration: none;
}

.support .tab-content{
	width: calc(100% - 300px);
}
.support .tab-content .card-body{
	padding: 1rem;
}
.support .tab-content h5{
	font-size: 1.25rem;
	margin-top: -15px;
}



.myaccordion .card{
	border: none !important;
}
.myaccordion.opt1 .card{
	border: none !important;
}
.myaccordion.opt2 .card{
	border: none !important;
	background-color: #fff0f7;
}
.myaccordion .card-header{
	padding: 0;
	border: none;
}
.myaccordion.opt1 .card-header{
	border-bottom: 1px solid #eee;
}
.myaccordion .card-header button{
	box-shadow: none;
    padding: 10px 15px;
    background-color: #dc291e17;
}
.myaccordion.opt1 .card-header button{
	background-color: #fff;
	font-weight: 600;
}
.myaccordion .acctoggler{
	right: 10px;
}
.myaccordion .card-body{
	padding: 15px;
	color: #666;
}

.inaccordion .card{
	border-bottom: 1px solid #ddd !important;
	border-radius: 0;
}
.inaccordion .card .card-header{
	display: block;
	background-color: transparent;
}
.inaccordion .card .card-header button{
	outline: 0;
	box-shadow: none;
	padding: 10px 0;
    border-radius: 0;
	border-bottom: 1px solid #ddd;
}
.inaccordion .card .collapse:not(.show){
	display: none;
}
.inaccordion .card .card-body{
	padding: 10px 0;
	color: #666;
}
.acctoggler{
	width: 20px;
	height: 20px;
    display: block;
    position: absolute;
    right: 0;
    top: 12px;
}
.acctoggler:after,
.acctoggler:before{
	content: '';
	position: absolute;
	background-color: #999;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.acctoggler:after{
	width: 12px;
	height: 2px;
	top: 9px;
	left: 4px;
}
.acctoggler:before{
	height: 12px;
	width: 2px;
	left: 9px;
	top: 4px;
}
.acctoggler.active:before{
	height: 0;
}


@media(max-width:767px){
.support .tab-content{
	width: 100%;
}
.support .tabbed-content .tab-content > .tab-pane {
    display: block !important;
    opacity: 1;
    margin-bottom: 1rem;
}

.support .tabbed-content .nav-link{
    min-width: auto;
}
.support .tab-content h5{
	display: none;
}
.inaccordion .card{
	border: none;
}
}


.boximg{
	display: flex;
	justify-content: center;
}





/** Custom Select **/
.myselect-wrapper {
	position: relative;
	display: inline-block;
	user-select: none;
}
.myselect-wrapper select {
	display: none;
}
.myselect {
	position: relative;
	display: inline-block;
}
.myselect-trigger {
	position: relative;
	display: block;
    padding: 0 40px 0 15px;
    border: 1px solid #ddd;
    color: #666;
    width: 180px;
    line-height: 40px;
    border-radius: 0.3rem;
    cursor: pointer;
}
.myselect-trigger:after {
	position: absolute;
	display: block;
	content: '';
	width: 10px; height: 10px;
	top: 50%; right: 15px;
	margin-top: -3px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
	transform: rotate(45deg) translateY(-50%);
	-webkit-transform: rotate(45deg) translateY(-50%);
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transform-origin: 50% 0;
}
.myselect.opened .myselect-trigger:after {
	margin-top: 3px;
	transform: rotate(-135deg) translateY(-50%);
	-webkit-transform: rotate(-135deg) translateY(-50%);
}
.custom-options {
	position: absolute;
	display: block;
	top: 100%; left: 0; right: 0;
	min-width: 100%;
	margin: 0;
	margin-top: -1px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: 0 2px 1px rgba(0,0,0,.07);
	background: #fff;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
}
.myselect.opened .custom-options {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}
.option-hover:before {
  background: #f9f9f9;
}
.custom-option {
	position: relative;
	display: block;
	padding: 0 15px;
	color: #888;
	line-height: 40px;
	cursor: pointer;
	font-size: .875rem;
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}
.custom-option:first-of-type {
  border-radius: 4px 4px 0 0;
}
.custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 4px 4px;
}
.custom-option:hover,
.custom-option.selection {
  background: #ffedf6;
}
.cancelcls:after {
    background-color: red !important;
}



/*detail page arrow*/
.proslide .swiper-button-next, .proslide .swiper-button-prev
{background-color: white; color: white; width: 26px !important; height: 26px !important; border:1px solid #c0c4c7;
    border-radius: 4px; text-align: center; display: block !important; opacity: 1}

.proslide .swiper-button-prev:after, 
.proslide .swiper-button-next:after
{font-size: 8px !important; color: #787878 !important; }

.proslide .swiper-button-next, .proslide .swiper-button-prev{top: 0px !important; top: 26px !important}

.proslide .swiper-button-next {
    right: 0px !important;
    left: auto !important;
line-height: 20px;}

.proslide .swiper-button-prev {
    right: 30px !important;
    left: auto !important;
    line-height: 20px;
}

.swiper-button-disabled{opacity:.4 !important;}



.mymodal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
      overflow-y: auto;
}
.mymodal .close {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  z-index: 9;
}
.mymodal .close:focus {
  outline: none;
}
.mymodal .modal-body {
  padding: 30px;
}
.mymodal .modal-content {
  border-radius: 0.3rem !important;
}
.mymodal .pop-details-list {
  display: flex;
  flex-flow: wrap;
  margin-top: 10px;
  gap: 10px;
}
.mymodal .pop-details-list li {
  flex: 1 0;
  border: 2px solid #00000021;
  padding: 10px;
  
  transition: 0.3s;
  cursor: pointer;
}
.mymodal .pop-details-list li img {
  width: 60px;
  margin: auto;
  display: flex;
}
.mymodal .pop-details-list li:hover {
  border: 2px solid #dc291e !important;
}
.mymodal .pop-details-list .active{
    border: 2px solid #dc291e !important;
}

    

.mymodal .pro-img {
  padding: 20px;
  border: 1px solid #dedede;
  
}
.mymodal .pro-img img {
  width: 300px;
  margin: auto;
  display: flex;
}

@media (min-width: 576px) {
  .mymodal .modal-dialog {
    max-width: 1200px;
    margin: 4rem auto;
  }
}
@media (max-width: 767px) {
  .mymodal .pop-details-list {
        margin-bottom: 20px;
  }
}