.preferred-partner-directory{ margin-bottom: 50px; }
.pp-list{ display: flex; flex-flow: column wrap; }
.preferred-partner-filter{ display: flex; justify-content: space-between; flex-flow: row wrap; margin-bottom: 40px; }
.preferred-partner-filter-form{ display: flex; flex-flow: row wrap; }
.preferred-partner-filter-form input, .preferred-partner-filter-form button, .preferred-partner-filter-form select{ padding: 0 10px; max-height: 35px; font-size: 15px; margin-right: 10px; border-radius: 5px !important; }
.preferred-partner-filter-form input{ min-width: 250px; }
.preferred-partner-filter-form select{ min-width: 220px; border: solid 1px #ccc; }
.preferred-partner-filter-form button{ background: transparent; margin-right:0; }
.preferred-partner-filter-form button:hover, .preferred-partner-filter-form button:focus{ background: none; outline: none; }
.preferred-partner-filter-form button i{ width: 20px; height: 20px; color: #2f4f4f; font-size: 20px; margin: 5px 0 0 0; }
.preferred-partner-filter-form button:hover i{ color: #778899; }
.view-type{ display: flex; }
.view-type button, .view-type button:hover, .view-type button:focus{ background-color: transparent; background-size: 70%; background-repeat: no-repeat; background-position: center;}
.view-type button:hover{ background-color: #d3d3d3; }
.view-type .list-view{ background-image: url(../images/list-icon.png); }
.view-type .grid-view{ background-image: url(../images/grid-icon.png); }
.view-type button{  display: flex; width: 30px; height: 30px;  background-size: 70%; padding: 0; background-position: center; border: 1px solid #dbdbdb; background-repeat: no-repeat; margin: 0 3px; }
.pp-item{ display: flex; flex-flow: row wrap; box-sizing: border-box;  background: none; padding: 10px; border-bottom: 1px solid #ececec; cursor: pointer; align-items: center; transition: all 0.5s; }
.pp-item:last-child{ border-bottom: 0; }
.pp-item .img-area{ display: flex; flex-wrap: wrap; max-width: 160px; max-height: 160px; height: auto; margin-right: 30px; }
.pp-item .img-area img{ border-radius: 3px; }
.pp-item .info-area{ display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.pp-item .socialicons {display: flex;}
.pp-item .info-area a, .pp-item .img-area a{ outline: none; }
.pp-item .info-area h3{ font-size: 28px; color: #79A8AD; font-weight: bold; margin: 10px 7px 0 0; width: auto; font-weight: 300;}
.pp-item .info-area h3 span{ position: relative; padding-right: 22px; }
/* .pp-item .info-area h3 span:after{ content: ""; position: absolute; right: 0; top: 4px; background: url(../images/badge-verified.png) no-repeat; width: 18px; height: 18px; } */
.pp-item .info-area p{ margin: 5px 0 15px 0; width: 100%; font-size: 16px; font-weight: 300;}
.pp-item .info-area h6{ color: #79A8AD; font-size: 12px; line-height: 1.4; text-transform: uppercase; margin: 0 0 20px; }

/** GRID VIEW **/
.grid-view.pp-list{ flex-flow: row wrap; justify-content: space-around; }
.grid-view .pp-item{ box-sizing: border-box; width: 24%; background: #f8f8f8; padding: 10px 10px 15px 10px; -webkit-box-pack: center;  -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; border: 1px solid #ECECEC; }
.grid-view .pp-item .img-area{  margin-right: 0; }
.grid-view .pp-item .info-area .socialicons{ flex-wrap: wrap; justify-content: center; }