﻿@font-face {
  font-family: 'fontello';
  src: url('media/rebranding/css/font/fontello.eot');
  src: url('media/rebranding/css/font/fontello.eot?#iefix')
      format('embedded-opentype'),
    url('media/rebranding/css/font/fontello.woff') format('woff'),
    url('media/rebranding/css/font/fontello.ttf') format('truetype'),
    url('media/rebranding/css/font/fontello.svg?#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'boqbrushv3';
  src: url('media/rebranding/css/font/boq-brushv3-webfont.eot');
  src: url('media/rebranding/css/font/boq-brushv3-webfont.eot?#iefix')
      format('embedded-opentype'),
    url('media/rebranding/css/font/boq-brushv3-webfont.woff') format('woff'),
    url('media/rebranding/css/font/boq-brushv3-webfont.ttf') format('truetype'),
    url('media/rebranding/css/font/boq-brushv3-webfont.svg#boqbrushv3')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

.fn-header {
  color: #0068b3;
  font-size: 3em;
  text-align: center;
}

/*Bootstrap overides*/
h1,
h2 {
  font-family: 'boqbrushv3', arial !important;
  color: #0068b3 !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.panel-body {
  padding: 15px 15px 0 15px;
}

.tab-pane {
  padding-bottom: 15px;
}

#fn-container p {
  font-size: 12.8px;
}

#fn-container h1,
#fn-container h2,
#fn-container h3,
#fn-boq-customsearch h3,
#fn-profile-hours h4 {
  font-family: 'boqbrushv3', arial !important;
  color: #0068b3 !important;
  font-weight: normal;
}

#fn-media-carousel h2 {
  font-family: 'boqbrushv3', arial !important;
  color: #0068b3 !important;
  font-weight: normal;
}

#fn-boq-customsearch h2 {
  color: #0068b3 !important;
  font-size: 2em;
}

.tab-pane h4 {
  color: #0068b3 !important;
}

.fn-location-name a {
  /*font-family: 'boqbrushv3',arial !important;*/
  /*font-size: 1.4em;*/
  color: #0068b3 !important;
  text-decoration: underline !important;
}

#spatialsearch label {
  display: inline;
}

h1 {
  font-size: 4em;
}

h2 {
  font-size: 2.8em;
}

h3 {
  font-size: 2em;
}

/* tab color */
.nav-tabs > li > a {
  background-color: silver;
  border-color: silver;
  color: #fff;
  font-size: small;
  padding: 5px 14px;
  margin-left: 0;
}

/* active tab color */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  /*background-color: #0f64ab;
    border: 1px solid #888888;*/
  background: #0f64ab;
  background: -moz-linear-gradient(top, #2792ea 0, #1a7ac8 50%, #0f64ab 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #2792ea),
    color-stop(50%, #1a7ac8),
    color-stop(100%, #0f64ab)
  );
  background: -webkit-linear-gradient(
    top,
    #2792ea 0,
    #1a7ac8 50%,
    #0f64ab 100%
  );
  background: -o-linear-gradient(top, #2792ea 0, #1a7ac8 50%, #0f64ab 100%);
  background: linear-gradient(to bottom, #2792ea 0, #1a7ac8 50%, #0f64ab 100%);
}

/* hover tab color */
.nav-tabs > li > a:hover {
  border-color: #888888;
  background-color: #0f64ab;
}

/*BOQ overrides*/

body {
  font-size: 12.8px;
}

.generic_content {
  width: auto !important;
  max-width: 929px !important;
  /*background-color: purple;*/
  margin: 0 0 0 206px !important;
}

.generic_content a {
  text-decoration: none;
}

#header.row,
#top.row {
  margin-left: 0;
  margin-right: 0;
}

.coln_2 {
  /*background-color: yellow;*/
  max-height: 150px;
  min-height: 80px;
}

/* FindNearest overrides*/
.media-object {
  max-width: 80px;
}

.media-heading {
  color: #0068b3;
}

ul.fa-ul {
  list-style-type: none !important;
}

#fn-profile-people,
#fn-person-results-container .row {
  background-color: #f2f2f2;
  padding: 15px;
  margin-bottom: 15px;
}

#fn-person-results-container .row {
  margin: 15px 0 15px 0;
}

#panel-body-people .user-image,
#fn-person-results-container .user-image,
#fn-profile-people .user-image {
  background-image: url(assets/photoframe.gif);
  height: 222px;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 42px;
}

#panel-body-people .user-image img {
  background-color: white;
  height: 160px;
}

.user-heading h3 span {
  color: black !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: larger;
  text-shadow: 1px 1px 3px gray;
}

.user-heading h3 {
  text-transform: uppercase;
  text-align: center;
  max-width: 183px;
  /*width: 200px;*/
  font-size: 1em;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: black;
  border-style: none;
  background-image: url(assets/nameplate.gif);
  background-repeat: no-repeat;
  background-position: center;
  min-height: 46px;
  padding-top: 16px;
}

.ie8 .user-heading h3 {
  border-width: 0;
}

.fa-phone,
.fa-print,
.fa-envelope,
.fa-mobile {
  color: #febd36;
}

.fn-person-button .fa-phone,
.fn-person-button .fa-print,
.fn-person-button .fa-envelope,
.fn-person-button .fa-mobile {
  /*color: #febd36;*/
  display: none;
}

#fn-profile-media-carousel {
  background-image: url(assets/television-white.gif);
  height: 795px;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 180px;
  margin-bottom: -25px;
  padding-right: 50px;
}

#fn-media-carousel {
  background-image: url(assets/television-white.gif);
  height: 795px;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 5em;
  margin-bottom: 0;
  padding-right: 50px;
}

#fn-profile-media-carousel .owl-wrapper-outer,
#fn-media-carousel .owl-wrapper-outer {
  margin-top: 141px;
  /*width: 850px;*/
  /*background-color: greenyellow;*/
  /*margin-left: 50px;*/
  /*margin-right:50px;*/
  /*max-width:600px;*/
}

.flexslider {
  width: 520px;
  /*height: 300px;*/
  border: none !important;
  box-shadow: none !important;
}

.flexslider .slides img {
  /*width: 520px;*/
  /*height: 300px;*/
  /*height:100%;*/
}

ul.slides {
  list-style-type: none !important;
}

ul.slides li {
  line-height: 0 !important;
}

.slides {
  /*width: 100%!important;
        text-align: center;*/
}

.slides li {
  /*display: inline-block!important; 
        *display: inline!important; 
        float: none!important;*/
}

.flex-control-paging li a {
  background: #2792ea !important;
  background: rgba(0, 104, 179, 0.5) !important;
}

.flex-control-paging li a.flex-active {
  background: #2792ea !important;
  background: rgba(0, 104, 179, 0.9) !important;
}

.flex-active-slide {
  text-align: center;
}

#fn-media-carousel .owl-item {
  /*margin-left: -75px;*/
}

#fn-media-carousel .owl-carousel.owl-theme {
  /*padding-left: 75px;
	width:800px;*/
  background-color: oldlace;
}

#fn-profile-media-carousel .item.center-block,
.owl-pagination {
  margin-left: -55px;
}

.owl-carousel {
  /*border-style: solid;
	border-width: 150px 110px 220px 78px;
	-moz-border-image: url(assets/television.gif) 180 135 220 78;
	-webkit-border-image: url(assets/television.gif) 180 135 220 78;
	-o-border-image: url(assets/television.gif) 180 135 220 78;
	border-image: url(assets/television.gif) 180 135 220 78 fill;*/
}

.owl-item img {
  /*border-radius: 40px;*/
  border-radius: 0;
}

.owl-page.active span {
  opacity: 0.9 !important;
}

.owl-page span {
  background-color: #febd36 !important;
}

/*landing page carousel*/
#fn-media-carousel .item {
  margin: 3px;
}

/*#fn-media-carousel .item img {
		display: block;
		width: 467px;
		height: 300px;
	}*/

/*.owl-pagination {
	margin-top: -195px;
	padding-bottom: 195px;
}*/

.fn-person-button-phone {
  background: url('assets/phone.gif') no-repeat;
  min-height: 150px;
  background-size: 50%;
  background-position: center;
}

.fn-person-button-email {
  background: url('assets/envelope.gif') no-repeat;
  min-height: 150px;
  background-size: 50%;
  background-position: center;
}

.fn-person-button-about {
  background: url('assets/about.gif') no-repeat;
  /*min-height: 150px;*/
  background-size: 50%;
  background-position: center;
}

.fn-person-button a {
  /*width: 138px;*/
  width: 110px;
  margin-top: 118px;
  /*based on btn_yellow*/
  display: block;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
  background: #f4a601;
  background: -moz-linear-gradient(top, #fac101 0, #e0a601 50%, #c28801 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #fac101),
    color-stop(50%, #e0a601),
    color-stop(100%, #c28801)
  );
  background: -webkit-linear-gradient(
    top,
    #fac101 0,
    #e0a601 50%,
    #c28801 100%
  );
  background: -o-linear-gradient(top, #fac101 0, #e0a601 50%, #c28801 100%);
  background: linear-gradient(to bottom, #fac101 0, #e0a601 50%, #c28801 100%);
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac101', endColorstr='#c28801',GradientType=0 ); */
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
  -webkit-text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.6);
  padding: 0 20px;
  text-decoration: none;
}

.fn-person-button a:hover {
  color: white;
}

.btn_yellow {
  min-height: 30px;
}

.user-body > .tab-content {
  background-color: #fafafa;
  /*border: 1px solid gray;*/
  padding-top: 0;
}

.user-body .tab-pane {
  padding: 10px; /*5px;*/
}

#fn-profile-media {
  clear: both;
}

#fn-boq-customsearch {
  margin-bottom: 8em;
}

#fn-boq-custom-search-container .panel {
  max-width: 744px;
  border: none;
}

#fn-boq-custom-search-container .panel .panel-header {
  background-color: #c16f22;
  border-radius: 0;
  color: white;
  font-size: 2em;
  padding: 10px;
  border: none;
  cursor: pointer;
  margin-top: 1em;
}

#fn-boq-custom-search-container .panel-body {
  background-color: #fafafa;
  border-radius: 0;
}

#fn-boq-custom-search-container .panel-body h2 {
  font-size: 2em;
}

#fn-panel-boq-custom-search-body .panel-body {
  padding: 10px;
}

#fn-boq-customsearch label {
  font-weight: normal;
}

.fn-locationsfound {
  display: none;
}
/* Custom map frame */
.fn-profile-map {
  /*float: left;*/
  width: 479px;
  height: 364px;
  background-image: url(assets/map-frame.gif);
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: 20px;
}

.fn-profile-map #map {
  height: 324px;
  width: 422px;
  margin-top: 20px;
  /*margin-left: 17px;*/
}

#fn-profile-address {
  /*float: right;*/
  /*width: 260px;*/
}

#fn-profile-address .fn-locationname {
  font-weight: bold;
  color: #0068b3;
}

#fn-profile-address .fn-locationname:before {
  content: 'BOQ ';
}

#fn-profile-hours {
  /*float: right;*/
  /*width: 260px;*/
  margin-bottom: 1em;
}

#fn-profile-hours h2,
#fn-mapall-container h2 {
  display: none;
}

#fn-profile-hours h4 {
  font-size: 1.4em;
}

#fn-profile-locationname h1 {
  margin-top: 0;
  padding-top: 0;
}

#spatialsearch input[type='radio'] {
  border: none;
}

#fn-mapall-container {
  float: right;
}

#fn-mapall-container .badge {
  /*float: left;*/
  /*margin-right: 0;*/
  /*margin-top: 0;*/
  /*margin-left: 23px;*/
}

.clusterbadge {
  color: #0068b3;
  background-color: white; /*#f4a601 */
  box-shadow: 5px 5px 5px #888888;
}

.fn-boq-search .panel {
  /*min-height: 285px;*/
}

.panel-body .radio {
  padding-left: 0;
  /*background-color: red;*/
}

.fn-originstate .radio {
  padding-left: 10px;
  padding-top: 0;
  /*background-color: cyan;*/
}

@media only screen and (max-width: 992px) {
  .fn-boq-search .panel {
    min-height: 100px;
  }
}

#frm-search .row {
  padding-left: 10px;
  padding-right: 5px;
}

#frm-search .col-md-4,
#frm-search .col-md-8 {
  padding-left: 5px;
  padding-right: 5px;
}

#frm-search input[type='radio'] {
  margin: 0;
}

.form-horizontal .radio {
  padding-top: 0;
}

.left-0 {
  padding-left: 0;
}

.right-5 {
  padding-right: 5px;
}

.frm-atm,
.frm-branch {
  background-color: transparent;
}

.fn-location-name {
  width: 200px;
}

.fn-location-proximity {
  width: 110px;
}

.fn-hide {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

.fn-features,
.fn-dx {
  padding-top: 10px;
}
