@font-face {
  font-family: Suomi;
  src: url("../../assets/fonts/Suomi.otf");
}

header, header.bg-body-tertiary {
  background-color: #FFF !important;
}

header .navbar-brand img { max-width:200px;}

.row, .home-section-8 {
  display: table;
}

[class*="col-"], .home-section-8 .inner_section_1, .home-section-8 .inner_section_2 {
  float: none !important;
  display: table-cell;
  vertical-align: top;
}

@media (min-width: 768px) {
    header.masthead .masthead-subheading {
        font-size: 32px;
        font-weight: 600;
        letter-spacing: 4px;
        line-height: 2.25rem;
        margin-bottom: 2rem;
        text-transform: uppercase;
        margin: 2rem auto;
        width: 75%;

    }
}


header.masthead {
    position:relative;
    padding-top: 2rem;
    padding-bottom: 20.5rem;
    height: 100vh;
    text-align: center;
    color: #fff;
    background-image: url("../../assets/img/bg_image.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
}

.masthead_opac {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
    z-index: 2; 
    background-image: url("../../assets/img/fon.png");   
}
.main_img {
    max-width: 420px;
    padding-top: 30px;
}
.sub_img {
    max-width: 150px;
    padding-bottom:30px;
}

.sub_text {
    font-family: "Fredericka the Great", serif;
    font-weight: 400;
    font-style: normal;
    font-size:27.6px;
    line-height:30px;
    text-shadow: 0px 4px 8px #000000e0;
    
  }

  .red-hat-display-regular {
    font-family: "Red Hat Display", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  }

  .home-section-2 {
    padding: 4em 0px;
    background-color: #D03F3C;
    text-align:center;
    position:relative;
  }

  .home-section-2 h1 {
    font-family: "Fredericka the Great", serif;
  color:#FFF;
  font-size:75px;
  }

  .grape {
    position:absolute;
    top:-60%;
    right:0px;
    z-index: 3; 
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;  
  }

  .grape_2 {
    position:absolute;
    top:14em;
    left:0px;
    z-index: 3; 
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center; 
    max-width:280px;
  }
  .grape_3 {
    position:absolute;
    top:30px;
    left:0px;
    z-index: 3; 
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center; 
    max-width:200px;
  }
  .grape_3 img {
    border:none !important;
  } 


  .nav-tabs .nav-link {
    font-family: 'Red Hat Display', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2.20px;
      line-height:30px;
    padding: 7px 80px;
    text-transform: uppercase;
    color:#FFF;
  }

  .nav-tabs .nav-item:first-child .nav-link {
padding-left:0px;
  }

  .nav-tabs .nav-item:last-child .nav-link{
padding-right:0px;
  }

.nav-tabs .nav-link.active {
  text-decoration: underline;
  BACKGROUND-COLOR:TRANSPARENT;
  color:#FFF !important; 
  background:transparent;
  background-color: transparent;
  border-color:  transparent;
  background: none  !important;
  border:none !important;
}
.nav-tabs .nav-link:hover {
  color:#FFF !important; 
  background: none  !important;
  border:none !important;
  text-decoration: underline;
}

.nav-tabs {
--bs-nav-tabs-link-active-bg: transparent; 
}
.nav-item {background-color: transparent;}

  .nav-tabs {
    border-bottom: 0px !important;
    padding-top:50px;
  }
  .tab-pane {padding-top:40px;}

  .section_1_inner {
    padding: 40px 60px 40px 60px;
  }
  .section_1_inner p {
  color: #211a15;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
  padding-top:30px;
  }

  .home-section-3 {
    position:relative;
    padding:8em 0px 4em 0px;
    background-color: #faf9f8;
  }
.home-section-4,.home-section-5 {
    position:relative;
    padding:4em 0px;
    background-color: #faf9f8;
  }

.home-section-3 .col-md-6:first-child {

  padding-left:10%;
  padding-right: 0px;

}

.home-section-6 {
  position:relative;
  background-color: #D03F3C;
  padding:30px 0px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 10px;
}

.home-section-7 {

  position:relative;
  padding:8em 0px 4em 0px;
  background-color: #faf9f8;
}

.home-section-8 {
  position:relative;
  padding: 0px 0px 0px 0px;
  background-color: #EFEAE7;
}

.home-section-8 .inner_section_1 {
  width:50%;
  background: #EFEAE7; 
  float:left;
  padding: 4em 0px 0px 12.5%;
  height:100%;
  position:relative;
}

.home-section-8 .inner_section_2 {
  width:50%;
  background: #D03F3C;
  float:left;
  height:100%;
}

.home-section-10 {  position:relative;
  padding:4em 0px 4em 0px;}


.home-section-11 {position:relative;
  padding:4em 0px 4em 0px;}


.home-section-12 { position:relative;
  padding:4em 0px 4em 0px; background: #faf9f8; }
  
  .home-section-12 h3 {
    color: #211a15;
    font-family: 'Red Hat Display', Helvetica;
    font-size: 36px;
    font-style: normal;
    font-weight: 900;
  }


.inner_section_2 img {
  border:1px dashed #FFF;
  margin-top:30px;
  width: 100%;
}

.clear { clear:both;}

.home-section-6 img { border: 1px dashed #FFF;width: 100%;}

.home-section-3 .section_2_inner  .col-md-6:first-child {
  padding-left:0px;
}
.home-section-3 .section_2_inner  .col-md-6:last-child img {
  margin-bottom: 40px;
  margin-left:40px;
}

.home-section-3 .col-md-6:last-child {

  padding-left:40px;
  padding-right: 0px;

}
.home-section-8 .inner_section_1 h4 {
  color: #211a15;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 24px;
  font-weight: 900;
  text-align: left;
  border-bottom:1px solid #211A15;
  padding-bottom:3px;
  margin-right:40px;
  position:relative;
}
.home-section-8 .inner_section_1 div.sub{
   color: #cab9af;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  }



.section_1_inner img {padding-bottom:20px;}
.section_1_inner_link {
  padding:30px 0px 60px 0px;
  color: #211a15;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.00px;
  line-height: normal;
  text-align: left;
  text-decoration: underline;
}

.home-section-3 .col-md-6:last-child {
  background-color: #efeae7;
}

.section_heading h3 {
  --z-index: 9;
  background-color: transparent;
  color: #211a15;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 36px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 3.60px;
}

.section_heading h3 {
border-bottom: 1px solid #211A15;
margin-bottom:30px;
}

.section_2_inner {
  padding: 8% 30px 40px 7%
}
.section_2_inner h4 {
    color: #2b2e34;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.00px;
  margin-bottom:30px;
}

.info_items {margin-bottom:60px;margin-right: 20%;}

.info_item { padding:20px 0px 20px 60px; border-bottom: 1px solid #565B63; display:block;}
.info_item {  background-repeat: no-repeat;
  background-position: left center; --z-index: 2;
  background-color: transparent;
  color: #2b2e34;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;}

.info_item.item1 {
  background-image: url("../../assets/img/1_item.png"); 
}
.info_item.item2 {
  background-image: url("../../assets/img/2_item.png"); 
}
.info_item.item3 {
  background-image: url("../../assets/img/3_item.png"); 
}
.info_item.item4 {
  background-image: url("../../assets/img/4_item.png"); 
}
.info_item.item5 {
  background-image: url("../../assets/img/5_item.png"); 
}

.info_item_2 {color: #2b2e34;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;margin-bottom: 5px;}

.inner_section_1 h3 {
  font-family: 'Suomi', Arial;
  color: #211a15;
    font-size: 90px;
  font-weight: 400;
  line-height:80px;
  margin-top:40px;
  margin-bottom:30px;
}
.receipt { padding-right:60px;}

.author img { float:left; margin-right:20px; }

.receipt p {  margin-top:40px; 
  color: #211a15;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 20px;
  font-weight: 400;
}

.author p {float:left; 
  text-transform: uppercase;
  color: #707070;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 16px;
  font-weight: 400;
  margin-top:20px;
  line-height: 20px;
}

.inner_section_1 img.attach_header {
  position:absolute; 
  top: -10px;
  right: 30px;
  background: #EFEAE7;
  padding-left:10px;
  padding-right:10px;
}
  
.home-section-9 {
  
  background: #faf9f8;
  padding:2em 0px;

}

.home-section-9 .col-md-4 label {
  color: #211a15;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

.home-section-9 input::placeholder {
  --z-index: 4;
  background-color: transparent;
  color: #707070;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 20px;
  text-transform: uppercase;
  text-align:center;

}

.home-section-9 input{
  border-radius:0px;
  border:none;
  border-bottom:1px solid #707070;
  background:transparent;
}


.home-section-9 button {

  background-color: #cab9af;
  border-radius:10px;
  color: #ffffff;
  text-transform: uppercase;
  text-align:center;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  padding:7px 30px;
border:1px solid #cab9af;
}

.home-section-12 .line {
 height:5px;
 border-bottom:1px solid #c4c3c0;
}

.home-section-12 .elements {
  margin-top: 30px;
}

.home-section-12 .col-md-3 { text-align:center;vertical-align: middle; }
.home-section-12 .col-md-3 img { padding:10px; }

#nav-main .row { width: 100%; }

.search .input-group-text {
  background-image: url("../../assets/img/search.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  border:none;
  border-radius: 0px ;
  border-bottom: 1px solid #000;
  background-color:transparent;
  width:50px;
}

.search input {
  background: transparent;
  border:none;
  border-radius: 0px ;
  border-bottom: 1px solid #000;
  margin-top:20px;
}

.winemakers {
  background-color: #D03F3C;
  background-size: 100% 100%;
  border-radius: 5px ;
  color:#FFF;
  padding:5px 20px;
  margin-top: 15px;
}
.btn-outline-secondary {
  --bs-btn-color: transparent;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color:transparent;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg:transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: transparent;
  --bs-gradient: none;
}

.header-actions button { border:none; }
.account-toggler {margin-right:10px;}
.account-toggler, .heart {margin-top:15px;}
.cart-toggler {margin-top:25px;margin-left: 0px !important;}

.bg-light {
 background-color: transparent !important;
}

.navbar-expand-lg .navbar-nav {
  flex-direction: row;
  display: flex;
  align-items: stretch;
  width: 100%;
}
.nav-item {
  background-color: transparent;
  flex: 1;
  --z-index: 3;
  background-color: transparent;
  color: #000000;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;

}

.nav-item.dropdown { text-transform: uppercase;color: #000000;}


.all_events_link {
  background-color: #cab9af;
}

.event_place_text {
  color: #707070;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}

.date_start, .date_end {
  color: #707070;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
.date_start {margin-top:12%;}

h4.event_title {
  color: #211a15;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 36px;
  font-weight: 400;
  text-align: left;
  line-height: 1.1em;
  margin-top:15%;
}

.event_link a{
  color: #211a15;
  text-transform: uppercase;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
  position:absolute; bottom:40px; left:40px;
}

.event_info { padding: 40px;position:relative; height:100%;}


.event_place img.bordered {
  border:1px solid #211a15;
  border-radius:50px;
}

.home-section-5 .row .col-md-4 {
  margin-left:0px;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
}


.triangle_box {position:relative; }

.triangle {position:absolute; right: -15px;
  top: 45%;}

  .triangle2 {position:absolute; left: 45%;
    bottom: -15px;}

  .triangle3 {position:absolute; left:-15px;
    top: 45%;}
 
    .all_events_text {
  color: #efeae7;
  font-family: 'Red Hat Display', Helvetica;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height:1.2em;
  text-align:center; 
  padding-top:20px;
   }


   .pagination a {
    font-weight: bold;
    background: #E4DFDC;
    padding: 10px 20px;
    color: #6E615B;
    margin-right: 10px;
}

.pagination .active_link {
    font-weight: bold;
    background: #6E615B;
    padding: 10px 20px;
    color: #FFF;
    margin-right: 10px;
}
table thead:first-child tr:first-child th{
    border-block-start: 0px !important;
}


#brx-content h1{
  text-transform: capitalize;
    margin-top: 60px;
    font-size: 28px;
    font-weight: 700;

}
body.bricks-is-frontend :focus-visible {
    outline: inherit !important;
}