/* ------------------------
1. Body
------------------------*/

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

body { font-family: 'Open Sans', sans-serif; font-style: normal; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #050206; overflow-x: hidden; }
.page-wrapper { overflow-x: hidden; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Montserrat', sans-serif; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.5; letter-spacing: -1px;}
h1, .h1 { font-size: 46px; font-weight: 400;}
h2, .h2 { font-size: 36px; font-weight: 400; text-transform: uppercase; line-height: 1.3;}
h3, .h3 { font-size: 30px; font-weight: 400;}
h4, .h4 { font-size: 24px; line-height: 34px; }
h5, .h5 { font-size: 18px; font-weight: 400; line-height: 27px; }
.service-title {font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; line-height: 27px; line-height: 21px; letter-spacing: 0;}
h6, .h6 { font-size: 16px; font-weight: 400;  text-transform: uppercase;}
h4, h5, h6, .h4, .h5, .h6 { font-weight: 400; }
p { color: #4d4d52; line-height: 1.6; font-weight: 400; font-family: 'Open Sans', sans-serif;}
.font-size-xs li { font-size: 12px; }
.font-size-md { font-size: 44px; letter-spacing: -1px;}

.lead { font-size: 1.25rem; font-weight: 300; }
section { padding: 5rem 0 }
ul { margin: 0px; padding: 0px; }
.content ul li {
    list-style-type: none;
    margin-bottom: 10px;
}
.content ul li:before {
    content: "\f0a9"; 
    font-family: 'Line Awesome Free'; 
    font-weight: 900; 
    font-size: 1.5rem;
    display: inline-block;
    padding: 0px 15px 0 0;
    color: #236d45;
    vertical-align: middle;
}
.text-large { font-size: 3rem; line-height: 3.5rem }
.text-small { font-size: 0.9rem; }
.text-mini { font-size: 0.7rem; }
a {color: #050206;}
a:hover, a:hover i {color: #d0bb8a; text-decoration: none; }

a:focus {outline: none;}
a:focus, :active, :after {outline: none;}
.dropdown-item.active,.dropdown-item:active {background:none; color:inherit}

form .lastname {display: none;}
input:focus,
textarea:focus {
	outline: none;
	box-shadow: none;
}

input[type="date" i] {
    padding: 14px;
}

.table-condensed td, .table-condensed th {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

.daterangepicker td {
    width: 40px;
    height: 30px;
}
.daterangepicker td.active {
    background-color: #236d45 !important;
}
.daterangepicker {
    border: none;
    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    display: none;
    border: 1px solid #e0e0e0;
    margin-top: 5px;
}

.daterangepicker::after, .daterangepicker::before {
    display: none;
}

.daterangepicker thead tr th {
    padding: 10px 0;
}

.daterangepicker .table-condensed th select {
    border: 1px solid #ccc;
    padding: 5px;
    outline: none;
}
.btn-new-light {
    background-color: #dee2e6;
}
.btn-new-light:hover {
    background-color: #cacccd;
    color: #21252A !important;
    text-decoration: underline;
}

.btn-new-service {
    border-radius: 20px;
    background-color: #dee2e6;
}
.btn-new-service:hover {
    background-color: #cacccd;
    color: #21252A !important;
    text-decoration: underline;
}
/* ------------------------
2. Transition
------------------------*/
a, img, a i, .hover-translate, .btn-animated:before, .product-card, .card-body, .product-link, .insta-icon, .accordion .card-header a:before, .filter .card-header a:before {
    transition: all 0.5s ease-in-out 0s; }
    
.hover-zoom:hover { 
    transform: scale(1.1); 
}

.hover-shine::before {
    position: absolute;
    top: 0;
    left: -55%;
    z-index: 2;
    display: block;
    content: '';
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
    transform: skewX(-25deg);
}
.hover-shine:hover::before {
	animation: shine 1.75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


/* ------------------------
3. Font Weight
------------------------*/
.font-w-3 { font-weight: 300; }
.font-w-4 { font-weight: 400; }
.font-w-5 { font-weight: 500; color: #050206;}
.custom-fw-5 { font-weight: 500; }
.font-w-6 { font-weight: 600; }
.font-w-7 { font-weight: 700; }
.font-w-8 { font-weight: 800; }
.font-w-9 { font-weight: 900; }
.line-h-normal { line-height: normal; }
.line-h-1 { line-height: 1.5; }
.line-h-2 { line-height: 1.6; }
.line-h-3 { line-height: 1.7; }
.line-h-4 { line-height: 1.8; }
.line-h-5 { line-height: 1.9; }
.letter-space-1 { letter-spacing: 5px; }
.letter-space-2 { letter-spacing: 10px; }
.letter-space-3 { letter-spacing: 15px; }
.txt-transform {text-transform:uppercase}


/* ------------------------
3.1 Text Size Custom
------------------------*/
.custom-fs-0 { font-size: 11px; }

/* ------------------------
4. Left-Right Alignment
------------------------*/
.left-0 { left: 0; }
.right-0 { right: 0; }
.top-0 { top: 0; }
.bottom-0 { bottom: 0; }
.left-50 { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); }
.top-50 { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); }

/* ------------------------
5. Pre Loader
------------------------*/


/* ------------------------
6. Button
------------------------*/
.btn { font-weight: 500; padding: 0.70rem 1.5rem; position: relative; overflow: hidden; z-index: 9; font-family: 'Open Sans', sans-serif; text-transform: uppercase;}
.btn:hover { color:#fff}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {background:#FF324D}
.btn-sm { padding: .35rem .7rem; font-size: 0.9rem; }
.btn-md { padding: .45rem .8rem; font-size: 0.9rem; }
.btn-primary { color: #fff; background-color: #35523f; border:none; border-bottom:3px #35523f solid; text-transform: uppercase;}
.btn-yellow {background:#fdd922; border: 1px solid #e0bc27; padding:0px 15px; height: 3rem; border-radius:0 }
.btn-yellow.btn i  {color: #333; font-size:16px;}

.btn-green { color: #ffffff; background-color: #236d45; border:2px transparent solid;}
.btn-green:hover  { color: #236d45; background-color: #ffffff; border:2px #236d45 solid;}
.btn-aqua { background-color:#069e96; text-transform:uppercase; color:#fff; letter-spacing:1px}
.btn-blue { color: #fff; background-color: #157ed2; border:none; border-bottom:3px #0f6cb2 solid; }
.btn-pink { color: #fff; background-color: #FF324D; border:none; border-bottom:3px #ef2f49 solid; }
.btn-red-1 { color: #fff; background-color: #d23b3b; border:none; border-bottom:3px #c02a2a solid; }
.btn-red-2 { color: #fff; background-color: #c33; border:none; border-bottom:2px #b12d24 solid; }
.btn-dark-black { color: #fff; background-color: #232628; border:none; border-bottom:3px #17191a solid; height:2.8rem }
.btn-dark-black:hover { color: #fff; background-color: #232628; border:none; border-bottom:3px #17191a solid; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary:hover { color: #fff; background-color: #2a2a2a; border-color: #191919; }
.btn-secondary { color: #212529; background-color: #dcdada; border:none; border-bottom:3px #d0d0d0 solid; }
.btn-secondary:hover {color: #fff; background-color: #FF324D; border-color: #eb1f3a;}
.btn-yellow-dark {color: #333; background-color: #fdd922; border-bottom:2px #dbb90e solid;}
.btn-yellow-dark:hover {color: #333;}
.btn-outline-primary { color: #fe4c1c; border-color: #fe4c1c; }
.btn-outline-primary:hover { background-color: #f85438; border-color: #f85438; }
.btn-dark { background-color: #16191f; border:none; border-bottom:3px #0b0d10 solid;}
.btn-dark:hover { background-color: #FF324D; border-color: #eb1f3a; }
.btn.focus, .btn:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: none; }
button:focus { outline: none; }
.btn i { font-size: 24px; margin-top: -.1875rem; vertical-align: middle; }
.btn.btn-sm i { font-size: 18px; }
.header-2 .btn-search {border:none; background:none; padding-right:0px}
.header-2 .btn-search i {font-size:22px;  transform: rotate(-90deg); color: #050206;}
::placeholder { color: red; opacity: 1; }
.btn-red { color: #fff; background-color: #ed6663; border:none; border-bottom:3px #e8524e solid; }
.btn-gray { color: #212529; background-color: #dcdada; border:none; border-bottom:3px #d0d0d0 solid; }
.btn-gray:hover {color: #fff; background-color: #83b14f; border-color: #72a439;}
.dark-btn {background: #2a2a2a; border:none; border-radius:0px 3px 3px 0px}
.btn-orange { color: #fff; background-color: #f85438; border:none; border-bottom:2px #e24125 solid; }
.btn-orange:not(:disabled):not(.disabled).active, .btn-orange:not(:disabled):not(.disabled):active, .show>.btn-orange.dropdown-toggle, .btn-orange:hover { color: #fff; background-color: #2a2a2a; border-color: #191919; }

/* ------------------------
7. Text Color
------------------------*/
.text-dark { color: #050206 !important; }
.text-black { color: #090909 !important; }
.text-primary { color: #FF324D !important; }
.text-muted { color: #050206 !important }
.text-grey { color:#a9a9a9 !important; }
.text-grey-dark { color:#666}
.text-link {color: #050206;}    
.text-green {color: #236d45;}  
.text-yellow {color: #ffdd35;}  
.text-pink {color: #FF324D;}
.text-red {color: #d23b3b;}
.text-red-1 {color:#c33}
.text-orange {color: #fe4c1c}
.text-yellow-dark { color:#FFCC33}
.text-aqua-dark { color:#24d3ce}
.text-gold {color: #d0bb8a;}
.text-white {color: #ffffff;}  

/* ------------------------
8. Background
------------------------*/
.bg-light {background: #efe8ef!important;}
.bg-light-body {background-color: #f5f5f5}
.bg-light-green-body {background-color: #236d454a}
.bg-dark { background-color: #236d45 !important; }
.bg-dark-1 { background-color: #236d45 !important; }
.bg-light-1 {background-color: #f5f5f5;}
.bg-light-2 {background-color: #ffece5;}
.bg-light-3 {background-color: #f0f3ec;}
.bg-light-4 {background-color: #f3f3f3;}
.bg-light-5 {background-color: #236d454a;}
.bg-light-6 {background-color: #f4f3f1;}
.bg-green {background-color: #236d45;}
.bg-green-row { background-color: #83b14f}

/* ------------------------
9. Badge
------------------------*/
.badge-dark { background-color: #050206 !important; }
.badge-primary { background-color: #fe4c1c !important; }
.badge-primary-soft {color: #fe4c1c;}
.badge-primary-soft {background-color: rgba(254, 76, 28, .1); color: #fe4c1c;}

/* ------------------------
10. Icon
------------------------*/
.ic-1x { font-size: 1rem; }
.ic-1-1x { font-size: 1.5rem; }
.ic-1-2x { font-size: 1.2rem!important; }
.ic-2x { font-size: 2rem; }
.ic-3x { font-size: 3rem; }
.ic-5x { font-size: 5rem; }
.ic-7x { font-size: 7rem; }


/* ------------------------
11. Shadow
------------------------*/
.shadow-primary { -webkit-box-shadow: 0 0.5rem 1rem rgba(248, 84, 56, .15) !important; box-shadow: 0 0.5rem 1rem rgba(248, 84, 56, .15) !important; }
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; }
.shadow { box-shadow:0 10px 45px 5px rgba(0, 0, 0, .15) !important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important; }
.shadow-none { box-shadow: none !important; }

/* ------------------------
12. Header
------------------------*/
.header-1 { box-shadow: 0 0 5px 0 rgba(0,0,0,.12); position: relative; z-index: 100;}
.header-1.header-7 #header-wrap {padding:0}
.header-1.dark-text-div .ddcommon .ddlabel { color:#666; font-weight:400}
.header-1.dark-text-div .ddArrow::before { color: #666;}
.header-1.dark-text-div .offer-text span {color:#c33; font-weight:400}
.header-1 .offer-text {padding: 0.3rem;}
.header-1.dark-text-div small {font-weight:400}
.header-1.dark-text-div .call-info .language-selection {border-color: rgba(0,0,0,0.1);}
.site-header.navbar-dark .navbar-nav .nav-link { color: #ffffff; }
.site-header.navbar-dark .navbar-nav .nav-link:focus, .site-header.navbar-dark .navbar-nav .nav-link:hover { color: #f85438; }
.header-1 .small, .header-1 small {font-weight:500}
.header-1 .navbar-nav .nav-item { margin: 0 10px;}
.header-1 small {font-weight:400; text-transform: uppercase;}

#header-wrap {
    padding: 15px 0; 
    position: relative; 
    transition: all 0.4s ease-in-out; /* Увеличено время для более плавного перехода */
}

#header-wrap.fixed-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999 !important;
    background: #ffffff;
    box-shadow: 0 10px 55px 5px rgba(0, 0, 0, 0.09);
}
/* 
#header-wrap { padding: 15px 0; position: relative; }
#header-wrap.fixed-header { transition: all 0.1s ease; padding: 10px 0; position: fixed !important; top: 0; left: 0; width: 100%; z-index: 999 !important; background: #ffffff; box-shadow: 0 10px 55px 5px rgba(0, 0, 0, .09) !important; animation: smoothScroll 1s forwards; } */
.top-offer-text {background:#222; text-align:center; padding:5px 0; color:#fff; font-size:15px;}
.top-offer-text-pink {background:#e20063; text-align:center; padding:8px 0; color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:0.5px; font-weight:800}
.top-offer-text span {color:#c33; font-weight:700}

/* ------------------------
13. Navigation
------------------------*/

.navbar-brand { margin: 0; padding: 0; }
.navbar-brand.logo { overflow: hidden; position: relative;}
.navbar-brand img { width:100%; max-width: 100%; min-height: 30px; height:auto; position: relative;}

.navbar-brand::before {
    position: absolute;
    top: 0;
    left: -40%;
    z-index: 2;
    display: block;
    content: '';
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 100%);
    transform: skewX(-25deg);
}
.navbar-brand:hover::before {
	animation: shine 1.75s;
}

.shop-menu {display: flex; flex-wrap: nowrap; padding: 0; margin: 0; border: none;}
.shop-menu li{letter-spacing:1px; text-transform:uppercase; color:#050206; font-weight:400; margin: 0 25px; padding:0; position:relative; font-size:14px}
.shop-menu li:after{border-right:1px #ddd solid; position:absolute; content:""; height:35px; right:-28px; top:-5px; transform: rotate(20deg);}
.shop-menu li:last-child:after{display:none}
.shop-menu li:first-child{margin-left:0}
.shop-menu li a {color: #050206; border-radius: 0; border: none; border-bottom: 3px solid transparent; margin-bottom: -2px; line-height:normal}
.shop-menu li:hover a {color: #d0bb8a; border-bottom: 1px solid #d0bb8a; padding-bottom:8px; }
.shop-menu li.active span {color: #d0bb8a; border-bottom: 1px solid #d0bb8a; padding-bottom:8px; }

.header__services .title, .header__services .title i {
    cursor:pointer;
    color: #050206;
    transition: all 0.3s ease-in-out 0s;
}
.header__services .title:hover ,  .header__services .title:hover i {
    color: #d0bb8a;
}

.header__services .title:hover i {
    transform: rotate();
    transition: all 0.3s ease-in-out 0s;
}
.menu a {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}
.menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: none;
    justify-content: flex-end;
    color: #66625f;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .18px;
    height: 100vh
}

.menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.menu ul li {
    position: relative
}

.menu a, .menu a:not([href]):not([class]) {
    cursor:pointer;
    text-decoration: none;
    color: #232323;
}

.menu__overlay {
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(102,98,95,.9)
}

.menu__container {
    background-color: #fff;
    max-width: 700px;
    width: 100%;
    position: relative;
    overflow-y: auto
}

.menu__header {
    padding: 10px 20px;
    background-color: #236d45;
    display: flex;
    align-items: center;
}

.menu__header .text {
    padding-left: 40px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .16px;
    text-transform: uppercase;
    text-shadow:none;

}

.menu__header .close {
    cursor: pointer;
    display: flex;
    align-items: center;
    min-width: 35px;
    min-height: 35px;
    position: relative;
    opacity:1 !important;
}

.menu__header .close span {
    top: 50%;
    left: 0%;
    display: block;
    position: absolute;
    width: 33px;
    height: 1px;
    background-color: #ffffff;
    transform: translateY(-50%) rotateZ(45deg)
}

.menu__header .close span:last-child {
    transform: translateY(-50%) rotateZ(135deg)
}

.menu__body {
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 70px;
    z-index: 0
}

.menu__body a, .menu__body a {
    color: #232323;
    display: block;
    padding: 20px;
    z-index: 1;
    position: relative
}

.menu__body li {
    margin: 5px 0;
    background: #f2f2f2;
    position: relative
}

.menu__body li:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    transform: scaleX(0);
    transform-origin: left center;
    transition: .3s transform;
    position: absolute;
    z-index: 0
}

.menu__body li:hover:before {
    transform: scaleX(1)
}

.menu__sub a {
    padding-top: 15px;
    padding-bottom: 15px
}


.services .menu__body a {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 20%;
    text-transform: uppercase;
}

.services .menu__body a:before {
    position: absolute;
    display: block;
    content: "";
    width: 10%;
    height: 1px;
    background-color: #66625f;
    right: 10%;
    transition: right .3s;
    top: 50%;
    transform: translateY(-50%)
}

.services .menu__body a:after {
    position: absolute;
    display: block;
    content: "";
    height: 5px;
    width: 5px;
    right: 10%;
    border-top: 1px solid #66625f;
    border-right: 1px solid #66625f;
    transform: translateY(-50%) rotateZ(45deg);
    transition: right .3s;
    top: 50%
}

.services .menu__body a:hover:after,.services .menu__body a:hover:before {
    right: 5%
}

.services .menu__sub {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 70px
}

.services .menu__sub .back {
    cursor: pointer;
    padding: 15px;
    background-color: #236d45;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .16px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    position: relative
}

.services .menu__sub .back span {
    margin-left: 45px
}

.services .menu__sub .back:before {
    position: absolute;
    display: block;
    content: "";
    height: 10px;
    width: 10px;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    top: 50%;
    transform: translateY(-50%) rotateZ(45deg);
    left: 25px
}

.services .menu__sub .back:after {
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: block;
    content: "";
    width: 25px;
    height: 2px;
    margin-left: 1px;
    background-color: #ffffff;
    transition: right .3s
}

/* ------------------------ы
14. Dropdown cart
------------------------*/

/* ------------------------
15. Side Nav
------------------------*/

.right-nav a i { font-size: 26px;}
.left-nav a i { font-size: 26px;}

.top_mini_card {
    position: absolute;
    top: -0.5rem;
    right: -0.05rem;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 11px;
    font-weight: 500;
    border-radius: 50%;
    background-color: #FF324D;
    color: #fff;
}

/* ------------------------
16. Search Block
------------------------*/

.header-1 .search_wrap {position: fixed; left: 0; right: 0; max-width: 800px; margin: 0 auto; padding: 80px 40px; z-index: 9999;  bottom: 0; opacity: 0; visibility: hidden; display: -ms-flexbox; display: flex; height: 100%; -ms-flex-align: center; align-items: center;}
.header-1 .close-search {font-size: 40px; color: #050206; cursor: pointer; position: absolute; right: 5%; top: 25%;}
.header-1 .search_wrap .form-control {background-color: transparent; border-bottom: 2px solid #050206; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; padding: 10px 0; color: #050206;}
.header-1 .search_icon {font-size: 24px; z-index: 9999; position: absolute; right: 5px; top: 5px; border: 0; background-color: transparent; cursor: pointer; padding: 0; color: #050206;}
.header-1 .search_wrap form {position: relative; width: 100%;}
.header-1 .search_overlay { content: ""; background-color: #ffffff; height: 100%; top: 0; position: fixed; text-align: center; opacity: 0.7; right: 0; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); width: 0; z-index: 99;}
.header-1 .search_overlay.open {left: 0; right: auto; width: 100%;}
.header-1 .search_wrap.open {opacity: 1; visibility: visible; -webkit-animation: slideInLeft 1s both; animation: slideInLeft 1s both;}

/* ------------------------
17. Slider
------------------------*/

.home-slide.owl-carousel .owl-dots {bottom:5%}
.home-slide.owl-carousel .owl-dots .owl-dot span { height:8px; width:14px; border-radius:5px; border:none; background:rgba(0,0,0,0.4)}
.home-slide.owl-carousel .owl-dots .owl-dot:hover span, .home-slide.owl-carousel .owl-dots .owl-dot.active span {background:#393938; width:30px}
.banner-slider .owl-carousel, .banner-slider .owl-stage-outer, .banner-slider .owl-stage, .banner-slider .owl-item, .banner-slider .item { height: 100%; }
.banner-bg .owl-carousel.owl-2 .owl-nav {top:50%}
.banner-bg-full .banner-slider .owl-carousel, .banner-bg-full .banner-slider .owl-stage-outer, .banner-bg-full .banner-slider .owl-stage, .banner-bg-full .banner-slider .owl-item, .banner-bg-full .banner-slider .item {max-height:800px}
.banner-bg-full .owl-carousel.owl-2 .owl-nav {top:50%}


/* ------------------------
Bafore After
------------------------*/
.before_after .owl-carousel .owl-dots {bottom:-10%}
.before_after .owl-carousel .owl-dots .owl-dot span { height:8px; width:14px; border-radius:5px; border:none; background:rgba(0,0,0,0.4)}
.before_after .owl-carousel .owl-dots .owl-dot:hover span, .before_after .owl-carousel .owl-dots .owl-dot.active span {background:#393938; width:30px}
.before_after .owl-carousel  { height: 100%; }
.before_after .owl-carousel.owl-2 .owl-nav {top:50%}
/* ------------------------
18. Advanced Search
------------------------*/


/* ------------------------
19. Page Titles & breadcrumbs
------------------------*/
.page-title h1 {font-size:28px;}
.breadcrumb {font-size:14px}
.breadcrumb-item+.breadcrumb-item::before { color:rgba(0,0,0,0.2)}


/* ------------------------
20. Sections
------------------------*/

.category-content ul, .category-content ul li {
    list-style-type: none;
}
.category-content ul li {
    margin-bottom: 10px;
}
.category-content ul li:before {
    content: "+";
    display: inline-block;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 0px 15px;
    color: #236d45;
}
.product-block {
    padding: 0px 15px;
    position: relative;
    margin-top: 0px;
    padding-bottom: 30px;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #f5f5f5 #eee #d5d5d5 #eee;
    box-shadow: 0 5px 0 rgba(200,200,200,.2);

}

.product-block .owl-carousel.owl-2 .owl-nav {top:0}
.product-block .owl-carousel.owl-2 .owl-nav button.owl-prev {right:60px; left:auto}
.product-block .owl-carousel.owl-2 .owl-nav button.owl-next {right:20px;}
.product-block .owl-carousel .owl-nav button.owl-prev, .product-block .owl-carousel .owl-nav button.owl-next {width: 40px; height: 40px; line-height: 35px; font-size:20px}
.product-block .owl-carousel .owl-nav button.owl-prev:hover, .product-block .owl-carousel .owl-nav button.owl-next:hover {background:#88be4c}
.product-block .row_title {
    margin-left: -25px;
    border-bottom: 1px #e5e5e5 solid;
}
.cat-img {width:100px; margin:auto; margin-top:20px;}
.product-block .row_title h2 {color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 10px 25px 10px 25px;
    position: relative;
    display: inline-block;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: #ed6663;
    margin-top: 0px;
    min-width: 250px;}
	
.product-block .row_title h2:after {
    content: "";
    height: 1px;
    width: 1px;
    border-style: solid;
    border-width: 5px;
    position: absolute;
    bottom: -10px;
    left: 0;
    border-color: #d95451 #d95451 transparent transparent;
}

.product-block .owl-carousel .product-card:hover {box-shadow:none}
.product-block .owl-carousel .product-card { margin:0 10px; padding-bottom:0px}	
.product-block .product-card .card-body {padding:10px 10px 0px 10px}
.product-block h2.bg-dark-green {background:#88be4c}
.product-block h2.bg-dark-green:after { border-color:#6a9c32 #6a9c32 transparent transparent}
.product-block .client-img {border:1px #eaeaea solid; margin-top:31px; margin-left:15px; margin-right:10px; width:150px; padding:10px; margin-bottom:10px}	
.product-block .link-title:hover {color: #ed6663;}

.product-block-div {box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);border:none}
.product-block-div .row_title h2 {padding: 5px 25px 5px 25px;  min-width: 270px; font-size:18px; font-weight:600}
.product-block-div h2.bg-dark-blue {background:#0f6cb2}
.product-block-div h2.bg-dark-blue:after { border-color:#085b9a #085b9a transparent transparent}
.product-block-div h2.bg-yellow {background:#fdd922}
.product-block-div h2.bg-yellow:after {border-color:#cfb117 #cfb117 transparent transparent}
.product-block-div h2.bg-redish {background:#e94148}
.product-block-div h2.bg-redish:after {border-color:#d32e36 #d32e36 transparent transparent}
.product-block-div .star-rating {font-size:12px}
.product-block-div .product-price {font-size:14px; font-weight:500}
.product-block-div .product-price del {margin-right:3px}
.product-block-div .owl-carousel .owl-nav button.owl-prev:hover, .product-block-div .owl-carousel .owl-nav button.owl-next:hover {background: #fdd922; color:#333}

.product-block-div-1 {box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);border:none}
.product-block-div-1 .row_title h2 {background:none; color:#d23b3b; text-transform:none; font-size:24px; font-weight:500; letter-spacing:normal}
.product-block-div-1 .owl-carousel .product-card {padding-top:25px}
.product-block-div-1 .owl-carousel .owl-nav button.owl-prev:hover, .product-block-div .owl-carousel .owl-nav button.owl-next:hover {background: #fdd922; color:#333}
.product-block-div-1 h2.bg-black {background:#232628 url(../images/car/bg/bg-img.png) repeat top left; color:#fff}
.product-block-div-1 h2.bg-black:after {border-color:#17191a #17191a transparent transparent}
.product-block-div-1 h2.bg-red-block {background:#d23b3b url(../images/car/bg/bg-img-white.png) repeat top left; color:#fff}
.product-block-div-1 h2.bg-red-block:after {border-color:#bc2929 #bc2929 transparent transparent}
.product-block-div-1 .owl-carousel .owl-nav button.owl-prev:hover, .product-block-div-1 .owl-carousel .owl-nav button.owl-next:hover {background:#d23b3b; color:#fff}

/* ------------------------
21. product
------------------------*/

.product-content ul, .product-content ul li {
    list-style-type: none;
}
.product-content ul li {
    margin-bottom: 10px;
}
.product-content ul li:before {
    content: "+";
    display: inline-block;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 0px 15px;
    color: #236d45;
}


/* ------------------------
22. services
------------------------*/

.services-header1 {
    text-transform: initial;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}

.services-header2 {
    margin: 0;
    font-size: 30px;
    color: #050206;
    font-family: 'Montserrat', sans-serif;
}

.services-header3 {
    font-size: 25px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing:1.5px;
    margin: 0;
    padding: 0;
    font-style: normal;
    letter-spacing: -0.5px;
    color: #050206;
    margin-bottom: 2rem;
}

.services-header4 {
    text-transform: initial;
    text-transform: lowercase;
     font-weight: 800; 
     margin-left: 300px;
     font-size: 36px;
     font-family: 'Montserrat', sans-serif;
}

.services-header5 {
    text-transform: initial;
    text-transform: uppercase;
     font-weight: 500; 
     font-size: 25px;
     font-family: 'Montserrat', sans-serif;
}

.services-header6 {
    margin: 0;
    font-size: 25px;
    font-weight: 400;
    color: #050206;
    /* margin-left: 225px; */
    text-transform: initial;
    font-family: 'Montserrat', sans-serif;
}

.service-bg {
    height: 400px;
    background-size:cover;
    background-position: right center;
}
.service-item-bg {
    height: 400px;
    background-size:cover;
    background-position: top center;
}


/* ------------------------
23. our team
------------------------*/


/* ------------------------
24. banner
------------------------*/

.banner-list {position:relative;}

.cat-design-default.categories-with-shadow .wrapp-category {
	position: relative;
    overflow: hidden;
	margin-top:30px;
    border: 1px #f2f2f2 solid;
    border-radius: 8px;
}

.category-grid-item .category-image {
    display: block;
    margin: -1px;
    transition: -webkit-transform .5s cubic-bezier(0,0,.44,1.18);
    transition: transform .5s cubic-bezier(0,0,.44,1.18);
    transition: transform .5s cubic-bezier(0,0,.44,1.18),-webkit-transform .5s cubic-bezier(0,0,.44,1.18);
}

.cat-design-default .hover-mask {
    position: absolute;
    right: 20px;
    bottom: 15px;
    left: 20px;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translateY(100%) translateZ(0);
    transform: translateY(100%) translateZ(0);
}

.category-grid-item .category-title {
    margin-bottom: 0;
    color: #050206;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
	position: absolute;
    bottom: 100%;
    left: 0;
	font-family: 'Open Sans', sans-serif;
}

.category-grid-item .count {
    display: none;
    padding: 0;
    background-color: transparent;
    color: rgba(88,88,88,.35);
}

.cat-design-default .more-products {
    margin-top:0px;
    opacity: 0;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: transform .3s ease,opacity .3s ease;
    transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
    -webkit-transform: translateY(15px) translateZ(0);
    transform: translateY(15px) translateZ(0);
	color: #8E8E8E;
    font-size: 110%;
	font-size:14px
}

.cat-design-default .more-products a {color: #b38b59; text-transform: uppercase;}

.category-grid-item .category-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
}

.category-grid-item img {
    width: 100%;
}

.cat-design-default:hover .hover-mask {
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}

.cat-design-default:hover .more-products {
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}

.cat-design-default .hover-mask.dark-yellow {background: #cdaf0e; text-align:center; left:0; right:0; bottom:0px; padding-bottom:15px}
.cat-design-default .hover-mask.dark-yellow .category-title {background: #cdaf0e; padding: 14px 0; text-transform: uppercase; color: #fff; letter-spacing: 6px; font-size:14px; left:0; width:100%; font-family:'Roboto Slab', serif; font-weight:900}
.dark-yellow .more-products {background: #cdaf0e; padding-bottom: 10px; color:#fff}

.cat-design-default .hover-mask.dark-blue {background: #82b8d6; text-align:center; left:0; right:0; bottom:0px; padding-bottom:15px}
.cat-design-default .hover-mask.dark-blue .category-title {background: #82b8d6; padding: 14px 0; text-transform: uppercase; color: #fff; letter-spacing: 6px; font-size:14px; left:0; width:100%; font-family:'Roboto Slab', serif; font-weight:900}
.dark-blue .more-products {background: #82b8d6; padding-bottom: 10px; color:#fff}

.cat-design-default .hover-mask.dark-purple {background: #524672; text-align:center; left:0; right:0; bottom:0px; padding-bottom:15px}
.cat-design-default .hover-mask.dark-purple .category-title {background: #524672; padding: 14px 0; text-transform: uppercase; color: #fff; letter-spacing: 6px; font-size:14px; left:0; width:100%; font-family:'Roboto Slab', serif; font-weight:900}
.dark-purple .more-products {background: #524672; padding-bottom: 10px; color:#fff}

.cat-design-default .hover-mask.dark-green {background: #36773e; text-align:center; left:0; right:0; bottom:0px; padding-bottom:15px}
.cat-design-default .hover-mask.dark-green .category-title {background: #36773e; padding: 14px 0; text-transform: uppercase; color: #fff; letter-spacing: 6px; font-size:14px; left:0; width:100%; font-family:'Roboto Slab', serif; font-weight:900}
.dark-green .more-products {background: #36773e; padding-bottom: 10px; color:#fff}

.cat-design-default .hover-mask.dark-pink {background: #c97698; text-align:center; left:0; right:0; bottom:0px; padding-bottom:15px}
.cat-design-default .hover-mask.dark-pink .category-title {background: #c97698; padding: 14px 0; text-transform: uppercase; color: #fff; letter-spacing: 6px; font-size:14px; left:0; width:100%; font-family:'Roboto Slab', serif; font-weight:900}
.dark-pink .more-products {background: #c97698; padding-bottom: 10px; color:#fff}

.cat-design-default .hover-mask.dark-red {background: #cb3e19; text-align:center; left:0; right:0; bottom:0px; padding-bottom:15px}
.cat-design-default .hover-mask.dark-red .category-title {background: #cb3e19; padding: 14px 0; text-transform: uppercase; color: #fff; letter-spacing: 6px; font-size:14px; left:0; width:100%; font-family:'Roboto Slab', serif; font-weight:900}
.dark-red .more-products {background: #cb3e19; padding-bottom: 10px; color:#fff}

.cat-design-default .more-products a.qty {color: #fff; position: absolute; width: 100%; left: 0; top: -12px;}

.banner-row h3 {font-size:26px; line-height:26px; margin-bottom:1rem; font-family: 'Open Sans', sans-serif;}
.banner-row .more-link {font-size:14px; text-decoration:underline}

.banner-row.full h3 {font-size: 14px; line-height:1.5; margin-bottom:0.5rem; font-weight:400; font-family: 'Open Sans', sans-serif; text-transform: uppercase;}

.header-banner, .header-banner2 {
    display: block;
    position: relative;
    margin-bottom: 15px;
}

.header-banner2 {
    margin: 20px 20px 15px 20px;
}

.banne_info {
    position: absolute;
    left: 10px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 15px;
}

.banne_info h6 {margin-bottom:0; font-size:16px;}
.banne_info h4 {margin-bottom:0; font-size:24px;}
#navCatContent li .dropdown-menu li .banne_info a {padding:8px 0px; color:#157ed2;}

.header-banner img, .header-banner2 img {width:100%}

#navCatContent li .dropdown-menu li .header-banner2 a {padding:0}

/* ------------------------
25. social
------------------------*/

/* ------------------------
26. Contact
------------------------*/
.custom-select {border-radius:3px}
.form-control { height: 3rem; font-size: 0.9rem; padding: .375rem .85rem; }
.input-1 { border: 1px solid #d0d7e7; }
.input-2 { border: none; background: none;}
.form-control:focus { color: #495057; background-color: none; border-color: #666; outline: 0; box-shadow: none; }
.form-group { margin-bottom: 1.3rem; position: relative; }
.ajax_form .form-group .error {color: red;  border:1px red solid}
.contact-info {font-size:14px; color:#050206}
.contact-info a {color:#050206}
.contact-info p{font-size:14px; color:#050206}
.contact-info .border-bottom {border-bottom:1px rgba(0,0,0,.1) solid!important}
.contact-info h6 {font-size:16px; font-weight:600; }

/* ------------------------
27. Tab
------------------------*/
.nav-tabs-div {border:none}
.nav-tabs.nav-tabs-div .nav-item.nav-link {letter-spacing:2px; text-transform:uppercase; color:#050206; font-weight:400; margin: 0 25px; padding:0; position:relative; font-size:16px;padding-bottom: 10px;margin-bottom: 1rem; border-bottom: 1px solid transparent;}
.nav-tabs.nav-tabs-div .nav-item.nav-link:after {border-right:1px #ddd solid; position:absolute; content:""; height:35px; right:-28px; top:-5px; transform: rotate(20deg);} 
.nav-tabs.nav-tabs-div .nav-item.nav-link:last-child:after {display:none}
.nav-tabs .nav-item.nav-link { display: inline-block; padding: 0 0.7rem 0.3rem; color: #050206; border-radius: 0; border: none; border-bottom: 3px solid transparent; margin-bottom: -2px; line-height:normal }
header .navbar-nav .nav-tabs .nav-item {margin-left:0}
.navbar .dropdown .nav-tabs .nav-link::after { display:none}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { color: #333; border-bottom: 3px solid #83b14f }
.nav-tabs.nav-tabs-div .nav-item.show .nav-link, .nav-tabs.nav-tabs-div .nav-link.active, .nav-tabs.nav-tabs-div .nav-link:focus, .nav-tabs.nav-tabs-div .nav-link:hover { color: #d0bb8a; border-bottom: 1px solid #d0bb8a; padding-bottom:10px; margin-bottom: 1rem;}
.nav-tabs.nav-tabs-div.red .nav-item.show .nav-link, .nav-tabs.nav-tabs-div.red .nav-link.active, .nav-tabs.nav-tabs-div.red .nav-link:focus, .nav-tabs.nav-tabs-div.red .nav-link:hover {color: #c33;border-bottom: 1px solid #c33;}
.product-tab .nav-tabs .nav-item.nav-link {text-transform:uppercase; padding:0px 0 15px 0; margin-right:30px; letter-spacing:1px; font-weight:500; font-size:16px; }
.product-tab .nav-tabs .nav-item.show .nav-link, .product-tab .nav-tabs .nav-item.nav-link.active, .product-tab .nav-tabs .nav-link:focus, .product-tab .nav-tabs .nav-link:hover {border-bottom:3px solid #e5c67d}

.tab-content ul, .tab-content ul li {
    list-style-type: none;
}
.tab-content ul li {
    margin-bottom: 10px;
}
.tab-content ul li:before {
    content: "+";
    display: inline-block;
    font-weight: bold;
    font-size: 1rem;
    padding: 0px 15px;
    color: #236d45;
}

.tab-links a {color: #ffffff; background-color: #e5c67d; padding: 0 5px;}
.tab-links a:hover {text-decoration: underline;}

@media (max-width:575.98px) {
    .nav-tabs .nav-item.nav-link { padding: .5rem 1rem; width: 100%;}
	.product-tab .nav-tabs .nav-item.nav-link {border-bottom: 1px #eaeaea solid;}
}



/* -------------------------------
28. Background Position & Size
-------------------------------*/
[data-bg-img] { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.bg-cover { background-size: cover; }
.bg-contain { background-size: contain; }
.bg-pos-l { background-position: left; }
.bg-pos-r { background-position: right; }
.bg-pos-rt { background-position: right top; }
.bg-pos-lt { background-position: left top; }
.bg-pos-rb { background-position: right bottom; }
.bg-pos-lb { background-position: left bottom; }
.bg-repeat { background-repeat: repeat; }
.bg-pos-b { background-position: bottom; }
.bg-pos-ct { background-position: center top; }


.owl-carousel .product-card { margin: 15px; }
.owl-carousel .product-card:hover { box-shadow: 0 0px 15px 5px rgba(0, 0, 0, .15) }
.product-card {border: none; padding-bottom: 20px; overflow:hidden; border: 1px #f2f2f2 solid;}
.product-card:hover { box-shadow: 0 10px 55px 5px rgba(0, 0, 0, .15) }

.product-card .card-footer { bottom: 0; width: 100%; position: absolute; display: none; padding: 0; }
.product-link .btn { padding: 0.50rem 0.75rem; }
.product-card img { max-width: 100% }
.product-card:hover .card-info { position: relative; background: #fff }
.product-card .product-title {font-size:18px; font-weight:500; min-height: 100px; padding: 0 5%;}
.product-card .product-title small {color: #050206;}
.product-list .product-link { position: relative; left: inherit; top: inherit !important; opacity: 1; }
.product-link .btn-view, .product-link .btn-compare { background: #eee; }
.product-link button i, .product-link a i { display: inline-block; font-size: 24px; line-height: 24px; vertical-align: bottom; }
.product-list.product-card:hover .card-body { transform: inherit; }
.product-list.product-card { border-bottom:1px #eaeaea solid; padding-top:0 }
.product-list.card {border:none; border-bottom:1px #ddd solid; margin-bottom:30px; padding-bottom:30px}
.product-list .product-title {font-size:18px; font-weight:500}
.product-list .btn-cart {padding-right:18px}
.product-link .btn-view:hover, .product-link .btn-compare:hover {background-color: #2a2a2a;}
.product-list.product-card .btn-wishlist { right: inherit; left: .75rem }
.product-list.product-card .card-body { padding: 0; text-align: left; }
.product-list.product-card .card-footer { bottom: inherit; position: relative; display: block; }
.product-card .card-body { padding: 20px 5px; position: relative; text-align: center; background: #fff }

.product_color_switch span {height: 12px; width: 12px; display: inline-block; vertical-align: middle; margin:3px 0px 10px 0px; position: relative; cursor: pointer; border-radius: 100%;}
.product_img_switch span {height: 35px; width: 35px; display:inline-block; vertical-align: middle; margin:3px 0px 10px 0px; position: relative; cursor: pointer; border-radius:999px; border:1px #ddd solid; padding:3px 5px}
.product_img_switch span img {width:25px}
.product-price {font-weight: 500; padding-bottom:5px; display:block}
.product-details .product-price {font-weight:500; padding-bottom:0; font-family: 'Open Sans', sans-serif; font-size: 28px;}
.product-price del { font-size: 0.9rem; font-weight:400; margin-right: 3px;}
.product-details .desc {font-size:14px}

.cart-table thead th { padding: 15px; text-align: left; border: none; vertical-align: middle; color: #050206; font-size: 16px; font-weight: 500; }
.cart-table td { padding: 15px 15px; color: #050206; vertical-align: middle; position:relative }
.cart-thumb img {max-width:100px}
.cart-table .close-link {position: absolute; right: 0; top: 50%; margin-top: -15px;}


input.form-product { -moz-appearance: textfield; height: 40px; border: none; background: #ffffff; text-align: center; width: 50px; border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da; color: #042825; vertical-align: middle; }
.btn-product { background: none; color: #042825; border: 1px solid #ced4da; height: 40px; width: auto; padding: 0 10px; font-size: 13px; cursor: pointer;}
.btn-product.btn-product-up { border-radius:3px 0px 0px 3px  }
.btn-product.btn-product-down { border-radius:0px 3px 3px 0px  }

[type="radio"][disabled] + label {
    color: #cecece !important;
} 
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #35523f;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* ------------------------
29. Countdown
------------------------*/
.hot-deal h2 {font-size:48px}
.countdown { width: 100%; padding:20px 0px }
.countdown > li { font-weight: 600; list-style-type: none; display: flex; align-items:center; justify-content: center; margin-right: 10px; background:#fff; padding:30px 20px; min-width:100px; text-align:center; border-radius:3px }
.countdown > li span { font-family: 'Spartan', sans-serif; font-size: 30px; font-weight: 600; line-height: 34px; display: inline-block; color: #042825; margin-right:3px }
.countdown > li p { font-family: 'Spartan', sans-serif; text-transform: uppercase; font-size: 14px; display: block; line-height: 24px; margin-bottom: 0; color: #666; }
.countdown.text-white > li span { color: #ffffff }
.coming-soon .countdown > li{background: #eeeff7; padding: 15px 20px 10px; border-radius: .25rem; align-items: center;}

.hot-deal-1 h7 {font-weight:400; font-size:32px}
.hot-deal-1 h2 {font-size:50px; font-weight:600; margin-bottom:25px; letter-spacing:-1px}
.hot-deal-1 h6.border-bottom-pink {font-size:22px; border-bottom: 1px #FF324D solid; display: inline-block; padding-bottom: 5px;}
.color-availblity {vertical-align:middle; display:block; margin-bottom:25px}
.hot-deal-1 p {font-size:15px; color:#777; line-height:21px}
.color-availblity span {margin-right:3px; margin-left:2px; height:20px; width:20px; border-radius:999px; display:inline-block; vertical-align:middle}
.color-availblity .yellow-round {background:#ffc107; }
.color-availblity .purple-round {background:#6d5b97;}
.color-availblity .green-round {background:#88b04b;}

.hot-deal-1 .hide {display: none;}
.hot-deal-1 .myDIV {position:absolute; right:50px}
.hot-deal-1 .myDIV i {font-size:30px; background:#f2596d; padding:15px; color:#fff; border-radius:999px; animation: heartBeat 1.3s infinite running;}
.hot-deal-1 .myDIV:hover + .hide {
  display: block;
  color: red;
  position:absolute;
  width:280px;
  background:#fff;
  right:120px;
  top:40px;
  padding:20px 20px 0px 20px;
  box-shadow: 0 0px 15px 5px rgba(0, 0, 0, .15);
  
}
.hot-deal-1 .myDIV i.black {background:#222}
.hot-deal-1.hot-deal-right .myDIV {position:absolute; left:50px; right:auto}
.hot-deal-1.hot-deal-right .myDIV:hover + .hide {left:120px; right:auto}
.hot-deal-1.hot-deal-right h6 {border-bottom:1px #c33 solid; display:inline-block; padding-bottom:5px;}

/* ------------------------
30. 404 page
------------------------*/
.error-page h2 {font-size:200px; font-weight:700; color:#222; line-height:normal; padding:0; margin:0}
.error-page h4 {margin-bottom:50px}

/* ------------------------
31. coming soon page
------------------------*/


/* ------------------------
32. Newsletter
------------------------*/


/* ------------------------
33. Testimoanils
------------------------*/


/* ------------------------
34. Other
------------------------*/
.inner_page ul, .inner_page ul li {
    list-style-type: none;
}
.inner_page ul li{
    margin-bottom: 10px;
}
.inner_page ul li:before {
    content: "\f30b"; 
    font-family: 'Line Awesome Free'; 
    font-weight: 900; 
    font-size: 1.5rem;
    display: inline-block;
    padding: 0px 15px 0 0;
    color: #236d45;
    vertical-align: middle;
}

.indications ul, .indications ul li, .indications-all ul, .indications-all ul li {
    list-style-type: none;
    margin-bottom: 20px;
}
.indications ul li, .indications-all ul li {
    margin-bottom: 10px;
}
.indications ul:nth-child(1) li:before, .indications-all ul li:before {
    content: "\f30b"; 
    font-family: 'Line Awesome Free'; 
    font-weight: 900; 
    font-size: 1.5rem;
    display: inline-block;
    padding: 0px 15px 0 0;
    color: #236d45;
    vertical-align: middle;
}
.indications ul:nth-child(3) li:before, .indications-all ul li:before {
    content: "\f30b"; 
    font-family: 'Line Awesome Free'; 
    font-weight: 900; 
    font-size: 1.5rem;
    display: inline-block;
    padding: 0px 15px 0 0;
    color: #236d45;
    vertical-align: middle;
}
.indications ul:nth-child(2) li:before {
    content: "\f30b"; 
    font-family: 'Line Awesome Free'; 
    display: inline-block;
    font-weight: 900; 
    font-size: 1.5rem;
    padding: 0px 15px 0 0;
    color: #E23201;
    vertical-align: middle;
}
.indications ul:nth-child(4) li:before {
    content: "\f30b"; 
    font-family: 'Line Awesome Free'; 
    display: inline-block;
    font-weight: 900; 
    font-size: 1.5rem;
    padding: 0px 15px 0 0;
    color: #E23201;
    vertical-align: middle;
}



.list-group-item-action:focus, .list-group-item-action:hover { color: #FF324D; background-color: inherit; }

.page-link{color: #050206;}
.page-item.active .page-link { background-color: #FF324D; }
.page-item a.page-link:hover { color: #ffffff !important; background-color: #FF324D; border-color: #FF324D; }

.link-title { color: #050206;}
.link-title:hover { color: #e5c67d; }
.link-title-2 { color: #333 }
.link-title-2:hover { color: #c33 }
.line-h-0 { line-height: 0; }
.la { line-height: inherit }
.bg-dark hr, .bg-primary hr { border-top-color: rgba(255, 255, 255, 0.2); }
.light-border { border-top-color: rgba(255, 255, 255, 0.1); }

.login, .register {font-size:14px}
.login .store-name {font-size:90px; color:rgba(0,0,0,0.1); text-align:center; font-weight:800; letter-spacing:-6px; margin-bottom:30px;  line-height: 1.2em;}
.register .btn {width:100%}
.checkout-page {font-size:15px}
.dashboard-page .tab-content {padding:0px}
.dashboard-page .tab-content .card-body {padding:0; border:none}
.dashboard-page .tab-content .card-body a {text-decoration:underline}
.dashboard-page .nav-tabs .nav-link {text-transform: uppercase; color:#292b2c; padding:14px 15px; letter-spacing:1px; font-size:14px; font-weight: 500; border:none; border-radius:0; background:#f4f4f4; margin-bottom:3px}
.dashboard-page .nav-tabs .nav-link:hover {border:none; color:#FF324D}
.dashboard-page .nav-tabs .nav-link.active {background: #FF324D; color:#fff}

.newsletter {border-radius:0}
.newsletter .modal-content { border-radius:0}
.newsletter .close {position:absolute; right:20px; color:#495057; cursor:pointer; font-size:36px; opacity:1; background:#fff; padding:0px 8px; z-index:10; top:20px}
.modal-backdrop.show {opacity: .7;}

.newsletter .form-control {border:1px solid #d7d7d7; border-radius:0}
.newsletter .bottom-text {font-size:13px; color:#999; line-height:19px; margin-top:30px; display:block}
.newsletter .bottom-text input[type=checkbox] { vertical-align:middle; height: 18px; margin-right:5px}


.service-form {border-radius:0}
.service-form .modal-content { border-radius:0}
.service-form .close {position:absolute; right:10px; color:#495057; cursor:pointer; font-size:36px; opacity:1; background:#fff; padding:0px 8px; z-index:10; top:15px}
.modal-backdrop.show {opacity: .7;}
.service-form h2 {font-size:20px; margin-top:20px}
.service-form .form-control {border:1px solid #d7d7d7; border-radius:0}
.service-form .bottom-text {font-size:13px; color:#999; line-height:19px; margin-top:30px; display:block}
.service-form .bottom-text input[type=checkbox] { vertical-align:middle; height: 18px; margin-right:5px}
.input-icon {
    position: absolute;
    font-size: 24px;
    color: #999;
    right: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.action-call input {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.action-call button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: .62rem 1rem;
    
}

/* ------------------------
35. wave & promotion tag
------------------------*/

.new-label {
    font-size: 11px;
    color: #fff;
    background: #e5c67d;
    text-transform: uppercase;
    padding: 0px 10px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 15px;
    font-weight: 500;
    height: 22px;
    border-radius: 0px 3px 3px 0px;
    line-height: 24px;
    z-index: 10;
    letter-spacing: 0.5px;
}

.hot-label {
    font-size: 11px;
    color: #fff;
    background: #236d45;
    text-transform: uppercase;
    padding: 0px 10px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 15px;
    font-weight: 500;
    height: 22px;
    border-radius: 0px 3px 3px 0px;
    line-height: 24px;
    z-index: 10;
    letter-spacing: 0.5px;
}

.sale-label {
    font-size: 11px;
    color: #fff;
    background: #E23201;
    text-transform: uppercase;
    padding: 0px 10px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 15px;
    font-weight: 500;
    height: 24px;
    border-radius: 0px 3px 3px 0px;
    line-height: 26px;
    z-index: 10;
    letter-spacing: 0.5px;
}
.service-label {
    font-size: 11px;
    color: #fff;
    background: #236d45;
    text-transform: uppercase;
    padding: 0px 10px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0px;
    top: 15px;
    font-weight: 500;
    height: 24px;
    border-radius: 0px 3px 3px 0px;
    line-height: 26px;
    z-index: 10;
    letter-spacing: 0.5px;
}

/* ------------------------
36. video-promotion
------------------------*/


/* ------------------------
37. Insta
------------------------*/
.insta-item { position: relative; display: inline-block; height: 100% }
.insta-item-wr { position: relative;}
.insta-item-wr p { position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .4); color: #ffffff; margin: 0; padding: 0 10px; width: 100%; min-height: 50px; text-align: center; font-size: 14px;}
.insta-item-wr::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); content: ""; opacity: 0; -webkit-transition: all .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.insta-item-wr:hover::before { opacity: 1; }
.insta-icon { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 1; display: block; width: 50px; height: 50px; line-height: 50px; margin: auto; border-radius: 50%; background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); opacity: 0; text-align: center; font-size: 30px; transform: scale(0); color: #ffffff }
.insta-item:hover .insta-icon { opacity: 1; transform: scale(1); }


/* ------------------------
38. Blog
------------------------*/
.blog-sidebar .widget .media img {width:100px; height:85px}
.blog-sidebar .widget h6 {font-size:16px; line-height:21px;}
.blog-sidebar .widget.banner .more-link {font-size: 14px; text-decoration: underline;}
.blog-sidebar .widget.banner h4 {line-height:24px}
.blog-sidebar .form-inline .btn {border:1px solid #ced4da; padding:0px 15px; height:3rem;  border-radius:0px 0px 3px 3px; transform: rotate(-90deg); font-size:16px; background:#f4f4f4; color:#000}
.blog-sidebar .form-inline .btn i {font-size:16px; font-weight:900}
.blog-sidebar .form-control {border-right:none; margin:0; border-radius:3px 0px 0px 3px}
.blog-info {}
.blog-info span {color:#ddd; font-weight:300; margin-left:5px; margin-right:5px}
.blog-info i {color:#999; font-size:18px}

blockquote {border-left:4px #e5c67d solid; padding:25px 30px; background:#f2f2f2; font-weight:300; font-size:18px; margin:30px 0; color:#050206; font-style: italic;}
blockquote span {display:block; font-size:16px; color:#333; margin-top:15px; font-weight:500; font-style:normal}

.date {font-size:13px; text-transform:uppercase; font-weight:600; position:relative; padding-right:10px; margin-right:12px; letter-spacing:0.5px}
.date:after {border-right: 1px #d1d1d1 solid; position: absolute; content: ""; height: 15px; right:-5px; top: 0px; transform: rotate(20deg);}

/* ------------------------
39. Modal Popup
------------------------*/

/* ------------------------
40. dropdown currency and language
------------------------*/

/* ------------------------
41. Accordion
------------------------*/
.accordion>.card {overflow: hidden; border:none}
.faq-page .accordion>.card {border:none; padding:20px 0px;}
.accordion .card-header { background: none; border: none; position: relative; padding: 0; }
.accordion .card-header a { font-weight: 500; text-transform: capitalize; display: inline-block; width: 100%; font-size:18px; }
.faq-page .accordion .card-header a { font-weight: 500; text-transform: initial; display: inline-block; width: 100%; }
.accordion .card-header a:before { width: 20px; height: 20px; border-radius:100%; text-align: center; line-height: 20px; content: "\f107"; font-family: 'Line Awesome Free'; font-weight: 900; font-size: 1rem; top: 50%; position: absolute; right: 0; margin-top: -10px; }
.accordion .card .card-header a[aria-expanded="true"] { }
.accordion .card .card-header a[aria-expanded="true"]:before { transform: rotate(-180deg); }
.accordion .card-body { padding:5px 0px; line-height:1.6; }
.faq-page .accordion .card-body {line-height:1.6; }
.accordion .card-body li a { font-size: 0.9rem; color: #687188; display:block; padding-bottom:3px }
.accordion .card-body li:before {
    content: "\f30b";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 1.5rem;
    display: inline-block;
    padding: 0px 15px 0 0;
    color: #236d45;
    vertical-align: middle;
}
.faq-page .accordion .card-header h6 a {font-weight: bold;}
.faq-page .accordion>.card .collapse {padding-left:0px}



.filter>.card {border:none;}
.filter .card-header { background: none; border: none; position: relative; padding: 0; }
.filter .card-header h5 a { font-weight: 600; display: inline-block; width: 100%; font-size:16px; }
.filter .card-header h5 a:before { width: 20px; height: 20px; border-radius:100%; text-align: center; line-height: 20px; content: "\f107"; font-family: 'Line Awesome Free'; font-weight: 900; font-size: 1rem; top: 10%; position: absolute; right: 0; }
.filter .card .card-header h5 a[aria-expanded="true"]:before {transform: rotate(180deg); }
.filter .card-body { padding:5px 0px; line-height:1.6; }
.filter .card-body li a { font-size: 0.9rem; color: #687188; display:block; padding-bottom:3px }

.filter .custom-checkbox input[type="checkbox"]:checked + .custom-control-label::before { background-color: #236d45; border-color: #236d45;}
.filter .custom-checkbox .custom-control-label::before {content: ""; border: 1px solid #ddd; height: 15px; width: 15px; margin: 0px 8px 0 0; display: inline-block; vertical-align: middle; border-radius:0}


/* ------------------------
 42. footer 
------------------------*/
footer .navbar-nav .nav-link {line-height:normal; font-weight:400}
footer .navbar-nav .nav-link {padding: 0;border-radius: 0;position: relative;}
footer .footer-logo {width: 100%; max-width: 300px; height: auto;}
footer .icon-img {color: #fe4059; padding: 18px 18px 18px 0px; margin-top: 4px; border-right: 1px rgba(255,255,255,0.1) solid;}
footer .icon-img.text-red-1 {color: #c33;}
footer .icon-img.text-red {color: #d23b3b;}
footer .footer-box {border: 1px rgba(255,255,255,0.1) solid; padding: 18px 20px 20px 20px;}
footer p {line-height: 22px;}
footer.bg-dark-2 .icon-img {color:#24d3ce}
footer.bg-dark-2 .footer-box {border:3px #FFCC33 solid; border-radius:5px}

/* ------------------------
43. Scroll to Top
------------------------*/
.scroll-top { position: fixed; bottom: 30px; right: 30px; z-index: 600; opacity: 0; visibility: hidden; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -webkit-transform: translate3d(0, 200%, 0); -ms-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); }
.scroll-top a, .scroll-top a:visited { font-size: 24px; color: #ffffff; background: #d0bb8a; display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 0.25rem; -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, .15); -moz-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, .15); box-shadow: 0 10px 55px 5px rgba(137, 173, 255, .15); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.scroll-top a:hover, .scroll-top a:focus { color: #ffffff; background: #236d45; }
.scroll-top.scroll-visible { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.navbar-light .navbar-toggler {border:none}

/* ------------------------
44. Responsive
------------------------*/

@media (max-width:1199.98px) {

}

@media (max-width:991.98px) {
    h1, .h1 { font-size: 50px; line-height: 60px; }
    h2, .h2 { font-size: 34px; line-height: 44px; }
    h3, .h3 { font-size: 26px; line-height: 36px;}
    h4, .h4 { font-size: 22px; line-height: 32px;}
    .cart-table .media { display: block; }
	.banner .custom-py-2 {padding-top: 5rem; padding-bottom: 5rem;}
	.banner-bg .banner-slider.owl-carousel.owl-2 .owl-nav button.owl-next {right: -28px;}
	.banner-bg .banner-slider.owl-carousel.owl-2 .owl-nav button.owl-prev {left: -28px;}
	.services-block .icon_box_style1, .services-block .icon_box_style2 {margin-bottom:15px}
	.product-block-div .media-body .product-title {line-height: 21px;}
	.product-block .owl-carousel.owl-2 .owl-nav {top: -30px; right:0px;}
}
@media (max-width:767.98px) {
    h1, .h1 { font-size: 40px; line-height: 50px; }
    h2, .h2 { font-size: 30px; line-height: 40px; }
    h3, .h3 { font-size: 24px; line-height: 34px;}
    .bg-sm-none{background-image: none !important;}
	.newsletter h2 {line-height:28px}
	.banner .custom-py-2 {padding-top: 5rem; padding-bottom: 5rem;}
	.banner-row .img-fluid {width:100%}
	.banner-row .pl-5 {padding-left:1.2rem !important}
	.banner-row .mt-5 {margin-top:1.5rem!important}
	.banner-bg .custom-py-1 {padding-top: 5rem; padding-bottom: 5rem;}
	.services-block .icon_box_style1, .services-block .icon_box_style2 {margin-bottom:15px}
	.banner-bg .banner-slider.owl-carousel.owl-2 .owl-nav button.owl-next {right: -20px;}
	.banner-bg .banner-slider.owl-carousel.owl-2 .owl-nav button.owl-prev {left: -20px;}
	.owl-carousel.owl-2 .owl-nav button.owl-prev {left: -15px;}
	.owl-carousel.owl-2 .owl-nav button.owl-next {right: -15px;}
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {width: 50px;height: 50px;line-height: 40px;font-size: 20px;}
}
@media (max-width:575.98px) {
    body { font-size: 0.85rem;}
    h1, .h1 { font-size: 36px; line-height: 46px; }
    h3, .h3 { font-size: 22px; line-height: 28px;}
    h4, .h4 { font-size: 20px; line-height: 26px;}
    h6, .h6 { font-size: 17px; line-height: 24px;}
    .cocoen img {width: auto !important;}
    img {width: auto; height: auto; float: none !important;}
    .navbar-brand img { height: 30px; width: auto;}
    .table td, .table th {padding: 0.5rem;}
	.offer-text {text-align: center; padding: 0.7rem;}
	.header-1 .call-info .language-selection {border:none; margin-left:0}
	[data-cart-items]::before {width: 16px; height: 16px; font-size: 10px;}
	.banner .custom-py-2 {padding-top: 5rem; padding-bottom: 5rem;}
    .tab.mt-n15{margin-top: 0 !important}
    .bg-xs-none{background-image: none !important;}
    .pos-sm-r{position: relative; top: inherit; transform: inherit;}
	.ml-7, .mx-7 {margin-left:1rem}
	.mr-7, .mx-7 {margin-right:1rem}
	.nav-tabs.nav-tabs-div .nav-item.nav-link:after {display:none}
	.nav-tabs.nav-tabs-div .nav-item.nav-link {margin: 0px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #eaeaea solid;}
	.nav-tabs.nav-tabs-div .nav-link.active, .nav-tabs.nav-tabs-div .nav-link:focus, .nav-tabs.nav-tabs-div .nav-link:hover { border-bottom:1px solid #d0bb8a	}

    .shop-menu {flex-wrap: wrap;}
    .shop-menu li{width: 50%; margin: 0px;padding-bottom: 10px; margin-bottom: 10px;}
    .shop-menu li:after{display:none}

	.tab nav.mb-5 {margin-bottom:1rem!important}
	.product-tab .nav-tabs .nav-item.nav-link {margin-right:0}
	.product-tab .nav-tabs .nav-item.nav-link { padding:15px 0 15px 0}
	.banner-bg .custom-py-1 {padding-top: 5rem; padding-bottom: 5rem;}
	.product-block-div .owl-carousel.owl-2 .owl-nav {top: -25px; right: 18px;}
    .footer-logo { display: block; max-width: 300px; height: auto; margin: 0 auto;}

    .service-bg {
        height: 500px;
        background-position: bottom center;
    }
}