/* General styles for all menus */
.cbp-spmenu {
	background: #fff;
	position: absolute; 
	padding: 10px; border: 2px solid #ddd;
	top: 65px !important;
}

.cbp-spmenu h3 {
	color: #afdefa;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;
}

.cbp-spmenu a {
	display: inline-block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
}





.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width:0px;
	height: 100%;
	top: 0;
	z-index: 1000;
}



.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}






/* Paste here */







.fahadsalign{
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
}

.fahads3rd{
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    padding-left: 42px;
}

.fahadslinks {
    font-size: 16px;
    font-weight: bold;
    color: #b99764;
    display: inline;
} 

a:hover {
    color: #d9b887 !important;
}



.gallery{
         width: 450px;
    /* overflow-x: scroll; */
    height: 255px;
    padding-left: 15px;
}
.gallery img{
	    float: left;
    margin: 2px 4px;
}
.gal-imgs {     overflow: hidden;
    height: 224px;
    max-width: 1000px;
    min-width: 465px; }
#cbp-spmenu-s21 { background: #fff;  }
#cbp-spmenu-s21 h2{ display: block;}

#cbp-spmenu-s2 { background: #fff;  }
#cbp-spmenu-s2 h2{ display: block;}
/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -150px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 0px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}
.legends { position: absolute !important; }
.main span { float: left; clear: both; padding-bottom: 10px; }
.brp1{       margin-left: 259px;
    margin-top: 155px;
 }
 .brp2{  margin-left: 312px;
    margin-top: 142px;
 }
  .brp3{         margin-left: 148px;
    margin-top: 260px;
 }
  .brp4{     margin-left: 188px;
    margin-top: 188px;
 }
 .map{width: 100%; min-height: 600px; height:auto; position: relative;overflow: hidden;background-color: rgb(229, 227, 223);margin-left: 90px;}
 .lagend {       z-index: 99999;
    width: 164px !important;
    min-height: 0px !important;
    background: #fff;
    left: 10px;
    margin-top: 42px; }
    .info {padding-left: 15px; width: 468px;}
    .info p{ font-size: 14px;}
    .info_content{    max-width: 318px;
    min-height: 70px;
    padding: 5px;}
    .info_content h3{    font-size: 16px;
    margin: 4px 0px; font-weight: bold;
color:#b99764;}
.info_content h5{ font-size: 14px; color: #aeaeae; margin: 0px; }
    .info_content p{font-size: 14px;
    line-height: 10px;
    margin: 0px 0px;}
    .info_content span{ color: #aeaeae;  }
    body{ overflow: hidden; }




.filters { cursor: pointer; color: #fff; }
.filters h4 {  }
    .filterss { width: 100%; margin-left: 0px;padding: 5px;  background:rgba(255,255,255,0.5); min-height: 20px; color: #333;}
    .filterss h2{ font-size: 18px; font-weight: bold; margin: 10px; }
    .filterss h4{ font-size: 16px; font-weight: normal; margin: 10px; color: #fff;}
    label {font-weight: normal;font-size: 10px;}
    ul , li {list-style: none;}
    .filterss ul { margin-left: 18px; }
    /* Hide the Ordinary Checkbox */
input[type="checkbox"] {
    display: none;
}
/* Checkbox Icons */
.filterss label {
        position: relative;
    padding-left: 30px;
    font-size: 16px;
    cursor: pointer;
    font-weight: normal;
    color: #fff;
    padding: 4px 0px 0px 0px;
    width: 150px;
}
 
.filterss label:before, label:after {
    font-family: FontAwesome;
    font-size: 25px;
    position: absolute;
    top: 0;
         left: -29px;
    right: -3px;
}
.filterss label:before {
    content: '\f096'; /*checkbox unchecked */
}
.filterss label:after {
   content: '\f0c8';
    max-width: 0;
    overflow: hidden;
    opacity: 0.5;
    font-size: 16px;
        top: 5px;
    left: -26px;
    color: #fff;
    -webkit-transition: all 0.50s;
    -moz-transition: all 0.50s;
    -o-transition: all 0.50s;
    transition: all 0.50s;
}
/* Animating the Checkbox Icon */
.filterss input[type="checkbox"]:checked + label:after {
    max-width: 25px;
    opacity: 1;
    margin-right: 90px;
}
.overview-text {
    text-align: justify;
}