.content-wrapper{
	padding: 1vw 6vw;
}

/*--------------------------------------------------------------------------*/
/* Filter Groups */
/*--------------------------------------------------------------------------*/
.filter-group {
  margin-left: 30px;
  margin-top: 10px;
  text-transform: uppercase; }

.filter-group ul li:first-child {
  border-left: 0; }

.filter-group ul li {
  text-align: center;
  font-size: 1.2em;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 1px solid black;
  display: inline-block; }

.filter-group ul li p a {
  text-decoration: none;
  color: #333; }
  .filter-group ul li p a:link {
    color: #333; }
  .filter-group ul li p a:visited {
    color: #333; }
  .filter-group ul li p a:hover {
    color: #333; }
  .filter-group ul li p a:active {
    color: #333; }

.filter-group ul li.active div {
  border-bottom: 2px solid #4595D1;
  width: 23px; }

/*--------------------------------------------------------------------------*/
/* Alphabet */
/*--------------------------------------------------------------------------*/
.alphabet {
  margin-left: 30px;
  margin-top: 15px; }

.alphabet p {
  color: #4595D1;
  text-transform: uppercase;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 1.5em; }

.alphabet p.active a {
  text-decoration: underline; }

.alphabet a {
  color: #4595D1; }
  .alphabet a:link {
    color: #4595D1; }
  .alphabet a:visited {
    color: #4595D1; }
  .alphabet a:hover {
    color: #4595D1; }
  .alphabet a:active {
    color: #4595D1; }

.alphabet div {
  display: inline-block; }

/*--------------------------------------------------------------------------*/
/* Messages */
/*--------------------------------------------------------------------------*/
.msg-header {
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 25px;
  margin-left: 35px; }

/*--------------------------------------------------------------------------*/
/* Search results */
/*--------------------------------------------------------------------------*/
.listings {
  margin-top: 30px;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px; }

.listing {
  padding: 15px; }

.listing:nth-child(odd) {
  background-color: #E4E4E4; }

.listing div {
  display: inline-block;
  font-size: 1.0em; }

/*--------------------------------------------------------------------------*/
/* One line */
/*--------------------------------------------------------------------------*/
.listing .one-line .left {
  float: left;
  width: 40%; }

.listing .one-line .left p a {
  color: #333; }

.listing .one-line .middle {
  width: 20%;
  text-align: center; }

.listing .one-line .right {
  float: right;
  width: 39%; }

.listing .one-line .right div {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top; }

.listing .one-line {
  width: 100%; }

.listing .one-line .col-2 {
  height: 100%; }

.listing .one-line .col-2 img {
  max-height: 50px;
  max-width: 100%; }

.listing .one-line .col-3-pre {
  vertical-align: top; }

.listing .one-line .col-3 {
  white-space: normal;
  vertical-align: top; }

.listing .one-line .col-3 p {
  line-height: 1.3em;
  vertical-align: top;
  display: inline; }

.listing .one-line .col-4 p:hover {
  cursor: pointer;
  text-decoration: underline; }

.right-side-align-left {
  width: 60%;
  vertical-align: top;
  padding: 0; }

.right-side-align-left {
  width: 65%; }

.listing .one-line .col-4 {
  width: 24%; }

/*--------------------------------------------------------------------------*/
/* Premium Ad row */
/*--------------------------------------------------------------------------*/
.listing.premium-listing {
  padding: 15px; }

.listing .premium-wrapper {
  width: 100%;
  /* border-top:1px solid #666;
   border-bottom:1px solid #666;
   padding:15px;*/ }

.listing .premium-one-line {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px; }

.premium-image-wrapper {
  position: relative;
  /*width: 60%;*/ }

.coverbox {
  /* background-color:white; */ }

.listing .premium-one-line img {
  max-width: 100%;
  max-height: 350px; }

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*----------------------------*/
/* Premium mobile ad one-line */
.premium-one-line .big-image a {
  position: absolute;
  width: 18.5%;
  top: 68%;
  height: 10%; }

.premium-one-line .big-image p {
  position: absolute;
  width: 18.5%;
  top: 68%;
  height: 10%; }

.premium-image-wrapper a,
.premium-image-wrapper p {
  position: absolute;
  width: 18.5%;
  top: 68%;
  height: 10%; }

.premium-image-wrapper p.bi1,
.premium-image-wrapper a.bi1 {
  left: 10%; }

.premium-image-wrapper p.bi2,
.premium-image-wrapper a.bi2 {
  left: 31%; }

.premium-one-line p.bi3,
.premium-one-line a.bi3 {
  left: 51%; }

.premium-one-line p.bi4,
.premium-one-line a.bi4 {
  left: 72%; }

.premium-one-line .big-buttons {
  text-align: center; }

.premium-one-line .big-buttons a {
  border-radius: 0;
  background-color: #D31B36;
  color: white;
  text-transform: uppercase;
  border: 0;
  margin-bottom: 5px; }

.premium-one-line .big-buttons a.hide-details {
  display: none; }

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/* Verbose */
/*--------------------------------------------------------------------------*/
.listing div.verbose {
  width: 100%;
  display: none; }

.verbose .left {
  display: inline-block;
  width: 60%; }

.verbose .left .company-name {
  font-size: 1.05em; }

.verbose .right {
  display: inline-block;
  font-size: 1.0em;
  width: 39%; }

.verbose .right p {
  padding-left: 69%; }

.verbose .right p:hover {
  cursor: pointer;
  text-decoration: underline; }

.verbose .row {
  display: block;
  clear: both; }

.verbose .col-1 {
  width: 275px;
  margin-left: 15px;
  margin-top: 15px;
  vertical-align: top; }

.verbose .col-1 .logo {
  margin-top: 10px;
  width: 100%;
  height: auto;
  vertical-align: top;
  text-align: center; }

.verbose .col-1 .logo img {
  max-width: 100%;
  max-height: 100%; }

.verbose .col-1 .address {
  margin-top: 5px;
  font-size: 0.85em;
  line-height: 1.3em; }

.verbose .col-2 {
  vertical-align: top;
  margin-left: 10px;
  font-size: 0.85em;
  margin-top: 45px; }
  .verbose .col-2 a {
    background-color: #4595D1;
    padding: 15px;
    padding-left: 60px;
    padding-right: 60px;
    text-decoration: none;
    color: white; }
    .verbose .col-2 a:link {
      color: white; }
    .verbose .col-2 a:visited {
      color: white; }
    .verbose .col-2 a:hover {
      color: white; }
    .verbose .col-2 a:active {
      color: white; }
  .verbose .col-2 a:hover {
    background-color: #3484C0; }

.verbose .col-3 {
  vertical-align: top;
  margin-top: 25px;
  font-size: 0.85em;
  margin-left: 25px;
  width: 400px; }

.verbose .col-3 .header:first-child {
  margin-top: 0; }

.verbose .col-3 .header {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 3px; }

h3.popover-title {
  display: none !important; }

.popover {
  color: black;
  text-align: center; }

.member-directory{
	color: #3992d0;
	padding: 2vw 2vw;	
}

.member-directory .directory-title{
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 2vw;
	text-align: center;
}

.member-directory .directory-inner{
	background-color:  #3992d0;
	color: #fff;
	display: grid;
	grid-template-columns: 1fr 1fr;
    padding: 0.5vw 0.5vw;
	border-radius: 5px;
}

.member-directory .directory-inner .alphabetical{
	background-color:  #f6f5f4;
	color: #3992d0;
	padding: 2vw 4vw 2vw 2vw;
	border-radius: 5px;
}

.member-directory .directory-inner .alphabetical h5{
	font-size: 20px;
	font-weight: 600;
}

.member-directory .directory-inner .alphabetical .alpha-list{
	padding: 1vw 0vw;
	font-size: 20px
}

.member-directory .directory-inner .alphabetical .alpha-list a{
	color: #a9acac;
	margin-right: 1vw;	
}

.member-directory .directory-inner .categories{
	padding: 2vw;
}

.member-directory .directory-inner .categories h5{
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 1vw;
}

.member-directory .directory-inner .categories form{

}

.select {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}    

.select select { 
		font-size: 20px;
        display: inline-block;
        width: 100%;
        cursor: pointer;
        padding: 5px 10px;
        outline: 0;
        border: 0px hidden #000000;
        border-radius: 5px;
        background: #ffff;
        color: #3992d0;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
        .select select::-ms-expand {
            display: none;
        }
        .select select:hover,
        .select select:focus {
            color: #3f8abe;
            background: #f2f2f2;
        }
        .select select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }
.select_arrow {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 7px;
    height: 7px;
    border: solid #3992d0;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
    border-color: #3992d0;
}
.select select:disabled ~ .select_arrow {
    border-top-color: #cccccc;
}

.member-directory .directory-inner .categories .search-text{
    font-size: 20px;
    display: inline-block;
    width: 70%;
    cursor: pointer;
    padding: 5px 10px;
    outline: 0;
    border: 0px hidden #000000;
    border-radius: 5px 0px 0px 5px;
    background: #ffff;
    color: #3992d0;
}

.member-directory .directory-inner .categories .search-submit{
	appearance: none;
	font-size: 20px;
	font-weight: 600;
	cursor: pointer;
	padding: 10px 10px;
	outline: 0;
	border: 0px hidden #000000;
	border-radius: 0px 5px 5px 0px;
	background: #f79431;
	color: #fff;
	width: 30%;
}

/* Mobile */
@media all and (max-width: 960px) {
	.member-directory .directory-inner {
    	grid-template-columns: 1fr;
    }
}

/* Mobile */
@media all and (max-width: 430px) {
	.member-directory .directory-inner .categories .search-text{
		width: 60%;
	}

	.member-directory .directory-inner .categories .search-submit{
		width: 40%;
	}

.listing .one-line .left {
	width: 50%;
}

.listing .one-line .middle {
	width: 50%;
}

.listing .one-line .right {
	float: left;
	width: 100%;
}

.listing .one-line .right div {
	padding-left: 0px
}

	.verbose .left {
		width: 45%;
	}

	.verbose .right {
		width: 53%;
	}

	.verbose .right p {
		padding-left: 25%;
	}

    .verbose .col-1 {
        width: auto;
    }

	.verbose .col-3{
		width: auto;
    	margin-left: 15px;
		margin-right: 15px;
	}
}

/* Target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select {
        background: none\9;
        padding: 5px\9;
    }
}