/* /css/blog.css */
.blog h2 {
  margin-bottom: 30px;
}

.blog-index .thumbnail {
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  object-fit: cover;
  width: 100%;
}

.blog-index .thumbnail.none {
  background-color: #ccc;
  padding-top: 90px;
  text-align: center;
}

.blog-index .item > a {
  color: #9f9f9f;
  text-decoration: none;
}

.blog-index article {
  margin: 0px;
  padding-bottom: 40px;
}

.blog-index article .item {
  border-bottom: 1px #9f9f9f dashed;
  height: 100%;
  margin-bottom: 10px;
}

.blog-index article h2 a {
  color: #131313;
  font-size: 20px;
  font-weight: bold;
  line-height: initial;
  margin-bottom: 20px;
  text-decoration: none;
}

.blog-index .post-meta {
  border-top: 1px #9f9f9f dashed;
  margin-bottom: 20px;
  padding-top: 12px;
}


.blog header h1 {
  margin-bottom: 20px;
}

.blog .videoWrapper {
  margin-bottom: 20px;
}

/* Side Bar */

.blog aside section.search .label {
  width: 100%;
}

.blog aside section.search h2 {
  margin-bottom: auto;
}

.blog aside section.search label {
  display: block;
  margin-bottom: 0px;
}

.blog aside section.search input {
  width: 100%;
  padding: 6px 12px 6px 12px;
  border: 1px #e2e2e2 solid;
  border-radius: 3px;
}

.blog aside section.search button {
  background-color: #fff;
  border: none;
  width: 40px;
}

.blog aside section {
  background-color: #fff;
  margin-bottom: 35px;
  padding: 20px 23px 25px 23px;
  border: 1px #e2e2e2 solid;
}

.blog aside section h2 {
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 0px;
  padding-bottom: 10px;
}

.blog aside section ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.blog aside section ul li {
  border-bottom: 1px #e2e2e2 solid;
  margin-bottom: 12px;
  padding-bottom: 15px;
}

.blog aside a {
  color: #424141;
  font-size: 14px;
  line-height: 0px;
}

.blog aside .tags a {
  -webkit-transition: all 0.3s ease-in-out;
  background: #f6f6f6;
  border-radius: 3px;
  border: none;
  color: #505050;
  display: inline-block;
  font-size: 12px;
  line-height: 23px;
  margin: 0 5px 5px 0;
  padding: 2px 10px 4px 10px;
  transition: all 0.3s ease-in-out;
  vertical-align: top;
}

/* Author */

.blog header {
  line-height: 1rem;
  margin-bottom: 20px;
}

.blog header .image img {
  border-radius: 50%;
  width: 60px;
}

.blog header .data, .blog .bio .data {
  padding-left: 20px;
  width: 100%;
}

.blog header p {
  margin-bottom: 0px;
}

.blog .bio {
  border: 1px #e2e2e2 solid;
  margin-bottom: 35px;
  padding: 15px 20px 20px 20px;
}

.blog .bio img {
  height: 80px;
  max-width: none;
}

.blog .bio .designation, .blog .bio .title, .blog header .published, .blog header .author {
  color: #131313;
  font-size: 12px;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.blog .bio .title, .blog header .author {
  font-weight: bold;
}

/* Tags */

.blog .tags {
  border-bottom: 1px #e2e2e2 solid;
  border-top: 1px #e2e2e2 solid;
  margin-bottom: 40px;
  padding-bottom: 20px;
  padding-top: 20px;
}

/* Pagination */

.pagination > * {
  background: #fff; 
  border-radius: 0; 
  border: 1px #cdcdcd solid; 
  display: inline-block;
  float: none;
  font-size: 11px; 
  font-weight: 700; 
  color: #8c6955;
  letter-spacing: 1px; 
  line-height: 20px; 
  margin: 0px 5px 10px 5px;
  padding: 4px 10px 4px 10px; 
  text-transform: uppercase; 
  vertical-align: top;
}

.pagination {
  border-radius: 0; 
  border-radius: 4px; 
  display: block; 
  font-size: 0; 
  margin-left: -5px; 
  margin-right: -5px; 
  margin: 20px 0; 
  padding: 0; 
  text-align: center; 
}

.pagination .current {
  background-color: #8c6955;
  border-color: #8c6955;
  color: #fff;
}

/* Navigation */

.navigation {
  margin-bottom: 40px;
  margin-top: 40px;
}

.navigation .previous, .navigation .next {
  vertical-align: top;
}

.navigation .previous a {
  padding-left: 40px;
  text-align: left;
}

.navigation .previous a strong, .navigation .next a strong {
  display: block;
  margin-top: 3px;
  text-transform: none;
  font-weight: 500;
  font-size: 16px;
  color: #252525;
  line-height: 26px;
  letter-spacing: 0;
}

.navigation .next a {
  padding-right: 40px;
  text-align: right;
}

.navigation .previous a, .navigation .next a {
  color: #292929;
  cursor: pointer;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 18px;
  position: relative;
  text-transform: uppercase;
}

.navigation .previous a:before, .navigation .next a:before {
  color: #c0c0c0;
  font-size: 40px;
  line-height: 40px; 
  position: absolute; 
  top: 3px; 
}

.navigation .previous a:before {
  content: "<";
  left: 0;
}

.navigation .next a:before {
  content: ">";
  right: 0;
}

/* Contact */

.blog .contact {
  background-color: #eaeaea;
  padding: 15px 15px 15px 15px;
  margin-bottom: 20px;
}

.blog .contact h2 {
  padding-top: 0;
}

@media screen and (min-width: 767px) {
  .blog .contact {
    padding: 15px 15px 15px 15px;
    margin-bottom: 0px;
  }
}

/* Action */

.blog .action {
  background: #eaeaea;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 20px;
}

.blog .action h2 {
  padding-top: 0;
}

/* /css/coffee-break.css */
/* Coffee Break Archive Layout */

.coffee-break-archive {
  background-color: #f9f9f9;
  padding: 40px 0 60px 0;
}

.coffee-break-archive h1 {
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #131313;
}

.coffee-break-archive > .container > .row:first-child p {
  font-size: 18px;
  color: #666;
  margin-bottom: 40px;
}

/* Coffee Break Card */

.coffee-break-card {
  background-color: #fff;
  margin-bottom: 40px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.coffee-break-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.coffee-break-card .card-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.coffee-break-card .card-link:hover {
  text-decoration: none;
}

.coffee-break-card .card-inner {
  display: flex;
  align-items: stretch;
  gap: 0;
}

.coffee-break-card .card-image {
  width: 280px;
  min-width: 280px;
  overflow: hidden;
  background-color: #f0f0f0;
}

.coffee-break-card .card-image img {
  width: 100%;
  height: 100%;
  min-height: 200px;
  display: block;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.coffee-break-card:hover .card-image img {
  transform: scale(1.03);
}

.coffee-break-card .card-content {
  padding: 30px 35px 35px 35px;
}

.coffee-break-card .card-title {
  font-size: 28px;
  font-weight: bold;
  color: #131313;
  line-height: 1.4;
  margin-bottom: 12px;
  margin-top: 0;
}

.coffee-break-card .card-meta {
  font-size: 13px;
  color: #888;
  margin-bottom: 18px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.coffee-break-card .card-author {
  font-weight: 600;
  color: #666;
}

.coffee-break-card .card-separator {
  margin: 0 8px;
}

.coffee-break-card .card-date {
  color: #999;
}

.coffee-break-card .card-excerpt {
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  margin-bottom: 18px;
}

.coffee-break-card .card-read-more {
  font-size: 14px;
  font-weight: 600;
  color: #8c6955;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 15px;
}

.coffee-break-card:hover .card-read-more {
  color: #6b5142;
}

/* No Posts Message */

.coffee-break-archive .no-posts {
  background-color: #fff;
  padding: 60px 40px;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.coffee-break-archive .no-posts p {
  font-size: 18px;
  color: #666;
  margin-bottom: 0;
}

/* Responsive Design */

@media screen and (max-width: 767px) {
  .coffee-break-archive h1 {
    font-size: 32px;
  }

  .coffee-break-archive > .container > .row:first-child p {
    font-size: 16px;
  }

  .coffee-break-card .card-inner {
    flex-direction: column;
  }

  .coffee-break-card .card-image {
    width: 100%;
    min-width: 100%;
  }

  .coffee-break-card .card-content {
    padding: 25px 20px 25px 20px;
  }

  .coffee-break-card .card-title {
    font-size: 24px;
  }

  .coffee-break-card .card-excerpt {
    font-size: 15px;
  }
}

/* /css/elements.css */
/* Buttons */

.btn.btn-primary, .more a {
  background: #292929;
  border-radius: 1.55em;
  border: none;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  color: #fff !important;
  margin-right: 10px;
  padding: .667em 1.333em;
}

.btn-primary {
  border-radius: 1.55em;
  padding: .667em 1.333em;
}

.wpforms-submit {
  background: #00d084 !important;
  border-radius: 1.55em !important;
  color: #fff !important;
  font-size: 1.125em !important;
  padding: .667em 1.333em !important;
}

.wp-block-buttons {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
}

wp-block-button

.wp-block-group.card {
  margin-bottom: 0px;
  transition: all 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}

.wp-block-group.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.card .wp-block-button a {
  color: #fff !important;
}

.card .wp-block-image,
.card figure {
  overflow: hidden;
}

.card img {
  height: 190px;
  width: 100%;
  transition: transform 0.3s ease;
  display: block;
}

.wp-block-group.card:hover img {
  transform: scale(1.05);
}

.card .wp-block-button.is-style-outline a {
  color: #000 !important;
}

@media screen and (max-width: 767px) {
  .wp-block-group.card {
    margin-bottom: 15px;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
    flex-basis: unset !important;
    flex-grow: unset;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
    margin-left: unset !important;
  }
}

.call-to-action .freequote {
  background: #00d084;
  border-radius: 1.55em;
  color: #fff;
  font-size: 1.125em;
  padding: .667em 1.333em;
  text-decoration: none !important;
}

.call-to-action .ask {
  border-radius: 1.55em;
  color: #fff;
  font-size: 1.125em;
  padding: .667em 1.333em;
}

@media screen and (max-width: 767px) {
  .call-to-action {
    font-size: 0.8rem;
  }
}

.vfbp-form .btn-primary, .vfbp-form .btn-primary:hover {
  color: #ffffff;
  border-color: #292929;
  background-color: #292929;
  margin-top: 10px;
}

.contact.btn {
  float: left;
}

/* Video */

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.videoWrapper iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper .wp-block-embed__wrapper {
  position: initial;
}

/* Embedded videos (YouTube, Vimeo). Core's embed CSS isn't loaded on these pages, so the
   iframe kept its fixed width (500px) and ran off the side of a phone screen. This keeps
   the ratio the editor set and never lets the video outgrow its column. */
.wp-block-embed { max-width: 100%; }
.wp-block-embed iframe { max-width: 100%; }
.wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper { position: relative; }
.wp-block-embed.wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 50%; }
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { padding-top: 42.85%; }
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { padding-top: 50%; }
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { padding-top: 56.25%; }
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { padding-top: 75%; }
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { padding-top: 100%; }
.wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { padding-top: 177.77%; }
.wp-block-embed.wp-has-aspect-ratio iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* .videoWrapper already does this with padding, so don't count it twice. */
.videoWrapper .wp-block-embed__wrapper::before { display: none; }

/* Hide tabs on forms.*/
.entry-content > .vfb-wizard {
  display: none;
}

/* Info Box */

.info-box-image {
  height: 100px;
  width: 100%;
  background-position: 50% 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.info-box {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 20px 20px 40px 20px;
}


@media screen and (min-width: 1200px) {
  .info-box-height {
    height: 500px;
  }
}

@media screen and (min-width: 992px) {
  .info-box-height {
    height: 530px;
  }

  .personal .info-box-height {
    height: 405px;
  }

  .commercial .info-box-height {
    height: 380px;
  }

  .commercial .contractors .info-box-height {
    height: 700px;
  }
}

/* Forms */

.contact textarea {
  width: 100%;
}

.vfb-wizard.actions {
  float: none;
}

.vfbp-form .vfb-form-control {
  border-radius: 2px;
  border: 1px solid #cecece;
  height: auto;
  font-size: 16px;
}

.vfbp-form label {
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}

.vfbp-form .vfb-form-group {
    margin-bottom: 20px;
}

.vfbp-form .vfb-form-control::-moz-placeholder {
  color:#ccc;
  font-size: 16px;
}

.vfbp-form .vfb-form-control:-ms-input-placeholder{
  color:#ccc;
  font-size: 16px;
}

.vfbp-form .vfb-form-control::-webkit-input-placeholder{
  color:#ccc;
  font-size: 16px;
}

.vfb-col-1, .vfb-col-2, .vfb-col-3, .vfb-col-4, .vfb-col-5, .vfb-col-6, .vfb-col-7, .vfb-col-8, .vfb-col-9, .vfb-col-10, .vfb-col-11, .vfb-col-12 {
  padding-left: 0px;
}

.vfbp-form label {
  margin-bottom: 5px;
  font-size: 12px;
}

.vfb-fieldType-instructions label {
  font-size: 16px;
}

input {   
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=checkbox], input[type=radio] {   
  appearance: none;
}

input[type=checkbox] {   
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
}

input[type=radio] {   
  -webkit-appearance: radio;
  -moz-appearance: radio;
}

select {   
  /*-webkit-appearance: none;*/
  /*-moz-appearance: none;*/
  /*appearance: none;*/
}

main .vfb-form-group select {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%) !important;
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

@media screen and (max-width: 767px) {
  .vfb-col-1, .vfb-col-10, .vfb-col-11, .vfb-col-12, .vfb-col-2, .vfb-col-3, .vfb-col-4, .vfb-col-5, .vfb-col-6, .vfb-col-7, .vfb-col-8, .vfb-col-9 {
      padding-left: 0px;
      padding-right: 0px;
  }
}

.wpforms-page-indicator-steps {
  white-space: nowrap;
  padding-right: 10px !important;
}

@media screen and (max-width: 767px) {
  div.wpforms-container-full .wpforms-form .wpforms-one-fourth {
    margin-left: 0px !important;
    width: 100% !important;
  }
}

/* Fonts */

* {
  text-decoration: none !important;
  outline: none !important;
}

body {
  color: #424141;
  font-family: Verdana;
  font-style: normal;
  line-height: 26px;
}

h1 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 2.5rem !important;
}

h2 {
  font-size: 25px;
  font-weight: bold;
  padding-top: 20px;
}

h3 {
  color: #5a5a5a;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

h4 {
  color: #5a5a5a;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}

.info h1 {
  margin-bottom: 30px;
}

.info h2 {
  margin-bottom: 30px;
}

h2, h5, body, .inner_banner_breadcrumb #crumbs, .inner_banner_main .subtitle {
  font-family: Verdana;
}

@media screen and (max-width: 767px) {
  /* Don't indent lists on mobile. */
  ol {
    list-style-position: outside;
    padding-left: 30px;
  }

  li {
    margin-bottom: 10px;
  }
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
    border: 0;
}

.content-area table {
  margin: 0px;
}

.wraper_blog_main ol li {
  margin-bottom: 10px;
}

.wraper_blog_main ol {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Action */

.call-to-action {
  background: #eaeaea;
  padding: 15px 15px 30px 15px;
  margin-bottom: 20px;
}

.call-to-action h2 {
  margin-bottom: 20px;
  padding-top: 0;
}

/* Contact */

.info .contact {
  background-color: #eaeaea;
  padding: 15px 15px 15px 15px;
  margin-bottom: 20px;
}

.info .contact h2 {
  padding-top: 0;
}

.info article > h1 + ol {
  margin-bottom: 40px;
}

/* City List */

.info table.citylist {
  margin-bottom: 30px;
}

/* The [citylist] shortcodes print their own markup, so core's Columns block
   CSS isn't loaded on pages whose content has no Columns block. */
.citylist-columns {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4rem;
}

.citylist-columns > div {
  min-width: 14rem;
}

/* List links */

main a {
  color: #292929;
  text-decoration: underline !important;
}

/* Bond Dropdown */

select.bond {
  border-radius: 2px;
  border: 1px solid #ccc;
  color: #333;
  height: 38px;
  padding-left: 6px;
  padding: 6px 10px;
}

.btn.bond {
  margin-left: 20px;
}

/* Subscription Popup */

.subscribe-popup {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.subscribe-popup .popup-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 50%; /* Could be more or less, depending on screen size */
}

@media screen and (max-width: 767px) {
  .subscribe-popup .popup-content {
    margin: 20% auto;
    width: 90%; 
  }
}

.subscribe-popup div.wpforms-container-full .wpforms-form .wpforms-field-label {
  margin: 0 0 20px 0;
}

.subscribe-popup .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: inherit;
}

.subscribe-popup .close:hover,
.subscribe-popup .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* Accounts for the sticky header when scrolling to heading */
:target {
  scroll-margin-top: 80px;
}

/* /css/footer.css */
footer {
  background-color: #292929;
  color: #fff;
}

footer h2 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

footer .container {
  padding-top: 45px;
}

footer .box {
  padding-bottom: 25px;
}

footer ul {
  padding-left: 20px;
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer a img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  height: 35px;
  padding-left: 15px;
}

.copyright {
  background-color: #333333;
}

.copyright > .container {
  padding-top: 15px;
  padding-bottom: 5px;
}

.copyright p {
  color: #e8e8e8;
  float: left;
  margin-top: 5px;
}

/* /css/header.css */
.wraper_inner_banner_breadcrumb > .container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wraper_inner_banner {
  background-color: #f1f1f1;
}

@media screen and (max-width: 767px) {
  .header_main .brand-logo img {
      max-width: 240px;
  }
}

.wraper_inner_banner_main > .container {
    padding-top: 15px;
}

.inner_banner_main .subtitle {
    line-height: 26px;
    font-weight: 600;
    font-style: normal;
    color: #161616;
    font-size: 18px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.24s ease-in-out;
    -moz-transition: opacity 0.24s ease-in-out;
    transition: opacity 0.24s ease-in-out;
}

.inner_banner_breadcrumb #crumbs {
  color: #131313;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 18px;
  opacity: 1;
  text-transform: uppercase;
  visibility: visible;
}

@media screen and (max-width: 768px) {
  .inner_banner_breadcrumb #crumbs {
    font-size: 9px;
  }
}

.inner_banner_breadcrumb #crumbs a {
    color: inherit;
}

.inner_banner_breadcrumb ol#crumbs {
  list-style: none;
  padding-inline-start: 0;
}

.inner_banner_breadcrumb #crumbs li {
  display: inline-block;
}

.inner_banner_breadcrumb #crumbs .gap {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 12px;
}

/* Navigation Bar */

.navbar {
  background-color: #292929;
}

.navbar-dark .navbar-nav a.nav-link {
  color: #fff !important;
}

.navbar-brand img {
  height: 35px;
}

.navbar-brand .full {
  display: block;
}

.navbar-brand .mini {
  display: none;
}

@media screen and (max-width: 768px) {
  .navbar-brand .full {
    display: none;
  }

  .navbar-brand .mini {
    display: block;
  }
}

.admin-bar .navbar.fixed-top {
    top: 32px;
}

/* /css/page.css */
/* All Pages */

main {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Home */

.modal-dialog {
  margin: 10% auto 0;
  max-width: 800px;
}

.modal-content {
  width: 97%;
}

.modal-body {
  padding: 0;
  position: relative;
}

.close {
  background: 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 2rem;
  font-weight: normal;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 999;
}

.wraper_inner_banner {
  padding-top: 70px;
}

.wraper_blog_main {
  padding-top: 20px;
}

.hero {
  background-blend-mode: multiply;
  background-color: rgba(100,100,100,.5);
  background-image: url(/wp-content/uploads/2019/08/AdobeStock_223705742-Tampa-Skyline-1-e1569549811849.jpeg);
  /* WebP copy made by Imagify (~15 KB smaller). Browsers without image-set() type() support drop this line and keep the JPEG above. Keep in sync with the preload in header.php. */
  background-image: image-set(url(/wp-content/uploads/2019/08/AdobeStock_223705742-Tampa-Skyline-1-e1569549811849.jpeg.webp) type("image/webp"), url(/wp-content/uploads/2019/08/AdobeStock_223705742-Tampa-Skyline-1-e1569549811849.jpeg) type("image/jpeg"));
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; width: 100%;
  height: 470px;
  padding: 100px 0px 0px 0px;
}

.hero .btn-primary {
  margin: 10px 8px;
  padding: 15px 35px;
  font-size: 18px;
  font-weight: 600;
  border: 2px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  text-decoration: none !important;
}

.hero .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
  border-color: rgba(0, 0, 0, 0.5);
}

.hero h1 {
  color: #fff;
  text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
  font-size: 56px;
  font-weight: 700;
  margin-bottom: 30px;
}

.hero .call {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .hero h1 {
    font-size: 36px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }

  .hero .btn-primary {
    font-size: 14px;
    padding: 10px 20px;
  }

  .hero .btn-primary:not(.btn-call) {
    display: inline-block;
    width: auto;
    margin: 5px 4px;
  }

  .hero .btn-call {
    display: block;
    width: calc(100% - 16px);
    margin: 10px 8px 0 8px;
    font-size: 18px;
    padding: 14px 20px;
  }

  .hero .row {
    margin-left: 0;
    margin-right: 0;
  }

  .hero .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero .call .col-12 {
    padding-left: 0;
    padding-right: 0;
  }
}

.hero .row {
  margin-left: 0px;
}

.honesty.background {
  background: #444444 url(/wp-content/uploads/2018/06/demo-eleven-icon-background-01.png?id=9913);
}

.honesty .inner {
  background-image: url(/wp-content/uploads/2018/06/demo-eleven-icon-01.png?id=9917);
}

.education.background {
  background: #333333 url(/wp-content/uploads/2018/06/demo-eleven-icon-background-02.png?id=9928);
}

.education .inner {
  background-image: url(/wp-content/uploads/2018/06/demo-eleven-icon-02.png?id=9925);
}

.simplicity.background {
  background: #292929 url(/wp-content/uploads/2018/06/demo-eleven-icon-background-03.png?id=9929);
}

.simplicity .inner {
  background-image: url(/wp-content/uploads/2018/06/demo-eleven-icon-03.png?id=9926);
}

.under-hero .inner {
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0px 20px 0px 94px;
}

.under-hero .background {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 30px;
  margin-top: -30px;
  padding: 20px 15px 30px 20px;
}

.under-hero h2 {
  color: #ffffff;
  font-size: 20px;
  font-weight: normal;
  line-height: 28px;
  padding-top: 0px;
  text-align: left;
}

.under-hero p {
  color: #ffffff;
  font-size: 15px;
  line-height: 26px;
  text-align: left;
}

section.call-back {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 85px;
  padding-bottom: 85px;
  background-color: #fbfbfb;
}

.hero .info-box ul {
  padding-left: 20px;
}

.row.call-back-title {
  margin-top: 20px;
}

.call-back-title {
  text-align: center;
}

.row.call-back-form {
  margin-top: 45px;
  background-image: url(/wp-content/uploads/2018/06/demo-eleven-background-3-1-e1573135690535.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.call-back-form .form {
  margin-top: 35px;
  margin-bottom: 35px;
  padding: 30px;
  background-color: #fff;
}

.testimonial {
  text-align: center;
  margin-bottom: 40px;
}

.testimonial .logo p {
  color: #273272;
  font-size: 16px;
  margin: 0px;
}

.testimonial .logo p:nth-of-type(2) {
  color: #757575;
  font-size: 12px;
  margin: 0px;
}

.testimonial .text p {
  color: #757575;
  font-size: 17px;
  line-height: 30px;
  text-align: left;
}

.testimonial h2 {
  color: #273272;
  font-size: 26px;
  line-height: 35px;
  padding-bottom: 20px;
  text-align: center;
}

@media screen and (max-width: 760px) {
  .testimonial .quote img {
    height: 90px;
  }
}


/* About */

.about-icon {
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 50%;
    margin-top: 32px;
    margin-left: 10px;
    border: solid 1px #ccc;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fff;
    background-size: 100% 100%;
}

.team .team-item {
  float: left;
  margin-bottom: 10px;
  width: calc(25%);
  padding: 15px 15px 15px 15px;
  width: 250px;
}

.team .team-item .holder .pic {
  position: relative;
  overflow: hidden;
}

.team .team-item .holder .pic .holder img {
    width: 100%;
}

.team .team-item > .holder > .pic > .holder {
    left: 0px;
    width: 100%;
}

.team .team-item .holder .data {
  background-color: rgba(0,0,0,0.03);
  border-top: none;
  border: 1px #eaeaea solid;
  color: #6b6b6b;
  font-size: 15px;
  line-height: 23px;
  padding: 15px 20px 22px 20px;
  text-align: left;
}

.team .team-item .holder .data h3 {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 18px;
    color: #08276e;
    line-height: 28px;
}

@media screen and (max-width: 760px) {
  .team .team-item {
    float: none;
    margin: 0 auto;
    width: 300px;
  }
}

/* 404 */

.four-o-four {
  text-align: center;
  padding: 100px 0px 100px 0px;
}

.four-o-four img {
  padding-top: 40px;
}

@media screen and (max-width: 760px) {
  .four-o-four {
    padding: 50px 0px 50px 0px;
  }

  .four-o-four img {
    padding-top: 20px;
  }
}

/* Contact */

.contact .form {
  padding-top: 73px;
  padding-bottom: 73px;
  background-color: #f7f7f7;
}

.contact .form .col-xs-6 {
  margin: 0 auto;
  padding: 20px;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .contact .form .col-xs-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
}

/* The three ways to reach us (phone, email, client dashboard) are cards, in the same font and style as the
   redesigned pages. The form band and the map below are unchanged. */
.contact .info {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  margin: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.contact .info > div {
  flex: none;
  width: auto;
  max-width: none;
  padding: 28px 24px 30px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .14);
}

.contact .info img {
  display: block;
  height: 56px;
  width: auto;
  margin: 0 auto 14px;
}

.contact .info h2 {
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: .04em;
  margin: 0 0 10px;
  padding: 0;
}

.contact .info p {
  margin: 0;
  line-height: 1.5;
}

.contact .info p br {
  display: none;
}

.contact .info a {
  display: table;
  margin: 16px auto 0;
  padding: 11px 20px;
  background: #f07d1a;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  text-decoration: none !important;
}

.contact .info a:hover {
  background: #d96a0b;
  color: #fff;
}

.contact img {
  height: 70px;
}

.contact {
  margin-top: 40px;
}

/*.grecaptcha-badge {*/
    /*display: none !important;*/
/*}*/

@media screen and (min-width: 992px) {
  .contact .info {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-top: 73px;
    padding-bottom: 73px;
  }
}

/* Companies */

.companies .row {
  padding-bottom: 40px;
}

/* Bonds */

.bond-table a {
  background-color: #00d084;
  border-radius: 9999px;
  color: #fff;
  font-size: .8em;
  padding: 5px;
  white-space: nowrap;
}

.bond-table table td {
  padding: 5px;
}

/* Info Page images */

/* A right-aligned image floats beside the text. Its size is set here, not in
 * the block: the Content-Security-Policy blocks inline style attributes, so
 * the block editor's width setting has no effect on the live site. On phones
 * there's no room for text beside it, so it sits above the text instead. */
.info .wp-block-image .alignright {
  width: 50%;
}

.info .wp-block-image .alignright img {
  width: 100%;
}

@media screen and (max-width: 760px) {
  .info .wp-block-image .alignright {
    float: none;
    width: auto;
    max-width: none;
    margin: 0 0 1em;
  }
}

/* A full-width image (pages built on a Columns block) is cropped to a banner
 * so it doesn't fill the screen. object-position keeps the pen and clause
 * from the Surety Bonds photo in frame. */
.info .wp-block-image.size-full:not(.alignright) img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center 60%;
}

@media screen and (max-width: 760px) {
  .info .wp-block-image.size-full:not(.alignright) img {
    height: 200px;
  }
}

/* /style.css */
/*
 Theme Name:   Dopazo 2019
 Description:  Dopazo & Associates theme for 2019.
*/

/* /css/widget.css */
.widget .bond {
  color: white;
  margin: 5px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
  background-blend-mode: multiply,multiply;
  border-radius: 10px;
}

@media screen and (min-width: 767px) {
  .widget .bond {
    width: 200px;
  }
}

.widget .bond .price {
  min-height: 120px;
  width: 100%;
  padding: 15px;
  text-align: center;
}

.widget .bond .price p {
  font-size: 32px;
  font-weight: bold;
}

.widget .bond .buy {
  width: 100%;
  text-align: center;
}

.widget .bond .btn {
  width: 100%;
  border-radius: 0px 0px 10px 10px;
  background: #00d084;
}

.widget .bond .btn:hover {
  color: #fff;
  background: #00c073;
}

.widget .tab-content {
  margin-top: 50px;
  margin-bottom: 50px;
}

.widget .tab-content .row {
  text-align: center;
}

.widget .nav {
  float: none;
}