@import url('https://fonts.googleapis.com/css2?family=Anton&family=Didact+Gothic&display=swap');
*{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-weight: 400;
   font-family: "Didact Gothic", sans-serif;
}
p{
   font-family: "Didact Gothic", sans-serif;
}
a{
   text-decoration: none;
}
body{
   font-family: "Didact Gothic", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  font-size: 16px;
}
.container{
   max-width: 1180px;
   padding: 0 20px;
   margin: 0 auto;
}
.home-banner{
   height: 100vh;
}
.home-banner .banner-img{
   width: 100%;
   height: 100%;
}
.home-banner .banner-img img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.home-banner .banner-img a{
   display: flex;
   width: 100%;
   height: 100%;
}
.home-banner .banner-img a picture{
   width: 100%;
   height: 100%;
}
/* video-sec */
.video-sec{
   padding: 70px 0;
}
.video-sec .video-box{
   position: relative;
   padding-top: 56.66%;
}
.video-sec .video-box iframe{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.video-sec .video-text{
   max-width: 90%;
   margin: 70px auto 0;
   text-align: center;
}
.video-sec .video-text p{
   color: #1d6c7c;
   font-size: 24px;
   font-weight: 700;
}
.video-sec .video-text p:nth-last-of-type(1){
   margin-bottom: 0;
}
/* open-sec */
.open-sec{
   padding: 70px 0;
   background-color: #f0b663;
}
.open-sec .three-grid-box{
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 30px;
}
.open-sec .img-box{
   overflow: hidden;
   border-radius: 20px;
   height: 340px;
}
.open-sec .img-box img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 20px;
   transition: all .5s ease-in-out;
}
.open-sec .card-box:hover .img img{
   transform: scale(1.1);
}
.open-sec .bottom-text{
   text-align: center;
   margin-top: 20px;
}
.open-sec .bottom-text a{
   text-transform: uppercase;
   color: #1d6c7c;
   font-size: 22px;
   font-family: "Anton", sans-serif;
}
/* tour-date-sec */
.tour-date-sec img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
section.tour-date-sec {
    margin-top: 70px;
}
.tour-date-sec h2{
   margin-bottom: 40px;
   color: #1d6c7c;
   font-weight: 700;
   font-size: 45px;
   font-family: "Anton", sans-serif;
   letter-spacing: 1px;
   text-transform: uppercase;

}
.tour-date-sec .seated-events-table{
   background-color: #1d6c7c;
   padding: 40px 0;
   color: #fff;
}
.tour-date-sec .seated-events-table .seated-event-link {
   background: rgb(118 148 160);
   border: none;
   border-radius: 4px;
   color: #fff;
   padding: 11px 15px;
   font-size: 16px;
   margin: 0;
   font-weight: 600;
   text-transform: capitalize;
   letter-spacing: 1px;
   transition: all .5s ease-in-out;
}
.tour-date-sec .seated-events-table .seated-event-link:hover{
   background: #fff;
   color: #1d6c7c;
}
.tour-date-sec .seated-events-table .seated-event-description-cells {
   width: 75%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.tour-date-sec .seated-events-table .seated-event-date-cell{
   width: 140px;
   font-size: 20px;
   text-align: left;
}
.tour-date-sec .seated-events-table .seated-event-venue-cell .seated-event-venue-name{
   font-size: 20px;
   text-transform: uppercase;
   width: 100%;
   font-weight: 600;
}
.tour-date-sec .seated-events-table .seated-event-venue-location{
   width: 100%;
}

.tour-date-sec .seated-events-table .seated-event-venue-cell{
   flex-direction: column;
   width: calc(100% - 140px);
   padding-left: 80px;
}

.tour-date-sec .seated-events-table .seated-event-details-cell {
   display: block;
   opacity: 1;
   position: absolute;
   right: 95px;
   bottom: 8px;
}
.tour-date-sec .seated-events-table .seated-follow-link{
   background: rgb(118 148 160);
   border: none;
   border-radius: 4px;
   color: #fff;
   padding: 11px 15px;
   font-size: 16px;
   display: inline-flex;
   margin-top: 20px !important;
   margin: 0;
   font-weight: 600;
   text-transform: capitalize;
   letter-spacing: 1px;
   transition: all .5s ease-in-out;
   text-decoration: none;
}
.tour-date-sec .seated-events-table .seated-follow-link:hover{
   background: #fff;
   color: #1d6c7c;
}
.tour-date-sec .seated-events-table .seated-event-row{
   padding: 20px 50px 30px;
   position: relative;
   border-bottom: 0;
   border-top: 1px solid #fff;
}
.tour-date-sec .seated-events-table .seated-event-row:nth-last-of-type(1){
   border-bottom: 1px solid #fff;
}
.tour-date-sec .seated-events-table .seated-follow-box{
   border-top: 1px solid #fff;
   padding: 0 20px;
   padding-top: 20px;
   margin-top: 0;
}
/* site-footer */
.site-footer{
   padding: 70px 0 50px;
}
.site-footer .cta-btn{
   background-color: #f0b663;
   color: #1d6c7c;
   display: inline-flex;
   font-family: "Anton", sans-serif;
   font-size: 50px;
   padding: 20px 30px;
   border-radius: 12px;
   transition: all .5s ease-in-out;
   text-transform: uppercase;
   margin-bottom: 60px;
}
.site-footer .cta-btn:hover{
   color: #f0b663;
   background-color: #1d6c7c;  
}
.site-footer li{
   list-style: none;
}
.site-footer ul{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 15px 0;
}
.site-footer .inner-footer{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.site-footer ul li{
   border-right: 2px solid #f0b663;
   padding-right: 10px;
   margin-right: 10px;
}
.site-footer ul li:nth-last-of-type(1){
   margin-right: 0;
   padding-right: 0;
   border-right: none;
}
.site-footer ul li a{
   color: #f0b663;
   font-size: 16px;
   font-weight: 700;
   transition: all .5s ease-in-out;
}
.site-footer ul li a:hover{
   color: #1d6c7c;
}
.site-footer .copy-right{
   text-align: center;
   margin-top: 10px;
}
.site-footer .copy-right p{
   font-size: 16px;
   font-weight: 700;
   color: #f0b663;
}
.site-footer .site-by{
   margin-top: 30px;
   text-align: center;
}
.site-footer .site-by p{
   text-align: center;
   font-size: 16px;
   font-weight: 400;
   color: #f0b663;
}
.site-footer .site-by h6 a{
   font-family: "Anton", sans-serif;
   font-size: 26px;
   text-transform: uppercase;
   font-weight: 400;
   color: #f0b663;
}


@media(max-width: 992px){
   .open-sec, .site-footer, .video-sec, .video-sec{
      padding: 45px 0;
   }
   .open-sec .img-box{
      height: 300px;
   }
   .video-sec .video-text p{
      font-size: 22px;
   }
   .tour-date-sec .seated-events-table .seated-event-row{
      padding: 15px 30px 30px;
   }
   .tour-date-sec .seated-events-table .seated-event-date-cell {
      width: 130px;
      text-align: left;
   }
   .tour-date-sec .seated-events-table .seated-event-venue-cell {
      flex-direction: column;
      width: calc(100% - 130px);
      padding-left: 30px;
      align-items: flex-start;
      justify-content: flex-start;
      text-align: left;
   }
   .tour-date-sec .seated-events-table .seated-event-details-cell {
      right: 72px;
   }
}
@media(max-width: 768px){
   .open-sec .img-box{
      height: 280px;
   }
   .tour-date-sec h2{
      font-size: 34px;
      margin-bottom: 30px;
   }
   .home-banner{
      height: 90vh;
   }
   .tour-date-sec .seated-events-table .seated-event-venue-cell .seated-event-venue-name{
      font-size: 22px;
   }
   .tour-date-sec .seated-events-table .seated-event-description-cells{
      width: 100%;
   }
   .tour-date-sec .seated-events-table .seated-event-row{
      flex-wrap: wrap;
      gap: 15px;
      padding: 40px 30px 65px;
   }
   .tour-date-sec .seated-events-table .seated-event-details-cell{
      right: auto;
      left: 50%;
      bottom: 35px;
      transform: translateX(-50%);
   }
   .tour-date-sec .seated-events-table .seated-event-link-cells {
      width: 100%;
      margin-top: 0;
   }
   .video-sec .video-text{
      margin-top: 45px;
      max-width: 100%;
   }
    .video-sec .video-text p{
      font-size: 20px;
   }
   .site-footer .cta-btn{
      font-size: 30px;
      margin-bottom: 30px;
      padding: 15px 25px;
   }
   .open-sec .three-grid-box{grid-template-columns: 1fr 1fr;}
}
@media(max-width: 480px){
   .open-sec .img-box{
      height: auto;
   }
   .open-sec .bottom-text{
      margin-top: 10px;
   }
   .open-sec .three-grid-box{grid-template-columns: 1fr;}
   .open-sec, .site-footer, .video-sec, .video-sec{
      padding: 35px 0;
   }
   .site-footer ul li a{
      font-size: 14px;
   }
   .tour-date-sec .seated-events-table .seated-event-date-cell{
      width: 100%;
      text-align: center;
      font-size: 16px;
   }
   .tour-date-sec .seated-events-table .seated-event-venue-cell{
      width: 100%;
      padding: 10px 0 0;
      text-align: center;
   }
   .tour-date-sec .seated-events-table .seated-event-description-cells{
      flex-direction: column;
   }
}