html.js body.layout-no-sidebars.page-node-820 main#content.main-content.col {
 padding: 0px !important;

}
h3{
  text-transform: none !important;
}
/*vertical center modal */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}
/*end vertical center modal */
/*.node--view-mode-teaser h2 a{
color: #A84912;
}*/
.banner {
 display: table;
 position: relative;/*added*/
 width: 100%;
 height: calc(100vh - 76px);
 /*z-index: -1;*/
}
.banner:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-image: linear-gradient(to bottom right,#002f4b,#dc4225);
   opacity: .6;
   height: 100vh;
}
.banner h1 {
  color:white;
  top: 20vh;
  text-align: center;
  position: relative;
  font-size: 3em;
  font-weight: 600;
}
.full {
  margin: 0px -12px;
}
.featurette{
  padding: 5rem 0px;
}
.featurette-img img{
  max-width: 100%;
  height: auto;
}
.featurette-445 img{
  max-width: 445px !important;
  width: auto;
}
.featurette-divider {
  margin: 5rem 0;
}
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}
.row.is-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.is-flex [class*="col-"] {
  background: rgba(0,0,0,0.0);
}
.valignment {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
/* Bootstrap 5 compatibility shim: .jumbotron, .jumbotron-fluid and .no-gutters
   were removed in Bootstrap 5. These rules restore the Bootstrap 4 behavior so
   existing markup keeps rendering as designed. */
.jumbotron{
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0px;
}
@media (min-width: 576px) {
  .jumbotron{
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid{
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.no-gutters{
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"]{
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 40em) {
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

/* Event page start*/
/* Image on Event page full width */
section.row.region.region-featured-top, div#block-views-block-image-top-event.views-element-container.block.block-views.block-views-blockimage-top-event div.view-content.row, div#block-barrio-custom-views-block-image-top-event.views-element-container.contextual-region.block.block-views.block-views-blockimage-top-event div.view-content.row, div#block-barrio-custom-views-block-image-top-event.views-element-container.block.block-views.block-views-blockimage-top-event div.view-content.row{
  display: contents;
}
.event-banner {
 display: table;
 background-color: #212f3a;
 position: relative;
 width: 100%;
 height: calc(35vh - 76px);
 /*z-index: -1;*/
}
.event-banner h1 {
  color:white;
  top: 80px;
  text-align: center;
  position: relative;
  font-size: 3em;
  font-weight: 600;
  text-shadow: 2px 2px #978e6c;
}
/*.field-date {
 color: white;
 top: 40vh;
 font-size: 3em;
 text-align: center;
 position: relative;
 text-shadow: 2px 2px #3f826d;
}
.field-description{
 color: white;
 top: 30vh;
 font-size: 1.5em;
 text-align: center;
 position: relative;
}
.event-summary {
  color: #222222;
  top: 30vh;
  font-size: 1.2em;
  text-align: center;
  position: relative;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 15px;
  max-width: 700px;
}*/
.banner-btn{
  position: relative;
  top: 40vh;
  text-align: center;
}
.bg-event{
  border-color: #622cf7 !important;
}
.alert-event{
color: white;
background-color: #425d73;
border-color: #000;
}
.alert-event a{
 color:#f49761;
}
.flip-card {
 background-color: transparent;
 width: 100%;
 height: 480px;
 border: 1px solid #f1f1f1;
 perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
.flip-card-inner {
 position: relative;
 width: 100%;
 height: 100%;
 text-align: center;
 transition: transform 0.8s;
 transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
 transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
 position: absolute;
 width: 100%;
 height: 100%;
 backface-visibility: hidden;
}
.flip-card-front {
 background-color: #bbb;
 color: black;
}
.flip-card-back {
  padding: 3em;
 background-color: #3E6777;
 color: white;
 transform: rotateY(180deg);
}
.social-card{
  width: 100%;
  left: 0px;
  bottom: 10px;
  position: absolute;
}
.presenter{
  width: 100%
  object-fit: cover;
}
div.container.event-recording iframe {
    width: 100%;
    height: 250px;
}
/*Event page end*/
/* NavBar Start */
#CollapsingNavbar {
  justify-content: flex-end !important;
}
ul.sf-menu a,
ul.sf-menu span.nolink {
  display: block;
  padding: 1em 1.5em;
  position: relative;
  color: #ffffff;
}
.navbar-toggler{
background-color: #00000012 !important;
border: 1px solid #d7d0d0 !important;
}
.navbar-toggler-icon{
  background-image: url("image/menu.svg");
}
nav#navbar-main.navbar.navbar-expand-lg div.container div#CollapsingNavbar.collapse.navbar-collapse nav#block-custom-subtheme-main-menu.block.block-menu.navigation.menu--main ul.clearfix.nav.navbar-nav li.nav-item.menu-item--expanded.dropdown ul.dropdown-menu.show li.dropdown-item a{
  color: #31564a;
}
header#header.header nav#navbar-main.navbar.navbar-expand-lg div.container div#CollapsingNavbar.collapse.navbar-collapse nav#block-custom-subtheme-main-menu.block.block-menu.navigation.menu--main ul.clearfix.nav.navbar-nav li.nav-item.menu-item--expanded.active.dropdown ul.dropdown-menu.show li.dropdown-item.active{
  background-color: #c2c2c2;
}
header#header.header nav#navbar-main.navbar.navbar-expand-lg div.container div#CollapsingNavbar.collapse.navbar-collapse nav#block-custom-subtheme-main-menu.block.block-menu.navigation.menu--main ul.clearfix.nav.navbar-nav li.nav-item.menu-item--expanded.dropdown ul.dropdown-menu.show li.dropdown-item:active, header#header.header nav#navbar-main.navbar.navbar-expand-lg div.container div#CollapsingNavbar.collapse.navbar-collapse nav#block-custom-subtheme-main-menu.block.block-menu.navigation.menu--main ul.clearfix.nav.navbar-nav li.nav-item.menu-item--expanded.active.dropdown ul.dropdown-menu.show li.dropdown-item:active {
  background-color: #82ceb6 !important;
}

#navbar-main {
  background: #F7F7F7 !important;
}
nav#navbar-main.navbar.navbar-dark.navbar-expand-lg div#CollapsingNavbar.collapse.navbar-collapse section.region.region-primary-menu div#block-mainnavigation.contextual-region.block.block-superfish.block-superfishmain div.content ul#superfish-main.menu.sf-menu.sf-main.sf-horizontal.sf-style-none.sf-js-enabled.sf-shadow li#main-menu-link-content5d356fac-b7ba-40e8-85e2-3e83a8845e99.sf-depth-1.menuparent ul.sf-hidden li#main-menu-link-contentbc5777c0-a674-4e87-8513-da15adac2c68.sf-depth-2.sf-no-children a.sf-depth-2
/*NavBar end */
/*Podcast page start */
section.row.region.region-featured-top, div#block-views-block-image-top-podcast.views-element-container.block.block-views.block-views-blockimage-top-podcast div.view-content.row, div#block-barrio-custom-views-block-image-top-podcast.views-element-container.contextual-region.block.block-views.block-views-blockimage-top-podcast div.view-content.row, div#block-barrio-custom-views-block-image-top-podcast.views-element-container.block.block-views.block-views-blockimage-top-podcast div.view-content.row{
  display: contents;
}
.podcast-banner {
 display: table;
 position: relative;
 width: 100%;
 height: 40vh;
 /*z-index: -1;*/
}
.podcast-banner h1 {
  color:white;
  top: 15vh;
  text-align: center;
  position: relative;
  font-size: 3em;
  font-weight: 600;
  text-shadow: 2px 2px #3f826d;
}
.podcast-summary{
 color: #222222;
 top: 20vh;
 font-size: 1.2em;
 text-align: center;
 position: relative;
 background-color: rgba(255, 255, 255, 0.85);
 border-radius: 15px;
 max-width: 700px;
}
.published{
  /*white-space: nowrap;*/
  display: inline;
}
.c-tag{
  border: 1px #425d73 solid;
  padding: 0px 8px;
  border-radius: 2px;
  text-decoration: none;
  background-color: #F0F6FB;
  max-width: max-content;
  display: inline-block;
}
.c-tag a{
color:#353535
}
.c-tag a:hover{
color:#353535
}
.c_badge{
  max-width: 100%;
  width: auto;
  padding: .5em;
}
/*Podcast page end */
/*User page start */
form#user-login-form.user-login-form, form#user-pass.user-pass{
  display: block;
  margin-left: auto;
  margin-right: auto;
  top: 10vh;
  position: relative;
}
/*User page end */
/*Blog page start*/

section.row.region.region-featured-top, div#block-views-block-image-top-blog.views-element-container.block.block-views.block-views-blockimage-top-blog div.view-content.row, div#block-barrio-custom-views-block-image-top-blog.views-element-container.contextual-region.block.block-views.block-views-blockimage-top-blog div.view-content.row, div#block-barrio-custom-views-block-image-top-blog.views-element-container.block.block-views.block-views-blockimage-top-blog div.view-content.row{
  display: contents;
}
#block-views-block-image-top-blog{
margin:auto;
}
/*
.blog-banner {
 display: table;
 position: relative;
 width: 100%;
 height: 75vh;
}
.blog-banner h1 {
  color:white;
  top: 65vh;
  text-align: center;
  position: relative;
  font-size: 3em;
  font-weight: 600;
  text-shadow: 2px 2px #3f826d;
}
*/
.blog-header{
 max-width: 1200px;
     margin: 10px auto;
}
h1.blog-title{
  margin-bottom: 22px 0px;
  text-align: center;
}
@media (min-width: 544px) {
    h1.blog-title {font-size: 2.25rem;}
    thead.table-head-c {font-size: 1.1em;}
  }
  @media (min-width: 768px) {
    h1.blog-title {font-size: 2.5rem;}
    thead.table-head-c {font-size: 1.2em;}
  }
  @media (min-width: 992px) {
    h1.blog-title {font-size: 3rem;}
    thead.table-head-c {font-size: 1.4em;}
  }
  @media (min-width: 1200px) {
    h1.blog-title {font-size: 4rem;}
    thead.table-head-c {font-size: 1.75em;}
  }
.blog-featured-image{
  text-align: center;
}
.blog-featured-image img{
  border-radius: 5px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 48px;
}
.entry-meta{
  text-align: center;
  margin: 30px
}
.entry-meta-container{
display: inline-block;
margin: 0 auto;
    margin-bottom: 0px;
text-align: left;
}
.author-avatar img{
  height: 55px;
  width: 55px;
}
.entry-meta .author-avatar {
    height: 32px;
    left: 0;
    padding-top: 0;
    position: relative;
    top: 0;
  }
.entry-meta .author-avatar, .entry-meta .post-author, .entry-meta .authored-on{
      display: block;
      float: left;
      line-height: 1.45;
      margin-right: 10px;
      padding-top: 0;
    }
.blog-img{
  display: table;
  position: relative;
}
.blog-img a{
  color:#fff;
}
.blog-img a:hover{
  color:#fff;
}
.blog-img:before {
       content: '';
       position: absolute;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       background-image: linear-gradient(to bottom right,#a84912,#353535);
       opacity: .6;
    }
/*Blog page end*/
/*product page start*/
section.row.region.region-featured-top, div#block-views-block-image-top-product.views-element-container.block.block-views.block-views-blockimage-top-product div.view-content.row, div#block-barrio-custom-views-block-image-top-product.views-element-container.contextual-region.block.block-views.block-views-blockimage-top-product div.view-content.row, div#block-barrio-custom-views-block-image-top-product.views-element-container.block.block-views.block-views-blockimage-top-product div.view-content.row{
  display: contents;
}
.product-banner {
 display: table;
 position: relative;
 width: 100%;
 height: 40vh;
 min-height: 250px;
 /*z-index: -1;*/
}
.product-banner:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background:#839893;
   opacity: .65;
}
.product-banner h1 {
  color:white;
  top: 15vh;
  text-align: center;
  position: relative;
  font-size: 4em;
  font-weight: 600;
  text-shadow: 2px 2px #a84912;
}
@media only screen and (max-width: 600px) {
.product-banner {
 display: table;
 position: relative;
 width: 100%;
 height: calc(100vh - 76px);
 /*z-index: -1;*/
}
.product-banner h1 {
  color:white;
  top: calc(35vh - 76px);
  text-align: center;
  position: relative;
  font-size: 3.4em;
  font-weight: 600;
  text-shadow: 2px 2px #a84912;
}


}
/*product page end*/
/*testimonials start*/

.views-field-counter {
    padding: 10px 10px 25px 10px;
    width: 16px;
    float: left;
    position: relative;
    right: -45%;
    text-align: left;
	background: url("../../../sites/default/files/inactive.png") top left no-repeat;
}
.active .views-field-counter  {
 background: url("../../../sites/default/files/active.png") top left no-repeat;
}
.views-content-counter{
 display:none;
}
.testimonial-body{
 padding: 50px 20px;
 font-size: 1.25em;
 text-align: center;
}
.testimonial-body:before{
	font-family: "FontAwesome";
	float:left;
	content: "\f10d";
}
.testimonial-body::after{
	font-family: "FontAwesome";
    content: "\f10e";
	float:right;
}
.testimonial-source{
 padding: 0px 0px 30px 0px;
 text-align: center;
}

.views_slideshow_cycle_main {
  width: 100%;
  height: auto;
  float: left;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
  width: 100% !important;
  height: auto;
}
.views_slideshow_cycle_main .field-content {
  max-width: 100%;
  height: auto;
  width: 100%;
}
/*testimonials end*/
.lg-btn{
  white-space:normal !important;
  max-width:260px;
}
/*services page start*/
section.row.region.region-featured-top, div#block-views-block-image-top-services.views-element-container.block.block-views.block-views-blockimage-top-services div.view-content.row, div#block-barrio-custom-views-block-image-top-services.views-element-container.contextual-region.block.block-views.block-views-blockimage-top-services div.view-content.row, div#block-barrio-custom-views-block-image-top-services.views-element-container.block.block-views.block-views-blockimage-top-services div.view-content.row{
  display: contents;
}
.services-banner {
 display: table;
 position: relative;
 width: 100%;
 height: 30vh;
 min-height: 250px;
 /*z-index: -1;*/
}
.services-banner:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background:#839893;
   opacity: .65;
}
.services-banner h1 {
  color:white;
  top: 10vh;
  text-align: center;
  position: relative;
  font-size: 4em;
  font-weight: 600;
  text-shadow: 2px 2px #a84912;
}
@media only screen and (max-width: 600px) {
.services-banner {
 display: table;
 position: relative;
 width: 100%;
 height: calc(100vh - 76px);
 /*z-index: -1;*/
}
.services-banner h1 {
  color:white;
  top: calc(35vh - 76px);
  text-align: center;
  position: relative;
  font-size: 3em;
  font-weight: 600;
  text-shadow: 2px 2px #a84912;
}
}
/*services page end*/
/*homepage page start*/
section.row.region.region-featured-top, div#block-views-block-image-top-industry.views-element-container.block.block-views.block-views-blockimage-top-industry div.view-content.row, div#block-barrio-custom-views-block-image-top-industry.views-element-container.contextual-region.block.block-views.block-views-blockimage-top-industry div.view-content.row, div#block-barrio-custom-views-block-image-top-industry.views-element-container.block.block-views.block-views-blockimage-top-industry div.view-content.row{
  display: contents;
}
.homepage-banner {
 display: table;
 position: relative;
 /*width: 100%;*/
 height: 50vh;
 min-height: 375px;
/*z-index: -1;*/
}
/*
.homepage-banner:before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background:#839893;
   opacity: .65;
}*/
.homepage-banner h1 {
  color:#FFB570;
  top: 6vh;
  text-align: center;
  position: relative;
  font-size: 4em;
  font-weight: 600;
  text-shadow: 1px 1px #1F5673;
}
.homepage-summary {
  color: #474747;
  top: 10vh;
  font-size: 1.75em;
  text-align: center;
  position: relative;
  text-shadow: 1px 1px #e0e0e0;
  /*background-color: rgba(255, 255, 255, 0.85);
  color: #222222;
  border-radius: 15px;*/
  max-width: 700px;
}
.homepage-cta{
  top: 15vh;
  text-align: center;
  position: relative;
}

@media only screen and (max-width: 600px) {
.homepage-banner {
 display: table;
 position: relative;
 /*width: 100%;*/
 height: calc(100vh - 76px);
 /*z-index: -1;*/
}
.homepage-banner h1 {
  color:#FFB570;
  top: calc(15vh - 76px);
  text-align: center;
  position: relative;
  font-size: 3.4em;
  font-weight: 600;
  text-shadow: 2px 2px #1F5673;
}
}
@media only screen and (max-width: 350px) {
.homepage-banner {
 display: table;
 position: relative;
 width: 100%;
 height: calc(100vh - 76px);
 /*z-index: -1;*/
}
.homepage-banner h1 {
  color:white;
  top: calc(15vh - 76px);
  text-align: center;
  position: relative;
  font-size: 2.5em;
  font-weight: 600;
  text-shadow: 2px 2px #a84912;
}
.homepage-summary {
  color: #ffffff;
  font-size: 1em;
  text-align: center;
  position: relative;
  max-width: 700px;
}
.homepage-cta{
  top: 5vh;
  text-align: center;
  position: relative;
}

}


/*homepage page end*/
/*homepage start */
section.row.region.region-featured-top, div#block-views-block-image-top-homepage.views-element-container.block.block-views.block-views-blockimage-top-homepage div.view-content.row, div#block-barrio-custom-views-block-image-top-homepage.views-element-container.contextual-region.block.block-views.block-views-blockimage-top-homepage div.view-content.row, div#block-barrio-custom-views-block-image-top-homepage.views-element-container.block.block-views.block-views-blockimage-top-homepage div.view-content.row{
  display: contents;
}
.video-banner{
  position: relative;
  overflow: hidden;
}
@media (min-width: 576px) {
 #homeVideo {
  height: 50vh;
  width: auto;
  min-width: 100%;
 background-position: center;
}
}
@media (min-width: 768px) {
 #homeVideo {
  height: 500px;
  width: auto;
  min-width: 100%;
  background-position: center;
}
}
@media (min-width: 992px) {
 #homeVideo {
  height: 500px;
  width: auto;
  min-width: 100%;
}
}
@media (min-width: 1200px) {
/*/ <!--[if IE]>
 #homeVideo {
height:100%;
}
<![endif]-->
*/
 #homeVideo {
  height: 100%;
  width: 3.01970756162111vh; /* 100 * 4750 / 1573 */
  min-width: 100%;
}
}





.home-cta{
  top: 15vh;
  text-align: center;
  position: relative;
}
.video-overlay{
  position:absolute;
  width:100%;
  min-height:100%;
  background-color:#15141436;
  top:0;
}
.video-banner h1 {
  color:white;
  top: 6vh;
  text-align: center;
  position: relative;
  font-size: 3em;
  font-weight: 600;
  text-shadow: 2px 2px #3f826d;
}
.video-banner h2 {
  color:white;
  top: 10vh;
  text-align: center;
  position: relative;
  font-size: 2em;
  font-weight: 600;
  text-shadow: 2px 2px #3f826d;
}
/*homepage end */
/*start social Icons*/
/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
 position: fixed;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bar a {
 display: block;
 text-align: center;
 padding: 16px;
 transition: all 0.3s ease;
 color: white;
 font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
 background-color: #000;
}

.twitter {
 background: #55ACEE;
 color: white;
}

.google {
 background: #dd4b39;
 color: white;
}

.linkedin {
 background: #007bb5;
 color: white;
}

.youtube {
 background: #bb0000;
 color: white;
}
/*end social icons*/
.v-center img{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1000px) {
.doc-img.single-doc{
text-align: center!important;
}
.btn-doc{
text-align: center!important;
}
}
@media only screen and (min-width: 1001px) {
.doc-img.single-doc{
float: right;
padding-right: 15px;
}
}

.doc-img.right{
float:right;
padding-right: 15px;
}
.doc-img.left{
float:left;
padding-right: 15px;
}
.doc-img.grow {
transition: all .2s ease-in-out;
}
.doc-img.grow:hover
{
transform: scale(1.1);
}
./*btn-link{
  color: #a84912;
}
.btn-link:hover{
  color: #b76a3d;
}*/
.dropdown-item.active, .dropdown-item:active{
  background-color: #f9f4e7;
}
.full-width img{
  max-width: 100%;
  height: auto;
}
.person-image img{
  max-width: 315px;
  min-width: 215px;
  height: auto;
}
.icon-group{
  color:#1F5673;
}
div.text-white.icon-white div.icon-group{
 color:#ffffff;
}
div.text-white.icon-orange div.icon-group{
 color:#F47F6A;
}

div.text-white.icon-white a{
 color:#BF8C00;
 font-weight:600;
}
div.text-white div.modal-body {
 color:#292929;
 text-align: left;
}

.btn-gold{
  background-color: #bf8c00;
  border-color: #bf8c00;
  color: #fff;
  }

  /*error page start*/
    section.row.region.region-featured-top, div#block-views-block-image-top-error.views-element-container.block.block-views.block-views-blockimage-top-error div.view-content.row, div#block-barrio-custom-views-block-image-top-error.views-element-container.contextual-region.block.block-views.block-views-blockimage-top-error div.view-content.row, div#block-barrio-custom-views-block-image-top-error.views-element-container.block.block-views.block-views-blockimage-top-error div.view-content.row{
      display: contents;
    }
    .error-banner {
     display: table;
     position: relative;
     width: 100%;
     height: calc(100vh - 76px);
     /*z-index: -1;*/
    }
    .error-banner-link {
      color#ffffff;
      position: relative;
      top: 50vh;
      text-align: center;
    }
.error-banner h1 {
      color:white;
      top: 6vh;
      text-align: center;
      position: relative;
      font-size: 5em;
      font-weight: 600;
    }
.error-banner h2 {
      color:white;
      top: 6vh;
      text-align: center;
      position: relative;
      font-size: 2em;
      font-weight: 600;
    }
 /*error page end*/
/*video page start*/
.video-container{
	margin-right:auto;
	margin-left:auto;
}
@media (min-width:768px){
.video-container{
	width:100%;
        height:450px;
}
div.video-container div.field.field--name-field-video.field--type-entity-reference.field--label-hidden.field__item div div.field.field--name-field-media-oembed-video.field--type-string.field--label-hidden.field__item iframe.media-oembed-content {
position: relative;
height: 450px;
min-height: 200px;
overflow: hidden;
max-width: 100%;
width: 100%;
}
}
@media (min-width:992px){
.video-container{
	width:100%;
        height:650px;
}
div.video-container div.field.field--name-field-video.field--type-entity-reference.field--label-hidden.field__item div div.field.field--name-field-media-oembed-video.field--type-string.field--label-hidden.field__item iframe.media-oembed-content {
position: relative;
height: 650px;
min-height: 200px;
overflow: hidden;
max-width: 100%;
width: 100%;
}
}

/*video page end */
/*press release start*/
.region-featured-bottom-first{
display: block;
}
/*press release end */

.slick-dotted{
padding-bottom: 2.5rem;
}
div.field.field--name-user-picture.field--type-image.field--label-hidden.field__item img.image-style-blog-small{
margin: 0px;
}
.site-footer .block{
border: none;
}
.c_footer{
padding-top:30px;
color: rgba(255,255,255,0.65);
}
.form-select{
margin-top: .25rem;
}
@media (min-width: 851px){
.site-footer__top .region:first-child {
margin-right:5px;
}}
@media (max-width: 559px) and (min-width: 50px){
.site-footer .region {
position: relative;
max-width:75%;
left: 25%;
}}
.counts{
color: #ecb316;
font-size: 1.75rem;
}
a.header-anchor{
color:#231f1e;
text-decoration: none;
}
.header-anchor:hover:after{
font-family: FontAwesome;
content:"\f13d";
font-size:1rem;
position: relative;
top: -5px;
left: 10px;
}
a.header-anchor:hover {
color:#231f1e !important;
text-decoration: none;
}
.alert-wrapper {
overflow:visible;
}
nav#block-footermenu1.block.block-menu.navigation.menu--footer ul.clearfix.nav.navbar-nav li.nav-item a.nav-link{
color:#cacaca;
}
nav#block-footermenu2.block.block-menu.navigation.menu--footer-menu-2 ul.clearfix.nav.navbar-nav li.nav-item a.nav-link{
color:#cacaca;
}
nav#block-footermenu3 a.nav-link{
color:#cacaca;
}
/*.btn-primary:hover{
border-color:#839893;
}
.btn-primary:focus{
  box-shadow: 0 0 0 0.2rem rgba(131, 152, 147, 0.43);
}
.btn-primary:active{
 color: #fff;
 background-color: #839893;
 border-color: #839893;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
 color: #fff;
 background-color: #839893;
 border-color: #839893;
}
.pricing-btn{
 position: absolute;
 bottom: 10px;
 width: calc(100% - 40px);
}
.btn-outline-primary{
border-color: #839893;
background-color: transparent;
background-image: none;
color: #839893;
}
.btn-outline-primary:hover{
border-color:#839893;
background-color:#839893;
}
.btn-outline-primary:focus{
  box-shadow: 0 0 0 0.2rem rgba(131, 152, 147, 0.43);
}
.btn-outline-primary:active{
 color: #fff;
 background-color: #839893;
 border-color: #839893;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{
 color: #fff;
 background-color: #839893;
 border-color: #839893;
}*/
@media (min-width: 576px){
.card-deck {
 display: flex;
 flex-direction: column;
}}
@media (min-width: 1200px){
.card-deck {
 -ms-flex-flow: row wrap;
 flex-flow: row wrap;
 margin-right: -15px;
 margin-left: -15px;
}}
.card-header{
overflow: auto;
}
.image-style-large-image{
max-width:100%;
height:auto;
}
.image-style-hotels{
width: 100%;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px);
}
.site-name-slogan{
color: #ffffff;
}
.attraction-img img{
max-width:100%;
height:auto;
margin: 0;
}
tbody tr th, thead tr th{
background:#425D73;
}
img.image-style-product-logo-small{
max-width:100%;
height:auto;
}
.image-style-product-logo{
    max-width: 100%;
    height: auto;
}
.contact-card-hover{
top: -75px;
position: relative;
}
.overlay:before {
   content: '';
   position: relative;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-image: linear-gradient(to bottom right,#002f4b,#dc4225);
   opacity: .6;
   height: 100%;
   display: block;
}
section.row.region.region-featured-top, div#block-views-block-image-top-about.views-element-container.block.block-views.block-views-blockimage-top-about div.view-content.row, div#block-barrio-custom-views-block-image-top-about.views-element-container.contextual-region.block.block-views.block-views-blockimage-top-about div.view-content.row, div#block-barrio-custom-views-block-image-top-about.views-element-container.block.block-views.block-views-blockimage-top-about div.view-content.row{
  display: contents;
}
div.b-inline.py-3  img {
margin-right: auto;
margin-left: auto;
max-width: 100%;
}
div img.image-style-inlinejpeg{
max-width:100%;
height:auto;
}
.img-src{
color: #555d66;
font-size: 13px;
}
.img-cap{
font-size: .9rem;
line-height: 2rem;
}
div div.view.view-blog.view-id-blog.view-display-id-block_1 div.view-content.row, div div.view.view-blog.view-id-blog.view-display-id-block_2 div.view-content.row,div div.view.view-blog.view-id-blog.view-display-id-block_3 div.view-content.row,div div.view.view-blog.view-id-blog.view-display-id-block_4 div.view-content.row{
margin: 0px;
padding: 0px 15px;
}
.media:hover .media__icon--litebox, .media--switch .media__image {
max-width:100%;
}
/*event timeline */
.timeline ul {
margin: 0;
margin-top: 100px;
list-style: none;
position: relative;
/*padding: 1px 100px;*/
color: rgb(35, 31, 30);
font-size: 13px;
}
.timeline ul:before {
content: "";
width: 1px;
height: 100%;
position: absolute;
border-left: 2px dashed #425D73; /* dahed Line color*/
}
.timeline ul li {
position: relative;
margin-left: 30px;
background-color: rgba(204, 204, 204, 0.2);
padding: 14px;
border-radius: 6px;
width: 500px;
max-width:100%;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.08);
}
.timeline ul li:not(:first-child) {
margin-top: 60px;
}
.timeline ul li > span {
width: 2px;
height: 100%;
background: #425D73; /* Solid Line color*/
left: -30px;
top: 0;
position: absolute;
}
.timeline ul li > span:before, .timeline ul li > span:after {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
border: 2px ridge #BEBFBC;;
position: absolute;
background: #BF8C00;
left: -5px;
top: 0;
box-sizing: initial;
}
.timeline ul li span:after {
top: 100%;
}
.timeline ul li > div {
margin-left: 10px;
}
.timeline div > div {
margin-top: 5px;
}
.timeline span.number {
height: 100%;
}
.timeline span.number span {
position: absolute;
font-size: 12px;
left: -40px;
font-weight: bold;
}
.timeline span.number span:first-child {
top: -3px;
}
.timeline span.number span:last-child {
top: 100%;
}
/* end event timeline */
blockquote {
max-width:100%;
}
blockquote > p {
word-wrap: break-word;
}

/*video carousel breakpoints*/
div#slick-paragraph-video-carousel-slides-default-1256-1-slider.slick__slider.slick-initialized.slick-slider div.slick-list div.slick-track div.slick__slide.slide.slick-slide div.row div.col-md-10.col-sm-12 div.card div.card-body h3 {
font-size: 1.2em;
}
@media (min-width: 576px){
div#slick-paragraph-video-carousel-slides-default-1256-1-slider.slick__slider.slick-initialized.slick-slider div.slick-list div.slick-track div.slick__slide.slide.slick-slide div.row div.col-md-10.col-sm-12 div.card div.card-body h3 {
font-size: 1.4em;
}}
@media (min-width: 768px){
div#slick-paragraph-video-carousel-slides-default-1256-1-slider.slick__slider.slick-initialized.slick-slider div.slick-list div.slick-track div.slick__slide.slide.slick-slide div.row div.col-md-10.col-sm-12 div.card div.card-body h3 {
font-size: 1.6em;
}}
@media (min-width: 992px){
div#slick-paragraph-video-carousel-slides-default-1256-1-slider.slick__slider.slick-initialized.slick-slider div.slick-list div.slick-track div.slick__slide.slide.slick-slide div.row div.col-md-10.col-sm-12 div.card div.card-body h3 {
font-size: 1.75rem;
}}
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths, .col-xl-5ths,
.col-xs-two5ths, .col-sm-two5ths, .col-md-two5ths, .col-lg-two5ths, .col-xl-two5ths,
.col-xs-three5ths, .col-sm-three5ths, .col-md-three5ths, .col-lg-three5ths, .col-xl-three5ths,
.col-xs-four5ths, .col-sm-four5ths, .col-md-four5ths, .col-lg-four5ths, .col-xl-four5ths,
.col-xs-five5ths, .col-sm-five5ths, .col-md-five5ths, .col-lg-five5ths, .col-xl-five5ths,
{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .col-sm-5ths {width: 20%;float: left;}
    .col-sm-two5ths {width: 40%;float: left;}
    .col-sm-three5ths {width: 60%;float: left;}
    .col-sm-four5ths {width: 80%;float: left;}
}

@media (min-width: 768px) {
    .col-md-5ths {width: 20%;float: left;flex:none;}
    .col-md-two5ths {width: 40%;float: left;}
    .col-md-three5ths {width: 60%;float: left;}
    .col-md-four5ths {width: 80%;float: left;}
}

@media (min-width: 992px) {
    .col-lg-5ths {width: 20%;float: left;}
    .col-lg-two5ths {width: 40%;float: left;}
    .col-lg-three5ths {width: 60%;float: left;}
    .col-lg-four5ths {width: 80%;float: left;}
}

@media (min-width: 1200px) {
    .col-xl-5ths {width: 20%;float: left;}
    .col-xl-two5ths {width: 40%;float: left;}
    .col-xl-three5ths {width: 60%;float: left;}
    .col-xl-four5ths {width: 80%;float: left;}
}
.well {
	display: flex;
	align-items: center;
}
/*start Product Picker*/
#blazy-views-a-connection-block-product-picker-1 > li > div > div > div > a > div > div.media.media--blazy.media--image.is-b-loaded > img, #content > section > div.position-relative.overflow-hidden.p-3.p-md-5.text-center.bg-dark.text-white.full > div > div > div > div.view-content.row{
  margin-left: auto!important;
	margin-right: auto!important;
	display: block!important;
  padding-top: 1.25rem;
}

#blazy-views-connectors-page-page-1-1 > li > div > div > div > a > div > div.media.media--blazy.media--image.is-b-loaded > img,#block-custom-subtheme-content > div > div > div > div.view-content.row > div {
  margin-left: auto!important;
  margin-right: auto!important;
  display: block!important;
  padding-top: 1.25rem;
}

#blazy-be05b2c06de-1 > li > div > div > div > a > div > div.media.media--blazy.media--image.is-b-loaded{
  margin-left: auto !important;
    margin-right: auto !important;
    display: block!important;
    padding-top: 1.25rem;
    width: 80px;
}

#blazy-ecb6a395f97-1 > li > div > div > div > a > div > div.media.media--blazy.media--image.is-b-loaded{
  margin-left: auto !important;
    margin-right: auto !important;
    display: block!important;
    padding-top: 1.25rem;
    width: 80px;  
}

/*end Product Picker*/
#block-custom-subtheme-content > div > div > div > div.view-content.row > div{
  padding-top: 0 !important;
}

/*connect side bar filter */
div.text-white.icon-white div.field.field--name-field-jumbotron-button.field--type-entity-reference-revisions.field--label-hidden.field__items a{
  color: inherit;
font-weight: inherit;
}
div#sidebar_first.sidebar_first.sidebar.col-md-4.order-first aside.section div#block-exposedformconnectorspage-1.views-exposed-form.bef-exposed-form.block.block-views.block-views-exposed-filter-blockconnectors-page-1 div.content form#views-exposed-form-connectors-page-1 div.container div.row.mx-auto.d-block ul{
  list-style-type: none;
  padding: 0px;
}
div#sidebar_first.sidebar_first.sidebar.col-md-4.order-first aside.section div#block-exposedformconnectorspage-1.views-exposed-form.bef-exposed-form.block.block-views.block-views-exposed-filter-blockconnectors-page-1 div.content form#views-exposed-form-connectors-page-1 div.container div.row.mx-auto.d-block ul li a{
  color: #000;
  font-size: 1.2rem;
}
div#sidebar_first.sidebar_first.sidebar.col-md-4.order-first aside.section{
  height: 100%;
  background-color:#f7f7f7;
}
div#sidebar_first.sidebar_first.sidebar.col-md-4.order-first aside.section div#block-exposedformconnectorspage-1.views-exposed-form.bef-exposed-form.block.block-views.block-views-exposed-filter-blockconnectors-page-1{
  background-color:#f7f7f7;
}
div#sidebar_first.sidebar_first.sidebar.col-md-4.order-first aside.section div#block-exposedformconnectorspage-1.views-exposed-form.bef-exposed-form.block.block-views.block-views-exposed-filter-blockconnectors-page-1 div.content form#views-exposed-form-connectors-page-1 div.container div.row.mx-auto.d-block div.js-form-item.js-form-type-select.form-type-select.js-form-item-category.form-item-category.mb-3 div#edit-category--2.bef-links-use-ajax.form-select.bef-links.bef-nested{
  background-image: none;
  border: none;
  background-color: #f7f7f7;
}
ul#blazy-views-connectors-page-1-1 li.grid.list-group-item.is-b-grid {
  border: 1px solid rgba(0,0,0,0.125) !important;
}
div#sidebar_first.sidebar_first.sidebar.col-md-4.order-first{
  margin: 0px;
}
html.js body.layout-one-sidebar.layout-sidebar-first.page-view-connectors.path-connect div.dialog-off-canvas-main-canvas div#page-wrapper div#page div#main-wrapper.layout-main-wrapper.clearfix div#main.container-fluid div.row.row-offcanvas.row-offcanvas-left.clearfix main#content.main-content.col{
  padding-top: 2rem;
}
/*end connect side bar filter */
/*starter templates*/
div.item-list.item-list--blazy.item-list--blazy-nativegrid li.grid.list-group-item.is-b-grid.is-b-layout{
    border: 1px solid rgba(0,0,0,0.125) !important;
    border-radius: 3px;
}
/*start html linear flow*/
.flow-tooltip,
.flow-step-1:before,
.flow-step-2:before,
.flow-step-3:before,
.flow-step-4:before,
.flow-step-5:before,
.flow-step-6:before,
.flow-step-7:before,
.flow-step-8:before {
  position: absolute;
  right: 0;
  bottom: 100%;
  color: #292929;
  background: #FFB570;
  text-transform: uppercase;
  font-size: 0.9rem;
  padding: 0.25rem 0.75rem;
  /*border-radius: 2.5px;*/
}
.flow-card,
.flow-step-1 div,
.flow-step-2 div,
.flow-step-3 div,
.flow-step-4 div,
.flow-step-5 div,
.flow-step-6 div,
.flow-step-7 div,
.flow-step-8 div, {
  line-height: 2;
  background: #fff;
  padding: 1.2rem 1rem;
  /*border-radius: 4px;*/
  box-shadow: 0 2px 10px #e6e6e6;
}
.flow-container {
  background: #292929;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.flow-container svg {
  height: 4rem;
}
.flow-container svg line {
  stroke: #8BE7F9;
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-dasharray: 2px 20px;
  animation: animateline 5s linear both infinite;
}
.flow-container h3 {
  font-size: 1.1rem;
  color: #1F5673;
  text-align: left;
}
.flow-container p {
  font-size: 0.95rem;
  font-weight: 300;
}
.flow-step-1:before {
  content: 'Step 1';
}
.flow-step-2:before {
  content: 'Step 2';
}
.flow-step-3:before {
  content: 'Step 3';
}
.flow-step-4:before {
  content: 'Step 4';
}
.flow-step-5:before {
  content: 'Step 5';
}
.flow-step-6:before {
  content: 'Step 6';
}
.flow-step-7:before {
  content: 'Step 7';
}
.flow-step-8:before {
  content: 'Step 8';
}
.flow-step-8,
.flow-step-7,
.flow-step-6,
.flow-step-5,
.flow-step-4,
.flow-step-3,
.flow-step-2,
.flow-step-1 {
  background: #f9f9f9;
  padding: 1.5rem;
  /*border-radius: 8px;*/
  width: 600px;
  max-width: 100%;
  position: relative;
}
@media (max-width: 700px) {
  .flow-step-1 {
    flex-direction: column;
  }
  .flow-step-1 div {
    margin: 1rem 0;
  }
}
@-moz-keyframes animateline {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -5rem;
  }
}
@-webkit-keyframes animateline {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -5rem;
  }
}
@-o-keyframes animateline {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -5rem;
  }
}
@keyframes animateline {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -5rem;
  }
}
/*end linear flow*/
div.py-4.full.bg-dark.text-white.view.view-connections.view-id-connections.view-display-id-block_3 div.view-content.row{
    --bs-gutter-x: 0;
}
img.image-style-awards{
  max-width: 100%;
  height: auto;
}

div.product-picker.view.view-a-connection.view-id-a_connection.view-display-id-product_picker ul.js-pager__items.pager{
  list-style-type: none;
}
.cta-shadow{
border: 1px solid #cac9c9;
box-shadow: 4px 4px 10px #555555;
}
/* Footer */
.row.region.region-footer-second{
  margin-top: 20px;
padding: 10px;
}
footer.site-footer section.row.region.region-footer-first div#block-views-block-latest-posts-block-1 div.view-content.row div.views-row li{
  list-style-type: none;
}
footer.site-footer section.row.region.region-footer-first div#block-views-block-latest-posts-block-1 div.views-row li a{
  text-decoration: none;
  text-indent: 0px;
}
/* End Footer */
/*
div#main.container-fluid {
   padding-left: 0px;
   padding-right: 0px;
 }*/
div#sidebar_first.sidebar_first.sidebar.col-md-4.order-first ul li a.bef-link--selected {
  font-weight: bold;
}
nav#navbar-main.navbar.navbar-expand-lg div.container div#CollapsingNavbar.collapse.navbar-collapse span.nav-link.dropdown-toggle{
  cursor: pointer;
}
div.views-view-grid.horizontal.cols-3.clearfix.col div.card-group div.card {
  width: 100% !important;
}