/*
Theme Name: Agrifarm
Author:  ThemesGround
Description:  Agrifarm HTML Template
License: GNU General Public License v2 or later
Tags: two-columns, left-sidebar, fixed-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu
Text Domain:  agrifarm
*/
/* TABLE OF CONTENTS

1. Body

2. Layout 

3. Header

4. Navigation

5. Category Tabs

6. Products Block

7. Home Banner
	7a. Banner style 1
	7b. Banner style 2

8. Home Product Tabs

9. Hot Deals

10. Home page Sliders
    6a. bestsell slider
	6b. recently viewed
	
11. Home Blogs

12. Services Blocks

13. Newsletter

14. Shop Page

15. Product Page
	
16. Shopping cart, wishlist, checkout

17. Other Pages

18. Footer

/* */


/*----------- 1. Body --------------*/
/* WebKit Browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 8px; /* Thin width */
}

::-webkit-scrollbar-track {
    background: #f4f4f4; /* Light background */
    border-radius: 10px; /* Rounded track */
}

::-webkit-scrollbar-thumb {
    background: #eb6932; /* #eb6932 color */
    border-radius: 10px; /* Rounded scrollbar */
}

::-webkit-scrollbar-thumb:hover {
    background: #eb6932; /* Darker shade on hover */
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #eb6932 #f4f4f4;
}

body {
	padding: 0;
	margin: auto;
	line-height: 1.55;
	margin: auto;
	font-family: 'Poppins', sans-serif;
	/*background-color: #fffef5;*/
	font-size: 14px;
}
h2, .h2 {
	font-size: 20px;
}
a {
	color: #f56425;
	cursor: pointer;
	text-decoration:none
}
a:hover {
	color: #333;
	text-decoration: none;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
:focus {
	outline: none;
}

a:focus, a:hover {
    text-decoration:none;
}

small {
	font-size: 85%;
	font-weight: normal;
	text-transform: lowercase;
	color: #999999;
}

button {
    border: none;
}

button.button {
    background: none repeat scroll 0 0 #c0e6d5;
    color: #5a605d;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding: 10px 15px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 3px;
}

button:focus {
    border: none;
	outline: none;
	box-shadow:none;

}

input.input-text, select, textarea {
    padding: 8px 10px;
    outline: none;
    color: #999;
    border: 1px solid #ddd;
}

*{outline:none}

p{
	line-height: 25px !important;
}
/*----------- 2. Layout --------------*/
/* Base Columns */

.container {
    max-width: 1240px;
    padding-left: 15px;
    padding-right: 15px;
}

.main-container {
	/*min-height: 400px;*/
	padding: 0px;

}

.main-col {
	margin: auto;
	overflow: hidden;
}

.col-main {
	display: block;
	font-size: 13px;
	width: 100%;
}

/* 1 Column Layout */
.col1-layout .header-background-default {
	margin: 20px;
	padding: 0;
}
.col1-layout .col-main {
	float: none;
	width: auto;
	padding: 0px;
	border: none;
	background: inherit;
	display: inherit;
}

/* 2 Column Layout -Left */ 
.col-left {
	margin-bottom: 0px;
}

/* 2 Column Layout -Right */ 
.col-right {
	margin-bottom: 0px;
}

.col2-right-layout .col-main {
	background: none repeat scroll 0 0 #fff;
	display: inline-block;
	font-size: 13px;
	padding: 5px 0;
	width: 100%;
}

/* 2 Columns Layout */
.col2-right-layout ol.opc .col-md-4 {
	margin-right: 15px;
}
/* 3 Columns Layout */
.col3-layout .col-wrapper {
	float: left;
	width: 780px;
}
.col3-layout .col-wrapper .col-main {
	float: right;
}

/* 4 table layout */
.data-table {
	width: 100%;
}
.data-table th {
	line-height: 20px;
	padding:20px 20px;
	font-weight: 500;
	font-size: 16px;
}
.data-table td {
	line-height: 20px;
	padding:20px 20px;
	vertical-align: top;
	border-bottom:1px solid #eaeaea
	
}
.data-table th .tax-flag {
	white-space: nowrap;
	font-weight: normal;
}
.data-table td.label, .data-table th.label {
	font-weight: normal;
	background: #f8f8f8
}
.data-table input, data-table select, data-table textarea {
	margin: 0px;
}
.data-table p {
	margin: 10px 0;
}
.data-table .description {
	margin: 6px 0;
}
.data-table thead th, .data-table thead td, .cart .totals table th {
	color: #333;
    background: #eef3ef;
    border-bottom: 2px #f56425 solid;
	font-family: 'Poppins', sans-serif;
}

/*.data-table thead th:first-child {border-radius:10px 0px 0px 0px;}*/
/*.data-table thead th:last-child {border-radius:0px 10px 0px 0px}*/

.data-table tfoot td {
	padding-top: 20px
}

.nobr {
    white-space: nowrap;
}


/*----------- 3. Header --------------*/
header {
    background: transparent;
    /*box-shadow: 0px 0px 7px rgb(0 0 0 / 46%);*/
    z-index: 100;
    /*position: absolute; */
    width: 100%;
}

.header-container {
    transition: all 0.5s;
    background: #622599;
    font-family: 'Poppins', sans-serif;
	box-shadow: 0px 0px 6px rgb(0 0 0 / 20%);
}

/* language &amp; currency */
.header-container .curr-language {
	margin-top: 10px;
}
.block-language-wrapper {
	display: inline-block !important;
	margin: 0px;
	padding: 12px 4px 12px 0px;
}
.block-language {
	background: none;
	box-shadow: none;
	border: none;
	color: #3e445a;
	font-size: 13px;
	font-weight: 300;
}
a.block-language:hover {
	color: #f56425;
	text-decoration: none;
}
a.block-language:focus {
	color: #333;
	text-decoration: none;
}
.block-language img {
	font-weight: normal;
	padding: 0px 5px 0px 0px;
	margin: auto;
}
.block-language-wrapper .dropdown-menu>li {
	border-bottom: 1px #eaeaea solid;
	padding: 4px 0px 4px 0px;
}
.block-language-wrapper .dropdown-menu>li:last-child {
	border-bottom: none;
}
.block-language-wrapper .dropdown-menu > li > a img {
	margin: 0px 6px 0px 0px;
}
.block-language-wrapper .dropdown-menu {
	border-radius: 0px;
	min-width: 0px;
	margin-top: 34px;
	padding: 0px;
	border: none;
	box-shadow: 0 0 50px 0 rgb(0 0 0 / 15%);
	white-space: nowrap;
	border-radius:0px 0px 5px 5px
}
.block-language-wrapper .dropdown-menu a {
	padding: 3px 10px 3px 10px;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color:#333;
	display:block
}
.block-language-wrapper .dropdown-menu a:hover {
	color: #f56425;
	background: none;
}
.block-currency-wrapper {
	display: inline-block !important;
	margin: 0px 0 0 0;
	padding: 7px 10px;
}
.block-currency {
	background: none;
	box-shadow: none;
	border: none;
	color: #3e445a;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.2px;
}
a.block-currency:hover {
	color: #f56425;
	text-decoration: none;
}
a.block-currency:focus {
	color: #334141;
	text-decoration: none;
}
.block-currency label {
	font-weight: normal;
	padding: 0 5px;
	margin: auto;
}
.block-currency-wrapper .dropdown-menu>li {
	border-bottom: 1px #eaeaea solid;
	padding: 4px 0;
}
.block-currency-wrapper .dropdown-menu>li:last-child {
	border-bottom: none;
}
.block-currency-wrapper .dropdown-menu > li > a img {
	margin: 0 6px 0 0;
}
.block-currency-wrapper .dropdown-menu {
	border-radius: 0;
	min-width: 0;
	z-index: 100000;
	top: 34px;
	padding: 0px;
	border: none;
	box-shadow: 0 0 50px 0 rgb(0 0 0 / 15%);
	white-space: nowrap;
	border-radius:0px 0px 5px 5px
}
.block-currency-wrapper .dropdown-menu a {
	padding: 3px 15px 3px 10px;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.5px;
		color:#333;
	display:block
}
.block-currency-wrapper .dropdown-menu a:hover {
	color: #f56425;
	background: none;
}
.lang-curr {
	float: right;
	margin: 11px 0px;
}
.form-language {
	display: inline;
	float: right;
	border-left: 1px solid #ececec;
	line-height: 17px;
	padding-left: 20px;
}
ul.lang {
	text-align: left;
	display: block;
	margin: 0;
	padding: 0x;
	list-style: none;
	float: left;
	padding: 0px;
}
ul.lang li {
	float: left;
	display: inline;
	margin: 0px 8px 0 0px
}
ul.lang li:last-child {
	margin-right: 0px
}
ul.lang li span {
	text-indent: -10000px;
	display: none
}
.form-currency {
	display: inline;
	margin-right: 12px;
	float: right;
	line-height: 17px
}
ul.currencies_list {
	float: left;
	display: inline;
	margin: 0px 8px 0 0px;
	padding: 0px;
}
ul.currencies_list li {
	float: left;
	display: inline;
	margin: 0 0px 0 10px
}
ul.currencies_list li a {
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
ul.currencies_list li a:hover {
	color: #0083c1;
	text-decoration: none;
}
/* End language &amp; currency*/

/* welcome message*/
.welcome-msg {
    text-align: left;
    display: inline-block;
    padding: 0px;
    margin: 0px 5px;
    font-size: 13px;
    vertical-align: top;
    margin-top: 13px;
    margin-right: 0px;
    font-weight: 300;
}

/* Toplink */
.toplinks {
	padding: 12px 0;
	display: inline-block;
	float: right;
}
.toplinks .links {
	text-align: right;
}
.eventbtn:hover{
	background: transparent !important;
	color: #fff !important;
	transition-duration: 0.2s;
	box-shadow: none !important;
}
.toplinks .links div {
	display: inline-block;
}
.toplinks div.links div a {
	display: inline-block;
	padding: 0px;
	color: #ffffff;
	font-size: 14px;
	padding-left: 13px;
	text-decoration: none;
	font-weight: 300;
}
.toplinks div.links div a:hover {
	color: #19b3bd !important;
	text-decoration: none;
}
.toplinks div.links div a:hover span {
	color: #f56425 !important;
}
.toplinks div.links div.block-company-wrapper a:hover {
	color: #f56425 !important;
	text-decoration: none;
}
.toplinks div.links div.block-company-wrapper ul li a:hover {
	color: #f56425 !important;
	text-decoration: none;
}
.block.block-company {
	background: none;
	box-shadow: none;
	border: none;
	color: #334141;
	font-size: 14px;
	background-color: #fff;
	margin-top:20px;
}
.block-company .caret {
	margin-left: 2px;
}
.block-company-wrapper {
	display: inline-block !important;
}
.block-company label {
	font-weight: normal;
	padding: 5px 5px 2px 0px;
}
.block-company-wrapper .dropdown-menu {
	min-width: 0;
	box-shadow:0 0 50px 0 rgb(0 0 0 / 15%);
	top: 28px;
	border: 1px solid #f1f1f1;
	border-top: none;
	border-radius:0px 0px 10px 10px;
	white-space:nowrap
}
.block-company-wrapper .dropdown-menu li {
	padding: 5px 15px 5px 0;
}
.block-company-wrapper .dropdown-menu li:hover {
	background-color: #fff;
	color: #0083c1;
	transition: background-color 0.2s ease-in-out;
}
.block-company-wrapper .dropdown-menu a {
	padding: 3px 10px 3px 10px;
	color: #777!important;
	text-transform: none!important;
}
.block-company-wrapper .dropdown-menu a:hover {
	color: #0083c1;
	background: none;
}


/* logo block */
.logo-block {
    text-align: left;
}

.logo {
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    margin-top: 17px;
    margin-bottom: 0px;
}

.logo img {
    max-width: 90%;
}

/* search */
.category-search-form {
    padding-left: 0px;
}

.search-box {
	margin: auto;
	margin-bottom: 35px;
	position: relative;
	border-radius: 999px;
	margin-left: 1px;
	margin-top:35px;
	background: #fff;
	width: 95%;
	border: 1px solid #e1e1e1;
	font-family: 'Poppins', sans-serif;
}
.category-search-form {
	padding-left: 0px;
}
.search-box select:focus, .search-box select {
	border: none;
	border-left: 1px #ddd solid;
	border-right: 1px #ddd solid;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0;
	border-radius: 0;
}
.search-box .categories-filter {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-left: 1px solid #e5e5e5;
	text-transform: capitalize;
	display: inline-block;
	line-height: 50px;
	padding-left: 8px;
	font-weight:300
}
.search-box .categories-filter .dropdown-menu {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e1e1e1;
	padding: 12px 15px 6px 15px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px 0px 5px 5px;
	font-size: 14px;
	list-style: none;
    min-width: 100%;
	margin-left:-15px!important;
	border-top:none;
	white-space:nowrap
}
.search-box .categories-filter a {
	color: #5D5D5D;
}
.search-box .categories-filter .dropdown-menu li a {
	padding: 0px;
	font-size: 13px;
}
.search-box .categories-filter .dropdown-menu li a:hover {
	background: #fff
}

.search-box .categories-filter .dropdown-menu li {
	margin-bottom: 10px;
	line-height:normal
}
#search {
	margin: 0;
	width: 70%;
	font-size: 14px;
	height: 48px;
	color: #5D5D5D;
	padding: 0 20px;
	background: none;
	outline: none;
	border: none;
	line-height: 40px;
	display: inline-block;
	font-weight:300
}
.cate-dropdown {
	border: medium none;
	float: left;
	height: 35px;
	padding: 5px !important;
	width: 220px;
	line-height: 30px;
	letter-spacing: 0.5px
}
.search-btn-bg {
	-moz-appearance: button;
	background: #f56425 url("../images/search-icon.png") no-repeat scroll 16px 17px;
	border: none;
	border-radius: 0 999px 999px 0;
	color: #222;
	cursor: pointer;
	font-weight: bold;
	height: 51px;
	line-height: 17px;
	padding: 6px 5px;
	position: absolute;
	text-transform: uppercase;
	right: -3px;
	top: 0px;
	width: 55px;
	border-left: 1px #eaeaea solid;
	border: none;
	margin-top: -1px;
}


/* header cart, wishlist and login section */

.card_wishlist_area {
    padding-left: 0px;
}

.top-cart-contain {
    margin-top: 35px;
    position: relative;
    float: right;
}

.mini-cart {
    text-align: left;
    cursor: pointer;
    margin: 0px;
    float: right;
    position: relative;
}

.mini-cart .basket a {
    color: #334141;
    margin: 0px;
    line-height: 17px;
    font-size: 14px;
    letter-spacing: normal;
    font-weight: normal;
    padding: 0px;
    display: block;
}

.mini-cart .basket a:before {
    content: "\e04e";
    display: inline-block;
    text-align: center;
    font-weight: normal;
    margin-right: 11px;
    padding: 15px 0px;
    border-radius: 5px;
    width: 50px;
    height: 48px;
    float: left;
    width: 46px;
    height: 46px;
    text-align: center;
    background: #f3e4dc;
    border-radius: 50%;
    font-family: 'simple-line-icons';
    font-size: 19px;
}

.mini-cart .basket a span.cart_count {
    position: absolute;
    color: #fff;
    top: -3px;
    left: 30px;
    border-radius: 100px;
    width: 18px;
    height: 18px;
    line-height: 19px;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    background: #f56425;
    font-family: 'Poppins', sans-serif;
}

.top-cart-content {
    display: none;
    position: absolute;
    top: 50px;
    right: 0px;
    background: #fff;
    padding: 0;
    text-align: right;
    z-index: 100;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 15%);
    width: 330px;
    border-radius: 10px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}


ul#cart-sidebar {
    padding: 15px 30px 0px;
}

.top-cart-content li.item {
    margin: 8px 0px 15px;
    border-bottom: 1px #eee solid;
    display: inline-block;
    padding-bottom: 15px;
}

.mini-products-list .product-image {
    float: left;
    padding: 0;
    width: 65px;
}

.mini-products-list .product-image img {
    width: 65px;
}

.top-cart-content .product-details {
    color: #333333;
    position: relative;
    text-align: left;
}

.mini-products-list .product-details {
    margin-left: 80px;
    padding: 0;
}

.btn-remove1 {
    background-image: url(../images/btn_remove.png);
    margin: 0px 0 0 5px;
}

.top-cart-content .product-name {
    margin: 0;
    line-height: 1;
    margin-top: 3px;
    padding-right: 30px;
}

.top-cart-content .product-name a {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #777;
}

.top-cart-contain .product-details .price {
    color: #d51243;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
}

.btn-remove1 {
    display: block;
    width: 15px;
    height: 13px;
    font-size: 0;
    line-height: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
    position: absolute;
    left: 28px;
    margin-top: 5px;
}

.mini-cart .btn-remove1 {
    left: auto;
    right: 0px!important;
    margin-top: 0px;
    top: 0px;
}

.top-cart-content li.item.last {
    margin: 0;
    border-bottom: 0px #eee solid;
    padding-bottom: 10px;
}

.top-cart-content .actions {
    padding: 20px 30px;
    margin: 0px 0px 20px 0px;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 10px;
}

.mini-cart .actions .btn-checkout {
    background: #f56425;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0px 10px;
    border: none;
    cursor: pointer;
    display: block;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    width: 100%;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
}

.mini-cart .actions .btn-checkout:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 15px;
    padding-right: 7px;
}

.mini-cart .actions .btn-checkout:hover {
    background: #f56425;
    color: #fff;
}

.mini-cart .view-cart {
    cursor: pointer;
    float: none;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0px 10px;
    text-decoration: none;
    text-align: center;
    display: block;
    background: #e8ebed;
    color: #333;
    width: 100%;
    text-decoration: none;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'Poppins', sans-serif;
}

.mini-cart .view-cart:before {
    content: '\f07a';
    font-family: FontAwesome;
    font-size: 15px;
    padding-right: 7px;
}

.user-img {
    width: 46px;
    height: 46px;
    text-align: center;
    background: #f8f2d2;
    border-radius: 50%;
    float: right;
    line-height: 46px;
    font-size: 18px;
    color: #333;
    margin-top: 35px;
    margin-right: 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


.user-img {
    width: 46px;
    height: 46px;
    text-align: center;
    background: #f8f2d2;
    border-radius: 50%;
    float: right;
    line-height: 46px;
    font-size: 18px;
    color: #333;
    margin-top: 35px;
    margin-right: 15px;
    position: relative;
    cursor: pointer;
}

.login-box {
    display: none;
    position: absolute;
    top: 50px;
    right: 0px;
    background: #fff;
    padding: 0;
    text-align: right;
    z-index: 100;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 15%);
    width: 330px;
    border-radius: 10px;
    font-size: 12px;
    text-align: left;
    padding: 30px;
    color: #ccc;
    line-height: normal;
    font-family: 'Poppins', sans-serif;
}

.login-box ul {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    line-height: 18px;
    font-size: 13px;
}

.login-box ul li {
    display: block;
    margin: 0px;
    padding: 0px;
    text-align: left;
    margin-bottom: 15px;
    width: 100%;
    color: #777;
}

.login-box ul li label {
    display: block;
}

.login-box span {
    display: inline-block;
    margin: 0px 5px;
    vertical-align: top;
}

.login-box ul li .input-text {
    border: 1px solid #ddd;
    outline: medium none;
    padding: 8px 10px;
    width: 100%;
    height: auto;
    border-radius: 5px;
}

button.btn-login {
    padding: 12px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px!important;
    display: block;
    border: none;
    width: 100%;
    float: none;
    background: #f56425;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
}

.login-box .bottom-links {
    margin-top: 15px;
}

.login-box a {
    color: #f56425;
    font-size: 13px;
}

.login-box span {
    display: inline-block;
    margin: 0px 5px;
    vertical-align: top;
}

.login-box h3 {
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    color: #333;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.wishlist-img {
    width: 46px;
    height: 46px;
    text-align: center;
    background: #dae8dc;
    border-radius: 50%;
    float: right;
    line-height: 48px;
    font-size: 16px;
    color: #333;
    margin-top: 35px;
    margin-right: 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wishlist-img a {
    color: #333;
}

.wishlist-img a span.count {
    position: absolute;
    color: #fff;
    top: -3px;
    left: 30px;
    border-radius: 100px;
    width: 18px;
    height: 18px;
    line-height: 19px;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    background: #f56425;
    font-family: 'Poppins', sans-serif;
}

/*----------- 4. Navigation --------------*/
nav {
    background: #fff;
    height: inherit;
    width: 100%;
    margin: auto;
    z-index: 9999;
    margin-top: 0px;
    position: unset;
   	padding:35px 10px 10px 10px;	
}


.mega-container {
    position: relative;
    z-index: 100;
}
.navleft-container {
	width: 100%;
	position: absolute;
}
.mega-menu-title {
	color: #fff;
	cursor: pointer;
	line-height: 63px;
	background: #98d574;
	vertical-align: middle;
	padding: 18px 20px 18px 20px;
	font-weight: 300;
	border-bottom: none;
	border-radius:8px;
	margin:5px 0
}

.nav-icon {
	padding-left: 0px;
	padding-right: 0px;
}
.mega-menu-title i {
	font-size: 18px;
	margin-right: 8px;

}
.menu-icon {width:20px; display:inline-block; position:absolute}

.bar {
    position: relative;
    height: 2px;
    width:  0%;
    top: 0px;
     margin-top: 3px;
    animation: fill 0.8s infinite alternate, colors 0.8s infinite alternate;
}

.bar.fill1 {
  animation: fill-1 0.8s infinite alternate, colors 0.8s infinite alternate;
}

.bar.fill2 {
   animation:  fill-2 0.8s infinite alternate, colors 0.8s infinite alternate;
}

@keyframes fill {
  0%   { width: 0; }
  33%  { width: 2px;}
  66%  { width: 5px;}
  100% { width: 10px; }
}

@keyframes fill-1 {
  0%   { width: 0; }
  33%  { width: 5px;}
  66%  { width: 10px;}
  100% { width: 15px; }
}

@keyframes fill-2 {
  0%   { width: 0; }
  33%  { width: 10px;}
  66%  { width: 15px;}
  100% { width: 20px; }
}



@keyframes colors {
  0% { background-color: #fff;}
  50% { background-color: #fff;}
  100% { background-color: #fff;}
}


.mega-menu-title h3 {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin: auto;
	color: #1a2d2b;
	text-transform: uppercase;
	line-height: 1.2;
    font-family: 'Poppins', sans-serif;
	padding-left:30px;
	
}
.mega-menu-category {
	border-top: 0;
	display: none;
	margin-top:-10px
}
.mega-menu-category ul {
	padding: 0px;
	margin: 0px 0px 0px;
	border-top: none;
	background-color: #fff;
	border: 1px solid #E4E4E4;
	border-top: none;
	border-radius: 0px 0px 10px 10px;
	box-shadow:0 2px 4px 0 rgb(0 0 0 / 8%);
	font-family: 'Poppins', sans-serif;
}
.mega-menu-category ul i {
	color: #ffc808;
	font-size: 16px;
	margin-right:14px;
	margin-left:5px;
}
.home .mega-menu-category ul {
	border: none;
	font-family:'Poppins', sans-serif;
	display:block
}

.mega-menu-category > .nav > li {display:block; width:100%}

.mega-menu-category > .nav > li > a {
	color: #111;
	font-weight: 300;
	padding: 16px 18px;
	font-size: 15px;
	display:block
}

.mega-menu-category > .nav > li:nth-child(2n) {
    background-color: #F2F7F3;
}


.mega-menu-category > .nav > li > a img {
	margin-right:12px;
	width:24px
}

.mega-menu-category > .nav > li > a .fa {
	width: 20px;
	font-size: 13px;
}
.custom-offer a {
	font-weight: 300!important;
	border-bottom: none!important;
	color: #111!important
}
.mega-menu-category ul li ul {
	border: none;
	box-shadow:none
}
.mega-menu-category > .nav > li > a .fa.fa-child, .mega-menu-category > .nav > li > a .fa.fa-gift, .mega-menu-category > .nav > li > a .fa.fa-home {
	font-size: 15px;
}
.mega-menu-category > .nav > li > a:hover .fa {
	color: #f56425;
}
.mega-menu-category > .nav > li > a:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 14px;
	position: absolute;
	right: 15px;
	top: 18px;
	width: 20px;
	text-align: center;
	border-radius: 3px;
	height: 20px;
	line-height: 20px;
	color: #9b9bb4;
	border:none
}

.mega-menu-category > .nav > li.open > a:after {color:#fff; background:#f56425}

.mega-menu-category > .nav > li.nosub > a:after {
	display: none;
}
.mega-menu-category > .nav > li.view-more-cat > a {
	border-bottom: 0;
}
.mega-menu-category > .nav > li.view-more-cat > a:after {
	content: "";
}
.mega-menu-category > .nav > li > a:hover, .mega-menu-category > .nav > li > a:focus, .mega-menu-category > .nav > li.active > a {
	color: #f56425;
	font-weight: 300;
	background:none

}
.menu-hide {
	display: none !important;
}
.wrap-popup {
	position: absolute;
	left: 100%;
	top: 0;
	width: 700px;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	z-index: 100;
	display:none
}

.mega-menu-category .dropdown-menu {	
     box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15); 
	border:none;
	border-left: 5px #f56425 solid;
	padding:0;
	margin:0;
	border-radius:0;
	transform:none!important}

.mega-menu-category .open>.dropdown-menu {
    display: block;
}

.mega-menu-category .open > .dropdown-menu{
    animation-name: slidenavAnimation;
    animation-duration: 200ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    -webkit-animation-name: slidenavAnimation;
    -webkit-animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slidenavAnimation;
    -moz-animation-duration: 200ms;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-fill-mode: forwards;
	border-radius:0 8px 8px 0;
}

@keyframes slidenavAnimation {
  from {
    margin-top: -30px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    margin-top: -30px;
    opacity: 0;
  }
  to {
    margin-top: 0;
    opacity: 1;
  }
}

.wrap-popup.column2 {
	width: 400px;
}
.wrap-popup.column1 {
	width: 200px;
}
.mega-menu-category > .nav > li.active .wrap-popup {
	left: 100%;
}
.popup {
	text-align: left;
	z-index: 3000;
	padding: 15px 20px 15px;
}

.popup h3 {
	font-size: 15px;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 8px;
	letter-spacing: normal;
	color: #333;
}
.popup h3 a {
	color: #333;
}
.popup .nav > li > a {
	font-size: 14px;
	color: #3e445a;
	padding: 3px 0 3px 0px;
	letter-spacing: 0.2px;
	font-weight: 300
}
.popup .nav > li > a:hover, .popup .nav > li > a:focus {
	color: #f56425;
	background-color: transparent;
}

.box-banner .add-right {
    margin-top: 3px;
}

.mega-menu-category .open > .dropdown-menu img {
    border-radius: 10px;
}

/*----------- a.other links --------------*/

.features-block {
    margin-top: 0px;
    border-radius: 3px;
    font-family: 'Poppins', sans-serif;
}

.our-features-box .row {
    margin: 0px;
}

.our-features-box ul {
    list-style: none;
    text-align: center;
    margin: auto;
    padding: 0px;
    border: none;
    text-transform: uppercase;
}

.our-features-box li {
    float: left;
    margin-bottom: 0px;
    text-align: left;
    padding: 0;
    display: contents;
}

.our-features-box li:last-child {
    float: right;
}

.features-block a {
    color: #000;
    font-weight: 400;
    letter-spacing: normal;
    padding-right: 8px;
    padding-left: 8px;
    margin-right: 16px;
    padding-top: 20px;
    padding-bottom: 16px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    /*border-right: 1px #f56425 solid;*/
}
.features-block li.active a {
    border-bottom: 4px solid #f56425;
    color: #f56425;
    font-weight: 800;
} /*
.features-block li.active a {
    font-weight: 700;
    color: #f56425;
    border-bottom: 3px solid #f56425;
}
*/
.our-features-box li.dropdown a:after {
    /*content: "\e604";*/
    font-family: simple-line-icons;
    color: #fff;
    font-size: 9px;
    margin-top: 6px;
    font-weight: 600;
    margin-left: 6px;
	border:none
}

.our-features-box ul.dropdown-menu.pages {
    overflow: hidden;
    background: #fff;
    padding: 10px 8px;
    border-radius: 0px 0px 10px 10px;
    margin-top: 0px;
    width: 1200px;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 10%);
}

.our-features-box li ul li ul {
    padding: 15px 5px;
    overflow: hidden;
}

.our-features-box li ul li ul li {
    display: inline-block;
    width: 100%;
}

.our-features-box li ul li a {
    color: #71778e;
    border: none;
    font-size: 14px;
    margin: 0px;
    padding: 7px 5px;
    display: block;
}

.features-block span {
	float: right;
	padding-top: 17px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 0px;
	line-height: normal;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-size: 14px;
	color: #fff;
	background:#f56425;
	border-radius:8px;
	padding:14px 15px 13px 15px;
	margin:5px 0px
}

.our-features-box .fa-phone {background:#fff; border-radius:999px; color:#f56425; padding:7px 9px; margin-right:8px; position:relative }
	 

	 
 .our-features-box .fa-phone:after{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    transform: translate(-50%, -50%);
    content: "";
    box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    transition: all .4s ease;
	-webkit-animation: zoomout 2s ease-in infinite;
  animation: zoomout 2s ease-in infinite;
  transition: all .5s ease-in-out;
  opacity:0.2;
  left:-7px;
  top:-7px
}

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
} /*End of Zoom in Keyframes */

/* Zoom out Keyframes */
@-webkit-keyframes zoomout {
  0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}
@keyframes zoomout {
    0% {transform: scale(1);}
  50% {transform: scale(0.67);}
  100% {transform: scale(1);}
}

/*----------- 5. Category Tabs --------------*/
.scroll-tabs {
  margin-bottom: 30px;
}

.scroll-tabs .more-info-tab {
  background:#fff;
  border-bottom:5px #f56425 solid
}
.scroll-tabs .more-info-tab .new-product-title {
  margin-bottom: 0px;
  margin-top: 5px;
  font-size:16px;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  font-weight:bold
}
.scroll-tabs .nav-tab-line {
  border-bottom: none;
  padding:0px 15px;
  background:#fff;
  font-family: 'Poppins', sans-serif;

}

.scroll-tabs .tab-content {padding:0px 15px;   }

.scroll-tabs .tab-content > .active { background:#fff; position:relative; z-index:1; box-shadow:0 2px 4px 0 rgb(0 0 0 / 8%); padding:25px 0; border-radius: 0 0 10px 10px;}


.scroll-tabs .more-info-tab li {
    text-align: center;
    margin-bottom: 0;
    border-right: 1px #d4e4d6 solid;
    width: 12.5%;
}

.scroll-tabs .tab-content .owl-theme .owl-controls {margin-top:0}

.scroll-tabs .more-info-tab li:last-child {border:none}

.scroll-tabs .owl-controls .owl-buttons {
  position: absolute;
  right: 20px;
  top: -32px;
  width: 100%;
  display: block;
}
.scroll-tabs .owl-controls .owl-buttons .owl-prev {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -15px;
  left: -35px;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  border-radius: 999px;
  background: #f56425!important;
}
.scroll-tabs .owl-controls .owl-buttons .owl-prev:before {
  color: #fff;
  content: "\f104";
  font-family: fontawesome;
  font-size: 18px;
  left: 11px;
  position: absolute;
  top: 4px;
}
.scroll-tabs .owl-controls .owl-buttons .owl-next {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -15px;
  right: -75px;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  border-radius: 999px;
  background: #f56425!important;
}
.scroll-tabs .owl-controls .owl-buttons .owl-next:before {
    content: "\f105";
    font-family:fontawesome;
    color: #fff;
    font-size: 18px;
    left: 13px;
    position: absolute;
    top: 4px;
}


.scroll-tabs .products-grid .item {
    margin: 0px;
    border-right: 1px #eaeaea solid;
    border-bottom: none;
    padding: 0px 25px;
    margin-bottom: 0px;
}

.scroll-tabs .nav-tab-line li.active a {
  border: none;
  background:none
}

.scroll-tabs > li.active > a, .scroll-tabs > li.active > a:hover, .scroll-tabs > li.active > a:focus {background:none}

.scroll-tabs .nav-tab-line li a.active:after {
  content: "";
  width: 0; 
  height: 5px; 
  position:absolute;
  z-index:10;
  left:0;
  width:100%;
  background-color:#017f50;
  bottom:-5px
}


.scroll-tabs .nav-tab-line li.active a:hover {
  border: none;
}

.scroll-tabs .nav-tab-line li a {
   font-weight: 300;
  color: #666666;
  font-size: 14px;
  border: medium none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 0px !important;
  position: relative;
  border:none;
  margin:0;
  display:block
}
.scroll-tabs .nav-tab-line li a:hover,
.scroll-tabs .nav-tab-line li a:focus {
  background: rgba(0, 0, 0, 0);
  border:none
}

.scroll-tabs .nav-tabs > li.active > a, .scroll-tabs .nav-tabs > li.active > a:hover, .scroll-tabs .nav-tabs > li.active > a:focus
{border:none; background:none}


.tab-content {padding-left:20px}

.scroll-tabs .nav-tabs img {
    position: relative;
    width: 100px;
    margin-top: 8px;
	margin-bottom:8px;
}

.scroll-tabs .nav-tabs li span {
    color: #f56425;
    font-size: 15px;
    font-weight: 300;
    letter-spacing:normal;
    margin: auto;
    padding: 15px 0px;
    width: 100%;
	display:block;
	background: #fffbd0;
}

.scroll-tabs .nav-tabs .active span {
	background-color: #f56425;
    color: #fff;
    padding: 15px 0px;
	font-weight:400
}

.scroll-tabs .nav-tabs li:first-child span {border-radius:8px 0px 0px 0px}	
.scroll-tabs .nav-tabs li:last-child span {border-radius:0px 8px 0px 0px}
.scroll-tabs .nav-tabs li.active:first-child span {border-radius:8px 0px 0px 0px}
.scroll-tabs .nav-tabs li.active:last-child span {border-radius:0px 8px 0px 0px}

.scroll-tabs .owl-controls .owl-buttons .owl-next {
    position: absolute;
    width: 30px;
    height: 30px;
    top: -15px;
    right: -75px;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s;
    border-radius: 999px;
    background: #f56425!important;
}

.scroll-tabs .owl-controls .owl-buttons .owl-next:before {
    content: "\f105";
    font-family: fontawesome;
    color: #fff;
    font-size: 18px;
    left: 13px;
    position: absolute;
    top: 2px;
}

.scroll-tabs .owl-controls .owl-buttons .owl-prev:before {
    color: #fff;
    content: "\f104";
    font-family: fontawesome;
    font-size: 18px;
    left: 11px;
    position: absolute;
    top: 2px;
}

.scroll-tabs .products-grid .item {
    margin: 0px;
    border-right: 1px #eaeaea solid;
    border-bottom: none;
    padding: 0px 25px;
    margin-bottom: 0px;
}


/*----------- 6. Products Block --------------*/

.products-grid {
    margin: 0;
    list-style: none;
}
.products-grid .item .item-inner {
    position: relative;
    text-align: left;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}

.products-grid .item .item-inner .item-img {
    margin: 0px auto 0;
    display: block;
	position:relative
}

.products-grid .item .item-inner .item-img .item-img-info {
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden;
}

.products-grid .item .item-inner .item-img .item-img-info a.product-image {
    width: 100%;
    display: block;
}

.products-grid .item .item-inner .item-img .item-img-info a.product-image img {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: transform;
    transition-property: transform;
    border-radius: 0px;
    width: 100%;
    height: 300px;
    object-fit: cover;
}


.sale-top-right {
    top: 0;
    background: #fff;
    right: 0px;
}

.new-top-left {
    left: 0px;
    top: 0;
    background: #fff;
}

.new-label {
	font-size: 13px;
	color: #fff;
	background: #2bbef9;
	padding: 3px 10px;
	text-align: center;
	display: block;
	position: absolute;
	font-weight: 300;
	text-transform: capitalize;
	line-height:normal;
	font-family: 'Poppins', sans-serif;
	border-radius:3px
}
.new-label.new-top-left:after {
	border-color: #2bbef9 transparent transparent;
	border-style: solid solid solid none;
	border-width: 9px 9px 9px 0;
	bottom: -15px;
	content: "";
	left: 0px;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	width: 9px;
}

.sale-label {
    font-size: 13px;
    color: #fff;
    background: #ed6663;
    padding: 3px 10px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0px;
    font-weight: 300;
    line-height: normal;
    border-radius: 3px;
}

.sale-label.sale-top-left:after {
    border-color: #ed6663 transparent transparent;
    border-style: solid solid solid none;
    border-width: 9px 9px 9px 0;
    bottom: -15px;
    content: "";
    left: 0%;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 9px;
}

.sale-label.sale-top-right:after {
    border-color: #ed6663 transparent transparent;
    border-style: solid none solid solid;
    border-width: 9px 0px 9px 9px;
    bottom: -15px;
    content: "";
    right: 0px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 9px;
}

.box-hover {
    position: absolute;
    bottom: -100%;
    text-align: center;
    left: 50%;
    z-index: 1;
    margin-left: -65px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.item .item-inner:hover .item-img .box-hover {
    left: 50%;
    bottom: 10px;
    margin-left: -75px;
}

.box-hover .add-to-links {
	margin: 0;
	list-style: none;
	padding: 0;
}
.box-hover .add-to-links li {
	margin: 3px 2px;
	display: inline-block;
}

.box-hover .add-to-links li a {
    height: 40px;
    display: block;
    font-size: 0;
    color: #fff;
    line-height: 43px;
    text-align: left;
    padding: 0;
    text-transform: uppercase;
    margin: 0;
    background: none;
    font-weight: 700;
    letter-spacing: 1px;
}

.box-hover .add-to-links li a:hover {
    background: #f56425;
    border-radius: 100px;
    color: #fff;
}

.box-hover .add-to-links li a:after {
    width: 43px;
    height: 43px;
    float: left;
    background: #f56425;
    content: "";
    text-align: center;
    font-family: FontAwesome;
    font-size: 11px;
    border-radius: 999px;
}

.box-hover .add-to-links li a:hover:after {
    background: #f56425;
    color: #fff;
}

.item .item-inner .item-img .box-hover .add-to-links li a.link-quickview:after {
    content: "\e087";
    font-size: 15px;
    font-weight: normal;
    font-family: 'Simple-Line-Icons';
}

.item .item-inner .item-img .box-hover .add-to-links li a.link-wishlist:after {
    font-size: 13px;
    font-weight: normal;
    content: "\e08a";
    font-family: 'Simple-Line-Icons';
}

.item .item-inner .item-img .box-hover .add-to-links li a.link-compare:after {
    content: "\e06c";
    font-size: 13px;
    font-weight: normal;
    font-family: 'Simple-Line-Icons';
}

.products-grid .item .item-inner .item-info .info-inner {
    border-top: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.products-grid .item .item-inner .item-info .info-inner .item-title {
    margin-bottom: 5px;
    padding-top: 10px;
    font-size: 14px;
    overflow: hidden;
    line-height: 19px;
    text-align: center;
}

.products-grid .item .item-inner .item-info .info-inner .item-title a {
    text-decoration: none;
    font-size: 13px;
    letter-spacing: normal;
    color: #3e445a;
    font-weight: 600;
}

.products-grid .item:hover .item-inner .item-info .info-inner .item-title a:hover {
    color: #f56425;
}

.brand {
    color: #9b9bb4;
    font-size: 13px;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 10px;
    margin-bottom: 18px;
    font-weight: 300;
    letter-spacing: 0.2px;
}

.star-rating {
    display: block;
    overflow: hidden;
    position: relative;
    height: 16px;
    font-size: 12px;
    width: 60px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffc808;

}

.star-rating::before {
	content: "\f005\f005\f005\f005\f005";
	float: left;
    top: 0;
    left: 0;
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 11px;
    color: #ccc;
	letter-spacing: 2px;
}

.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 16px;
}

.star-rating span:before {
    content: "\f005\f005\f005\f005\f005";
    top: 0;
    position: absolute;
    left: 0;
    font-size: 11px;
	letter-spacing: 2px;
}

.price-box {
    padding: 0px 0px 0px 0px;
    margin: 2px 0;
    margin-bottom: 0px;
    font-weight: 500;
    color: #456883;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}

.regular-price {
    display: inline;
}

.regular-price .price {
    font-size: 13px;
    color: #000000;
    font-weight: 500;
}

.old-price .price {
    color: #c2c2d3!important;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 5px;
    margin-left: 5px;
}

.old-price {
    display: inline;
    margin-right: 15px;
}

.products-grid .item .item-inner .action {
    margin-top: 10px;
    position: absolute;
    bottom: 5px;
    right: 0;
}

button.btn-cart {
    background: none repeat scroll 0 0 #fff;
    color: #f56425;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding: 9px 16px;
    border: none;
    border-radius: 999px;
    text-transform: uppercase;
    border: 1px #f56425 solid;
}

button.btn-cart i {
    margin-right: 5px;
}

.products-grid .item:hover .item-inner .item-info .info-inner .action button.button {
    background: #f56425;
    color: #fff;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}


/*----------- 7. Home Banners --------------*/
/*-7a. banner style 1 --*/

.section-element {
	overflow: hidden;
	margin-top: 60px
}

.section-element .large-6 {
	position: relative;
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 0px 4px;
}

.section-element .wpb_wrapper {
    overflow: hidden;
}

.section-element .banner {
    overflow: hidden;
    position: relative;
}

.section-element .banner-content {
    position: absolute;
    left: 35px;
    right: 0;
    top: 0;
    margin: 0 auto;
    z-index: 10;
    top: 15%;
}

.section-element .large-6 .banner-content h3 {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    margin-top: 8px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
}

.section-element .large-6 .banner-content h4 {
    font-size: 34px;
    margin: 6px 0;
    font-weight: 500;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.section-element .banner-content h5 {
    font-size: 22px;
    margin: 6px 0;
    font-weight: 400;
    color: #ffe3d7;
    font-family: 'Poppins', sans-serif;
}

.section-element .banner-img img {
    width: 100%;
    transition: all 0.3s ease-out;
    transform: scale(1);
    border-radius: 10px;
}

.section-element .banner-img:hover img {
    transform: scale(1.1);
}

.section-element .banner-content1 {
    position: absolute;
    left: 0px;
    right: 0;
    top: auto;
    margin: 0 auto;
    z-index: 10;
    bottom: 30%;
}

.section-element .banner-content1 h6 {
    font-size: 30px;
    margin: 6px 0;
    font-weight: 400;
    text-align: center;
    letter-spacing: 3px;
    font-family: 'Great Vibes', cursive;
    color: #ff4137;
}

.section-element .large-6 .banner-content1 h3 {
    font-size: 18px;
    margin: 6px 0;
    font-weight: 500;
    color: #017953;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.section-element .banner-content1 p {
    text-align: center;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    color: #333;
}

.section-element .row {
    margin: 0px -4px;
}

.section-element .large-12 {
    position: relative;
    width: 100%;
    padding: 0px 8px;
    padding-top: 10px;
}

.section-element .large-6 .large-12 .banner-content {
    top: 28%;
}

.section-element .large-6 .large-12 .banner-content h4 {
    color: #fff;
    font-size: 34px;
}

.section-element .large-6 .large-12 .banner-content h5 {
    color: #D9F929;
    font-size: 22px;
}

/*-7b. banner style 2 --*/
.wide-banner {
    margin-top: 60px;
    text-transform: uppercase;
}

.figure.banner-with-effects {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    background: transparent;
    text-align: center;
    cursor: pointer;
}

.figure.banner-with-effects img {
    position: relative;
    display: block;
    opacity: 1;
    transform: translateZ(0);
}

.figure.effect-sadie1 img {
    max-width: 100% !important;
    border-radius: 10px;
}

.static-text {
    position: absolute;
    bottom: auto;
    margin: 0 auto;
    top: 35%;
    left: 7%;
    right: auto;
    text-align: left;
    text-transform: none;
    font-family: 'Poppins', sans-serif;
}

.static-text .banner-text-1 {
    font-size: 14px;
    font-weight: 300;
    display: block;
    color: #fff;
    background: #5db212;
    padding: 5px 15px;
    margin-bottom: 20px;
    border-radius: 999px;
}

.static-text .banner-text-normal {
    font-size: 36px;
    font-weight: 400;
    display: block;
    color: #222;
    line-height: normal;
}

.static-text .banner-text-2 {
    font-size: 17px;
    display: inline;
    color: #fff;
    background: #622599;
    padding: 5px 15px;
    margin-bottom: 20px;
    border-radius: 999px;
    top: -15px;
    position: relative;
    font-weight: 700;
}

div.figure.banner-width {
    width: 50%;
    float: left;
    margin-bottom: 28px;
    padding: 0px 15px;
}


/*----------- 8. Home Product Tabs --------------*/

.content-page .category-product {
    margin-top: 60px;
}

.category-product {
    margin-top: 0px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    overflow: hidden;
    position: relative;
    padding-bottom: 25px;
    border-radius: 10px;
}

.category-product .navbar {
    line-height: inherit;
    margin-bottom: auto;
    border: none;
    border-radius: 0;
    min-height: 0px;
    font-family: 'Poppins', sans-serif;
	padding:0
	
}

.category-product .navbar-collapse {
    padding: 0px;
    background: #e6e8ea;
    border-bottom: 2px #f56425 solid;
    border-radius: 10px 10px 0px 0px;
}

.category-product .nav.navbar-nav {
    text-align: center;
    margin-bottom: 20px;
    margin: 0;
	width:100%;
    display: flex;
    flex-wrap: wrap;
	flex-direction: row;
	
}

.category-product .navbar-nav > li {
    vertical-align: middle;
    width: 33.333%;


}

.category-product .navbar-nav > li > a {
    color: #333;
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 16px 20px 16px 20px;
    margin-top: 0px;
    font-weight: 400;
    text-transform: none;
    border-left: 1px #d3d3d4 solid;
    border-right: none;
    text-transform: uppercase;
    letter-spacing: 1px;
	display:block;
}

.category-product .navbar-nav > li a.active {
    color: #fff;
    font-weight: 400;
    background: #f56425;
    border-color: #f56425;
}

.category-product .navbar-nav > li:first-child > a {
    border-left: none;
    border-radius: 10px 0px 0px 0px;
}

.product-bestseller {
    padding: 25px 0px;
    overflow: hidden;
    border-top: none;
    padding-bottom: 0px;
    border-radius: 10px;
}

.tab-container {
    position: relative;
}

.tab-container .tab-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.tab-container .active {
    opacity: 1;
    visibility: inherit;
    position: inherit;
    -vendor-animation-duration: 0.3s;
    -vendor-animation-delay: 1s;
    -vendor-animation-iteration-count: infinite;
}

.tab-container .category-products {
    border: none;
    /*width: 100%!important;*/
    margin: 0;
}

ul.products-grid {
    padding: 0;
    margin: 0;
	display:flex;
	flex-wrap: wrap;
}

.category-products ul.products-grid li.item {
    text-align: center;
    margin-top: 0;
    padding: 10px;
}

.product-bestseller .category-products ul.products-grid li.item {
    margin-top: 0px;
    border-right: 1px #eaeaea solid;
    border-bottom: none;
    padding: 0px 25px;
    margin-bottom: 0px;
}


/*----------- 9. Hot Deals Section --------------*/

.ads-block {
    background: url(../images/deals-bg-img.jpg) no-repeat top center;
    padding: 5% 0 13% 0;
    text-align: center;
    margin-top: 32px;
    font-family: 'Poppins', sans-serif;
}

.ads-block .banner-text-big {
    font-size: 44px;
    font-weight: 500;
    display: block;
    color: #fff;
    line-height: normal;
    margin-bottom: 20px;
}

.ads-block .banner-text-normal {
    font-size: 16px;
    font-weight: 500;
    display: block;
    color: #fff;
}

.ads-block .banner-text-normal a {
    color: #f56425;
    text-decoration: underline;
}

.deals-block {
    padding: 70px 0px 0px 0px;
    margin-top: 0px;
}

.deals-block h2 {
    font-size: 20px;
    margin: 0;
    font-weight: 500;
    color: #fff;
    text-align: left;
    padding: 35px 20px;
    letter-spacing: normal;
    text-transform: uppercase;
    margin-top: -255px;
    position: relative;
    background: #f56425;
    border-radius: 10px 10px 0px 0px;
    font-family: 'Poppins', sans-serif;
}

.hot-deal {
    position: relative;
}

.box-timer {
    text-align: left;
    margin: 0 0px;
    color: #777;
    border-radius: 10px;
    margin-top: 30px;
    position: absolute;
    top: -105px;
	right:0px;
	font-family: 'Poppins', sans-serif;
}

.timer-grid {
	display: block;
	text-align: center;
	background:#f56425;
	margin-top:0
}
.timer-grid .box-time-date {
	font-size: 10px;
	color:#777;
	width:56px;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 0px;
	display: inline-block;
	float: left;
	height:56px;
	margin-right: 0px;
	background:none;
	line-height: normal;
	letter-spacing:0.5px;
	background:#fff;
	border-radius:999px;
	margin-right:20px;
	position:relative
}


.timer-grid .sec.box-time-date {
	margin: 0;
	margin-right:20px;
	position:relative
}

.timer-grid .box-time-date:after{
    width: 71px;
    height: 71px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    transform: translate(-50%, -50%);
    content: "";
    -webkit-animation: ripple 9s infinite;
    animation: ripple 9s infinite;
    transition: all .12s ease;
	-webkit-animation: zoomout 6s ease-in infinite;
    animation: zoomout 6s ease-in infinite;
    transition: all .5s ease-in-out;
    opacity:0.2;
    left:-8px;
    top:-7px
}

.timer-grid .day.box-time-date span {
	color: #f56425;
	letter-spacing:normal
}
.timer-grid .box-time-date span {
	display: block;
	font-size: 16px;
	color: #f56425;
	margin-top: 12px;
	font-weight: 400;
	letter-spacing:normal
}

.hot-deal .products-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin: 0;
    padding: 0;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    background: #fff;
    border-radius: 0px 0px 10px 10px;
}

.hot-deal .products-grid .item {
    background: none;
    margin: 0;
}

.hot-deal .products-grid .item .item-inner .item-content {
    position: relative;
}

.hot-deal .item-info .info-inner .action {
    top: 0;
    margin-top: 0px;
}

.hot-deal .products-grid .item:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
    border-right: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
}

.hot-deal .products-grid .item .item-inner {
    margin: 0px 0px;
    padding: 25px 30px;
}

.hot-deal .products-grid .item .brand {
    border: none;
    margin: 0;
}

.hot-deal .products-grid .item:nth-child(2) {
    grid-column: 3/7;
    grid-row: 1/3;
    border-right: 1px #e5e5e5 solid;
    position: relative;
}

.hot-deal .products-grid .item:nth-child(2) .item-inner .item-info .info-inner .item-title a {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2em;
}

.hot-deal .products-grid .item:nth-child(2) .item-inner .regular-price .price, .hot-deal .products-grid .item:nth-child(2) .item-inner .old-price .price {
    font-size: 18px;
}

.hot-deal .products-grid .item:nth-child(2) .item-inner .brand {
    font-size: 13px;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    border-bottom: 1px #e5e5e5 solid;
    margin-top: 10px;
}

.hot-deal .products-grid .item:nth-child(2) .item-inner button.btn-cart {
    margin-top: 30px;
    width: 100%;
    font-weight: 400;
    background: #f56425;
    border-radius: 999px;
    color: #fff;
    padding: 15px 12px;
    font-size: 18px;
}

.hot-deal .products-grid .item:nth-child(2) .item-inner {
    padding: 30px;
}

.hot-deal .products-grid .item:nth-child(3) {
    grid-column: 7/9;
    grid-row: 1/2;
    border-bottom: 1px #e5e5e5 solid;
}

.hot-deal .products-grid .item:nth-child(4) {
    grid-column: 1/3;
    border-right: 1px #e5e5e5 solid;
}

.hot-deal .products-grid .item:nth-child(5) {
    grid-column: 7/9;
}


/*----------- 10. Home Page Slider --------------*/
/*----10a. best seller ----*/
.bestsell-pro {
    margin-top: 60px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    overflow: hidden;
    position: relative;
    /*border-radius: 10px;*/
}

.bestsell-block {
    background: #fff;
}

.bestsell-pro .block-title {
    padding: 0px;
    background: #e6e8ea;
    border-bottom: 2px #f56425 solid;
}

.bestsell-pro .block-title h2 {
    display: inline-block;
    font-size: 20px;
    letter-spacing: 0.5px;
    line-height: 18px;
    margin: auto;
    position: relative;
    padding: 18px 31px 18px 31px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    background: #f56425;
    font-family: 'Poppins', sans-serif;
}

#bestsell-slider.product-flexslider {
    margin: 25px 0px;
}

.bestsell-pro .block-content {
    padding: 0px 0px 0px 0px;
}

.bestsell-block .products-grid .item {
    margin-top: 0px;
    border-right: 1px #eaeaea solid;
    border-bottom: none;
    padding: 0px 25px;
    margin-bottom: 0px;
    margin: 0px;
}

.product-flexslider .owl-buttons {
    opacity: 0;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

.bestsell-pro .owl-theme .owl-controls {
    position: absolute;
    right: 15px;
    text-align: center;
    top: 0px;
    margin-top: -75px;
    width: 15px;
}

.bestsell-pro .product-flexslider .owl-buttons {
    opacity: 1;
}

.slider-items-products .owl-buttons .owl-prev {
    position: absolute;
    right: 18px;
    top: -20.5%;
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 1;
}

.bestsell-pro .slider-items-products .owl-buttons a {
    background: inherit;
    border: medium none;
    color: #fff;
    display: block;
    margin: 0 0 0 -40px;
    position: absolute;
    top: 50%;
    width: 24px;
    z-index: 5;
    opacity: 1;
    background: #f56425;
    height: 24px;
    border-radius: 5px;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -ms-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}

.slider-items-products .owl-buttons .owl-prev a {
    background-position: 0 100%;
}

.owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
}

.owl-theme .owl-controls .owl-buttons div {
    background: none !important;
}

.bestsell-pro .slider-items-products .owl-buttons .owl-prev {
    left: -15px;
}

.bestsell-pro .slider-items-products .owl-buttons .owl-next {
    right: -30px;
}

.slider-items-products .owl-buttons .owl-prev a:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f104";
    text-transform: none;
    font-size: 18px;
    line-height: 24px;
}

.slider-items-products .owl-buttons .owl-next a:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    text-transform: none;
    font-size: 18px;
    line-height: 24px;
}

.bestsell-pro .slider-items-products .owl-buttons .owl-prev a:before, .bestsell-pro .slider-items-products .owl-buttons .owl-next a:before {
    line-height: 25px;
}

.slider-items-products .owl-buttons .owl-next {
    position: absolute;
    right: -10px;
    top: -20.5%;
}


/*----10b. best seller ----*/

.bestsell-pro.recent-pro .block-title {
    border-bottom: 2px #f56425 solid;
}

.bestsell-pro.recent-pro .block-title h2 {
    background: #f56425;
    color: #fff;
}

.banner-img-rec {
    position: absolute;
}

.banner-img-rec img {
    max-width: 100%;
}

.bestsell-pro.recent-pro #recent-pro-slider.product-flexslider {
    margin: 0;
    margin-left: 243px;
}

.bestsell-pro.recent-pro .products-grid .item {
    padding: 0;
    border-right: none;
}

.bestsell-pro.recent-pro .products-grid .item .item-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin: 0;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding: 20px 20px 20px 0px;
    background-color: #fff;
    border-bottom: 1px #eaeaea solid;
    border-left: 1px #eaeaea solid;
}

.bestsell-pro.recent-pro .products-grid .item .item-inner .item-img {
    grid-column: 1/4;
}

.bestsell-pro.recent-pro .products-grid .item .item-inner .item-info {
    grid-column: 4/8;
}

.bestsell-pro.recent-pro .products-grid .item .item-inner .item-info .info-inner .item-title {
    padding-top: 0px;
    padding-bottom: 10px;
}

.bestsell-pro.recent-pro .owl-theme .owl-controls {
    margin-top: -48px;
}


/*----------- 11. Home Blogs --------------*/

section.home-articles {
    padding: 70px 0px;
}

.css-grid--columns-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: repeat(6, minmax(0, 1fr));
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin: 0;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    padding: 0;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    border-radius: 10px;
}

.article-home {
    display: flex;
	position: relative;
}

.article-home:nth-child(1) {
    grid-column: 1/4;
    grid-row: 1/2;
}

.article-home:nth-child(2) {
    grid-column: 4/7;
    grid-row: 1/3;
}

.article-home:nth-child(3) {
    grid-column: 1/4;
    flex-direction: row-reverse;
}

.article-home .article-home__image {
    flex: 0 0 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-home:nth-child(2) .article-home__image {
    height: 100%;
    width: 100%;
    flex: 0 0 100%;
}

.article-home img {
    max-width: 100%;
}

.article-home:nth-child(2) .article-home__image img {
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0px 10px 10px 0px;
}

.article-home:nth-child(1) .article-home__image img {
    border-radius: 10px 0px 0px 0px;
}

.article-home .article-home__content {
    background: #fff;
    align-items: center;
    justify-content: center;
    padding: 25px;
    border-radius: 0px 0px 10px 0px;
	flex: 0 0 50%;
	display: flex;
}

.article-home:nth-child(2) .article-home__content {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    z-index: 3;
}

.article-home:nth-child(3) .article-home__content {
    border-radius: 0px 0px 0px 10px;
}


.article-home .article-home__content .inside {
    margin: 0 auto;
    text-align: center;
}

.article-home .article-home__content .inside .date {
    color: #9b9bb4;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.article-home .article-home__content .inside h4 {
    color: #333e48;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.link {
    font-size: 14px;
    color: #9b9bb4;
    font-weight: 400;
    display: block;
    margin-top: 15px;
    font-family: 'Poppins', sans-serif;
}

.link i {
    color: #f56425;
    font-size: 16px;
    margin-left: 3px;
    vertical-align: middle;
}


/*----------- 12. Services Blocks --------------*/

.our-services {
	overflow: hidden;
	padding: 0px 0;
	background: #fff;
	margin-bottom: 0px;
    box-shadow:0 2px 4px 0 rgb(0 0 0 / 8%);
	margin-bottom:70px;
	border-radius:10px;

}

.our-services .container{ padding:0px}

.our-services ul {
	list-style: none;
	margin: auto;
	padding: 0;
	border: none;
	padding:0px 0px;
	overflow: hidden
}
.our-services li {
	float: left;
	margin-bottom: 0px;
	text-align: center;
	width: 20%;
	padding: 0;
	display: inline-block;
}
.our-services li.last {
	margin-right: 0;
	width: 20%;
	border:none;
	background:#f56425;
	float:right
}

.our-services li.last .feature-box {margin-right:0px!important; border:none}
.our-services li.last a { display:block; padding:15px 15px; background:#fff; border-radius:999px; margin-bottom:10px; margin-top:10px; color:#f56425}
.our-services li.last .feature-box i {font-size:20px; margin-right:10px}


.our-services .feature-box {
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    color: #292929;
    line-height: 1.4em;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 3px;
    padding: 25px 30px;
    border-right: 1px #eaeaea solid;
}


.our-services .feature-box .content {
  display: block;
  text-align: center;
  line-height: 22px;

}
.our-services .feature-box span {
	font-size: 12px;
	display: block;
	font-weight: 400;
	text-transform: none;
	display: block;
	padding-top: 5px;
	color: #fff;
	line-height: 18px;
	font-style: italic;
}
.icon-truck:before {
	content: "\e094";
	font-family: 'simple-line-icons';
}
.icon-truck, .icon-money, .icon-support, .icon-return {
font-family: FontAwesome;
    display: block !important;
    font-size: 22px;
    margin: auto;
    color: #333;
    width: 65px!important;
    text-align: center;
    margin-bottom: 20px;
    line-height: 60px;
    border-radius: 999px;
	margin-top:3px;
	background: #f3e4dc;
}


.icon-money {background: #f8f2d2;}
.icon-support {background: #dae8dc;}
.icon-truck {background: #f0faff;}

.icon-money:before {
	content: "\e025";
	font-family: 'simple-line-icons';
}
.icon-support:before {
	content:"\e03d";
	font-family: 'simple-line-icons';
}
.icon-return:before {
	content: "\e04b";
	font-family: 'simple-line-icons';
}


/*----------- 13. Newsletter --------------*/

.news-letter-form { background:#f56425 url(../images/offer-bg-1.png) bottom left ;}

.newsletter-wrap {
    overflow: hidden;
    padding: 70px 0;
	border-radius:10px;
	text-align:center;
}

.newsletter {
	margin: auto;
}

.newsletter-wrap h4 {
	font-size: 26px;
	display: block;
	font-weight: 500;
	margin-right: 8px;
	letter-spacing: normal;
	color: #fff;
	margin-top: 13px;
	vertical-align: top;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
}

.newsletter-wrap p {color:#fff; font-family: 'Poppins', sans-serif; font-size:18px; font-weight:normal; margin-bottom:30px;}

.newsletter-wrap button.subscribe {
	background-color: #f56425 !important;
	border: none;
	color: #fff;
	cursor: pointer;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 17px;
	margin-left: -50px;
	overflow: hidden;
	padding: 16px 30px !important;
	text-transform: uppercase;
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
	border: none;
	border-radius:0px 999px 999px 0;
	font-family: 'Poppins', sans-serif;
}

.newsletter-wrap button.subscribe:before {
	content: "\f0e0";
	font-family: FontAwesome;
	font-size: 13px;
	padding-right: 5px;
	font-weight: normal;
	display: none;
}

.newsletter-wrap input[type="text"], .newsletter-wrap input.input-text:focus {
	background: none repeat scroll 0 0 #fff;
	border: none;
	color: #666;
	display: inline-block;
	font-size: 15px;
	height: auto;
	line-height: 30px;
	padding: 10px 25px 9px;
	width: 40%;
	border-radius: 3px;
	letter-spacing: normal;
	border:none;
	border-radius:999px;
	font-family: 'Poppins', sans-serif;
	font-weight:300
}

.newsletter p#subscriber_content {
	position: absolute;
	top: 13px;
	left: 57%;
	color: #ff0000;
}


/*----------- 14. Shop Page --------------*/

.inside-col {
    background: #eee;
    margin-bottom: 0px;
    padding-bottom: 60px;
}

.category-products {
    overflow: hidden;
    width: 100%;
}

.col-main .category-products .products-grid {
    /*margin-left: -2px;*/
    /*margin-right: -2px;*/
}

/*----------- 14 a. page heading --------------*/
.page-heading {
    padding: 60px 0 65px 0;
    border-bottom: none;
    text-align: center;
	background:#fffbd0;
	margin-bottom:40px;
	background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 105%);
    position: relative;
}

.page-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
	padding:5px 0 0 0
}


.page-title h2 {
	font-size: 42px;
	letter-spacing: -1px;
	margin:0;
	line-height: 18px;
	position: relative;
    font-family: 'Poppins', sans-serif;
	padding: 0px 0px 0px 0px;
	color: #222;
	font-weight: 200;
	line-height: 1.2em;
}

/*----------- 14 b. breadcrumbs --------------*/

.breadcrumbs {
	margin: 0px 0 0px 0;
	padding: 5px 0;
	font-size: 13px;
	color: #333;
	text-align: left;
	z-index: 10;
	position: relative;
	font-family: 'Poppins', sans-serif;
}
.breadcrumbs a {
	color: #666;
	font-size: 13px;
	font-weight: normal;
}
.breadcrumbs a:hover {
	color: #f56425;
}
.bredcrumbs-sec {background:#fffbd0; padding:15px 0px; margin-top: 90px;}
.breadcrumbs span {
	display: inline-block;
	margin: 0 5px 0 5px;
	color: #ccc;
	font-size: 11px;
}
.breadcrumbs ul {
	margin: 0px;
	padding: 0px;
}
.breadcrumbs ul li {
	list-style-type: none;
	display: inline;
}

.breadcrumbs li strong {
	color: #333;
	font-size: 13px;
	opacity: 0.5;
}

.breadcrumbs strong {
	font-weight: normal;
	color: #0083c1;
}

/*----------- 14 c. toolbar --------------*/

.toolbar {
	clear: both;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 100%;
	margin-bottom: 0px;
	background: #f1f1f1;
	border-radius: 10px;
	overflow:hidden;
	font-family: 'Poppins', sans-serif;
	color:#747775
}

.form-select:focus {border:none; outline:none; box-shadow:none}

.product-list-grid  .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.col-main .category-products .products-grid .brand {
    border: none;
    margin-bottom: 5px;
}

.bestsell-pro.mb-60 {
    margin-bottom: 60px;
}

.product-list-grid  .nav a {padding:15px 20px; border-right:1px #e6e8e7 solid; color:#747775; font-size:18px;}
.product-list-grid .nav>li>a:focus, .product-list-grid .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
	
}
.product-list-grid .nav>li>a.active { background-color: transparent; color:#f56425}

.pro-sorting {float:right; padding:8px 8px;  border-left:1px #e6e8e7 solid;}
.pro-sorting select {border:none; border-radius:3px; font-size:13px; color:#747775; font-weight:400; padding:10px 10px; background: url(../images/arrow-select.png);
    background-repeat: no-repeat; width: 235px;
    background-position: right 15px center;}
.pro-sorting select:hover {background: url(../images/arrow-select-hover.png); background-repeat: no-repeat; background-position: right 15px center;}
.pro-sorting select option {font-size:13px; padding:10px}
.pro-sorting select.show-filter {width:120px}

.pages  {overflow:hidden; padding:15px 10px; border-radius:10px; margin-top:20px;display: flex;justify-content: center;}
.pro-listing .pages { text-align:center}
.pages .pagination{ margin: 0; display: flex; align-items:center; }
.pagination>li>a, .pagination>li>span {border-radius:999px; margin-left:5px; float:none; display:inline-block; color:#71778e; border:none}
.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span {border-radius:0;} 

.pages .pagination > .active > a, .pages .pagination > .active > span, .pages .pagination > .active > a:hover, .pages .pagination > .active > span:hover, .pages .pagination > .active > a:focus, .pages .pagination > .active > span:focus {
	background-color: transparent;
	font-size: 17px;
    color: #000;
    border: none;
    font-weight: 700;
    border-width: 2px;
}

.pro-listing .pages {
    text-align: center;
    width: 100%;
    background: none;
    border-top: 1px solid #ededed;
    border-radius: 0;
    border-bottom: 1px solid #ededed;
    padding: 16px 0px;
}

.pages .pagination {
    margin: 0;
}

.pagination>li>a, .pagination>li>span {
    border-radius: 999px;
    margin-left: 5px;
    float: none;
    display: inline-block;
    color: #71778e;
    border: none;
	padding: 0;
	background-color: #fff;
	width: 30px;
    height: 30px;
    display: inline;
    align-items: center;
    justify-content: center;
}

.results {float:right; padding-right:20px; border-left: 1px #e6e8e7 solid; padding: 18px 18px; margin:0}

/*----------- 14 d. sidebar --------------*/
.sidebar {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    color: #71778e;
}

.sidebar ol, .sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0;
}

.col-left {
    margin-bottom: 0px;
}

.col-left.sidebar {
    padding-right: 25px;
}

.col-right.sidebar {
    padding-left: 25px;
}

.widget-categories {
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
}

.widget .block-title {
    border-bottom: 1px solid #eaeaea;
    color: #333e48;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0px 0px 15px 0px;
    position: relative;
}

.widget-categories .block-title {
	border-bottom: none;
	padding-bottom: 0 !important;
    color: #333e48;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 12px 0px 15px 0px;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
}

.widget-categories .accordion>.card:first-child {border:none; padding-top:0px}
.widget-categories .accordion {padding:15px 0px}

.widget-categories .accordion>.card { overflow: hidden; border:none; border-top: 1px #eaeaea solid; padding: 5px 0px;}
.widget-categories .accordion .card-header { background: none; border: none; position: relative; padding: 0; }
.widget-categories .accordion .card-header h6 {margin:10px 0px}
.widget-categories .accordion .card-header a { font-weight:400; text-transform: capitalize; display: inline-block; width: 100%;  color:#4e5351;font-size:14px }
.widget-categories .accordion .card-header a:before { width: 20px; height: 20px; border-radius:100%; text-align: center; line-height: 22px; background: #f2f2f2; content: "\f107"; font-family:FontAwesome; font-weight: 400; font-size:12px; top: 50%; position: absolute; right: 0; margin-top: -10px; }
.widget-categories .accordion .card .card-header a[aria-expanded="true"] { color: #f56425; font-weight:500;font-size: 14px; }
.widget-categories .accordion .card .card-header a[aria-expanded="true"]:before { background: #f56425; color: #ffffff; transform: rotate(180deg); }
.widget-categories .accordion .card-body { padding:5px 0px; line-height:1.6; }
.widget-categories .accordion .card-body li a { font-size:12px; color: #71778e; display:block; padding-bottom:5px; font-weight:400 }

.widget-price h5, .widget-brand h5, .widget-color h5, .widget-ratings h5 {
    color: #333e48;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 20px 0px 10px 0px;
    position: relative;
    letter-spacing: normal;
}

.widget-filter {
    background-color: #fff;
    margin-top: 30px;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-checkbox .custom-control-label::before {
    content: "";
    border: 1px solid #ddd;
    height: 15px;
    width: 15px;
    margin: -2px 6px 0 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 999px;
}

.custom-checkbox input[type="checkbox"]:checked + .custom-control-label::before {
    background-color: #f56425;
    border-color: #f56425;
}

.custom-control-label::after {
    position: absolute;
    top: 1px;
    left: 0px;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 80%/80% 80%;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.widget-price .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 0px 0px 0px;
}

.filter-price {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
}

.price-field input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.price-field input[type=range]:active,
.price-field input[type=range]:focus {
  outline: 0;
  
}

.price-field input[type=range]::-ms-track {
  width: 188px;
  height: 3px; 
  border: 0;
  outline: 0;
  box-sizing: border-box;
  border-radius: 5px;
  pointer-events: none;
  background: transparent;
  border-color: transparent;
  color: #ddd;
  border-radius: 5px;
}

/* Style toddler input range */

.price-field input[type=range]::-webkit-slider-thumb { 
  /* WebKit/Blink */
    position: relative;
    -webkit-appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    margin-top: -4px;
    background-color: #fff;
    border: 3px solid #000;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;

}

.price-field input[type=range]::-moz-range-thumb { 
  /* Firefox */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  margin-top: -6px;
  background-color: #fff;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

.price-field input[type=range]::-ms-thumb  { 
  /* IE */
  position: relative;
  appearance: none;
  margin: 0;
  border: 0;
  outline: 0;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  margin-top: -6px;
  background-color: #fff;
  cursor: pointer;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}

/* Style track input range */

.price-field input[type=range]::-webkit-slider-runnable-track { 
  /* WebKit/Blink */
  width: 188px;
  height: 3px;
  cursor: pointer;
  background: #ccc;
  border-radius: 5px;
}

.price-field input[type=range]::-moz-range-track { 
  /* Firefox */
  width: 188px;
  height: 3px;
  cursor: pointer;
  background: #fff;
  border-radius: 5px;
}

.price-field input[type=range]::-ms-track { 
  /* IE */
  width: 188px;
  height:3px;
  cursor: pointer;
  background: #fff;
  border-radius: 5px;
}


.price-field {
    position: relative;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    padding-top: 15px;
    padding-left: 0px;
}

.price-field input[type=range] {
    position: absolute;
}

.price-field input[type=range] {
    width: 100%;
    height: 3px;
    outline: 0;
    box-sizing: border-box;
    border-radius: 5px;
    pointer-events: none;
    -webkit-appearance: none;
    background: #fff;
    border: none;
}

.price-wrap {
    display: flex;
    color: #687188;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;
    margin-bottom: 0px;
    justify-content: space-between;
}

.price-container {
    display: flex;
    padding: 5px;
    align-items: center;
}

.price-wrap-1, .price-wrap-2 {
    display: flex;
    margin-left: 0px;
    align-items: center;
}

.price-wrap label {
    text-align: right;
    margin-top: 6px;
    padding-left: 5px;
    color: #f56425;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
}

.price-wrap #one, .price-wrap #two {
    width: 30px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-left: 2px;
    margin-right: 2px;
    background: 0;
    border: 0;
    outline: 0;
    color: #f56425;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: 400;
    font-weight: 600;
}

.price-wrap_line {
    margin: 0;
    color: #f56425;
}

.featured-add-inner {
    position: relative;
    overflow: hidden;
    margin-top: 40px;
    border-radius: 5px;
}

.featured-add-inner img {
    width: 100%;
    transition: all 0.3s ease-out;
    transform: scale(1);
    border-radius: 5px;
}

.featured-add-inner:hover img {
    transform: scale(1.1);
}

.featured-add-inner .banner-content {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 15%;
    text-align: center;
    color: #fff;
    pointer-events: none;
    font-family: 'Poppins', sans-serif;
}

.featured-add-inner .banner-content .banner-text {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    margin: 0 0 0px;
    padding: 7px 15px;
    letter-spacing: 1px;
    font-weight: 400;
    background: #f56425;
    border-radius: 999px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.featured-add-inner .banner-content .banner-text1 {
    font-size: 30px;
    color: #f69624;
    font-weight: 600;
    text-transform: uppercase;
    line-height: normal;
}

.featured-add-inner .banner-content p {
    font-size: 18px;
    color: #f56425;
    font-weight: 400;
    margin-bottom: 20px;
    display: block;
}

.widget-latest {
    background-color: #fff;
    margin-top: 60px;
}

.sidebar .widget-latest ul { overflow:hidden; padding:0px 0px}
.widget-latest .item {
    overflow: hidden;
    display: grid;
    -ms-grid-columns: 90px 6px 1fr;
    grid-template: auto/90px 1fr;
    grid-template-areas:
        "picture title"
        "picture text";
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column-gap: 10px;
    text-align: left;
	border-bottom:1px #eaeaea solid;
	padding-top:20px;
	padding-bottom:20px;
}

.widget-latest figure {
    margin: 0;
}

.widget-latest .item .content-info  a {font-size:14px; color:#71778e; display:block; margin-bottom:8px; line-height:19px;}
.widget-latest .item .regular-price .price {font-weight:400; margin-top:0px; display:block; font-size:13px}

.widget-latest  .featured-thumb img {
    width: 100%;
    height: 100%;
}

.widget-latest .brand {border:none; padding:0; margin:0}
.widget-latest .content-info { width: 100%;}

/*----------- 14 e. Product list view --------------*/
.products-list .item.last {
	border-bottom: 0 none;
	margin-bottom: 30px;
	overflow: hidden;
}
.products-list .item {
	padding: 25px 0;
	overflow: hidden;
	margin: 0px !important;
	border-bottom: 1px solid #e5e5e5;
}
.products-list .item a:hover {
	color: #333;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.products-list .product-name {
	text-align: left;
	margin: 0px 0 10px
}
.products-list .product-name a {
	text-decoration: none;
	font-size: 18px;
	font-weight: 400;
	color: #2c2d2e;
}


.products-list h2.product-name {
	font-size: 14px;
	line-height: normal;
	font-family: 'Poppins', sans-serif;
}
.products-list .item h3 {
	font-weight: normal;
	color: #353535;
	padding-bottom: 2px;
}
.products-list .item h3 a {
	font-weight: normal;
	font-size: 14px;
	color: #407CBF;
	text-decoration: none
}
.products-list .item h3 a:hover {
	font-weight: normal;
	font-size: 14px;
	color: #333;
	text-decoration: underline
}
ol.products-list {
	padding: 0;
	margin: 0;
	float: left;
}
li .list {
	border-bottom: none;
}

.ratings .rating-links {
    margin: 0;
    display: none;
}

.products-list .ratings {
	padding: 0px 0px;
	position: relative;
	margin: 0px;
	left: 0;
	bottom: auto;
	border-radius: 0;
}
.products-list .old-price .price {
}
.separator {
	color: #ddd;
	font-weight: 300;
	margin-left: 5px;
	margin-right:5px
}
.products-list .product-image {
	float: left;
	width: 28%;
	position: relative;
}
.products-list .product-image img {
	width: 100%;
}
.products-list .product-shop {
	float: right;
	width: 69%;
	text-align: left;
	margin-left: 20px;
	padding-right:20px
}
.products-list .product-shop .desc {
	font-size: 13px;
	margin-bottom: 15px;
	margin-top: 12px;
	color: #333;
}
.products-list .product-shop p {
	font-size: 13px;
	color: #333;
	line-height: 1.5em;
}
.products-list .product-shop p.old-price {
	margin-right: 4px;
}
.products-list .product-shop .price-box {
	margin: 0 0 15px;
	padding-top: 0;
}
.products-list .desc .link-learn {
	font-weight: normal;
	margin-top: 5px;
}
.products-list .desc .link-learn:hover {
	text-decoration: underline;
}
.products-list .add-to-links {
	padding-left: 2px;
}
.add-to-links span {
	font-size: 12px;
	margin-left: 8px;
}
.products-list .product-shop button.button {
	font-size: 13px;
	margin-right: 8px;
	padding: 11px 18px;
}
.products-list .product-shop .btn-cart:before {
	content: "\f07a";
	font-family: 'FontAwesome';
	margin-right:10px
}
.products-list .product-shop button.button span {
	font-size: 14px;
	padding: 0px;
	font-weight: 400;
}
.products-list .product-shop .btn-cart {
	background-color: #f56425;
	color: #fff;
	padding: 11px 18px;
	float: left;

}
.products-list .product-shop .btn-cart:hover {
	background: #f56425;
	padding: 11px 18px;
	color: #fff;
}
.products-list .product-shop .btn-cart span {
	font-size: 12px;
	font-weight: normal;
}
.link-wishlist, .link-compare {
	color: #666;
	text-shadow: none;
	border: none;
	box-shadow: none;
}
.link-wishlist:hover, .link-compare:hover {
	color: #666;
	text-shadow: none;
	border: none;
	box-shadow: none;
	background: none;
}
.link-wishlist, .link-compare, .link-friend, .link-edit {
	padding: 0;
	background: none
}
.products-list .actions .add-to-links a.link-wishlist:before {
	content:"\e08a";
	font-weight: normal;
	font-family: 'Simple-Line-Icons';
}
.products-list .actions .add-to-links a.link-compare:before {
	content:"\e06c";
	font-weight: normal;
	font-family: 'Simple-Line-Icons';
}
.products-list .actions .add-to-links a.link-wishlist {
	color: #333;
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 14px;
	text-decoration: none;
	background-color: #f2f2f2;
	display: inline-block;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	margin-right: 8px;
	border-radius: 999px;
	line-height: normal;
	border: none
}
.products-list .actions .add-to-links a.link-wishlist span {
	font-size: 11px;
	padding: 0px;
	font-weight: bold;
	letter-spacing: 1px;
}
.products-list .actions .add-to-links a.link-compare {
	color: #333;
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 14px;
	text-decoration: none;
	background-color: #f2f2f2;
	display: inline-block;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	margin-right: 8px;
	border: none;
	border-radius: 999px;
	line-height: normal;
}
.products-list .actions .add-to-links a.link-compare span {
	font-size: 11px;
	padding: 0px;
}
.products-list .actions .add-to-links a.link-wishlist:hover {
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background-color: #f56425;
	color: #fff !important;
	display: inline-block;
}
.products-list .actions .add-to-links a.link-compare:hover {
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background-color: #f56425;
	color: #fff !important;
	display: inline-block;
}

.products-list .rating-box {
    width: 60px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    background: url(../images/bkg_rating.png) 0 0 repeat-x;
    text-indent: -999em;
    overflow: hidden;
}

.rating-box .rating {
    float: left;
    height: 9px;
    background: url(../images/bkg_rating.png) 0 100% repeat-x;
}

.special-price {
    margin: 0;
    padding: 3px 0;
    display: inline;
    font-weight: bold;
    font-size: 13px;
}

.special-price .price {
    font-weight: 400;
    font-size: 14px;
    color: #d51243;
}


/*----------- 15. Product page --------------*/

.product-image {position:relative}

.col1-layout .col-main {
    float: none;
    width: auto;
    padding: 0px;
    border: none;
    background: inherit;
    display: inherit;
}

.product-view {
    position: relative;
}

.product-essential {
    background: none repeat scroll 0 0 #eee;
    display: block;
    font-size: 13px;
    padding: 35px 0;
    overflow: hidden;
    margin-top: 15px;
}

.product-view .product-img-box .product-image .product-full img {
	width: 100%;
	border:none;
	border-radius:10px
}

.product-full {border:1px #eaeaea solid; border-radius:10px !important; overflow:hidden}

.product-view .product-img-box .product-image .product-flexslider {
	margin: 5px 0px 0 0px;
}

.zoomContainer {
	position: relative;
	z-index: 1;
}

.slider-items-products .owl-buttons a {
    background: inherit;
    border: medium none;
    color: #777;
    display: block;
    margin: 0 0 0 -30px;
    position: absolute;
    top: 50%;
    width: 24px;
    z-index: 5;
    opacity: 1;
    background: #f2f2f2;
    color: #333e48;
    height: 24px;
    border-radius: 0px;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -ms-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s;
}

.product-flexslider .owl-buttons {
    opacity: 1;
}

.product-view .product-img-box .product-image .owl-next {
	right: 50%;
	top: -68px;
	left:auto;
	margin-right:-42px;
}

.product-view .product-img-box .product-image .owl-next a, .product-view .product-img-box .product-image .owl-prev a {
	border: none;
	background:#eef0f2;
	border-radius:999px;
	color: #333e48;
	height:30px;
	width:30px;
	line-height:34px;
}

.more-views .slider-items-products .owl-buttons .owl-next a:before, .more-views .slider-items-products .owl-buttons .owl-prev a:before {
	font-size: 20px;
}

.product-view .product-img-box .product-image .owl-prev {
	left: 50%;
	right: auto;
	top:-68px;
	margin-left:-12px;
}

.product-view .more-views {margin-top:15px; position:relative}

.product-view .product-img-box .product-image .more-views-items {
	margin: 0px 5px;
}

.product-view .flexslider-thumb-vertical-outer {
	margin: 0 10px 15px 0;
	width: 76px;
	float: left;
	position: relative;
	z-index: 1
}

.product-view .flexslider-thumb-vertical .flex-viewport {
	height: 300px!important
}

.product-view .flexslider-thumb-vertical .slides {
	margin: -4px 0 0;
	padding: 0;
	list-style-type: none
}

.product-view .flexslider-thumb-vertical .slides li {
	margin: 0;
	padding: 0;
	overflow: hidden
}

.product-view .flexslider-thumb-vertical .slides li img {
	width: 100%;
	padding: 4px 0;
	cursor: pointer;
	-moz-user-select: none
}

.product-essential .product-image.no-gallery {
	margin-left: auto;
}

.product-essential .product-image img {
	height: auto;
	width: 100%;
	border:1px #eaeaea solid;
	border-radius:10px;
}

.product-essential .product-image .zoomGalleryActive img {display:block; }

.product-view .product-shop {
    padding-left: 40px;
    padding-top: 20px;
    font-family: 'Poppins', sans-serif;
}

.product-view .product-shop .brand {
    border: none;
    margin-bottom: 0px;
    padding-bottom: 5px;
    font-size: 12px;
}

.product-view .product-name h1 {
    font-size: 28px;
    margin: 0px;
    text-align: left;
    /*padding-bottom: 10px;*/
    font-weight: 600;
    letter-spacing: -1px;
    color: #212121;
    line-height: 1.1em;
    padding-right: 80px;
}

.product-view .product-shop .star-rating {
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    font-size: 14px;
    width: 70px;
}

.rating a {
    margin: 0;
    text-decoration: none;
    color: #71778e;
    font-size: 13px;
    font-weight: 400;
}

.product-view .product-shop .price-block {
    position: relative;
    margin-bottom: 10px;
}

.product-view .product-shop .price-box {
    display: block;
    margin: 0px;
    padding: 9px 0px 0px;
    position: relative;
    min-height: inherit;
    text-align: left;
}

.product-view .product-shop .special-price {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.product-view .product-shop .price-box .old-price {
    margin: 0px;
    margin-top: 0;
    display: inline-block;
}

.special-price .price-label {
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
    color: #666;
    display: none;
}

.product-view .product-shop .price {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
}

.old-price .price-label {
    color: #777777;
    display: none;
    white-space: nowrap;
}

.product-view .product-shop .old-price .price {
    font-size: 15px;
    font-weight: 300;
    margin-left: 10px;
	color: #bbbbbb !important;
}

.product-view .add-to-box {
    padding: 0px;
    overflow: hidden;
    text-align: left;
    margin: 25px 0px 0 0px;
}

.add-to-box .add-to-cart, .product-options-bottom .add-to-cart {
    margin: 0;
}

.product-view .product-shop .add-to-box .custom {
    background: #fff;
    border: 1px #ddd solid;
    border-radius: 999px;
}

.custom button.items-count {
    background-color: #fff;
    border: none;
    color: #999;
    border-radius: 999px;
}

.add-to-cart .qty, .qty-holder .qty {
    background-color: #FFFFFF;
    border: none;
    border-radius: 0px;
    font-size: 15px;
    font-weight: 500;
}

.add-to-cart .qty {
    height: 45px;
    text-align: center;
    width: 30px;
    vertical-align: top;
    color: #333e48;
}

.product-view .add-to-box .btn-cart {
    font-size: 16px;
    text-shadow: none;
    padding: 8px 20px;
    float: left;
    margin-left: 10px;
    font-weight: 400;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border: none;
    height: 45px;
    border-radius: 999px;
    background: #f56425;
    color: #fff;
    margin-bottom: 10px;
}

.product-view .add-to-box .btn-cart:before {
    content: "\e04e";
    font-family: 'simple-line-icons';
    margin-right: 10px;
    font-size: 16px;
}


.custom button.items-count {
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    font-size: 10px;
    line-height: 45px;
    height: 45px;
    width: 45px;
    color: #333;
}

.availability.in-stock {
	padding: 3px 0px;
	position: absolute;
    right: 0;
	margin-bottom:0px;
	margin-top:4px
}
.availability.in-stock span {
	color: #038e42;
	font-size: 12px;
	display: inline-block;
	padding: 4px 15px 4px 5px;
	border-radius: 999px;
	font-weight:400;
	background: #c0e6d5;

}
.availability.in-stock span:before {
	content: "\f00c";
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 8px;
	font-size: 11px;
	vertical-align: middle;
	background:#fff;
	border-radius:999px;
	color:#3cc97c;
	width:20px;
	height:20px;
	text-align:center;
	line-height:22px;
	vertical-align:bottom
}

.product-view .product-shop ul.add-to-links {
    margin: 0;
    padding: 0;
    margin-top: 15px;
    display: inline-block;
    float: right;
}

.product-view .product-essential .add-to-links li {
    float: left;
    display: inline;
    padding: 0px;
    margin: 0px;
	list-style-type: none;
}

.product-view .product-essential .add-to-links .link-wishlist {padding: 0px 20px;}
.product-view .product-shop .add-to-links li a:hover {color: #f56425;}
.product-view .product-essential .add-to-links .link-wishlist:before {
    content: "\e08a";
    font-family: 'Simple-Line-Icons';
    font-size: 13px;
    margin-right: 3px;
}

.product-view .add-to-links span {
    font-size: 14px;
    margin-left: 5px;
    font-weight: normal;
}

.product-view .product-essential .add-to-links li:last-child {
    float: right;
}

.product-view .product-essential .add-to-links .link-compare:before {
    content: "\e06c";
    font-family: 'Simple-Line-Icons';
    font-size: 13px;
    margin-right: 3px;
}

.product-essential .list {
    margin-top: 20px;
    overflow: hidden;
    border-top: 1px #eaeaea solid;
    padding-top: 20px;
}

.product-essential .list .heading {
    font-weight: 500;
    color: #000000;
    width: 110px;
    padding-right: 10px;
    float: left;
    font-size: 14px;
}

.product-essential .list .points {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 110px;
    font-size: 13px;
    color: #71778e;
}

.product-essential .list .points span {
    width: 15px;
    height: 15px !important;
    border-radius: 999px;
    padding: 0 !important;
    display: inline-block;
    vertical-align: middle;
}

.product-essential .list .points ul {
    margin: 0;
    padding: 0;
}

.product-essential .list .points li {
    color: #71778e;
    padding: 0 0 5px 16px;
    position: relative;
    list-style-type: none;
}

.product-essential .list .points li:after {
    content: "";
    height: 5px;
    width: 5px;
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 50%;
    background: #c2c2c2;
}

.product-essential .list .points h4 {
    color: #f56425;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 7px 14px;
    background: #eef0f2;
    display: inline-block;
    border-radius: 999px;
    margin-bottom: 10px;
}

.product-collateral {
    display: block;
    margin-bottom: 5px;
    width: 100%;
}

.product-tabs {
    margin: 0px 0px 0;
    padding: 0px 0px;
    text-align: left;
    width: 100%;
    border: medium none;
    border-radius: 10px 10px 0px 0px;
    line-height: inherit;
    margin-bottom: auto;
    min-height: inherit;
    font-family: 'Poppins', sans-serif;
	border-bottom: 2px solid #e4e4e4;
}

.product-tabs li a {
    color: #222;
    margin-right: 0px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    padding: 0px;
    border: none;
    letter-spacing: 0.5px;
    border-radius: 0;
}

.nav-tabs.product-tabs > li {
    display: inline;
    float: none;
    margin-bottom: auto;
    float: left;
    /*width: 25%;*/
    text-align: center;
	position:relative;
	margin-bottom: 0;
	margin: 0 23px 0 0px;
}

.nav-tabs.product-tabs > li > a.active, .nav-tabs.product-tabs > li > a.active:hover, .nav-tabs.product-tabs > li > a.active:focus {
    background: none;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
    font-weight: 500;
    border: 0px solid #00a6ed;
    letter-spacing: 0.5px;
    background: #f56425;
    padding: 13px 15px;
    margin-top: 0;
}

.nav-tabs.product-tabs > li > a {
    color: #222;
    font-weight: 400;
    padding: 15px 0px;
    border: none;
    text-transform: uppercase;
    background: #eef3ef;
    margin: 0px 2px;
    border-radius: 0px !important;
    /*margin-top: 10px;*/
	display: block;
}

.nav-tabs.product-tabs > li:first-child a {
    border: none;
    margin-left: 0;
}

#productTabContent {
    padding: 20px 35px;
    background: none repeat scroll 0 0 #fff;
    border: 1px #eaeaea solid;
    background: transparent;
    padding-left: 0;
    /*border-radius: 0px 0px 10px 10px;*/
}

.tab-content h2 {
    font-size: 20px;
    margin: 0px;
    text-align: left;
    padding-bottom: 15px;
    font-weight: 500;
    padding-right: 55px;
    letter-spacing: normal;
    color: #212121;
    line-height: 1.2em;
    font-family: 'Poppins', sans-serif;
}

.desc-row {
    overflow: hidden;
    font-size: 13px;
    border-bottom: 1px #eaeaea solid;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.desc-row .heading {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: normal;
}

.desc-row .desc-img img {
    max-width: 100%;
    border-radius: 5px;
}

.desc-row .desc-img {
    overflow: hidden;
    width: 200px;
    float: left;
    padding-right: 30px;
}

.desc-row .desc-img.align-right {
    float: right;
    padding: 0;
    padding-left: 30px;
}

.desc-row:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.box-spec {
    border-bottom: 1px #eaeaea solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.tab-content .box-spec h3 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    padding-top: 8px;
    font-family: 'Poppins', sans-serif;
}

.box-spec:last-child {
    border: none;
    padding: 0px;
}

.spec-tbl tr th {
    color: #878787;
    font-weight: 400;
    padding-bottom: 8px;
}

.spec-tbl tr td {
    padding-bottom: 8px;
}


.commentlist {
	list-style: none;
	padding: 0;
	margin-top:15px;
}
.commentlist .comment {
	list-style: none;
	padding-bottom: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	display: block
}
.commentlist .avatar {
	width: 90px;
	height: 90px;
	float: left;
	border-radius: 10px;
}
.commentlist .comment-text {
	padding: 20px 25px 10px 25px;
	background: #f2f2f2;
	border-radius: 10px;
	margin-left: 120px;
	position: relative
}

.commentlist .comment-text .star-rating {float:none; display:block}

.commentlist .comment-text:after {
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid #f2f2f2;
	content: "";
	position: absolute;
	top: 20%;
	margin-left: -40px;
}
.single-product .star-rating {
	display: inline-block;
	margin-bottom: 0;
}

.commentlist .comment-text .meta {
	margin-bottom: 10px;
	font-family: 'Poppins', sans-serif;
}

.comment-respond { background:#f5f5f5; border-radius:10px;}
.comment-respond .comment-form {padding:30px}

.comment-respond .comment-reply-title {
	display: block;
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	color: #333;
	padding-bottom: 15px;
	padding: 20px 30px;
	border-bottom: 1px solid #e6e6e6;
	font-family: 'Poppins', sans-serif;
}
.comment-respond .comment-form >p {
	margin-bottom: 20px;
}
.comment-respond .comment-form label {
	font-size: 14px;
	font-weight: 400;
	line-height: 19px;
	color: #222222;
	display: block;
	font-family: 'Poppins', sans-serif;
}
.comment-respond .comment-form textarea {
	padding: 8px 10px;
	outline: none;
	color: #999;
	border: 1px solid #ddd;
	width: 100%;
	border-radius: 5px
}
.comment-respond .comment-form input {
	padding: 8px 10px;
	outline: none;
	color: #999;
	border: 1px solid #ddd;
	width: 100%;
	border-radius: 5px
}
.comment-respond .stars {
	margin-bottom: 20px
}
.comment-respond .stars a:first-child {
	padding-left: 0;
}
.comment-respond .stars a {
	font-size: 0;
	color: #ccc;
	display: inline-block;
	border-right: 1px solid #e6e6e6;
	padding: 0 10px;
	line-height: 12px;
}
.comment-respond .stars a.star-1:before {
	content: "\f005";
}
.comment-respond .stars a.star-2:before {
	content: "\f005\f005";
}
.comment-respond .stars a.star-3:before {
	content: "\f005\f005\f005";
}
.comment-respond .stars a.star-4:before {
	content: "\f005\f005\f005\f005";
}
.comment-respond .stars a.star-5:before {
	content: "\f005\f005\f005\f005\f005";
}
.woocommerce-Reviews .comment-respond .stars a:hover {
	color: #f56425;
}
.comment-respond .form-submit input[type=submit] {
	display: inline-block;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	padding: 0 35px;
	border-radius: 3px;
	background: #f56425;
	border: none;
	width: auto;
	font-family: 'Poppins', sans-serif;
}
.comment-respond .stars a:before {
	font-family: 'FontAwesome';
	font-size: 12px;
	display: inline-block;
	letter-spacing: 2px;
}
#customer-reviews {
	margin-top: 15px;
}
#customer-reviews .detail {
	font-size: 14px;
	line-height: 18px;
}
#customer-reviews h3 {
	font-size: 14px;
	font-weight: 900;
	margin-bottom: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#customer-reviews h4 {
	display: inline;
	font-size: 14px;
}
#customer-reviews h5 {
	display: inline;
	font-size: 14px;
}
.box-reviews dl {
	margin-bottom: 0;
}
.box-reviews dt {
	font-size: 18px;
	padding: 20px 0 10px;
}
#customer-reviews .page-title {
	border: none;
}
#customer-reviews .page-title h2 {
	color: #000;
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
	padding: 2px 0px;
	position: relative;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px
}
.box-reviews1 {
	margin-top: 8px;
	margin-bottom: 20px;
}
.box-reviews2 {
	margin-top: 8px;
	margin-bottom: 35px;
	overflow: hidden;
}
.review-title {
	margin-top: 0;
	line-height: 1.4;
	padding-bottom: 15px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 400;
}
.review-title span {
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
}
.box-reviews > .rating-box {
	position: absolute;
	top: 30px;
	right: 30px;
}
.box-reviews dd {
	margin-left: 0;
	padding-bottom: 20px;
}
.box-reviews .author {
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
}
.box-reviews .date {
	color: #bdbdbd;
	font-size: 14px;
	font-style: italic;
}
.box-reviews .ratings-table {
	float: left;
	margin: 5px 15px 15px 0;
	width: 12%;
}
.box-reviews .review {
	border-left: 1px solid #DFDFDF;
	float: left;
	padding-left: 2.5em;
	width: 84%;
	margin-bottom: 10px;
}
.box-reviews .review .review-txt.last {
	border-bottom: none;
}
.box-reviews .review .review-txt {
	border-bottom: 1px solid #DFDFDF;
	padding-bottom: 12px;
	margin-bottom: 10px;
}
.box-reviews ul li h6 {
	font-size: 14px;
	margin-bottom: 3px;
	margin-top: 0px;
	padding: 0;
}
.box-reviews ul li h6 a {
	color: #333;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.box-reviews2 ul li {
	margin-bottom: 0px;
	clear: both;
}
.box-reviews .actions {
	padding-top: 1.5em;
	text-align: right;
	float: right;
}
#customer-reviews .form-list li label {
	color: #333;
	font-size: 14px;
}
#customer-reviews .buttons-set {
	margin-top: 10px;
}

.tab-content .faq {
    overflow: hidden;
    font-size: 13px;
}

.tab-content .faq ul {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.tab-content .faq ul li {
    display: block;
    padding: 0px;
    margin: 0px;
    text-align: left;
    border-bottom: 1px #eaeaea solid;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.tab-content .faq ul li:last-child {
    border: none;
    padding-bottom: 0;
}

.tab-content .faq strong {
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: normal;
}

.tab-content .faq p {
    margin-bottom: 0;
    line-height: 1.4em;
    display: block;
    margin-bottom: 5px;
}

.tab-content .faq span {
    color: #878787;
    font-weight: 600;
    font-size: 12px;
}


/*----------- 16. Shopping cart, wishlist, checkout --------------*/


#shopping-cart-table {
    text-align: left;
    border: none;
    margin-bottom: 15px;
}

#shopping-cart-table.data-table th {
    padding: 20px 20px;
	white-space: nowrap;
}

#shopping-cart-table a.remove-item {
    background-color: #fff;
    background-image: none;
    color: #333;
    cursor: pointer;
    padding: 0px;
    border-radius: 0px;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: all 0.3s linear;
    border: none;
}

#shopping-cart-table a.remove-item:before {
    content: "\f014";
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: normal;
}

#shopping-cart-table a.remove-item span {
    display: none;
}

#shopping-cart-table a {
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: normal;
    color: #333;
}


#shopping-cart-table .cart-price .price {
    font-size: 13px;
    font-weight: normal;
    color: #333;
    font-family: 'Poppins', sans-serif;
}

#shopping-cart-table input.qty {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #e5e5e5;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    outline: medium none;
    padding: 8px;
    width: 50px;
    text-align: center;
	border-radius:3px
}

.cart .product-name a {
    font-size: 15px;
    color: #3e445a;
    font-family: 'Poppins', sans-serif;
}

.cart-table tbody th, .cart-table tbody td {
    border-bottom: 1px solid #eaeaea;
    vertical-align: middle;
}

.thm-coupon-cart {
    overflow: hidden;
}

.thm-coupon-cart .input-text, .thm-coupon-cart .input-text:focus {
    box-shadow: none;
    border: 1px #ddd solid;
    width: 280px;
    display: inline-block;
    padding: 9px 15px;
    font-size: 14px;
    height: auto;
    font-family: 'Poppins', sans-serif;
}

.thm-coupon-cart .btn {
    background: none repeat scroll 0 0 #f56425;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    padding: 11px 15px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 3px;
    border: none;
}

.cart-table .btn-update, .cart-table .btn-empty {
    float: right;
    margin-left: 8px;
    background: #c0e6d5;
    color: #9db4aa;
}

.cart-collaterals {
    text-align: left;
    border: none;
    background: #eef3ef;
	margin-top:50px;
	font-family: 'Poppins', sans-serif;
	border-radius:10px;
}
.cart-collaterals .col2-set {
	float: left;
	margin: 0;
	padding: 0;
}

.cart-collaterals h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
    margin-top: auto;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.totals .inner {
    padding: 15px 30% 40px 30%;
    margin-top: 0px;
}

.cart .totals table th, .cart .totals table td {
	padding: 5px;
	border: none;
	background: none;
	border: medium none;
	box-shadow: none;
	color: #333;
}
.cart .totals table th, .cart .totals table td strong {
	font-weight: 500;
	font-size: 18px;
	color:#f56425
	
}

#shopping-cart-totals-table td {
    border-top: 0px solid #eaeaea;
    border-bottom: 0px solid #eaeaea;
    font-size: 16px;
}

.checkout {
    color: #666666;
    padding-top: 5px;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

button.button.btn-proceed-checkout {
    background: #ed6663;
    color: #fff;
    width: 100%;
    border: none;
    font-weight: 500;
    height: inherit;
    padding: 20px 12px;
    text-transform: uppercase;
}

button.button.btn-proceed-checkout:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 16px;
    padding-right: 5px;
    font-weight: normal;
}

button.button.btn-proceed-checkout span {
    font-size: 16px;
    font-weight: 500;
}

.block .block-title {
    border-bottom: 1px solid #eaeaea;
    color: #333e48;
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0px 0px 15px 0px;
    position: relative;
    font-family: 'Poppins', sans-serif;
}

.block .block-content {
    border-top: medium none;
    font-size: 14px;
    overflow: hidden;
    padding:0px;
    font-family: 'Poppins', sans-serif;
}

.block-account .block-content ul {
    margin: 10px 0px;
}

.block-account .block-content li {
    padding: 10px 0px;
}

.block-account .block-content li:first-child {
    border-top: none;
}

.block-account .block-content li:before {
    /*content: "\f105";*/
    font-family: FontAwesome;
    font-size: 10px;
    display: inline-block!important;
    position: absolute;
    cursor: pointer;
    line-height: 16px;
    color: #333;
    vertical-align: top;
    margin-top: 4px;
}

.block-account .block-content li a {
    cursor: pointer;
    font-size: 15px;
    padding: 0 12px;
    color: #71778e;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}

#wishlist-table .product-name {
    font-size: 15px;
    line-height: normal;
    margin: 0;
    text-align: left;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

#wishlist-table .product-name a {
    color: #333e48;
}

#wishlist-table textarea {
    padding: 8px 10px;
}

#wishlist-table input.qty {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    text-align: center;
    border: 1px #e5e5e5 solid;
    width: 50px;
}

#wishlist-table button.button.btn-cart {
    padding: 0px;
    color: #222;
    background-color: #fff;
    border: none;
    transition: all 0.3s linear;
    margin: 0 0 10px !important;
}

#wishlist-table button.button.btn-cart:hover {
    padding: 0px;
    color: #f23534;
    background-color: #fff;
    border: none;
    transition: all 0.3s linear;
}

#wishlist-table button.button.btn-cart:before {
    content:"\e04e";
    font-family:'simple-line-icons';
    font-size: 16px;
}

#wishlist-table button.button.btn-cart span {
    display: none;
}

.my-wishlist .buttons-set2 {
    margin-top: 20px;
}

.my-wishlist .buttons-set2 .btn-share {
    float: right;
    margin-left: 8px;
}

.button.coupon, .button.btn-continue, .button.continue, button.btn-share {
    background-color: #2bbef9;
    color: #fff;
}

.login-bar {
    clear: both;
    padding: 15px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    background: #eef3ef;
    border-radius: 5px;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    color: #747775;
}

.one-page-checkout {
    position: relative;
    list-style: none;
    padding: inherit;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

.one-page-checkout ul {
    padding: 0px;
    list-style: none;
}

.group-select li {
    list-style: outside none none;
    margin: 0 0 10px;
    overflow: hidden;
}

.group-select li .input-box {
    float: left;
    width: 50%;
    padding-right: 15px;
}

label {
    font-weight: normal;
    font-size: 14px;
}

.required {
    color: #ff0000;
}

.group-select li input.input-text, .group-select li textarea, .group-select li select {
    border: 1px solid #ddd;
    outline: medium none;
    padding: 8px 10px;
    width: 100%;
    border-radius: 5px;
}

.block.block-progress .block-content {
    padding: 0px;
    padding-top: 20px;
}

.cart-totals {
     background-color: #fff;
}

.cart-totals ul {
    padding: 0;
    margin: 0;
    list-style-type: none;

}

.cart-totals ul li {
    color: #71778e;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.cart-totals ul li span {
    float: right;
    color: #71778e;
    font-weight: 400;
}

.cart-totals ul li b {
    font-weight: 400;
    color: #f56425;
	font-size:16px;
}
.payment-method {margin-top: 50px;}
.payment-method ul {margin-top:18px}
.payment-method a {color:#71778e}
.payment-method ul input {margin-right:5px; vertical-align:middle; border:1px #eaeaea solid; }
button.button.place-order {
    background: #ed6663;
    color: #fff;
    width: 100%;
    border: none;
    font-weight: 500;
    height: inherit;
    padding: 12px 0px;
    text-transform: uppercase;
	text-align:center;
	margin-top:10px;
}

/*----------- 17. other pages --------------*/

.accordion-faq {
	text-align: left;
	position: relative;
	margin-top: 12px;
}
.accordion-faq .panel {
	border-radius: 0;
    background-color: #fff;
	border:none;
	margin-bottom:30px;
}
.accordion-faq .panel .panel-heading {
	padding: 0;
	color: #fff;
	border-radius: 0!important;

}
.accordion-faq .panel-heading a {
	display: block;
	position: relative;
    background: #eef3ef;
    border-bottom: 2px #f56425 solid;
	color: #333;
	padding: 15px 15px 15px 20px;
	border-radius: 10px 10px 0px 0px;
	border-right: 48px solid #f56425;
	min-height: 50px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: normal;
	font-family: 'Poppins', sans-serif;
}
.accordion-faq .panel-heading a:hover {
	text-decoration: none
}
.accordion-faq .panel:last-child {
	box-shadow: none;
	border-bottom: none
}
.accordion-faq .arrow-down, .accordion-faq .arrow-up {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	top: 50%;
	margin-top: -15px;
	right: -36px;
	color: #fff;
}
.accordion-faq .arrow-down, .accordion-faq .collapsed .arrow-up {
	display: none
}
.accordion-faq .collapsed .arrow-down {
	display: block
}
.accordion-faq .panel-body {
	border-top: 0!important;
	padding: 15px;
	background: #fff;
	border-top: none;
	line-height: 1.9em;
	font-size:14px;
	border-radius: 0px 0px 10px 10px;
	border:1px #ddd solid
}
.accordion-faq.panel-group .panel+.panel {
	margin-top: 10px
}

.account-login {
    margin: 0px;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

.registered-users {
    padding-bottom: 0;
    text-align: left;
    background: none;
    padding: 50px 0 0px 0px;
}

.account-login strong {
    font-size: 32px;
    padding: 16px 30px 10px 0px;
    color: #222;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.account-login .content {
    margin-top: 5px;
    padding-top: 12px;
}

.account-login .content p {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1.6em;
    letter-spacing: normal;
    color: #71778e;
}

.form-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.form-list li {
    margin-bottom: 5px;
}

.account-login .content .form-list label {
    font-size: 13px;
    color: #333;
    margin-bottom: 0px;
    font-weight: normal;
    display: block;
}

.account-login .form-list .input-text {
    padding: 10px;
    width: 100%;
    margin-top: 5px;
    outline: none;
    margin-bottom: 10px;
    border-radius: 50px;
    border: 1px #ddd solid;
    padding-left: 20px;
    position: relative;
    left: -6px;
    border: none;
    height: 47px;
    color: #000;
    letter-spacing: 0.8px;
}
.select2-container--default .select2-selection--single{
	letter-spacing: 0.8px;
}
.account-login .content p.required {
    font-size: 11px;
}

.button.login {
    background: #f56425;
    color: #fff;
}

.forgot-word {
    padding-left: 10px;
    color: #71778e;
    text-decoration: underline;
}

.compare-table {
    margin-top: 25px;
    background-color: #fff;
    margin: 0px 0px 0px;
}

.compare-table.table-striped>tbody>tr:nth-of-type(odd) {
    background: #fff;
}

.compare-table>tbody>tr>th {
    border-top: 1px solid #ddd;
    padding: 20px 20px;
}

.compare-table>tbody>tr>td {
    padding: 20px 20px;
	border-top: 1px solid #ddd;
}

.compare-table>tbody>tr>th {
    border-top: 1px solid #ddd;
    padding: 20px 20px;
}

.compare-table>tbody>tr.product-shop-row>th {
    border: none;
}

.compare-table>tbody>tr.product-shop-row>td {
    border: none;
}

a.button.wishlist {
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    padding: 8px 14px 8px;
    border-radius: 3px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.compare-table .btn-cancel {
    position: absolute;
    right: 0;
    top: 5px;
}

.compare-table .product-name {
    color: #3e445a;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 0 10px;
    font-weight: 400;
}

.compare-table .price-box {
    padding-bottom: 15px;
}

.special-price {
    margin: 0;
    padding: 3px 0;
    display: inline;
    font-weight: bold;
    font-size: 13px;
}

.special-price .price {
    font-weight: 400;
    font-size: 14px;
    color: #d51243;
}

.static-contain ul {
    padding: 0px;
    list-style: none;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 14px !important;
    color: #333;
}

.static-contain {
    margin-top: 10px;
    background-color: #fff;
}

.block-company ol {
    margin: 10px 0px;
}

.block-company li {
    font-size: 14px;
	padding: 5px 0px !important;
    list-style: none;
}

.block-company li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 14px;
    padding-right: 3px;
    color: #9b9bb4;
    display: inline-block;
    vertical-align: baseline;
}

.block-company li a {
    padding: 0 5px;
    text-decoration: none;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    font-size: 14px;
    color: #71778e;
}

.block-company li strong {
    color: #333;
    font-weight: 600;
    padding: 0 5px;
}

#fancybox-outer .product-essential {
    padding: 0;
    margin: 0px;
}

.error-page-block {
    position: relative;
    overflow: hidden;
    padding: 0px 0;
    margin: 0;
}

.error-page-block .content-wrapper {
    background: none;
    margin: 0;
    padding: 0;
	text-align: center;
}

.page-not-found {
    min-height: 380px;
    padding-top: 50px;
}

.page-not-found h3 {
    color: #c74d04;
    font-size: 26px;
    font-weight: 600;
    text-transform: none;
    font-family: 'Shadows Into Light', cursive;
    display: inline-block;
    padding: 14px 30px;
    letter-spacing: 1px;
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	filter: alpha(opacity=70);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	z-index: 9999;
	display: none;
}
.popup1 {
	width: 100%;
	margin: 0 auto;
	display: none;
	z-index: 10000;
}
.popup1 .newsletter {
	max-width: 90%;
	text-align: center;
	border-radius: 0px;
	position: relative;
	padding: 0px;
	font-family: 'Poppins', sans-serif;
}
.newsletter-sign-box {
	border-radius: 10px;
	left: 50%;
	margin: auto;
	min-height: 400px;
	min-width: 455px;
	position: fixed;
	top: 28%;
	width: 650px;
	z-index: 10000;
	margin-left: -325px;
	background: #f8f8f8 url("../images/newsletter-bg.jpg") no-repeat scroll 100% 0px;
	padding: 10px;
	text-align: center;
}
.popup1 .x {
	position: absolute;
	right: -60px;
	top: -80px;
	z-index: 10000;
	border-radius: 50%;
}
.popup1 .x:hover {
	cursor: pointer;
}
.newsletter-sign-box h3 {
	color: #253D4E;
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 15px;
	text-align: left;
	margin-top: 30px;
	padding-bottom: 0px;
	font-family: 'Poppins', sans-serif;

}
.newsletter-sign-box .newsletter_img {
	margin: 15px 0px 35px;
	height: 49px;
}
.newsletter-sign-box h4 {
	text-align: left;
	color: #111;
	line-height: 21px;
	font-size: 14px;
	margin-bottom: 25px;
	width: 55%;
	font-weight: normal;
	letter-spacing: 0.2px;
}
.newsletter-sign-box .newsletter-form {
	display: block;
	overflow: hidden;
}
#popup-newsletter {
	display: block;
	width: 100%;
}
.newsletter-sign-box .input-box {
	margin-bottom: 0px;
	width: 60%;
}
.newsletter-sign-box .input-box input {
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0;
	padding: 15px 12px;
	width: 100%;
	font-size: 14px;
	border: 2px solid #f56425;
	background: #fff;
	color: #666;
	border-radius: 10px;
	margin-bottom: 10px;
}
.newsletter-sign-box .subscribe {
	background-color: #f56425;
	display: block;
	font-size: 16px;
	line-height: 14px;
	margin-bottom: 20px;
	padding: 18px 12px !important;
	height: auto;
	width: 100%;
	color:#fff;
	border-radius:10px
}
.newsletter-sign-box button.button span {
	font-size: 16px;
	font-weight: 400;
}
.newsletter-sign-box button.button:hover span {
	color: #fff;
}
.newsletter-sign-box .subscribe-bottom {
	color: #999;
	font-size: 12px;
	line-height: 3px !important;
	margin-top: 25px;
	text-align: left;
	display: block;
	font-weight: normal;
	margin-bottom: 15px;
}
.newsletter-sign-box .subscribe-bottom input {
	margin: 0px 8px 0 0;
	vertical-align: middle;
}
.newsletter-sign-box #formSuccess1 {
	font-size: 18px;
	padding: 48px 0 0;
	text-align: center;
}
.newsletter-sign-box #formSuccess {
	font-size: 18px;
	padding: 48px 0;
	text-align: center;
}
.popup1 .seprator_line {
	height: 5px;
	width: 60px;
	margin: auto;
	margin-bottom: 40px;
	border-bottom: #fff double;
	border-width: 6px
}

.dashboard {
    /*background-color: #FFFFFF;*/
    text-align: left;
    border: none;
    margin-top: 50px;
    padding-bottom: 15px;
}

.dashboard-inner {
/*    border: 1px #eaeaea solid;*/
    border-radius: 30px;
    padding: 30px 50px;
    font-family: 'Poppins', sans-serif;
    color: #71778e;
}

.dashboard .welcome-msg strong {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
    color: #333;
}

.dashboard .welcome-msg {
    text-align: left;
    padding: 0px 0 15px;
    margin: auto;
    font-weight: 400;
}

.recent-orders .title-buttons {
    margin-bottom: 8px;
    text-align: right;
    width: 100%;
    overflow: hidden;
}

.recent-orders .title-buttons strong {
    color: #333;
    float: left;
    font-size: 14px;
    font-weight: 500;
	text-align:left
}

.dashboard-inner .page-title h2 {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #f56425;
    border-bottom: 1px solid #eec816;
    display: inline-block;
}

.box-account h5 {
    margin-bottom: 5px;
    margin-top: 10px;
	font-size: 14px;
}

.box-account .form-list {
    margin-top: 20px;
}

.form-list li {
    margin-bottom: 5px;
}

.box-account .form-list input.input-text {
    padding: 10px;
    width: 100%;
    margin-top: 5px;
    outline: none;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px #ddd solid;
}

.box-account .form-list input.input-text {
    padding: 10px;
    width: 100%;
    margin-top: 5px;
    outline: none;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px #ddd solid;
}

.box-account .col2-set a {
    text-decoration: underline;
}

.recent-orders .page-title h2 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
    margin-bottom: 20px;
}


/*----------- 18. Footer --------------*/

.footer {
    font-family: 'Poppins', sans-serif;
    background-color: #141414;
    color: #fff;
    padding: 50px 10px;
}

.footer-middle {
    background: inherit;
}

.footer-middle .col-md-3 {
	margin: auto;
	padding: 50px 11px 30px 11px;
	overflow: hidden;
}
.footer-middle .col-md-3:first-child {
	padding-left: 15px;
}
.footer-middle .col-md-3:last-child {
	padding-right: 0px;
}

.footer-middle h4 {
    color: #999999;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 0 0 10px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    position: relative;
    margin-bottom: 25px;
}

.footer-middle ul.links {
    margin: auto;
    padding: 0px;
}

.footer-middle .links li {
    list-style: none;
    padding: 0px 0px 6px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #99998c;
}

.footer-middle .links li a {
    color: #999999;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    font-weight: 500;
    font-size: 13px;
}

.footer-middle a {
    font-weight: 400;
    letter-spacing: normal;
    font-size: 15px;
}

.contacts-info {
    margin-top: 10px;
}

.contacts-info address {
    border: medium none;
    color: #71778e;
    display: block;
    font-size: 13px;
    font-style: normal;
    line-height: 1.5em;
    margin: 5px auto 18px;
    padding-bottom: 0px;
    text-align: left;
    font-weight: 400;
}

.add-icon:before {
    content: "\f041";
    font-family: FontAwesome;
    font-size: 15px;
    color: #fff;
    height: 35px;
    width: 35px;
    line-height: 35px;
    display: inline-block;
    float: left;
    font-style: normal;
    text-align: center;
    margin-right: 10px;
    border-radius: 30px;
    border-radius: 25px;
    background: #f56425;
}

.phone-footer {
    overflow: hidden;
    font-size: 13px;
    line-height: 35px;
    color: #71778e;
    margin-bottom: 15px;
    margin-top: 12px;
    font-weight: normal;
}

.phone-icon:before {
    content: "\f095";
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    float: left;
    font-family: FontAwesome;
    font-size: 15px;
    font-style: normal;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    text-align: center;
    width: 35px;
    background: #f56425;
}

.email-footer {
    overflow: hidden;
    margin-top: 15px;
    font-size: 12px;
    padding-bottom: 25px;
}

.email-icon:before {
    content: "\f0e0";
    background: none repeat scroll 0 0 #f56425;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    float: left;
    font-family: FontAwesome;
    font-size: 13px;
    font-style: normal;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    text-align: center;
    width: 35px;
}

.email-footer a {
    font-size: 13px;
    line-height: 35px;
    color: #71778e;
    font-weight: 400;
}

.footer-top {
    clear: both;
    overflow: hidden;
    background: #fff;
    padding: 20px 0 35px 0;
    border-top: 1px solid #eaeaea;
}

.del-info {
    text-align: left;
    background: url(../images/del-van.png);
    background-size: 90px;
    background-repeat: no-repeat;
    padding: 0px;
    padding-left: 120px;
    padding-top: 20px;
    min-height: 70px;
    font-size: 13px;
    font-weight: 300;
    color: #71778e;
}

.payment-accept {
    text-align: right;
    padding-top: 22px;
}

.payment-accept img {
    margin: 0px 10px 8px 0px;
    width: 50px;
}

.social {
    margin-top: 20px;
    text-align: center;
}

.social ul {
    margin: 0px;
    list-style: none;
    padding: 0px;
    text-align: left;
}

.social ul li {
    margin: 0px 15px 0px 0px;
    display: inline-block;
}

.social .fb a:before {
	content: "\f09a";
	font-family: FontAwesome;
}
.social .fb a {
	background: #3C5B9B;
	font-size: 18px;
	border-radius: 999px;
	line-height: 35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	color: #fff;
	text-align: center;
	padding: 0;
}
.social .fb a:hover {
	background: #3C5B9B;
}

.social .tw a:before {
	content: "\f099";
	font-family: FontAwesome;
}
.social .tw a {
	background: #359BED;
	font-size: 18px;
	border-radius: 999px;
	line-height: 35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	color: #fff;
	text-align: center;
	padding: 0;
}
.social .tw a:hover {
	background: #359BED;
}
.social .googleplus a:before {
	content: "\f0d5";
	font-family: FontAwesome;
}
.social .googleplus a {
	background: #E33729;
	font-size: 18px;
	border-radius: 999px;
	line-height: 35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	color: #fff;
	text-align: center;
	padding: 0;
}
.social .googleplus a:hover {
	background: #E33729;
}
.social .rss a:before {
	content: "\f09e";
	font-family: FontAwesome;
}
.social .rss a {
	content: "\f09e";
	font-family: FontAwesome;
	background: #FD9F13;
	font-size: 18px;
	border-radius: 999px;
	line-height: 35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	color: #fff;
	text-align: center;
	padding: 0;
}
.social .rss a:hover {
	background: #FD9F13;
}
.social .pintrest a:before {
	content: "\f0d3";
	font-family: FontAwesome;
}
.social .pintrest a {
	content: "\f0d3";
	font-family: FontAwesome;
	background: #cb2027;
	font-size: 18px;
	border-radius: 999px;
	line-height: 35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	color: #fff;
	text-align: center;
	padding: 0;
}
.social .pintrest a:hover {
	background: #cb2027;
}
.social .linkedin a:before {
	content: "\f0e1";
	font-family: FontAwesome;
}
.social .linkedin a {
	content: "\f0e1";
	font-family: FontAwesome;
	background: #027ba5;
	font-size: 18px;
	border-radius: 999px;
	line-height: 35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	color: #fff;
	text-align: center;
	padding: 0;
}
.social .linkedin a:hover {
	background: #027ba5;
}
.social .youtube a:before {
	content: "\f167";
	font-family: FontAwesome;
}
.social .youtube a {
	background: #F03434;
	font-size: 18px;
	border-radius: 999px;
	line-height: 35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	color: #fff;
	text-align: center;
	padding: 0;
}
.social .youtube a:hover {
	background: #F03434;
}

.coppyright {
    color: #b2b2c5;
    display: block;
    text-align: left;
    font-size: 13px;
    padding-top: 6px;
    padding-bottom: 10px;
}
.controllers{
    padding: 10px 10px;
    background: #f8f8f8;
    margin-top: 20px;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}
.required{
	color: red !important;
}
table.dataTable thead th, table.dataTable thead td{
	border-bottom: none !important;
}
/*table.dataTable.no-footer{
	border-bottom: none !important;
}*/

thead{
	background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 80%) !important;
    color: #fff !important;
}
table{
	/*border-top: 5px solid #622599 !important;
    border-bottom: 3px solid #622599 !important;*/
}
.btn-success{
	border: 0 !important;
	background-color: #f56425 !important;
	font-size: 12px;
}
.share-event{
	margin-top: 30px;
}
.share-box{
	margin-top: 10px;
}
.share-box a{
	color: #4b4d63;
	margin-right: 30px;
	font-size: 14px;
}
.tags{
padding: 5px 20px;
    margin-right: 8px;
    border: 2px solid #fff;
    color: #fff !important;
    font-size: 14px;
    border-radius: 40px;
    margin-top: 10px;
}
/*New CSS*/
.site-logo img{
    width: 180px;
    margin-top: 5px;
}
a.site-logo{ margin: 0px; padding: 0px; }
img.headtopline { width: 50%; border-radius: 5px 5px 5px 5px; }
.footer-top-sec img {width: 250px;margin: 0 auto;display: block;padding-bottom: 20px;}
.social li i {
    font-size: 15px;
    height: 40px;
    width: 20px;
    color: #6e6e6e;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
 }
.footer-top-sec  p{
    font-size: 16px;
}
.push-sec .row{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 80px;
}
.push-sec span{
	color: #e66026;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.push-sec h2{
    font-size: 50px;
    font-weight: 600; 
    color: #26264b;
    margin-top: 10px;
}
.push-sec h3 {
    font-weight: 900 !important;
    color: #f56425;
    text-align: center;
    font-size: 28px;
}
.push-sec .txtdescription{
	color: #8c8c9a;
	margin: 17px 10px;
}
.push-sec h3 span{
    color: #343738 !important;
}
.push-sec img{
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 250px;
}
.slider-contain{
    position: absolute;
    width: 100%;
    margin-top: 100px;  
    z-index: 99;
}
.slider-sec{
    margin: 0 auto;
    text-align: center;
    color: #fff; 
}
.calendar-listing-content{
	float: left;
	width: 100%;
}
.menu-button{
  	display: none;
  	z-index: 99999;position: absolute;left: 0;top:0;background-color: #fff;font-size: 24px;padding: 5px 17px;
  }
/*media query*/
@media only screen and (min-width: 992px){
  .slider-sec{
    width: 50% !important;
  }
  .slider-sec h1{
      font-size: 75px !important;
  }
}

  .slider-sec h1 span{
      font-family: 'Playfair Display', serif;
  }
  .btn-round{
  	background: #ffec01;
  	border-radius: 70px;
  	color: #000;
  	padding: 15px 40px;
  	font-weight: 500;
  	display: inline-block;
  }
@media only screen and (min-width: 768px){
  .slider-sec{
    width: 90%;
  }
  .slider-sec h1{
      font-size: 56px;
  }
}
.related-products{
		list-style-type: none;display: flex;flex-wrap: nowrap;
		margin-top: 18px;
}
@media only screen and (max-width: 600px) {
	.related-products{
		display: block !important;
	}
  .slider-sec{
    width: 90%;
  }
  .menu-button{
  	display: block;
  	  	z-index: 99999;position: absolute;left: 0;top:0;background-color: #fff;font-size: 24px;padding: 5px 17px;

  }
  .slider-sec h1{
      font-size: 36px;
  }
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image img{
    opacity: 1;
    visibility: visible;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.products-grid .item .item-inner .item-img .item-img-info a.product-image img:last-child {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden; 
}
.products-grid .item .item-inner .item-img .item-img-info:hover a.product-image img:last-child {
  opacity: 1;
  visibility: visible;
}
.products-grid .item .item-inner .item-img .item-img-info:hover a.product-image img:first-child {
  opacity: 0;
  visibility: hidden; 
}
span.cat-highlight {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #cc3333;
    padding: 5px 10px;
    color: #fff;
    border-radius: 0;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}
.item .item-inner .item-img .box-hover .add-to-links li a.link-wishlist:after{ 
	content: "\e04f" !important; 
}

.cart tbody tr td {
    border-left: 1px solid #e1e1e1;
}
.cart tbody tr td:last-child{
    border-right: 1px solid #e1e1e1;
}
.cart tfoot {border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
.cart .justify-content-end{ -webkit-box-pack: end!important; -webkit-justify-content: flex-end!important; -ms-flex-pack: end!important; justify-content: flex-end!important; display: flex; }

.stickyFixed .cartIcon {z-index: 999;position: fixed;bottom: 30px;right: 30px;background-color: white;border-radius: 50px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;-webkit-box-shadow: 0px 0px 10px 0px rgba(161,161,161,1);-moz-box-shadow: 0px 0px 10px 0px rgba(161,161,161,1);box-shadow: 0px 0px 10px 0px rgba(161,161,161,1);}

.stickyFixed .loginIcon {z-index: 999;position: fixed;bottom: 100px;right: 30px;background-color: white;border-radius: 50px;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;-webkit-box-shadow: 0px 0px 10px 0px rgba(161,161,161,1);-moz-box-shadow: 0px 0px 10px 0px rgba(161,161,161,1);box-shadow: 0px 0px 10px 0px rgba(161,161,161,1);}

.stickyFixed .cartIcon i, .stickyFixed .loginIcon i{
    font-size: 16px;
}
#page{
	left: 0 !important;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 10px 23px;
  text-decoration: none;
  font-size: 15px;
  color: #818181;
  display: block;
  z-index: 9999;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: -8px;
    right: 10px;
    font-size: 28px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.topline-bar{
	background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 80%);
	padding: 6px 0px 6px 0px;
}
.new-events-box{
	width: 52%;
	float: left;
}
.new-events-box i.bookmark {
    font-size: 40px;
    position: absolute;
    top: -8px;
    color: #fedd05;
}
.head-slide-box {
    display: inline-block;
    position: relative;
    top: 0px;
}
.head-slide-item .slide-location {
background: #fedd05;
    font-size: 12px;
    padding: 3px 18px;
    border-radius: 60px;
    font-weight: 600;
    margin-left: 8px;
}
.head-slide-item{
	display: flex;
	align-items: center;
}
.new-events-box b {
    font-size: 12px;
    position: relative;
    top: 0px;
    color: #fedd05;
    margin-left: 45px;
    font-weight: 600;
}
.head-slide-item a {
    color: #fff;
    font-size: 12px;
    padding-left: 8px;
    margin-right: 6px;
}
a.head-slide-btn {
    background: #fedd05;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 4px;
    font-size: 12px;
    color: #000 !important;
}
.head-slide-button-container {
    display: flex;
    align-items: center;
    width: 70px;
    float: right;
}
.header-icons {
    float: right;
    display: flex;
    align-items: center;
}

.header-icons b {
    font-size: 12px;
    color: #000;
    font-weight: 500;
    margin-right: 11px;
    position: relative;
    top: -1px;
}

.header-icons a {
    width: 24px;
    height: 24px;
    background: #f86525;
    color: #fedd05;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 2px;
    border-radius: 100%;
    font-size: 11px;
}
.time-row-box{
	display: flex;
	justify-content: flex-end;
}
.timer-column{
	background-color: #fff;	
	border-radius: 6px;
	width: 20%;
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-left: 10px;
	padding: 3px 5px;
	box-shadow: 0px 0px 12px -8px rgb(0 0 0 / 50%);
}
.timer-column span{
	color: #b9393d !important;
	font-size: 30px;
	font-weight: 300;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: -8px;
}
.timer-column small{
	color: #999999;
	font-size: 12px;
	text-transform: capitalize;
}
.feature-event-bar {
    width: 100%;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 80%);
}
.feature-event-bar .container{
	display: flex;
	align-items: center;
}
.absimg{
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0.15;
    height: 100%;
    top: 0;
    pointer-events: none;
    z-index: 0;
}
.feature-event-bar .left-box{
	width: 20%;
}
.feature-event-bar img{
	width: 100%;
	height: 100%;
}
.feature-event-bar .mid-box{
	width: 55%;
	padding-left: 25px;
}
.feature-event-bar b{
	color: #fff;
	letter-spacing: 5px;
}
.feature-event-bar h3{
	color: #fff;
	font-weight: 600;
	margin-top: 15px;
}
.feature-event-bar .mid-box span{
	color: #fff;
	margin-right: 10px;
}
.feature-event-bar .right-box{
	width: 25%;
}
.feature-event-bar span{
	color: #fff;
}
.featured-social-share{
	display: flex;
	padding-left: 10px;
	color: #fff;
	list-style-type: none;
}
.featured-social-share li{
	margin-right: 10px;
	color: #f56425;
}
.social-link-row{
	display: flex;
	justify-content: flex-end;
}
.white-bg{
	background: #fff;
}
.grey-bg{
	background-color: #eeeeee;
	padding: 50px 10px;
	margin-top: 50px;
}
.event-tab-list{
	display: flex;
	align-items: center;
	justify-content: center;
}
.event-tab-list .tab-item{
	background-color: transparent;
	color: #e66026;
	font-weight: 700;
	padding: 8px 25px;
	border-radius: 50px;
	margin: 0px 10px;
	border: 2px solid #e66026;
}
.event-tab-list .tab-item.active{
	background: #e66026;
	color: #fff;
}
.pt-0 {
    padding: 0;
}

.home-event-box {
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    margin-top: 25px;
   	box-shadow: 0px 0px 11px -11px rgba(0,0,0,0.4);
   	transition: all 0.3s ease;
   	cursor: pointer;
}

.event-inner-right {
    padding: 32px 25px 20px 29px;
}

.event-inner-right .event-cate-tag {
    color: #999999;
    font-size: 12px;
    font-weight: 500;
}

.event-inner-right h4 {
    font-weight: 500;
    margin-top: 6px;
}

.event-inner-right .new-tag {color: #ff5c26;font-weight: 700;text-transform: uppercase;font-size: 11px;margin-left: 5px;}

.event-inner-right .event-list {
    display: flex;
    flex-direction: column;
}

.event-list .list-item {
    position: relative;
    color: #707070;
    display: flex;
    margin-bottom: -4px;
    margin-top: 6px;
    width: 100%;
    padding: 9px 2px;
    font-size: 13px;
}

.list-item .list-item-icon {
    margin-right: 11px;
}

.event-list .list-item:before {
    width: 110px;
    height: 2px;
    content: '';
    position: absolute;
    top: 0px;
    border-top: 1px dashed #e4e4e4;
}

.home-event-box .col-md-3 img {
    width: 100%;
    height: 195px;
    object-fit: cover;
}
.home-event-box .col-md-3:before {
    background: #c4361b;
    width: 32px;
    height: 2px;
    content: '';
    position: absolute;
    z-index: 999;
    left: 123px;
    top: 55px;
}
.btn-style-1 {
    padding: 8px 25px;
    border-radius: 100px;
    position: absolute;
    right: 20px;
    bottom: 15px;
    background: #dbdbdb;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}
.home-event-box:hover .btn-style-1{
	background: linear-gradient(45deg, #f37022 16%, #f7c90b);
    color: #000;
}
.home-event-box:hover{
	transition: all 0.3s ease;
	transform: scale(1.02);
}
.btn-style-1:hover {
    background: linear-gradient(45deg, #f37022 16%, #f7c90b);
    color: #000;
}
.btn-style-2 {
    background: #ffec01;
    color: #e66026;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 40px;
    font-size: 14px;
    border-radius: 100px;
}
.btn-style-modal {
    background: #ffec01;
    color: #e66026;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 32px;
    font-size: 14px;
    border-radius: 100px;
}
.our-races {
    text-align: center;
}

.our-races h6 {
    font-size: 16px;
    text-transform: uppercase;
    color: #e66026;
    letter-spacing: 2px;
}

.our-races h2 {
    color: #f56425;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 45px;
    margin-top: 0px;
    margin-bottom: 45px;
}

.virtual-race-box img {
    width: 100%;
}

.virtual-race-box {
    /*overflow: hidden;*/
    position: relative;
    transition: all 0.3s ease;
}

.virtual-race-box .post-abs-sec {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90px;
    padding-top: 40px;
    padding-left: 30px;
    background: linear-gradient(0deg, #e66026 18%,#e66026a3, transparent);
    font-weight: 700;
    font-size: 18px;
    color: #fff;
}

.image-container {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
   	box-shadow: 0px 3px 18px -10px rgba(0,0,0,0.5);
}

.virtual-race-box .text-section {
    text-align: center;
}

.virtual-race-box .text-section h5 {
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 18px;
    color: #e66026;
    font-weight: 600;
    margin-bottom: 0;
}

.virtual-race-box .text-section a {
    color: #000;
    margin-top: 0;
    font-size: 15px;
}
.virtual-race-box:hover .image-container {box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.5);transition: all 0.3s ease;}

.virtual-race-box:hover {
    transition: all 0.3s ease;
    transform: scale(1.01);
}
.virtual-race-box .text-section2 {
    text-align: left;
    position: relative;
    padding: 0px 15px;
}

.virtual-race-box .text-section2 h5 {
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 18px;
    color: #e66026;
    font-weight: 600;
    margin-bottom: 0;
}

.virtual-race-box .text-section2 a {
    color: #000;
    margin-top: 0;
    font-size: 15px;
}
span.ratingstarts {
    position: absolute;
    right: 8px;
    top: 0;
    font-weight: 600;
}

a.event-cate-btn {
    background: #f56425;
    color: #fff !important;
    padding: 13px 22px;
    position: relative;
    top: 13px;
    border-radius: 60px;
    font-size: 13px !important;
}

a.event-cate-btn i {
    padding-right: 10px;
}

.event-management-image img {
    height: 417px;
    object-fit: cover;
}

span.ratingstarts i {
    color: #f56425;
}
.post-abs-sec h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 14px;
}

.charitybox .post-abs-sec {
    height: 140px;
    padding-left: 25px;
}

.charity-description-list {display: flex;}

.charity-description-list span:last-child {
    margin-left: 22px;
}

.charity-description-list span {font-weight: 400;font-size: 16px;}
.best-seller .text-container h6 {
    color: #e6632a;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 14px;
}

.best-seller .text-container h2 {
    font-size: 55px;
    font-weight: 600;
    margin-top: 0;
    text-transform: uppercase;
    color: #26264b;
}

.best-seller .text-container p {
    font-size: 14px;
    color: #8c8c9a;
}

.best-seller .text-container {
    padding-right: 80px;
}

.product-box .prod-image img {
    width: 100%;
    height: 215px;
    object-fit: contain;
}

.product-box .prod-image {
    background: #d8d8d8;
    border-radius: 12px;
    padding: 25px;
}

.product-box .prod-text {
    width: 100%;
    text-align: center;
}

.product-box .prod-text a {
    display: block;
}

.product-box .prod-text b {
    color: #2c2c4f;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 16px;
    margin-top: 10px;
    display: block;
}

.product-box .prod-text span {
    font-size: 12px;
    color: #8c8c9a;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    margin-top: -1px;
}
.pt-100 {
    padding-top: 100px;
}

.pb-80 {
    padding-bottom: 80px;
}
.partner-logos {
    background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 105%);
    padding: 50px 10px;
}

.partner-heading h3 {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    margin-top: 0;
}

.partner-heading span {
    display: inline;
    color: #fff;
    font-weight: 400;
    font-size: 11px;
    margin-left: 8px;
    letter-spacing: 4px;
}

.partner-slide .slide-item {
    border-radius: 14px;
    overflow: hidden;
}

.partner-slide .slide-item img {
    width: 100%;
    height: 120px;
    object-fit: contain;
    padding: 0px;
    background: #fff;
    border-radius: 12px;
}
.faq-heading span {
    color: #bf3724;
    font-weight: 700;
    letter-spacing: 4px;
    font-size: 12px;
    text-transform: capitalize;
}

.faq-heading h3 {
    font-size: 32px;
    margin-top: 10px;
    font-weight: 400;
}
.job-heading span {
    color: #bf3724;
    font-weight: 700;
    letter-spacing: 4px;
    font-size: 12px;
    text-transform: capitalize;
}

.job-heading h3 {
    font-size: 32px;
    margin-top: 10px;
    font-weight: 400;
    margin-bottom: 30px;
}
.job-row h5 {
    color: #f37f42;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 7px;
}

.job-row .job-options .pay-type {
    font-weight: 500;
    font-size: 13px;
    color: #000;
}

.job-row .job-options .money {
    font-weight: 300;
    padding-left: 10px;
}

.job-row .job-options .money {
    font-size: 13px;
    font-weight: 400;
    color: #000;
}

.job-row .job-options .address {
    color: #959698;
    padding-left: 10px;
    font-size: 13px;
}

.job-timing {
    color: #dd2b2b;
    font-weight: 800;
    font-size: 14px;
    margin-top: 11px;
}
.job-timing.red {
    color: #dd2b2b;
}
.job-timing.yellow {
    color: #ffa200;
}
.job-timing.purple {
    color: #af44c4;
}

.job-timing i {
    padding-right: 5px;
}

.btn-style-3 {
    background: #ffec01;
    color: #000;
    font-weight: 700;
    padding: 15px 53px;
    font-size: 13px;
}

.job-row {
    border-bottom: 6px solid #e3e5e7;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.job-row:last-child {
    border-bottom: none !important;
}
.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: right;
    color: black;
    background: #ffec01;
    font-size: 11px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.panel-heading .accordion-toggle.collapsed:after {
    content: "\e114";
    background: #eeeeee;
    color: #ccc;
}
.widget-categories #accordion{
	margin-top: 0px !important;
	padding-top: 5px;
	padding-bottom: 0;
}
#accordion {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 40px;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
	font-size: 13px;
}
.accordion-toggle {
    font-size: 14px;
    color: #000 !important;
    text-transform: capitalize;
    font-weight: 400;
}

.panel-default>.panel-heading {
    padding: 13px 15px;
}

.panel-body .ans {
    display: block;
    margin: 10px 0px;
    color: #bf3331;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
}

.panel-body {
    padding: 15px 25px;
    font-size: 13px;
}
.btn-style-4 {
    color: #000;
    background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 105%);
    padding: 11px 26px;
    font-weight: 600;
    font-size: 12px;
    border-radius: 50px;
    text-transform: uppercase;
}
.become-volunteer {
    background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 105%);
    overflow: hidden;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 17px 5px;
    border-radius: 16px;
    margin-top: 20px;
}

.become-volunteer h4 {
    font-weight: 600;
}

.become-volunteer p {
    line-height: 17px !important;
    font-size: 12px;
}

.become-volunteer img {
    padding: 22px;
}
.foot-newsletter {
    padding: 80px 0px;
    background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 105%);
    position: relative;
}
.foot-newsletter .row{
	display: flex;
	align-items: center;
}
.newsletter-heading span {
    color: #fdd606;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 3px;
}

.newsletter-heading h3 {
    font-size: 37px;
    font-weight: 700;
    margin-top: 11px;
    color: #fff;
    letter-spacing: 1px;
}

.newsletter-box {
    display: flex;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: 0px 5px 31px -11px rgba(0,0,0,0.5);
}

.newsletter-box input {
    height: 52px;
    font-size: 12px;
    padding: 15px;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding-left: 29px;
    letter-spacing: 1px;
  }

.newsletter-box .newsletter-btn {
    background: #fdd108;
    width: 130px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}
.footer-column p {
    font-size: 13px;
    color: #838383;
    line-height: 19px !important;
}

.footer-column img {
    height: 100px;
    object-fit: contain;
    width: 100px;
}

.footer-middle h4:before {
    width: 45px;
    position: absolute;
    content: '';
    background: #ffec01;
    top: 28px;
    left: 0px;
    height: 3px;
}
.footer-middle .links li i {
    padding-right: 3px;
}
.footer-middle .links li:hover a {
    color: #f56425;
    border-bottom: 1px solid #f56425;
    transition-duration: 0s;
    font-weight: 600;
}
.footer-middle .links li:hover {
    color: #f56425;
}
.container-fluid{
	padding: 0 !important;
}
.page-heading .page-title h2 {
    font-size: 42px;
    font-weight: 600;
    color: #fff;
}

div#catedes {
    display: none;
}

.page-heading .container {
    display: flex;
    flex-direction: column-reverse;
}

.breadcrumbs li strong {color: #fff !important;}

.breadcrumbs a {
    color: #fff !important;
}
.breadcrumbs i {
    color: #fff;
    padding: 0px 4px;
}
.listing-image img{
	width: 100%;
	height: 300px;
	object-fit: cover;
}
.product-container#listhere .item{
    width: calc(95%/3);
    margin-right: 20px;
    margin-top: 30px;
    padding: 0;
}
.product-container#listhere .item.last-item{
    margin-right: 0px !important;
}
.product-container#listhere{
	display: flex;
	flex-wrap: wrap;
}
.price-container b {
    font-size: 12px;
    margin-right: 4px;
}
.size-filter{
	margin-top: 20px;
}
.size-filter ul li {
    padding: 5px 2px;
    font-weight: 500;
    color: #797979;
}

.size-filter ul li.active {
    color: #ff5555;
    font-weight: 700;
}

.size-filter ul {
    margin-top: 12px;
}
.color-filter ul li {
    padding: 9px 2px;
    font-weight: 500;
    color: #f2f2f2;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #efefef;
}
.color-filter ul li:last-child{
	border: none;
}
.color-filter ul .color-box {
    width: 12px;
    height: 12px;
    border-radius: 100%;
}

.color-filter ul li span {
    color: #797979;
    padding-left: 9px;
}

.color-filter ul {
    margin-top: 10px;
}

.color-filter {
    margin-top: 20px;
}

.color-filter ul li.active .color-box {
    border: 2px solid #000;
}

.color-filter ul li.active span {
    color: #f55;
    font-weight: 600;
}
.pagination li a{
	border-radius: 0;
}
.prod-lable{
	font-weight: 500;
    color: #000000;
    width: 110px;
    padding-right: 10px;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
}
.qty-box{
    /*width: 100px;*/
    box-shadow: none;
    border-radius: 0;
    border: none;
    display: flex;
    align-items: center;
}
.qty-box input{
    width: 100px;
    box-shadow: none;
    border: none;
}
input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}
.qty-button {
    position: relative;
    border: 1px solid #ccc;
    overflow: hidden;
    width: 100px;
}

.qty-button button {
    font-size: 15px;
    position: absolute;
    right: 0;
    padding: 0;
    line-height: 10px;
    background: #eee;
    height: 17px;
    width: 20px;
    z-index: 0;
}

.qty-button .plus {
    top: 0;
    border-bottom: 1px solid #cccccc;
}

.qty-button .minus {
    bottom: 0;
}
.prod-right-bar .search-bar input {
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0px 18px;
    height: 44px;
}

.prod-right-bar .search-bar {
    position: relative;
}

.col-md-3.prod-right-bar i {
    position: absolute;
    right: 13px;
    top: 15px;
    color: #9c9c9c;
}
.related-products-box h3 {
    font-size: 21px;
    margin-top: 28px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
}
.related-products .col-md-4 {border-radius: 6px;overflow: hidden;padding: 0;}

.related-products h5 {
    font-size: 14px;
    font-weight: 600;
    float: left;
    width: 100%;
    margin-bottom: 7px;
    margin-top: 0;
}

.rating-row {
    width: 100%;
    display: flex;
}

.rating-row i {
    position: inherit!important;
    right: 0;
    left: 0;
    color: #f86925 !important;
}

.related-products span {
    margin-top: 8px;
    display: block;
    color: #828282;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1px;
}
.related-products img{
	height: 103px;
    object-fit: cover;
}
.prod-rating{
    font-size: 16px;
    margin: 8px 0px;
}
.customer-review-count {
    margin-left: 10px;
    font-size: 13px;
    color: #000;
}
.data-table thead th {
    border: none;
    background: #eee;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.cart tbody tr td {
    border-left: none;
    border-right: none !important;
}
#shopping-cart-table h2 {font-size: 15px;text-transform: uppercase;}

#shopping-cart-table h2 a {
    color: #69686c;
}
.event-month-bar{
	background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 10px 50px 10px;
    box-shadow: 0px 0px 32px -20px rgba(0,0,0,0.5);
}
.btn-slide-left {
    background: #f56425;
    color: #fff !important;
    font-size: 13px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
}
.btn-slide-right {
    background: #f56425;
    color: #fff !important;
    font-size: 13px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    border-radius: 100%;
    justify-content: center;
    float: right;
}
.monthslides .month-item .fa-asterisk{
	color: #f56425;
}
.monthslides .month-item .fa-calendar{
	color: #f56425;
}
.monthslides .month-item a{
	color: #000;
	padding-left: 5px;
	font-size: 15px;
}
.slick-arrow{
	display: none !important;
}
.month-item a.active{
	font-weight: 700 !important;
}
.category-bar .cate-list {
	padding-left: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.category-bar .cate-list li {
    font-size: 14px;
    padding: 10px 20px;
}
.cate-bar-container{
	background: #fff;border-bottom-left-radius: 80px;border-bottom-right-radius: 80px;position: relative;top: -20px;
	box-shadow: 0px 13px 32px -20px rgb(0 0 0 / 20%);
}
.menu-bar-container{
	background: #fff;border-bottom-left-radius: 80px;border-bottom-right-radius: 80px;position: relative;top: 0px;
	box-shadow: 0px 13px 32px -20px rgb(0 0 0 / 20%);
}
.category-bar .cate-list li a {
    color: #c4c4c4;
    font-weight: 300;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}
.cate-list a.active{
	font-weight: 600 !important;
	color: #f56425 !important;
}
.category-bar .cate-list li a i{
    font-size: 10px;
    padding-right: 6px;
}
.layout-3 #content{
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.layout-3 .blog_entry{
	padding: 0 !important;
	overflow: hidden;
	box-shadow: none !important;
	transition-duration: 0.5s;
}
.layout-3 .blog_entry:hover{
	box-shadow: 0px 0px 18px -9px rgba(0,0,0,0.5) !important;
    transform: scale(1.02);
    transition-duration: 0.5s;
}
.blog_entry .featured-thumb a img{
	border-radius: 0;
}
.layout-3 .post-category a {
    color: #878787;
    font-size: 12px;
    position: absolute;
    top: 13px;
    left: 17px;
    padding: 4px 16px;
    border-radius: 120px;
    text-transform: uppercase;
    font-weight: 600;
    background: #ffec01;
    color: #000 !important;
}
.layout-3 .blog_entry .entry-content{
	position: relative;
}
.blog_entry-header {
    margin-top: -20px;
    padding: 10px 23px;
}

.layout-3 .blog_entry-title a {
    font-weight: 600 !important;
}
.blog_entry p {
    margin: 15px 0 3.5em 0 !important;
    font-size: 12px !important;
    padding: 0px 0px;
    color: #999999 !important;
    line-height: 17px !important;
}
.event-address-box{
	display: flex;
	align-items: center;
}
.event-address-box i {
    color: #f86525;
    padding-right: 8px;
    font-size: 15px;
}
.event-address-box span {
    color: #999999;
}
.organizer-box{
	display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
    position: absolute;
    bottom: 8px;
    width: 85%;
    left: 28px;
}
.organizer-box .datetime{
	color: #f86525;
}
.organizer-box a{
	color: #999999 !important;
}
.organizer-box .datetime span.time{
	color: #999999;
}
.btn-sm {
    padding: 10px 35px;
    font-size: 14px;
}
.btn-shadow {
    box-shadow: 0px 0px 20px -13px rgba(0,0,0,0.5);
}
.areyoubox {
    cursor: pointer;
    border: 1px solid #f46625;
    color: #f46625;
    margin-right: 12px;
    border-radius: 50px;
    padding: 9px 22px;
    margin-top: 9px;
    font-weight: 300;
}

.areyoubox.active {
    background: linear-gradient(129deg, rgba(248,101,37,1) 13%, rgba(254,221,5,1) 100%);
    border: none;
    color: #fff;
    font-weight: 500;
}
.progress-bar{
	background-color: #f08b2e !important;
	line-height: 25px !important;
	font-weight: 700 !important;
}
.progress {
    height: 27px !important;
    border-radius: 50px !important;
    box-shadow: none !important;
    width: 50%;
    margin-top: 20px;
}
.select2-results__option{
    padding: 8px 18px !important;
    font-size: 13px;
}
.select2-container--default .select2-selection--single{
	height: 47px !important;
    border: navajowhite !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 12px !important;
    border-radius: 50px !important;
    position: relative !important;
    left: -6px !important;
    font-size: 13px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 11px !important;
    right: 10px !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow{
	z-index: 9999 !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #fdd108 !important;
    color: #000 !important;
}
.select2-container--open .select2-dropdown--above{
    overflow: hidden !important;
    padding-top: 20px !important;
    top: 46px !important;
    left: -6px !important;
    border: none !important;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    box-shadow: 0px -10px 13px -11px rgba(0,0,0,0.3);
    border-radius: 25px !important;
    padding-bottom: 50px;
}
.select2-container--open .select2-dropdown--below{
    overflow: hidden !important;
    padding-top: 20px !important;
    top: -24px !important;
    left: -6px !important;
    border: none !important;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 0px 10px 13px -11px rgba(0,0,0,0.3);
    background: #fff !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered{
	position: relative !important;
	z-index: 9999 !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border-radius: 50px !important;
    width: 97% !important;
    padding: 7px 12px !important;
    font-size: 12px;
    margin-bottom: 10px;
}
.select2{
	width: 100% !important;
}
.select2-search--dropdown {
    display: flex !important;
    padding: 4px !important;
    align-items: center !important;
    justify-content: center !important;
}
.select2-container{
	margin-bottom: 15px !important;
}
.tabs-box span {
    border: 1px solid #f56425;
    margin-right: 10px;
    margin-top: 10px;
    padding: 6px 18px;
    border-radius: 50px;
    color: #f56425;
}

.tabs-box span.selected {
    background: linear-gradient(129deg, rgba(248,101,37,1) 13%, rgba(254,221,5,1) 100%);
    color: #fff !important;
    font-weight: 500;
    border: navajowhite;
    padding: 7px 19px;
}
.category-tag{
	cursor: pointer;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 3px solid #ffffff !important;
    background: #f86525 !important;
    font-weight: normal !important;
    color: #454545 !important;
    border-radius: 100% !important;
    width: 20px !important;
    height: 20px !important;
    top: -5px !important;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4) !important;
}
.ui-slider .ui-slider-range {
    position: absolute !important;
    z-index: 1 !important;
    font-size: .7em !important;
    display: block !important;
    border: 0 !important;
    background-position: 0 0 !important;
    background: linear-gradient(129deg, rgba(248,101,37,1) 13%, rgba(254,221,5,1) 100%) !important;
    border-radius: 50px !important;
}
.ui-widget.ui-widget-content{
	border: none !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    font-size: 13px !important;
    border-radius: 50px !important;
    padding: 9px 37px !important;
    font-weight: 800 !important;
    background: #ffec01 !important;
    color: #e66026 !important;
    font-weight: 700 !important;
    box-shadow: 0px 0px 20px -13px rgba(0,0,0,0.5) !important;
}
div:where(.swal2-container).swal2-center>.swal2-popup {
    box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.5) !important;
}
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
    background: rgb(255 255 255 / 40%) !important;
}
.input-text:focus {
    box-shadow: 0px 0px 23px -10px rgb(230 96 38);
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 105%) !important;
    border: none !important;
    position: relative;
    color: #fff !important;
    z-index: 4;
}
.modal-content {
    border-radius: 20px !important;
    overflow: hidden !important;
}
.modal-title{
	font-size: 22px !important;
    font-weight: 700 !important;
}
.modal-header .close {
    margin-top: -2px !important;
    background: #000 !important;
    position: relative !important;
    z-index: 9999 !important;
    opacity: 1 !important;
    color: #fdd507 !important;
    font-size: 13px !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 20px !important;
}
.modal-header:before {
    content: '' !important;
    background: url(http://events.roadsafety.pk/images/sharp-bg.jpg) !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    z-index: -1 !important;
    opacity: 0.2 !important;
    background-position: left !important;
}
.category-bar .cate-list li a:hover {
    color: #ec6c32;
    transform: scale(1.02);
    transition: all 0.3s ease;
}
.customdropdown {
  position: relative;
  display: inline-block;
}

.customdropdown-content {
  display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 19px 29px -19px rgba(0,0,0,0.1);
    padding: 12px 16px;
    z-index: 1;
    list-style-type: none;
}

.customdropdown:hover .customdropdown-content {
    display: block;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    top: 37px;
}
.category-bar .customdropdown li {
    padding: 4px 5px !important;
    font-size: 13px;
}
.category-bar .customdropdown li.divider {
    background: #f3f3f3;
    padding: 0px !important;
    height: 0.5px;
}
.modal-body{
	padding: 20px 25px;
}
.modal-body .form-control{
	padding: 10px;
    width: 101%;
    margin-top: 5px;
    outline: none;
    margin-bottom: 10px;
    border-radius: 50px;
    border: 1px #ddd solid;
    padding-left: 20px;
    position: relative;
    left: -6px;
    border: none;
    height: 47px;
    background: #eee !important;
    box-shadow: none;
}
.modal-body .form-control:focus {
    box-shadow: 0px 0px 23px -10px rgb(230 96 38);
    background: #fff9f2;
}
.modal-body .select2-container--default .select2-selection--single{
	background: #eee !important;
}
.modal-body .select2-container--open .select2-selection--single{
    background: #eee !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 26px !important;
    border-top-right-radius: 26px !important;
}
.modal-backdrop{
	background-color: #fff !important;
}
.modal-content {
	border: none !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5) !important;
    box-shadow: 0 9px 31px -14px rgba(0,0,0,.5) !important;
}
.modal-open .modal {
    backdrop-filter: blur(3px) !important;
}
.swal2-show {
    box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.2) !important;
}
div:where(.swal2-container).swal2-backdrop-show{
    backdrop-filter: blur(2px);
}
.box-account{
	display: flex;
}
.color-white{
	color: #fff !important;
}
.dashboard-inner .page-title .note{
	font-size: 11px;
}
.dashboard-inner .page-title{
	display: block !important;
}
.dashboard-button-event {
    position: absolute;
    right: 10px;
    top: 10px;
    filter: grayscale(1);
	display: flex;
	align-items: center;
	border-radius: 20px;
    overflow: hidden;
}
.dashboard-button-event .rsvpbtn{
	background: #f06f07;
	width: 25px;
	height: 25px;
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	color: #fff;
}
.dashboard-button-event .editbtn{
	background: #5ca1ba;
	width: 25px;
	height: 25px;
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	color: #fff;
}
.dashboard-button-event .deletebtn{
	background: #e64c4c;
	width: 25px;
	height: 25px;
	font-size: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	color: #fff;
}
.dashhover:hover .dashboard-button-event{
	filter: grayscale(0) !important;
}
.dashboard-add-btn {
    position: absolute;
    right: 40px;
    top: -20px;
}
.dashboard-search-event {
    width: 40%;
    float: right;
    box-shadow: none;
    background: #eee;
    border: none;
    padding: 10px 15px;
    border-radius: 30px;
    position: relative;
    right: -10px;
}
.event-search-box i {
    position: absolute;
    right: 20px;
    top: 13px;
    font-size: 15px;
    color: #949494;
}
.stepbar {
    display: flex;
    width: 100%;
    justify-content: space-around;
    position: relative;
    margin-bottom: 30px;
}

.stepbox {
    position: relative;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stepbar:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: #ddd;
    left: 0;
    top: 42%;
}

.stepbar:after {
    content: '';
    position: absolute;
    height: 5px;
    background: #f96525;
    width: 11%;
    left: 0;
    top: 42%;
}

.stepcircle {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333;
    color: #fff;
    width: 95px;
    height: 95px;
    font-size: 24px;
    border-radius: 100%;
    border: 12px solid #ddd;
}

.stepbar:first-child:before {
}

.stepcircle.active {
    border-color: #f96525;
}
.stepbox span {
    font-size: 16px !important;
    position: relative;
    top: 9px;
}
.loading img {
  width: 200px;
}
.loading {
    position: fixed;
    background: rgb(255 255 255 / 70%);
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(6px);
}
.footer2{
	background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 105%);
    position: relative;
}
.floating-buttons {
	position: relative;
    bottom: 0;
    width: 100%;
    left: -5px;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    /*padding: 12px 0px;*/
    background: linear-gradient(180deg, rgba(238,238,238,0) 0%, rgba(238,238,238,0.8183648459383753) 27%, rgba(238,238,238,1) 62%, rgba(238,238,238,1) 100%);
    /*padding-top: 60px;*/
}
.select2-container--default .select2-selection--multiple{
	background-color: #fff;
    min-height: 47px !important;
    border: navajowhite !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 12px !important;
    border-radius: 50px !important;
    position: relative !important;
    left: -6px !important;
    font-size: 13px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	border-right: none !important;
	left: 4px !important;
    color: #000 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	border-radius: 20px !important;
    border: none !important;
    background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 105%) !important;
    color: #000 !important;
    font-weight: 500 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{
	background-color: transparent !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
	margin: 0 !important;
}
.radio .checkmark:after{
	top: 4px !important;
    left: 4px !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
}
.radio input:checked ~ .checkmark {
    background-color: #f86824 !important;
}
.checkmark{
	background-color: #ddd !important;
}
.radio{
	display: inline-block !important;
	font-size: 13px !important;
}
.bg-draft {
    background: transparent;
    color: #58616b;
    border: 2px solid #58616b;
}

.bg-publish {
    background: #00d780;
    float: right !important;
}
.bg-draft:hover {
    background: #8a8a8a;
    color: #fff;
}
.stepbar.active2:after{
	width: 37% !important;
}
.stepbar.active3:after{
	width: 63% !important;
}
.stepbar.active4:after{
	width: 100% !important;
}
.pm-control {
    display: flex;
    position: relative;
}

.pm-box {
    float: right;
    width: 95px;
}

.pm-control .plus {
    font-size: 17px;
    color: orange;
    background: #fff;
    width: 24px;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 11px;
    top: 16px;
    border-radius: 100%;
    z-index: 999;
}

.pm-control .minus {
    font-size: 17px;
    color: orange;
    background: #fff;
    width: 24px;
    height: 24px;
    padding: 0;
    position: absolute;
    left: 0;
    top: 16px;
    border-radius: 100%;
    z-index: 99;
}
.pm-control input {
    text-align: center !important;
    padding-left: 12px !important;
}
.rdonly {
    pointer-events: none;
}
.daybox {
    border: 3px solid #f96525;
    padding: 26px 25px 26px 35px;
    border-radius: 20px;
    background: #fff;
    margin-bottom: 40px;
    position: relative;
}

.daybox .input-text {
    background: #eeeeee;
}

.timepicker-box {
    display: flex;
    width: 100%;
}
span.daycounter {
    position: absolute;
    top: -14px;
    background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 105%);
    padding: 3px 18px;
    border-radius: 30px;
    left: 22px;
    color: #000;
    font-weight: 600;
}
.switch {
	position: relative;
    display: inline-block;
    width: 42px;
    height: 25px;
}

.switch .switchcontrol { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switchslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switchslider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switchcontrol:checked + .switchslider {
  background-color: #eb6832;
}

.switchcontrol:focus + .switchslider {
  box-shadow: 0 0 1px #eb6832;
}

.switchcontrol:checked + .switchslider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded switchsliders */
.switchslider.round {
  border-radius: 34px;
}

.switchslider.round:before {
  border-radius: 50%;
}
.left-event-section h1{
	margin-top: 30px;
}
.left-event-section{
	width: 70%;
	float: left;
	margin-top: 70px;
}
.right-event-section{
	width: 30%;
	float: right;
	margin-top: 70px;
	padding-left: 25px;
}
.imageshowcase .slick-list{
	border-radius: 20px !important;
}
.imageshowcase img{
	height: 400px;
	object-fit: cover;
}
input#searchevent {
    border-radius: 35px;
    border: none;
    box-shadow: none;
    padding: 26px 18px;
}
ul.tablecontent {
    padding-left: 0;
    list-style-type: none;
    padding-left: 25px;
    margin-top: 20px;
    position: relative;
}

ul.tablecontent li {
    margin-bottom: 12px;
    position: relative;
}

ul.tablecontent li a {
    color: #000;
    font-size: 17px;
    font-weight: 200;
}

ul.tablecontent li:before {
    position: absolute;
    content: '';
    left: -25px;
    width: 10px;
    height: 10px;
    background: #edc617;
    border-radius: 20px;
    top: 7px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
    color: #ccc;
    z-index: 9999;
}

ul.tablecontent:before {
    height: 100%;
    content: '';
    position: absolute;
    left: 4px;
    top: 0;
    width: 1px;
    background: #d3d3d3;
    border-radius: 15px;
}
ul.populartags {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

ul.populartags li:hover {
    background: #eb6932;
    color: #fff;
    border-color: #eb6932;
    transition-duration: 0.5s;
}
ul.populartags li {
	transition-duration: 0.5s;
	cursor: pointer;
    border: 1px solid #ffffff;
    padding: 3px 20px;
    border-radius: 25px;
    margin-right: 7px;
    margin-bottom: 7px;
    font-weight: 400;
    color: #8b8b8b;
}
.latesteventbox{
	display: flex;
	margin-bottom: 15px;
}
.latesteventbox .leftimg{ width: 30%; }
.latesteventbox .leftimg img{
	border-radius: 8px;
	height: 85px;
    object-fit: cover;
}
.latesteventbox .rightimg{ 
	width: 70%; 
	display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 18px;
}
.latesteventbox .rightimg h4 {
    font-weight: 400;
    margin-top: 0;
    font-size: 16px;
}
.left-event-section h1 {
    font-size: 24px;
}
.headerbtm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 15px;
}

.headerbtm .headleftdate {
    display: flex;
    justify-content: center;
}

.headleftdate .datebox {
	position: relative;
    background: rgba(248,101,37,1) !important;
    color: #fff;
    padding: 8px 22px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sepheading{
	height: 0.5px;
	background: #d6d6d6;
	width: 100%;
}
.headleftdate .durationbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    letter-spacing: 1px;
}

.headrightdate .shareeventrow ul {
    display: flex;
    list-style-type: none;
}

.headrightdate .shareeventrow ul li a{
	color: #ccc;
}
.headrightdate .shareeventrow ul li:hover {
	border-color: #8B8B8B;
}
.headrightdate .shareeventrow ul li:hover a{
	color: #8B8B8B;
}
.eventdescription{
	color: #8B8B8B;
	letter-spacing: 1px;
	word-spacing: 2px;
}
.headrightdate .shareeventrow ul li {
	cursor: pointer;
	color: #8B8B8B;
    margin-left: 5px;
    background: transparent;
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 2px solid #ccc;
    color: #ccc;
}
.timespeakerrow,
.locationrow{
	color: #8B8B8B;
	margin-left: 17px;
	padding: 3px 0px;
}
.durationbox{
	width: 440px;
}
.datebox:before {
    position: absolute;
    content: '';
    width: 87%;
    height: 118%;
    left: 4px;
    top: -5px;
    border: 1px solid #fbb216;
    z-index: 1;
}
.rsvpsteps {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
}

.rsvpcount {
    background: #eb6932;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 10px;
}

.rsvpstepbox.active {
	opacity: 1;
}
.rsvpstepbox {
    display: flex;
    align-items: center;
    opacity: 0.4;
}

.rsvpstepbox span {
    color: #eb6932;
    font-weight: 500;
    font-size: 18px;
}

.rsvpstepborder {
    width: 185px;
    background: #eb6932;
    height: 2px;
    margin-left: 15px;
}
.rsvpformbox{
	border: 1px solid #ccc;
    padding: 30px 30px;
    margin-top: 25px;
    border-radius: 25px;
}
.radio {

    display: inline;

    position: relative;

    padding-left: 26px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 14px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    margin-right: 22px;

}



/* Hide the browser's default radio button */

.radio input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

}



/* Create a custom radio button */

.checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 20px;

    width: 20px;

    background-color: #eee;

    border-radius: 50%;

}



/* On mouse-over, add a grey background color */

.radio:hover input ~ .checkmark {

  background-color: #ccc;

}



/* When the radio button is checked, add a blue background */

.radio input:checked ~ .checkmark {

  background-color: #007d51;

}



/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the indicator (dot/circle) when checked */

.radio input:checked ~ .checkmark:after {

  display: block;

}



/* Style the indicator (dot/circle) */

.radio .checkmark:after {

    top: 7px;

    left: 6px;

    width: 7px;

    height: 7px;

    border-radius: 50%;

    background: white;

}
.rsvpformbox .radio {
    font-size: 16px !important;
}
.rsvpcontainer,
.schedulecontainer{
	margin-top: 50px;
}
.schedulebox{
    border: 1px solid #ccc;
    overflow: hidden;
}
.schedulebox .nav-pills{
	background: #fff;
	display: flex;
	overflow-x: scroll;
}
.schedulebox .nav-pills>li{
	min-width: 25%;
}
.schedulebox .nav-pills>li>a {
    padding: 19px 33px;
    font-size: 17px;
    text-align: center;
}
.schedulebox .nav-pills>li.active:hover>a {
    background-color: #eb6932 !important;
    color: #000;
}
.schedulebox .nav-pills>li.active>a {
    background-color: #eb6932 !important;
    border-radius: 0;
}
.schedulebox .nav-pills>li+li{
	margin-left: 0;
	width: 100%;
}
.schedulebox .nav>li>a:hover{
	background-color: #ffddce !important;
	border-radius: 0;
}
.schedulebox .nav-pills>li.active>a div {
	color: #fff;
}
.schedulebox .nav-pills>li>a div {
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 4px;
}
.schedulebox .nav-pills>li.active>a span {
	color: #fff;
}
.schedulebox .nav-pills>li>a span {
    font-size: 15px !important;
    color: #6d6c6c;
}
.schedulebox .nav>li{
	border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.schedulebox .nav>li:last-child {
    border-right: 0;
}
.schedulebox .tab-content {
    padding: 30px 50px;
    padding-left: 170px;
}
.schedulebox .tab-pane h3 {
    margin-bottom: 25px;
}
span.timestamp_start {
    position: absolute;
    color: #8B8B8B;
    top: 2px;
    left: -138px;
}
span.timestamp_end {
    position: absolute;
    color: #8B8B8B;
    bottom: 2px;
    left: -138px;
}
.schedulecontainer .tabcontentcontainer .psuedoborder:before {
	content: '';
    position: absolute;
    left: 0;
    background: #fdd108;
    width: 0.5px;
    height: 92%;
    left: -40px;
    top: 16px;
    z-index: 0;
}
.schedulecontainer .tabcontentcontainer {
    position: relative;
}
.schedulecontainer .tabcontentcontainer:before {
position: absolute;
    content: "\f106";
    width: 20px;
    height: 20px;
    background: #eb6932;
    left: -50px;
    top: 2px;
    border: 3px solid #fdd108;
    border-radius: 50px;
    z-index: 99;
    font-family: 'FontAwesome';
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.schedulecontainer .tabcontentcontainer:after {
    position: absolute;
    content: "\f107";
    width: 20px;
    height: 20px;
    background: #eb6932;
    left: -50px;
    bottom: 2px;
    border: 3px solid #fdd108;
    border-radius: 50px;
    z-index: 99;
    font-family: 'FontAwesome';
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
/*.locationcontainer .locationoverlay{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    z-index: 2;
}*/
.locationcontainer:hover{
	filter: grayscale(0%);
	transition: 0.5s all ease;
}
.locationcontainer{
	position: relative;
	margin-top: 50px;
	filter: grayscale(70%) blur(1px);
	transition: 0.5s all ease;
}
.eventnextprev {
    border-top: 2px solid #B8B8B8;
    border-bottom: 2px solid #B8B8B8;
    padding: 17px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.eventnextprev a {
    color: #494949;
    font-weight: 500;
}
.schedulecontainer .tabcontentcontainer div {
    color: #8b8b8b;
    letter-spacing: 1px;
    word-spacing: 1px;
}
.orgainzercontainer{
	margin-bottom: 40px;
}
.insideorganizer {
    background-color: #e9e9e9;
    border-radius: 10px;
    padding: 28px 15px;
}

.imgcontain img {
    width: 100px;
    border-radius: 50px;
    height: 100px;
    border: 4px solid #fff;
    box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.3);
}

.imgcontain {
    text-align: center;
}

.biocontain {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
    margin-bottom: 14px;
}

.biocontain b {
    font-size: 16px;
}

span.organizer_designation {
    color: #e66026;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    padding-bottom: 20px;
}
table.table td, table.table th {
    padding: 15px 25px 15px 30px !important;
    font-size: 14px;
    letter-spacing: 1px;
    align-content: center;
}
.tddeletebtn {
    display: flex;
    background: red;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: #fff;
    align-items: center;
    justify-content: center;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
        border: 0;
    border-radius: 0.25em;
    background: initial;
    font-size: 13px !important;
    border-radius: 50px !important;
    padding: 9px 37px !important;
    font-weight: 800 !important;
    background: #e5e5e5 !important;
    color: #111 !important;
    font-weight: 700 !important;
    box-shadow: 0px 0px 20px -13px rgba(0, 0, 0, 0.5) !important;
}
.race-categories {
    margin: auto;
    background: #fff;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 50px;
    width: 90%;
}
ul.race-cate-list {
    list-style-type: none;
    padding: 0;
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: center;
}

ul.race-cate-list li {
/*    margin-left: 20px;*/
	margin-left: 10px;
	margin-right: 10px;
    padding: 18px 20px;
}
ul.race-cate-list li a{
	color: #ccc;
	font-weight: 500;
}
ul.race-cate-list li.active a {
    color: #eb6932;
    font-weight: 700;
}
.packageincludes{
	margin-top: 50px;
}
.packageincludes h3{
	text-align: center;
	font-weight: 700;
	color: #f56425;
	font-size: 28px;
	margin-bottom: 40px;
}
.packageincludes .includes_container .insidebox{
	text-align: center;
}
.packageincludes .includes_container .insidebox{
	font-size: 20px;
	font-weight: 500;
}
.packageincludes .includes_container{
	display: flex;
}
.packageincludes .includes_container .inc-img-circ{
	margin-bottom: 15px;
}
.packageincludes .includes_container .inc-img-circ img{
	border-radius: 100%;
	border: 3px solid #fdd108;
	width: 85%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.extra_prds h3{
	text-align: center;
	font-weight: 700;
	color: #f56425;
	font-size: 28px;
	margin-bottom: 40px;
	margin-top: 80px;
}
.extra_prds .extra_container{
	display: flex;
	flex-wrap: wrap;
}
.extra_prds .prditem .prdimgcontainer img{
	width: 100%;
	height: 350px;
	object-fit: cover;
}
.extra_prds .prditem{
	text-align: center;
}
.extra_prds .prditem h5{
	letter-spacing: 1px;
}
.extra_prds .prditem b{
	color: #f56425;
	padding-left: 10px;
}
.floating-loginbtn{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999 !important;
}
.floating-loginbtn a {
    background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 80%);
    color: #000;
    font-size: 22px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 100%;
}
.ripple-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(248,101,37,1) 0%, rgba(254,221,5,1) 80%);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  animation: ripple 2s infinite ease-out;
  z-index: 0;
}
@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
