/* Your custom styles */
body{background: #fff;font-family: 'Roboto', sans-serif;}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin: 0;padding: 0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {/*border: 0;*/}
a {outline: none; color: #333; text-decoration: none;}
a:hover {
	outline: none;
	color: #000;
	text-decoration: none;
	}
img {border: none;}
li {list-style: none;}

.mobile-container{
	width:100%;
	margin:0 auto;
	}
input:focus {
	outline:none!important;
    box-shadow:none!important;
	}
input{box-shadow:none!important;}

select.invalid {
	border-bottom: 1px solid #F44336!important;
	box-shadow: 0 1px 0 0 #F44336!important;
}

/*------------------------
CSS FOR HEADER
-------------------------*/
.header{
	float:left;
	width:100%;
	background:url(../images/header-bg.jpg) repeat-x center top;
	height:60px;
	position:relative;
	text-align:center;
	overflow:hidden;
	}
.scroll-fixed{
	float:left;
	width:100%;
	top:0;
	z-index:99;
	background:#8a8a8b;
	position:fixed;
	}
.small-logo{
	float:left;
	margin:2px 0 2px 0;
	width:50px;
	}
.logo-top{
	display:inline-block;
	vertical-align:top;
	margin-top:-12px;
	}
.logo-top img{width:250px;}
.mobile-menu-holder{
	float:left;
	width:100%;
	background:#002365;
	position:relative;
	padding:0 10px;
	}
.mob-mnu{position:fixed; right:10px; top:14px; z-index:999;}
a.free-listing{
	position:absolute;
	left:50%;
	margin-left:-56px;
	top:13px;
	padding:8px 17px;
	background:#ffc107;
	color:#000;
	font-size:15px;
	line-height:13px;
	font-weight:400;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
.search-wrapper{
	float:left;
	width:100%;
	margin-top:10px;
	padding-bottom:10px;
	}
.gio-location{
	float:left;
	width:100%;
	height:35px;
	background:#fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight:400;
	position:relative;
	padding-left:100px;
	}
.fixed-location{
	position:absolute;
	left:0;
	width:100px;
	background:#e7e6e6;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius:5px 0 0 5px;
	color:#000;
	font-size:15px;
	line-height:35px;
	}
.fixed-location .material-icons{
	display:inline-block;
	vertical-align:top;
	color:#3264c1;
	margin:5px 0 0 5px;
	}
.inrkl{
	float:left;
	width:100%!important;
	height:100%!important;
	border:none!important;
	padding:0 10px;
	box-sizing:border-box!important;
	outline:none;
	-webkit-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	background:#fff;
	}
.item-search{
	float:right;
	width:100%;
	height:35px;
	background:#fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	padding-right:45px;
	margin-top:5px;
	}
.item-search-fld{
	float:left;
	width:100%!important;
	height:100%!important;
	border:none!important;
	padding:0 10px;
	box-sizing:border-box!important;
	}
.search-btn{
	position:absolute;
	right:0;
	width:45px;
	height:35px;
	background:#ffc107;
	border:none;
	outline:none;
	cursor:pointer;
	-webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
	top:0;
	}
.search-btn i{
	display:inline-block;
	vertical-align:middle;
	color:#000;
	}
	
ul.category-list{
	float:left;
	width:100%;
	text-align:left;
	flex-wrap: wrap;
	display:flex;
	border-top:1px dotted #c0c0c0;
	margin-top:149px;
	margin-bottom:50px;
	}
ul.category-list li{
	width:25%;
	background:#fff;
	vertical-align:top;
	text-align:center;
	display:inline-block;
	box-sizing:border-box;
	border-bottom: 1px dotted #c0c0c0;
    border-right: 1px dotted #c0c0c0;
	}
ul.category-list li:nth-child(4n){ border-right:0;}
ul.category-list li a{
	display: block;
	color: inherit;
	padding: 15px 2px 6px;
	text-align: center;
	height: 100px;
	}
ul.category-list li a i {
	padding: 5px;
	font-size:34px;
	width: auto;
	color:#002365;
	}
ul.category-list li a p{
	position: relative;
	font-size: 14px;
	line-height:16px;
	font-weight:400;
	color: #222;
	margin-bottom: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2;
	text-align:center;
	}
.add-box-bottm{
	float:left;
	width:100%;
	margin:15px 0 0 0;
	position:fixed;
	bottom:0;
	left:0;
	background:#fff;
	/**070218**/
	height:50px;
}
.add-box-bottm .carousel-inner{
	position:relative;
	overflow:hidden;
	}
.carousel-fade .carousel-item {
	display: block;
	position: relative;
	opacity: 0;
	transition: opacity .75s ease-in-out;
	height:50px;
	}
.carousel-fade .carousel-item.active {
	opacity: 1;
	display: block;
	/**070218**/
	position: absolute; 
	top:0px; 
	width: 100% ; 
	height: 50px;
}
.carousel-item {opacity .5;}
.carousel-control-next, .carousel-control-prev{ display:none;}
.d-block{width:100%; height:100%;}

/*--------------------------
CSS FOR LISTING PAGE
--------------------------*/
.mob-listingbox{
	float:left;
	width:100%;
	margin-top:149px;
	margin-bottom:50px;
	}
.resul-title{
	float:left;
	width:100%;
	padding:10px 0;
	border-bottom: 1px dotted #c0c0c0;
	color:#002365;
	font-size:15px;
	font-weight:500;
	}
.resul-title i{
	display:inline-block;
	vertical-align:middle;
	}
.m-list-item{
	width:48%;
	padding:14px 0 6px;
	border-bottom: 1px dotted #c0c0c0;
	display:inline-block;
	vertical-align:top;
	position:relative;
	box-sizing:border-box;
	}
.list-img{
	float:left;
	width:27%;
	}
.list-img img{ float:left; width:100%;; margin-bottom:10px}
.list-content{
	float:left;
	width:73%;
	padding-left:10px;
	}
.list-content span{
	float:left;
	width:100%;
	font-size:16px;
	font-weight:500;
	line-height:18px;
	margin-bottom:2px;
	margin-top:-2px;
	}
.list-content p{
	float:left;
	width:100%;
	font-size:14px;
	font-weight:300;
	line-height:18px;
	margin-top:4px;
	position:relative;
	box-sizing:border-box;
	}
.m-add, .list-content span{max-width:290px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }	
.ribbon {
  position: absolute;
  left: -5px; top: 10px;
  z-index: 1;
  overflow: hidden;
  width: 60px; height: 60px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 80px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 12px; left: -18px;
}
.ribbon span.r1 {
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
}
.ribbon span.r2 {
  background: #79A70A;
  background: linear-gradient(#ffc107 0%, #F79E05 100%);
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
	
/*--------------------------
CSS FOR DETAILS PAGE
--------------------------*/
.company-banner{
	float:left;
	width:100%;
	margin-top:54px;
	}
.company-banner img{float:left; width:100%;}
.ad-details-box{
	float:left;
	width:100%;
	margin-bottom:70px;
	}
.comp-name{
	float:left;
	width:100%;
	font-size:24px;
	margin-top:10px;
	color:#002365;
	font-weight:500;
	}
.comp-name-stick{
	float:left;
	width:100%;
	font-size:18px;
	padding:7px 0;
	color:#fff;
	font-weight:500;
	text-align:center;
	background:#002365;
	position:fixed;
	top:54px;
	z-index:99;
	border-top:1px dotted #fff;
	display:none;
	}
.address{
	float:left;
	width:100%;
	color:#000;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	margin-top:10px;
	position:relative;
	padding-left:35px;
	}
.address i{
	position:absolute;
	left:0;
	}
.rgt-setails-heading{
	float:left;
	width:100%;
	background:#ffc107;
	height:40px;
	margin-top:20px;
	position:relative;
	padding-left:40px;
	line-height:40px;
	}
.rgt-setails-heading i{
	position:absolute;
	left:0;
	width:40px;
	height:100%;
	background:#CCC;
	text-align:center;	
	line-height:40px;
	}
.rgt-setails-heading p{
	color:#000;
	font-size:16px;
	font-weight:700;
	padding-left:10px;
	}
.gallry-img-thumb{
	float:left;
	width:100%;
	margin-top:20px;
	}
.gallry-img-thumb img{width:100%;}
.abt-heading, .abt-para{
	float:left;
	width:100%;
	color:#000;
	font-size:16px;
	line-height:20px;
	font-weight:500;
	margin-top:15px;
	}
.abt-para{font-size:15px; font-weight:300; margin-top:10px;}

a.comm-list{
	float:left;
	width:100%;
	color:#000;
	font-size:14px;
	font-weight:500;
	padding:5px 10px;
	background:#fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 5px 1px #e3e3e4;
	box-shadow: 0 0 5px 1px #e3e3e4;
	margin-top:10px;
	border-left:2px solid #666;
	}
a.comm-list:first-child{margin-top:20px;}
a.comm-list.c0{
	border-color:#F44336;
	}
a.comm-list.c1{
	border-color:#9C27B0;
	}
a.comm-list.c2{
	border-color:#3F51B5;
	}
a.comm-list.c3{
	border-color:#03A9F4;
	}
a.comm-list.c4{
	border-color:#00BCD4;
	}
a.comm-list.c5{
	border-color:#009688;
	}
a.comm-list.c6{
	border-color:#8BC34A;
	}
a.comm-list.c7{
	border-color:#FFEB3B;
	}
a.comm-list.c8{
	border-color:#FFC107;
	}
a.comm-list.c9{
	border-color:#FF9800;
	}


.ekko-lightbox-nav-overlay a {
	color: goldenrod;
	}
.gallery-title {
	text-align: center;
	font-weight: 500;
	border-bottom: 1px dotted orange;
	margin-top: 1em;
	}



/*-----------------------
CSS FOR ABOUT PAGE
------------------------*/
.inner-content{
	float: left;
    width: 100%;
    margin-top: 149px;
    margin-bottom: 20px;
	}
.page-heading{
	float:left;
	width:100%;
	font-size:18px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:700;
	background:#ffc107;
	padding:5px;
	margin-top:10px;
	}
.page-sub-heading{
	float:left;
	width:100%;
	font-size:20px;
	line-height:24px;
	font-weight:500;
	margin-top:15px;
	}
.page-sub-heading i{display:inline-block; vertical-align:middle; margin-right:7px;}
.page-para{
	float:left;
	width:100%;
	font-size:16px;
	line-height:22px;
	font-weight:400;
	margin-top:15px;
	}

.contact-box{
	float:left;
	width:100%;
	border:2px dotted #ffc107;
	padding:15px;
	margin-top:20px;
	-webkit-border-radius: 7px;
    border-radius: 7px;
	color:#000;
	font-size:16px;
	text-align:center;
	font-weight:400;
	}
a.contact-links{
	display:inline-block;
	font-size:15px;
	font-weight:500;
	color:#2b66d5;
	margin-top:10px;
	}
a.contact-links i{display:inline-block; vertical-align:middle;}


@media screen and (max-width: 960px) and (min-width: 758px) {
	.ad-details-box .mbanner-btm p {
		width: 85% !important;
	}
	.ad-details-box .mbanner-btm .sms-whatsup {
		width: 9%;
	}
}
@media screen and (max-width: 757px) and (min-width: 641px) {
	.ad-details-box .mbanner-btm p {
		width: 85% !important;
	}
	.ad-details-box .mbanner-btm .sms-whatsup {
		width: 11% !important;
	}
}

@media only screen and (max-width:640px){
ul.category-list li{width:33.33%;}

ul.category-list li:nth-child(4n){border-right: 1px dotted #c0c0c0;}
ul.category-list li:nth-child(3n){ border-right:0;}

.m-list-item{width:100%;}

.list-content p{
	padding-left: 20px;
	/*min-height: 25px;*/
}
.list-content p .material-icons {
    position: absolute;
    left: 0;
    top: 0;
	font-size: 16px;
	color:#bcbcbc;
}
.list-img{
	width:23%;
}
.list-content{
	width:77%;
}
.m-list-item .sms-lnk-mob{
	margin: 0 auto;
    text-align: center;
    float: none;
    display: inline-block;
}
.m-list-item .sms-whatsup {
	float: left;
    width: 100%;
	margin-left: 24px;
}
/*.m-list-item .sms-whatsup img{width:25px!important;}*/

.ad-details-box .mbanner-btm p {
    width: 100%;
    margin-right: 0;
}
.ad-details-box .mbanner-btm .sms-whatsup {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}

}


@media only screen and (max-width:480px){
	.m-list-item .sms-whatsup {
		margin-left: 1%;
	}

}

@media only screen and (max-width:360px){
  .m-list-item .sms-whatsup {
     margin-left: 0px; 
   }
  .m-list-item .sms-whatsup img {
		width: 23px;
		height: 23px;
	}
}

/*-------------------
PRELODER CSS
-------------------*/
.preloderbox{
	position:fixed;
	width:100%;
	top:0;
	bottom:0;
	left:0;
	/*z-index:999;*/
	z-index:99999;
	background:#002365;
	text-align:center;
	line-height:100%;
	}
.preloderbox img{
	width:200px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-100px 0 0 -100px;
	}
.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;   
	
	animation-duration: 1.5s;   
	-webkit-animation-duration: 1.5s;
	
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes pulse {
0% {transform: scale(0.9); }
50% {transform: scale(1);  }   
100% {transform: scale(0.9);}           
}

@-webkit-keyframes pulse {
0% {-webkit-transform: scale(0.95);}
50% {-webkit-transform: scale(1); }   
100% {-webkit-transform: scale(0.95);}           
}

.loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 70px;
  height: 70px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.contact-img{max-width:340px; width:100%; border-radius:12px}

/**********ADVERTISE*********************/
.adv-bnfts {padding-left:0;counter-reset: my-badass-counter;}
.adv-bnfts li{
	display:inline-block;
	font-size:14px;
	line-height:16px;
	margin-right:10px;
	position:relative;
	box-sizing:border-box;
	padding-left:20px;
	font-weight:bold;
	width:100%;
}
.adv-bnfts li:last-child{
	margin-right:0;
}
.adv-bnfts li:before{
	content: counter(my-badass-counter, upper-alpha)"-";
    counter-increment: my-badass-counter;
	position:absolute;
	left:0;
	top:0;
	font-size:16px;
	font-weight:bold;
}
/***********SMS****************/
.sms-lnk-mob{
	/*background:#ffc107;*/
	background:none;
	color:#000;
	padding:4px;
	font-size:14px;
	font-weight:700;
	display: table;
	margin: 0 auto;
	text-align: center;
	/*display: inline-block;
    margin: 0 auto;*/
	float: left;
}
.sms-whatsup {
    float: right;
}

.mbanner-btm p{
    width: 90%;
	margin-right: 2%;
}
.mbanner-btm .sms-whatsup{
    /*width: 5%;*/
	margin-top: 10px;
}
.mbanner-btm .sms-lnk-mob, .mbanner-btm .sms-lnk-desk {
    display: inline-block;
}

/*------------------------------------------*/
.mobimenu > li.drop-down {
    position: relative;
    white-space: nowrap;
}
.mobimenu > li.drop-down a {
    display: block;
    position: relative;
    color: #131e4a;
    font-size: 0.875rem;
    font-family: "Roboto", sans-serif;
    text-align: justify;
    text-transform: uppercase;
    font-weight: 500;
}
.mobimenu > li.drop-down > a:after {
    content: "\ea99";
    font-family: IcoFont;
    padding-left: 5px;
}
.mobimenu li.drop-down:hover > a {
    color: #fd5f17;
    font-weight: bold;
}
.mobimenu li.drop-down ul {
    display: block;
    position: absolute;
    left: 0px;
    top: calc(100% + 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 5px;
    background: #e6eafb;
    box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);
    transition: 0.3s;
}
/*.mobimenu li.drop-down:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
    margin-top: 8px;
}*/

.mobimenu li.drop-down ul.submenu-items.shown{
	opacity: 1;
    top: 100%;
    visibility: visible;
    margin-top: 8px;
}

.mobimenu li.drop-down ul.submenu-items li {
    float:none;
    padding:10px;
    min-width: 180px;
    position: relative;
    border-bottom: 1px solid #e8ccbf;
}
.mobimenu li.drop-down ul {
    background: #4e6ded;
	padding: 0;
}
.mobimenu li.drop-down ul.submenu-items li {
    cursor: pointer;
	border-bottom:none;
	min-width: 250px;
	padding:0px;
}
.mobimenu > li.drop-down a {
    color: #fff;
	border-bottom: 1px solid #e5e5e5;
}
/******************TERMS STYLE************************/
.terms_div .page-heading{
	margin-bottom:30px;
}
.terms_div p {
    margin-bottom: 10px;
}
.terms_div ul {
    float: left;
    width: 100%;
    padding-left: 20px;
}
.terms_div ul li {
    margin-bottom: 10px;
    padding-left: 10px;
    position: relative;
}
.terms_div ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    height: 5px;
    width: 5px;
    background: #002365;
    border-radius: 50%;
}
.enqury-link{
	padding:20px 0 0;
}
.enqury-link a{
	color:blue;
	text-decoration:underline;
	font-weight:700;
}