body, html {
  height: 100%;
  width: 100%;
 
}

.main-content
{
	background-color:#f5f5f5 !important;
	overflow-x:hidden;
}

.pad-lr-0
{
	padding-left:0px;
	padding-right:0px;
}

.pad-lr-20
{
	padding-left:20px !important;
	padding-right:20px !important;
}

.margin-lr-0
{
	margin-left:0px !important;
	margin-right:0px !important;
}

.pad-0
{
  padding:0px !important;	
}

.map-wrapper {
   height:100% !important;
}

.map-fixd
{
	position:fixed;
	top:84px;
	left:0;
	width:inherit;
	margin-right:auto;
}


.main-fixed
{
	padding-top:85px;
}


#map_canvas
{
	height: 100vh !important;
	overflow:hidden;
}


#columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

#company
{ 
	 padding-top:0px !important;
	 min-height: 480px !important;
}

.footer-nav
{
	/*display:none;*/
	display:block;
	position: fixed;
	bottom:0px;
	height:50px;
	width:100%;
	text-align:center;
	font-size:14px;
	background:#40555c;
	padding-top: 16px;
	
	
}

.toggle-btn
{
	background: #FFF;
width: 33% !important;
cursor: pointer;
padding: 15px;
height: 40px;

}

.main-content
{
   margin-bottom: 0px;
}



.remove-listing
	{
		display:none;
	}
	
	.show-map
	{
	    /*display:block;*/
		visibility:visible;
		position:fixd;
		height:100%;
		top:0px;
		width:100%;
	}

	.remove-map
	{
		display:none;

	}
	
	
	.show-header
	{
		display:block;
	}
	
	.hide-header
	{
		display:none;
	}
	
	.body-top
	{
		padding-top:0px !important;
		overflow:hidden;
	}

	.right-side-listing
	{
		
	
	}

	.show-listing
	{
		width: 100%;
	}
	


	
	  .info {
		width: 200px;   
	  }
	
	  .info img {
		border: 0;
	  }
	
	  .info-body {
		width: 200px;
		height: 200px;
		line-height: 200px;
		margin: 2px 0;
		text-align: center;
		overflow: hidden;
	  }
	
	  .info-img {
		height: 220px;
		width: 200px;
	  }
	


	#map-container {
       
		width: 100%;
	  }
	  
	  #map {
		width: 100%;
		height: calc(100vh - 134px);
	  }
	

	/*  .full-map-fix
	  {
		  height: 50vh !important;
	  }
	*/
	
/*@media(max-width:1199px)
{
	.full-map-fix
	{
		height: 50vh !important;
	}
}*/




/*@media(max-width:1024px)
{
	

	.full-map-fix
	{
		height: 65vh !important;
	}
}*/



/*@media(max-width:990px)
{
	.full-map-fix
	{
		height: 94vh !important;
	}
}

	*/

@media(max-width:980px)
{
   .body-top
   {
	   padding-top: 160px !important;
   }

	#main-wrapper
	{
		padding-bottom:50px;
	}	
	 
	.footer-nav
	{
		display:block;
	}
	
	
	.main-content
	{
		padding-top:0px;
	}
	.pad-top0
	{
		padding-top:0px;
	}
	
	.left-side-map
	{
		/*display:none;
		visibility:hidden;
		height:0px;*/
		
		
	}
	
	
	.main-fixed
	{
		padding-top:140px;
	}

	/*.full-map-fix
	{
		height: 96vh !important;
	}*/
  
	
	
	
	
}



/*@media(max-width:978px)
{
	

	.full-map-fix
	{
		height: 75vh !important;
	}
}

@media(max-width:834px)
{
	

	.full-map-fix
	{
		height: 80vh !important;
	}
}


@media(max-width:768px)
{

	.full-map-fix
	{
		height: 79vh !important;
	}
}*/

@media(max-width:555px)
{
	#columns
	{
		 -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	}

	/*.full-map-fix
	{
		height: 77vh !important;
	}*/
}

/*@media(max-width:420px){
	.full-map-fix
	{
		height: 72vh !important;
	}
}

@media(max-width:396px){
	.full-map-fix
	{
		height: 68vh !important;
	}
}


@media(max-width:320px){
	.full-map-fix
	{
		height: 63vh !important;
	}
}
*/



/* **** selectt ----- */

.wrapper-dropdown-3 {
	/* Size and position */
	position: relative;
	width: 200px;
	margin: 0 auto;
	padding: 10px;

	/* Styles */
	background: #fff;
	border-radius: 7px;
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: 0 1px 1px rgba(50,50,50,0.1);
	cursor: pointer;
	outline: none;

	/* Font settings */
	font-weight: bold;
	color: #8AA8BD;
}

.wrapper-dropdown-3:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -3px;
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #8aa8bd transparent;
}

.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;

    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #8aa8bd;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border-radius: 0 0 7px 7px;
    border: none;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #f3f8f8;
}


.media {
    display: flex;
    align-items: flex-start;
	min-height: 140px;

	background-color: #fff;
	
	margin-bottom: 20px;
   
    border-radius: 3px;
    max-width: 100%;
  }

  .bxlink{ width: 25%; }

  .media-object {
	margin-right: 2px;
	
	padding: 10px;
	height:auto;
  }
  .media-body {
    flex: 1;
  }
  

  .media-body  .company-title {
	margin-top:10px !important;
  }
  .media-body  .company-title:hover a {
	color: #7cba00;
  }
  
  .media-body  .company-tags li a {
	font-weight: 700;
  }
  .media-body  .company-tags li a:hover {
	color: #7cba00;
  }
  .media-body .gray-bottom {
	padding: 10px;
	background: #f5f5f5;
  }

  .media-body p .fa
  {
	  margin-right: 5px;
  }


  ul.breadcrumb {
	padding: 10px 16px;
	list-style: none;
	background-color: #eee;
	margin-bottom:0px;
  }
  
  /* Display list items side by side */
  ul.breadcrumb li {
	display: inline;
	font-size: 14px;
  }
  
  /* Add a slash symbol (/) before/behind each list item */
  ul.breadcrumb li+li:before {
	padding: 8px;
	color: black;
	content:"\003e";
  }
  
  /* Add a color to all links inside the list */
  ul.breadcrumb li a {
	color: #0275d8;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
  }
  
  /* Add a color on mouse-over */
  ul.breadcrumb li a:hover {
	color: #01447e;
	text-decoration: underline;
  }

  .record-title
  {
	  margin-bottom:20px;
  }
  .media-body ul.custom-list{
  	margin-bottom: 10px;
  }