/*
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 --------------*/

body {
	padding: 0;
	margin: auto;
	line-height: 1.55;
	margin: auto;
	font-family: 'Open Sans', sans-serif;
	background-color: #F2F7F3;
	font-size: 14px;
}
h2, .h2 {
	font-size: 20px;
}
a {
	color: #0ea360;
	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: 'Rubik', 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}


/*----------- 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 #0ea360 solid;
	font-family: 'Rubik', 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: #fff;
    z-index: 100;
    position: relative;
}

.header-container {
    transition: all 0.5s;
    background: #F2F7F3;
    font-family: 'Rubik', sans-serif;
}

/* language & 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: #0ea360;
	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: #007d51;
	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: #0ea360;
	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: #007d51;
	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 & 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;
}
.toplinks .links div {
	display: inline-block;
}
.toplinks div.links div a {
	display: inline-block;
	padding: 0px;
	color: #3e445a;
	font-size: 13px;
	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: #0ea360 !important;
}
.toplinks div.links div.block-company-wrapper a:hover {
	color: #0ea360 !important;
	text-decoration: none;
}
.toplinks div.links div.block-company-wrapper ul li a:hover {
	color: #0ea360 !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: 28px;
    margin-bottom: 0px;
}

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

/* 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: 'Rubik', 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: 15px;
	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: #0ea360 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: #0ea360;
    font-family: 'Rubik', 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: 'Rubik', 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: #0ea360;
    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: 'Rubik', 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: #FFA900;
    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: 'Rubik', 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;
    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: 'Rubik', 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: #0ea360;
    border-radius: 5px;
    font-family: 'Rubik', sans-serif;
}

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

.login-box a {
    color: #0ea360;
    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: 'Rubik', 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;
}

.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: #0ea360;
    font-family: 'Rubik', sans-serif;
}

/*----------- 4. Navigation --------------*/
nav {
    background: #007d51;
    height: 65px;
    width: 100%;
    margin: auto;
    z-index: 99;
    margin-top: 0px;
	position:relative
}


.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: 'Rubik', 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: 'Rubik', 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:'Rubik', 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: #0ea360;
}
.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:#0ea360}

.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: #0ea360;
	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 #0ea360 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: #0ea360;
	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: 'Rubik', sans-serif;
}

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

.our-features-box ul {
    list-style: none;
    margin: auto;
    padding: 0px;
    border: none;
}

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

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

.features-block a {
    color: #fff;
    font-weight: 400;
    letter-spacing: normal;
    padding-right: 16px;
    margin-right: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 16px;
    border-right: 1px #0ea360 solid;
}

.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: 400px;
    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: 50%;
}

.our-features-box li ul li a {
    color: #71778e;
    border: none;
    font-size: 13px;
    margin: 0px;
    padding: 3px 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:#0ea360;
	border-radius:8px;
	padding:14px 15px 13px 15px;
	margin:5px 0px
}

.our-features-box .fa-phone {background:#fff; border-radius:999px; color:#0ea360; 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 #0ea360 solid
}
.scroll-tabs .more-info-tab .new-product-title {
  margin-bottom: 0px;
  margin-top: 5px;
  font-size:16px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight:bold
}
.scroll-tabs .nav-tab-line {
  border-bottom: none;
  padding:0px 15px;
  background:#fff;
  font-family: 'Rubik', 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: #0ea360!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: #0ea360!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: #007d51;
    font-size: 15px;
    font-weight: 300;
    letter-spacing:normal;
    margin: auto;
    padding: 15px 0px;
    width: 100%;
	display:block;
	background: #e5f8ed;
}

.scroll-tabs .nav-tabs .active span {
	background-color: #0ea360;
    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: #0ea360!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: 'Rubik', 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: 5px;
	width: 85%;
}


.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: 'Rubik', 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: #0ea360;
    border-radius: 100px;
    color: #fff;
}

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

.box-hover .add-to-links li a:hover:after {
    background: #007d51;
    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;
}

.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;
}

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

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

.brand {
    color: #9b9bb4;
    font-size: 13px;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 15px;
    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: 400;
    color: #456883;
    font-size: 16px;
    font-family: 'Rubik', sans-serif;
}

.regular-price {
    display: inline;
}

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

.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: #0ea360;
    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 #0ea360 solid;
}

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

.products-grid .item:hover .item-inner .item-info .info-inner .action button.button {
    background: #0ea360;
    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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', sans-serif;
}

.section-element .banner-content1 p {
    text-align: center;
    font-size: 16px;
    font-family: 'Rubik', 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: 20%;
    left: 10%;
    right: auto;
    text-align: left;
    text-transform: none;
    font-family: 'Rubik', 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: 26px;
    font-weight: 400;
    display: block;
    color: #222;
    line-height: normal;
}

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

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: 'Rubik', sans-serif;
	padding:0
	
}

.category-product .navbar-collapse {
    padding: 0px;
    background: #e6e8ea;
    border-bottom: 2px #0ea360 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: #0ea360;
    border-color: #0ea360;
}

.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;
    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: 25px 25px;
    border-right: 1px #eaeaea solid;
    border-bottom: 1px #eaeaea solid;
}

.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: 'Rubik', 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: #FFA900;
    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: #007d51;
    border-radius: 10px 10px 0px 0px;
    font-family: 'Rubik', 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: 'Rubik', sans-serif;
}

.timer-grid {
	display: block;
	text-align: center;
	background:#007d51;
	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: #007d51;
	letter-spacing:normal
}
.timer-grid .box-time-date span {
	display: block;
	font-size: 16px;
	color: #007d51;
	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: #0ea360;
    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 #FFA900 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: #FFA900;
    font-family: 'Rubik', 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: #007d51;
    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 #ef616d solid;
}

.bestsell-pro.recent-pro .block-title h2 {
    background: #ef616d;
    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: 'Rubik', 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: 'Rubik', sans-serif;
}

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

.link i {
    color: #0ea360;
    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;
    text-align: center;

}

.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:#0ea360;
	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:#0ea360}
.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: 'Rubik', 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:#007d51 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: 'Rubik', sans-serif;
}

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

.newsletter-wrap button.subscribe {
	background-color: #FFA900 !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: 'Rubik', 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: 'Rubik', sans-serif;
	font-weight:300
}

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


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

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

.category-products {
    overflow: hidden;
    border: 1px #eaeaea solid;
    border-radius: 10px;
    margin-top: 20px;
}

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

/*----------- 14 a. page heading --------------*/
.page-heading {
    padding: 65px 0 65px 0;
    border-bottom: none;
    text-align: center;
	background:#e5f8ed url(../images/inside-bg.jpg) no-repeat bottom center;
	margin-bottom:40px;
}

.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: 'Rubik', sans-serif;
	padding: 0px 0px 0px 0px;
	color: #222;
	font-weight: 500;
	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: 'Rubik', sans-serif;
}
.breadcrumbs a {
	color: #666;
	font-size: 13px;
	font-weight: normal;
}
.breadcrumbs a:hover {
	color: #0ea360;
}
.bredcrumbs-sec {background:#e5f8ed; padding:15px 0px}
.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: #eef3ef;
	border-radius: 10px;
	overflow:hidden;
	font-family: 'Rubik', 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:#0ea360}

.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; background: #eef3ef; padding:15px 10px; border-radius:10px; margin-top:20px;}
.pro-listing .pages { text-align:center}
.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}
.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span {border-radius:999px;} 

.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: #0ea360;
    color: #fff;
    border: 1px solid #0ea360;
}

.pro-listing .pages {
    text-align: center;
}

.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: 6px 12px;
	background-color: #fff;
}

.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: 'Rubik', 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: 'Rubik', 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: 1px solid #eaeaea;
    color: #333e48;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 12px 0px 15px 0px;
    position: relative;
}

.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%; font-size:15px; color:#4e5351 }
.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: #0ea360; font-weight:500 }
.widget-categories .accordion .card .card-header a[aria-expanded="true"]:before { background: #0ea360; 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:13px; 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: #0ea360;
    border-color: #0ea360;
}

.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: 16px;
    width: 16px;
    margin-top: -6px;
    background-color: #0ea360;
    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: #FFA900;
  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: #FFA900;
  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: #ccc;
  border-radius: 5px;
}

.price-field input[type=range]::-ms-track { 
  /* IE */
  width: 188px;
  height:3px;
  cursor: pointer;
  background: #ccc;
  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: #ccc;
    border: none;
}

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

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

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

.price-wrap label {
    text-align: right;
    margin-top: 6px;
    padding-left: 5px;
}

.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: #687188;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;
}

.price-wrap_line {
    margin: 6px 5px 5px 3px;
}

.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: 'Rubik', 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: #0ea360;
    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: #0ea360;
    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: 'Rubik', 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: #0ea360;
	color: #fff;
	padding: 11px 18px;
	float: left;

}
.products-list .product-shop .btn-cart:hover {
	background: #0ea360;
	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: #0ea360;
	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: #0ea360;
	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 #fff;
    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; overflow:hidden}

.product-view .product-img-box .product-image .product-flexslider {
	margin: 20px 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:45px; 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 {border:1px #0ea360 solid; display:block; }

.product-view .product-shop {
    padding-left: 40px;
    font-family: 'Rubik', 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: 34px;
    margin: 0px;
    text-align: left;
    padding-bottom: 10px;
    font-weight: 500;
    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: 15px 0px 0px;
    position: relative;
    min-height: inherit;
}

.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: 22px;
    color: #d51243;
    font-weight: 400;
}

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

.product-view .product-shop .old-price .price {
    font-size: 18px;
    font-weight: normal;
    margin-left: 10px;
}

.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: #0ea360;
    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: #0ea360;}
.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: #878787;
    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: #0ea360;
    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: 'Rubik', sans-serif;
}

.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: 20%;
    text-align: center;
	position:relative
}

.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: #0ea360;
    padding: 20px 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: 10px 10px 0px 0px;
    margin-top: 10px;
	display: block;
}

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

#productTabContent {
    padding: 35px 35px;
    background: none repeat scroll 0 0 #fff;
    border: 1px #eaeaea solid;
    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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: #FFA900;
}
.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: #0ea360;
	border: none;
	width: auto;
	font-family: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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: 'Rubik', sans-serif;
}

.thm-coupon-cart .btn {
    background: none repeat scroll 0 0 #0ea360;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    padding: 11px 15px;
    font-family: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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:#0ea360
	
}

#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: 24px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0px 0px 15px 0px;
    position: relative;
    font-family: 'Rubik', sans-serif;
}

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

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

.block-account .block-content li {
    padding: 5px 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;
    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: 'Rubik', 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: 'Rubik', sans-serif;
    color: #747775;
}

.one-page-checkout {
    position: relative;
    list-style: none;
    padding: inherit;
    padding: 0;
    font-family: 'Rubik', 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;
}

.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;
}

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

.cart-totals ul li b {
    font-weight: 400;
    color: #0ea360;
	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 #0ea360 solid;
	color: #333;
	padding: 15px 15px 15px 20px;
	border-radius: 10px 10px 0px 0px;
	border-right: 48px solid #0ea360;
	min-height: 50px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: normal;
	font-family: 'Rubik', 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: 'Rubik', 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: 'Rubik', 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.input-text {
    padding: 10px;
    width: 92%;
    margin-top: 5px;
    outline: none;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px #ddd solid;
}

.account-login .content p.required {
    font-size: 11px;
}

.button.login {
    background: #0ea360;
    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: 'Rubik', 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;
}

.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: 'Open Sans', 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: 'Rubik', 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 #0ea360;
	background: #fff;
	color: #666;
	border-radius: 10px;
	margin-bottom: 10px;
}
.newsletter-sign-box .subscribe {
	background-color: #0ea360;
	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;
}

.dashboard-inner {
    border: 1px #eaeaea solid;
    border-radius: 10px;
    padding: 30px;
    font-family: 'Rubik', 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
}

.box-account .page-title h2 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: normal;
}

.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: 'Rubik', sans-serif;
}

.footer-middle {
    background: #fff;
}

.footer-middle .col-md-3 {
	margin: auto;
	padding: 50px 20px 30px 20px;
	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: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
}

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

.footer-middle .links li {
    list-style: none;
    padding: 0px 0px 6px 0px;
}

.footer-middle .links li a {
    color: #71778e;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    font-weight: 400;
}

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

.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: #0ea360;
}

.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: #0ea360;
}

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

.email-icon:before {
    content: "\f0e0";
    background: none repeat scroll 0 0 #0ea360;
    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: 50px;
    text-align: center;
}

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

.social ul li {
    margin: 0px 5px 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: #71778e;
    display: block;
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 50px;
}