@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Smartshop - Multipurpose eCommerce Template + Admin
    Description: Multipurpose eCommerce Template + Admin
    Author: Chitrakoot Web
    Version: 1.1

-----------------------------------------------------------------------------------*/
/* ----------------------------------
        
    01. Common styles
    02. Button styles
    03. Section heading
    04. Topbar
    05. Navigation
    06. Page title
    07. Product categories
    08. Product grid and list
    09. Product detail
    10. Shop cart
    11. Process stpes
    12. My account
    13. Tables
    14. Order tracking steps
    15. Client section
    16. Video
    17. Form styles
    18. Counter style
    19. Owl carousel
    20. Slider Fade
    21. Price ranger
    22. Accordion style
    23. Element listing
    24. Progress bars
    25. Tabs
    26. Countdown
    27. Offer banner slider
    28. Pages
    29. Newsletter
    30. Contact info
    31. Blog
    32. Footer
    33. Copy Elements
    
---------------------------------- */
/* ===================================
    Common styles
====================================== */
/* loader */
#preloader {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 999999;
	transition: 0.3s ease opacity;
	text-align: center;
	width: 100%;
	height: 100%;
}
#preloader:before {
	content: '';
	width: 80px;
	height: 80px;
	border: 3px solid #0c9d56;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	animation-name: LoaderCicle;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
#preloader:after {
	content: '';
	width: 80px;
	height: 80px;
	border: 3px solid #0c9d56;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	animation-name: LoaderCicle;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-delay: 1s;
}

@keyframes LoaderCicle {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
	}
	10% {
		width: 10px;
		height: 10px;
		opacity: 1;
	}
	80% {
		width: 60px;
		height: 60px;
		opacity: 0.1;
	}
	100% {
		width: 70px;
		height: 70px;
		opacity: 0;
	}
}
/* theme color and basic options */
body {
	overflow-x: hidden;
}

a:hover,
a:active,
a:focus {
	color: #0c9d56;
	text-decoration: none;
	outline: none;
}

.img-style {
	padding: 5px;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
}

.lead {
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
}

.max-width-500 {
	max-width: 500px;
}

.height-300 {
	height: 300px;
}

.bd-example button,
.bd-example .btn-group {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.bg-primary {
	background-color: #0c9d56 !important;
}

.theme-overlay[data-overlay-dark]:before,
.theme-overlay[data-overlay-light]:before {
	background: #0c9d56;
}

.text-primary {
	color: #0c9d56 !important;
}

.text-secondary {
	color: #232323 !important;
}

.bg-secondary {
	background-color: #232323 !important;
}

.bg-secondary-opacity {
	background-color: rgba(35, 35, 35, 0.1);
}

.border-start-radius-10 {
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

.line-through {
	text-decoration: line-through;
}

.h-100vh {
	height: 100vh;
}

@media screen and (max-width: 767px) {
	.lead {
		font-size: 15px;
	}
}
/* primary listing */
.primary-list {
	padding-left: 0;
}
.primary-list li {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 15px;
	list-style-type: none;
	position: relative;
	padding: 0 0 0 20px;
}
.primary-list li:last-child {
	margin-bottom: 0;
}
.primary-list li:before {
	content: '\e649';
	font-weight: 700;
	font-family: 'themify';
	padding: 0 8px 0 0;
	font-size: 10px;
	position: absolute;
	left: 0;
	top: 0;
}
.primary-list li i {
	color: #0c9d56;
	padding-right: 10px;
}

/* default listing */
.default-list {
	list-style-position: inside;
	margin-bottom: 20px;
}
.default-list li {
	list-style: inside;
}

/* discount listing */
.side-bar .widget .list-discount {
	margin-bottom: 0;
}

.side-bar .widget .list-discount li {
	border-bottom: none;
	padding: 0 0 0 24px;
	margin-bottom: 12px;
}
.side-bar .widget .list-discount li:before {
	content: none;
}

/* list-style-16 */
.list-style-16 li:after {
	color: #0c9d56;
}

/* list style 17 */
.list-style-17 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.list-style-17 li {
	display: inline-block;
	margin-right: 5px;
}
.list-style-17 li:last-child {
	margin-right: 0;
}

/* scroll to top */
.scroll-to-top {
	font-size: 20px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	border-radius: 50%;
	background: #000;
	border: 1px solid #2a2a2a;
	width: 35px;
	height: 35px;
	line-height: 30px;
	z-index: 9999;
	outline: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.scroll-to-top i {
	color: #fff;
}
.scroll-to-top:hover {
	color: #232323;
	background: #fff;
}
.scroll-to-top:hover i {
	color: #232323;
}
.scroll-to-top:visited {
	color: #232323;
	text-decoration: none;
}

/* common block and inner title */
.inner-title {
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
	margin-bottom: 35px;
	padding-bottom: 15px;
}
.inner-title h1,
.inner-title h2,
.inner-title h3,
.inner-title h4,
.inner-title h5,
.inner-title h6 {
	font-weight: 500;
}
.inner-title h3,
.inner-title h4 {
	font-size: 26px;
	font-weight: 500;
}

.common-block {
	padding: 35px;
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-radius: 4px;
}

@media screen and (max-width: 991px) {
	.inner-title {
		margin-bottom: 30px;
	}
	.inner-title h3,
	.inner-title h4 {
		font-size: 24px;
	}

	.common-block {
		padding: 30px;
	}
}
@media screen and (max-width: 575px) {
	.inner-title h3,
	.inner-title h4 {
		font-size: 22px;
	}

	.common-block {
		padding: 25px;
	}
}
/* ===================================
    Button styles
====================================== */
/* button style 1*/
.butn-style1 {
	display: inline-block !important;
	font-size: 12px;
	padding: 8px 16px;
	border: 2px solid #222;
	letter-spacing: 0.5px;
	line-height: 24px;
	color: #232323;
	border-radius: 0;
	text-transform: uppercase;
	width: auto;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}
.butn-style1.large {
	font-size: 14px;
	padding: 12px 20px;
	border: 2px solid #222;
	line-height: 26px;
}
.butn-style1.small {
	font-size: 11px;
	padding: 6px 14px;
	border-width: 1px;
	line-height: 20px;
}
.butn-style1:hover,
.butn-style1:active,
.butn-style1:focus {
	background: #0c9d56;
	color: #fff;
	border-color: #0c9d56;
}
.butn-style1.fill {
	background-color: #0c9d56;
	border: 2px solid #0c9d56;
	color: #fff !important;
}
.butn-style1.fill:hover,
.butn-style1.fill:active,
.butn-style1.fill:focus {
	background: #fff;
	color: #0c9d56 !important;
	border-color: #0c9d56;
}

/* button style 2*/
.butn-style2 {
	display: inline-block;
	font-size: 14px;
	padding: 6px 18px;
	border: 2px solid #0c9d56;
	background: #0c9d56;
	color: #fff !important;
	letter-spacing: 0.5px;
	line-height: 26px;
	border-radius: 4px;
	width: auto;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}
.butn-style2.small {
	padding: 2px 12px;
	border-radius: 4px;
	font-size: 90%;
	display: inline-block;
}
.butn-style2.medium {
	padding: 6px 18px;
	border-radius: 4px;
}
.butn-style2.large {
	padding: 12px 20px;
	font-size: 16px;
}
.butn-style2.wide {
	padding: 6px 22px;
}
.butn-style2:hover,
.butn-style2:active,
.butn-style2:focus {
	background: #fff;
	color: #0c9d56 !important;
	border: 2px solid #0c9d56;
	box-shadow: none;
}
.butn-style2.dark {
	background: #232323;
	border: 2px solid #232323;
}
.butn-style2.dark:hover,
.butn-style2.dark:active,
.butn-style2.dark:focus {
	border-color: #232323;
	background-color: #fff;
	color: #232323 !important;
}
.butn-style2.white {
	border-color: #fff;
	background-color: #fff;
	color: #0c9d56 !important;
}
.butn-style2.white:hover,
.butn-style2.white:active,
.butn-style2.white:focus {
	border-color: #fff;
	background-color: #fff;
	color: #0c9d56 !important;
}

/* butn-style3 */
.butn-style3 {
	background: #0c9d56;
	display: inline-block;
	color: #fff;
	border-radius: 30px;
	padding: 12px 30px;
	font-size: 16px;
	transition: all ease 0.35s;
	letter-spacing: 2px;
	font-weight: 400;
	position: relative;
	overflow: hidden;
	border: none;
	z-index: 1;
}
.butn-style3 span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	transform: translate(-50%, -50%);
	transition: 0.5s ease-in-out;
	background-color: #232323;
	z-index: -1;
	border-radius: 100%;
	opacity: 0.5;
}
.butn-style3:hover {
	color: #fff;
}
.butn-style3:hover span {
	width: calc(100% * 2.25);
	padding-top: calc(100% * 2.25);
	opacity: 1;
}
.butn-style3.md {
	font-size: 15px;
	padding: 10px 26px;
}
.butn-style3.sm {
	font-size: 14px;
	padding: 8px 23px;
}

/* .butn-style4 */
.butn-style4 {
	background: #0c9d56;
	display: inline-block;
	color: #fff;
	padding: 11px 30px;
	font-size: 14px;
	text-transform: uppercase;
	transition: all ease 0.35s;
	letter-spacing: 2px;
	border: none;
}
.butn-style4:hover {
	color: #fff;
	background: #232323;
}
.butn-style4.md {
	font-size: 13px;
	padding: 7px 26px;
}
.butn-style4.sm {
	font-size: 13px;
	padding: 6px 22px;
}

/* ===================================
    Section heading
====================================== */
.section-heading {
	margin-bottom: 50px;
	text-align: left;
	display: inline-block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	font-size: 26px;
	width: 100%;
}
.section-heading h1,
.section-heading h2,
.section-heading h3,
.section-heading h4,
.section-heading h5,
.section-heading h6 {
	position: relative;
	padding-bottom: 5px;
	font-weight: 500;
	margin-bottom: 10px;
	position: relative;
	line-height: 140%;
	display: inline-block;
}
.section-heading h1:after,
.section-heading h2:after,
.section-heading h3:after,
.section-heading h4:after,
.section-heading h5:after,
.section-heading h6:after {
	content: '';
	display: block;
	width: 100%;
	height: 3px;
	background: #0c9d56;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: inherit;
	bottom: -12px;
}
.section-heading.medium {
	margin-bottom: 40px;
}
.section-heading.medium h1,
.section-heading.medium h2,
.section-heading.medium h3,
.section-heading.medium h4,
.section-heading.medium h5,
.section-heading.medium h6 {
	font-size: 20px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.section-heading.medium h1:after,
.section-heading.medium h2:after,
.section-heading.medium h3:after,
.section-heading.medium h4:after,
.section-heading.medium h5:after,
.section-heading.medium h6:after {
	bottom: -6px;
	height: 2px;
}

@media screen and (max-width: 991px) {
	.section-heading {
		margin-bottom: 40px;
	}
	.section-heading.medium {
		margin-bottom: 30px;
	}
	.section-heading.medium h1,
	.section-heading.medium h2,
	.section-heading.medium h3,
	.section-heading.medium h4,
	.section-heading.medium h5 {
		font-size: 18px;
	}
}
/* section heading style2 */
.line-title {
	position: relative;
	margin-bottom: 30px;
}
.line-title:after {
	overflow: hidden;
	content: '';
	background: rgba(0, 0, 0, 0.08);
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 13px;
}
.line-title h4 {
	position: relative;
	font-size: 16px;
	background: #fff;
	padding-right: 15px;
	margin-bottom: 0;
	z-index: 9;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.line-title {
		margin-bottom: 25px;
	}
}
.title-01 h2 {
	display: inline-block;
	position: relative;
	z-index: 9;
}
.title-01 h2:before {
	content: '';
	background: rgba(35, 35, 35, 0.2);
	width: 35px;
	height: 35px;
	z-index: -1;
	left: -10px;
	border-radius: 50%;
	top: -3px;
	position: absolute;
}

/* ===================================
    Topbar
====================================== */
.top-bar-info {
	display: inline-block;
	vertical-align: middle;
}
.top-bar-info ul {
	margin-bottom: 0;
}
.top-bar-info li {
	font-weight: 600;
	list-style-type: none;
	font-size: 14px;
	padding-right: 15px;
	display: inline-block;
	margin-bottom: 0;
}
.top-bar-info li:last-child {
	padding-right: 0;
}

#top-bar {
	display: block;
	position: relative;
	z-index: 999;
	background: #f5f5f5;
	padding: 7px 0;
}

.top-bar-info li i {
	color: #0c9d56;
	margin-top: 0;
	display: inline-block;
	font-size: 16px;
	vertical-align: middle;
}

@media screen and (max-width: 575px) {
	.top-bar-info li {
		padding-right: 10px;
	}
}
/* ===================================
    Navigation
====================================== */
/* top nav */
header .top-nav {
	text-align: right;
	margin-bottom: 0;
}
header .top-nav > li {
	display: inline-block;
	margin-left: 15px;
}
header .top-nav > li:first-child {
	margin-left: 0;
}
header .top-nav .dropdown-menu {
	min-width: 12rem;
	font-size: 14px;
}
header .top-nav .dropdown-menu li a:hover {
	background: none;
	color: #0c9d56;
}
header .top-nav .dropdown-menu li:last-child a {
	padding-bottom: 0;
}
header .top-nav .dropdown-item {
	padding: 0.25rem 0;
}
header .top-nav select {
	padding: 2px 5px;
	margin: 0;
}
header .top-nav li i {
	font-size: 16px;
}

@media screen and (max-width: 991px) {
	.header-02 .navbar-header-custom {
		padding: 12px 0 12px;
	}
	.header-02 .navbar-toggler {
		right: 8px;
		top: 23px;
	}
}
@media screen and (min-width: 992px) {
	.menu_area-light .navbar-default {
		border: none;
	}
	.menu_area-light .navbar-nav li a {
		color: #6f6f6f;
	}
	.menu_area-light .navbar-nav li > ul {
		background: #fff;
	}
	.menu_area-light .navbar-nav > li > a {
		color: #fff;
	}
	.menu_area-light .navbar ul ul li.active > a {
		color: #232323;
	}
	.menu_area-light .navbar-nav li.has-sub a:hover {
		color: #232323;
	}
	.menu_area-light .navbar-nav li.current > a,
	.menu_area-light .navbar-nav li.active > a {
		color: #000;
	}
	.menu_area-light .navbar .sub-title {
		color: #232323;
	}
	.menu_area-light .navbar-nav > li.has-sub > a:hover {
		color: #fff;
	}
	.menu_area-light .navbar > ul > li.has-sub > a:hover:after,
	.menu_area-light .navbar > ul > li.has-sub > a:after {
		border-color: transparent #fff #fff transparent;
	}
	.menu_area-light .navbar > ul > li.current > a:after {
		border-color: transparent #000 #000 transparent;
	}
	.menu_area-light .attr-nav > ul > li > a {
		color: #fff;
	}
	.menu_area-light.scrollHeader .navbar-nav > li > a {
		color: #232323;
	}
	.menu_area-light.scrollHeader .navbar-nav > li.has-sub > a:hover {
		color: #000;
	}
	.menu_area-light.scrollHeader .navbar > ul > li.has-sub > a:after {
		border-color: transparent #232323 #232323 transparent;
	}
	.menu_area-light.scrollHeader .navbar-nav li.current > a {
		color: #0c9d56;
	}
	.menu_area-light.scrollHeader .navbar-nav li.current > a:hover {
		color: #0c9d56;
	}
	.menu_area-light.scrollHeader .navbar > ul > li.current > a:after {
		border-color: transparent #0c9d56 #0c9d56 transparent;
	}
	.menu_area-light.scrollHeader .navbar-nav li.active > a {
		color: #0c9d56;
	}
	.menu_area-light.scrollHeader .navbar-nav li.active > a:hover {
		color: #0c9d56;
	}
	.menu_area-light.scrollHeader .attr-nav > ul > li > a {
		color: #232323;
	}

	.header-light-nav .navbar-nav li.current > a {
		color: #0c9d56;
	}
	.header-light-nav .navbar > ul > li.current > a:after {
		border-color: transparent #0c9d56 #0c9d56 transparent;
	}
	.header-light-nav .navbar ul ul li.active > a {
		color: #0c9d56;
	}

	.header-light-nav .navbar-nav > li.has-sub > a:hover {
		color: #0c9d56;
	}
	.header-light-nav .navbar > ul > li.has-sub > a:hover:after {
		border-color: transparent #0c9d56 #0c9d56 transparent;
	}
	.header-light-nav .navbar-nav li.has-sub a:hover {
		color: #0c9d56;
	}
	.header-light-nav .navbar > ul > li.has-sub:hover > a:after {
		border-color: transparent #0c9d56 #0c9d56 transparent;
	}

	.header-light-nav .navbar-nav > li:hover > a {
		color: #0c9d56;
	}
}
@media screen and (max-width: 575px) {
	.header-02 .navbar-toggler {
		top: 18px;
	}
}
/* product search */
.product-search {
	width: 100%;
	margin-top: 7px;
}
.product-search .psearch-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
.product-search .product-cat {
	width: auto;
	float: left;
	position: relative;
	height: 42px;
	line-height: 42px;
	border: 1px solid rgba(0, 0, 0, 0.125);
	padding-right: 8px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.product-search .product-cat select {
	width: auto;
	height: 39px;
	border: none;
	border-right: 0;
	outline: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	cursor: pointer;
	min-height: auto;
}
.product-search .products-search {
	width: 100%;
}
.product-search .products-search.searching .search-submit:before {
	opacity: 0;
}
.product-search .search-wrapper {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}
.product-search .search-field {
	float: left;
	height: 42px;
	line-height: 42px;
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	border-right: none;
	border-left: none;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	width: 100%;
	border-radius: 0;
}
.product-search .search-submit {
	float: right;
	height: 42px;
	line-height: 42px;
	padding-left: 20px;
	padding-right: 20px;
	min-width: 100px;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #0c9d56;
	border: none;
	font-weight: 700;
	color: #fff;
	border-radius: 0 4px 4px 0;
	white-space: nowrap;
}

@media screen and (min-width: 992px) {
	header .attr-nav li i {
		font-size: 26px;
	}
}
@media screen and (max-width: 1199px) {
	header .attr-nav li i {
		font-size: 22px;
	}
}
@media screen and (max-width: 991px) {
	.product-search .search-submit {
		min-width: auto;
	}

	.header-light-nav .attr-nav {
		margin-right: 70px;
	}
}
@media screen and (max-width: 575px) {
	header .top-nav select {
		width: 65px;
	}
	header .top-nav > li {
		margin-left: 8px;
	}
	header .attr-nav li i {
		font-size: 18px;
	}

	.product-search .product-cat select {
		width: 100px;
	}
}
.mp-menu ul li > a {
	font-weight: 500;
}

/* ===================================
    Page title
====================================== */
.page-title-section {
	background-size: cover;
	background-position: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding: 90px 0;
}
.page-title-section .title-info {
	width: 100%;
	display: block;
	vertical-align: middle;
	margin-bottom: 15px;
}
.page-title-section .breadcrumbs-info {
	text-align: left;
	white-space: nowrap;
	width: 100%;
	display: block;
	vertical-align: middle;
}
.page-title-section h1 {
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.2;
	margin-bottom: 0;
}
.page-title-section ul {
	margin-bottom: 0;
}
.page-title-section ul li {
	display: inline-block;
}
.page-title-section ul li:last-child a {
	color: #0c9d56;
}
.page-title-section ul li:after {
	content: '\e649';
	font-weight: 700;
	vertical-align: middle;
	color: #616161;
	font-family: 'themify';
	padding: 0 6px 0 10px;
	font-size: 10px;
}
.page-title-section ul li:last-child:after {
	content: none;
}
.page-title-section ul li a {
	font-weight: 500;
}
.page-title-section .active a,
.page-title-section li.active:last-child a {
	color: #fff;
}

@media screen and (max-width: 1199px) {
	.page-title-section {
		padding: 70px 0;
	}
}
@media screen and (max-width: 991px) {
	.page-title-section {
		padding: 50px 0;
	}
}
@media screen and (max-width: 767px) {
	.page-title-section .title-info {
		margin-bottom: 10px;
	}
}
/* ===================================
    Product categories
====================================== */
/*categories banner*/
.categories-banner {
	position: relative;
	overflow: hidden;
}
.categories-banner .offer-img:before {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	background: rgba(255, 255, 255, 0.61) none repeat scroll 0 0;
	top: 0;
	left: 0;
	margin: auto;
	pointer-events: none;
	opacity: 1;
}
.categories-banner .offer-img:after {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	background: rgba(255, 255, 255, 0.61) none repeat scroll 0 0;
	bottom: 0;
	right: 0;
	pointer-events: none;
	opacity: 1;
}
.categories-banner:hover .offer-img:before,
.categories-banner:hover .offer-img:after {
	transition-duration: 1.3s;
	height: 100%;
	width: 100%;
	opacity: 0;
}
.categories-banner .categories-details {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: left;
	width: 100%;
	padding: 0 35px;
}

/* categories-02 */
.categories-style li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	font-size: 14px;
	font-weight: 600;
	position: relative;
}
.categories-style li:after {
	content: '-';
	font-size: 23px;
	font-weight: 400;
	width: 10px;
	display: inline-block;
	padding-left: 10px;
	vertical-align: middle;
	margin-top: -6px;
}
.categories-style li:last-child:after {
	content: none;
}

/* categoty-style1 */
.categoty-style1 .category-img {
	overflow: hidden;
}
.categoty-style1 .category-img img {
	transition: ease all 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.categoty-style1:hover .category-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/* categoty-style2 */
.categoty-style2 .category-icon {
	background-color: #fdfbfb;
	padding: 28px;
	border-radius: 50%;
	display: inline-block;
	transition: all ease 0.35s;
}
.categoty-style2:hover .category-icon {
	background-color: #f5f5f5;
}
.categoty-style2 h3 {
	font-size: 18px;
}

/* common banner hover */
.banner-hover:before {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	background: rgba(255, 255, 255, 0.61) none repeat scroll 0 0;
	top: 0;
	left: 0;
	margin: auto;
	pointer-events: none;
	opacity: 1;
}
.banner-hover:after {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	background: rgba(255, 255, 255, 0.61) none repeat scroll 0 0;
	bottom: 0;
	right: 0;
	pointer-events: none;
	opacity: 1;
}
.banner-hover:hover:before,
.banner-hover:hover:after {
	transition-duration: 1.3s;
	height: 100%;
	width: 100%;
	opacity: 0;
}

@media screen and (max-width: 991px) {
	.categories-banner .categories-details {
		padding: 0 25px;
	}
}
@media screen and (max-width: 575px) {
	.categories-banner .categories-details {
		padding: 0 15px;
	}
}
/*product card*/
.product-card {
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.08);
	text-align: center;
	border-radius: 4px;
	height: 100%;
}

.product-card-img {
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.product-card .inner {
	display: table;
	width: 100%;
}
.product-card .main-img {
	display: table-cell;
	width: 65%;
	padding: 5px;
	vertical-align: middle;
}
.product-card .thumblist {
	width: 35%;
	vertical-align: middle;
	display: table-cell;
	border-left: 1px solid rgba(0, 0, 0, 0.09);
}
.product-card .thumblist > img {
	padding: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.product-card .thumblist > img:last-child {
	border-bottom: none;
}
.product-card .product-card-detail {
	text-align: center;
	padding: 15px 10px;
	height: calc(100% - 218px);
	display: table;
	width: 100%;
	word-break: break-word;
}
.product-card.large .product-card-detail {
	height: calc(100% - 461px);
}
.product-card .product-card-detail h3 {
	font-size: 18px;
	margin-bottom: 10px;
	word-spacing: 3px;
	letter-spacing: 0.5px;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	font-weight: 500;
}
.product-card .product-card-detail .card-label {
	display: inline-block;
	padding: 2px 4px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	background-color: #f5f5f5;
	color: #232323;
	vertical-align: middle;
}

@media screen and (max-width: 1199px) {
	.product-card.large .product-card-detail {
		height: calc(100% - 329px);
	}
	.product-card .product-card-detail {
		height: calc(100% - 149px);
	}
}
@media screen and (max-width: 991px) {
	.product-card .product-card-detail h3 {
		font-size: 16px;
	}
}
@media screen and (max-width: 767px) {
	.product-card.large .product-card-detail,
	.product-card .product-card-detail {
		height: auto;
	}
}
@media screen and (max-width: 575px) {
	.product-card .thumblist > img {
		padding: 10px;
	}
}
/* ===================================
    Product grid and list
====================================== */
/* product grid */
.product-grid {
	position: relative;
	overflow: hidden;
	padding: 15px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.08);
}
.product-grid .product-img {
	padding: 0 0 15px 0;
}
.product-grid .product-description {
	padding: 35px 0;
	text-align: center;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.product-grid .product-description h3 {
	font-size: 18px;
	margin-bottom: 10px;
	word-spacing: 3px;
	letter-spacing: 0.5px;
	font-weight: 500;
}
.product-grid .product-description .price {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
}
.product-grid .product-description .regular-price {
	color: #0c9d56;
	margin-right: 10px;
}

.product-buttons .btn-link {
	line-height: 38px;
	padding: 0 13px;
	display: block;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.125);
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	font-size: 16px;
	color: #616161 !important;
}
.product-buttons .btn-link:hover {
	border: 1px solid #0c9d56;
	background: #0c9d56;
	color: #fff !important;
}
.product-buttons .butn-style2 {
	padding: 5px 12px;
	font-size: 12px;
	color: #616161 !important;
	border: 2px solid rgba(0, 0, 0, 0.125);
	background: #fff;
}
.product-buttons .butn-style2:hover {
	color: #fff !important;
	background: #0c9d56;
	border-color: #0c9d56;
}
.product-buttons ul {
	margin-bottom: 0;
}
.product-buttons ul li {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.product-buttons ul li:last-child {
	margin-right: 0;
}
.product-buttons .product-button:hover,
.product-buttons .product-button-big:hover {
	background: #f5f5f5;
}

@media screen and (max-width: 767px) {
	.product-grid .product-description {
		padding: 25px 0;
	}
	.product-grid .product-description h3,
	.product-grid .product-description .price {
		font-size: 17px;
	}

	.product-buttons .btn-link {
		padding: 0 12px;
	}
}
/* product-grid style two */
.product-grid-two {
	position: relative;
}
.product-grid-two .product-img {
	margin-bottom: 20px;
	text-align: center;
}
.product-grid-two:hover .product-hover {
	margin-top: -50px;
	opacity: 1;
	visibility: visible;
}
.product-grid-two:hover .product-block {
	opacity: 0;
	visibility: hidden;
}
.product-grid-two .product-hover {
	width: 100%;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s all;
	background: #fff;
	z-index: 99;
}
.product-grid-two .product-hover a {
	display: block;
	font-size: 16px;
}
.product-grid-two .product-block {
	position: relative;
	text-align: center;
}
.product-grid-two .product-block a {
	font-size: 16px;
	font-weight: 700;
	color: #232323;
}
.product-grid-two .product-block .price {
	font-size: 16px;
	display: block;
	color: #232323;
	font-weight: 700;
}
.product-grid-two .cart-button {
	border: 0;
	padding: 0;
	text-align: left;
	background: transparent;
	position: relative;
	letter-spacing: 0;
}
.product-grid-two:hover a.cart-button {
	-webkit-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms;
}
.product-grid-two .cart-button a {
	color: #232323;
	font-weight: 700;
	border-bottom: 2px solid #0c9d56;
}
.product-grid-two .cart-button .btn-group a {
	margin-left: 15px;
}
.product-grid-two .btn-group a {
	border: none;
}
.product-grid-two .btn-group i {
	font-size: 18px;
}

@media screen and (max-width: 991px) {
	.product-grid-two .product-hover a {
		font-size: 14px;
	}
	.product-grid-two .product-block a,
	.product-grid-two .product-block .price {
		font-size: 14px;
	}
}
/* product-grid-three */
.product-grid-three .product-img {
	position: relative;
	overflow: hidden;
	margin-bottom: 26px;
}
.product-grid-three .product-img .wish-list a {
	width: 42px;
	height: 42px;
	line-height: 48px;
	position: absolute;
	right: 20px;
	top: 20px;
	background: #fff;
	border-radius: 50%;
	font-size: 18px;
	text-align: center;
}
.product-grid-three .product-img .wish-list a:hover {
	background-color: #0c9d56;
	color: #fff;
}
.product-grid-three:hover .product-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.product-grid-three .product-img img {
	transition: ease all 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.product-grid-three .product-img .action-butn {
	width: 100%;
	position: absolute;
	font-size: 0;
	line-height: 0;
	transition: 0.4s linear;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 0;
	right: 0;
	left: auto;
	width: auto;
	background: #fff;
	transform: translateY(15px);
	visibility: hidden;
	opacity: 0;
}
.product-grid-three .product-img .action-butn a {
	width: 58px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #232323;
	margin: 0;
	font-size: 20px;
	letter-spacing: inherit;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.product-grid-three .product-img .action-butn a:hover {
	background-color: #0c9d56;
	color: #fff;
}
.product-grid-three .product-img:hover .action-butn {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
.product-grid-three .product-label {
	font-size: 12px;
	position: absolute;
	top: 10px;
	left: 0;
	text-transform: uppercase;
	padding: 5px 10px;
	line-height: 1;
	letter-spacing: 2px;
	color: #fff;
	text-align: center;
}

/* product-grid-four */
.product-grid-four .product-img {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid #efeeee;
}
.product-grid-four .product-img .action-butn {
	bottom: 15px;
	top: auto;
	right: auto;
	left: 0;
	width: 100%;
	position: absolute;
	font-size: 0;
	transition: 0.4s linear;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-grid-four .product-img .action-butn a {
	width: 44px;
	height: 44px;
	background: #fff;
	margin: 0 5px;
	transform: translateY(-15px);
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
	visibility: hidden;
	opacity: 0;
	font-size: 18px;
	text-align: center;
	line-height: 44px;
	color: #232323;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}
.product-grid-four .product-img .action-butn a:nth-child(2) {
	transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, visibility 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.product-grid-four .product-img .action-butn a:nth-child(3) {
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, background-color 0.5s ease-in-out;
}
.product-grid-four:hover .product-img .action-butn a {
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
.product-grid-four .product-label {
	font-size: 12px;
	position: absolute;
	top: 10px;
	left: 10px;
	text-transform: uppercase;
	padding: 5px 10px;
	line-height: 1;
	color: #fff;
	text-align: center;
}

/* product list*/
.product-listing {
	margin-bottom: 30px;
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-radius: 4px;
}
.product-listing .product-img {
	border-right: 1px solid rgba(0, 0, 0, 0.09);
	height: 100%;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	padding: 15px;
	position: relative;
}
.product-listing .product-list {
	padding: 30px;
	height: 100%;
}
.product-listing .product-list h3 {
	font-size: 22px;
	font-weight: 600;
}
.product-listing .product-description .price {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 500;
}
.product-listing .product-description .regular-price {
	color: #0c9d56;
	margin-right: 10px;
}

@media screen and (max-width: 767px) {
	.product-listing .product-img {
		padding: 5px;
	}
	.product-listing .product-list {
		padding: 25px;
	}
	.product-listing .product-list h3 {
		font-size: 20px;
	}
}
@media screen and (max-width: 575px) {
	.product-listing .product-img {
		border-bottom: 1px solid rgba(0, 0, 0, 0.09);
		border-right: none;
		padding: 15px;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}
.product-list .product-block:hover > img {
	opacity: 0.65;
}
.product-list .buttons {
	float: left;
	width: 100%;
}
.product-list .buttons a {
	float: left;
	text-align: center;
	padding: 8px 23px;
}
.product-list .buttons a:hover {
	opacity: 0.8;
}

/* product-items */
.product-items {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	padding: 15px;
}
.product-items:last-child {
	margin-bottom: 0;
}
.product-items .thumb-img {
	border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.product-items-img {
	width: 30%;
	float: left;
	border-right: 1px solid rgba(0, 0, 0, 0.05);
	padding-right: 15px;
}

.product-items-text {
	width: 70%;
	display: inline-block;
	padding-left: 18px;
}
.product-items-text .regular-price {
	font-size: 14px;
	color: #0c9d56;
}
.product-items-text .offer-price {
	margin-left: 10px;
}

@media screen and (max-width: 1199px) {
	.product-items-detail h5 {
		font-size: 16px;
	}
}
@media screen and (max-width: 991px) {
	.product-items-img {
		width: 20%;
	}

	.product-items-text {
		width: 80%;
	}
}
@media screen and (max-width: 575px) {
	.product-items-detail h5 {
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.product-items-detail h5:before {
		width: 65px;
	}

	.product-items {
		padding: 12px;
	}
}
/* ===================================
    Product detail
====================================== */
/* label */
.label-offer {
	position: absolute;
	left: 0;
	top: 0;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	padding: 0px 12px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	z-index: 1;
}

.left-align {
	position: absolute;
	left: auto;
	right: 0;
}

.product-detail .label-sale {
	margin-left: 5px;
	vertical-align: top;
	padding: 2px 7px;
}
.product-detail .offer-price {
	text-decoration: line-through;
	color: red;
}

.product-rating .fas:hover {
	color: #232323;
}

@media screen and (max-width: 575px) {
	.media.product-review {
		display: table;
	}
	.media.product-review .media-body {
		display: inline-block;
		width: 100%;
		margin-top: 15px;
	}
}
/* ===================================
    Shop cart
====================================== */
.shop-cart-table {
	width: 100%;
	overflow-x: auto;
}
.shop-cart-table .product-thumbnail {
	min-width: 100px;
}
.shop-cart-table .shop-cart td {
	line-height: 26px;
	vertical-align: middle;
	padding: 16px 8px;
	min-width: 100px;
}

.table.shop-cart tr:nth-child(even) {
	background-color: #fff;
}
.table.cart-sub-total {
	border-color: transparent;
	vertical-align: middle;
	padding: 10px 30px;
}
.table.cart-sub-total tr:nth-child(even) {
	background-color: #fff;
}
.table.cart-sub-total td,
.table.cart-sub-total th {
	border-color: transparent;
	vertical-align: middle;
	padding: 10px 30px;
}
.table.cart-sub-total td {
	padding-right: 0;
}

.shop-cart-table input[type='text'] {
	height: 35px;
	width: 50px;
	margin: 0;
}

/* ===================================
    Process stpes
====================================== */
.process-steps {
	display: flex;
}
.process-steps .step {
	display: block;
	position: relative;
	width: 100%;
	padding: 24px 15px 20px 15px;
	border: 1px solid #e5e5e5;
	text-align: center;
	background: #fafafa;
}
.process-steps .step i {
	margin-bottom: 12px;
	display: inline-block;
	font-size: 22px;
}
.process-steps .step.active {
	border-color: #0c9d56;
	z-index: 5;
	background: #fff;
}
.process-steps .step.active i {
	color: #0c9d56;
}
.process-steps .step .step-title {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.025em;
}
.process-steps .step.active .step-title {
	color: #0c9d56;
}

@media screen and (max-width: 767px) {
	.process-steps .step {
		padding: 15px 10px;
	}
	.process-steps .step i {
		font-size: 20px;
	}
	.process-steps .step .step-title {
		font-size: 14px;
	}
}
@media screen and (max-width: 575px) {
	.process-steps {
		display: inline-block;
		width: 100%;
	}
	.process-steps .step {
		padding: 20px 15px;
	}
}
/* ===================================
    My account
====================================== */
/* account panel */
.account-pannel {
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-radius: 4px;
	margin-right: 30px;
}

.reward-points {
	background-color: #f5f5f5;
	padding: 15px 0;
	margin-top: 15px;
	font-size: 16px;
	font-weight: 600;
}

.account-pannel .badge {
	padding: 0.5em 1em;
	float: right;
}
.account-pannel .active .badge {
	background-color: #fff;
	color: #616161;
}
.account-pannel .badge {
	background-color: #0c9d56;
	color: #fff;
	margin-top: 2px;
}
.account-pannel a i {
	font-size: 16px;
}

/* list group */
.list-group {
	display: flex;
	margin-top: -1px;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
}

.list-group-items {
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 25px;
}
.list-group-items:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.list-group-items .item-tag {
	float: right;
	border: 1px solid #e8e8e8;
	background: #e8e8e8;
	border-radius: 4px;
	padding: 0 5px;
}
.list-group-items.active {
	background-color: #0c9d56;
	color: #fff;
	cursor: default;
	pointer-events: none;
	z-index: 2;
}
.list-group-items.active .item-tag {
	background: #fff;
	color: #616161;
}

a.list-group-items {
	padding-top: 0.87rem;
	padding-bottom: 0.87rem;
}
a.list-group-items:hover {
	background: #f8f9fa;
	color: #616161;
}

.list-group-items:last-child {
	border-bottom: none;
}

@media screen and (max-width: 991px) {
	.account-pannel {
		margin-right: 0;
	}
}
/* ===================================
    Tables
====================================== */
/* common table*/
.table tr:nth-child(even) {
	background-color: #f5f5f5;
}
.table td,
.table th {
	padding: 1rem 0.75rem;
}
.table.v-align-middle td,
.table.v-align-middle th {
	vertical-align: middle;
}
.table .butn-style2 {
	min-width: 110px;
	text-align: center;
}

/* table classic */
.table.classic {
	margin-bottom: 0;
}
.table.classic tr:nth-child(even) {
	background-color: #fff;
}
.table.classic td,
.table.classic th {
	padding: 0.8rem 0.75rem;
	border-top: none;
	border-bottom: 1px dashed #dee2e6;
}
.table.classic tr:last-child td,
.table.classic tr:last-child th {
	border-bottom: none;
}
.table.classic th {
	font-weight: 600;
	padding-left: 0;
}
.table.classic td {
	text-align: right;
	padding-right: 0;
}
.table.classic tr:last-child td,
.table.classic tr:last-child th {
	padding-bottom: 0;
}
.table.classic tr:first-child td,
.table.classic tr:first-child th {
	padding-top: 0;
}

/* table dark */
.table.table-dark tr:nth-child(even) {
	background-color: #343a40;
}

/* table bordered */
.table.bordered {
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	margin-bottom: 0;
}
.table.bordered td,
.table.bordered th {
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
}
.table.bordered td:last-child {
	border-right: none;
}
.table.bordered th {
	vertical-align: middle;
	text-align: center;
}
.table.bordered td {
	padding: 20px;
}
.table.bordered thead th {
	background: #f7f7f7;
}
.table.bordered .product-price,
.table.bordered .product-quantity {
	color: #363f4d;
	font-size: 16px;
	font-weight: 600;
}
.table.bordered .first-column {
	font-weight: 600;
	font-size: 15px;
}

/* ===================================
    Order tracking steps
====================================== */
.order-tracking-step {
	display: flex;
	padding: 40px 20px;
}
.order-tracking-step .step {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: -1px;
	margin-left: -1px;
	padding: 20px 10px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	text-align: center;
	text-decoration: none;
}
.order-tracking-step .step.active {
	border-color: #0c9d56;
	cursor: default;
	z-index: 5;
	pointer-events: none;
}
.order-tracking-step .step i {
	display: inline-block;
	margin-bottom: 12px;
	color: rgba(0, 0, 0, 0.2);
	font-size: 1.8em;
}
.order-tracking-step .step.active i {
	color: #0c9d56;
}
.order-tracking-step .step h4 {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.025em;
}
.order-tracking-step .step.active h4 {
	color: #0c9d56;
}

@media screen and (max-width: 767px) {
	.order-tracking-step {
		display: block;
		padding: 35px 0;
	}
}
/* ===================================
    Client section
====================================== */
.section-clients {
	padding: 50px 0;
}
.section-clients .clients img {
	opacity: 0.6;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.section-clients .clients img:hover {
	opacity: 1;
}
.section-clients .client a img {
	padding: 20px 25px;
	margin: 12px 20px 12px;
	border: 1px solid #dee2e6 !important;
	opacity: 0.6;
	transition-duration: 0.3s;
	width: 22%;
	background-color: #f7f7f7;
}
.section-clients .client img:hover {
	opacity: 1;
}

@media screen and (max-width: 992px) {
	.section-clients {
		padding: 30px 0;
	}
	.section-clients .item {
		text-align: center;
		width: 100%;
	}
	.section-clients .owl-carousel .owl-item img {
		max-width: 75%;
		display: inline-block;
	}
}
.client-section img {
	opacity: 0.3;
}
.client-section img:hover {
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

/* ===================================
    Video
====================================== */
.story-video {
	height: 100%;
}

.video_btn {
	position: relative;
	height: 80px;
	width: 80px;
	background: #0c9d56;
	text-align: center;
	display: inline-block;
	line-height: 80px;
	font-size: 20px;
	color: #fff;
	border-radius: 50%;
	transition-duration: 0s;
	-ms-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
	-o-transition-duration: 0s;
}
.video_btn:hover i,
.video_btn:focus i {
	color: #fff;
}
.video_btn:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	height: 80px;
	width: 80px;
	border: 2px solid #fff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	opacity: 0.3;
	animation: pulse-border 1500ms ease-out infinite;
}
.video_btn:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	height: 95px;
	width: 95px;
	border: 2px solid #fff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	opacity: 0.3;
	animation: pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}
@media screen and (max-width: 1199px) {
	.video_btn {
		height: 75px;
		width: 75px;
		line-height: 80px;
	}
	.video_btn:after {
		height: 75px;
		width: 75px;
	}
	.video_btn:before {
		height: 90px;
		width: 90px;
	}
}
@media screen and (max-width: 991px) {
	.video_btn {
		height: 70px;
		width: 70px;
		line-height: 70px;
	}
	.video_btn:after {
		height: 70px;
		width: 70px;
	}
	.video_btn:before {
		height: 85px;
		width: 85px;
	}

	@keyframes pulse-border {
		0% {
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		}
		100% {
			transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
		}
	}
}
@media screen and (max-width: 767px) {
	.video_btn {
		height: 60px;
		width: 60px;
		line-height: 62px;
	}
	.video_btn:after {
		height: 60px;
		width: 60px;
	}
	.video_btn:before {
		height: 75px;
		width: 75px;
	}
}
/* ===================================
    Form styles
====================================== */
select.form-control {
	min-width: 70px;
}

textarea.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
}

label {
	font-weight: 500;
}

.form-group {
	margin-bottom: 1rem;
}

.form-check-input:checked {
	background-color: #0c9d56;
	border-color: #0c9d56;
}

.btn-check:focus + .btn,
.btn:focus {
	box-shadow: none;
}

.search-form_submit {
	background: none;
	border: none;
	cursor: pointer;
	margin-top: 7px;
}

/* custom control */
.custom-control-input:checked ~ .custom-control-label::before {
	border-color: #0c9d56;
	background-color: #0c9d56;
}

.buttons-set {
	text-align: right;
	margin-top: 30px;
}
.buttons-set .butn-style2:first-child {
	float: left;
}

@media screen and (max-width: 575px) {
	.buttons-set .butn-style2.wide {
		padding: 6px 15px;
	}
}
/* ===================================
    Counter style
====================================== */
.counter-style-one .icon {
	width: 55px;
	display: inline-block;
	vertical-align: middle;
	color: #0c9d56;
}
.counter-style-one .icon span:before {
	font-size: 35px;
	line-height: 35px;
	font-weight: 100;
}
.counter-style-one .title {
	padding-left: 20px;
	display: inline-block;
	vertical-align: middle;
}
.counter-style-one .title h4 {
	text-align: left;
}
.counter-style-one h4:after {
	content: '+';
	margin-left: 5px;
}

@media screen and (max-width: 767px) {
	.counter-style-one .icon {
		display: inline-block;
		width: 100%;
	}
	.counter-style-one .title {
		padding-left: 0;
		text-align: center;
	}
	.counter-style-one .title h4 {
		text-align: center;
	}
}
/* ===================================
    Owl carousel
====================================== */
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #0c9d56;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
	color: #fff;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
	width: 40px;
	height: 40px;
	background: #fff !important;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	-webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
	box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
}

.owl-nav i,
.owl-nav span {
	color: #232323;
	font-size: 18px;
	padding-top: 4px;
}

.owl-carousel .owl-item img {
	width: auto;
	display: inline-block;
}

/* ===================================
    Slider Fade
====================================== */
/* slider-fade1 */
.slider-fade1 .owl-item {
	position: relative;
}
.slider-fade1 .item {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center center;
}
.slider-fade1 .item .caption h1 {
	font-size: 120px;
	font-weight: 700;
	text-transform: uppercase;
	background: rgba(225, 225, 225, 0.6);
	letter-spacing: 3px;
	padding: 20px;
	margin-bottom: 0;
	text-align: center;
}
.slider-fade1.owl-theme .owl-nav {
	margin-top: 0;
}
.slider-fade1.owl-theme .owl-nav [class*='owl-'] {
	position: absolute;
	right: inherit;
	top: 0;
	bottom: 0;
	width: 60px;
	height: 60px;
	border: none;
	background: #0c9d56;
	border-radius: 60px;
	line-height: 65px;
	transition-duration: 500ms;
	left: 5vh;
	text-align: center;
	margin: auto;
	opacity: 0.3;
}
.slider-fade1.owl-theme .owl-nav .owl-next {
	top: 0;
	bottom: 0;
	left: inherit;
	right: 5vh;
}
.slider-fade1.owl-theme .owl-nav .owl-next:hover {
	opacity: 1;
	background: #0c9d56;
}
.slider-fade1.owl-theme .owl-nav .owl-prev:hover {
	opacity: 1;
	background: #0c9d56;
}
.slider-fade1 .owl-nav i,
.slider-fade1 .owl-nav span {
	font-weight: 600;
	transition-duration: 500ms;
	font-size: 20px;
}
.slider-fade1 .owl-nav .owl-next:hover i,
.slider-fade1 .owl-nav .owl-prev:hover i {
	color: #232323;
}

@media screen and (max-width: 991px) {
	.slider-fade1 .item .caption h1 {
		font-size: 90px;
	}
}
@media screen and (max-width: 767px) {
	.slider-fade1 .item .caption h1 {
		font-size: 70px;
		padding: 15px;
	}
}
@media screen and (max-width: 575px) {
	.slider-fade1 .item .caption h1 {
		font-size: 50px;
	}
}
/* slider-fade2 */
.slider-fade2 .owl-item {
	height: 100vh;
	position: relative;
}
.slider-fade2 .owl-dots {
	position: absolute;
	bottom: 40px;
	left: 40px;
	margin: 0 !important;
}
.slider-fade2.owl-theme .owl-dots {
	counter-reset: dots;
	font-size: 1.7rem;
	color: #fff;
}
.slider-fade2.owl-theme .owl-dots .owl-dot {
	position: relative;
}
.slider-fade2.owl-theme .owl-dots .owl-dot.active {
	color: #0c9d56;
}
.slider-fade2.owl-theme .owl-dots .owl-dot:before {
	counter-increment: dots;
	content: counter(dots, decimal-leading-zero);
	position: absolute;
	right: 12px;
	font-weight: 700;
	z-index: 2;
}
.slider-fade2.owl-theme .owl-dots .owl-dot span {
	background: transparent;
	height: 60px;
	width: 50px;
	border-radius: 0;
	position: relative;
	margin: 0 20px 0 0;
}
.slider-fade2.owl-theme .owl-dots .owl-dot span:before {
	position: absolute;
	content: '';
	width: 20px;
	height: 3px;
	right: -36px;
	top: 22px;
	background-image: linear-gradient(to right, #0c9d56, transparent 130%);
	background-color: transparent;
}
.slider-fade2.owl-theme .owl-dots .owl-dot:last-child span:before {
	content: none;
}
.slider-fade2.owl-theme .owl-dots .owl-dot.active span,
.slider-fade2.owl-theme .owl-dots .owl-dot:hover span {
	background-color: transparent;
}

/* ===================================
    Price ranger
====================================== */
.irs-grid {
	bottom: -6px;
}

.irs--flat .irs-min,
.irs--flat .irs-max {
	display: none;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
	background-color: #ededed;
	padding: 4px 8px;
	font-size: 12px;
	color: #232323;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
	border-top-color: #ededed;
}
.irs--flat .irs-handle {
	top: 32px;
	width: 6px;
	height: 16px;
	background-color: #0c9d56;
	border-radius: 4px;
}
.irs--flat .irs-handle > i:first-child {
	display: none;
}
.irs--flat .irs-line {
	top: 37px;
	background-color: #ededed;
	height: 6px;
}
.irs--flat .irs-bar {
	top: 37px;
	background-color: #0c9d56;
	height: 6px;
}

/* ===================================
    Accordion style
====================================== */
/* accordion style */
.accordion-style .card {
	background: transparent;
	box-shadow: none;
	margin-top: 0 !important;
	border: none;
	margin-bottom: 10px;
}
.accordion-style .card:last-child {
	margin-bottom: 0;
}
.accordion-style .card-header {
	border: 0px;
	padding: 0;
	background: none;
}
.accordion-style .btn-link {
	background: #f8f8f8;
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	border: 1px solid #e8e8e8;
	display: block;
	width: 100%;
	text-align: left;
	white-space: normal;
	border-radius: 0;
	padding: 15px 35px 15px 15px;
	text-decoration: none;
	font-weight: 500;
}
.accordion-style .btn-link:hover {
	background: #f8f8f8;
	text-decoration: none;
}
.accordion-style .btn-link.collapsed:after {
	background: none;
	content: '+';
	right: 17px;
	left: inherit;
	font-size: 20px;
	height: auto;
	transform: none;
	width: auto;
	top: 15px;
	color: #333333;
}
.accordion-style .btn-link:after {
	background: none;
	content: '-';
	right: 17px;
	left: inherit;
	font-size: 20px;
	height: auto;
	transform: none;
	width: auto;
	top: 15px;
	position: absolute;
	color: #333333;
}
.accordion-style .card-body {
	padding: 20px;
	line-height: 24px;
	text-align: left;
	border: 1px solid #e8e8e8;
	border-top: none;
}

/*accordion style 2*/
.accordion-style2 .card {
	background: transparent;
	box-shadow: none;
	margin-top: 0 !important;
	border: none;
}
.accordion-style2 .card-header {
	border: 0px;
	padding: 0;
	border-bottom: 1px solid #e6e6e6;
	background: none;
}
.accordion-style2 .card:last-child .card-header {
	border-bottom: none;
}
.accordion-style2 .card:last-child .btn-link {
	padding-bottom: 0;
}
.accordion-style2 .btn-link {
	border: none;
	color: #0c9d56;
	line-height: 20px;
	position: relative;
	display: block;
	width: 100%;
	text-align: left;
	white-space: normal;
	border-radius: 0;
	padding: 15px 30px 15px 0;
	text-decoration: none;
}
.accordion-style2 .btn-link.collapsed {
	color: #232323;
}
.accordion-style2 .btn-link:hover {
	color: #0c9d56;
}
.accordion-style2 .btn-link.collapsed:after {
	background: none;
	content: '+';
	right: 10px;
	left: inherit;
	font-size: 20px;
	height: auto;
	transform: none;
	width: auto;
	top: 15px;
	color: #616161;
}
.accordion-style2 .btn-link:after {
	background: none;
	content: '-';
	right: 10px;
	left: inherit;
	font-size: 20px;
	height: auto;
	transform: none;
	width: auto;
	top: 15px;
	position: absolute;
	color: #616161;
}
.accordion-style2 .card:first-child .card-header .btn-link {
	padding-top: 0;
}
.accordion-style2 .card:first-child .btn-link.collapsed:after,
.accordion-style2 .card:first-child .btn-link:after {
	top: 0;
}
.accordion-style2 .card-body {
	padding: 10px;
	line-height: 24px;
	text-align: left;
}

/*accordion style 3*/
.accordion-style3 .card {
	background: transparent;
	box-shadow: none;
	margin-top: 0 !important;
	margin-bottom: 10px;
	border-radius: 0;
	border: none;
}
.accordion-style3 .card:last-child {
	margin-bottom: 0;
}
.accordion-style3 .card-header {
	border: 0px;
	padding: 0;
	background: none;
}
.accordion-style3 .btn-link {
	background: #f7f7f7;
	color: #232323;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	border: 1px solid #e8e8e8;
	display: block;
	width: 100%;
	text-align: left;
	white-space: normal;
	border-radius: 0;
	padding: 15px 30px 15px 15px;
	text-decoration: none;
}
.accordion-style3 .btn-link:hover {
	background: #f7f7f7 !important;
	text-decoration: none;
}
.accordion-style3 .btn-link.collapsed:after {
	background: none;
	content: '+';
	right: 15px;
	left: inherit;
	font-size: 20px;
	height: auto;
	transform: none;
	width: auto;
	top: 15px;
}
.accordion-style3 .btn-link:after {
	background: none;
	content: '-';
	right: 15px;
	left: inherit;
	font-size: 20px;
	height: auto;
	transform: none;
	width: auto;
	top: 15px;
	position: absolute;
	color: #232323;
}
.accordion-style3 .card-body {
	padding: 25px;
	line-height: 24px;
	text-align: left;
	border: 1px solid #e8e8e8;
	border-top: none;
}

@media screen and (max-width: 575px) {
	.accordion-style3 .card-body {
		padding: 20px;
	}
}
/* ===================================
    Element listing
====================================== */
.element-listing {
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-radius: 4px;
}
.element-listing h2 {
	background-color: #0c9d56;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.5px;
	padding: 15px 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.element-listing li {
	border-bottom: 1px solid #ececec;
}
.element-listing li:last-child {
	border-bottom: none;
}
.element-listing li.active {
	border-bottom: 1px solid #0c9d56;
}
.element-listing li.active a {
	color: #0c9d56;
}
.element-listing li.active a:after {
	content: none;
}
.element-listing li a {
	display: block;
	border-left: 4px solid transparent;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 10px 14px 20px;
}

@media screen and (max-width: 767px) {
	.element-listing li a {
		font-size: 14px;
		padding: 12px 10px 12px 16px;
	}
}
/* ===================================
    Progress bars
====================================== */
.progress-text {
	font-size: 13px;
	font-weight: 500;
	color: #232323;
	margin-bottom: 5px;
}

.custom-progress {
	height: 4px;
	border-radius: 50px;
	box-shadow: none;
	margin-bottom: 15px;
}
.custom-progress:last-child {
	margin-bottom: 0;
}

.custom-bar {
	height: 100%;
	background-color: #0c9d56;
	box-shadow: none;
}

.custom-bar-dark {
	height: 100%;
	background-color: #232323;
	box-shadow: none;
}

.progress-medium {
	height: 8px;
	border-radius: 50px;
	box-shadow: none;
}

.progress-bold {
	height: 12px;
	border-radius: 50px;
	box-shadow: none;
}

/* ===================================
    Tabs
====================================== */
ul.resp-tabs-list {
	margin: 0px;
	padding: 0px;
}

.resp-tabs-list li {
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	padding: 13px 15px;
	margin: 0 4px 0 0;
	list-style: none;
	cursor: pointer;
}
.resp-tabs-list li:last-child {
	margin-right: 0;
}
.resp-tabs-list li i {
	font-size: 20px;
	padding-right: 5px;
	vertical-align: text-bottom;
}

.resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	clear: left;
}

.resp-tab-content {
	display: none;
	padding: 25px;
}

.resp-tabs-list li.resp-tab-active {
	border: 1px solid #0c9d56;
	border-bottom: none;
	border-color: #0c9d56 !important;
	margin-bottom: -1px;
	padding: 12px 14px 14px 14px;
	border-top: 4px solid #0c9d56 !important;
	border-bottom: 0px #fff solid;
	border-bottom: none;
	background-color: #fff;
	color: #0c9d56;
}

.resp-content-active,
.resp-accordion-active {
	display: block;
}

.resp-tab-content {
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-top-color: rgba(0, 0, 0, 0.09);
	float: left;
	width: 100%;
}

h2.resp-accordion {
	cursor: pointer;
	display: none;
	font-size: 14px;
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-top: 0px solid rgba(0, 0, 0, 0.09);
	margin: 0px;
	padding: 14px 15px;
	float: left;
	width: 100%;
}
h2.resp-tab-active {
	border-bottom: 0px solid rgba(0, 0, 0, 0.09) !important;
	background-color: #0c9d56 !important;
	color: #fff;
}
h2.resp-tab-title:last-child {
	border-bottom: 12px solid rgba(0, 0, 0, 0.09) !important;
	background: blue;
}

/* vertical tabs */
.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%;
}
.resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 15px 15px !important;
	margin: 0 0 4px;
	cursor: pointer;
	float: none;
}
.resp-vtabs .resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	border: 1px solid #0c9d56 !important;
	float: left;
	width: 70%;
	min-height: 250px;
	clear: none;
}
.resp-vtabs .resp-tab-content {
	border: none;
	word-wrap: break-word;
}
.resp-vtabs li.resp-tab-active {
	position: relative;
	z-index: 1;
	margin-right: -1px !important;
	padding: 14px 15px 15px 11px !important;
	border-top: 1px solid;
	border: 1px solid #0c9d56 !important;
	border-left: 4px solid #0c9d56 !important;
	margin-bottom: 4px !important;
	border-right: 1px #fff solid !important;
}

.resp-arrow {
	border-color: transparent #232323 #232323 transparent;
	border-style: solid;
	border-width: 0 1px 1px 0;
	float: right;
	display: block;
	height: 8px;
	transform: rotate(45deg);
	width: 8px;
	margin-top: 4px;
}

h2.resp-tab-active span.resp-arrow {
	border-color: #fff transparent transparent #fff;
	border-style: solid;
	border-width: 1px 0 0 1px;
	float: right;
	display: block;
	height: 8px;
	transform: rotate(45deg);
	width: 8px;
	margin-top: 7px;
}

/* accordion styles */
.resp-easy-accordion h2.resp-accordion {
	display: block;
}
.resp-easy-accordion .resp-tab-content {
	border: 1px solid rgba(0, 0, 0, 0.09);
}
.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.resp-jfit {
	width: 100%;
	margin: 0px;
}

.resp-tab-content-active {
	display: block;
	border-color: #0c9d56 !important;
}

h2.resp-accordion:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.09);
}
h2.resp-accordion.resp-tab-active {
	border-color: #0c9d56 !important;
}

/* tab-style-four */
.tab-style-four .resp-tabs-list li.resp-tab-active,
.tab-style-four .resp-tab-content-active {
	background: #0c9d56 !important;
	color: #fff;
}

/* tab-style-one */
@media screen and (min-width: 768px) {
	.tab-style-one ul.resp-tabs-list {
		text-align: center;
	}
	.tab-style-one ul.resp-tabs-list.text-left {
		padding-left: 15px;
	}
	.tab-style-one ul.resp-tabs-list li:last-child {
		margin-right: 0;
	}
	.tab-style-one ul.resp-tabs-list li.resp-tab-active {
		border-bottom-color: #0c9d56;
		color: #0c9d56;
	}
	.tab-style-one .resp-tab-content {
		border: 1px solid #e6e6e6;
		border-width: 1px 0 0 0;
		border-color: #0c9d56;
	}
}
/* tab-style-two */
@media screen and (min-width: 768px) {
	.tab-style-two ul.resp-tabs-list {
		text-align: center;
		display: table;
		width: 100%;
	}
	.tab-style-two ul.resp-tabs-list li:last-child {
		margin-right: 0;
	}
	.tab-style-two ul.resp-tabs-list li.resp-tab-active {
		color: #0c9d56;
		background: #fff;
		border: 1px solid #0c9d56 !important;
	}
	.tab-style-two ul.resp-tabs-list li i {
		margin-bottom: 5px;
		font-size: 1.8em;
	}
	.tab-style-two .resp-tab-content {
		border: none;
		padding: 40px 40px 0 40px;
	}
	.tab-style-two ul.resp-tabs-list li {
		background: #f5f5f5;
		margin-right: 0;
		border: 1px solid rgba(0, 0, 0, 0.09);
		display: table-cell;
		padding: 20px 15px;
		vertical-align: middle;
		text-align: center;
	}
}
/* tab-style-three */
@media screen and (min-width: 992px) {
	.tab-style-three {
		margin-top: -98px !important;
	}
	.tab-style-three .resp-tabs-container {
		padding: 30px 0 0 0;
	}
	.tab-style-three ul.resp-tabs-list {
		text-align: right;
	}
	.tab-style-three ul.resp-tabs-list li:last-child {
		margin-right: 0;
		padding-right: 0;
	}
	.tab-style-three ul.resp-tabs-list li.resp-tab-active {
		border: none !important;
		background-color: transparent !important;
		color: #0c9d56;
	}
	.tab-style-three .resp-tab-content {
		border: none;
		padding: 40px 0 0 0;
	}
	.tab-style-three ul.resp-tabs-list li {
		background: none;
		margin-right: 0;
		padding: 0 10px;
		border: none;
		font-size: 16px;
		font-weight: 500;
	}
}
@media screen and (max-width: 991px) {
	.tab-style-three {
		margin-top: 0 !important;
	}
	.tab-style-three .resp-tab-content {
		border: none;
		padding: 0;
	}
	.tab-style-three .resp-tabs-container {
		padding: 15px 0 0 0;
	}
	.tab-style-three ul.resp-tabs-list {
		display: inline-block;
		text-align: center;
		width: 100%;
	}
	.tab-style-three h2.resp-accordion {
		display: none;
	}
	.tab-style-three .resp-tabs-list li {
		padding: 0 10px 10px 10px;
		font-size: 15px;
	}
	.tab-style-three .resp-tabs-list li.resp-tab-active {
		border: none !important;
	}
}
/* change the breakpoint to set the accordion */
@media screen and (max-width: 767px) {
	ul.resp-tabs-list {
		display: none;
	}

	h2.resp-accordion {
		display: block;
	}
	h2.resp-accordion i {
		margin-right: 8px;
		font-size: 18px;
	}

	.resp-vtabs .resp-tab-content {
		border: 1px solid #c1c1c1;
	}
	.resp-vtabs .resp-tabs-container {
		border: none !important;
		float: none;
		width: 100%;
		min-height: 100px;
		clear: none;
	}

	.resp-accordion-closed {
		display: none !important;
	}

	.resp-vtabs .resp-tab-content:last-child {
		border-bottom: 1px solid #c1c1c1 !important;
	}

	.resp-tab-content {
		background-color: #fff;
	}
}
/* ===================================
    Countdown
====================================== */
ul.countdown li {
	border-right: 1px solid #626262;
	display: inline-block;
	padding: 0 30px;
	text-align: center;
}
ul.countdown li:first-child {
	padding-left: 0;
}
ul.countdown li:last-child {
	border: medium none;
	padding-right: 0;
}
ul.countdown li span {
	font-size: 36px;
	font-weight: 700;
	line-height: normal;
	position: relative;
}
ul.countdown li span::before {
	content: '';
	height: 1px;
	position: absolute;
	width: 100%;
}
ul.countdown li p.timeRefDays,
ul.countdown li p.timeRefHours,
ul.countdown li p.timeRefMinutes,
ul.countdown li p.timeRefSeconds {
	font-size: 12px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

@media screen and (max-width: 767px) {
	ul.countdown li {
		padding: 0 8px;
	}
	ul.countdown li span {
		font-size: 22px;
	}
}
/* count style one */
ul.countdown.count-style-one li {
	border-right: none;
}
ul.countdown.count-style-one li span {
	color: #232323;
}

/* classic countdown */
.classic ul.countdown {
	padding: 0;
	margin: 0;
}
.classic ul.countdown li {
	border-right: none;
	margin: 3px 10px 3px 0;
	padding: 6px 10px;
	border-radius: 3px;
	text-align: center;
	background: rgba(255, 255, 255, 0.9);
}
.classic ul.countdown li:last-child {
	margin-right: 0;
	padding: 6px 10px;
}
.classic ul.countdown li:first-child {
	padding: 6px 10px;
}
.classic ul.countdown li span {
	font-size: 26px;
	font-weight: 600;
}
.classic ul.countdown li p.timeRefDays,
.classic ul.countdown li p.timeRefHours,
.classic ul.countdown li p.timeRefMinutes,
.classic ul.countdown li p.timeRefSeconds {
}

@media screen and (max-width: 991px) {
	.classic ul.countdown li span {
		font-size: 24px;
	}
}
@media screen and (max-width: 767px) {
	.classic ul.countdown li span {
		font-size: 22px;
	}
}
@media screen and (max-width: 575px) {
	.classic ul.countdown li {
		margin: 3px 0px 3px 0;
		padding: 6px 5px;
	}
	.classic ul.countdown li:first-child {
		padding: 6px 5px;
	}
}
/* classic large */
.classic.large ul.countdown li {
	padding: 16px 10px;
	min-width: 90px;
	margin: 3px 5px 3px 5px;
}
.classic.large ul.countdown li:last-child {
	padding: 16px 10px;
	margin-right: 5px;
}
.classic.large ul.countdown li:first-child {
	padding: 16px 10px;
}
.classic.large ul.countdown li span {
	font-size: 26px;
	font-weight: 600;
}
.classic.large ul.countdown li p.timeRefDays,
.classic.large ul.countdown li p.timeRefHours,
.classic.large ul.countdown li p.timeRefMinutes,
.classic.large ul.countdown li p.timeRefSeconds {
	font-size: 14px;
}

@media screen and (max-width: 991px) {
	.classic.large ul.countdown li span {
		font-size: 24px;
	}
}
@media screen and (max-width: 767px) {
	.classic.large ul.countdown li span {
		font-size: 22px;
	}
}
@media screen and (max-width: 575px) {
	.classic.large ul.countdown li {
		min-width: 72px;
	}
}
/* count style two */
ul.countdown.count-style-two li {
	border-right: none;
}
ul.countdown.count-style-two li span {
	color: #232423;
	font-family: 'Playball', cursive;
	font-size: 40px;
	position: relative;
	z-index: 9;
}
ul.countdown.count-style-two li span:before {
	content: '';
	background: rgba(35, 35, 35, 0.2);
	width: 40px;
	height: 40px;
	z-index: -1;
	left: -10px;
	border-radius: 50%;
	position: absolute;
}
ul.countdown.count-style-two li p {
	font-weight: 700;
}

@media screen and (max-width: 575px) {
	ul.countdown.count-style-two li span {
		font-size: 34px;
	}
}
/* ===================================
    Offer banner slider
====================================== */
.offer-banner-slider {
	background-size: cover;
	position: relative;
}
.offer-banner-slider:after {
	background: rgba(0, 0, 0, 0.6);
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}
.offer-banner-slider .offer-text {
	text-align: center;
	padding: 37px 25px;
	color: #fff;
	position: relative;
	z-index: 9;
}
.offer-banner-slider .offer-text h4 a {
	color: #0c9d56 !important;
}

/* offer-style01 */
.offer-style01:before {
	content: '';
	background: rgba(3, 169, 245, 0.1);
	width: 500px;
	height: 500px;
	border-radius: 50%;
	position: absolute;
	right: -40px;
	top: -40px;
	z-index: 0;
}

@media screen and (max-width: 767px) {
	.offer-style01:before {
		width: 300px;
		height: 300px;
		right: -20px;
	}
}
/* offer-style02 */
.offer-style02 {
	position: relative;
	overflow: hidden;
}
.offer-style02 .offer-content {
	position: absolute;
	left: 45px;
	top: 50%;
	transform: translateY(-50%) !important;
}
.offer-style02 img {
	transition: ease all 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.offer-style02:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/* ===================================
    Pages
====================================== */
/*404 and coming soon page */
.page-container .title {
	font-size: 250px;
	line-height: 1;
	margin-bottom: 0;
}

.subscribe {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.subscribe .form-control {
	padding: 10px 110px 10px 15px;
	font-size: 14px;
	box-shadow: none;
	height: 52px;
	border-color: rgba(0, 0, 0, 0.09);
}
.subscribe .butn-style2 {
	line-height: 36px;
	text-align: center;
	border-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 6px 20px;
}

/* subscribe-style2 */
.subscribe-style2 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.subscribe-style2 input {
	padding: 10px 110px 10px 15px;
	font-size: 14px;
	box-shadow: none;
	height: 52px;
	border-color: rgba(0, 0, 0, 0.09);
	border-radius: 25px;
}
.subscribe-style2 .butn-style3 {
	line-height: 40px;
	text-align: center;
	border-radius: 25px;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 6px 20px;
}

/* subscribe-style3 */
.subscribe-style3 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.subscribe-style3 input {
	padding: 10px 110px 10px 0px;
	font-size: 14px;
	box-shadow: none;
	height: 52px;
	border-color: rgba(0, 0, 0, 0.09);
	border-radius: 0;
	background: transparent;
	border: none;
	border-bottom: 2px solid #ddd;
}
.subscribe-style3 .subscribe-butn {
	line-height: 40px;
	text-align: center;
	font-weight: 600;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 6px 20px;
}

@media screen and (max-width: 1199px) {
	.page-container .title {
		font-size: 200px;
	}
}
@media screen and (max-width: 991px) {
	.page-container .title {
		font-size: 125px;
	}
}
@media screen and (max-width: 767px) {
	.page-container .title {
		font-size: 75px;
	}
}
/* compare page */
.compare-product {
	position: relative;
	background: #fff;
	padding: 15px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.09);
	min-width: 200px;
	margin: 0 auto;
}

.compare-criteria {
	position: relative;
	width: 200px;
}

/* card-style1 */
.card-style1 .card-body {
	margin-right: -120px;
	background: rgba(255, 255, 255, 0.9);
	z-index: 9;
	position: relative;
}
.card-style1 .card-image {
	margin-left: -100px;
}

@media screen and (max-width: 1199px) {
	.card-style1 .card-body {
		margin-right: 0;
		border: 1px solid #eee;
	}
	.card-style1 .card-image {
		margin-left: 0;
	}
}
/* bg-trend */
.bg-trend {
	background-color: #e3e7e2;
}

.by-trend-carousel.owl-theme .owl-nav .disabled {
	opacity: 1;
}
.by-trend-carousel.owl-carousel .owl-nav button.owl-next,
.by-trend-carousel.owl-carousel .owl-nav button.owl-prev {
	margin: 0;
	border-radius: 0;
	position: absolute;
	top: 36%;
}
.by-trend-carousel.owl-carousel .owl-nav button.owl-next {
	right: -20px;
}
.by-trend-carousel.owl-carousel .owl-nav button.owl-prev {
	left: -20px;
}

/* lookbook */
.lookbook {
	width: 35px !important;
	height: 35px !important;
	position: absolute;
	border-radius: 50%;
	text-align: center;
	line-height: 35px;
	transition: width 0.2s ease, height 0.2s ease;
	display: inline-block;
	z-index: 5;
	text-indent: -1px;
	cursor: pointer;
	left: 21%;
	top: 27%;
}
.lookbook:after,
.lookbook:before {
	width: 40px;
	height: 40px;
	position: absolute;
	content: '';
	left: calc(50% - 17.5px);
	top: calc(50% - 17.5px);
	border: 1px solid #fcfbfe;
	border-radius: 50%;
	z-index: -1;
	animation-name: n;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}
.lookbook .lookbook-icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-radius: 50%;
	background: #fff;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.lookbook .lookbook-content {
	z-index: 9;
	padding: 10px;
	text-align: left;
	width: 245px;
	box-shadow: -1px 5px 5px 0 rgba(182, 41, 41, 0.1);
	transition: all 0.2s ease;
	background: #fff;
	display: none;
	position: absolute;
	left: 33px;
	bottom: 10px;
}
.lookbook:hover .lookbook-content {
	display: block;
}
.lookbook.second {
	right: 26%;
	left: inherit;
	bottom: 22%;
	top: inherit;
}
.lookbook.second .lookbook-content {
	right: 33px;
	left: inherit;
}

@keyframes n {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
	}
	to {
		transform: scale(2);
		-webkit-transform: scale(2);
		opacity: 0;
	}
}
@media screen and (max-width: 575px) {
	.lookbook .lookbook-content {
		width: 225px;
	}
	.lookbook.second {
		right: 10%;
		bottom: 12%;
	}
}
/* ===================================
    Newsletter
====================================== */
.newsletter-block {
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-radius: 4px;
	background: #fff;
}

.mfp-auto-cursor .mfp-content {
	max-width: 800px;
}

.newsletter-block .cover-background {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.newsletter-block .newsletter-desc {
	padding: 50px 40px 50px 10px;
}
.newsletter-block .newsletter-text h4 {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

.newsletter-list-style li {
	display: inline-block;
	margin-right: 15px;
}

@media screen and (max-width: 991px) {
	.newsletter-block .newsletter-desc {
		padding: 30px;
	}
	.newsletter-block .subscribe .butn-style2 {
		padding: 6px 10px;
	}
}
/* ===================================
    Contact info
====================================== */
/* social icon style 1 */
.social-icon-style1 {
	margin-bottom: 0;
}
.social-icon-style1 li {
	text-align: center;
	margin-right: 10px;
	display: inline-block;
}
.social-icon-style1 li a {
	color: #6f6f6f;
	display: inline-block;
	font-size: 16px;
}
.social-icon-style1 li a:hover {
	color: #0c9d56;
}

/* social icon style 2 */
.social-icon-style2 {
	margin-bottom: 0;
}
.social-icon-style2 li {
	text-align: center;
	margin-right: 5px;
	display: inline-block;
}
.social-icon-style2 li:last-child {
	margin-right: 0;
}
.social-icon-style2 li a {
	border: 1px solid #6f6f6f;
	color: #6f6f6f;
	border-radius: 35px;
	height: 35px;
	width: 35px;
	line-height: 35px;
	display: inline-block;
}
.social-icon-style2 li a:hover {
	background: #232323;
	color: #fff;
}

/* social icon style 3 */
.social-icon-style3 {
	margin-bottom: 0;
}
.social-icon-style3 li {
	text-align: center;
	margin-right: 18px;
	display: inline-block;
}
.social-icon-style3 li:last-child {
	margin-right: 0;
}
.social-icon-style3 li a {
	color: #232323;
	font-size: 19px;
	display: inline-block;
}
.social-icon-style3 li a:hover {
	color: #0c9d56;
}

/*contact-page*/
.contact-info {
	border: 1px solid rgba(0, 0, 0, 0.08);
	text-align: center;
	padding: 25px;
}
.contact-info .contact-icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 50px;
	text-align: center;
	background-color: #0c9d56;
	color: #fff;
	margin: 0 auto 15px auto;
	font-size: 26px;
}

.store-details {
	border: 1px solid rgba(0, 0, 0, 0.09);
	height: 100%;
}
.store-details .info-box {
	padding: 30px;
}
.store-details .info-box h5 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
	padding-bottom: 15px;
	margin-bottom: 30px;
	font-size: 18px;
}
.store-details .info-icon {
	color: #0c9d56;
	font-size: 20px;
	margin-top: -4px;
}

@media screen and (max-width: 1199px) {
	.contact-info .contact-icon {
		width: 65px;
		height: 65px;
		line-height: 65px;
		font-size: 22px;
	}

	.store-details .info-box {
		padding: 25px;
	}
}
@media screen and (max-width: 575px) {
	.contact-info {
		padding: 20px;
	}
	.contact-info .contact-icon {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}

	.store-details .info-box {
		padding: 20px;
	}
	.store-details .info-icon {
		font-size: 18px;
	}
}
/* ===================================
    Blog
====================================== */
.blog-list-simple {
	margin: 0 0 35px 0;
}
.blog-list-simple:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.blog-list-simple-text {
	color: #616161;
}
.blog-list-simple-text > span {
	color: #0c9d56;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.5px;
}
.blog-list-simple-text p {
	border-top: 1px solid #ececec;
	margin-bottom: 0;
	padding: 15px 0;
}
.blog-list-simple-text .meta {
	margin: 0 0 5px 0;
}
.blog-list-simple-text li {
	display: inline-block;
	font-size: 12px;
	color: #777;
	margin: 5px;
}
.blog-list-simple-text ul {
	margin: 10px 0;
}
.blog-list-simple-text ul li {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	padding: 3px 0;
}
.blog-list-simple-text ul li i {
	margin-right: 5px;
	font-size: 14px;
}

.blogs .post {
	margin-bottom: 30px;
}
.blogs .post .content {
	padding: 30px;
	background: #fafafa;
}
.blogs .post .content .post-title h2 a {
	color: #232323;
}
.blogs .post .content .post-title h2 a:hover {
	color: #f24259;
}
.blogs .post .content .meta {
	margin-bottom: 15px;
}
.blogs .post .content .meta li {
	display: inline-block;
	color: #777;
	margin: 5px;
}
.blogs .post .content .special {
	padding: 15px;
	margin: 30px 0;
	border-left: 2px solid #111;
	background: #f7f7f7;
	font-size: 16px;
}
.blogs .post .content .btn {
	border-color: #6f6f6f;
	color: #6f6f6f;
	min-width: auto;
	padding: 6px 20px;
	font-size: 12px;
}
.blogs .post .content .btn:hover {
	color: #fff;
	border-color: #f24259;
}
.blogs .post .share-post {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px dashed #ddd;
	text-align: left;
}
.blogs .post .share-post span {
	font-weight: 700;
}
.blogs .post .share-post ul {
	float: right;
}
.blogs .post .share-post ul li {
	display: inline-block;
	margin: 0 10px;
}
.blogs .post .post-img img {
	width: 100%;
}
.blogs .posts .title-g h3 {
	font-weight: 700;
	font-size: 25px;
	margin-bottom: 10px;
}
.blogs .comments-area .comment-box {
	padding-bottom: 30px;
	margin-bottom: 50px;
	border-bottom: 1px solid #eee;
}
.blogs .comments-area .comment-box:nth-child(odd) {
	margin-left: 80px;
}
.blogs .comments-area .comment-box:last-child {
	margin-bottom: 30px;
}
.blogs .comment-box .author-thumb {
	width: 80px;
	float: left;
}
.blogs .comment-box .comment-info {
	margin-left: 100px;
}
.blogs .comment-box .comment-info .reply {
	margin-top: 10px;
	font-weight: 600;
}
.blogs .comment-box .comment-info .reply i {
	padding-right: 5px;
	font-size: 12px;
}

/* blog style one */
.blog-style-one .item {
	border: 1px solid rgba(0, 0, 0, 0.05);
	background: #fff;
	height: 100%;
}
.blog-style-one .item .post-img {
	position: relative;
	overflow: hidden;
}
.blog-style-one .item .content {
	padding: 30px;
	text-align: left;
}
.blog-style-one .item .content .tag {
	letter-spacing: 0.5px;
}
.blog-style-one .item .content .read-more {
	margin-top: 20px;
	font-weight: 600;
}
.blog-style-one .item .content .read-more:hover {
	text-decoration: underline;
}
.blog-style-one .item .content .tag span:before {
	content: '';
	width: 1px;
	height: 15px;
	margin-left: 5px;
	margin-right: 10px;
	background-color: rgba(0, 0, 0, 0.35);
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.blog-style-one .item .content {
		padding: 25px;
	}
}
/*pagination*/
.pagination {
	border-radius: 0;
}
.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 auto;
	padding: 0;
}
.pagination li {
	display: inline;
}
.pagination a {
	float: left;
	padding: 0 16px;
	line-height: 40px;
	text-decoration: none;
	border: 1px solid #dbdbdb;
	border-left-width: 0;
	background: #fff;
}
.pagination a:hover {
	background-color: #232323;
	color: #fff;
}
.pagination .active a {
	background-color: #f7f7f7;
	color: #999;
	cursor: default;
}
.pagination .disabled span {
	color: #999;
	background-color: transparent;
	cursor: default;
}
.pagination .disabled a {
	color: #999;
	background-color: transparent;
	cursor: default;
}
.pagination .disabled a:hover {
	color: #999;
	background-color: transparent;
	cursor: default;
}
.pagination li:first-child a {
	border-left-width: 1px;
}

.page-item:not(:first-child) .page-link {
	margin-left: 0;
}

/* blockquote */
.blockquote {
	background: #f1f1f1;
	border-left: 4px solid #0c9d56;
	font-size: 16px;
	font-weight: 500;
	margin: 25px 0;
	padding: 20px 30px 30px;
}
.blockquote p {
	font-size: 15px;
	font-weight: 500;
	line-height: 190%;
	color: #232323;
	letter-spacing: 0.5px;
}
.blockquote h4 {
	font-size: 20px;
	font-weight: 400;
	color: #232323;
	letter-spacing: 0.5px;
}

/* sidebar */
.side-bar .widget {
	margin-bottom: 30px;
	border: 1px solid rgba(0, 0, 0, 0.09);
	padding: 20px;
	border-radius: 2px;
}
.side-bar .widget:last-child {
	margin-bottom: 0;
}
.side-bar .widget .widget-title {
	margin-bottom: 25px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.side-bar .widget .widget-title h5 {
	position: relative;
	padding: 0 0 8px 0;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-bottom: 0;
}
.side-bar .widget li {
	position: relative;
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.side-bar .widget li:first-child {
	padding-top: 0;
}
.side-bar .widget li:first-child:before {
	top: 12px;
}
.side-bar .widget li:last-child {
	margin: 0;
	border-bottom: none;
	padding-bottom: 0;
}
.side-bar .widget li:before {
	content: '';
	width: 5px;
	height: 1px;
	background-color: #616161;
	position: absolute;
	top: 22px;
	left: 0;
}
.side-bar .widget .social-listing {
	margin-bottom: 0;
	text-align: center;
}
.side-bar .widget .social-listing li {
	list-style: none;
	display: inline-block;
	border-bottom: none;
	padding: 0 0 0 20px;
}
.side-bar .widget .social-listing li:before {
	content: none;
}
.side-bar .widget .social-listing li:after {
	background: none;
}
.side-bar .widget .social-listing li:first-child {
	padding-left: 0;
}
.side-bar .search form input {
	width: calc(100% - 50px);
	height: 50px;
	padding: 0 10px;
	margin: 0;
	border: none;
	background: #f7f7f7;
}
.side-bar .search form button {
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #1c1c1c;
	color: #fff;
	border: 0;
	float: right;
}

/* ===================================
    Footer
====================================== */
footer {
	padding: 50px 0 0;
	background: #1f1f1f;
}
footer p {
	margin-bottom: 0;
}
footer h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1;
	position: relative;
}
footer h3:after {
	content: '';
	display: block;
	width: 70px;
	height: 2px;
	background: #0c9d56;
	margin-top: 12px;
}
footer h3.footer-title-style2 {
	margin-bottom: 25px;
}

h3.footer-title-style2:after {
	width: 100%;
	height: 1px;
	background: #363637;
	margin-top: 15px;
}

.footer-service {
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.09);
}
.footer-bottom p {
	color: rgba(255, 255, 255, 0.7);
}

.footer-logo {
	width: 150px;
}

.classic-footer h3.footer-title {
	color: #232423;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
}

@media screen and (max-width: 575px) {
	.classic-footer h3.footer-title {
		margin-bottom: 20px;
	}
}
/* footer bar */
.footer-bar {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 50px;
	text-align: center;
	background: #191919;
	color: rgba(255, 255, 255, 0.65);
}
.footer-bar span {
	font-size: 15px;
	font-weight: 400;
}

/* footer social icons */
.footer-social-icons ul {
	margin-bottom: 0;
}
.footer-social-icons ul li {
	display: inline-block;
	border: 1px solid #939393;
	border-radius: 50%;
	color: #fff;
	margin-right: 10px;
	margin-bottom: 5px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.footer-social-icons ul li:last-child {
	margin-right: 0;
}
.footer-social-icons ul li a {
	color: #939393;
	display: block;
	font-size: 15px;
	height: 35px;
	line-height: 34px;
	text-align: center;
	width: 35px;
}
.footer-social-icons ul li:hover {
	background: #0c9d56;
	border-color: #0c9d56;
}
.footer-social-icons ul li:hover i {
	color: #fff;
}
.footer-social-icons.small ul li {
	margin-bottom: 0;
}
.footer-social-icons.small ul li a {
	font-size: 12px;
	height: 25px;
	line-height: 26px;
	width: 25px;
}

/* footer list */
.footer-list {
	margin: 0;
}
.footer-list li {
	list-style-type: none;
	color: rgba(255, 255, 255, 0.65);
	padding: 6px 0;
}
.footer-list li:first-child {
	padding-top: 0;
}
.footer-list li:last-child {
	padding-bottom: 0;
}
.footer-list li a {
	color: rgba(255, 255, 255, 0.65);
}
.footer-list li a:before {
	content: '\f105';
	font-weight: 700;
	vertical-align: bottom;
	font-family: Font Awesome\5 Free;
	color: #939393;
	padding-right: 8px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.footer-list li a:hover {
	color: #fff;
}
.footer-list li a:hover:before {
	color: #fff;
}

/* footer app */
.footer-app li {
	display: inline-block;
	margin-right: 10px;
	margin: 3px 0;
}
.footer-app li:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	footer {
		padding-top: 40px;
	}

	.footer-bar {
		margin-top: 40px;
	}

	.footer-subscribe .butn {
		line-height: 22px;
	}

	.footer-bar p {
		font-size: 13px;
	}
}
/* classic footer */
.classic-footer {
	background: #fff;
}
.classic-footer.bordered {
	padding-top: 70px;
	border-top: 1px solid rgba(0, 0, 0, 0.09);
}
.classic-footer .footer-list1 li a {
	color: #616161;
}
.classic-footer .btn.bordered {
	border: 1px solid rgba(0, 0, 0, 0.2);
	color: #616161;
	box-shadow: none;
}
.classic-footer .footer-service {
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-width: 1px 0;
	background: #fbfbfb;
}
.classic-footer .footer-bottom {
	background: #fbfbfb;
	border-top: 1px solid rgba(0, 0, 0, 0.09);
}
.classic-footer .footer-bottom p {
	color: #232323;
}
.classic-footer .list-style-two li {
	display: inline-block;
	margin-right: 10px;
}
.classic-footer .list-style-two li:last-child {
	margin-right: 0;
}
.classic-footer .list-style-two li a {
	border: none;
	width: auto;
	height: auto;
	display: block;
	line-height: 31px;
	color: #616161;
	border-radius: 100%;
	text-align: center;
	margin-top: 5px;
	margin-right: 5px;
	font-size: 18px;
}
.classic-footer .list-style-two li a:hover {
	color: #000;
}
.classic-footer h3 {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 1;
	position: relative;
}
.classic-footer h3:after {
	content: none;
}
.classic-footer .list-style {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}
.classic-footer .list-style li {
	margin-bottom: 12px;
}
.classic-footer .list-style li:last-child {
	margin-bottom: 0;
}
.classic-footer .footer-subscribe {
	position: relative;
	margin-bottom: 0;
}
.classic-footer .footer-subscribe input {
	padding: 20px 100px 20px 15px;
	font-size: 14px;
	box-shadow: none;
	height: 42px;
}
.classic-footer .footer-subscribe .butn-style2 {
	text-align: center;
	border-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 6px 20px;
}
.classic-footer .service-contact {
	border-right: 1px solid rgba(0, 0, 0, 0.09);
}
.classic-footer .service-contact i,
.classic-footer .service-contact h5 {
	color: rgba(0, 0, 0, 0.7);
}
.classic-footer .service-contact p {
	color: #616161;
}

@media screen and (max-width: 991px) {
	.classic-footer h3 {
		margin-bottom: 18px;
	}
	.classic-footer.bordered {
		padding-top: 50px;
	}
}
/* insta-img */
.insta-img {
	margin-top: -80px;
	z-index: 9;
	position: relative;
}

.instagram-block {
	position: relative;
	overflow: hidden;
	display: block;
	border-radius: 5px;
}
.instagram-block:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	background-color: #000;
	transition: all 0.3s ease;
}
.instagram-block:after {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 25px;
	opacity: 0;
	transition: all 0.3s ease;
	transform: translate(-50%, -50%);
	color: #fff;
	content: '\f16d';
	font-family: 'Font Awesome 6 Brands';
	font-weight: 400;
}
.instagram-block:hover:after {
	opacity: 1;
}
.instagram-block:hover:before {
	opacity: 0.6;
}

/* popup gallery */
.lg-backdrop {
	z-index: 99999;
}

.lg-outer {
	z-index: 999999;
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
	border-color: #0c9d56;
}

.lg-progress-bar .lg-progress {
	background-color: #0c9d56;
}

.lg-backdrop.in {
	opacity: 0.85;
}

/* ===================================
    Copy Elements
====================================== */
pre[class*='language-'] {
	max-height: 45vh;
	height: 100%;
	margin: 35px 0 15px 0;
	padding-top: 0;
}

.html-code {
	background-color: #fbfbfb;
	position: relative;
	box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
	padding: 30px;
	border-radius: 5px;
	border: 1px solid #ededed;
}
.html-code:before {
	color: #c8dfab;
	content: '•••';
	font-size: 30px;
	left: 24px;
	letter-spacing: 4px;
	line-height: 12px;
	position: absolute;
	top: 24px;
}

.copy-element {
	position: absolute;
	top: 0;
	right: 85px;
	transition: opacity 0.3s ease-in-out;
}

.source-element {
	position: absolute;
	top: 0;
	right: 0;
	transition: opacity 0.3s ease-in-out;
}

.html-code .copy-element {
	top: 15px;
	right: 30px;
}
.html-code:hover .copy-element,
.html-code:hover .source-element {
	opacity: 1;
}

.box-hover:hover .copy-element,
.box-hover:hover .source-element {
	opacity: 1;
}

.copy-element > a,
.source-element > a {
	border-radius: 0.25rem;
	background: #dde1e6;
	color: #777 !important;
	display: inline-block;
	padding: 5px 15px;
	font-size: 14px;
	cursor: pointer !important;
	font-weight: 600;
}

.copy-element > a:hover,
.source-element > a:hover {
	background: #0c9d56;
	color: #fff !important;
}

.copy-clipboard {
	cursor: pointer;
	padding: 5px 15px;
}

.white-popup-block {
	background-color: #fbfbfb;
	position: relative;
	max-width: 650px;
	box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
	padding: 60px 30px 30px 30px;
	border-radius: 5px;
	margin: 40px auto;
	border: 1px solid #ededed;
}
.white-popup-block.popup-copy.mfp-hide {
	display: block !important;
	height: 0;
	position: absolute;
	z-index: -1;
	padding: 0;
	opacity: 0;
	margin: 0;
}
.white-popup-block:before {
	color: rgba(3, 169, 245, 0.2);
	content: '•••';
	font-size: 30px;
	left: 24px;
	letter-spacing: 4px;
	line-height: 12px;
	position: absolute;
	top: 24px;
}
.white-popup-block:hover .copy-element {
	opacity: 1;
}
.white-popup-block .copy-element {
	top: 45px;
	right: 30px;
}

.box-hover {
	position: relative;
}
.box-hover .container {
	position: relative;
}

/* icon-gallery */
.icon-gallery .d-table {
	margin-top: 30px;
}
.icon-gallery .d-table-cell {
	width: 125px;
	height: 125px;
	text-align: center;
	margin-bottom: 25px;
	border: 1px solid rgba(0, 0, 0, 0.075);
	vertical-align: middle;
	font-size: 14px;
	transition: all 0.2s ease-in-out;
	padding: 10px;
	background: #fff;
}
.icon-gallery i {
	display: block;
	margin-bottom: 15px;
	font-size: 28px;
	color: #0c9d56;
}

/* modal */
.modal-backdrop {
	z-index: 99999;
}

.modal {
	z-index: 999999;
}

@media screen and (max-width: 767px) {
	.elements-block .inner-title {
		margin-bottom: 65px;
	}

	.copy-element,
	.source-element {
		top: 65px;
	}
}

/*# sourceMappingURL=styles.css.map */