/* Deafult Margin & Padding */
/*-- Margin Top --*/
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-25 {
	margin-top: 25px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-35 {
	margin-top: 35px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-45 {
	margin-top: 45px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-55 {
	margin-top: 55px;
}
.mt-60 {
	margin-top: 60px;
}
.mt-65 {
	margin-top: 65px;
}
.mt-70 {
	margin-top: 70px;
}
.mt-75 {
	margin-top: 75px;
}
.mt-80 {
	margin-top: 80px;
}
.mt-85 {
	margin-top: 85px;
}
.mt-90 {
	margin-top: 90px;
}
.mt-95 {
	margin-top: 95px;
}
.mt-100 {
	margin-top: 100px;
}
.mt-105 {
	margin-top: 105px;
}
.mt-110 {
	margin-top: 110px;
}
.mt-115 {
	margin-top: 115px;
}
.mt-120 {
	margin-top: 120px;
}
.mt-125 {
	margin-top: 125px;
}
.mt-130 {
	margin-top: 130px;
}
.mt-135 {
	margin-top: 135px;
}
.mt-140 {
	margin-top: 140px;
}
.mt-145 {
	margin-top: 145px;
}
.mt-150 {
	margin-top: 150px;
}
.mt-155 {
	margin-top: 155px;
}
.mt-160 {
	margin-top: 160px;
}
.mt-165 {
	margin-top: 165px;
}
.mt-170 {
	margin-top: 170px;
}
.mt-175 {
	margin-top: 175px;
}
.mt-180 {
	margin-top: 180px;
}
.mt-185 {
	margin-top: 185px;
}
.mt-190 {
	margin-top: 190px;
}
.mt-195 {
	margin-top: 195px;
}
.mt-200 {
	margin-top: 200px;
}
/*-- Margin Bottom --*/

.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-35 {
	margin-bottom: 35px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-45 {
	margin-bottom: 45px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-55 {
	margin-bottom: 55px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-65 {
	margin-bottom: 65px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-75 {
	margin-bottom: 75px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-85 {
	margin-bottom: 85px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mb-95 {
	margin-bottom: 95px;
}
.mb-100 {
	margin-bottom: 100px;
}
.mb-105 {
	margin-bottom: 105px;
}
.mb-110 {
	margin-bottom: 110px;
}
.mb-115 {
	margin-bottom: 115px;
}
.mb-120 {
	margin-bottom: 120px;
}
.mb-125 {
	margin-bottom: 125px;
}
.mb-130 {
	margin-bottom: 130px;
}
.mb-135 {
	margin-bottom: 135px;
}
.mb-140 {
	margin-bottom: 140px;
}
.mb-145 {
	margin-bottom: 145px;
}
.mb-150 {
	margin-bottom: 150px;
}
.mb-155 {
	margin-bottom: 155px;
}
.mb-160 {
	margin-bottom: 160px;
}
.mb-165 {
	margin-bottom: 165px;
}
.mb-170 {
	margin-bottom: 170px;
}
.mb-175 {
	margin-bottom: 175px;
}
.mb-180 {
	margin-bottom: 180px;
}
.mb-185 {
	margin-bottom: 185px;
}
.mb-190 {
	margin-bottom: 190px;
}
.mb-195 {
	margin-bottom: 195px;
}
.mb-200 {
	margin-bottom: 200px;
}
/*-- margin left --*/
.ml-5 {
	margin-left: 5px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-15 {
	margin-left: 15px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-25 {
	margin-left: 25px;
}
.ml-30 {
	margin-left: 30px;
}
.ml-35 {
	margin-left: 35px;
}
.ml-40 {
	margin-left: 40px;
}
.ml-45 {
	margin-left: 45px;
}
.ml-50 {
	margin-left: 50px;
}
.ml-55 {
	margin-left: 55px;
}
.ml-60 {
	margin-left: 60px;
}
.ml-65 {
	margin-left: 65px;
}
.ml-70 {
	margin-left: 70px;
}
.ml-75 {
	margin-left: 75px;
}
.ml-80 {
	margin-left: 80px;
}
.ml-85 {
	margin-left: 85px;
}
.ml-90 {
	margin-left: 90px;
}
.ml-95 {
	margin-left: 95px;
}
.ml-100 {
	margin-left: 100px;
}
.ml-105 {
	margin-left: 105px;
}
.ml-110 {
	margin-left: 110px;
}
.ml-115 {
	margin-left: 115px;
}
.ml-120 {
	margin-left: 120px;
}
.ml-125 {
	margin-left: 125px;
}
.ml-130 {
	margin-left: 130px;
}
.ml-135 {
	margin-left: 135px;
}
.ml-140 {
	margin-left: 140px;
}
.ml-145 {
	margin-left: 145px;
}
.ml-150 {
	margin-left: 150px;
}
.ml-155 {
	margin-left: 155px;
}
.ml-160 {
	margin-left: 160px;
}
.ml-165 {
	margin-left: 165px;
}
.ml-170 {
	margin-left: 170px;
}
.ml-175 {
	margin-left: 175px;
}
.ml-180 {
	margin-left: 180px;
}
.ml-185 {
	margin-left: 185px;
}
.ml-190 {
	margin-left: 190px;
}
.ml-195 {
	margin-left: 195px;
}
.ml-200 {
	margin-left: 200px;
}
/*-- margin right --*/
.mr-5 {
	margin-right: 5px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-15 {
	margin-right: 15px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-25 {
	margin-right: 25px;
}
.mr-30 {
	margin-right: 30px;
}
.mr-35 {
	margin-right: 35px;
}
.mr-40 {
	margin-right: 40px;
}
.mr-45 {
	margin-right: 45px;
}
.mr-50 {
	margin-right: 50px;
}
.mr-55 {
	margin-right: 55px;
}
.mr-60 {
	margin-right: 60px;
}
.mr-65 {
	margin-right: 65px;
}
.mr-70 {
	margin-right: 70px;
}
.mr-75 {
	margin-right: 75px;
}
.mr-80 {
	margin-right: 80px;
}
.mr-85 {
	margin-right: 85px;
}
.mr-90 {
	margin-right: 90px;
}
.mr-95 {
	margin-right: 95px;
}
.mr-100 {
	margin-right: 100px;
}
.mr-105 {
	margin-right: 105px;
}
.mr-110 {
	margin-right: 110px;
}
.mr-115 {
	margin-right: 115px;
}
.mr-120 {
	margin-right: 120px;
}
.mr-125 {
	margin-right: 125px;
}
.mr-130 {
	margin-right: 130px;
}
.mr-135 {
	margin-right: 135px;
}
.mr-140 {
	margin-right: 140px;
}
.mr-145 {
	margin-right: 145px;
}
.mr-150 {
	margin-right: 150px;
}
.mr-155 {
	margin-right: 155px;
}
.mr-160 {
	margin-right: 160px;
}
.mr-165 {
	margin-right: 165px;
}
.mr-170 {
	margin-right: 170px;
}
.mr-175 {
	margin-right: 175px;
}
.mr-180 {
	margin-right: 180px;
}
.mr-185 {
	margin-right: 185px;
}
.mr-190 {
	margin-right: 190px;
}
.mr-195 {
	margin-right: 195px;
}
.mr-200 {
	margin-right: 200px;
}


/*-- Padding Top --*/

.pt-5 {
	padding-top: 5px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-25 {
	padding-top: 25px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-35 {
	padding-top: 35px;
}
.pt-40 {
	padding-top: 40px;
}
.pt-45 {
	padding-top: 45px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-55 {
	padding-top: 55px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-65 {
	padding-top: 65px;
}
.pt-70 {
	padding-top: 70px;
}
.pt-75 {
	padding-top: 75px;
}
.pt-80 {
	padding-top: 80px;
}
.pt-85 {
	padding-top: 85px;
}
.pt-90 {
	padding-top: 90px;
}
.pt-95 {
	padding-top: 95px;
}
.pt-100 {
	padding-top: 100px;
}
.pt-105 {
	padding-top: 105px;
}
.pt-110 {
	padding-top: 110px;
}
.pt-115 {
	padding-top: 115px;
}
.pt-120 {
	padding-top: 120px;
}
.pt-125 {
	padding-top: 125px;
}
.pt-130 {
	padding-top: 130px;
}
.pt-135 {
	padding-top: 135px;
}
.pt-140 {
	padding-top: 140px;
}
.pt-145 {
	padding-top: 145px;
}
.pt-150 {
	padding-top: 150px;
}
.pt-155 {
	padding-top: 155px;
}
.pt-160 {
	padding-top: 160px;
}
.pt-165 {
	padding-top: 165px;
}
.pt-170 {
	padding-top: 170px;
}
.pt-175 {
	padding-top: 175px;
}
.pt-180 {
	padding-top: 180px;
}
.pt-185 {
	padding-top: 185px;
}
.pt-190 {
	padding-top: 190px;
}
.pt-195 {
	padding-top: 195px;
}
.pt-200 {
	padding-top: 200px;
}
/*-- Padding Bottom --*/

.pb-5 {
	padding-bottom: 5px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-25 {
	padding-bottom: 25px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-35 {
	padding-bottom: 35px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-45 {
	padding-bottom: 45px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-55 {
	padding-bottom: 55px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-65 {
	padding-bottom: 65px;
}
.pb-70 {
	padding-bottom: 70px;
}
.pb-75 {
	padding-bottom: 75px;
}
.pb-80 {
	padding-bottom: 80px;
}
.pb-85 {
	padding-bottom: 85px;
}
.pb-90 {
	padding-bottom: 90px;
}
.pb-95 {
	padding-bottom: 95px;
}
.pb-100 {
	padding-bottom: 100px;
}
.pb-105 {
	padding-bottom: 105px;
}
.pb-110 {
	padding-bottom: 110px;
}
.pb-115 {
	padding-bottom: 115px;
}
.pb-120 {
	padding-bottom: 120px;
}
.pb-125 {
	padding-bottom: 125px;
}
.pb-130 {
	padding-bottom: 130px;
}
.pb-135 {
	padding-bottom: 135px;
}
.pb-140 {
	padding-bottom: 140px;
}
.pb-145 {
	padding-bottom: 145px;
}
.pb-150 {
	padding-bottom: 150px;
}
.pb-155 {
	padding-bottom: 155px;
}
.pb-160 {
	padding-bottom: 160px;
}
.pb-165 {
	padding-bottom: 165px;
}
.pb-170 {
	padding-bottom: 170px;
}
.pb-175 {
	padding-bottom: 175px;
}
.pb-180 {
	padding-bottom: 180px;
}
.pb-185 {
	padding-bottom: 185px;
}
.pb-190 {
	padding-bottom: 190px;
}
.pb-195 {
	padding-bottom: 195px;
}
.pb-200 {
	padding-bottom: 200px;
}

/*-- Padding left --*/

.pl-0 {
	padding-left: 0px;
}
.pl-5 {
	padding-left: 5px;
}
.pl-10 {
    padding-left: 10px  !important;
}
.pl-15 {
	padding-left: 15px;
}
.pl-20 {
	padding-left: 20px;
}
.pl-25 {
	padding-left: 25px;
}
.pl-30 {
	padding-left: 30px;
}
.pl-35 {
	padding-left: 35px;
}
.pl-40 {
	padding-left: 40px;
}
.pl-45 {
	padding-left: 45px;
}
.pl-50 {
	padding-left: 50px;
}
.pl-55 {
	padding-left: 55px;
}
.pl-60 {
	padding-left: 60px;
}
.pl-65 {
	padding-left: 65px;
}
.pl-70 {
	padding-left: 70px;
}
.pl-75 {
	padding-left: 75px;
}
.pl-80 {
	padding-left: 80px;
}
.pl-85 {
	padding-left: 85px;
}
.pl-90 {
	padding-left: 90px;
}
.pl-100 {
	padding-left: 100px;
}
.pl-105 {
	padding-left: 105px;
}
.pl-110 {
	padding-left: 110px;
}
.pl-115 {
	padding-left: 115px;
}
.pl-120 {
	padding-left: 120px;
}
.pl-125 {
	padding-left: 125px;
}
/*-- Padding right --*/

.pr-0 {
	padding-right: 0px;
}
.pr-5 {
	padding-right: 5px;
}
.pr-10 {
	padding-right: 10px !important;
}
.pr-15 {
	padding-right: 15px;
}
.pr-20 {
	padding-right: 20px;
}
.pr-25 {
	padding-right: 25px;
}
.pr-30 {
	padding-right: 30px;
}
.pr-35 {
	padding-right: 35px;
}
.pr-40 {
	padding-right: 40px;
}
.pr-45 {
	padding-right: 45px;
}
.pr-50 {
	padding-right: 50px;
}
.pr-55 {
	padding-right: 55px;
}
.pr-60 {
	padding-right: 60px;
}
.pr-65 {
	padding-right: 65px;
}
.pr-70 {
	padding-right: 70px;
}
.pr-75 {
	padding-right: 75px;
}
.pr-80 {
	padding-right: 80px;
}
.pr-85 {
	padding-right: 85px;
}
.pr-90 {
	padding-right: 90px;
}
.pr-95 {
	padding-right: 95px;
}
.pr-100 {
	padding-right: 100px;
}
.pr-105 {
	padding-right: 105px;
}
/* Background Color */

.gray-bg {
	background: #f6f6f6;
}
.white-bg {
	background: #fff;
}
.black-bg {
	background: #222;
}
/* Color */

.white {
	color: #fff;
}
.black {
	color: #222;
}
/* black overlay */

[data-overlay] {
	position: relative;
}
[data-overlay]::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
[data-overlay="3"]::before {
	opacity: 0.3;
}
[data-overlay="4"]::before {
	opacity: 0.4;
}
[data-overlay="5"]::before {
	opacity: 0.5;
}
[data-overlay="6"]::before {
	opacity: 0.6;
}
[data-overlay="7"]::before {
	opacity: 0.7;
}
[data-overlay="8"]::before {
	opacity: 0.8;
}
[data-overlay="9"]::before {
	opacity: 0.9;
}








/* merge style.css @charset "UTF-8"; */

body, h1, h2, h3, h4, h5, p, span, a, li,
.tooltip,
.popover,
.btn, .form-control {
	/*font-family: 'Utsaah', sans-serif;*/
	font-family: 'Exo', Gill Sans, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	color: #4a4c50;
	font-weight: 400;
	line-height: 24px;
	font-size: 1rem;
	margin-top: 0px;
	background-color: #f5f5f5;
}

h1,h2,h3,h4,h5,h6 {font-weight: 700;color: #4a4c50;margin: 0px; }

.h1, h1, h1 a {font-size: 1.75rem;line-height: 2rem;}
.h2, h2, h2 a {font-size: 1.5rem;line-height: 2rem; }
.h3, h3, h3 a {font-size: 1.2rem;line-height: 1.3rem; }
.h4, h4, h4 a {font-size: 1.25rem;line-height: 1.1rem;}
.h5, h5, h5 a {font-size: 0.9rem;line-height: 1.2rem; }
.h6. h6, h6 a {font-size: 0.9rem;line-height: 1.2rem; }
.h7, h7, h7 a {font-size: 0.9rem;line-height: 1.2rem; }

h1.left-column-title {font-size: 1.5rem;line-height: 2rem;}
.product-details-content .details-title {font-size: 1.5rem;line-height: 2rem;}

h3.title {color: #4a4c50 !important;}

.product-card .product-content .product-name a {
	font-size: 1.1rem;
}

#orderhistory_table {
	font-size: .9rem;
}

.btn {
	font-size: 1rem !important;
	font-weight: 700 !important;
}

@media (min-width: 1200px) {
	.container {width: 1300px !important;max-width: none !important;}
}

.fixed-top {
	z-index: 2000;}

body.fixed-footer {
	margin-bottom: 100px;
}
body.fixed-header {
	margin-top: 160px;
	/*add 30px for the christmas / easter / top row message
    margin-top: 215px; */
}

body.fixed-header.checkout-header {
	margin-top: 120px;
	/*add 30px for the christmas / easter / top row message
    margin-top: 215px; */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body.fixed-header {margin-top: 110px !important; }
    /* add 30px for the christmas / easter / top row message
    body.fixed-header {margin-top: 189px; } */
}

@media (max-width: 767px) {
    body.fixed-header {margin-top: 105px; }
    /* add 30px for the christmas / easter top row message
    body.fixed-header {margin-top: 195px; } */
}

.header-mobile-menu {
    height: 110px;
    /* adjust height for christmas / easter message
    height: 197px; */
}

#top-bar.message {
    background-color: #000;
}

.product-name-h5 {
	font-size: 1rem;
}

.productcard-text {
	line-height: .9rem;
	font-size: .9rem;
}

form-control-lg {
	font-size: 1rem;
	line-height: 1.5;
}


.product-card .product-image .sticker span,
.product-detail-image .sticker span {
	font-size: .8rem;
}

header {
    background-color: #fff;
}
#top-row-Modal {
	top: 30px;
}
.top-row-message {
	background-color: #205b41;;
	text-align: center;
	height: 40px;
	padding-top: 9px;
	font-size: 1.25rem;
}
.top-row-message, .top-row-message a {
	color: white;
}

p {

	margin: 0px; }



.large-text {
	font-size: 1.25rem;
	line-height: 1.5rem;
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

img {
	max-width: 100%;
	height: auto;
	aspect-ratio: attr(width) / attr(height);
}

a {
	color: #4a4c50;
}
a.underline, .underline, .section-content a, .blog-content a, .category-description a, .read-more-container a, .division-page a, .product-detail-desc a, .link-underline {
	background-image: linear-gradient(to right, #6d6d6d 0%, #656565 100%);
	background-repeat: repeat-x;
	background-position: 0 86%;
	background-size: 100% 1px;
}

.green-underline {
	background-image: linear-gradient(to right, #4c9d2f 0%, #4c9d2f 100%);
	background-repeat: repeat-x;
	background-position: 0 86%;
	background-size: 100% 1px;
}

.green-underline:hover {
	background-image: linear-gradient(to right, #6d6d6d 0%, #656565 100%);
	background-repeat: repeat-x;
	background-position: 0 86%;
	background-size: 100% 1px;
}

.no-underline {
	background-image: none !important;
}


.underline:hover {
	text-decoration: none;
}
.section-content a img, .blog-content a img, .image-link, .division-page img, .division-page .btn, .division-page .carousel a, .transparent-link,
.division-category-container a, .btn-secondary {
	background-image: none !important;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
	text-decoration: none;
	outline: none;
	color: #4a4c50;}

a:focus,
a:hover {
	text-decoration: none;
	color: #4a4c50;}

i,
span,
a {
	display: inline-block; }

b, strong {
	font-weight: bold;
}

h4.homepanel-title {
	font-size: 2rem;
	line-height: 2rem;
}

.category-h3-title, .division-h3 {
	font-size: 1.6rem;
	line-height: 1.3rem;
	font-weight: 700;
	color: #4a4c50;
	margin: 0px;
}

.category-h4-title {
	font-size: 1.5rem;
	line-height: 1.25rem;
	font-weight: 700;
	color: #4a4c50;
	margin: 0px;
}

.product-name-h5 {
	font-weight: 700;
	color: #4a4c50;
	margin: 0px;
}

.registration-modal-title {
	font-size: 2.5rem;line-height: 2rem;
	font-weight: 700;
	color: #4a4c50;
	margin: 0px;
}

.registration-modal-subtitle{
	font-size: 1.6rem;line-height: 1.3rem;
	font-weight: 700;
	color: #4a4c50;
	margin-top: 20px;
}

.container.container-min-height {
	min-height: 400px;
}

.btn-primary.disabled, .btn-primary:disabled{
	background-color: #9ec98e;
	border-color: #9ec98e;
}

ul, ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none; }

.breadcrumb{
	background-color: inherit;
	padding: .75rem 0rem;
	margin-bottom: 0;
}

.breadcrumb .breadcrumb-item.active div a{
	color: #4c9d2f;
}

.bg_cover {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%; }

.form-control {
	color: #6c757d;
}
input, select, textarea {
	color: #6c757d;
}
::-webkit-input-placeholder {
	color: #6c757d;
}

:-moz-placeholder { /* Firefox 18- */
	color: #6c757d;
}

::-moz-placeholder {  /* Firefox 19+ */
	color: #6c757d;
}

:-ms-input-placeholder {
	color: #6c757d;
}

::-moz-placeholder {
	opacity: 1;
}

.form-control::placeholder {
	color: #4a4c50;
	opacity: 1;

}

/*===== All Button Style =====*/

.table-buttons .btn {
	white-space: nowrap;
}

.btn-primary {
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
}

.btn-primary:hover {
	color: #fff !important;
	background-color: #165c43 !important;
	border-color: #165c43 !important;
}

.btn-primary-white:hover {
	color: #4a4c50;
	background-color: #fff;
	border-color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
	box-shadow: 0 0 0 .0rem rgba(38,143,255,.5);
}

.btn-summary {
	color: #fff;
	background-color: #AFCA0B;
	border-color: #AFCA0B;
}

.btn-summary:hover {
	color: #fff;
	background-color: #92a80d;
	border-color: #92a80d;
}

.btn-summary:not(:disabled):not(.disabled).active, .btn-summary:not(:disabled):not(.disabled):active, .show > .btn-summary.dropdown-toggle {
	color: #fff;
	background-color: #AFCA0B;
	border-color: #AFCA0B;
}
.btn-summary:not(:disabled):not(.disabled).active:focus, .btn-summary:not(:disabled):not(.disabled):active:focus, .show > .btn-summary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0);
}
.btn-summary:not(:disabled):not(.disabled).active, .show > .btn-summary.dropdown-toggle {
	color: #fff;
	background-color: #AFCA0B;
	border-color: #AFCA0B;
}
.btn-summary:focus {
	color: #fff;
	background-color: #AFCA0B;
	border-color: #AFCA0B;
	box-shadow: 0 0 0 .0rem rgba(38,143,255,.5);
}

.btn-info {
	color: #fff;
	background-color: #4a4c50;
	border-color: #fff;
}

.btn-info:hover {
	color: #4a4c50;
	background-color: #fff;
	border-color: #fff;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: #4a4c50;
	border-color: #4a4c50;
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0);
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: #4a4c50;
	border-color: #4a4c50;
}
.btn-info.focus, .btn-info:focus {
	color: #fff;
	background-color: #4a4c50;
	border-color: #4a4c50;
	box-shadow: 0 0 0 .0rem rgba(38,143,255,.5);
}

.btn-default, .btn-secondary {
	color: #4c9d2f;
	background-color: transparent;
	border-color: #4c9d2f;
}

.btn-default:hover, .btn-secondary:hover {
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
}

.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show > .btn-default.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
	color: #4c9d2f;
	background-color: transparent;
	border-color: #4c9d2f;
}
.btn-default:not(:disabled):not(.disabled).active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .show > .btn-default.dropdown-toggle:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus{
	box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0);
}
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show > .btn-default.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{
	color: #4c9d2f;
	background-color: transparent;
	border-color: #4c9d2f;
}
.btn-default.focus, .btn-default:focus,
.btn-secondary.focus, .btn-secondary:focus {
	color: #4c9d2f;
	background-color: transparent;
	border-color: #4c9d2f;
	box-shadow: 0 0 0 .0rem rgba(38,143,255,.5);
}
.btn-success {
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
}

.btn-success:hover {
	color: #fff;
	background-color: #419025;
	border-color: #419025;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus{
	box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0);
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle{
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
}
.btn-success.focus, .btn-success:focus {
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
	box-shadow: 0 0 0 .0rem rgba(38,143,255,.5);
}

.btn-white-bg {
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
}

.btn-white-bg:hover {
	color: #4c9d2f;
	background-color: #ffffff;
	border-color: #4c9d2f;
}

.btn-white-bg:not(:disabled):not(.disabled).active, .btn-white-bg:not(:disabled):not(.disabled):active, .show > .btn-white-bg.dropdown-toggle {
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
}
.btn-white-bg:not(:disabled):not(.disabled).active:focus, .btn-white-bg:not(:disabled):not(.disabled):active:focus, .show > .btn-white-bg.dropdown-toggle:focus{
	box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0);
}
.btn-white-bg:not(:disabled):not(.disabled).active, .btn-white-bg:not(:disabled):not(.disabled):active, .show > .btn-white-bg.dropdown-toggle{
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
}
.btn-white-bg.focus, .btn-white-bg:focus {
	color: #fff;
	background-color: #4c9d2f;
	border-color: #4c9d2f;
	box-shadow: 0 0 0 .0rem rgba(38,143,255,.5);
}

.btn-white {
	color: #4c9d2f !important;
	background-color: #ffffff !important;
	border-color: #4c9d2f !important;
}

.btn-white:hover {
	color: #ffffff !important;
	background-color: #205b41 !important;
	border-color: #205b41 !important;
}

.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle {
	color: #4c9d2f;
	background-color: #ffffff;
	border-color: #4c9d2f;
}
.btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show > .btn-white.dropdown-toggle:focus{
	box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0);
}
.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle{
	color: #4c9d2f;
	background-color: #ffffff;
	border-color: #4c9d2f;
}
.btn-white.focus, .btn-white:focus {
	color: #4c9d2f;
	background-color: #ffffff;
	border-color: #4c9d2f;
	box-shadow: 0 0 0 .0rem rgba(38,143,255,.5);
}

.btn-white-dark-green-text {
	color: #165c43 !important;
	background-color: #ffffff !important;
	border-color: #ffffff !important;
}

.btn-white-dark-green-text:hover,
.btn-white-dark-green-text:not(:disabled):not(.disabled).active, .btn-white-dark-green-text:not(:disabled):not(.disabled):active, .show > .btn-white-dark-green-text.dropdown-toggle {
	color: #fff !important;
	background-color: #4c9d2f !important;
	border-color: #4c9d2f !important;
}

.btn-white-dark-green-text:not(:disabled):not(.disabled).active:focus, .btn-white-dark-green-text:not(:disabled):not(.disabled):active:focus, .show > .btn-white-dark-green-text.dropdown-toggle:focus{
	box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0);
}
.btn-white-dark-green-text:not(:disabled):not(.disabled).active, .btn-white-dark-green-text:not(:disabled):not(.disabled):active, .show > .btn-white-dark-green-text.dropdown-toggle{
	color: #165c43 !important;
	background-color: #ffffff !important;
	border-color: #ffffff !important;
}
.btn-white-dark-green-text.focus, .btn-white-dark-green-text:focus {
	color: #165c43 !important;
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	box-shadow: 0 0 0 .0rem rgba(38,143,255,.5);
}

.btn-dark {
	color: #fff !important;
	background-color: #4a4c50 !important;
	border-color: #4a4c50 !important;
}

.btn-dark:hover{
	color: #fff !important;
	background-color: #165c43 !important;
	border-color: #165c43 !important;
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
	color: #fff !important;
	background-color: #4a4c50 !important;
	border-color: #4a4c50 !important;
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
	color: #fff;
	background-color: #4a4c50;
	border-color: #4a4c50;
}
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
	box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0);
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
	color: #fff;
	background-color: #4a4c50;
	border-color: #4a4c50;
}
.btn-dark.focus, .btn-dark:focus {
	color: #fff;
	background-color: #4a4c50;
	border-color: #4a4c50;
	box-shadow: 0 0 0 .0rem rgba(38,143,255,.5);
}

.btn-transparent {
	color: #fff;
	background-color: transparent;
	border-color: #4a4c50;
}

.btn-transparent:hover,
.btn-transparent:not(:disabled):not(.disabled).active, .btn-transparent:not(:disabled):not(.disabled):active, .show > .btn-transparent.dropdown-toggle {
	color: #fff;
	background-color: transparent;
	border-color: #4a4c50;
}

.btn-transparent:not(:disabled):not(.disabled).active, .btn-transparent:not(:disabled):not(.disabled):active, .show > .btn-transparent.dropdown-toggle {
	color: #fff;
	background-color: transparent;
	border-color: #4a4c50;
}
.btn-transparent:not(:disabled):not(.disabled).active:focus, .btn-transparent:not(:disabled):not(.disabled):active:focus, .show > .btn-transparent.dropdown-toggle:focus {
	box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0);
}
.btn-transparent:not(:disabled):not(.disabled).active, .btn-transparent:not(:disabled):not(.disabled):active, .show > .btn-transparent.dropdown-toggle {
	color: #fff;
	background-color: transparent;
	border-color: #4a4c50;
}
.btn-transparent.focus, .btn-transparent:focus {
	color: #fff;
	background-color: transparent;
	border-color: #4a4c50;
	box-shadow: 0 0 0 .0rem rgba(38,143,255,.5);
}

.btn-darkgreen {
	color: #fff !important;
	background-color: #165c43 !important;
	border-color: #165c43 !important;
}

.btn-darkgreen:hover {
	color: #165c43 !important;
	background-color: #fff !important;
	border-color: #fff !important;
}

.btn-darkgreen:not(:disabled):not(.disabled).active, .btn-white-dark-green-text:not(:disabled):not(.disabled):active, .show > .btn-white-dark-green-text.dropdown-toggle {
	color: #fff !important;
	background-color: #165c43 !important;
	border-color: #165c43 !important;
}

.btn-darkgreen:not(:disabled):not(.disabled).active, .btn-darkgreen:not(:disabled):not(.disabled):active, .show > .btn-darkgreen.dropdown-toggle {
	color: #fff;
	background-color: #165c43;
	border-color: #165c43;
}
.btn-darkgreen:not(:disabled):not(.disabled).active:focus, .btn-darkgreen:not(:disabled):not(.disabled):active:focus, .show > .btn-darkgreen.dropdown-toggle:focus {
	box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0);
}
.btn-darkgreen:not(:disabled):not(.disabled).active, .btn-darkgreen:not(:disabled):not(.disabled):active, .show > .btn-darkgreen.dropdown-toggle {
	color: #fff;
	background-color: #165c43;
	border-color: #165c43;
}
.btn-darkgreen.focus, .btn-darkgreen:focus {
	color: #fff;
	background-color: #165c43;
	border-color: #165c43;
	box-shadow: 0 0 0 .0rem rgba(38,143,255,.5);
}

.btn-darkgreen-hover {
    color: #fff !important;
    background-color: #165c43 !important;
    border-color: #165c43 !important;
}

.btn-darkgreen-hover:hover {
    color: #ffffff !important;
    background-color: #4c9d2f !important;
    border-color: #4c9d2f !important;
}

.btn-darkgreen-hover:not(:disabled):not(.disabled).active {
    color: #fff !important;
    background-color: #165c43 !important;
    border-color: #165c43 !important;
}

.btn-darkgreen-hover:not(:disabled):not(.disabled).active, .btn-darkgreen-hover:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #165c43;
    border-color: #165c43;
}
.btn-darkgreen-hover:not(:disabled):not(.disabled).active:focus, .btn-darkgreen-hover:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0rem rgba(38, 143, 255, 0);
}
.btn-darkgreen-hover:not(:disabled):not(.disabled).active, .btn-darkgreen-hover:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #165c43;
    border-color: #165c43;
}
.btn-darkgreen.focus-hover, .btn-darkgreen-hover:focus {
    color: #fff;
    background-color: #165c43;
    border-color: #165c43;
    box-shadow: 0 0 0 .0rem rgba(38,143,255,.5);
}

/*===== All Section Title Style =====*/
.section-title .title {
	font-size: 35px; }
@media (max-width: 767px) {
	.section-title .title {
		font-size: 20px; } }
.section-title .line {
	width: 70px;
	height: 2px;
	background-color: #4a4c50;
	margin-top: 40px; }
@media (max-width: 767px) {
	.section-title .line {
		margin-top: 20px; } }

/******************************/
/*         Section content         */
/*******************************/
.sectioncontent {
	margin-bottom: 0px;
}
.sectioncontent h1 {
	color: #4c9d2f;
	margin-bottom: 10px;
	margin-top: 0;
}
.sectioncontent h2 {
	margin-top: 0;
	margin-bottom: 10px;
	color:#4c9d2f;
}
.sectioncontent h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	color:#4c9d2f;
}

.sectioncontent h4 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.sectioncontent li, .division-page li {
	list-style: outside none disc;
	margin-left: 40px;
}

.pagination li {
	list-style: none;
	margin-left: 0px;
}

section.page-content .img-thumbnail {
	background-color: #ebf2e5;
	box-shadow: none;
	border-radius: none;
}

blockquote {
	border-left: 5px solid rgba(78, 157, 47, 0.43);
	font-size: 16px;
	margin: 20px 0 30px;
	padding: 0 20px;
}

/*===== All Form Style =====*/
.single-form {
	margin-top: 28px; }
.single-form label {
	display: inline-block;
	color: #4a4c50;

	font-weight: 700; }
.single-form .required {
	display: inline-block;
	color: #4a4c50;

	float: right; }
.single-form textarea, .single-form input {
	width: 100%;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	color: #4a4c50;
	display: block;
	height: 48px;
	box-shadow: none;
	padding: 0 15px;
}
.single-form textarea:focus, .single-form input:focus {
	border-color: #4a4c50; }
.single-form textarea {
	padding-top: 10px;
	height: 200px;
	resize: none; }
.single-form .nice-select {
	float: none;
	border: 1px solid #e0e0e0;
	width: 100%;
	border-radius: 0;
	height: 48px;
	padding: 0 15px; }
.single-form .nice-select::after {
	width: 8px;
	height: 8px;
	border-color: #4a4c50;
	right: 15px; }
.single-form .nice-select .current {
	line-height: 48px; }
.single-form .nice-select .list {
	width: 100%;
	border-radius: 0; }
.single-form .nice-select .list .option {
	min-height: 28px;
	line-height: 28px; }

/*===== All Slick Slide Outline Style =====*/
.slick-slide {
	outline: 0; }

/*===== All Preloader Style =====*/
.preloader {
	/* Body Overlay */
	position: fixed;
	top: 0;
	left: 0;
	display: table;
	height: 100%;
	width: 100%;
	/* Change Background Color */
	background: #fff;
	z-index: 99999; }
.preloader .loader {
	display: table-cell;
	vertical-align: middle;
	text-align: center; }
.preloader .loader .ytp-spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	margin-left: -32px;
	z-index: 18;
	pointer-events: none; }
.preloader .loader .ytp-spinner .ytp-spinner-container {
	pointer-events: none;
	position: absolute;
	width: 100%;
	padding-bottom: 100%;
	top: 50%;
	left: 50%;
	margin-top: -50%;
	margin-left: -50%;
	-webkit-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
	-moz-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
	-o-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
	animation: ytp-spinner-linspin 1568.23529647ms linear infinite; }
.preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	-moz-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	-o-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
	right: 50%; }
.preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	left: 50%; }
.preloader .loader .ytp-spinner-circle {
	box-sizing: border-box;
	position: absolute;
	width: 200%;
	height: 100%;
	border-style: solid;
	/* Spinner Color */
	border-color: #000000 #000000 #F3F3F3;
	border-radius: 50%;
	border-width: 6px; }
.preloader .loader .ytp-spinner-left .ytp-spinner-circle {
	left: 0;
	right: -100%;
	border-right-color: #F3F3F3;
	-webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	-moz-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	-o-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.preloader .loader .ytp-spinner-right .ytp-spinner-circle {
	left: -100%;
	right: 0;
	border-left-color: #F3F3F3;
	-webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	-moz-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	-o-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

/* Preloader Animations */
@-webkit-keyframes ytp-spinner-linspin {
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg); } }
@keyframes ytp-spinner-linspin {
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg); } }
@-webkit-keyframes ytp-spinner-easespin {
	12.5% {
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg); }
	25% {
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg); }
	37.5% {
		-webkit-transform: rotate(405deg);
		-moz-transform: rotate(405deg);
		-ms-transform: rotate(405deg);
		-o-transform: rotate(405deg);
		transform: rotate(405deg); }
	50% {
		-webkit-transform: rotate(540deg);
		-moz-transform: rotate(540deg);
		-ms-transform: rotate(540deg);
		-o-transform: rotate(540deg);
		transform: rotate(540deg); }
	62.5% {
		-webkit-transform: rotate(675deg);
		-moz-transform: rotate(675deg);
		-ms-transform: rotate(675deg);
		-o-transform: rotate(675deg);
		transform: rotate(675deg); }
	75% {
		-webkit-transform: rotate(810deg);
		-moz-transform: rotate(810deg);
		-ms-transform: rotate(810deg);
		-o-transform: rotate(810deg);
		transform: rotate(810deg); }
	87.5% {
		-webkit-transform: rotate(945deg);
		-moz-transform: rotate(945deg);
		-ms-transform: rotate(945deg);
		-o-transform: rotate(945deg);
		transform: rotate(945deg); }
	to {
		-webkit-transform: rotate(1080deg);
		-moz-transform: rotate(1080deg);
		-ms-transform: rotate(1080deg);
		-o-transform: rotate(1080deg);
		transform: rotate(1080deg); } }
@keyframes ytp-spinner-easespin {
	12.5% {
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg); }
	25% {
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg); }
	37.5% {
		-webkit-transform: rotate(405deg);
		-moz-transform: rotate(405deg);
		-ms-transform: rotate(405deg);
		-o-transform: rotate(405deg);
		transform: rotate(405deg); }
	50% {
		-webkit-transform: rotate(540deg);
		-moz-transform: rotate(540deg);
		-ms-transform: rotate(540deg);
		-o-transform: rotate(540deg);
		transform: rotate(540deg); }
	62.5% {
		-webkit-transform: rotate(675deg);
		-moz-transform: rotate(675deg);
		-ms-transform: rotate(675deg);
		-o-transform: rotate(675deg);
		transform: rotate(675deg); }
	75% {
		-webkit-transform: rotate(810deg);
		-moz-transform: rotate(810deg);
		-ms-transform: rotate(810deg);
		-o-transform: rotate(810deg);
		transform: rotate(810deg); }
	87.5% {
		-webkit-transform: rotate(945deg);
		-moz-transform: rotate(945deg);
		-ms-transform: rotate(945deg);
		-o-transform: rotate(945deg);
		transform: rotate(945deg); }
	to {
		-webkit-transform: rotate(1080deg);
		-moz-transform: rotate(1080deg);
		-ms-transform: rotate(1080deg);
		-o-transform: rotate(1080deg);
		transform: rotate(1080deg); } }
@-webkit-keyframes ytp-spinner-left-spin {
	0% {
		-webkit-transform: rotate(130deg);
		-moz-transform: rotate(130deg);
		-ms-transform: rotate(130deg);
		-o-transform: rotate(130deg);
		transform: rotate(130deg); }
	50% {
		-webkit-transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		transform: rotate(-5deg); }
	to {
		-webkit-transform: rotate(130deg);
		-moz-transform: rotate(130deg);
		-ms-transform: rotate(130deg);
		-o-transform: rotate(130deg);
		transform: rotate(130deg); } }
@keyframes ytp-spinner-left-spin {
	0% {
		-webkit-transform: rotate(130deg);
		-moz-transform: rotate(130deg);
		-ms-transform: rotate(130deg);
		-o-transform: rotate(130deg);
		transform: rotate(130deg); }
	50% {
		-webkit-transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		transform: rotate(-5deg); }
	to {
		-webkit-transform: rotate(130deg);
		-moz-transform: rotate(130deg);
		-ms-transform: rotate(130deg);
		-o-transform: rotate(130deg);
		transform: rotate(130deg); } }
@-webkit-keyframes ytp-right-spin {
	0% {
		-webkit-transform: rotate(-130deg);
		-moz-transform: rotate(-130deg);
		-ms-transform: rotate(-130deg);
		-o-transform: rotate(-130deg);
		transform: rotate(-130deg); }
	50% {
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg); }
	to {
		-webkit-transform: rotate(-130deg);
		-moz-transform: rotate(-130deg);
		-ms-transform: rotate(-130deg);
		-o-transform: rotate(-130deg);
		transform: rotate(-130deg); } }
@keyframes ytp-right-spin {
	0% {
		-webkit-transform: rotate(-130deg);
		-moz-transform: rotate(-130deg);
		-ms-transform: rotate(-130deg);
		-o-transform: rotate(-130deg);
		transform: rotate(-130deg); }
	50% {
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg); }
	to {
		-webkit-transform: rotate(-130deg);
		-moz-transform: rotate(-130deg);
		-ms-transform: rotate(-130deg);
		-o-transform: rotate(-130deg);
		transform: rotate(-130deg); } }
/*===========================
2.HEADER css
===========================*/
/*===== HEADER TOP =====*/
.header-top {
	background-color: #F3F3F3;
	padding: 10px 0 13px; }

.header-top-content .header-info ul li {
	display: inline-block;
	position: relative;
	margin-left: 40px; }
.header-top-content .header-info ul li::before {
	position: absolute;
	content: '';
	width: 1px;
	height: 13px;
	background-color: #4a4c50;
	top: 6px;
	left: -20px; }
.header-top-content .header-info ul li:first-child {
	margin-left: 0; }
.header-top-content .header-info ul li:first-child::before {
	display: none; }
.header-top-content .header-info ul li a {

	color: #666;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.header-top-content .header-info ul li a:hover {
	color: #4a4c50;
	text-decoration: underline;}

.header-logo-search {
	padding: 25px 0 10px 0px;
}

#search-icon {
	font-size: 1.5rem;
}

@media only screen and (min-width: 991px) and (max-width: 1199px) {
	.header-logo img {
		width: 150px; } }

.search-categories {
	display: inline-block; }
.search-categories .categories-dropdown {
	display: inline-block;
	position: relative; }
.search-categories .categories-dropdown .cate-toggler {
	padding: 0 20px;
	display: inline-block;
	line-height: 45px;
	height: 50px;
	cursor: pointer;
	border: 2px solid #e0e0e0;
	border-right: 0;
	position: relative;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px; }
.search-categories .categories-dropdown .cate-toggler::before {
	position: absolute;
	content: '';
	width: 1px;
	height: 15px;
	background-color: #4a4c50;
	top: 15px;
	right: 0; }
.search-categories .categories-dropdown .cate-toggler span {

	color: #666;
	font-weight: 500; }
.search-categories .categories-dropdown .cate-toggler i {
	margin-left: 5px;

	color: #666; }
.search-categories .categories-dropdown .cate-dropdown-menu {
	width: 215px;
	padding: 5px 20px 15px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-color: #fff;
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 9; }
.search-categories .categories-dropdown .cate-dropdown-menu li {
	margin-top: 10px; }
.search-categories .categories-dropdown .cate-dropdown-menu li a {

	color: #666;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.search-categories .categories-dropdown .cate-dropdown-menu li a:hover {
	color: #4a4c50; }

/* sfg

.search-form input {
    width: 400px;
    height: 50px;
    padding: 0 20px;
    border: 0px solid #e0e0e0;
    border-left: 0;
    border-right: 0;

    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;}

@media (max-width: 1200px) {
    .search-form input {
        width: 100%; } }

.search-form button {
    background: #fff;
    border: none;
    box-shadow: none;
    color: #4c9d2f;
    cursor: pointer;
    float: left;
    font-size: 1.8em;
    font-weight: normal;
    height: 50px;
    letter-spacing: .05em;
    line-height: 28px;
    outline: none;
    padding: 0 20px;
    position: static;
    text-align: center;
    width: auto;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }

*/


.header-shop-cart {
	display: inline-block;
	position: relative;
	/* sfg height: 70px;} */}

.header-shop-cart ul li {
	height: auto;
}

.cart-icon-height {
	height: 35px;
}

@media (max-width: 767px) {
	.header-shop-cart:first-child {max-width: 90px;}
	.header-shop-cart.single-cart.cart-height {height: 40px !important;line-height: 15px !important;}
}

.header-shop-cart:first-child {
	margin-left: 0;
	margin-right: 20px;}
.header-shop-cart .single-cart {
	position: relative;
}
.header-shop-cart .single-cart.cart-height {
	height: 50px;
	line-height: 25px;
}
.header-shop-cart ul li .single-cart i {
}

@media (max-width: 767px) {
	.header-shop-cart ul li .single-cart i {
		font-size: 20px; } }
.shop-quantity {
	min-width: 17px;
	min-height: 17px;
	line-height: 17px;
	text-align: center;
	background-color: red;
	font-size: 10px;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: -7px;
	right: 50px;

}
@media (max-width: 991px) {
	.shop-quantity {
		right: -15px;}
}
@media (max-width: 767px) {
	.shop-quantity {
		min-width: 17px;
		min-height: 17px;
		line-height: 17px;
		font-size: 10px;}
}
.header-shop-cart ul li .single-cart .cart-subtotal {
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
@media (max-width: 767px) {
	.header-shop-cart ul li .single-cart .cart-subtotal {
		font-size: 15px;
		margin-left: 0; } }
.header-shop-cart ul li .single-cart:hover i, .header-shop-cart ul li .single-cart:hover .cart-subtotal{
}

.header-shop-cart:hover .cart-box {
	opacity: 1;
	visibility: visible;
}



.cart-box {
	position: absolute;
	top: 110%;
	right: 0;
	background-color: #fff;
	z-index: 99;
	width: 320px;
	padding: 0 20px;
	border: 1px solid #e0e0e0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.cart-popup-height {
	max-height: 260px;
	overflow-y:scroll;
	margin-top:20px;
	text-align: left;
}

@media (max-width: 767px) {
	.cart-box {
		width: 280px; } }
.cart-box::before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	background-color: #fff;
	top: -10px;
	right: 40px;
	border-right: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg); }
.cart-box .popup-container ul li {
	border-top: 1px solid #e0e0e0;
	display: block;
	margin-left: 0; }
.cart-box .popup-container ul li:first-child {
	border-top: 0; }
.cart-box .popup-container .cart-entry {
	padding: 20px 0;
	position: relative; }
.cart-box .popup-container .cart-entry .cart-image a img {
	max-width: 50px;
	min-width: 50px; }
.cart-box .popup-container .cart-entry .cart-content {
	padding-left: 15px; }
.cart-box .popup-container .cart-entry .cart-content .product-name {

	font-weight: 700;
	color: #4a4c50;
	line-height: 18px; }
.cart-box .popup-container .cart-entry .cart-content .qty {
	font-size: 13px;
	color: #999; }
.cart-box .popup-container .cart-entry .cart-content .Price {
	margin-top: 3px;
	font-size: 18px;
	font-weight: 700;
	color: #4a4c50; }
.cart-box .popup-container .cart-entry .cart-close {
	position: absolute;
	top: 20px;
	right: 0;

	color: #4a4c50; }
.cart-box .popup-container .sub-total {
	border-top: 1px solid #e0e0e0;
	padding: 15px 0; }
.cart-box .popup-container .sub-total .title, .cart-box .popup-container .sub-total .price {
	font-size: 18px;
	font-weight: 700;
	color: #4a4c50;
	text-transform: uppercase; }
.cart-box .popup-container .cart-btn {
	border-top: 1px solid #e0e0e0;
	padding: 15px 0; }
.cart-box .popup-container .cart-btn .main-btn {
	padding: 0 30px;

	line-height: 38px;
	height: 40px; }
@media (max-width: 767px) {
	.cart-box .popup-container .cart-btn .main-btn {
		padding: 0 25px; } }

/*===== Header Menu =====*/
.sticky-block {
	display: none; }

.navbar-menu ul{
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
}

.sticky .navbar-menu ul li {
	margin-left: 10px;
}

#category-sub-list{
	flex-wrap: wrap;
	align-items: start !important;
}

.navbar-menu ul li {
	display: inline-block;
	/*margin-left: 15px;*/
	padding: 5px 0 0px 0px;
	position: relative; }
.navbar-menu ul li:first-child {
	margin-left: 0; }

.navbar-menu ul li a {
	font-size: 1.2rem;
	line-height: .95rem !important;
	font-weight: bold;
	color: #4a4c50;
	position: relative;
	max-width: 100px;
	line-height: 17px;
	/*vertical-align: top;*/
	text-align: center;
}

.navbar-menu ul li a::before {
	/*position: absolute;
    content: '';
    width: 0;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    left: 0;*/
	/*-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;*/ }
.navbar-menu ul li a.active::before {
	width: 100%; }
.navbar-menu ul li .sub-menu {
	position: absolute;
	top: 115%;
	left: 0;
	width: 215px;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	visibility: hidden;
	z-index: 99; }
.navbar-menu ul li .sub-menu li {
	display: block;
	padding: 0;
	margin: 0; }
.navbar-menu ul li .sub-menu li a {

	color: #4a4c50;
	display: block;
	padding: 8px 15px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	font-weight: 400; }
.navbar-menu ul li .sub-menu li a::before {
	display: none; }
.navbar-menu ul li .sub-menu li a.active {
	color: #4a4c50;
	padding-left: 20px; }
.navbar-menu ul li .sub-menu li:hover > a {
	color: #4a4c50; }
.navbar-menu ul li .mega-menu {
	position: absolute;
	top: 115%;
	left: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	width: 685px;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	z-index: 99; }
.navbar-menu ul li .mega-menu li {
	display: block;
	padding: 0;
	margin: 0;
	width: 215px;
	float: left;
	border-left: 1px solid #e0e0e0; }
.navbar-menu ul li .mega-menu li:first-child {
	border-left: 0; }
.navbar-menu ul li .mega-menu li .menu-title {
	font-size: 16px;
	font-weight: 500;
	padding: 0 15px 15px; }
.navbar-menu ul li .mega-menu li ul li {
	display: block;
	padding: 0;
	margin: 0;
	border-left: 0; }
.navbar-menu ul li .mega-menu li ul li a {
	text-transform: none;

	color: #4a4c50;
	display: block;
	padding: 8px 15px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	font-weight: 400; }
.navbar-menu ul li .mega-menu li ul li a::before {
	display: none; }
.navbar-menu ul li .mega-menu li ul li:hover > a {
	color: #4a4c50;
}
.navbar-menu ul li.active > a::before, .navbar-menu ul li:hover > a::before {
	width: 100%; }
.navbar-menu ul li.active .sub-menu, .navbar-menu ul li.active .mega-menu, .navbar-menu ul li:hover .sub-menu, .navbar-menu ul li:hover .mega-menu {
	opacity: 1;
	visibility: visible;
	top: 100%; }

.header-menu-area {
	background-color: #F8F9FB; }
/*
.header-menu-area.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
background-color: #fff;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
padding: 0px 0;
-webkit-animation: sticky 1s;
-moz-animation: sticky 1s;
-o-animation: sticky 1s;
animation: sticky 1s;
z-index: 9999; }
.header-menu-area.sticky .sticky-block {
display: block; }
.header-menu-area.sticky .navbar-menu ul li a {
color: #4a4c50; }
.header-menu-area.sticky .navbar-menu ul li a.active {
color: #4a4c50; }
.header-menu-area.sticky .navbar-menu ul li a.active::before {
display: none; }
.header-menu-area.sticky .navbar-menu ul li a .sub-menu li a.active {
color: #4a4c50; }

@-webkit-keyframes sticky {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%); } }
@keyframes sticky {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%); } }*/


/*===== Header Mobile Menu =====*/
.header-mobile-menu {
	/*padding: 10px 0;*/
	/*padding: 0px 0 10px 0px;*/
	background-color: #4c9d2f;
}

.header-shop-cart {
	/* sfg height: 80px;
    margin-top: 10px;*/
}

/*.header-mobile-menu.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
background-color: #4c9d2f;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
padding: 7px 0;
-webkit-animation: sticky 1s;
-moz-animation: sticky 1s;
-o-animation: sticky 1s;
animation: sticky 1s;
z-index: 999; }*/

.mobile-menu .menu-bar a i {
	font-size: 30px;
	color: #fff; }
.mobile-menu .mobile-logo img {
	width: 150px; }
@media (max-width: 767px) {
	.mobile-menu .mobile-logo img {
		width: 115px; } }

/*===== Mobile-menu =====*/
.offcanvas-menu {
	position: fixed;
	top: 0;
	left: -350px;
	width: 350px;
	height: 100%;
	background-color: #F8F9FB;
	z-index: 9999;
	padding: 50px 10px 10px;
	overflow-y: auto;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
@media (max-width: 767px) {
	.offcanvas-menu {
		width: 100%;
		left: -100%;} }
.offcanvas-menu.open {
	left: 0; }
.offcanvas-menu .close-mobile-menu {
	position: absolute;
	top: 30px;
	right: 10px;
	font-size: 25px;
	color: #4c9d2f; }
.offcanvas-menu .mobile-menu {
	padding-bottom: 30px; }
.offcanvas-menu .mobile-menu ul li {
	position: relative;
	/*border-bottom: 1px solid rgba(32, 31, 31, 0.4);*/ }
.offcanvas-menu .mobile-menu ul li a, .offcanvas-menu .mobile-menu ul li {
	color: #4a4c50;
}
.offcanvas-menu .mobile-menu ul li a {
	/*display: block;*/
	font-weight: 300;
	padding: 8px 0; }

.mobile-menu-open-scroll {
	overflow: hidden;
	height: 100%;
}

.offcanvas-menu .mobile-menu ul li a:hover {
	color: #4c9d2f; }
.offcanvas-menu .mobile-menu ul li a.active {
	color: #4a4c50; }
.offcanvas-menu .mobile-menu ul li .sub-menu {
	padding-left: 20px; }
.offcanvas-menu .mobile-menu ul li .sub-menu li {
	border-bottom: 0; }
.offcanvas-menu .mobile-menu ul li .sub-menu li a.active {
	color: #4a4c50; }
.offcanvas-menu .mobile-menu ul li .sub-menu .mega-title .menu-title {
	font-weight: 600;
	padding: 8px 0 11px;
	font-size: 16px; }
.offcanvas-menu .mobile-menu ul li .menu-expand {
	position: absolute;
	right: 10px;
	top: 11px;
	width: 20px;
	height: 20px;
	cursor: pointer; }
.offcanvas-menu .mobile-menu ul li .menu-expand::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #4a4c50;
	top: 10px; }
.offcanvas-menu .mobile-menu ul li .menu-expand::after {
	position: absolute;
	content: '';
	width: 1px;
	height: 100%;
	background-color: #4a4c50;
	left: 10px;
	bottom: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.offcanvas-menu .mobile-menu ul li.active > .menu-expand::after {
	height: 0; }

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 99;
	opacity: 0;
	visibility: hidden; }
.overlay.open {
	opacity: 1;
	visibility: visible; }

/*===========================
3.SLIDER css
===========================*/
.slider-content {
	padding-top: 145px;
	padding-bottom: 150px; }

.banner-text-align .slider-content {
	padding-top: 0px;
	padding-bottom: 0px; }

.slider-content .sub-title, .banner-text .carousel-caption .sub-title {
	font-size: 2.5rem;
	line-height: 2rem;
	font-weight: 700;
}
@media (max-width: 1200px) {
	.slider-content .sub-title, .banner-text .carousel-caption .sub-title  { font-size: 2rem;} }
@media (max-width: 767px) {
	.slider-content .sub-title, .banner-text .carousel-caption .sub-title  {} }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slider-content .sub-title, .banner-text .carousel-caption .sub-title {font-size: 1.75rem; }
	.btn.btn-info {padding: .1rem .5rem;font-size: 1.1rem}
}
.slider-content .slider-title, .banner-text .carousel-caption .sub-title {
	font-size: 3.5rem;
	margin-top:5px;
	margin-bottom:5px;
}

.content-carousel li, .carousel-indicators li {
	width: 30px;
	height: 3px;
	/*border-radius: 100%;
    width: 10px;
    height: 10px;*/
	border-top: 5px solid transparent;
	border-bottom: 10px solid transparent;
}

@media (max-width: 1200px) {
	.content-carousel li, .carousel-indicators li {
		width: 30px;
		height: 3px;
		/*border-radius: 100%;
        width: 8px;
        height: 8px;*/
		border-top: 5px solid transparent;
		border-bottom: 7px solid transparent;
	}
}

.slider-content .slider-title {
	font-weight: 700;
	font-size: 2.5rem;
}

@media (max-width: 1200px) {
	.slider-content .slider-title, .banner-text .carousel-caption .sub-title {
		font-size: 2.5rem;
		margin-top:0px;
		margin-bottom:0px;} }
@media (max-width: 767px) {
	.slider-content .slider-title, .banner-text .carousel-caption .sub-title {
		font-size: 5rem; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slider-content .slider-title, .banner-text .carousel-caption .sub-title {
		font-size: 5rem; } }
.slider-content .text, .banner-text .carousel-caption .text {
	font-size: 1.5rem;line-height: 1rem}
.slider-content .main-btn,.banner-text .carousel-caption main-btn {
	margin-top: 40px; }
.slider-content.content-2 .sub-title, .slider-content.content-2 .slider-title, .slider-content.content-2 .text,
.banner-text .carousel-caption  .sub-title, .banner-text .carousel-caption  .slider-title, .banner-text .carousel-caption  .text {
	color: #fff; }

.carousel-control-next, .carousel-control-prev {
	width: 5%;
}
.banner-text-3 p {
	max-width: 40%;
}
.banner-text-3-no-width .carousel-caption {
	width: auto !important;
	left: 15%;
	right: 15%;
	text-align: center !important;
}
.banner-text-3-no-width p{
	max-width: auto;
	left: 15%;
	right: 15%;
}

.banner-text-align .carousel-item {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.banner-text-align .carousel-caption {
	text-align: left;
	top: 45%;
	transform: translateY(-45%);
	bottom: initial;
	color: #4a4c50;
	width: 100%;
}
.slider-arrows .slick-arrow,
.slider-active .slick-arrow {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
	height: 110px;
	width: 35px;
	text-align: center;
	line-height: 110px;
	background-color: rgba(2, 2, 2, 0.2);
	color: #fff;
	font-size: 20px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	cursor: pointer; }
.slider-arrows .slick-arrow.next, .slider-active .slick-arrow.next {
	left: auto;
	right: 0; }

.slider-arrows .slick-arrow,
.slider-active:hover .slick-arrow {
	opacity: 1;
	visibility: visible; }

.large-details-image.slider-arrows .slick-arrow {
	height: 50px;
	line-height: 55px;
}


/*===== Slider 2 =====*/
.single-slider_2 {
	position: relative;
	background-color: #F3F3F3; }

.slider_image {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	display: table;
	text-align: center; }
.slider_image .image {
	display: table-cell;
	vertical-align: bottom; }
.slider_image .image img {
	display: inline-block; }

.slider_content_2 {
	padding-top: 250px;
	padding-bottom: 250px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.slider_content_2 {
		padding-top: 150px;
		padding-bottom: 150px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slider_content_2 {
		padding-top: 150px;
		padding-bottom: 150px; } }
@media (max-width: 767px) {
	.slider_content_2 {
		padding-top: 150px;
		padding-bottom: 150px; } }
.slider_content_2 .sub_title {
	color: #4a4c50;
	font-size: 30px; }
@media (max-width: 767px) {
	.slider_content_2 .sub_title {
		font-size: 24px; } }
.slider_content_2 .main_title {
	font-size: 50px;
	margin-top: 15px; }
@media (max-width: 767px) {
	.slider_content_2 .main_title {
		font-size: 30px; } }
.slider_content_2 .main-btn {
	margin-top: 40px;
	border-radius: 50px;
	overflow: hidden; }

.slider-active_2 .slick-dots {
	z-index: 9;
	position: absolute;
	bottom: 50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%); }
.slider-active_2 .slick-dots li {
	display: inline-block;
	margin: 0 5px; }
.slider-active_2 .slick-dots li button {
	width: 13px;
	height: 13px;
	background: none;
	background-color: #DFDFDF;
	border-radius: 50px;
	font-size: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	border: 0; }
.slider-active_2 .slick-dots li.slick-active button {
	background-color: #4a4c50;
	border-color: #e0e0e0; }

/*===========================
4.FEATURE CATEGORIES css
===========================*/
.single-feature-categories {
	position: relative; }
.single-feature-categories .feature-categories-image {
	overflow: hidden; }
.single-feature-categories .feature-categories-image img {
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.single-feature-categories .feature-categories-content {
	position: absolute;
	content: '';
	top: 50%;
	left: 40px;
	right: 40px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%); }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.single-feature-categories .feature-categories-content {
		left: 15px;
		right: 15px; } }
.single-feature-categories .feature-categories-content .categories-content {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 15px; }
.single-feature-categories .feature-categories-content .categories-content .categories-title {
	font-size: 30px;
	text-transform: uppercase; }
@media (max-width: 767px) {
	.single-feature-categories .feature-categories-content .categories-content .categories-title {
		font-size: 22px; } }
.single-feature-categories .feature-categories-content .categories-content .categories-title-2 {
	font-size: 18px;
	text-transform: uppercase; }
@media (max-width: 767px) {
	.single-feature-categories .feature-categories-content .categories-content .categories-title-2 {
		font-size: 16px; } }
.single-feature-categories .feature-categories-content .categories-content .text {
	color: #4a4c50; }
.single-feature-categories .feature-categories-content .categories-btn {
	margin-top: 20px; }
.single-feature-categories:hover .feature-categories-image img {
	/*-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); */}

/*===========================
5.PRODUCT CARD css
===========================*/
.product-card {
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
	position: relative;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.card.product-card.slick-slide{
	margin: 0px 5px;
}

.product-card .card-footer{
	border:none;
}

.product-card .product-image {

	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.product-card .product-image img {
	width: 100%;
}

.product-card .product-image .sticker{
	/*position: absolute;
    top: 10px;
    left: 10px;*/
	margin: 10px 5px;
	display: inline;
	float: left;
	height: 22px;
}

.product-card .product-image .eco-sticker{
	/* margin: 10px;
    display: inline;
    float: right;
    border: 1px solid #4c9d2f;
    width: 65px;
    padding-left: 5px;
    padding-top: 2px;
    color: #4c9d2f;
    font-weight: bold;*/
}

.product-detail-image .eco-sticker img {
	position: absolute;
	right: 10px;
	height: 30px;
	top: 17px;
	z-index: 1000;
}

.product-detail-image .sticker {
	/*position: absolute;
    top: 5px;
    left: 45px;
    z-index: 999;*/
	height: 22px;
}

.product-card .product-image .sticker span,
.product-detail-image .sticker span {
	text-transform: uppercase;
	width: 90px;
	text-align: center;
	font-weight: 700;
	color: #fff;
}
.sticker .new {
	background-color: #4c9d2f;
}
.sticker .discount {
	background-color: #4c9d2f;
}
.sticker .sale {
	background-color: red;
}

.product-card .eco-icon, fav_cell_container .eco-icon {
	width: 90px !important;
	float: right;
	margin-top: 9px;
	margin-right: 5px;
}

.fav_cell_container .eco-icon2{
	width: 90px !important;
	margin-bottom: 10px;
	margin-top: 5px;
}

.details-title .eco-icon {
	height: 30px;
	float: left;
	margin-right: 5px;
}


.product-card .product-content {
	padding: 10px 15px 15px;
	background-color: #fff;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.product-card .product-content .product-name a {
	font-weight: bold;
	vertical-align: top;
	margin-bottom: 10px;
	color: #4a4c50;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }

.product-card .product-content .product-name a:hover {
	color: #4a4c50; }
.product-card .product-content .price {
	font-size: 1.3rem;
	font-weight:bold;
}
.product-card .product-content .price del {
	font-style: italic;
	color: #999;
	margin-left: 5px; }
.product-card .product-content .actions {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.product-card .product-content .actions li {
	display: inline-block; }
.product-card .product-content .actions li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;

	color: #fff;
	background-color: #4a4c50;
	margin-left: 3px;
	position: relative;
	display: block; }
.product-card .product-content .actions li a::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.product-card .product-content .actions li a:hover::before {
	opacity: 0;
	-webkit-transform: scale(0.5, 0.5);
	-moz-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-o-transform: scale(0.5, 0.5);
	transform: scale(0.5, 0.5); }
.product-card:hover .product-content {
}
.product-card:hover .product-content .actions {
	opacity: 1;
	visibility: visible; }
.product-card.product-card-2 .product-image {
	padding-bottom: 0;
	width: 300px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product-card.product-card-2 .product-image {
		width: 47%; } }
@media (max-width: 767px) {
	.product-card.product-card-2 .product-image {
		width: 100%; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-card.product-card-2 .product-image {
		width: 47%; } }
.product-card.product-card-2 .product-content {
	position: relative;
	padding: 10px 30px 15px;
	max-width: 300px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product-card.product-card-2 .product-content {
		padding: 10px 20px 15px; } }
@media (max-width: 767px) {
	.product-card.product-card-2 .product-content {
		padding: 10px 15px 15px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-card.product-card-2 .product-content {
		padding: 10px 20px 15px; } }
.product-card.product-card-2 .product-content .text {
	padding-top: 20px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product-card.product-card-2 .product-content .text {
		padding-top: 5px; } }
@media (max-width: 767px) {
	.product-card.product-card-2 .product-content .text {
		padding-top: 5px; } }
.product-card.product-card-2 .product-content .actions {
	position: relative;
	bottom: 0;
	opacity: 1;
	visibility: visible;
	margin-top: 40px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product-card.product-card-2 .product-content .actions {
		margin-top: 15px; } }
@media (max-width: 767px) {
	.product-card.product-card-2 .product-content .actions {
		margin-top: 15px; } }
.product-card.product-card-2:hover .product-content {
	padding-bottom: 15px; }


.product-card .delivery-text i {
	font-size: 18px;
}
.product-card small{
	font-size: 60%;
}
/*==== PRODUCT ====*/
.product_card_2 .product_image {
	position: relative; }
.product_card_2 .product_image .sticker {
	position: absolute;
	top: 15px;
	left: 15px;
	background-color: #E54949;
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	border-radius: 50px; }
.product_card_2 .product_image img {
	width: 100%; }
.product_card_2 .product_image .main-btn {
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	border-radius: 50px;
	position: absolute;
	border: 0;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	overflow: hidden;
	border: 0;
	opacity: 0; }
.product_card_2 .product_image .main-btn.main-btn_2 {
	color: #4a4c50;
	background-color: #fff; }
.product_card_2 .product_content {
	margin-top: 10px; }
.product_card_2 .product_content .title a {
	font-size: 24px;
	font-weight: 600;
	color: #4a4c50;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product_card_2 .product_content .title a {
		font-size: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product_card_2 .product_content .title a {
		font-size: 20px; } }
@media (max-width: 767px) {
	.product_card_2 .product_content .title a {
		font-size: 20px; } }
.product_card_2 .product_content .title a:hover {
	color: #4a4c50; }
.product_card_2 .product_content .rating {
	margin-top: 10px; }
.product_card_2 .product_content .rating li {
	display: inline-block;
	font-size: 18px;
	color: #4a4c50; }
@media (max-width: 767px) {
	.product_card_2 .product_content .rating li {
		font-size: 16px; } }
.product_card_2 .product_content .price {
	color: #4a4c50;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 700; }
.product_card_2:hover .product_image .main-btn {
	opacity: 1;
	bottom: 15px; }

.product_active .slick-arrow {
	position: absolute;
	top: 50%;
	left: -10px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
	height: 45px;
	width: 45px;
	text-align: center;
	line-height: 45px;
	background-color: #fff;
	border-radius: 50%;
	color: #4a4c50;
	font-size: 18px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	cursor: pointer;
	-webkit-box-shadow: 0px 6px 12px rgba(51, 51, 51, 0.16);
	-moz-box-shadow: 0px 6px 12px rgba(51, 51, 51, 0.16);
	box-shadow: 0px 6px 12px rgba(51, 51, 51, 0.16); }
@media (max-width: 767px) {
	.product_active .slick-arrow {
		width: 35px;
		height: 35px;
		line-height: 35px;
		left: 0;
		font-size: 16px; } }
.product_active .slick-arrow.next {
	left: auto;
	right: -10px; }
@media (max-width: 767px) {
	.product_active .slick-arrow.next {
		left: auto;
		right: 0; } }

/*===========================
6.DISCOUNT PRODUCT css
===========================*/
.discount-product-content .text {
	color: #fff;
	font-size: 16px; }
.discount-product-content .main-title {
	font-size: 52px;
	color: #fff;
	margin-top: 20px; }
@media (max-width: 767px) {
	.discount-product-content .main-title {
		font-size: 36px; } }
.discount-product-content .main-btn {
	margin-top: 20px; }

/*===========================
7.FEATURED PRODUCT css
===========================*/
.featured-products-active .slick-arrow {
	position: absolute;
	top: 50%;
	left: -60px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	background-color: #4a4c50;
	-webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	cursor: pointer; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.featured-products-active .slick-arrow {
		left: -40px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.featured-products-active .slick-arrow {
		left: -40px; } }
@media (max-width: 767px) {
	.featured-products-active .slick-arrow {
		left: -25px;
		width: 30px;
		height: 40px;
		line-height: 48px; } }
.featured-products-active .slick-arrow.next {
	left: auto;
	right: -60px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.featured-products-active .slick-arrow.next {
		right: -40px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.featured-products-active .slick-arrow.next {
		right: -40px; } }
@media (max-width: 767px) {
	.featured-products-active .slick-arrow.next {
		right: -25px; } }

.featured-products-active .slick-dots {
	z-index: 9;
	position: absolute;
	bottom: -40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%); }
.featured-products-active .slick-dots li {
	display: inline-block;
	margin: 0 5px; }
.featured-products-active .slick-dots li button {
	width: 13px;
	height: 13px;
	background: none;
	background-color: #DFDFDF;
	border-radius: 50px;
	font-size: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	border: 0; }
.featured-products-active .slick-dots li.slick-active button {
	background-color: #4a4c50;
	border-color: #e0e0e0;
}
/*===========================
8.CNTENT AREA css
===========================*/
.content-text .content-title {
	font-size: 30px; }
.content-text .text {
	margin-top: 20px; }
.content-text .main-btn {
	margin-top: 20px; }

/*===========================
9.SERVICES css
===========================*/
.single-services {
	position: relative;
	font-size: 0.8rem;
	line-height: .9rem;
	font-weight: 700;
}

.single-services .services-icon {
	position: absolute;
	top: 0;
	left: 0; }
.single-services .services-icon i {
	font-size: 28px;
	color: #4a4c50;
	margin-top: 8px; }
.single-services .services-content {
	padding-left: 45px; }

.single-services .services-content .services-h5,
.single-services .services-content .services-h5 a {
	color: #4c9d2f;
}

.single-services .services-content .services-title a:hover {
	color: #4a4c50; }
.single-services .services-content .text {
	margin-top: 0px;
	line-height: 15px;}

.product-details-content .services-content h5,
.product-details-content .services-content h5 a,
.product-details-content .services-content p,
.product-details-content .services-content p a {
	color: #4a4c50;
	line-height: 18px;
}

.product-details-content .product-price {
	color: #4c9d2f
}


.product-th.qty-th {
    padding-left: 60px;
}

.product-detail-tabs .nav-tabs .nav-link.active {
	font-weight: bold;
	background-color: #4c9d2f;
	color: #fff;
}

.product-detail-tabs .nav-tabs .nav-link {
	font-weight: bold;
	background-color: #ffffff;
}

.product-detail-tabs .tab-content {
	background-color: #fff;
	padding: 20px;
}

.product-detail-tabs .video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.product-detail-tabs .video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/*===========================
10.TESTIMONIAL css
===========================*/
.testimonial-area {
	background-color: #4a4c50; }

.single-testimonial .testimonial-image img {
	width: 80px;
	border-radius: 50%;
	display: inline-block; }
.single-testimonial .testimonial-content {
	padding-top: 20px; }
.single-testimonial .testimonial-content .text {
	color: #fff; }
.single-testimonial .testimonial-content .testimonial-name {
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	margin-top: 15px; }
.single-testimonial .testimonial-content span {
	color: rgba(255, 255, 255, 0.5);
	margin-top: 5px;
	font-size: 15px; }

.testimonial-active .slick-dots {
	text-align: center;
	margin-top: 30px; }
.testimonial-active .slick-dots li {
	display: inline-block;
	margin: 0 5px; }
.testimonial-active .slick-dots li button {
	font-size: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	border: 0;
	padding: 0; }
.testimonial-active .slick-dots li.slick-active button {
	width: 14px;
	height: 14px;
	background-color: #fff; }

/*===== Client =====*/
@media only screen and (min-width: 1400px) {
	.client_area {
		padding-left: 70px;
		padding-right: 70px; } }

.single_client {
	background-color: #F3F3F3;
	padding: 30px;
	padding-bottom: 0;
	margin-bottom: 45px;
	position: relative; }
.single_client i {
	position: absolute;
	right: 30px;
	top: 30px;
	color: #4982E5;
	font-size: 68px;
	line-height: 40px; }
.single_client .name {
	font-size: 20px;
	font-weight: 600; }
.single_client .sub_title {
	margin-top: 5px;
	color: #666; }
.single_client p {
	margin-top: 15px;
	font-size: 18px;
	line-height: 30px; }
.single_client .author {
	border-radius: 50%;
	margin-top: 30px;
	margin-bottom: -45px;
	width: 90px;
	display: inline-block; }

.client_active .slick-dots {
	text-align: center;
	margin-top: 30px; }
.client_active .slick-dots li {
	display: inline-block;
	margin: 0 5px; }
.client_active .slick-dots li button {
	font-size: 0;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #F3F3F3;
	border: 0;
	padding: 0; }
.client_active .slick-dots li.slick-active button {
	background-color: #4a4c50; }

/*===========================
11.BLOG css
===========================*/
.single-blog .blog-image {
	overflow: hidden;
	position: relative; }
.single-blog .blog-image img {
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.single-blog .blog-image::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	z-index: 9; }
.single-blog .blog-content {
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
	padding: 20px;
	background-color: #fff;
	position: relative; }
.single-blog .blog-content .date {
	background-color: #4a4c50;
	border: 2px solid #fff;
	color: #fff;
	padding: 4px 10px;
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
	margin-top: -38px;
	z-index: 99; }
.single-blog .blog-content .blog-title a {
	font-size: 18px;
	font-weight: 700;
	color: #4a4c50;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	margin-top: 5px; }
.single-blog .blog-content .blog-title a:hover {
	color: #4a4c50; }
.single-blog .blog-content .text {
	margin-top: 10px; }
.single-blog .blog-content .more {

	border: 1px solid #ddd;
	color: #4a4c50;
	padding: 4px 10px;
	font-weight: 400;
	margin-top: 30px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.single-blog .blog-content .more:hover {
	color: #fff;
	background-color: #4a4c50;
	border-color: #4a4c50; }
.single-blog:hover .blog-image img {
	/*-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); */}
.single-blog:hover .blog-image::before {
	opacity: 1; }

.homepage-blog-title {
	font-weight: 700;
	color: #4a4c50;
	margin: 0px;
	font-size: 1.5rem;
}
/*===== Blog 2 =====*/
.single_blog_2 .blog_image img {
	width: 100%; }
.single_blog_2 .blog_content {
	margin-top: 25px; }
.single_blog_2 .blog_content .title a {
	font-size: 24px;
	font-weight: 700;
	color: #4a4c50;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.single_blog_2 .blog_content .title a:hover {
	color: #4a4c50; }
.single_blog_2 .blog_content p {
	margin-top: 15px; }
.single_blog_2 .blog_content .more {
	margin-top: 15px;
	font-size: 16px;
	font-weight: 500;
	color: #666;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.single_blog_2 .blog_content .more:hover {
	color: #4a4c50; }

/*===========================
12.CLIENT LOGO css
===========================*/
.client-logo-bg {
	/*background-color: #F3F3F3;*/}

/*===========================
12.SUPPORT css
===========================*/
.single-support {
	border: 1px solid #ddd;
	position: relative;
	height: 70px;
	line-height: 70px; }
.single-support i {
	font-size: 30px;
	position: absolute;
	top: 50%;
	left: 21px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #4a4c50; }
.single-support .text {
	line-height: 70px;
	padding-left: 70px;
	color: #4a4c50;
	font-size: 18px;}

/*===========================
13.FOOTER css
===========================*/
.footer-area {
	background-color: #4c9d2f;
	color: #fff;
	margin-bottom: -30px;
}
.footer-area .footer-title {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
.footer-area .app-icon, #sub-menu .app-icon {
	max-height: 35px;
}
.footer-area .footer-title span {
	/*border-bottom: 1px solid #fff;*/
	line-height: 25px;
}
.footer-area .footer-title::before {
	border-bottom: 1px solid;
}
.footer-area p, .footer-area .footer-title a, .footer-area a {
	color: #fff;
}

.footer-area a:hover {
	color: #4a4c50;
}

.footer-address .single-address {
	margin-top: 25px; }
.footer-address .single-address .address-icon i {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;

	background-color: #4a4c50;
	color: #fff; }
.footer-address .single-address .address-content {
	padding-left: 15px; }
.footer-address .single-address .address-content .text {
	color: #999; }

.footer-link ul {}
.footer-link ul li {}
.footer-link ul li a {
	color: #fff;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.footer-link ul li a:hover {
	color: #4a4c50; }

.footer-tag a {
	padding: 5px 8px;
	border: 1px solid #484848;
	display: inline-block;
	color: #999;
	border-radius: 2px;
	margin: 0 2px 5px 0;
}
.footer-tag a:hover {
	color: #ffffff;
	border-color: #ffffff; }

.footer-newsletter .text {
	color: #999;
}
.footer-newsletter .newsletter-form input {
	width: 100%;
	background-color: #fff;
	border: 1px solid #4a4c50;
	border-radius: 0px;
	color: #4a4c50;
	display: block;
	height: 48px;
	box-shadow: none;
	padding: 0 8px; }
.footer-newsletter .newsletter-form .main-btn {
	background-color: transparent;
	color: #fff;
	border-color: #4a4c50;
	border-left: 1px;
	border-radius: 0px;
}

.footer-copyright {
	background-color: #4a4c50; }

.copyright .text {

	color: #fff; }
.copyright .text a {
	color: #fff; }
.footer-social {
	/*border: 1px solid;
    padding: 10px;
    border-radius: 100px;
    background-color: #fff;
    color: #fff;*/
	font-size: 1.75em;
}
.footer-social.mobile-social {
	/* border: 0px solid;
    padding: 10px;
    border-radius: 100px;
    background-color: #4c9d2f;*/
	color: #ffffff;
	font-size: 1rem;
}
.back-to-top {
	font-size: 20px;
	color: #fff;
	position: fixed;
	right: 100px;
    bottom: 128px;
	width: 40px;
	height: 40px;
	line-height: 46px;
	background-color: #4a4c50;
	text-align: center;
	z-index: 99;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	display: none; }
.back-to-top:hover {
	color: #fff;
	background-color: #4a4c50; }

.great-place-to-work {
	position: fixed;
	right: 20px;
	bottom: 80px;
	width: 50px;
	z-index: 99;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}


/*===== Footer 2 =====*/
.footer-widget-2 {
	background-color: #F3F3F3; }
.footer-widget-2 .footer-about {
	padding-right: 95px; }
.footer-widget-2 .footer-about p {
	margin-top: 15px;
	font-size: 16px; }
.footer-widget-2 .footer-link-wrapper .footer-link .link li a {
	font-size: 16px; }

.footer-copyright-2 {
	padding-bottom: 15px; }
.footer-copyright-2 .copyright-social .copyright {
	margin-top: 15px; }
.footer-copyright-2 .copyright-social .copyright p {
	color: #666; }
.footer-copyright-2 .copyright-social .social {
	margin-top: 15px; }
.footer-copyright-2 .copyright-social .social li {
	display: inline-block; }
.footer-copyright-2 .copyright-social .social li + li {
	margin-left: 8px; }
.footer-copyright-2 .copyright-social .social li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #F3F3F3;
	border-radius: 50px;
	font-size: 18px;
	color: #666;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.footer-copyright-2 .copyright-social .social li a:hover {
	background-color: #4a4c50;
	color: #fff; }

/*===========================
14.PAGE BANNER css
===========================*/
.page-banner-area {
	background-color: #4a4c50;
	padding: 28px 0; }

.page-banner-content .breadcrumb {
	border-radius: 0;
	background: none;
	margin-bottom: 0;
	padding: 0; }
.page-banner-content .breadcrumb .breadcrumb-item {

	color: #999; }
.page-banner-content .breadcrumb .breadcrumb-item a {
	color: #fff;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.page-banner-content .breadcrumb .breadcrumb-item a i {
	margin-right: 3px; }
.page-banner-content .breadcrumb .breadcrumb-item a:hover {
	color: #4a4c50; }
.page-banner-content .banner-title {

	color: #fff;
	font-weight: 400; }

/*===========================
15.ABOUT css
===========================*/
.about-image img {
	width: 100%; }

.about-content .about-title {
	font-size: 20px; }
.about-content .text {
	margin-top: 10px; }
.about-content .main-btn {
	margin-top: 25px; }

/*===========================
16.TEAM css
===========================*/
.single-team {
	position: relative;
	overflow: hidden; }
.single-team .team-image img {
	width: 100%; }
.single-team .team-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	visibility: hidden; }
.single-team .team-overlay .team-content {
	padding: 18px 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.single-team .team-overlay .team-content .team-title {
	font-size: 20px;
	color: #fff;
	font-weight: 800; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-team .team-overlay .team-content .team-title {
		font-size: 18px; } }
@media (max-width: 767px) {
	.single-team .team-overlay .team-content .team-title {
		font-size: 18px; } }
.single-team .team-overlay .team-content .text {
	color: #fff; }
.single-team .team-overlay .team-social {
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	padding: 20px; }
.single-team .team-overlay .team-social ul li {
	display: inline-block; }
.single-team .team-overlay .team-social ul li a {
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background-color: #4a4c50;
	font-size: 15px;
	margin-left: 2px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.single-team .team-overlay .team-social ul li a {
		width: 26px;
		height: 26px;
		line-height: 26px; } }
@media (max-width: 767px) {
	.single-team .team-overlay .team-social ul li a {
		width: 26px;
		height: 26px;
		line-height: 26px; } }
.single-team .team-overlay .team-social ul li a:hover {
	background-color: #F3F3F3;
	color: #4a4c50; }
.single-team:hover .team-overlay {
	opacity: 1;
	visibility: visible; }
.single-team:hover .team-overlay .team-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0); }
.single-team:hover .team-overlay .team-social {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0); }

/*===========================
17.CATEGORY    css
===========================*/
.category-sidebar .category-title {
	border-bottom: 1px solid #666; }
.category-sidebar .category-title .title {
	padding: 0 0px;
}

.category-search {
	position: relative; }
.category-search input {
	background: #F3F3F3;
	border: none;
	box-shadow: none;
	border-radius: 0;
	color: #999;
	height: 50px;
	padding: 0 20px;
	width: 100%;
	outline: none;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.category-search button {
	color: #999;
	font-size: 18px;
	position: absolute;
	right: 4px;
	height: 50px;
	width: 50px;
	padding: 0;
	background: none;
	top: 0;
	border: 0; }

.category-list .list-items li {
	border-bottom: 1px solid #666;
}
.category-list .category-list-items .list-items li a {
	display: block;
	line-height: 18px;
	padding: 10px 0px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.category-list .category-list-items .list-items li a span {
	float: right;
	font-size: 1rem;}
.category-list .category-list-items .list-items li a:hover {
	color: #4a4c50; }
.category-list .category-list-items .list-items li .listSidebar {
	padding: 0 15px; }
.category-list .category-list-items .list-items li .listSidebar li {
	border-top: 0px solid #e0e0e0;
	border-bottom: 0px solid #e0e0e0;}
.category-list .category-list-items .list-items li .product-all {
	color: #4a4c50; }

.category-color {
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-color: #fff; }
.category-color .category-color-items {
	padding: 25px 30px; }
.category-color .category-color-items .color-items li a {
	display: block;
	font-size: 13px;
	line-height: 36px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.category-color .category-color-items .color-items li a .color {
	display: inline-block;
	height: 13px;
	margin-right: 20px;
	width: 13px; }
.category-color .category-color-items .color-items li a .color.color-1 {
	background: #ffa07a; }
.category-color .category-color-items .color-items li a .color.color-2 {
	background: #e9967a; }
.category-color .category-color-items .color-items li a .color.color-3 {
	background: #fe5858; }
.category-color .category-color-items .color-items li a .color.color-4 {
	background: #00b2ee; }
.category-color .category-color-items .color-items li a .color.color-5 {
	background: #00eeb3; }
.category-color .category-color-items .color-items li a .color.color-6 {
	background: #8dc63f; }
.category-color .category-color-items .color-items li a .color.color-7 {
	background: #c38b4b; }
.category-color .category-color-items .color-items li a .count {
	float: right; }
.category-color .category-color-items .color-items li a.active, .category-color .category-color-items .color-items li a:hover {
	color: #4a4c50; }
.category-color .category-color-items .color-items li a.active .color-1, .category-color .category-color-items .color-items li a:hover .color-1 {
	outline: 1px solid #ffa07a;
	outline-offset: 1px; }
.category-color .category-color-items .color-items li a.active .color-2, .category-color .category-color-items .color-items li a:hover .color-2 {
	outline: 1px solid #e9967a;
	outline-offset: 1px; }
.category-color .category-color-items .color-items li a.active .color-3, .category-color .category-color-items .color-items li a:hover .color-3 {
	outline: 1px solid #fe5858;
	outline-offset: 1px; }
.category-color .category-color-items .color-items li a.active .color-4, .category-color .category-color-items .color-items li a:hover .color-4 {
	outline: 1px solid #00b2ee;
	outline-offset: 1px; }
.category-color .category-color-items .color-items li a.active .color-5, .category-color .category-color-items .color-items li a:hover .color-5 {
	outline: 1px solid #00eeb3;
	outline-offset: 1px; }
.category-color .category-color-items .color-items li a.active .color-6, .category-color .category-color-items .color-items li a:hover .color-6 {
	outline: 1px solid #8dc63f;
	outline-offset: 1px; }
.category-color .category-color-items .color-items li a.active .color-7, .category-color .category-color-items .color-items li a:hover .color-7 {
	outline: 1px solid #c38b4b;
	outline-offset: 1px; }

.category-pricing-range {
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-color: #fff; }
.category-pricing-range .pricing-range {
	padding: 25px 30px; }
.category-pricing-range .pricing-range input {
	display: none; }
.category-pricing-range .pricing-range .irs-with-grid .irs-line {
	height: 5px; }
.category-pricing-range .pricing-range .irs-with-grid .irs-from, .category-pricing-range .pricing-range .irs-with-grid .irs-to {
	border-radius: 0;
	background-color: #4a4c50; }
.category-pricing-range .pricing-range .irs-with-grid .irs-bar {
	height: 5px;
	background-color: #4a4c50; }
.category-pricing-range .pricing-range .irs-with-grid .irs-handle {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #4a4c50;
	top: 21px; }
s
.category-pricing-range .pricing-range .irs-with-grid .irs-handle i {
	display: none; }
.category-pricing-range .pricing-range .main-btn {
	padding: 0 25px;
	height: 40px;
	line-height: 38px;
	margin-top: 30px; }

.category-size {
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-color: #fff; }
.category-size .size-list {
	padding: 25px 30px; }
.category-size .size-list ul li {
	display: inline-block;
	margin-top: 5px;
	margin-right: 1px; }
.category-size .size-list ul li a {
	text-transform: uppercase;
	font-weight: 700;
	height: 34px;
	line-height: 34px;
	text-align: center;
	width: 34px;
	font-size: 16px;
	display: block;
	background-color: #F3F3F3;
	color: #666;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.category-size .size-list ul li a:hover {
	background-color: #4a4c50;
	color: #fff; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.category-size .size-list ul li a {
		width: 25px;
		height: 25px;
		line-height: 25px; } }

.category-add {
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-color: #fff; }
.category-add .banner-add {
	padding: 15px; }
.category-add .banner-add a {
	display: block; }
.category-add .banner-add a img {
	width: 100%; }

.product-option {
	background-color: #F3F3F3;
	padding: 0 30px;
	height: 50px; }
@media (max-width: 767px) {
	.product-option {
		padding: 0 20px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-option {
		padding: 0 30px; } }

.shop-tab .nav .nav-item {
	line-height: 50px;
	margin-right: 20px; }
.shop-tab .nav .nav-item:last-child {
	margin-right: 0; }
.shop-tab .nav .nav-item a {
	font-size: 20px;
	color: #666; }
@media (max-width: 767px) {
	.shop-tab .nav .nav-item a {
		font-size: 16px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.shop-tab .nav .nav-item a {
		font-size: 20px; } }
.shop-tab .nav .nav-item a.active {
	color: #4a4c50; }

.showing .text {
	line-height: 50px; }
@media (max-width: 767px) {
	.showing .text {
		font-size: 13px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.showing .text {
	} }

.pagination .page-link {
	padding: .4rem .75rem .2rem .75rem;}
.pagination .page-item a {
	border: 1px solid #e0e0e0;
	text-align: center;
	color: #4a4c50; }
.pagination .page-item.active a, .pagination .page-item:hover a {
	background-color: #4a4c50;
	border-color: #4a4c50;
	color: #fff;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }

/*===== Shop Page =====*/
.product-filter .filter .sort {
	margin-right: 10px; }
.product-filter .filter .nice-select {
	float: none;
	border: 1px solid #e0e0e0;
	width: 150px; }
.product-filter .filter .nice-select .list {
	width: 100%;
	border-radius: 0; }
.product-filter .filter .nice-select .list .option {
	min-height: 28px;
	line-height: 28px; }

/*===========================
18.PRODUCT DETAILS css
===========================*/
.product-details-image .product-image .single-product-image img {
	width: 100%; }
.product-details-image .product-thumbs .single-thumbs, #productModal .product-thumbs-large .single-thumbs  {
	cursor: pointer;padding-right: 5px; padding-top:5px; }
.product-details-image .product-thumbs .single-thumbs img {
	width: 100%;
	opacity: 0.5; }
.product-details-image .product-thumbs .slick-current .single-thumbs img {
	opacity: 1; }
.product-details-content h3 small {
	font-size: 70%
}
.product-details-content .details-title {
	font-weight: 700;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product-details-content .details-title {
		font-size: 32px; } }
@media (max-width: 767px) {
	.product-details-content .details-title {
	}
	h2.details-title {font-size: 2rem;}
}
.product-details-content .details-price-rating {
	margin-top: 15px; }
.product-details-content .details-price-rating .price .price-text {
	font-size: 20px;
	font-weight: 600;
	color: #7a7a7a; }
@media (max-width: 767px) {
	.product-details-content .details-price-rating .price .price-text {
		font-size: 16px; } }
.product-details-content .details-price-rating .price .price-text del {
	font-size: 16px;
	margin-left: 10px;
	color: #666; }
@media (max-width: 767px) {
	.product-details-content .details-price-rating .price .price-text del {
	} }
.product-details-content .details-price-rating .rating ul li {
	display: inline-block;

	color: #4a4c50; }
.product-details-content .details-price-rating .rating .rating-text {
	margin-left: 10px;

	color: #666; }
.product-details-content .details-sub-title .sub-title {
	font-size: 16px;
	font-weight: 800;
	position: relative;
	padding-bottom: 5px; }
.product-details-content .details-sub-title .sub-title::before {
	position: absolute;
	content: '';
	width: 30px;
	height: 1px;
	background-color: #4a4c50;
	left: 0;
	bottom: 0; }
.product-details-content .details-overview {
	padding-top: 15px; }
.product-details-content .details-overview .text {
	margin-top: 20px; }
.product-details-content .details-size {
	padding-top: 20px; }
.product-details-content .details-size .size-itesms {
	padding-top: 15px; }
.product-details-content .details-size .size-itesms li {
	display: inline-block;
	margin-right: 5px;
	margin-top: 5px; }
.product-details-content .details-size .size-itesms li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #F3F3F3;
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	color: #666; }
.product-details-content .details-size .size-itesms li a.active {
	background-color: #4a4c50;
	color: #fff; }
.product-details-content .details-color {
	padding-top: 25px; }
.product-details-content .details-color .color-itesms {
	padding-top: 25px; }
.product-details-content .details-color .color-itesms li {
	display: inline-block;
	margin-right: 8px; }
.product-details-content .details-color .color-itesms li .color {
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	cursor: pointer;
	border-radius: 2px; }
.product-details-content .details-color .color-itesms li .color i {
	color: #fff;
	opacity: 0; }
.product-details-content .details-color .color-itesms li .color.color-1 {
	background-color: #51bd99; }
.product-details-content .details-color .color-itesms li .color.color-2 {
	background-color: #ff7a5f; }
.product-details-content .details-color .color-itesms li .color.color-3 {
	background-color: #baa6c2; }
.product-details-content .details-color .color-itesms li .color.color-4 {
	background-color: #414141; }
.product-details-content .details-color .color-itesms li.active .color i {
	opacity: 1; }
.product-details-content .details-cart {
	padding-top: 15px; }
.product-details-content .details-usefull {
	padding-top: 25px; }
.product-details-content .details-usefull .usefull-link li {
	display: inline-block;
	margin-right: 20px; }
.product-details-content .details-usefull .usefull-link li:last-child {
	margin-right: 0; }
.product-details-content .details-usefull .usefull-link li a {
	text-transform: uppercase;
	color: #4a4c50;
	font-size: 16px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.product-details-content .details-usefull .usefull-link li a i {
	margin-right: 8px; }
.product-details-content .details-usefull .usefull-link li a:hover {
	color: #4a4c50; }
.product-details-content .details-share {
	padding-top: 25px; }
.product-details-content .details-share .share {
	font-size: 16px;
	text-transform: uppercase;
	color: #666; }
.product-details-content .details-share .social li {
	display: inline-block;
	margin-left: 10px; }
.product-details-content .details-share .social li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #F3F3F3;
	color: #666;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	border-radius: 2px; }
.product-details-content .details-share .social li a:hover {
	background-color: #4a4c50;
	color: #fff; }

.product-quantity button {
	width: 45px;
	/*height: 60px;*/
	padding: 0;
	background-color: transparent;
	font-size: 18px;
	color: #4a4c50;
	border: 0px solid #e0e0e0; }
@media (max-width: 767px) {
	.product-quantity button {
		width: 40px;
		/*height: 60px;*/ } }
.product-quantity input {
	width: 60px;
	text-align: center;
	border: 1px solid #ced4da;
	padding: 0 10px;
	margin: 0 2px;
	background-color: transparent;
	border-radius: .25rem;
	height: 35px;
}

.details-cart .product-quantity input {
	height: 35px;
}

.single.product-quantity input  {
	height: 45px;
}

@media (max-width: 767px) {
	.product-quantity input {
		height: 40px; } }

.details-cart .lni {
	margin-top: 6px;
}

.details-cart .lni.fav-icon {
	margin-top: 0px;
	padding-top: 6px;
}

.details-cart .btn {
	/*height: 45px;*/
}


.cart-brysonnow-message {
	background-color: #4c9d2f;
	font-weight:bold;
	display:inline;
	font-size:16px;
	line-height: 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	font-size:15px;
	display: block;
}
@media (max-width: 767px) {
	font-size:15px;
	display: block;
}


/*===== PRODUCT TAB =====*/
.product-tab-area {
	background-color: #F3F3F3; }

.product-tab .product-tab-menu .nav .nav-item a {
	color: #666;
	display: block;
	font-size: 16px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	padding: 0 30px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
@media (max-width: 767px) {
	.product-tab .product-tab-menu .nav .nav-item a {
		font-size: 12px;
		height: 32px;
		line-height: 32px;
		padding: 0 11px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-tab .product-tab-menu .nav .nav-item a {
		font-size: 15px;
		height: 40px;
		line-height: 40px;
		padding: 0 25px; } }
.product-tab .product-tab-menu .nav .nav-item a.active {
	background-color: #4a4c50;
	color: #fff; }
.product-tab .product-tab-content .tab-content .single-tab-content {
	margin-top: 25px;
	background-color: #fff;
	padding: 40px 30px;
	border: 1px solid #e0e0e0; }
@media (max-width: 767px) {
	.product-tab .product-tab-content .tab-content .single-tab-content {
		padding: 25px 20px; } }
.product-tab .product-tab-content .tab-content .single-tab-content .tab-title {
	font-size: 20px;
	text-transform: uppercase;
	padding: 0; }
@media (max-width: 767px) {
	.product-tab .product-tab-content .tab-content .single-tab-content .tab-title {
		font-size: 18px; } }
.product-tab .product-tab-content .tab-content .single-tab-content .text {
	margin-top: 20px; }
.product-tab .product-tab-content .tab-content .single-tab-content .review-title .title {
	font-size: 20px;
	text-transform: uppercase;
	padding: 0; }
@media (max-width: 767px) {
	.product-tab .product-tab-content .tab-content .single-tab-content .review-title .title {
		font-size: 18px; } }

.single-tab-content .customer-review .product-comments .single-review {
	margin-top: 20px; }
.single-tab-content .customer-review .product-comments .single-review .review-content {
	position: relative;
	padding-left: 25px; }
@media (max-width: 767px) {
	.single-tab-content .customer-review .product-comments .single-review .review-content {
		padding-left: 0;
		margin-top: 20px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.single-tab-content .customer-review .product-comments .single-review .review-content {
		padding-left: 25px;
		margin-top: 0; } }
.single-tab-content .customer-review .product-comments .single-review .review-content .author-name {

	font-weight: 800; }
.single-tab-content .customer-review .product-comments .single-review .review-content .date {

	color: #999;
	margin-top: 3px; }
.single-tab-content .customer-review .product-comments .single-review .review-content .text {
	margin-top: 20px; }
.single-tab-content .customer-review .product-comments .single-review .review-content .comment-reply {
	position: absolute;
	top: 0;
	right: 0; }
@media (max-width: 767px) {
	.single-tab-content .customer-review .product-comments .single-review .review-content .comment-reply {
		position: relative;
		margin-top: 15px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.single-tab-content .customer-review .product-comments .single-review .review-content .comment-reply {
		position: absolute;
		margin-top: 0; } }
.single-tab-content .customer-review .product-comments .single-review .review-content .comment-reply ul li {
	display: inline-block; }
.single-tab-content .customer-review .product-comments .single-review .review-content .comment-reply ul li a {
	background: #f6f6f6;
	color: #999;
	display: inline-block;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	margin-left: 2px;
	text-align: center;
	width: 50px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.single-tab-content .customer-review .product-comments .single-review .review-content .comment-reply ul li a:hover {
	background-color: #4a4c50;
	color: #fff; }
.single-tab-content .review-form .single-form {
	margin-top: 30px; }
.single-tab-content .review-form .single-form .your-rating .text {
	font-weight: 700;
	color: #4a4c50;
	padding-bottom: 15px; }
.single-tab-content .review-form .single-form .your-rating span {

	color: #4a4c50; }
.single-tab-content .review-form .single-form .your-rating .separator {
	margin: 0 10px; }
.single-tab-content .review-form .single-form textarea, .single-tab-content .review-form .single-form input {
	width: 100%;
	height: 50px;
	border: 1px solid #e0e0e0;
	font-size: 16px;
	color: #4a4c50;
	padding: 0 15px; }
.single-tab-content .review-form .single-form textarea {
	height: 180px;
	padding-top: 10px;
	resize: none; }

/*=== MODAL ===*/
.modal.fade {
	display: block !important;
	opacity: 0;
	visibility: hidden; }
.modal.fade.show {
	display: block !important;
	opacity: 1;
	visibility: visible; }

.product-quick-view {
	max-width: 1022px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.product-quick-view {
		max-width: 922px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product-quick-view {
		max-width: 700px; } }
@media (max-width: 767px) {
	.product-quick-view {
		max-width: 100%; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-quick-view {
		max-width: 500px; } }
.product-quick-view .modal-content {
	border-radius: 0; }
.product-quick-view .modal-body {
	padding: 25px;
	padding-top: 0;
	position: relative; }
.product-quick-view .modal-body .modal-close {
	position: absolute;
	top: 8px;
	right: 15px;
	font-size: 16px;
	color: #4a4c50;
	z-index: 99; }

/*===========================
19.CHECKOUT PAGE css
===========================*/
.checkout-page .checkout-title {
	font-size: 26px;
	font-weight: 700; }
.checkout-page .checkout-title i {
	color: #4a4c50;
	margin-right: 10px; }

.radio-order label {

	color: #4a4c50;
	cursor: pointer;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 34px; }
.radio-order input[type="radio"] {
	display: none; }
.radio-order input[type="radio"] + label span {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: -1px 15px 0 0;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #282828;
	position: relative; }
.radio-order input[type="radio"] + label span::before {
	background: #282828;
	border-radius: 100%;
	content: "";
	position: absolute;
	left: 2px;
	top: 2px;
	width: 8px;
	height: 8px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.radio-order input[type="radio"]:checked + label span {
	border-color: #4a4c50; }
.radio-order input[type="radio"]:checked + label span::before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1); }

.table-review-order tr {
	border-bottom: 1px solid #e0e0e0; }
.table-review-order th {
	text-transform: uppercase;
	color: #4a4c50; }

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	display: table; }
.table thead tr th, .table thead tr td {
	vertical-align: middle;
	border-bottom: 0;
	border-top: 0; }
.table thead tr td {
	border-right: 1px solid #e0e0e0; }
.table tbody tr th, .table tbody tr td {
	vertical-align: middle; }
.table tbody tr td {
	border-right: 1px solid #e0e0e0; }
.table tfoot tr th, .table tfoot tr td {
	vertical-align: middle; }
.table tfoot tr td {
	border-right: 1px solid #e0e0e0; }

.table.table-borderless{
	border: 0px solid #ddd;}
.table.table-borderless thead tr th, .table thead tr td {
	border-bottom: 0;
	border-top: 0; }
.table.table-borderless thead tr td {
	border-right: 0px solid #e0e0e0; }
.table.table-borderless tbody tr td {
	border-right: 0px solid #e0e0e0;
	padding: 20px 10px;}
.table.table-borderless tfoot tr td {
	border-right: 0px solid #e0e0e0; }

.table.table-spacing {
	border-collapse: separate;
	border-spacing: 0 20px;
}

.table.table-padding {
	padding: 20px;
}

.table-light, .table-light > td, .table-light > th {
	background-color: #fff;
}

.table-review-order td, .table-review-order th {
	padding: 20px 15px 15px !important;
	background: #fff; }

.card-total {
	border: 1px solid #e8e8e8;
	background: #f5f5f5;
	padding: 25px 30px 30px; }
@media (max-width: 767px) {
	.card-total {
		padding: 15px 20px 20px; } }
.card-total .table-total-checkout {
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 30px; }
.card-total .table-total-checkout tbody {
	width: 100%;
	line-height: 1em;
	font-size: 26px;
	font-weight: 500;
	color: #4a4c50; }
@media (max-width: 767px) {
	.card-total .table-total-checkout tbody {
		font-size: 18px; } }
.card-total .main-btn {
	width: 100%;
	font-size: 18px;
	height: 60px;
	line-height: 60px; }
@media (max-width: 767px) {
	.card-total .main-btn {
		font-size: 16px;
		height: 50px;
		line-height: 50px; } }

/*===========================
20.SHOPPING CART PAGE css
===========================*/
.shopping-table .table .thead-bg tr th.product, .shopping-table .table .thead-bg tr th.price, .shopping-table .table .thead-bg tr th.quantity, .shopping-table .table .thead-bg tr th.total, .shopping-table .table .thead-bg tr th.remove {
	font-size: 16px;
	text-align: center; }
.shopping-table .table .thead-bg tr th.product {
	text-align: left; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shopping-table .table .thead-bg tr th.product {
		padding-right: 290px; } }
@media (max-width: 767px) {
	.shopping-table .table .thead-bg tr th.product {
		padding-right: 290px; } }
.shopping-table .table .thead-bg tr th.price {
	padding: 0 85px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shopping-table .table .thead-bg tr th.price {
		padding: 0 60px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shopping-table .table .thead-bg tr th.price {
		padding: 0 60px; } }
@media (max-width: 767px) {
	.shopping-table .table .thead-bg tr th.price {
		padding: 0 60px; } }
.shopping-table .table .thead-bg tr th.quantity {
	padding: 0 50px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shopping-table .table .thead-bg tr th.quantity {
		padding: 0 45px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shopping-table .table .thead-bg tr th.quantity {
		padding: 0 45px; } }
@media (max-width: 767px) {
	.shopping-table .table .thead-bg tr th.quantity {
		padding: 0 45px; } }
.shopping-table .table .thead-bg tr th.total {
	padding: 0 45px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shopping-table .table .thead-bg tr th.total {
		padding: 0 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shopping-table .table .thead-bg tr th.total {
		padding: 0 30px; } }
@media (max-width: 767px) {
	.shopping-table .table .thead-bg tr th.total {
		padding: 0 30px; } }
.shopping-table .table .thead-bg tr th.remove {
	padding: 0 33px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.shopping-table .table .thead-bg tr th.remove {
		padding: 0 15px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shopping-table .table .thead-bg tr th.remove {
		padding: 0 15px; } }
@media (max-width: 767px) {
	.shopping-table .table .thead-bg tr th.remove {
		padding: 0 15px; } }
.shopping-table .table tbody tr td.product .product-img {
	width: 110px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.shopping-table .table tbody tr td.product .product-img {
		width: 100px; } }
.shopping-table .table tbody tr td.product .product-content {
	padding-left: 20px; }
.shopping-table .table tbody tr td.product .product-content .product-title {
	font-size: 18px;
	font-weight: 700;
	color: #4a4c50; }
@media (max-width: 767px) {
	.shopping-table .table tbody tr td.product .product-content .product-title {
		font-size: 16px; } }
.shopping-table .table tbody tr td.product .product-content .text {
	margin-top: 10px; }
.shopping-table .table tbody tr td.price {
	text-align: center; }
.shopping-table .table tbody tr td.price .product-Price span {
	font-size: 16px;
	color: #4a4c50; }
.shopping-table .table tbody tr td.price .product-Price span del {
	font-size: 15px;
	margin-left: 5px; }
.shopping-table .table tbody tr td.quantity {
	text-align: center; }
.shopping-table .table tbody tr td.quantity .product-quantity button {
	width: 35px;
	height: 60px; }
.shopping-table .table tbody tr td.quantity .product-quantity input {
	width: 45px;
	height: 35px; }
.shopping-table .table tbody tr td.total {
	text-align: center; }
.shopping-table .table tbody tr td.total .product-Price span {
	font-size: 16px;
	color: #4a4c50; }
.shopping-table .table tbody tr td.remove {
	text-align: center; }
.shopping-table .table tbody tr td.remove .product-remove a {
	color: #4a4c50;
	font-size: 16px; }

/*===========================
21.WISHLIST PAGE css
===========================*/
.wishlist-table .table .thead-bg tr th.product, .wishlist-table .table .thead-bg tr th.price, .wishlist-table .table .thead-bg tr th.stock, .wishlist-table .table .thead-bg tr th.add-cart, .wishlist-table .table .thead-bg tr th.remove {
	font-size: 16px;
	text-align: center; }
.wishlist-table .table .thead-bg tr th.product {
	text-align: left; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.wishlist-table .table .thead-bg tr th.product {
		padding-right: 290px; } }
@media (max-width: 767px) {
	.wishlist-table .table .thead-bg tr th.product {
		padding-right: 290px; } }
.wishlist-table .table .thead-bg tr th.price {
	padding: 0 85px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.wishlist-table .table .thead-bg tr th.price {
		padding: 0 60px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.wishlist-table .table .thead-bg tr th.price {
		padding: 0 60px; } }
@media (max-width: 767px) {
	.wishlist-table .table .thead-bg tr th.price {
		padding: 0 60px; } }
.wishlist-table .table .thead-bg tr th.stock {
	width: 160px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.wishlist-table .table .thead-bg tr th.stock {
		width: 125px; } }
.wishlist-table .table .thead-bg tr th.add-cart {
	width: 190px; }
.wishlist-table .table .thead-bg tr th.remove {
	padding: 0 33px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.wishlist-table .table .thead-bg tr th.remove {
		padding: 0 15px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.wishlist-table .table .thead-bg tr th.remove {
		padding: 0 15px; } }
@media (max-width: 767px) {
	.wishlist-table .table .thead-bg tr th.remove {
		padding: 0 15px; } }
.wishlist-table .table tbody tr td.product .product-img {
	width: 110px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.wishlist-table .table tbody tr td.product .product-img {
		width: 100px; } }
.wishlist-table .table tbody tr td.product .product-content {
	padding-left: 20px; }
.wishlist-table .table tbody tr td.product .product-content .product-title {
	font-size: 18px;
	font-weight: 700;
	color: #4a4c50; }
@media (max-width: 767px) {
	.wishlist-table .table tbody tr td.product .product-content .product-title {
		font-size: 16px; } }
.wishlist-table .table tbody tr td.product .product-content .text {
	margin-top: 10px; }
.wishlist-table .table tbody tr td.price {
	text-align: center; }
.wishlist-table .table tbody tr td.price .product-Price span {
	font-size: 16px;
	color: #4a4c50; }
.wishlist-table .table tbody tr td.price .product-Price span del {
	font-size: 15px;
	margin-left: 5px; }
.wishlist-table .table tbody tr td.stock {
	text-align: center; }
.wishlist-table .table tbody tr td.stock .product-stock .in-stock, .wishlist-table .table tbody tr td.stock .product-stock .out-stock {
	color: #87ae10;
	font-size: 18px;
	font-weight: 700; }
.wishlist-table .table tbody tr td.stock .product-stock .out-stock {
	color: #f24c4c; }
.wishlist-table .table tbody tr td.add-cart {
	text-align: center; }
.wishlist-table .table tbody tr td.remove {
	text-align: center; }
.wishlist-table .table tbody tr td.remove .product-remove a {
	color: #4a4c50;
	font-size: 16px; }

/*===========================
21.ORDER TRACKING PAGE css
===========================*/
.ordear-tracking-wrapper {
	background-color: #F3F3F3;
	border: 1px solid #e0e0e0;
	padding: 30px 40px 40px; }
@media (max-width: 767px) {
	.ordear-tracking-wrapper {
		padding: 15px 20px 20px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.ordear-tracking-wrapper {
		padding: 30px 40px 40px; } }

/*===========================
22.LOGIN PAGE css
===========================*/
.login-wrapper {
	background-color: #F3F3F3;
	border: 1px solid #e0e0e0;
	padding: 30px 40px 40px; }
@media (max-width: 767px) {
	.login-wrapper {
		padding: 15px 20px 20px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.login-wrapper {
		padding: 30px 40px 40px; } }

.login-check-forget {
	padding-top: 18px; }
.login-check-forget .login-check {
	margin-top: 28px; }
.login-check-forget .login-check label {
	color: #4a4c50;
	font-weight: 700;

	margin-left: 5px; }
.login-check-forget .forget a {

	color: #4a4c50;

	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.login-check-forget .forget a:hover {
	color: #4a4c50; }

/*===========================
23.FAQ PAGE css
===========================*/
.faq-accordion .accordion .card {
margin-top:20px;}
.faq-accordion .accordion .card .card-header {
	border-bottom: 0;
	background-color: #ffffff;
 }
.faq-accordion .accordion .card .card-header a {
	font-size: 18px;
	font-weight: 700;
	display: block;
	position: relative; }
.faq-accordion .accordion .card .card-header a::before {
	position: relative;
	content: "";
	width: 20px;
	height: 2px;
    color: #4c9d2f;
    background: #4c9d2f;
	position: absolute;
	top: 16px;
	right: 0; }
.faq-accordion .accordion .card .card-header a::after {
	position: relative;
	content: "";
	width: 2px;
	height: 0;
    color: #4c9d2f;
    background: #4c9d2f;
	position: absolute;
	top: 7px;
	right: 9px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.faq-accordion .accordion .card .card-header a.collapsed::after {
	height: 20px; }
.faq-accordion .accordion .card .card-body {
}

/*===========================
24.CONTACt PAGE css
===========================*/
p.form-message.success, p.form-message.error {
	font-size: 16px;
	color: #4a4c50;
	background: #ddd;
	padding: 10px 15px;
	margin-top: 15px;
	margin-left: 15px; }
p.form-message.success.form-message.error, p.form-message.error.form-message.error {
	color: #f00; }

.contact-info .contact-icon i {
	font-size: 40px;
	color: #4a4c50; }
.contact-info .contact-contant {
	padding-left: 25px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-info .contact-contant .text br {
		display: none; } }
@media (max-width: 767px) {
	.contact-info .contact-contant .text br {
		display: none; } }

.contact-map .gmap_canvas {
	padding-bottom: 0; }
.contact-map .gmap_canvas iframe {
	width: 100%;
	height: 400px;
	margin: 0;
	padding: 0; }

/*===== Contact 2 =====*/
.contact_area {
	background-color: #F3F3F3; }

.single-form-2 {
	margin-top: 30px; }
.single-form-2 input, .single-form-2 textarea {
	width: 100%;
	height: 50px;
	border-radius: 50px;
	padding: 0 25px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	font-size: 16px;
	color: #666;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.single-form-2 input:focus, .single-form-2 textarea:focus {
	border-color: #4a4c50; }
.single-form-2 textarea {
	border-radius: 25px;
	padding-top: 15px;
	resize: none;
	height: 210px; }
.single-form-2 .main-btn {
	border-radius: 50px;
	text-transform: uppercase;
	overflow: hidden; }

/*===========================
25.ERROR PAGE css
===========================*/
.error-page {
	background-color: #F3F3F3;
	height: 650px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.error-page {
		height: 600px; } }
@media (max-width: 767px) {
	.error-page {
		height: 500px; } }

.error-content .error {
	font-size: 192px;
	font-weight: 800;
	color: #4a4c50;
	line-height: 160px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.error-content .error {
		font-size: 160px; } }
@media (max-width: 767px) {
	.error-content .error {
		font-size: 120px;
		line-height: 100px; } }
.error-content .error-title {
	margin-top: 80px;
	font-size: 36px;
	font-weight: 800; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.error-content .error-title {
		margin-top: 60px;
		font-size: 32px; } }
@media (max-width: 767px) {
	.error-content .error-title {
		font-size: 20px;
		margin-top: 50px; } }
.error-content .text {
	margin-top: 20px; }
.error-content .text a {
	color: #4a4c50; }

/*===========================
26.BLOG PAGE css
===========================*/
.single-blog-grid {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 25px; }
.single-blog-grid .blog-image img {
	width: 100%; }
.single-blog-grid .blog-content .blog-title a {
	color: #4a4c50;
	font-size: 22px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
@media (max-width: 767px) {
	.single-blog-grid .blog-content .blog-title a {
		font-size: 18px; } }
.single-blog-grid .blog-content .blog-title a:hover {
	color: #4a4c50; }
.single-blog-grid .blog-content .blog-meta {
	margin-top: 10px; }
.single-blog-grid .blog-content .blog-meta li {
	display: inline-block;
	margin-top: 5px;
	margin-right: 15px; }
.single-blog-grid .blog-content .blog-meta li:last-child {
	margin-right: 0; }
.single-blog-grid .blog-content .blog-meta li a {
	color: #666;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	font-size: 16px; }
@media (max-width: 767px) {
	.single-blog-grid .blog-content .blog-meta li a {
	} }
.single-blog-grid .blog-content .blog-meta li a:hover {
	color: #4a4c50; }
.single-blog-grid .blog-content .blog-meta li a i {
	margin-right: 5px;
	color: #4a4c50; }
.single-blog-grid .blog-content .text {
	margin-top: 25px; }
.single-blog-grid .blog-content .more {
	color: #999;
	margin-top: 30px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.single-blog-grid .blog-content .more:hover {
	color: #4a4c50; }

.blog-sidebar .sidebar-title .title {
	font-size: 20px;
	color: #4a4c50;
	text-transform: uppercase; }

.sidebar-post {
	border: 1px solid #e0e0e0;
	padding: 30px; }
.sidebar-post .post-list ul li {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e0e0e0; }
.sidebar-post .post-list ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0; }
.sidebar-post .post-list ul li .single-sidebar-post .post-image img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	object-position: center; }
.sidebar-post .post-list ul li .single-sidebar-post .post-content {
	padding-left: 20px; }
.sidebar-post .post-list ul li .single-sidebar-post .post-content .post-title a {
	font-size: 16px;
	font-weight: 700;
	color: #4a4c50;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.sidebar-post .post-list ul li .single-sidebar-post .post-content .post-title a:hover {
	color: #4a4c50; }
.sidebar-post .post-list ul li .single-sidebar-post .post-content span {

	color: #999; }
.sidebar-post .post-list ul li .single-sidebar-post .post-content span i {
	color: #4a4c50; }

.sidebar-about {
	border: 1px solid #e0e0e0;
	padding: 30px; }
.sidebar-about .sidebar-about-content .about-image img {
	width: 100%; }
.sidebar-about .sidebar-about-content .about-content .title {
	font-size: 15px;
	padding-bottom: 5px; }
.sidebar-about .sidebar-about-content .about-content .text {
	margin-top: 10px; }

.sidebar-category {
	border: 1px solid #e0e0e0;
	padding: 30px; }
.sidebar-category .sidebar-category-list ul li {
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 0; }
.sidebar-category .sidebar-category-list ul li a {
	display: block;
	color: #4a4c50;

	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.sidebar-category .sidebar-category-list ul li a i {
	margin-right: 5px; }
.sidebar-category .sidebar-category-list ul li a span {
	float: right; }
.sidebar-category .sidebar-category-list ul li a:hover {
	color: #4a4c50; }

.sidebar-add img {
	width: 100%; }

.sidebar-tag {
	border: 1px solid #e0e0e0;
	padding: 30px; }
.sidebar-tag .sidebar-tag-list ul li {
	display: inline-block; }
.sidebar-tag .sidebar-tag-list ul li a {
	display: inline-block;

	color: #4a4c50;
	background: #e1e1e1;
	padding: 0 18px;
	height: 40px;
	line-height: 40px;
	margin: 7px 4px;
	border-radius: 2px; }

/*===========================
26.BLOG PAGE css
===========================*/
.blog-details-content {
	border-bottom: 1px solid #e0e0e0; }
.blog-details-content .details-image img {
	width: 100%; }
.blog-details-content .details-content .blog-title {
	color: #4a4c50;
	font-size: 22px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
@media (max-width: 767px) {
	.blog-details-content .details-content .blog-title {
		font-size: 18px; } }
.blog-details-content .details-content .blog-meta {
	margin-top: 10px; }
.blog-details-content .details-content .blog-meta li {
	display: inline-block;
	margin-top: 5px;
	margin-right: 15px; }
.blog-details-content .details-content .blog-meta li:last-child {
	margin-right: 0; }
.blog-details-content .details-content .blog-meta li a {
	color: #666;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	font-size: 16px; }
@media (max-width: 767px) {
	.blog-details-content .details-content .blog-meta li a {
	} }
.blog-details-content .details-content .blog-meta li a:hover {
	color: #4a4c50; }
.blog-details-content .details-content .blog-meta li a i {
	margin-right: 5px;
	color: #4a4c50; }
.blog-details-content .details-content .text {
	margin-top: 25px; }
.blog-details-content .details-content .blockquote {
	margin-top: 30px;
	margin-bottom: 0;
	padding-left: 100px;
	position: relative;
	border-left: 3px solid #4a4c50;
	background-color: #f8f8f8;
	padding-top: 15px;
	padding-bottom: 15px; }
.blog-details-content .details-content .blockquote i {
	position: absolute;
	top: 50%;
	left: 40px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 24px; }
.blog-details-content .details-content .blockquote .text {
	margin-top: 0;
	font-size: 15px;
	font-style: italic;
	color: #666; }
.blog-details-content .details-content .content .text {
	margin-top: 0; }

.blog-details-tags {
	border: 1px solid #e0e0e0;
	padding: 0px 10px 10px; }
.blog-details-tags .post-tags-list ul li {
	display: inline-block;
	margin-right: 10px; }
.blog-details-tags .post-tags-list ul li:last-child {
	margin-right: 0; }
.blog-details-tags .post-tags-list ul li i {
}
.blog-details-tags .post-tags-list ul li a {
	color: #666;

	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.blog-details-tags .post-tags-list ul li a:hover {
	color: #4a4c50; }
.blog-details-tags .post-share ul li {
	display: inline-block;
	margin-left: 8px; }
.blog-details-tags .post-share ul li:first-child {
	margin-left: 0; }
.blog-details-tags .post-share ul li a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #e0e0e0;
	color: #666;
	text-align: center;
	font-size: 15px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.blog-details-tags .post-share ul li a:hover {
	border-color: #4a4c50;
	background-color: #4a4c50;
	color: #fff; }

.blog-details-comments .comments-title .title {
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase; }

.blog-comment {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 30px; }
.blog-comment .single-comments {
	margin-top: 30px; }
.blog-comment .single-comments .comments-author {
	margin-right: 25px; }
@media (max-width: 767px) {
	.blog-comment .single-comments .comments-author {
		margin-right: 0;
		margin-bottom: 20px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.blog-comment .single-comments .comments-author {
		margin-right: 25px;
		margin-bottom: 0; } }
.blog-comment .single-comments .comments-author img {
	border-radius: 50%; }
.blog-comment .single-comments .comments-content {
	padding: 15px 20px;
	background-color: #F3F3F3; }
.blog-comment .single-comments .comments-content .comment-name {
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase; }
.blog-comment .single-comments .comments-content .comment-meta li {
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px; }
.blog-comment .single-comments .comments-content .comment-meta li:last-child {
	margin-right: 0; }
.blog-comment .single-comments .comments-content .comment-meta li a {

	color: #666;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s; }
.blog-comment .single-comments .comments-content .comment-meta li a i {
	color: #4a4c50;
	margin-right: 5px; }
.blog-comment .single-comments .comments-content .comment-meta li a.reply, .blog-comment .single-comments .comments-content .comment-meta li a:hover {
	color: #4a4c50; }
.blog-comment .single-comments .comments-content .text {
	margin-top: 15px; }

.reply-comment {
	padding-left: 100px; }
@media (max-width: 767px) {
	.reply-comment {
		padding-left: 0; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.reply-comment {
		padding-left: 100px; } }

/*===========================
28.COLLECTION css
===========================*/
.single_collection {
	padding: 30px;
	height: auto; }
.single_collection .sticker {
	background-color: #E54949;
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	border-radius: 50px; }
.single_collection .collection_content {
	padding: 50px 0; }
.single_collection .collection_content .title a {
	color: #fff;
	font-size: 24px;
	font-weight: 700; }
.single_collection .collection_content p {
	color: #fff;
	font-size: 22px;
	margin-top: 10px; }
.single_collection .View a {
	font-size: 16px;
	color: #fff; }
.single_collection .View a i {
}
.single_collection.collection_2 .collection_content .title a {
	color: #4a4c50; }
.single_collection.collection_2 .collection_content p {
	color: #4a4c50; }
.single_collection.collection_2 .View a {
	color: #4a4c50; }

/*===========================
29.FEATURES PRODUCT css
===========================*/
.features_product_area {
	position: relative; }
.features_product_area .features_product_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40%; }

.features_product_title {
	padding-bottom: 50px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.features_product_title {
		padding-bottom: 0; } }
.features_product_title .title {
	font-size: 44px;
	font-weight: 600;
	color: #4a4c50; }
@media (max-width: 767px) {
	.features_product_title .title {
		font-size: 28px; } }
.features_product_title p {
	margin-top: 15px;
	font-size: 18px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.features_product_title p {
		font-size: 16px; } }
@media (max-width: 767px) {
	.features_product_title p {
		font-size: 16px; } }
.features_product_title .main-btn {
	margin-top: 35px;
	border-radius: 50px;
	overflow: hidden; }

/*===========================
30.CALL TO ACTION css
===========================*/
.call_to_action_content {
	padding-top: 60px;
	padding-bottom: 80px; }
.call_to_action_content .sub_title {
	font-size: 84px;
	font-weight: 700;
	color: #4a4c50; }
@media (max-width: 767px) {
	.call_to_action_content .sub_title {
		font-size: 44px; } }
.call_to_action_content .main_title {
	color: #fff;
	font-size: 44px;
	font-weight: 600;
	margin-top: 10px; }
@media (max-width: 767px) {
	.call_to_action_content .main_title {
		font-size: 26px; } }
.call_to_action_content p {
	margin-top: 15px;
	font-size: 18px;
	color: #fff;
	line-height: 30px; }
@media (max-width: 767px) {
	.call_to_action_content p {
		font-size: 16px; } }
.call_to_action_content .main-btn {
	text-transform: uppercase;
	border-radius: 50px;
	overflow: hidden;
	margin-top: 45px; }

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

#tooltip {
	background: #333;
	color: white;
	font-weight: bold;
	padding: 4px 8px;
	font-size: 13px;
	border-radius: 4px;
	display: none;
}

#tooltip[data-show] {
	display: block;
}

#arrow,
#arrow::before {
	position: absolute;
	width: 8px;
	height: 8px;
	z-index: -1;
}

#arrow::before {
	content: '';
	transform: rotate(45deg);
	background: #333;
}

#tooltip[data-popper-placement^='top'] > #arrow {
	bottom: -4px;
}

#tooltip[data-popper-placement^='bottom'] > #arrow {
	top: -4px;
}

#tooltip[data-popper-placement^='left'] > #arrow {
	right: -4px;
}

#tooltip[data-popper-placement^='right'] > #arrow {
	left: -4px;
}

/* homepage elemements */

.homepage-seo-text {
	background-color: #4a4c50;
	margin-bottom: -30px; /*allow spacing above the footer */
}

.homepage-seo-text h2.homepage-seo-text-title {
	font-size: 2.5rem;
	line-height: 2rem;
	font-weight: 700;
}

.homepage-seo-text h1,.homepage-seo-text h2,.homepage-seo-text h3 {
	font-size: 1.3rem;
	color: white;
	font-weight: normal;
	line-height: 24px;
	display: inline;
}

.homepage-seo-text, .homepage-seo-text a, .homepage-seo-text h2, .homepage-seo-text p {
	color: #fff;
}

.homepage-seo-text p {
	margin-bottom: 10px;
}

.bg-transparent {
	background-color: transparent;
}
.homepage-icon-panels {
	background-color: #fff;
}
.homepage-icon-panels h4, .homepage-icon-panels h4 a {
	color: #4c9d2f;
	margin-bottom: 0px;
	line-height: 20px;
}
.homepage-icon-panels p, .homepage-icon-panels p a {
	line-height: 1.2rem;
	font-size: .9rem;

}
.slick-track
{
	display: flex !important;
}

.slick-slide
{
	height: inherit !important;
}
.slick-initialized .slick-slide {
	display: flex;
}
.red, .red a {
	color: red !important;
}

.green, .green a {
	color: #4c9d2f !important;
}
.green a:hover {
	color: #4a4c50;
}

.green-bg {
	background-color: #4c9d2f;
	color: #fff;
}

.product-list-cell {
	padding-right: 5px;
	padding-left: 5px;
}

/* switch */
/* toggle switch */
.switch {width: 50px;height: 24px;}
.slider:before {
	height: 22px;
	width: 22px;
	margin-top: 1px;
	margin-left: 1px;
}

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
}


/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	background-color: #48A842;
	box-shadow: 0 0 1px #48A842;
}

.slider.default{
	background-color: #ccc !important;
	box-shadow: 0 0 1px #ccc !important;
}

.slider:before {
	position: absolute;
	content: "";
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #48A842 !important;
}

input:focus + .slider {
	box-shadow: 0 0 1px #48A842 !important;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 24px;
}

.slider.round:before {
	border-radius: 50%;
}

.toggle-text{
	font-weight:600;
	line-height:16px;
	display:block;
}

.brysonnow-toggle {
	display: flex;
	flex-wrap: nowrap;
	align-content: center;
	padding-top: .25rem;
	padding-bottom: .25rem;
	align-items: center;
}

#left-category-menu{
	background-color: inherit !important;
}

#left-category-menu .list-group-item{
	padding: .75rem 0 !important;
	background-color: inherit !important;
}

#left-category-menu .list-group-item.active{
	border-color: rgba(0,0,0,.125) !important;
}

#left-category-menu .list-group-item.active{
	margin: inherit !important;
	border-top-width: inherit !important;
	font-weight: bold;
}

#left-category-menu .list-group-item.active a{
	color: #48A842
}

#read-more-panel.full-height{
	-webkit-transition: max-height 1s;
	-moz-transition: max-height 1s;
	-ms-transition: max-height 1s;
	-o-transition: max-height 1s;
	transition: max-height 1s;

	max-height: 1300px !important;
}

#read-more-panel li {
	list-style-type: disc;
	margin-left: 20px;
}

/* responsvie table styles */
@media
only screen
and (max-width: 760px), (min-device-width: 768px)
and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.product-table, thead.product-thead, tbody.product-tbody, th.product-th, td.product-td, tr.product-tr, td.product-td-cart {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead.product-thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr.product-tr {
		margin: 0 0 1rem 0;
	}

	tr.product-tr:nth-child(odd) {
		background: #ccc;
	}

	td.product-td, td.product-td-cart {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30% !important;
	}

	td.product-td:before, td.product-td-cart:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 20px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	.product-td.pl-0 {
		padding-left: 0px !important;
	}

	td.product-td:nth-of-type(1):before { content: "Code"; }
	td.product-td:nth-of-type(2):before { content: "Description"; }
	td.product-td:nth-of-type(3):before { content: "Stock"; }
	td.product-td:nth-of-type(4):before { content: "Price"; }

	td.product-td-cart:nth-of-type(1):before { content: "Image"; }
	td.product-td-cart:nth-of-type(2):before { content: "Description"; }
	td.product-td-cart:nth-of-type(3):before { content: "Qty"; }
	td.product-td-cart:nth-of-type(4):before { content: "Unit Price"; }
	td.product-td-cart:nth-of-type(5):before { content: "Price"; }
	td.product-td-cart:nth-of-type(6):before { content: "Action"; }
}

.details-image{
	background-color: white;
}
/* product detail image slider */
.product-detail-image .slick-initialized .slick-slide, #productModal .slick-initialized .slick-slide{
	justify-content: center;
}

.product-detail-image .slick-track, #productModal .slick-track{
	margin: inherit !important;
}

.product-detail-image .details-image img {
	cursor: zoom-in;
}

/*.zoom-image img, */.easyzoom-flyout img{
						 max-width: inherit !important;
					 }

.list-group-item.active{
	background-color: #4c9d2f;
	border-color: #4c9d2f;
}

.brysonnow-products-button {
	flex-wrap: nowrap;
	align-content: center;
	padding: .25rem 0rem;
	align-items: center;
}

input.hasError, textarea.hasError, select.hasError{
	border: 1px solid red;
	background-color: #ffe9e9;
}

.breadcrumb-padding {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.division-category-header {
	background-color: #4c9d2f;
	color: #fff;
	padding: 10px;
	text-align: center;
	margin: 10px 0;
}

.payment-option, .payment-option .card, .payment-option label{
	cursor: pointer;
}


#read-more-panel.full-height {

	-webkit-transition: max-height 1s;
	-moz-transition: max-height 1s;
	-ms-transition: max-height 1s;
	-o-transition: max-height 1s;
	transition: max-height 1s;
	max-height: 1300px !important;

}
#read-more-panel p {
	margin: 15px 0px;
}

#read-more-panel.product-detail-desc p {
	margin: 12px 0px;
}

.read-more-toggle {
	margin-top: 10px;
}

.table-responsive > .table-bordered {
	border: 1px solid #dee2e6;
}
.table td, .table th {
	line-height: 1rem;
}

.lni.spin{
	-webkit-animation:spin 2s linear infinite;
	-moz-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite;
}

@-moz-keyframes spin {
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform:rotate(360deg);
	}
}

.checkout label {
	font-weight: bold;
}

option {
	font: -moz-pull-down-menu;
}

@-o-keyframes highlightBg {
	0% {
		background: #fff
	}
	50% {
		background: #9ad685
	}
	to {
		background: #fff
	}
}

@-webkit-keyframes highlightBg {
	0% {
		background: #fff
	}
	50% {
		background: #9ad685
	}
	to {
		background: #fff
	}
}

@keyframes highlightBg {
	0% {
		background: #fff
	}
	50% {
		background: #9ad685
	}
	to {
		background: #fff
	}
}

.highlight {
	-webkit-animation: highlightBg 0.5s linear;
	-o-animation: highlightBg 0.5s linear;
	animation: highlightBg 0.5s linear;
	-webkit-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.core-list.is-core-list .td_code, .core-item-bg {
	background-image: url(https://www.bryson.co.uk/assets/images/xb_icon_spacing.png.pagespeed.ic.IaDmQS5F55.png);
	background-position: top left;
	background-repeat: no-repeat;
	border-right: medium none !important;
	background-size: 22px;
	position: relative;
}

.core-icon {
	width: 22px;
	position: absolute;
	top: 0px;
	left: 0px;

}

@media (max-width: 576px) {
	.core-list.is-core-list .td_code{
		background-position: top right;
	}
}

/* Checkout Process Steps */
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;border: 1px solid #e7e7e7;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

.bg-white {
	background-color: #ffffff;
}

#special_requirements_lbl, #order_reference_lbl {
	width: 100%;
	font-weight: bold;
}
.spend-category-menu ul {
	margin-left: 35px;
}

.bry-buy-tabs .tab-pane span {
	color: #fff;
	background-color: green;
	padding: 6px 10px 2px;
	border-radius: 100px;
}

.k-grid-content table tr td,
.k-header{
	font-size: .9rem !important;
}

.grid-container {
	display: grid;
	grid-gap: 20px; /*that's optional, for the space between your cards*/
	grid-template-columns: repeat(auto-fit, 300px);
}

button.close {
	font-size: 4rem;
	margin-right: 20px;
	color: #4a4c50;
}

.homepage-bestsellers .homepage-bestsellers-spacing {
	padding-left: 10px;
	padding-right: 10px;
}

.large-details-image .slick-prev.slick-arrow {
	position: absolute;
	left: 10px;
	top: 50%;
	z-index: 100000;
}

#p-stock-info div{

	float: left;

}

.variant-height {
	min-height: 20px;
	line-height: 1rem;
}

.favourite-link.enabled .lni-heart-filled{
	color: pink;
}


picture { display: none; }

@media (min-width: 576px) {
	picture {
		display: block;
	}
}

.delivery-lni {
	vertical-align: -.25em;
}


@media all and (-ms-high-contrast:active), all and (-ms-high-contrast:none) {
	.categories-IE .card, .categories-IE .h-100  {
		max-height: 100px;
	}
}

.modal.m-hide {
	display: block !important;
	opacity: 0;
	visibility: hidden;
}

.m-hide:not(.show) {
	opacity: 0;
}

.modal.m-hide.show {
	display: block !important;
	opacity: 1;
	visibility: visible;
}

.download-pdf-link {
	font-size: 16px;
	margin-top: 10px;
	max-width: 120px;
}

#orderhistory_table .btn-sm {
	padding: .1rem .1rem;
}

.td_placed_by, .td_approver {
	max-width: 150px;
}

.form-browse-text {
	font-size: 1rem;
}

/*@media (min-width: 576px) {
.modal-dialog {
max-width: 800px;
margin: 1.75rem auto; }
}*/

.line-wrap-4{
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-line-clamp: 4;
	-ms-line-clamp: 4;
	-webkit-box-orient: vertical;
	-ms-flex-orient: vertical;
	overflow: hidden;
}

.consolidate-popup {
	margin: 10px;
	max-width: 800px;
	color: #4a4c50;
}
.consolidate-popup .form-check-label {
	line-height: 18px;
}

.consolidate-popup input[type="radio"] {
	transform: scale(1.5);
}

/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
	display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
	background-color: #e6bf99;
}

.tablesorter thead .disabled {
	display: none;
	display: none;
}



@media (max-width: 767px) {
	.meet-the-team .col-md-4.col-sm-6.col-xs-6:nth-child(2n+1) {clear: both;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.meet-the-team .col-md-4.col-sm-6.col-xs-6:nth-child(3n+1) {clear: both;}
}
@media(min-width:1200px){
	.meet-the-team .col-md-4.col-sm-6.col-xs-6:nth-child(3n+1) {clear: both;}
}

#addDeliveryInstructionsForm label {
	font-weight: normal;
}

.content-carousel .carousel-indicators li {
	list-style: none;
	margin-left: 0px;
}
.content-page-carousel .image {
	width: 40%;
	background-size: cover;
	background-position: center center; }
@media (max-width: 991.98px) {
	.content-page-carousel .image {
		height: 300px; } }

.content-page-carousel .text {
	width: 60%;
	padding: 7rem 4rem;
}

.content-page-carousel .text.text-white-bg {
	background: #ffffff;
	border-color: transparent;}

.content-page-carousel .text.text-green-bg {
	background: #4c9d2f;
	border-color: transparent;
	color: #fff}

.content-page-carousel .text.text-green-bg blockquote {
	border-left: 5px solid rgba(233, 231, 231, 0.43);
}

.content-page-carousel .text blockquote {
	position: relative;
	padding-bottom: 50px;
	font-size: 18px; }
.content-page-carousel .text blockquote .author {
	font-size: 14px;
	position: absolute;
	bottom: 0; }

@media (max-width: 991.98px) {
	.content-page-carousel .image, .content-page-carousel .text {
		width: 100%;
		display: block !important; }
}


/* autoplay carousel */


.autoplay-slider {
	background: white;
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
	height: 150px;
	margin: auto;
	overflow: hidden;
	position: relative;
	/*width: 960px;*/
}

.autoplay-slider .autoplay-slider-tack {
	-webkit-animation: scroll 40s linear infinite;
	animation: scroll 40s linear infinite;
	display: flex;
}

.autoplay-slider .autoplay-slider-slide {
	height: 100px;
	width: 250px;
}

.autoplay-slider::before, .autoplay-slider::after {
	background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
	content: "";
	height: 150px;
	position: absolute;
	width: 100px;
	z-index: 2;
}
.autoplay-slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}
.autoplay-slider::before {
	left: 0;
	top: 0;
}
.autoplay-slider-slide{
	text-align: center;
}

/* .autoplay-slider::before, .autoplay-slider::after {
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
}
.autoplay-slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}
.autoplay-slider::before {
    left: 0;
    top: 0;
}
.autoplay-slider .autoplay-slider-tack {
    -webkit-animation: scroll 40s linear infinite;
    animation: scroll 40s linear infinite;
    display: flex;
}
.autoplay-slider .autoplay-slider-slide {
    height: 100px;
    width: 250px;
}*/

/* Parallax */
/**************************/
#parallax h2 {font-weight:bold; color:white;font-size: 4rem;text-align:center}
#parallax h3 {font-weight:bold; color:white;font-size: 3rem;text-align:center}
#parallax h4 {color:white;font-size: 2.5rem;text-align:center}
#parallax p {color:white;text-align:center}

#parallax .parallax-one {
	padding-top: 100px;
	padding-bottom: 100px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

/* Media Queries */
/**************************/
@media screen and (max-width: 959px) and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	#parallax h3 {font-size:30px;}
	#parallax .parallax-one {padding-top:100px; padding-bottom:100px;}
}
@media screen and (max-width: 479px) {
}

.pulse-button {
	cursor: pointer;
	box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
	-webkit-animation: pulse 1.5s infinite;
}
.pulse-button: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);
	}
}

.info-icon{
	border: 1px saddlebrown;
	font-size: 8px;
	font-weight: bold;
	background: #ccc;
	padding: 5px;
	float: right;
	border-radius: 100px;
}

@media screen and (max-width: 991px){
	#navbarSupportedContent {
		height: calc(100vh - 110px);
		overflow: scroll;
	}
}

.bs3 .modal {
	top: 20%;
}

.bs3 h4, .bs3 .h4 {
	font-size: 1.25rem;
	line-height: 1.5rem;
}

/* 5 column layout */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 0;
	padding-left: 0px;
}


@media (max-width:767px) {
	.col-xs-15 {width: 20%;float: left;}
	.col-md-15.col-lg-15.col-sm-15.col-xs-15:nth-child(3n+1){clear:both}
}
@media (min-width:768px) and (max-width:991px) {
	.col-sm-15 {
		width: 50%;
		float: left;
	}
	.col-xs-15 {width: 100%;float: left;}
}
@media (min-width: 992px) {
	.col-md-15 {
		width: 20%  !important;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20% !important;
		float: left;
	}
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.row-eq-height .col-md-3 {
	display:flex;
}

.header-height {
	height: 35px;
}


/* Styles for the modal */
.page-loading-modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

.page-loading-modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}

/* Styles for the loading indicator */
.page-loading-loading-indicator {
	display: none;
	position: fixed;
	z-index: 2;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* Styling for the link */
.page-loading-load-link {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

.product-tr.updating{
	opacity: 0.5;
}

/* merge custom.css @charset "utf-8";*/
/* Custom Styles for Bryson website created by Monsters Edge */

/* FONTS */
a { transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; outline: none; color: #4a4c50;}
a:hover { text-decoration:none; color: #4ea346;}
a:focus { outline: none;}

h1,h2,h3 { font-weight: 700;}
h4,h5,h6 { font-weight: 700;}
p {}
strong { font-weight: 700;}
.dark-green { color: #165c43;}
.grey-bg { background-color: #e8e7e7;}
.grey-bg-opactity {background-color: #e8e7e7f0;}
.green-bg { background-color: #4a9c2d !important; color: #fff !important;;}
.white-bg { background-color: #ffffff;}
.text-green { color: #4a9c2d;}
.bg-image { background-position: center center; background-repeat: no-repeat; background-size: cover;}
.white-text, .white-text a, .white-text a:hover {color: #fff !important;}
.grey-text, grey-text a {color: #4a4c50 !important;}
.darkgreen-bg {background-color: #165c43;color: #ffffff;}
.darkgreen-bg a {color: #ffffff;}
.button-wrap {white-space: normal !important;}

#top-bar { background-color: #165c43; color: #fff; font-size: 0.9rem;}
#top-bar a { color: #fff;}
#top-bar a:hover { color: #4ea346;}

.user-link img {height: 38px;}

ul.socials { list-style: none; padding: 0; margin: 0; display: inline-block;}
ul.socials li { display: inline-block; margin-left: 10px;}
ul.socials li a { font-size: 1rem;}
#search-bar #search-input { position: relative;}
#search-bar .form-control { border-radius: 0; border-color: #88c182; color: #4a4c50; padding: 20px 50px 20px 25px;}
#search-bar #searchSubmit { background-color: transparent; border: none; position: absolute; top: 10px; right: 15px; color: #4fa347; font-size: 1.2rem;}
.user-link { color: #4a4c50; font-weight: 700; text-align: left; display: inline-block; height: 42px; font-size: 0.9rem;}
.user-link i { color: #4a9c2d; font-size: 1.6rem; display: inline-block; margin-top: 3px;}
.user-link span { font-weight: 400;}
.user-link .text { display: inline-block; line-height: 1.2rem; padding-left: 6px;font-size: 0.9rem;}
.user-link:first-of-type .text { position: relative; top: 7px; margin-right: 10px;}
.user-link:first-of-type .text.basket { top: -3px;}

#hero-video { position: relative;}
#hero-video #down-arrow { position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); z-index: 1100; background-color: rgba(255,255,255,0.75); border-radius: 50%;}
#hero-video .links-m { margin: 0 15px;}
#hero-video .links a { display: block; color: #fff;  text-transform: uppercase; font-weight: 700; font-size: 1.35rem; padding: 27px 15px 25px 15px; background-color: #6bbf58;}
#hero-video .links a:hover { background-color: #4a4c50 !important;}
#hero-video .links div:nth-of-type(2n) a { background-color: #4da347;}
#hero-video .links div:nth-of-type(3n) a { background-color: #165c43;}
#hero-video .links div:nth-of-type(4n) a { background-color: #75c36e;}
#hero-video .video-padding {padding-top: 29%;}
#hero-video .video-padding-mobile {padding-top: 60%;}

.linkwrap { position:relative; display:block;}
.blocker { position:absolute; top: 0; left: 0; height:100%; width:100%; z-index:100; background:rgba(255,0,0,0);}
.linkwrap iframe { z-index: 2;}
.modal { z-index: 16000;}

.the-bryson-way .title { text-transform: uppercase; font-weight: 700; color: #4daa47; font-size: 1.3rem; line-height: 1.3rem; padding: 10px 0;}
.the-bryson-way .list.alt .title { min-height: 105px;}
.the-bryson-way .list .col-12 { background: url("/x/SFG/home/xline.png.pagespeed.ic.VupnYW64Ug.png") bottom right no-repeat;}
.the-bryson-way .list .col-12:last-of-type { background: none;}
.the-bryson-way .label { text-transform: uppercase; font-weight: 700; background-color: #4daa47; color: #fff; font-size: 1.3rem; line-height: 1.3rem; padding: 10px 0;display: block;border-radius: 0px !important;}
.the-bryson-way .labels .col-12 { border-right: 1px solid #fff;}
.the-bryson-way .labels .col-12:last-of-type { border-right: none;}

#brysonbase h2 { text-transform: uppercase;}
#brysonbase .icons { /*background-color: #467762; color: #fff; box-shadow: inset 10px 0 18px -10px rgba(0,0,0,1);*/ padding: 30px; margin: 0 0 0 -43px; font-size: 0.9rem; line-height: 1.2rem;}
#brysonbase .icons h3 { color: #fff; text-transform: uppercase; line-height: 2rem;}

#accreditations h4 { text-transform: uppercase; color: #43484d;}
#accreditations .borders { border-top: 6px solid #edf0f1; border-bottom: 6px solid #edf0f1;}
owl-accreditations img {max-width: 100px;}

.owl-stats .owl-item img { max-width: 150px; margin: 0 auto;}
.owl-prev { width: 30px; height: 30px; position: absolute; top: 40%; left: 0; display: block !important; font-size: 2rem !important; opacity: 0.75;}
.owl-next { width: 30px; height: 30px; position: absolute; top: 40%; right: 0; display: block !important; font-size: 2rem !important; opacity: 0.75;}
.owl-prev:hover, .owl-next:hover { opacity: 1;}

.image-panel { height: 400px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: 100px;}
.image-panel .text-box { color: #fff; background-color: #4a9c2d; padding: 25px; position: relative; top: -55px;}
.image-panel .text-box .title { font-size: 2rem; line-height: 2.25rem; font-weight: 700; margin-bottom: 10px;}
.image-panel .text-box a { color: #fff; text-transform: uppercase;}
.image-panel .text-box a:hover { color: #165c43;}

.image-panel.with-buttons { height: 500px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: 0px; margin-bottom: 80px;}
.image-panel.with-buttons .text-box { color: #fff; background-color: #4a9c2d; padding: 120px 50px; position: static; top: inherit;}
.image-panel.with-buttons .text-box .title { font-size: 4rem; line-height: 4.4rem; font-weight: 700; margin-bottom: 10px;}
.image-panel.with-buttons .buttons a { display: block; color: #fff;  text-transform: uppercase; font-weight: 700; font-size: 1.75rem; padding: 27px 15px 25px 15px; background-color: #c5cbcc; border-right: 1px solid #fff;background-image: none;}
.image-panel.with-buttons .buttons a:hover { background-color: #165c43 !important;}
/*.image-panel.with-buttons .buttons div:first-of-type a { background-color: #4da347;}*/
.image-panel.with-buttons .buttons div:last-of-type a { border-right: 0;}

.featured { background-color: #4a9c2d; color: #fff; border:1px solid #dfdfdf; display: block; height: 100%;}
.featured h2 { color: #fff;}
.featured:hover { color: #fff;}

.testimonial { border: 1px solid rgba(0,0,0,.125); padding: 40px 40px 80px 40px; position: relative;}
.testimonial .author { position: absolute; bottom: 40px; left: 40px;}
.testimonial .quote { margin-bottom: 60px;}
.testimonial .position { font-size: 1rem;}
.owl-testimonials .owl-stage { display: flex;}
.owl-testimonials .owl-item { display: flex; flex: 1 0 auto;}

.owl-dots { text-align: center; padding: 15px 0;}
.owl-dots button.owl-dot.active span, .owl-dots button.owl-dot:hover span { background-color: #d7d9d9; border-radius: 50%; height: 12px; width: 12px;}
.owl-dots button.owl-dot span { background-color: #89bf76; border-radius: 50%; height: 12px; width: 12px; display: inline-block; margin: 0 4px;}

#news-feed-alt .card { background-color: #f4f1f3; font-size: 1rem;}
#news-feed-alt .card  p { font-size: 1rem;}
#news-feed-alt .card .date { font-size: 0.9rem;}

/*.owl-timeline { background: url('../images/timeline-line.png') center 76% no-repeat;}*/
#company-timeline .bar { position: absolute; top: 79%; left: 0; width: 100%; background-image: -webkit-linear-gradient(left, transparent 0%, #4ea346 6%, #4ea346 94%, transparent 100%); background-image: linear-gradient(left, transparent 0%, #4ea346 6%, #4ea346 94%, transparent 100%); height: 24px;}
.owl-timeline .t-date { background-color: #e7e7e8; border: 1px solid #d1d2d4; border-radius: 8px; font-weight: 700; color: #43484d; position: relative; margin-bottom: 200px;}
.owl-timeline .t-date img { border-radius: 8px 8px 0 0;}
.owl-timeline .t-date .text { padding: 15px; min-height: 80px;}
.owl-timeline .t-date .date { display: block; background: url('/x/SFG/home/xtimeline-date-bg.png.pagespeed.ic.8J3H53QdjX.png') no-repeat; width: 150px; height: 180px; position: absolute; bottom: -170px; left: 50%; transform: translateX(-50%); text-align: center;}
.owl-timeline .t-date .date span { position: absolute; bottom: 60px; display: block; width: 100%; text-align: center; font-size: 2.4rem; color: #4ea346;}
.owl-timeline .owl-prev, .owl-timeline .owl-next { top: 91%; right: 0; color: #4ea346 !important;}

#corporate-foundation { background-color: #4ea346; text-align: center;}
#corporate-foundation .owl-item { color: #ced1d3;}
#corporate-foundation .owl-item strong { color: #fff;}
#corporate-foundation .owl-item img { margin: 0 auto; max-width: 150px;}
.owl-corporate .item { background: url('/x/SFG/home/xborder-line-white.png.pagespeed.ic.CfvTQYG_iZ.png') center right no-repeat; padding: 0 80px;}
.owl-corporate .owl-item.active:nth-of-type(3n) .item { background: none;}

.owl-team .member .image { background-color: #fff; padding: 10px;}
.owl-team .member { background-color: #f1f2f3; border: 1px solid #dedbda;}
.owl-team .member .name { font-size: 0.8rem;}
.owl-team .member .position { font-size: 0.9rem;height: 50px;}
.owl-team .owl-dots { padding: 30px 0;}
.owl-team .owl-prev, .owl-team .owl-next { top: 80%; right: 0; color: #4ea346 !important;}

.rounded-point { position: relative;}
.rounded-point::before { width: 58%; height: 100%; position: absolute; top: 0; left: 0; display: block; content: ''; background: url('/x/SFG/corner/xrounded-point-bg.png.pagespeed.ic.ZKm6h-OaSd.png') center right no-repeat;}
.rounded-point .pad { padding: 100px 0;}
.rounded-point .work-badge { position: absolute; top: 30px; right: 50px; z-index: 100;}

.rounded-corner { width: 200px; height: 291px; display: block; background: url('/x/SFG/corner/xrounded-corner-bg.png.pagespeed.ic.boNFbCq4q0.png') no-repeat; position: absolute; top: 0; right: 15px;}
.rounded-corner.left { background: url('/x/SFG/corner/xrounded-corner-bg-left.png.pagespeed.ic.5rxod3FTgi.png') top right no-repeat; left: 15px; right: inherit;}
.rounded-corner img { width: 130px; margin: 40px 0 0 30px;}

.white-box { background-color: #fff; border-radius: 10px; padding: 30px;}
.lists .white-box ul { list-style: none; padding: 0; margin: 0;}
.lists .white-box ul li { margin-bottom: 8px;margin-left: 0px;list-style-type: none;}
.lists .white-box ul li a { /*text-decoration: underline;*/}


.image-o { position: relative;}
.image-o .overlay { padding: 10px 15px; color: #fff; background-color: rgba(75,161,84,0.9); position: absolute; bottom: 25px; left: 0; width: 100%; display: block; text-transform: uppercase; font-weight: 700; font-size: 1.4rem; letter-spacing: 1px;}
.image-o .square-corner { width: 150px; height: 138px; display: block; background: url('/x/SFG/home/xsquare-corner-bg.png.pagespeed.ic.MFqDEe6l5r.png') no-repeat; position: absolute; top: 0; left: 0px;}
.image-o .square-corner img { width: 80px; margin: 15px 0 0 -30px;}

#login-panel { background-position: center center; background-repeat: no-repeat; background-size: cover; font-size: 1rem;}
#login-panel .grey-bg-opactity{ padding: 60px 30px;}
#login-panel .btn { font-size: 1rem; padding: 10px 15px;}
#login-panel .form-check-label { font-size: 0.9rem;}
#login-panel a { font-size: 0.9rem;}
#login-panel .form-control { background-color: #e8e7e7; color: #000; padding: 10px 15px; height: auto;}
#login-panel .form-check-input { background-color: #e8e7e7 !important;}

.faster-panels .white-box {min-height: 170px}

/* Buttons */
/*.btn { text-transform: uppercase; font-weight: 700; padding: 10px 60px; border-radius: 4px; font-size: 1.2rem;}
.btn-primary { background-color: #4a9c2d; border-color: #4a9c2d; color: #fff;}
.btn-primary:hover, .btn-primary:focus { background-color: #165c43; border-color: #165c43; color: #fff;}*/
.btn-secondary { background-color: #165c43; border-color: #165c43; color: #fff;}
.btn-secondary:hover, .btn-secondary:focus { background-color: #4a9c2d; border-color: #4a9c2d; color: #fff;}

/* Navbar Styles */
.navbar { background-color: #4ea346; padding: 0;}
.navbar-nav li .dropdown-toggle { width: 95%; white-space: normal; text-align: center;height: 52px;font-weight:500;}
.navbar-nav li a { color: #fff; font-size: .9rem; padding: 11px 5px 10px 5px; display: inline-block; line-height: 1.1rem;}
.navbar-nav li.dropdown a { /*background: url('/x/SFG/home/xmenu-caret.png.pagespeed.ic.mZ4APRCJG5.png') 92% 20px no-repeat;*/height: 100%;}
.navbar-nav li a:hover, .navbar-nav li.dropdown.open  { background-color: #165c43;height: 100%;}
.dropdown-toggle::after { display: none;}

/* Mega Menu Styles */
.bryson_megamenu .dropdown-menu ul li { margin-bottom: 10px; margin-right: 0px;}
.bryson_megamenu .dropdown-menu ul li a { color:#43484d; padding: 0; font-weight: 700;}
.bryson_megamenu .dropdown-menu ul li ul li { margin-bottom: 0;}
.bryson_megamenu .dropdown-menu ul li ul li a { color: #231f20; font-weight: 400;}
.bryson_megamenu .navbar-nav > li > .dropdown-menu { margin-top: 1px;}
.bryson_megamenu .dropdown-menu a:hover { color: #4ea346; background-color: transparent;}
.bryson_megamenu .dropdown-menu { border: none; padding: 0; border-radius: 0; top: 50px;}
.bryson_megamenu .nav,.bryson_megamenu .collapse,.bryson_megamenu .dropup,.bryson_megamenu .dropdown { position: static;}
.bryson_megamenu .container { position: relative;}
.bryson_megamenu .dropdown-menu { left: auto;}
.bryson_megamenu .bryson_megamenu-content { padding: 15px; background: #fff;}
.bryson_megamenu .dropdown.bryson_megamenu-fw .dropdown-menu { left: 0; right: 0;}
.bryson_megamenu ul { list-style: none; padding-left: 0px;}

.bryson_megamenu .navbar-nav {
    width: 100%;
    justify-content: space-between;
}

/* RESPONSIVE AMENDED STYLES */
/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 1080px */
@media only screen and (min-width: 960px) and (max-width: 1080px) {
	#hero-video .links a, .image-panel.with-buttons .buttons a { font-size: 1rem;}
	.the-bryson-way .title { font-size: 1.1rem;}
	#brysonbase .icons { font-size: 0.7rem; margin: 0 0 0 -38px;}
	.owl-timeline .t-date .text { font-size: 1rem; padding: 15px 10px;}
	.owl-corporate .item { padding: 0 40px;}
	.rounded-point .pad { padding: 80px 0;}
	.rounded-point::before { width: 65%;}
	.image-o .overlay { bottom: 0px;}

	.navbar-nav li .dropdown-toggle {
		width: 99%;
		font-size: .750rem;
	}
}

/* Note: Design for a width of 1300px */
@media only screen and (min-width: 1081px) and (max-width: 1300px) {
	.navbar-nav li .dropdown-toggle {
		width: 99%;
		font-size: .70rem;
	}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#hero-video .links a, .image-panel.with-buttons .buttons a { font-size: 1rem !important;}
	.the-bryson-way .title { font-size: 0.75rem; line-height: 1rem;}
	.the-bryson-way .label { font-size: 1rem;}
	#company-timeline .bar { top: 75.5%;}
	.owl-corporate .owl-item .item { background: none;}
	.rounded-point .pad { padding: 60px 0;}
	.rounded-point::before { width: 75%;}
	.image-panel.with-buttons { height: 300px; margin-bottom: 250px;}
	.image-panel.with-buttons .text-box { padding: 80px 30px;}
	.image-panel.with-buttons .text-box .title { font-size: 2rem; line-height: 2.4rem;}
}

/* #Tablet & Mobile
================================================== */
/* Note: Design for a max width of 959px */
@media only screen and (max-width: 991px) {
	header { background-color: #4ea346; position: relative;}
	header .navbar .container { max-width: 100%;}
	.user-link, .user-link a { color: #fff;}
	.user-link span { color: #d4d6d5;}
	.user-link i { color: #fff;}
	.user-link:hover { color: #4a4c50;}
	.user-link img {height: 20px;margin-top: -8px;}
	.user-link {margin-right: 8px;}

	.navbar-toggler { position: relative; z-index: 100; border: none; color: #fff; font-size: 1.75rem; padding: 0; margin: 0;}
	.navbar-toggler:focus { box-shadow: none; outline: none;}
	.navbar-collapse { background-color: #fff; padding: 15px 0 0 0;}
	.navbar-nav { padding: 0 0 15px 0;}
	.navbar-nav li .dropdown-toggle { width: 100%; text-align: left;}
	.navbar-nav li a { color: #43484d; padding: 10px 45px; font-size: 1rem; font-weight: 700;}
	.navbar-nav li.dropdown a { background: none;}
	.navbar-nav li.dropdown.open  { background-color: transparent;}
	.bryson_megamenu .bryson_megamenu-content { padding: 15px 45px;}
	#sub-menu { background-color: #f5f2f3; padding: 15px 0;}
	#sub-menu ul li a { color: #43484d; padding: 5px 45px; font-size: 1rem; font-weight: 700; display: block;}
	#sub-menu h5 { text-transform: uppercase; padding: 0 45px;}
	#sub-menu form { padding: 0 45px; margin-bottom: 25px;}
	#sub-menu .form-control { border-radius: 0; border-color: #7d8084; font-size: 1.1rem; padding: 10px 15px; height: 40px; width: 320px;}
	#sub-menu button { background-color: #4ea346; color: #fff; border: 1px solid #7d8084; text-transform: uppercase; font-size: 1.1rem; padding: 8px 15px; height: 40px; margin: 0 0 0 -1px;}
	#sub-menu #app { padding: 0 45px 15px 45px;}
	#close { position: absolute; top: 15px; right: 45px; font-size: 2rem; color: #4a9c2d;}
	#hero-video .links a { font-size: 1.6rem; padding: 15px;}
	#brysonbase { text-align: center;}
	.owl-timeline .owl-prev, .owl-timeline .owl-next { top: 92%; right: 0; color: #4ea346 !important;}
	.owl-corporate .owl-prev, .owl-corporate .owl-next { color: #fff !important;}

	.image-panel { height: 250px; background-position: center center;}

}

@media only screen and (min-width: 800px) and (max-width: 1199px) {
    .image-panel.with-buttons .text-box {min-width:475px;}

}

/* #Mobile (Both)
================================================== */
/* Note: Landscape and portrait */
@media only screen and (max-width: 767px) {
	#hero-video #down-arrow { bottom: 225px;}
	#hero-video .video-padding {padding-top: 29%;}

	.the-bryson-way .list .col-6 { background: url('/x/SFG/home/xline.png.pagespeed.ic.VupnYW64Ug.png') bottom right no-repeat;}
	.the-bryson-way .list .col-6:last-of-type { background: none;}
	.the-bryson-way .title { font-size: 1rem;}
	#hero-video .links a, .image-panel.with-buttons .buttons a { border-right: none; margin: 5px 15px; border-radius: 6px; font-size: 1.1rem; padding: 15px 30px;}
	.owl-corporate .item { padding: 0 30px;}
	.owl-corporate .owl-item .item { background: none !important;}
	.image-panel.with-buttons { height: 300px; margin-bottom: 250px;}
	.image-panel.with-buttons .text-box { padding: 80px 30px;}
	.image-panel.with-buttons .text-box .title { font-size: 2rem; line-height: 2.4rem;}
	.user-link img {height: 20px;margin-top: -8px;}
	.user-link { font-size: 0.7rem;}
	.user-link .text { line-height: 0.7rem; font-size: 0.6rem;padding-left: 0px;}

    .image-panel.with-buttons .text-box {min-width:275px;}

}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.user-link { font-size: 0.9rem;}
	.user-link .text { line-height: 1rem; font-size: 0.9rem;padding-left: 0px;}
	#company-timeline .bar { top: 75.5%;}
	.rounded-point .pad { padding: 40px 0;}
	.rounded-point .pad p { font-size: 1rem;}
	.rounded-point::before { width: 76%;}
	.rounded-point .work-badge { top: 15px; right: 15px;}
	.image-panel.with-buttons { margin-bottom: 250px;}

}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.user-link { font-size: 0.9rem;}
	.user-link .text { line-height: 1rem;font-size: 0.8rem;padding-left: 0px;}

	.navbar-toggler { font-size: 1.5rem; margin-left: 5px;}
	.navbar-nav li a, #sub-menu ul li a { padding: 5px 15px;}
	.bryson_megamenu .bryson_megamenu-content { padding: 15px;}
	#sub-menu form { padding: 0 15px;}
	#sub-menu h5 { padding: 0 15px;}
	#sub-menu #app { padding: 0 15px 15px 15px;}
	#sub-menu .form-control { width: 240px;}
	#close {  right: 15px; font-size: 1.5rem;}
	.image-panel.with-buttons { height: 300px; margin-bottom: 250px;}
	.image-panel.with-buttons .text-box { padding: 40px 30px; min-width: 250px;}
	.image-panel.with-buttons .text-box .title { font-size: 2rem; line-height: 2.4rem;}
	#company-timeline .bar { top: 80%;}
	.owl-team .owl-prev, .owl-team .owl-next { top: 84%;}
	.rounded-point::before { display: none;}
	.rounded-point .pad { padding: 200px 0 40px 0;}
	.rounded-corner { width: auto; height: 100%;}
	.rounded-corner img { width: 100px; margin: 55px 15px 0 20px;}
	.rounded-corner.left img { width: 100px; margin: 55px 20px 0 15px;}
	.lists .white-box { margin-bottom: 25px;}
	.c-icon { margin: 0 auto 25px auto; max-width: 150px;}
	#login-panel .grey-bg { padding: 30px 15px;}

}

@-moz-document url-prefix() {
	fieldset { display: table-cell; }
}

#accreditations {
	background-color: white;
	padding-bottom: 15px;
}

.home-product {
	margin-bottom: 0px !important;
}

.owl-carousel .owl-stage {
	display:flex !important
}

.fa.fa-quote-left, .fa.fa-quote-right {
	font-size: 30px;
	color: #4a9c2d;
	line-height: 12px;
}
.product-panel p, .product-panel a, .product-panel a:hover {
	color: #ffffff;
}

.the-bryson-way h2.green {
    min-height: 32px;
}

.blogcontent-col {
    margin-bottom: 30px;
}
.my-account-tabs .nav-pills .nav-link.active,
.my-account-tabs .nav-pills .show > .nav-link,
.report-tabs .nav-pills .nav-link.active,
.report-tabs .nav-pills .show > .nav-link
{
    color: #fff;
    background-color: #4ea346 !important;
}

.price-break-main h3 {
    font-size: 1rem;
}

.content-min-height {
    min-height: 300px;
}

.account-landingpage-cards .card {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.12);
}

.my-account-tabs .nav-link, .report-tabs .nav-link {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom:1px;
}

#modal-account-message .modal-body {
    min-height: 200px;
    align-content: center;
}

small.alternative-text{
	color: #bb5307;
	font-weight: bold;
}

.colour-swatch{
	border: 1px solid #333;
	border-radius: 4px;
	margin-right: 5px;
}

.colour-swatch.not-available{
	opacity: 0.5;
	border: 1px dashed #666;
}

.colour-swatch.selected{
	border: 2px solid #4ea346;
}

.details-image > div.single-product-image {
	display: none;
}

.details-image > div.single-product-image:first-child {
	display: block;
	text-align: center;
}

ul.product-thumbs{
	text-align: center;
}
ul.product-thumbs > li{
	display: inline-block;
}
