@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800;900&family=Jost:wght@300;400;500;600;700;800;900&display=swap";
@import 'https://fonts.googleapis.com/css2?family=Russo+One&display=swap';
@import "https://unicons.iconscout.com/release/v3.0.3/css/line.css";

body {
	font-family: barlow, sans-serif;
	overflow-x: hidden !important;
	font-size: 17px;
	color: #272a3a;
	font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: jost, sans-serif;
	line-height: 1.3;
	font-weight: 600
}

a {
	color: #565972;
	text-decoration: none !important
}

p {
	line-height: 30px
}

ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out
}

dl,
ol,
ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0
}

a:hover {
	text-decoration: none;
	color: #1d3e23
}

.btn:focus {
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

:focus {
	outline: -webkit-focus-ring-color auto 0
}

button:focus {
	outline: 0 dotted;
	outline: 0 auto -webkit-focus-ring-color
}

.footer-alt p {
	text-transform: uppercase;
	color: #fff
}

.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.list-inline-item:not(:last-child) {
	margin-right: 0;
	margin-bottom: 0
}

.rounded {
	border-radius: 5px !important
}

.rounded-pill {
	border-radius: 10px !important
}

.bg-home {
	height: 100vh;
	background-size: cover;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	position: relative;
	background-position: center center
}

.bg-half-170 {
	padding-top: 170px;
	padding-bottom: 150px;
	align-self: center;
	position: relative;
	background-position: center center
}

.bg-half-200 {
	padding-top: 150px;
	padding-bottom: 150px;
	align-self: center;
	position: relative;
	background-position: center center
}

@media(max-width:767px) {

	.bg-home,
	.bg-half-170 {
		padding: 150px 0;
		height: auto
	}

	.bg-home,
	.bg-half-200 {
		padding: 150px 0;
		height: auto
	}
}

.component-wrapper {
	position: -webkit-sticky;
	position: sticky;
	top: 80px
}

.component-wrapper .title {
	font-size: 24px
}

.section-heading {
	position: relative;
	z-index: 1
}

.section-heading .section-meta {
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 25px;
	letter-spacing: 6px;
	margin-bottom: 15px;
	font-weight: 500;
	color: #1d3e23
}

.section-heading .section-title {
	font-size: 45px;
	font-weight: 600
}

@media(max-width:425px) {
	.section-heading .section-title {
		font-size: 40px
	}
}

@media(max-width:320px) {
	.section-heading .section-title {
		font-size: 35px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.section-heading .section-title .section-heading .section-title br {
		display: none
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.section-heading .section-title .section-heading .section-title br {
		display: none
	}
}

@media only screen and (min-width:320px) and (max-width:479px) {
	.section-heading .section-title .section-heading .section-title br {
		display: none
	}
}

.section-heading .section-sub {
	color: #8a8eaa;
	margin-top: 12px;
	font-size: 16px
}

.btn.theme-btn {
	color: #fff !important;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	border: none;
	background-size: 300% 100%;
	padding: 0 55px;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	height: 60px;
	line-height: 60px;
	background-color: #1d3e23;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.btn.theme-btn:hover {
	background-color: #272a3a;
	color: #fff;
	-webkit-box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4);
	box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4)
}

.btn.theme-btn:focus {
	outline: none
}

.btn.theme-btn-1 {
	color: #272a3a;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	border: none;
	padding: 0 55px;
	border-radius: 5px;
	font-size: 18px;
	background-color: #fff;
	font-weight: 500;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	height: 60px;
	line-height: 60px;
	-webkit-box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4);
	box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4)
}

.btn.theme-btn-1:hover {
	background-color: #272a3a;
	color: #fff;
	-webkit-box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4);
	box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4)
}

.btn.theme-btn-1:focus {
	outline: none
}

#how p {
	color: #fff
}

#games p {
	color: #fff
}

#games ul li {
	color: #fff
}

#games li i {
	color: #fff
}

.btn.theme-btn-2 {
	color: #fff;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	border: none;
	padding: 0 55px;
	border-radius: 5px;
	font-size: 18px;
	background-color: #272a3a;
	font-weight: 500;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	height: 60px;
	line-height: 60px;
	-webkit-box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4);
	box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4)
}

.btn.theme-btn-2:hover {
	background-color: #1d3e23;
	color: #fff;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.btn.theme-btn-2:focus {
	outline: none
}

@media(max-width:991px) {
	.btn-display-none {
		display: none !important
	}
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #1d3e23;
	z-index: 9999999
}

#preloader #status {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.spinner {
	width: 60px;
	height: 60px;
	background-color: #fff;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 12px rgba(6, 11, 47, .06);
	box-shadow: 0 3px 12px rgba(6, 11, 47, .06);
	margin: 100px auto;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out
}

@-webkit-keyframes sk-rotateplane {
	0% {
		-webkit-transform: perspective(120px)
	}

	50% {
		-webkit-transform: perspective(120px) rotateY(180deg)
	}

	100% {
		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
	}
}

@keyframes sk-rotateplane {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
	}

	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
	}

	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}

.shadow {
	-webkit-box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4) !important;
	box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4) !important
}

.border {
	border: 1px solid #edeef5 !important
}

.border-top {
	border-top: 1px solid #565972 !important
}

.border-bottom {
	border-bottom: 1px solid #edeef5 !important
}

.breadcrumb {
	letter-spacing: .5px;
	padding: 0;
	display: block;
	background: 0 0
}

.breadcrumb .breadcrumb-item {
	font-size: 16px;
	font-weight: 600;
	padding-left: 0;
	display: inline-block
}

.breadcrumb .breadcrumb-item a {
	color: #3c4858
}

.breadcrumb .breadcrumb-item a:hover {
	color: #1d3e23
}

.breadcrumb .breadcrumb-item.active {
	color: #1d3e23
}

.breadcrumb .breadcrumb-item:before {
	content: ""
}

.breadcrumb .breadcrumb-item:after {
	content: "\f105" !important;
	font-size: 14px;
	color: #3c4858;
	font-family: line awesome free;
	padding-left: 5px
}

.breadcrumb .breadcrumb-item:last-child:after {
	display: none
}

.form-group {
	margin-bottom: 20px
}

.form-group label {
	font-size: 14px;
	font-weight: 700
}

.form-group .form-control {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #fff;
	border: 1px solid #dcdeed;
	color: #3c4858;
	height: 42px;
	font-size: 13px;
	border-radius: 6px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.form-group .form-control:focus,
.form-group .form-control.active {
	border-color: #1d3e23
}

.form-group textarea {
	height: 120px !important
}

.form-group textarea.form-control {
	line-height: 25px
}

.form-control:disabled,
.form-control[readonly] {
	background-color: transparent;
	opacity: 1
}

.custom-control-input:checked~.custom-control-label:before {
	color: #fff;
	border-color: #1d3e23;
	background-color: #1d3e23
}

.custom-control-input:focus~.custom-control-label::before,
.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #1d3e23
}

.custom-control-label {
	cursor: pointer
}

.custom-control-label:before,
.custom-control-label:after {
	top: 2px
}

.custom-switch .custom-control-label:after {
	top: 4px
}

.pagination-area {
	margin-top: 35px
}

.pagination-area .page-numbers {
	width: 40px;
	height: 40px;
	color: #565972;
	text-align: center;
	display: inline-block;
	border-radius: 50px;
	line-height: 41px;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 17px;
	font-weight: 800;
	-webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, .15);
	box-shadow: 0 10px 25px rgba(60, 72, 88, .15)
}

.pagination-area .page-numbers:hover,
.pagination-area .page-numbers.current {
	color: #fff;
	background-color: #1d3e23
}

.social-icon {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0
}

.social-icon li {
	display: inline-block
}

.social-icon li span {
	display: inline-block;
	margin-right: 3px;
	font-weight: 700;
	position: relative;
	top: -1px
}

.social-icon li a i {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 34px;
	border-radius: 50%;
	color: #fff;
	background-size: 300% 100%;
	text-align: center;
	font-size: 17px;
	margin-left: 2px;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	background-color: #1d3e23;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.social-icon li a i:hover,
.social-icon li a i:focus {
	background-position: 100% 0;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.aloa-container-fluid .container-fluid {
	padding: 0 120px
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
	.aloa-container-fluid .container-fluid {
		padding: 0 40px
	}
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
	.aloa-container-fluid .container-fluid {
		padding: 0 15px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.aloa-container-fluid .container-fluid {
		padding: 0 30px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.aloa-container-fluid .container-fluid {
		padding: 0 40px
	}
}

@media only screen and (max-width:767px) {
	.aloa-container-fluid .container-fluid {
		padding: 0 15px
	}
}

@media print {

	#topnav,
	.footer {
		display: none !important
	}
}

#scrollUp {
	width: 50px;
	height: 50px;
	color: #fff;
	right: 20px;
	bottom: 60px;
	text-align: center;
	overflow: hidden;
	border-radius: 50px;
	z-index: 9811 !important;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	background-size: 300% 100%;
	background-color: #1d3e23
}

@media only screen and (max-width:767px) {
	#scrollUp {
		width: 40px;
		height: 40px
	}
}

#scrollUp i {
	display: block;
	line-height: 50px;
	font-size: 22px
}

@media only screen and (max-width:767px) {
	#scrollUp i {
		line-height: 40px;
		font-size: 16px
	}
}

#scrollUp:hover {
	background-position: 100% 0;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.bg-section {
	height: 100%;
	background-attachment: fixed !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important
}

.width-100 {
	width: 100%
}

.bg-gray-100 {
	background: #f8f8fc
}

.bg-gray-200 {
	background: #edeef5
}

.bg-gray-700 {
	background: #272a3a
}

.bg-pink {
	background: #1d3e23
}

.bg-blue-light {
	background-color: #f5f9ff !important
}

.gray-100 {
	color: #f8f8fc
}

.gray-200 {
	color: #edeef5
}

.gray-300 {
	color: #dcdeed
}

.gray-400 {
	color: #bdc1d7
}

.gray-500 {
	color: #8a8eaa
}

.gray-600 {
	color: #565972
}

.gray-700 {
	color: #272a3a
}

.theme-color {
	color: #1d3e23
}

.bg-theme-color {
	background-color: #1d3e23
}

#topnav {
	right: 0;
	left: 0;
	top: 0;
	z-index: 1030;
	background-color: #1d3e23;
	border: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	padding-top: 20px;
	padding-bottom: 20px;
}

@media(max-width:991px) {
	#topnav {
		padding-top: 0;
		padding-bottom: 0
	}
}

#topnav .logo {
	color: #272a3a !important
}

#topnav .logo .l-dark {
	display: none
}

#topnav .logo .l-light {
	display: inline-block
}

#topnav .has-submenu.active a {
	color: #fff
}

#topnav .has-submenu.active .submenu li.active>a {
	color: #1d3e23
}

#topnav .has-submenu.active.active .menu-arrow {
	border-color: #1d3e23
}

#topnav .has-submenu {
	position: relative
}

#topnav .has-submenu .submenu .submenu-arrow {
	border: solid #272a3a;
	border-radius: .5px;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: 20px;
	top: 14px
}

#topnav .navbar-toggle {
	border: 0;
	position: relative;
	width: 60px;
	padding: 0;
	margin: 0;
	cursor: pointer
}

#topnav .navbar-toggle .lines {
	width: 25px;
	display: block;
	position: relative;
	margin: 32px 20px 24px;
	height: 18px
}

#topnav .navbar-toggle span {
	height: 2px;
	width: 100%;
	background-color: #272a3a;
	display: block;
	margin-bottom: 5px;
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease
}

#topnav .navbar-toggle span:last-child {
	margin-bottom: 0
}

#topnav .buy-button {
	float: right;
	line-height: 68px;
	padding: 3px 0
}

#topnav .navbar-toggle.open span {
	position: absolute
}

#topnav .navbar-toggle.open span:first-child {
	top: 6px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#topnav .navbar-toggle.open span:nth-child(2) {
	visibility: hidden
}

#topnav .navbar-toggle.open span:last-child {
	width: 100%;
	top: 6px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#topnav .navbar-toggle.open span:hover {
	background-color: #1d3e23
}

#topnav .navbar-toggle:hover,
#topnav .navbar-toggle:focus,
#topnav .navbar-toggle .navigation-menu>li>a:hover,
#topnav .navbar-toggle:focus {
	background-color: transparent
}

#topnav .navigation-menu {
	list-style: none;
	margin: 0;
	padding: 0
}

#topnav .navigation-menu>li {
	float: left;
	display: block;
	position: relative;
	margin: 0 10px
}

#topnav .navigation-menu>li>a {
	display: block;
	color: #272a3a;
	font-size: 20px;
	background-color: transparent !important;
	font-weight: 500;
	letter-spacing: .8px;
	line-height: 24px;
	-webkit-transition: all .5s;
	transition: all .5s;
	font-family: jost, sans-serif;
	padding-left: 10px;
	padding-right: 10px
}

#topnav .navigation-menu>li>a:hover,
#topnav .navigation-menu>li>a:active {
	color: #1d3e23
}

#topnav .navigation-menu>li:hover>a,
#topnav .navigation-menu>li.active>a {
	color: #1d3e23 !important
}

#topnav .navigation-menu .has-submenu .menu-arrow {
	border: solid #272a3a;
	border-radius: .5px;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	-webkit-transition: all .5s;
	transition: all .5s;
	right: -5px;
	top: 34px
}

#topnav .menu-extras {
	float: right
}

#topnav.scroll {
	background-color: #fff;
	border: none;
	-webkit-box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4);
	box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4)
}

#topnav.scroll .navigation-menu>li>a {
	color: #272a3a
}

#topnav.scroll .navigation-menu>li>.menu-arrow {
	border-color: #272a3a
}

#topnav.scroll .navigation-menu>li:hover>a,
#topnav.scroll .navigation-menu>li.active>a {
	color: #1d3e23
}

#topnav.scroll .navigation-menu>li:hover>.menu-arrow,
#topnav.scroll .navigation-menu>li.active>.menu-arrow {
	border-color: #1d3e23
}

#topnav.defaultscroll.dark-menubar .logo {
	line-height: 70px
}

#topnav.defaultscroll.scroll .logo {
	line-height: 62px
}

#topnav.defaultscroll.scroll.dark-menubar .logo {
	line-height: 62px
}

#topnav.nav-sticky {
	display: none
}

@media(max-width:991px) {
	#topnav.nav-sticky {
		padding-top: 0;
		padding-bottom: 0
	}
}

#topnav.nav-sticky .navigation-menu.nav-light>li>a {
	color: #272a3a
}

#topnav.nav-sticky .navigation-menu.nav-light>li.active>a {
	color: #1d3e23 !important
}

#topnav.nav-sticky .navigation-menu.nav-light>li:hover>.menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light>li.active>.menu-arrow {
	border-color: #1d3e23 !important
}

#topnav.nav-sticky .navigation-menu.nav-light>li:hover>a,
#topnav.nav-sticky .navigation-menu.nav-light>li.active>a {
	color: #1d3e23 !important
}

#topnav.nav-sticky .navigation-menu.nav-light .has-submenu .menu-arrow {
	border-color: #272a3a
}

#topnav.nav-sticky .logo .l-dark {
	display: none
}

#topnav.nav-sticky .logo .l-light {
	display: none
}

.logo {
	font-weight: 700;
	font-size: 24px;
	padding: 3px 0;
	letter-spacing: 1px;
	line-height: 68px
}

@media(min-width:992px) {
	#topnav .navigation-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	#topnav .navigation-menu>.has-submenu>.submenu>.has-submenu>.submenu::before {
		top: 20px;
		margin-left: -35px;
		-webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .15);
		box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .15);
		border-color: transparent #fff #fff transparent
	}

	#topnav .navigation-menu>li .submenu {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000;
		padding: 10px 0;
		list-style: none;
		min-width: 170px;
		visibility: hidden;
		opacity: 0;
		margin-top: 10px;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		border-radius: 5px;
		background-color: #fff;
		-webkit-box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4);
		box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4)
	}

	#topnav .navigation-menu>li .submenu:before {
		content: "";
		position: absolute;
		top: 2px;
		left: 45px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 7px solid #272a3a;
		border-color: transparent transparent #fff #fff;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		-webkit-box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, .15);
		box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, .15)
	}

	#topnav .navigation-menu>li .submenu>li .submenu {
		left: 106%;
		top: 0;
		margin-left: 10px;
		margin-top: -1px
	}

	#topnav .navigation-menu>li>a {
		padding-top: 25px;
		padding-bottom: 25px;
		min-height: 62px
	}

	#topnav .navigation-menu>li:hover>.menu-arrow {
		border-color: #1d3e23
	}

	#topnav .navigation-menu>li .submenu li {
		position: relative;
		margin-left: 10px
	}

	#topnav .navigation-menu>li .submenu li a {
		padding: 7px 15px;
		clear: both;
		white-space: nowrap;
		font-size: 17px;
		letter-spacing: .04em;
		font-weight: 500;
		color: #272a3a !important;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	#topnav .navigation-menu>li .submenu li a:hover {
		color: #1d3e23
	}

	#topnav .navigation-menu>li .submenu li ul {
		list-style: none;
		padding-left: 0;
		margin: 0
	}

	#topnav .navigation-menu>li .submenu.megamenu {
		white-space: nowrap;
		width: auto
	}

	#topnav .navigation-menu>li .submenu.megamenu li a {
		padding: 10px 25px
	}

	#topnav .navigation-menu>li .submenu.megamenu>li {
		overflow: hidden;
		min-width: 180px;
		display: inline-block;
		vertical-align: top
	}

	#topnav .navigation-menu>li .submenu.megamenu>li .submenu {
		left: 100%;
		top: 0;
		margin-left: 10px;
		margin-top: -1px
	}

	#topnav .navigation-menu>li.last-elements .submenu {
		left: auto;
		right: 0
	}

	#topnav .navigation-menu>li.last-elements .submenu:before {
		left: auto;
		right: 10px
	}

	#topnav .navigation-menu>li.last-elements .submenu>li.has-submenu .submenu {
		left: auto;
		right: 100%;
		margin-left: 0;
		margin-right: 10px
	}

	#topnav .navigation-menu.nav-light>li>a {
		color: #fff
	}

	#topnav .navigation-menu.nav-light>li.active>a {
		color: #272a3a !important
	}

	#topnav .navigation-menu.nav-light>li:hover>.menu-arrow {
		border-color: #272a3a !important
	}

	#topnav .navigation-menu.nav-light>li:hover>a {
		color: #272a3a !important
	}

	#topnav .navigation-menu.nav-light .has-submenu .menu-arrow {
		border-color: #fff
	}

	#topnav .navigation-menu.nav-light .has-submenu.active .menu-arrow {
		border-color: #272a3a !important
	}

	#topnav .navbar-toggle {
		display: none
	}

	#topnav #navigation {
		display: block !important;
		float: right
	}

	#topnav.scroll {
		top: 0
	}

	#topnav.scroll .navigation-menu>li>a {
		padding-top: 20px;
		padding-bottom: 20px
	}

	#topnav.scroll-active .navigation-menu>li>a {
		padding-top: 25px;
		padding-bottom: 25px
	}
}

@media(max-width:991px) {
	#topnav {
		background-color: #1d3e23;
		-webkit-box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4);
		box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4);
		min-height: 74px
	}

	#topnav .logo .l-dark {
		display: inline-block !important
	}

	#topnav .logo .l-light {
		display: none !important
	}

	#topnav .container {
		width: auto
	}

	#topnav #navigation {
		max-height: 400px
	}

	#topnav .navigation-menu {
		float: none
	}

	#topnav .navigation-menu>li {
		float: none
	}

	#topnav .navigation-menu>li .submenu {
		display: none;
		list-style: none;
		margin: 0;
		padding: 10px 20px
	}

	#topnav .navigation-menu>li .submenu li a {
		position: relative;
		padding: 7px 10px;
		font-size: 17px;
		letter-spacing: .04em;
		font-weight: 700;
		color: #272a3a;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	#topnav .navigation-menu>li .submenu.open {
		display: block;
		margin-top: -10px
	}

	#topnav .navigation-menu>li .submenu .submenu {
		display: none;
		list-style: none
	}

	#topnav .navigation-menu>li .submenu .submenu.open {
		display: block
	}

	#topnav .navigation-menu>li .submenu.megamenu>li>ul {
		list-style: none;
		padding-left: 0
	}

	#topnav .navigation-menu>li .submenu.megamenu>li>ul>li>span {
		display: block;
		position: relative;
		padding: 10px 15px;
		text-transform: uppercase;
		font-size: 12px;
		letter-spacing: 2px;
		color: #8492a6
	}

	#topnav .navigation-menu>li>a {
		color: #272a3a;
		padding: 10px 20px
	}

	#topnav .navigation-menu>li>a:after {
		position: absolute;
		right: 15px
	}

	#topnav .navigation-menu>li>a:hover,
	#topnav .navigation-menu>li .submenu li a:hover,
	#topnav .navigation-menu>li.has-submenu.open>a {
		color: #1d3e23
	}

	#topnav .menu-extras .menu-item {
		border-color: #8492a6
	}

	#topnav .navbar-header {
		float: left
	}

	#topnav .has-submenu .submenu .submenu-arrow {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right: 20px;
		top: 12px
	}

	#topnav .has-submenu.active a {
		color: #1d3e23
	}

	#navigation {
		position: absolute;
		top: 74px;
		left: 0;
		width: 100%;
		display: none;
		height: auto;
		padding-bottom: 0;
		overflow: auto;
		border-top: 1px solid #f1f3f9;
		border-bottom: 1px solid #f1f3f9;
		background-color: #fff
	}

	#navigation.open {
		display: block;
		overflow-y: auto
	}
}

@media(max-width:768px) {
	#topnav .navigation-menu .has-submenu .menu-arrow {
		right: 16px;
		top: 16px
	}
}

@media(min-width:768px) {
	#topnav .navigation-menu>li.has-submenu:hover>.submenu {
		visibility: visible;
		opacity: 1;
		margin-top: 0
	}

	#topnav .navigation-menu>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu {
		visibility: visible;
		opacity: 1;
		margin-left: 0;
		margin-right: 0
	}

	.navbar-toggle {
		display: block
	}
}

.back-pattern {
	background: url(../images/pattern.png) repeat 0 0, linear-gradient(to right, #4e54c8, #8f94fb)
}

.bg-blue-light h1 {
	color: #0d6efd
}

.bg-blue-light p {
	color: #0d6efd
}

.pos-rel {
	position: relative
}

.oh {
	overflow: hidden
}

.hero-1 {
	padding: 170px 0 98px;
	height: 100vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat !important
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.hero-1 {
		height: auto;
		padding: 150px 0 80px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hero-1 {
		height: auto;
		padding: 150px 0 80px
	}
}

@media only screen and (max-width:767px) {
	.hero-1 {
		height: auto;
		padding: 140px 0 70px
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.hero-1 {
		height: auto;
		padding: 140px 0 70px
	}
}

@media only screen and (max-width:575px) {
	.hero-1 {
		height: auto
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hero-1 .hero-1-content {
		margin-bottom: 120px
	}
}

.hero-1 .hero-1-content .hero-1-button-group {
	margin: -15px
}

.hero-1 .hero-1-content .hero-1-button-group a {
	margin: 15px
}

.hero-1 .hero-1-content .title {
	font-size: 56px;
	line-height: 66px;
	margin-bottom: 15px;
	color: #272a3a;
	font-family: jost, sans-serif
}

@media only screen and (max-width:767px) {
	.hero-1 .hero-1-content .title {
		font-size: 50px;
		line-height: 56px;
		margin-bottom: 10px
	}
}

@media only screen and (max-width:575px) {
	.hero-1 .hero-1-content .title {
		font-size: 48px;
		line-height: 56px;
		margin-bottom: 10px
	}
}

.hero-1 .hero-1-content p {
	font-size: 24px;
	line-height: 40px;
	margin: 0;
	margin-bottom: 33px;
	font-weight: 300;
	color: #565972
}

@media only screen and (max-width:767px) {
	.hero-1 .hero-1-content p {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 35px
	}
}

@media only screen and (max-width:575px) {
	.hero-1 .hero-1-content p {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 25px
	}
}

.hero-2 {
	padding: 190px 0 180px;
	background: rgba(47, 85, 212, .025);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%
}

.hero-2 .hero-2-title {
	font-size: 52px
}

.hero-2 .subscribe-form form {
	position: relative;
	max-width: 600px;
	margin: 0 auto
}

.hero-2 .subscribe-form input {
	padding: 22px 20px;
	width: 100%;
	border: none;
	outline: none !important;
	padding-right: 160px;
	padding-left: 20px;
	background-color: #eaebf3;
	border-radius: 4px
}

.hero-2 .subscribe-form button {
	position: absolute;
	top: 5px;
	right: 5px
}

.hero-2 .subscribe-form ::-webkit-input-placeholder {
	font-size: 16px;
	color: #7587a8
}

.hero-2 .subscribe-form :-ms-input-placeholder {
	font-size: 16px;
	color: #7587a8
}

.hero-2 .subscribe-form ::-ms-input-placeholder {
	font-size: 16px;
	color: #7587a8
}

.hero-2 .subscribe-form ::placeholder {
	font-size: 16px;
	color: #7587a8
}

.hero-3-bg {
	padding: 160px 0 120px;
	background-color: #f8f8fc;
	border-bottom: 1px solid #f4f4fa
}

.hero-3-bg .hero-3-title {
	font-size: 44px
}

.hero-3-bg .watch-video span {
	top: -5px;
	padding-left: 5px;
	position: relative
}

.hero-3-bg .watch-video .play-icon-circle {
	border: 2px solid #3c4858;
	height: 46px;
	font-size: 24px;
	width: 46px;
	color: #3c4858;
	line-height: 43px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	-webkit-transition: all .5s;
	transition: all .5s
}

.hero-3-bg .watch-video .play-icon-circle:hover {
	background-color: #1d3e23;
	border-color: #1d3e23;
	-webkit-box-shadow: 0 0 0 6px rgba(94, 121, 243, .12);
	box-shadow: 0 0 0 6px rgba(94, 121, 243, .12);
	color: #fff !important
}

.hero-4 .container.cu-pad {
	padding-top: 300px;
	padding-bottom: 100px
}

@media(max-width:991px) {
	.hero-4 .container.cu-pad {
		padding-top: 200px;
		padding-bottom: 50px
	}
}

.hero-4 .container.cu-pad .banner-text {
	z-index: 100;
	position: relative
}

#particles-js {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: url("");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	z-index: -5
}

.about-area {
	position: relative;
	z-index: 2;
	overflow: hidden
}

.about-text h4 {
	font-family: barlow, sans-serif;
	color: #8a8eaa;
	font-weight: 400;
	font-size: 16px;
	line-height: 34px
}

.cta-v1-section {
	position: relative;
	margin-bottom: -100px;
	z-index: 1
}

.cta-v1-section .cta-v1 {
	background-color: #1d3e23;
	padding: 40px;
	border-radius: 5px
}

.cta-v1-section .cta-v1 .cta-title {
	color: #f8f8fc;
	line-height: 1;
	margin-bottom: 14px
}

.cta-v1-section .cta-v1 .cta-text {
	line-height: 1
}

.cta-v1-section .cta-v1 .cta-btn {
	text-align: right
}

.col-center {
	margin-left: auto;
	margin-right: auto
}

.newsletter {
	padding: 45px 70px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: -75px
}

.newsletter form {
	position: relative
}

.newsletter .news-email {
	width: 100%;
	height: 70px;
	line-height: 70px;
	border: 1px solid #fff;
	padding: 10px 30px;
	border-radius: 4px
}

.newsletter .news-btn {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 140px;
	height: 50px;
	background: #1d3e23;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-weight: 600
}

.filter-group {
	text-align: center;
	margin-bottom: 40px
}

.filter-group .list-control {
	display: inline-block;
	border-radius: 30px;
	margin: 0;
	padding: 0
}

.filter-group .list-control li {
	margin-right: 16px;
	padding: 0 0 3px 0;
	border-radius: 30px;
	cursor: pointer;
	display: inherit;
	position: relative;
	color: #272a3a;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px
}

.filter-group .list-control li::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	background: #1d3e23 !important;
	opacity: 0
}

.filter-group .list-control li.active {
	color: #1d3e23
}

.filter-group .list-control li.active::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1;
	color: #1d3e23 !important;
	background-color: transparent
}

.single-item {
	overflow: hidden
}

.single-item .pro-content-hover {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	background: #fff;
	text-align: left;
	z-index: 1;
	height: calc(100% - 40px);
	width: calc(100% - 40px);
	margin: 20px;
	bottom: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 30px;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding-right: 15px
}

.single-item .pro-content-hover h3 {
	margin-bottom: 8px;
	font-size: 26px
}

@media only screen and (max-width:767px) {
	.single-item .pro-content-hover h3 {
		margin-bottom: 4px;
		font-size: 17px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.single-item .pro-content-hover h3 {
		font-size: 20px
	}
}

@media only screen and (max-width:479px) {
	.single-item .pro-content-hover h3 {
		margin-bottom: 5px;
		font-size: 20px
	}
}

.single-item .pro-content-hover h5 {
	font-style: italic;
	font-family: barlow, sans-serif;
	font-weight: 400
}

@media only screen and (max-width:767px) {
	.single-item .pro-content-hover h5 {
		font-size: 14px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.single-item .pro-content-hover h5 {
		font-size: 15px
	}
}

@media only screen and (max-width:479px) {
	.single-item .pro-content-hover h5 {
		font-size: 16px
	}
}

.single-item .pro-img {
	overflow: hidden
}

.single-item .pro-img img {
	-webkit-transform: translate3d(0, 0, 0) scale(1.1);
	transform: translate3d(0, 0, 0) scale(1.1);
	-webkit-transition: -webkit-transform .5s cubic-bezier(.33, .02, 0, .93);
	transition: -webkit-transform .5s cubic-bezier(.33, .02, 0, .93);
	transition: transform .5s cubic-bezier(.33, .02, 0, .93);
	transition: transform .5s cubic-bezier(.33, .02, 0, .93), -webkit-transform .5s cubic-bezier(.33, .02, 0, .93)
}

.single-item:hover .pro-content-hover {
	opacity: 1
}

.single-item:hover .pro-img img {
	-webkit-transform: translate3d(15px, 0, 0) scale(1.1);
	transform: translate3d(15px, 0, 0) scale(1.1)
}

.fix {
	overflow: hidden
}

.hover-st2 .pro-content-hover {
	position: absolute;
	left: 0;
	margin: auto;
	background: #fff;
	text-align: center;
	z-index: 1;
	height: auto;
	width: 100%;
	margin: 0;
	bottom: -100px;
	right: 0;
	padding-left: 30px;
	opacity: 0;
	top: auto
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hover-st2 .pro-content-hover {
		padding-left: 15px
	}
}

.hover-st2 .pro-content-hover h3 {
	color: #222
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.hover-st2 .pro-content-hover h3 {
		font-size: 25px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hover-st2 .pro-content-hover h3 {
		font-size: 17px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hover-st2 .pro-content-hover h5 {
		font-size: 14px
	}
}

.hover-st2 .pro-img {
	overflow: hidden
}

.hover-st2 .pro-img img {
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	top: 0
}

.hover-st2 .single-item:hover .pro-img img {
	top: -101px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hover-st2 .single-item:hover .pro-img img {
		top: -65px
	}
}

.hover-st2 .single-item .pro-img img {
	-webkit-transform: none;
	transform: none
}

.hover-st2 .single-item:hover .pro-img img {
	-webkit-transform: none;
	transform: none
}

.hover-st2 .single-item:hover .pro-content-hover {
	bottom: 26px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.hover-st2 .single-item:hover .pro-content-hover {
		bottom: 13px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.four-column .pro-content-hover h5 {
		font-size: 16px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.four-column .pro-content-hover h5 {
		font-size: 20px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.four-column .hover-st2 .pro-content-hover h5 {
		font-size: 16px
	}
}

.four-column .hover-st2 .pro-content-hover h3 {
	font-size: 24px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.four-column .hover-st2 .pro-content-hover h3 {
		font-size: 20px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.four-column.hover-st2 .single-item:hover .pro-img img {
		top: -68px
	}

	.four-column.hover-st2 .single-item:hover .pro-content-hover {
		bottom: 14px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.four-column .pro-content-hover h5 {
		font-size: 16px
	}

	.four-column .pro-content-hover h3,
	.four-column.hover-st2 .pro-content-hover h3 {
		font-size: 17px;
		margin-bottom: 4px
	}

	.four-column.hover-st2 .single-item:hover .pro-img img {
		top: -58px
	}

	.four-column.hover-st2 .single-item:hover .pro-content-hover {
		bottom: 14px
	}

	.four-column .pro-content-hover h5 {
		font-size: 14px
	}
}

.hover-st3 .single-item {
	float: left;
	overflow: hidden;
	padding: 7px;
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.hover-st3 .single-item a {
	display: block
}

.hover-st3 .single-item .post-info .post-categories {
	margin-bottom: 13px;
	color: #4e5275;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px
}

.hover-st3 .single-item:hover {
	cursor: pointer;
	-webkit-box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4);
	box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

.hover-st3 .single-item:hover a {
	cursor: pointer
}

.video-popup {
	position: relative
}

.video-popup::before {
	content: "";
	background: #272a3a;
	left: 0;
	top: 0;
	width: 100%;
	position: absolute;
	height: 100%;
	z-index: 2;
	opacity: .4
}

.pro-img .margin-minus-7 {
	margin: -7px
}

.pro-img img {
	width: 100%
}

.pro-img a {
	display: block
}

.pro-img a i {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	color: #565972;
	display: block;
	z-index: 9;
	text-align: center;
	line-height: 50px;
	border-radius: 35px;
	font-size: 42px;
	background: #fff
}

.masonry-wrap-active.four-column .single-item {
	width: 24%
}

.masonry-wrap-active.two-column .single-item {
	width: 49%
}

.masonry-wrap-active.three-column .single-item {
	width: 33%
}

@media only screen and (max-width:575px) {
	.masonry-wrap-active.three-column .single-item {
		width: 50% !important
	}
}

@media only screen and (max-width:479px) {
	.masonry-wrap-active.three-column .single-item {
		width: 100% !important
	}
}

.masonry-wrap-active .single-item {
	padding: 7px
}

@media only screen and (max-width:575px) {
	.masonry-wrap-active .single-item {
		width: 50% !important
	}
}

@media only screen and (max-width:479px) {
	.masonry-wrap-active .single-item {
		width: 100% !important
	}
}

.portfolio-details-area .port-details-img img {
	width: 100%
}

.portfolio-details-area .abt-content h4 {
	font-size: 28px;
	color: #272a3a;
	margin-bottom: 10px
}

.portfolio-details-area .abt-content p {
	font-size: 16px;
	color: #565972
}

.portfolio-details-area .pro-d-content ul li {
	color: #565972;
	font-size: 16px
}

.portfolio-details-area .pro-d-content ul li .social-links {
	display: inline-block
}

.portfolio-details-area .pro-d-content ul li .social-links i {
	margin-right: 15px;
	font-size: 20px
}

.portfolio_details_navigation {
	padding: 40px 0
}

.portfolio_details_navigation a {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	color: #8a8eaa
}

.portfolio_details_navigation a img {
	margin-right: 8px;
	margin-top: -4px
}

.portfolio_details_navigation .portfolio_details_right a img {
	margin-right: 0;
	margin-left: 8px
}

@media(max-width:576px) {
	.portfolio_details_navigation {
		text-align: center
	}

	.portfolio_details_navigation .menu_icon {
		margin: 15px 0;
		color: #8a8eaa
	}
}

.services {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.services .icon {
	line-height: 72px;
	border-radius: 10px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.services .icon img {
	width: 75px
}

.services .content .title {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.services .content .title:hover {
	color: #1d3e23 !important
}

.services.serv-primary {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.services .big-icon {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	opacity: .05;
	font-size: 120px
}

.services .big-icon.icon-right {
	top: 10%;
	right: -20px;
	left: auto
}

.services .icon2 i {
	color: #272a3a
}

.services:hover {
	-webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, .15);
	box-shadow: 0 10px 25px rgba(60, 72, 88, .15)
}

.services:hover.serv-primary {
	background-color: #1d3e23 !important;
	border-radius: 10px !important;
	color: #fff !important
}

.services:hover.serv-primary .icon2,
.services:hover.serv-primary .para {
	color: rgba(255, 255, 255, .5) !important
}

.services:hover.serv-primary .content,
.services:hover.serv-primary .icon2 {
	z-index: 2
}

.services:hover.serv-primary .icon2 i {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	color: #fff
}

.services:hover .big-icon {
	opacity: .05
}

.process-style {
	position: relative;
	padding: 100px 0
}

@media(max-width:991px) {
	.process-style {
		padding: 40px 0
	}
}

.process-style .single-item {
	position: relative;
	padding-top: 20px
}

.process-style .single-column:nth-child(2) .single-item .shape-layer {
	top: 75px
}

.process-style .single-item .icon-box {
	position: relative;
	display: inline-block;
	font-size: 50px;
	width: 170px;
	height: 170px;
	line-height: 170px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	margin-bottom: 30px;
	z-index: 1;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

.process-style .single-item:hover .icon-box {
	color: #fff
}

.process-style .single-item .icon-box:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	border-radius: 50%;
	z-index: -1;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

.process-style .single-item:hover .icon-box:before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.process-style .single-item .icon-box .count-box {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
	font-family: jost, sans-serif;
	font-weight: 500;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

.process-style .single-item:hover .icon-box .count-box {
	background: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.process-style .single-item h3 {
	margin: 0
}

.process-style .sec-title {
	margin-bottom: 55px
}

.process-style .single-item .icon-box {
	color: #1d3e23
}

.process-style .single-item .icon-box .count-box,
.process-style .single-item .icon-box:before {
	background-color: #1d3e23
}

.process-style .single-item:hover .icon-box .count-box {
	color: #1d3e23
}

.pricing-area {
	background-size: cover;
	background-position: center center
}

.pricing-area .pricing-wrapper {
	padding: 60px 65px 80px;
	background: #fff;
	background-image: url(../images/bg/pricing.png);
	background-repeat: no-repeat;
	-webkit-box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4);
	box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4)
}

.pricing-area .pricing-wrapper .price-count h1 {
	font-size: 150px;
	color: #272a3a;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -3px;
	margin-bottom: 40px
}

.pricing-area .pricing-wrapper .price-count.active h1 {
	font-size: 150px;
	color: #1d3e23;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -3px;
	margin-bottom: 40px
}

.pricing-area .pricing-wrapper .price-count span {
	font-size: 50px;
	color: #1d3e23;
	font-weight: 500
}

.pricing-area .pricing-wrapper .price-count h1 span.usd {
	font-size: 30px;
	font-weight: 500;
	color: #1d3e23;
	position: relative;
	top: -83px
}

.pricing-area .pricing-wrapper .pricing-text h3 {
	font-size: 26px;
	color: #565972;
	font-weight: 400;
	margin-bottom: 0
}

.pricing-area .pricing-wrapper .pricing-list {
	margin-top: 36px;
	margin-bottom: 47px
}

.pricing-area .pricing-wrapper .pricing-list li {
	color: #8a8eaa;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 17px;
	font-family: jost, sans-serif
}

.pricing-area .pricing-wrapper .pricing-list li:last-child {
	padding-bottom: 0
}

.pricing-area .pricing-wrapper .pricing-list li i {
	margin-right: 17px
}

.pricing-area .pricing-wrapper .pricing-button a.btn {
	color: #272a3a;
	background: #ebebff;
	font-weight: 500;
	-webkit-transition: .3s;
	transition: .3s;
	padding: 12px 25px;
	font-size: 18px;
	border: 1px solid #1d3e23;
	-webkit-box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4);
	box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4)
}

.pricing-area .pricing-wrapper .pricing-button a.btn:hover {
	color: #fff;
	background: #1d3e23;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.pricing-area .pricing-wrapper .pricing-button.active>a {
	color: #fff;
	background: #1d3e23;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.pricing-area .pricing-tab {
	display: inline-block;
	background: #fff;
	border-radius: 30px
}

.pricing-area .pricing-tab li {
	display: inline-block
}

.pricing-area .pricing-tab li a {
	color: #272a3a;
	-webkit-box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4);
	box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4);
	text-transform: capitalize;
	font-weight: 500;
	padding: 17px 49px;
	-webkit-transition: .3s;
	transition: .3s;
	background: #fff;
	border-radius: 30px;
	font-family: jost, sans-serif;
	font-size: 18px
}

.pricing-area .pricing-tab li a.active,
.pricing-area .pricing-tab li a:hover {
	background: #272a3a;
	color: #fff
}

.login-signup {
	min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding: 15px
}

.login-signup .aloa-checkbox-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 30px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.login-signup .aloa-bg-color {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background: rgba(255, 255, 255, .795);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.login-signup .aloa-bg-img {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0;
	padding: 0
}

.login-signup .aloa-content {
	padding: 65px 90px 45px;
	width: 100%;
	background-color: #cdcdcd00
}

@media only screen and (max-width:767px) {
	.login-signup .aloa-content {
		padding: 65px 30px 45px
	}
}

.login-signup .aloa-header {
	text-align: center;
	margin-bottom: 50px
}

.login-signup .aloa-header .aloa-logo {
	display: block;
	margin-bottom: 7px
}

.login-signup .aloa-header .aloa-logo img {
	width: 130px
}

.login-signup .aloa-header h1 {
	color: #fff;
	font-size: 36px;
	font-weight: 500;
	margin-bottom: 10px
}

.login-signup .aloa-header p {
	color: #8a8eaa
}

.login-signup .aloa-form h2 {
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 5px
}

.login-signup .aloa-form p {
	font-size: 18px;
	color: #111;
	text-align: center
}

.login-signup .aloa-form form .input-label {
	color: #979696
}

.login-signup .aloa-form .form-group {
	position: relative;
	z-index: 1
}

.login-signup .aloa-form .form-group .field-icon {
	position: absolute;
	z-index: 1;
	right: 19px;
	bottom: 18px;
	font-size: 14px;
	color: #a1a1a1
}

.login-signup .aloa-form .form-group .field-icon:before {
	padding: 17px 10px
}

.login-signup .aloa-form .form-control {
	min-height: 50px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e7e7e7;
	padding: 10px 15px;
	color: #111
}

.login-signup .aloa-form input::-webkit-input-placeholder,
.login-signup .aloa-form input::-moz-placeholder,
.login-signup .aloa-form input:-moz-placeholder,
.login-signup .aloa-form input:-ms-input-placeholder {
	color: #a1a1a1;
	font-size: 15px;
	font-weight: 300
}

.login-signup .aloa-btn-fill {
	font-family: jost, sans-serif;
	cursor: pointer;
	display: inline-block;
	font-size: 17px;
	font-weight: 500;
	border: 0;
	color: #fff;
	border-radius: 35px;
	padding: 10px 36px;
	margin-bottom: 10px;
	width: 100%;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	background-color: #1d3e23;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.login-signup .aloa-btn-fill:hover,
.login-signup .aloa-btn-fill:focus {
	background-color: #272a3a;
	-webkit-box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4);
	box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4)
}

.login-signup .switcher-text {
	color: #8a8eaa;
	font-size: 15px;
	margin-top: 5px;
	display: block;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.login-signup .switcher-text:last-child {
	margin-right: 0
}

.login-signup .switcher-text:hover,
.login-signup .switcher-text.active {
	color: #666
}

.login-signup .switcher-text2 {
	color: #8a8eaa;
	font-size: 15px;
	margin-top: 5px;
	margin-left: 2px;
	display: inline-block;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.login-signup .switcher-text2:last-child {
	margin-right: 0
}

.login-signup .switcher-text2:hover,
.login-signup .switcher-text2.active {
	color: #000
}

.login-signup .aloa-style-line {
	overflow: hidden;
	text-align: center
}

.login-signup .aloa-style-line h3 {
	text-align: center;
	font-weight: 300;
	margin-bottom: 30px;
	font-size: 20px;
	color: #565972;
	display: inline-block;
	position: relative;
	padding: 0 25px;
	z-index: 1
}

.login-signup .aloa-style-line h3:before {
	display: inline-block;
	content: "";
	height: 1px;
	width: 100%;
	background-color: #ebebeb;
	left: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	z-index: 1
}

.login-signup .aloa-style-line h3:after {
	display: inline-block;
	content: "";
	height: 1px;
	width: 100%;
	background-color: #ebebeb;
	right: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	z-index: 1
}

.login-signup .social-media-icons-login {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px !important
}

.login-signup .social-media-icons-login li {
	padding: 5px;
	margin: 0
}

.login-signup .social-media-icons-login li a {
	padding: 15px 25px;
	border-radius: 5px;
	font-size: 15px !important;
	color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #bdc1d7 !important;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	margin: 0;
	font-size: 20px
}

.login-signup .social-media-icons-login li a i {
	position: relative;
	font-size: 25px;
	top: 3px;
	color: #565972;
	color: #fff
}

.login-signup .social-media-icons-login li a.facebook {
	background-color: #1778f2;
	border: 1px solid #1778f2 !important
}

.login-signup .social-media-icons-login li a.twitter {
	background: #1da1f2;
	border: 1px solid #1da1f2 !important
}

.login-signup .social-media-icons-login li a.youtube {
	background: #fe0000;
	border: 1px solid #fe0000 !important
}

.login-signup .social-media-icons-login li a:hover.facebook {
	border: 1px solid #272a3a !important;
	background-color: #272a3a;
	-webkit-box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4);
	box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4)
}

.login-signup .social-media-icons-login li a:hover.twitter {
	border: 1px solid #272a3a !important;
	background-color: #272a3a;
	-webkit-box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4);
	box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4)
}

.login-signup .social-media-icons-login li a:hover.youtube {
	border: 1px solid #272a3a !important;
	background-color: #272a3a;
	-webkit-box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4);
	box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4)
}

.login-signup .checkbox {
	padding-left: 5px
}

.login-signup .checkbox label {
	padding-left: 20px;
	color: #8a8eaa;
	margin-bottom: 0;
	font-size: 15px;
	position: relative
}

.login-signup .checkbox label:before {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	top: 5px;
	left: 0;
	margin-left: -5px;
	border: 1px solid;
	border-color: #dcdcdc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out
}

.login-signup .checkbox label:after {
	position: absolute;
	margin-left: -20px;
	padding-left: 3px;
	font-size: 10px;
	color: #555
}

.login-signup .checkbox input[type=checkbox] {
	display: none
}

.login-signup .checkbox input[type=checkbox]:checked+label::after {
	font-family: line awesome free;
	content: "\f00c";
	font-weight: 900;
	color: #fff;
	left: 15px;
	top: 4px
}

.login-signup .checkbox input[type=checkbox]:checked+label::before {
	background-color: #2e4bf1;
	border-color: #2e4bf1
}

.login-signup .aloa-footer {
	text-align: center
}

.login-signup .aloa-footer p {
	color: #8a8eaa
}

.widget-area {
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
	padding-left: 15px
}

#how h3 {
	color: #fff
}

.widget-area .widget {
	margin-bottom: 40px
}

.widget-area .widget:last-child {
	margin-bottom: 0
}

.widget-area .widget .widget-title {
	margin-bottom: 25px;
	position: relative;
	padding-bottom: 7px;
	border-bottom: 1px solid #eee;
	font-size: 22px;
	color: #fff
}

.widget-area .widget .widget-title::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50px;
	height: 1px;
	bottom: -1px;
	background-color: #1d3e23
}

.widget-area .widget_search form {
	position: relative
}

.widget-area .widget_search form .screen-reader-text {
	display: none
}

.widget-area .widget_search form label {
	display: block;
	margin-bottom: 0
}

.widget-area .widget_search form .search-field {
	height: 50px;
	color: #8a8eaa;
	background-color: #f2f4f5;
	display: block;
	width: 100%;
	border-radius: 5px;
	padding: 0 0 0 15px;
	border: none;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 17px;
	font-weight: 500
}

.widget-area .widget_search form .search-field::-webkit-input-placeholder,
.widget-area .widget_search form .search-field:-ms-input-placeholder,
.widget-area .widget_search form .search-field::-ms-input-placeholder,
.widget-area .widget_search form .search-field::-webkit-input-placeholder {
	color: #8a8eaa;
	-webkit-transition: .5s;
	transition: .5s
}

.widget-area .widget_search form .search-field::-webkit-input-placeholder,
.widget-area .widget_search form .search-field:-ms-input-placeholder,
.widget-area .widget_search form .search-field::-ms-input-placeholder,
.widget-area .widget_search form .search-field::placeholder {
	color: #8a8eaa;
	-webkit-transition: .5s;
	transition: .5s
}

.widget-area .widget_search form .search-field:focus::-webkit-input-placeholder,
.widget-area .widget_search form .search-field:focus:-ms-input-placeholder,
.widget-area .widget_search form .search-field:focus::-ms-input-placeholder,
.widget-area .widget_search form .search-field:focus::-webkit-input-placeholder {
	border: transparent !important;
	color: transparent !important
}

.widget-area .widget_search form .search-field:focus::-webkit-input-placeholder,
.widget-area .widget_search form .search-field:focus:-ms-input-placeholder,
.widget-area .widget_search form .search-field:focus::-ms-input-placeholder,
.widget-area .widget_search form .search-field:focus::placeholder {
	border: transparent !important;
	color: transparent !important
}

.widget-area .widget_search form button {
	border: none;
	background-color: transparent;
	color: #1d3e23;
	height: 40px;
	width: 40px;
	position: absolute;
	right: 5px;
	padding: 0;
	-webkit-transition: .5s;
	transition: .5s;
	top: 5px;
	font-size: 20px
}

.widget-area .widget_search form button i {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.widget-area .widget_search form button:hover,
.widget-area .widget_search form button:focus {
	border-radius: 5px;
	background-color: #1d3e23;
	color: #fff
}

.widget-area .widget_aloa_posts_thumb {
	position: relative;
	overflow: hidden
}

.widget-area .widget_aloa_posts_thumb .item {
	overflow: hidden;
	margin-bottom: 15px
}

.widget-area .widget_aloa_posts_thumb .item:last-child {
	margin-bottom: 0
}

.widget-area .widget_aloa_posts_thumb .item .thumb {
	float: left;
	height: 80px;
	overflow: hidden;
	display: block;
	position: relative;
	width: 80px;
	margin-right: 15px;
	z-index: 1
}

.widget-area .widget_aloa_posts_thumb .item .thumb .fullimage {
	width: 80px;
	height: 80px;
	display: inline-block;
	border-radius: 5px;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important
}

.widget-area .widget_aloa_posts_thumb .item .thumb .fullimage.bg1 {
	background-image: url(../images/01.jpg)
}

.widget-area .widget_aloa_posts_thumb .item .thumb .fullimage.bg2 {
	background-image: url(../images/02.jpg)
}

.widget-area .widget_aloa_posts_thumb .item .thumb .fullimage.bg3 {
	background-image: url(../images/03.jpg)
}

.widget-area .widget_aloa_posts_thumb .item .thumb::before,
.widget-area .widget_aloa_posts_thumb .item .thumb::after {
	-webkit-transition: all .8s cubic-bezier(.2, 1, .22, 1);
	transition: all .8s cubic-bezier(.2, 1, .22, 1);
	content: '';
	background-color: #fff;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.widget-area .widget_aloa_posts_thumb .item .thumb::before {
	width: 40px;
	height: 1px;
	left: 100%
}

.widget-area .widget_aloa_posts_thumb .item .thumb::after {
	height: 40px;
	width: 1px;
	top: 0
}

.widget-area .widget_aloa_posts_thumb .item .info {
	overflow: hidden;
	margin-top: 5px
}

.widget-area .widget_aloa_posts_thumb .item .info span {
	display: block;
	color: #8a8eaa;
	text-transform: uppercase;
	margin-top: -2px;
	margin-bottom: 5px;
	font-size: 13px
}

.widget-area .widget_aloa_posts_thumb .item .info .title {
	margin-bottom: 0;
	line-height: 1.4;
	font-size: 17px;
	font-weight: 800
}

.widget-area .widget_aloa_posts_thumb .item .info .title a {
	display: inline-block;
	color: #fff
}

.widget-area .widget_aloa_posts_thumb .item .info .title a:hover {
	color: #1d3e23
}

.widget-area .widget_aloa_posts_thumb .item:hover .thumb::before,
.widget-area .widget_aloa_posts_thumb .item:hover .thumb::after {
	opacity: 1;
	top: 50%;
	left: 50%
}

.widget-area .widget_categories ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none
}

.widget-area .widget_categories ul li {
	position: relative;
	margin-bottom: 12px;
	overflow: hidden;
	color: #565972;
	padding-left: 18px;
	font-weight: 700;
	font-size: 15px
}

.widget-area .widget_categories ul li:last-child {
	margin-bottom: 0
}

.widget-area .widget_categories ul li a {
	color: #565972;
	display: inline-block
}

.widget-area .widget_categories ul li a:hover {
	color: #1d3e23
}

.widget-area .widget_categories ul li .post-count {
	font-size: 14px;
	display: inline-block;
	position: relative;
	top: 1px
}

.widget-area .shop-catigory>ul>li {
	color: #8a8eaa;
	padding: 0 0 13px;
	display: block
}

.widget-area .shop-catigory>ul>li:last-child {
	padding: 0
}

.widget-area .shop-catigory>ul>li>a {
	font-size: 15px;
	display: block
}

.widget-area .shop-catigory>ul>li>a i {
	float: right;
	font-size: 12px
}

.widget-area .shop-catigory>ul>li ul li {
	padding: 7px 0 0 15px
}

.widget-area .shop-catigory>ul>li ul li a {
	display: block
}

.widget-area .sidebar-widget-list ul li {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding: 0 0 18px
}

.widget-area .sidebar-widget-list ul li:last-child {
	padding: 0 0
}

.widget-area .sidebar-widget-list ul li .sidebar-widget-list-left {
	position: relative
}

.widget-area .sidebar-widget-list ul li .sidebar-widget-list-left input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	z-index: 999;
	width: auto
}

.widget-area .sidebar-widget-list ul li .sidebar-widget-list-left input:checked~.checkmark {
	background-color: #1d3e23;
	border: 2px solid #1d3e23
}

.widget-area .sidebar-widget-list ul li .sidebar-widget-list-left input:checked~.checkmark::after {
	display: block
}

.widget-area .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark {
	position: absolute;
	top: 5px;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: #fff;
	border: 1px solid #888
}

.widget-area .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark::after {
	content: "";
	position: absolute;
	display: none
}

.widget-area .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark::after {
	left: 3px;
	top: 0;
	width: 5px;
	height: 8px;
	border: solid #fff;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.widget-area .sidebar-widget-list ul li a {
	margin-left: 30px;
	display: block
}

.widget-area .sidebar-widget-list ul li a span {
	background-color: #eee;
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	border-radius: 50px;
	float: right;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	font-size: 13px
}

.widget-area .sidebar-widget-list ul li a:hover span {
	color: #fff;
	background-color: #1d3e23
}

.widget-area .widget_tag_cloud .widget-title {
	margin-bottom: 17px
}

.widget-area .tagcloud a {
	display: inline-block;
	background: #f5f5f5;
	color: #565972;
	padding: 7px 15px;
	border: none;
	border-radius: 3px;
	font-weight: 700;
	font-size: 14px !important;
	margin-top: 8px;
	margin-right: 4px
}

.widget-area .tagcloud a:hover,
.widget-area .tagcloud a:focus {
	color: #fff;
	background-color: #1d3e23
}

.filter-type-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.filter-type-price label {
	display: inline-block
}

.filter-type-price input {
	width: 100px;
	display: inline-block;
	text-align: right;
	border: none
}

.ui-slider-horizontal {
	height: 5px
}

.ui-widget-header {
	background: #1d3e23
}

.ui-slider-horizontal .ui-slider-handle {
	top: -8px;
	margin-left: -.6em
}

.ui-slider .ui-slider-handle {
	border-radius: 50%;
	outline: none
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
	border: 5px solid #1d3e23;
	background: #f6f6f6;
	font-weight: 400;
	color: #454545;
	border-radius: 50%;
	outline: none
}

html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 5px solid #1d3e23;
	background: #f6f6f6;
	font-weight: 400;
	color: #454545;
	border-radius: 50%;
	outline: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 5px solid #1d3e23;
	background: #f6f6f6;
	font-weight: 400;
	color: #454545;
	border-radius: 50%;
	outline: none
}

.blog-area {
	position: relative;
	z-index: 1
}

.blog-area .row.align-items-center {
	margin-left: -40px;
	margin-right: -40px
}

.blog-area .row.align-items-center .col-lg-4 {
	padding-left: 40px;
	padding-right: 40px
}

.blog-area .row.align-items-center .col-lg-4:nth-child(2) {
	padding-left: 0;
	padding-right: 0
}

.blog-area .single-blog-post {
	margin-bottom: 30px;
	background-color: #fafbff;
	-webkit-transition: .5s;
	transition: .5s
}

.blog-area .single-blog-post .post-image {
	border-radius: 5px 5px 0 0
}

.blog-area .single-blog-post .post-image a {
	display: block;
	border-radius: 5px 5px 0 0
}

.blog-area .single-blog-post .post-image a img {
	border-radius: 5px 5px 0 0;
	width: 100%
}

.blog-area .single-blog-post .post-content {
	padding: 25px
}

.blog-area .single-blog-post .post-content .post-meta {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 18px;
	margin-left: -7px;
	margin-right: -7px
}

.blog-area .single-blog-post .post-content .post-meta li {
	color: #8a8eaa;
	font-size: 15px;
	position: relative;
	padding-left: 29px;
	padding-right: 7px
}

.blog-area .single-blog-post .post-content .post-meta li .post-author img {
	width: 35px;
	height: 35px;
	margin-right: 10px
}

.blog-area .single-blog-post .post-content .post-meta li .post-author span {
	font-weight: 600;
	font-size: 15px
}

.blog-area .single-blog-post .post-content .post-meta li i {
	color: #1d3e23;
	position: absolute;
	left: 7px;
	top: 0
}

.blog-area .single-blog-post .post-content .post-meta li:first-child {
	padding-left: 7px
}

.blog-area .single-blog-post .post-content h3 {
	margin-bottom: 0;
	line-height: 1.3;
	font-size: 24px
}

.blog-area .single-blog-post .post-content h3 a {
	display: inline-block
}

.blog-area .single-blog-post:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09);
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .09)
}

.blog-details-area .article-image img {
	width: 100%
}

.blog-details-area .article-content .entry-meta ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none
}

.blog-details-area .article-content .entry-meta ul li {
	margin-right: 20px;
	position: relative;
	display: inline-block;
	border-right: 1px solid #eee;
	font-weight: 600;
	font-size: 17px;
	padding-right: 20px;
	padding-left: 45px
}

.blog-details-area .article-content .entry-meta ul li i {
	font-size: 32px;
	color: #cfcfcf;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.blog-details-area .article-content .entry-meta ul li span {
	display: block;
	color: #1d3e23;
	text-transform: uppercase;
	margin-bottom: 2px;
	font-size: 14px;
	font-weight: 600
}

.blog-details-area .article-content .entry-meta ul li a {
	display: inline-block;
	font-size: 17px;
	font-weight: 700
}

.blog-details-area .article-content .entry-meta ul li:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: none
}

.blog-details-area .article-content h3 {
	margin-bottom: 5px;
	font-size: 24px
}

.blog-details-area .article-content .wp-block-gallery.columns-3 {
	padding-left: 0;
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
	margin-bottom: 30px;
	margin-top: 30px
}

.blog-details-area .article-content .wp-block-gallery.columns-3 li {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.3333%;
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	padding-right: 10px;
	padding-left: 10px
}

.blog-details-area .article-content .wp-block-gallery.columns-3 li figure {
	margin-bottom: 0
}

.blog-details-area .article-content .features-list {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 25px
}

.blog-details-area .article-content .features-list li {
	margin-bottom: 15px;
	position: relative;
	padding-left: 26px;
	font-weight: 400;
	color: #272a3a
}

.blog-details-area .article-content .features-list li i {
	color: #1d3e23;
	display: inline-block;
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 3px
}

.features-list a {
	color: #1d3e23
}

.features-list a:hover {
	color: #000
}

.blog-details-area .article-content .features-list li:last-child {
	margin-bottom: 0
}

.blog-details-area .article-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #eee;
	padding-top: 30px;
	margin-top: 30px
}

.blog-details-area .article-footer .article-tags {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	color: #8a8eaa
}

.blog-details-area .article-footer .article-tags span {
	display: inline-block;
	color: #565972;
	margin-right: 3px;
	position: relative;
	top: 3px;
	font-size: 20px
}

.blog-details-area .article-footer .article-tags a {
	display: inline-block;
	font-weight: 700
}

.blog-details-area .article-footer .article-share {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.blog-details-area .article-footer .article-share .social {
	padding-left: 0;
	list-style-type: none;
	text-align: right;
	margin-bottom: 0
}

.blog-details-area .article-footer .article-share .social li {
	display: inline-block
}

.blog-details-area .article-footer .article-share .social li span {
	display: inline-block;
	margin-right: 3px;
	font-weight: 700;
	position: relative;
	top: -1px
}

.blog-details-area .article-footer .article-share .social li a i {
	display: block;
	width: 32px;
	height: 32px;
	line-height: 34px;
	border-radius: 50%;
	color: #fff;
	background-size: 300% 100%;
	text-align: center;
	font-size: 17px;
	margin-left: 2px;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	background-color: #1d3e23;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.blog-details-area .article-footer .article-share .social li a i:hover,
.blog-details-area .article-footer .article-share .social li a i:focus {
	background-position: 100% 0;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.blog-details-area .article-author {
	margin-top: 30px;
	border-radius: 5px;
	background: #fdfcfc
}

.blog-details-area .article-author .author-profile-header {
	height: 115px;
	border-radius: 5px 5px 0 0;
	background-color: #1d3e23;
	background-image: url(../img/bg.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.blog-details-area .article-author .author-profile {
	padding: 0 25px 25px
}

.blog-details-area .article-author .author-profile .author-profile-title {
	position: relative;
	z-index: 1;
	margin-top: -45px
}

.blog-details-area .article-author .author-profile .author-profile-title img {
	display: inline-block;
	border: 3px solid #fff;
	width: 100px;
	height: 100px;
	margin-bottom: 25px
}

.blog-details-area .article-author .author-profile .author-profile-title h4 {
	margin-bottom: 5px;
	font-size: 22px
}

.blog-details-area .article-author .author-profile .author-profile-title span {
	display: block;
	margin-bottom: 12px;
	font-size: 16px;
	color: #8a8eaa
}

.blog-details-area .article-author .author-profile .author-profile-title p {
	font-size: 16px
}

.blog-details-area blockquote,
.blog-details-area .blockquote {
	overflow: hidden;
	background-color: #fafafa;
	padding: 50px !important;
	position: relative;
	text-align: center;
	z-index: 1;
	margin-bottom: 20px;
	margin-top: 20px
}

.blog-details-area blockquote p,
.blog-details-area .blockquote p {
	color: #565972;
	line-height: 1.6;
	margin-bottom: 0;
	font-style: italic;
	font-weight: 700;
	font-size: 22px !important
}

.blog-details-area blockquote cite,
.blog-details-area .blockquote cite {
	display: none
}

.blog-details-area blockquote::before,
.blog-details-area .blockquote::before {
	color: #efefef;
	position: absolute;
	-webkit-animation: fade-up 1.5s infinite linear;
	animation: fade-up 1.5s infinite linear;
	left: 50px;
	top: -50px;
	z-index: -1;
	content: "\EC52";
	font-family: remixicon !important;
	font-size: 135px
}

.blog-details-area blockquote::after,
.blog-details-area .blockquote::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background-color: #1d3e23;
	margin-top: 20px;
	margin-bottom: 20px
}

.blog-details-area .aloa-post-navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.blog-details-area .prev-link-wrapper {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 15px
}

.blog-details-area .prev-link-wrapper a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.blog-details-area .prev-link-wrapper a:hover .image-prev::after,
.blog-details-area .prev-link-wrapper a:hover .image-prev .post-nav-title {
	opacity: 1;
	visibility: visible
}

.blog-details-area .prev-link-wrapper a:hover .prev-link-info-wrapper {
	color: #1d3e23
}

.blog-details-area .prev-link-wrapper .image-prev {
	display: inline-block;
	min-width: 100px;
	width: 100px;
	border-radius: 5px;
	overflow: hidden;
	vertical-align: top;
	margin-right: 20px;
	position: relative;
	-webkit-transition: .5s;
	transition: .5s
}

.blog-details-area .prev-link-wrapper .image-prev img {
	border-radius: 5px
}

.blog-details-area .prev-link-wrapper .image-prev::after {
	display: block;
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	background-color: #1d3e23;
	visibility: hidden;
	-webkit-transition: .5s;
	transition: .5s
}

.blog-details-area .prev-link-wrapper .image-prev .post-nav-title {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	z-index: 2;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 17px;
	font-weight: 700
}

.blog-details-area .prev-link-wrapper .prev-link-info-wrapper {
	color: #565972;
	-webkit-transition: .5s;
	transition: .5s
}

.blog-details-area .prev-link-wrapper .prev-title {
	display: inline-block;
	font-weight: 800;
	font-size: 17px
}

.blog-details-area .prev-link-wrapper .meta-wrapper {
	display: block;
	color: #8a8eaa;
	text-transform: capitalize;
	margin-top: 7px;
	font-weight: 600;
	font-size: 16px
}

.blog-details-area .next-link-wrapper {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	text-align: right;
	padding-left: 15px
}

.blog-details-area .next-link-wrapper a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.blog-details-area .next-link-wrapper a:hover .image-next::after,
.blog-details-area .next-link-wrapper a:hover .image-next .post-nav-title {
	opacity: 1;
	visibility: visible
}

.blog-details-area .next-link-wrapper a:hover .next-link-info-wrapper {
	color: #1d3e23
}

.blog-details-area .next-link-wrapper .image-next {
	display: inline-block;
	min-width: 100px;
	width: 100px;
	border-radius: 5px;
	overflow: hidden;
	vertical-align: top;
	margin-left: 20px;
	position: relative;
	-webkit-transition: .5s;
	transition: .5s
}

.blog-details-area .next-link-wrapper .image-next img {
	border-radius: 5px
}

.blog-details-area .next-link-wrapper .image-next::after {
	display: block;
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	background-color: #1d3e23;
	visibility: hidden;
	-webkit-transition: .5s;
	transition: .5s
}

.blog-details-area .next-link-wrapper .image-next .post-nav-title {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	z-index: 2;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 17px;
	font-weight: 700
}

.blog-details-area .next-link-wrapper .next-link-info-wrapper {
	-webkit-transition: .5s;
	transition: .5s;
	color: #565972
}

.blog-details-area .next-link-wrapper .next-title {
	display: inline-block;
	font-weight: 800;
	font-size: 17px
}

.blog-details-area .next-link-wrapper .meta-wrapper {
	display: block;
	color: #8a8eaa;
	text-transform: capitalize;
	margin-top: 7px;
	font-weight: 600;
	font-size: 16px
}

.blog-details-area .comments-area {
	margin-top: 30px
}

.blog-details-area .comments-area .comments-title {
	line-height: initial;
	margin-bottom: 30px;
	font-size: 24px
}

.blog-details-area .comments-area ol,
.blog-details-area .comments-area ul,
.blog-details-area .comments-area .comment-list {
	padding: 0;
	margin: 0;
	list-style-type: none
}

.blog-details-area .comments-area .children {
	margin-left: 20px
}

@media(max-width:991px) {
	.blog-details-area .comments-area .children {
		margin-left: 0
	}
}

.blog-details-area .comments-area .comment-body {
	border-bottom: 1px dashed #eee;
	padding-left: 70px;
	color: #565972;
	margin-bottom: 20px;
	padding-bottom: 20px
}

.blog-details-area .comments-area .comment-body .reply {
	margin-top: 15px
}

.blog-details-area .comments-area .comment-body .reply a {
	color: #fff;
	display: inline-block;
	padding: 6px 20px 3px;
	border-radius: 30px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	background-size: 300% 100%;
	background-color: #1d3e23;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.blog-details-area .comments-area .comment-body .reply a:hover {
	background-position: 100% 0;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.blog-details-area .comments-area .comment-author {
	font-size: 17px;
	margin-bottom: 8px;
	position: relative;
	z-index: 2
}

.blog-details-area .comments-area .comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px
}

.blog-details-area .comments-area .comment-author .fn {
	font-weight: 800
}

.blog-details-area .comments-area .comment-author .says {
	display: none
}

.blog-details-area .comments-area .comment-metadata {
	margin-bottom: .8em;
	color: #8a8eaa;
	letter-spacing: .01em;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400
}

.blog-details-area .comments-area .comment-metadata a {
	display: inline-block;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-metadata a:hover {
	color: #1d3e23
}

.blog-details-area .comments-area .comment-content p {
	font-size: 16.5px;
	font-weight: 500
}

.blog-details-area .comments-area .comment-respond {
	margin-top: 30px
}

.blog-details-area .comments-area .comment-respond .comment-reply-title {
	margin-bottom: 0;
	font-size: 24px
}

.blog-details-area .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
	display: inline-block
}

.blog-details-area .comments-area .comment-respond .comment-form {
	overflow: hidden
}

.blog-details-area .comments-area .comment-respond .comment-notes {
	margin-bottom: 20px;
	margin-top: 10px
}

.blog-details-area .comments-area .comment-respond .comment-notes .required {
	color: red
}

.blog-details-area .comments-area .comment-respond .comment-form-comment {
	float: left;
	width: 100%
}

.blog-details-area .comments-area .comment-respond label {
	display: none
}

.blog-details-area .comments-area .comment-respond input[type=date],
.blog-details-area .comments-area .comment-respond input[type=time],
.blog-details-area .comments-area .comment-respond input[type=datetime-local],
.blog-details-area .comments-area .comment-respond input[type=week],
.blog-details-area .comments-area .comment-respond input[type=month],
.blog-details-area .comments-area .comment-respond input[type=text],
.blog-details-area .comments-area .comment-respond input[type=email],
.blog-details-area .comments-area .comment-respond input[type=url],
.blog-details-area .comments-area .comment-respond input[type=password],
.blog-details-area .comments-area .comment-respond input[type=search],
.blog-details-area .comments-area .comment-respond input[type=tel],
.blog-details-area .comments-area .comment-respond input[type=number] {
	display: block;
	width: 100%;
	background-color: #f4f4f4;
	border: none;
	padding: 1px 0 0 15px;
	height: 50px;
	outline: 0;
	border-radius: 3px;
	color: #565972;
	font-weight: 600;
	font-size: 15px
}

.blog-details-area .comments-area .comment-respond textarea {
	display: block;
	width: 100%;
	background-color: #f4f4f4;
	border: none;
	padding: 1px 0 0 15px;
	height: 50px;
	outline: 0;
	border-radius: 3px;
	color: #565972;
	font-weight: 600;
	font-size: 15px
}

.blog-details-area .comments-area .comment-respond input[type=date]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]::-webkit-input-placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond textarea::-webkit-input-placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond input[type=date]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]:-ms-input-placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond textarea:-ms-input-placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond input[type=date]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]::-ms-input-placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond textarea::-ms-input-placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond input[type=date]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]::-webkit-input-placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond input[type=date]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]:-ms-input-placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond input[type=date]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]::-ms-input-placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond input[type=date]::placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]::placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]::placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]::placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]::placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]::placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]::placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]::placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]::placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]::placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]::placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]::placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond textarea::-webkit-input-placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond textarea:-ms-input-placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond textarea::-ms-input-placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond textarea::placeholder {
	-webkit-transition: .5s;
	transition: .5s;
	color: #8a8eaa
}

.blog-details-area .comments-area .comment-respond input[type=date]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]:focus::-webkit-input-placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond textarea:focus::-webkit-input-placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond input[type=date]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]:focus:-ms-input-placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond textarea:focus:-ms-input-placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond input[type=date]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]:focus::-ms-input-placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond textarea:focus::-ms-input-placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond input[type=date]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]:focus::-webkit-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]:focus::-webkit-input-placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond input[type=date]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]:focus:-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]:focus:-ms-input-placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond input[type=date]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]:focus::-ms-input-placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]:focus::-ms-input-placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond input[type=date]:focus::placeholder,
.blog-details-area .comments-area .comment-respond input[type=time]:focus::placeholder,
.blog-details-area .comments-area .comment-respond input[type=datetime-local]:focus::placeholder,
.blog-details-area .comments-area .comment-respond input[type=week]:focus::placeholder,
.blog-details-area .comments-area .comment-respond input[type=month]:focus::placeholder,
.blog-details-area .comments-area .comment-respond input[type=text]:focus::placeholder,
.blog-details-area .comments-area .comment-respond input[type=email]:focus::placeholder,
.blog-details-area .comments-area .comment-respond input[type=url]:focus::placeholder,
.blog-details-area .comments-area .comment-respond input[type=password]:focus::placeholder,
.blog-details-area .comments-area .comment-respond input[type=search]:focus::placeholder,
.blog-details-area .comments-area .comment-respond input[type=tel]:focus::placeholder,
.blog-details-area .comments-area .comment-respond input[type=number]:focus::placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond textarea {
	height: auto !important;
	padding-top: 15px
}

.blog-details-area .comments-area .comment-respond textarea:focus::-webkit-input-placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond textarea:focus:-ms-input-placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond textarea:focus::-ms-input-placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond textarea:focus::placeholder {
	color: transparent
}

.blog-details-area .comments-area .comment-respond .comment-form-author {
	float: left;
	width: 50%;
	padding-right: 10px;
	margin-bottom: 20px
}

.blog-details-area .comments-area .comment-respond .comment-form-email {
	float: left;
	width: 50%;
	padding-left: 12px;
	margin-bottom: 20px
}

.blog-details-area .comments-area .comment-respond .comment-form-url {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent {
	width: 100%;
	float: left;
	position: relative;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-top: 15px
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent input {
	position: absolute;
	left: 0;
	top: 7.5px
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent label {
	display: inline-block;
	margin: 0;
	color: #8a8eaa;
	font-weight: 400;
	font-size: 17px
}

.blog-details-area .comments-area .comment-respond .form-submit {
	float: left;
	width: 100%;
	padding-left: 50px;
	padding-bottom: 50px
}

.blog-details-area .comments-area .comment-respond .form-submit input {
	color: #fff !important;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	border: none;
	background-size: 300% 100%;
	padding: 0 55px;
	border-radius: 35px;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	height: 60px;
	line-height: 60px;
	background-color: #1d3e23;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.blog-details-area .comments-area .comment-respond .form-submit input:hover,
.blog-details-area .comments-area .comment-respond .form-submit input:focus {
	background-position: 100% 0;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.contact-section {
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px
}

@media(max-width:991px) {
	.contact-section {
		padding-top: 60px;
		padding-bottom: 60px
	}
}

.contact-section .map-site {
	height: 100%;
	min-height: 350px
}

.contact-section .map-site iframe {
	width: 100%;
	height: 100%;
	border-radius: 5px
}

.contact-section .contact-form-wrap input {
	width: 100%;
	height: 50px;
	border: 1px solid #edeef5;
	padding: 5px 20px;
	color: #565972
}

.contact-section .contact-form-wrap textarea {
	width: 100%;
	height: 200px;
	border: 1px solid #edeef5;
	padding: 10px 20px;
	color: #565972;
	resize: none
}

.contact-section .contact-form-wrap input[type=submit],
.contact-section .contact-form-wrap button,
.contact-section .contact-form-wrap .submit {
	width: auto;
	height: 50px;
	border: none;
	padding: 5px 30px;
	background-color: #1d3e23;
	font-size: 16px;
	color: #fff !important;
	text-transform: capitalize;
	font-weight: 500;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	background-color: #1d3e23;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.contact-section .contact-form-wrap input[type=submit]:hover,
.contact-section .contact-form-wrap button:hover,
.contact-section .contact-form-wrap .submit:hover {
	background-color: #272a3a;
	-webkit-box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4);
	box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4)
}

.contact-info-box {
	margin-bottom: 30px;
	position: relative;
	padding-left: 100px;
	z-index: 1
}

.contact-info-box .icon {
	width: 75px;
	height: 85px;
	background-color: #f7f7f7;
	border-radius: 3px;
	position: absolute;
	text-align: center;
	left: 0;
	font-size: 40px;
	color: #1d3e23;
	-webkit-transition: .5s;
	transition: .5s;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.contact-info-box .icon i {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.contact-info-box h3 {
	margin-bottom: 10px;
	font-size: 24px
}

.contact-info-box p {
	margin-bottom: 3px
}

.contact-info-box p:last-child {
	margin-bottom: 0
}

.contact-info-box .back-icon {
	position: absolute;
	right: 0;
	bottom: -15px;
	z-index: -1;
	color: #221638;
	line-height: 1;
	opacity: .04;
	font-size: 100px;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg)
}

.contact-info-box:hover .icon {
	background-color: #1d3e23;
	color: #fff
}

.single-team-member .team-info {
	background-color: #1d3e23;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s, visibility .3s;
	transition: opacity .3s, visibility .3s
}

.single-team-member .team-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.single-team-member .team-info h5 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	color: inherit
}

.single-team-member .team-info h6 {
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.single-team-member .team-info h5,
.single-team-member .team-info h6,
.single-team-member .team-info .team-social {
	-webkit-transform: translateY(25px);
	transform: translateY(25px);
	opacity: 0;
	transition: opacity .45s cubic-bezier(.19, 1, .22, 1), -webkit-transform .45s cubic-bezier(.19, 1, .22, 1);
	-webkit-transition: opacity .45s cubic-bezier(.19, 1, .22, 1), -webkit-transform .45s cubic-bezier(.19, 1, .22, 1);
	transition: transform .45s cubic-bezier(.19, 1, .22, 1), opacity .45s cubic-bezier(.19, 1, .22, 1);
	transition: transform .45s cubic-bezier(.19, 1, .22, 1), opacity .45s cubic-bezier(.19, 1, .22, 1), -webkit-transform .45s cubic-bezier(.19, 1, .22, 1)
}

.single-team-member .team-info .team-social li a {
	text-decoration: none;
	color: inherit;
	opacity: .8
}

.single-team-member .team-info .team-social li a:hover {
	opacity: 1
}

.single-team-member .team-info .team-social li a i {
	padding: 6px;
	font-size: 20px
}

.single-team-member:hover .team-info {
	opacity: 1;
	visibility: visible
}

.single-team-member:hover .team-info h6 {
	opacity: 1
}

.single-team-member:hover .team-info h5,
.single-team-member:hover .team-info h6,
.single-team-member:hover .team-info .team-social {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.faq-section {
	position: relative;
	padding: 160px 0
}

@media(max-width:767px) {
	.faq-section {
		padding: 90px 0
	}
}

.accordion-box .block .acc-content {
	position: relative;
	display: none
}

.accordion-box .block .acc-content.current {
	display: block
}

#content_block_06 .content-box {
	position: relative;
	margin-right: 15px
}

#content_block_06 .content-box .sec-title {
	margin-bottom: 44px
}

#content_block_07 .accordion-box {
	position: relative;
	margin-top: 10px
}

@media(max-width:991px) {
	#content_block_07 .accordion-box {
		margin-top: 50px;
		margin-left: 0
	}
}

.accordion-box .block {
	position: relative;
	background: #fff;
	border-radius: 20px;
	margin-bottom: 30px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

.accordion-box .block:last-child {
	margin-bottom: 0
}

.accordion-box .block.active-block {
	-webkit-box-shadow: 0 20px 30px 0 rgba(99, 119, 238, .1);
	box-shadow: 0 20px 30px 0 rgba(99, 119, 238, .1)
}

.accordion-box .block .acc-btn h4 {
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	color: #3b3b3b;
	padding: 35px 30px 37px;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease
}

.accordion-box .block .acc-btn h4 span {
	margin-right: 10px
}

.accordion-box .block .acc-content .content {
	position: relative;
	padding: 0 30px 35px 60px
}

.accordion-box .block .acc-btn.active h4 {
	padding-bottom: 16px
}

.news-section.home-3 {
	padding: 160px 0
}

.project-section.home-boxed,
.news-section.home-boxed {
	background: #fff
}

.work-area {
	position: relative;
	z-index: 2;
	overflow: hidden
}

.work-area h4 {
	font-family: barlow, sans-serif;
	color: #8a8eaa;
	font-weight: 400;
	font-size: 16px;
	line-height: 34px
}

.work-area img.work__bg {
	width: 585px;
	position: absolute;
	top: 15%;
	right: 6%
}

@media only screen and (min-width:1401px) {
	.work-area img.work__bg {
		right: 14%
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.work-area img.work__bg {
		display: none
	}
}

@media only screen and (max-width:767px) {
	.work-area img.work__bg {
		display: none
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.work-area img.work__bg {
		display: none
	}
}

@media only screen and (max-width:575px) {
	.work-area img.work__bg {
		display: none
	}
}

.work-area .points ul li {
	position: relative;
	z-index: 2;
	font-size: 18px;
	line-height: 26px;
	color: #8a8eaa;
	margin-bottom: 20px;
	padding-left: 30px
}

.work-area .points ul li:last-child {
	margin-bottom: 0
}

.work-area .points li i {
	position: absolute;
	left: 0;
	top: 5px;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	background: #40cd79;
	-webkit-box-shadow: 0 5px 24px rgba(54, 207, 118, .15);
	box-shadow: 0 5px 24px rgba(54, 207, 118, .15)
}

.counter-area .counter-image-area {
	position: relative;
	z-index: 9;
	height: 100%;
	margin-right: 45px
}

.counter-area .counter-image-area.right-0 .counter-image {
	right: 0
}

.counter-area .counter-image-area .counter-image {
	position: relative;
	top: 0;
	right: 45px;
	float: right;
	z-index: 9
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.counter-area .counter-image-area .counter-image {
		right: 0
	}
}

@media only screen and (max-width:767px) {
	.counter-area .counter-image-area .counter-image {
		right: 0
	}
}

@media only screen and (max-width:479px) {
	.counter-area .counter-image-area .counter-image {
		margin-top: 20px;
		right: 0;
		top: -30px
	}
}

.counter-area .counter-image-area .counter-image:nth-child(2) {
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 8;
	float: left;
	text-align: left
}

.counter-area .counter-image-area .counter-image img {
	border-radius: 5px;
	-webkit-box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .05), 0 1.5rem 2.2rem rgba(0, 0, 0, .1);
	box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .05), 0 1.5rem 2.2rem rgba(0, 0, 0, .1);
	-webkit-transition: all 1.5s cubic-bezier(0, 0, .2, 1);
	transition: all 1.5s cubic-bezier(0, 0, .2, 1)
}

.counter-area .counter-image-area .counter-image:hover img {
	-webkit-box-shadow: 0 .5rem 1.2rem rgba(0, 0, 0, .1), 0 2rem 3rem rgba(0, 0, 0, .15);
	box-shadow: 0 .5rem 1.2rem rgba(0, 0, 0, .1), 0 2rem 3rem rgba(0, 0, 0, .15)
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.counter-area .counter-content {
		margin-top: 150px
	}
}

@media only screen and (max-width:767px) {
	.counter-area .counter-content {
		margin-top: 150px
	}
}

.counter-area .counter-content p {
	max-width: 420px;
	margin-bottom: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.counter-area .counter-content p {
		max-width: 100%
	}
}

@media only screen and (max-width:767px) {
	.counter-area .counter-content p {
		max-width: 100%
	}
}

.counter-area .counter-content .counter-funfact .number {
	font-size: 41px;
	line-height: 1;
	color: #1d3e23;
	margin-bottom: 15px
}

.counter-area .counter-content .counter-funfact .text {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 15px
}

.bg-testimonial {
	background-image: url(../images/bg/testimonial-bg.png);
	background-size: cover;
	position: relative;
	background-position: center center
}

.testi-carousel .testimonial-box {
	position: relative
}

.testi-carousel .testimonial-box .testi-img-user img {
	width: 70px
}

.testi-carousel .testimonial-box .testi-border {
	border: 1px solid #1d3e23;
	width: 120px;
	margin: 0 auto
}

.testi-carousel .testimonial-box h4 {
	font-weight: 500;
	color: #565972
}

.testi-carousel .testimonial-box h5 {
	font-weight: 500;
	color: #565972
}

.testi-carousel:before {
	position: absolute;
	content: "";
	width: 50%;
	height: 82%;
	background: #f8f8fc;
	bottom: 14px;
	border-radius: 15px;
	margin: 0 auto;
	left: 0;
	right: 0
}

.owl-pagination {
	display: none
}

.feature-area .text {
	position: relative;
	padding: 0 0 60px 60px
}

.feature-area .text .number {
	font-family: jost, sans-serif;
	font-size: 60px;
	color: #d8d8d8;
	position: relative
}

.feature-area .text .number i {
	font-size: 30px;
	background-color: #ecf0ff;
	border-radius: 50px;
	line-height: 50px;
	border: 2px solid #1d3e23;
	padding: 10px;
	color: #1d3e23
}

.feature-area .text .number:before {
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #8ea3ff;
	opacity: .32;
	top: 35px;
	left: -67px
}

.feature-area .text .number:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #8e90ff;
	top: 39px;
	left: -63px;
	z-index: 1
}

.feature-area .text .title {
	font-size: 50px;
	line-height: 60px
}

@media(max-width:767px) {
	.feature-area .text .title {
		font-size: 40;
		line-height: 50px
	}
}

.feature-area .text .learn-more {
	font-family: barlow, sans-serif;
	font-size: 22px;
	color: #3c3c3c
}

.feature-area .text .learn-more i {
	vertical-align: middle;
	font-size: 25px;
	margin-left: 12px
}

.feature-area .text p {
	padding: 30px 0
}

.feature-area .single-block:nth-child(1) .text {
	border-left: 1px dashed #dcdcdc;
	border-bottom: 1px dashed #dcdcdc;
	border-radius: 0 0 0 20px
}

.feature-area .single-block:nth-child(1) .text:before {
	content: '';
	width: 1px;
	height: 39px;
	position: absolute;
	background: #fff;
	top: 0;
	left: -1px
}

.feature-area .single-block:nth-child(2) .img-box {
	border-right: 1px dashed #dcdcdc;
	border-radius: 0 20px 20px 0
}

.feature-area .single-block:nth-child(2) .text {
	padding: 80px 40px 55px 45px
}

.feature-area .single-block:nth-child(3) .text {
	border-top: 1px dashed #dcdcdc;
	border-left: 1px dashed #dcdcdc;
	border-bottom: 1px dashed #dcdcdc;
	border-radius: 20px 0 0 20px;
	padding: 80px 0 55px 60px
}

.feature-area.dark-bg {
	padding: 170px 0 80px
}

.feature-area.dark-bg .text {
	padding: 0 0 150px
}

.feature-area.dark-bg .text .number {
	color: #3d42e0
}

.feature-area.dark-bg .text .number:before,
.feature-area.dark-bg .text .number:after {
	display: none
}

.feature-area.dark-bg .text .title {
	color: #fff
}

.feature-area.dark-bg .text p {
	color: #d0d0d9
}

.feature-area.dark-bg .row {
	margin: 0 -70px
}

.feature-area.dark-bg .row [class*=col] {
	padding: 0 70px
}

.pre-card {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4);
	box-shadow: 0 10px 80px 0 rgba(215, 215, 215, .4)
}

.pre-card .icon {
	width: 80px;
	height: 80px;
	line-height: 72px
}

.pre-card .icon img {
	width: 100px
}

.pre-card .content .title {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.pre-card .content .title:hover {
	color: #1d3e23 !important
}

.pre-card.pre-primary {
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}

.pre-card.pre-primary .icon2,
.pre-card.pre-primary .para {
	color: #8a8eaa !important
}

.pre-card:hover {
	-webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, .15);
	box-shadow: 0 10px 25px rgba(60, 72, 88, .15)
}

.pre-card:hover.pre-primary {
	background-color: #1d3e23 !important;
	border-radius: 10px !important;
	color: #fff !important
}

.pre-card:hover.pre-primary .icon2,
.pre-card:hover.pre-primary .para {
	color: #fff !important
}

.pre-card:hover.pre-primary .content,
.pre-card:hover.pre-primary .icon2 {
	z-index: 2
}

.media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.brand-style-1 .client-logo {
	padding: 15px
}

@media only screen and (max-width:767px) {
	.brand-style-1 .client-logo img {
		width: 75%
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.brand-style-1 .client-logo img {
		width: 65%
	}
}

@media only screen and (max-width:575px) {
	.brand-style-1 .client-logo img {
		width: 65%
	}
}

@media only screen and (max-width:479px) {
	.brand-style-1 .client-logo img {
		width: 65%
	}
}

.brand-style-2 {
	padding: 60px;
	background-color: #fff;
	text-align: center;
	border-radius: 6px;
	-webkit-transition: .7s ease;
	transition: .7s ease;
	margin-bottom: 30px;
	position: relative;
	cursor: pointer
}

.brand-style-2:hover {
	-webkit-box-shadow: 0 3px 17px 0 rgba(0, 0, 0, .16);
	box-shadow: 0 3px 17px 0 rgba(0, 0, 0, .16);
	background-color: #fff;
	-webkit-transition: .7s ease;
	transition: .7s ease
}

.brand-style-2 a {
	position: relative;
	display: inline-block;
	z-index: 1
}

.brand-style-2 .main-img {
	position: relative
}

.brand-style-2 .hover-img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}

.brand-style-2:hover .hover-img {
	position: absolute;
	opacity: 1;
	-webkit-transition: .7s ease;
	transition: .7s ease
}

.brand-style-2:hover .main-img {
	opacity: 0;
	-webkit-transition: .6s ease;
	transition: .6s ease
}

.download-area {
	position: relative;
	margin-bottom: 210px
}

@media(max-width:991px) {
	.download-area {
		margin-bottom: 90px
	}
}

.download-area.color-1 {
	background-image: -webkit-gradient(linear, left bottom, right top, from(#4ca3f2), color-stop(#479af4), color-stop(#4990f6), color-stop(#5185f5), to(#1D3E23));
	background-image: linear-gradient(to right top, #4ca3f2, #479af4, #4990f6, #5185f5, #1D3E23)
}

.download-area .overlay-bg {
	background-position: center center;
	position: relative
}

.download-area .overlay-bg .cube-shape-one {
	position: absolute;
	left: 0;
	bottom: 1%;
	-webkit-animation: fade-in 1s ease-in-out alternate infinite;
	animation: fade-in 1s ease-in-out alternate infinite
}

.download-area .inner-wrapper {
	position: relative
}

.download-area .inner-wrapper .text h3 {
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1.8px
}

.download-area .inner-wrapper .text h2 {
	color: #fff;
	padding: 6px 0 25px
}

.download-area .inner-wrapper .text h6 {
	font-family: barlow, sans-serif;
	font-size: 24px;
	color: #fff;
	padding-bottom: 20px
}

.download-area .inner-wrapper .text p {
	color: #fff;
	padding-bottom: 40px
}

.download-area .inner-wrapper .button-group li {
	display: inline-block;
	margin-right: 15px
}

.download-area .inner-wrapper .button-group li a {
	font-family: barlow, sans-serif;
	width: 170px;
	line-height: 55px;
	text-align: center;
	border-radius: 3px;
	background: #fff;
	font-size: 20px;
	color: #313131
}

.download-area .inner-wrapper .button-group li a i {
	margin-right: 3px;
	font-size: 22px
}

.download-area .inner-wrapper .button-group li a img {
	display: inline-block;
	width: 20px;
	margin-right: 2px;
	vertical-align: sub
}

.download-area .inner-wrapper .s8-mockup {
	position: absolute;
	left: -110px;
	top: -130px;
	z-index: 1
}

@media(max-width:1199px) {
	.download-area .inner-wrapper .s8-mockup {
		display: none
	}
}

.download-area .inner-wrapper .x-mockup {
	position: absolute;
	left: 250px;
	bottom: -165px;
	z-index: 1
}

@media(max-width:1199px) {
	.download-area .inner-wrapper .x-mockup {
		display: none
	}
}

.download-area .btn.theme-download {
	color: #fff !important;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	border: none;
	background-size: 300% 100%;
	padding: 0 55px;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	height: 60px;
	line-height: 60px;
	background-color: #272a3a;
	-webkit-box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4);
	box-shadow: 0 17px 43px 1px rgba(36, 30, 52, .4);
	margin-right: 15px;
	margin-top: 10px
}

.download-area .btn.theme-download:focus {
	outline: none
}

@media only screen and (max-width:767px) {
	.cart-main-area.pt-85 {
		padding-top: 45px
	}
}

h3.cart-page-title {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px
}

.cart-table-content table {
	border: 1px solid #ebebeb
}

.cart-table-content table thead>tr {
	background-color: #f9f9f9;
	border: 1px solid #ebebeb
}

.cart-table-content table thead>tr th {
	border-top: medium;
	font-size: 14px;
	font-weight: 500;
	padding: 21px 45px 22px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: normal
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.cart-table-content table thead>tr th {
		padding: 21px 35px 22px
	}
}

@media only screen and (max-width:767px) {
	.cart-table-content table thead>tr th {
		padding: 21px 20px 22px
	}
}

.cart-table-content table tbody>tr {
	border-bottom: 1px solid #ebebeb
}

.cart-table-content table tbody>tr td.product-thumbnail {
	width: 150px
}

.cart-table-content table tbody>tr td.product-name {
	width: 435px
}

.cart-table-content table tbody>tr td.product-name a {
	font-size: 15px
}

.cart-table-content table tbody>tr td.product-name a:hover {
	color: #1d3e23
}

.cart-table-content table tbody>tr td.product-price-cart {
	width: 435px
}

.cart-table-content table tbody>tr td.product-price-cart span {
	color: #333;
	font-weight: 500
}

.cart-table-content table tbody>tr td.product-quantity {
	width: 435px
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus {
	display: inline-block;
	height: 40px;
	padding: 0;
	position: relative;
	width: 110px
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus .qtybutton {
	color: #333;
	cursor: pointer;
	float: inherit;
	font-size: 16px;
	margin: 0;
	position: absolute;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	width: 20px;
	text-align: center
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus .dec.qtybutton {
	border-right: 1px solid #e5e5e5;
	height: 40px;
	left: 0;
	padding-top: 8px;
	top: 0
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus .inc.qtybutton {
	border-left: 1px solid #e5e5e5;
	height: 40px;
	padding-top: 9px;
	right: 0;
	top: 0
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus input.cart-plus-minus-box {
	color: #333;
	float: left;
	font-size: 14px;
	height: 40px;
	margin: 0;
	width: 110px;
	background: transparent none repeat scroll 0 0;
	border: 1px solid #e1e1e1;
	padding: 0;
	text-align: center
}

.cart-table-content table tbody>tr td.product-remove {
	width: 100px
}

.cart-table-content table tbody>tr td.product-remove a {
	font-size: 17px;
	margin: 0 6px
}

.cart-table-content table tbody>tr td.product-remove a:hover {
	color: #1d3e23
}

.cart-table-content table tbody>tr td.product-wishlist-cart>a {
	background-color: #1d3e23;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	padding: 7px 12px;
	text-transform: uppercase
}

.cart-table-content table tbody>tr td.product-wishlist-cart>a:hover {
	background-color: #333
}

.cart-table-content table tbody>tr td {
	font-size: 15px;
	padding: 30px 0;
	text-align: center;
	font-weight: 500
}

@media only screen and (max-width:767px) {
	.cart-table-content table tbody>tr td {
		padding: 30px 0 30px 10px
	}
}

.cart-shiping-update-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 30px 0 55px
}

@media only screen and (max-width:767px) {
	.cart-shiping-update-wrapper {
		display: block;
		padding: 30px 0 15px
	}
}

.cart-shiping-update-wrapper .cart-shiping-update>a,
.cart-shiping-update-wrapper .cart-clear>button,
.cart-shiping-update-wrapper .cart-clear>a {
	background-color: #f2f2f2;
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	padding: 18px 40px 17px;
	text-transform: uppercase
}

@media only screen and (min-width:768px) and (max-width:991px) {

	.cart-shiping-update-wrapper .cart-shiping-update>a,
	.cart-shiping-update-wrapper .cart-clear>button,
	.cart-shiping-update-wrapper .cart-clear>a {
		padding: 18px 25px 17px;
		font-size: 13px
	}
}

@media only screen and (max-width:767px) {

	.cart-shiping-update-wrapper .cart-shiping-update>a,
	.cart-shiping-update-wrapper .cart-clear>button,
	.cart-shiping-update-wrapper .cart-clear>a {
		padding: 18px 40px 17px;
		margin: 0 0 15px
	}
}

.cart-shiping-update-wrapper .cart-shiping-update>a:hover,
.cart-shiping-update-wrapper .cart-clear>button:hover,
.cart-shiping-update-wrapper .cart-clear>a:hover {
	background-color: #1d3e23;
	color: #fff
}

.cart-shiping-update-wrapper .cart-clear>button {
	border: medium;
	cursor: pointer;
	margin-right: 27px;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.cart-shiping-update-wrapper .cart-clear>button {
		margin-right: 15px
	}
}

.cart-tax,
.discount-code-wrapper {
	background-color: #f9f9f9;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	padding: 45px 30px 50px
}

@media only screen and (min-width:992px) and (max-width:1199px) {

	.cart-tax,
	.discount-code-wrapper {
		padding: 45px 18px 50px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {

	.cart-tax,
	.discount-code-wrapper {
		padding: 45px 20px 50px
	}
}

@media only screen and (max-width:767px) {

	.cart-tax,
	.discount-code-wrapper {
		padding: 45px 18px 50px
	}
}

.cart-tax .title-wrap,
.discount-code-wrapper .title-wrap {
	position: relative
}

.cart-tax .title-wrap::before,
.discount-code-wrapper .title-wrap::before {
	background-color: #e3e1e1;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 10px;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	width: 100%;
	z-index: 1
}

.cart-tax .title-wrap h4.cart-bottom-title,
.discount-code-wrapper .title-wrap h4.cart-bottom-title {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	padding-right: 18px
}

@media only screen and (min-width:992px) and (max-width:1199px) {

	.cart-tax .title-wrap h4.cart-bottom-title,
	.discount-code-wrapper .title-wrap h4.cart-bottom-title {
		font-size: 16px
	}
}

@media only screen and (max-width:767px) {

	.cart-tax .title-wrap h4.cart-bottom-title,
	.discount-code-wrapper .title-wrap h4.cart-bottom-title {
		font-size: 17px
	}
}

.cart-tax .title-wrap .section-bg-gray,
.discount-code-wrapper .title-wrap .section-bg-gray {
	background-color: #f8f9f9;
	position: relative;
	z-index: 99
}

.cart-tax .tax-wrapper,
.discount-code-wrapper .tax-wrapper {
	margin-top: 22px
}

.cart-tax .tax-wrapper p,
.discount-code-wrapper .tax-wrapper p {
	margin: 0
}

.cart-tax .tax-wrapper .tax-select-wrapper,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper {
	margin: 5px 0 0
}

.cart-tax .tax-wrapper .tax-select-wrapper .tax-select,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select {
	margin: 0 0 26px
}

.cart-tax .tax-wrapper .tax-select-wrapper .tax-select label,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select label {
	color: #333;
	font-size: 14px;
	margin: 0 0 5px;
	font-weight: 400
}

.cart-tax .tax-wrapper .tax-select-wrapper .tax-select select,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff url(../../assets/images/icon-img/cart.png) no-repeat scroll right 18px center;
	border: 1px solid #ebebeb;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #242424;
	font-size: 13px;
	height: 40px;
	padding: 0 50px 0 15px;
	width: 100%;
	cursor: pointer
}

.cart-tax .tax-wrapper .tax-select-wrapper .tax-select input,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ebebeb;
	height: 40px
}

.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2 {
	background-color: #333;
	border: medium;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	padding: 12px 40px 13px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover,
.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover {
	background-color: #1d3e23
}

.cart-tax .discount-code,
.discount-code-wrapper .discount-code {
	margin: 21px 0 0
}

.cart-tax .discount-code p,
.discount-code-wrapper .discount-code p {
	margin: 0 0 15px
}

.cart-tax .discount-code form input,
.discount-code-wrapper .discount-code form input {
	background: #fff;
	border: 1px solid #ebebeb;
	height: 40px;
	margin-bottom: 30px;
	padding-left: 10px
}

.cart-tax .discount-code form button.cart-btn-2,
.discount-code-wrapper .discount-code form button.cart-btn-2 {
	background-color: #333;
	border: medium;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	padding: 12px 40px 13px;
	text-transform: uppercase;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.cart-tax .discount-code form button.cart-btn-2:hover,
.discount-code-wrapper .discount-code form button.cart-btn-2:hover {
	background-color: #1d3e23
}

.grand-totall {
	background-color: #f9f9f9;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	padding: 45px 30px 50px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.grand-totall {
		padding: 45px 18px 50px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.grand-totall {
		padding: 45px 20px 50px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.grand-totall {
		margin-top: 30px
	}
}

.grand-totall .title-wrap {
	position: relative
}

.grand-totall .title-wrap::before {
	background-color: #e3e1e1;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 10px;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	width: 100%;
	z-index: 1
}

.grand-totall .title-wrap h4.cart-bottom-title {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	padding-right: 18px
}

.grand-totall .title-wrap .section-bg-gary-cart {
	background-color: #f9f9f9;
	position: relative;
	z-index: 9
}

.grand-totall h5 {
	font-size: 14px;
	margin: 36px 0 27px;
	font-weight: 600
}

.grand-totall h5 span {
	float: right;
	font-size: 18px;
	font-weight: 500
}

.grand-totall .total-shipping {
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	margin: 0 0 27px;
	padding: 28px 0
}

.grand-totall .total-shipping h5 {
	font-size: 14px;
	margin: 0
}

.grand-totall .total-shipping ul {
	padding: 19px 0 0 0
}

.grand-totall .total-shipping ul li {
	color: #242424;
	list-style: outside none none;
	margin: 0 0 6px
}

.grand-totall .total-shipping ul li:last-child {
	margin: 0 0 0
}

.grand-totall .total-shipping ul li input {
	background: #e9e9e9 none repeat scroll 0 0;
	border: 1px solid #d7d7d7;
	border-radius: 5px !important;
	color: #626262;
	cursor: pointer;
	height: 13px;
	margin-right: 10px;
	padding: 0;
	position: relative;
	top: 2px;
	width: 13px
}

.grand-totall .total-shipping ul li span {
	float: right
}

.grand-totall h4.grand-totall-title {
	color: #1d3e23;
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 25px
}

.grand-totall h4.grand-totall-title span {
	float: right
}

.grand-totall a {
	background-color: #333;
	color: #fff;
	display: block;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	padding: 18px 10px 17px;
	text-align: center;
	text-transform: uppercase
}

.grand-totall a:hover {
	background-color: #1d3e23
}

@media only screen and (max-width:767px) {
	.discount-code-wrapper {
		margin: 30px 0
	}
}

.compare-table .table tbody tr td {
	text-align: center;
	padding: 20px;
	vertical-align: middle;
	border-color: #ccc
}

.compare-table .table tbody tr td.first-column {
	min-width: 175px;
	font-size: 15px;
	font-weight: 600;
	margin: 0
}

@media only screen and (max-width:767px) {
	.compare-table .table tbody tr td.first-column {
		min-width: 115px
	}
}

.compare-table .table tbody tr td.product-image-title {
	min-width: 310px;
	vertical-align: bottom;
	text-align: left
}

@media only screen and (max-width:767px) {
	.compare-table .table tbody tr td.product-image-title {
		min-width: 220px
	}
}

.compare-table .table tbody tr td.product-image-title .image {
	clear: both;
	width: 100%;
	margin-bottom: 15px;
	display: block
}

.compare-table .table tbody tr td.product-image-title .image img {
	width: 100%
}

.compare-table .table tbody tr td.product-image-title .category {
	float: left;
	clear: both;
	color: #1d3e23;
	text-transform: capitalize;
	letter-spacing: .5px
}

.compare-table .table tbody tr td.product-image-title .title {
	float: left;
	clear: both;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 500;
	text-transform: capitalize;
	margin-top: 5px
}

.compare-table .table tbody tr td.product-image-title .title:hover {
	color: #1d3e23
}

.compare-table .table tbody tr td.pro-desc p {
	text-align: left;
	margin: 0
}

.compare-table .table tbody tr td.pro-price,
.compare-table .table tbody tr td.pro-color,
.compare-table .table tbody tr td.pro-stock {
	font-size: 14px;
	font-weight: 400
}

.compare-table .table tbody tr td.pro-remove button {
	border: none !important;
	background-color: transparent !important;
	padding: 0;
	cursor: pointer
}

.compare-table .table tbody tr td.pro-remove button:hover {
	color: #1d3e23
}

.compare-table .table tbody tr td.pro-remove button i {
	font-size: 20px
}

.compare-table .table tbody tr td.pro-ratting i {
	color: #e7a415
}

.customer-zone>p {
	font-size: 14px;
	position: relative;
	padding: 14px 30px 14px 60px;
	background-color: #eeeff2;
	margin: 0;
	position: relative;
	color: #373737
}

@media only screen and (max-width:767px) {
	.customer-zone>p {
		padding: 14px 30px 14px 40px
	}
}

.customer-zone>p:before {
	content: "\eb85";
	color: #6dde6d;
	display: inline-block;
	position: absolute;
	font-family: remixicon;
	left: 15px;
	top: 15px;
	font-size: 18px
}

.checkout-login-info {
	margin: 20px 0 0;
	display: none
}

.checkout-login-info p {
	font-size: 14px;
	margin: 0 0 12px
}

.checkout-login-info form {
	display: block;
	overflow: hidden
}

.checkout-login-info form .sin-checkout-login {
	margin-bottom: 30px
}

.checkout-login-info form .sin-checkout-login label {
	font-size: 14px;
	text-transform: capitalize;
	margin: 0 0 5px
}

.checkout-login-info form .sin-checkout-login label span {
	color: red
}

.checkout-login-info form .sin-checkout-login input {
	border: 1px solid #e8e8e8;
	height: 50px;
	background-color: transparent
}

.checkout-login-info form .sin-checkout-login input:focus {
	border: 1px solid #343538
}

.checkout-login-info form .button-remember-wrap {
	display: block;
	overflow: hidden
}

.checkout-login-info form .button-remember-wrap button {
	color: #333;
	font-size: 13px;
	padding: 10px 30px 9px;
	display: inline-block;
	float: left;
	margin-right: 20px;
	font-weight: 600;
	text-transform: uppercase;
	border: none
}

.checkout-login-info form .button-remember-wrap button:hover {
	background-color: #1d3e23;
	color: #fff
}

.checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 8px 0 0
}

.checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn input {
	height: 15px;
	margin: 0;
	position: relative;
	top: 5px;
	width: 17px
}

.checkout-login-info form .button-remember-wrap .checkout-login-toggle-btn label {
	font-size: 14px;
	margin: 0 0 0 5px
}

.checkout-login-info form .lost-password {
	margin: 20px 0 11px
}

.checkout-login-info form .lost-password a {
	font-size: 14px
}

.checkout-login-info .checkout-login-social span {
	font-size: 14px;
	margin: 0 0 13px;
	display: block
}

.checkout-login-info .checkout-login-social ul li {
	display: inline-block;
	margin: 0 14px 0 0
}

.checkout-login-info .checkout-login-social ul li:last-child {
	margin: 0 0 0 0
}

@media only screen and (max-width:767px) {
	.checkout-login-info .checkout-login-social ul li {
		margin: 0 5px 0 0
	}
}

.checkout-login-info .checkout-login-social ul li a {
	background-color: #333;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	float: left;
	font-size: 13px;
	padding: 20px;
	padding: 24px 106px 25px;
	line-height: 1
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.checkout-login-info .checkout-login-social ul li a {
		padding: 24px 70px 25px
	}
}

@media only screen and (max-width:767px) {
	.checkout-login-info .checkout-login-social ul li a {
		padding: 15px 13px 16px
	}
}

.checkout-login-info .checkout-login-social ul li a:hover {
	background-color: #1d3e23;
	color: #fff
}

.checkout-login-info3 {
	display: none;
	margin-top: 20px
}

.checkout-login-info3 form input[type=text] {
	border: 1px solid #e8e8e8;
	height: 50px;
	background-color: transparent;
	width: 48%;
	font-size: 14px;
	padding: 0 20px
}

.checkout-login-info3 form input[type=text]:focus {
	border: 1px solid #1f2226
}

.checkout-login-info3 form input[type=submit] {
	background: #1f2226 none repeat scroll 0 0;
	border: medium;
	color: #fff;
	height: 50px;
	margin-left: 6px;
	padding: 5px 30px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	width: inherit
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.checkout-login-info3 form input[type=submit] {
		padding: 5px 15px
	}
}

@media only screen and (max-width:767px) {
	.checkout-login-info3 form input[type=submit] {
		padding: 5px 16px
	}
}

.checkout-login-info3 form input[type=submit]:hover {
	background-color: #1d3e23
}

.billing-info-wrap h3 {
	font-size: 20px;
	font-weight: 600;
	position: relative;
	margin: 0 0 55px;
	text-transform: uppercase
}

@media only screen and (max-width:767px) {
	.billing-info-wrap h3 {
		margin-bottom: 40px
	}
}

.billing-info-wrap h3:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -12px;
	background-color: #1d3e23;
	width: 50px;
	height: 2px
}

.billing-info-wrap .billing-info label {
	font-size: 14px;
	text-transform: capitalize;
	display: block;
	margin: 0 0 5px
}

.billing-info-wrap .billing-info label abbr {
	color: red
}

.billing-info-wrap .billing-info input {
	border: 1px solid #e8e8e8;
	height: 50px;
	background-color: transparent;
	padding: 2px 20px;
	color: #1f2226;
	font-size: 14px;
	width: 100%
}

.billing-info-wrap .billing-info input:focus {
	border: 1px solid #343538
}

.billing-info-wrap .billing-info input.billing-address {
	margin-bottom: 20px
}

.billing-info-wrap .billing-select label {
	font-size: 14px;
	text-transform: capitalize;
	display: block;
	margin: 0 0 5px
}

.billing-info-wrap .billing-select label abbr {
	color: red
}

.billing-info-wrap .billing-select select {
	border: 1px solid #e6e6e6;
	color: #333;
	font-size: 14px;
	height: 50px;
	padding: 2px 20px;
	background: transparent url(assets/images/icon-img/select.png) no-repeat scroll right 18px center;
	cursor: pointer
}

.billing-info-wrap .billing-select select option {
	background: #fff;
	border: 0 solid #626262;
	padding-left: 10px;
	color: #333;
	font-size: 12px
}

.billing-info-wrap .checkout-account input {
	border: 1px solid #9fa0a2;
	display: inline-block;
	float: left;
	height: 10px;
	width: 10px;
	position: relative;
	top: 6px;
	color: #333
}

.billing-info-wrap .checkout-account span {
	color: #333;
	font-weight: 400;
	margin: 0 0 0 12px;
	font-size: 14px;
	text-transform: uppercase
}

.billing-info-wrap .checkout-account-toggle label {
	font-size: 14px;
	text-transform: capitalize;
	display: block;
	margin: 0 0 5px
}

.billing-info-wrap .checkout-account-toggle label abbr {
	color: red
}

.billing-info-wrap .checkout-account-toggle input {
	border: 1px solid #e8e8e8;
	height: 50px;
	background-color: transparent;
	color: #333;
	font-size: 14px;
	padding: 2px 20px;
	width: 100%
}

.billing-info-wrap .checkout-account-toggle input:focus {
	border: 1px solid #343538
}

.billing-info-wrap .different-address {
	display: none
}

.billing-info-wrap .additional-info-wrap {
	margin: 22px 0 0
}

.billing-info-wrap .additional-info-wrap label {
	color: #010225;
	font-size: 14px;
	text-transform: capitalize;
	display: block;
	margin: 0 0 5px
}

.billing-info-wrap .additional-info-wrap textarea {
	min-height: 120px;
	background-color: #f7f7f7;
	border-color: #f7f7f7;
	padding: 20px;
	color: #333;
	font-size: 14px;
	width: 100%;
	border: none
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.billing-info-wrap.mr-50 {
		margin-right: 30px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.billing-info-wrap.mr-50 {
		margin-right: 0
	}
}

@media only screen and (max-width:767px) {
	.billing-info-wrap.mr-50 {
		margin-right: 0
	}
}

.your-order-area {
	padding: 40px 40px 50px;
	border-width: 2px;
	border-style: solid;
	position: relative;
	border-color: rgba(52, 53, 56, .1)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.your-order-area {
		padding: 40px 25px 50px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.your-order-area {
		margin-top: 30px
	}
}

@media only screen and (max-width:767px) {
	.your-order-area {
		padding: 40px 12px 50px;
		margin-top: 30px
	}
}

.your-order-area h3 {
	font-size: 20px;
	font-weight: 600;
	position: relative;
	margin: 0 0 45px;
	text-transform: uppercase
}

.your-order-area h3:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -12px;
	background-color: #1d3e23;
	width: 50px;
	height: 2px
}

.your-order-area .your-order-wrap .your-order-info {
	border-bottom: 1px solid #e8e8e8
}

.your-order-area .your-order-wrap .your-order-info ul li {
	font-size: 14px;
	padding: 0 0 7px;
	text-transform: uppercase;
	font-weight: 500
}

.your-order-area .your-order-wrap .your-order-info ul li span {
	float: right;
	color: #1d3e23
}

.your-order-area .your-order-wrap .your-order-info.order-subtotal {
	padding: 15px 0 10px
}

.your-order-area .your-order-wrap .your-order-info.order-subtotal ul li span {
	font-size: 16px
}

.your-order-area .your-order-wrap .your-order-info.order-shipping {
	padding: 15px 0 13px;
	display: block;
	overflow: hidden
}

.your-order-area .your-order-wrap .your-order-info.order-shipping ul li>p {
	float: right;
	font-size: 14px;
	text-align: right;
	color: #333;
	text-transform: capitalize
}

.your-order-area .your-order-wrap .your-order-info.order-total {
	padding: 15px 0 10px
}

.your-order-area .your-order-wrap .your-order-info.order-total ul li span {
	font-size: 16px
}

.your-order-area .your-order-wrap .your-order-middle {
	border-bottom: 1px solid #e8e8e8;
	padding: 24px 0 23px
}

.your-order-area .your-order-wrap .your-order-middle ul li {
	font-size: 14px;
	margin: 0 0 11px
}

.your-order-area .your-order-wrap .your-order-middle ul li:last-child {
	margin-bottom: 0
}

.your-order-area .your-order-wrap .your-order-middle ul li span {
	float: right;
	font-size: 16px
}

.your-order-area .your-order-wrap .payment-method {
	margin: 17px 0 0
}

.your-order-area .your-order-wrap .payment-method .sin-payment {
	margin-bottom: 20px
}

.your-order-area .your-order-wrap .payment-method .sin-payment input {
	width: auto;
	display: inline-block;
	float: left;
	height: auto;
	margin-top: 5px
}

.your-order-area .your-order-wrap .payment-method .sin-payment label {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 0 21px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 500
}

@media only screen and (max-width:767px) {
	.your-order-area .your-order-wrap .payment-method .sin-payment label {
		display: block
	}
}

.your-order-area .your-order-wrap .payment-method .sin-payment label img {
	max-width: 140px;
	display: inline-block;
	margin: 0 5px
}

.your-order-area .your-order-wrap .payment-method .sin-payment label a {
	text-decoration: underline
}

.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box {
	margin: 6px 0 0;
	display: none
}

.your-order-area .your-order-wrap .payment-method .sin-payment .payment-box p {
	font-size: 14px;
	margin: 0
}

.your-order-area .Place-order a {
	background-color: #1d3e23;
	display: block;
	cursor: pointer;
	padding: 16px 50px 17px;
	text-transform: uppercase;
	font-weight: 700;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-align: center
}

.your-order-area .Place-order a:hover {
	background-color: #333
}

@media only screen and (max-width:767px) {
	.checkout-main-area.pb-70 {
		padding-bottom: 50px
	}
}

.nice-select.nice-select-style-2 {
	border-radius: 0;
	font-size: 14px;
	height: 50px;
	font-weight: 400;
	line-height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	color: #342d0e;
	width: 100%;
	border: none;
	font-weight: 400
}

.nice-select.nice-select-style-2 ul {
	width: 100%
}

.nice-select.nice-select-style-2.cart-tax-select {
	font-size: 13px;
	color: #565972
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.nice-select.nice-select-style-2.cart-tax-select {
		margin-bottom: 20px
	}
}

@media only screen and (max-width:767px) {
	.nice-select.nice-select-style-2.cart-tax-select {
		margin-bottom: 20px
	}
}

.nice-select.nice-select-style-3 {
	border-radius: 0;
	font-size: 14px;
	height: 50px;
	font-weight: 400;
	line-height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	color: #342d0e;
	width: 100%;
	border: none;
	font-weight: 400
}

.nice-select.nice-select-style-3 ul {
	width: 100%
}

.nice-select.nice-select-style-3.nice-select-shop {
	border: 1px solid #efefef;
	font-weight: 300;
	padding-left: 26px;
	color: gray
}

.nice-select.nice-select-style-3.cart-tax-select {
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	color: #565972;
	background-color: #f6f6f6
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.nice-select.nice-select-style-3.cart-tax-select {
		margin-bottom: 20px
	}
}

@media only screen and (max-width:767px) {
	.nice-select.nice-select-style-3.cart-tax-select {
		margin-bottom: 20px
	}
}

.nice-select::after {
	display: none
}

.nice-select:before {
	position: absolute;
	content: "";
	right: 15px;
	top: 50%;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #0b1154;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.nice-select.open:before {
	border-bottom: 6px solid #0b1154;
	border-top: none
}

.shop-container-fluid .container-fluid {
	padding: 0 120px
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
	.shop-container-fluid .container-fluid {
		padding: 0 40px
	}
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
	.shop-container-fluid .container-fluid {
		padding: 0 15px
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.shop-container-fluid .container-fluid {
		padding: 0 30px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.shop-container-fluid .container-fluid {
		padding: 0 40px
	}
}

@media only screen and (max-width:767px) {
	.shop-container-fluid .container-fluid {
		padding: 0 15px
	}
}

.shop-topbar-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 30px;
	padding: 15px 24px
}

@media only screen and (max-width:767px) {
	.shop-topbar-wrapper {
		display: block;
		padding: 15px;
		-webkit-box-pack: inherit;
		-ms-flex-pack: inherit;
		justify-content: inherit
	}
}

.shop-topbar-wrapper .shop-topbar-left .view-mode {
	display: inline-block;
	float: left;
	margin-right: 33px;
	display: inline-block
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.shop-topbar-wrapper .shop-topbar-left .view-mode {
		margin-right: 10px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.shop-topbar-wrapper .shop-topbar-left .view-mode {
		margin-right: 10px
	}
}

@media only screen and (max-width:767px) {
	.shop-topbar-wrapper .shop-topbar-left .view-mode {
		margin-right: 7px
	}
}

.shop-topbar-wrapper .shop-topbar-left .view-mode a {
	color: #333;
	font-size: 25px;
	display: inline-block;
	margin: 0 10px 0 0
}

.shop-topbar-wrapper .shop-topbar-left .view-mode a.active {
	color: #1d3e23
}

.shop-topbar-wrapper .shop-topbar-left p {
	display: inline-block;
	margin: 0 0 0;
	color: #333
}

.shop-topbar-wrapper .product-sorting-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media only screen and (max-width:767px) {
	.shop-topbar-wrapper .product-sorting-wrapper {
		-ms-flex-wrap: inherit;
		flex-wrap: inherit;
		overflow: hidden;
		width: 100%
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.shop-topbar-wrapper .product-sorting-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.shop-topbar-wrapper .product-sorting-wrapper .shorting-style {
	margin-left: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (max-width:767px) {
	.shop-topbar-wrapper .product-sorting-wrapper .shorting-style {
		margin-left: 0;
		margin-bottom: 15px;
		margin-top: 15px
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.shop-topbar-wrapper .product-sorting-wrapper .shorting-style {
		margin-left: 15px;
		margin-bottom: 0
	}
}

.shop-topbar-wrapper .product-sorting-wrapper .shorting-style label {
	color: #242424;
	cursor: pointer;
	margin: 3px 11px 0 0;
	font-size: 14px;
	top: 6px;
	position: relative
}

.shop-topbar-wrapper .product-sorting-wrapper .shorting-style select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff url(../../img/icon-img/shop.png) no-repeat scroll right 10px center;
	border: 1px solid #ebebeb;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #242424;
	cursor: pointer;
	font-size: 14px;
	height: 30px;
	padding-left: 10px;
	width: 210px;
	position: relative;
	top: 4px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.shop-topbar-wrapper .product-sorting-wrapper .shorting-style select {
		width: 150px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.shop-topbar-wrapper .product-sorting-wrapper .shorting-style select {
		width: 150px
	}
}

@media only screen and (max-width:767px) {
	.shop-topbar-wrapper .product-sorting-wrapper .shorting-style select {
		width: 150px
	}
}

.shop-topbar-wrapper .product-sorting-wrapper .shorting-style select option {
	background: #fff;
	border: 0 solid #626262;
	padding-left: 10px;
	font-size: 14px
}

.shop-topbar-wrapper .product-sorting-wrapper .shorting-style.product-shorting {
	margin-left: 0
}

.shop-topbar-wrapper .product-sorting-wrapper .shorting-style.product-shorting select {
	width: 110px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.shop-topbar-wrapper .product-sorting-wrapper .shorting-style.product-shorting select {
		width: 75px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.shop-topbar-wrapper .product-sorting-wrapper .shorting-style.product-shorting select {
		width: 75px
	}
}

@media only screen and (max-width:767px) {
	.shop-topbar-wrapper .product-sorting-wrapper .shorting-style.product-shorting select {
		width: 163px
	}
}

.single-grid-product {
	-webkit-transition: .6s;
	transition: .6s
}

.single-grid-product__label span {
	position: absolute;
	z-index: 9;
	color: #fff;
	text-align: center;
	line-height: 50px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	display: inline-block;
	top: 20px;
	left: 20px
}

.single-grid-product__label span.new {
	background-color: #1d3e23
}

.single-grid-product__label span.sale {
	background-color: #292929;
	left: auto;
	right: 20px
}

.single-grid-product__image {
	position: relative;
	margin-bottom: 20px
}

.single-grid-product__image>a {
	display: block;
	width: 100%
}

.single-grid-product__image>a img {
	width: 100%;
	-webkit-transition: .6s;
	transition: .6s
}

.single-grid-product__image>a img:nth-child(1) {
	visibility: visible;
	opacity: 1
}

.single-grid-product__image>a img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0
}

.single-grid-product__image .hover-icons {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .1);
	background: #fff;
	padding: 15px 0;
	width: 200px;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.single-grid-product__image .hover-icons {
		width: 180px;
		padding: 10px 0
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.single-grid-product__image .hover-icons {
		width: 180px;
		padding: 10px 0
	}
}

@media only screen and (max-width:575px) {
	.single-grid-product__image .hover-icons {
		width: 180px;
		padding: 10px 0
	}
}

.single-grid-product__image .hover-icons a {
	display: inline-block;
	color: #292929;
	text-align: center;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	border-right: 1px solid #ebebeb
}

.single-grid-product__image .hover-icons a:hover,
.single-grid-product__image .hover-icons a.active {
	color: #1d3e23
}

.single-grid-product__image .hover-icons a:last-child {
	margin-right: 0;
	border-right: 0
}

.single-grid-product__image .hover-icons a:last-child {
	margin-right: 0
}

.single-grid-product__image .hover-icons a i {
	font-size: 20px
}

.single-grid-product__category-rating .category a {
	color: #929292;
	font-weight: 400;
	line-height: 12px
}

.single-grid-product__category-rating .category a:hover {
	color: #292929
}

.single-grid-product__category-rating .rating {
	float: right;
	margin-top: -3px
}

.single-grid-product__category-rating .rating i {
	font-size: 15px
}

.single-grid-product__category-rating .rating i.active {
	color: #f5c60d
}

.single-grid-product__title {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 18px
}

.single-grid-product__title a:hover {
	color: #1d3e23
}

.single-grid-product__price {
	font-family: barlow, sans-serif
}

.single-grid-product__price .main-price {
	font-size: 16px;
	color: #929292;
	font-weight: 400;
	line-height: 22px
}

.single-grid-product__price .main-price.discounted {
	text-decoration: none
}

.single-grid-product__price .discounted-price {
	margin-right: 10px;
	font-size: 16px;
	color: #1d3e23;
	font-weight: 700;
	line-height: 22px
}

.single-grid-product--widget-mode {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px
}

.single-grid-product--widget-mode__image {
	-ms-flex-preferred-size: 100px;
	flex-basis: 100px
}

.single-grid-product--widget-mode__content {
	-ms-flex-preferred-size: calc(100% - 100px);
	flex-basis: calc(100% - 100px);
	padding-left: 20px
}

.single-grid-product--list-view {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (max-width:479px) {
	.single-grid-product--list-view {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.single-grid-product--list-view__image {
	-ms-flex-preferred-size: 270px;
	flex-basis: 270px;
	margin-bottom: 0
}

@media only screen and (max-width:575px) {
	.single-grid-product--list-view__image {
		-ms-flex-preferred-size: 200px;
		flex-basis: 200px
	}
}

@media only screen and (max-width:479px) {
	.single-grid-product--list-view__image {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin-bottom: 15px
	}
}

.single-grid-product--list-view__content {
	-ms-flex-preferred-size: calc(100% - 270px);
	flex-basis: calc(100% - 270px);
	margin-left: 30px
}

@media only screen and (max-width:575px) {
	.single-grid-product--list-view__content {
		-ms-flex-preferred-size: calc(100% - 200px);
		flex-basis: calc(100% - 200px)
	}
}

@media only screen and (max-width:479px) {
	.single-grid-product--list-view__content {
		margin-left: 0
	}
}

.single-grid-product--list-view__content .category {
	margin-bottom: 15px
}

@media only screen and (max-width:767px) {
	.single-grid-product--list-view__content .category {
		margin-bottom: 10px
	}
}

.single-grid-product--list-view__content .category a:hover {
	color: #292929
}

.single-grid-product--list-view__content .rating {
	margin-bottom: 20px
}

@media only screen and (max-width:767px) {
	.single-grid-product--list-view__content .rating {
		margin-bottom: 10px
	}
}

.single-grid-product--list-view__content .rating i {
	font-size: 15px
}

.single-grid-product--list-view__content .rating i.active {
	color: #f5c60d
}

.single-grid-product--list-view__title {
	margin-bottom: 20px
}

@media only screen and (max-width:767px) {
	.single-grid-product--list-view__title {
		margin-bottom: 10px
	}
}

.single-grid-product--list-view__price {
	margin-bottom: 40px
}

@media only screen and (max-width:767px) {
	.single-grid-product--list-view__price {
		margin-bottom: 20px
	}
}

.single-grid-product--list-view__product-short-desc {
	border-top: 1px solid #e0e0e0;
	padding-top: 40px;
	line-height: 24px;
	color: #707070
}

@media only screen and (max-width:767px) {
	.single-grid-product--list-view__product-short-desc {
		padding-top: 20px
	}
}

@media only screen and (max-width:575px) {
	.single-grid-product--list-view__product-short-desc {
		line-height: 1.6
	}
}

.single-grid-product:hover .single-grid-product__image>a img:nth-child(2) {
	visibility: visible;
	opacity: 1
}

.single-grid-product:hover .hover-icons {
	visibility: visible;
	opacity: 1;
	bottom: 20px
}

.single-grid-product .product-countdown {
	width: 350px;
	max-width: 100%
}

.single-grid-product .product-countdown .single-countdown {
	width: 25%
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.single-grid-product .product-countdown .single-countdown {
		padding: 10px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.single-grid-product .product-countdown .single-countdown {
		padding: 10px
	}
}

@media only screen and (max-width:767px) {
	.single-grid-product .product-countdown .single-countdown {
		padding: 10px
	}
}

.product-countdown-area {
	background: url(../img/banner/1.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 170px 0;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: -150px
}

.product-countdown-area .countdown-wrapper {
	margin-bottom: 80px
}

.product-countdown-area .item-carousel-2 {
	margin-bottom: -270px;
	width: 100%
}

.product-countdown-area.product-countdown-style {
	padding: 80px 0;
	margin: 0
}

.product-countdown-area.product-countdown-style .item-carousel-2 {
	margin-bottom: 0;
	width: 100%
}

.product-countdown-area.product-countdown-style .countdown-wrapper {
	margin-bottom: 50px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.product-countdown-area {
		margin-left: 0;
		margin-right: 0
	}
}

@media only screen and (max-width:479px) {
	.product-countdown-area {
		padding-top: 80px
	}
}

@media only screen and (max-width:479px) {
	.product-countdown-area .countdown-wrapper {
		margin-bottom: 40px
	}
}

@media only screen and (max-width:575px) {
	.product-countdown-area.product-countdown-style {
		padding: 40px 0
	}
}

@media only screen and (max-width:479px) {
	.product-countdown-area.product-countdown-style .countdown-wrapper {
		margin-bottom: 30px
	}
}

.countdown-wrapper {
	margin-bottom: 10px;
	padding: 20px;
	background-color: #fff;
	width: 630px;
	margin: 0 auto
}

@media only screen and (max-width:767px) {
	.countdown-wrapper {
		width: 440px
	}
}

@media only screen and (max-width:479px) {
	.countdown-wrapper {
		width: 280px
	}
}

.countdown-wrapper .single-countdown {
	background: 0 0;
	display: inline-block;
	height: auto;
	line-height: 1;
	padding: 0 15px;
	position: relative;
	width: auto;
	color: #999;
	display: inline;
	font-size: 14px;
	font-weight: 400
}

@media only screen and (max-width:575px) {
	.countdown-wrapper .single-countdown {
		padding: 0 5px;
		margin-bottom: 10px
	}
}

.countdown-wrapper .single-countdown:last-child {
	margin-right: 0
}

.countdown-wrapper .single-countdown:last-child:after {
	display: none
}

@media only screen and (max-width:575px) {
	.countdown-wrapper .single-countdown:last-child:after {
		display: none
	}
}

.countdown-wrapper .single-countdown:after {
	content: ':';
	display: block;
	font-size: 28px;
	position: absolute;
	right: 0;
	bottom: 10px
}

.countdown-wrapper .single-countdown .single-countdown_time {
	font-size: 40px;
	font-family: barlow, sans-serif;
	font-weight: 400;
	line-height: 40px;
	color: #555;
	margin-right: 10px
}

@media only screen and (max-width:767px) {
	.countdown-wrapper .single-countdown .single-countdown_time {
		font-size: 30px
	}
}

@media only screen and (max-width:575px) {
	.countdown-wrapper .single-countdown .single-countdown_time {
		font-size: 20px;
		margin-right: 5px
	}
}

.countdown-wrapper .single-countdown .single-countdown_text {
	font-size: 14px;
	line-height: 16px;
	font-family: barlow, sans-serif;
	font-weight: 400;
	color: #999
}

@media only screen and (max-width:575px) {
	.countdown-wrapper .single-countdown .single-countdown_text {
		font-size: 12px
	}
}

.slider-lg-image-1 .lg-image {
	position: relative
}

.slider-lg-image-1 .lg-image>a {
	width: 100%
}

.slider-lg-image-1 .lg-image img {
	width: 100%
}

.slider-thumbs-1 {
	margin-top: 15px;
	overflow: hidden
}

.slider-thumbs-1 .slick-list {
	margin: 0 -5px
}

.slider-thumbs-1 .slick-list .slick-slide {
	padding: 0 5px
}

.slider-thumbs-1 .slick-list .slick-slide>img {
	border: 1px solid transparent
}

.slider-thumbs-1 .slick-active.slick-current>img {
	border-color: #1d3e23
}

.product-details-thumbs .sm-image {
	cursor: pointer
}

.product-large-thumb {
	position: relative;
	overflow: hidden
}

a.popup-img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px !important;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #373737;
	color: #fff;
	border-radius: 4px;
	z-index: 9
}

.product-large-thumb a.popup-img:hover {
	background-color: #1d3e23;
	color: #fff
}

.product-details-content {
	position: relative
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.product-details-content {
		margin-top: 30px
	}
}

@media only screen and (max-width:767px) {
	.product-details-content {
		margin-top: 30px
	}
}

.product-nav {
	position: absolute;
	top: 0;
	right: 0
}

@media only screen and (max-width:767px) {
	.product-nav {
		display: none
	}
}

.product-nav>a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #d1d1d1;
	line-height: 28px;
	text-align: center;
	border-radius: 3px;
	color: #d1d1d1;
	position: relative;
	margin-right: 5px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.product-nav>a:hover {
	background: #1d3e23;
	border-color: #1d3e23;
	color: #fff
}

.product-details-content.text-center h2 {
	max-width: 100%
}

@media only screen and (max-width:767px) {
	.product-details-content.text-center h2 {
		max-width: 245px;
		font-size: 18px;
		margin: auto;
		margin-bottom: 10px
	}
}

@media only screen and (max-width:575px) {
	.product-details-content.text-center h2 {
		max-width: 195px;
		font-size: 17px;
		margin: 0;
		margin-bottom: 10px;
		text-align: left
	}
}

.product-details-content h2 {
	color: #565972;
	font-size: 23px;
	font-weight: 500;
	margin-bottom: 10px;
	max-width: 400px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.product-details-content h2 {
		max-width: 370px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.product-details-content h2 {
		max-width: 100%
	}
}

@media only screen and (max-width:767px) {
	.product-details-content h2 {
		font-size: 20px
	}
}

@media only screen and (max-width:575px) {
	.product-details-content h2 {
		font-size: 18px;
		max-width: 300px
	}
}

@media only screen and (max-width:479px) {
	.product-details-content h2 {
		font-size: 18px;
		max-width: 175px
	}
}

.single-product-reviews {
	font-size: 15px;
	margin-bottom: 20px
}

.single-product-reviews i.active {
	color: #f5c60d
}

.review-link {
	font-size: 13px;
	color: #565972;
	margin-left: 10px;
	line-height: 30px;
	display: inline-block
}

.review-link:hover {
	color: #1d3e23
}

.single-product-price {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 20px
}

.single-product-price .price.new-price {
	color: #1d3e23;
	font-weight: 500
}

.single-product-price .regular-price {
	text-decoration: line-through
}

.product-description p {
	line-height: 25px;
	color: #8a8eaa;
	margin-bottom: 30px
}

.single-product-quantity {
	margin-bottom: 35px
}

.single-product-quantity .product-quantity {
	background: #fff;
	border: 1px solid #ededed;
	float: left;
	margin-right: 15px;
	padding: 0 10px;
	border-radius: 0
}

.single-product-quantity .product-quantity input {
	background: 0 0;
	border: none;
	color: #565972;
	font-size: 20px;
	font-weight: 400;
	height: 55px;
	line-height: 53px;
	padding: 0;
	width: 60px
}

@media only screen and (max-width:767px) {
	.single-product-quantity .product-quantity input {
		height: 45px;
		width: 40px
	}
}

.single-product-quantity .btn {
	text-transform: uppercase
}

@media only screen and (max-width:767px) {
	.single-product-quantity .btn {
		padding: 8px 15px
	}
}

.single-product-quantity .btn i {
	font-size: 20px;
	margin-right: 10px
}

.wishlist-compare-btn {
	margin-bottom: 35px
}

@media only screen and (max-width:767px) {
	.wishlist-compare-btn {
		margin-bottom: 20px
	}
}

@media only screen and (max-width:575px) {
	.wishlist-compare-btn {
		text-align: left
	}
}

@media only screen and (max-width:479px) {
	.wishlist-compare-btn {
		text-align: center
	}
}

.wishlist-compare-btn a {
	background: 0 0;
	border: 1px solid #ededed;
	color: #565972;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	height: 45px;
	line-height: 43px;
	text-align: center;
	width: 170px;
	border-radius: 0;
	-webkit-transition: .3s ease;
	transition: .3s ease
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.wishlist-compare-btn a {
		width: 155px
	}
}

.wishlist-compare-btn a.wishlist-btn {
	margin-right: 20px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.wishlist-compare-btn a.wishlist-btn {
		margin-right: 0
	}
}

@media only screen and (max-width:767px) {
	.wishlist-compare-btn a.wishlist-btn {
		margin-right: 0;
		margin-bottom: 15px
	}
}

.wishlist-compare-btn a.add-compare {
	border-radius: 5px
}

.wishlist-compare-btn a.wishlist-btn:before {
	content: '';
	display: inline-block;
	font-family: line awesome free;
	font-size: 16px;
	margin-right: 5px;
	vertical-align: top
}

.wishlist-compare-btn a:hover {
	background: #1d3e23;
	border-color: #1d3e23;
	color: #fff
}

.wishlist-compare-btn a:hover:before {
	-webkit-animation: crFlipX 2s ease-in-out infinite both;
	animation: crFlipX 2s ease-in-out infinite both
}

.product-meta {
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	padding: 15px 0;
	width: 100%
}

.product-meta .posted-in {
	color: #565972;
	font-size: 14px;
	font-weight: 700;
	margin-right: 10px;
	text-transform: uppercase
}

.product-meta .posted-in>a {
	color: #565972;
	font-weight: 400;
	text-transform: none
}

.product-meta .posted-in>a:hover {
	color: #1d3e23
}

.single-product-sharing {
	margin-bottom: 0;
	padding: 15px 0;
	width: 100%
}

.single-product-sharing>h3 {
	color: #565972;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin-right: 15px;
	text-transform: uppercase
}

.single-product-sharing ul {
	display: inline-block;
	margin-bottom: 10px
}

.single-product-sharing ul>li {
	display: inline-block;
	list-style: none;
	margin-bottom: 0;
	margin-right: 15px;
	position: relative
}

.single-product-sharing ul li a {
	color: #555;
	display: block;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase
}

.single-product-sharing ul li a:hover {
	color: #1d3e23
}

.product-variants {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.product-variants>.product-variants-item {
	margin: 20px 0;
	display: block;
	margin-top: 0
}

.product-variants>.product-variants-item:last-child {
	margin-left: 30px
}

.product-variants-item span.control-label {
	margin-bottom: 6px;
	margin-bottom: 5px;
	display: block;
	width: 100%;
	text-transform: capitalize
}

.product-variants .product-variants-item select {
	border: 1px solid #ebebeb;
	height: 40px;
	width: 60px;
	background: #fff;
	border: 1px solid #ebebeb;
	height: 40px;
	width: 60px;
	background: #fff
}

.procuct-color>li {
	display: inline-block;
	list-style: none;
	margin-left: 5px
}

.procuct-color>li:nth-child(2)>a>span.color {
	background: #00eeb3
}

.procuct-color>li>a>span.color {
	background: #ffa07a;
	height: 20px;
	width: 20px;
	display: inline-block;
	margin-right: 10px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.procuct-color>li.active>a>span.color,
.procuct-color>li:hover>a>span.color {
	outline: 1px solid #d6b98c;
	outline-offset: 1px
}

.single-product-area .slider-thumbs-2 {
	padding: 40px 0
}

.product-details-images-2 {
	float: right;
	width: calc(100% - 110px);
	padding-left: 10px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.product-details-images-2 {
		width: calc(100% - 80px)
	}
}

@media only screen and (max-width:767px) {
	.product-details-images-2 {
		width: calc(100% - 80px)
	}
}

.product-details-thumbs-2 {
	float: left;
	width: 110px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.product-details-thumbs-2 {
		width: 80px
	}
}

@media only screen and (max-width:767px) {
	.product-details-thumbs-2 {
		width: 80px
	}
}

.product-details-images-2.tabstyle-3 {
	float: left;
	width: calc(100% - 110px);
	padding-right: 10px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.product-details-images-2.tabstyle-3 {
		width: calc(100% - 80px)
	}
}

@media only screen and (max-width:767px) {
	.product-details-images-2.tabstyle-3 {
		width: calc(100% - 80px)
	}
}

.product-details-thumbs-2.tabstyle-3 {
	float: right;
	width: 110px
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.product-details-thumbs-2.tabstyle-3 {
		width: 80px
	}
}

@media only screen and (max-width:767px) {
	.product-details-thumbs-2.tabstyle-3 {
		width: 80px
	}
}

.dec-review-topbar {
	border-bottom: 1px solid #ebebeb;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.dec-review-topbar a {
	display: inline-block;
	font-size: 18px;
	color: #161c2d;
	padding: 0 30px 22px;
	margin: 0 14px 0 0;
	position: relative
}

.dec-review-topbar a:last-child {
	margin: 0 0 0 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.dec-review-topbar a {
		padding: 0 15px 22px;
		margin: 0 7px 0 0
	}
}

@media only screen and (max-width:767px) {
	.dec-review-topbar a {
		padding: 0 10px 10px;
		margin: 0 0 10px 0;
		font-size: 16px
	}
}

@media only screen and (min-width:576px) and (max-width:767px) {
	.dec-review-topbar a {
		padding: 0 7px 10px
	}
}

.dec-review-topbar a:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #1d3e23;
	z-index: 2;
	opacity: 0;
	visibility: hidden
}

.dec-review-topbar a.active {
	color: #1d3e23;
	font-weight: 600
}

.dec-review-topbar a.active:before {
	opacity: 1;
	visibility: visible
}

.table .tlogo img {
	max-width: 200px
}

@media only screen and (min-width:767px) {

	.table tbody th,
	.table tbody td {
		padding: 20px 30px
	}
}

@media only screen and (max-width:767px) {
	.dec-review-topbar.mb-45 {
		margin-bottom: 25px
	}

	.table td {
		display: block;
		text-align: center
	}

	.tlogo img {
		max-width: 250px;
		padding-top: 20px
	}

	.bonus strong {
		font-size: 22px;
		padding: 15px 30px
	}

	.table tbody tr td {
		border: none
	}

	.table tbody tr {
		border-bottom: 4px solid #f8f9fd
	}

	.table tbody tr a {
		margin-bottom: 30px
	}
}

.dec-review-topbar.dec-review-topbar-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: none
}

.dec-review-bottom .description-wrap p {
	line-height: 30px;
	margin: 0 0 20px
}

@media only screen and (max-width:767px) {
	.dec-review-bottom .description-wrap p {
		margin: 0 0 18px;
		line-height: 27px
	}
}

.dec-review-bottom .description-wrap p:last-child {
	margin: 0 0 0
}

.dec-review-bottom .description-wrap .img-des h4 {
	font-weight: 600;
	font-size: 25px
}

.dec-review-bottom .description-wrap .img-des p {
	margin-top: 15px
}

.dec-review-bottom .description-wrap .img-des img {
	max-width: 100%;
	-webkit-transition: .3s;
	transition: .3s;
	max-width: 100%;
	height: auto;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: .7s;
	transition-duration: .7s;
	-webkit-transition-property: all;
	transition-property: all
}

.dec-review-bottom .specification-wrap table {
	width: 100%
}

.dec-review-bottom .specification-wrap table tbody {
	border: 1px solid #f0f0f0;
	width: 100%
}

.dec-review-bottom .specification-wrap table tbody tr {
	border-bottom: 1px solid #f0f0f0
}

.dec-review-bottom .specification-wrap table tbody tr td {
	border-right: 1px solid #f0f0f0;
	font-size: 14px;
	color: #161c2d;
	padding: 17px 30px
}

.dec-review-bottom .specification-wrap table tbody tr td.title {
	font-weight: 500;
	font-size: 15px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.dec-review-bottom .specification-wrap table tbody tr td {
		padding: 17px 20px
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.dec-review-bottom .specification-wrap table tbody tr td {
		padding: 17px 20px
	}
}

@media only screen and (max-width:767px) {
	.dec-review-bottom .specification-wrap table tbody tr td {
		padding: 17px 15px
	}
}

.dec-review-bottom .specification-wrap table tbody tr td.width1 {
	width: 300px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.dec-review-bottom .specification-wrap table tbody tr td.width1 {
		width: 200px
	}
}

@media only screen and (max-width:767px) {
	.dec-review-bottom .specification-wrap table tbody tr td.width1 {
		width: 100px
	}
}

.dec-review-bottom .review-wrapper h2 {
	font-size: 22px;
	margin: 0 0 25px
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.dec-review-bottom .review-wrapper h2 {
		font-size: 20px
	}
}

@media only screen and (max-width:767px) {
	.dec-review-bottom .review-wrapper h2 {
		font-size: 18px;
		margin: 0 0 18px
	}
}

.dec-review-bottom .single-review {
	margin: 0 0 60px;
	padding: 50px 30px;
	border: 1px solid rgba(0, 0, 0, .1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.dec-review-bottom .single-review {
		padding: 50px 20px
	}
}

@media only screen and (max-width:767px) {
	.dec-review-bottom .single-review {
		padding: 30px;
		display: block;
		margin: 0 0 30px
	}
}

.dec-review-bottom .single-review .review-img {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60px;
	flex: 0 0 60px
}

.dec-review-bottom .single-review .review-content {
	margin-left: 20px
}

@media only screen and (max-width:767px) {
	.dec-review-bottom .single-review .review-content {
		margin-left: 0
	}
}

.dec-review-bottom .single-review .review-content .review-top-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 15px
}

@media only screen and (max-width:767px) {
	.dec-review-bottom .single-review .review-content .review-top-wrap {
		display: block;
		margin: 10px 0
	}
}

.dec-review-bottom .single-review .review-content .review-top-wrap .review-name h5 {
	font-size: 13px;
	margin: 0;
	color: #535353
}

.dec-review-bottom .single-review .review-content .review-top-wrap .review-name h5 span {
	font-weight: 600;
	font-size: 14px;
	color: #161c2d
}

.dec-review-bottom .single-review .review-content .review-top-wrap .review-rating {
	line-height: 1
}

@media only screen and (max-width:767px) {
	.dec-review-bottom .single-review .review-content .review-top-wrap .review-rating {
		margin: 10px 0 0
	}
}

.dec-review-bottom .single-review .review-content .review-top-wrap .review-rating i {
	font-size: 14px;
	color: #d5d6d8
}

.dec-review-bottom .single-review .review-content .review-top-wrap .review-rating i.yellow {
	color: #f5b223
}

.dec-review-bottom .single-review .review-content p {
	font-size: 15px;
	line-height: 28px;
	margin: 0
}

@media only screen and (max-width:767px) {
	.dec-review-bottom .single-review .review-content p {
		font-size: 15px
	}
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
	.dec-review-bottom .single-review.pro-details-9-single-review {
		padding: 50px 12px
	}
}

.dec-review-bottom .ratting-form-wrapper>span {
	display: block;
	line-height: 1;
	font-size: 16px
}

.dec-review-bottom .ratting-form-wrapper p {
	font-size: 14px;
	margin: 9px 0 0;
	color: #535353
}

.dec-review-bottom .ratting-form-wrapper p span {
	color: red
}

.dec-review-bottom .ratting-form-wrapper .ratting-form {
	margin: 30px 0 0
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 16px 0 29px
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap .single-ratting-star {
	margin-right: 17px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap .single-ratting-star a {
	color: #535353
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .star-box-wrap .single-ratting-star:hover i {
	color: #f5b223
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style label {
	margin: 0 0 5px;
	display: inline-block
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style label span {
	color: red
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style input,
.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style textarea {
	background: 0 0;
	border: 1px solid #cdcdcd;
	height: 50px;
	padding: 5px 10px;
	width: 100%
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style input:focus,
.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style textarea:focus {
	border: 1px solid #262626
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .rating-form-style textarea {
	height: 150px
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .form-submit {
	margin-top: 20px
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .form-submit input {
	padding: 8px 35px;
	line-height: 30px;
	color: #fff;
	border-width: 0;
	font-weight: 600;
	display: inline-block;
	width: auto;
	height: auto;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: #272a3a;
	border-radius: 4px
}

.dec-review-bottom .ratting-form-wrapper .ratting-form .form-submit input:hover {
	background: #1d3e23
}

.slick-slider.top-nav .slick-arrow {
	margin-top: -70px
}

.slick-slider.top-nav .slick-arrow.slick-prev {
	right: 50px
}

.slick-slider.top-nav .slick-arrow.slick-next {
	right: 0
}

.slick-slider .slick-arrow {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
	border: none;
	background-color: #fff;
	color: #fff;
	padding: 10px;
	width: 45px;
	height: 45px;
	border: 1px solid #ebebeb;
	border-radius: 50%;
	text-align: center;
	opacity: 0
}

.slick-slider .slick-arrow i {
	font-size: 22px;
	line-height: 20px;
	display: block;
	color: #333
}

.slick-slider .slick-arrow.slick-prev {
	left: 0;
	margin-left: 40px
}

.slick-slider .slick-arrow.slick-next {
	right: 0;
	margin-right: 40px
}

.slick-slider .slick-arrow:hover {
	background-color: #1d3e23;
	border-color: #1d3e23
}

.slick-slider:hover .slick-arrow {
	opacity: 1
}

.slick-slider:hover .slick-arrow.slick-prev {
	margin-left: 20px
}

.slick-slider:hover .slick-arrow.slick-next {
	margin-right: 20px
}

.footer {
	padding: 20px 0 0
}

.footer .logo-light {
	display: block
}

.footer .logo-dark {
	display: none
}

.footer .footer-desc,
.footer .footer-alt {
	color: #bdc1d7
}

.footer .text-left {
	text-align: left
}

.footer .text-right {
	float: right
}

.footer .footer-list-title {
	color: #edeef5
}

.footer .footer-icons {
	color: #bdc1d7;
	-webkit-transition: all .3s;
	transition: all .3s
}

.footer .footer-icons a {
	width: 45px;
	height: 45px;
	line-height: 42px;
	border: 1px solid #bdc1d7;
	border-radius: 50%;
	display: block;
	color: #bdc1d7;
	font-size: 18px;
	-webkit-transition: .5s;
	transition: .5s;
	text-align: center
}

.footer .footer-icons a:hover {
	color: #fff;
	background-color: #1d3e23;
	border: 1px solid #1d3e23;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.footer .company-sub-menu li {
	padding: 8px 0
}

.footer .company-sub-menu li a {
	-webkit-transition: all .5s;
	transition: all .5s;
	color: #bdc1d7
}

.footer .company-sub-menu li a:hover {
	color: #dcdeed !important
}

.footer-area {
	padding-top: 150px;
	padding-bottom: 30px
}

.footer-area p {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 40px;
	color: #bdc1d7
}

.footer-area .foot-divider {
	width: 100%;
	height: 1px;
	background-color: #565972
}

.footer-area .social-link {
	list-style-type: none;
	margin-top: 50px;
	margin-bottom: 25px;
	padding-left: 0
}

.footer-area .social-link li {
	display: inline-block;
	margin: 0 10px
}

.footer-area .social-link li a {
	width: 45px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #bdc1d7;
	border-radius: 50%;
	display: block;
	color: #bdc1d7;
	font-size: 18px;
	-webkit-transition: .5s;
	transition: .5s
}

.footer-alt a {
	color: #fff
}

.footer-alt a:hover {
	color: #bdd5df
}

.footer-area .social-link li a:hover,
.footer-area .social-link li a:focus {
	text-decoration: none;
	color: #fff;
	background-color: #1d3e23;
	border-color: #1d3e23;
	-webkit-box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4);
	box-shadow: 0 17px 43px 1px rgba(26, 94, 221, .4)
}

.footer-area p.copyright-text {
	font-size: 16px;
	margin-top: 10px;
	color: #dcdeed
}

.table {
	width: 100%;
	background: #fff
}

.table thead.thead-primary {
	background: #1089ff
}

.table thead th {
	border: none;
	padding: 20px 30px;
	font-size: 14px;
	color: #fff
}

.table tbody tr {
	margin-bottom: 10px;
	border-left: 4px solid #f8f9fd;
	border-right: 4px solid #f8f9fd
}

.table tbody th,
.table tbody td {
	border: none;
	vertical-align: middle;
	border-bottom: 4px solid #f8f9fd;
	border-top: 4px solid #f8f9fd;
	font-size: 18px
}

.list span {
	position: relative;
	display: block;
	padding-left: 7px
}

.list span:before {
	content: '';
	position: absolute;
	width: 3px;
	height: 3px;
	top: 10px;
	left: 0;
	border-radius: 50%;
	background: #3d3d3d
}

.bonus {
	font-weight: 700
}

.bonus strong {
	display: block;
	font-family: russo one, sans-serif
}

@media(min-width:930px) {
	.bonus strong {
		font-size: 20px
	}
}

h2 {
	margin-top: 20px
}

#table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 15px
}

#table td,
#table th {
	border: 1px solid #ddd;
	padding: 8px;
	color: #000
}

#table tr:hover {
	background-color: #ddd
}

#table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #1d3e23;
	color: #fff;
	font-weight: 500
}

#table2 {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 15px
}

#table2 td {
	border: 1px solid #ddd;
	padding: 8px;
	color: #1d3e23;
	background-color: #fff
}

#table2 tr:hover {
	background-color: #ddd
}

#table2 th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	color: #1d3e23;
	background-color: #ddd;
	font-weight: 500;
	border: 1px solid #fff;
	padding: 8px
}

#how li {
	color: #fff
}

#how i {
	color: #fff
}

.imgs {
	max-width: 100%
}
.pulse-btn {
	-webkit-animation: pulse 1.5s infinite; 
	color: #fff !important;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	border: none;
	background-size: 300% 100%;
	padding: 0 55px;
	border-radius: 5px;
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	height: 60px;
	line-height: 60px;
	background-color: #FB644C;
	box-shadow: 0 10px 80px 0 rgba(251,100,76, .4)
} 
.pulse-btn:hover {
	-webkit-animation: none;
}

-webkit-keyframes pulse {
  0% {
    @include transform(scale(.9));
  }
  70% {
    @include transform(scale(1));
    box-shadow: 0 0 0 50px rgba(#5a99d4, 0);
  }
    100% {
    @include transform(scale(.9));
    box-shadow: 0 0 0 0 rgba(#5a99d4, 0);
  }
}