/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

h1 {
    font-size: 48px;
    font-weight: 900;
}
h2 {
    font-size: 36px;
    font-weight: 900;
}
h3 {
    font-size: 24px;
    font-weight: 700;
}
h4 {
    font-size: 20px;
    font-weight: 700;
}
h5 {   
    font-size: 18px;
    font-weight: 700;
}

h6 {
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 1px;
    line-height: 24px;
}

body {
  text-align: left;
}

/* ******************* */
/* Header 2020 */
.header-2020 {
  background-color: white; 
}

.without-top-pane .header-container{
  background-color: white;
}

.home-light-1 .header-container {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > a {
 color: #313232; 
}



/* ******************* */
/* Footer 2020 */
.footer-2020 {
/*   background-color: #e2e2e2;  */
}

.footer-container {
/*   background-color: #fff; */
  padding: 0;
  text-align: center;
}

#custom_footer .custom_footer-section {
  max-width: 100%
}

.footer-2020-cta {
  background-color: #F7F8F9;
  padding: 3em 1em;
/*   background-image: linear-gradient(to right, #48A8D7, #3EBB9C); */
}

.footer-2020-cta h3{
  margin-top:5px;
  margin-bottom: 20px;
/*   color: white; */
}

.footer-2020-bottom {
  background-color: #fff;
/*   width: 75%; */
  padding: 10% 15px;
}

.btn-2020 {
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
}

.btn-2020:hover {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
 color: black; 
}


/* ******************* */
/* 2020 Section formatting */
#section-2020 {
  padding: 100px 0;
  display: flex;
  flex-wrap: wrap;
}


#inner900 {
  max-width: 900px;
  margin: auto;
}

#image-left-2020-inner {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
}

#image-right-2020-inner {
  max-width: 1200px;
  margin: auto;
  padding: 0 15px;
}

#right-inner {
/*   padding-left: 40px; */
/*   max-width: 500px; */
  text-align: left;
  margin: auto;
/*  max-width: 800px; */
}

#left-inner {
/*  padding-right: 40px; */
 margin: auto;
/*  float: right; */
}


.header { 
  font-size: 18px;
  color: #313232;
  font-weight: 700;
}

.header a { 
  color: #313232;
  font-weight: 700;
}

.description {
  color: #6A6A6A;
  margin-bottom: 15px;
} 


/* ******************* */
/* 2020 Card formatting */
.card {
  position: relative;
  display: inline-block;
  padding: 30px;
/*   margin: 0 10px; */
  background: #fff;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
}

.center {
  text-align: center;
}

.inner-image {
  margin-bottom: 20px;
  max-width: 250px;
}

/* ******************* */
/* Media Queries */

@media (max-width: 600px) {
  
  h1 {
    font-size: 36px;
  }
  h2 {
    font-size: 32px;
    font-weight: 700;
  }
  h3 {
    font-size: 24px;
    font-weight: 700;
  }
  
  #section-2020 {
    padding: 60px 0;
  }
  
  #image-left-2020-inner {
    width: 100%;
  }
  #right-inner {
    padding: 0 15px 15px 15px;
    text-align: center;
  }
  #left-inner {
    padding: 0 15px 15px 15px;
    text-align: center;
  }
  
}
  
  
}

@media (min-width: 601px) and (max-width: 1200px) {
  #section-2020 {
    padding: 100px 0;
  }
}


 
/******************* **************** ***********/
/******************* VIDEO CSS START ***********/

.BBYTPopUp-Wrap {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:9999999999999;
}
.BBYTPopUp-animation {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: YouTubePopUp;
  animation-name: YouTubePopUp;
  transition-timing-function: ease-in-out;

  
}

@-webkit-keyframes YouTubePopUp {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes YouTubePopUp {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.BBYTPopUp-Content{
  max-width:900px;
  display:block;
  margin:0 auto;
  height:100%;
  position:relative;
}
.BBYTPopUp-Content iframe{
  max-width:100% !important;
  width:100% !important;
  display:block !important;
  height:506px !important;
  border:none !important;
  position:absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.BBYTPopUp-Hide{
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: YouTubePopUpHide;
  animation-name: YouTubePopUpHide;
  transition-timing-function: ease-in-out;
    
}

@-webkit-keyframes YouTubePopUpHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes YouTubePopUpHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.BBYTPopUp-Close{
  position:absolute;
  top:-25px;
  cursor:pointer;
  bottom:528px;
  right:0px;
  margin:auto 0;
  width:24px;
  height:24px;
  background:url(https://547014.fs1.hubspotusercontent-na1.net/hubfs/547014/close.png) no-repeat;
  background-size:24px 24px;
  -webkit-background-size:24px 24px;
  -moz-background-size:24px 24px;
  -o-background-size:24px 24px;
}

.BBYTPopUp-Close:hover{
  opacity:0.5;
}

@media all and (max-width: 768px) and (min-width: 10px){
  .BBYTPopUp-Content{
    max-width:90%;
  }
}

@media all and (max-width: 600px) and (min-width: 10px){
  .BBYTPopUp-Content iframe{
    height:320px !important;
  }

  .BBYTPopUp-Close{
    bottom:362px;
  }
}

@media all and (max-width: 480px) and (min-width: 10px){
  .BBYTPopUp-Content iframe{
    height:220px !important;
  }

  .BBYTPopUp-Close{
    bottom:262px;
  }
}

/* VIDEO CSS END */


/* Overlay CSS START */
.video-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
  
  
/*   margin: 30px; */
}

.video-thumbnail:before {
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  content: "\f144";
  font-family: "Font Awesome 5 Pro";
  font-size: 75px;
  color: #fff;
  opacity: .8;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  transition-timing-function: ease-in-out;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}

.video-thumbnail:hover:before {
  color: #48A8D7;

}

/* Small Thumbnail */
.video-thumbnail-sm {
  position: relative;
  display: inline-block;
  cursor: pointer;
  
  
/*   margin: 30px; */
}

.video-thumbnail-sm:before {
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  content: "\f144";
  font-family: "Font Awesome 5 Pro";
  font-size: 45px;
  color: #fff;
  opacity: .8;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  transition-timing-function: ease-in-out;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}

.video-thumbnail-sm:hover:before {
  color: #48A8D7;

}


/* Overlay CSS END */

/******* VIDEO CSS END **********/


 @media only screen and (min-width: 100px) and (max-width: 767px) {
    .land-ri-2023-inner.col-sm-12{display:inline-flex; flex-wrap:wrap; flex-direction: column-reverse;}    
  }