body a, body a:hover {
	color: #00d4c0;
}
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	min-height:100%;
}
body {
	padding: 0px;
	margin: 0px;
	font-family: 'Montserrat', sans-serif !important;
	height: 100%;
}
body.index {
	padding-top: 1rem;
	background: url(../images/background1.jpg) no-repeat #FFF;
	background-size: auto auto;
}
.wrapper {
	position:relative;
}
body.index header:before {
	content:"";
	display:block;
	background: #0000008a;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 130%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: bold !important;
	color: #323232;
}
.img-responsive {
	width: 100%;
}
.logo img {
	width: 100% !important;
}
.logo {
	margin-top: 6px;
}
.navigation ul {
	margin: 0px;
	padding: 0px;
	text-align:right;
}
.navigation ul li {
	display: inline-block;
	position:relative;
}
.navigation ul li a {
	color: #ffffff;
	padding: 20px;
	display: block;
	font-size: 14px;
	font-weight: 600;
}
.navigation ul li a:hover {
	text-decoration: none;
}
.section-container {
	padding: 110px 0 0;
	height: 79vh;
}
.text-white {
	color:white;
}
.index-title {
	text-shadow: 2px 3px 6px black;
}
.index-sub-title {
	font-size: 19px;
	padding-top: 18px;
	letter-spacing: -0.5px;
	text-shadow: 2px 3px 6px black;
}
 .btn-brand-normal:not(.transparent) {
 background-color: #00d4c0;
}
.btn-brand-normal {
	border-color: #00d4c0 !important;
	border: 2px solid #00d4c0 !important;
}
.btn-brand-normal:hover {
	background-color: #00AB90;
	border-color: #00AB90;
	color:white !important;
}
.transparent {
	background: transparent;
}
.index-cta-btn {
	text-align:center;
	margin-top: 1rem;
	/*margin-bottom: 30px;*/
}
.btn.focus, .btn:focus {
	outline: 0 !important;
	box-shadow: none !important;
}
.index-cta-btn .btn-brand-normal {
	color: white;
	border-radius: 0px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	padding: 14px 27px;
	margin:0 5px;
}
.browse-library {
	font-size: 15px;
	letter-spacing: 1px;
	color: #00d4c0;
}
.browse-library:hover {
	color: #00d4c0;
}
.brand-darkest {
	background-color: #313C3F;
	padding: 5rem;
	margin-top: 4rem;
	position: relative;
}
.step-nav-fake-progress {
	top: 126px;
	left:0px;
}
.step-nav-fake-progress.style-1 {
	background: #C6C6C6;
}
.step-nav-fake-progress {
	height: 1px;
	position: absolute;
	width: 100%;
}
.nav-steps-list {
	display: table;
	list-style-type: none;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 100%;
	position: relative;
	z-index: 1;
}
.nav-step {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	position: relative;
}
.step-by-step-guide {
	max-width: 890px;
	margin: auto !important;
}
.step-by-step-guide .icon {
	width: 34px;
	height: 34px;
}
i.icon {
	display: inline-block;
}
.upload-sketch-icon {
	background: url(../images/upload-sketch-icon.png) center center no-repeat;
}
.step-num {
	background: #C6C6C6;
	width: 10px;
	height: 10px;
	border-radius: 50px;
 transition: all .3s ease;
	vertical-align: top;
	cursor: default;
}
.step-num {
	display: block;
	margin: 0 auto;
}
.step-name {
	display: block;
	margin: 18px auto 0;
	letter-spacing: 1px;
	line-height: 16px;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}
.comment-icon {
	background: url(../images/comment-icon.png) center center no-repeat;
}
.ring-icon {
	background: url(../images/ring-icon.png) center center no-repeat;
}
.download-icon {
	background: url(../images/download-icon.png) center center no-repeat;
}
.description {
	margin: 60px 0 0px;
}
.title {
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 2rem;
}
.description p {
	color: #C6C6C6;
	font-size: 14px;
	font-weight: 700;
}
.home-pricing li span.price {
	font-size: 25px;
}
.home-pricing li span.step-name {
	margin-top: 0px;
}
.home-pricing {
	padding-bottom: 25px;
	padding-top: 20px;
}
.nav-step {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	position: relative;
	font-weight: 600;
}
.block-overview-account {
	padding: 64px 0 61px;
}
.overview-account-panel {
	margin-top: 11px;
	position: relative;
	margin-bottom: 14px;
}
.heading.style-2 .subtitle {
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1.4px;
	font-weight: 800;
	margin: 15px 0 10px;
	color: #00d4c0;
}
.overview-account-panel .subtitle {
	margin-bottom: 22px;
}
.color-brand-darker {
	color: #006165;
}
.heading.style-2 .title {
	font-size: 24px;
}
.overview-account-panel .title {
	margin-bottom: 26px;
}
.content-index {
	font-weight: 700;
	color: #7d7d7d;
	font-size: 14px;
	max-width: 80%;
	margin: auto;
	margin-bottom: 2rem;
}
.btn-brand-normal {
	color: white;
	border-radius: 0px !important;
	text-transform: uppercase;
	font-size: 14px !important;
	font-weight: 700 !important;
	padding: 14px 27px !important;
	margin: 0 5px;
	letter-spacing: 1px;
}
.btn-brand-normal:hover {
	color:white;
}
.content-btn-pay {
	margin-top: 53px;
}
.bg-brand-darkest {
	background-color: #313C3F;
}
.block-overview-about {
	padding: 55px 0 55px;
}
.text-grey {
	font-size: 14px;
	font-weight: 600;
	color: #dedede !important;
}
.logo-standalone {
	width: 47px;
	height: 47px;
	margin: 0 auto 10px;
	background: url(../images/logo-standalone.png) center center no-repeat;
	background-size: contain;
}
footer {
	background: #262E31;
	padding: 10px;
}
footer a {
	font-size: 13px;
	padding: 6px;
	display: block;
	letter-spacing: -0.5px;
	color: #C6C6C6;
	font-weight: 600;
}
footer a:hover {
	color: #fff;
	text-decoration:none;
}
footer .menu ul {
	margin: 5px;
	padding: 0;
	list-style: none;
}
footer .menu {
	float: left;
}
footer .customer-nav {
	float: left;
	margin: 6px 0 0 18px;
	line-height: 20px;
}
footer .info-links {
	float: left;
	line-height: 18px;
}
footer .info-links ul {
	padding:0px;
	margin:0px;
}
footer .info-links ul li {
	display:inline-block;
}
.social-wrap ul {
	padding:0px;
	margin:0px;
}
.social-wrap ul li {
	display:inline-block;
}
.clear {
	clear:both;
}
footer li {
	color: #868686;
	font-weight: 600;
	font-size: 13px;
}
.mnav {
	display:none;
}
.mcart {
	display:none;
}
 @media screen and (max-width:768px) {
 body {
 background-size: auto 25%;
}
 .mcart {
 display: block !important;
 font-size: 1.5rem;
 float: right;
 padding: 5px 10px;
 color: #fff !important;
 border-radius: 2px;
 cursor: pointer;
 padding-bottom: 0;
 margin-right: 15px;
}
 .shopping-count {
 font-size: 12px;
 position: absolute;
 top: 0px;
 margin-left: 10px;
 font-weight: 600;
}
 .content-btn-pay {
 margin-top:0px;
}
 .content-index {
 max-width: 95%;
}
 .mmenu-wrap {
 top: 0;
 right: 0;
 left: 0;
 bottom: 0;
 -webkit-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
 -webkit-transition: 500ms cubic-bezier(0.09, 0.68, 0, 0.99);
 -o-transition: 500ms cubic-bezier(0.09, 0.68, 0, 0.99);
 transition: 500ms cubic-bezier(0.09, 0.68, 0, 0.99);
 padding-top: 15px;
 padding-bottom: 20px;
 padding-left: 30px;
 padding-right: 30px;
 position: fixed;
 z-index: 9999;
 color: #000;
 min-height: 300px;
 max-height: 100%;
 line-height: 45px;
 overflow-y: auto;
 background-color: #313C3F;
}
 .mmenu-wrap ul li a {
 color:white !important;
}
 .mmenu-wrap ul {
 padding:0px;
 margin:0px;
}
 .mmenu-wrap ul li {
 list-style:none;
}
 .brand-darkest {
 padding: 5rem 0;
}
 .mnav {
 display:block !important;
 font-size: 1.5rem;
 float: right;
 padding: 5px 10px;
 color: #fff !important;
 border-radius: 2px;
 cursor: pointer;
 padding-bottom: 0;
}
 .full-nav {
 display:none;
}
 body:not(.index) .logo {
 margin-top:5px !important;
}
 body:not(.index) header {
 background: #313C3F;
 padding: 9px 0;
}
 .process-continue-btn {
 margin-top:2rem !important;
}
 .process-wrap {
 display:none !important;
}
 .block-agreement {
 padding: 20px 20px !important;
 margin: 0 5px !important;
}
 .process-selection label {
color:gray;
}
 .process-selection {
padding-left:5px !important;
padding-right:5px !important;
}
 .inner-section-container {
 padding-top:30px !important;
 padding-bottom: 20px !important;
}
 .inner-title {
 color: #313C3F;
 font-size: 15px !important;
 margin-bottom: 2rem !important;
}
 .logo {
 padding-left:5px !important;
}
 .navigation {
 padding-right:5px !important;
}
 .inner-section-container .create-cad-wrap {
 padding:0px;
}
 .form-control:focus {
border:1px solid #00d4c0 !important;
}
 .md-hidden {
display:none;
}
}
.mmenu-wrap {
	display:none;
}
.close-menu {
	background: none;
	border: none;
	font-size: 2rem;
	color: white;
	padding: 1rem 0;
	position: absolute;
	top: 0;
	right: 9%;
}
.mmenu-wrap.active {
	display:block !important;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: 500ms cubic-bezier(0.09, 0.68, 0, 0.99);
	-o-transition: 500ms cubic-bezier(0.09, 0.68, 0, 0.99);
	transition: 500ms cubic-bezier(0.09, 0.68, 0, 0.99);
}
.mmenu-wrap .h-logo-standalone {
	margin: 0px;
	margin-bottom: 1rem;
	width: 47px;
	height: 47px;
	background: url(../images/h-logo-standalone.png) center center no-repeat;
	background-size: contain;
	margin-top: 0.5rem;
}
 @media screen and (max-width:425px) {
.inner-cta-btn a{margin: 0 !important;
    margin-bottom: 10px !important;}
 .sm-hidden {
display:none;
}
.inner-cta-btn button{width:100%;    margin: 0;
    margin-bottom: 10px;}
    .inner-title {
    color: #313C3F;
    font-size: 27px !important;
    margin-bottom: 1rem !important;
}
.cart-product-wrapper .cart-img {margin-bottom:1rem;}
.cat-wrap a.checkout{float:none; margin-top:1rem !important;}
.payment_icons{ text-align:center;    padding-top: 2rem;}
.container .order-total
{border: none;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0px;
    margin: 0 15px; border:none !important;}
    .inner-cta-btn input{width:100%;    margin: 0;
    margin-bottom: 10px;}
.registration-wrap{padding:0px !important;}
.inner-cta-btn a{width:100%;}
#review btn{margin-bottom:1rem;}
#pk5 .inner-cta-btn{margin:5px;}
 .social-wrap a {
 font-size: 16px;
 border: 1px solid #c5c5c5;
 padding: 4px 11px;
 margin: 5px;
 border-radius: 2px;
}
 footer .info-links {
 float:none !important;
}
 footer .info-links ul li {
 display: inline-block;
 width: 25%;
}
 .btn-brand-normal {
 white-space: inherit !important;
 display: block !important;
}
 .index-cta-btn a {
 display: block;
 margin-bottom: 30px !important;
}
 .index-title {
 font-size: 1.4rem;
 line-height: 30px;
 margin-top: -56px;
}
 .index-sub-title {
 font-size: 20px;
 padding-top: 8px;
 letter-spacing: -0.5px;
 text-shadow: 2px 3px 6px black;
 font-weight: 300 !important;
}
 .step-by-step-guide, .step-nav-fake-progress {
 display:none !important;
}
 .description {
 margin:0px !important;
}
 .overview-account-panel {
 background: #efefefab;
 padding: 1rem 1rem 1.5rem;
}
 footer .info-links ul li:nth-child(1) {
 width: 100%;
 text-align: center;
}
 .heading.style-2 .title {
 font-size: 19px;
}
 footer .info-links ul {
 text-align: center;
}
 .social-wrap {
 width: 100%;
 text-align: center;
}
 .logo {
 width:50% !important;
}
 .navigation {
 width:50% !important;
}
 .process-selection h5 {
 margin-bottom: 1.8rem;
 font-weight: 600 !important;
 font-size: 1.2rem !important;
 color: #00ab90;
 line-height: 1.5rem;
 letter-spacing: 0.5px;
 text-transform: uppercase;
}
}
 body:not(.index) header {
 background: #313C3F;
}
 body:not(.index) .logo {
 margin-top: 12px;
}
.inner-title {
	color: #313C3F;
	font-size: 30px;
}
.block-shadow {
	box-shadow: 0px 0px 13px #ededed;
	-webkit-box-shadow: 0px 0px 13px #ededed;
	-moz-box-shadow: 0px 0px 13px #ededed;
}
.block-agreement {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin: 37px auto 0;
	padding: 20px 35px;
}
.block-agreement .content {
	color: grey;
	line-height: 20px;
	letter-spacing: 0.1px;
	margin-top: 20px;
	margin-bottom: 30px;
	font-weight: 500;
	font-size: 13px;
}
.block-agreement .btn-brand-normal {
	color:white !important;
}
.inner-section-container {
	padding: 50px 0 50px;
	min-height: 610px;
}
.disclaimer-title {
	color:#adadad;
}
.process-wrap {
	font-size:12px;
	font-weight: 600;
	margin-bottom: 3rem;
}
.process-wrap:before {
	content: " ";
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	background: #313c3f;
	margin-top: 8px;
}
.process-wrap i {
	border-left: 6px solid white;
	border-right: 6px solid white;
}
.text-green {
	color:#00AB90;
}
.process-selection {
	margin: 37px 0;
}
.process-selection label {
	font-weight:600;
	font-size: 0.95rem;
}
.process-selection h5 {
	margin-bottom: 1.5rem;
	font-weight: 600 !important;
	font-size: 1rem;
	color: #00ab90;
}
.process-selection .form-control {
	line-height: 2;
	font-size: 0.9rem;
}
.process-selection .input-field {
	margin-bottom:0.8rem;
}
.process-selection select {
	height: 45px !important;
}
textarea, select, input.text, input[type="text"], input[type="button"], input[type="submit"], input[type="password"], .input-checkbox {
	background:white !important;
	-webkit-appearance: none;
	border-radius: 0px !important;
	box-shadow:none !important;
}
.add-later-text {
	font-size: 0.9rem;
	margin-top: 1rem;
	color: #929292;
}
.process-continue-btn {
	margin: 1.2rem 0;
}
select option {
	line-height: 20px;
}
.inner-cta-btn {
	text-align: center;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
.notes {
	font-size: 13px;
	text-align: center;
	color: #9a9a9a;
	margin-bottom: 2rem;
}
.stone_spec_permission h4 {
	margin-bottom:2rem;
}
.txt-color {
	color: #00d4c0 !important;
}
.add-comment-img {
	padding: 10px 25px !important;
	margin-bottom: 2rem !important;
}
.add-comment-img .content {
	margin-bottom: 15px !important;
}
.comments_wrap {
	margin-top:2rem;
}
.comments-block ul {
	padding:0px;
	margin:0px;
	padding-left:3px;
}
.comments-block ul li {
	list-style:none;
	line-height:30px;
}
.comments_wrap strong {
	margin-bottom:1rem;
	display:block;
}
.comments_wrap {
	margin-bottom:2rem;
}
.comments-block {
	margin-bottom: 2rem;
	color: #929292;
}
.forgot-password a {
	font-size: 13px;
}
#job_submitted {
	margin-top:3rem;
}
.btn-margin {
	margin-bottom:1rem;
}
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}
#msform fieldset {
	border: 0 none;
}
#msform fieldset:not(:first-of-type) {
 display: none;
}
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	counter-reset: step;
}
#progressbar div {
	list-style-type: none;
	text-transform: uppercase;
	width: 12.5%;
	float: left;
	position: relative;
}
#progressbar div:before {
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
#progressbar div:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1;
}
#progressbar div:first-child:after {
	content: none;
}
#progressbar div.active i:before {
	color: #27AE60;
}
#progressbar div.active {
	color: #27ae60;
}
#profile-img {
	display:none;
}
.hc-hotspot {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #00E8C4;
	text-align: center;
	font-weight: bold;
	line-height: 50px;
	cursor: pointer;
	font-size: 18px;
	border-top-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	color: white !important;
	box-shadow: 1px 2px 10px -4px black;
	border: 1px solid #079a83;
	z-index: 999;
}
.hc-hotspot:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 7px solid #02a98f;
	transform: rotate(40deg);
	top: -2px;
	left: 1px;
}
.comment_wrap {
	background: #FFF;
	padding: 35px 40px;
	box-shadow: 0 2px 10px 0 #ddd;
	border-radius: 5px;
	width: 405px;
	position: absolute;
	margin-left: 60px;
	text-align: left;
	z-index: 9999;
}
.comment_wrap textarea {
	width: 100%;
	height: 102px;
	border: 2px solid #CCC;
	border-radius: 3px;
	box-shadow: none;
	padding: 15px;
	border-color: #00E8C4;
	border-radius: 4px !important;
	margin-bottom: 1rem;
}
.comment_wrap textarea:focus {
	border-color: #00E8C4;
}
.comment_wrap h5 {
	text-align: left;
	font-size: 15px;
	margin-bottom: 1rem;
}
.comment_wrap .add-label {
	background: #CCC;
	width: 90px;
	height: 90px;
	position: relative;
	cursor: pointer;
	background: url(../images/no-image.jpg);
	background-size: 150% auto;
	background-position: center center;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.comment_wrap .add-label:before {
	position: absolute;
	width: 25px;
	height: 25px;
	content: "\2a2f";
	color: #FFF;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	background: #bbb;
	bottom: -5px;
	right: -4px;
	font-weight: normal;
	border-radius: 30px;
	line-height: 23px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.comment_wrap .close {
	position: absolute;
	right: 2rem;
	top: 1.5rem;
	display: block;
	cursor: pointer;
	font-size: 1rem;
}
.cmnt-btn {
	background: #00e8c4 !important;
	border-radius: 0 !important;
	display: block !important;
	margin-top: 1.8rem !important;
	border: none !important;
	width: 100% !important;
	padding: 11px !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	color:white !important;
}
.create-cad-wrap .form-control {
	border-radius:0px !important;
}
.count-product {
	font-size: 13px;
	padding-top: 6px;
	color: #a7a7a7;
}
.product-wrapper {
	padding:0 40px !important;
}
.fl_header span {
	display:block;
	cursor:pointer;
}
.fl_body {
	display:none;
}
.fl_header small {
	font-size: 12px;
}
.breadcrumbs {
	font-size:13px;
	margin-bottom:2rem;
}
.pro-desc {
	font-size:14px;
	margin-top:1rem;
}
.social-share a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 4px;
	font-size: 1.2rem;
}
.social-share {
	padding:5px;
	padding-top:10px;
	font-size:14px;
}
.sku {
	padding:5px;
	padding-top:2rem;
	font-size:14px;
}
.price {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
.social-share strong {
	float: left;
	margin-top: 7px;
	margin-right: 10px;
}
.cartremove {
	border: 1px solid #00d4c0;
	padding: 3px 6px;
	margin-top: 0.5rem;
	display: inline-block;
	color: #00d4c0 !important;
	font-size: 10px;
	cursor: pointer;
}
.cartremove:hover
{ text-decoration:none;}
.cart-img img {
	border: 1px double #37dacf;
	padding: 10px;
}
.cart-row {
	border-bottom: 1px solid #efefef;
	margin-bottom: 1rem;
}
.cart-product-wrapper .cart-row:nth-last-child(1) {
border:none !important;
}
.order-total {
	border-left: 1px solid #efefef;
	padding-left: 3rem !important;
}
.order-total h3 {
	margin-bottom:3rem;
}
.to-row {
	margin-bottom:1rem;
}
.to-row:after {
	content:"";
	display:block;
	clear:both;
}
.payable {
    border-top: 2px solid #00d4c0;
    padding-top: 1rem;
    border-bottom: 2px solid #00d4c0;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
strong
{font-weight: 600 !important;}
.no-padding {
	padding:0px !important;
}
.cmnt-btn {
	margin-top:1rem;
}
/*.account-reg{    margin: 37px 0;
    box-shadow: 1px 1px 1px #efefef;
    padding: 2rem 2.5rem !important;
    box-shadow: 1px 1px 5px 1px #efefef;
    border-radius: 0.5rem;}
.login-account-reg{    margin: 37px 0;
    box-shadow: 1px 1px 1px #efefef;
    padding: 2rem 2.5rem !important;
    box-shadow: 1px 1px 5px 1px #efefef;
    border-radius: 0.5rem;}
*/
.no-hover:hover {
	color: #00d4c0 !important;
}
.toggle-login {
color: #262e31 !important;
font-weight: 500;
	display: inline-block;
	clear: both;
	width: 100%;
	margin-top: 1rem;
	text-align: center;
	cursor: pointer;
	text-decoration: underline !important;
	font-size:14px;
	font-weight: 500;
}
.toggle-register {
	color: #262e31 !important;
	font-size:14px;
	font-weight: 500;
	display: inline-block;
	clear: both;
	width: 100%;
	margin-top: 1rem;
	text-align: center;
	cursor: pointer;
	text-decoration: underline !important;
}
.login-wrap {
	padding-bottom: 2rem !important;
}
.dropdown-menu {
	padding: 0px !important;
	border-radius: 0 !important;
	margin-top: -1px !important;
	border: 1px solid rgb(88, 103, 107) !important;
}
.navigation ul li a.dropdown-toggle {
	color:white !important;
	cursor:pointer;
}
.navigation ul li .dropdown-menu a {
	background: #313C3F !important;
	color: #fff !important;
	padding: 10px 15px;
	border-bottom: 1px solid #58676b;
}
.navigation ul li .dropdown-menu a:nth-last-child(1) {
border-bottom:0px !important;
}
.navigation ul li:hover .dropdown-menu {
	display:block !important;
	position: absolute;
	top: 62px;
	left: 0px;
	will-change: transform;
}
.img-block {
	margin-bottom: 10px;
	overflow: hidden;
	box-shadow: 1px 1px 5px 1px #efefefa1;
}
.add-cart {
	font-size: 13px !important;
	display: block;
	cursor: pointer;
	font-weight: 500;
	color: #14ab97 !important;
}
.product-img {
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 1rem;
}
.product-img img {
transition: transform .5s ease;
}
.product-img img:hover {
	transform: scale(1.2) !important;
}
.filter {
	font-size:13px;
	margin:0px;
	padding:0px;
}
.filter li {
	list-style: none;
	font-weight: 600;
	padding: 0.5rem 0;
}
.filter li ul {
	padding-left: 0px;
	margin: 10px 0;
	margin-bottom: 0px;
	max-height:150px;
	overflow-y:auto;
}
.filter li ul li {
	font-weight:100;
	padding-bottom: 2px;
}
.filter li ul li input[type=checkbox] {
	margin-top: 3px;
	float: left;
	margin-right: 5px;
}
.filter li ul li label {
	margin-bottom:0px;
	cursor:pointer;
}
.product_sorting {
	margin-bottom:1.3rem;
}
.search-input {
	font-size: 13px;
	padding-right: 30px;
}
.search-wrap button {
	background: none;
	border: none;
	position: absolute;
	top: 7px;
	right: 10%;
	font-size: 12px;
	color: #c3c3c3;
}
 .filter li ul::-webkit-scrollbar {
 width: 6px;
}

/* Track */
.filter li ul::-webkit-scrollbar-track {
 background: #f1f1f1;
}

/* Handle */
.filter li ul::-webkit-scrollbar-thumb {
 background: #b5b5b5;
}

/* Handle on hover */
.filter li ul::-webkit-scrollbar-thumb:hover {
 background: #555;
}
.product_sorting {
	display:block;
}
.sort_by {
	font-size:13px;
	text-align: right;
}
.sort_by select {
	padding: 5px 10px;
	border: 1px solid #ced4da;
	margin-left: 6px;
	border-radius: 2px !important;
}
.notifbar.active
{
    background: #00d4c0;
    padding: 15px 20px 13px 20px;
    margin-bottom: 2rem;
    color: white;
    font-weight: 500;
    border-radius: 3px;
}
.vcart{color: white;
    font-size: 14px;
    text-decoration: underline;}
.invalid{border-color: #cd5c5c !important;}
.cancel-icon
{
    padding: 1rem; background: red; color: white; border-radius: 2rem; width: 4rem; height: 4rem; line-height: 30px !important; font-size: 30px !important; margin-bottom:1rem;
}
.success-icon
{
    padding: 1rem; background: green; color: white; border-radius: 2rem; width: 4rem; height: 4rem; line-height: 30px !important; font-size: 30px !important; margin-bottom:1rem;
}

.account-sidebar ul
{ margin:0px; padding:0px;}
.account-sidebar ul li{list-style:none; line-height:30px;}
.text-red{color:red !important;}
#pkcoments span{    display: block;
    clear: both;
    border-top: 1px dashed #efefef;
    padding-top: 10px;}
#pkcoments span img{display: inline-block;
    height: 50px;
    margin: 5px;}
.payment_icons input{ display:none;}
.payment_icons label
{    border: 1px solid #d0d0d0;
    padding: 3px 9px;
    border-radius: 3px;
    background: #efefef;
    font-size: 14px;
    margin: 0 10px;
    box-shadow: 1px 1px 1px #efefef;
    cursor: pointer;}
.payment_icons label.hovered
   {    border: 1px solid #055246;
    background: #056758;
    color: white;
    font-weight: bold;}
.comment_wrap {
	background: #FFF;
	padding: 35px 40px;
	box-shadow: 0 2px 10px 0 #ddd;
	border-radius: 5px;
	width: 405px;
	position: absolute;
	margin-left: 60px;
	text-align: left;
	z-index: 9999;
}
.comment_wrap textarea {
	width: 100%;
	height: 102px;
	border: 2px solid #CCC;
	border-radius: 3px;
	box-shadow: none;
	padding: 15px;
	border-color: #00E8C4;
	border-radius: 4px !important;
	margin-bottom: 1rem;
}
.comment_wrap textarea:focus {
	border-color: #00E8C4;
}
.comment_wrap h5 {
	text-align: left;
	font-size: 15px;
	margin-bottom: 1rem;
}
.comment_wrap .add-label {
	background: #CCC;
	width: 90px;
	height: 90px;
	position: relative;
	cursor: pointer;
	background: url(../images/no-image.jpg);
	background-size: 150% auto;
	background-position: center center;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.comment_wrap .add-label:before {
	position: absolute;
	width: 25px;
	height: 25px;
	content: "\2a2f";
	color: #FFF;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	background: #bbb;
	bottom: -5px;
	right: -4px;
	font-weight: normal;
	border-radius: 30px;
	line-height: 23px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.comment_wrap .close {
	position: absolute;
	right: 2rem;
	top: 1.5rem;
	display: block;
	cursor: pointer;
	font-size: 1rem;
}
.cmnt-btn {
	background: #00e8c4 !important;
	border-radius: 0 !important;
	display: block !important;
	margin-top: 1.8rem !important;
	border: none !important;
	width: 100% !important;
	padding: 11px !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	color:white !important;
}
.comment_wrap h5 {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: bold !important;
}
.lcomment {
	width: fit-content;
	text-align: left;
	background: white;
	padding: 8px 10px 17px 9px;
	border-radius: 5px;
	text-align: left;
	position: relative;
	min-width: 40%;
	text-align:left;
	max-width: 80%;
}
.rcomment {
    width: fit-content;
    background: white;
    padding: 8px 10px 17px 9px;
    border-radius: 5px;
    position: relative;
    min-width: 40%;
    max-width: 80%;
    text-align: right;
}
.lcomment:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	margin-left: -18px;
	margin-top: -8px;
	position: absolute;
}
.rcomment:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	margin-right: -9px;
	margin-top: -8px;
	position: absolute;
	right: 0px;
}
.chattime {
	display: block;
	font-size: 9.5px;
	color: #F44336;
	text-align: right;
	width: 100%;
	position: absolute;
	bottom: 2px;
	right: 5px;
}
.payable h6{margin-bottom:0px !important;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary {
    color: #fff;
    background-color: #00e8c4 !important;
    border-color: #0ac3a7 !important;
}
.chat-title {
	display: block;
	text-align: center;
	    background: #00E8C4;
	padding: 10px;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.chat-wrap {
	background: url(../admin/images/chatbg.jpg);
	background-size: cover;
	padding: 28px;
	
    height: 400px;
	font-size: 13px;
	overflow-y: scroll;
}
#approvalComment::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(236, 236, 236, 0.9882352941176471);
 background-color: #F5F5F5;
}
 #approvalComment::-webkit-scrollbar {
 width: 2px;
 background-color: #F5F5F5;
}
 #approvalComment::-webkit-scrollbar-thumb {
 background-color: #e3e3e3;
}
.chat-wrap::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(236, 236, 236, 0.9882352941176471);
 background-color: #F5F5F5;
}
 .chat-wrap::-webkit-scrollbar {
 width: 2px;
 background-color: #F5F5F5;
}
 .chat-wrap::-webkit-scrollbar-thumb {
 background-color: #e3e3e3;
}
.mmenudd
{    border: none !important;
    background: none !important;
    margin-top: 1rem !important;}
.mmenudd a
{ display:block;}
.form-group{
    margin-bottom: 0.5rem!important;
}
.instaicon{
    width: 20px; margin-left:7px;}
    
     @media screen and (min-width:320px) {
         .instaicon{
    width: 20px;
     }
     }