
/*body{ margin: 0; padding: 0; font-size: 14px; font-weight: normal; line-height: 24px;}*/
.overlay {	position: absolute;	left: 0;	right: 0;	top: 0;	bottom: 0;}
.form-padding {	padding-top: 7px;	padding-bottom: 20px;}
.contact-area {	background: url(/images/Planogram.webp) no-repeat;	background-size: cover;	background-position: 100% 100%;	min-height: 800px;	width: 100%;}
.contact-area .form-wrap {	box-shadow: 0.872px 9.962px 30px 0px rgba(0, 0, 0, 0.3); border-radius: 0px; background: #fff; margin-top: 20%;}
.contact-area .form-wrap .primary-btn {background: #8490ff;	border: none;text-transform: uppercase;font-size: 14px;color: #fff !important;display: inline-block;font-weight: 500;-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;cursor: pointer;position: relative;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;
-ms-border-radius:30px;-o-border-radius:30px;left: 50%;transform: translateX(-50%);padding: 10px 20px;}
.contact-area .contact-area-wrap .overlay-bg {	background: rgba(0, 0, 0, 0.75);}
.contact-area .video-wrap .play-btn { position: absolute; z-index: 3; top: 50%;	left: 50%; transform: translate(-50%, -50%);}
.contact-area .contact-content { padding: 30px 30px 30px 30px;}
.contact-area .contact-content h3 {	margin-bottom: 20px;	font-size: 52px;}
.contact-area .contact-content p {	margin-bottom: 0px;	line-height:24px;	padding-bottom: 10px;}
.pb-50 { padding-bottom: 50px;}
.pt-50 { padding-top: 50px;}
.banner-text { color:#fff; font-size: 60px; line-height: 70px;	font-weight: 500;}
.contact-content input { border-radius: 0px; box-shadow: none !important; font-size: 14px; margin-bottom: 10px;}
.contact-content input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #a2a2a2; opacity: 1; /* Firefox */}
.contact-content input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a2a2a2;}
.contact-content input::-ms-input-placeholder { /* Microsoft Edge */ color: #a2a2a2;}
.contact-content button { border-radius: 25px; background-color: #8490ff; padding: 10px 25px; display: block; box-sizing: border-box; position: absolute; left: 50%;
transform: translate(-50%);	width: 75%;}
.form-text { margin: 0;}
.form-text h5{	font-size: 22px;}
.rectangle { min-height: 440px;	background: #673AB7;background: -webkit-linear-gradient(to bottom, #512DA8, #673AB7); background: linear-gradient(to bottom, #512DA8, #673AB7); margin: auto;}
.videobg {	background: url(/images/Visual-merchandising-Planogram.webp) no-repeat !important;	background-size: cover;	min-height: 440px;}
.videobuttoncenter { position: absolute; left: 50%;	top: 50%; transform: translate(-50%, -50%);}
.mfp-hide {	display: none!important;}
.CE_Align {	position: absolute;	top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%;	z-index: 10000;}
.mfp-close { position: absolute; top: -20px; right: 0px;width: 20px; height: 20px; background-color: #ff0000; color: white;	cursor: pointer; font-size: 14px;}
.button { padding: 20px 40px; border-color: #f3f3f3; font-size: 17px; font-size: 1.7rem; font-family: "museo-sans", Arial, Verdana;
 font-weight: 500;	margin-top: 40px;	display: inline-block;}
.button { border: 2px solid #fff;	color: #fff;	text-transform: uppercase;	transition: all 0.15s ease-in-out;}
.button .fa { margin-left: 20px;}
.button:hover {	background-color: rgba(0,0,0,0.7);}
.sidetext {	color: white;	text-align: left;	font-size: 18px;	padding: 70px 20px 0;}
.sidetextpara {	font-size: 16px;	text-align: left;	font-weight: 300;}
.sidetext p { line-height: 24px !important;}

.bottom-spacer { padding-bottom: 15px;	font-size: 38px; color:#fff; line-height:38px;}

.bottom-spacer span {	font-size: 24px;}

.whynexdes { text-align: justify; font-size: 17px;}

.introtext { padding: 50px 0;}

.introtext1 { padding: 10px 0;}

.introtext1 h2 { padding-bottom: 25px;	font-size: 36px; font-weight:normal; color: #333;}

.introtext h1 {	padding-bottom: 25px;	font-size: 36px;	font-weight:normal; color: #333;}

.fill_div {	padding: 20px 20px 20px 90px; margin-bottom: 50px; position: relative;	min-height:205px;}

.subtitle { font-weight: bold; font-size: 21px;}

.cost::before {	content: ''; display: block; background: url(/images/cost.png) no-repeat; position: absolute; top: 20px; left: 15px; width: 62px;
	height: 51px;}

.cost:hover::before { content: ''; display: block;	background: url(/images/cost-w.png) no-repeat;}

.cloud::before { content: ''; display: block; background: url(/images/cloud.png) no-repeat;	position: absolute;	top: 20px;	left: 15px;	width: 62px;
	height: 51px;}

.cloud:hover::before {	content: '';	display: block;	background: url(/images/cloud-w.png) no-repeat;	}

.license::before { content: '';	display: block;	background: url(/images/license.png) no-repeat;	position: absolute;	top: 20px;	left: 15px;	width: 62px;
	height: 51px;}

.license:hover::before {	content: '';	display: block;	background: url(/images/license-w.png) no-repeat;}

.bulk::before {	content: '';	display: block;	background: url(/images/upload.png) no-repeat;	position: absolute;	top: 20px;	left: 15px;	width: 62px;
	height: 51px;}

.bulk:hover::before { content: ''; display: block;	background: url(/images/upload-w.png) no-repeat;}

.share::before {	content: '';	display: block;	background: url(/images/share.png) no-repeat; position: absolute; top: 20px; left: 15px; width: 62px;
	height: 51px;}

.share:hover::before {	content: '';	display: block;	background: url(/images/share-w.png) no-repeat;}

.device::before {	content: '';	display: block;	background: url(/images/device.png) no-repeat;	position: absolute;	top: 20px;	left: 15px;	width: 62px;
	height: 51px;}

.device:hover::before {	content: '';	display: block;	background: url(/images/device-w.png) no-repeat;}


.customtemplate::before { content: '';	display: block;	background: url(/images/cust-tmplt.png) no-repeat;	position: absolute;	top: 20px;	left: 15px;
	width: 62px; height: 51px;}

.customtemplate:hover::before {	content: '';	display: block;	background: url(/images/cust-tmplt-w.png) no-repeat;}

.rulebased::before {	content: '';	display: block;	background: url(/images/rule.png) no-repeat;	position: absolute;	top: 20px;
	left: 15px;	width: 62px;	height: 51px;}

.rulebased:hover::before {	content: '';	display: block;	background: url(/images/rule-w.png) no-repeat;}

.compatible-f::before {	content: '';	display: block;	background: url(/images/compatible.png) no-repeat;	position: absolute;
	top: 20px;	left: 15px;	width: 62px;	height: 51px;}

.compatible-f:hover::before {	content: '';	display: block;	background: url(/images/compatible-w.png) no-repeat;}

.analyticreport::before {	content: '';	display: block;	background: url(/images/analyticreport.png) no-repeat;	position: absolute;	top: 20px;
	left: 15px;	width: 62px;	height: 51px;}

.analyticreport:hover::before {	content: '';	display: block;	background: url(/images/analyticreport-w.png) no-repeat;}

.complianceeasy::before {	content: '';	display: block;	background: url(/images/compliance.png) no-repeat;	position: absolute;	top: 20px;
	left: 15px;	width: 62px;	height: 51px;}

.complianceeasy:hover::before {	content: '';	display: block;	background: url(/images/compliance-w.png) no-repeat;}

.productgroups::before {	content: '';	display: block;	background: url(/images/product-group.png) no-repeat;	position: absolute;
	top: 20px;	left: 15px;	width: 62px;	height: 51px;}

.productgroups:hover::before {	content: '';	display: block;	background: url(/Images/product-group-w.png) no-repeat;}

.fill_div:hover {	background-color: #673AB7 !important;	color: white;	-webkit-border-radius: 10px;	-ms-border-radius: 10px;
	-moz-border-radius: 10px;	border-radius: 10px;	transition: all ease-out 200ms;}

.box2 {	width: 100%;	background: url(/Images/tra-bg.webp) #6e45e2 left 0%;	background-size: cover;	display: table;	background-attachment: fixed;}

.HE-le { min-height: 650px;}

.substitle { margin: 70px auto;	color: white;	width: 100%;	text-align: center;}

.shadow { -moz-box-shadow: inset 0 0 10px #000000;	-webkit-box-shadow: inset 0 0 10px #000000;	box-shadow: inset 0 0 10px #000000;}

.pricing-plan {	padding-bottom: 20px;	border-bottom: 1px solid #d0d0d0;	min-height: 125px;}

h5.h5-lg {	font-size: 1.375rem; line-height:inherit;}

.pricing-table {
	text-align: center;
	background-color: #fff;
	border: 1px solid #d0d0d0;
	padding: 60px 25px;
	margin-bottom: 40px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	/*min-height:700px !important;*/
	min-height: 1120px!important;
}
.pricing-table ul.features { padding: 30px 0 15px;	margin-bottom: 0; list-style:none;}

ul.features li { background: url(/images/tick.png) no-repeat left 2px;	padding: 0 0 15px 29px;	line-height: 24px;	font-size: 17px; font-weight: 600;}

.features_div {	min-height:400px;}

.pricing-table span.price {	font-size: 75px; line-height: 75px;	font-family: 'Montserrat', sans-serif;	font-weight: 600; letter-spacing: 0.5px; color: #4c4c4c;}

.price-box { text-align: center; background-color: white; position: absolute; display: block; width: calc(100% - 30px);}

.Outer{	position:relative;}

.P_B_Spacer { left:105%;}

.P_B_Spacer_1 {	left:206%;}

p.validity {color: #888; font-style: italic; font-size: 1.2rem; margin-top: 5px; /*padding-bottom: 15px; */}

.pricing-table sup { font-size: 55px; font-weight: 600;	top: -7px;	right: 2px;	color: #4c4c4c;}

.pricing-type { font-size: 40px; font-weight: 600;}

.sub3col { font-size: 1.375rem;	font-weight: 800; line-height:inherit;}

.sub3colemail {	font-size: 18px; font-weight: 600; margin-bottom: 13px;}

.sub3colcontact { font-size: 40px;	font-weight: 600; padding-bottom: 0; margin-bottom: 0; color: #333;}

.btn-tra-black { color: #3a3a3a; background-color: transparent;	border-color: #3a3a3a !important;}

.btn-arrow { position: relative;}

.btn_1 { color: #000 !important; font-size: 1rem; line-height: 1; font-weight: 400;	letter-spacing: 0;	padding: 1.025rem 2.5rem; border-radius: 100px;
	outline:none;	border: 1px solid #333;    margin-top: 30px;}

.btn_1:hover {	background-color: #6e45e2;	color: white !important;	border-color: #ffffff;	border: 0px solid #333;}

.contacttable {	position: absolute;	left: 50%;	top: 19%;	transform: translate(-50%, -50%);}

.play-btn {
	width: 87px;
	height: 87px;
	background: radial-gradient( rgba(118, 67, 232, 0.8) 60%, rgba(255, 255, 255, 1) 62%);
	border-radius: 50%;
	position: relative;
	display: block;
	margin: 165px auto;
	box-shadow: 0px 0px 25px 3px rgba(90, 49, 208, 0.8);
}
/* triangle */
.play-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-40%) translateY(-50%);
	transform: translateX(-40%) translateY(-50%);
	transform-origin: center center;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 25px solid #fff;
	z-index: 100;
	-webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
/* pulse wave */
.play-btn:before {
	content: "";
	position: absolute;
	width: 150%;
	height: 150%;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulsate1 2s;
	animation: pulsate1 2s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, .75);
	top: -26%;
	left: -25%;
	background: rgba(198, 16, 0, 0);
}

 @-webkit-keyframes pulsate1 {
	 0% { -webkit-transform: scale(0.6); transform: scale(0.6);	 opacity: 1; 
	 	box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);}

	 100% {	 -webkit-transform: scale(1);	 transform: scale(1);	 opacity: 0;	 box-shadow: none;	}
}

 @keyframes pulsate1 {
	 0% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 1;
	 box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75); }
 	100% {  -webkit-transform: scale(1, 1); transform: scale(1); opacity: 0; box-shadow: none;}
}

.bgfeature { background: url(/images/Planogram-software_1.png);}

#scroll {	position: fixed;	right: 10px;	bottom: 10px;	cursor: pointer;	width: 50px;	height: 50px;	background-color: #3498db;	text-indent: -9999px;
	display: none;	-webkit-border-radius: 60px;	-moz-border-radius: 60px;	border-radius: 60px;}

#scroll span {	position: absolute;	top: 50%;	left: 50%;	margin-left: -8px;	margin-top: -12px;	height: 0;	width: 0;	border: 8px solid transparent;
	border-bottom-color: #ffffff;}

#scroll:hover {	background-color: #e74c3c;	opacity: 1;	filter: "alpha(opacity=100)";	-ms-filter: "alpha(opacity=100)";}

.subborder {	/*padding-bottom: 63px;*/	border-bottom: 1px solid #d0d0d0;}

.subcontactnew {	box-sizing: border-box;	padding-top:125px;	text-align: center;	}

.subcontactnew h5 {	text-align: center;}

.subtrial {	/*margin-top: 44%;*/}

.Hei-leveler {	min-height:710px;}

.Hei-leveler_1 {	min-height:392px;}

.license-cap { font-size: 20px;    line-height: 24px;    font-weight: bold;    letter-spacing: 0px; color: #333;}

.license-text {font-size: 16px;    line-height: 18px;    font-weight: bold;    letter-spacing: 0px;}

.Linkmail {	color:#0275d8 !important;}


@media (max-width: 767px) {

.contact-area {	background: url(/images/Planogram.png) no-repeat;	background-size: cover;	background-position: center center;	min-height: 700px;width: 100%;}

.contact-area .contact-content { padding: 30px 30px 30px 15px;}

.banner-text {  padding-top: 0px; font-size: 30px !important; line-height: 45px; font-weight: 500; position: static !important; top: 50%;  transform: translateY(50%);}

.HE-le {	min-height: 0px !important;}

.contact-area .contact-area-wrap {	height: 300px;}

.bottom-spacer {	padding-bottom: 25px;	font-size: 24px !important;	color: #fff;}

.bottom-spacer span {	font-size: 18px !important}

.sidetext p {	font-size: 15px;}

.introtext {	padding: 50px 30px !important;}

.introtext1 {	padding: 10px 30px !important;}

.introtext1 h2 {	padding-bottom: 25px;	font-size: 22px !important;	font-weight: 600!important;	line-height: 34px !important;}

.introtext h1 {	padding-bottom: 25px;	font-size: 22px !important;	font-weight: 600!important;	line-height: 34px !important;}

.whynexdes { text-align: justify;	/* width: 90%; */	font-size: 17px;	width: 100% !important;}

.price-box { text-align: center;	background-color: white;	position: inherit !important;	display: block;	width: 100%;}

.Outer{	position: inherit !important;}

.btn_1 { padding: 1.025rem 1.5rem;}
}

.Hei-leveler h3 {
    padding: 20px 0 0;
    margin-bottom\: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    color: #553e8a;
}
@media (max-width: 767.98px){
.Hei-leveler {
    min-height: auto;
}
.pricing-table { 
    min-height: auto !important;
}
}
@media only screen and (min-width:768px) and (max-width: 1024px) {
.contact-area {
	background: url(/images/Planogram.png) no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 700px;
	width: 100%;
}

.contact-area .contact-content { padding:15px;}
.banner-text {
    padding-top: 70px;
    font-size: 32px !important;
    line-height: 45px;
    font-weight: bold;
}
.bottom-spacer {
	padding-bottom: 12px !important;
	font-size: 27px !important;
	color: #fff;
}
.bottom-spacer span {
	font-size: 20px !important;
}

.sidetext {
	color: white;
	text-align: left;
	font-size: 18px;
	padding: 40px 20px 0;
}
.sidetextpara {
	font-size: 12px !important;
	text-align: left;
	font-weight: 300;
}

.form-text {
}

.form-text h5{
	font-size: 19px;
}

.introtext1 h2 {
    padding-bottom: 25px;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: inherit !important;
    margin-top: 30px;
}

.introtext h1 {
    padding-bottom: 25px;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: inherit !important;
    margin-top: 30px;
}

.pricing-table {
	text-align: center;
	background-color: #fff;
	border: 1px solid #d0d0d0;
	padding: 60px 10px !important;
	margin-bottom: 40px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	-moz-box-shadow: 3 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	min-height:650px !important;
}
h5.h5-lg {
	font-size: 17px !important;
}
.pricing-type {
	font-size: 30px !important;
	font-weight: bold;
}
.pricing-table ul.features {
	padding: 30px 0 15px;
	margin-bottom: -34px !important;
}
ul.features li {
	background: url(/images/tick.png) no-repeat left 6px !important;
	background-size: 10px 10px !important;
	padding: 0 0 15px 20px !important;
	line-height: 24px;
	font-size: 12px !important;
	font-weight: 600;
}
.pricing-table sup {
	font-size: 35px !important;
	font-weight: 600;
	top: -5px !important;
	right: 2px;
	color: #4c4c4c;
}
.pricing-table span.price {
	font-size: 43px !important;
	line-height: 75px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: #4c4c4c;
}
p.validity {
	color: #888;
	font-style: italic;
	font-size: 1.2rem;
	margin-top: -6px !important;
}
.btn {
	/* color: #fff; */
	font-size: 1rem;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0;
	padding: 0.5rem 1rem !important;
	border-radius: 100px;
}

.btn_1 {
    color: #000 !important;
    font-size: .75rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0;
    padding: 1.075rem 1.5rem;
    border-radius: 100px;
    outline: none;
    border: 1px solid #333;
    margin-top: 30px;
}
.sub3col {
	font-size: 17px !important;
	font-weight: 500;
}
.sub3colemail {
	font-size: 13px !important;
	font-weight: 600;
}
.sub3colcontact {
	font-size: 32px !important;
	font-weight: 600;
}
.wmBox_contentWrap {
	width: 60% !important;
	margin: 0 auto;
	position: relative;
}
.subcontactnew {
    box-sizing: border-box;
    padding-top:125px;
    text-align: center;
}
.subcontactnew h3 {
	font-size: 20px !important;
}
.subcontactnew h5 {
	font-size: 13px !important;
	text-align: center !important;
}
.subborder {
	padding-bottom: 20px !important;
	border-bottom: 1px solid #d0d0d0;
}
.contacttable {
	position: absolute;
	left: 50%;
	top: 23% !important;
	transform: translate(-50%, -50%);
}
.subtrial {
	margin-left: -4% !important;
}
.subtrial span {
	font-size: 12px !important;
}

.Hei-leveler {
	min-height:500px;
}

.Hei-leveler_1 {
	min-height:371px;
}
}

@media only screen and (min-width:1024px) and (max-width: 1200px) {
.contact-area {
	background: url(/images/Planogram.png) no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 700px;
	width: 100%;
}
.subcontactnew {
    box-sizing: border-box;
   padding-top:125px;
    text-align: center;
}
.banner-text {
	color:#fff;
	font-size: 42px !important;
 	line-height: 55px;
	padding-top: 50px;
}
.sidetextpara {
	font-size: 16px;
	text-align: left;
	font-weight: 300;
}
}

