/*
	============================================================================================================================================
																	MASTER HEAD
	============================================================================================================================================
*/
@import url(https://fonts.googleapis.com/css?family=Lato:100,400);
.table-sm-header {
  font-size: 13px;
}

[class*="column-sm-header"] {
  vertical-align: middle;
}

.logo-hold {
  max-width: 257px;
  display: block;
  margin: 0;
  padding: 10px 0;
}

.logo-hold img {
  width: 100%;
  max-width: 100%;
}

.head-hold {
  background-color: #FFF;
}

.table-xs-options {
  width: auto;
  margin: 0 0 0 auto;
  padding: 0;
}

.table-xs-options [class*="column-xs-options"] {
  vertical-align: middle;
}

.table-xs-options .column-xs-options-form .input-group {
  width: 100%;
  min-width: 275px;
}

.table-xs-options .column-xs-options-form .input-group-btn {
  position: initial;
}

.table-xs-options .column-xs-options-form .input-group-btn:first-of-type .btn {
  background-color: #9B9B9D;
}

.table-xs-options .column-xs-options-form .input-group-btn .btn, .table-xs-options .column-xs-options-form .input-group-addon {
  background-color: #25a8e2;
  height: 34px;
  padding: 7px 11px !important;
  margin-right: 0px;
  margin-left: 0px;
}

.table-xs-options .column-xs-options-form .input-group-btn .btn:after, .table-xs-options .column-xs-options-form .input-group-btn .btn .fa, .table-xs-options .column-xs-options-form .input-group-addon:after, .table-xs-options .column-xs-options-form .input-group-addon .fa {
  color: #fff;
}

.table-xs-options .column-xs-options-form .control-search {
  border-width: 1px 0;
  display: inline-block;
  max-width: 300px;
  height: 34px;
}

.table-xs-options .column-xs-options-cta {
  padding: 0 30px;
}

.table-xs-options .column-xs-options-cta .dropdown {
  display: inline-block;
}

.table-xs-options .column-xs-options-cta > [class*="btns-"] {
  margin: 0 0 0 15px;
}

.table-xs-options .column-xs-options-link > a:not([class*="btn"]), .table-xs-options .column-xs-options-link > a:not([class*="btn"]):visited, .table-xs-options .column-xs-options-link > a:not([class*="btn"]):focus {
  color: #999999;
  margin-left: 15px;
  text-decoration: none;
}

.table-xs-options .column-xs-options-link > a:not([class*="btn"]):hover {
  color: #212121;
}

.table-xs-options .column-xs-options-link > a:not([class*="btn"]) > i {
  color: lightgray;
  display: inline-block;
  font-size: 12px;
  line-height: inherit;
  margin-right: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.main-menu-wrap {
  background-color: #25a8e2;
}

.main-menu-wrap .dropdown-hover .dropdown-toggle:after, .main-menu-wrap .dropdown-toggle:after {
  margin: 0 0 0 8px;
}

.main-menu-wrap .menu-main {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-menu-wrap .menu-main > li {
  display: inline-block;
}

.main-menu-wrap .menu-main > li > a, .main-menu-wrap .menu-main > li > a:visited, .main-menu-wrap .menu-main > li > a:focus {
  border-bottom: 2px solid transparent;
  display: inline-block;
  color: #FFF;
  font-size: 14px;
  padding: 10px 20px 8px;
  text-align: center;
  text-decoration: none;
}

.main-menu-wrap .menu-main > li > a:hover {
  border-bottom: 2px solid #FFF;
  text-decoration: none;
}

@media only screen and (max-width: 1200px) {
  .main-menu-wrap .menu-main > li > a, .main-menu-wrap .menu-main > li > a:visited, .main-menu-wrap .menu-main > li > a:focus {
    padding: 10px 15px 8px !important;
  }
}

.main-menu-wrap .menu-main > li.active a, .main-menu-wrap .menu-main > li:focus a {
  border-bottom: 2px solid #FFF;
}

.head-beta {
  background-color: #FFF;
}

.head-corporate-wrap {
  background-color: #FFF;
}

.table-sm-head-corporate {
  min-height: 130px;
}

.table-sm-head-corporate [class*="column-sm-head-corporate"] {
  vertical-align: middle;
  text-align: center;
}

.table-sm-head-corporate .column-sm-head-corporate-brand {
  background-color: #FAFAFA;
  width: 130px;
}

.table-sm-head-corporate .column-sm-head-corporate-main {
  text-align: left;
}

.table-sm-head-corporate .column-sm-head-corporate-responds {
  background-color: #FAFAFA;
  width: 130px;
}

.table-sm-head-corporate .column-sm-head-corporate-responds .responds-yes:before, .table-sm-head-corporate .column-sm-head-corporate-responds .responds-no:before {
  border-radius: 50%;
  color: #FFF;
  display: block;
  font-size: 22px;
  font-family: "FontAwesome";
  width: 50px;
  height: 50px;
  margin: 0 auto;
  padding: 11px 0;
  text-align: center;
}

.table-sm-head-corporate .column-sm-head-corporate-responds .responds-yes .message:before, .table-sm-head-corporate .column-sm-head-corporate-responds .responds-no .message:before {
  display: block;
  font-size: 12px;
  margin: 6px 10px 0;
}

.table-sm-head-corporate .column-sm-head-corporate-responds .responds-yes:before {
  background-color: #31b744;
  content: "\f00c";
}

.table-sm-head-corporate .column-sm-head-corporate-responds .responds-yes .message:before {
  content: "This business responds";
}

.table-sm-head-corporate .column-sm-head-corporate-responds .responds-no:before {
  background-color: #e80000;
  content: "\f00d";
}

.table-sm-head-corporate .column-sm-head-corporate-responds .responds-no .message:before {
  content: "This business doesn't respond";
}

.corporate-brand {
  /*background: #D7D7D7;*/
  color: white;
  display: block;
  margin: 5px;
  min-height: 30px;
}

.table-sm-business {
  width: auto;
  margin: 18px 0;
}

.table-sm-business [class*="column-sm-business"] {
  border-left: 1px solid #efefef;
  min-width: 120px;
  padding: 0 20px;
  text-align: center;
  vertical-align: middle;
}

.table-sm-business [class*="column-sm-business"]:first-child {
  border-left: 0px solid #efefef;
}

.table-sm-business [class*="column-sm-business"] .value {
  font-size: 23px;
  font-weight: 700;
}

.table-sm-business [class*="column-sm-business"] .description {
  font-size: 12px;
}

.table-sm-business .column-sm-business {
  text-align: left;
}

.table-sm-business .column-sm-business .business-title {
  color: #777;
  font-size: 27px;
  font-weight: 700;
  line-height: 100%;
}

.table-sm-business .column-sm-business .business-category {
  font-size: 12px;
}

.table-sm-business .column-sm-business .business-rating {
  padding: 5px 0 0 0;
}

.table-sm-business .table-sm-rating .column-sm-rating-2 {
  font-size: 12px;
}

.table-sm-business .table-sm-rating .column-sm-rating-2 .review-total {
  color: #777;
}

.table-sm-business .column-sm-business-hpi .hpi-rating {
  color: #ff9400;
  font-size: 12px;
}

.secondary-menu-wrap {
  background-color: #FFF;
  border-top: 2px solid #efefef;
}

.secondary-menu-wrap .menu-secondary {
  list-style: none;
  margin: 0;
  padding: 0;
}

.secondary-menu-wrap .menu-secondary > li {
  display: inline-block;
  border-left: 1px solid #efefef;
  float: left;
}

.secondary-menu-wrap .menu-secondary > li:first-child {
  border-left: 0px solid #efefef;
}

.secondary-menu-wrap .menu-secondary > li > a, .secondary-menu-wrap .menu-secondary > li > a:visited, .secondary-menu-wrap .menu-secondary > li > a:focus {
  display: inline-block;
  border-bottom: 4px solid transparent;
  font-size: 14px;
  padding: 8px 20px 6px;
  text-align: center;
  text-decoration: none;
}

.secondary-menu-wrap .menu-secondary > li > a:hover {
  border-bottom: 4px solid #25a8e2;
  text-decoration: none;
}

.secondary-menu-wrap .menu-secondary > li.active a {
  border-bottom: 4px solid #25a8e2;
  text-decoration: none;
}

.secondary-menu-wrap .menu-secondary > li:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.secondary-menu-wrap .menu-secondary > li.menu-write {
  background-color: #ff9400;
  border-left: 0px solid #efefef;
  float: right;
  width: 130px;
}

.secondary-menu-wrap .menu-secondary > li.menu-write > a, .secondary-menu-wrap .menu-secondary > li.menu-write > a:visited, .secondary-menu-wrap .menu-secondary > li.menu-write > a:focus {
  color: #FFF;
  display: block;
  border-bottom: 4px solid transparent;
}

.secondary-menu-wrap .menu-secondary > li.menu-write > a:hover {
  border-bottom: 4px solid transparent;
}

/*
	HPI circle // duplicated to master-content.scss
	========================================================= */
.hpi-color-graphic {
  display: -webkit-box;
}

@keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}

.hpi-circle {
  width: 100px;
  margin: 6px 6px 0;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
}

.hpi-circle canvas {
  vertical-align: top;
}

.hpi-circle canvas + canvas {
    display: none;
}

.hpi-circle strong {
  position: absolute;
  top: 9px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: orange;
}

.hpi-circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.hpi-circle span {
  display: block;
  color: #aaa;
  margin-top: 12px;
}

.affix {
  width: 100%;
  background-color: #fff;
  max-width: 380px;
  z-index: 1000;
}

.starz {
  min-height: 25px;
  min-width: 80px;
}

/*
	============================================================================================================================================
																	MEDIA QUERIES
	============================================================================================================================================
	============================================================================================================================================
																	< MAX 768
	============================================================================================================================================
*/
/* ------------------------------------------------------ */
@media only screen and (max-width: 768px) {
  /* ------------------------------------------------------ */
  .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
  }
  #head-navbar #menu-main-menu > li {
    display: block;
    text-align: left;
    padding: 4px 0 !important;
  }
  /* ------------------------------------------------------ */
}

/* ------------------------------------------------------ */
/*
	============================================================================================================================================
																	< MAX 992
	============================================================================================================================================
*/
/* ------------------------------------------------------ */
/* END */
/* ------------------------------------------------------ */
/*
	============================================================================================================================================
																	MIN 768 >
	============================================================================================================================================
*/
/* ------------------------------------------------------ */
@media only screen and (min-width: 768px) {
  /* ------------------------------------------------------ */
  [class*="column-sm-header"] {
    /*width: 50%;*/
  }
  .column-sm-header-logo {
    width: 257px;
    text-align: left;
  }
  .column-sm-header-menu {
    text-align: right;
  }
  /* ------------------------------------------------------ */
}

/* END */
/* ------------------------------------------------------ */
/*
	============================================================================================================================================
																	MIN 992 >
	============================================================================================================================================
*/
/* ------------------------------------------------------ */
/* END */
/* ------------------------------------------------------ */
/*
	============================================================================================================================================
																	MIN 1600 >
	============================================================================================================================================
*/
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */