body.active {
	overflow: hidden
}

img:not([src]) {
	opacity: 0
}

.inputSearchLoading {
	background-image: url(../images/inputSearchLoading.gif)!important;
	background-size: 20px 20px!important;
	background-position: right 5px center!important;
	background-repeat: no-repeat!important
}

.menuOverLayBox {
	background-color: rgba(0, 0, 0, .7);
	position: fixed;
	top: 48px;
	height: calc(100vh - 45px);
	width: 100%;
	z-index: 4;
	display: none
}

.menuOverLayBox.active {
	display: block
}

.pannel#recentProjects {
	display: none;
	background: #fff;
	overflow: hidden;
	position: fixed;
	right: 0;
	z-index: 9;
	width: calc(100% - 260px);
	min-height: 355px;
	border-radius: 0 0 5px 5px;
	margin: 0 130px;
	top: 48px
}

.pannel.active#recentProjects {
	display: block;
	z-index: 99
}

.pannel#recentProjects .pannelHeader {
	padding: 0 18px;
	display: block;
	line-height: 40px;
	font-weight: 600;
	background: #f7f7f7;
	color: #333
}

.pannel#recentProjects .pannelHeader em {
	float: right;
	position: relative;
	top: 12px;
	color: #fff;
	display: none
}

.pannel#recentProjects .pannelBody {
	height: 374px;
	overflow: hidden;
	overflow-y: auto
}

.pannel#recentProjects .pannelBody ul li {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 15px
}

.pannel#recentProjects .pannelBody ul li:last-child {
	border-bottom: 0
}

.pannel#recentProjects .pannelBody ul li .leftDiv {
	width: 15%;
	float: left;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	align-items: center;
	display: flex;
	min-height: 74px
}

.pannel#recentProjects .pannelBody ul li .rightDiv {
	width: 85%;
	display: inline-block;
	padding: 15px 0 15px 15px;
	border-left: 1px solid #e5e5e5
}

.pannel#recentProjects .pannelBody ul li .rightDiv ul.proName li {
	font-size: 13px;
	border-left: 1px solid #e5e5e5;
	border-bottom: 0;
	display: inline;
	line-height: normal
}

.pannel#recentProjects .pannelBody ul li .rightDiv ul.proName li:first-child {
	border-left: 0;
	padding-left: 0
}

.pannel#recentProjects .pannelBody ul li .rightDiv ul.proName li a {
	text-decoration: none;
	color: #333
}

.pannel#recentProjects .pannelBody ul li .rightDiv ul.proName li a:hover {
	color: #58bf93
}

.floatTag {
	text-align: center;
	line-height: 250px;
	margin: auto;
	position: fixed;
	z-index: 9;
	top: 49%;
	right: 0;
	width: 44px;
	height: 174px;
	background: #0094d8;
	border-radius: 3px 0 0 3px;
	cursor: pointer
}

.floatTag span {
	font-size: 14px;
	color: #fff;
	transform: rotate(270deg);
	white-space: nowrap;
	display: block
}

.outerPannel {
	background: #fff;
	overflow: hidden;
	position: fixed;
	right: -1100px;
	top: 126px;
	z-index: 6;
	display: block;
	width: 1000px;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .06);
	transition: .3s
}

.outerPannel.active {
	right: 55px;
	transition: .3s
}

.outerPannel .pannelHeader {
	padding: 0 18px;
	display: block;
	line-height: 40px;
	font-weight: 600;
	background: #f7f7f7;
	color: #333
}

.outerPannel .pannelHeader em {
	float: right;
	position: relative;
	top: 12px;
	color: #959595;
	cursor: pointer
}

.outerPannel .pannelBody {
	padding: 0 0 5px;
	display: block;
	overflow: hidden
}

.outerPannel .pannelBody .box {
	padding: 10px 0;
	margin: 0 18px;
	display: block;
	float: left;
	width: calc(24% - 26px);
	min-height: 180px
}

.outerPannel .pannelBody .box:nth-child(1),
.outerPannel .pannelBody .box:nth-child(2),
.outerPannel .pannelBody .box:nth-child(3) {
	border: 0
}

.outerPannel .pannelBody .box .heading {
	margin-bottom: 5px;
	font-weight: 600;
	color: #333;
	line-height: 22px
}

.outerPannel .pannelBody .box ul {
	display: block
}

.outerPannel .pannelBody .box ul li {
	display: block
}

.outerPannel .pannelBody .box ul li a {
	display: block;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 26px
}

.outerPannel .pannelBody .box ul li a:hover {
	color: #fa1321
}

.outerPannel .pannelBody .box ul::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: rgba(255, 255, 255, .1);
	position: absolute;
	z-index: 10000
}

.outerPannel .pannelBody .box ul::-webkit-scrollbar-thumb {
	background-color: #bfbfbf;
	border-radius: 20px
}

.outerPannel .pannelBody .box ul::-moz-scrollbar {
	width: 8px;
	height: 8px;
	background-color: rgba(255, 255, 255, .1);
	position: absolute;
	z-index: 10000;
	right: 0
}

.outerPannel .pannelBody .box ul::-moz-scrollbar-thumb {
	background-color: #bfbfbf;
	border-radius: 20px
}

.outerPannel .btnBox {
	display: flow-root;
	width: 100%;
	border-top: 1px solid #e8e8e8;
	padding: 15px
}

.outerPannel .btnBox .btn.btn-primary {
	float: right
}

.cct {
	max-width: 710px;
	border-radius: 10px;
	background: #fff;
	width: calc(100% - 20px);
	position: fixed;
	left: 50%;
	top: 50%;
	box-shadow: 0 0 17px 0 rgba(0, 0, 0, .08);
	transform: translate(-50%, -50%);
	z-index: 100;
	transition: .3s;
	display: none
}

.cct.active {
	display: block
}

.cct .header .closeCCt {
	position: absolute;
	right: 7px;
	top: 10px;
	border: none;
	background: 0 0
}

.cct .header .closeCCt:hover {
	cursor: pointer
}

.cct .header {
	background: #fafafa;
	padding: 20px 25px;
	border-radius: 10px 10px 0 0;
	position: relative
}

.cct .header h5 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px
}

.cct .header p {
	font-size: 14px;
	color: #666;
	line-height: 20px
}

.cct .cctBody {
	padding: 20px 25px
}

.cct .cctBody .form-group label.text {
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
	color: #666
}

.cct .cctBody .form-group .formCheckBox {
	padding: 0 0 5px 30px
}

.cct .cctBody .selectBox {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%
}

.cct .cctBody .selectBox::after {
	content: "\e919";
	font-family: icomoon;
	font-size: 12px;
	color: #666;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: -1
}

.cct .cctBody .form-group {
	position: relative
}

.cct .cctBody .form-group button {
	font-size: 18px;
	width: 100%;
	font-weight: 600;
	color: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
	border-radius: 3px;
	background-color: #58bf93;
	line-height: 48px;
	border: none
}

.cct .cctBody .destiType {
	display: flex;
	flex-wrap: wrap
}

.cct .cctBody .destiType .typeBox {
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .04);
	border: solid 1px #ededed;
	background-color: #fff;
	display: flex;
	height: 43px;
	padding: 0 15px 0 10px;
	align-items: center;
	margin-right: 10px;
	flex-shrink: 0
}

.cct .cctBody .destiType .typeBox:hover {
	cursor: pointer
}

.cct .cctBody .destiType .typeBox input[type=radio] {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

.cct .cctBody .destiType .typeBox .check {
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 6px;
	box-shadow: 0 0 1px 0 #b2b2b2;
	border: solid 3px #fff;
	background-color: #e3e3e3;
	border-radius: 50%
}

.cct .cctBody .destiType .typeBox input:checked~.check {
	box-shadow: 0 0 1px 0 #58bf93;
	background: #58bf93
}

.cct .cctBody .form-group .autoComplete {
	max-height: 0;
	width: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 64px;
	overflow: auto;
	border-radius: 0 0 5px 5px;
	transition: .3s;
	z-index: 1
}

.cct .cctBody .form-group .autoComplete.active {
	max-height: 130px;
	transition: .3s;
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .16);
	border: 1px solid #ccc;
	border-top: none
}

.cct .cctBody .input-group input:focus~.autoComplete {
	max-height: 209px;
	transition: .3s;
	box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .16)
}

.cct .cctBody .form-group .autoComplete::-webkit-scrollbar {
	width: 5px
}

.cct .cctBody .form-group .autoComplete::-webkit-scrollbar-track {
	background: 0 0
}

.cct .cctBody .form-group .autoComplete::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .5);
	border-radius: 10px
}

.cct .cctBody .form-group .autoComplete .recentSearch {
	display: block;
	border-bottom: 1px solid #ccc
}

.cct .cctBody .form-group .autoComplete ul li {
	padding: 5px 15px;
	position: relative;
	display: flex;
	color: #333;
	line-height: 23px;
	cursor: pointer
}

.cct .cctBody .form-group .autoComplete ul li em {
	margin-right: 10px;
	padding-top: 4px
}

.cct .cctBody .form-group .autoComplete ul li span {
	display: block;
	color: #666;
	line-height: 15px
}

.searchMap {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	display: none;
	z-index: 10;
	background-size: cover
}

.searchMap .searchBody {
	position: relative;
	height: 100%
}

.searchMap .searchBody .mapLocation {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: -1
}

.searchMap .searchBody .searchBox {
	padding: 15px
}

.searchMap .searchBox .back {
	background: 0 0;
	border: none
}

.searchMap .searchBox .back em {
	font-size: 18px
}

.searchMap .searchBox input {
	width: 100%;
	border-radius: 8px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .16);
	background-color: #fff;
	height: 46px;
	border: none;
	font-size: 13px;
	padding: 0 15px 0 50px
}

.searchMap .searchBox .form-group {
	position: relative;
	padding-top: 20px
}

.searchMap .searchBox .form-group em {
	position: absolute;
	top: 32px;
	left: 13px;
	font-size: 20px
}

.searchMap .tailMain {
	position: fixed;
	padding-right: 15px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	background: rgba(255, 255, 255, .5)
}

.searchMap .tailMain ul {
	display: flex;
	overflow-y: auto;
	padding: 15px
}

.searchMap .tailMain ul li {
	border-radius: 8px;
	padding: 15px;
	display: flex;
	align-items: center;
	min-width: 255px;
	position: relative;
	margin-right: 10px
}

.searchMap .tailMain ul li.active {
	border: solid 1px #58bf93
}

.searchMap .tailMain ul li .tailbg {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: blur(30px);
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .08);
	backdrop-filter: blur(30px);
	z-index: -1;
	left: 0;
	background-color: #fff
}

.searchMap .tailMain ul li:last-child {
	margin-right: 0
}

.searchMap .tailMain ul li picture {
	margin-right: 12px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

.searchMap .tailMain .workingHeading {
	display: flex;
	flex-direction: column
}

.searchMap .tailMain .removeWork {
	position: absolute;
	background: 0 0;
	border: none;
	right: 3px;
	top: 10px
}

.searchMap .tailMain ul li h5 {
	font-size: 12px;
	line-height: 12px;
	color: #666;
	text-transform: uppercase
}

.searchMap .tailMain ul li h6 {
	font-size: 13px;
	color: #333;
	font-weight: 600
}

.searchMap.active {
	display: block
}

#mapDiv #map {
	z-index: 1
}

#mapLoc #map {
	z-index: 1
}

.alert {
	position: relative;
	padding: 2px 15px;
	border: 1px solid transparent;
	border-radius: 5px;
	font-size: 13px;
	line-height: normal
}

.alert.error {
	color: #721c24;
	background: #f8d7da
}

.alert.success {
	color: #29b24b;
	background-color: #d4edda;
	border-color: #d4edda
}

.shotlistPopup {
	display: none;
	background: #fff;
	width: 385px;
	float: right;
	right: 0;
	position: absolute;
	top: 48px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .23);
	border-radius: 0 0 5px 5px
}

.shotlistPopup.active {
	display: block
}

.shotlistPopup input[type=checkbox] {
	margin-right: 10px;
	width: 16px;
	height: 16px;
	float: left
}

.shotlistPopup .projectTiles {
	max-height: 305px;
	overflow: hidden;
	overflow: auto
}

.shotlistPopup .projectTiles .shortlistheader {
	background: #f1f1f1
}

.shotlistPopup .projectTiles .shortlistheader span {
	padding: 2px 10px 3px;
	display: inline-block;
	font-weight: 600;
	line-height: 35px;
	color: #333
}

.shotlistPopup .projectTiles .shortlistheader em {
	padding: 6px 12px;
	margin-top: 7px;
	color: #333;
	font-size: 12px;
	float: right;
	border-radius: 3px;
	cursor: pointer
}

.shotlistPopup .alert-danger {
	padding: 10px;
	color: #fff;
	background-color: #13191d;
	line-height: 15px;
	font-size: 13px;
	border-radius: 5px;
	position: absolute;
	z-index: 2;
	margin: 10px;
	width: calc(100% - 35px)
}

.shotlistPopup .alert-danger strong {
	font-weight: 600
}

.shotlistPopup .projectTile {
	padding: 10px 40px 10px 105px;
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	position: relative
}

.shotlistPopup .projectTile .checkBox {
	width: 25px;
	position: absolute;
	left: 10px;
	top: 26px
}

.shotlistPopup .projectTile picture {
	width: 55px;
	height: 55px;
	display: block;
	position: absolute;
	left: 38px
}

.shotlistPopup .projectTile picture img {
	width: 55px;
	height: 55px
}

.shotlistPopup .projectTile .projectData {
	display: block
}

.shotlistPopup .projectTile .projectData label {
	margin: 0;
	display: block;
	line-height: 15px;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.shotlistPopup .projectTile .projectData span {
	display: block;
	font-size: 12px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.shotlistPopup .projectTile .projectData h3 {
	color: #58bf93;
	font-size: 13px;
	font-weight: 600
}

.shotlistPopup .projectTile .deleteItem {
	position: absolute;
	right: 10px;
	top: 0;
	height: 100%
}

.shotlistPopup .projectTile .deleteItem em {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 30px;
	opacity: .3
}

.shotlistPopup .projectTile .deleteItem em:hover {
	opacity: 1
}

.shotlistPopup .projectTile .deleteItem em img {
	width: 14px
}

.listingSorted {
	padding: 10px 10px 7px 115px!important;
	width: calc(100% - 45px);
	margin: 5px 5px 5px 35px;
	position: relative;
	background: #fff;
	border-radius: 8px;
	overflow: initial!important;
	box-shadow: 0 0 14px 0 rgba(0, 0, 0, .06);
	border: solid 1px #e8e8e8!important;
	display: block;
	display: block;
	height: 100px
}

.shotlistPopup .projectTile.listingSorted .checkBox {
	left: -25px;
	top: 0;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	z-index: 2
}

.listingSorted~.listingSorted {
	margin-top: 10px
}

.shotlistPopup .projectTile.listingSorted picture {
	left: 0;
	top: 0;
	width: 100px;
	height: 100px;
	box-shadow: 0 0 14px 0 rgba(0, 0, 0, .18);
	border-radius: 5px;
	overflow: hidden
}

.shotlistPopup .projectTile.listingSorted picture img {
	width: 100px;
	height: 100px
}

.shotlistPopup .projectTile.listingSorted label {
	font-size: 13px!important;
	max-width: calc(100% - 20px)
}

.shotlistPopup .projectTile.listingSorted .deleteItem em {
	height: 30px;
	cursor: pointer
}

.shotlistPopup .projectTile.listingSorted .deleteItem {
	right: 0
}

.shotlistPopup .projectTile.listingSorted .projectData span {
	color: #333
}

.shotlistPopup .projectTile .projectData h3 {
	color: #5f449b
}

.listingSorted span {
	width: calc(100% - 15px)
}

.tkBo {
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 17px;
	width: 17px;
	background: #fff;
	border: 1px solid #d0d0d0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	outline: 0;
	z-index: 1;
	border-radius: 3px
}

.tkBo:checked {
	background: #58bf93;
	border-color: #58bf93
}

.tkBo:checked::before {
	content: "\e92a";
	font-family: icomoon;
	display: flex;
	font-size: 10px;
	text-align: center;
	line-height: 10px;
	color: #fff;
	height: 100%;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.listingSorted .statustype {
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	overflow: hidden
}

.listingSorted .statustype li {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-direction: column;
	position: relative;
	flex-shrink: 0;
	font-size: 12px;
	color: #333
}

.listingSorted .statustype li:nth-child(2) {
	margin-left: 10px;
	padding-left: 10px
}

.listingSorted .statustype li:nth-child(2)::before {
	width: 4px;
	height: 4px;
	border-radius: 100%;
	display: block;
	position: absolute;
	left: -2px;
	top: 9px;
	content: '';
	background: #a9a9a9
}

.shotlistPopup .btnBox {
	padding: 10px;
	width: 100%
}

.shotlistPopup .btnBox .btn {
	padding: 10px 21px;
	margin: 0;
	width: 100%
}

.shotlistPopup .btnBox .btn.btn-primary {
	background: #58bf93;
	color: #fff;
	border: #58bf93 solid 1px
}

.shotlistPopup .btnBox .btn[disabled] {
	padding: 10px 21px;
	background: #b1b1b1;
	border: #b1b1b1 solid 1px;
	cursor: default
}

.shorlistTab {
	padding: 10px;
	display: block;
	height: 50px
}

.shorlistTab ul {
	padding: 0!important;
	float: none!important;
	flex-direction: row!important;
	display: flex!important;
	border: #333 solid 1px;
	overflow: hidden;
	border-radius: 10px
}

.shorlistTab ul li {
	padding: 0 10px;
	margin: 0!important;
	height: auto!important;
	cursor: pointer;
	justify-content: center;
	text-align: center;
	background: #f1f1f1;
	line-height: 32px!important;
	color: #333!important;
	width: 100%
}

.shorlistTab ul li+li {
	border-left: #333 solid 1px
}

.shorlistTab ul li.active {
	background: #333;
	color: #fff!important;
	cursor: default
}

.shorlistTab ul li:last-child {
	display: block!important;
	border-right: #333 solid 0
}

.breadcrumbBox .more .seoTable {
	cursor: default
}

.breadcrumbBox .more .seoTable .heading {
	padding: 10px 15px;
	font-size: 14px;
	color: #333;
	font-weight: 600;
	border-bottom: #e5e5e5 solid 1px
}

.breadcrumbBox .more .seoTable .tableBox {
	padding: 5px 15px;
	overflow: auto;
	max-height: 132px
}

.breadcrumbBox .more .seoTable table {
	border-collapse: collapse;
	font-size: 13px;
	width: 100%;
	text-align: left
}

.breadcrumbBox .more .seoTable table th {
	color: #333;
	font-weight: 600;
	line-height: 22px
}

.breadcrumbBox .more .seoTable table td {
	color: #666;
	line-height: 22px
}

.breadcrumbBox .more.active .seoTable {
	display: block
}

footer {
	background: #000;
	border-top: #efefef solid 1px;
	overflow: hidden;
	position: relative;
	z-index: 0
}

footer:after {
	content: '';
	background: url(https://static.squareyards.com/ui-assets/images/pattern-white.png) repeat left top;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .1;
	z-index: -1
}

footer .seoFooter {
	padding: 40px 0 20px;
	background: #fafafa
}

footer .seoFooter h4 {
	margin-bottom: 20px;
	font-size: 13px;
	color: #333;
	font-weight: 600;
	display: block
}

footer .seoFooter ul {
	margin-bottom: 15px;
	display: block
}

footer .seoFooter ul li {
	padding-right: 5px;
	margin-right: 5px;
	font-size: 12px;
	display: inline-block;
	position: relative
}

footer .seoFooter ul li::after {
	content: '';
	position: absolute;
	top: 5px;
	right: -1px;
	width: 1px;
	height: 12px;
	background: #666
}

footer .seoFooter ul li strong {
	font-weight: 600;
	color: #333
}

footer .seoFooter ul li a {
	color: #333
}

footer .seoFooter ul li a:hover {
	color: #333;
	text-decoration: underline
}

footer .seoFooter ul li:first-child {
	margin-right: 0
}

footer .seoFooter ul li:first-child::after,
footer .seoFooter ul li:last-child::after {
	display: none
}

footer .overView {
	padding: 40px 0 20px;
	display: block
}

footer .overView h5 {
	margin-bottom: 20px;
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	display: block
}

footer .overView h6 {
	margin: 15px 0;
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	display: block
}

footer .overView ul {
	display: block
}

footer .overView ul li {
	display: block;
	line-height: 25px;
	color: #fff
}

footer .overView ul li a {
	display: inline-block;
	color: #fff
}

footer .overView ul li a:hover {
	text-decoration: underline
}

footer .overView ul.connectWithUs {
	display: block
}

footer .overView ul.connectWithUs li .box {
	margin-bottom: 20px;
	display: block;
	color: #fa1321;
	line-height: 15px
}

footer .overView ul.connectWithUs li .box a {
	color: #fff
}

footer .overView ul.connectWithUs li .box a:hover {
	text-decoration: underline
}

footer .overView ul.connectWithUs li .box strong {
	display: block;
	color: #fff;
	line-height: 15px;
	font-weight: 600
}

footer .overView ul.connectWithUs li:last-child .box a:hover {
	color: #fa1321;
	text-decoration: none
}

footer .appLinkBox {
	display: block
}

footer .appLinkBox a {
	margin-right: 8px
}

footer .overView .socialBox {
	display: block
}

footer .overView .socialBox li {
	margin-right: 8px;
	display: inline-block;
	float: left;
	line-height: 25px;
	font-size: 32px;
	border-radius: 3px
}

footer .overView .socialBox li a {
	display: flex;
	color: #fff;
	vertical-align: middle;
	align-items: center;
	transition: .2s;
	border-radius: 4px;
	overflow: hidden
}

footer .overView .socialBox li a img {
	width: 32px;
	border-radius: 5px;
	vertical-align: bottom
}

footer .overView .socialBox li a:hover {
	margin-top: -3px;
	text-decoration: none;
	transition: .2s
}

footer .overView .socialBox li:nth-child(3) a {
	background: #fff
}

footer .about {
	padding: 40px 0;
	display: block;
	border-top: #232323 solid 1px
}

footer .about h5 {
	margin-bottom: 10px;
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	display: block
}

footer .about p {
	color: #fff
}

footer .ourPresence {
	padding: 40px 0 20px;
	display: block;
	border-top: #232323 solid 1px
}

footer .ourPresence h5 {
	margin-bottom: 10px;
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	display: block
}

footer .ourPresence h6 {
	margin-bottom: 10px;
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	display: block
}

footer address {
	position: relative;
	font-style: inherit;
	overflow: hidden
}

footer address:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #232323
}

footer address ul {
	display: block
}

footer address ul li {
	padding: 0 0 0 15px;
	display: block;
	float: right;
	background: #000;
	position: relative;
	z-index: 1;
	color: #fff
}

footer address ul li:first-child {
	padding: 0 15px 0 0;
	float: left
}

footer address ul li strong {
	color: #fff;
	font-weight: 600
}

footer address ul li:last-child {
	font-size: 14px
}

footer .addressList {
	padding-top: 20px;
	display: block
}

footer .addressList.indianCity {
	padding-bottom: 15px;
	border-bottom: #232323 solid 1px
}

footer .addressList ul {
	display: block
}

footer .addressList ul li {
	position: relative;
	width: 14%;
	display: inline-block;
	line-height: 30px;
	cursor: pointer;
	color: #fff
}

footer .addressList ul li .heading {
	padding-bottom: 5px;
	line-height: 18px;
	display: block;
	font-weight: 600
}

footer .addressList ul li .addresBox {
	padding: 10px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 5px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
	z-index: -1;
	width: 215px;
	opacity: 0
}

footer .addressList ul li .addresBox em {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 12px;
	color: #333
}

footer .addressList ul li .addresBox p {
	line-height: 18px;
	color: #333
}

footer .addressList ul li.active .addresBox {
	z-index: 1;
	width: 215px;
	opacity: 1
}

footer .copyRight {
	padding: 15px 0;
	display: block;
	border-top: #232323 solid 1px;
	text-align: center;
	overflow: hidden;
	width: 100%
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none
}

input[type=number] {
	-moz-appearance: textfield
}

#messsage,
.Otp,
.popupForm {
	margin: -175px 0 0 -187.5px;
	display: none;
	border-radius: 10px;
	background: #fff;
	position: fixed;
	max-width: 375px;
	width: calc(100% - 20px);
	left: 50%;
	top: 50%;
	box-shadow: 0 0 17px 0 rgba(0, 0, 0, .08);
	z-index: 11
}

#messsage.active,
.Otp.active,
.popupForm.active {
	display: block
}

#messsage .formBox .closeBtn,
.Otp .formBox .closeBtn,
.popupForm .formBox .closeBtn {
	cursor: pointer;
	position: absolute;
	top: 13px;
	right: 10px;
	color: #666;
	font-size: 13px;
	display: block
}

#messsage .formBox .btn-primary,
.Otp .formBox .btn-primary,
.popupForm .formBox .btn-primary {
	margin-left: 0;
	width: 100%;
	font-weight: 600
}

#messsage .formBox .btn-primary em,
.Otp .formBox .btn-primary em,
.popupForm .formBox .btn-primary em {
	margin-right: 3px;
	font-size: 14px;
	position: relative;
	top: 2px
}

.overLayBox {
	display: none;
	background-color: rgba(0, 0, 0, .7);
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10
}

.overLayBox.active {
	display: block
}

.formCheckBox {
	padding: 0 0 15px 30px;
	font-size: 13px;
	color: #333;
	position: relative;
	overflow: hidden
}

.formCheckBox input {
	outline: 0;
	width: 17px;
	min-height: 17px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-appearance: none;
	border: #ccc solid 1px;
	border-radius: 3px
}

.formCheckBox input[type=checkbox]:checked:after {
	padding: 3px 0;
	font-size: 10px;
	background: #fff;
	content: '\e92a';
	font-family: icomoon;
	color: #333;
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align: center;
	border-radius: 3px
}

.formCheckBox span {
	padding-left: 5px;
	color: #6dbf61
}

.formCheckBox span img {
	position: relative;
	top: 3px
}

.optionInput {
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 17px;
	width: 17px;
	background: #fff;
	border: 1px solid #d0d0d0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	outline: 0;
	z-index: 1;
	border-radius: 3px
}

.optionInput:checked {
	background: #fff
}

.optionInput:checked::before {
	content: "\e92a";
	font-family: icomoon;
	display: flex;
	font-size: 12px;
	text-align: center;
	line-height: 10px;
	color: #333;
	height: 100%;
	align-items: center;
	justify-content: center
}

.optionInput.radio:checked::after {
	border-radius: 100%
}

.optionInput.radio:checked {
	background: #fff;
	border: 1px solid #58bf93
}

.optionInput.radio:checked::before {
	content: "";
	width: 11px;
	height: 11px;
	background: #58bf93;
	border-radius: 100%;
	left: 2px;
	top: 2px;
	position: absolute
}

.optionInput.radio {
	margin-top: 0;
	border-radius: 50%
}

.optionInput.radio::after {
	border-radius: 50%
}

.reportListingBox {
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .7);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 11;
	transition: .3s
}

.reportListingBox.active {
	display: flex;
	display: -webkit-flex;
	transition: .3s
}

.reportListingBox .reportBody {
	display: none
}

.reportListingBox .reportBody.active {
	display: block
}

.reportListingBox h4 {
	margin-bottom: 8px;
	font-weight: 600;
	color: #333;
	font-size: 14px
}

.reportListingBox .form-group {
	margin-bottom: 15px!important
}

.reportListingBox .reportList {
	display: block
}

.reportListingBox .reportList ul {
	display: block
}

.reportListingBox .reportList ul .formCheckBox {
	padding: 0 0 8px 30px
}

.reportListingBox .reportList ul .formCheckBox label {
	cursor: pointer
}

.reportListingBox .reportList ul .formCheckBox input {
	top: 3px
}

.reportListingBox textarea {
	height: auto!important;
	resize: none
}

.reportListingBox textarea:focus {
	border: 1px solid #b2b2b2;
	box-shadow: 0 0 17px 0 rgba(0, 0, 0, .08)
}

.reportListingBox .reportListingBody {
	padding: 15px;
	width: 350px;
	border-radius: 10px;
	background: #fff;
	position: relative
}

.reportListingBox .reportListingBody .reportListingHeading {
	padding: 10px 20px;
	margin: -15px -15px 15px;
	background: #333;
	color: #fff;
	font-size: 14px;
	border-radius: 10px 10px 0 0
}

.reportListingBox .reportListingBody .reportListingHeading .icon-close {
	position: absolute;
	right: -25px;
	top: 2px;
	cursor: pointer
}

.reportListingBox .reportListingBody .formBox {
	padding: 0;
	border: none;
	box-shadow: none;
	background: 0 0
}

.reportListingBox .reportListingBody .formBox .btn {
	width: 100%;
	font-size: 14px;
	font-weight: 600
}

.reportListingBox .reportListingBody .formBox .inputGroupAdd {
	border-right: 0
}

.reportListingBox .thankYouReport {
	text-align: center;
	min-height: 180px;
	display: none;
	align-items: center;
	flex-direction: column;
	justify-content: center
}

.reportListingBox .thankYouReport em {
	margin: 0 auto 10px;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	background: #58bf93;
	display: flex;
	display: -webkit-flex;
	color: #fff;
	font-size: 18px;
	align-items: center;
	justify-content: center
}

.reportListingBox .thankYouReport h3 {
	margin-bottom: 10px;
	color: #333;
	font-size: 24px
}

.reportListingBox .thankYouReport.active {
	display: flex;
	display: -webkit-flex
}

.formSlider {
	padding: 0 24px;
	margin-top: 10px;
	width: 100%;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	display: none
}

.formSlider:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #e5e5e5;
	z-index: 9
}

.formSlider .owl-item .list {
	padding: 8px 0;
	border-right: 1px solid #e5e5e5;
	text-align: center;
	font-size: 12px;
	line-height: 16px
}

.formSlider .owl-item:first-child.list {
	border-right: 1px solid #e5e5e5
}

.formSlider .owl-item .list span {
	display: block
}

.formSlider .owl-item .list.active {
	font-weight: 600;
	color: #333;
	background: #f0f0f0
}

.formSlider .owl-theme .owl-nav {
	margin: 0;
	display: block
}

.formSlider .owl-theme .owl-nav .disabled {
	opacity: 1;
	color: #f1f1f1
}

.formSlider .owl-prev {
	margin: 0!important;
	position: absolute;
	top: calc(50% - 25px);
	left: -25px;
	width: 27px;
	height: 50px;
	background: #fff!important
}

.formSlider .owl-next {
	margin: 0!important;
	position: absolute;
	top: calc(50% - 25px);
	right: -25px;
	width: 27px;
	height: 50px;
	background: #fff!important
}

.formSlider .owl-prev:after {
	padding: 14px 0;
	content: '\e916';
	position: absolute;
	top: 0;
	left: 0;
	width: 27px;
	height: 50px;
	font-family: icomoon;
	font-size: 13px;
	color: #797979;
	border-right: 1px solid #e5e5e5
}

.formSlider .owl-next:after {
	padding: 14px 0;
	content: '\e917';
	position: absolute;
	top: 0;
	left: 0;
	width: 27px;
	height: 50px;
	font-family: icomoon;
	font-size: 13px;
	color: #797979;
	border-left: 1px solid #e5e5e5
}

.formSlider .owl-next:hover,
.formSlider .owl-prev {
	color: #333
}

.overlayCTA {
	background-color: rgba(0, 0, 0, .7);
	position: fixed;
	top: 48px;
	height: calc(100vh - 45px);
	width: 100%;
	z-index: 4;
	display: none
}

.bottomCTA em {
	height: 35px;
	width: 35px;
	cursor: pointer;
	position: absolute;
	left: 48%;
	top: -78px;
	background: rgba(255, 255, 255, .28);
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: .58;
	display: none
}

.bottomCTA em.icon-close {
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 34px
}

.bottomCTA em.profileCase {
	top: -90px
}

.bottomCTA em.profileCase.top {
	top: -300px
}

.bottomCTA {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	transition: .3s
}

.bottomCTA.activeWhatsapp {
	position: fixed;
	left: 0;
	right: 0;
	bottom: -1px;
	z-index: 9;
	transition: .3s
}

.bottomCTA.activeMeeting {
	position: fixed;
	left: 0;
	right: 0;
	bottom: -1px;
	z-index: 9;
	transition: .3s
}

.bottomCTA.activeCallback {
	position: fixed;
	left: 0;
	right: 0;
	bottom: -1px;
	z-index: 9;
	transition: .3s
}

.bottomCTA .activeWhatsappForm {
	display: block;
	display: block;
	display: block
}

.bottomCTA .callFlexBox {
	background: #5e449b;
	box-shadow: 0 -10px 50px 0 rgba(0, 0, 0, .23);
	border-radius: 20px 20px 0 0;
	height: 42px
}

.callFlexBox ul.flexBox {
	display: flex;
	position: relative;
	top: -26px
}

.callFlexBox ul.flexBox li {
	width: 52px;
	height: 52px;
	background: #eaeaea;
	border-radius: 50%;
	text-align: center;
	margin: auto;
	display: flex;
	cursor: pointer;
	transition: .3s;
	align-items: center;
	justify-content: center
}

.callFlexBox ul.flexBox li.disabled {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: .3s
}

.callFlexBox ul.flexBox li#flexMeeting.disabled img {
	opacity: .7
}

.callFlexBox ul.flexBox li#flexCallback.disabled img {
	opacity: .5
}

.callbackForm,
.meetingForm,
.whatsappForm {
	display: none!important;
	overflow: hidden
}

.callbackForm.active,
.meetingForm.active,
.whatsappForm.active {
	display: block!important
}

.bottomCTA .formBoxx {
	margin-top: -18px;
	display: none;
	background: #fff
}

.bottomCTA .formBoxx .flexHeading {
	padding: 10px 20px;
	background: #5e449b;
	color: #fff;
	font-size: 14px
}

.bottomCTA .formBoxx form {
	padding: 20px;
	display: block
}

.bottomCTA .formBoxx .input-group {
	display: flex;
	width: 100%
}

.bottomCTA .formBoxx .selectBox {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%
}

.bottomCTA .formBoxx .selectBox::after {
	content: "\e919";
	font-family: icomoon;
	font-size: 12px;
	color: #666;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: -1
}

.bottomCTA .formBoxx .inputGroupAdd {
	width: 122px
}

.bottomCTA .formBoxx .inputGroupAdd select {
	border-radius: 5px 0 0 5px;
	border-right: 0
}

.bottomCTA .formBoxx .inputGroupAdd+input {
	border-radius: 0 5px 5px 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.bottomCTA .formBoxx .form-group {
	margin-bottom: 15px!important;
	position: relative
}

.bottomCTA .formBoxx .form-group .gps-location {
	padding: 12px;
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	width: 45px;
	z-index: 1
}

.bottomCTA .formSlider {
	margin-bottom: 15px
}

.bottomCTA .btn-primary {
	background: #58bf93;
	color: #fff;
	border: 0;
	width: 100%;
	cursor: pointer
}

.bottomCTA .showProfile {
	display: none;
	background: #fff;
	padding: 15px;
	border-radius: 20px 20px 0 0;
	position: fixed;
	left: 0;
	right: 0;
	bottom: -295px;
	z-index: 9;
	transition: .3s;
	min-height: 250px
}

.bottomCTA .showProfile .closePop em {
	top: -70px
}

.bottomCTA .showProfile.active {
	display: block
}

.bottomCTA .showProfile.profileBox {
	bottom: 0;
	transition: .3s
}

.bottomCTA .showProfile.profileBox .pic {
	width: 87px;
	height: 87px;
	background: #f5f5f5;
	border-radius: 50%;
	text-align: center;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}

.bottomCTA .showProfile.profileBox .pic figure {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	text-align: center;
	overflow: hidden
}

.bottomCTA .showProfile.profileBox .pic figure img {
	width: 75px
}

.bottomCTA .showProfile .agentInfo {
	border-radius: 3px;
	padding: 5px;
	border: 1px solid #f5f5f5
}

.bottomCTA .showProfile p {
	font-size: 14px;
	color: #333;
	text-align: center;
	margin-top: 15px
}

.bottomCTA .showProfile span {
	font-size: 13px;
	color: #666;
	text-align: center;
	text-align: center;
	display: block;
	margin: 0
}

.bottomCTA .showProfile .btn.btn-primary {
	margin-top: 10px
}

.bottomCTA .showProfile.profileBox .pic .lds-ring {
	display: inline-block;
	position: absolute;
	top: -5.6px;
	left: -6px;
	width: 64px;
	height: 64px
}

.bottomCTA .showProfile.profileBox .pic .lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 87px;
	height: 87px;
	margin: 6px;
	border: 6px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
	border-color: #5e449b transparent transparent
}

.bottomCTA .showProfile.profileBox .pic .lds-ring div:nth-child(1) {
	animation-delay: -.45s
}

.bottomCTA .showProfile.profileBox .pic .lds-ring div:nth-child(2) {
	animation-delay: -.3s
}

.bottomCTA .showProfile.profileBox .pic .lds-ring div:nth-child(3) {
	animation-delay: -.15s
}

@keyframes lds-ring {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

.intercom {
	padding: 12px;
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #58bf93;
	color: #fff;
	z-index: 2;
	opacity: 0;
	box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .24);
	transition: .5s;
	cursor: pointer
}

.intercomCloseBtn {
	padding: 10px;
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #58bf93;
	color: #fff;
	z-index: 2;
	opacity: 0;
	box-shadow: 0 3px 16px 0 rgba(0, 0, 0, .24);
	transition: .5s;
	cursor: pointer
}

.intercom.active,
.intercomCloseBtn.active {
	opacity: 1;
	z-index: 3;
	transition: .5s
}

.intercomCloseBtn.active {
	background: #646464;
	border: solid 1px #4d4d4d
}

.intercomFormBox {
	padding: 0!important;
	position: fixed!important;
	bottom: -1000px!important;
	right: 15px!important;
	width: 350px;
	z-index: 3;
	transition: .5s!important;
	opacity: 0!important;
	border: 0;
	box-shadow: 0 3px 46px 0 rgba(0, 0, 0, .2)
}

.intercomFormBox .flexHeading {
	padding: 10px 20px;
	background: #333;
	color: #fff;
	font-size: 14px;
	border-radius: 5px 5px 0 0
}

.intercomFormBox form {
	padding: 20px
}

.intercomFormBox form .form-group {
	margin-bottom: 15px!important;
	position: relative;
	z-index: 2
}

.intercomFormBox form .form-group .gps-location {
	padding: 12px;
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	width: 45px;
	z-index: 1
}

.intercomFormBox .btn {
	width: 100%
}

.intercomFormBox.active {
	top: inherit;
	bottom: 85px!important;
	transition: .5s!important;
	opacity: 1!important
}

.intercomFormBox .showProfile {
	padding: 15px;
	text-align: center
}

.intercomFormBox .showProfile .pic {
	width: 87px;
	height: 87px;
	background: #f5f5f5;
	border-radius: 50%;
	text-align: center;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}

.intercomFormBox .showProfile .pic figure {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	text-align: center;
	overflow: hidden
}

.intercomFormBox .showProfile .pic figure img {
	width: 75px
}

.intercomFormBox .showProfile .pic .lds-ring {
	display: inline-block;
	position: absolute;
	top: -5.6px;
	left: -6px;
	width: 64px;
	height: 64px
}

.intercomFormBox .showProfile .pic .lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 87px;
	height: 87px;
	margin: 6px;
	border: 6px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
	border-color: #5e449b transparent transparent
}

.intercomFormBox .showProfile .pic .lds-ring div:nth-child(1) {
	animation-delay: -.45s
}

.intercomFormBox .showProfile .pic .lds-ring div:nth-child(2) {
	animation-delay: -.3s
}

.intercomFormBox .showProfile .pic .lds-ring div:nth-child(3) {
	animation-delay: -.15s
}

@keyframes lds-ring {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

.navPanel {
	position: fixed;
	bottom: -1000px;
	right: -1000px;
	width: 360px;
	height: 360px;
	background: rgba(0, 0, 0, .8);
	border-radius: 50%;
	z-index: 3;
	cursor: pointer;
	overflow: hidden;
	transition: .5s
}

.navPanel.active {
	bottom: -140px;
	right: -140px;
	transition: .5s
}

.navPanel .link {
	position: absolute;
	width: 50px;
	height: 50px;
	text-align: center
}

.navPanel .link figure {
	padding: 15px;
	background: #fff;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	display: block
}

.navPanel .link figure img {
	width: 100%
}

.navPanel .link span {
	margin-top: 3px;
	display: block;
	font-size: 13px;
	color: #fff
}

.navPanel .link1 {
	left: 148px;
	top: 18px
}

.navPanel .link2 {
	left: 65px;
	top: 52px
}

.navPanel .link3 {
	left: 20px;
	top: 132px
}

.navPanel .link3 figure {
	padding: 5px
}

.callbackOpenForm,
.meetingOpenForm,
.whatsappOpenForm {
	display: none
}

.callbackOpenForm.active,
.meetingOpenForm.active,
.whatsappOpenForm.active {
	display: block
}

.popupForm.SiteVisitFormContainer {
	background: 0 0!important
}

.tableFlexBox tbody {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	flex-wrap: wrap
}

.tableFlexBox tbody tr {
	width: 228px
}

.postPopup {
	padding: 0 30px;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: none;
	transition: .3s;
	z-index: 10;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .9)
}

.postPopup.active {
	display: flex;
	display: -webkit-flex;
	transition: .3s
}

.postPopup .postBox {
	padding: 28px;
	border-radius: 8px;
	background: #fff;
	width: 100%;
	max-width: 879px;
	box-shadow: 0 0 17px 0 rgba(0, 0, 0, .08);
	z-index: 11;
	text-align: center;
	position: relative
}

.postPopup .postBox .flexBox {
	margin: 30px 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center
}

.postPopup .postBox .flexBox .flexCol {
	padding: 0 55px 10px;
	width: 50%;
	text-align: center
}

.postPopup .postBox .flexBox .flexCol:nth-child(2) {
	border-left: 1px solid #e6e6e6
}

.postPopup .postBox h3 {
	margin-bottom: 10px;
	font-size: 26px;
	color: #030303;
	font-weight: 600;
	font-weight: 500;
	line-height: normal
}

.postPopup .postBox strong {
	font-size: 20px;
	color: #666;
	font-weight: 500;
	font-weight: 600
}

.postPopup .postBox p {
	font-size: 14px;
	color: #333
}

.postPopup .postBox .closeBtn {
	position: absolute;
	right: -15px;
	top: -15px;
	background: #fff;
	border-radius: 100%;
	font-size: 12px;
	height: 36px;
	width: 36px;
	color: #888;
	text-align: center;
	cursor: pointer;
	transition: .3s;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center
}

.postPopup .postBox .closeBtn:hover {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
	color: #333;
	transition: .3s
}

.postPopup .postBox .figureBox {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	height: 194px;
	width: 100%
}

.postPopup .postBox h4 {
	margin-bottom: 7px;
	font-size: 22px;
	color: #333;
	font-weight: 500;
	font-weight: 600;
	line-height: normal
}

.postPopup .postBox .btn {
	margin: 28px auto 0;
	width: 100%;
	max-width: 277px;
	font-size: 14px
}

.yourCommment {
	clear: both;
	border-radius: 8px;
	margin-bottom: 20px;
	max-width: 100%;
	overflow: hidden;
	background: #fff
}

.yourCommment .yourCommmentBody {
	display: flex;
	padding: 20px 15px;
	width: 100%;
	overflow-x: auto;
	position: relative;
	z-index: 1
}

.yourCommment .yourCommmentBody::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

.yourCommment .yourCommmentBody::-webkit-scrollbar-track {
	border-radius: 15px
}

.yourCommment .yourCommmentBody::-webkit-scrollbar-thumb {
	background: #dedede;
	border-radius: 15px
}

.yourCommment .heading {
	padding: 0 15px;
	border-bottom: #e3e3e3 1px solid;
	display: flex;
	justify-content: space-between
}

.yourCommment .heading h2 {
	font-size: 18px;
	color: #333;
	font-weight: 600;
	line-height: 45px
}

.yourCommment .heading button {
	border: none;
	color: #58bf93;
	background: 0 0;
	font-size: 13px;
	font-weight: 600;
	border-radius: 3px;
	display: flex;
	align-items: center
}

.yourCommment .heading button dd {
	height: 18px;
	width: 18px;
	flex-shrink: 0;
	margin: 0 6px 0 0;
	background: #58bf93;
	color: #fff;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 10px
}

.yourCommment .workplace {
	display: flex;
	clear: both;
	padding-bottom: 5px
}

.yourCommment .workplace .workTile {
	width: 273px;
	background: #fff;
	border-radius: 8px;
	margin-right: 25px;
	border: solid 1px #ebebeb;
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .04)
}

.yourCommment .workplace .workTile:last-child {
	margin-right: 0
}

.yourCommment .workplace .workTile.addDesti {
	padding: 17px 10px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.yourCommment .workplace .workTile.addDesti .addDestination {
	border: solid #e03d31 1px;
	padding: 0 12PX;
	background: 0 0;
	height: 38px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 3px;
	display: flex;
	align-items: center
}

.yourCommment .workplace .workTile.addDesti .addDestination:hover {
	cursor: pointer
}

.yourCommment .workplace .workTile.addDesti .addDestination dd {
	height: 18px;
	width: 18px;
	margin: 0 10px 0 0;
	background: #e03d31;
	color: #fff;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 10px
}

.yourCommment .workplace .workTile.addDesti p {
	margin-top: 7px;
	color: #a7a7a7;
	font-size: 13px
}

.yourCommment .workplace .workTile h5 {
	font-size: 12px;
	line-height: 12px;
	color: #666;
	text-transform: uppercase;
	font-weight: 100
}

.yourCommment .workplace .workTile .workingHeading {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.yourCommment .workplace .workTile .worktime {
	display: flex;
	padding: 15px;
	border-bottom: solid 1px #ebebeb;
	position: relative
}

.yourCommment .workplace .workTile .worktime h6 {
	font-size: 13px;
	color: #333;
	font-weight: 600
}

.yourCommment .workplace .workTile .worktime picture {
	margin-right: 12px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

.yourCommment .workplace .workTile .btnBox {
	display: flex;
	justify-content: center
}

.yourCommment .workplace .workTile .btnBox button {
	background: 0 0;
	border: none;
	padding: 10px 0;
	flex: 0 48%;
	border-radius: 3px;
	font-size: 13px;
	color: #58bf93;
	font-weight: 600;
	justify-content: center;
	align-items: center;
	display: flex
}

.yourCommment .workplace .workTile .btnBox button em {
	margin-left: 6px;
	margin-top: 2px
}

.yourCommment .workplace .workTile .btnBox button:hover {
	color: #58bf93;
	transition: .3s;
	cursor: pointer
}

.yourCommment .workplace .workTile .removeWork {
	position: absolute;
	background: 0 0;
	border: none;
	right: 3px;
	top: 10px
}

.syScrollbar ::-webkit-scrollbar {
	width: 10px
}

.syScrollbar ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(254, 254, 254, .2)
}

.syScrollbar ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #333
}

.syLeftNav {
	background: #333;
	width: 285px;
	position: fixed;
	right: -400px;
	top: 0;
	bottom: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	z-index: 9
}

.syOverlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .6);
	z-index: -1
}

.syLeftNav.active {
	right: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.syLeftNav.active .syOverlay {
	display: block
}

.syLeftNav .syHeading,
.syLeftNav ul li {
	padding: 10px 15px;
	position: relative;
	color: #ddd;
	text-transform: capitalize;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px
}

.syLeftNav .link {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #ddd
}

.syLeftNav .syNavBody {
	position: relative;
	height: 100%
}

.syLeftNav ul {
	height: calc(100% - 42px);
	overflow: auto
}

.syLeftNav ul li.next {
	cursor: pointer
}

.syLeftNav em {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	color: #aaa;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.syLeftNav ul li em {
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0
}

.syLeftNav .syTab {
	display: none;
	height: 100%
}

.syLeftNav .syTab.active {
	display: block
}

.syLeftNav .syHeading,
.syLeftNav ul li:hover {
	background: #333;
	color: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.syLeftNav .syHeading,
.syLeftNav ul li:hover .link,
.syLeftNav ul li:hover em {
	color: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.syLeftNav .syHeading {
	padding: 0 15px;
	height: 42px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 600;
	font-size: 14px
}

.syLeftNav .syHeading span {
	width: calc(100% - 56px);
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.syLeftNav .syHeading em {
	padding: 0 15px;
	margin: 0 0 0 -15px;
	width: 44px;
	height: 100%;
	cursor: pointer;
	font-size: 14px
}

.syLeftNav .syHeading em:hover {
	color: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.syLeftNav .syNavSubBody {
	background: #333;
	color: #fff;
	width: 100%;
	position: absolute;
	right: -400px;
	top: 0;
	height: 100%;
	-webkit-transition: .6s;
	-o-transition: .6s;
	transition: .6s;
	z-index: 1
}

.syLeftNav .syNavSubBody.active {
	right: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.custom-combobox {
	width: 100%
}

.custom-combobox input {
	padding: 6px 12px;
	display: block;
	width: 100%;
	height: 40px;
	font-size: 13px;
	color: #333;
	background: 0 0;
	border-radius: 5px;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.custom-combobox a {
	width: 100%
}

.custom-combobox>#ddlLocation_div {
	z-index: 1
}

.drop-downcity {
	padding: 5px;
	max-height: 250px;
	overflow: hidden;
	overflow-y: auto;
	border: none;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .2)
}

.drop-downcity li {
	padding: 0;
	display: block;
	line-height: 30px;
	cursor: pointer;
	color: #333;
	text-align: left
}

.drop-downcity li .ui-menu-item-wrapper {
	padding: 0 5px;
	font-size: 13px
}

.drop-downcity li:hover,
.ui-menu-item-wrapper {
	background: 0 0;
	border: none;
	color: #333
}

.drop-downcity .ui-state-active,
.drop-downcity li .ui-state-focus {
	margin: 0;
	border: 0;
	color: #333;
	background: #f0f0f0
}

.custom-combobox {
	position: relative;
	display: inline-block
}

.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0
}

.custom-combobox-input {
	margin: 0;
	padding: 5px 10px
}

.GloblSmallTail {
	display: flex;
	padding: 15px 0;
	margin: 0 15px
}

.GloblSmallTail .listBox {
	display: flex;
	flex: none;
	width: 38%;
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .04);
	border-radius: 8px;
	border: solid 1px #ededed;
	margin-right: 15px
}

.GloblSmallTail .listBox figure,
.GloblSmallTail .listBox picture {
	width: 59px;
	height: 59px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0
}

.GloblSmallTail .listBox figure img,
.GloblSmallTail .listBox picture img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.GloblSmallTail .listBox a {
	display: flex
}

.GloblSmallTail .listBox .listingDetails {
	padding-left: 10px;
	min-width: 0
}

.GloblSmallTail .listBox .listingDetails h2 {
	font-size: 13px;
	color: #333;
	line-height: 1.36;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden
}

.GloblSmallTail .listBox .listingDetails h2 a {
	font-size: 13px!important;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}

.GloblSmallTail .listBox .listingDetails .location {
	font-size: 12px;
	color: #333;
	line-height: 1.58
}

.GloblSmallTail .listBox .listingDetails .location a {
	color: #333
}

.GloblSmallTail .listBox .listingDetails ul {
	display: flex
}

.GloblSmallTail .listBox .listingDetails ul li.price {
	color: #5f449b;
	line-height: 1.29;
	font-size: 13px;
	font-weight: 600;
	padding-right: 10px;
	max-width: 50%
}

.GloblSmallTail .listBox .listingDetails ul li.price small {
	font-size: 12px;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden
}

.GloblSmallTail .listBox .listingDetails ul li.areaMain {
	display: flex;
	font-size: 13px;
	line-height: 1.29;
	color: #333;
	font-weight: 600;
	padding-left: 10px;
	position: relative;
	flex: 1 0 auto
}

.GloblSmallTail .listBox .listingDetails ul li.areaMain:before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #969696;
	left: -2px;
	top: 7px;
	position: absolute
}

.GloblSmallTail .listBox .listingDetails ul li.areaMain .areaDropdown {
	position: relative;
	padding-left: 4px;
	display: none;
	padding-right: 4px
}

.GloblSmallTail .listBox .listingDetails ul li.areaMain .areaDropdown::after {
	content: '\e919';
	position: absolute;
	right: 0;
	top: 4px;
	font-family: icomoon!important;
	font-size: 9px
}

.GloblSmallTail .listBox .listingDetails ul li.areaMain .areaDropdown select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	font-size: 12px;
	border-bottom: dashed 1px #d2d2d2;
	background: #fff
}

.GloblSmallTail .listBox .listingDetails ul li.areaMain .changeArea {
	cursor: pointer;
	position: relative;
	padding-left: 5px
}

.GloblSmallTail .listBox .listingDetails ul li.areaMain .sqfitSelect {
	font-size: 12px;
	vertical-align: text-bottom;
	border-bottom: dashed 1px #d2d2d2;
	line-height: 16px;
	position: relative;
	color: #333
}

.GloblSmallTail .listBox .listingDetails ul li.areaMain em {
	font-size: 8px;
	color: #333;
	margin-left: 5px
}

.GloblSmallTail .viewAllLsting {
	color: #5f449b;
	line-height: 1.13;
	font-size: 14px;
	font-weight: 600;
	flex: 1;
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #ece5ff;
	min-width: 120px;
	cursor: pointer
}

.GloblSmallTail .viewAllLsting:hover {
	background: #ebe4ff
}

.Area-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 18px;
	max-height: 200px;
	overflow-y: scroll;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .2);
	background: #fff;
	z-index: 1;
	border-radius: 5px
}

.Area-menu ul {
	flex-direction: column
}

.Area-menu li {
	padding: 0 10px!important
}

.Area-menu li:hover {
	background: #f0f0f0
}

.Area-menu li span {
	font-size: 13px!important;
	color: #333!important;
	line-height: 22px!important
}

.Area-menu::-webkit-scrollbar {
	width: 5px
}

.Area-menu::-webkit-scrollbar-track {
	background: #f1f1f1
}

.Area-menu::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 20px
}

.Area-menu::-webkit-scrollbar-thumb:hover {
	background: #555
}

.Area-menu.active {
	display: block
}

.alertMsg {
	padding: 8px 12px;
	font-size: 12px;
	color: #fff;
	position: fixed;
	right: -500px;
	top: 65px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #ccc;
	white-space: nowrap;
	border-radius: 8px;
	box-shadow: 0 10px 20px 0 rgba(70, 70, 75, .2);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	z-index: 11;
	max-width: 290px
}

.alertMsg.active {
	right: 15px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	opacity: 1
}

.alertMsg .iconBox span {
	padding: 2px;
	margin-right: 10px;
	font-size: 36px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #333
}

.alertMsg .msgBody {
	padding-right: 20px;
	display: block;
	color: #fff;
	position: relative;
	white-space: normal
}

.alertMsg .msgBody .icon-close {
	position: absolute;
	right: -4px;
	top: 0;
	width: 15px;
	height: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: .6;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	font-size: 10px
}

.alertMsg .msgBody .icon-close:hover {
	opacity: 1;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.alertMsg .msgBody strong {
	display: block;
	font-size: 18px
}

.alertMsg .msgBody p {
	margin: 0;
	line-height: 16px;
	color: #fff;
	font-size: 12px
}

.alertMsg span img {
	width: 100%;
	height: 100%
}

.alertMsg.success {
	background: #28a745
}

.alertMsg.success span {
	color: #28a745
}

.alertMsg.info {
	background: #17a2b8
}

.alertMsg.info span {
	color: #17a2b8
}

.alertMsg.warning {
	background: #ffc107
}

.alertMsg.warning span {
	padding: 7px;
	color: #ffc107;
	font-size: 26px
}

.alertMsg.error {
	background: #de071c!important
}

.alertMsg.error span {
	color: #de071c
}

@media screen and (max-width:1024px) {
	footer .addressList ul li {
		width: 19.6%
	}
	.outerPannel {
		width: 930px
	}
	.outerPannel .pannelBody .box {
		width: initial
	}
	.pannel#recentProjects {
		width: calc(100% - 40px);
		margin: 0 20px
	}
	.GloblSmallTail {
		overflow-x: auto
	}
	.GloblSmallTail .listBox {
		min-width: 295px
	}
}

@media screen and (max-width:768px) {
	.cityContainer.active {
		z-index: 10!important
	}
	.cityContainer .pannel#moreCityDropDown ul {
		max-height: calc(100vh - 115px)!important
	}
	.shotlistPopup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 9;
		overflow: hidden;
		overflow-x: auto;
		border-radius: 0
	}
	.shotlistPopup .btnBox {
		position: fixed;
		bottom: 0;
		width: 100%
	}
	.shotlistPopup .projectTiles {
		max-height: inherit
	}
	.shotlistPopup .alert-danger {
		width: calc(100% - 20px)
	}
	footer .overView .col-md-12 h5 {
		margin-top: 20px
	}
	footer .addressList ul li:nth-child(5) .addresBox {
		left: inherit;
		right: 0
	}
	.pannel#recentProjects .pannelBody {
		height: 100%;
		overflow: hidden;
		overflow-y: auto
	}
	.outerPannel {
		top: 0;
		z-index: 10;
		right: -105vw;
		width: 101vw;
		height: 100vh;
		transition: .3s;
		border-radius: 0
	}
	.outerPannel.active {
		right: 0;
		transition: .3s
	}
	.outerPannel .pannelBody .box {
		width: 100%
	}
	.outerPannel .pannelBody {
		padding: 0 0 5px;
		display: block;
		overflow: hidden;
		height: 89vh;
		overflow-y: auto
	}
	.outerPannel .btnBox .btn {
		width: 100%
	}
	.outerPannel .pannelHeader {
		background: #13191d;
		color: #fff
	}
	.outerPannel .pannelHeader em {
		color: #fff
	}
	.pannel#recentProjects {
		width: 100%;
		position: fixed;
		top: 0;
		right: 0;
		margin: 0 auto;
		height: 100%
	}
	.pannel#recentProjects .pannelBody {
		height: 100vh;
		overflow: hidden;
		overflow-y: auto
	}
	.pannel#recentProjects .pannelBody ul li .leftDiv {
		width: 20%
	}
	.pannel#recentProjects .pannelBody ul li .rightDiv {
		width: 80%
	}
	.pannel#recentProjects .pannelHeader em {
		display: block;
		color: #fff;
		cursor: pointer
	}
	.pannel#recentProjects .pannelHeader {
		background: #333;
		color: #fff
	}
	.bottomCTA {
		display: block
	}
	.overlayCTA.active {
		display: block
	}
	.bottomCTA em.active {
		display: block
	}
	.tableFlexBox table {
		min-width: 1142px!important
	}
	.postPopup .postBox .flexBox {
		margin-bottom: 0
	}
	.postPopup .postBox .flexBox .flexCol {
		padding: 0 15px 10px
	}
	.GloblSmallTail .listBox .listingDetails ul li.areaMain .changeArea {
		display: none
	}
	.GloblSmallTail .listBox .listingDetails ul li.areaMain .areaDropdown {
		display: block
	}
}

@media screen and (max-width:480px) {
	.listingSorted {
		width: calc(100% - 50px)
	}
	.breadcrumbBox ul li span {
		display: inline-block
	}
	.breadcrumbBox .more .seoTable {
		width: 355px
	}
	footer .seoBox {
		width: 100%;
		display: block;
		overflow: auto
	}
	footer .seoBoxScroll {
		width: 2000px;
		display: flex;
		display: -webkit-flex
	}
	footer .seoBoxScroll ul {
		padding-left: 15px;
		margin-left: 15px;
		display: inline-block;
		float: left
	}
	footer .seoBoxScroll ul:first-child {
		padding: 0;
		margin-left: 0
	}
	footer .seoFooter ul li {
		max-width: 250px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 13px;
		display: block
	}
	footer .seoFooter ul li:first-child {
		font-size: 13px;
		color: #333
	}
	footer .seoFooter ul li::after {
		display: none
	}
	footer .overView h5 {
		margin: 15px 0 5px
	}
	footer .overView ul {
		margin: 0 -10px
	}
	footer .seoFooter {
		padding: 15px 0 0
	}
	footer .seoFooter h4 {
		margin-bottom: 5px;
		font-size: 18px
	}
	footer .overView {
		padding: 15px 0 20px
	}
	footer .overView ul li {
		padding: 0 10px;
		float: left;
		line-height: 34px;
		width: 45.3%
	}
	footer .overView ul.connectWithUs li .box {
		margin-bottom: 10px
	}
	footer .connectWithUs li {
		width: 100%!important
	}
	footer .overView .socialBox {
		margin: 0
	}
	footer .overView .socialBox li {
		padding: 0;
		width: auto
	}
	footer .appLinkBox {
		padding-top: 8px
	}
	footer .about {
		padding: 20px 0
	}
	footer address:after {
		display: none
	}
	footer address ul li {
		padding: 0;
		float: left
	}
	footer .addressList ul li {
		width: 49%;
		line-height: 34px;
		white-space: nowrap
	}
	footer .addressList ul li .addresBox {
		left: inherit;
		right: 0;
		white-space: normal
	}
	footer .addressList ul li:nth-child(odd) .addresBox {
		right: inherit;
		left: 0
	}
	footer .addressList ul li:nth-child(even) .addresBox {
		left: inherit;
		right: 0
	}
	footer .ourPresence {
		padding: 20px 0
	}
	.pannel#recentProjects {
		height: 100%
	}
	.pannel#recentProjects .pannelBody ul li .leftDiv {
		width: 25%
	}
	.pannel#recentProjects .pannelBody ul li .rightDiv {
		width: 75%
	}
	.pannel#recentProjects .pannelBody ul li .rightDiv ul.proName li {
		display: block;
		border-left: 0;
		margin-bottom: 10px
	}
	.pannel#recentProjects .pannelBody ul li .rightDiv ul.proName li:first-child {
		padding-left: 15px
	}
	.outerPannel .pannelBody {
		height: 84.4vh
	}
	.pannel#recentProjects .pannelBody {
		height: 100%
	}
	footer .overView {
		padding: 15px 0 0
	}
	footer .overView ul {
		text-align: left;
		display: block
	}
	footer .overView ul li {
		float: none;
		width: inherit;
		display: block
	}
	footer .copyRight {
		padding: 10px 0 20px;
		display: block;
		overflow: hidden;
		width: 100%;
		color: #666;
		border: 0
	}
	.bottomCTA em {
		left: 45.5%
	}
	#messsage,
	.Otp {
		max-width: 300px;
		margin: 50px 0 0 -150px
	}
	.popupForm.visitPopup {
		margin: 50px 0 0 -150px;
		max-width: 300px
	}
	.popupForm.SiteVisitFormContainer {
		height: 100%!important
	}
	.postPopup {
		padding: 0;
		top: auto;
		height: 100%;
		bottom: -5000px;
		display: flex;
		display: -webkit-flex;
		align-items: flex-end
	}
	.postPopup.active {
		height: 100%;
		bottom: 0;
		display: flex;
		display: -webkit-flex
	}
	.postPopup .postBox {
		padding: 15px;
		text-align: left;
		border-radius: 8px 8px 0 0
	}
	.postPopup .postBox .flexBox {
		margin: 10px 0 0;
		display: block
	}
	.postPopup .postBox .flexBox .flexCol {
		padding: 15px;
		width: 100%;
		display: block;
		text-align: left;
		border: 1px solid #cbcbcb!important;
		border-radius: 8px
	}
	.postPopup .postBox .flexBox .flexCol+.flexCol {
		margin-top: 15px
	}
	.postPopup .postBox h3 {
		margin: 0;
		font-size: 20px
	}
	.postPopup .postBox strong {
		font-size: 13px
	}
	.postPopup .postBox .flexBox .figureBox {
		margin-bottom: 10px;
		display: block;
		height: 65px
	}
	.postPopup .postBox h4 {
		margin-bottom: 3px;
		font-size: 14px
	}
	.postPopup .postBox p {
		font-size: 13px
	}
	.postPopup .postBox .closeBtn {
		margin: 0 auto;
		left: 0;
		right: 0;
		top: -48px;
		border: solid 1px #707070;
		background: rgba(0, 0, 0, .4)
	}
	.postPopup .postBox .btn {
		padding: 0 20px;
		margin: 10px 0 0;
		font-size: 13px;
		height: 38px;
		line-height: 38px;
		width: auto;
		max-width: none
	}
	.cct .header p {
		font-size: 12px
	}
	.cct .cctBody,
	.cct .header {
		padding: 15px
	}
	.cct {
		width: 100%;
		bottom: 0;
		top: auto;
		left: 0;
		right: 0;
		transform: translate(0, 0);
		border-radius: 10px 10px 0 0
	}
	.cct .cctBody .destiType {
		justify-content: space-between
	}
	.cct .cctBody .destiType .typeBox {
		flex-basis: 48.5%;
		margin-right: 0;
		margin-bottom: 10px;
		white-space: nowrap
	}
	.cct .header .closeCCt {
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		height: 37px;
		width: 37px;
		border-radius: 50%;
		background: rgba(112, 112, 112, .2);
		top: -50px
	}
	.cct .header .closeCCt em {
		color: #d1d1d1
	}
	.reportListingBox {
		top: auto;
		bottom: -1000px;
		display: flex;
		display: -webkit-flex;
		bottom: -1000px;
		height: 100%;
		align-items: flex-end
	}
	.reportListingBox.active {
		bottom: 0
	}
	.reportListingBox .reportListingBody {
		border-radius: 10px 10px 0 0;
		width: 100%;
		border: none
	}
	.reportListingBox .reportListingBody .formBox {
		position: static
	}
	.reportListingBox .reportListingBody .reportListingHeading .icon-close {
		margin: 0 auto;
		right: 0;
		top: -45px;
		height: 30px;
		border: 1px solid #ccc;
		width: 30px;
		display: flex;
		display: -webkit-flex;
		left: 0;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
		font-size: 12px
	}
	.navOverlay.active {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #333ab
	}
	.intercom.active,
	.intercomCloseBtn.active {
		display: none!important
	}
	.GloblSmallTail {
		padding: 5px 10px;
		margin-bottom: 10px
	}
}

@media screen and (max-width:411px) {
	.outerPannel .pannelBody {
		height: 85.9vh
	}
}

@media screen and (max-width:375px) {
	.popupForm {
		margin: -175px 0 0 -150px;
		max-width: 300px
	}
	.Otp {
		max-width: 300px;
		margin: 50px 0 0 -150px
	}
	.popupForm.visitPopup {
		margin: 50px 0 0 -150px
	}
	.outerPannel .pannelBody {
		height: 83vh
	}
	.pannel#recentProjects .pannelBody ul li .leftDiv {
		width: 30%
	}
	.pannel#recentProjects .pannelBody ul li .rightDiv {
		width: 70%
	}
}

@media screen and (max-width:360px) {
	.cct .header p {
		font-size: 12px
	}
	.cct .cctBody .destiType .typeBox {
		padding: 0 0 0 6px
	}
	.cct .cctBody .form-group {
		margin-bottom: 8px
	}
	.breadcrumbBox .more .seoTable {
		width: 305px
	}
	.cityContainer .pannel#recentProjects .pannelBody ul li .leftDiv {
		width: 30%
	}
	.cityContainer .pannel#recentProjects .pannelBody ul li .rightDiv {
		width: 70%
	}
	.outerPannel .pannelBody {
		height: 82vh
	}
	.alertMsg {
		left: 15px
	}
}

@media screen and (max-width:320px) {
	.bottomCTA em {
		left: 44.5%
	}
	.postPopup .postBox .flexBox .figureBox {
		display: none
	}
	.yourCommment .workplace .workTile {
		width: 288px
	}
	.yourCommment .heading h2 {
		font-size: 13px;
		line-height: 20px
	}
	.yourCommment .workplace .workTile {
		width: 288px
	}
}

.seoTableFooter {
	padding: 40px 0 20px;
	background: #fafafa;
	display: block
}

.seoTableFooter.m-top40 {
	margin-top: 48px
}

.seoTableFooter h1,
.seoTableFooter h3 {
	padding-bottom: 30px;
	font-size: 26px;
	color: #333;
	display: block;
	text-align: center;
	font-weight: 600
}

.seoTableFooter p {
	color: #333
}

.seoTableFooter .tableBox {
	display: block;
	overflow: hidden;
	overflow-x: auto
}

.seoTableFooter .tableBox.rowFlex tr {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap
}

.seoTableFooter .tableBox table {
	width: 100%;
	min-width: 700px;
	color: #333;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
	border: 0
}

.seoTableFooter .tableBox table tr th {
	font-weight: 600;
	width: 20%
}

.seoTableFooter .tableBox table tr td,
.seoTableFooter .tableBox table tr th {
	padding: 3px 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 225px
}

.seoTableFooter .tableBox table tr td {
	width: 20%
}

.seoTableFooter .tableBox table.trColumn tr {
	display: grid;
	float: left;
	width: 20%
}

.seoTableFooter .tableBox table.trColumn tr td {
	width: 100%
}

.seoTableFooter .tableBox table tr td a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 230px;
	color: #333
}

@media screen and (max-width:1024px) {
	.seoTableFooter h3 {
		font-size: 14px
	}
	.seoTableFooter {
		padding: 20px 0
	}
	.seoTableFooter h3 {
		text-align: left
	}
}

.loaderBox {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 12;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center
}

.loaderBox::after {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .8);
	content: '';
	z-index: -1
}

.exclusive_tag {
	margin-left: 5px;
	float: right;
	position: relative
}

.exclusive_tag .mobile {
	display: none
}

.exclusive_popup {
	padding: 10px 15px;
	position: absolute;
	top: -38px;
	right: -240px;
	background: #fff;
	border-radius: 5px;
	width: 225px;
	color: #333;
	font-size: 13px;
	line-height: 20px;
	transition: .5s;
	opacity: 0;
	z-index: 3;
	border: 1px solid #58bf93;
	box-shadow: 0 0 17px 0 rgba(0, 0, 0, .08);
	user-select: none;
	pointer-events: none
}

.exclusive_popup h3 {
	margin-bottom: 3px;
	font-size: 13px;
	font-weight: 600
}

.exclusive_popup li {
	color: #4a4a4a;
	padding-left: 15px!important;
	position: relative;
	margin-left: 0!important;
	border-left: 0!important
}

.exclusive_popup li:before {
	content: '';
	height: 8px;
	width: 8px;
	position: absolute;
	background: #d7d7d7;
	border-radius: 50%;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.exclusive_popup:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-right: 8px solid #58bf93;
	border-bottom: 8px solid transparent;
	position: absolute;
	top: 50%;
	left: -8px;
	transform: translateY(-50%)
}

.exclusive_tag:hover .exclusive_popup {
	transition: .5s;
	opacity: 1;
	right: -235px
}

.brokerage_tag {
	float: right;
	position: relative
}

.brokerage_tag .mobile {
	display: none
}

@media screen and (max-width:480px) {
	.profileDropdown span {
		display: block!important
	}
	.exclusive_tag .desktop {
		display: none
	}
	.exclusive_tag .mobile {
		display: block
	}
	.brokerage_tag .desktop {
		display: none
	}
	.brokerage_tag .mobile {
		display: block
	}
	.mobile-chat-container {
		z-index: 8!important
	}
}

.navToggle .notification {
	position: absolute;
	top: 10px;
	right: -5px;
	width: 8px;
	height: 8px;
	background: red;
	border: #ffb2b9 solid 1px;
	border-radius: 10px;
	display: none!important
}

.ViewEnquiryTag {
	display: block;
	margin: 15px 0
}

.ViewEnquiryTag ul {
	padding: 0;
	margin: 0!important;
	list-style: none;
	display: flex
}

.ViewEnquiryTag ul li {
	margin: 0 12px 0 0!important;
	padding: 1px 12px!important;
	border-radius: 5px;
	border: solid 1px #5f449b!important;
	background-color: #efeaf8;
	font-size: 13px;
	color: #5f449b;
	line-height: inherit!important
}

.ViewEnquiryTag ul li img.headphone {
	position: relative;
	top: 2px
}

.popupForm.agent .formBox {
	padding: 0 20px 20px;
	width: auto;
	min-width: 375px
}

.popupForm.agent .formBox .closeBtn {
	width: auto;
	height: auto
}

.popupForm.agent .formBox h5 {
	font-size: 18px
}

@media screen and (max-width:540px) {
	.popupForm.agent.active {
		bottom: 0;
		top: inherit;
		margin: 0;
		left: 0;
		min-width: 100%;
		width: 100%;
		max-width: 100%
	}
	.popupForm.agent .formBox {
		min-width: inherit
	}
	.popupForm.agent .formBox .closeBtn {
		left: inherit;
		border: 0
	}
	.popupForm.agent .formBox .changeNumber,
	.popupForm.agent .formBox .otpBox {
		padding-top: 0
	}
}

.toolsPageBox {
	padding: 20px 10px;
	margin-top: 48px;
	display: block
}

.toolsPageBox .flexBox {
	padding: 0 0 20px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center
}

.toolsPageBox .flexBox .flexContent {
	width: 100%;
	height: 155px
}

.toolsPageBox .flexBox .flotRight {
	float: right;
	text-align: right
}

.toolsPageBox h1 {
	font-size: 40px;
	line-height: 50px;
	font-weight: 500;
	color: #333;
	position: relative;
	top: 30px
}

.toolsPageBox h1 small {
	font-size: 35px;
	display: block
}

.toolsPageBox h1 .emi {
	color: #333
}

.whiteBox {
	padding: 15px 30px;
	margin: 50px 0;
	border-radius: 5px;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .03);
	background: #fff;
	width: 100%;
	display: inline-block;
	min-height: 500px;
	position: relative
}

.whiteBox .tabBox {
	display: block;
	text-align: center
}

.whiteBox .tabBox ul {
	padding: 3px;
	display: inline-block;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .03);
	border-radius: 50px;
	border: #dedede solid 1px;
	position: relative;
	top: -50px
}

.whiteBox .tabBox ul li {
	padding: 10px 30px;
	display: inline-block;
	line-height: 38px;
	font-size: 18px;
	color: #333;
	cursor: pointer
}

.whiteBox .tabBox ul li.active {
	background: #58bf93;
	color: #fff;
	border-radius: 50px;
	cursor: default
}

.sliderBox {
	margin-top: 27px;
	width: 100%
}

.sliderBox:first-child {
	margin-top: 0
}

.sliderBox .inputBox {
	width: 100%;
	overflow: hidden
}

.sliderBox .inputBox label {
	margin-top: 6px;
	font-size: 14px;
	color: #333;
	display: inline-block
}

.sliderBox .form-control {
	display: inline-block;
	width: 119px;
	float: right;
	color: #333;
	font-size: 15px;
	text-align: right
}

.sliderBox .irs--flat .irs-bar {
	background-color: #e1e4e9;
	border-radius: 50px;
	height: 24px;
	opacity: 0
}

.sliderBox .irs--flat .irs-handle {
	width: 70px;
	height: 24px;
	outline: 0;
	background: #fff!important;
	margin-top: -9px;
	margin-left: -1px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .16);
	border: solid 1px #c7c7c7;
	border-radius: 50px;
	cursor: pointer
}

.sliderBox .irs--flat .irs-handle::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 9px;
	background: #707070;
	left: 45%;
	top: 28%
}

.sliderBox .irs--flat .irs-handle::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 9px;
	background: #707070;
	left: 58%;
	top: 28%
}

.sliderBox .irs--flat .irs-handle>i {
	display: none!important
}

.sliderBox .irs--flat .irs-single {
	background-color: #f58434
}

.sliderBox .irs--flat .irs-single:before {
	border-top-color: #58bf93
}

.sliderBox .irs--flat .irs-line {
	border-radius: 50px;
	height: 24px
}

.sliderBox .irs-grid {
	bottom: -10px
}

.sliderBox .irs-grid-text {
	font-size: 12px
}

.sliderBox .irs-grid-pol.small {
	display: none
}

.sliderBox .irs--flat .irs-grid-pol {
	background-color: #aaa;
	top: -15px;
	border-radius: 50%;
	width: 5px;
	height: 5px
}

.irs--flat .irs-max,
.sliderBox .irs--flat .irs-min {
	display: none
}

.sliderBox .irs {
	top: -12px
}

.sliderBox .irs--flat.irs-with-grid {
	margin-top: 25px;
	height: 48px
}

.rangeBox .btnBox {
	padding: 50px 0;
	display: block;
	text-align: center
}

.rangeBox .btnBox .btn {
	padding: 15px 30px;
	font-weight: 600;
	font-size: 14px;
	width: 220px
}

.rangeBox .btnBox .btn[disabled] {
	background: #eaeaea;
	color: #ccc;
	border: #eaeaea solid 1px;
	opacity: .5
}

.contentBox {
	padding-bottom: 45px;
	display: block;
	background: #fff;
	position: relative;
	/*top: -100px*/
}

.contentBox h4 {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
	color: #333
}

.contentBox strong {
	font-size: 14px;
	font-weight: 600;
	color: #333
}

.contentBox p {
	margin-bottom: 20px;
	font-size: 14px;
	color: #333
}

.contentBox a {
	color: #58bf93
}

.contentBox ul {
	margin-bottom: 20px;
	display: block
}

.contentBox ul li {
	font-size: 14px;
	color: #333
}

.contentBox span {
	font-size: 14px;
	color: #333
}

.formBox {
	padding: 20px 20px 10px;
	margin: 0 0 50px;
	background: #fff;
	position: relative;
	border-radius: 5px;
	box-shadow: 0 0 28px 0 rgba(0, 0, 0, .07)
}

.formBox .closeBtn {
	position: absolute;
	top: 13px;
	right: 15px;
	color: #666;
	font-size: 13px;
	display: none
}

.formBox .closeBtn:hover {
	color: #333
}

.formBox h5 {
	margin-bottom: 10px;
	color: #333;
	font-size: 14px;
	font-weight: 600
}

.form-group {
	margin-bottom: 15px
}

.form-control {
	padding: 6px 12px;
	display: block;
	width: 100%;
	height: 40px;
	font-size: 13px;
	color: #333;
	background: 0 0;
	border-radius: 5px;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.form-control:focus {
	box-shadow: none;
	outline: 0
}

.formBox .input-group {
	display: flex;
	width: 100%
}

.formBox select {
	padding-right: 26px!important
}

.formBox .selectBox {
	display: block;
	position: relative;
	z-index: 0;
	width: 100%
}

.formBox .selectBox::after {
	content: "\e919";
	font-family: icomoon;
	font-size: 12px;
	color: #666;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: -1
}

.formBox .inputGroupAdd {
	width: 75px
}

.formBox .inputGroupAdd select {
	border-radius: 5px 0 0 5px;
	border-right: 0
}

.formBox .inputGroupAdd+input {
	border-radius: 0 5px 5px 0;
	width: 137px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none
}

input[type=number] {
	-moz-appearance: textfield
}

.formBox .btn {
	width: 100%
}

.formFiledBox {
	display: flex
}

.formFiledBox .form-group {
	margin-left: 15px;
	width: 100%
}

.formFiledBox .form-group:first-child {
	margin-left: 0
}

.formFiledBox .form-group:nth-child(5) {
	width: 650px
}

.formBox {
	margin: 20px 0;
	position: sticky;
	position: -webkit-sticky;
	z-index: 1;
	top: calc(100vh - 120px)
}

.eligibleLoanCard {
	padding: 50px;
	margin-bottom: 50px;
	display: block;
	border-radius: 5px;
	border: solid 1px #eaeaea
}

.eligibleForThisLoan {
	padding: 18px 50px 0;
	position: relative;
	text-align: center
}

.eligibleForThisLoan:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 175px;
	background: #5e449b;
	border-radius: 5px 5px 0 0
}

.eligibleForThisLoan:before {
	content: '';
	position: absolute;
	top: 165px;
	left: 0;
	width: 100%;
	height: 10px;
	background: url(../images/arrow-dwn-bg.png) repeat-x left bottom;
	z-index: 1
}

.eligibleForThisLoan.not:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 175px;
	background: #ffa700;
	border-radius: 5px 5px 0 0
}

.eligibleForThisLoan h3 {
	margin-bottom: 20px;
	color: #fff;
	position: relative;
	z-index: 1;
	font-size: 20px;
	text-align: left
}

.eligibleForThisLoan h3 em {
	padding: 10px;
	margin-right: 10px;
	background: #fff;
	color: #5e449b;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	top: 2px;
	font-size: 20px
}

.eligibleForThisLoan.not {
	padding-bottom: 35px
}

.eligibleForThisLoan.not .detailsBox {
	padding: 23px 54px;
	top: 35px
}

.eligibleForThisLoan.not em {
	padding: 10px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: inline-block;
	font-style: normal;
	background-color: #ffa700;
	color: #fff;
	text-align: center;
	font-size: 22px
}

.eligibleForThisLoan.not p {
	padding: 10px 0 0;
	font-size: 20px;
	font-weight: 600;
	color: #666
}

.eligibleForThisLoan p {
	padding-top: 30px;
	font-size: 14px;
	display: block
}

.eligibleForThisLoan .detailsBox {
	padding: 55px 0 65px;
	position: relative;
	z-index: 1;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 46px 0 rgba(0, 0, 0, .16)
}

.eligibleForThisLoan .detailsBox .btn {
	padding: 0 20px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 54px;
	border-radius: 0 0 5px 5px;
	font-size: 16px;
	font-weight: 600
}

.eligibleForThisLoan .detailsBox small {
	display: block;
	font-size: 14px;
	color: #666;
	position: absolute;
	top: 25px;
	left: 0;
	width: 100%
}

.eligibleForThisLoan .detailsBox strong {
	padding-bottom: 25px;
	display: block;
	font-size: 36px;
	color: #333
}

.eligibleForThisLoan .detailsBox span {
	padding: 10px 0 3px;
	margin: 0 30px;
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: #666;
	border-top: #d1d1d1 solid 1px
}

.eligibleForThisLoan .detailsBox span.years {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 14px
}

.tableSection {
	margin-bottom: 50px;
	display: block;
	position: relative;
	top: 50px
}

.tableSection .tableResponsive {
	margin-left: 20px;
	width: 100%;
	overflow: hidden;
	min-width: 280px
}

.tableSection .tileBox {
	margin-bottom: 15px;
	display: block;
	position: relative;
	max-height: 44px;
	overflow: hidden
}

.tableSection .tileBox .tagBox {
	width: 52px;
	height: 44px;
	text-align: center;
	border-radius: 50%;
	background: #8f8d8d;
	line-height: 44px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer
}

.tableSection .tileBox .tagBox:hover {
	background: #5e449b
}

.tableSection .tileBox table {
	border: #d1d1d1 solid 1px;
	border-collapse: collapse;
	text-align: center;
	border-radius: 5px;
	width: calc(100% - 20px);
	min-width: 850px
}

.tableSection .tileBox table tr td {
	border: #d1d1d1 solid 1px;
	line-height: 40px
}

.tableSection .tileBox table tr th {
	border: #d1d1d1 solid 1px;
	line-height: 40px;
	background: #f5f5f5;
	
}

.tableSection .tileBox.active {
	max-height: 2000px
}

.tableSection .tileBox.active .tableResponsive {
	overflow-x: auto
}

.tableSection .tileBox.active .tagBox {
	background: ##f58434;
}

.percentageBox {
	border-radius: 5px;
	border: solid 1px #eaeaea;
	overflow: hidden;
	display: flex
}

.percentageBox .box1 {
	width: 48%;
	background: #d4e1f3
}

.percentageBox .box1 ul {
	padding: 15px 20px;
	display: block
}

.percentageBox .box1 ul li {
	padding-top: 5px;
	display: block
}

.percentageBox .box1 ul li em {
	margin-right: 5px;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 3px;
	position: relative;
	top: 2px
}

.percentageBox .box1 ul li:nth-child(2) em {
	background: #5e449b
}

.percentageBox .box2 {
	width: 52%
}

.percentageBox .box2 ul {
	display: block
}

.percentageBox .box2 ul li {
	padding: 15px 20px;
	display: block;
	border-top: solid 1px #eaeaea;
	min-height: 98px
}

.percentageBox .box2 ul li:first-child {
	border: 0
}

.percentageBox .box2 ul li label {
	display: block;
	font-size: 18px;
	color: #666
}

.percentageBox .box2 ul li small {
	
	font-size: 14px;
	color: #666
}

.percentageBox .box2 ul li strong {
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	text-align: right;
	float: right
}

@media screen and (max-width:1025px) {
	.toolsPageBox h1 {
		font-size: 50px
	}
	.formBox {
		top: 650px
	}
	.eligibleForThisLoan h3 {
		font-size: 13px
	}
	.eligibleForThisLoan .detailsBox span {
		margin: 0 15px
	}
	.percentageBox .box1 {
		width: 56%
	}
}

@media screen and (max-width:768px) {
	.toolsPageBox h1 {
		font-size: 50px
	}
	.toolsPageBox .flexBox .flotRight {
		float: none;
		text-align: center
	}
	.percentageBox {
		margin-bottom: 50px;
		margin-top: 30px
	}
	.formBox {
		position: fixed;
		bottom: -1000px;
		top: inherit;
		left: 0;
		border-radius: 5px 5px 0 0;
		width: 100%
	}
	.formBox.active {
		bottom: -21px
	}
	.formFiledBox {
		display: block
	}
	.formFiledBox .form-group {
		width: calc(50% - 8px)!important;
		float: left
	}
	.formFiledBox .form-group:nth-child(3) {
		margin-left: 0
	}
	.formBox .closeBtn {
		display: block
	}
	.contentBox {
		padding-bottom: 0
	}
	.contentBox,
	.tableSection {
		top: 0
	}
	.percentageBox .box1 {
		width: 48%
	}
	.eligibleLoanCard {
		margin-top: 30px
	}
}

@media screen and (max-width:480px) {
	.toolsPageBox .flexBox {
		padding: 0 20px;
		display: block;
		overflow: hidden
	}
	.toolsPageBox h1 {
		margin: 20px 0;
		font-size: 30px;
		line-height: 32px;
		position: relative;
		top: 0
	}
	.toolsPageBox h1 small {
		font-size: 20px
	}
	.toolsPageBox {
		padding: 20px 0
	}
	.toolsPageBox .container {
		padding: 0
	}
	.whiteBox {
		padding: 15px
	}
	.whiteBox .tabBox ul li {
		padding: 10px 20px;
		line-height: 28px
	}
	.eligibleLoanCard {
		padding: 28px
	}
	.eligibleForThisLoan h3 {
		font-size: 14px
	}
	.eligibleForThisLoan {
		padding: 18px 20px 0
	}
	.eligibleForThisLoan .detailsBox span {
		font-size: 18px
	}
	.percentageBox {
		display: block;
		margin-top: 30px
	}
	.percentageBox .box1,
	.percentageBox .box2 {
		width: 100%
	}
	.eligibleForThisLoan .detailsBox strong {
		font-size: 30px
	}
	.formFiledBox .form-group {
		margin-left: 0;
		width: 100%!important
	}
	.toolsPageBox .flexBox .flexContent {
		height: inherit
	}
	.eligibleLoanCard {
		margin-top: 30px
	}
}

@media screen and (max-width:375px) {
	.whiteBox .tabBox ul li {
		padding: 10px 15px;
		font-size: 14px
	}
	.eligibleLoanCard {
		padding: 28px 20px
	}
}

@media screen and (max-width:360px) {
	.whiteBox .tabBox ul li {
		padding: 10px
	}
}

.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0!important;
	font: inherit
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	animation-name: fadeOut
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.owl-height {
	transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
	max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
	margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
	color: #fff;
	font-size: 13px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: #869791;
	color: #fff;
	text-decoration: none
}

.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #869791
}