@charset "utf-8";
/* CSS Document */
@font-face {
font-family:"HarmoniaSans W01 Regular";
src:url("../fonts/Harmonia Sans W01 Regulart.eot");
src:url("../font/Harmonia Sans W01 Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Harmonia Sans W01 Regular.woff") format("woff"), url("../fonts/Harmonia Sans W01 Regular.ttf") format("truetype"), url("../fonts/Harmonia Sans W01 Regular.svg#HarmoniaSans W01 Regular") format("svg")
}
@font-face {
font-family:"HarmoniaSans W01 Bold";
src:url("../fonts/Harmonia Sans W01 Bold.eot");
src:url("../font/Harmonia Sans W01 Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Harmonia Sans W01 Bold.woff") format("woff"), url("../fonts/Harmonia Sans W01 Bold.ttf") format("truetype"), url("../fonts/Harmonia Sans W01 Bold.svg#HarmoniaSans W01 Bold") format("svg")
}
@font-face {
font-family:"HarmoniaSans W02 SemiBd";
src:url("../fonts/HarmoniaSans W02 SemiBd.eot");
src:url("../font/HarmoniaSans W02 SemiBd.eot?#iefix") format("embedded-opentype"), url("../fonts/HarmoniaSans W02 SemiBd.woff") format("woff"), url("../fonts/HarmoniaSans W02 SemiBd.ttf") format("truetype"), url("../fonts/HarmoniaSans W02 SemiBd.svg#HarmoniaSans W02 SemiBd") format("svg")
}

.tooltipp {
	display: inline-block;
	position: absolute;
	padding: .5em 1rem;
	background-color: rgba(238, 238, 238, 0.73);
	margin-left: -100px;
	margin-top: -125px;
	cursor: pointer;
	width: 200px;
	text-align:left;
	font-size: 14pt;
	color: #fff;
}
.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #64a70b;
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 100%;
				opacity:0;
				font-size:10pt;
    transition: all .5s ease-in-out;
}
.tooltip-inner:before{
    content: "";
    border: 0 solid transparent;
    border-bottom-color: #64a70b;
    border-width: 8px 6px;
    content: '';
    right: 13px;
    margin-left: 0;
    position: absolute;
    bottom: 0;
    transform: translate3d(0px,-27px,0px);
}
.logout{
position:relative;
    font-size: 18px !important;
}
.logout:hover .tooltip-inner{
opacity:1;
}
* {
	padding:0;
}
body {
	font-family:"HarmoniaSans W01 Regular"!important;
	font-size:12pt;
	-webkit-font-smoothing: antialiased;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	line-height: 21px;
	color: #1a1a1a;
}
header {
	min-height:100px;
/*	margin-bottom: 59px;*/
}
.navbar:before{
    content: '';
   /* border-bottom: 7px solid #64a70b;
    display:none;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0px;
    left: 0;*/
}
a:hover, a:focus, a:active {
	text-decoration:none;
	color:inherit
}
a {
	text-decoration:none;
	color:inherit;
}
.navbar {
	border-bottom: 10px solid #64a70b;
    padding: 23px 65px;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
}
.navbar-collapse {
	justify-content: space-between;
	align-items: center;
}
.navbar-brand {
	width: 100px;
	margin: 0 65px 0px 0px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
}
.collapse a.nav-link {
	color: #393f45;
	cursor:pointer;
    display: inline-block;
    width: 100%;
}
.search a img {
    width: 18px;
    margin-top: -1px;
}

ul.header-search a img{
margin-top:0;
width:75px;
margin:auto;
display:block;
}
.search {
	position: relative;
	color: #393f45;
	margin-left:15px;
    /*margin-top: -1px;
 margin-right: 15px;*/
}
.header-search {
	position: absolute;
	left: 0;
	top: 100%;
	border: 1px solid #eee;
	padding: 11px;
	margin-top: 7px;
	width: 200px;
	height: 48px;
	display:none;
	color: #6c7680;
}
ul.header-search {
    border: 3px solid #64a70b;
    background: #fff;
    height: auto;
    list-style: none;
    padding: 0;
    box-shadow: 4px 10px 9px rgb(0 0 0 / 21%);
    cursor: pointer;
    border-radius: 0 0 9px 9px;
    width: 22em;
    left: -15em;
    top: 3em;
    overflow: hidden;
}
.notify-footer {
    padding:15px 0 5px 0;
    font-size: 9pt;
    color: #666;
}
ul.header-search li:last-child:after {
display:none;}
ul.header-search li:after {
    content: '';
    border-bottom: 1px solid #ccc;
    display: inline-block;
    width: 65%;
    margin: 0 20%;
    box-shadow: 1px 1px 2px 1px #EEE;
}
ul.header-search li a {        
				font-size: 11pt;
    padding: 10px;
    margin: 0;
    width: 100%;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
ul.header-search li a:hover{
background-color:#f5f5f5;
font-family:"HarmoniaSans W02 SemiBd";
color:#64a70b;
}
.search a {
    font-size: 13pt !important;
    position: relative;
}

.notify-desc {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    padding-top: 5px;
    font-size: 10pt;
    text-align: left;
    line-height: normal;
}
ul.header-search li:first-child .notify-desc {
padding-top:15px;
}
/*========Drop down menu===============*/
.drop-down-menu {
    background: #fff;
	/*display:none;*/
	display:inline-block;
	position: absolute;
	width: 100%;
	left: 0;
	top:108%;
	overflow:hidden;
    max-height: 0px;
		opacity:0;
	/*box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.5);*/
	transition: all 1.5s ease-in-out;
}

.menu-shadow {
    width: 100vw;
    height: 100vh;
    position: fixed;
    background: rgba(0,0,0,0.5);
    top: 0;
    z-index: -1;
    opacity: 0;
    display: none;
}
.menu-shadow.active {
    z-index: 1;
    opacity: 1;
    display: block;
}
.carousel{
    display:contents;
}

 
.nav-item.focused .drop-down-menu{
	/*display:block;*/
	/*box-shadow: 0px 350px 0 350px rgba(0, 0, 0, 0.7);*/
    max-height: 1500px;
		opacity:1;
}
/*.drop-down-menu:after{
    content: '';
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    height: 0%;
    width: 100%;
		top:105px;
    left: 0;
		z-index:-1;
	transition: all 1s ease;
}
.nav-item.focused .drop-down-menu:after{
    height: 100%;
}*/
.notify-count {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #64a70b;
    color: #fff;
    border-radius: 100%;
    font-size: 8pt;
    text-align: center;
    padding: 0;
    position: absolute;
    top: -10px;
    right: -10px;
    line-height: 1.5;
    font-family: "HarmoniaSans W01 Bold";
}
.Drp-menu-opt h5 {
    text-align: left;
}
sup {
    top: -.2em;
    font-size: 100%;
}
.Drp-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	justify-content: center;
	flex-flow:row wrap;
	align-items: flex-start;
   /* opacity: 0;
    transition: all .5s  ease-in-out;*/
    width: 1100px;
    margin: 12px auto;
}
.nav-item.focused .Drp-inner{
/*	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;*/
    opacity: 1;
}
.nav-item.focused .Drp-inner{
	opacity:1;
}
/*.nav-item:nth-child(2) .menu-pro-list:nth-child(1) .img-fluid{
 content:url(../images/roomba-accessories.png);
}
.nav-item:nth-child(3) .menu-pro-list:nth-child(1) .img-fluid{
 content:url(../images/find_answers.png);
}
.nav-item:nth-child(3) .menu-pro-list:nth-child(4) .img-fluid{
 content:url(../images/Home-Demo.png);
}*/
.nav-item:last-child .drop-down-menu{
	display:none !important;
}
/*.Drp-menu-opt * {
 transition: all .3s ease-in-out;
}*/
.zopim {
    z-index: 1 !important;
}
.Drp-menu-opt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 20px 0px;
    padding: 0px 35px;
    border-right: 1px solid #ccc;
    width: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
/*	opacity:0;
   transition:all .5s .5s ease-in-out;*/
}
.Drp-menu-opt:nth-child(odd) {
 border-right: 1px solid #ccc;
}
.Drp-menu-opt:last-child {
	border:none;
}
.Drp-menu-opt:first-child {
	flex: 2;
}

.nav-item.focused .Drp-menu-opt{
    height: calc(100% - 35px);
    -webkit-animation: animate-height 0.5s;
    animation: fadeIn 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.menu-product {
    width: 100%;
    padding:25px 10px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: .5s;
    transition: .5s;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-decoration: none;
    display: block;
    cursor: pointer;
}
.menu-product:hover {
	background-color: #E4E8ED;
}
.menu-product.content-menu:hover {
	background-color: #fff;
}
.menu-product.content-menu a:hover {
	text-decoration:underline;
}
.menu-pro-list {
	padding-top: 20px;
	color: #6c7680;
	max-width: 150px;
  flex: 1 1 33%;
	margin: 0 1px;
	align-self: baseline;
	display: inline-block;
}
.auto-width-opt {
	justify-content: center;
	align-items: center;
}
.auto-width-opt .menu-product {
	padding: 5px 15px;
}
.auto-width-opt .menu-pro-list {
	flex: unset;
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0;
}
.menu-product p {
	line-height: 1.5;
}
.menu-pro-list.content-menu {
    max-width: 200px;
    flex: 1;
    margin: 0 10px;
    padding-top: 0;
    color: #393f45;
}
.menu-pro-list.content-menu .menu-product:hover {
	background: #fff;
}
.menu-pro-list.content-menu .menu-product a:hover {
	text-decoration:underline;
}
.menu-product img {
  max-width: 116px;
	max-height: 600px;
	width: 100%;
	height: auto;
}
.navbar-nav {
	margin-left: 0;
}
.nav-item {
	margin-right: 25px;
	cursor: pointer;
}
.nav-item.focused .nav-link {
	font-family:"HarmoniaSans W01 Bold";
	color: #6c7680;
}
.header-side-menu {
 font-size:.9rem;
	color: #6c7680;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	margin-right:0;
}
.header-side-menu a {
    padding: 10px;
    margin-left: 0;
    color: #393f45;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}
.user-login a {
    font-size: 19px;
}
.shopping-cart {
    position: relative;
    padding: 10px;
    margin-left: 10px;
    color: #393f45;
    text-decoration: none;
    font-size: 16px;
}
.shopping-cart a{
    font-size: 16px;
}
.count {
    position: absolute;
    top: 0px;
    right: -1px;
    background: #64a70b;
    color: #fff;
    height: 15px;
    width: 15px;
    text-align: center;
    border-radius: 100%;
    font-size: 10px;
    font-family: "HarmoniaSans W01 Bold";
    line-height: 1.5;
}
.navbar-toggler-icon {
	display: inline-block;
	width: 100%;
	height: 4px;
	margin-bottom: 2px;
	vertical-align: middle;
	content: "";
	background: no-repeat center center;
	background-size: 100% 100%;
	background: #393f45;
	border-radius: 10px;
}
.navbar-toggler {
 padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
 border-radius: .25rem;
	width: 45px;
	outline: none !important;
}
/*======================Body===================*/
banner {
	background: #f3f4f6;
	display:inline-block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	justify-content: space-between;
	/* align-items: center;*/
    flex-flow: row wrap;
	color: #393f45;
	margin-bottom: 100px;
}
section {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-flow: row wrap;
	color: #393f45;
	margin-bottom: 100px;
}
new {
	background: #f8941e;
	color: white;
	font-size: 16px;
	font-weight: 700;
	padding: 3px 15px;
	text-transform: uppercase;
	line-height: 17px;
	display: inline-block;
	margin-bottom: 20px;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
.Demo-Pro {
    cursor: pointer;
}
.demo-vaccum-cleaning.Demo-Pro.Show-Demo {
    box-shadow: 0px 0px 0 3px #64a70b;
}
.demo-floor-mopping.Demo-Pro.Show-Demo {
    box-shadow: 0px 0px 0 3px #1aa2dc;
}
new[visibility="hidden"] {
	visibility:hidden;
}
ExtraPage {
	background: #f8941e;
	font-size: 16px;
	padding: 45px;
	line-height: 17px;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
.text-button-dark .fab.h2 {
    font-size: 1.6rem;
}
.g-recaptcha {
    transform: scale(.9);
    backface-visibility: hidden;
    transform-origin: center;
    transform-box: view-box;
}
.Hero {
	/*align-self: stretch;*/
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-flow: row wrap;
	position:relative;
}
.Hero img {
	object-fit:cover;
	object-position:center;
	transition:all .5s ease-in-out;
    opacity: 1;
    height:100%;
}
.Watch-video img.w-100 {
    opacity: 0;
}
.Watch-video {
	background:#000;
}
.hero-big iframe {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}
.hero-content {
	padding: 0 25px;
	font-size: 18px;
	width: 35%;
	padding: 35px 65px;
	line-height:1.3;
	color: #393f45;
	align-self: center;
}
.hero-content p{
    text-align: justify;
}
.abs-hero-content {
    position: absolute;
    top: 0;
    color: #fff;
    align-items: center;
    height: 100%;
}

.abs-hero-content.right-0{
right:0;
}
.abs-hero-content.left-0{
    left: 0;
}
banner .h1_title {
    font-size: 29px;
    text-align: left;
    color: #393f45;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 35px;
}
.pro-lineup-container {
	width: 100%;
	padding: 0 5%;
	display: -webkit-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	align-items: flex-start;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-flow: row nowrap;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap:nowrap;
	flex-wrap: wrap;
	/*margin-bottom: 100px;*/
	position: relative;
	justify-content: space-between;
}
.pro-lineup-body {
	flex: 1 0 19%;
	text-align: center;
	margin: 0 .25em;
	align-items: flex-start;
    font-size: 1.25rem;
    /*max-width:19%;*/
}
.pro-lineup-container.lineup-left-over {
	align-items: flex-start;
	width: 100%;
	margin: auto;
}
.pro-lineup-container.lineup-top .pro-lineup-body {
	margin-top: 70px;
	max-width: 500px;
}
.pro-lineup-container.lineup-bottom-center {
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-flow: row wrap;
}
.lineup-bottom-center .pro-lineup-body {
	background: #f3f4f6;
	padding: 0;
	display: inline-block;
	max-width: 32%;
	flex: 1 0 32%;
	width: calc(100%/3 - 90px);
	margin: 0px 10px 100px;
}
.lineup-bottom .bottom-image, .lineup-bottom-center .bottom-image {
	text-align: center;
	background:url(../images/Wood_215x296_new.jpg) 0 0 !important;
	margin-bottom: 60px;
	padding: 15px;
	background-size: cover !important;
	background-repeat: no-repeat;
	position:relative;
	height:300px;
}
.Mopping.lineup-bottom .bottom-image, .Mopping.lineup-bottom-center .bottom-image {
	text-align: center;
	background: url(../images/Tile_370x298.jpg) 0 0 !important;
	margin: auto;
	margin-bottom: 60px;
	padding: 15px;
	background-size: cover !important;
	background-repeat: no-repeat;
	position: relative;
	max-width: 550px;
}
.demo-vaccum-cleaning .pro-lineup.bottom-image {
	background:url(../images/Wood_Floor_Photo_Desktop_400x300.jpg) 0 0 !important;
	background-size: cover !important;
	margin-bottom: 70px;
}
.demo-floor-mopping .pro-lineup.bottom-image {
	background:url(../images/Grey_Tile_Photo_Desktop_400x300.jpg) 0 0 !important;
	background-size: cover !important;
	margin-bottom: 70px;
}
.demo-vaccum-cleaning .pro-lineup-text, .demo-floor-mopping .pro-lineup-text {
	font-size: 1.8em;
	padding: 16px;
	color: #000;
}
.select-check {
	position:relative;
	background: #fff;
	cursor:pointer;
}
.check-mark {
	cursor:pointer;
	display:none;
}
.select-check input[type="checkbox"] {
    -webkit-appearance: button;
    width: 100%;
    border: 1px solid transparent;
    height: 46px;
    position: absolute;
    left: 0;
    top: 9px;
    margin: 0;
    background: rgba(0, 0, 0, 0);
    outline: none !important;
    opacity: 0;
}
.select-check .btn.btn-default, .select-check .btn.btn-blue {
	background: #fff;
	color: #64a70b !important;
	border: 2px solid #eee;
	display: inline-block;
	width: 100%;
	font-size: 14pt;
	padding: 10px 5%;
	outline: none !important;
	cursor: pointer;
	margin-top:15px;
	margin-bottom:0;
}
a.btn.disabled, fieldset:disabled a.btn {
    opacity: 1;
}
.select-check .btn.btn-blue {
	color:#1aa2dc !important;
}
.select-check input[type="checkbox"]:checked ~ .btn.btn-default {
 background: #64a70b;
 color: #fff !important;;
 border-color:#64a70b;
}
.select-check input[type="checkbox"]:checked ~ .btn.btn-blue {
 background: #1aa2dc;
 color: #fff !important;;
 border-color:#1aa2dc;
}
 .select-check input[type="checkbox"]:checked ~ .btn.btn-default .check-mark, .select-check input[type="checkbox"]:checked ~ .btn.btn-blue .check-mark {
 display:inline-block;
 color: #fff;
}
.lineup-bottom-center .bottom-image {
	margin-bottom: 135px;
	height: 180px;
}
.bottom-image-content {
	max-width: 200px;
	padding: 0 15px;
}
.lineup-top .pro-lineup {
	background:url(../images/Wood_565x180.jpg) 0 0;
	background-repeat:no-repeat;
	background-size:cover;
	text-align: left;
	padding: 0 30px;
	height: 300px;
}
.lineup-top .pro-lineup-body.Woodan-lineUp .pro-lineup {
	background:url(../images/Wood_Floor_Photo_Desktop_400x300.jpg) 0 0;
}
.lineup-top .pro-lineup-body.Floor-lineUp .pro-lineup {
	background:url(../images/Grey_Tile_Photo_Desktop_400x300.jpg) 0 0;
}
.lineup-bottom .pro-lineup-image {
	transform: translateY(-80px);
	max-width: 194px;
	width: auto;
	/*position: sticky;
	top: 100%;*/
}
.lineup-bottom-center .pro-lineup-image {
	transform: translateY(85px);
	max-width: 100%;
	width: auto;
	position: sticky;
	top: 100%;
}
.lineup-top .pro-lineup-image {
	transform:translateY(-75px);
	max-width: 250px;
	width: 100%;
	margin: auto;
	display: block;
}
.lineup-top .pro-lineup-text {
	font-size: 2rem;
	padding: 16px;
	color: #000;
	line-height:1.5;
}
.lineup-left-over .pro-lineup {
	background:url(../images/Wood_565x180.jpg) 0 0;
	background-repeat:no-repeat;
	background-size:cover;
	text-align: left;
	padding: 35px 30px;
	height: 180px;
	margin-bottom: 20px;
	position:relative;
}
.lineup-left-over .pro-lineup-body .img-fluid {
   /* margin-top: -120px;*/
    max-width: 287px;
   /* float: right;
    transform: translateY(-25px);*/
}
.lineup-left-over .pro-lineup-body {
	flex: 1;
	max-width:66%;
	margin: 0 10px;
	align-self: normal;
}
.lineup-title {
	/*position: absolute;
	left: 0;
	top: 0;*/
	width: 100%;
	height: 100%;
}
.cart-notification {
    position: fixed;
    top: 108px;
    width: 100%;
    left: 0;
    text-align: center;
    height: 80px;
    z-index: 1;
		display:none;
    transition: all .3s .5s ease;
		opacity:0;
}
.cart-notification.added {
	opacity:1;
	display:block;
}
.notify-body {
    font-family: "HarmoniaSans W01 Bold";
    display: inline-block;
    box-shadow: 1px 2px 3px 1px #0000003d;
    font-size: 18px;
    padding: 15px 50px;
    min-width: 27%;
    background: #fff;
    border-radius: 15px;
    color: #64a70b;
    background: #f9fafb;
    transform: translateY(-30px) scaleX(1.5);
    transition: all .8s .5s ease;
}
.cart-notification.added .notify-body {
    transform: translateY(0px) scaleX(1);
}
.quiz-component {
	background: url(../images/Website_Quiz_Background_Desktop_900x200.jpg) 0 0;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px;
	color: #fff;
	text-align: center;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 45px auto;
	position: relative;
	align-items: center;
	max-width: 1200px;
	display:none;
}
.interac-img-opt.active {
	display: block;
}
.interac-img-opt {
	display: none;
}
.paragragh {
	margin-bottom:35px;
}
.Product-review-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	width: 100%;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-flow: row wrap;
	padding:45px 0;
	margin: 0 auto;
}
.product-heading {
	font-size: 35px;
	font-size: 2.1875rem;
	margin-top: 0;
	width: 100%;
	color: #000;
	font-family: "HarmoniaSans W01 Bold";
	line-height: 1em;
	margin: .625rem 0;
}
.product-short-desc {
	font-family: "HarmoniaSans W01 Bold";
	line-height: 1;
	margin-top: 20px;
	font-size: 1.375rem;
	color: #000;
}
.rating-value {
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-family: "HarmoniaSans W01 Bold";
	display: inline-block;
	background: #fff;
	padding: 1px 6px;
	height: 18px;
	font-size: 14px;
	margin-right: 5px;
	line-height: 1.4;
	color: #666;
	vertical-align: middle;

	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.review {
	color: #666;
	font-size: 14px;
	margin-left: 5px;
	display: inline-block;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	line-height: 1.5;
}
.a-blue-hover {
	color: #4a99ca;
	text-decoration: none;
	vertical-align: baseline;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	font-size: 16px;
	line-height: 2;
	padding-right: 10px;
 transition:all .3s ease-in-out;
 -webkit-transition:all .3s ease-in-out;
}

.text-darkblue{
    color:#404fc2;
}
.a-blue-hover:hover {
	color: #276891;
}
.web-avaibility {
	margin-top: 10px;
	margin-bottom: 30px;
	align-self: center;
	display: block;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 400;
	margin-bottom: 20px;
	text-transform: none;
}
.product-purchase {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	flex-flow: row wrap;
}
.Qty-select {
	border-radius: 0;
	font-size: 20px;
	font-size: 1.25rem;
	min-height: 48px;
	padding: 0 10px;
	border-color: #414042;
	width: 100px;
	font-family:"HarmoniaSans W01 Bold";
	position:relative;
}
.select-qty {
	margin-left: 0;
	margin-bottom: 20px;
}
.flat-big-button {
	margin-right: 0;
	margin-bottom: 20px;
}
.flat-big-button a.btn {
	min-width: 100%;
	border-radius: 0;
	font-size: 20px;
	font-size: 1.25rem;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	height: 50px;
	padding: 0;
	width: 100%;
	line-height: 2.2;
}
.detail-desc-tab {
	display:inline-block;
	width:100%;
}
.product-long-desc {
	font-size: 18px;
	font-size: 1.125rem;
 margin-top: .9375rem;
	line-height:1.5;
	color: #000;
    text-align: justify;
}
.pro-upselling {
    margin: 0;
    margin-top: 25px;
    border: 1px solid #64a70b;
    padding: 15px 0;
    font-size: .9rem;
}
.top-panel-panel {
    height: 85px;
}
.top-panel-inner {
    background: #4e8828;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    padding: 10px 15px;
    font-size: 15px;
				line-height:14px;
}
.top-panel-inner .carousel-item span {
    padding-bottom: 15px;
}
.top-panel-inner button {
    position: absolute;
    right: 15px;
    top: 3px;
    background: #4e8828;
    border: none;
    color: #fff;
    font-size: 1.2rem;
    outline: none;
    width: 20px;
    height: 20px;
}
.top-panel-inner a {
    background: #fff;
    color: #64a70b;
    display:inline-block;
    border-radius: 3px;
    margin: 0 15px;
    font-size: 14px;
    color: #4e8828;
    padding: 10.5px 20px;
    text-decoration: none;
    border-radius: 2px ;
}
header {
    position: relative;
}
/*.Qty-select:before{
    content: '\f078';
    font: normal normal normal 17px/1 FontAwesome;
}*/
.product-info-tab {
	/*border: 1px solid #d8d8d8;*/
	text-align: center;
}
.detail-desc-tab a.active {
	color: #64a70b;
	border-color: #64a70b;
}
.detail-desc-tab a {
	position: relative;
	border-bottom: 4px solid #EBEBEB;	
	font-size: 24px;
	font-size: 1.125rem;
	padding: 5px 30px;
	font-family:"HarmoniaSans W01 Bold";
	margin: 20px 10px;
 transition: all .5s ease-in-out;
 -webkit-transition: all .5s ease-in-out;
	cursor: pointer;
}
.detail-desc-tab a.active:before {
	border: 0 solid transparent;
	border-top-color: #64a70b;
	border-width: 8px 10px;
	content: '';
	left: 50%;
	margin-left: -10px;
	position: absolute;
	top: 100%;
}
.detail-desc-tab a:hover {    
	transform: translateY(-3px);
}
.detail-desc-tabbody {
	padding: 3% 0;
	margin: 0;
	list-style: none;
	text-align:left;
}
.detail-desc-tab a, .detail-desc-tabbody li.active, .pro-detail-spec {
	display: inline-block;
}
.detail-desc-tabbody li {
	
	display: none;
	animation-name: fadeIn;
 animation-duration: .5s;
	width: 100%;
	line-height: 1.7;
	letter-spacing: .8px;
}
.news-coverage {
    margin: auto;
}
.detail-desc-tabbody li .row {
    padding-bottom: 45px;
}
.list-bullet {
	text-align: left;
	font-size: 11.4pt;
	letter-spacing: .5px;
	font-weight: 400;
	line-height: 1.5;
}
.detail-desc-tabbody .list-bullet {
    width: 100%;
}
ul#desc-tabbody li .col-sm-8 {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    padding: 0 2.5em !important;
}
ul#desc-tabbody li .col-sm-4 {
    padding: 0 2.5em !important;
}
ul#desc-tabbody li .col-sm-8 .h4-xs-small-title{
	width:100%;
}
.list-bullet ul {
	padding-left: 18px;
}
.list-bullet li {
	padding-bottom: 10px;
	list-style-type: circle;
	display: list-item!important;
	width: 100%;
}
.product-review-box {
	display: inline-block;
	width: 100%;
	background-color: #ebebeb;
	padding: 15px;
}
.pdp-review-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-flow: column wrap;
	justify-content: center;
	align-items: flex-start;
}
.pdp-header {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	background: #f6f6f6;
	text-align: left;
	padding: 15px;
	margin-bottom: 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family:"HarmoniaSans W01 Bold";
}
.pdp-content {
	display: -webkit-box;
	display: inline-block;
	width: 100%;
	background: #fff;
	padding: 10px;
}
.pd-content-header {
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-flow: row wrap;
	justify-content: space-between;
	font-size: 12px;
}
.pdp-review-date {
	font-size: 14px;
	padding:0;
}
.pdp-right-col, .pdp-left-col {
	font-size: 14px;
}
.pdp-customer-review {
	border-bottom:1px solid #ccc;
	overflow-wrap: break-word;
}
.pdp-customer-review:last-child {
	border-bottom:none;
}
.user-feedback {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-flow: row wrap;
	align-items: flex-start;
  margin-top: 5px;
	min-width: 200px;
}
.product-content rating-star {
	max-width: 100px;
}
.product-content rating-star img {
	width: 15px;
}
rating-star, .rating-value, .review {
	flex: 1;
}
.rating-value {
	flex-basis: 30px;
	max-width: 20px;
	margin: 0;
}
.rating-value.rating-green {
	background: #64a70b;
	border-color: #64a70b;
	color: #fff;
	height: 22px;
	margin-left: 10px;
	line-height: 1.6;
	font-family:"HarmoniaSans W01 Regular";
}
.pdp-feedback-subject {
	display: inline-block;
	padding-left: 1.25rem;
	flex: 2 1 120px;
	text-align: left;
	font-size: 20px;
	font-family:"HarmoniaSans W01 Bold";
}
rating-star {
	flex-basis: 125px;
	max-width: 125px;
	margin: 0;
}
.review {
	flex: 2 1 auto;
	flex-basis: 150px;
	max-width: 160px;
	text-align: left;
}
.pdp-title {
    margin: auto;
}
.pdp-rating-title {
	max-width: 330px;
	width: 50%;
	text-align: center;
	margin: auto;
	margin-bottom: 15px;
}
.page-name-heading{
	margin:.5em 0;
	font-family:"HarmoniaSans W01 Bold";
	text-align:center;
}
.card-text{
	line-height:30px;
	line-height:1.8rem;
}
.accessories-banner-wrap {
    display: inline-block;
    width: 100%;
    max-width: 1180px;
    margin: 30px auto 0px auto;
    border-bottom: 1px solid #ebebeb;
}
.accessories-banner {
    margin: 0 auto;
    max-width: 950px;
    align-items: center;
    justify-content: center;
}
.accessories-banner-img  img{
	width:auto;
    max-width: 352px;
		height:224px;
}
.accessories-banner-content {
    font-size: 18px;
    padding: 55px 0;
    padding-left: 10px;
		color:#000;
}
.accessories-banner-heading {
    font-size: 1.666em;
    margin: 0 0 12px !important;
    line-height: 1;
}
.access-title {
    display: block;
    font-size: 1.5em;
    line-height: 0.9;
    margin: 0 0 5px;
}
.accessories-banner-text {
    line-height: 1.4;
}
.acs-list {
	margin: inherit;
	display:inline-block;
	display: flow-root;
	/*	position:relative;*/
		margin-bottom:25px;
	padding-top: 25px;
}
.acs-list:after {
	content: "";
	position: absolute;
	display: block;
	clear: none;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #ebebeb;
	left: calc((2.5rem + 1px)/ -2);
}
.acs-list:nth-child(3n+1):before {
 content:"";
 position:absolute;
 display:block;
 height:1px;
 z-index:1;
 background-color:#ebebeb;
 top: -10px;
 width: 275%;
 width: calc(300% + -6rem);
left:initial;
}
.acs-list:first-child:before {
	content:none;
}
 .acs-list:nth-child(3n+1):after {
 content:none;
}
.acs-box {
	color:#000;
	margin: inherit;
	margin-bottom: 35px;
}
.acs-box:nth-child(4n+1) {
 clear: both;
 margin-left: 0;
}
.acs-box .p-name {
	cursor:pointer;
}
.acs-box:first-child:before {
	content:none
}
.acs-box:first-child:after {
	content:none;
}
.acs-box:after {
	content: "";
	position: absolute;
	display: block;
	clear: none;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #ebebeb;
	left: calc((0rem + 1px)/ -2);
}
.acs-box:nth-child(4n+1) {
 clear: both;
 margin-left: 0;
}
 .acs-box:nth-child(4n+1):after {
 content:none;
}
.acs-box:nth-child(4n+1):before {
 content:"";
 position:absolute;
 display:block;
 height:1px;
 z-index:1;
 background-color:#ebebeb;
 top:-1.5rem;
 width:380%;
 width:calc(302% + 18rem);
left:initial;
}
.subcat-list .subcat {
	margin-bottom:3.75rem
}
.subcat-list .subcat img {
	display:block;
	width:70%;
	margin:auto
}
.page-title{
	padding-top:20px;
	font-size:48px;
}
.footer-label {
	font-size: 13px;
	font-family:"HarmoniaSans W01 Bold";
	color:#000;
	margin-right:0;
	padding-right:10px;
}
.footer-input {
	position: relative;
	width: 150px;
	margin-left: 0;
}
.footer-input input[type="text"] {
	border: 1px solid #A6A6A6;
	height: 34px;
 font-size: .9rem;
	width: 100%;
	padding: 0 10px;
}
.footer-input input[type="text"].required {
	border: 1px solid #CC0000;
	outline: none;
}
.footer-btn {
	border: 1px solid grey;
	border-radius: 32px;
	height: 24px;
	padding: 3px;
	width: 24px;
	margin: 4px;
	background: white;
	position: absolute;
	top: 1px;
	right: -15px;
	text-align: center;
}
.feature-container {
	max-width:885px;
    max-width: calc(100% - 130px);
    margin: auto;
}
.Feature_icon {
    margin: 0 15px;
}
.footer-col {
	margin: 25px 0px 25px 0;
	/*flex: 1 0 auto;*/
	color: #393f45;
	font-size: 16px;
}

input-required {
	position: absolute;
	right: 0;
	width: 100%;
	top: 100%;
	font-size: 12px;
	color: #CC0000;
}
.accessories-list {
	overflow: hidden;
	justify-content:flex-start;
}
/*.fa-phone {
	transform: rotateY(180deg);
}*/

.footer-call {
    justify-content: center;
}
.icon-dark-circle-small {
    display: inline-block;
    background-color: #393f45;
    color: white !Important;
    padding: 9px 0;
    border-radius: 20px;
    margin: 0;
    width: 36px;
    height: 36px;
    font-size: 1.1em;
    text-align: center;
		margin: 0 15px;
}
.icon-dark-circle-small img {
    width: 16px;
    height: 16px;
}

.icon-dark-circle-small:last-child{
	margin-right:0;
}
.icon-dark-circle-small:first-child{
	margin-left:0;
}
banner .h1_title, banner new, banner p, banner .btn {
	margin-bottom:22px;
}
.btn {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 2px solid transparent;
	border-radius: 2px;
	display: inline-block;
	font-family: inherit;
	font-size: 17px;
	line-height: 17px;
	padding: 8px 12px;
	text-decoration: none;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: background, border-color, color;
	transition-property: background, border-color, color;
	vertical-align: top;
	margin: 0;
	margin-bottom: 20px;
	font-weight: 500;
	cursor: pointer;
	color:inherit;
}
.btn-default {
	background: #64a70b;
	border-color: #64a70b;
	color: #fff !important;
}
.btn-default:hover {
	background: #4e8828;
	border-color: #4e8828;
	color: #fff !important;
}
.btn-blue {
	background: #1aa2dc;
	border-color: #1aa2dc;
	color: #fff !important;
}
.btn-blue:hover {
	background: #1a92c6;
	border-color: #1a92c6;
	color: #fff !important;
}
.text-button {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	cursor: pointer;
	color: #64a70b !important;
	background-color: transparent;
	border-width: 0;
	padding: 0;
	text-decoration: none;
 transition: all .3s ease;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
}
.text-button:hover {
	text-decoration:underline !important;
}
.text-button-dark {
	font-family: inherit;
	/*font-size: 26px;*/
	line-height: inherit;
	cursor: pointer;
	color: #333;
	background-color: transparent;
	border-width: 0;
	padding: 0;
	text-decoration: none;
 transition: all .3s ease;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
}
.text-button-dark:hover {
	color: #64a70b;
	text-decoration:underline;
}
.profile-Desc .text-button-dark{
    font-size: 14px;
    font-size: .875rem;
}
.hero-interactive-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-flow: row wrap;
}
.hero-interactive-col.interac-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: inherit;
	-ms-flex-wrap: wrap;
	flex-flow: row wrap;
	padding: 65px 0px 0px;
	margin: 0px 169px;
	max-width: 880px;
	align-self: flex-end;
}
.interac-tab-option {
	flex: 1 0 50%;
	max-width: 380px;
	margin-left: 0;
}
.interac-title {
	margin-bottom: 20px;
}

.interac-title.text-blue, .interac-title.text-green {
	color: #6c7680 !important;
	font-family: "HarmoniaSans W01 Bold";
}
.interac-content {
	display: inline-block;
	font-size: 18px;
	cursor:pointer;
	color: #6c7680;
	-webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.interac-icon {
	float: left;
	margin-left: -25px;
	margin-top: 3px;
}
.interac-icon .fa {
    font-weight: 900;
    font-size: 18px;
    color: #bec5cd;
}
.cart-addition-caption {
	position: relative;
	padding: 15px;
	text-align: center;
	width: 50%;
	min-width: 300px;
	margin:auto;
}
.cart-addition-caption:before {
	content: '';
	background: #64a70b;
	width: 35%;
	height:1px;
	position: absolute;
	left: 0;
	top: 50%;
}
.cart-addition-caption:after {
	content: '';
	background: #64a70b;
	width: 35%;
	height:1px;
	position: absolute;
	right: 0;
	top: 50%;
}
.cart-addition-title {
	color: #64a70b;
	font-size: 1.75em;
	font-family:"HarmoniaSans W02 SemiBd";
	padding-top: 15px;
}
.cart-addition-desc {
	color: #666;
	font-size: 16px;
}
.cart-empty {
	text-align: center;
	padding: 15px;
	margin: 30px auto;
	color: #000;
}
.cart-row {
	flex-flow: row wrap;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.cart-row.row-header {
	background-color: #f3f3f3;
	text-transform: none;
	font-size: 15px;
 font-size: .9375rem;
 padding: .5rem;
	font-family:"HarmoniaSans W01 Bold";
	margin-bottom: 10px;
}
.price-big {
	font-size: 32px;
	font-size: 2rem;
	color: #64a70b;
	font-family:"HarmoniaSans W01 Bold";
}
.Product-price {
	margin-bottom: 16px;
	line-height: 1;
}
.fa-rupee-sign {
	font-size: 83%;
    margin-right: 5px;
}
.cart-row.row-header * {
	padding-top:0;
	padding-bottom:0;
}
.cart-items-list {
	padding: 0 10%;
}
.item-image, .item-details, .item-price, .item-qty, .item-delete, .item-total {
	flex: 1 1 auto;
	text-align: center;
	margin:0;
 font-size: .875rem;
	padding: 10px 0;
}
.item-image {
	max-width:60px;
}
.item-desc {
	flex: 2 1 80%;
	display: inherit;
}
.item-details {
	flex: 2 1 20%;
	text-align: left;
	max-width: 300px;
	padding: 10px 20px;
}
.Total {
	order:1;
}
.p-name {
 font-size: .875rem;
	line-height: 1.5rem;
	font-family: "HarmoniaSans W01 Bold";
	color: #000;
}
.p-name:hover {
	color: #64a70b;
}
.cart-row.row-header .item-total {
	padding: 0 0px 0 30px;
}
.item-total {
	text-align: right;
	padding: 10px;
}
.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #64a70b;
	outline: 0;
	box-shadow:none;
}
select, select.form-control, input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], textarea {
	box-sizing: border-box;
	height: 2.1875rem;
	font-size: 12px;
 font-size: .9rem;
 padding: .625rem .6875rem;
	border: 1px solid #e3e3e3;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-indent: 0;
	outline: none;
}
.datepicker table tr th {
	font-family: "HarmoniaSans W01 Bold";
	font-weight:normal;
}
select, select.form-control {
	padding-bottom:0;
	padding-top:0;
}
.apply-coupon {
	font-size: 14px;
}
.apply-coupon .button-border {
	width: auto;
	margin: 0;
	height: 35px;
	margin-left: 10px;
	font-size: 1.0625rem;
	cursor: pointer;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: inline-block;
 padding: .375rem .6875rem;
	text-align: center;
 transition: all .3s ease;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
}
.button-border {
	color: #64a70b !important;
	border: 1px solid #64a70b;
	padding: 5px;
}
.delete-btn {
    -webkit-appearance: none;
    width: 18px;
    height: 15px;
    margin-left: -19px;
    background: transparent;
    border: 0;
    outline: none !important;
}
.Total-amount {
	justify-content: flex-end;
	text-align: right;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-flow: row wrap;
	max-width: 300px;
	margin-right: 15px;
	width: 100%;
	font-size: 14px;
}
pagination {
	display: inline-block;
	margin: 0;
	font-family:"HarmoniaSans W01 Bold";
	letter-spacing:3px;
}
pagination a.active {
	color: #64a70b !important;
}
select.form-control.select-green {
	border-color: #64a70b;
	color: #64a70b;
	box-shadow: none;
}
.faq-panel {
	color: #64a70b;
	font-size: 1.5rem;
	font-family:"HarmoniaSans W02 SemiBd";
  padding: 0 15px;
	margin-bottom: 25px;
}
.faq-ask {
	display: block;
	margin-bottom: 10px;
	font-family:"HarmoniaSans W02 SemiBd";
	color: #64a70b;
	font-size:1.5rem;
	cursor:pointer;
}
.faq-answer {
	display:none;
	font-size: 1rem;
	animation-name:slideDown;
	animation-duration: 1.5s;
	color:#000;
	font-family:"HarmoniaSans W01 Regular";
	max-height:0;
 transition:all .1s ease-in-out;
}
.faq-panel.show .faq-answer {
	display:block;
	max-height:500px;
 animation: fade .3s ease;
}
.faq-wizard-inner {
    max-width: 800px;
				}
.faq-wizard {
    height: 275px;
    width: 230px;
    border: 3px solid #D7D7D7;
    display: inline-block;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}

.faq-wizard:hover{
    border: 3px solid #65A70A;
				}
.wizard-img {
    height: 162px;
}

.wizard-img img{
    height: 84px;
    margin-top: 75px;
}
.faq-wizard p {
    padding: 5px 15px;
    margin: 0;
}
.blog-list {
	border-bottom: 1px solid #eee;
	margin-bottom: 35px;
}
.blog-list:last-child {
	border-bottom:none;
}
.blog-right {
	border-left: 1px solid #eee;
}
.blog-img {
    padding-bottom: 10px;
}
.news-container {
	justify-content:space-evenly;
}
.News-tabs {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding: 15px;
		font-size:22px;
		font-family: "HarmoniaSans W01 Bold";
		color:#000;
}
.News-tabs a{
  display: inline-block;
	border-left:1px solid #000;    
	padding: 0 15px;
	cursor:pointer;
}
.News-tabs a:first-child{
	border-left:none;
}
.news-years {
	text-align: center;
	padding: 10px;
}
.news-tab {
	padding: 5px 15px;
	border-left: 1px solid #eee;
	font-family:"HarmoniaSans W02 SemiBd";
	color: #6c7680 !important;
}
.news-tab.active, .News-tabs .active {
	color: #64a70b !important;
}
.news-tab:first-child {
	border:none;
}
.news-coverage img {
    height: 200px;
    width: auto;
}
.news-coverage h3 {
    text-align: left !important;
    height: 50px;
}
.modal {
	background: rgba(0, 0, 0, 0.7);
}
.modal-body {
	position: relative;
	width: 80%;
	min-width: 300px;
	margin: 35px auto;
}
.close {
	position: absolute;
	right: -40px;
	top: -4px;
	color: #fff;
	opacity: 1;
	border: 2px solid #fff;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	font-size: 1.3rem;
	padding: 1px;
	cursor:pointer;
	text-align: center;
}
.close:hover {
	background:#64a70b;
	color: #fff;
	opacity:1;
}

.Testimonials {
	padding: 45px 0;
	border-bottom: 1px solid #eee;
}
.Testimonials:last-child {
	border-bottom:none;
}
.addressDesc {
	height: 110px;
	overflow: hidden;
	padding:15px 0;
}
.SearchArea {
	background: #f3f4f6;
	padding: 3% 15% 5% 15%;
}
input.SearchInput, select.SearchInput {
	border: 2px solid #fff;
	border-radius: 0;
	height: 45px;
	font-size: 1rem;
}
input.SearchInput::placeholder {
 color:#000;
}
.form-group {
	position:relative;
	padding: 0;
}
input.demo-date, .demo-time {
	padding-left:60px;
}
input.demo-date~span, select.demo-time~span, select.picode-check~span {
 position: absolute;
 left: 0;
 top: 0;
 display: inline-block;
 width: 50px;
 height: 100%;
 background: #64a70b;
}
.demo-date~span:before {
 content: url(../images/calender.png);
 padding: 0 10px;
 width: 50px;
 margin-right: 10px;
 height: 50px;
 position: relative;
 top: 8px;
}
.demo-time~span:before {
 content: url(../images/time.png);
 padding: 10px;
 width: 50px;
 margin-right: 10px;
 height: 50px;
 position: relative;
 top: 8px;
}
.SearchBtn {
	background: #64a70b;
	color: #fff !important;
	padding: 12px 0;
	text-align: center;
	border-radius: 0 !important;
}
.addressBox {
	border: 1px solid #f3f4f6;
	padding: 15px;
	margin-bottom: 45px;
}
.AddressContact {
	text-align: center;
	font-size: 100%;
	color: #64a70b;
}
.AddressContact a {
	padding:5px;
}
.links {
	color: #fff;
	font-size: 1.2rem;
	padding: 15px 50px;
	display: inline-block;
	float: right;
	margin-top: 10px;
}
.profile-logo {
	background: #64a70a;
	padding:0;
}
.profile-header .shopping-cart {
	color:#fff;
	border-left: 1px solid #fff;
	font-size: 15px;
  padding: 2px 10px;
}
.profile-menu {
	padding: 10px 25px;
	margin-top: 5px;
}
.profile-menu a {
	padding-right: 20px;
	color: #000;
	font-size: 1.05rem;
}
.profile-menu a.active {
	color: #64a70b;
}
.navbar.profile-header {
	background: #64a70b;
}
.OrderBox {
	border: 1px solid #eee;
	margin: 25px auto;
	align-items: center;
	padding: 0 0 25px 0;
}
.No-record {
    text-align: center;
    padding: 50px;
    background: #fcfcfc;
    border: 1px solid #f3f4f6;
}
.PlacedOrderHeader {
	border-bottom: 1px solid #eee;
	width: 100%;
	margin: auto;
	padding: 10px 0;
	align-items: center;
	margin-bottom: 25px;
}
.btn.btn-border-green {
	box-shadow: none !important;
	border: 1px solid #64a70a;
	color: #64a70a;
	background:#fff;
}
.btn.btn-border-green:hover {
	box-shadow: none !important;
	border: 1px solid #64a70a;
	color: #fff !important;
	background:#64a70a;
}
.registered-robot-list {
	padding: 0 25px;
}
.pro-img {
	order: 1;
	position: absolute;
	right: 0;
	top: 110%;
 }
.list-row {
	padding: 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;
}
.list-col.header-col {
	font-size: 1.4rem;
	text-align:left;
	color:#64a70a;
}
.list-col {
	align-items: center;
	padding: 15px 0;
	font-size: 14px;
	color: #000;
	text-align:left;
}
.list-col img {
	max-width:110px;
}
.order-date {
	padding: 10px 15px;
}
.Popup-gallery {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 3;
	flex-direction: column;
	align-items: center;
	margin:auto;
	display:none;
	padding:30px;
}
close {
	position: absolute;
	top:10px;
	right: 10px;
	font-size: 1.5rem;
	color: #000;
}
.img-slider-container {
	position:relative;
	display: inline-block;
	width: 100%;
	text-align: center;
}
.slider-img-box {
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position:relative;
}
.slider-img {
	grid-row: 1;
	width: auto;
	display: none;
	align-items: center;
	text-align: center;
	justify-content: center;
 animation: fade .3s ease;
}
.slider-img.active {
	display:inline-flex;
}
.slider-img img{
	width:auto;
	max-height:400px;
}
.Popup-gallery img {
    max-height: 400px;
}
.Popup-gallery .slider-bullet {
    width: 10%;
    max-width: 80px;
}
.Popup-gallery .bullet-controller{
display:none;
}
.img-slider-bullets {
	text-align: center;
	padding: 10px;
	position: relative;
	overflow:hidden;
	flex:1;
	z-index: 0;
}
.bullet-container {    display: flex;
    justify-content: flex-start;
    max-width: 100%;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 0px 5px;
    flex-flow: row wrap;
}
.slider-bullet.active {
	border: 2px solid #64a70b;
}
.slider-bullet {
	width: 68px;
	width: calc(20% - 20px);
	min-width: 68px;
	display: inline-block;
	margin: 0 5px;
	position: relative;
	padding: 5px;
	cursor: pointer;
}
.Demo-btn{
width:250px;
border-radius:3px !important;
}
.bullet-controller {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor:pointer;
 display: none;
}
.bullet-controls {
	background: #ffffff;
	height: 100%;
	z-index: 2;
	padding: 35px 5px;
  background-position: center;
	width:10px;
}

.bullet-controls.prev{
	background-image:url(../images/ic_stepbackward_24px.svg);
	background-repeat:no-repeat;
}
.bullet-controls.next{
	background-image:url(../images/ic_stepforward_24px.svg);
	background-repeat:no-repeat;
}
.img-slider {
	padding: 0;
}
.slider-controls {
	position:absolute;
	top:50%;
	width: 30px;
	height: 30px;
	text-align: center;
 transition: all .3s ease-in-out;
	cursor:pointer;
	font-size: 1.5rem;
	padding: 3px 0;
}
.slider-controls.prev {
	text-align: left;
	left:0;
	background:url(../images/ic_stepbackward_24px.svg) 0 0;
	background-repeat:no-repeat;
}
.slider-controls.next {
	text-align: right;
	right: 0;
	background:url(../images/ic_stepforward_24px.svg) 0 0;
	background-repeat:no-repeat;
}
.img-slider-controls a.slider-controls:hover {
	color:#64a70b;
}
.demo-opt {
	display: inline-block;
	width: 100%;
	border: 1px solid #eae9e9;
	margin-bottom: 45px;
	max-width:350px;
}

/*===========Compare Chart===============*/
.table.table-stripped.Compare-table {
    border: none;
				margin:0;
				width:100%;
}
.chart-image {
    display: block;
    width: 69px;
    margin: auto;
}
.Compare-table .td{
	text-align:center;
    vertical-align: middle;
				flex:1;
}
.chart-body .td{
  border-left: 0.9881944444444445px solid #E5E5E5;
		}
		.chart-content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 6.917361111111111px 6.917361111111111px;
    padding-top: 9.881944444444445px;
				font-size:small;
}
.Compare-table .td:first-child{
    flex: 2 1 408.1243055555555px;
    max-width: 408.1243055555555px;
}

.Compare-table .td:last-child{
    max-width: 72.13402777777777px;
				}
.big-cell-desc{
    text-align: left;
    font-size: small;
    position: relative;
    padding: 6.557638888888889px 6.557638888888889px;
    padding-left: 40.28263888888889px;
    padding-top: 9.368055555555555px;
}
.Compare-table .chart-row:nth-child(even){
	background:#f1f1f1;
}
.Compare-table .chart-header .th{
	background:#fff;
}
.Compare-table .chart-header .th:first-child .chart-title, .Compare-table .td:first-child{
	border-left:none;
}
.chart-header .th {
    border: none;
    padding: 0;
				margin:0;
    vertical-align: middle;
}
.chart-title.mob-view-title {
    font-size: 40.96px;
    line-height: normal;
    padding: 16.384px 16.384px;
    text-align: left;
}
.chart-header {
    width: 100%;
    border-bottom: 3px solid #fff;
}
.Compare-table {
    display: none;
    max-width: 1007.0659722222223px;
    min-height: 462.78194444444443px;
    margin-top: 0px;
    margin: auto;
    border-radius: 9.368055555555555px;
    background-color: transparent;
    align-items: center;
    width: 1062.3090277777778px;
    margin: auto;
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 15.811111111111112px;
}
.chart-body {
    display: inline-block;
    width: 100%;
    background: #fff;
}
.chart-row {    
				margin: 0;
    align-items: center;
}
.chart-title{
    text-align: center;
    font-family: "HarmoniaSans W01 Bold";
    font-size: medium;
    color: #000;
    line-height: 2;
		padding:10px;
}
.chart-tooltip-panel {
    position: relative;
}
.Compare-table .fa-circle{
	color:#64a70b;
    font-size: 11px;
}
.chart-tooltip-icon {
    cursor: pointer ;
    color: #FFFFFF ;
    background-color: #D8D8D8 ;
    border-radius: 50% ;
    display: inline-block ;
    min-height: 14px ;
    min-width: 14px ;
    height: 14px ;
    width: 14px ;
    font-size: 11px ;
    line-height: normal ;
    font-weight: 700 ;
    text-align: center ;
    vertical-align: middle ;
    padding-top: 1px ;
    font-family: "HarmoniaSans W01 Regular", sans-serif ;
}
.chart-tooltip {
		display:none;
    width: 245.07222222222222px ;
    top: 100% ;
    left: 50% ;
    margin-left: -6.917361111111111px ;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.12) ;
    background-color: #FFFFFF ;
    color: #000000 ;
    text-align: center ;
    border-radius: 1.976388888888889px;
    padding: 13.834722222222222px ;
    font-size: 10.870138888888889px ;
    font-family: "HarmoniaSans W01 Regular", sans-serif ;
    font-weight: 400 ;
    text-align: center ;
    position: absolute ;
    z-index: 1 ;
    animation: fadeIn .3s ease-in-out;
}
.chart-tooltip-icon:hover~.chart-tooltip{
	display:block;
}
.chart-table-footer {
    margin-top: 12.846527777777776px !important;
    margin-bottom: 4.940972222222222px !important;
}
.chart-footer-inner {
    max-width: 583.0347222222222px !important;
    height: fit-content !important;
    font-size: 7.905555555555556px !important;
    color: #6E6E6E !important;
    text-align: left !important;
    line-height: normal;
}
.profile-icons img {
    max-width: 28px;
		width:auto;
}
.profile-Desc {
    padding: 0 10px 0 15px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem;
    width: 93%;
    float: left;
}
.profile-icons {
    width: 7%;
    float: left;
}
.req_inner {
				display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    box-shadow: 0px 5px 5px 2px rgba(0, 0, 0, 0.2);
    z-index: 1;
    margin-top: 10px;
}
.req_inner textarea {
    width: 100%;
    height: 85px;
    resize: none;
    font-size: 10pt;
    margin-bottom: 15px;
    border: 1px solid #64a70b;
}
.req_inner .btn-default {
    border-radius: 0;
    font-size: 15px;
    padding: 5px 20px;
}
.account-features {
    align-items: center;
		margin-bottom:45px;
}
.Status-track {
    margin: auto;
    padding: 0 20px;
    list-style: none;
    height: 8px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 35px;
}

.Status-track li{
position:relative;
    background: #eee;
    flex: 1;
    display: inline-block;
    width: auto;
}
.Status-track li.completed {
    background: #64a70b;
}
.Status-track li:before{
	content:'';
    background: #64a70b;
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    border-radius: 100%;
    top: -5px;
    left: -5px;
    z-index: 1;
}
.Status-track li:last-child:after{
	content:'';
    background: #64a70b;
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    border-radius: 100%;
    top: -5px;
    right: -5px;
    z-index: 1;
}
.tracking-text.last-stage {
    right: 0;
    left: 50%;
}
.tracking-text {
    position: absolute;
    right: 50%;
    top: 100%;
    font-size: .8rem;
    display: inline-block;
    padding: 0px;
    line-height: normal;
    width: 80%;
    text-align: center;
    margin: 10px;
    overflow-wrap: break-word;
}

@keyframes Fade{
	0%, 25%{
		opacity:0;
    transform: translateX(-154px) translateY(-60px);
	}
	100%{
		opacity:1;
    transform: translateX(-154px) translateY(0px);
	}
}
@-webkit-keyframes Fade{
	0%, 25%{
		opacity:0;
    transform: translateX(-154px) translateY(-60px);
	}
	100%{
		opacity:1;
    transform: translateX(-154px) translateY(0px);
	}
}
.order-tracking {
    z-index: 1;
    position: relative;
}
.ordr-tracking-panel {
				animation:Fade .5s ease-in-out;
    position: absolute;
    left: 0;
    top: 100%;
    width: 140%;
    background: #fff;
    display: none;
    box-shadow: 0px 3px 8px 2px #eee;
    border: 1px solid #eee;
    padding: 20px 35px;
    transform: translateX(-154px) translateY(-60px);
    text-align: center;
}
.ordr-tracking-panel.show-tracking-order{
				display:block;
    transform: translateX(-154px) translateY(0px);
}
.tracking-notification {
    display: inline-block;
    font-size:.8rem;
    width: 100%;
				margin-top:15px;
}
.interac-tab-option.active .interac-content {
	font-family:"HarmoniaSans W01 Bold";
	color: #393f45;
}
	.interac-tab-option.active .interac-title.text-blue, .interac-tab-option.active .interac-title.text-blue .fa  {
	color: #1aa2dc !important;
	font-family: "HarmoniaSans W01 Bold";
}
.interac-tab-option.active .interac-title.text-green{
	color: #64a70b !important;
	font-family: "HarmoniaSans W01 Bold";
}
.interac-tab-option.active .interac-title.text-green .fa {
	color: #64a70b !important;
}
/*===========Floating Form===============*/

floatingform {
	position: fixed;
	right: 0;
	top: 30%;
	transform: translateX(300px);
 transition:all .3s ease-in-out;
	z-index: 3;
	margin: 0 !important;
}
floatingform.come-out {
	transform: translateX(0px);
}
.FF-icon {
    display: inline-block;
    width: 30px;
}
floatingform:hover .floating-form-title , floatingform:focus .floating-form-title {
    background: #64a70b;
    color: #fff;
}
.floating-form-title {
    font-family: "HarmoniaSans W02 SemiBd", sans-serif;
    font-size: 12pt;
    background: #fff;
    color: #64a70b;
    border: 2px solid #64a70b;
    border-radius: 5px 5px 0 0;
    width: 30px;
    min-width: 120px;
    height: 30px;
    padding: 2px 10px;
    transform: rotate(270deg) translate3d(-45px, -43px, 10px);
    backface-visibility: hidden;
    cursor: pointer;
    box-shadow: -2px 14px 15px -9px rgba(0, 0, 0, 0);
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    text-align: center;
}
.FF-Form {
	background: #fff;
	border: 2px solid #64a70b;
	padding: 10px;
	width: 300px;
	box-shadow: -2px 14px 15px -9px rgba(0, 0, 0, 0.2);
}
/*===============Help me choose================*/
.Help-me-choose {
    background-position: center;
    background-image:url(../images/i7_i7%20_Charcoal_Photo_Lifestyle_Dog_LivingRoom_Desktop_1734x800.jpg);
				color: #000;
    background-size: cover;
				position:relative;
    margin: 0;
    padding:0 5%;
}
.HMC-background {
    background: linear-gradient(0deg,rgba(250,250,250,0.5),rgba(250,250,250,1));
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.HMC-main-title {
    font-size: 33.725px ;
    margin-top: 83.37569444444445px ;
    line-height: 43.09305555555555px ;
    text-align: center ;
    width: 100% ;
    min-height: auto ;
}
.HMC-title {
    font-size: 33.725px ;
    display: inline-block;
    margin: auto;
    margin-top: 83.37569444444445px ;
    line-height: 43.09305555555555px ;
    width: 100% ;
    min-height: auto ;
				font-family:"HarmoniaSans W01 Bold";
				padding-left:35px;
}
.resulted-product-inner {
    width: 1007.0659722222223px;
    min-width: 682.93125px;
    min-height: 269.8px;
    background-color: #FFFFFF;
    border-radius: 9.368055555555555px;
    padding: 25.29375px 59.01875px;
    justify-content: space-between;
    align-items: center;
				margin:0;
}
.HMC-secondary-text {
    margin-top: 63.702777777777776px;
    margin-bottom: 52.46111111111111px;
    font-size: 20.60972222222222px;
    line-height: 20.60972222222222px;
    text-align: center ;
    width: 100%;
}
.HMC-Button-Container {
    width: 100%;
    margin:0 auto;
    max-width: 1000px;
}
.HMC-img-Button {
    cursor: pointer;
    width: 237.94861111111112px;
    height: 237.94861111111112px;
    margin-bottom: 37.47222222222222px;
    margin-top: 0px;
    border-radius: 50%;
    background-color: #64a70b;
    margin-left: 57.145138888888894px;
    margin-right: 57.145138888888894px;
    overflow: hidden;
				position:relative;
}

.HMC-img-Button img{
			transition:all .3s ease-in-out;
}

.HMC-img-Button:hover img{
opacity:0.5;
}
.HMC-img-Button:hover .HMC-Button-text{
opacity:1;
}
.HMC-Button-text {
font-family:"HarmoniaSans W01 Bold";
			transition:all .3s ease-in-out;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 23.42013888888889px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
				opacity:0;
    justify-content: center;
}
.btn-large {
    cursor: pointer;
    font-size: 26.230555555555554px;
    line-height: 27.167361111111113px;
    width: 272.61041666666665px;
    height: 65.57638888888889px;
    margin-top: 0px;
    background-color: #64A70B;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin: auto;
    cursor: pointer;
    border-radius: 0px ;
    border: 0px ;
    box-shadow: none ;
}
.floor-type-container {
    width: 100%;
    overflow: hidden;
    margin: auto;
    min-height: 376.59583333333336px;
    height: auto ;
    margin-top: 52.46111111111111px;
}
.floor-type {
    cursor: pointer ;
    width: 318.51388888888886px ;
    min-width: 318.51388888888886px ;
    padding: 24.35694444444444px 37.47222222222222px;
    display: flex ;
    flex-direction: column ;
    align-items: center ;
    background-color: #FFFFFF ;
    border: 3.7472222222222222px solid #D8D8D8 ;
    border-radius: 9.368055555555555px ;
    box-sizing: border-box ;
    margin-bottom: 29.040972222222223px ;
    margin-right: 59.955555555555556px ;
    margin-left: 0px ;    
				margin-top: 33.344px;
    min-height: 283.8520833333333px ;
}
.budget .floor-type {
    min-height: 100px ;
    height: 120px;
}
.floor-type-img {
    width: 140.52083333333334px ;
    height: 140.52083333333334px ;
    min-width: 140.52083333333334px ;
    min-height: 140.52083333333334px ;
    border-radius: 50% ;
    cursor: pointer ;
    margin-bottom: 28.104166666666664px;
    overflow: hidden;
}
.FT-title {
    cursor: pointer ;
    font-size: 22.483333333333334px ;
    text-align: left;
    width: 100%;
}
.FT-desc {
    cursor: pointer ;
    font-size: 16.8625px ;
    line-height: 23.42013888888889px ;
    margin-top: 15.925694444444444px ;
    text-align: left;
    width: 100%;
}
.HMC-navigator {
    width: 994.8875px;
    min-height: 54.334722222222226px;
    margin-bottom: 37.47222222222222px;
    padding: 0px 0px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: flex-end;
    margin: auto;
}
.btn-arrow {
    width: 54.334722222222226px;
    height: 54.334722222222226px;
    min-width: 54.334722222222226px;
    min-height: 54.334722222222226px;
    border-radius: 50%;
    background-color: #64A70B;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.arrow-icon {
    background-image: url(https://embed.merchtablet-irobot.com/assets/back.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 14.988888888888889px;
    height: 20.60972222222222px;
    margin-right: 3.7472222222222222px ;
    cursor: pointer;
}
.HMC-bullet-container {
    margin: auto;
}
.HMC-bullet {
    width: 7px;
    height: 7px;
    min-width: 7px;
    min-height: 7px;
    margin: 0px 4.215625px;
    border: 0.9368055555555556px solid #6E6E6E;
    border-radius: 3.7472222222222222px;
}

.HMC-bullet.active{
    background-color: #64A70B;
				}
.FT-circle {
    width: 21.546527777777776px ;
    min-width: 21.546527777777776px ;
    min-height: 21.546527777777776px ;
    height: 21.546527777777776px ;
    border: 3.7472222222222222px solid #D8D8D8 ;
    border-radius: 50% ;
    margin-right: 21.546527777777776px ;
    margin-left: 0px ;
}

.floor-type:hover, .floor-type:hover .FT-circle{
border-color:#64A70B;
} 
.FT-price {
    width: 100%;
    margin: auto;
    cursor: pointer;
    font-size: 22.483333333333334px;
}
.step-1 {
    background-color: transparent;
    display: none ;
    align-items: center;
    flex-direction: column;
    padding-left: 29.645833333333332px;
    padding-right: 29.645833333333332px;
    box-sizing: border-box;
    text-align: center;
    min-height: 682.8423611111111px;
}
.steps {
    /*display: none;*/
}
.HMC-result {
				display:none;
    width: 1062.3090277777778px ;
    margin: auto ;
    padding-top: 25.693055555555553px ;
}
.feature-inbox {
    display: block;
    width: 100%;
}
.HMC-pro-name {
    font-size: 19.76388888888889px ;
    line-height: 19.76388888888889px ;
}
.heading-bar {
    margin-top: 25.693055555555553px ;
    margin-bottom: 13.834722222222222px ;
    width: 100% ;
    display: flex ;
    align-items: center ;
    justify-content: space-between ;
}
.HMC-pr-desc ul {
    width: 609.7159722222221px ;
    min-width: 609.7159722222221px ;
    max-height: 116.60694444444445px ;
    margin-top: 19.76388888888889px 0px ;
    margin-bottom: 19.76388888888889px 0px ;
    overflow-y: auto ;
    min-height: 116.60694444444445px ;
    list-style: inside;
				margin: 16px 0;
}
.HMC-pr-desc ul li {
    font-size: 28.672000000000004px;
    line-height: 45.056px;
    margin-right: 32.768px;
}
.HMC-sec-pro:first-child:after{
				content:'';
    height: 2.048px;
    width: 290.816px;
    background-color: #64A70B;
    display: block;
    margin: auto;
    margin-top: 32px;
}
.HMC-sec-pro {
    padding: 18.432000000000002px 20.48px;
    height: fit-content;
    margin: auto;
}
.HMC-sec-pro-img {
    max-width: 40%;
    flex-basis: 40%;
}
.HMC-pr-desc ul li:before {
content:" ";
}
.resulted-product {
    margin: auto ;
    margin-top: 13.115277777777777px ;
    /*max-width: 1003.31875px !important;*/
    display: flex ;
    justify-content: space-between ;
    flex-wrap: wrap ;
}
.HMC-pro-img img {
    width: 229.26111111111112px ;
    height: 229.26111111111112px ;
    max-width: 229.26111111111112px ;
    max-height: 229.26111111111112px ;
    margin: auto;
    display: block;
}
.HMC-pr-desc {
    padding-left: 39.52777777777778px ;
}
.HMC-Button {
    width: fit-content ;
    height: auto ;
    min-width: 179.8513888888889px ;
    min-height: 54.35069444444445px ;
    margin-right: 0 ;
    padding: 0px 30.634027777777778px ;
    background-color: #64A70B ;
    background: #64A70B;
    color: #FFFFFF !important;
    font-size: 17.7875px;
    border-radius: 0;
}
.embeded-quiz-btn {    font-size: 14.988888888888889px;
    line-height: 14.988888888888889px ;
    margin-top: 33.725px;
    margin-bottom: 33.725px;
    margin-left: 16.435417px;
    background: transparent;
    color: #64A70B;
    cursor: pointer;
    display: flex;
    flex-direction: flex-start;
    width: fit-content;
    border: none;
    z-index: 1;
}
.HMC-sec-title {
    font-size: 26.230555555555554px;
    line-height: 43.09305555555555px;
				padding-left:45px;
}
.HMC-sec-pr-desc {
    padding-left: 51.2px;
    padding-top: 18.432000000000002px;
    flex-basis: 60%;
    max-width: 60%;
}
.HMC-sec-pr-desc .HMC-Button {
    margin-top: 26.230555555555554px ;
    height: auto ;
    min-width: 141.45763888888888px;
    min-height: 43.09305555555555px;
    padding: 0px 29.040972222222223px;
    color: #FFFFFF;
    font-size: 14.988888888888889px;
}
.HMC-sec-pro-container {
    width: 1027.0659722222223px;
    height: 153.63611111111112px;
    min-width: 1007.0659722222223px;
    min-height: 153.63611111111112px;
    background-color: #FFFFFF;
    border-radius: 9.368055555555555px;
    margin: auto;
    justify-content: space-between;
    align-items: center;
}
.HMC-sec-pro-container .col-sm-6:first-child {
    border-right: 1px solid #64a70b;
}
/*===============Animation====================*/

@keyframes slideDown {
 0% {
 transform: translateY(-600px);
 max-height:0;
 
}
 100% {
		transform: translateY(0px);
		max-height:1000000px;
}
}
@keyframes fade {
 0% {
 opacity:0;
}
 100% {
 opacity:1;
}
}
/*================Bootstrap Edits=============*/
.font-weight-bolder, b {
	font-family:"HarmoniaSans W01 Bold";
	font-weight:normal !important;
}
.font-weight-bold, strong {
	font-family:"HarmoniaSans W02 SemiBd";
	font-weight:normal !important;
}
.font-weight-normal {
	font-family:"HarmoniaSans W01 Regular";
	font-weight:normal !important;
}
.bg-light {
	background:#f3f4f6 !important;
}
.bg-grey {
	background: #f3f4f6;
}
.bg-green {
	background: #64a70b !important;
}
.border-green {
	border-color: #64a70b !important;
}
.clearfix {
	height: 10px;
}
.label-sm {
	font-size:15px;
}
h1, .h1 {
	font-size: 38px;
	font-size: 2.375rem;
	line-height: 1em;
	color: #1a1a1a;
 margin: .625rem 0;
}
h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
h2, .h2 {
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 1em;
}
h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
h3, .h3 {
	font-family:"HarmoniaSans W01 Bold";
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.111em;
}
h4, .h4 {
	font-size: 15px;
 font-size: .9375rem;
	line-height: 1.133em;
 margin: .375rem 0;
}
.h1-small-title {
	font-size: 29px;
}
.h2{
	font-size:1rem;
}
.h2-large {
	font-size: 40px;
	font-weight: 700;
	color: #393f45;
	width: 100%;
	line-height: 40px;
	margin-top:40px;
	margin-bottom: 35px;
}
.h2-medium {
	font-size:1.8125rem;
  line-height: 1.2;
	margin-bottom: 35px;
}
.h2-small {
	font-size:24px;
}
.h3-small-title {
	font-size: 22px;
}
.h3-medium-title {
	font-size:29px;
}
.h4-small-title {
	font-size:1.375rem;
}
.h4-xs-small-title {
	font-size:1.25rem;
}
.h5-small {
	font-size:1.125rem;
}
.h2-large h1{
	color: #6c7680 !important;
}
/*==============Global style property=========*/
.text-underline{
	text-decoration:underline;
}
.text-green {
	color: #64a70b !important;
}
.text-blue {
	color: #1aa2dc !important;
}
.text-black {
	color: #000;
}
.text-grey {
	color: #6c7680 !important;
}
.bg-hover-grey {
 transition:all .3s ease-in-out;
}
.bg-hover-grey:hover, .bg-hover-grey:focus {
	background:#eee;
	;
}
.a-link{
	font-size: 16px;
	margin: 0px 8px 0px 8px;
}
.a-link .a-icon {
    background: #64a70b;
    color: #fff;
    border-radius: 8px;
    width: 16px;
    height: 16px;
    font-size: 12px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}
.para-xs-small {
 font-size:.875rem;
}
.para-normal {
	font-size:.9375rem;;
}
.para-average {
	font-size:1.125rem;
	margin-top: 0;
	margin-bottom: 35px;
	text-align: inherit;
	max-width: 100%;
	font-weight: 300;
}
.para-medium {
	font-size:1.5rem;
    line-height: normal;
}
.disclaimer {
	font-size: 12px;
    margin-top: 15px;
}
.circle-icon {
    display: inline-block;
    position: relative;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    text-align: center;
    line-height: 1;
    color: #FFF;
    font-size: 14px;
    padding: 2px;
}
.green-circle{
	background: #64a70b;
}
.blue-circle{
	background: #1aa2dc;
}
/*.circle-icon:before {
	content: "\f105";
	width: 17px;
	height: 17px;
	position: absolute;
	font-family: "FontAwesome";
	font-weight:900;
	left: 0;
	top: 0;
	border-radius: 100%;
	text-align: center;
	line-height: 1;
	color: #fff;
 font-size: .95rem;
	text-shadow: 1px 0px #fff;
	margin-top: 3px;
}*/
.col-65 {
	flex: 2 1 65%;
	max-width:65%;
	-webkit-box-flex:2 1 65%;
	-moz-box-flex: 2 1 65%;
	-webkit-flex: 2 1 65%;
	-ms-flex:  2 1 65%;
}
.col-35 {
	flex: 1 1 35%;
	max-width:35%;
	-webkit-box-flex:1 1 35%;
	-moz-box-flex: 1 1 35%;
	-webkit-flex: 1 1 35%;
	-ms-flex:  1 1 35%;
}
.mb-title {
	display:none;
}
.lh-normal {
	line-height: normal;
}
.lh-2 {
	line-height: 2;
}
.table {
 font-size: .9rem;
	border: 1px solid #eee;
}
.table-row {
	border-bottom: 1px solid #eee;
	padding:0;
}
.table-row:last-child {
	border:none;
}
.table-row.table-header {
	background: #f3f4f6;
	font-family:"HarmoniaSans W01 Bold";
	font-size:1rem;
}
.table-row .col {
	padding: 10px 5px;
}
/*================Form Validation=======*/

.validation-icon{
    position: absolute;
    right: 10px;
    bottom: 18px;
    padding: 0 0;
    width: 20px;
    height: 20px;
    line-height: 1.5;
    text-align: center;
}

.form-control.required {
    border-color: red;
    animation: .3s shake;
    animation-iteration-count: 3;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}
.error-message {
    position: absolute;
    left: 0;
    top: 95%;
    font-size: 13px;
    color: red;
}
.validation-icon.loading{
}
.validation-icon.required:before{
	content:'\f069';
	color: red;
	font-size: 13px;
    display: block;
    padding: 2px 0;
	background: #fff;
    font-family: FontAwesome;
}
.validation-icon.success:before{
    content: "\f00c";
    color: #8bc34a;
    font-size: 12pt;
    width: 20px;
    font-family: FontAwesome;
		background: #fff;
}

.validation-icon.loading:before{
    content: "\f110";
    color: #b1b1b1;
    font-size: 14pt;
    font-family: FontAwesome;
		background: #fff;
    display: -webkit-box;
    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
/*===============Prompt===============*/
prompt, prompt.row {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
		margin:0 !important;
		display:none;
		padding-top: 35px;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-timing-function: linear;
}
prompt.show-now, prompt.row.show-now{
		display:flex;

}
close.prompt-close {
    color: #64a70b;
    border: 2px solid #64a70b;
    font-size: 12pt;
    font-weight: bold;
    padding: 0px 6px;
				line-height:2;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    right: -10px;
    top: -9px;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
				-webkit-transition:all .3s ease-in-out;
				cursor:pointer;
}
close.prompt-close:hover{
    color: #fff;
				border-color:#64a70b;
				background:#64a70b;
}
.prompt-body {
    width: 35%;
    min-width: 300px;
    background: #fff;
    margin: auto;
    padding: 20px 15px;
    transform: translateY(-100px);
    animation: JumpIn 1.3s ease-out;
    display: none;
    border-radius: 5px;
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.18);
}
.show-now .prompt-body {
    transform: translateY(0px);
		display:block;
}
.popup-form .prompt-body{
	display:block;
	transform: translateY(0px);
	padding: 15px;
}
prompt.popup-form {
    z-index: 3;
    overflow: auto;
}
.popup-form close{
	transition:all .3s ease-in-out;
	opacity:0.5;
}
.popup-form close:hover{
	opacity:1;}
.Feature_icon:nth-child(2){
	display:none;
}
.justify-content-between.feature-container {
    justify-content: space-evenly !important;
}
.side-cls-links {
    margin: 0;
		overflow:hidden;
    border: 1px solid #eee;
}
.side-cls-title {
    font-family: "HarmoniaSans W01 Bold";
    font-size: 1.1rem;
    padding: 10px 5px;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
}
.side-cls-links .side-cls-title:before{
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    background: #64a70b;
    width: 15px;
    height: 3px;
}
.side-cls-links .side-cls-title:after{
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    background: #64a70b;
    width: 15px;
    height: 3px;
    transition: all .5s ease-in-out;
    transform: rotate(0deg);
}
.side-cls-links.active .side-cls-title:after{
    transform: rotate(90deg);
}
.ul-tabs {
    width: 100%;
}
.ul-tabs-links {
    font-size: 1rem;
    line-height: normal;
    padding: 5px 15px;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #eee;
		-webkit-transition:all .5s ease;
		cursor:pointer;
}
.collapsible-div{
	max-height:0px;
	transition:all 1s linear;
	/*animation: slideDown .5s  linear;*/
}
.ul-tabs-links.active, .ul-tabs-links:hover {
    border-left: 5px solid #64a70b;
    color: #64a70b !important;
}
.collapsible-panel.active .collapsible-div {
    max-height: 1000px;
}
.instruc-videos {
    order: 1;
}
.instruc-video-embeded, .overview-video-embeded {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.instruc-videos-inner {
    position: relative;
		animation:fadeIn .5s ease-in-out;
		display:none;
}
.instruc-videos-inner.active{
	display:block;
	background:url(../images/loader.svg) 0 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60px;
}
.instruc-vdo-panel{
    position: relative;
		animation:fadeIn .5s ease-in-out;
		display:none;
}
.instruc-vdo-panel.active{
	display:block;
}
.instruc-vdo-hero, .overview-vdo-hero {
    position: relative;
    z-index: 1;
}
.play-panel, .overv-play-panel {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.75);
    padding: 20%;
}
.play-panel span, .overv-play-panel span {
    display: inline-block;
    width:80px;
    height: 80px;
    background: #64a70b;
    position: relative;
    border-radius: 100%;
    padding: 11px 16px;
    text-align: center;
}
.play-panel span:after, .overv-play-panel span:after{
    content: '';
    display: block;
    width: 30px;

    height: 30px;
    border-top: 20px solid transparent;
    border-left: 35px solid #64a70b;
    border-bottom: 20px solid transparent;
    margin: 10px;
		z-index:1;
    position: relative;
}
.play-panel span:before, .overv-play-panel span:before{
    content: '';
    width: 92%;
    height: 92%;
    background: #ffffff;
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 100%;
}
.instruc-video-embeded, .overview-video-embeded{
	opacity:0;
}
.floating-link {
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 16px;

    flex: 1 1 0%;
    background: rgb(100, 167, 11);
    padding: 25px 10px;
    transition: all 0.5s ease-in-out 0s;
}
.owner-desc-tabbody li.active {
    display: block;
}
.owner-desc-tabbody li {
    display: none;
}
.overview-videos-inner {
    position: relative;
    background: url(../images/loader.svg) center center / 60px no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
}
.overview-bottom {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-image: initial;
    margin: 25px auto auto;
}
.over-btm-panel {
    padding: 35px;
    border-right: 1px solid rgb(238, 238, 238);
}
.over-btm-panel:last-child {
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
	.feature-steps{
	display:none;
}
.loader {
    text-align: center;
    width: 100%;
    height: 250px;
				padding-top:8%;
    align-items: center;
    justify-content: center;
}
.feature-div {
    display: none;
    min-height: 770.7916666666666px !important;
}
.visible, .loader.visible {
display:flex;
width: 100%;
}
.offer-box-inner {
    border: 1px solid #eee;
				cursor:pointer;
}
.offer-box-inner new{
				position:absolute;
    z-index: 1;
    font-size: .8rem;
    font-weight: normal;
    font-family: 'HarmoniaSans W02 SemiBd';
}
.image-hover-gallery {
				position:relative;
				overflow:hidden;
				text-align:center;
}
.carousel-inner {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
				height:360px;
}
.offer-box {
    padding: 0 2.5rem;
    margin-bottom: 45px;
}
.inner-box-content {
    text-align: center;
    font-size: .95rem;
    line-height: 1.5;
    padding: 10px;
}
.top-panel-panel .carousel{
    display:block;
    text-align: center;
    max-width: 90%;
    margin: auto;
}
.top-panel-panel .carousel-inner {
				height:auto;
				width:auto;
}
.top-panel-panel 
/*================Keyframes============*/

@keyframes shake{
	0%{
    transform: translateX(0px);
	}
	25%{
    transform: translateX(5px);
	}
	50%{
    transform: translateX(0px);
	}
	75%{
    transform: translateX(-5px);
	}
	100%{
    transform: translateX(0px);
	}
}
@-webkit-keyframes shake{
	0%{
    transform: translateX(0px);
	}
	25%{
    transform: translateX(5px);
	}
	50%{
    transform: translateX(0px);
	}
	75%{
    transform: translateX(-5px);
	}
	100%{
    transform: translateX(0px);
	}
}

@keyframes spin{
	0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);	
    transform-origin: center;

	}
	100%{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transform-origin: center;

	}
}
@-webkit-keyframes spin{
	0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);	
    transform-origin: center;

	}
	100%{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transform-origin: center;

	}
}
@keyframes fadeIn{
	0%, 25%{
		opacity:0;
	}
	50%{
		opacity:.5;
	}
	100%{
		opacity:1;
	}
}
@-webkit-keyframes fadeIn{
	0%, 50%{
		opacity:0;
	}
	75%, 100%{
		opacity:1;
	}
}
@keyframes JumpIn{
	0%, 50%{
		opacity:0;
    transform: translateY(-100px);
	}
	75%, 100%{
		opacity:1;
    transform: translateY(0px);
	}
}
@-webkit-keyframes JumpIn{
	0%, 50%{
		opacity:0;
    transform: translateY(-100px);
	}
	75%, 100%{
		opacity:1;
    transform: translateY(0px);
	}
}
@-webkit-keyframes fadeIn{
	0%, 50%{
		opacity:0;
	}
	75%, 100%{
		opacity:1;
	}
}
@keyframes slideLeft{
	0%, 50%{
    transform: translateX(-300px);
		opacity:0;
	}
	75%, 100%{
    transform: translateX(0px);
		opacity:1;
	}
}
@keyframes slideRight{
	0%, 50%{
		opacity:0;
    transform: translateX(0px);
	}
	75%, 100%{
    transform: translateX(-300px);
		opacity:1;
	}
}
/*================Responsive Code============*/


@media screen and (min-width:767px) {
	.h2-large {
    padding: 0 50px;
	}
	.LOC-Map iframe {
    width: 100%;
}
	.copyright{
    text-align: center;
    padding: 10px 0px;
	}
	.footer-icons {
			justify-content: flex-end;
	}
 .links {
 float: right;
 padding: 0;
 margin: 0;
}
 .navbar.profile-header {
 background: #65a70a;
 position: relative;
}
 .list-col {
 text-align:center;
}
.order-id {
 order:1;
 text-align:right;
}
.hero-content {
}
}
@media screen and (min-width:1000px) {
.navbar-expand-lg .navbar-toggler {
    display: none;
}
}
@media screen and (min-width:1025px) {
.chart-title.mob-view-title {
    display: none;
}
	.HMC-mob-btn{
	display:none;
	}
	 .mb-float-menu {
		 display:none;}
	.lineup-title {
    color: #fff;
	}
	.pro-short-desc {
    height: 230px;
}
	.user-acc-other-links{
    padding-left: 35px;
	}
	a.links {
    border-right: 1px solid #393f45;
    padding: 0 15px;
    font-family: "HarmoniaSans W02 SemiBd";
    color: #64a70b !important;
				font-size:16px;
	}
	.interac-mob-tabs {
    display: none;
}
}
@media screen and (min-width:576px) {
	.user-name {
			border-left: 4px solid #000;
			padding-left: 10px;
	}
 
.pdp-review-date {
 order: 1;
 text-align: right;
 font-size: 12px;
}
}
@media screen and (max-width:1200px) {

.top-panel-panel{
display:none;
}
	.floating-form-title {
    font-size: 11pt;
}
.navbar:before{
	display:inline-block;
}
	.menu-pro-list.content-menu {
    max-width: 100%;
    flex-basis: 100%;
		margin: 0;
}
 .navbar {
}
.quiz-component {
 width:90%;
 padding:50px 10px;
}
.h3-small-title {
 font-size: 30px;
}
.feature-container {
    max-width: 100%;
}
 .Feature_icon {
display: -webkit-box;
display: -webkit-flex;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
display: flex;
flex-direction: row;
 -webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
 width: 100%;
 align-items: center;
 text-align: left;
 justify-content: center;
 margin-bottom: 20px;
}
.Feature_icon p {
 margin:0;
 font-size: 1.25rem;
 padding-left: 20px;
}
.Feature_icon img {
 margin:0;
}
.footer-col {    
		margin: 15px 0;
    padding: 0 5px;
    flex: 1 0 130px;
    -webkit-box-flex: 1 0 130px;
    -moz-box-flex: 1 0 130px;
    -webkit-flex: 1 0 130px;
    -ms-flex: 1 0 130px;
    color: #393f45;
    font-size: 14px;
    display: inline-block;
}
 .lineup-top .pro-lineup-body .pro-lineup {
 text-align:center;
	height: auto;
	padding-bottom: 30px;
}
.h1_title {
 font-size: 29px;
}
.h2-large {
 font-size: 32px;
    line-height: 1.2;
}

.pro-lineup-container.lineup-top {
 padding: 0 35px;
}
.pro-lineup-container {
 margin: 0;
 padding: 0 0;
 width: 100%;
 align-items: flex-start;
}
.interac-content, .interac-tab-option.active .interac-content {
    padding: 15px 35px;
    color: #393f45;
		font-family:"HarmoniaSans W02 SemiBd";
}
.interac-title.text-blue, .interac-title.text-green, .interac-tab-option.active  .interac-title.text-blue, .interac-tab-option.active .interac-title.text-green {
    color: #393f45!important;
    font-family: "HarmoniaSans W01 Bold";
}
.interac-icon .fa, .interac-tab-option.active .interac-title.text-green .fa, .interac-tab-option.active .interac-title.text-blue .fa {
    color: #393f45;
}
.interac-tab-option {
    padding:0;
    flex-basis: 100%;
    background: #f3f4f6;
    max-width: 100%;
    margin-bottom: 45px;
}
.hero-interactive-col.interac-tabs {
    padding:0;
    margin: 0px 0;
    max-width: 100%;
    flex-basis: 100%;
}
.hero-interactive-col.row.justify-content-between.bg-light{
background:#fff !important;
}
.pro-lineup-container.lineup-bottom .pro-lineup-body {
 -webkit-box-flex: 1 1 45%;      /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1 1 45%;         /* OLD - Firefox 19- */
-webkit-flex: 1 1 45%;          /* Chrome */
-ms-flex: 1 1 45%;
flex: 1 1 45%;
 margin: 0 5px;
 margin-bottom: 25px;
}
.lineup-bottom .bottom-image, .lineup-bottom-center .bottom-image, .Mopping.lineup-bottom .bottom-image, .Mopping.lineup-bottom-center .bottom-image {
 padding: 0 5px;
 height: 155px;
 margin-bottom: 60px;
}
.lineup-bottom .pro-lineup-image {
 width: 115px;
    transform: translateY(0);
    margin-top: -30px;
}
.lineup-title {
    margin-left: -5px;
}
.lineup-bottom .h4-small-title {
 font-weight: 300;
 font-size: 18px;
 font-weight: 700;
 text-align: center;
 color: #fff;
}
.lineup-top .pro-lineup-image {
 transform: translateY(-17px);
}
.container {
 padding:0;
}
.pro-lineup-body {
 margin: 0 10px;
}
.pl-5, .px-5 {
 padding-left: 1.5rem!important;
}
.pr-5, .px-5 {
 padding-right: 1.5rem!important;
}
 banner .h1_title, banner new, banner p, banner .btn {
 margin-bottom: 10px;
}
}
@media screen and (max-width:414px) {
	.user-name {
    display: inline-block;
    width: 100%;
}
.user-accounts-links {
    order: 1;
}
	 .product-purchase {
				position: fixed;
				bottom: 0;
				left: 0;
				background-color: rgba(238,238,238,.9);
				border-top: 1px solid #414042;
				padding: 15px;
    		z-index: 999999;
	}
.lineup-top .pro-lineup-text {
    font-size: 1.3em;
}
 banner, section {
 flex-flow: column wrap;
 margin: 0 0px 25px 0px;
}
.copyright {
    text-align: center;
    padding-top: 15px;
    font-size: .8rem;
}
 .profile-header .shopping-cart {
 color: #fff;
 border-left: none;
 font-size: 15px;
 position: absolute;
 top: 25px;
 left: 80%;
}
 .navbar.profile-header {
 padding:0;
 background: #f3f4f6;
 border-bottom: 0;
 position:relative;
}
 .links {
 color: #000;
 float: left;
 padding: 15px 0;
}
.profile-menu a {
 padding-right: 20px;
 width: 100%;
 display: block;
 padding: 5px 1px;
}
.SearchArea {
 padding: 3% 5% 5% 5%;
}
 .pdp-right-col, .pdp-left-col {
 padding: 0;
}
 .detail-desc-tab a {
 width: 100%;
 margin: 10px 0;
}
 .pdp-rating-title {
 width: 100%;
}
rating-star {
 flex-basis: 35%;
 max-width: 120px;
 margin: 0;
}
.review, .pdp-feedback-subject {
 flex-basis: auto;
}
 .cart-row.row-header {
 display: none;
}
.item-desc {
 flex-flow: column wrap;
 flex-basis:60%;
}
.item-image, .item-details, .item-price, .item-qty, .item-delete, .item-total {
 text-align: left;
 padding: 10px 20px;
}
.item-image {
 max-width: 40%;
 flex-basis: 40%;
}
.item-total {
 max-width: 100%;
 flex-basis: 60%;
 margin-right: 0;
 margin-left: 40%;
 display: inline-block;
}
.item-desc {
 flex: 2 1 60%;
 -webkit-box-flex: 2 1 60%;
-moz-box-flex: 2 1 60%;
-webkit-flex: 2 1 60%;
-ms-flex: 2 1 60%;
}
.Total, .apply-coupon {
 order:0;
 flex-basis: 100%;
 max-width: 100%;
 margin: auto;
}
.Total-amount {
 max-width: 100%;
 margin:auto;
}
 .btn {
 width:100%;
}
}
 @media screen and (max-width:1024px) {
	 
	.loader {
    height: 100vh;
}
.loader  .HMC-title {
    font-size: 26px;
    margin-top: auto;
    line-height: 26px;
				margin:auto;
}
	.embeded-quiz-btn {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    border: none;
    z-index: 1;
    font-size: 32.768px;
    line-height: 32.768px;
    margin-top: 61.44px;
    margin-bottom: 35.84px;
}
.HMC-pro-img, .HMC-pr-desc {
    flex-basis: 100%;
				display:flex;
    max-width: 100%;
}
	.HMC-pro-img img {
    width: 40%;
    height: auto;
    min-width: 134px;
    max-height: initial;
    margin: auto;
    display: inline-block;
}
.Help-me-choose {
    background-position: center;
    background-image:url(../images/i7_i7%20_Charcoal_Photo_Lifestyle_Dog_LivingRoom.png);
				padding:0;
}
	
.HMC-main-title, .HMC-title {
    font-size: 26px;
    margin-top: 48.99999999999999px;
    line-height: 26px;
}
.HMC-secondary-text {
    font-size: 28.672000000000004px ;
    line-height: 49.152px;
    margin-top: 40.96px ;
    margin-bottom: 19.456px;
    margin-left: 0;
}
.HMC-img-Button {
    /*background-color: rgba(100, 167, 11, 0.46) !important;*/
    width: 163px;
    height: 163px;
}
.HMC-img-Button img {
    opacity: 0.5;
}
.HMC-Button-text {
    opacity: 1;
    justify-content: center;
    font-size: 20px;
    padding: 41px;
}

.floor-type-container {
    overflow: visible;
}
.floor-type {
    cursor: pointer ;
    font-size: 20px ;
    width: 290px ;
    min-height: 91px ;
    min-width: 290px ;
    padding: 26.999999999999996px 13px ;
    display: flex ;
    align-items: center ;
    background-color: #FFFFFF ;
    border: 4px solid #D8D8D8;
    border-radius: 10px ;
    box-sizing: border-box ;				
    margin: 0;
    margin-bottom: 21px ;
    flex-flow: row wrap;
}
.floor-type-img {
    overflow: hidden;
    width: 64px ;
    height: 64px ;
    min-width: 64px ;
    min-height: 64px ;
    border-radius: 50% ;
    cursor: pointer ;
    margin-bottom: 0;
    margin-right: 13px ;
}
.FT-title {
    font-size: 20px ;
}
.FT-desc {
    font-size: 16px ;
    line-height: 23px ;
    margin-top: 7.000000000000001px;
}
.floor-type-text {
    flex: 1;
    display: inline-block;
    width: 100%;
}
.HMC-result {
    width: 100%;
				}
				.HMC-sec-title {
    padding-left: 15px;
    max-width: 100%;
    flex-basis: 100%;
    font-size: 53.248px;
    line-height: 49.152px;
    text-align: center !important;
}
.HMC-pr-desc-mb {
    width: 60%;
    vertical-align: middle;
    margin-left: 51.2px;
    margin-top: 18.432000000000002px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.HMC-Button {
    margin-top: 30.72px;
    height: auto;
    min-width: 305.152px;
    min-height: 92.16px;
    font-size: 36.864000000000004px;
}
.HMC-pr-desc .HMC-pro-name, .HMC-pr-desc .HMC-Button {
    display: none;
}
.HMC-pr-desc ul {
    width: 100%;
    min-width: 100%;
    max-height: 100%;
    min-height: 100%;
    list-style: inside;
    margin: 16px 0;
}
.Compare-table .td:first-child {
    flex: 2 1 35%;
    max-width: 35%;
}
.heading-bar .compare-result {
    display: none;
}
.heading-bar {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 24px;
}
.Compare-table .heading-bar {
    display: none;
}
.HMC-pro-name {
    font-size: 40.96px ;
    line-height: 40.96px;
}

.resulted-product-inner {
    width: 100% ;
    height: fit-content ;
    min-width: 100% ;
    min-height: fit-content ;
    border-radius: 10px ;
    margin: auto ;
    margin-top: 25px ;
    background-color: #FFFFFF ;
				padding:25px 0;
}
.HMC-pr-desc ul {
    width: 100%;
    min-width: 100%;
				}
				.HMC-sec-pro-container {
    width: 95%;
    height: auto;
    min-width: auto;
    margin: auto;
}
	 .chart-title {
			line-height: 1.5;
    font-size: 26.624px !important;
	}
	 .chart-image {
    display: none;
	 }
/******************************************/

	.menu-shadow.active {
    z-index: 1;
    opacity: 1;
    display: block;
}
	 .ordr-tracking-panel {
    min-width: 600px;
}
	 .apply-coupon .button-border {
			margin-left: 2px;
			font-size: 100%;
			padding-left:0;
			padding-right:0;
	}
	 .flat-big-button, .select-qty{
		 margin-bottom:0;
		}
	 .mb-float-menu {
			position: absolute;
			right: 0;
			top: 100%;
			background: #64a70b;
			border: 1px solid #64a70b;
			border-top: none;
			padding: 1px 15px;
			font-size: 13px;
			font-family: "HarmoniaSans W02 SemiBd", sans-serif;
			box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.09);
			color: #fff;
	}
	 .border-right.contact-form{
		 border-right:none !important;
		 border-bottom:1px solid #dee2e6;
		}
	 .Bsns-Oppor-form {
			margin-left: -30px;
	}
	.News-tabs {
			padding: 15px 0;
			white-space: nowrap;
			font-size: 18px;
	}
	.news-container {
    justify-content: space-evenly;
    padding: 0;
}
	
	 .lineup-left-over .pro-lineup {
    height: 100px;
    padding: 15px 30px;
    margin-bottom: 250px;
	}
	 .user-accounts, .user-accounts-form {
    padding: 0 !important;
}
	 .navbar-expand-lg .navbar-collapse{
		 display:block!important;
		}
 .navbar.profile-header {
 padding:0;
 position: relative;
}
 .navbar {
    padding: .7em 5%;
 border:none;
}
.header-side-menu {
 width: 100%;
 flex-flow: column-reverse wrap;
 justify-content: space-between;
 align-items: center;
}
.search {
 position: relative;
display: -webkit-box;
display: -webkit-flex;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
display: flex;
flex-direction: row;
 -webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
 flex-flow: row wrap;
 align-items: center;
 width: 100%;
 justify-content: space-between;
 padding: 10px 0px;
 max-width:18px;
}
.user-login {
 position: relative;
display: -webkit-box;
display: -webkit-flex;
 display:-moz-flex;
 display:-moz-box;
 display:-ms-flexbox;
display: flex;
flex-direction: row;
 -webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
 flex-flow: row wrap;
 align-items: center;
 width: 100%;
 justify-content: space-between;
 padding: 10px 0px;
 border-bottom: 2px solid #393f45;
}
.mb-title {
 margin-left: 13px;
 font-size: 1.125rem;
 color: #333;
 display: block;
}
.header-side-menu a {
 color: #393f45 !important;
 margin-right: 10px;
 font-size: 1rem;
}
.navbar-brand {
 width: 120px;
	margin: auto;
	-webkit-box-flex: 1 0 150px;
	-moz-box-flex: 1 0 150px;
	-webkit-flex: 1 0 150px;
	-ms-flex: 1 0 150px;
	flex: 1 0 150px;
	max-width: 280px;
	margin-bottom: 10px;
}
.navbar-brand img {
    width: 100px;
    margin: auto;
}
/*.shopping-cart {
    margin-right: 0;
    flex: 0 0 50px;
    -webkit-box-flex: 0 0 50px;
    -moz-box-flex: 0 0 50px;
    -webkit-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    order: 0;
    top: 10%;
    position: absolute;
		right:15px;
    height: 100%;
    max-height: 35px;
    font-size: 1.1rem;
    color: #393f45;
    display: inherit;
    align-items: center;
    
}*/
.navbar-collapse {
    width: 100%;
 order:1;
}
.nav-item {
 margin-right: 0;
 width: 100%;
 padding: 10px 0px;
 border-bottom: 2px solid #393f45;
 position:relative;
}
.nav-item:before {
 content: ' ';
 position: absolute;
 right: 15px;
 top: 20px;
 background: url(../images/angle-arrow-down.png) 0 0;
 background-repeat: no-repeat;
 width: 20px;
 height: 20px;
 background-size: contain;
}
.nav-item:last-item::before{
	display:none;
} 
.navbar-nav {
 padding: 0px;
    display: block;
}
.drop-down-menu {
    position: relative;
    top: 0;
    opacity: 1;
    transition: all .5s ease;
}
.menu-pro-list {
    padding-top: 20px;
    color: #6c7680;
    max-width: 145px;
    flex: 1 1 33.3%;
    margin: 0 1px;
    align-self: baseline;
    display: inline-block;
}
.nav-item.focused .drop-down-menu {
		max-height:1500px;
}
.Drp-inner {
    border-top: 1px solid #393f45;
 flex-flow: column wrap;
 padding:0;
 display:block; 
    margin-top: 0;
		width:100%;
    opacity: 1;
 
}
.nav-item.focused .Drp-inner {
    opacity: 1;
    box-shadow: none;
    padding: 0;
}
.drop-down-menu:after{
	display:none;
}
 .Drp-menu-opt:nth-child(odd) {
 border-right: none;
}
.Drp-menu-opt {
	padding: 20px;
	width: 100%; 
	opacity:1;
}
.menu-product img {
    max-width: 200px;
}
.nav-item.focused .Drp-menu-opt{
    animation: slideDown .5s linear;
}
	 .navbar-expand-lg .navbar-toggler{
		 display:block;
		}
	 .open-menu.navbar-collapse{
		transform:translateX(0%);
	}
	.navbar-collapse {
		transform:translateX(-100%);
		transition: all .5s .5s linear;
    width: 100%;
    order: 1;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
		margin-top:-5px;
		z-index: 1;
		 
}
.open-menu .navbar-nav, .open-menu .header-side-menu{
		opacity:1;
}
.navbar-nav, .header-side-menu{
		opacity:0;
}

.menu-product {
 padding: 0;
}
.menu-pro-list.content-menu p.font-weight-bolder{
	position:relative;
}
.menu-pro-list.content-menu p.font-weight-bolder::before{
	content:'';
	width: 2px;
	height: 15px;
	background: #000;
	position: absolute;
	right: 25px;
	top: 35%;
	transform: rotate(-45deg);
	transition:all .3s ease-in-out;
}
.menu-pro-list.content-menu p.font-weight-bolder.open::before{
	right: 30px;
}
.menu-pro-list.content-menu p.font-weight-bolder::after{
	content:'';
	width: 2px;
	height: 15px;
	background: #000;
	position: absolute;
	right: 25px;
	top: 35%;
	transform: rotate(45deg);
	transition:all .3s ease-in-out;
}
.menu-pro-list.content-menu p.font-weight-bolder.open::after{
	right: 20px;
}
.nav-item:nth-child(4) .row.m-auto.col-sm-10.align-items-start.justify-content-center{
	flex-basis:100%;
	max-width:100%;
	padding:0;
}
.nav-item:nth-child(4) .menu-product p {
    line-height: 1.5;
    padding-left: 15px!important;
    padding-right: 15px!important;
    margin: 0;
}
.nav-item:nth-child(4) .menu-product p.pt-2.mb-2{
	display:none;
}
.nav-item:nth-child(4)  .menu-product p:nth-child(1) {
    background: #e4e8ed;
    padding: 20px 35px;
}
.nav-item:nth-child(4) .Drp-menu-opt{
	padding:0;
}
.nav-item:nth-child(4) .menu-pro-list.content-menu .menu-product p.pt-2.mb-2 {
    display: none;
}
a.nav-link {
 padding: 10px 15px !important;
 font-size: 1.125rem;
}
.close-menu .navbar-toggler-icon:nth-child(1){
    transform:rotate(45deg) translate(4px, 4px);
    transform-origin: center;
}
.close-menu .navbar-toggler-icon:nth-child(2){
    transform: rotate(-50deg) translate(0px, 0px);
    transform-origin: center;
}
.close-menu .navbar-toggler-icon:nth-child(3){
	opacity:0;
}
.navbar-toggler-icon{
    transition: all .3s ease-in-out;
	}
	.interac-img-opt {
			display: none !important;
	}
	 .hero-content {
			padding: 35px;
	}
	.hero-interactive-col .hero-content {
			text-align: center;
	}
	 
	.template-banner .hero-content{
		width: 100%;
	}
	 .template-banner  .order-1{
		 order:0 !important;
	 }
	.list-bullet {
			padding-left: 0;
	}
	ul#desc-tabbody li .col-sm-8 {
			padding: 0;
	}
	 .order-1.col-65 {
    order: 1;
}
header {
    min-height: 75px;
}
ExtraPage {
 margin-top: 109px;
}

.order-1 {
	order:0;
}
.col-65 {
 flex: 2 1 100%;
 max-width: 100%;
 width: 100%;
 -webkit-box-flex: 2 1 100%;
 -moz-box-flex: 2 1 100%;
 -webkit-flex: 2 1 100%;
 -ms-flex: 2 1 100%;
}

 .col-35 {
 flex: 1 1 100%;
 width: 100%;
 max-width: 100%;
 -webkit-box-flex: 1 1 100%;
 -moz-box-flex: 1 1 100%;
 -webkit-flex: 1 1 100%;
 -ms-flex: 1 1 100%;
}
.abs-hero-content{
    position: relative;
    color: #333;
}
banner:nth-child(2n+1) {
/* flex-flow: column-reverse wrap;*/
}
 .lineup-left-over .pro-lineup-body {
 flex: 1 0 100%;
    max-width: 100%;
 margin-bottom:50px;
}
.pro-img {
 order:0;
    text-align: center;
    position: relative;
    margin-top: 30px;
    top: 0;
}
.pro-img img {
 max-height:215px;
}
.pro-details {
 flex-basis: 100%;
 max-width: 100%;
 padding: 0 35px;
}

.hero-big.content-panel{
	order:1;
}
.hero-big.order-1.content-panel {
    order: 1;
}

 .acs-box:nth-child:after {
    content: '';
    position: absolute;
    display: block;
    clear: none;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ebebeb;
    left: calc((2.5rem + -28px)/ -2);
 }
}
 @media screen and (max-width:768px) {
	.HMC-Button {
    min-width: 149px ;
    min-height: 45px;
    font-size: 18px;
}
.HMC-pr-desc ul li {
    font-size: 14.000000000000002px;
    line-height: 22px;
    margin-right: 16px;
}
.HMC-pro-name {
    font-size: 20px;
    line-height: 20px;
}
.HMC-Button {
    font-size: 18px;
    min-height: 45px !important;
    min-width: auto !important;
    font-size: 18px !important;
    margin: auto !important;
    margin-top: 16px !important;
    width: auto;
				float:none !important;
    /* display: block; */
}
.HMC-pr-desc-mb {
    margin-left: 25px !important;
    margin-top: 9px !important;
}
.HMC-sec-pro-img {
    max-width: 40%;
    flex: 1 135px;
    padding: 0;
}
.HMC-sec-pr-desc {
    flex: 1 auto;
    max-width: 60%;
    padding-left: 25px !important;
    padding-top: 9px !important;
}
.HMC-sec-pro {
    padding: 18.432000000000002px 0;
}
.HMC-secondary-text {
    font-size: 14.000000000000002px;
    line-height: 24px ;
    margin-top: 20px;
    margin-bottom: 9.5px;
    margin-left: 16px;
}
.embeded-quiz-btn {
    color: #64A70B;
    font-size: 16px ;
    line-height: 16px;
    margin-top: 30px;
    margin-bottom: 17.5px;
    margin-left: 0px;
    background: transparent;
    color: #64A70B;
}
.Compare-table {
    width: 100%;
    min-height: fit-content;
    margin-top: 20px;
    border-radius: 10px;
}
.chart-title.mob-view-title {
    font-size: 20px !important;
    line-height: normal;
    padding: 8px 8px;
    text-align: left;
}
.HMC-sec-title {
    font-size: 26px ;
    line-height: 24px;
}
.chart-title {
    line-height: normal;
    font-size: 13px !important;
    padding: 0;
}
.Compare-table .td {
    padding: 8px 8px !important;
    padding-top: 10px !important;
}
	.ordr-tracking-panel {
    min-width: 300px;
}
	 .LOC-Map iframe {
			width: 100%;
			height: 260px;
	}
	  .news-tab-container{
			padding:0 0;
		}
	 .news-tab {
			padding: 5px 5px;
			font-size: 14px;
	}
	 .lineup-left-over .pro-lineup {
    height: 100px;
    padding: 15px 30px;
    margin-bottom: 165px;
}
	 .page-title {
    padding-top: 20px;
    font-size: 28px;
    line-height: 1.2;
}
	 .addressDesc {
			height: auto;
			padding: 15px 0  0 0;
	}
	 .faq-panel {
    	font-size: 1.2rem;
    padding-left: 25px;
	 }
	 .faq-ask {
    font-size: 1.2rem;
    line-height: 1.2;
	}
	 .copyright {
				text-align: center;
		}
	 .blog-content {
			text-align: justify;
			padding: 0;
	}
	 .h3-medium-title {
			font-size: 24px;
	}
 .acs-list:nth-child(3n+1):after {
	 content:none;
	}
	 .acs-list:nth-child(n+1):before{
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    z-index: 1;
    background-color: #ebebeb;
    top: -1rem;
    width: calc(200% + 2.5rem);
    left: initial;
		} 
	 .acs-list:after {
    left: calc((2.5rem + -28px)/ -2);
		}
	 
	 .slider-img {
    	width: auto;
	 }
	 .lineup-left-over .pro-lineup-body .img-fluid {
			width:118px;
	}
	 .footer-input {
			width: 100%;
	}
	 .footer-icons {
			justify-content: space-between;
	}
	.footer-call {
			padding: 0 0;
	}
	 .icon-dark-circle-small {
    width: 25px;
    height: 25px;
    margin: 0 10px;
    padding: 5px 0;
    font-size: 100%;
	}
	footer.p-5 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
floatingform {
    transform: translateX(290px);
}
.FF-Form {
    background: #fff;
    border: 2px solid #64a70b;
    padding: 10px;
    width: 290px;
}
	  div.pro-lineup-body, .pro-lineup-container.lineup-bottom .pro-lineup-body {
    flex-basis: 100%;
	}
	.demo-vaccum-cleaning .pro-lineup-text, .demo-floor-mopping .pro-lineup-text {
			font-size: 1.6em;
			padding: 16px 0;
}
	.interac-tab-option {
    flex-basis: 100%;
}
header {
    min-height: 73px;
}

.container.profile-menu {
 max-width: 100%;
 padding: 10px 0;
}
.acs-box:first-child:before {
 content:none
}
.acs-box:first-child:after {
 content:none;
}
.acs-box:nth-child(3n+1) {
 clear: both;
 margin-left: 0;
}
 .acs-box:nth-child(3n+1):after {
 content:none;
}

 .acs-box:nth-child(3n+2):after {
    content: '';
    position: absolute;
    display: block;
    clear: none;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ebebeb;
    left: calc((2.5rem + -28px)/ -2);
 }
.acs-box:after {
 content: "";
 position: absolute;
 display: block;
 clear: none;
 top: 0;
 width: 1px;
 height: 100%;
 background-color: #ebebeb;
 left: calc((0rem + 1px)/ -2);
}
.acs-box:nth-child(3n+1):before {
 content:"";
 position:absolute;
 display:block;
 height:1px;
 z-index:1;
 background-color:#ebebeb;
 top:-1.5rem;
 width:380%;
 width:calc(285% + 1rem);
left:initial;
}
}
@media screen and (max-width:576px) {
	.product-suggestions .border-right {
    border-right: none !important;
    border-bottom: 1px solid #dee2e6!important;
    margin-bottom: 35px;
}
	
	.Product-review-container {
    padding: 45px 35px;
}
.acs-list:nth-child(3n+1):after, .acs-list:nth-child(2n+1):after {
 content:none;
}
.acs-list:nth-child(2n+2):after{
	content: '';
	position: absolute;
	display: block;
	clear: none;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #ebebeb;
	left: calc((2.5rem + -28px)/ -2);
}
.acs-box:first-child:before {
 content:none
}
.acs-box:first-child:after{
 content:none;
}
.acs-list:after {
    content: '';
    position: absolute;
    display: block;
    clear: none;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ebebeb;
    left: calc((2.5rem + -28px)/ -2);
}
/*.acs-box:nth-child(2n+1) {
 clear: both;
 margin-left: 0;
}*/
 .acs-box:nth-child(2n+1):after {
 content:none;
}
.acs-box:nth-child(2n+1):before {
 content:"";
 position:absolute;
 display:block;
 height:1px;
 z-index:1;
 background-color:#ebebeb;
 top:-1.5rem;
 width:380%;
 width:calc(285% + 1rem);
left:initial;
}
.acs-box:nth-child(2n+2):after {
    content: '';
    position: absolute;
    display: block;
    clear: none;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ebebeb;
    left: calc((2.5rem + -28px)/ -2);
}
}

 @media screen and (min-width:767px) {
	
 .acs-box:nth-child(4n+4):after {
    content: '';
    position: absolute;
    display: block;
    clear: none;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ebebeb;
    left: calc((2.5rem + -28px)/ -2);
 }
 .acs-box:nth-child(4n+1):after {
    content: none;
}
}


/*Call button Bottom*/


.cell-phone {
    position: fixed;
    z-index: 1;
}

    .cell-phone img {
        /*width: 55px;
	height: 55px;*/
        border-radius: 50%;
        margin-left: 30px;
    }

    .cell-phone p {
        background: #64a70b;
        border: 1px solid #64a70b;
        padding: 1px 15px;
        font-size: 13px;
        font-family: "HarmoniaSans W02 SemiBd", sans-serif;
        box-shadow: 0px 3px 2px 0px rgb(0 0 0 / 9%);
        border-radius: 10px;
        color: #fff;
        width: 130px;
        margin-top: 10px;
    }

@media only screen and (max-width: 480px) {
    .cell-phone {
        top: 84%;
    }
}

@media screen and (min-width:1025px) {
    .cell-phone {
        display: none;
    }
}