body{font-family: 'Lato', sans-serif;}

h1{
	font-size: 43px;
	font-weight: 600;
	letter-spacing: -0.49px;
	line-height: 48px;

}

h2{

	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.07px;
	line-height: 24px;

}

h3{

	color: #252525;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}

h4{

	color: #252525;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.2px;
	line-height: 19px;
}

.h3 {
	color: #FFFFFF;
	font-size: 24px;
	line-height: 29px;
	text-transform:uppercase;
}

p, ul li {
	color: #565454 ;
	font-size: 16px;

	line-height: 22px;
}

.h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	text-transform:uppercase;
}



.dark-bg h1,
.dark-bg h2,
.dark-grey-bg h2{color: #ffffff;}

.dark-grey-bg{
	background-color:#252525;}

p .white-text,
p.white-text,
.headline p,
ul li .white-text{
	color:#ffffff;}

.dark-grey-bg p,
.dark-grey-bg ul li{color:#A9A9A9;}

p.lead{
	color: #252525;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: -0.37px;
	line-height: 35px;
	text-align: center;
}

p .text-dark{color: #252525;}

.upperCase{
	text-transform:uppercase;}

.upperCaseUrl{
	color: #252525 !important;
	text-decoration: underline;
}

.fontThin{font-weight: 300;}

.main-header {

	background: #047cca; /* Old browsers */
	background: -moz-linear-gradient(left,  #047cca 0%, #085095 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #047cca 0%,#085095 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #047cca 0%,#085095 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047cca', endColorstr='#085095',GradientType=1 ); /* IE6-9 */

	max-height:1050px;


}

/*******/
/*Nav**/
/*******/

.navbar-brand img{
	width:135px;
	height:auto;}

.nav-item{}
.bg-light {
	background-color: transparent !important;

}

.navbar-dark .navbar-nav .nav-link {

	color: rgba(255,255,255,1);

}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {

	color: rgba(255,255,255,1);

}

.collapsing,
.collapse.show{
	background-color: #ffffff;
}

.green-btn-no-border {
	font-weight:400;
	border-radius: 8px;
	border: #00A652;
	background-color: #00A652;

}

.btn{

	font-size:16px;
	line-height:19px;
	text-transform:uppercase;
	padding: 11px 27px 15px 27px;
	color:#ffffff;
	border-radius: 8px;}

.green-with-border {
	border: 3px solid #FFFFFF;
	background-color: #00A652;

}

.active .green-with-border,
.green-with-border:hover,
.green-with-border:focus
{background-color: #00793c; }

.btn:hover{
	color:#ffffff;}

.trsp-with-border {
	border: 2px solid #FFFFFF;
	background-color: rgba(255,255,255,0.2);
}

.trsp-with-border:hover,
.trsp-with-border:focus {
	color:#085095;
	background-color: rgba(255,255,255, 0.3);
}

.navbar-dark .navbar-toggler,
.navbar-dark .navbar-toggler:focus,
.navbar-dark .navbar-toggler:visited{
	border-color: rgba(255,255,255,.4);
	outline:rgba(255,255,255,.4);

}

.navbar-dark .navbar-toggler:hover {
	border-color: rgba(255,255,255,.8);
	outline:rgba(255,255,255,.8);
	color:rgba(255,255,255,.8);

}

/**/
.bg-urban {
	background-image:url(/images/header-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size:contain;
}

/******/

.shadow {

	box-shadow: 0 .5rem 1.4rem rgba(0,0,0,.15) !important;

}


.page-section h2{
	margin-bottom:1.2rem;}

/*************/
/*How does it work*/
/************/

.how-works-icon1{
	max-width:171px;
	margin-left:auto;
	margin-right:auto;}

.how-works-icon2{
	max-width:174px;
	margin-left:auto;
	margin-right:auto;}

.how-works-icon3{
	max-width:127px;
	margin-left:auto;
	margin-right:auto;}

/*************/
/*Home page section 4 - dark bg*/
/************/

ul.green-bull{
	padding-left:16px;
	margin-left:15px;
	margin-bottom:0;}

ul.green-bull li{
	margin-bottom: 1.5rem;
	padding-left: 0.2rem;

}


ul li .fa-li{
	color:#ffffff;
	background-color:#00A652;
	width:14px;
	height:14px;
	border-radius:50%;
	margin-top:5px;}




ul li .fa-check{
	font-size: 6px;
	line-height: 10px !important;
	top: 2px;
	left:1px;
	position: absolute;
	right: 2px;}

/*************/
/*Home page section 5*/
/************/
.blue-gradient{
	background: #047cca; /* Old browsers */
	background: -moz-linear-gradient(left,  #047cca 0%, #085095 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #047cca 0%,#085095 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #047cca 0%,#085095 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047cca', endColorstr='#085095',GradientType=1 ); /* IE6-9 */}

.voted-best-icon1{
	max-width:30px;
	margin-left:auto;
	margin-right:auto;}

.vbi{
	min-height:30px;
}

.layout-column-cards .card{
	border: 3px solid #FFFFFF;
	border-radius: 16px;
	background-color: rgba(255,255,255,0.19);
	position:relative;}

.dark-bg .layout-column-cards .card p{
	color:#ffffff;}

.layout-column-cards .card-icon{
	position:absolute;
	right:15px;
	top:21px;
}

#icon-hotel{width:25px;}

#icon-commercial{
	width:19px;}

#icon-hospital{
	width:50px;}

#icon-shopmall{
	width:40px;}

#icon-resid{width:45px;}

#icon-restaurant{width:34px;}

.layout-column-cards .card-body{
	padding:40px 40px 25px 40px;}

/*************/
/*Map section on Home page*/
/************/
.ligh-grey-bg{

	background-color:#f8f8f8;}

.map{
	background-image:url(/images/testimonials-bg-1500.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top left;
	width:100%;
	margin-left:auto;
	margin-right:auto; }


.layout-column-testimonials h3,
h3.card-h3{

	color: #252525;
	font-size: 16px;
	line-height: 19px;
	margin-top:5px;
}
.layout-column-testimonials h3 span,
h3.card-h3{

	text-transform:uppercase;
}


.imgTestim{
	width:100px;
	height:112px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;}

/*************/
/*Price*/
/************/

.line-break{
	border-bottom: 2px solid rgba(151,151,151,0.12);
}



.price-card{
	border-radius: .80rem;
	position:relative;
}

.price-card .card-body{
	padding-top:30px;}

.price-card-icon{
	width:29px;
	height:32px;
	position:absolute;
	top:30px;
}

#price-card-icon-left{
	left:35px;}

#price-card-icon-right{
	right:35px;}

.price-card ul.green-bull{
	margin-left:32px;}

.price-card ul.green-bull li{
	color:#252525;
	padding-left:0;
	margin-left:0;
	margin-bottom: 0.5rem;
}

.price-card ul.green-bull li .fa-li {

	margin-left: 7px;
}

h4.big-price{
	color: #252525;
	font-size: 60px;
	font-weight: 300;
	letter-spacing: -0.73px;
	line-height: 72px;
	text-align: center;
	margin-bottom:15px;
}

.price-card .green-btn-no-border{
	text-transform:none;
	padding-left:30px;
	padding-right:30px;
	font-weight:400;}

.green-btn-no-border:hover,
.green-btn-no-border:focus{background-color:#00793c;}

.green-btn-no-border:active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active:focus{
	background-color:#00793c;
	box-shadow: 0 0 0 .2rem rgba(0,158,70,0.5);
	border:#00793c;}

/*************/
/*Free Demo Home page*/
/************/

.container{
	position:relative;}

.demo-bg{
	display:none;
}

/***********/
/*About */
/***********/
.page-extra-top{
	margin-top:-120px;
	z-index:100;
	position:relative;}

.page-rounded-corner{
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color:#ffffff;
	position:absolute;

	width:91%;
	height:96px;
	z-index:1;
}

.sides-shadow{
	background-image:url(/images/bg-sides-shadow.png);

	background-repeat:no-repeat;
	background-size:contain;
	background-position-x:0;
	background-position-y:90px;
	padding-left: 26px;
	padding-right: 26px;
	padding-top:20px;
	width:100%;

	margin-left:auto;
	margin-right:auto;
	z-index:2;
	min-height:350px;
}

/*************/
/*About page - 2 Col CTAs*/
/************/
.bg-about{
	background-image: url(/images/about-background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
}

.about-ctaimg{
	max-width:205px;}

/****************/
/*Technology*/
/***************/
.green-arrows{
	display:none;
}
.add-on-icon{
	max-width:168px;
	margin-left:auto;
	margin-right:auto;}

.blue-shape{
	max-width:174px;}

.blue-shape p{
	text-transform:uppercase;
	color: #ffffff;
	text-align: center;
	padding-top:18%;

}
.blue-shape p.double-copy{padding-top:10%;}

/**1***/
.rectangle{
	width: 174px;
	height: 85px;
	background: #064582;
	border-radius:7px;
}
.triangle-down {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #064582;
	margin-left:auto;
	margin-right:auto;
}

/**2***/
.triangle-down-2{
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid rgba(6,69,130,0.95);
	margin-left:auto;
	margin-right:auto;}

.rectangle-2{
	width: 174px;
	height: 85px;
	border-radius:7px;
	background:rgba(6,69,130,0.95);
}


/**3***/
.rectangle-3{
	width: 174px;
	height: 85px;
	background:rgba(6,69,130,0.9);
	border-radius:7px;
}
.triangle-down-3 {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid rgba(6,69,130,0.9);
	margin-left:auto;
	margin-right:auto;
}

/**4***/
.rectangle-4{
	width: 174px;
	height: 85px;
	background:rgba(6,69,130,0.85);
	border-radius:7px;
}
.triangle-down-4 {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid rgba(6,69,130,0.85);
	margin-left:auto;
	margin-right:auto;
}


/*Future sections*/
/**5***/
.triangle-down-5{
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid rgba(6,69,130,0.7);
	margin-left:auto;
	margin-right:auto;}

.rectangle-5{
	width: 174px;
	height: 85px;
	border-radius:7px;
	background:rgba(6,69,130,0.7);
}


/**6***/
.triangle-down-6{
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid rgba(6,69,130,0.65);
	margin-left:auto;
	margin-right:auto;}

.rectangle-6{
	width: 174px;
	height: 85px;
	border-radius:7px;
	background:rgba(6,69,130,0.65);
}

/**7***/
.triangle-down-7{
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid rgba(6,69,130,0.60);
	margin-left:auto;
	margin-right:auto;}

.rectangle-7{
	width: 174px;
	height: 85px;
	border-radius:7px;
	background:rgba(6,69,130,0.60);
}

/**8***/
.triangle-down-8{
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid rgba(6,69,130,0.57);
	margin-left:auto;
	margin-right:auto;}

.rectangle-8{
	width: 174px;
	height: 85px;
	border-radius:7px;
	background:rgba(6,69,130,0.57);
}


a.learn-more {
	color: #047CCA;
}

a.learn-more:hover{
	color:#064582;
	text-decoration:none;}

.layout-features .media img{
	max-width:49px;}

#page-free-demo .hdw-bg .sideimg-left,
#page-free-demo .hdw-bg .sideimg-right{
	display:none; }

.progress-check-bar{
	max-width:422px;}


.webui-popover{
	background-color:#FFF;
	box-shadow: 0 0 21px 0 rgba(0,0,0,0.2);
	border: 1px solid rgba(0,0,0,.05);
	border-radius: 1rem;}
.webui-popover-inner{border-radius: 1rem;}
.webui-popover-title {
	padding: 1.5rem 1.70rem 0.25rem 1.25rem;
	margin: 0;

	font-weight: 600;
	line-height: 19px;
	font-size: 1rem;
	border:none!important;
	border-bottom:none!important;
	border-radius: 1rem 1rem 0 0;
	text-transform:uppercase;
}

#free-demo-page .webui-popover-title{text-transform:none;}

.webui-popover .webui-popover-content{
	border:none!important;
	padding: 0.025rem 1.70rem 1.5rem 1.25rem;
}

.webui-popover-content a{
	color:inherit;}

.webui-popover.top > .webui-arrow,
.webui-popover.top-right > .webui-arrow,
.webui-popover.top-left > .webui-arrow {

	bottom: -10px;}

/****************/
/*Contact*/
/***************/


form{
	width:100%;
}

#contact-us .form-control {

	color: #565454;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.17px;
	line-height: 17px;

	border: 1px solid #DFDFDF;
	border-radius: 2px;
	background-color: #FCFCFC;

}
#contact-us .form-control placeholder{color: #565454;}

.field-row{
	margin-bottom:15px;}

#contact-us textarea{
	min-height:136px;}

.form-btn {

	border: 2px solid #085095;
	border-radius: 8px;
	background-color: rgba(4,124,202,0.29);
	color: #085095;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.33px;
	line-height: 19px;
	text-align: center;
	padding: 13px 27px 14px 27px;
}

.form-btn:hover,
.form-btn:focus,
.form-btn:visited,
.form-btn:active{
	color: #ffffff;
	background-color:#085095;}

.layout-contact .h4{
	color: #252525;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.2px;
	line-height: 19px;
}
.page-section-contact .h4 a,
.page-section-contact .h4 a:hover{
	color: #252525;
	text-decoration:none;}

.dark-blue{
	color: #085095;
}

.map-mobile{
	display:block;}

.office-location{
	position:relative;
}

#toronto-office,
.popover,
#dubai-office,
#usa-office{

	display:none;}

.progress-check-bar .popover{
	display:block;}


.live-icon{width:106px;}


.demo-card{
	border-radius: .80rem;}

.Office p a{
	color:#565454 !important;
}

/*************/
/************/

#free-demo-page .bg-urban{
	min-height:700px;}

#free-demo-page .main-header {
	min-height:1100px;
}

/**************/
/*Footer*/
/**************/
#main-footer{
	background-color:#252525;
	padding-top:80px;
	padding-bottom:30px;}

/**Footer Nav*/
#main-footer a,
#main-footer p{
	color:#cbcaca ;}

#main-footer h4{
	color:#ffffff;}


.ftr_list h4{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1.5px;
	line-height: 22px;
	text-transform:uppercase;
}

.ftr_list ul{
	padding-left:0;
	margin-left:0;
	list-style:none;
	margin-top:28px;
}
.ftr_list ul li{
	margin-bottom:7px;
	font-size:16px;
	line-height:28px;
}
.ftr_list p{
	text-align:left;}

.ftr_list p.first-row{margin-top:28px;}
/**/

.bottom-bar {
	padding-top:27px;
	padding-bottom:27px;
	margin-top:30px;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);
}

#main-footer .disclamer p{
	font-size:12px;
	line-height:15px;
	text-align:left;
	padding-top: 6px;}

#facebook,
#twitter,
#instagram{
	width:17px;
	display:inline-block;
	margin-right:15px;
}
#youtube{
	width:17px;
	display:inline-block;

}
@media only screen and (max-width : 410px) {
	#price-card-icon-left{
		left:10px;}

	#price-card-icon-right{
		right:10px;}
}
@media only screen and (max-width : 767px) {

	/**nav-expand for footer with head and ul**/
	.nav-folderized .nav-footer h4 { cursor: pointer; }
	.nav-folderized ul,
	.nav-folderized .ftr_par {
		max-height: 0;
		overflow:hidden;
		transition: max-height 1s ease-out; }

	.nav-folderized .nav-footer h4:after {
		content: "+";
		float: right;
		height: 30px;
		width: 30px;
		text-align: center; }

	.nav-folderized .nav-footer.open h4:after { content: "-"; }

	.nav-folderized .nav-footer.open ul,
	.nav-folderized .nav-footer.open .ftr_par{
		height:auto;
		max-height: 500px;
		transition: max-height 1s ease-in !important;
	}
	/**nav-expand for footer with head and ul**/
}

@media (max-width: 768px) {
	.bg-urban.container,
	.about-container.container {

		padding-right: 0;
		padding-left: 0;
	}

	.navbar{
		padding:0;}

	.navbar-brand{
		padding-left:1rem;}

	.navbar-toggler{margin-right:1rem;}

	.navbar .green-with-border{
		text-transform: none;
		background-color: #00A652;
		width:100%;
		border: none;
		border-radius: 0;}

	.navbar-collapse{
		margin-top:10px;}

	.navbar-dark .navbar-nav .nav-link,
	.navbar-dark .navbar-nav .nav-link:hover,
	.navbar-dark .navbar-nav .active .nav-link,
	.navbar-dark .navbar-nav .nav-link.show,
	.navbar-dark .navbar-nav .show > .nav-link,
	.navbar-dark .navbar-nav .nav-link:visited,
	.navbar-dark .navbar-nav .nav-link:active,
	.navbar-dark .navbar-nav .nav-link:link   {
		color: #565454 ;

	}
	.navbar-dark .navbar-nav .nav-link:hover,
	.navbar-dark .navbar-nav .nav-link:focus,
	.navbar-dark .navbar-nav .active .nav-link
	{
		background-color:#f8f9fa;}



	.navbar-nav .dropdown-menu{
		width:85%;
		margin-left:auto;
		margin-right:auto;}



}

@media (min-width: 576px) {
	.demo-bg{
		display:block;
		background-image:url(/images/demo-bg.png);
		background-repeat:no-repeat;
		background-size:contain;
		background-position: bottom center;
		position:absolute;
		bottom:20%;
		height:228px;
		width:100%;	}

	.blue-shape{
		max-width:154px;}



	.rectangle,
	.rectangle-2,
	.rectangle-3,
	.rectangle-4,
	.rectangle-5,
	.rectangle-6,
	.rectangle-7,
	.rectangle-8 {
		width: 154px;
		height: 75px;

	}

}



@media (min-width: 768px) {
	h1{
		font-size: 60px;
		line-height: 72px;

	}

	h2{
		font-size: 29px;
		line-height: 35px;
	}

	.h4 {
		font-size: 16px;}

	p.lead{
		font-size: 30px;
		line-height: 45px;
	}

	.navbar-brand img{
		width:85px;
		margin-right:10px;}

	.green-with-border{
		padding: 9px 18px 13px 18px;
		font-size:13px;
		line-height:15px;
		margin-left:10px;}

	.active .nav-link:after{
		background: #FFFFFF none repeat scroll 0 0;
		content: "";
		display: block;
		height: 3px;
		margin: 5px auto 5px;
		position: relative;
		/*width:57px;*/

		box-shadow: 0 2px 8px 0 rgba(255,255,255,0.77);
	}
	#free-demo-page .nav-link:after{
		content: "";
		display: block;
		background:transparent;
		box-shadow:none;
		height:3px;
		margin: 5px auto 5px;
	}
	#free-demo-page .nav-link:hover:after,
	.nav-link:hover:after{
		background: #FFFFFF none repeat scroll 0 0;
		content: "";
		display: block;
		height: 3px;
		margin: 5px auto 5px;
		position: relative;
		clear:both;
		box-shadow: 0 2px 8px 0 rgba(255,255,255,0.77);
	}




	/*****/
	/*How does it work*/

	.hdw-bg{
		background-image: url(/images/how-does-it-work.png);
		background-repeat: no-repeat;
		background-position: center 50%;
		background-size:cover;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}

	.hwi{
		min-height:165px;}



	.layout-column-cards .card-body{
		min-height:285px;}

	.price-card .green-btn-no-border{
		padding-left:35px;
		padding-right:35px;
	}

	.demo-bg{
		bottom:17%;

	}



	/***********/
	/*About 2 CTA*/
	/***********/
	.vert-line-md{
		border-right: 2px solid rgba(151,151,151,0.12);}

	.layout-cta .btn-lg{
		min-width:260px;
	}

	.page-rounded-corner{

		position:absolute;
		width:658px;


	}

	.sides-shadow{
		width:768px;

		margin-left:auto;
		margin-right:auto;
		z-index:2;
		padding-left: 40px;
		padding-right: 40px;
		padding-top:40px;
	}
	/*	*/


	.blue-shape{
		max-width:174px;}


	.rectangle,
	.rectangle-2,
	.rectangle-3,
	.rectangle-4,
	.rectangle-5,
	.rectangle-6,
	.rectangle-7,
	.rectangle-8 {
		width: 174px;
		height: 85px;

	}

	.map{
		width:100%;
	}
	.Office{
		display:none;}

	.map-mobile{
		display:none;}

	.contact-map{
		background-image:url(/images/Map-BG@2x.png);
		background-repeat:no-repeat;
		background-size:cover;
		height:454px;
		width:100%;}



	#toronto-office{
		display:block;
		position:absolute;

		top:70px;
		left:-110px;}

	#dubai-office{
		display:block;
		position:absolute;
		top: 195px;
		left: -10px;}

	#usa-office{
		display:block;
		position:absolute;
		top: 135px;
		left: 88px;}

	.popover {
		border: 1px solid rgba(255,255,255,.2);
		background-color: #FFFFFF;
		box-shadow: 0 0 21px 0 rgba(0,0,0,0.2);
		font-family: 'Lato', sans-serif;
		border-radius: 1rem;
		display:block;
	}

	.popover .arrow {
		border:none;
	}

	.popover-header {
		padding: 1.5rem 1.25rem 0.25rem 1.25rem;
		margin-bottom: 0;
		font-size: 1rem;
		background-color: #ffffff;
		border-bottom: none;
		border-top-left-radius: calc(1rem - 1px);
		border-top-right-radius: calc(1rem - 1px);
		text-transform:uppercase;
	}

	.popover-body {
		padding: 0.25rem 1.25rem 1.5rem 1.25rem;
		color: #565454 ;
		font-size:16px;
		line-height:21px;
		font-weight:300;
	}

	#free-demo-page .popover-header {
		padding: 1.5rem 1.25rem 0.25rem 1.25rem;
		margin-bottom: 0;
		font-size: 1rem;
		background-color:#ffffff;
		border-bottom: none;
		border-top-left-radius: calc(1rem - 1px);
		border-top-right-radius: calc(1rem - 1px);
		text-transform:none !important;
	}

	#free-demo-page .popover-header {
		text-transform:none !important;
	}

	#free-demo-page .main-header {
		min-height:700px;
	}

	/***********/
	#facebook,
	#twitter,
	#instagram{
		margin-right:22px;
	}


}
@media (min-width: 992px) {
	.navbar-brand img{
		width:135px;}

	.btn{

		font-size:16px;
		line-height:19px;
		padding: 11px 27px 15px 27px;
		margin-left:0;}

	.bg-urban {
		background-size:63% auto;
		max-height:1040px;}

	.layout-column-cards .card-body{
		min-height:275px;}
	.map{
		background-size:cover;
		background-position:top center; }

	.demo-bg{
		bottom:18%;}

	.layout-cta .btn-lg{
		min-width:280px;}


	.page-rounded-corner{

		position:absolute;
		width:876px;


	}

	.sides-shadow{
		width:960px;
		margin-left:auto;
		margin-right:auto;
		z-index:2;
	}/**/

	.wrapper-add-on-modules{
		position:relative;}


	.green-arrows{
		display: block;
		position: absolute;
		width: 234px;
		height:297px;
		background-image: url(/images/green-arrow.png);
		background-repeat: no-repeat;
		background-position: right top;
		background-size:contain;
		top:-18%;
		left:-2%;

	}

	.blue-shape{
		max-width:154px;}


	.rectangle,
	.rectangle-2,
	.rectangle-3,
	.rectangle-4,
	.rectangle-5,
	.rectangle-6,
	.rectangle-7,
	.rectangle-8 {
		width: 154px;
		height: 85px;

	}

	#page-free-demo .hdw-bg{
		position:relative;}


	#page-free-demo .hdw-bg .sideimg-left{
		position:absolute;
		display:block;
		left:5%;
		top:25%;
		max-width:200px;}

	#page-free-demo .hdw-bg .sideimg-right{
		position:absolute;
		display:block;
		right:4%;
		top:25%;
		max-width:260px;}

	.contact-map{

		height:550px;}

	#toronto-office{

		top:110px;
		left:-185px;}

	#dubai-office{

		top:270px;
		left:-26px;}

	#usa-office{

		top:185px;
		left:25px;}

	.no-wrap-lg{
		white-space:nowrap;}

	.form-btn {

		padding: 13px 27px 14px 27px;
	}

}

@media (min-width: 1200px) {
	.layout-column-cards .card-body{
		min-height:245px;}

	.price-card .green-btn-no-border{
		padding-left:45px;
		padding-right:45px;
	}
	.demo-bg{
		bottom:16%;
	}

	.page-rounded-corner{
		width:930px;

	}

	.hdw-bg{
		background-size:auto;

		width:96%;
		max-width:1440px;

	}

	.sides-shadow{
		width:1020px;
	}

	.blue-shape{
		max-width:174px;}



	.rectangle,
	.rectangle-2,
	.rectangle-3,
	.rectangle-4,
	.rectangle-5,
	.rectangle-6,
	.rectangle-7,
	.rectangle-8 {
		width: 174px;
		height: 85px;

	}
	.triangle-down {

		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #064582;

	}

	#page-free-demo .hdw-bg .sideimg-left{
		left:5%;
		top:6%;
		max-width:325px; }

	#page-free-demo .hdw-bg .sideimg-right{
		right:3%;
		top:6%;
		max-width:385px;}


	#toronto-office{
		position:absolute;
		top: 158px;
		left: -200px;}

	#dubai-office{
		position:absolute;
		top:338px;
		left:-20px;}

	#usa-office{
		position:absolute;
		top:238px;
		left:30px;}

}
@media (min-width: 1600px) {
	.hdw-bg{

		width:1440px;

	}

	#page-free-demo .hdw-bg .sideimg-left{
		left:5%;
		top:1%;
	}

	#page-free-demo .hdw-bg .sideimg-right{
		right:5%;
		top:1%; }

	.map{
		background-size:98% 98%;
		background-position:top center;
		width:1600px;
	}
}

@media (min-width : 1200px) {
	.home-contactless-div {
		background:url('/images/contactless-valet-bg.png');
		height: 115px
	}

	.contactless-img {
		height: 94px;
		margin-top: 10.5px;
	}

	.contactless-text-div {
		text-align: left;
		color: black;
	}

	.contactless-p1 {
		font-family: Lato;
		font-weight: 400;
		font-style: normal;
		color: rgb(8, 8, 8);
		font-size: 48px;
	}

	.contactless-p2 {
		font-family: Lato;
		font-weight: 400;
		font-style: normal;
		color: rgb(8, 8, 8);
		font-size: 18px;
	}

	.contactless-p3 {
		font-family: Lato;
		font-weight: 700;
		font-style: italic;
		color: rgb(8, 8, 8);
		font-size: 18px;
	}

	.contactless-p1-h1 {
		line-height: 58px;
		margin-bottom: 0;
		margin-top: 8px;
	}

	.contactless-p2-h1 {
		line-height: 1px;
		letter-spacing: -0.4px
	}
}

@media (min-width : 768px) {
	.home-contactless-div {
		background:url('/images/contactless-valet-bg.png');
		height: 115px
	}

	.contactless-img {
		height: 94px;
		margin-top: 10.5px;
	}

	.contactless-text-div {
		text-align: left;
		color: black;
	}

	.contactless-p1 {
		font-family: Lato;
		font-weight: 400;
		font-style: normal;
		color: rgb(8, 8, 8);
		font-size: 36px;
	}

	.contactless-p2 {
		font-family: Lato;
		font-weight: 400;
		font-style: normal;
		color: rgb(8, 8, 8);
		font-size: 14px;
	}

	.contactless-p3 {
		font-family: Lato;
		font-weight: 700;
		font-style: italic;
		color: rgb(8, 8, 8);
		font-size: 14px;
	}

	.contactless-p1-h1 {
		line-height: 58px;
		margin-bottom: 0;
		margin-top: 8px;
	}

	.contactless-p2-h1 {
		line-height: 1px;
		letter-spacing: -0.4px
	}
}

@media (max-width : 767px) {
	.home-contactless-div {
		background:url('/images/contactless-valet-bg.png');
		height: 115px
	}

	.contactless-img {
		height: 74px;
		margin-top: 20.5px;
		position: relative;
		left: -20px;
	}

	.contactless-text-div {
		text-align: left;
		color: black;
		padding-top: 10px;
		padding-left: 30px;
		padding-right: 0;
	}

	.contactless-p1 {
		font-family: Lato;
		font-weight: 400;
		font-style: normal;
		color: rgb(8, 8, 8);
		font-size: 20px;
	}

	.contactless-p2 {
		font-family: Lato;
		font-weight: 400;
		font-style: normal;
		color: rgb(8, 8, 8);
		font-size: 13px;
		line-height: 5px;
        white-space: nowrap;
	}

	.contactless-p3 {
		font-family: Lato;
		font-weight: 700;
		font-style: italic;
		color: rgb(8, 8, 8);
		font-size: 13px;
        white-space: nowrap;
	}

	.contactless-p1-h1 {
		line-height: 31px;
		margin-bottom: 0;
		margin-top: 3px;
	}

	.contactless-p2-h1 {
		line-height: 1px;
		letter-spacing: -0.4px
	}
}