/*
Theme Name: IOA
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: IOA
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/***** CUSTOM FONTS *****/

@font-face {
  font-family: "Gilroy-Heavy";
  src: url("../ioa/fonts/Gilroy-Heavy.eot?") format("eot"), url("../ioa/fonts/Gilroy-Heavy.woff2") format("woff2"), url("../ioa/fonts/Gilroy-Heavy.woff") format("woff"), url("../ioa/fonts/Gilroy-Heavy.ttf") format("truetype"), url('../ioa/fonts/Gilroy-Heavy.svg#str-replace("Gilroy-Heavy", " ", "_")') format("svg");
}

@font-face {
  font-family: "Gilroy-Medium";
  src: url("../ioa/fonts/Gilroy-Medium.otf") format("opentype");
}

@font-face {
  font-family: "Gilroy-Regular";
  src: url("../ioa/fonts/Gilroy-Regular.eot?") format("eot"), url("../ioa/fonts/Gilroy-Regular.woff2") format("woff2"), url("../ioa/fonts/Gilroy-Regular.woff") format("woff"), url("../ioa/fonts/Gilroy-Regular.ttf") format("truetype"), url('../ioa/fonts/Gilroy-Regular.svg#str-replace("Gilroy-Regular", " ", "_")') format("svg");
}

@font-face {
  font-family: "Gilroy-Light";
  src: url("../ioa/fonts/Gilroy-Light.eot?") format("eot"), url("../ioa/fonts/Gilroy-Light.woff2") format("woff2"), url("../ioa/fonts/Gilroy-Light.woff") format("woff"), url("../ioa/fonts/Gilroy-Light.ttf") format("truetype"), url('../ioa/fonts/Gilroy-Light.svg#str-replace("Gilroy-Light", " ", "_")') format("svg");
}

/***** HOME MAP STYLES *****/

@media (max-width: 675px) {
  body.home #wpsl-gmap {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
}

body.home #search_container_home {
  position: relative;
}

body.home #search_container_home .pac-container {
  overflow: visible !important;
  top: 30px !important;
  width: 100% !important;
  right: 0px !important;
  left: 0px !important;
  z-index: 1000 !important;
}

body.home #search_container_home #wpsl-wrap {
  position: absolute;
  z-index: 20;
  padding: 0px;
  top: 80px;
  width: 450px;
  left: 40%;
  overflow: visible;
  display: -ms-flexbox;
  display: flex;
  transition: all 0.4s ease-in-out;
}

body.home #search_container_home #wpsl-wrap.invisible {
  opacity: 0;
}

@media screen and (max-width: 900px) {
  body.home #search_container_home #wpsl-wrap {
    top: 20px;
    width: 400px;
    left: 10%;
  }
}

@media (max-width: 479px) {
  body.home #search_container_home #wpsl-wrap {
    width: 310px;
  }
}

body.home #search_container_home #wpsl-wrap form {
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 5px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
  width: 100%;
}

body.home #search_container_home #wpsl-wrap form #wpsl-search-btn {
  background: #1DAEEB;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  color: white;
  border: 0px;
  border-radius: 0px 5px 5px 0px !important;
  margin: 0px !important;
}

@media (max-width: 570px) {
  body.home #search_container_home #wpsl-wrap form .wpsl-search-btn-wrap {
    margin-top: 0px;
    margin-left: -10px;
  }
}

body.home #search_container_home #wpsl-wrap form .wpsl-input {
  margin: 0px;
  width: 100%;
  position: relative;
}

body.home #search_container_home #wpsl-wrap form .wpsl-input #wpsl-search-input {
  background-color: #fff;
  line-height: 2em;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 100%;
}

body.home #search_container_home #wpsl-wrap .advance-search {
  padding: 2px 13px;
  color: white;
  margin: 0px;
  margin-left: 50.5%;
  transition: all 200ms ease-out;
  position: absolute;
  top: 45px;
}

@media (max-width: 900px) {
  body.home #search_container_home #wpsl-wrap .advance-search {
    margin-left: 40%;
  }
}

body.home #search_container_home #wpsl-wrap .advance-search:hover {
  background-color: #137FC5;
}

#search_container {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a5793+0,137fc5+100 */
  background: #0a5793;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0a5793 0%, #137fc5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a5793', endColorstr='#137fc5',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  padding: 40px 0;
}

#search_container #advanced-searchform a span {
  color: #555 !important;
}

@media screen and (max-width: 600px) {
  #search_container .container {
    max-width: 96%;
  }
}

#search_container .pac-container {
  overflow: visible !important;
  top: 80px !important;
  width: 100% !important;
  right: 0px !important;
  left: 0px !important;
  z-index: 1000 !important;
}

#search_container .pac-container .pac-item {
  width: 100% !important;
  color: rgba(255, 255, 255, 0.5) !important;
  overflow: hidden !important;
  background: #137FC5 !important;
  border: none;
}

#search_container .pac-container .pac-item .pac-icon {
  color: white !important;
}

#search_container .pac-container .pac-item .pac-matched {
  color: white !important;
}

#search_container #wpsl-wrap {
  overflow: visible !important;
}

#search_container #map_search #wpsl-search-btn {
  visibility: visible;
  width: 80%;
  margin-top: 31px;
  background: #71BDF6;
  border: none;
  font-size: .9em;
}

#search_container #map_search #wpsl-search-input {
  padding: 9px;
  border-radius: 3px;
  background-color: #FFF;
  border: 1px solid white;
  color: #555555 !important;
  font-size: 15px;
}

#search_container #map_search .wpsl-input {
  overflow: visible;
}

#search_container input[type="text"],
#search_container input[type="textarea"],
#search_container input[type="number"] {
  background-color: #fff;
  color: #555555 !important;
}

#search_container .select2-container b:after {
  border-top-color: #555;
}

#search_container .select2-dropdown-open b:after {
  border-top-color: transparent;
}

#search_container label {
  color: white !important;
}

#search_container * {
  color: white;
}

#search_container:after {
  content: "";
  clear: both;
  display: table;
}

@media screen and (max-width: 1300px) {
  #search_container .span_m_9,
  #search_container .span_m_3 {
    width: 100%;
  }
}

@media screen and (max-width: 1300px) {
  #search_container .span_m_4 {
    width: 49%;
  }
}

@media screen and (max-width: 690px) {
  #search_container .span_m_4 {
    width: 100%;
  }
}

#search_container .search_title {
  font-size: 3em;
  font-weight: bolder;
  text-align: left;
  line-height: 1.1em;
}

body.search .search-term {
  color: #137FC5;
}

body.search .parameters {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

#wpsl-search-input {
  width: 100%;
  position: relative;
  color: white;
}

#wpsl-result-list {
  margin: 0px !important;
  width: 100% !important;
}

@media screen and (max-width: 900px) {
  #wpsl-result-list {
    display: none;
  }
}

#wpsl-result-list .wpsl-store-location strong {
  font-size: 2em;
  font-family: 'Gilroy-Heavy', sans-serif;
}

#wpsl-result-list .wpsl-store-location p {
  margin: 0px;
  padding: 0px;
  color: #6A6E72;
}

#wpsl-result-list .wpsl-store-location > p > span {
  line-height: 1em;
  margin: 0px;
}

#wpsl-result-list .terms-search {
  background-color: #0A5793;
  color: white;
  font-size: .9em;
  margin: .4em 0px;
  text-align: center;
}

#wpsl-result-list .buttons-results {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: .5em 0px;
}

#wpsl-result-list .buttons-results a {
  display: block;
  padding: 10px;
  line-height: 1em;
  color: #0A5793;
  border: 2px solid #0A5793;
  border-bottom: 2px solid #0A5793 !important;
  background: white;
  font-size: 1em;
  font-family: 'Gilroy-Heavy', sans-serif;
  text-align: center;
}

#wpsl-result-list .buttons-results a.wpsl-directions::before {
  content: "\f124";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 10px;
}

#wpsl-result-list .buttons-results a.phone::before {
  content: "\f095";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  margin-right: 10px;
}

#wpsl-result-list .buttons-results .wpsl-store-details {
  margin: 0px;
  padding: 0px;
}

#wpsl-result-list .wpsl-more-info-listings {
  font-size: .9em;
  color: #6A6E72;
}

#wpsl-result-list .wpsl-more-info-listings strong {
  font-size: inherit;
  color: #6A6E72;
}

#wpsl-result-list .wpsl-more-info-listings span {
  margin: 0px;
  padding: 0px;
  line-height: 1.2em;
}

#wpsl-result-list .wpsl-more-info-listings .wpsl-store-hours {
  line-height: 1.2em;
}

#wpsl-result-list .distance {
  font-family: 'Gilroy-Heavy', sans-serif;
  background-color: #137FC5;
  color: white;
  position: absolute;
  padding: 0px 8px;
  top: 0px;
  right: 0px;
  font-size: .9em;
  border-bottom-left-radius: 5px;
}

#results-search-map {
  position: relative;
}

#results-search-map .row {
  padding-bottom: 0px;
}

#results-search-map #wpsl-stores {
  position: absolute;
  z-index: 100000;
  top: 0px;
  right: 0px;
  width: 30%;
  padding: 20px;
}

#results-search-map #wpsl-gmap,
#results-search-map #wpsl-result-list,
#results-search-map #wpsl-stores {
  height: 650px !important;
}

#results-search-map #wpsl-gmap {
  display: block;
}

@media screen and (max-width: 900px) {
  #results-search-map #wpsl-gmap {
    height: 450px !important;
  }
}

#results-search-map .store_map {
  background-color: rgba(255, 255, 255, 0.9);
  margin: 10px 0px;
  border-radius: 10px;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

#results-search-map .store_map:hover {
  -ms-transform: scale(1);
  transform: scale(1);
  box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.4);
}

#results-search-map .store_map .info-store-container {
  padding: 40px 40px 20px 40px;
}

#results-search-map .store_map ul {
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

#results-search-map .store_map ul li {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a5793+0,137fc5+100 */
  background: #0a5793;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0a5793 0%, #137fc5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a5793', endColorstr='#137fc5',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  color: white;
  padding: 10px;
  border-radius: 5px;
  font-size: .8em;
  margin-right: 5px;
  line-height: 1em;
  list-style: 18px 25px !important;
}

#results-search-map .store_map ul li input[type="text"],
#results-search-map .store_map ul li input[type="textarea"],
#results-search-map .store_map ul li input[type="number"] {
  background-color: #fff;
  color: #0A5793 !important;
}

#results-search-map .store_map ul li .select2-container b:after {
  border-top-color: #fff;
}


.select2-container .select2-choice:hover, .select2-dropdown-open .select2-choice {
    background-color: #dddddd !important;
    border-color: #dddddd !important;
}


#results-search-map .store_map ul li .select2-dropdown-open b:after {
  border-top-color: transparent;
}

#results-search-map .store_map ul li label {
  color: white !important;
}

#results-search-map .store_map ul li * {
  color: white;
}

#results-search-map .store_map ul li:last-child {
  margin-right: 0px;
}

#results-search-map .store_map .more-info-wrapper {
  padding: 5px 40px 5px 40px;
  background-color: #176AB4;
  color: white !important;
}

#results-search-map .store_map .more-info-wrapper a {
  color: white !important;
}

#results-search-map .store_map .more-info-wrapper p {
  margin: 0px;
  padding: 0px;
  color: white !important;
}

#results-search-map .store_map .more-info-wrapper p span {
  font-weight: bold;
}

#results-search-map .store_map .more-info-wrapper p strong {
  color: white !important;
}

#results-search-map .store_map .more-info-wrapper .wpsl-store-hours strong {
  color: white !important;
}

#results-search-map .store_map .more-info-wrapper .wpsl-store-hours table {
  color: white !important;
}

body.single-wpsl_stores {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0a5793 0%, #137fc5 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

body.single-wpsl_stores .ocm-effect-wrap {
  background: transparent !important;
}

#store_single {
  width: 1100px;
  position: relative;
  top: -100px;
  background-color: white;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  padding: 0px;
}

@media screen and (min-width: 420px) {
  #store_single {
    width: 80%;
    max-width: 980px;
  }
}

@media screen and (min-width: 999px) {
  #store_single {
    width: 980px !important;
    max-width: 980px;
  }
}

#store_single .services {
  font-size: 1.2em;
}

#store_single .services a {
  color: #fff;
}

#store_single .titles_store {
  background-color: #0e5790;
  color: #fff;
  padding: 50px 40px 80px 40px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

@media screen and (min-width: 999px) {
  #store_single .titles_store {
    padding: 50px 40px;
  }
}

#store_single .titles_store h1 {
  margin: 0px;
  line-height: 1em;
  color: #fff;
}

#store_single .titles_store span {
  font-family: 'Gilroy-Light';
}

#store_single .info-store-container {
  padding: 2em;
  font-size: 1.8em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

#store_single h2 {
  font-family: 'Gilroy-Light', sans-serif;
  font-size: 1.6em;
  padding: 10px 0px;
  line-height: 1em;
  margin-bottom: .5em;
}

#store_single .wpsl-opening-hours > tbody > tr > td {
  opacity: .7;
}

#store_single .wpsl-opening-hours > tbody > tr > td:first-child {
  font-weight: bolder;
  opacity: 1;
}

#store_single .wpsl-opening-hours {
  font-size: 20px !important;
  font-family: 'Gilroy-Heavy', sans-serif;
}

#store_single #info-store {
  margin: 0px 0px 20px 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

#store_single #info-store li {
  line-height: 1em;
  margin-bottom: 1em;
  list-style: none;
}

#store_single #info-store span {
  width: 90%;
}

#store_single #info-store span ~ span {
  display: block;
  margin-left: 11%;
}

#store_single #info-store i {
  width: 10%;
  font-size: .9em;
}

#store_single .get_directions {
  background-color: #fff;
  font-family: 'Gilroy-Heavy', sans-serif;
  color: #0e5790;
  position: absolute;
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 0.85;
  font-size: 20px;
  padding: 23px 45px 23px 30px;
  border-radius: 200px;
  box-shadow: 0 0px 38px transparent;
  transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1), transform 0.45s cubic-bezier(0.25, 1, 0.33, 1), border-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), color 0.45s cubic-bezier(0.25, 1, 0.33, 1), background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}

#store_single .get_directions:hover {
  opacity: 1;
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16);
}

#store_single .related_broker {
  overflow: scroll;
  max-height: 360px;
}

#store_single .related_broker li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0px;
  transition: all 0.4s ease-in-out;
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

#store_single .related_broker li:hover {
  -ms-transform: scale(1);
  transform: scale(1);
  text-shadow: 10px 10px 60px rgba(0, 0, 0, 0.4);
}

#store_single .related_broker li .related_broker_thumb {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid white;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  display: block;
  margin-right: 10px;
}

#wpsl-stores.responsive {
  height: auto;
  padding: 20px 0px;
  overflow: visible;
  color: #fff;
}

@media screen and (min-width: 900px) {
  #wpsl-stores.responsive {
    display: none;
  }
}

#wpsl-stores.responsive .swiper-wrapper {
  padding: 30px 0px;
}

#wpsl-stores.responsive .info-store-container {
  margin-top: 25px;
  padding: 1em;
}

#wpsl-stores.responsive .distance {
  color: #0A5793;
  background-color: #fff;
  padding: 0px 17px;
  right: 0px;
  top: 0px;
  position: absolute;
  font-size: .9em;
  border-radius: 0px 0px 0px 10px;
}

@media screen and (min-width: 900px) {
  #wpsl-stores.responsive .distance {
    display: none;
  }
}

#wpsl-stores.responsive ul.terms {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 1.5em;
  padding: 0.7em 0px;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.8em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#wpsl-stores.responsive .buttons-results {
  margin-bottom: 10px;
}

#wpsl-stores.responsive .buttons-results a {
  color: rgba(255, 255, 255, 0.6);
  margin: 0px;
  line-height: 1.2em;
}

#wpsl-stores.responsive .buttons-results a.phone:before {
  content: "\f095";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  margin: 0px 5px 0px 0px;
}

#wpsl-stores.responsive .buttons-results a.wpsl-directions:before {
  content: "\f041";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  margin: 0px 5px 0px 0px;
}

@media screen and (max-width: 900px) {
  #wpsl-stores.responsive .more-info-wrapper {
    display: none;
  }
}

#wpsl-stores.responsive .wpsl-store-location strong {
  font-size: 1.8em;
  line-height: 1em;
  font-family: 'Gilroy-Heavy', sans-serif;
  margin-bottom: 15px;
  display: block;
}

#wpsl-stores.responsive .wpsl-store-location strong a {
  color: rgba(255, 255, 255, 0.95);
}

#wpsl-stores.responsive .wpsl-store-location p {
  margin: 0px;
  padding: 0px;
  color: #fff;
}

#wpsl-stores.responsive .wpsl-store-location > p > span {
  line-height: 1em;
  margin: 0px;
}

#wpsl-stores.responsive .swiper-container {
  width: 80%;
  overflow: visible;
}

#wpsl-stores.responsive .swiper-container .swiper-slide {
  padding: 30px;
  background-color: #137FC5;
  border-radius: 20px;
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

#wpsl-stores.responsive .swiper-container .swiper-slide-shadow-left,
#wpsl-stores.responsive .swiper-container .swiper-slide-shadow-right {
  border-radius: 20px;
}

#wpsl-stores.responsive .swiper-container .swiper-slide {
  transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#wpsl-stores.responsive .swiper-container .swiper-slide-active {
  -ms-transform: scale(1);
  transform: scale(1);
}

#wpsl-stores.responsive .swiper-container .swiper-slide-prev,
#wpsl-stores.responsive .swiper-container .swiper-slide-next {
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

/***** BROKERS STYLES *****/

#brokers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#brokers .broker-js {
  transition: all 250ms ease-out;
}

#brokers .broker-js.show {
  opacity: 1;
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

#brokers .broker,
#brokers .broker-js {
  margin-bottom: 1em;
  width: calc(100%/3);
}

@media screen and (max-width: 999px) {
  #brokers .broker,
  #brokers .broker-js {
    text-align: center;
  }
}

@media screen and (max-width: 690px) {
  #brokers .broker,
  #brokers .broker-js {
    width: calc(100%/2);
  }
}

@media screen and (max-width: 450px) {
  #brokers .broker,
  #brokers .broker-js {
    width: calc(100%);
  }
}

#brokers .broker .broker_thumb,
#brokers .broker-js .broker_thumb {
  border-radius: 50%;
  width: 75px;
  height: 75px;
  position: relative;
  border: 1px solid #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/broker_placeholder.png");
}

@media screen and (max-width: 999px) {
  #brokers .broker .broker_thumb,
  #brokers .broker-js .broker_thumb {
    width: 100px;
    height: 100px;
    margin: 0px auto;
  }
}

@media screen and (max-width: 690px) {
  #brokers .broker .broker_thumb,
  #brokers .broker-js .broker_thumb {
    width: 150px;
    height: 150px;
  }
}

@media screen and (max-width: 450px) {
  #brokers .broker .broker_thumb,
  #brokers .broker-js .broker_thumb {
    width: 200px;
    height: 200px;
  }
}

#brokers .broker .contact-info,
#brokers .broker-js .contact-info {
  margin: 0px;
  padding: 0px;
  font-size: .8em;
  list-style: none;
}

#brokers .broker .contact-info li,
#brokers .broker-js .contact-info li {
  line-height: 1.35em;
  margin: 0px;
  list-style: none;
}

#brokers .broker .contact-info li a,
#brokers .broker-js .contact-info li a {
  color: #6A6E72;
  position: relative;
}

#brokers .broker .contact-info li a:hover:after,
#brokers .broker-js .contact-info li a:hover:after {
  content: '';
  position: absolute;
  border-bottom: 1px solid #6A6E72;
  width: 100%;
  left: 0px;
  bottom: 0px;
}

#brokers .broker h3,
#brokers .broker-js h3 {
  line-height: 1em;
  font-size: 1em;
  margin: 0px 0px .3em 0px;
  color: #1DAEEB;
  font-weight: bolder;
}

@media only screen and (min-width: 480px) and (max-width: 999px) {
  #brokers .broker.span_4,
  #brokers .broker-js.span_4 {
    width: 48%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  #brokers .broker.span_4 .broker_thumb,
  #brokers .broker-js.span_4 .broker_thumb {
    margin: 0px auto;
  }
}

#brokers .no-results {
  color: #384349;
  text-align: center;
  width: 80%;
  margin: 0px auto;
  opacity: 0;
  padding: 40px;
  border: 2px dashed #384349;
  border-radius: 20px;
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  transition: all 250ms ease-out;
  position: relative;
}

#brokers .no-results.show {
  opacity: .5;
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

#brokers #loader {
  width: 500px;
  display: block;
  margin: 4em auto;
}

#brokers .sampleContainer {
  margin-top: 250px;
}

#brokers .loader {
  position: relative;
  width: 44px;
  height: 8px;
  margin: 12px auto;
}

#brokers .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #0A5793;
  position: absolute;
}

#brokers .dot_1 {
  animation: animateDot1 1.5s linear infinite;
  left: 12px;
  background: #D22447;
}

#brokers .dot_2 {
  animation: animateDot2 1.5s linear infinite;
  animation-delay: 0.5s;
  left: 24px;
}

#brokers .dot_3 {
  animation: animateDot3 1.5s linear infinite;
  left: 12px;
}

#brokers .dot_4 {
  animation: animateDot4 1.5s linear infinite;
  animation-delay: 0.5s;
  left: 24px;
}

@keyframes animateDot1 {
  0% {
    transform: rotate(0deg) translateX(-12px);
  }

  25% {
    transform: rotate(180deg) translateX(-12px);
  }

  75% {
    transform: rotate(180deg) translateX(-12px);
  }

  100% {
    transform: rotate(360deg) translateX(-12px);
  }
}

@keyframes animateDot2 {
  0% {
    transform: rotate(0deg) translateX(-12px);
  }

  25% {
    transform: rotate(-180deg) translateX(-12px);
  }

  75% {
    transform: rotate(-180deg) translateX(-12px);
  }

  100% {
    transform: rotate(-360deg) translateX(-12px);
  }
}

@keyframes animateDot3 {
  0% {
    transform: rotate(0deg) translateX(12px);
  }

  25% {
    transform: rotate(180deg) translateX(12px);
  }

  75% {
    transform: rotate(180deg) translateX(12px);
  }

  100% {
    transform: rotate(360deg) translateX(12px);
  }
}

@keyframes animateDot4 {
  0% {
    transform: rotate(0deg) translateX(12px);
  }

  25% {
    transform: rotate(-180deg) translateX(12px);
  }

  75% {
    transform: rotate(-180deg) translateX(12px);
  }

  100% {
    transform: rotate(-360deg) translateX(12px);
  }
}

body.tax-speciality .broker {
  margin: 30px 0px;
}

body.single-brokers {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #0a5793 0%, #137fc5 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

body.single-brokers .container#broker {
  max-width: 1400px;
  border-radius: 20px;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
  padding: 3em 20px;
  margin-bottom: 3em;
}

body.single-brokers .ocm-effect-wrap {
  background: transparent !important;
}

body.single-brokers #article-main {
  margin-bottom: 5em;
  margin-top: 1.8em;
}

@media only screen and (max-width: 999px) {
  body.single-brokers #article-main {
    margin-bottom: 1em;
    margin-top: 0px;
  }
}

body.single-brokers aside {
  margin-top: 12em;
}

@media only screen and (max-width: 999px) {
  body.single-brokers aside {
    margin-top: 1em;
  }
}

#broker {
  background-color: white;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  color: #394349;
  margin-top: 13em;
}

@media only screen and (max-width: 999px) {
  #broker {
    margin-top: 9em;
  }
}

@media only screen and (max-width: 999px) {
  #broker #info_col {
    margin-top: -15em;
  }
}

#broker #broker-cont {
  position: relative;
  margin-top: -12em;
}

@media only screen and (max-width: 999px) {
  #broker #broker-cont {
    margin-top: 5em;
  }
}

@media only screen and (max-width: 999px) {
  #broker #broker-cont #article-main h1,
  #broker #broker-cont #article-main .job-title {
    color: #0A5793;
  }
}

#broker #broker-cont .contact-info {
  margin: 20px 0px 0px 0px;
  padding: 0px;
  line-height: 1.6em;
  list-style: none;
}

#broker #broker-cont .contact-info li {
  margin: 0px;
  height: 1.6em;
  display: -ms-flexbox;
  display: flex;
}

#broker #broker-cont .contact-info li i {
  width: 10%;
}

#broker #broker-cont .contact-info li span {
  width: 90%;
}

#broker #broker-cont .contact-info li .nowrap {
  margin: 0px;
  padding: 0px;
  line-height: 1.4em;
  font-size: 1em;
  font-size: 0.9em;
  font-family: Gilroy-Light;
}

#broker #broker-cont .contact-info li .nowrap:first-child {
  margin-top: 5px;
  width: 200px;
}

#broker #broker-cont .social_networks {
  margin: 0px 0px 20px 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 70%;
  list-style: none;
}

.social_networks li {
  list-style: none;
}

#broker h1 {
  margin-bottom: 0px;
  color: white;
  font-size: 3.6em;
  line-height: 1em;
}

#broker .job-title {
  font-size: 1.4em;
  color: white;
}

#broker .broker_thumb_single {
  border-radius: 50%;
  min-width: 150px;
  min-height: 150px;
  width: 200px;
  height: 200px;
  position: relative;
  border: 3px solid #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-position: center center;
  margin: 0px auto;
}

#broker .social_networks {
  display: -ms-flexbox;
  display: flex;
}

#broker .extra-info {
  font-size: .8em;
  line-height: 1.2em;
  margin-bottom: 1.8em;
}

#broker .extra-info {
  font-size: 1em;
  line-height: 1.4em;
}

#broker .extra-info h5 {
  margin: .9em 0px;
}

#broker .extra-info .data ul {
  list-style: none;
}

#broker .extra-info .data ul li {
  margin-bottom: 10px;
}

#broker #news {
  border: 1px solid #E2E2E2;
  font-size: .8em;
  padding: 1em;
  margin-bottom: 1em;
}

#broker #news p {
  margin-top: 0px;
  margin-bottom: 1em;
  padding: 0px;
  font-size: 16px;
}

#broker #news p a {
  color: inherit;
  opacity: .5;
}

#broker #news p a:hover {
  color: #137FC5;
  text-decoration: underline;
}

.single-brokers #broker #broker-cont .contact-info li {
   height: auto;
}

#broker .extra-info,
#broker .extra-info li,
#broker .extra-info li li {
	list-style: none;
}

#broker .extra-info,
#broker .extra-info ul {
	margin-left: 0;
}

/***** Site Header *****/

#top #logo img {
	margin-bottom: 10px;
}

/***** Page Headers *****/

.main-content > .row > .full-width-section .upb_row_bg {
  width: 2500px !important;
  left: -500px !important;
}

/***** Navigation *****/

.sf-menu .menu-item:hover {
	background: #005696;
}

.sf-menu .menu-item:hover .menu-title-text {
	color: white;
}

#header-secondary-outer nav > ul > li > a {
	font-family: Gilroy-Medium,sans-serif !important;
}

.sf-with-ul > .menu-title-text {
  font-family: Gilroy-Medium,sans-serif;
}

#menu-item-77 > a:nth-child(1) > span:nth-child(1) {
				font-weight: 500;
}

/***** Blog *****/

.article-content-wrap {
  padding: 5% !important;
}

/***** Responsive *****/

.show-xs {
  visibility: inherit;
  display: block;
}

.show-lg {
  visibility: inherit;
  display: block;
}

@media only screen and (min-width: 1000px) {
  .show-xs {
    display: none;
  }

  .show-lg {
    display: block;
  }
}

@media only screen and (max-width: 999px) {
  .show-xs {
    display: block;
  }

  .show-lg {
    display: none;
  }
}