<style type="text/css">

	/*--------------------------------------Header-------------------------------------------------*/
	#menu {
	    color: #000;
	}
	
	#logo { display: flex !important; }
	#logo a {
	    align-items: center;
	    display: flex;
	    justify-content: center;
	    z-index: 1;
	}
	#logo .hdr-icon img {
	    width: 80px;	
	    display: block !important;
	    position: relative;
    	left: 10px;
	}

	#logo img{
		display: none;
	}

	#logo span{
		color: #7e2d38;
	}

	.on .hdr-icon {
	    display: none;
	}

	#search {
	    width: 45px;
	}
	
	/*--------------------------------------Header-------------------------------------------------*/
	/*-----------------------------------------Animate button-----------------------------------------*/
	@keyframes gradient {
		  0% {
		    background: radial-gradient(circle at center, rgb(102,  25,  34, 0 ) 0%, #fff 0%, #fff 100%);
		  }
		  25% {
		    background: radial-gradient(circle at center, rgb(102,  25,  34, 0.3 ) 24%, #fff 25%, #fff 100%);
		  }
		  50% {
		    background: radial-gradient(circle at center, rgb(102,  25,  34, 0.5 ) 49%, #fff 50%, #fff 100%);
		  }
		  75% {
		    background: radial-gradient(circle at center, rgb(102,  25,  34, 0.8 ) 74%, #fff 75%, #fff 100%);
		  }
		  100% {
		    color: #fff;
		    background: radial-gradient(circle at center, #56000b 99%, #fff 100%, #fff 100%);
		  }
	}

	.btn button {
	  background: #e0ab0a;
	  font-weight: bold;
	  box-shadow: 0 6px 6px #6a0d1a17;
	  outline: none;
	}
	.btn button:active {
	  animation: gradient 200ms;
	  background: #d19f05;
	  color: #fff;
	  box-shadow: none;
	}
	   

	/*---------------------------------------Common-------------------------------------------------*/
	.row {
	    /*padding: 20px 0px;*/
	    max-width: 1500px;
    	margin: auto;
	    /*padding-top: 30px;*/
	    padding-bottom: 30px !important;
	    /*background-color: rebeccapurple;*/
	}
	.omf-tile.filer {border: none !important;background-color: transparent !important;}
	.multiple-items .omf-tile {
		margin-right: 20px !important;
	}

	/*.omf-list{ padding-left: 10px !important;padding-right: 10px !important }*/
	span.quatation {
	    font-size: 52px;
	    color: #e2d1b3;
	    font-family: 'Passion One', cursive;
	}

	video {
	    max-width: 100%;
	    width: 100%;
	    padding: 10px;
	}
	.cat-name h2 {
	    font-size: 16px !important;
	    margin: 8px 0;
	    color: #454545;
		font-weight: 600;
	}


	.title {
	    width: 100%;
		padding-top: 0px;
		/*padding-bottom: 15px;*/
		text-align: center;
	}

	.title h1{
		font-family: 'Droid Sans', sans-serif;
		font-size: 18px;
		letter-spacing: 1px;
		margin-top: 10px;
		text-transform: uppercase;
		font-weight: 600;
		color: #000000;
	}
	.brand{color: #545454}

	.fade.slider .slick-slide {height: 460px;}

	.omf-tile{color: #3b3b3b;}

	.omf-avatar-wrapper .omf-avatar img{height: auto;}

	.space-between{
		justify-content: space-between;
	    align-items: center;

	}

	.block{display: block;}

	.sub-bar {
	    width: 100%;
	    top: 56px;
	    z-index: 501;
	    position: fixed;
	    display: flex;
	    justify-content: space-around;
	    align-items: center;
	    height: 40px;
	    margin-top: 0px;
	    background-color: #f6f6f6;
	    text-align: center;
	    color: #535353;
	    border-top: 1px solid var(--primary-light);
	    border-bottom: 1px solid var(--primary-light);
	}

	.sub-bar-col span {
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center;
	}

	.sub-bar h3 {
	    margin: 0;
	    letter-spacing: 0.053em;
	}

	.sub-bar .material-icons {
	    font-size: 20px;
	    margin-right: 4px;
	}

	.sub-bar-col {
		height: 40px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
		width: 100%;
		border-right: 1px solid var(--primary-light);
	    white-space: nowrap;
	    padding: 3px;
	    font-size: 13px;
	}


	.sub-bar-col.selected {
	    color: var(--primary-color);
	    font-weight: bold;
	}

	#product-list .cancel {display: none;}
	.cart-page .cancel {
	    display: block !important;
	}

	.cart-page .sale-price {
	    margin-top: 8px;
	}

	.cart-page .order-qty-wrapper {
	    justify-content: flex-end;
	}

	.cart-page .secondary-dtls {
	    align-items: flex-start;
	}

	.total-item {
		background-color: #c62828;
	    width: 15px;
	    position: absolute;
	    right: -7px;
	    top: -8px;
	    text-align: center;
	    height: 15px;
	    padding: 10px;
	    border-radius: 50%;
	    font-size: .8em;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}

/*	.omf-list{
		justify-content: flex-start !important;
	}*/
	

	/*--------------------------------------Slider------------------------------------------*/

	 .slick-prev, .slick-next{
		display: none !important;
	}

	.fade.slider .omf-hero-avatar{
		width: 100%;
	    height: 100%;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	}

	/*---------------------------------------------------------------------------------------*/
	.category1 .omf-avatar-wrapper .omf-avatar img {
	    border-radius: 8px;
	    width: 100%;
	}

	.category1 .omf-tile{
        margin: 3px 5px;
	    align-items: center;
	    justify-content: center;
	    padding-bottom: 0 !important;
	    width: 100%;
	    background-color: #cee2e2;
	    padding: 0 !important;
	    box-shadow: 0px 0px 3px 1px #ffffff;
	}

	.category1 .omf-avatar-wrapper .omf-avatar{
	    height: 80px;
	    background-color: transparent;
		display: block;
	}

	.category1 h1{
		font-size: small;
		font-weight: 500;
		flex: 1;
		text-align: center;
		color: #000;
	}

	.category1 .omf-tile:nth-child(even) {
	    flex-flow: row-reverse;
	}
	
	/*------------------------------------------------category2-----------------------------------------------------*/

	.omf-list.category2 {
		display: block;
		padding: 10px;
		background-color: #fff;
		justify-content: center;
	}

	.category2 .omf-tile{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		position: relative;
		border-radius: 20px;
		padding-bottom: 0px !important;
	}

	.category2 .omf-avatar-wrapper {
	    width: 100%;
	    border: 1px solid #cdcdcd;
	    border-radius: 4px;
	    overflow: hidden;
	}

	.category2 .omf-avatar-wrapper .omf-avatar{
	    height: 450px;
	    width: 100%;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-color: transparent;
	    background-position: top;
		display: block;
		margin: 0;
		padding: 0;
		border-radius: 18px;
	}

	.category2 .omf-avatar-wrapper .omf-avatar img {
		width: 100%;
	}

	.category2 .omf-tile-details{
		position: absolute;
		color: #fff;
		padding: 10px 20px;
		bottom: 0px;
		border-radius: 0px 0px 10px 10px;
		width: 100%;
		z-index: 1001;
		line-height: 32px;
	}

	.category2 .omf-tile-details::before {
	    background-color: #222;
	    content: " ";
	    width: 100%;
	    position: absolute;
	    height: 100%;
	    left: 0;
	    border-radius: 0px 0px 20px 20px;
	    opacity: 0.6;
	    z-index: -1111;
	    bottom: 0;
	}

	.category2 h2, .category2 h4{
		margin: 0;
	}

	.category2 i.fa.fa-angle-right {
	    color: #fff;
	    padding-left: 9px;
	    font-size: 20px;
	}

	.category2 h2 {
	    font-size: 20px;
	    font-weight: bold;
	}

	.category2 h4{
		color: #d3d3d3;
	}

/*--------------------------browse-categories----------------------------------------------*/


	.browse-categories .omf-list, .catalogue .omf-list {
		background-color: #f9f7f7;
	    display: flex;
	    flex-wrap: nowrap;
	    padding: 10px 0px; 
	}

	.browse-categories .omf-tile, .catalogue .omf-tile {
        justify-content: center;
	    align-items: center;
	    box-shadow: none;
	    border: none;
	    border-radius: 8px;
	    margin: 4px;
	    padding: 4px !important;
	    padding-bottom: 0px !important;
	    background-color: #fff;
	    display: block;
	    height: 100%;
	}

	.browse-categories .omf-avatar-wrapper .omf-avatar img , .catalogue .omf-avatar-wrapper .omf-avatar img {
	    width: 100%;
	    border-radius: 8px;
	}

	.browse-categories .omf-tile-details, .catalogue .omf-tile-details {
        padding-top: 8px;
		text-align: center;
	}
	.browse-categories .omf-avatar-wrapper, .catalogue .omf-avatar-wrapper{
	    width: 100%;
	    height: 100%;
	}

	.browse-categories .omf-avatar-wrapper .omf-avatar, .catalogue .omf-avatar-wrapper .omf-avatar {
	    background: transparent;
	    width: 100%;
	    padding: 0px;
	    margin: 0px;
	    border-radius: 8px !important;
	    height: 300px;
	    background-position: center;
	    background-size: cover;
	    background-repeat: no-repeat;
	}

	.cat-name  h3 {
	    margin-bottom: 5px;
	}

	.browse-categories .secondary-dtls p, .catalogue .secondary-dtls p{
		color: #808080;
		font-size: 12px;
	}

	/*------------------------------catalogue-----------------------------------------*/
	/*------------------------------about-----------------------------------------*/
	#blk-mdl-1, #blk-mdl-2, #about {
	    margin: auto;
	    max-width: 1120px;
	    padding: 20px 15px !important;
	    background-color: #deccab54;
    	padding-bottom: 0px !important;
    	position: relative;
    	overflow: hidden;
	}

	.bdr-logo{
	    z-index: 0;
	    position: absolute;
	    right: -182px;
	    bottom: -153px;
	    /* opacity: .8; */
	    transform: rotate(54deg);    	
	}

	#about .bdr-logo{
		display: none;
	}


	.certificate img {
		max-width: 500px;
		margin-bottom: 15px;
		border-radius: 6px;
	}

	.story {
	    padding: 10px 15px;
	    width: 100%;
	    /*margin: auto;*/
	}

	.story h1 {
  		margin-bottom: 20px;
  		font-size: 28px;
  		line-height: 30px;
	}

	.story p {
	    font-size: 14px;
	    color: #313131;
	    line-height: 26px;
	    letter-spacing: 0.03em;
	}

	.video-frame {
	    position: relative;
	    width: 100%;
	    height: 100%;
	}

	.play-btn {
	    padding: 15px;
	    position: absolute;
	    top: 0;
	    width: 60px;
	    height: 60px;
	    background: #ffffff;
	    margin: auto;
	    left: 40%;
	    border-radius: 50%;
	    bottom: 0;
	    color: #680916;
	}
	/*--------------------------category3----------------------------------------------*/


	.category3 {
		background-color: #edf1fb;
	}

	.category3 .omf-tile {
       	justify-content: center;
	    align-items: center;
	    box-shadow: none;
	    width: 100%;
	    border: 1px solid #b7ab8842;
	    margin: 5px 20px;
	    padding: 8px !important;
	    padding-bottom: 8px !important;
	    background-color: #fff;
	}

	.category3 .omf-avatar-wrapper .omf-avatar img {
	    width: 100px;
	    border-radius: 10px;
	}

	.category3 .omf-tile-details {
	    flex: 1;
	    padding-left: 20px;
	}
	.category3 .omf-avatar-wrapper{
		width: 100px;
	}

	.category3 .omf-avatar-wrapper .omf-avatar {
	    background: transparent;
	    width: 100%;
	    padding: 0px;
	    margin: 0px;
	    border-radius: 0;
	}
	.category3 .omf-action-btn {
	    width: fit-content;
	    border-radius: 20px;
	    background-color: #399675;
	    color: #fff;
	}
	.category3 .secondary-dtls p{
		color: #808080;
		font-size: 12px;
	}
/*------------------------------------------category4---------------------------------------------*/
	.omf-list.category4 {
		padding: 0px 10px;
	    background-color: #e0e0e0;
	}

	.category4 .omf-tile {
	    display: block;
	    width: 100%;
	    box-shadow: none;
	    border: 1px solid #bd9c37;
	    border-radius: 8px;
	    margin: 7px 4px;
	    background-color: #fff;
	    padding-bottom: 0 !important;
	}
	.category4 .cat-name {
	    padding: 5px;
	}

	.category4 .omf-avatar-wrapper {
	    width: 100%;
	}

	.category4 .omf-avatar-wrapper .omf-avatar {
	    padding-bottom: 0 !important;
	    border-radius: 8px;
	    margin: 0px;
	    padding: 0px;
	    position: relative;
	}

	.category4 .omf-avatar-wrapper .omf-avatar img {
	    width: 100%;

	    border-radius: 8px;
	}

	.category4  .omf-tile-details {
	    width: 100%;
	    margin: auto;
	    text-align: center;
	    padding-bottom: 8px;
	}

	.category4 .omf-tile-details span{
		font-size: 12px;
	}

	.inner-border {
       border-radius: 8px !important;
	    width: 98% !important;
	    position: absolute;
	    height: 97.5% !important;
	    border: 1px solid #bd9c37 !important;
	    top: 3px;
	    margin: 0 !important;
	}
/*------------------------------------------category5---------------------------------------------*/

	.omf-list.category5 {
	    background-color: #ffffff;
	    display: flex;
	    padding: 20px 10px;
	}

	.category5 .omf-tile {
		display: block;
		width: 45%;
		box-shadow: none;
		border: 1px solid #bd9c37;
		border-radius: 8px;
		margin: 7px 4px;
		background-color: #fff;
		padding-bottom: 10px !important;
	}

	.category5 .omf-avatar-wrapper {
	    width: 100%;
	}

	.category5 .omf-avatar-wrapper .omf-avatar{
		background-color: transparent;
	}

	.category5 .omf-avatar-wrapper .omf-avatar img {
	    width: 100%;
	    border-radius: 8px;
	}

	.category5 .omf-tile-details {
	    width: 100%;
	    margin: auto;
	    text-align: center;
	    padding-top: 4px;
	}
	.category5 .omf-tile-details span{
		border-bottom: 1px solid #000;
		font-size: 12px;
	}

/*-------------------------------------------------prd-model1------------------------------------------------------------------*/
	.products1.prd-model1 .omf-tile {
	    width: 100%;
	}

	.prd-model1 .omf-action-btn.add-qty-btn{
	    padding: 10px 20px !important;
	    font-size: 14px !important;
	}

	.prd-model1 .brand h3 {
	    margin: 0px;
	    margin-top: 7px;
	}
	.prd-model1 .item-name h4{
	    font-size: 15px !important;
	    line-height: 17px;
		text-transform: capitalize;
	}
	.prd-model1 .sale-price {
	    font-size: 14px !important;
	}

	.prd-model1 .omf-action-btn.add-qty-btn{

	    margin-right: 10px !important;
		margin-bottom: 5px !important;
	}

	.prd-model1 .add-qty, .cart2 .add-qty{
	    display: flex !important;
	}

	.prd-model2 {
	    width: 85% !important; 
	    margin: 10px;
	    border-radius: 10px !important;
	    padding: 15px;
	    box-shadow: 1px 3px 5px 1px #dedede;
	}
/*------------------------------------------products1---------------------------------------------*/
	.omf-list.products1 {
	    background-color: #ffffff;
	    display: flex;
	    padding: 0px 5px;
	}

	.products1 .omf-tile {
		display: block;
		width: 46%;
		box-shadow: none;
		margin: 4px auto;
		background-color: #fff;
	    padding-bottom: 5px !important;
	    border-radius: 2px;
	    color: #323232;
	    margin-bottom: 8px;
	    padding-bottom: 10px !important;
	    position: relative;
	}

	.products1 .omf-tile-details {
	    width: 100%;
	    /*margin: auto;*/
	    line-height: 15px;
	    padding-bottom: 4px;
	    padding-right: 10px;
	}


	.products1 .primary-dtls {
	    padding-bottom: 2px;
	    text-align: left;
	    text-transform: capitalize;
	    justify-content: space-between;
	}

	.products1 .sale-price{
		font-size: 13px;
		font-weight: 600;
	}

	.products1 .omf-action-btn.add-qty-btn {
	    letter-spacing: 1px;
	    background-color: #a93d35;
	    padding: 8px 12px !important;
	    font-size: 12px;
	    border-radius: 50px;
	    width: 70px;
    	margin-left: auto;
	}

	.products1 .item-name {
	    /*margin-top: -5px;*/
		margin-bottom: 4px;
	}

	.products1 .item-name h4 {
	    font-weight: 400;
	    margin: 0;
	    font-size: 14px !important;
	    line-height: 25px;
	    color: #7a7a7a;
	    text-transform: capitalize;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width: 132px;
	    overflow: hidden;		
	}

	.products1 .brand h3 {
	    font-size: 12px;
	    font-weight: bold;
	    margin-bottom: 2px;
	   	margin-top: 6px;

	}

	.products1 .omf-avatar-wrapper .omf-avatar img {
	    width: 100%;
	    border-radius: 8px;

	}
	.products1 .omf-avatar-wrapper {
	    border-radius: 8px;
	    width: 100%;
	}

	.products1 .omf-avatar-wrapper .omf-avatar {
		width: 100%;
	    background-color: transparent;
	    padding: 0;
	    margin: 0;
	    border-radius: 8px !important;
	}
	.products1 .add-qty {
	    /*display: none;*/
	}

	.omf-avatar .bg-img {
	    width: 100%;
	    height: 100%;
	    border-right: 8px;
	    background-position: center;
	    background-repeat: no-repeat;
	}


	.products1 .secondary-dtls  {
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	}

/*---------------------------------------- filter  page --------------------------------------------*/


	/*#design-filter {
	    width: 100%;
	    padding: 20px;
	    margin-top: 85px;
	    position: fixed;
	    z-index: 111;
	    background-color: #ffffff;
	    height: 100%;
	    top: 55px;
	    overflow-x: scroll;
	    padding-bottom: 120px !important;
	    z-index: 5;
	    border-top: 2px solid #f5dbac;
	}*/

	/*.filter-option input[type=checkbox] + label:before, .filter-option input[type=radio] + label:before {
	    content: "";
	    border: 1px solid #c19c5b;
	    border-radius: 0.2em;
	    display: inline-block;
	    width: 1em;
	    height: 1em;
	    padding-left: 0.2em;
	    padding-bottom: 0.3em;
	    margin-right: 5px;
	    vertical-align: bottom;
	    transition: .2s;
	    background-color: #fff;
	    position: relative;
	    top: 3px;
	}

	.filter-option input[type=radio] + label:before {
		border-radius: 100%;
	    width: 16px;
	    height: 13px;
	}

	#design-filter  input[type="checkbox"], #design-filter  input[type="radio"]{ display: none; }*/

	/*.apply-filter-wrapper {
	    height: 56px;
	    border-top: 1px solid #f0ecec;
	    background-color: #fff;
	    color: #272727;
	    position: fixed;
	    bottom: 0;
	    width: 100%;
	    display: flex;
	    align-items: center;
	    left: 0px !important;
	    justify-content: space-between;
	    font-size: 1.4em;
	    text-align: center;
	}*/

	.filter-btn {flex: 1;height: 100%;display: flex;align-items: center;justify-content: center;}

	#design-filter label {
	    padding-left: 0px;
	}

	.filter-option.two-col dl {
	    column-count: 2;
	}

	/*.filter-option input[type=checkbox]:checked + label:before, .filter-option input[type=radio]:checked + label:before {
	    content: "\2714";
	    color: #ffffff !important;
	    border-color: #56000b;
	    border-width: 1px;
	    background-color: #56000b;
	}*/

	#filter-form input, #filter-form select {
	    width: 20px;
	    height: 20px;
	    margin: 0px;
	}

	.filter-option dt {
	    display: flex;
	    align-items: center;
	    margin-bottom: 8px;
	}

	#design-filter label {
	    margin-bottom: 0;
	    padding-left: 6px;
	}

	.filter-option dl {
	    margin-top: 0;
	}

	.filter-option h4 {
	    margin-bottom: 12px;
    	margin-top: 25px;
	}

	/*-------------------------*/
.collection-slider {
    /*position: relative;*/
    background-color: #e4e4e4;
}
.collection-slider .slick-slide{max-height: 100%;}
.collection-slider .slick-dots{bottom: -5px;}
.collection-slider .story {
    padding-left: 50px;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    height: auto !important;
    /*background-color: red;*/
    text-align: center;
   /* display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/
}
.collection-slider .story h1{
	color: #81313c;
	line-height: 30px;
}

.multi-view .story {
    position: absolute;
    z-index: 11;
    background-color: #fff;
    bottom: 0;
    left: -3px;
}
.multi-view .block {
    display: block !important;
}
	.bdr {
     left: 10px;
    top: 50px;
    height: 460px;
    position: absolute;
    width: 380px;
    border-color: #863b45;
    
}
/*--------------------*/

	/*------------------------------------------Designs details ------------------------------------------*/
	#view-product {
    padding: 8px 10px;
	}
	.container{
		width: 100%;
	}

	.prd-view-wrapper {
	    display: block;
	    flex-direction: row-reverse;
	}

	.parent-img {
		width: 100%;
	}

	.child-img {
		width: 20%;
		display: none;
	    flex-direction: column;
	    width: auto;
	    margin-right: 10px;
    	margin-left: 10px;
	}

	.parent-img img {
	    width: 100%;
	    border-radius: 8px;
	}

	.child-img img {
		height: 90px;
		margin: 3px;
	}

	.prd-dtls {
		margin: 35px 14px;
	}

	.prd-dtls h1 {
		padding: 12px 1px;
		font-size: 2em;
	}

	#view-product .sale-price {
	    /*font-size: 17px !important;*/
	    margin-bottom: 15px;
	}

	.size button {
        width: 35px;
	    height: 35px;
	    border: 1px solid #b6b6b6;
	    margin: 5px 1px;
	    color: #262626;
	    border-radius: 11px;
	    outline: none;
	    background: #fff;
	}

	.material-dtls tr {
	    display: inline-grid;
	    width: 41%;
	    margin-right: 20px;
	    margin-bottom: 15px;
	}

	.material-dtls th {
		text-align: left;
		font-size: 13px;
    	line-height: 26px;
    	margin-bottom: 2px;
	}

	.material-dtls td {
		font-size: 13px;
    	padding-bottom: 2px;				
		border-bottom: 1px solid #ededed !important;
	}

	.prd-desc {
		margin: 25px 0px;
		color: #000;
	}

	.prd-desc p{
		line-height: 25px;
	}


/*
	.fixed-footer {
	    position: fixed;
	    background-color: #fff;
	    display: flex;
	    justify-content: space-between;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    height: 56px;
	    width: 100%;
	    padding: 0px 15px;
	    text-align: center;
	    box-shadow: 0px 0px 3px #d6d6d6;
	}*/
/*--------------------------------------cart page--------------------------------------------*/

	.cart-page {
	    display: block;
	    padding: 20px 15px;
	    /*background-color: #e8e8e8 !important;*/
	    padding-top: 20px !important;
	}

	.cart-page .omf-tile {
	    display: flex;
	    width: 100%;
	    position: relative;
	    margin: 0px !important;
	    padding: 0px !important;
	    margin-bottom: 10px !important;
	}

	.cart-page .omf-avatar-wrapper {
	    margin-bottom: 0px !important;
	    width: 100px !important;
	    margin: 4px;
	}

	/*.cart-page*/
	.order-qty-wrapper{
	    height: auto;
	    background-color: #ffffff;
	    /*border: 1px solid #ccc;*/
	    align-items: center;
	    border-radius: 102px;
	    margin-top: 16px;
	}

	.cart-page .order-qty-wrapper{
		height:auto;
		flex-direction: row !important;
	    background-color: #ffffff;
	}

	/*.cart-page*/ .qty-plus {
	    background-color: #ffffff !important;
	    color: var(--primary-color) !important;
	    font-weight: bold;
	}

	/*.cart-page*/ .qty-button {
	    background-color: #ffffff;
	    color: #000;
	    margin: 0 2px;
	}

	/*.cart-page*/ .qty-button{
		border-radius: 50%;
	    height: 30px !important;
	}

	.cart-page .secondary-bdr {
	    border: 1px solid #d9d9d9;
	}


	.cart2 .omf-tile {
	    border: none;
	    background-color: #fff;
	    border-top: 1px solid #efefef;
	    padding: 5px 0px !important;
	}

	.cart2 .cancel {
		right: 6px;
		position: absolute;
	    color: #fff;
	    text-align: center;
	    border-radius: 50%;
	    background-color: #5c4a4d;
	    height: 20px;
	    width: 20px;
	    margin: auto;
	    margin-left: 2px;
	}

	.cart3 .primary-dtls {
	    display: flex;
	    margin-top: 5px;
	    justify-content: space-between;
	}

	.cart3 .omf-tile-details {
	    margin: 0px;
	    padding: 0px 10px;
	}

	.cart3 .secondary-dtls.flex {
	    padding-top: 5px;
	    align-items: center;
	    border-top: 1px solid #ccc;
	    margin-top: 10px;
	}

	.cart3 .omf-tile {
	    border: 1px solid #ccc !important;
	    border-radius: 13px;
	}

	.cart3 .qty-button {
	    height: 30px;
	    width: 30px;
	}

	.cart3 .cancel {
	    color: #949494;
	    font-size: 12px;
	}

	.cart3 .total-summary {
	    width: 100%;
	    border-color: #ccc;
	}

	.cart3 .omf-tile-details .sum-part  {
	    font-size: 16px;
	    display: flex;
	    justify-content: space-between;
	    padding: 2px 8px;
	    line-height: 36px;
	    font-size: 15px;
	    border-bottom: 1px solid #ccc;
	}

	.cart3 .omf-tile-details .sum-part:last-child{
		border: none;
	}





	/****************** LANDING PAGE *******************/
	#landingpage { 
		/*font-family: 'Poppins', sans-serif;*/
		font-family: 'Droid Sans', sans-serif;
	}

	h2 { font-weight: 500 !important; }
	
	.prd-model1 .item-name h4{
		font-size: 14px !important;
	    width: auto;
	    white-space: normal;
	    line-height: 18px;
	}
	
	.story h2 { font-size: 21px; }
	.story p {font-size: 17px;}
	/*.title h1{ font-family: 'Poppins', sans-serif; }*/
	.title h1{ font-family: 'Droid Sans', sans-serif; }
	.category2 .omf-tile-details::before{border-radius: 0px 0px 8px 8px !important;}
	.category2 .omf-tile{border-radius: 8px !important;}
    .category2 .omf-tile-details{line-height: 26px !important;}
    .category2 .omf-avatar-wrapper .omf-avatar{border-radius: 8px; box-shadow: none;}
    .omf-tile{box-shadow: none !important;}
    .title h1{font-weight: 500 !important; font-size: 20px !important; margin-bottom: 3px; }
    .products1.prd-model1 .omf-tile{margin-bottom: 10px;}
    .products1{justify-content: flex-start !important;}
    /*.omf-list.products1{    
    	padding: 20px 0px !important;
    }*/

    @media only screen and (max-width: 600px) {

    	.fade.slider .slick-slide {
    		height: 200px;
    	}

	    #trending .omf-tile:nth-child(odd) {
	    	margin-right: 0px !important;
	    	margin-left: 8px !important;
	    }

	    #login-type-wrapper .omf-list {
	    	flex-direction: column;
	    }

	    .login-type {
		    width: 100%;
		    margin: 10px 0px !important;
		    font-size: 16px;
		    height: 100%;
		}

		#login-type-wrapper .omf-list {
			width: auto !important;
		}

		.category2 .omf-avatar-wrapper .omf-avatar {
			height: 260px;
		}
	}
	
	/*--------------------------------Hover Effects-------------------------------*/


	/*Arrow right */
	.btn{transition: transform 250ms;}
	.btn:hover{
	 transform: translateX(10px);


	}
	 .btn:hover .fa-arrow-right{
	 	color: #701522;
	 }

	#login-type-wrapper .omf-tile-details {
	    text-align: center;
	    position: relative;
	}

	.login-type {
	    padding: 24px 20px;
	    background-color: #c1c7c1;
	    border-radius: 7px;
	    letter-spacing: 0.04em;
	    text-transform: uppercase;
	    font-size: 19px;
	    font-weight: 500;
	    color: #000;
	    overflow: hidden;
	    border-bottom: 8px solid #447b5f;
	    height: 100%;
	}

	#login-type-wrapper .omf-list {
	    /*width: 650px;*/
	    margin: 0 auto;
	}

	.login-type small {
	    text-transform: initial;
	    font-size: 14px;
	    font-weight: normal;
	    /*font-style: italic;*/
	    line-height: 18px;
	    margin-top: 8px;
	    display: block;
	}

	.login-type .bdr-logo {
	    bottom: -100px;
	    right: -112px;
	    transform: rotate(63deg);
	    display: none;
	}

	.title img {
	    width: 180px;
	    opacity: 0.7;
	    display: none;
	}

	.title h1 {
	    line-height: 26px;
	}

	div#login-type-wrapper{
		max-width: 1220px;
	}

	#landingpage #footer-spacer { display: none; }

	.swipe-msg {
	    color: #7a7a7a;
	    font-style: italic;
	    font-size: 12px;
	    /* margin-top: 5px; */
	    text-transform: initial;
	    letter-spacing: 0.04em;
	    /* padding-right: 6px; */
	    position: absolute;
	    bottom: -20px;
	    right: 10px;
	}

	.grid-view .add-qty { height: 50px; }

	#product-list .omf-avatar.swipeleft { animation: swipeleft 1s; }

	#product-list .omf-avatar::after {
	    font-family: FontAwesome;
	    /*content: "\f055";*/
	    position: absolute;
	    top: 0;
	    right: -100px;
	    background-color: #fff;
	    width: 100px;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 32px;
	}

	@keyframes swipeleft {
	  0%   { transform: translateX(-5%); }
	  25%  { transform: translateX(-15%); }
	  50%  { transform: translateX(-25%); }
	}

	.omf-avatar.icon {
	    height: 100px !important;
	    display: flex !important;
	    align-items: center;
	    justify-content: center;
	    background-color: 100%;
	}

	.omf-avatar.icon .fa {
	    background-color: gray;
	    border-radius: 50%;
	    font-size: 17px;
	    width: 40px;
	    height: 40px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}

	.omf-tile.small-tile {
	    height: 50px;
	    padding-bottom: 0 !important;
	}

	.omf-tile.small-tile .omf-tile-details {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    height: 100%;
	}

	.omf-tile.small-tile h2 {
	    margin-bottom: 0;
	    line-height: 22px;
    	text-align: center;
	}

	.omf-list.twogrid {
	    display: flex;
	}

	.omf-list.twogrid .omf-tile {
	    width: 47%;
	}

	.offer-price {
	    font-weight: 600;
	    margin-top: 5px;
	    font-size: 14px !important;
	    font-weight: 600;
	    margin-top: 5px;
	    font-size: 14px !important;
	    display: inline-flex;
	    border-radius: 6px;
	    line-height: 15px;
	    align-items: center;
	    margin-top: 2px;
	}

	

	.strikeout {
	    text-decoration: line-through;
	    color: gray;
	    font-weight: 100 !important;
	}

	.offer {
	    width: 100px;
	    position: absolute;
	    top: -1px;
	    right: -15px;
	}

	.offer-tag {
	    width: 65px;
	    height: 20px;
	    background-color: red;
	    position: absolute;
	    top: 15px;
	    z-index:2;
	    right: -7px;
	    border-radius: 30px;
	    color: white;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 11px;
	    font-weight: bold;
	    font-family: arial;
	    border-bottom-right-radius: 0;
	}

	.offer-tag::before{
	    content: "";
	    position: absolute;
	    width: 7px;
	    height: 8px;
	    top: 20px;
	    right: 0px;
	    background-color: #9b0505;
	    border-top-right-radius: 20px;
	    border-bottom-right-radius: 20px;
	}

	.offer-tag::after{
		content: "";
		position: absolute;
		width: 7px;
		height: 13px;
		top: 12px;
		right: 0px;
		background-color: red;
		z-index: -2;
	}

	.new {
	    color: white;
	    background-color: green;
	    font-size: 10px;
	    font-weight: bold;
	    padding: 0px 5px;
	    border-radius: 3px;
	    margin-top: 4px;
	}




	.zoom-icon {
	    position: absolute;
	    z-index: 10;
	    bottom: 5px;
	    right: 5px;
	    font-size: 15px;
	    color: #bcbcbc;
	    width: 25px;
	    height: 26px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    cursor: pointer;
	    padding: 0 2px 0px 2px;
	    border-radius: 4px;
	    background-color: #ececec;
	}



	#fullscreen-wrapper{
	    display: none;
	    position: fixed;
	    width: 100%;
	    height: 100vh;
	    z-index: 100000;
	    top: 0px;
	    left: 0px;
	    backdrop-filter: blur(2px);
	    overflow: hidden;
	}

	#fullscreen {
	    width: 100%;
	    height: 100vh;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    position: relative;
	}
																																													
	.close {
	    position: absolute;
	    top: 0;
	    right: 0;
	    width: 45px;
	    height: 45px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background: lightgray;
	    font-size: 22px;
	    border-bottom-left-radius: 15px;
	    cursor: pointer;
	    color: white;
	    z-index: 2;
	}

	#fullscreen-img-wrapper{
		width: 100%;
    	height: 100vh;
	    display: flex;
	    align-items: center;
	    justify-content: center;
		
	}

	.onoff-btn {
	    position: absolute;
	    top: -8px;
	    left: -11px;
	    font-size: 30px;
	    cursor: pointer;
	    border: 1px solid #fff;
	    background-color: white;
	    border-radius: 100%;
	    width: 40px;
	    height: 38px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}

	.off-btn {
	    color: #ebebeb !important;
	}

	.on-btn{
	    color: #03a9f4 !important;
	}

	.onoff-btn .fa {
	    padding: 0;
	}



/*FULLSCREEN IMAGE*/

#fullscreen .bg-img {
    width: 500px;
    height: 90vh;
}

#fullscreen .omf-tile{
	width: 500px;
	border: none;
    margin: 0;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}


#fullscreen .omf-avatar-wrapper {
	width: auto;
   
}

#fullscreen .omf-avatar {
	
}

#fullscreen .cancel{
	display: none;
} 

#fullscreen .omf-tile-details{
	display: none;
}

#fullscreen .swipe-msg{
	display: none
}

#fullscreen .prd-checkbox{
	display: none
}

#fullscreen .zoom-icon{
	display: none
}

#fullscreen .prd-added .prd-checkbox {
    display: block;
    position: absolute;
    left: -5px;
    top: 0px;
    font-size: 9px;
}

#product-list.cart2 .zoom-icon {
    display: none;
}




/*
	#fullscreen i.fa-solid.fa.fa-check-circle {
	    font-size: 3em;
	    position: relative;
	    top: -10px;
	    left: -10px;
	    border: 7px solid #fff;
	    border-radius: 50%;
	    background-color: #fff;
	    color: #2196f3 !important;
	    z-index: 2;
	}

	.onoff-btn{
		position: absolute;
	    top: 0;
	    left: 0;
	}*/

	

	</style>