/**********************/
 /****** FONTS ******/
/**********************/
 

body, html {
font-family: 'Raleway', sans-serif;
font-size: 14px;
letter-spacing: normal;
color: #333;
background-color: rgba(0,0,0,0);
margin: 0;
 text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    position: initial;
	 
}

a:hover{text-decoration:none;}
a:focus{text-decoration:none;}
a:focus{outline:none;}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: none;
}
input, button, a{outline:none;}

	textarea,
	select,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
      
}
::placeholder {  
  color: #000;
  opacity: 1;  
}

:-ms-input-placeholder {  
  color: #000;
}


::-ms-input-placeholder {  
  color: #000;
}

p, pre {
    margin: .6em 0;
}
a {
    color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    /* transition: all 0.3s ease-in-out; */
} 
.mar0{margin:0;}
.padd0{padding:0;}
.padd5{padding:0 2.5px;}


.top-header{padding: 5px 0;border-bottom: 1px solid #d1d1d1;} 
.top-header a{font-weight: 500;padding: 3px 5px;display:inline-block;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;}
.top-header a i{
    font-size: 16px;
}
#myHeader{position:relative;/* z-index:3; */}
#mobhead{position:relative; z-index:3;}
header{
    border-bottom: 1px solid #d1d1d140;
}
header .mobslide{display:none;}
header .deskslide{display:block;position: static;}

header .mobmenu{padding-top: 25px;}
header .mobmenu button{    padding: 7px;
    background: none;
    border: none;
    font-size: 28px;
    color: #262262;}

header.mobpanel{}
header.mobpanel .mobslide{display:block;}
header.mobpanel .deskslide{display:none;}


header .logopanel{
    padding: 3px 5px;
}
header .logopanel img{
    width: 100%;
}

header .menupanel{
    position: static;
    text-align: center;
}
header .menupanel > ul{
    padding: 0;
    list-style: none;
    margin: 0;
    display: inline-block;
}
header .menupanel > ul > li{
    display: inline-block;
}

header .menupanel > ul > li > .mainmenubox{padding: 45px 0;background: #ffffff;position: absolute;z-index: 9;left: 0;right: 0;display: none;min-height: auto;/* padding-top: 30px; */border-top: 1px solid #eee;}
header .menupanel > ul > li:hover > a{color: #000000;border-bottom: 2px solid #000000;}
header .menupanel > ul > li:hover > .mainmenubox{display:block;}

header .menupanel > ul > li > .mainmenubox .gridmenu{
    text-align: left;
}
header .menupanel > ul > li > .mainmenubox .gridmenu h3{
    margin: 0;
    color: #000;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    font-weight: 800;
    text-transform: uppercase;
}
header .menupanel > ul > li > .mainmenubox .gridmenu h3 a{
    font-weight: 400;
}
header .menupanel > ul > li > .mainmenubox .gridmenu ul{
    padding: 0;
    list-style: none;
}
header .menupanel > ul > li > .mainmenubox .gridmenu ul > li{}
header .menupanel > ul > li > .mainmenubox .gridmenu ul > li > a{
    color: #000;
    display: inline-block;
    padding: 8px 0;
    letter-spacing: 2px;
    font-size: 12px;
    text-transform: uppercase;
    font: 400 12px 'Roboto', sans-serif;
}



header .menupanel > ul > li > a{
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    padding: 37px 7px;
    font-size: 16px;
    /* padding: 18px 0; */
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    border-bottom: 2px solid #fff;
}
header .menupanel > ul > li > ul{display:none;position: absolute;z-index: 1;list-style: none;text-align: left;padding: 15px;background: #fff;}
header .menupanel > ul > li > ul > li{}
header .menupanel > ul > li > ul > li > a{
    display: block;
    padding: 5px;
    /* font-weight: 500; */
    letter-spacing: 1;
    /* font-size: 14px; */
    font: 400 12px 'Roboto', sans-serif;
}
header .menupanel > ul > li:hover ul{display:block;}
header .searchpanel{
    padding: 35px 5px;
    text-align: right;
}
header .searchpanel a{
    display: inline-block;
    padding: 0 5px;
}
header .searchpanel a i{
    font-size: 17px;
    color: #000;
}
#myCarousel{}
#myCarousel img{width:100%;}

.category-widget-slide{
    padding: 50px 0;
    border-bottom: 1px solid #eee;
}

.category-widget-slide  .prgrid{}
.category-widget-slide  .prgrid .innerbox{padding:0;}
.category-widget-slide  .prgrid .innerbox img{ width:100%;}
.category-widget-slide  .prgrid .innerbox a{
    text-decoration: none;
    color: #1b1b1b;
    font-weight: 600;
    letter-spacing: 1;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.16em;
}



.widget-exclusive-panel{
    padding: 45px 0;
    background: #f9f9f97d;
}
 .head-panel{
    text-align: center;
}
 .head-panel h2{font-family: 'Playfair Display', serif;margin: 0;color: #000;font-size: 38px;margin-bottom: 25px;font-weight: 400;}
 .head-panel h2.h2{font-size:30px;}
.widget-exclusive-panel .grid-box{}
.widget-exclusive-panel .grid-box .grid-inner{}
.widget-exclusive-panel .grid-box .grid-inner picture{
    border: 1px solid #eee;
}
.widget-exclusive-panel .grid-box .grid-inner picture img{width:100%;}

.trending-widget-slide{
    padding: 45px 0;
}

.trending-widget-slide  .prgrid{
    border: 1px solid #fff;
}
.trending-widget-slide  .prgrid:hover{ border: 1px solid #eee; cursor:pointer;}
.trending-widget-slide  .prgrid .innerbox{
    padding-bottom: 20px;
}
.trending-widget-slide  .prgrid .innerbox picture{}
.trending-widget-slide  .prgrid .innerbox picture img{width:100%;}
.trending-widget-slide  .prgrid .innerbox h3{
    margin-bottom: 0;
    font-family: "Roboto",sans-serif;
    word-wrap: break-word;
    line-height: 1.5em;
    color: black;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-top: 0;
    }
	.trending-widget-slide  .prgrid .innerbox .ribbontag{display: inline-block;
    padding: 5px 10px;
    background: #e9c456;
    border-radius: 3px;
    color: #fff;
    font: 500 11px 'Roboto',sans-serif;
    letter-spacing: 2px;}
	.trending-widget-slide  .prgrid .innerbox span{font-family: "Roboto",sans-serif;font-size: 16px;color: #000000;font-weight: 600;display: block;margin-top: 10px;}
	.trending-widget-slide  .prgrid .innerbox span span{
    color: #8c8c8c;
    text-decoration: line-through;
}
	
.widget-home-two{}	
.widget-home-two img{width:100%;}	
.promise-widget .grid-inner picture{
    background-color: #ddd;
    height: 100%;
    display: inline-block;
    background: url('../image/gridbg.jpg') no-repeat center center;
    background-size: cover;
    padding: 3%;
    position: relative;
    min-height: 550px;
    max-height: 550px;
    overflow: hidden;
    width: 100%;
    }
	
	.promise-widget .grid-inner picture img{width: auto !important;margin-bottom: 40px;}
	.promise-widget .grid-inner picture p{
    font-family: 'GFS Didot', serif;
    font-style: italic;
    text-transform: none;
    letter-spacing: 0px;
    padding: 0 30px;
    text-align: CENTER;
    font-size: 17px;
    }
.footer-widget{
    background: #f2f0e8;
    padding: 35px 0;
}	
.footer-widget .innerwidget{
    text-align: CENTER;
}	
.footer-widget .innerwidget h3{
    font-size: 12px;
    letter-spacing: 2px;
    color: #000;
    margin: 0;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: "Roboto",sans-serif;
}	
.footer-widget .innerwidget p{
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 0;
    font-family: 'Playfair Display', serif;
    margin: 0;
    color: #353535;
    line-height: 30px;
}	
footer{background-color: #b0a16e;padding-top: 30px;padding-bottom: 0;}

footer .footerhead{}
footer .footerhead h3{
    font-family: 'Playfair Display', serif;
    margin: 0;
    color: #fff;
    font-size: 32px;
    margin-bottom: 0;
    text-align: center;
    }
footer .footerhead p{
    padding: 0 10%;
    text-align: CENTER;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    font-family: 'Playfair Display';
    color: #fff;
}

footer .innerwidget{
    padding: 0;
}
footer .innerwidget button{
    padding: 15px 40px;
    border: 1px solid #ffff;
    background: none;
    color: #fff;
}
footer .innerwidget span{
    text-align: center;
	font-family: 'Playfair Display';
    display: block;
    color: #fff;
    font-size: 18px;
    padding-top: 5px;
}
footer .innerwidget input[type='text']{
    width: 100%;
    padding: 15px;
    border: 1px solid #fff;
    background: none;
    color: #fff;
    padding-right: 115px;
}
footer .innerwidget input[type='submit']{
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 11px 20px;
    border: none;
    background: #fff;
    color: #776d4a;
}
 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

 :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

 ::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

footer .knwmrbtn{width: 100%;
    padding: 15px;
    border: none;
    background: none;
    color: #fff;
    border-top: 1px solid #eee;}
	
	
	footer .footerlinks{}
	footer .footerlinks h3{font-family: 'Playfair Display', serif;font-size: 18px;color: #fff;margin-bottom: 20px;font-weight: 400;}
	footer .footerlinks ul{
    padding: 0;
    list-style: none;
}
	footer .footerlinks ul li{}
	footer .footerlinks ul li a{
    font-size: 12px;
    letter-spacing: 0.16em;
    color: #fff;
    display: inline-block;
    padding: 0px 0;
    font-weight: 500;
    line-height: 32px;
}
footer .footerlinks form{position:relative;}
footer .footerlinks input[type='text']{
    width: 100%;
    padding: 15px;
    border: 1px solid #fff;
    background: none;
    color: #fff;
    padding-right: 115px;
}
footer .footerlinks input[type='submit']{
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 11px 20px;
    border: none;
    background: #fff;
    color: #776d4a;
}

.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  background:#fff;
  z-index:999 !important;
}

.sticky + body {
  padding-top: 102px;
}

/*******************************************************/
/********************************************************/
.breadcrumbpanel{
    padding: 4px 0;
    padding-bottom: 10px;
}
.breadcrumbpanel .breadcrumb{
    background: none;
    margin: 0;
}
.breadcrumbpanel .breadcrumb li{
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
}
.breadcrumbpanel .breadcrumb li a{
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
}
 
.gridlistproduct{} 
.gridlistproduct .pagehead{} 
.gridlistproduct .pagehead h3{font-family: 'Playfair Display', serif;font-size: 18px; margin:0; font-weight: 700;color: #000;} 
.gridlistproduct .sortingpanel{}
.gridlistproduct .sortingpanel span{
    display: block;
    font-family: 'Playfair Display', serif;
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
.gridlistproduct .sortingpanel a{
    font-size: 10px;
    position:relative;
    letter-spacing: 2px;
    display: inline-block;
    padding: 8px 7px;
}
.gridlistproduct .sortingpanel a:before{content:"";position:absolute;width:1px;height:10px;background: #8a8a8a;right: -1px;top: 9px;}
.gridlistproduct .sortingpanel a:last-child:before{background:none;}


.gridlistproduct .productgridlist{
    padding: 15px 15px;
}
.gridlistproduct .productgridlist .catbanner{width:100%;}

.gridlistproduct .productgridlist ul{
    padding: 0;
    list-style: none;
    /* display: grid; */
    padding-top: 15px;
}
.gridlistproduct .productgridlist ul li{
    padding: 0 2.5px;
    min-height: 450px;
    margin-bottom:15px;
}
.gridlistproduct .productgridlist ul li .innerbox{
    padding: 0;
    text-align: center;
}
.gridlistproduct .productgridlist ul li .innerbox picture{}
.gridlistproduct .productgridlist ul li .innerbox picture img{
    width: 100%;
    -webkit-animation: imageAnimate 400ms ease-out;
    -moz-animation: imageAnimate 400ms ease-out;
}
.gridlistproduct .productgridlist ul li .innerbox .prhead{
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: none;
    margin-bottom: 0;
    margin-left: 1px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: 1.2em;
    white-space: nowrap;
    padding: 0 5%;
    font-weight: 400;
    font-family: "Roboto",sans-serif;
    }
	.gridlistproduct .productgridlist ul li .innerbox .pricetag{
    display: block;
    text-align: center;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
    font-family: 'Roboto',sans-serif;
}	.gridlistproduct .productgridlist ul li .innerbox .pricetag span{display:inline-block;color: #8c8c8c;text-decoration: line-through;}
	.gridlistproduct .productgridlist ul li .innerbox .ribbontag{
    display: inline-block;
    padding: 5px 10px;
    background: #e9c456;
    border-radius: 3px;
    color: #fff;
    font: 500 11px 'Roboto',sans-serif;
    letter-spacing: 2px;
}
.gridlistproduct .productgridlist ul li .innerbox button{
    display: block;
    padding: 15px;
    width: 100%;
    margin-top: 20px;
    background: #000;
    border: none;
    color: #fff;
    display:none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
}
.gridlistproduct .productgridlist ul li .innerbox:hover a{color:#000;}
.gridlistproduct .productgridlist ul li:hover .innerbox{cursor:pointer;box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 19%);}
.gridlistproduct .productgridlist ul li:hover .innerbox button{display:block;}

.filterbox{}
.filterbox .comparebtn{display: block;width: 100%;padding: 15px;border: 1px solid #eee;background: none;text-transform: uppercase;letter-spacing: 3px;font-size: 16px;margin-bottom: 20px;}

.filterbox .filhead{
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    color: #000;
    position: relative;
    margin-bottom: 20px;
}
.filterbox .filhead a{
    position: absolute;
    right: 0;
    font-size: 12px;
    top: 5px;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 2px;
    padding-bottom: 3px;
    border-bottom: 1px solid #c3c3c3;
    text-align: center;
}

.carousel-indicators li {
        display: inline-block;
    margin: 0 4px;
    border: none;
    box-shadow: 0 0 0 1px #fff;
    cursor: pointer;
    border-radius: 0;
    width: 35px !important;
    height: 1px;
    background-color: #fff;
    opacity: 0.5;
	margin:0;
}
.carousel-indicators .active {
   height: 1px;
    opacity: 1;
}


/*******************************
* ACCORDION WITH TOGGLE ICONS
* Does not work properly if "in" is added after "collapse".
*******************************/
	.panel-group .panel {
		border-radius: 0;
		box-shadow: none;
		border-color: #EEEEEE;
		border: none;
		border-top: 1px solid #eee;
	}

	.panel-default > .panel-heading {
		padding: 0;
		border-radius: 0;
		color: #212121;
		background: none;
		border-color: #EEEEEE;
		border: none;
	}

	.panel-title {
		font-size: 14px;
	}

	.panel-title > a {
		display: block;
		padding: 15px 0;
		text-decoration: none;
		font-weight: 700;
		letter-spacing: 2px;
		font-size: 12px;
	}

	.more-less {
		float: right;
		color: #212121;
	}

	.panel-default > .panel-heading + .panel-collapse > .panel-body {
		border-top-color: #EEEEEE;
		border: none;
		padding: 0 0px;
	}
	
	
	
.checkboxstyle{
    list-style: none;
    padding: 0;
    margin: 0;
}
.checkboxstyle li{
    position: relative;
}
.checkboxstyle li label{ position: relative;
  cursor: pointer;
  padding: 0;
  text-transform: uppercase;
  font-weight: 500;
  font: 12px 'Roboto',sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;}
.styled-checkbox {
  position: relative;
  opacity: 1;
  border: 1px solid #eee;
  border-radius: 0;
  margin-right: 6px !important;
  float: left;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  text-transform: uppercase;
  font-weight: 500;
  font: 12px 'Roboto',sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 15px;
  height: 15px;
  background: white;
  border: 1px solid #adadad;
  margin-top: -1px;
  display: none;
}
.styled-checkbox:hover + label:before {
  background: #f7f7f7;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0;
}
.styled-checkbox:checked + label:before {
  background: #ffffff;
}
 
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 2px;
  top: 6px;
  background: #000;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 #000, 4px 0 0 #000, 4px -2px 0 #000, 4px -4px 0 #000, 4px -6px 0 #000, 4px -8px 0 #000;
  transform: rotate(45deg);
  display: none;
}
.productview{}
.productview img{
    width: 400px;
    max-width: 100%;
}

.productview .art-grid{
    padding-bottom: 15px;
}
.productview .art-grid h3{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding-top: 5px;
    font-weight: 400;
    margin: 0;
    letter-spacing: 2px;
}
.productview .art-grid .revbtn{}
.productview .art-grid .revbtn span{
    color: #b0a16e;
}
.productview .art-grid .revbtn a{
    font-family: 'Roboto', sans-serif;
    color: #383838;
    letter-spacing: 1;
}
.productview .product-short-det{}
.productview .product-short-det .prod-head{font-family: 'Playfair Display', serif;margin: 0;font-size: 20px;letter-spacing: 1px;color: #000;margin-bottom: 10px;font-weight: 400;line-height: normal;}
.productview .product-short-det .pricetag2{font-family: 'Roboto', sans-serif;font-size: 21;font-weight: bold;letter-spacing: 1;display: inline-block;}
.productview .product-short-det .pricetag3{font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 500;letter-spacing: 1;display: inline-block;color: #8c8c8c;text-decoration: line-through;margin-left: 5px;}
.productview .product-short-det .taxtag{color:#8c8c8c;font-family: 'Roboto', sans-serif;display:block;padding-bottom: 10px;}

.productview .product-short-det .taxtag a{
    text-decoration: underline;
    color: #b0a16e;
    font-family: 'Playfair Display',serif;
    font-weight: 600;
}

.productview .product-short-det .ribbontag{display: inline-block;
    padding: 5px 10px;
    background: #e9c456;
    border-radius: 3px;
    color: #fff;
    font: 500 11px 'Roboto',sans-serif;
    letter-spacing: 2px;}
.productview .product-short-det .sttag{color: #656565;font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 12px;display: block;margin-bottom: 10px;}
.productview .product-short-det .shortdesc{color: #212121;font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 14px;line-height: 29px;}
.productview .product-short-det .shortdesc a{text-decoration: underline;
    color: #b0a16e;}
.productview .weightpanel{}

.weightpanel ul{
    margin-bottom: 0;
    border: 1px solid #eaeaea;
    display: table;
    width: 100%;
    padding: 0;
    }
.weightpanel ul li{display: table-cell;
    width: auto;}
 .weightpanel ul li button.active{border:1px solid #000;}

.productview .weightpanel span{
    color: #000;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1;
    font-weight: 600;
}
.productview .weightpanel button{
    display: table-cell;
    padding: 12px 15px;
    width: 100%;
    border: none;
    background: none;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1;
    font-size: 16px;
}
.productview .weightpanel .qtybox .leftbtn{
    display: inline-block;
    background: #fff;
    width: 30px;
    /* float: left; */
    display: inline-block;
    text-align: center;
    padding: 0;
    height: 47px;
    margin: 0;
    font-weight: 600;
}
.productview .weightpanel .qtybox .rightbtn{
   display: inline-block;
   /* background: #eee; */
   width: 30px;
   /* float: left; */
   display: inline-block;
   text-align: center;
   padding: 0;
   height: 47px;
   margin: 0;
   font-weight: 600;
}
.productview .weightpanel .qtybox input[type='text']{
    display: inline-block;
    background: #fff;
    width: 40px;
    display: inline-block;
    text-align: center;
    height: 47px;
    border: 1px solid #000;
    font-size: 22px;
}
.productview .weightpanel .inp{position:relative;margin-left: 0;display: inline-block;}
/*** .productview .weightpanel .inp:after{content:"+";position:absolute;right: -15px;top: 5px;font-size: 29px;color: #a5a5a5;} ***/
/*** .productview .weightpanel .inp:before{content:"-";position:absolute;left: -15px;top: 5px;font-size: 30px;color: #a5a5a5;} ***/
.productview .weightpanel .inp input[type='text']{
    width: 50px;
    padding: 7px;
    border: 1px solid;
    padding-right: 20px;
    height: 50px;
    font-size: 20px;
    font-family: 'Roboto',serif;
    font-weight: 300;
}
.productview .weightpanel .inp i{
    position: absolute;
    right: 8px;
    top: 12px;
    font-style: normal;
    font-size: 20px;
    font-family: 'Playfair Display', serif;
}

.productview .cartbtn{
    padding: 15px 0;
}
.productview .cartbtn button[type='submit']{
    padding: 15px 35px;
    border: 1px solid #000;
    color: #fff;
    background: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}
.productview .cartbtn button[type='button']{
    padding: 15px 35px;
    border: 1px solid #000;
    color: #000;
    background: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}
 .bookap{
    padding: 15px 35px;
    border: 1px solid #000;
    color: #000;
    background: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    display: inline-block;
}
.productview .cartbtn span.stckleft{display: block;
    text-align: left;
    padding: 5px;
    padding-left: 15px;
	font-family: 'Roboto', sans-serif;
}
.widget-box{
    background-color: #ab9d6b;
    padding: 50px 0;
}
.widget-box h3{
    margin: 0;
    font-size: 14px;
    color: #fff;
    letter-spacing: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    height: 40px;
    border-bottom: 2px dashed #fff;
}
.widget-box p{
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 14px;
    line-height: 30px;
}

.product-description{padding:50px 0;}
 .product-description .protabpanel{}
 .product-description .protabpanel ul{
    padding: 0;
    list-style: none;
}
 .product-description .protabpanel ul li{float: left;width: 20%;}

 .product-description .protabpanel ul li a{
    display: inline-block;
    display: inline-block;
    padding: 0 0 5px 0;
    border: 0;
    font-family: 'Playfair Display',serif;
    border-radius: 0;
    text-transform: uppercase;
    color: #000;
    top: 2px;
    font-size: 18px;
    margin-bottom: 25px;
    text-align: right;
    border-bottom: 1px solid #fff;
    } 
	.product-description .protabpanel ul li a.active{
    border-bottom: 1px solid #000;
}

.product-description .prouldetails{list-style: none;}
.product-description .prouldetails li{padding: 10px 0;}
.product-description .prouldetails li span.head{display: inline-block;
    width: 40%;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1;
    text-transform: uppercase;}
.product-description .prouldetails li span.det{font-family: 'Playfair Display', serif;font-size: 18px;}

.guidepanel{padding:30px 0;position: relative;padding-top: 5%;}
.guidepanel:before{content:"";background:#b0a16e;width:100%;position:absolute;height: 50%;top: 0;}
.guidepanel img{width:100%;}
.guidepanel h3{
    margin: 0;
    margin-bottom: 5%;
    font-size: 38px;
    font-family: 'Playfair Display', serif;
    color: #fff;
    letter-spacing: 2px;
}

.accountcrediential{padding:40px 0;}
.accountcrediential .innerbox{
    margin: 0 auto;
    float: inherit;
	font-family: 'Roboto', sans-serif;
}
.accountcrediential .innerbox .logobox{margin-bottom: 40px;}
.accountcrediential .innerbox .logobox img{width:200px;}
.accountcrediential .loginputbox{border:1px solid #000;padding: 0;padding-top: 10%;}

.accountcrediential .loginputbox .signuphead{position: absolute;top: -26px;margin: 0 auto;left: 0;right: 0;width: 125px;padding: 10px;background: #fff;text-align: center;}

.accountcrediential .loginputbox .signuphead.otphead{    width: 270px;}

.accountcrediential .loginputbox .signuphead h3{font-family: 'Playfair Display', serif;margin: 0;color: #000;}

.accountcrediential .loginputbox .frmbox{
    padding-bottom: 15px;
}
.accountcrediential .loginputbox .frmbox label{
    display: block;
    letter-spacing: 2px;
	
    font-weight: 400;
}
.accountcrediential .loginputbox .frmbox select{
    width: 100%;
    padding: 15px;
    outline:none;
    border: none;
    background: #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 0;
    background-image: url('../image/selicon.svg');
    background-repeat: no-repeat;
    background-position: 100% center;
    -webkit-background-size: 35px 7px;
    -moz-background-size: 35px 7px;
    -o-background-size: 35px 7px;
    background-size: 35px 7px;
    padding-right: 30px;
}
.accountcrediential .loginputbox .frmbox input[type='text'],.accountcrediential .loginputbox .frmbox input[type='email'],.accountcrediential .loginputbox .frmbox input[type='password']{ width: 100%;
    padding: 15px;
    outline:none;
    border: none;
    background: #eee;}
	
.accountcrediential .loginputbox .creadinnerbox{}
.accountcrediential .loginputbox input[type='submit']{    width: 100%;
    padding: 15px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    letter-spacing: 2px;
    font-size: 14px;
    margin-top: 10px;}
.accountcrediential .loginputbox .checkboxstyle label{
    letter-spacing: 0;
    font-size: 12px;
    text-transform: capitalize;
}
.accountcrediential .loginputbox .checkboxstyle label i{font-size: 16px;color: #4caf50;}
	.frgtbtn{position: absolute;
    right: 0;
    top: 0;}
	.logbtn-panel{
    padding: 5px 30px;
}
	.logbtn-panel button{
    display: block;
    padding: 15px;
    width: 100%;
    border-radius: 30px;
    margin-bottom: 10px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 600;
}
 
.logbtn-panel span{
    position: absolute;
    width: 50px;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-weight: 600;
}
.logbtn-panel hr{border-top: 1px solid #000;}
.logsocial{
    text-align: center;
}
.logsocial h3{
    margin: 0;
    font-size: 14px;
    text-align: CENTER;
    padding: 20px;
    color: #000;
    font-weight: 700;
}
.logsocial a{
    display: inline-block;
    width: 48%;
    /* float: left; */
    padding: 15px;
    background: #000;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
}
.logsocial a.facebook:hover{  
    background-color: #3b5998 !important;}
.logsocial a.google:hover{background-color: #db3236 !important}

.crtbtn{
    background: #c1c1c1;
    padding: 15px;
}
.crtbtn p{
    margin: 0;
    color: #000;
    font-weight: 600;
    letter-spacing: 1;
}
.crtbtn p a{
    font-weight: bold;
    text-decoration: underline;
    letter-spacing: 1;
}

.cartpanel{}
.cartpanel .carhead{
    padding: 10px 0;
    margin-bottom: 20px;
}
.cartpanel .carhead h3{font-family: 'Playfair Display', serif;margin: 0;font-size: 28px;color: #000;}
.cartpanel .carhead h3 span{font-family: "Times New Roman",sans-serif;}

.cartpanel .tablehead{
    padding: 5px;
    background: #f7f7f7;
    margin-bottom: 2px;
}
.cartpanel .tablehead h4{
    font-size: 14px;
	
    font-weight: 700;
    letter-spacing: 1px;
}
.cartpanel .tablebody{
    padding-bottom: 10px;
}
.cartpanel .tablebody .carticon{
    padding: 0;
}
.cartpanel .tablebody .carticon img{width:100%;}
.cartpanel .tablebody .cartdet{font-family: 'Roboto', sans-serif;padding-top: 10px;}
.cartpanel .tablebody .cartdet h3{
    margin: 0;
    font-size: 18px;
}
.cartpanel .tablebody .cartdet h5{}
.cartpanel .tablebody .cartdet .pricetag{
    display: block;
    font-size: 18px;
    font-weight: 600;
}
.cartpanel .tablebody .cartdet .smalltag{
    display: block;
}


.cartpanel .tablebody .inp{position:relative;margin-left: -15px;display: inline-block;margin-top: 10px;}
.cartpanel .tablebody .inp:after{content:"+";position:absolute;right: -15px;top: 5px;font-size: 29px;color: #a5a5a5;}
.cartpanel .tablebody .inp:before{content:"-";position:absolute;left: -15px;top: 5px;font-size: 30px;color: #a5a5a5;}
.cartpanel .tablebody .inp input[type='text']{
    width: 50px;
    padding: 7px;
    border: 1px solid;
    padding-right: 7px;
    height: 50px;
    font-size: 20px;
    font-family: 'Roboto',serif;
    font-weight: 300;
    text-align: CENTER;
}
.cartpanel .tablebody .inp i{
    position: absolute;
    right: 8px;
    top: 12px;
    font-style: normal;
    font-size: 20px;
    font-family: 'Playfair Display', serif;
}
.tableprice {padding-top:15px;}
.tableprice .pricetag{
    display: block;
    font-size: 14px;
    font-weight: 600; font-family: 'Roboto',serif;
} 
.summarypanel{}
.summarypanel .head{font-family: 'Playfair Display', serif;margin:0;color:#000;margin-bottom: 14px;}

.summarypanel  .nav{
    display: inline-block;
    border: none;
}
.summarypanel  .nav > li{
    /* margin-left: 0; */
}
.summarypanel .nav > li > a{
    font-family: 'Playfair Display', serif;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: left;
    padding: 15px 15px 15px 10px;
    letter-spacing: 0px;
    margin: 0;
    border-radius: 0;
}
.summarypanel  .nav > li:hover a, .summarypanel  .nav > li:focus a{
    background: none;
    border: none;
    border: 1px solid #fff;
}
.summarypanel  .nav > li.active > a{
    border: none;
    border: 1px solid #000;
    color: #fff;
    background: #000;
    border-radius: 0;
}

.summarypanel .voucherfrm{
    padding: 15px 2px;
}
.summarypanel .voucherfrm input{
    width: 100%;
    border: none;
    padding: 11px;
    background: #eee;
}
.summarypanel .voucherfrm button{
    width: 100%;
    padding: 11px;
    border: none;
	letter-spacing:1px;
    background: #000;
    color: #fff;
}
.summarydetails{font-family: 'Roboto',serif;padding-top: 15px;}
.summarydetails h3{
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}
.summarydetails h4{
    margin: 0;
    font-size: 20px;
    color: #000;
}
.summarydetails .youpay{
    padding-top: 20px;
    margin-bottom: 15px;
}
.summarydetails .youpay h2{
    font-size: 24px;
    color: #000;
    margin: 0;
}
.summarydetails .incltag{
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 800;
}
.summarydetails .proceedbtn{
    display: block;
    width: 100%;
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    letter-spacing: 2px;
    text-align: CENTER;
}
.summarydetails .cntbtn{display: inline-block;margin-bottom: 15px;letter-spacing: 2px;border-bottom: 1px solid #000;}
.checkoutheader{
    border-bottom: 1px solid #eee;
}
.checkoutheader .checklogo{padding: 3px 5px;}
.checkoutheader .checklogo img{width:100%;}
.checkoutheader .detcheck{
    padding-top: 30px;
}
.checkoutheader .detcheck h3{
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    letter-spacing: 2px;
}
.checkoutheader .detcheck span{
    letter-spacing: 1px;
    display: inline-block;
    font-family: 'Roboto',serif;
}
.checkoutheader .detcheck span a{
    text-decoration: underline;
    display: inline-block;
    padding: 1px 0;
}

.checkoutstep{
    padding-top: 40px;
}
.checkoutstep .heading{font-family: 'Roboto',serif;padding-bottom: 20px;border-bottom: 1px solid #000;}
.checkoutstep .heading h3{font-size:14px;letter-spacing: 1px;font-weight: 500;margin: 0;}
.checkoutstep .liststep{
    padding: 0;
    padding-bottom: 50px;
}
.checkoutstep .liststep ul{
    padding: 0;
    list-style: none;
}
.checkoutstep .liststep ul li{
    padding: 20px 0;
    border-bottom: 1px solid #000;
}
.checkoutstep .liststep ul li .head{}
.checkoutstep .liststep ul li .head span{
    float: left;
    width: 40px;
    font-family: 'Roboto',serif;
    height: 40px;
    border: 1px solid #000;
    text-align: center;
    padding: 5px 5px;
	position: relative;
    font-size: 20px;
    border-radius: 38px;
    margin-right: 10px;
}
.checkoutstep .liststep ul li .head h3{
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    padding-top: 2px;
    line-height: normal;
    float: left;
    font-weight: 400;
}
.checkoutstep .liststep ul li .head span i{position: relative;
    top: 4px;}

.checkoutstep .liststep li .checkbox-widget{
    padding-left: 55px;
}
.checkoutstep .liststep li .checkbox-widget p{
    
font-family: 'Roboto',serif;
    
font-size: 16px;
    
font-weight: 400;
}

.checkoutstep .liststep li .checkbox-widget h4{
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    color: #000;
}	
.checkoutstep .liststep li .checkbox-widget form{}	
.checkoutstep .liststep li .checkbox-widget form label{
    display: block;
    font-size: 12px;
    /* font-weight: 200; */
    font-family: "Raleway",sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 4px;
    letter-spacing: 2;
}	
.checkoutstep .liststep li .checkbox-widget form input[type='text'], .checkoutstep .liststep li .checkbox-widget form input[type='email']{
	 display: block;
	 padding: 14px 15px;
	 border: none;
	 background: #eee;
	 width: 100%;
	 background: #f6f6f6;
	 margin-bottom: 35px;
	 color: #000;
	 font-family: 'Roboto',serif;
	 font-size: 16px;
}	
.checkoutstep .liststep li .checkbox-widget form select{
    display: block;
    padding: 14px 15px;
    border: none;
    background: #f6f6f6;
    width: 100%;
    outline: none;
    margin-bottom: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 0;
    background: #f6f6f6 url('../image/selicon.svg') no-repeat;
    background-position: 100% center;
    -webkit-background-size: 35px 7px;
    -moz-background-size: 35px 7px;
    -o-background-size: 35px 7px;
    background-size: 35px 7px;
}
.checkoutstep .liststep li .checkbox-widget form label.checkdet{
    color: #000;
    font-size: 16px;
    letter-spacing: 0;
    font-family: 'Roboto',serif;
    margin-bottom: 25px;
}
.checkoutstep .liststep li .checkbox-widget form label input{margin-right:10px;}	

.checkoutstep .liststep li .checkbox-widget form button	{display: inline-block;
    padding: 15px 25px;
    border: none;
    background: #000;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;}
#priceBreakup{padding-top:15px;}
.pricetable{width:100%; max-width:100%;}	
.pricetable thead{}	
.pricetable thead tr{font-family: 'Playfair Display', serif;}	
.pricetable thead tr th{
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    color: #b0a16e;
    font-weight: normal;
    padding: 8px 0;
    font-size:18px;
    line-height: 1.42857143;
    }
.pricetable tbody {}
.pricetable tbody tr{}
.pricetable tbody tr td{
    font-family: roboto;
    font-size: 15px;
    padding: 10px 0;
}
#loginPopup{}
#loginPopup	.modal-dialog {
    margin: 0 auto;
    position: fixed;
    right: 0;
    border-radius: 13px;
    left: 0;
    top: 25%;
    overflow: hidden;
}
#loginPopup	.modal-dialog .modal-content{
    border-radius: 0;
    border: none;
}
#loginPopup	.modal-dialog .modal-content .modal-body{padding:0;}
#loginPopup	.modal-dialog .modal-content .modal-body .popimg{padding-left:0;}
#loginPopup	.modal-dialog .modal-content .modal-body .popimg img{width:100%;}
#loginPopup	.modal-dialog .modal-content .modal-body .popform{
    /* padding: 0; */
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .pophead{}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .pophead h3{font: bold 28px 'Playfair Display',serif;color: #000;margin: 10px 0 0 0;}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .pophead h3 span{font: bold 20px 'Playfair Display',serif;}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox{}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .togglebox{
    padding: 0;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .togglebox a{
    display: inline-block;
    font: 14px Roboto;
    padding-bottom: 5px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    margin-right: 20px;
    border-bottom: 3px solid #fff;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .togglebox a.active{border-bottom: 3px solid #000;}

#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .mobilebox{
    padding-top: 0;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .mobilebox select{
    padding: 7px 10px;
    border: 1px solid #000;
    width: 100%;
    /* font-size: 20px; */
    font: 400 20px 'Playfair Display',serif;
    line-height: normal;
    text-align: CENTER;
    outline: none;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .emailbox{
    padding-right: 15px;
    display:none;
    padding-top: 0;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .emailbox input{ padding: 13px;
    border: 1px solid #000;
    width: 100%;}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .mobilebox input{
    padding: 13px;
    border: 1px solid #000;
    width: 100%;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .mobilebox button{
    padding: 15px 8px;
    width: 100%;
    text-align: left;
    border: 1px solid #000;
    background: none;
    position: relative;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .mobilebox button img{
    width: 25px;
    margin-right: 5px;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .mobilebox button span{
    font-size: 20px;
    font-family: 'Playfair Display',serif;
    position: absolute;
    top: 5px;
    right: 10px;
    }
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .policy-box{
    padding-top: 20px;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .policy-box span.plcytxt{font-family: 'Playfair Display',serif;font-size: 15px;color: #000;line-height: 45px;display: block;}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .policy-box span.plcytxt a{}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .frmbtn{
    padding: 0;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .frmbtn button[type='submit']{
    display: block;
    padding: 13px;
    width: 100%;
    border: none;
    background: #000;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: CENTER;
}

#loginPopup	.modal-dialog .modal-content .modal-body .closebtn{
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    width: 35px;
    height: 40px;
    border: none;
    font: 20px 'Playfair Display',serif;
    color: #000;
    background: #fff;
    z-index: 999;
    }
.hidetab{display:none;}	

	.addToCart{
    position: fixed;
    top: 45px;
    background-color: #fff;
    z-index: 1061;
    width: 375px;
    height: 340px;
    right: 30px;
    border: 1px solid #d1d1d1;
    }
	
	.addToCart a{
    display: inline-block;
    padding: 15px 10px;
    text-align: CENTER;
    position: absolute;
    background: #000;
    width: 100%;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    bottom: 0;
    }
	.addToCart button{
    right: 10px;
    position: absolute;
    top: 5px;
    background: none;
    border: none;
    font-size: 18px;
}
.addToCart img{width:100%;}
.addToCart h3{
    word-wrap: break-word;
    font-family: "Roboto";
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    letter-spacing: 2px;
    }
.addToCart .crthead{
    padding: 20px 17px;
    margin: 0;
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 400;
    }
.addToCart h4{
    word-wrap: break-word;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 400;
    }
.addToCart span.crtprice{
    word-wrap: break-word;
    font-family: "Roboto";
    display: block;
    font-size: 18px;
}
.addToCart span.crtoffer{
    word-wrap: break-word;
    font-family: "Roboto";
    display: block;
    font-size: 13px;
    font-size: 15px;
    color: #bcbcbc;
    text-decoration: line-through;
}
.addToCart span.qtycrt{
    margin-top: 10px;
    border-top: 1px solid #d1d1d1;
    padding-top: 7px;
    display: block;
    word-wrap: break-word;
    font-family: "Roboto";
    letter-spacing: 1px;
}
.regmsg{padding: 0 30px;
    padding-bottom: 10px;}
.regmsg span, .logmsg span, .logmsg2 span, .logmsg3 span{  display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    
    font-family: "Roboto",sans-serif;}
  span.errormsg,   span.errormsg{
  
	color: #b50000;
}	
 span.sussfrm,  span.sussfrm{ color:#4caf50;}	
.contbtn{    display: block;
    text-align: center;
    padding: 10px;
    background: #4caf50;
    margin-top: 10px;
    text-transform: uppercase;
    color: #fff;}
.resendtext{
    font-size: 16px;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding-top: 5%;
}
.resendtext button{
    display: inline-block;
    margin-left: 0px;
    border: none;
    background: none;
}
.otphead{    text-align: CENTER;
    margin-bottom: 9%;}	
.delbtn{    margin-top: 10px;
    background: none;
    border: none;
    border-bottom: 1px solid #000;
    color: #000;}	

	.alertmsg-success{padding: 15px;
    background: #4caf50;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;}
.emptybox{}	
.emptybox h3{
    font: 25px "Playfair Display",sans-serif;
    font-weight: 400;
    color: #000;
}	
.emptybox a{
    display: inline-block;
    padding: 15px 30px;
    margin-bottom: 25px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1;
}	

.guestchkbtn{padding: 10px 20px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1;
    background: #000;
    color: #fff;}
	
	
	.editbtn{position: absolute;
    right: 10px;
    top: 3px;
    display: inline-block;
    padding: 7px 20px;
    border-radius: 0;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;}
	
.checkoutcart{padding-left:55px;}	
.stndelv{
    width: 100%;
    padding: 20px 10px;
    border: 1px solid #000;
    display: block;
    margin-top: 10px;
    }
.stndelv h4{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 5px;
}
.stndelv h5{
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1;
}
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #262262;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}	

.checkoutorderreview{}
.checkoutorderreview h2{
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    padding-top: 2px;
    color: #000;
}
.checkoutorderreview h3{
    font-weight: bold;
    font-size: 28px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    /* font-weight: 400; */
}
.checkoutorderreview h4{
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: 1;
}
.checkoutorderreview a{
    display: inline-block;
    padding: 15px 20px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1;
}
.checkoutorderreview h3 small{
    color: #000;
    font-size: 14px;
    font-weight: 400;
}
.breakdownbox{}
.breakdownbox h2{
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    padding-top: 2px;
    color: #000;
    }
.breakdownbox h3{ font-weight: bold;
    font-size: 28px;
    color: #000;
    font-family: 'Roboto', sans-serif;}
.breakdownbox h3 small{ color: #000;
    font-size: 14px;
    font-weight: 400;}
.breakdownbox h4{  margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: 1;}
	
.accountpanel{padding:40px 0; background:#fff;}	
.accountpanel .leftpan{}	
.accountpanel .leftpan h3{
    font: 38px "Playfair Display",sans-serif;
    margin-top: 0;
    font-weight: 400;
    color: #000;
}	
.accountpanel .leftpan h3 button{
    display: none;
}	
.accountpanel .leftpan ul{
    padding: 0;
    list-style: none;
}	
.accountpanel .leftpan ul li{
    padding: 10px 0;
}	
.accountpanel .leftpan ul li a{
    line-height: normal;
    text-transform: none;
    letter-spacing: 0;
    padding: 5px 0px;
    display: inline-block;
    font-weight: 600;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    border-bottom: 1px solid #fff;
}	
.accountpanel .leftpan ul li a:hover{
    border-bottom: 1px solid #000;
    color: #000;
}
.accountpanel .leftpan ul li a.active{}	
.accountpanel .rightpan{}
.accountpanel .rightpan h3{  font: 38px "Playfair Display",sans-serif;
    margin-top: 0;
    font-weight: 400;
    color: #000;}

.accountpanel .rightpan .grid-divider{
    padding-bottom: 20px;
    border-bottom: 1px solid #b9b9b9;
}
.accountpanel .rightpan p{
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    padding-right: 19%;
}


.accountpanel .rightpan .detbox-panel{
    padding: 0;
    padding-top: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #b9b9b9;
}
.accountpanel .rightpan .detbox-panel h4{ font: 32px "Playfair Display",sans-serif;
    margin-top: 0;
    font-weight: 400;
    color: #000;}

.accountpanel .rightpan .tablebox{display: table;
    width: 100%;}
.accountpanel .rightpan .tablebox .tblbody{display: table-row-group;}
.accountpanel .rightpan .tablebox .tblrow{display: table-row;}

.accountpanel .rightpan .tablebox .tblrow .tblcell{padding: 8px 0;}
.accountpanel .rightpan .tablebox .tblrow .tblcell .subtext{
    font-size: 16px;
    font-family: "Roboto",sans-serif;
    }
.accountpanel .rightpan .tablebox .tblrow .tblcell .subhead{
    font-weight: bold;
    font-size: 16px;
    font-family: "Roboto",sans-serif;
    }
.accountpanel .rightpan .tablebox .tblrow .tblcell .subbtn{
    font-size: 14px;
    text-transform: uppercase;
    padding: 0px 0 3px 0px;
    display: inline-block;
    border-bottom: 1px solid #000;
    font-weight: 400;
    font-family: "Roboto",sans-serif;
    }
	
	
	
	.accountpanel .rightpan .recentorder{
    padding: 0;
    padding-top: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #b9b9b9;
}
.accountpanel .rightpan .recentorder h4{ font: 32px "Playfair Display",sans-serif;
    margin-top: 0;
    font-weight: 400;
    color: #000;}
	
#changepasswordmodal{}
#changepasswordmodal .modal-dialog{
    width: 500px;
}
#changepasswordmodal .modal-dialog .modal-content{
    border-radius: 0;
}
#changepasswordmodal .modal-dialog .modal-content .modal-body{
    border-radius: 0;
    padding: 30px;
    padding-bottom: 50px;
}
#changepasswordmodal .modal-dialog .modal-content .modal-body h3{
    margin: 0;
    /* font-size: 28px; */
    font: 28px "Playfair Display",sans-serif;
    margin-bottom: 15px;
}
#changepasswordmodal .modal-dialog .modal-content .modal-body .frmchng{}
#changepasswordmodal .modal-dialog .modal-content .modal-body .frmchng label{
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}
#changepasswordmodal .modal-dialog .modal-content .modal-body .frmchng input[type='password']{
    padding: 10px;
    margin-bottom: 30px;
    width: 100%;
    background: #eee;
    border: 1px solid #eee;
}
#changepasswordmodal .modal-dialog .modal-content .modal-body .frmchng input[type='submit']{
    display: block;
    padding: 15px;
    background: #000;
    width: 100%;
    border: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.chngpassbtn{
    width: 100%;
    border: none;
    padding: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #000;
    color: #fff;
    font-size: 13px;
}	
span.mandatory{position: absolute;
    top: -35px;
    display: block;
    right: 0;
    font-weight: 600;}
/*******************************************************************************************/	
.chckoutbtn{display: inline-block;
    padding: 10px 20px;
    border: none;
    background: #4caf50;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1;
    font-size: 16px;
    font-weight: 600;
    border-radius: 2px;}	
.checkout-message{padding:30px 0; background:#fff; display:none;}	
.checkout-message .checkoutmsg{}	
	.paywidget{padding-top: 30px;
    padding-bottom: 20px;}
.paywidget .orderbox{
    padding: 15px;
    background: #262262;
    border-radius: 5px 5px 0 0;
    border: 1px solid #262262;
}
.paywidget .orderbox .orderdate{}
.paywidget .orderbox .orderamount{}
.paywidget .orderbox .ordership{}
.paywidget .orderbox .orderno{}
.paywidget .orderbox span.head1{
    color: #ffffff;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}
.paywidget .orderbox span.head2{
    display: block;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #fff;
}
.orderdetbox{padding:15px;border: 1px solid #262262;}
	.razorpay-payment-button{display: inline-block;
    margin-top: 15px;
    border: 1px solid #3b9a3f;
    padding: 13px 40px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    background: #4caf50;
    color: #fff;
    border-radius: 2px;
    letter-spacing: 2px}
	
	

.orderdetbox .tablehead{
    padding: 5px;
    background: #f7f7f7;
    margin-bottom: 2px;
}
.orderdetbox .tablehead h4{
    font-size: 14px !important;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif !important;
    margin: 0;
}
.orderdetbox .tablebody{
    padding-bottom: 10px;
}
.orderdetbox .tablebody .carticon{
    padding: 0;
}
.orderdetbox .tablebody .carticon img{width:100%;}
.orderdetbox .tablebody .cartdet{font-family: 'Roboto', sans-serif;padding-top: 10px;}
.orderdetbox .tablebody .cartdet h3{
    margin: 0;
    font-size: 18px;
}
.cartpanel .tablebody .cartdet h5{}
.cartpanel .tablebody .cartdet .pricetag{
    display: block;
    font-size: 18px;
    font-weight: 600;
}
.cartpanel .tablebody .cartdet .smalltag{
    display: block;
}
	
.ordlistgrid{
    padding: 10px 0;
}	
.updtinfomartionform{}
.updtinfomartionform label{
    display: block;
    letter-spacing: 2px;
    font-weight: 400;
}
.updtinfomartionform select{
    width: 100%;
    padding: 15px;
    outline: none;
    border: none;
    background: #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 0;
    background-image: url(../image/selicon.svg);
    background-repeat: no-repeat;
    background-position: 100% center;
    -webkit-background-size: 35px 7px;
    -moz-background-size: 35px 7px;
    -o-background-size: 35px 7px;
    background-size: 35px 7px;
    padding-right: 30px;
    margin-bottom: 10px;     font-family: "Roboto",sans-serif;
    font-size: 16px;
}
.updtinfomartionform input[type='text']{
    width: 100%;
    padding: 15px;
    outline: none;
    border: none;     font-family: "Roboto",sans-serif;
    font-size: 16px;
    background: #eee;
    margin-bottom: 10px;
}
.updtinfomartionform input[type='submit']{
    width: 100%;
    padding: 15px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    letter-spacing: 2px;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 15px;
    }

.goldrate-widget{
    padding: 20px 0;
    background: #262262;
	display:none;
}
.shwgoldprice{display:block;}

.goldrate-widget ul{
    margin-bottom: 0;
    border: none;
    display: table;
    width: 100%;
    padding: 0;
    }
.goldrate-widget ul li{display: table-cell;
    width: auto;}
	.goldrate-widget ul li span{width: auto;padding: 15px;display:block;font-family: "Roboto",sans-serif;text-align:center;color:#fff;border: 1px solid #fff;margin: 0 20px 0px 20px;}

.shopgender{
     
}	
.shopgender ul{
    padding: 0;
    display: inline-block;
    list-style: none;
}	
.shopgender ul li{
    display: inline-block;
}	
.shopgender ul li a{}	
.shopgender ul li a picture{
    display: block;
    padding: 0 10px;
}	
.shopgender ul li a picture img{
    width: 175px;
}	
.shopgender ul li a h3{
    margin: 0;
    font-size: 12px;
    margin-top: 2px;
    letter-spacing: 0.16em;
    font-weight: 900;
}	
.whtsppbtn {
    position: fixed;
    z-index: 1;
    right: 35px;
    bottom: 21px;
    background: #fff;
    padding: 0;
    border-radius: 41px;
    border: none;
}
.whtsppbtn img{width: 80px;border-radius: 50%;border: 0;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);}

.whtsppbtn span{
    position: absolute;
    width: 150px;
    top: -40px;
    right: 0px;
    background: #fff;
    padding: 5px;
    text-align: center;
    border-radius: 10px;
    color: #000; font-family: 'Playfair Display', serif;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.whtsppbtn span button{
    position: absolute;
    right: 0;
    background: none;
    border: none;
    top: 3px;
    right: 4px;
}
.livechatbtn{
    background-color: #B0A16E;
    color: white;
    padding: 7px;
    position: fixed;
    right: 0;
    display: flex;
    flex-direction: row;
    writing-mode: vertical-rl;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    z-index: 999;
    bottom: 8em;
	display:none;
    font-family: 'Playfair Display', serif;
    }
.pagedetails{
    padding-bottom: 30px;
    background: #ffffff;
}
.pagedetails .pagehead h3{font: 38px "Playfair Display",sans-serif;
    margin-top: 0;
    font-weight: 400;
    text-transform: uppercase; text-align:center;} 
.pagedetails .pagedescription{} 

.mobileheader{
      
border-bottom: 1px solid #d1d1d1;
}
.mobileheader .tophead{
    border-bottom: 1px solid #d1d1d1;
}
.mobileheader .tophead .mobtopbtn{
    display: inline-block;
    padding: 10px 0;
    text-transform: uppercase;
    font: 900 10px 'Raleway', sans-serif;
    letter-spacing: 2;
}
.mobileheader .menupanel{padding:5px;text-align: center;/* border-bottom: 1px solid #d1d1d1; */position: relative;z-index: 3;}
 
.mobileheader .logomobile{
    padding: 5px 0;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}
.mobileheader .logomobile img{
    width: 130px;
}

.mobileheader .menupanel button{border:none;background:none;display:inline-block;padding: 20px;}
.mobileheader .menupanel button i{
    font-size: 18px;
}
.shopgender  .prgrid{}
.shopgender  .prgrid .innerbox{padding:0;}
.shopgender  .prgrid .innerbox img{ width:100%;}
.shopgender  .prgrid .innerbox a{
    text-decoration: none;
    color: #1b1b1b;
    font-weight: 600;
    letter-spacing: 1;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
}

.mobtrendingpanel{overflow:scroll;display: -webkit-box;padding-bottom: 15px;padding-left: 10px;padding-right: 10px;}

.mobmenu-box{padding:0;position: fixed;background:#fff;left:0;right:0px;top: 104px;overflow: auto;z-index: 99;bottom: 0;display: none;/* border-top: 1px solid #d1d1d1; */}
.sticky .mobmenu-box{top: 70px;}
.visible-menu{display:block;}
.iconmobbtn{transform: rotate(90deg);}

.mobmenu-box ul{
    padding: 0;
    list-style: none;
    position: relative;
}
.mobmenu-box ul > li{
    border-top: 1px solid #d1d1d1;
    /* position: relative; */
    display: flow-root;
}
.mobmenu-box ul > li > a{
    display: block;
    font: 700 12px 'Raleway', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2;
    padding: 20px 29px 20px 29px !important;
}
.mobmenu-box ul > li > a > i{
    position: absolute;
    right: 15px;
    font-size: 14px;
}
.mobmenu-box ul > li > a > i.active_i:before {
    content: "\f068" !important;
}

.mobmenu-box ul > li .mobinnermenu{display:none;padding:15px;background: #fff;}
.mobmenu-box ul > li .mobinnermenu.active_box{display: block;}

.mobmenu-box ul > li .mobinnermenu .goldbtn{
    display: block;
    text-align: CENTER;
    padding: 10px;
    background: #ab9d6b;
    margin-bottom: 7px;
    font-family: "Roboto",sans-serif;
    text-align: center;
    color: #fff;
    border: none;
    /* margin: 0 20px 0px 20px; */
}
.mobmenu-box ul > li .mobinnermenu .goldbtn i{}


.mobmenu-box ul > li .mobinnermenu .mobmenugridinner{
    padding-bottom: 15px;
}
.mobmenu-box ul > li .mobinnermenu .mobmenugridinner h3{
    margin: 0;
    font-size: 16px;
    margin: 0;
    color: #000;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 7px;
    font-weight: 800;
    text-transform: uppercase;
}
.mobmenu-box ul > li .mobinnermenu .mobmenugridinner a{
    text-transform: uppercase;
    display: block;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 8px 0px;
    font-family: 'Roboto', sans-serif;
}
.mob-filter-panel{
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 98;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 8px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
}

.mob-filter-panel button{float: left;width:50%;padding: 15px;border: none;background: #fff;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;font-weight: 500;}

.mob-filter-panel button:first-child{border-right:1px solid #d1d1d1;}
.mob-filter-panel button:last-child{border-left:1px solid #d1d1d1;}

.filterdata{
    overflow: scroll;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
	display:none;
    bottom: 0;
    padding-top: 20px;
}
.showdatafilter{display:block;}
.filterdata .filterdatabutton{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    text-align: center;
    padding: 15px;
}
.filterdata .filterdatabutton a{
    display: inline-block;
    /* width: 50%; */
    padding: 10px 20px;
    border: 1px solid #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 48%;
}
.filterdata .filterdatabutton button{
    display: inline-block;
    /* width: 50%; */
    padding: 10px 20px;
    border: 1px solid #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    width: 48%;
    background: #000;
}

.searchpanelbox{
    padding: 15px 0;
    position: absolute;
    display:none;
    left: 0;
    right: 0;
    z-index: 97;
    background: #fff;
    border-top: 1px solid #d1d1d1;
    min-height: 430px;
}
.searchpanelhide{display:block;}
.searchpanelbox form{}
.searchpanelbox form input[type='text']{
    width: 100%;
    margin: 0;
    padding: 10px;
    padding-right: 60px;
    border: none;
    color: #000;
    text-align: center;
    letter-spacing: 1px;
    font-size: 16px;
}
.searchpanelbox form button{
    position: absolute;
    right: 10px;
    border: none;
    background: none;
    padding: 10px 15px;
    border-left: 1px solid #000;
}

 ::placeholder {
  color: #d1d1d1;
  opacity: 1; /* Firefox */
}

 :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #d1d1d1;
}
 ::-ms-input-placeholder { /* Microsoft Edge */
 color: #d1d1d1;
}
.searchpanelbox hr{margin:0; border-color:#d1d1d1;}

.mobpricebreakup{
    position: absolute;
    right: 10px;
    border: none;
    background: none;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    }
	.bookappointbtn{
    padding: 15px 0;
}
	.bookappointbtn button{
    border: 1px solid #000 !important;
    color: #000;
    background: #fff;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    font-weight: 400;
    width: 100% !IMPORTANT;
    }
.footersociallink{}	
.footersociallink p{font-family: Playfair Display;display: inline-block;font-size: 18px;font-weight: 400;color: #fff;}	
.footersociallink span{
    height: 15px;
    width: 15px;
    display: inline-block;
    margin: 0 0 0 28px;
   
    }	
	.footersociallink span a{ color: #fff; font-size: 18px;}
.proimage img{max-height: none;
    max-width: 400px;
    padding-bottom: 0;
    height: 400px !important;
    width: 400px !important;
    display: inline-block !important;}	
	.slick-slider{
    touch-action: auto!important;
}
.proslideitems{ padding-bottom: 35px;}
.proslideitems .slick-slide{width: 80px !important;margin-left: 15px;}
.proslideitems .slick-slide img{height:auto !important;}
.proslideitems .slick-slide .slider-nav__item{border:1px solid #d1d1d1;}
.proslideitems .slick-slide.slick-current .slider-nav__item{border:1px solid #000;}
.proslideitems .slick-list{ width: 50%;
    margin: 0 auto;}
.proslideitems .slick-prev, .proslideitems  .slick-next{
    position: absolute;
    z-index: 99;
    top: 22px;
    font-size: 20px;
    padding: 7px 10px;
}
.proslideitems .slick-prev{
    left: 15%;
}
.proslideitems .slick-next{
    right: 15%;
}

.zoompopupbtn{position: absolute;
    bottom: 150px;
    left: 0;
    right: 0;
    display: inline-block;
    margin: 0 auto;
    border: none;
    background: none;
    border-bottom: 1px solid #000;
    letter-spacing: 2px;
    font-size: 11px;
    padding: 0;}
.popular-grid{
    padding-top: 15px;
    /* margin-bottom: 15px; */
}	
.popular-grid .innergrid{
    padding: 5px 15px;
}	
.popular-grid .innergrid img{width:100%;}	
.popular-grid .innergrid h3.head{
    font-family: "Roboto";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 9px;
}	
.popular-grid .innergrid h3.article{
    margin: 0;
    font-size: 14px;
    font-family: "Roboto";
    letter-spacing: 0.16em;
    font-weight: 600;
}	
.popular-grid .innergrid span{  font-family: "Roboto";  }
.popular-grid .innergrid span.ribbontag{   }
.popular-grid .innergrid span.pricetag{font-size: 16px;font-weight: 500;}
.popular-grid .innergrid span.pricetag span{text-decoration: line-through;font-size: 16px;}
.popular-grid h4{padding-left: 20px;
    font-family: 'Playfair Display', serif;
    margin-bottom: 15px;}
.popular-grid a:hover{color:#000;}
@media only screen and (min-width: 1025px){

#loginPopup .modal-dialog{
    width: 840px;
}	

}



/******** BOOK APPOINTMENT **********/
.book-appointment-banner{}
.book-appointment-banner img{max-width:100%; }
.book-appointment{padding:30px 0; }
.book-appointment .head{}
.book-appointment .head h1{
    font: 30px "Playfair Display",sans-serif;
    margin-top: 0;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    text-align: CENTER;
    color: #000;
    }
.book-appointment p{font: 16px "Roboto",sans-serif;color: #000;text-align: center;}
.bookform-panel{background-color: #f2f0e8;
    padding: 40px 0;}
	.bookform-panel .head h3 {
    font: 24px "Playfair Display",sans-serif;
    margin-top: 0;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    text-align: left;
    color: #000;
    margin-bottom: 15px;
}

.bookform-panel{}
.bookform-panel ul{
    list-style: none;
}
.bookform-panel ul li{
    position: relative;
    margin-bottom: 12px;
    font-family: 'Roboto',sans-serif;
    word-spacing: 2px;
    line-height: 22px;
    font-size: 15px;
}
.bookform-panel ul li:before{position: absolute;
    content: '';
    left: -20px;
    top: 10px;
    height: 6px;
    width: 6px;
    background-color: #ba9128;
    transform: rotate(
45deg
);
}
.bookform-panel .bookform{}
.bookform-panel .bookform input[type='text'],.bookform-panel .bookform input[type='email']{
    border: 1px solid #eee;
    padding: 8px 12px;
    width: 100%;
    margin-bottom: 10px;
    color: #181818;
    font-family: "Roboto",sans-serif;
    font-size: 16px !important;
   
    background: #ffffff;
    float: left;
}
.bookform-panel .bookform label{position:relative; cursor:pointer;padding-left: 10px;font-family: 'Playfair Display',serif;color: #000; margin-bottom: 10px;}
.bookform-panel .bookform label input[type='radio']{
    opacity: 0;
}
.bookform-panel .bookform label:before{content:"";position:absolute;width: 20px;height: 20px;border: 1px solid #000;border-radius: 15px;left: 0;top: 2px;}
.bookform-panel .bookform label.active{}
.bookform-panel .bookform label.active:after{content:"";position:absolute;width: 12px;height: 12px;background: #000;left: 4px;border-radius: 15px;top: 6px;}
.bookform-panel .bookform input[type='text']:focus,.bookform-panel .bookform input[type='email']:focus,.bookform-panel .bookform select:focus{border:1px solid #000;} 
.bookform-panel .bookform select{
    border: 1px solid #eee;
    padding: 8px 12px;
	outline:none;
    width: 100%;
    margin-bottom: 10px;
    color: #181818;
    font-family: "Roboto",sans-serif;
    font-size: 16px !important;
    
}
.bookform-panel .bookform span{
    font-family: 'Playfair Display',serif;
    font-size: 16px;
    display: block;
    padding: 3px 0;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    }
.bookform-panel .bookform .iconbtn{
    /* position: absolute; */
    right: 15px;
    /* padding: 13px; */
    border: none;
    color: #000000;
    background: #e8e8e8;
    outline: none;
    width: 38px;
    float: left;
    height: 39px;
}
.bookform-panel .bookform .dateinp{width: calc(100% - 38px) !important;}
.bookform-panel .bookform input[type='submit']{
    font-size: 16px;
    padding: 8px 30px;
    border-radius: 0;
    background-color: #000;
    border: 0;
    box-shadow: none;
    transition: all linear .2s;
    font-family: 'Playfair Display',serif !important;
    text-transform: uppercase;
    margin-top: 15px;
    color: #fff;
    }
.collectionpanel-video{
    padding-bottom: 30px;
}	
.collectionpanel-video .head-panel{}	
.collectionpanel-video .head-panel h2{}	
.collectionpanel-video .head-panel h2 span{font-family:times new roman;font-size: 32px;}	
.collectionpanel-video iframe{width:100%; height:500px;}	
	
	.copyright{
    border-top: 1px solid #d2cbb3;
}
.copyright p{
    margin: 0;
    padding: 10px 0;
    color: #fff;
    font-family: "Roboto",sans-serif;
    letter-spacing: 1px;
    text-align: CENTER;
}
.copyright p a{
    color: #fff;
}
 .razorpay-payment-button{opacity:0;}
.paybtn{display: inline-block;
    margin-top: 15px;
    border: 1px solid #3b9a3f;
    padding: 13px 40px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    background: #4caf50;
    color: #fff;
    border-radius: 2px;
    letter-spacing: 2px;}
	
.gallerylist{
    padding-bottom: 15px;
}	
.gallerylist h2{font-size: 18px;
    font-family: 'Roboto';
    background: #eee;
    padding: 10px;
    margin: 0;
    margin-bottom: 15px;}	
.gallerylist a.viewall{position: absolute;
    right: 10px;
    top: 10px;
    text-transform: uppercase;
    font-weight: bold;}
	
	.gallerylist ul{}
	.gallerylist ul li{
    padding: 0px 2.5px;
}
	.gallerylist ul li img{}
	
	.galleryviewlist{}
	.galleryviewlist ul{}
	.galleryviewlist ul li{
    padding: 5px;
}
	.galleryviewlist ul li a{}
	.galleryviewlist ul li a img{}
	
	.gallerypanel .pagehead{}
	.gallerypanel .pagehead h3{font-size: 26px;font-family: "Roboto",sans-serif;}
	.lg-sub-html{font-family: 'Roboto';}
	
	.galleryviewlist ul li iframe{width:100%; height:250px;}
	.launchingpanel{}
	.launchingpanel h3{}
	.launchingpanel h4{
    font-size: 36px;
    letter-spacing: 4px;
    color: #000;
}
	.launchingpanel a{
    display: inline-block;
    margin-bottom: 15px;
    padding: 10px 30px;
    text-transform: uppercase;
    background: #262262;
    color: #fff;
}

.otpbtn{width: 100%;
    padding: 15px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    letter-spacing: 2px;
    font-size: 14px;
    margin-top: 10px; border-radius: 30px;}	
	
 

#popzoompopup .modal-content{
    box-shadow: none;
    border: none;
    border-radius: 0;
}

#popzoompopup .modal-content .proslideitems .slick-list{width:100%;text-align: center;}
#popzoompopup .modal-content .proslideitems .slick-track{width:100% !important
; text-align:center;}

#popzoompopup .modal-content .proslideitems .slick-track .slick-initialized .slick-slide {
    display: inline-block !important;
    float: inherit !important;
}
#popzoompopup .modal-content button[data-dismiss='modal']{
    position: absolute;
    right: 10px;
    padding: 10px;
    border: none;
    background: #656565;
    color: #fff;
    top: 0;
    width: 40px;
    font-size: 20px;
    z-index: 9999;
    }
	
	
	.modalpopdata{position:fixed;z-index: -9999;background: #0000006e;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;}
	
	.showpopup{opacity: 1; z-index: 9999;}
.modalpopdata .modaldialog{width: 700px;margin:0 auto;background: #fff;height: max-content;margin-top: 4%;padding-bottom: 20px;display: flex;}

.modalpopdata .modaldialog .popupgrid{}
.modalpopdata .modaldialog .popupgrid img{}
.modalpopdata .modaldialog .popupgridthumbnails img{
    border: 1px solid #eee;
    margin-left: 0;
    /* width: 100px !important; */
}
.modalpopdata .modaldialog .closetogglebtn{
    position: absolute;
    right: 15px;
    padding: 10px;
    border: none;
    background: #484848;
    color: #fff;
    top: 0;
    z-index: 999999;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .popuplogmsg{
    text-align: center;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox .popuplogmsg .sussfrm{
    text-align: center;
}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox #lgnotp2{}
#loginPopup	.modal-dialog .modal-content .modal-body .popform .innerbox #lgnotp2 label{
    display: block;
    letter-spacing: 1px;
    text-align: left;
}
#loginPopup .modal-dialog .modal-content .modal-body .popform .innerbox #lgnotp2 input[type='text']{
    padding: 10px;
    width: 100%;
    border: 2px solid #212121;
}
.custompopup{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #00000021;
    z-index: 9999;
    /* width: 100vh; */
    /* height: 100vh; */
}
.custompopup .innerpopupgif {
    width: 530px;
    height: 530px;
    background: #fff;
    margin: 0 auto;
    margin-top: 5%;
    position: relative;
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
}
.custompopup .innerpopupgif img{
    width: 100%;
}
.custompopup .innerpopupgif button{
    position: absolute;
    left: 100%;
    top: 0;
    padding: 10px 10px;
    border: none;
    background: #ffffff;
    color: #000000;
}
.custompopup .innerpopupgif a{
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    padding: 5px 0;
    width: 127px;
    margin: 0 auto;
    background: #000;
    text-transform: capitalize;
    color: #fff;
    letter-spacing: 1;
}

.proimage img{width: 100% !important;
    height: auto !important;}
	
#loginPopup .modal-dialog .modal-content .modal-body .popform .innerbox .mobilebox button img{
    display: none;
}


#loginPopup .modal-dialog .modal-content .modal-body .popform .innerbox .mobilebox button{height: 48px;}
#loginPopup .modal-dialog .modal-content .modal-body .popform .innerbox .mobilebox button span{}
#loginPopup .modal-dialog .modal-content .modal-body .popform .innerbox {
    padding-bottom: 20px;
}
#loginPopup .modal-dialog .modal-content .modal-body .popform .innerbox .policy-box span.plcytxt{    line-height: normal;
    display: block;
    margin-bottom: 15px;
    text-align: center;}


	
}	
@media (min-width: 1200px){
.container {
    width: 1230px;
}
}

.bloginnerwidget{}
.bloginnerwidget h3{
    font: 38px "Playfair Display",sans-serif;
    margin-top: 0;
    font-weight: 400;
    color: #000;
    text-align: center;
    }
.bloginnerwidget h5{
text-transform:uppercase; font-family: 'Raleway', sans-serif;
}
.bloginnerwidget figure{}
.bloginnerwidget figure img{
    width: 100%;
}
.bloginnerwidget p.txt{
    font-size: 18px;
    text-align: center;
}
.bloginnerwidget a{
    display: inline-block;
    text-align: center;
    padding: 15px 25px;
    border: 2px solid #262262;
    text-transform: uppercase;
    color: #262262;
    margin-bottom: 20px;
    border-radius: 30px;
}
.wishsuccess{
   display: inline-block;
    text-align: CENTER;
    background: #4caf50;
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    margin-top: 5px;
}
.wishfailed{
	display: inline-block;
    text-align: CENTER;
    background: #ff5245;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    margin-top: 5px;
	 }
.wishlistgrid{
    padding: 15px 0px 20px 5px;
    border: 1px solid #eee;
    margin-top: 15px;
}
.wishlistgrid figure{}
.wishlistgrid figure img{width:100%;}
.wishlistgrid .divdet{}
.wishlistgrid .divdet h5{
    margin-bottom: 0;
    font-family: "Roboto",sans-serif;
    word-wrap: break-word;
    line-height: 1.5em;
    color: black;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-top: 0;
    text-align: center;
    }
.wishlistgrid .divdet .pricetag{
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    display: block;
    margin-top: 10px;
    text-align: CENTER;
    }
.wishlistgrid .divdet .pricetag span{color: #8c8c8c;
    text-decoration: line-through;}
.wishlistgrid .divdet .ribbontag{display: inline-block;
    padding: 5px 10px;
    background: #e9c456;
    border-radius: 3px;
    color: #fff;
    font: 500 11px 'Roboto',sans-serif;
    letter-spacing: 2px;}
.wishlistclose{padding:10px;font-size:16px;background: #262262;border:none;position: absolute;top: 5px;color: #fff;left: 5px;}

.cookies-box{
    position: fixed;
    left: 0;
    right: 0;
	display:none;
    text-align: center;
    background: #262262;
    color: #fff;
    z-index: 9999;
    padding: 20px 20px;
}
.cookies-box p{
    margin: 0;
}
.cookies-box button{
    position: absolute;
    right: 10px;
    top: 20px;
    background: none;
    border: none;
}
 .popupgrid {
    padding: 0;
    list-style: none;
}
.popupgridthumbnails {
    padding: 0;
}
.popupgrid li{cursor: url(../image/zoomicon.png),auto;}
.popupgridthumbnails li, .popupgrid li{border:1px solid #eee;}
.slick-prev, .slick-next{z-index:99;}
/***********************************************************************************/

.totalratingsreview{
    padding-bottom: 10px;
    text-align: center;
}	
.totalratingsreview i{
    font-size: 24px;
    color: #262262;
}	
.totalratingsreview span{
    display: inline-block;
    font-size: 16px;
    padding-left: 5px;
}	
.reviewbtnpanel{
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    text-align: center;
}	
.reviewbtnpanel button{
    display: inline-block;
    border: 1px solid #e0e0e0;
    padding: 8px 15px;
    background: none;
    color: #444444;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
    border-radius: 5px;
    font-weight: 500;
}
.reviewbtnpanel button i{
    color: #262262;
    font-size: 16px;
}
.reviewbtnpanel button:hover{background:#f3f1f1;}	
.reviewform{
    padding-top: 20px;
    display: none;
}
.reviewform h3{
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.reviewform label{
    display: block;
    font-weight: 100;
    position: relative;
    padding-left: 15px;
}
.reviewform label span{
    color: #950f0f;
    font-size: 18px;
    position: absolute;
    left: 0;
}
/*************** RATING *************/
.tab-product-description .rate-area {
    float:left;
    border-style: none;
    background: none;
    padding: 0;
}

.tab-product-description .rate-area:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.tab-product-description .rate-area:not(:checked) > label {
    float: right;
    width: .80em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 40px;
    line-height: 32px;
    color: lightgrey;
    margin-bottom: 10px !important;
    padding: 0;
}

.tab-product-description .rate-area:not(:checked) > label:before {
    content: '';
}

.tab-product-description .rate-area > input:checked ~ label {
    color: #950f0f;
    text-shadow: none;
}

.tab-product-description .rate-area:not(:checked) > label:hover,
.tab-product-description .rate-area:not(:checked) > label:hover ~ label {
    color: #e8262d;
    
}

.tab-product-description .rate-area > input:checked + label:hover,
.tab-product-description .rate-area > input:checked + label:hover ~ label,
.tab-product-description .rate-area > input:checked ~ label:hover,
.tab-product-description .rate-area > input:checked ~ label:hover ~ label,
.tab-product-description .rate-area > label:hover ~ input:checked ~ label {
    color: #950f0f;
    text-shadow: none;
}

.tab-product-description .rate-area > label:active {
    position:relative;
    top:0px;
    left:0px; 
}


.rating {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  height: 150px;
  position: relative;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

.rating > label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}
 
.emoji-wrapper {
  width: 100%;
  text-align: center;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after{
  content: "";
  height: 15px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}

.emoji-wrapper:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.emoji-wrapper:after{
  bottom: 0;
  background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.emoji {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: .3s;
}

.emoji > svg {
  margin: 15px 0; 
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

#rating-1:checked ~ .emoji-wrapper > .emoji { transform: translateY(-100px); }
#rating-2:checked ~ .emoji-wrapper > .emoji { transform: translateY(-200px); }
#rating-3:checked ~ .emoji-wrapper > .emoji { transform: translateY(-300px); }
#rating-4:checked ~ .emoji-wrapper > .emoji { transform: translateY(-400px); }
#rating-5:checked ~ .emoji-wrapper > .emoji { transform: translateY(-500px); }

.feedback {
  /* max-width: 360px; */
  background-color: #fff;
  width: 100%;
  padding: 0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  /* box-shadow: 0 4px 30px rgba(0,0,0,.05); */
}

.inputformreview{}
.inputformreview label{
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 1;
    font-weight: 600;
    color: #262262;
}
.inputformreview   input[type='text']{
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 10px 10px;
    color: #666;
    border-radius:4px;
    width: 100%;
    margin-bottom: 11px;
    }
.inputformreview   textarea{
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 5px 10px;
    color: #666;
    border-radius:4px;
    width: 100%; outline:none;
    height: 100px;
    }
.inputformreview input[type='submit']{
    display: inline-block;
    border: 1px solid #262262;
    padding: 8px 35px;
    background: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
    border-radius: 3px;
    font-weight: 500;
    margin-top: 15px;
    margin-right: 8px;
    background: #262262;
}	
.inputformreview button{
    display: inline-block;
    border: 1px solid #e0e0e0;
    padding: 8px 15px;
    background: none;
    color: #444444;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
    border-radius: 3px;
    font-weight: 500;
    margin-top: 15px;
}	
.individualreview{
    display: flex;
    flex-direction: row;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    }
	.individualreview:last-child{border-bottom:none;}
.individualreview .review-icon{
    display: block;
    padding: 0 1rem 0 0;
}	
.individualreview .review-icon span{
    background: #262262;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    object-fit: cover;
    color: #fff;
    text-transform: uppercase;
    width: 60px;
    height: 60px;
    font-size: 18px;
    font-weight: bold;
    }	
.individualreview .review-det h5{
    margin: 0;
    font-weight: 600;
    margin-bottom: 4px;
}	
.individualreview .review-det .stricon{}	
.individualreview .review-det .stricon i{
    color: #262262;
}	
.individualreview .review-det .reviewtime{}	
.individualreview .review-det p{
    margin: 0;
    margin-top: 5px;
}	
.bethereview{
    display: inline-block;
    border: 1px solid #262262;
    padding: 8px 35px;
    background: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
    border-radius: 3px;
    font-weight: 500;
    margin-top: 15px;
    margin-right: 8px;
    background: #262262;
    }
.showfrmreview{display:block;}	
	.loginpopupmsg{    padding: 10px;
    background: #e24b4b;
    color: #fff;
    margin-top: 15px;
    border-radius: 5px;
    text-align: CENTER;}
	.loginpopupmsg i{
    display: inline-block;
    background: #fff;
    width: 24px;
    border-radius: 13px;
    text-align: center;
    color: #e24b4b;
    font-weight: 900;
}
.successpopupmsg{   padding: 10px;
    background: #4caf50;
    color: #fff;
    margin-top: 15px;
    border-radius: 5px;
    text-align: CENTER;}
/********************** MORE QTY POPUP *****************/
.popup {
    position:fixed;
    border: solid 1px white;
    width: 360px;
    height: auto;
    top: 20%;
    margin: 0 auto;
    display:none;
    background-color:white;
    z-index: 999;
    left: 0;
    right: 0;
}
.cover {
    background-color:black;
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top: 0;
    z-index: 999;
}	

.qtyfrm{
    padding: 30px;
}	
.qtyfrm .frmbx{
    padding: 0;
}
.qtyfrm .frmbx h3{
    text-align: center;
    margin: 0;
    margin-bottom: 10px;
    font-weight: 600;
}	
.qtyfrm .frmbx label{
    display: block;
    text-transform: uppercase;
    margin-top: 8px;
}
.qtyfrm .frmbx input[type='text']{
    padding: 10px;
    width: 100%;
    border: 1px solid #020202;
    border-radius: 0;
}	
.qtyfrm .frmbx input[type='submit']{margin-top: 15px;width: 100%;padding: 10;padding: 15px 35px;border: none;color: #fff;background: #000;text-transform: uppercase;letter-spacing: 2px;font-weight: 600;}	
.qtyfrm .errormsg{
    display: block;
    text-align: CENTER;
    background: #b50000;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}	
.qtyfrm  .successmsg{display: block;
    text-align: CENTER;
    background: #4caf50;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;}	
	
	/********************** MORE QTY POPUP *****************/
.popupquickview {
    position:fixed;
    border: solid 1px white;
    width: 700px;
    min-height: 380px;
    max-width: 100%;
    top: 10%;
    padding:15px;
    margin: 0 auto;
    display:none;
    background-color:white;
    z-index: 999;
    left: 0;
    right: 0;
}
.popupquickview .popupproductdetail{}
.popupquickview .popupproductdetail .dataarticle{}
.popupquickview .popupproductdetail .dataarticle h3{font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding-top: 5px;
    font-weight: 400;
    margin: 0;
    letter-spacing: 2px;}
.popupquickview .popupproductdetail .head{}
.popupquickview .popupproductdetail .head h2{font-family: 'Playfair Display', serif;
    margin: 0;
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: normal;}
	
.popupquickview .popupproductdetail	.pricedata{}
.popupquickview .popupproductdetail	.pricedata .pricetag2{font-family: 'Roboto', sans-serif;
    font-size: 21;
    font-weight: bold;
    letter-spacing: 1;
    display: inline-block;}
	.popupquickview .popupproductdetail	.pricedata .pricetag3{font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1;
    display: inline-block;
    color: #8c8c8c;
    text-decoration: line-through;
    margin-left: 5px;}
	
.popupquickview .popupproductdetail .weightpanel{
    margin-top: 5px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.popupquickview .popupproductdetail .weightpanel span{
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}
.popupquickview .popupproductdetail .weightpanel ul{}
.popupquickview .popupproductdetail .weightpanel ul li{}
.popupquickview .popupproductdetail .weightpanel ul li button{
    width: 100%;
    border: none;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #000;
    background: none;
    font-size: 18px;
}
.popupquickview .popupgridslider{
    padding: 0;
}
.popupquickview .popupgridslider img{width:100%;}

.popupquickview .addtocarpopup{
    padding: 10px 0px 0 0;
}
.popupquickview .addtocarpopup button{
    width: 100%;
    padding: 15px;
    width: 100%;
    margin-top: 0;
    background: #000;
    border: none;
    color: #fff;
 
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
}
.closebtnpopup{
    position: absolute;
    right: 5px;
    top: 5px;
    background: none;
    border: none;
    font-size: 22px;
    color: #000;
    z-index: 99;
    }
    
/******* CUSTOMER REVIEWS *******/
.customerreviews{
    padding-top: 25px;
    padding-bottom: 70px;
}   
.customerreviews .headbox{}   
.customerreviews .headbox h3{
    font-family: 'Playfair Display', serif;
    margin: 0;
    color: #000;
    font-size: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}   

.gridreview{
    padding: 0;
}   
.gridreview .innerbox{
    text-align: left;
}   
.gridreview .innerbox .innerboxgrid{
    padding-left: 55px;
}   
.gridreview .innerbox .innerboxgrid .quoteicon{position: absolute;left: 0;width: 60px;height: 60px;border: 1px solid #afafaf;text-align: center;padding: 15px;font-size: 24px;border-radius: 50%;top: 10%;}   
.gridreview .innerbox .innerboxgrid .quoteicon i{
    color: #afafaf;
}   
.gridreview .innerbox .innerboxgrid .ratinggrid{
    padding-bottom: 5px;
    position: relative;
}   
.gridreview .innerbox .innerboxgrid .ratinggrid i{
    color: #b0a16e;
}   
.gridreview .innerbox .innerboxgrid .ratinggrid span{
    position: absolute;
    right: 15px;
    font-family: "Roboto",sans-serif;
}   
.gridreview .innerbox .innerboxgrid .boxdet{}   
.gridreview .innerbox .innerboxgrid .boxdet h3{
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    "Roboto",font-family: sans-serif;
}   
.gridreview .innerbox .innerboxgrid .boxdet p{
    margin: 0;
    font-size: 14px;
    display: block;
    font-family: "Roboto",sans-serif;
}   
.gridreview .innerbox .innerboxgrid .boxdet span{
    margin-top: 5px;
    display: inline-block;
    font-weight: 600;
}   
   
    
    
    
@media only screen and (max-width: 58em){
    .whtsppbtn{bottom:60px;}
.category-widget-slide{ padding: 20px 0; }
.widget-exclusive-panel{padding: 20px 0;border-top: 1px solid #d1d1d1;padding-bottom: 45px;}
.trending-widget-slide{ padding: 20px 0; }
.category-widget-slide .head-panel h2{font-size:20px;}
.shopgender .head-panel h2{font-size:25px;}
.widget-exclusive-panel .head-panel h2{font-size:25px;}
.trending-widget-slide .head-panel h2{font-size:24px;}
.mobnewpanel .head-panel h2{font-size:24px; text-align:left;}
 
.category-widget-slide  .prgrid .innerbox img{width:95%;}
.category-widget-slide .prgrid .innerbox a{display: block;
    text-align: center;}
	.category-widget-slide .prgrid {
    padding-top: 20px;
}
.widget-exclusive-panel .grid-box .grid-inner{padding-bottom:5%;}
.trending-widget-slide .prgrid {
    border: 1px solid #fff;
    width: 45%;
    padding: 0px 2.5px;
    text-align: center;
}
.trending-widget-slide .prgrid .innerbox {
    padding-bottom: 20px;
    border: 1px solid #eee;
    min-height: 226px;
}
.shopgender{
    padding-bottom: 45px;
}	
.trending-widget-slide .prgrid .innerbox h3{font-size: 16px; letter-spacing: 1;}
.footer-widget .innerwidget h3{margin-bottom: 0; font-weight:700;}  
.footer-widget .innerwidget p{line-height: normal;
    margin-bottom: 20px;}
.gridlistproduct .pagehead{text-align:center; padding:15px;}
.gridlistproduct .productgridlist{padding:0;}
.gridlistproduct .productgridlist ul li{min-height: 280px;border: 1px solid #eee;margin: 0;}
.filterbox{padding-bottom:100px;}
.searchpanelbox{top:100%;}
#data-article{font-size: 14px;
    margin: 0;
    font-family: 'Roboto';
    letter-spacing: 1px;}
	
	.cartbtn{position:fixed;bottom:0;background: #fff;left: 0;right: 0;padding: 15px !important;-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 10%);-moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);box-shadow: 0 0 8px rgb(0 0 0 / 10%);z-index: 98;}
	
	.productview .cartbtn button[type='submit']{float:left;width: 49%;padding: 10px 20px;margin-right: 1%;}
	.productview .cartbtn button[type='button']{float:left;width: 49%;padding: 10px 20px;margin-left: 1%;}
	.productview .product-short-det .shortdesc{color: #212121;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    letter-spacing: 0;}
	.qtybox{ }
	.qtyfrm .popup{max-width:100%;}
	#loginPopup .modal-dialog .modal-content .modal-body .popform .innerbox .mobilebox button img {
     display: none;  
}
	.product-description .protabpanel ul{display: grid;
    width: 100%;}
		.product-description .protabpanel ul li{width: 100%;float:inherit;text-align: left;padding-left: 4px;}
		.product-description .protabpanel ul li a{margin: 0;
    display: block;
    text-align: left;
    padding: 5px 6px;}
.product-description{padding-top: 20px;
    border-top: 1px solid #000;}
	.product-description .prouldetails{padding:0;     padding-left: 8px;}
	.mobpricebreakup-innerbox{padding: 10px;border-bottom:1px solid #000;margin-bottom:9px;  display:none;}
	.mobpricebreakup-innerbox h3{text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;}
	.mobpricebreakup-innerbox h5{
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
}
.mobpricebreakup-innerbox .headprice{ text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;}
	.shwpricebrkup{display:block;}
	.closebtn{
    position: absolute;
    top: -5px;
    right: -5px;
    border: none;
    background: none;
    z-index: 96;
}
.pricetable tbody tr td {
    font-family: roboto;
    font-size: 11px;
    padding: 7px 0;
}
.pricetable thead tr th{font-size: 10px;}
.addToCart {
    position: fixed;
    top: 45px;
    background-color: #fff;
    z-index: 1061;
    width: 100%;
    height: 340px;
    right: 0;
    border: 1px solid #d1d1d1;
}
.cartpanel .carhead{padding: 15px;margin: 0;}
.checkoutheader .checklogo {
      
    padding-left: 15px;
    padding-top: 8px;
	 
}
.checkoutheader .detcheck {
    padding-top: 13px;
}
.checkoutheader .detcheck h3{font-size:12px;}
.checkoutstep{padding:15px 15px 15px 15px;}
.checkoutstep .heading{padding-bottom:13px;}
.checkoutstep .liststep li .checkbox-widget{padding-left:0;}
.checkoutcart{padding-left:0;}
.checkoutstep .liststep ul li {
    padding: 10px 0;
}
.checkoutstep .liststep ul li .head h3{font-size:18px; line-height: 35px;}
.popular-grid .innergrid{padding:0 0;}
.book-appointment p{display:none;}

 .bookformcontent{}
 .bookform{}
 
 #loginPopup .modal-dialog .modal-content .modal-body .popimg{display:none;}
 
 .custompopup .innerpopupgif {
    width: 100%;
    height: auto;
 }
 .custompopup .innerpopupgif button{right:0; left: auto;}
 
 .variable2{ display: flex;   
    overflow: auto; }
.modalpopdata .modaldialog{width:100%;display: block;}

.slick-lightbox-slick-item:before{height: auto !important;}
.gridlistproduct .productgridlist ul li .innerbox button{display:block;}
.popupquickview{overflow: auto;
    height: 100%; top:0;}
    .gallerylist h2{padding-right:20%;}
    .gallerylist ul li img {
    margin-bottom: 5px;
}
   }