.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #1a5f98;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
    z-index: 999;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #ffffff;
}

.sidenav .closebtn {
    position: absolute;
    top: 23px;
    right: 10px;
    font-size: 40px;
    margin-left: 50px;
    font-family: 'Karla';
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


 /* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 14px;
  position: relative;
}
#cssmenu a {
  line-height: 1.3;
}
#cssmenu {
  width: 250px;
}
#cssmenu > ul > li > a {
 /* padding-right: 40px;*/
  font-size: 25px;
  display: block;
  /*background: #ffffff;*/
  color: #ffffff;
  border-top: 1px solid #6988b1;
  text-transform: uppercase;
}
#cssmenu > ul > li > a > span {
  /*background: #0f458a;*/
  padding: 10px;
  display: block;
    font-size: 16px;
    padding-left: 30px;
    text-transform: capitalize;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.active > a {
  color: #fff;
}
#cssmenu > ul > li.active > a span {
  /*background: #0f458a;*/
}
#cssmenu span.cnt {
    position: absolute;
    padding: 5px;
    margin: 0;
    background: url("images/right-arrow.png");
	    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    /* border: 5px solid transparent; */
    /* border-left: 5px solid #aec1da; */
    margin-top: 4px;
}

#cssmenu .active span.cnt {
    position: absolute;
    padding: 6px;
    margin: 0;
    background: url("images/down-arrow.png");
	    background-repeat: no-repeat;
    top: 10px;
    left: 10px;
    /* border: 5px solid transparent; */
    /* border-left: 5px solid #aec1da; */
    margin-top: 4px;
}
/* Sub menu */
#cssmenu ul ul {
  display: none;
}
#cssmenu ul ul li {
/*  border-bottom: 1px solid #aec1da;*/
  border-top: 0;
}
#cssmenu ul ul a {
  display: block;
    color: #6dbff5;
    font-size: 14px;
    margin-left: 50px;
    margin-top: 12px;
}

#cssmenu ul ul a:last-child {
    margin-bottom: 12px;
}

#cssmenu ul ul a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.odd {
  /*background: #1a4c8c;*
}
#cssmenu ul ul li.even {
/*  background: #1a4c8c;*/
}

.flyout,.flyout1 {
    position: absolute;
    width: 80%;
    min-height: 650px;
	height:100vh;
    background: URL("images/bg.png");
    overflow: hidden;
    top: 0;
    z-index: 99;
	right: 299px;
}

#wall_tile_div, #floor_tile_div, #investors_div{
    position: absolute;
    width: 0px;
    min-height: 650px;
	height:100vh;
    background: URL("images/bg.png");
    overflow: hidden;
    top: 0;
    z-index: 99;
	right: 299px;
    padding: 0px;
}
.sub-menu-arrow{
    background: url("images/arrow.png");
    background-position: left;
    background-repeat: no-repeat;
}

.hidden {
  visibility: hidden;

}


.li_style{
	/* margin-top: 67px;
	 padding-left: 0px;*/
	 padding-left: 0px;
    float: left;
    display: inline-flex;
}

.li_style li{
    list-style: none;
    padding: 5px 23px;
    background: #15508b;
    border-top: 0px;
    border-top-style: solid;
    border-top-color: #fff;
    color: #fff;
    font-family: Karla !important;
	cursor:pointer;
}

.li_style li.active{
    background: #1976d2;
}

.li_style li:hover{
    background: #1976d2 !important;
}

.li_style li a{
	color:#fff;
}



.li_style_vertical{
	/* margin-top: 67px;
	 padding-left: 0px;*/
	 padding-left: 0px;
 
}

.li_style_vertical li{
    list-style: none;
    padding:7px 25px;
    background: #15508b;
    border-top: 1px;
    border-top-style: solid;
    border-top-color: #fff;
	color:#fff;
}

.li_style_vertical li.active{
    background: #1976d2;
}

.li_style_vertical li:hover{
    background: #1976d2 !important;
}

.li_style_vertical li a{
	color:#fff;
}

.man_facilities_table td, .man_facilities_table th{
	padding-left:10px;
}


.catalog-border .col-md-3{
	  margin-top: 30px; 
}

.catalog-border .col-md-3 img{
	 border-radius: 10px;
}

.catalog-border  article
{
	border: 0px;
    width: 250px;
    border-radius: 10px;
}

.products .catalog-border article:hover {
    box-shadow: 0 1px 20px #0d599c !important;
}


.img_height {
    padding: 0px 0px 0px 0px !important; 
}


#load
{
 width:400px;
 height:40px;
 background-color:#15508b;
 border-radius:3px;
 color:#fff;
 border:none;
 font-size:16px;
 margin:auto;
}




.filter_li_style{
	 padding-left: 0px;
}

.filter_li_style p{
	 background: #15508b;
	 padding: 5px 25px; 
	 font-weight: 500; 
	 letter-spacing: 1px; 
	 margin-bottom: 0px;  
}

.filter_li_style li{
    border-top: 0px;
    border-top-style: solid;
    border-top-color: #fff;
	color:#fff;
}

.filter_li_style .li_style_{
    border-right: 0px;
    border-right-color: #1976d2;
    border-right-style: solid;
    border-top: 1px;
    border-top-style: solid;
    border-top-color: #b4b3b3;
    width: 100%;
   /* background: url("images/square.png") no-repeat 0px 3px transparent;*/
    list-style-type: none;
    margin: 0;
    padding: 1px 0px 1px 2px;
    vertical-align: middle;
    height: 30px;
}

.filter_li_style .li_style_:first-child{
    border-top: 0px;
}


.li_style_ .checkbox{
	width: 21px; height: 21px; font-size: 14px;display: inline-flex; border: 1px; border-style: solid; margin-right: 5px; padding-left: 3px;
}

.filter_li_style  .selected{
    border-right: 0px;
    border-right-color: #1976d2;
    border-right-style: solid;
    border-top: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
    width: 100%;
   /* background: url("images/square_tick.png") no-repeat 0px 3px #ebf1f6 !important;*/
    list-style-type: none;
    margin: 0;
    padding: 1px 0px 1px 2px;
    vertical-align: middle;
    height: 30px;
}

.filter_li_style .li_style_:first-child{
    border-top: 0px;
}


.filter_li_style li ul li{
	padding: 0;
    border-right: 0px;
    background: #fff;
    color: #15508b;
}

.filter_li_style li.active{
    background: #1976d2;
}

.filter_li_style li a{
	color:#fff;
}


input[type=checkbox] {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-color: rgb(0,136,204);
    color: #fff;
    text-align: center;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-top: -2px;
    cursor: pointer;
}


.p_text{
	text-align:justify; 
	font-size: 16px;
	color:#727272;
}


.pdf_icon {
    list-style: none!important;
    background: url("images/downloadpng.png")!important;
    background-repeat: no-repeat!important;
    padding-bottom: 15px!important;
    padding-left: 38px!important;
}

.popupmodel {
    position: fixed !important;
    margin: auto;
    margin-top: 5px;
}

.popupimageheight{
	 max-height: 430px !important;  
	 min-height: 429px !important; 
}

ul.applicationPage span {
	float:right;
	width:100%;
	display:block;
	margin:20px 0px 5px 0px;
}
ul.applicationPage li {
	list-style:none;
}
ul.applicationPage li a {
	float:left;
	width:158px;
	height:75px;
	padding:25px 0px 0px 0px;
	background:#d1d1d1;
	margin:0px 20px 0px 0px;
	text-align:center;
	color:#2a6095;
	display:block;
}
ul.applicationPage li a:hover {
	background:#0d599c;
	color:#fff;
}