@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
font-family: 'Fira Sans', sans-serif;
font-size:14px;
line-height:24px;
}
a{
text-decoration:none;
color:#666;
}
hr {
margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-top: 1px solid rgba(0,0,0,.1);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: 'Cinzel', serif;
}
/*===============================*/
.top-header {
background: #E37A67;
display: block;
width: 100%;
position: relative;
}
.top-header .topbar-contact{
width:100%;
position:relative;
}
.topbar-contact ul{
margin:0;
padding:0;
list-style:none;
}
.topbar-contact li {
display: inline-block;
color: #ffffff;
font-size: 13px;
line-height: 40px;
font-weight: 500;
border-right: 1px solid rgba(255, 255, 255, 0.2);
margin-right: 15px;
padding-right: 15px;
}
.topbar-contact li a{
color: #ffffff;
font-size: 12px;
}
.topbar-contact li:last-child {
margin: 0;
border: none;
}
.logo img{
width:125px;
}
header{
padding-top: 10px;
padding-bottom: 10px;
width:100%;
position:relative;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background: #fff;
}
.fixed .header-first {
display: none;
}
.fixed .main-nav{
border-top:0px;
padding-top:0px;
}
.sticky-top.fixed .logo img {
max-width: 75px;
}
.sticky-top .cart-sticky-top{
display:none;
}
.sticky-top.fixed .cart-sticky-top{
display:inherit;
}
.header-first{
display: flex;
width: 100%;
align-items:center;
}
.header-search {
flex: 1;
margin-right: 3rem;
width: 100%;
position:relative;
}
.header-search .input-wrapper {
display: flex;
position: relative;
}
.header-search input.form-control {
padding: 1rem 0rem;
border-radius: 5px;
border: 2px solid;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
border-color: transparent;
font-family: inherit;
background-color: #fff;
color: #999;
font-size: 18px !important;
flex: 1;
}
.form-control:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
}
input:focus {
outline:none;
}
.cart-toggle {
padding: 0.6rem 0 0.7rem;
display: flex;
align-items:center;
color:#222;
}
.cart-toggle .icon-box-icon {
margin-bottom: 0;
padding: 0;
font-size: 32px;
}
.icon-box-icon .cart-count {
position: absolute;
left: -8px;
top: 3px;
width: 18px;
height: 18px;
font-size: 10px;
line-height: 1.7;
text-align: center;
border-radius: 50%;
background-color: #8eb74f;
color: #fff;
z-index: 1;
font-style: normal;
}
.cart-label {
display: block;
cursor: pointer;
margin: 0 1rem 0 0;
font-weight: inherit;
text-transform: uppercase;
line-height: 20px;
}
.cart-label span {
display: block;
}
.cart-label .cart-name {
margin-bottom: 1px;
font-size: 12px;
font-weight: 400;
text-transform: capitalize;
}
.cart-label .cart-price {
font-size: 14px;
font-weight: 700;
}
.main-nav {
border-top: 1px solid #eee;
width:100%;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0rem;
padding-left: 0rem;
position:relative;
font-weight: 600;
font-size: 15px;
}
.navbar{
padding-bottom:0px;
}
.menu > li {
margin-right: 1.7rem;
}
.position-static {
position: static!important;
}
.navbar .dropdown-menu-end{ right:0; left: auto;  }
.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
.navbar .dropdown-menu.fade-up{ top:180%;  }
.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
.dropdown-toggle::after {
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-size: 13px;
content: "\f078";
display: inline-block;
border: 0px;
position: static;
vertical-align: middle;
margin-left: 7px;
}
.dropdown-menu {
padding-top: 0;
padding-bottom: 0;
border: 0;
box-shadow: 0 2px 15px -3px rgb(0 0 0 / 7%), 0 10px 20px -2px rgb(0 0 0 / 4%);
font-size: .875rem;
border-radius:0px;
}
.mega-dropdown {
position: static !important;
}
.mega-menu-dropdown{
width: 100%;
left: 0%;
right: 0%;
}
.mega-menu-dropdown .row > *{
padding: 1.8rem 1rem 0.8rem;
}
.mega-menu-dropdown .menu-title {
margin-bottom: 1rem;
font-size: 14px;
font-weight: 600;
line-height: 1;
text-transform: capitalize;
color: rgba(0,0,0,.9);
display:inline-block;
}
.mega-menu-dropdown ul{
margin:0;
padding:0;
list-style:none;
}
.mega-menu-dropdown ul li {
position: relative;
display:inline-block;
width:100%;
}
.mega-menu-dropdown li a {
padding:5px 0px;
display:inline-block;
width:100%;
color: rgba(0,0,0,.6);
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
color: #f0b5a3;
}
/*======================================*/
@font-face {
font-family: "riode";
src: url("../fonts/riode.eot?5gap68");
src: url("../fonts/riode.eot?5gap68#iefix") format("embedded-opentype"), url("../fonts/riode.ttf?5gap68") format("truetype"), url("../fonts/riode.woff?5gap68") format("woff"), url("../fonts/riode.svg?5gap68#riode") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="d-icon-"],
[class*=" d-icon-"] {
display: inline-block;
line-height: 1;
}
[class^="d-icon-"]::before,
[class*=" d-icon-"]::before {
font-family: "riode" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.d-icon-truck:before {
content: "\e900";
}
.d-icon-service:before {
content: "\e901";
}
.d-icon-secure:before {
content: "\e902";
}
.d-icon-lock:before {
content: "\e903";
}
.d-icon-percent:before {
content: "\e904";
}
.d-icon-layer:before {
content: "\e905";
}
.d-icon-alert:before {
content: "\e906";
}
.d-icon-database:before {
content: "\e907";
}
.d-icon-money:before {
content: "\e908";
}
.d-icon-shoppingbag:before {
content: "\e909";
}
.d-icon-t-shirt1:before {
content: "\e90a";
}
.d-icon-t-shirt2:before {
content: "\e90b";
}
.d-icon-hat:before {
content: "\e90c";
}
.d-icon-officebag:before {
content: "\e90d";
}
.d-icon-handbag:before {
content: "\e90e";
}
.d-icon-backpack:before {
content: "\e90f";
}
.d-icon-shoes:before {
content: "\e910";
}
.d-icon-pillow:before {
content: "\e911";
}
.d-icon-dress:before {
content: "\e912";
}
.d-icon-loungewear:before {
content: "\e913";
}
.d-icon-desktop:before {
content: "\e914";
}
.d-icon-laptop:before {
content: "\e915";
}
.d-icon-gamepad1:before {
content: "\e916";
}
.d-icon-wireless:before {
content: "\e917";
}
.d-icon-projector:before {
content: "\e918";
}
.d-icon-drone1:before {
content: "\e919";
}
.d-icon-drone2:before {
content: "\e91a";
}
.d-icon-radio:before {
content: "\e91b";
}
.d-icon-battery:before {
content: "\e91c";
}
.d-icon-plugin:before {
content: "\e91d";
}
.d-icon-memory:before {
content: "\e91e";
}
.d-icon-ball:before {
content: "\e91f";
}
.d-icon-basketball1:before {
content: "\e920";
}
.d-icon-babycare:before {
content: "\e921";
}
.d-icon-card:before {
content: "\e922";
}
.d-icon-gamepad2:before {
content: "\e923";
}
.d-icon-camera1:before {
content: "\e924";
}
.d-icon-camera2:before {
content: "\e925";
}
.d-icon-babywear:before {
content: "\e926";
}
.d-icon-abacus:before {
content: "\e927";
}
.d-icon-pot:before {
content: "\e928";
}
.d-icon-freezer:before {
content: "\e929";
}
.d-icon-cook:before {
content: "\e92a";
}
.d-icon-student:before {
content: "\e92b";
}
.d-icon-category:before {
content: "\e92c";
}
.d-icon-basketball2:before {
content: "\e92d";
}
.d-icon-watch:before {
content: "\e92e";
}
.d-icon-tcard:before {
content: "\e92f";
}
.d-icon-heartbeat:before {
content: "\e930";
}
.d-icon-watch-round:before {
content: "\e931";
}
.d-icon-washbowl:before {
content: "\e932";
}
.d-icon-bridge-lamp:before {
content: "\e933";
}
.d-icon-lamp:before {
content: "\e934";
}
.d-icon-sofa:before {
content: "\e935";
}
.d-icon-sofa2:before {
content: "\e936";
}
.d-icon-bed:before {
content: "\e937";
}
.d-icon-table:before {
content: "\e938";
}
.d-icon-table-lamp:before {
content: "\e939";
}
.d-icon-table-tv:before {
content: "\e93a";
}
.d-icon-mirror:before {
content: "\e93b";
}
.d-icon-volume:before {
content: "\e93c";
}
.d-icon-bars2:before {
content: "\e93d";
}
.d-icon-bars:before {
content: "\e93e";
}
.d-icon-phone:before {
content: "\e93f";
}
.d-icon-user:before {
content: "\e940";
}
.d-icon-search:before {
content: "\e941";
}
.d-icon-bag:before {
content: "\e942";
}
.d-icon-map:before {
content: "\e943";
}
.d-icon-info:before {
content: "\e944";
}
.d-icon-refresh:before {
content: "\e945";
}
.d-icon-left-arrow:before {
content: "\e946";
}
.d-icon-right-arrow:before {
content: "\e947";
}
.d-icon-down-arrow:before {
content: "\e948";
}
.d-icon-up-arrow:before {
content: "\e949";
}
.d-icon-ruler:before {
content: "\e94a";
}
.d-icon-zoom:before {
content: "\e94b";
}
.d-icon-right-circle:before {
content: "\e94c";
}
.d-icon-left-circle:before {
content: "\e94d";
}
.d-icon-up-circle:before {
content: "\e94e";
}
.d-icon-down-circle:before {
content: "\e94f";
}
.d-icon-angle-right:before {
content: "\e950";
}
.d-icon-angle-left:before {
content: "\e951";
}
.d-icon-angle-up:before {
content: "\e952";
}
.d-icon-angle-down:before {
content: "\e953";
}
.d-icon-star:before {
content: "\e954";
}
.d-icon-star-full:before {
content: "\e955";
}
.d-icon-heart:before {
content: "\e956";
}
.d-icon-heart-full:before {
content: "\e957";
}
.d-icon-close:before {
content: "\e958";
}
.d-icon-play-circle:before {
content: "\e959";
}
.d-icon-home:before {
content: "\e95a";
}
.d-icon-filter-2:before {
content: "\e95b";
}
.d-icon-switch:before {
content: "\e95c";
}
.d-icon-switch-left-on:before {
content: "\e95d";
}
.d-icon-switch-right-on:before {
content: "\e95e";
}
.d-icon-filter-3:before {
content: "\e95f";
}
.d-icon-check:before {
content: "\e960";
}
.d-icon-alert-solid:before {
content: "\e961";
}
.d-icon-headphone:before {
content: "\e962";
}
.d-icon-mode-grid:before {
content: "\e80e";
}
.d-icon-mode-list:before {
content: "\e80f";
}
.d-icon-cancel:before {
content: "\e82c";
}
.d-icon-instagram:before {
content: "\f16d";
}
.d-icon-solid-check:before {
content: "\f17c";
}
.d-icon-play-solid:before {
content: "\f2bf";
}
.d-icon-mobile:before {
content: "\f294";
}
.d-icon-minus:before {
content: "\f28f";
}
.d-icon-plus:before {
content: "\f2c3";
}
.d-icon-wifi:before {
content: "\f37d";
}
.d-icon-times:before {
content: "\f343";
}
.d-icon-times-circle:before {
content: "\f345";
}
.d-icon-random:before {
content: "\f2d1";
}
.d-icon-th-list:before {
content: "\f33c";
}
.d-icon-rocket:before {
content: "\f2e4";
}
.d-icon-map-marker:before {
content: "\f27e";
}
.d-icon-birthday-cake:before {
content: "\f147";
}
.d-icon-gift:before {
content: "\f213";
}
.d-icon-female:before {
content: "\f1de";
}
.d-icon-clock:before {
content: "\f190";
}
.d-icon-comments:before {
content: "\e97b";
}
.d-icon-rotate-left:before {
content: "\f2e2";
}
.d-icon-rotate-right:before {
content: "\f2e3";
}
.d-icon-reading:before {
content: "\e963";
}
.d-icon-feeder:before {
content: "\e964";
}
.d-icon-birthday-cake2:before {
content: "\e965";
}
.d-icon-skirt:before {
content: "\e966";
}
.d-icon-toy:before {
content: "\e967";
}
.d-icon-butterfly:before {
content: "\e968";
}
.d-icon-babycare2:before {
content: "\e96a";
}
.d-icon-butterfly2:before {
content: "\e96b";
}
.d-icon-dinner-set:before {
content: "\e96c";
}
.d-icon-ball2:before {
content: "\e96d";
}
.d-icon-apple:before {
content: "\e96e";
}
.d-icon-icecream:before {
content: "\e96f";
}
.d-icon-cake:before {
content: "\e970";
}
.d-icon-meat:before {
content: "\e971";
}
.d-icon-bread:before {
content: "\e972";
}
.d-icon-cocktail:before {
content: "\e973";
}
.d-icon-food:before {
content: "\e974";
}
.d-icon-birthday-cake3:before {
content: "\e975";
}
.d-icon-cash:before {
content: "\e976";
}
.d-icon-service2:before {
content: "\e977";
}
.d-icon-car:before {
content: "\e978";
}
.d-icon-ball3:before {
content: "\e979";
}
.d-icon-compare:before {
content: "\e97a";
}
.d-icon-jar:before {
content: "\e97b";
}
.d-icon-radish:before {
content: "\e97c";
}
.d-icon-arrow-down:before {
content: "\e97d";
}
.d-icon-arrow-left:before {
content: "\e97e";
}
.d-icon-arrow-right:before {
content: "\e97f";
}
.d-icon-arrow-up:before {
content: "\e980";
}
.d-icon-earth:before {
content: "\e981";
}
.d-icon-long-arrow-left:before {
content: "\e982";
}
.d-icon-long-arrow-right:before {
content: "\e983";
}
.d-icon-long-arrow-down:before {
content: "\e984";
}
.d-icon-long-arrow-up:before {
content: "\e985";
}
.d-icon-pill:before {
content: "\e986";
}
.d-icon-cylinder:before {
content: "\e987";
}
.d-icon-medical-bag:before {
content: "\e988";
}
.d-icon-graph:before {
content: "\e989";
}
/*=================================*/
.subheader{
background:#f5f5f5;
padding:10px 0px;
width:100%;
position:relative;
}
.subheader.subheader-big{
background:#f5f5f5;
padding:20px 0px;
width:100%;
position:relative;
}
.subheader h1{
font-size:24px;
font-weight:600;
margin:0px;
}
.subheader-big .breadcrumb{
justify-content:flex-end;
margin-bottom:0px;
}
/*=================================*/
.bg-gray{
background:#f5f5f5;
}
.bg-white{
background:#f5f5f5;
}
.bg-theme{
background:#f0b5a3;
}
section{
padding:80px 0px;
}
.small-section{
padding:40px 0px;
}
.padding-small {
padding: 10px 0px;
}
.tx-center{
text-align:center;
}
.tx-white{
color:#fff;
}
.tx-green {
color: #00a651;
}
.tx-red {
color: #b62e2e;
}
.tx-right {
text-align: right;
}
.img-res{
width:100%;
}
.section-title{
width:100%;
position:relative;
margin-bottom:40px;
display:inline-block;
}
.section-title h2{
margin-bottom:0px;
font-size:28px;
font-weight:600;
color: #E37A67;
}
figure{
margin: 0;
}
.wd-200{
width:200px;
}
.wd-250{
width:250px;
}
.btn-line{
border: 1px solid #333;
text-transform: uppercase;
padding: 12px 40px 10px;
font-weight: 600;
border-radius: 0;
}
.btn-line:hover{
color:#fff;
border: 1px solid #f0b5a3;
background:#f0b5a3;
}
.btn-line-second{
border: 1px solid #fff;
text-transform: uppercase;
padding: 12px 40px 10px;
font-weight: 600;
border-radius: 0;
color:#fff;
}
.btn-line-second:hover{
color:#fff;
border: 1px solid #f0b5a3;
background:#f0b5a3;
}
.ml-auto, .mx-auto {
margin-left: auto !important;
}
.button01{
background:#f0b5a3;
padding:12px 40px;
border:1px solid #f0b5a3;
}
.button02{
background:#f0b5a3;
padding:10px 30px;
border:1px solid #f0b5a3;
font-size:14px;
}
/*=================================*/
.service-list{
padding:0px;
width:100%;
position:relative;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.07);
}
.service-list .service-list-icon {
padding: 2.2rem 0;
display: flex;
align-items: center;
justify-content: center;
position:relative;
}
.service-list .service-list-icon::after {
content: "";
height: 37px;
width: 1px;
background: #e1e1e1;
position: absolute;
right: 0;
top: 40%;
transform: translateY(-50%);
}
.service-list-icon i {
font-size: 3rem;
margin-right: 1.5rem;
margin-bottom: 0;
}
.service-list-icon-content{
text-align: left;
}
.service-list-icon-content .service-list-icon-title {
margin-bottom: 0px;
font-size: 16px;
font-weight:600;
}
.service-list-icon-content p{
font-size:11px;
color:#666;
margin-bottom:0px;
}
/*=================================*/
.catbox{
width:100%;
position:relative
}
.catbox.catbox-big{
height:400px;
overflow:hidden;
width:100%;
position:relative;
display:inline-block;
transition: opacity 0.3s, visibility 0.3s;
}

.catbox-big img{
height:400px;
overflow:hidden;
width:100%;
object-fit:cover;
border-radius: 0.3rem;
}
.catbox.catbox-small{
height:192px;
overflow:hidden;
width:100%;
position:relative;
display:inline-block;
transition: opacity 0.3s, visibility 0.3s;
}
.catbox.catbox-small:first-child{
margin-bottom:10px;
}
.catbox-small img{
height:195px;
overflow:hidden;
width:100%;
object-fit:cover;
border-radius: 0.3rem;
}
.catbox-content{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,0.3);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color:#fff;
}
.catbox-content h4{
color:#fff;
}
.catbox-content p{
color:#f5f5f5;
margin-bottom: 0px;
}
.catbox .catbox-content:hover{
box-shadow: inset 0px 540px 0px 0px rgba(240,181,163,0.7);
transition: color 600ms ease-out 0ms,box-shadow 600ms ease-out 0ms;
}
/*=================================*/
.row-sm {
margin-left: -10px;
margin-right: -10px; }
.row-sm > div {
padding-left: 10px;
padding-right: 10px; }

.row-xs {
margin-left: -5px;
margin-right: -5px; }
.row-xs > div {
padding-left: 5px;
padding-right: 5px; }

.row-xxs {
margin-left: -1px;
margin-right: -1px; }
.row-xxs > div {
padding-left: 1px;
padding-right: 1px; }

@media (min-width: 576px) {
.row-xs--sm {
margin-left: -5px;
margin-right: -5px; }
.row-xs--sm > div {
padding-left: 5px;
padding-right: 5px; }
.row-sm--sm {
margin-left: -10px;
margin-right: -10px; }
.row-sm--sm > div {
padding-left: 10px;
padding-right: 10px; }
.row--sm {
margin-left: -15px;
margin-right: -15px; }
.row--sm > div {
padding-left: 15px;
padding-right: 15px; } }

@media (min-width: 768px) {
.row-xs--md {
margin-left: -5px;
margin-right: -5px; }
.row-xs--md > div {
padding-left: 5px;
padding-right: 5px; }
.row-sm--md {
margin-left: -10px;
margin-right: -10px; }
.row-sm--md > div {
padding-left: 10px;
padding-right: 10px; }
.row--md {
margin-left: -15px;
margin-right: -15px; }
.row--md > div {
padding-left: 15px;
padding-right: 15px; } }

@media (min-width: 992px) {
.row-xs--lg {
margin-left: -5px;
margin-right: -5px; }
.row-xs--lg > div {
padding-left: 5px;
padding-right: 5px; }
.row-sm--lg {
margin-left: -10px;
margin-right: -10px; }
.row-sm--lg > div {
padding-left: 10px;
padding-right: 10px; }
.row--lg {
margin-left: -15px;
margin-right: -15px; }
.row--lg > div {
padding-left: 15px;
padding-right: 15px; } }

@media (min-width: 1200px) {
.row-xs--xl {
margin-left: -5px;
margin-right: -5px; }
.row-xs--xl > div {
padding-left: 5px;
padding-right: 5px; }
.row-sm--xl {
margin-left: -10px;
margin-right: -10px; }
.row-sm--xl > div {
padding-left: 10px;
padding-right: 10px; }
.row--xl {
margin-left: -15px;
margin-right: -15px; }
.row--xl > div {
padding-left: 15px;
padding-right: 15px; } }

/*=================================*/
.product {
position: relative;
font-family: Poppins, sans-serif;
font-size: 1.4rem;
color: #999;
transition: 0.3s;
}
.product:hover .product-action,
.product:hover .product-action-vertical {
visibility: visible;
opacity: 1;
}
.product-media:hover img:first-child {
opacity: 0;
}
.product-media:hover img:last-child {
opacity: 1;
}
.product-media {
position: relative;
margin-bottom: 0;
transition: box-shadow 0.3s;
}
.product-media img {
display: block;
width: 100%;
height: 290px;
object-fit:cover;
transition: all 0.5s;
border-radius:5px;
}
.product-cart-media img {
display: block;
width: 100%;
height: 75px !important;
object-fit:cover;
transition: all 0.5s;
border-radius:5px;
}
.product-media img:last-child {
position: absolute;
opacity: 0;
left: 0;
right: 0;
top: 0;
left: 0;
object-fit: cover;
}
.product-media img:first-child {
position: relative;
opacity: 1;
}
.product-media video {
  border-radius: 5px;
  height: 400px;
  object-fit: cover;
  width: 100%;
}
.out-of-stock{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#e11c1c;
font-size:14px;
background: rgba(255,255,255,0.5);
}
.product-label-group {
display: flex;
flex-direction: column;
position: absolute;
left:0.9rem;
top:0.9rem;
max-width: 10rem;
}
.product-label {
display: inline-block;
text-align: center;
margin-bottom: 0.5rem;
padding: 0.3rem 0.7rem;
font-size: 11px;
border-radius: 2px;
font-weight: 600;
line-height: 1;
color: #fff;
text-transform: uppercase;
}
.product-label.label-new {
background: #8eb74f;
}
.product-label.label-sale {
background: #d26e4b;
}
.product-label.label-top {
background: #f0b5a3;
}
.product-label.label-stock {
background: #999;
}
.product-label.label-off {
background: #f0b5a3;
}
.btn-product-icon {
display: flex;
align-items: center;
justify-content: center;
width: 2.6rem;
height: 2.6rem;
margin-bottom: 0.5rem;
border: 1px solid #e1e1e1;
border-radius: 50%;
background-color: white;
color: #999;
font-size: 16px;
font-weight: 700;
transition: border-color 0.3s, color 0.3s, background-color 0.3s;
}
.btn-product-icon.btn-wishlist i {
margin-top: 0.2rem;
}
.btn-product-icon:hover {
border-color: #f0b5a3;
color: #fff;
background-color: #f0b5a3;
}
.btn-product-icon i {
margin-bottom: 2px;
}
.btn-product-icon.btn-quickview i {
font-size: inherit;
}
.btn-product-icon.btn-compare i {
font-size: 1.8rem;
}
.btn-product {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
padding: 1.14em 0;
background-color: #f0b5a3;
color: #fff;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.025em;
text-transform: uppercase;
transition: opacity 0.3s;
}
.btn-product:hover {
color: #fff;
}
.btn-quickview {
opacity: 0.8;
transition: opacity 0.3s;
}
.btn-quickview:hover {
opacity: 1;
}
.btn-quickview i {
font-size: 1.4rem;
}
.btn-wishlist {
line-height: 1;
}
.btn-wishlist.loading::before,
.btn-wishlist.loading::after {
z-index: 1;
}
.product-action-vertical {
position: absolute;
top: 15px;
right: 15px;
transition: opacity 0.3s, visibility 0.3s;
opacity: 0;
visibility: hidden;
}
.product-action-vertical .btn-wishlist.loading {
overflow: hidden;
}
.product-action {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
background-color: transparent;
z-index: 10;
transition: opacity 0.3s, visibility 0.3s;
opacity: 0;
}
.product-details {
position: relative;
padding-top: 1rem;
padding-bottom: 1rem;
}
.product-details > .btn-wishlist {
position: absolute;
top: 1.2rem;
right: 0;
color: #999;
z-index: 1;
font-size: 1.6rem;
}
.product-details > .btn-wishlist i {
display: inline-block;
margin: 0;
transition: transform 0.3s;
}
.product-details > .btn-wishlist:hover {
color: #f0b5a3;
}
.product-details > .btn-wishlist:hover i {
transform: rotateY(180deg);
}
.product-details > :last-child {
margin-bottom: 0;
}
.product-details .product-action {
position: relative;
opacity: 1;
visibility: visible;
}
.product-cat {
margin-bottom: 0.5rem;
font-size: 10px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color:#666;
}
.product-cat a:hover {
color: #f0b5a3;
}
.product-cat a:after{
content:",";
}
.product-cat a:first-child:after{
display:none;
}
.product-name {
margin-bottom: 0.3rem;
font-family: inherit;
font-size: 16px;
font-weight: 600;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: 'Playfair Display', serif;
}
.product-name a{
color:#212529;
}
.product-name a:hover {
color: #f0b5a3;
}
.product-price {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
align-items: center;
flex-wrap: wrap;
margin-bottom: 0.3rem;
font-size: 16px;
font-weight: 600;
line-height: 1.86;
color: #222;
}
.product-price .old-price {
color: #aaa;
}
.product-price .new-price {
margin-right: 0.2rem;
text-decoration: none;
}
.ratings-container {
display: flex;
align-items: center;
margin-left: 1px;
line-height: 1.1;
margin-bottom: 1.2rem;
font-size: 11px;
justify-content: center;
letter-spacing: 0.2em;
}
.review-item_rating{
display:flex;
align-items:center;
}
.review-item_rating i{
font-size:12px;
}
.review-item_rating_detail{
display:flex;
align-items:center;
}
.review-item_rating_detail i{
font-size:14px;
}
.ratings-full {
cursor: pointer;
}
.ratings-full,
.ratings {
position: relative;
font-family: "riode";
}
.ratings-full + .rating-reviews {
margin-left:5px;
}
.ratings-full::before {
content: "\e955 ""\e955 ""\e955 ""\e955 ""\e955";
color: rgba(0, 0, 0, 0.16);
font-family: "riode";
}
.ratings-full:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.ratings {
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
overflow: hidden;
}
.ratings::before {
content: "\e955 ""\e955 ""\e955 ""\e955 ""\e955";
color: #d26e4b;
font-family: "riode";
}
.rating-reviews {
margin: 2px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
color: #aaa;
letter-spacing: 0;
text-transform: capitalize;
}
.rating-reviews:hover {
color: #f0b5a3;
}
.product-variations {
display: flex;
}
.ratings-container + .product-variations {
margin-top: -5px;
}
.product-variations > a:not(.size-guide) {
display: inline-block;
position: relative;
margin: 3px 5px 3px 0;
padding: 0 5px;
border-radius: 2px;
background-color: transparent;
background-size: cover;
font-size: 1.2rem;
font-family: inherit;
text-align: center;
vertical-align: middle;
cursor: pointer;
width: 2.6rem;
height: 2.6rem;
color: #222;
transition: 0.3s;
border: 1px solid #e1e1e1;
}
.product-variations > a:not(.size-guide):last-child {
margin-right: 0;
}
.product-variations .color:not(.active) {
border: none;
}
.product-variations > a.active,
.product-variations > a:not(.size-guide):hover {
border: 1px solid;
box-shadow: inset 0 0 0 2px #fff;
}
.product-details .product-action,
.product-hide-details .product-action {
position: relative;
opacity: 1;
}
.product-details .product-action .btn-wishlist,
.product-hide-details .product-action .btn-wishlist {
position: static;
}
.product-details .btn-cart,
.product-hide-details .btn-cart {
display: block;
max-width: 14rem;
line-height: 2.9;
padding: 0 0.6em;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #222;
background-color: transparent;
border: 2px solid #ccc;
margin-right: 5px;
border-radius: 0.3rem;
}
.product-details .btn-cart i,
.product-hide-details .btn-cart i {
margin-right: 0.8rem;
font-size: 1.8rem;
}
.product-details .btn-cart,
.product-hide-details .btn-cart {
flex: 1;
height: 4.2rem;
font-size: 1.3rem;
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
z-index: 1;
}
.product-details .btn-quickview,
.product-hide-details .btn-quickview {
margin: 0 0 0 1.6rem;
}
.product-details .btn-product-icon,
.product-hide-details .btn-product-icon {
width: auto;
border: 0;
background-color: transparent;
color: #222;
transition: color 0.3s, background-color 0.3s, visibility 0.3s;
}
.product-details .btn-product-icon i,
.product-hide-details .btn-product-icon i {
font-size: 1.8rem;
}
.product-details .btn-product-icon:hover,
.product-hide-details .btn-product-icon:hover {
color: #f0b5a3;
}
.product:hover .product-action .btn-cart {
color: #fff;
background-color: #444;
border-color: #444;
}
/*=================================*/
.testimonials-section{
background-image: url("../../assets/img/banner.jpg");
background-size: cover;
background-position-x: 50%;
}
.testimonial {
background:#fff;
width:100%;
position:related-products;
display:flex;
}
.testimonial .testimonial-author-thumbnail{
width:40%;
}
.testimonial-author-thumbnail img{
width:100% !important;
height:260px !important;
}
.testimonial .testimonial-info{
padding:25px;
flex:1;
}
.testimonial-info h6{
font-size:16px;
}
.testimonial-rat{
display:flex;
margin-top:5px;
}
.testimonial-rat i{
margin-right:3px;
font-size:12px;
color:#d26e4b;
}
.testimonial-info .testimonial-des{
position:relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
margin-bottom:20px;
height: 145px;
}
.testimonial-des p{
margin-bottom:0px;
}
/*============================*/
.testimonials-carousel.owl-theme .owl-nav {
position:absolute;
top:40%;
width: 100%;
left:0;
}
.testimonials-carousel.owl-theme .owl-prev{
left: -7%;
position: absolute;
}
.testimonials-carousel.owl-theme .owl-next{
right: -7%;
position: absolute;
}
.testimonials-carousel.owl-theme .owl-nav [class*=owl-] {
display:flex;
width: 45px;
height: 45px;
line-height: 68px;
background: #f9fafb;
color: #333;
border-radius: 0;
text-align: center;
font-size: 20px;
-webkit-transition: .6s;
transition: .6s;
border: 1px solid #ebebeb;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.testimonials-carousel.owl-theme .owl-nav i{
margin-top: 3px;
}

.testimonials-carousel.owl-theme .owl-nav [class*=owl-]:last-child {
margin-right: 0;
}
.testimonials-carousel.owl-theme .owl-nav [class*=owl-]:hover {
border: 1px solid #204a63;
background:#204a63;
color: #fff;
}


.healthy-carousel.owl-theme .owl-nav {
position:absolute;
top:40%;
width: 100%;
left:0;
}
.healthy-carousel.owl-theme .owl-prev{
left: -7%;
position: absolute;
}
.healthy-carousel.owl-theme .owl-next{
right: -7%;
position: absolute;
}
.healthy-carousel.owl-theme .owl-nav [class*=owl-] {
display:flex;
width: 45px;
height: 45px;
line-height: 68px;
background: #f9fafb;
color: #333;
border-radius: 0;
text-align: center;
font-size: 20px;
-webkit-transition: .6s;
transition: .6s;
border: 1px solid #ebebeb;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.healthy-carousel.owl-theme .owl-nav i{
margin-top: 3px;
}

.healthy-carousel.owl-theme .owl-nav [class*=owl-]:last-child {
margin-right: 0;
}
.healthy-carousel.owl-theme .owl-nav [class*=owl-]:hover {
border: 1px solid #204a63;
background:#204a63;
color: #fff;
}



.Featured-carousels.owl-theme .owl-nav {
position:absolute;
top:40%;
width: 100%;
left:0;
}
.Featured-carousels.owl-theme .owl-prev{
left: 0%;
position: absolute;
}
.Featured-carousels.owl-theme .owl-next{
right:0%;
position: absolute;
}
.Featured-carousels.owl-theme .owl-nav [class*=owl-] {
display:flex;
width: 45px;
height: 45px;
line-height: 68px;
background: #f9fafb;
color: #333;
border-radius: 0;
text-align: center;
font-size: 20px;
-webkit-transition: .6s;
transition: .6s;
border: 1px solid #ebebeb;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.Featured-carousels.owl-theme .owl-nav i{
margin-top: 3px;
}

.Featured-carousels.owl-theme .owl-nav [class*=owl-]:last-child {
margin-right: 0;
}
.Featured-carousels.owl-theme .owl-nav [class*=owl-]:hover {
border: 1px solid #204a63;
background:#204a63;
color: #fff;
}


/*================================*/
.notex-box{
text-align:center;
width:100%;
position:relative;
transition: opacity 0.3s, visibility 0.3s;
height:215px;
padding:10px 5px;
}
.notex-box .notex-box-icon{
width:85px;
height:85px;
border:1px solid #eee;
border-radius:50%;
margin:10px auto 10px;
background:#fff;
}
.notex-box .notex-box-icon img{
width:85px;
height:85px;
object-fit:cover;
}
.notex-box h6{
margin-bottom:5px;
font-size:14px;
}
.notex-box p{
margin-bottom:0px;
font-size:12px;
color:#666;
line-height:20px;
}
.notex-box-desc{
font-size:12px;
color:#666;
line-height:20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.notex-box:hover{
box-shadow: inset 0px 540px 0px 0px rgba(240,181,163,0.7);
transition: color 600ms ease-out 0ms,box-shadow 600ms ease-out 0ms;
cursor: pointer;
border-radius:5px;
}

/*=================================*/
.about{
/* background-image: url("../../assets/img/about-bg.png"); */
background:#E37A67;
background-size: cover;
background-position-x: 50%;
color:#fff
}
.about h2{
font-size:32px;
font-weight:400;
}
.about .about-text{
font-size:15px;
line-height:30px;
}
/*=================================*/
.post-frame{
padding: 1rem 1rem 0;
box-shadow: 0px 5px 20px 3px rgba(0, 0, 0, 0.05);
background:#fff;
width:100%;
position:relative;
border-radius:5px;
}
.post-calendar {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 3.5rem;
height: 3.7rem;
background: rgba(255, 255, 255, 0.8);
color: #222;
font-weight: 600;
line-height: 1;
border-radius: 0.3rem;
}
.post-calendar .post-day {
display: block;
margin-bottom: 1px;
font-size: 18px;
}
.post-calendar .post-month {
display: block;
margin-left: 2px;
font-size: 12px;
}
.post-media {
position: relative;
width: 100%;
margin-bottom: 0;
overflow: hidden;
}
.post-media img {
display: block;
width: 100%;
height: 200px;
transition: transform 0.3s;
object-fit: cover;
}
.post-media .post-calendar {
position: absolute;
left: 1rem;
top: 1rem;
}
.post-frame .post-details {
padding: 1.2rem 0 2rem;
}
.post-frame .post-content {
margin-bottom: 1.2rem;
line-height: 1.72;
color:#666;
font-size:14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2; 
-webkit-box-orient: vertical;
}
.post-title {
margin-bottom: 0.5rem;
text-transform: capitalize;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:1; 
-webkit-box-orient: vertical;
height: auto;
}
.post-title a{
color:#333;
}
.btn-primary.btn-link {
background-color: transparent;
color: #f0b5a3;
border: 0;
text-decoration: none;
padding: 0;
}
/*=================================*/
.blog-details-section{
position:relative;
width:100%
}
.blog-details-section .blog-details-img{
position:relative;
width:100%;
margin-bottom:15px;
}
.blog-details-section .blog-details-img img{
position:relative;
width:100%;
height:auto;
object-fit:cover;
}
.blog-cat{
position:relative;
width:100%;
margin-bottom:5px;
}
.blog-cat ul{
margin:0;
padding:0;
list-style:none;
}
.blog-cat ul li{
display:inline-block;
margin-right:2px;
font-size:13px;
}
.blog-cat ul li a{
color:#f0b5a3;
}
.blog-cat ul li:after{
content:",";
}
.blog-cat ul li:last-child:after{
display:none;
}
.blog-meta ul{
margin:0;
padding:0;
list-style:none;
display: flex;
align-items: center;
}
.blog-meta ul li{
margin-right:10px;
display: flex;
align-items: center;
color: #666;
position:relative;
font-size:13px;
}
.blog-meta ul li a{
color:#f0b5a3;
}
.blog-meta ul li:after{
content:"|";
margin-left: 10px;
}
.blog-meta ul li:last-child:after{
display:none;
}
.blog-details-section h1{
font-size:26px;
font-weight:600;
}
.blog-tags{
position:relative;
width:100%;
margin-bottom:10px;
}
.blog-tags ul{
margin:0;
padding:0;
list-style:none;
}
.blog-tags ul li{
display:inline-block;
margin-right:2px;
}
.blog-tags ul li a{
color:#f0b5a3;
}
.blog-tags ul li:after{
content:",";
}
.blog-tags ul li:last-child:after{
display:none;
}
/*=================================*/
.footer {
font-size: 14px;
color:#fff;
position:relative;
width:100%;
background: #222;
}
.footer-top {
padding: 1.5rem 0;
border-bottom: 1px solid #333;
}
.logo-footer,
.logo-footer img {
display: block;
width:110px;height:110px;
}
.form-wrapper.form-wrapper-inline {
display: flex;
align-items: center;
justify-content: space-between;
}
.form-wrapper.form-wrapper-inline form {
flex: 1 1 0;
}
.widget-newsletter .newsletter-info {
max-width: 35rem;
}
.widget-newsletter .input-wrapper-inline {
height: 3rem;
}
.widget-newsletter .input-wrapper {
max-width: 48rem;
}
.widget-newsletter input {
min-height: 100%;
border: 0;
border-radius: 0.3rem;
color: #999;
background: #2c2c2c;
}
.input-wrapper input.form-control {
flex: 1;
min-width: 40px;
font-size: 12px;
}

.widget-newsletter .widget-title {
padding: 0;
margin-bottom: 0.5rem;
font-family: inherit;
font-size: 18px;
font-weight: 600;
letter-spacing: -0.015em;
text-transform: inherit;
line-height: 1;
color: #fff;
}
.widget-newsletter p {
margin-bottom: 0.1rem;
font-family: inherit;
font-size: 14px;
letter-spacing: -0.005em;
line-height: 1.23;
color: #999;
}
.widget-newsletter .btn {
padding: 10px 20px;
display: flex;
align-items: center;
text-transform: uppercase;
font-size: 14px;
}
.widget-newsletter .btn i {
font-size: 1.6rem;
margin: 0rem 0 0 0.6rem;
}
.input-wrapper-inline {
display: flex;
position: relative;
max-width: 61.3rem;
width: 100%;
height: 45px;
}
.footer-middle {
padding: 2.2rem 0 1.8rem;
border-bottom: 1px solid #333;
}
.footer-middle .widget {
margin-bottom: 3rem;
}
.footer-middle .widget-title {
padding: 0.6rem 0;
margin-bottom: 0.9rem;
font-family: inherit;
font-size: 16px;
font-weight: 600;
letter-spacing: 0;
text-transform: capitalize;
color: #e1e1e1;
}
.footer-middle .widget-body {
padding: 8px 0 0;
color: #999;
list-style: none;
}
.footer-middle .widget-body li {
line-height: 1.2;
margin-bottom: 15px;
}
.footer-middle .widget-body li:last-child {
margin-bottom: 0;
}
.footer-middle .widget-instagram .widget-body {
padding-top: 0;
margin: -5px;
}
.footer-middle .widget-instagram .col-3 {
padding: 5px;
}
.footer-middle .widget-instagram img {
display: block;
width: 100%;
height: auto;
}
.footer-middle label {
font-weight: 500;
text-transform: capitalize;
color: #ccc;
}
.footer-bottom {
padding: 1.6rem 0 2rem;
}
.footer-bottom,
.footer-bottom .container,
.footer-bottom .container-fluid {
display: flex;
align-items: center;
}
.footer-bottom .footer-left,
.footer-bottom .footer-right {
flex: 1;
}
.footer-bottom .footer-left {
display: flex;
}
.footer-bottom .footer-right {
display: flex;
justify-content: flex-end;
}
.social-links {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
.social-link {
margin: 2px 8px 2px 0;
width: 30px;
height: 30px;
line-height: 28px;
font-size: 1.5rem;
border-radius: 50%;
border: 2px solid #ccc;
color: inherit;
transition: color 0.4s, border 0.4s, background 0.4s;
text-align: center;
}
.social-link:last-child {
margin-right: 0;
}
.social-link i {
letter-spacing: -0.001em;
line-height: 1;
}
.social-link:hover {
background: #26c;
border-color: #26c;
color: #fff;
}
.social-link.social-facebook:hover {
background: #3b5998;
border-color: #3b5998;
}
.social-link.social-twitter:hover {
background: #1da1f2;
border-color: #1da1f2;
}
.social-link.social-linkedin:hover {
background: #0073b2;
border-color: #0073b2;
}
.social-link.social-email:hover {
background: #dd4b39;
border-color: #dd4b39;
}
.social-link.social-google:hover {
background: #dd4b39;
border-color: #dd4b39;
}
.social-link.social-pinterest:hover {
background: #bd081c;
border-color: #bd081c;
}
.social-link.social-reddit:hover {
background: #ff4107;
border-color: #ff4107;
}
.social-link.social-tumblr:hover {
background: #304e6c;
border-color: #304e6c;
}
.social-link.social-vk:hover {
background: #6383a8;
border-color: #6383a8;
}
.social-link.social-whatsapp:hover {
background: #3c8a38;
border-color: #3c8a38;
}
.social-link.social-xing:hover {
background: #1a7576;
border-color: #1a7576;
}
.social-link.social-instagram:hover {
background: #7c4a3a;
border-color: #7c4a3a;
}
.footer a:not(.social-link):hover {
color: #fff;
}
.footer .social-link {
letter-spacing: 0.005em;
color: #999;
border: 2px solid #999;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
}
.footer .social-link:hover {
color: #fff;
}
/*=================================*/
.mobile-menu-toggle {
display: none;
margin-right: 1rem;
font-size: 1.32rem;
color: #222;
font-weight: 700;
}
/*=================================*/
/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
#cartModal.modal.left .modal-dialog,
#cartModal.modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 350px;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content,
.modal.right .modal-content {
height: 100%;
overflow-y: auto;
}
.modal.left .modal-body,
.modal.right .modal-body {
padding: 15px 15px 80px;
}
.modal.left.fade .modal-dialog{
left: -320px;
-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
-o-transition: opacity 0.3s linear, left 0.3s ease-out;
transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.left.fade.show .modal-dialog{
left: 0;
}
.modal.right.fade .modal-dialog {
right: -320px;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.show .modal-dialog {
right: 0;
}
#cartModal .modal-content {
border-radius: 0;
border: none;
}
.modal-header {
border-bottom-color: #EEEEEE;
background-color: #FAFAFA;
}
/*=================================*/
.cart-sider-content{
padding:25px;
}
.cart-sider-content .cart-header {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 1.3rem;
}
.cart-header .cart-title {
margin-bottom: 0;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.018em;
}
.cart-sider-content .products {
height: 360px;
margin-right: -5px;
padding-right: 5px;
overflow-x: hidden;
overflow-y: auto;
}
.product-cart {
margin-top: 2rem;
display: flex;
align-items: center;
font-size: 1.3rem;
}
.product-cart .product-media {
position: static;
width: 4rem;
height: 4rem;
margin-right: 1rem;
}
.product-cart .btn-remove-side {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 14px;
top: 0;
right: -0.3rem;
border-radius: 50%;
background-color: #fff;
color: #222;
font-size:12px;
border: 1px solid #ccc;
height: 25px;
}
.product-cart .product-detail{
flex:1;
padding-right: 15px;
}

.btn-remove-side i{
font-size:12px;
margin-top: 2px;
}
.sr-only {
border: 0;
clip: rect(0,0,0,0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.product-cart .product-name{
font-size: 13px;
margin-bottom: 0.5rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: normal;
line-height:20px;
}
.product-cart .price-box {
display: flex;
align-items: center;
font-size: 14px;
line-height: 1;
}
.product-cart .product-quantity {
align-items: center;
display: flex;
margin-right: 0.5rem;
font-weight: 400;
}
.product-cart .product-quantity::after {
margin-left: 0.5rem;
content: "X";
text-transform: none;
line-height: 0;
font-size: 12px;
margin-top: 1px;
}
.product-cart .product-price {
margin: 0;
color: #222;
font-size: 14px;
}
.cart-sider-action{
position: fixed;
bottom: 0;
background: #fff;
width: 100%;
padding: 25px;
left: 0;
}
.cart-sider-action .cart-total {
display: flex;
justify-content: center;
margin-top: 0rem;
margin-bottom: 2.1rem;
padding: 1rem 0 0.5rem;
border-top: 1px solid #edeef0;
border-bottom: 1px solid #edeef0;
font-size: 14px;
line-height: 1;
letter-spacing: normal;
}
.cart-sider-action .cart-total label {
margin: 0 auto 0 0.3rem;
line-height: inherit;
color: #666;
text-transform:uppercase;
}
.cart-sider-action .cart-total .price {
font-weight: 700;
font-size: 16px;
color: #222;
}
.cart-action-button {
column-gap: 10px;
text-align: center;

}
.cart-action-button .btn {
display: flex;
justify-content: center;
border-radius: 3px;
padding: 0.9em 2em;
line-height: 1.5;
letter-spacing: 0.01em;
}
.cart-action-button .btn.btn-link {
display: inline-block;
margin-bottom: 1rem;
padding: 0;
border-bottom: 2px solid #26c;
border-radius: 0;
text-transform: capitalize;
line-height: 1.3;
border: 0;
}
.btn-dark.btn-link {
background-color: transparent;
color: #222;
}
.btn-dark {
color: #fff;
border-color: #222;
background-color: #222;
}
/*=================================*/
/*=================================*/
/*=================================*/
.easyzoom-style {
position: relative;
}
.easyzoom-style a.easyzoom-pop-up {
position: absolute;
right: 25px;
bottom: 20px;
width: 50px;
height: 50px;
line-height: 50px;
display: inline-block;
background-color: #fff;
color: #000;
font-size: 16px;
text-align: center;
border-radius: 100%;
z-index: 999;
}
@media only screen and (max-width: 767px) {
.easyzoom-style a.easyzoom-pop-up {
width: 40px;
height: 40px;
font-size: 14px;
line-height: 40px;
}
}
.easyzoom-style a.easyzoom-pop-up i {
line-height: 50px;
}
@media only screen and (max-width: 767px) {
.easyzoom-style a.easyzoom-pop-up i {
line-height: 40px;
}
}
.easyzoom-style a.easyzoom-pop-up:hover {
color: #ff2f2f;
}
.easyzoom-style .easyzoom {
display: block;
}
.easyzoom-style .easyzoom > a {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.easyzoom-style .easyzoom > a img {
width: 100%;
-webkit-transition: none;
-o-transition: none;
transition: none;
}

.easyzoom-style .easyzoom-popup > a img {
width: 100%;
}
.product-dec-left {
position: relative;
float: left;
width: 115px;
padding-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product-dec-left {
width: 110px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-dec-left {
width: 135px;
}
}
@media only screen and (max-width: 767px) {
.product-dec-left {
width: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.product-dec-left {
width: 100px;
}
}
.product-dec-right {
float: right;
position: relative;
width: calc(100% - 115px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product-dec-right {
width: calc(100% - 110px);
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-dec-right {
width: calc(100% - 135px);
}
}

@media only screen and (max-width: 767px) {
.product-dec-right {
width: calc(100% - 90px);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.product-dec-right {
width: calc(100% - 100px);
}
}
.product-dec-small-style2 {
text-align: center;
}
.product-dec-small-style2 .product-dec-small {
margin: 5px 0px 5px 0px;
cursor: pointer;
}
.product-dec-small-style2 .product-dec-small img {
width: 100%;
}
.product-dec-small-style2 .product-dec-small.slick-active {
border: 2px solid transparent;
}
.product-dec-small-style2 .product-dec-small.slick-active.slick-current {
border:2px solid #f0b5a3;
}
.product-dec-small-style2 .product-dec-small:last-child {
margin: 0 0 0px;
}
.product-dec-small-style2 span {
color: #262626;
font-size: 10px;
line-height: 1;
cursor: pointer;
z-index: 9;
width: 24px;
height: 24px;
line-height: 24px;
border: 1px solid #979797;
color: #1E1E1E;
text-align: center;
border-radius: 100%;
display: inline-block;
}
/*=========================================*/
.product-single .product-name {
margin-bottom: 0.6rem;
font-size: 24px;
font-weight: 700;
white-space: normal;
color: #222;
}
.product-meta {
margin-bottom: 1rem;
color: #999;
font-size: 12px;
}
.product-meta span {
margin: 0 1rem 0 3px;
}
.product-single .product-price {
display: block;
margin-bottom: 1.1rem;
color: #d26e4b;
font-size: 28px;
font-weight: 700;
line-height: 1;
}
.product-single .product-price .new-price {
margin-right: 0.1rem;
text-decoration: none;
}
.product-single .old-price {
font-size: 20px;
font-weight: 500;
}
.product-single .price-off {
font-size: 24px;
color:#8eb74f !important;
margin-left:5px;
}
.product-single .ratings-container {
margin-bottom: 1rem;
font-size: 14px;
justify-content:flex-start;
}
.product-single .rating-reviews {
font-size:13px;
}
.highlight{
width:100%;
position:relative;
}
.highlight ul{
margin:0;
padding:0;
list-style:none;
}
.highlight ul li {
margin-top: 5px;
margin-bottom: 5px;
padding-left: 30px;
position: relative;
color:#808080;
font-size:13px;
}
.highlight ul li::after {
content: "\e372";
font-family: icomoon !important;
color:#035177;
position: absolute;
left: 0;
top: 0;
font-size: 20px;
}
/*====================*/
.product-form {
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
line-height: 3rem;
margin: 0 0 1rem;
}
.product-form-group {
position: relative;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
flex: 1;
}
.input-group {
display: inline-flex;
width: 7rem;
height: 3.5rem;
}
.input-group button {
padding: 0;
width: 2.1rem;
border: 1px solid #ccc;
font-size: 16px;
color: #222;
background-color: transparent;
cursor: pointer;
-webkit-appearance: none;
}
.input-group .form-control {
flex: 1;
padding: 0;
height: inherit;
font-size: 1.4rem;
border: solid #ccc;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-width: 1px 0;
color: #222;
text-align: center;
margin-left: 0px;
}
.quantity {
-moz-appearance: textfield;
max-width: 48px;
}

.product-form.product-qty {
line-height: 4.5rem;
}
.product-form .quantity-minus {
border-radius: .3rem 0 0 .3rem;
}
.product-form .quantity-plus {
border-radius: 0 .3rem .3rem 0;
}
.product-single .quantity {
font-weight: 700;
font-size:18px;
}
.product-single .btn-close {
position: absolute;
top: 15px;
right: 15px;
}
.product-form .btn-cart {
border: 0;
flex: 1;
min-width: 12rem;
font-size: 14px;
border-radius: .3rem;
background-color: #e1a694;
border:1px solid #e1a694;
color: #fff;
cursor: pointer;
max-width: 10.7rem;
height: 3.5rem;
}
.product-form .btn-cart:hover:not(:disabled) {
background-color: #dca18f;
}
.product-form .btn-cart i {
margin-right: .8rem;
margin-top: -1px;
font-size:18px;
line-height: 0;
vertical-align: middle;
}
.product-form .btn-cart-buy {
border: 0;
flex: 1;
min-width: 12rem;
font-size: 14px;
border-radius: .3rem;
background-color: #333;
border:1px solid #333;
color: #fff;
cursor: pointer;
max-width: 10.7rem;
height: 3.5rem;
}
.product-form .btn-cart-buy:hover:not(:disabled) {
background-color: #dca18f;
border:1px solid #dca18f;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
margin-left:0px;
}
hr{
border-top: 1px solid #ddd;
}
.picon-box-wrap{
display: flex !important;
align-items:center;
}
.picon-box-wrap .picon-box-side{
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px !important;
padding:10px 0px;
}
.picon-box-side .picon-box-icon{
width: 2.5rem;
height: 2.5rem;
margin-right:1rem;
font-size: 1.1rem;
border:1px solid #cdcdcd;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}
.picon-box-content{
text-align: left;
}
.picon-box-content h4{
margin-bottom: 0;
font-size: 13px;
}
.picon-box-content p{
font-size: 10px;
color: #999;
margin-bottom:0px;
line-height: 18px;
}
.divider{
width: 2px;
background-color: #e1e1e1;
display: inline-block;
height: 2.4rem;
}
/*============================================*/
.product-tabs-section .nav{
justify-content:center;
}
.product-tabs-section .nav-link{
font-size:20px;
text-transform: capitalize;
font-weight:600;
padding: .5rem 1.5rem;
color:#222;
}
.product-tabs-section .nav-tabs .nav-link{
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:3px solid transparent;
}
.product-tabs-section .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
border-bottom:3px solid #f0b5a3;
}
/*======================================*/
.catlist-banner{
width:100%;
position:relative;
margin-bottom:20px;
}
.catlist-banner img{
width: 100%;
height: auto;
object-fit: cover;
border-radius: 5px;
}
.page-title-prod-list {
width: 100%;
position: relative;
display: flex;
align-items: center;
}
.page-title-prod-list h1{
font-size:24px;
font-weight:600;
}
.shortby{
width:100%;
position:relative;
display:flex;
align-items:center;
margin-bottom:20px;
}
.shortbylist{
margin-left:auto;
}
.shortbylist ul{
margin:0;
padding:0;
list-style:none;
display:flex;
align-items:center;
}
.shortbylist ul li {
position: relative;
margin-left:7px;
font-size: 13px;
}
.shortbylist ul li a{
background: #fff;
padding: 5px 10px;
border-radius: 5px;
font-size: 13px;
border: 1px solid #f0b5a3;
color:#333;
}
.shortbylist ul li.active a {
color: #333;
background:#f0b5a3;
border: 1px solid #f0b5a3;
}
.shortby-text{
display:block;
}
.siderbar .accordion-button{
font-size:14px;
font-weight:600;
}
/*======================================*/
.siderbar{
display:block;
}
.accordion-button:not(.collapsed){
color: #333;
background-color: #fffaf9;
}
.filterlist-u{
width:100%;
position:relative;
}
.filterlist-u ul{
margin:0;
padding:0;
list-style:none;
}
.filterlist-u ul li{
display:flex;
align-items:center;
line-height:30px;
}
.filterlist-u ul li a{
display:flex;
}
.accordion-body{
padding:1rem;
}
.acclist {
width: 100%;
position: relative;
}
.acclist .list-group-item{
padding: .3rem 0rem;
font-weight: 500;
font-size: 14px;
border:0px !important;
}
.acclist-subitem{
border-width: 0px 0 0 0 !important;
font-size: 13px !important;
padding: 3px 15px !important;
}
/*======================================*/
.addon-modal-body .btn-close {
position: absolute;
top: 15px;
right: 15px;
}
.addon-modal-body ul{
margin:0;
padding: 0;
list-style: none;
margin-bottom: 20px;
}
.addon-modal-body ul li{
display: flex;
align-items: center;
height: 35px;
}
.addon-modal-body ul li .add-value{
margin-left: auto;
display: flex;
align-items: center;
}
.add-value span{
margin-right: 10px;
}
.addon-modal-footer{
justify-content: normal !important;
}

.addon-modal-footer-cart {
border: 0;
flex: 1;
min-width: 11rem;
font-size: 14px;
border-radius: 0.3rem;
background-color: #e1a694;
border:1px solid #e1a694;
color: #fff;
cursor: pointer;
max-width: 10.7rem;
height: 3.5rem;
margin-left: auto;
}
.addon-modal-footer-cart-buy {
border: 0;
flex: 1;
min-width: 11rem;
font-size: 14px;
border-radius: 0.3rem;
background-color: #333;
border:1px solid #333;
color: #fff;
cursor: pointer;
max-width: 10.7rem;
height: 3.5rem;
margin-left: auto;
}
.addon-modal-footer-cart i {
margin-right: 0.8rem;
margin-top: -1px;
font-size: 18px;
line-height: 0;
vertical-align: middle;
}
.addon-price{
font-size: 20px;
font-weight: 600;
}
/*======================================*/
.login-modal-body {
padding: 50px;
width: 100%;
position: relative;
}
.login-modal-body .btn-close {
position: absolute;
top: 15px;
right: 15px;
}
.login-modal-body .logo-modal {
width: 100px;
margin-bottom: 20px;
}
.lr-form-group{
width:100%;
position:relative;
}
.lr-form-group input{
width:100%;
border:1px solid #ddd;
height: 60px;
font-size: 15px;
padding: 0 25px;
border-radius: 5px;
}
.mobile input {
padding-left: 60px !important;
}
.otp{
display: flex;
justify-content: space-between;
align-items:center;
}
.otp input{
width:23%;
text-align:center;
}
.country-code{
position: absolute;
width: 60px;
height: 60px;
display: flex;
align-items: center;
left: 0;
top: 0;
justify-content: center;
font-size:15px;
}
.terms-text{
font-size: 11px !important;
text-align: center;
margin-bottom:0px !important;
}
.loginotp-text{
font-size: 15px;
margin-bottom: 10px;
display: inline-block;
}
.forgot-text{
position: absolute;
right: 15px;
height: 60px;
display: flex;
align-items: center;
top: 0;
font-size: 13px;
}
.btn-login{
width:100%;
height:60px;
background:#f0b5a3;
border:1px solid #f0b5a3;
display: flex;
align-items: center;
justify-content: center;
}
/*======================================*/
.panel{
width:100%;
position:relative;
border:1px solid #ddd;
border-radius:5px;
}
.panel .panel-header{
font-size: 18px;
border-bottom: 1px solid #eee;
font-weight: 600;
padding-bottom: 15px;
text-transform: uppercase;
display:flex;
align-items:center;
}
.panel-second{
background: #fff;
width: 100%;
position: relative;
border-radius: 5px;
border: 1px solid #eee;
}
.panel-second .panel-header-second {
padding: 20px;
display: flex;
align-items: center;
border-bottom: 1px solid #eee;
}
.panel-second .panel-header-second h5 {
font-weight: 700;
margin: 0;
font-size: 18px;
}
.panel-second .panel-body-second {
padding: 20px;
}
.panel-second .panel-footer-second {
padding: 15px 20px;
display: flex;
align-items: center;
border-top: 1px solid #eee;
}
.pcb-list{
width:100%;
position:relative;
}
.pcb-list ul{
margin:0;
padding:0;
list-style:none;
}
.pcb-list ul li{
display:flex;
align-items:center;
height:40px;
}
.pcb-list-second{
width:100%;
position:relative;
}
.pcb-list-second ul{
margin:0;
padding:0;
list-style:none;
}
.pcb-list-second ul li{
display:flex;
align-items:center;
height:40px;
font-size:16px;
font-weight:700;
}
/*======================================*/
.mycartbox{
width:100%;
position:relative;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
margin-bottom: 20px;
}
.mycartbox:last-child{
border-bottom: 0px solid #eee;
padding-bottom: 0px;
margin-bottom: 0px;
}
.mycartbox .mycartbox-title{
font-size:16px;
color:#212529;
font-weight:500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
display: block;
}
.mycartbox .mycartbox-img{
width:100%;
position:relative;
overflow:hidden;
}
.mycartbox-img img{
width:100%;
border-radius: 4px;
}
.mycartbox-cat{
margin-bottom: 0.5rem;
font-size: 10px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #666;
}
.mycartbox-panel-price{
display: inline-flex;
justify-content: center;
align-items: center;
}
.mycartbox-panel-price .price-old {
font-size: 16px;
font-weight: 300;
line-height: 1em;
text-decoration: line-through;
}
.mycartbox-panel-price .price-new {
font-size: 20px;
font-weight: 500;
line-height: 1em;
color: #282828;
}
.mycartbox-panel-footer{
display:flex;
align-items:center;
margin-top:40px;
}
.cpf-action a {
border: 1px solid #ddd;
padding: 5px 10px;
border-radius: 3px;
font-size: 12px;
}
.cpf-qty{
margin-left:auto;
}
.qty-changer{
display:flex;
align-items:center;
}
.qty-changer button {
background: #fff;
border: 1px solid #f0b5a3;
border-radius: 4px;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.qty-changer span {
width: 40px;
height: 25px;
display: flex;
font-size: 16px;
font-weight: 600;
align-items: center;
justify-content: center;
}
.psbplus {
font-size: 10px !important;
height: 7px;
}
.psbmiuns {
font-size: 10px !important;
height: 7px;
}
/*======================================*/
.cardlist{
width:100%;
position:relative;
display:flex;
align-center:center;
justify-content:center;
}
.cardlist i{
font-size:32px;
margin:3px;
}
/*===================================*/
.step-by {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: .9rem 0;
}
.step-by .title-step {
margin:0 1.8rem 0 0rem;
margin-left: 1rem;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
color: #666;
padding: .4rem 0;
position:relative;
}
.step-by .title-step:first-child {
margin-left: 0;
}
.step-by .title-step.active a{
color: #f0b5a3;
}
.title-simple {
display: block;
}
.step-by .title-step:not(:last-child)::after {
content: '\f054';
display: inline-block;
position: absolute;
right: -2rem;
top: 52%;
line-height: 0;
vertical-align: middle;
font-family: 'Font Awesome 5 Free';
font-weight: 700;
font-size: 1rem;
background-color: #fff;
color: #ccc;
}
/*==========================================*/
.address{
width:100%;
position:relative;
}
.address ul{
margin:0;
padding:0;
list-style:none;
}
.address ul li{
width:100%;
display:inline-block;
color:#fff;
position:relative;
margin-top:10px;
}
.address ul li a{
width: 100%;
display:flex;
align-items:center;
color: #fff;
line-height: 24px;
}
.address ul li a span{
flex:1;
margin-left:10px;
}
.address ul li i{
position:relative;
font-size: 12px;
border: 1px solid #fff;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius:3px;
}
.address-contact{
width:100%;
position:relative;
}
.address-contact ul{
margin:0;
padding:0;
list-style:none;
}
.address-contact ul li{
width:100%;
display:inline-block;
position:relative;
margin-top:10px;
}
.address-contact ul li a{
width: 100%;
display:flex;
color:#333;
align-items:center;
line-height: 24px;
}
.address-contact ul li a span{
flex:1;
margin-left:10px;
}
.address-contact ul li i{
position:relative;
font-size: 12px;
border: 1px solid #204a63;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius:3px;
}
.contact-address-section{
background: #f5f5f5;
padding: 25px;
border-radius: 5px;
margin-left: 50px;
margin-top:30px;
}
.form-group{
width:100%;
position:relative;
}
.form-group label{
margin-bottom:5px;
font-weight:600;
}
.form-group input{
width:100%;
position:relative;
border:1px solid #ddd;
padding:10px 15px;
height:45px;
border-radius:5px;
}
.form-group select{
width:100%;
position:relative;
border:1px solid #ddd;
padding:10px 15px;
height:45px;
border-radius:5px;
}
.form-group textarea{
width:100%;
position:relative;
border:1px solid #ddd;
padding:10px 15px;
height:105px;
border-radius:5px;
}
/*======================================*/
.sidenav {
position: fixed;
width: 300px;
left: 0;
top: 0;
margin: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
height: 100%;
height: calc(100% + 60px);
height: -moz-calc(100%);
padding-bottom: 60px;
background-color: #fff;
z-index: 9999999999;
overflow-y: auto;
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-105%);
transform: translateX(-105%);
}
.sidenav-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
opacity: 0;
height: 120vh;
background-color: rgba(0, 0, 0, 0.7);
z-index: 99999;
display: none;
}
/*======================================*/
.user-avtar-d{
display: flex;
align-items: center;
padding:15px;
}
.user-avtar-d img{
width:50px;
height:50px;
}
.list-group {
padding: 0;
border-color: #f4f4f4;
border-radius: 5px;
}
.list-group-item.active {
color: #f0b5a3;
border-color: #f4f4f4;
background-color: transparent;
}
.list-group-item {
padding: 10px 15px;
color: #282828;
border-color: #f4f4f4;
border-radius: 0 !important;
background-color: transparent;
display: flex;
align-items: center;
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
/*======================================*/
.form-grup {
margin-bottom: 1rem;
}
.form-grup label {
font-weight: 600;
font-size: 13px;
margin-bottom: 5px;
}
.form-gr {
display: block;
width: 100%;
padding: 10px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/*======================================*/
.sidenav-user{
display:flex;
align-items:center;
padding:15px 15px;
background:#f0b5a3;
margin-bottom:15px;
}
.sidenav-user-img{
width: 50px;
height: 50px;
overflow:hidden;
}
.sidenav-user .sidenav-user-img img {
width: 50px;
height: 50px;
object-fit:cover;
}
.sidenav-user .sidenav-user-content{
flex:1;
margin-left:15px;
}
.sidenav-user-content h4{
margin-bottom: 0px;
font-size: 16px;
font-weight: 600;
}
.sidenav-user-content p{
margin-bottom:0px;
font-size: 12px;
}
/*======================================*/
.sidenav-list{
width:100%;
position:relative;
}
.sidenav-list ul{
margin:0;
padding:0;
list-style:none;
}
.sidenav-list ul li{
width:100%;
position:relative;
display:inline-block;
}
.sidenav-list ul li a{
display: flex;
align-items: center;
padding: 0px 15px;
height: 35px;
font-size: 14px;
}
.sidenav-list-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
/*======================================*/
.pdetails-option{
display: flex;
margin-top: 20px;
flex-wrap: wrap;
}
.pdetails-option:not(.pdetails-option--select) > :not(:first-child) {
margin-top: 20px;
}
.pdetails-option .swatches{
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
flex: 100%;
}
.swatches .option-label {
font-size: 16px;
font-weight: 600;
line-height: 22px;
min-width: 85px;
padding-right: 10px;
color: #282828;
}
.swatches .option-label-right {
font-size: 13px;
font-weight: 500;
line-height: 22px;
padding-left: 10px;
color: #dc137b;
}
.images-list{
display: -ms-flexbox;
display: flex;
margin: -5px 0 0;
padding: 0;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.images-list li{
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 5px 7px 0 0;
vertical-align: bottom;
-ms-flex-pack: center;
justify-content: center;
}
.images-list li a {
font-size: 14px;
font-weight: 500;
line-height: 33px;
display: -ms-flexbox;
display: flex;
width: 50px;
min-height: 30px;
transition: none;
text-align: center;
text-decoration: none;
border-radius: 4px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.images-list li a img {
border-radius: 4px;
max-width: 100%;
}
.images-list li.active a::after{
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
border: 1px solid #282828;
border-radius: 4px;
}
span.image-container {
position: relative;
display: block;
width: 100%;
overflow: hidden;
height: 0;
}
.image-container > img{
position: absolute;
top: 0;
right: 0;
left: 0;
}
.image-container--product {
padding-bottom: 128.48% !important;
}
.size-list {
display: -ms-flexbox;
display: flex;
margin: -5px 0 0;
padding: 0;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.size-list li {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 5px 7px 0 0;
vertical-align: bottom;
-ms-flex-pack: center;
justify-content: center;
}
.size-list li a {
display: block;
text-decoration: none;
}
.size-list li span.value {
font-size: 14px;
font-weight: 500;
line-height: 33px;
display: inline-block;
min-width: 33px;
height: 33px;
padding: 0 5px;
text-align: center;
color: #282828;
background: #f5f5f5;
border-radius: 4px;
}
.size-list li.active span.value{
color: #fff;
background-color: #282828;
}
.pdetails-info{
background: #f5f5f5;
padding:15px 20px;
margin-top: 20px;
border-radius: 5px;
border: 1px solid #eee;
width: 400px;
}
.pdetails-info ul{
margin: 0;
padding: 0;
list-style: none;
}
.pdetails-info li {
background: url(../../assets/img/icon/yes.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
padding-left: 25px;
font-size: 14px;
line-height: 26px;
background-position: 0%;
background-size: 14px;
}
/* ============================================================ */
.mb-20{
margin-bottom:20px;
}
.mt-10{
margin-top:10px !important;
}
.tx-10{
font-size:10px;
}
.tx-11{
font-size:11px;
}
.tx-12{
font-size:12px;
}
.btn-primary {
  color: #fff;
  background-color: #e37967;
  border-color: #e37967;
}
.btn-primary:hover{
	  background-color: #f59e8f;
  border-color: #f59e8f;
}
.order-box {
position: relative;
background: #fff;
width: 100%;
border-radius: 3px;
border: 1px solid #dfddde;
margin-bottom: 15px;
display: flex;
}
.order-box .info {
position: relative;
width: 75%;
border-right: 1px dashed #e3e3e3;
padding: 25px;
}
.order-box .info h6{
font-weight:700;
}
.order-box .info p{
margin-top:0px;
font-size:13px;
}
.bs-wizard > .bs-wizard-step {
padding: 0;
position: relative;
}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
color: #26a541;
font-size: 14px;
margin-bottom: 5px;
}
.bs-wizard > .bs-wizard-step:first-child > .progress {
left: 50%;
width: 50%;
}
.bs-wizard > .bs-wizard-step > .progress {
position: relative;
border-radius: 0px;
height: 5px;
box-shadow: none;
margin: 16px 0;
}
.progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
line-height: 0;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: 0.25rem;
}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
width: 100%;
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
width: 0px;
box-shadow: none;
background: #68cf7e;
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width 0.6s ease;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
position: absolute;
width: 20px;
height: 20px;
display: block;
background: #68cf7e;
top: 45px;
left: 50%;
margin-top: -15px;
margin-left: -15px;
border-radius: 50%;
}
.bs-wizard > .bs-wizard-step .bs-wizard-info {
color: #999;
font-size: 11px;
}
.order-box .bcode {
position: relative;
width: 25%;
padding: 25px;
text-align: center;
}
.bcode h6{
font-weight:700;
}
.bcode p{
margin-top: 0px !important;
font-size: 12px;
}

.order-box .orderid-box {
background: #f5f5f5;
border: 1px solid #eee;
padding: 10px;
}
a.cshop-button {
padding: 10px 15px;
color: #fff;
background: #17c6aa;
border: 1px solid #17c6aa;
border-radius: 4px;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
font-size: 12px;
width: 100%;
}
@media only screen and (max-width: 768px) {
.order-box{display:inline-table;}
.order-box .info {width: 100%;border-right: none;border-bottom: 1px dashed #e3e3e3;}
.order-box .bcode {width: 100%;}
}

/* =================================================== */
.spinner-loader {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
background: rgba(0,0,0,0.5);
z-index: 999999999;
left: 0;
top: 0;
}
.spinner-loader .spinner-loader-c {
display: flex;
align-items: center;
justify-content: center;
position: relative;
color: #fff;
font-size: 18px;
flex-direction: column;
line-height: 60px;
}
.loader {
border: 6px solid #f3f3f3;
border-radius: 50%;
border-top: 6px solid #e1a694;
width: 50px;
height: 50px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/*=========================================*/
.tab-content{
padding:15px 0px;
}
.tab-pane p{
margin-bottom:5px;
}
/*======================================*/
.save-address{
width:100%;
position:relative;
}
.save-address-checkout{
padding-left: 40px;
}
.save-address-check{
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid #ddd;
background: #f5f5f5;
position: absolute;
left: 12px;
}
.save-address-checkout.active .save-address-check{
background: #f0b5a3;
}
.save-address h3{
font-size: 14px;
display: flex;
align-items: center;
}
.save-address-button{
display: flex;
align-items: center;
}
.save-address-button .link-icn{
font-size: 13px;
display: flex;
align-items: center;
margin-right:15px;
}
.save-address-button .link-icn i{
font-size:12px;
margin-right:5px;
}
.coupon-input-group{
width: 100%;
position: relative;
margin-top: 15px;
display: flex;
align-items: center;
margin-bottom: 15px;
}
.coupon-input-group input{
width: 100%;
height: 45px;
padding: 10px 15px;
border: 1px solid #ddd;
font-size: 14px;
border-radius: 5px;
margin-right: 10px;
}
.coupon-input-group button{
background: #f0b5a3;
padding: 10px 30px;
border: 1px solid #f0b5a3;
font-size: 14px;
border-radius: 5px;
text-transform: uppercase;
font-weight: 600;
}
.coupon-input-group .remove{
background: #d32222;
color:#fff;
}
.payment-option-list{
width: 100%;
position: relative;
}
.payment-option-list ul{
margin: 0;
padding: 0;
list-style: none;
}
.payment-option-list ul li{
display: flex;
align-items: center;
height: 55px;
border-bottom: 1px solid #eee;
font-size: 14px;
font-weight: 600;
padding: 0px 15px;
}
.payment-option-list ul li img{
width: 24px;
height: 24px;
margin-right: 10px;
}
.payment-option-list ul li:last-child{
border-bottom: 0px solid #eee;
}
/*===================================*/
.testimonial-normal{
width:100%;
position:relative;
box-shadow: 0px 5px 20px 3px rgba(0, 0, 0, 0.05);
background: #fff;
border-radius: 5px;
padding: 1rem;
margin-bottom:15px;
}
.testimonial-normal .testimonial-normal-img{
width:100%;
position:relative;
}
.testimonial-normal-img img{
width:100%;
height:250px;
object-fit:cover;
border-radius:5px;
}
.testimonial-normal .testimonial-normal-content{
width:100%;
position:relative;
padding-top:15px;
}
.testimonial-normal-name{
font-size:16px;
}
.testimonial-normal-content p{
font-size: 14px;
line-height: 24px;
margin-bottom:0px;
}
/* ====================================================== */
.star-rating {
font-size: 0;
white-space: nowrap;
display: inline-block;
/* width: 250px; remove this */
height: 30px;
overflow: hidden;
position: relative;
background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
background-size: contain;
}
.star-rating i {
opacity: 0;
position: absolute;
left: 0;
top: 0;
height: 100%;
/* width: 20%; remove this */
z-index: 1;
background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
background-size: contain;
}
.star-rating input {
-moz-appearance: none;
-webkit-appearance: none;
opacity: 0;
display: inline-block;
/* width: 20%; remove this */
height: 100%;
margin: 0;
padding: 0;
z-index: 2;
position: relative;
}
.star-rating input:hover + i,
.star-rating input:checked + i {
opacity: 1;
}
.star-rating i ~ i {
width: 40%;
}
.star-rating i ~ i ~ i {
width: 60%;
}
.star-rating i ~ i ~ i ~ i {
width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i {
width: 100%;
}

.star-rating.star-5 {width: 152px;}
.star-rating.star-5 input,
.star-rating.star-5 i {width: 20%;}
.star-rating.star-5 i ~ i {width: 40%;}
.star-rating.star-5 i ~ i ~ i {width: 60%;}
.star-rating.star-5 i ~ i ~ i ~ i {width: 80%;}
.star-rating.star-5 i ~ i ~ i ~ i ~i {width: 100%;}
.star-rating.star-3 {width: 150px;}
.star-rating.star-3 input,
.star-rating.star-3 i {width: 33.33%;}
.star-rating.star-3 i ~ i {width: 66.66%;}
.star-rating.star-3 i ~ i ~ i {width: 100%;}
/*==============================*/
.accordion-button{
font-size:14px;
font-weight:600;
}
/*==============================*/
.pyro > .before, .pyro > .after {
position: absolute;
bottom:50%;
width: 5px;
height: 5px;
border-radius: 50%;
box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
-moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
-webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
-o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
-ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards; }

.pyro > .after {
-moz-animation-delay: 1.25s, 1.25s, 1.25s;
-webkit-animation-delay: 1.25s, 1.25s, 1.25s;
-o-animation-delay: 1.25s, 1.25s, 1.25s;
-ms-animation-delay: 1.25s, 1.25s, 1.25s;
animation-delay: 1.25s, 1.25s, 1.25s;
-moz-animation-duration: 1.25s, 1.25s, 6.25s;
-webkit-animation-duration: 1.25s, 1.25s, 6.25s;
-o-animation-duration: 1.25s, 1.25s, 6.25s;
-ms-animation-duration: 1.25s, 1.25s, 6.25s;
animation-duration: 1.25s, 1.25s, 6.25s; }

@-webkit-keyframes bang {
from {
box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-moz-keyframes bang {
from {
box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-o-keyframes bang {
from {
box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-ms-keyframes bang {
from {
box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@keyframes bang {
from {
box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white; } }
@-webkit-keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@-moz-keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@-o-keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@-ms-keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@keyframes gravity {
to {
transform: translateY(200px);
-moz-transform: translateY(200px);
-webkit-transform: translateY(200px);
-o-transform: translateY(200px);
-ms-transform: translateY(200px);
opacity: 0; } }
@-webkit-keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }

20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }

40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }

60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }

80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
@-moz-keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }

20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }

40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }

60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }

80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
@-o-keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }

20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }

40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }

60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }

80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
@-ms-keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }

20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }

40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }

60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }

80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
@keyframes position {
0%, 19.9% {
margin-top: 10%;
margin-left: 40%; }

20%, 39.9% {
margin-top: 40%;
margin-left: 30%; }

40%, 59.9% {
margin-top: 20%;
margin-left: 70%; }

60%, 79.9% {
margin-top: 30%;
margin-left: 20%; }

80%, 99.9% {
margin-top: 30%;
margin-left: 80%; } }
/*==============================================*/
.bootoast {
opacity: 0;
filter: alpha(opacity=0)
}

.bootoast>.glyphicon {
display: inline-block;
/* yeah, this float is a "hack" */
float: left;
font-size: 20px;
margin-right: 14px;
}

.bootoast>.bootoast-alert-container {
display: block;
max-width: 100%;
overflow: auto;
}

.bootoast>.bootoast-alert-container>.bootoast-alert-content {
display: table;
width: 100%;
height: 100%
}

.bootoast.alert-default {
background: #eee;
}

.bootoast>.progress.progress-bottom {
width: auto;
margin-left: -1.25rem;
margin-right: -1.25rem;
}

.bootoast>.progress.progress-bottom {
margin-bottom: -.75rem;
}

.bootoast>.progress.progress-top {
margin-top: -.75rem;
}

.bootoast>.progress.progress-background {
margin: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .35;
}

.bootoast-container {
position: fixed;
left: 20px;
right: 20px;
top: initial;
bottom: initial;
width: 390px;
max-width: 95%;
z-index: 999999
}

.bootoast-container.top {
top: 20px
}

.bootoast-container.bottom {
bottom: 20px
}

.bootoast-container.right {
left: initial
}

.bootoast-container.left {
right: initial
}

.bootoast-container.center {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
/*===============================*/
.review-item-box{
width:100%;
display:flex;	
}
.review-item-box .review-item_rating{
margin-bottom:5px;
}


.alert-success {
background-color: #4caf50;
}
.alert {
color: #fff;
}
.alert .close {
color: #fff;
}
.alert-dismissable .close, .alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close {
float: right;
font-size: 26px;
font-weight: normal;
line-height: 1;
color: #000000;
text-shadow: none;
opacity:1;
filter: alpha(opacity=20);
}
.autocomplete {
position: absolute;
background: #fff;
max-height: 300px;
width: 100%;
overflow-y: auto;
top: 52px;
z-index: 99;
padding-left: 0px;
border-left:1px solid #eee;
border-right:1px solid #eee;
}
.autocomplete li {
display: inline-block;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
font-size: 13px;
width: 100%;
}
.autocomplete li a {
color: #333;
display: inline-block;
padding: 10px;
width: 100%;
background:#fff;
}
.autocomplete li a:hover{
background:#f5f5f5;
}
/*=================================================*/
.slider{
width: 100%;
position: relative;
height: 500px;
overflow: hidden;
}
.slider img{
width: 100%;
height: 500px;
object-fit: cover;
}
.slider video{
width: 100%;
height: 500px;
object-fit: cover;
}
.video-content{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
text-align:center;
color:#fff;
}
.video-content h3{
	font-size:48px;
}
/*==================================*/
.widgets {
background:#fff;
width:100%;
position:relative;
box-shadow: 0 0 10px rgba(136, 136, 136, 0.1);
margin-bottom:20px;
}
.widgets .widget-header {
padding: 25px 25px 15px;
border-bottom: 1px solid #ecf0f3;
}
.widgets .widget-wrapper li {
list-style: none;
border-bottom: 1px solid #ecf0f3;
padding: 15px 25px;
}
.widget-post .widget-wrapper{
margin:0;
padding:0;
list-style:none;
}
.widget-tags .widget-wrapper{
margin:0;
padding:0;
list-style:none;
}
.widget.widget-post ul.widget-wrapper li .post-thumb {
width: 90px;
height: 80px;
}
.post-thumb img{
width:90px;
height:80px;
border-radius:5px;
object-fit:cover;
}
.widgets.widget-post ul.widget-wrapper li .post-content {
width: calc(100% - 110px);
}
.widget-category .widget-wrapper {
padding: 0px 0;
}
.widget.widget-tags ul.widget-wrapper li a {
padding: 5px 10px;
border: 1px solid #ecf0f3;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 5px;
font-size: 14px;
}

.modal{
z-index: 9999999999;
}
.pbutton-group{
  display: flex;
}
/*======================================*/
.whatsapp{
  position:fixed;
  bottom:15px;
  right:15px;
  z-index:9999;
}
.whatsapp img{
  width:52px;
}
.bottom-filter{
  display: none;
}
.mfilter{
  display: none;
}
/*======================================*/