/**
 * @theme Homoky Dorka
 * @version 1.0.1.
 * @framework Bootstrap - https://getbootstrap.com/
 * @naming B.E.M. - http://getbem.com/naming/
 * @author Roland Bende
 */

/**
 * @theme Homoky Dorka
 * @section html
 */
html {
    background-color: #FFF;
}

/**
 * @theme Homoky Dorka
 * @section body
 */
body {
    background-color: #FFF;
}

/**
 * @theme Homoky Dorka
 * @section Header
 */
#header {}

/**
 * @theme Homoky Dorka
 * @section Header > Container
 */
.header__container {}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main
 */
.header__container__main {}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Language selector navigation
 * @modifiers
 * --transp-bg <- Use this class for transparent background.
 */
.header__container__main__lang-selector__box {
    width: 100%;
    margin: 0 auto;
    padding: 15px 0 15px 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1031;
    display: none;
}
.header__container__main__lang-selector__box--transp-bg {
    background: transparent;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Language selector navigation
 */
.header__container__main__lang-selector__box__nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Language selector navigation > Element
 */
.header__container__main__lang-selector__box__nav__elem {
    width: 25px;
    height: 18px;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1.75px;
    text-align: center;
    color: #3b3091;
    display: inline-block;
    text-align: center;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Language selector navigation > Element > Link
 */
.header__container__main__lang-selector__box__nav__elem__link {
    color: #3c348f;
}

.header__container__main__lang-selector__box__nav__elem__link--status-active {
    font-weight: 700;
    text-decoration: underline;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container  > Main > Navigation Bar
 * @modifiers
 *  --transp-bg <- Use this class for transparent background.
 *  --shadow   <- Use this class for shadow.
 */
.header__container__main__navbar {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #FFF !important;
}

.header__container__main__navbar--shadow::after, .header__container__main__navbar--shadow-only-on-mobile::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 15px;
    content: "";
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Brand
 * @modifiers
 *  --transp-bg <- Use this class for transparent background.
 */
.header__container__main__navbar__brand {
    padding: 0;
}

.header__container__main__navbar__brand::after {
    position: absolute;
    margin-left: -15px;
    width: calc(100% + 30px);
    height: 72px;
    content: "";
    top: 0;
    left: 0;
    background-color: #FFF;
    z-index: 0;
}

.header__container__main__navbar__brand--transp-bg::after {
    background-color: transparent !important;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Brand > Image
 * @modifiers
 *  --version-mobile    <- Use this class for mobile version logo sizes.
 *  --version-desktop   <- Use this class for dekstop version logo sizes.
 *  --size-sm           <- Use this class for smaller logo.
 */
.header__container__main__navbar__brand__img {
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header__container__main__navbar__brand__img--version-mobile {
    width: 240px;
    height: 72px;
}

.header__container__main__navbar__brand__img--version-desktop {
    display: none;
}

.header__container__main__navbar__brand__img--size-sm {
    width: 120px;
    height: 132px;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Mobile Page Selector Link
 */
.header__container__main__navbar__mobile-page-selector-link {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 15px 25px;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Mobile Page Selector Link > Dot box
 */
.header__container__main__navbar__mobile-page-selector-link__dot-box {

}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Mobile Page Selector Link > Dot box > Dot
 */
.header__container__main__navbar__mobile-page-selector-link__dot-box__dot {
    position: relative;
    margin-bottom: 3px;
    width: 0px;
    height: 0px;
    border: 3px solid #3b2f89;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Page Selector Wrapper
 */
.header__container__main__navbar__page-selector-wrapper {
    position: relative;
    display: none;
    width: 100%;
    background-color: #FFF;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Page Selector Wrapper > Close Arrow
 */
.header__container__main__navbar__page-selector-wrapper__close-arrow {
    position: relative;
    top: -50px;
    left: -20px;
    float: right;
    width: 24px;
    height: 24px;
}

.header__container__main__navbar__page-selector-wrapper__close-arrow:hover {
    cursor: pointer;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Page Selector Wrapper > Close Arrow > Dot
 * @modifiers
 *  --position-top-left      <- Use this class for the top left point.
 *  --position-top-right     <- Use this class for the top right point.
 *  --position-center        <- Use this class for the point in the center.
 *  --position-bottom-left   <- Use this class for the bottom left point.
 *  --position-bottom-right  <- Use this class for the bottom right point.
 */
.header__container__main__navbar__page-selector-wrapper__close-arrow__dot {
    position: absolute;
    margin: auto;
    width: 3px;
    height: 3px;
    border: 3px solid #3b2f89;
    background-color: #3b2f89;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.header__container__main__navbar__page-selector-wrapper__close-arrow__dot--position-top-left {
    top: 0;
    left: 0;
}

.header__container__main__navbar__page-selector-wrapper__close-arrow__dot--position-top-right {
    top: 0;
    right: 0;
}

.header__container__main__navbar__page-selector-wrapper__close-arrow__dot--position-center {
    top: 9px;
    left: 9px;
}

.header__container__main__navbar__page-selector-wrapper__close-arrow__dot--position-bottom-left {
    top: 18px;
    left: 0;
}

.header__container__main__navbar__page-selector-wrapper__close-arrow__dot--position-bottom-right {
    top: 18px;
    right: 0;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Mobile Page Selector Link
 */
.header__container__main__navbar__page-selector-wrapper__mobile-lang-list {
    clear: right;
    list-style-type: none;
    margin: 15px 0;
    padding: 0;
    text-align: center;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Mobile Page Selector Link > Elem
 */
.header__container__main__navbar__page-selector-wrapper__mobile-lang-list__elem {
    display: inline-block;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1.75px;
    color: #3b3091;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Mobile Page Selector Link > Elem > Link
 * @modifiers
 * --status-active  <- Use this for active language marker.
 */
.header__container__main__navbar__page-selector-wrapper__mobile-lang-list__elem__link {
    color: #3c348f;
}

.header__container__main__navbar__page-selector-wrapper__mobile-lang-list__elem__link--status-active {
    font-weight: 700;
    /*text-decoration: underline;*/
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Page Selector Wrapper > Navigation list
 */
.header__container__main__navbar__page-selector-wrapper__nav-list {
    clear: right;
    padding-left: 0;
    list-style: none;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Page Selector Wrapper > Navigation list > Elem
 */
.header__container__main__navbar__page-selector-wrapper__nav-list__elem {
    text-align: center;
    text-transform: uppercase;
}

.header__container__main__navbar__page-selector-wrapper__nav-list__elem:last-of-type {
    margin-top: 30px;
}

/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Page Selector Wrapper > Navigation list > Elem > Button
 */
.header__container__main__navbar__page-selector-wrapper__nav-list__elem__btn {
    border-radius: 0;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: .8rem 2rem;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #FFF;
    background-color: #54b592;
}

.header__container__main__navbar__page-selector-wrapper__nav-list__elem__btn:hover {
    color: #FFF;
    background-color: #3d836a;
    -webkit-box-shadow: 0 5px 10px 0 #68b490;
    -moz-box-shadow: 0 5px 10px 0 #68b490;
    box-shadow: 0 5px 10px 0 #68b490;
}

.header__container__main__navbar__page-selector-wrapper__nav-list__elem__btn:active {
    color: #FFF;
    background-color: #3b3091;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/**
 * @theme Homoky Dorka
 * @section Header > Container > Main > Navigation Bar > Page Selector Wrapper > Navigation list > Elem > Link
 */
.header__container__main__navbar__page-selector-wrapper__nav-list__elem__link {
    color: #3b3091;
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.89;
    letter-spacing: 4px;
}

.header__container__main__navbar__page-selector-wrapper__nav-list__elem__link:hover {
    color: #3b3091;
    text-decoration: none !important;
    text-shadow: 0px 5px 10px #2E3191;
}

/**
 * @theme Homoky Dorka
 * @section Content
 */
#content {
    background-color: #FFF;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section
 */
.content__section {
    background-color: #FFF;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main
 * @modifiers
 * --content__section__main--transp-bg  <-- Use this class for transparent background.
 * --zero-top-padding-on-mobile         <- Use this class for zero top padding on mobile devices.
 * --zero-bottom-padding                <- Use this class for zero bottom padding.
 */
.content__section__main {
    background-color: #FFF;
    padding-top: 112px;
}

.content__section__main--transp-bg {
    background-color: transparent !important;
}

.content__section__main--minimal-top-padding-on-mobile {
    padding-top: 15px !important;
}

.content__section__main--zero-bottom-padding {
    padding-bottom: 0 !important;
}


/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Heading
 * @modifiers
 *  --font-josefin-sans                     <- Use this class for Josefin Sans font font.
 *  --font-cormorant                        <- Use this class for Cormorant font font.
 *  --color-blue                            <- Use this class for blue color.
 *  --color-red                             <- Use this class for red color.
 *  --color-borok-bartfai                   <- Use this class for "Bártfai" wine color.
 *  --color-borok-birtok                    <- Use this class for "Birtok" wine color.
 *  --color-borok-birtok-edes               <- Use this class for "Birtok édes" wine color.
 *  --color-borok-dongo                     <- Use this class for "Dongó wine" color.
 *  --color-borok-heteny                    <- Use this class for "Hetény wine" color.
 *  --color-borok-gorbe-furmint             <- Use this class for "Görbe furmint" wine color.
 *  --color-borok-gorbe-sargamuskotaly      <- Use this class for "Görbe sárga muskotály" wine color.
 *  --color-borok-pet-nat                   <- Use this class for "Pét-Nat" wine color.
 *  --color-borok-sas-alja                  <- Use this class for "Sas alja" wine color.
 *  --position-fixed                        <- Use this class for fixed position.
 *  --color-dulok-kovago                    <- Use this class for "Kővágó" vineyard color.
 *  --color-dulok-heteny                    <- Use this class for "Hetény" vineyard color.
 *  --color-dulok-dongo                     <- Use this class for "Dongó" vineyard color.
 *  --color-dulok-gorbe                     <- Use this class for "Görbe" vineyard color.
 *  --color-dulok-bartfai                   <- Use this class for "Bártfai" vineyard color.
 *  --color-dulok-sas-alja                  <- Use this class for "Sas alja" vineyard color.
 *  --color-dulok-nyergesek                 <- Use this class for "Nyergesek" vineyard color.
 *  --color-dulok-tallya                    <- Use this class for "Tállya" vineyard color.
 */
.content__section__main__heading {
    text-align: center;
    text-transform: uppercase;
    font-size: 3em;
}

.content__section__main__heading--font-josenfin-sans {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 4px;
}

.content__section__main__heading--font-cormorant {
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 8px;
}

.content__section__main__heading--color-blue {
    color: #3c348f;
}

.content__section__main__heading--color-red {
    color: #cb5543;
}

.content__section__main__heading--color-borok-bartfai {
    color: #c2531a;
}

.content__section__main__heading--color-borok-birtok {
    color: #004F50;
}

.content__section__main__heading--color-borok-birtok-edes {
    color: #f0907b;
}

.content__section__main__heading--color-borok-birtok-hejon-erjesztett {
    color: #ee7700;
}

.content__section__main__heading--color-borok-dongo {
    color: #ee7700;
}

.content__section__main__heading--color-borok-heteny {
    color: #001c71;
}

.content__section__main__heading--color-borok-gorbe-furmint {
    color: #dd0031;
}

.content__section__main__heading--color-borok-gorbe-sargamuskotaly {
    color: #d99a29;
}

.content__section__main__heading--color-borok-gorbe-furmint {
    color: #cb2539;
}

.content__section__main__heading--color-borok-pet-nat {
    color: #7b549e;
}

.content__section__main__heading--color-borok-sas-alja {
    color: #98694c;
}

.content__section__main__heading--color-dulok-kovago {
    color: #004F50;
}

.content__section__main__heading--color-dulok-heteny {
    color: #253666;
}

.content__section__main__heading--color-dulok-dongo {
    color: #E47D0E;
}

.content__section__main__heading--color-dulok-gorbe {
    color: #CF990F;
}

.content__section__main__heading--color-dulok-bartfai {
    color: #C15A3E;
}

.content__section__main__heading--color-dulok-sas-alja {
    color: #98694B;
}

.content__section__main__heading--color-dulok-nyergesek {
    color: #004F50;
}

.content__section__main__heading--color-dulok-tallya {
    color: #3B3091;
}

.content__section__main__heading--position-fixed {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Sub Heading
 * @modifiers
 *  --color-borok-bartfai                   <- Use this class for "Bártfai" wine color.
 *  --color-borok-birtok                    <- Use this class for "Birtok" wine color.
 *  --color-borok-birtok-edes               <- Use this class for "Birtok édes" wine color.
 *  --color-borok-dongo                     <- Use this class for "Dongó wine" color.
 *  --color-borok-heteny                    <- Use this class for "Hetény wine" color.
 *  --color-borok-gorbe-furmint             <- Use this class for "Görbe furmint" wine color.
 *  --color-borok-gorbe-sargamuskotaly      <- Use this class for "Görbe sárga muskotály" wine color.
 *  --color-borok-pet-nat                   <- Use this class for "Pét-Nat" wine color.
 *  --color-borok-sas-alja                  <- Use this class for "Sas-alja" wine color.
 */
.content__section__main__subheading {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.75em;
    font-weight: 300;
    letter-spacing: 3px;
}

.content__section__main__subheading--color-borok-bartfai {
    color: #c2531a;
}

.content__section__main__subheading--color-borok-birtok {
    color: #004F50;
}

.content__section__main__subheading--color-borok-birtok-edes {
    color: #f0907b;
}

.content__section__main__subheading--color-borok-birtok-hejon-erjesztett {
    color: #ee7700;
}

.content__section__main__subheading--color-borok-dongo {
    color: #ee7700;
}

.content__section__main__subheading--color-borok-heteny {
    color: #001c71;
}

.content__section__main__subheading--color-borok-gorbe-furmint {
    color: #dd0031;
}

.content__section__main__subheading--color-borok-gorbe-sargamuskotaly {
    color: #d99a29;
}

.content__section__main__subheading--color-borok-pet-nat {
    color: #7b549e;
}

.content__section__main__subheading--color-borok-sas-alja {
    color: #98694c;
}

.content__section__main__subheading--color-borok-gorbe-furmint {
    color: #cb2539;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Paragraph
 * @modifiers
 *  --theme-featured <- Use this add featured text styles to paragraph.
 */
.content__section__main__p {
    color: #000;
    text-align: center;
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-size: 1.15em;
    line-height: normal;
}

.content__section__main__p--theme-featured {
    margin-bottom: 30px;
    color: #3b2f89;
    font-size: 1.6em;
    font-weight: bold;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Image
 */
.content__section__main__img {  }

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Button
 * @modifiers
 *  --size-lg                   <- Use this class for larger button.
 *  --bottom-margin-on-mobile   <- Use this class for mobile bottom margin.
 *  --primary                   <- Use this class for primary call-to-action button.
 */
.content__section__main__btn {
    border-radius: 0;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.content__section__main__btn--size-lg {
    padding: .8rem 2rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.content__section__main_btn--bottom-margin-on-mobile {
    margin-bottom: 30px;
}

.content__section__main__btn--primary {
    color: #FFF;
    background-color: #54b592;
}

.content__section__main__btn--primary:hover {
    color: #FFF;
    background-color: #3d836a;
    -webkit-box-shadow: 0 5px 10px 0 #68b490;
    -moz-box-shadow: 0 5px 10px 0 #68b490;
    box-shadow: 0 5px 10px 0 #68b490;
}

.content__section__main__btn--primary:active {
    color: #FFF;
    background-color: #3b3091;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Navigation
 */
.content__section__main__navigation {
    margin: 24px 0;
    padding: 0;
    list-style-type: none;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Navigation > Element
 * @modifiers
 * --active     <- Use this class for active navigation state style.
 */
.content__section__main__navigation__elem {
    position: relative;
    z-index: 1;
    padding: 6px 15px;
    display: inline-block;
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-style: italic;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 1px;
}

.content__section__main__navigation__elem:hover::before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: radial-gradient(42.98% 42.98% at 50% 48.33%, rgba(59, 48, 145, 0.47) 0%, rgba(59, 48, 145, 0) 100%);
}

.content__section__main__navigation__elem--active::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -48%);
    content: "";
    width: 60px;
    height: 30px;
    background-color: #FFF;
}

.content__section__main__navigation__elem--active::after {
    position: absolute;
    z-index: -2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -48%);
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid #3F4E9B;
}

.content__section__main__navigation__elem--active:hover::after {
    display: none;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Navigation > Element > Link
 */
.content__section__main__navigation__elem__link {
    color: #3B3091;
}

.content__section__main__navigation__elem__link:hover {
    color: #3B3091;
    text-decoration: none;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Data Table Responsive Container
 */
.content__section__main__data-table-resp-container {
    display: block;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Data Table
 * @modifiers
 *  --theme-wine    <- Use this class for "Wine" theme colors for the first td elem in row.
 */
.content__section__main__data-table {
    margin: 15px auto;
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
}

.content__section__main__data-table tr td {
    width: 50%;
    border: none;
    vertical-align: top;
}

.content__section__main__data-table tr td:first-child {
    text-align: right;
    font-weight: 700;
}

.content__section__main__data-table--theme-wine tr td:first-child {
    color: #3b2f89;
}

.content__section__main__data-table tr td:last-child {
    text-align: left;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Image Gallery
 */
.content__section__main_image_gallery {
    margin-top: 2vh;
    margin-bottom: 40px;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Image Gallery > Image
 */
.content__section__main_image_gallery__img {
    width: 104px;
    border-radius: 5px;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Arrow Box
 */
.content__section__main__arrow-box {
    display: block;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Arrow Box > Link
 * @modifiers
 * --display-always-block   <- Use this class to always display Arrow box link.
 */
.content__section__main__arrow-box__link {
    display: none;
}

.content__section__main__arrow-box__link--display-always-block {
    display: block !important;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Arrow Box > Link > Arrow
 * @modifiers
 * --display-always-block   <- Use this class for always display arrow.
 * --position-fixed         <- Use this class for fixed position.
 * --anim-crackle           <- Use this class for arrow animation.
 * --anim-bottomcrackle     <- Use this class for arrow to the bottom animation.
 */
.content__section__main__arrow-box__link__arrow {
    margin: 0 auto;
    padding-bottom: 24px;
    width: 42px;
    height: 28px;
    display: none;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}

.content__section__main__arrow-box__link__arrow--display-always-block {
    display: block !important;
}

.content__section__main__arrow-box__link__arrow--position-fixed {
    position: fixed;
    bottom: 9vh;
    left: 50%;
    transform: translateX(-50%);
}

.content__section__main__arrow-box__link__arrow--anim-crackle {
    -webkit-animation: 2.5s crackle infinite ease;
    -moz-animation: 2.5s crackle infinite ease;
    animation: 2.5s crackle infinite ease;
}

.content__section__main__arrow-box__link__arrow--anim-bottomcrackle {
    -webkit-animation: 2.5s bottomcrackle infinite ease;
    -moz-animation: 2.5s bottomcrackle infinite ease;
    animation: 2.5s bottomcrackle infinite ease;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Arrow Box > Link > Arrow > Dot
 * @modifiers
 * --direction-down-position-top-left       <- Use this class for down arrow top left dot style.
 * --direction-down-position-top-right      <- Use this class for down arrow top right dot style.
 * --direction-down-position-center-left    <- Use this class for down arrow top center left dot style.
 * --direction-down-position-center-right   <- Use this class for down arrow top center right dot style.
 * --direction-down-position-bottom-center  <- Use this class for down arrow top bottom center dot style.
 */
.content__section__main__arrow-box__link__arrow__dot {
    position: absolute;
    margin: auto;
    width: 3px;
    height: 3px;
    background-color: #3b2f89;
    border: 3px solid #3b2f89;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.content__section__main__arrow-box--display-always-block {
    display: block !important;
}

.content__section__main__arrow-box__link__arrow__dot--direction-down--position-top-left {
    top: 0;
    left: 0;
}

.content__section__main__arrow-box__link__arrow__dot--direction-down--position-top-right {
    top: 0;
    right: 0;
}

.content__section__main__arrow-box__link__arrow__dot--direction-down--position-center-left {
    top: 6px;
    left: 9px;
}

.content__section__main__arrow-box__link__arrow__dot--direction-down--position-center-right {
    top: 6px;
    right: 9px;
}

.content__section__main__arrow-box__link__arrow__dot--direction-down--position-bottom-center {
    top: 12px;
    left: 18px;
}

.content__section__main__arrow-box__link__arrow__dot--direction-left--position-right-top {
    top: 0;
    right: 0;
}

.content__section__main__arrow-box__link__arrow__dot--direction-left--position-center-top {
    top: 5px;
    right: 12px;
}

.content__section__main__arrow-box__link__arrow__dot--direction-left--position-left-center {
    top: 12px;
    left: 12px;
}

.content__section__main__arrow-box__link__arrow__dot--direction-left--position-center-bottom {
    top: 20px;
    right: 12px;
}

.content__section__main__arrow-box__link__arrow__dot--direction-left--position-right-bottom {
    top: 24px;
    right: 0;
}

.content__section__main__arrow-box__link__arrow__dot--direction-right--position-left-top {
    top: 0;
    left: 0;
}

.content__section__main__arrow-box__link__arrow__dot--direction-right--position-center-top {
    top: 5px;
    left: 12px;
}

.content__section__main__arrow-box__link__arrow__dot--direction-right--position-right-center {
    top: 12px;
    right: 12px;
}

.content__section__main__arrow-box__link__arrow__dot--direction-right--position-center-bottom {
    top: 20px;
    left: 12px;
}

.content__section__main__arrow-box__link__arrow__dot--direction-right--position-left-bottom {
    top: 24px;
    left: 0;
}

/**
 * @theme Homoky Dorka
 * @section Container > Section > Main > Close Arrow
 */
.container__section__main__close-arrow {
    position: absolute;
    right: 15px;
    width: 20px;
    margin-right: 5px;
    z-index: 3003;
}

.container__section__main__close-arrow:hover {
    cursor: pointer;
}

.container__section__main__close-arrow > a {
    display: block;
    width: 20px;
    height: 20px;
}

/**
 * @theme Homoky Dorka
 * @section Container > Section > Main > Close Arrow > Dot
 * @modifiers
 *  --position-top-left      <- Use this class for the top left point.
 *  --position-top-right     <- Use this class for the top right point.
 *  --position-center        <- Use this class for the point in the center.
 *  --position-bottom-left   <- Use this class for the bottom left point.
 *  --position-bottom-right  <- Use this class for the bottom right point.
 */
.container__section__main__close-arrow__dot {
    position: absolute;
    margin: auto;
    width: 3px;
    height: 3px;
    background-color: #3b2f89;
    border: 3px solid #3b2f89;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.container__section__main__close-arrow__dot--position-top-left {
    top: 0;
    left: 0;
}

.container__section__main__close-arrow__dot--position-top-right {
    top: 0;
    right: 0;
}

.container__section__main__close-arrow__dot--position-center {
    top: 7px;
    left: 7px;
}

.container__section__main__close-arrow__dot--position-bottom-left {
    bottom: 0;
    left: 0;
}

.container__section__main__close-arrow__dot--position-bottom-right {
    bottom: 0;
    right: 0;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Form Box
 */
.content__section__main__form-box {
    width: calc(100% + 30px);
    margin-left: -15px;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Form Box > Form > Form Group
 * @modifiers
 * --hide <- Use this for element hiding.
 * --error  <- Use this for the validation error style.
 */
.content__section__main__form-box__form__form-group {
    margin-top: 0;
    margin-bottom: 18px;
}

.content__section__main__form-box__form__form-group::after { /* U can't use :after  on input element, that's why it used here. */
    position: relative;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
    width: 100%;
    height: 15px;
    display: block;
    filter: blur(0.3px);
    background: linear-gradient(180deg, rgba(59,48,145,0.6) -75%, rgba(59,48,145,0) 100%);
}

.content__section__main__form-box__form__form-group--hide {
    display: none !important;
}

.content__section__main__form-box__form__form-group--error::after {
    background: linear-gradient(180deg, rgba(252,185,188,1) -75%, rgba(52,185,188,0) 100%);
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Form Box > Form > Form Group > Form label
 * @modifiers
 * --position-inside
 * --position-outside
 */
.content__section__main__form-box__form__form-group__form-label {
    position: relative;
    top: 34px;
    left: 34px;
    margin: 0;
    padding: 0;
    color: #3b3091;
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.38px;
    transition: all 0.15s linear;
}

.content__section__main__form-box__form__form-group__form-label--position-inside {
    top: 34px;
    left: 34px;
}

.content__section__main__form-box__form__form-group__form-label--position-outside {
    top: 0;
    left: 21px;
}

.content__section__main__form-box__form__form-group__form-label--error {
    color: #DD1414;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Form Box > Form > Form Group > Form input
 * @modifiers
 * --type-text      <- Use this class to style input type text fields.
 * --type-textarea  <- Use this class to style textarea fields.
 */
.content__section__main__form-box__form__form-group__form-input {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 21px;
    padding-right: 21px;
    color: #3b3091;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #3b3091;
    border-radius: unset;
    outline: none;
    border: none !important;
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: -0.38px;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

.content__section__main__form-box__form__form-group__form-input:focus {
    color: #3b3091;
    background-color: #fff;
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}

.content__section__main__form-box__form__form-group__form-input::-webkit-input-placeholder{
    color: transparent;
    text-align: right;
}
.content__section__main__form-box__form__form-group__form-input:-moz-placeholder {
    color: transparent;
    text-align: right;
}
.content__section__main__form-box__form__form-group__form-input:-ms-input-placeholder {
    color: transparent;
    text-align: right;
}
.content__section__main__form-box__form__form-group__form-input::placeholder {
    color: transparent;
    text-align: right;
}

.content__section__main__form-box__form__form-group__form-input--type-text {

}

.content__section__main__form-box__form__form-group__form-input--type-textarea {

}

.content__section__main__form-box__form__form-group__form-input--error::-webkit-input-placeholder {
    color: #DD1414;
}
.content__section__main__form-box__form__form-group__form-input--error:-moz-placeholder {
    color: #DD1414;
}
.content__section__main__form-box__form__form-group__form-input--error:-ms-input-placeholder {
    color: #DD1414;
}
.content__section__main__form-box__form__form-group__form-input--error::placeholder {
    color: #DD1414;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Form Box > Form > Form Checkbox Group
 */
.content__section__main__form-box__form__form-checkbox-group {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Form Box > Form > Form Checkbox Group > Label
 * @modifiers
 * --error  <- Use this for validation error style.
 */
.content__section__main__form-box__form__form-checkbox-group__form-label {
    color: #3b3091;
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.31px;
    left: 32px;
}

.content__section__main__form-box__form__form-checkbox-group__form-label--error {
    color: #DD1414;
}

.content__section__main__form-box__form__form-checkbox-group__form-label::before {
    top: 0.1rem;
    left: -2rem;
    width: 1.3rem;
    height: 1.3rem;
    border: none !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 3px 9px 0 rgba(59, 48, 145, 0.5) !important;
    -moz-box-shadow: 0 3px 9px 0 rgba(59, 48, 145, 0.5) !important;
    box-shadow: 0 3px 9px 0 rgba(59, 48, 145, 0.5) !important;
}

.content__section__main__form-box__form__form-checkbox-group__form-label--error::before {
    -webkit-box-shadow: 0 3px 9px 0 rgba(252,185,188, 1) !important;
    -moz-box-shadow: 0 3px 9px 0 rgba(252,185,188, 1) !important;
    box-shadow: 0 3px 9px 0 rgba(252,185,188, 1) !important;
}

.content__section__main__form-box__form__form-checkbox-group__form-label::after {
    position: absolute;
    top: -0.05rem;
    left: -2.1rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Form Box > Form > Form Checkbox Group > Label > Link
 * modifiers
 */
.content__section__main__form-box__form__form-checkbox-group__form-label__link {
    text-decoration: underline;
    color: #3b3091;
}

.content__section__main__form-box__form__form-checkbox-group__form-label__link:hover {
    color: #54b592;
}

.content__section__main__form-box__form__form-checkbox-group__form-label--error .content__section__main__form-box__form__form-checkbox-group__form-label__link {
    color: #DD1414;
}

.content__section__main__form-box__form__form-checkbox-group__form-label--error .content__section__main__form-box__form__form-checkbox-group__form-label__link:hover {
    text-decoration: none;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Form Box > Form > Form Checkbox Group > Checkbox
 */
.content__section__main__form-box__form__form-checkbox-group__form-checkbox {

}

.content__section__main__form-box__form__form-checkbox-group__form-checkbox:focus {
    border: 0 !important;
    outline: 0 !important;
}

.content__section__main__form-box__form__form-checkbox-group__form-checkbox:active~.content__section__main__form-box__form__form-checkbox-group__form-label::before  {
    color: #FFF;
    background-color: #3b3091 !important;
}

.content__section__main__form-box__form__form-checkbox-group__form-checkbox:checked~.content__section__main__form-box__form__form-checkbox-group__form-label::before  {
    color: #FFF;
    background-color: #3b3091 !important;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Wine Years Form Box
 */
.content__section__main__wine-years-form-box {
    margin-bottom: 30px;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Wine Years Form Box > Form
 */
.content__section__main__wine-years-form-box__form {
    text-align: center;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Wine Years Form Box > Form > Select
 */
.content__section__main__wine-years-form-box__form__select {
    width: max-content;
    border: none;
    color: #3B3091;
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-style: italic;
    font-size: 140%;
    font-weight: 700;
    background: url("../../../../images/ui/svg/dropdown-arrow-noshadow.svg") no-repeat right;
}


/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Wine Years Form Box > Form > Select > Option
 */
.content__section__main__wine-years-form-box__form__select__option {

}


/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Form Box > Form > Form Button
 */
.content__section__main__form-box__form__button {
    border-radius: 0;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: .8rem 2rem;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #FFF;
    background-color: #54b592;
    border: none;
}

.content__section__main__form-box__form__button:hover {
    color: #FFF;
    background-color: #3d836a;
    -webkit-box-shadow: 0 5px 10px 0 #68b490;
    -moz-box-shadow: 0 5px 10px 0 #68b490;
    box-shadow: 0 5px 10px 0 #68b490;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Wine heading box
 */
.content__section__main__wine-heading-box {

}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Wine image box
 * @modifiers
 * --bg-image-bartfai           <- Use this class for Bártfai small background image.
 * --bg-image-birtok            <- Use this class for Birtok small background image.
 * --bg-image-birtok-edes       <- Use this class for Birtok édes small background image.
 * --bg-image-dongo             <- Use this class for Dongó small background image.
 * --bg-image-gorbe             <- Use this class for Görbe small background image.
 * --bg-image-gorbe-furmint     <- Use this class for Görbe furmint small background image.
 * --bg-image-heteny            <- Use this class for Hetény small background image.
 * --bg-image-sas-alja          <- Use this class for Sas-alja small background image.
 * --bg-image-pet-nat           <- Use this class for Pét-Nat small background image.
 */
.content__section__main__wine-img-box {
    padding: 30px 30px;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    background-size: contain;
    background-position: center center;
}

.content__section__main__wine-img-box--bg-image-bartfai {
    background-image: url('../../../../images/content/small-backgrounds/borok/bartfai/homoky-dorka-borok-bartfai-hatter.jpg');
}

.content__section__main__wine-img-box--bg-image-birtok {
    background-image: url('../../../../images/content/small-backgrounds/borok/birtok/homoky-dorka-borok-birtok-hatter.jpg');
}

.content__section__main__wine-img-box--bg-image-birtok-edes {
    background-image: url('../../../../images/content/small-backgrounds/borok/birtok-edes/homoky-dorka-borok-birtok-edes-hatter.jpg');
}

.content__section__main__wine-img-box--bg-image-dongo {
    background-image: url('../../../../images/content/small-backgrounds/borok/dongo/homoky-dorka-borok-dongo-hatter.jpg');
}

.content__section__main__wine-img-box--bg-image-gorbe {
    background-image: url('../../../../images/content/small-backgrounds/borok/gorbe/homoky-dorka-borok-gorbe-hatter.jpg');
}

.content__section__main__wine-img-box--bg-image-gorbe-furmint {
    background-image: url('../../../../images/content/small-backgrounds/borok/gorbe/homoky-dorka-borok-gorbe-furmint-hatter.jpg');
}

.content__section__main__wine-img-box--bg-image-gorbe-furmint {
    background-image: url('../../../../images/content/small-backgrounds/borok/gorbe-furmint/homoky-dorka-borok-gorbe-furmint-hatter.jpg');
}

.content__section__main__wine-img-box--bg-image-heteny {
    background-image: url('../../../../images/content/small-backgrounds/borok/heteny/homoky-dorka-borok-heteny-hatter.jpg');
}

.content__section__main__wine-img-box--bg-image-sas-alja {
    background-image: url('../../../../images/content/small-backgrounds/borok/sas-alja/homoky-dorka-borok-sas-alja-hatter.jpg');
}

.content__section__main__wine-img-box--bg-image-pet-nat {
    background-image: url('../../../../images/content/small-backgrounds/borok/pet-nat/homoky-dorka-borok-pet-nat-hatter.jpg');
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Wine image box > Image
 */
.content__section__main__wine-img-box__img {
    margin: 0 auto;
    display: block;
    height: 41vh;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Dűlők heading box
 */
.content__section__main__dulok-heading-box {

}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Dűlők text box
 * @mods
 * --bg-semi-transp
 * --bg-img-kovago
 * --bg-img-heteny
 * --bg-img-dongo
 * --bg-img-gorbe
 * --bg-img-bartfai
 * --bg-img-sas-alja
 * --bg-img-nyergesek
 * --bg-img-tallya
 */
.content__section__main__dulok-text-box {
    padding: 30px 60px;
}

.content__section__main__dulok-text-box--bg-semi-transp {
    position: relative;
    z-index: 1;
}

.content__section__main__dulok-text-box--bg-semi-transp::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.5;
}

.content__section__main__dulok-text-box--bg-img-kovago::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/kovago/homoky-dorka-kovago-hatter.jpg');
}

.content__section__main__dulok-text-box--bg-img-heteny::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/heteny/homoky-dorka-heteny-hatter.jpg');
}

.content__section__main__dulok-text-box--bg-img-dongo::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/dongo/homoky-dorka-dongo-hatter.jpg');
}

.content__section__main__dulok-text-box--bg-img-gorbe::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/gorbe/homoky-dorka-gorbe-hatter.jpg');
}

.content__section__main__dulok-text-box--bg-img-bartfai::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/bartfai/homoky-dorka-bartfai-hatter.jpg');
}

.content__section__main__dulok-text-box--bg-img-sas-alja::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/sas-alja/homoky-dorka-sas-alja-hatter.jpg');
}

.content__section__main__dulok-text-box--bg-img-nyergesek::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/nyergesek/homoky-dorka-nyergesek-hatter.jpg');
}

.content__section__main__dulok-text-box--bg-img-tallya::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/tallya/homoky-dorka-tallya-hatter.jpg');
}


/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Dűlők text box > Text
 */
.content__section__main__dulok-text-box__text {
    text-align: center;
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-size: 1.15em;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Wine image box
 * @modifiers
 * --bg-image-kovago            <- Use this class for "Kővágó" small background image.
 * --bg-image-heteny            <- Use this class for "Hetény" small background image.
 * --bg-image-dongo             <- Use this class for "Dongó" small background image.
 * --bg-image-gorbe             <- Use this class for "Görbe" small background image.
 * --bg-image-bartfai           <- Use this class for "Bártfai" small background image.
 * --bg-image-sas-alja          <- Use this class for "Sas alja" furmint small background image.
 * --bg-image-nyergesek         <- Use this class for "Nyergesek" small background image.
 * --bg-image-tallya            <- Use this class for "Tállya" small background image.
 */
.content__section__main__vineyard-img-box {
    padding: 30px 30px;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-size: contain;
    background-position: center center;
}

.content__section__main__vineyard-img-box--bg-image-kovago {
    background-image: url('../../../../images/content/small-backgrounds/dulok/kovago/homoky-dorka-kovago-hatter.jpg');
}

.content__section__main__vineyard-img-box--bg-image-heteny {
    background-image: url('../../../../images/content/small-backgrounds/dulok/heteny/homoky-dorka-heteny-hatter.jpg');
}

.content__section__main__vineyard-img-box--bg-image-dongo {
    background-image: url('../../../../images/content/small-backgrounds/dulok/dongo/homoky-dorka-dongo-hatter.jpg');
}

.content__section__main__vineyard-img-box--bg-image-gorbe {
    background-image: url('../../../../images/content/small-backgrounds/dulok/gorbe/homoky-dorka-gorbe-hatter.jpg');
}

.content__section__main__vineyard-img-box--bg-image-bartfai {
    background-image: url('../../../../images/content/small-backgrounds/dulok/bartfai/homoky-dorka-bartfai-hatter.jpg');
}

.content__section__main__vineyard-img-box--bg-image-sas-alja {
    background-image: url('../../../../images/content/small-backgrounds/dulok/sas-alja/homoky-dorka-sas-alja-hatter.jpg');
}

.content__section__main__vineyard-img-box--bg-image-nyergesek {
    background-image: url('../../../../images/content/small-backgrounds/dulok/nyergesek/homoky-dorka-nyergesek-hatter.jpg');
}

.content__section__main__vineyard-img-box--bg-image-tallya {
    background-image: url('../../../../images/content/small-backgrounds/dulok/tallya/homoky-dorka-tallya-hatter.jpg');
}


/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Wine image box > Image
 */
.content__section__main__vineyard-img-box__img {
    margin: 0 auto;
    display: block;
    height: 41vh;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Map marker
 * @modifiers
 * --dongo
 */
.content__section__main__map-marker {
    position: absolute;
}

/* SVG map */

#tallya-svg-map {
    position: fixed;
    top: 24%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.dulo-shape {
    stroke: black;
    stroke-opacity: 0;
    stroke-width: 25;
    stroke-linecap: round;
    -webkit-transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    /*-webkit-transition: 0.075s;*/
    transform: scale(1);
    transform-origin: 50% 50%;
    transform-box: fill-box;
    /*transition: 0.075s;*/
}

.dulo-shape.active {
    -webkit-transform: scale(1.3);
    -webkit-transform-origin: 50% 50%;
    /*-webkit-transition: 0.075s;*/
    transform: scale(1.5);
    transform-origin: 50% 50%;
    /*transition: 0.075s;*/
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Copyright contact footer
 */
.content__section__main__copyright-contact-footer {
    margin-top: 60px;
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #3B3091;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up
 */
.content__section__main__popup {
    display: none;
    position: absolute;
    z-index: 2000;
    left: 0;
    -webkit-box-shadow: 0px 5px 20px rgba(59, 48, 145, 0.502519);
    -moz-box-shadow: 0px 5px 20px rgba(59, 48, 145, 0.502519);
    box-shadow: 0px 5px 20px rgba(59, 48, 145, 0.502519);
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up -> Close button
 */
.content__section__main__popup__close-btn {
    position: absolute;
    top: -40px;
    right: 40px;
    width: 20px;
    z-index: 1002;
}

.content__section__main__popup__close-btn:hover {
    cursor: pointer;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up -> Close button > Dot
 * @modifiers
 *  --position-top-left      <- Use this class for the top left point.
 *  --position-top-right     <- Use this class for the top right point.
 *  --position-center        <- Use this class for the point in the center.
 *  --position-bottom-left   <- Use this class for the bottom left point.
 *  --position-bottom-right  <- Use this class for the bottom right point.
 */
.content__section__main__popup__close-btn__dot {
    position: relative;
    margin: auto;
    width: 0px;
    height: 0px;
    border: solid #3b2f89;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.content__section__main__popup__close-btn__dot--position-top-left {
    top: 0;
    left: 8px;
}

.content__section__main__popup__close-btn__dot--position-top-right {
    top: -6px;
    right: 8px;
}

.content__section__main__popup__close-btn__dot--position-center {
    top: -4px;
}

.content__section__main__popup__close-btn__dot--position-bottom-left {
    top: 0;
    left: 8px;
}

.content__section__main__popup__close-btn__dot--position-bottom-right {
    top: -6px;
    right: 8px;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up > Container
 */
.content__section__main__popup__container {

}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up > Container > Row
 */
.content__section__main__popup__container__row {
    background-color: #FFF;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up > Container > Row > Col
 * @modifiers:
 * --main-col
 * --main-col--bg-bartfai
 * --main-col--bg-dongo
 * --main-col--bg-gorbe
 * --main-col--bg-heteny
 * --main-col--bg-kovago
 * --main-col--bg-nyergesek
 * --main-col--bg-sas-alja
 * --main-col--bg-tallya
 * --side-col
 * --position-left
 * --position-right
 *
 */
.content__section__main__popup__container__row__col {

}

.content__section__main__popup__container__row__col--main-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: #FFF;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.content__section__main__popup__container__row__col--main-col--bg-bartfai {
    background-image: url('../../../../images/content/small-backgrounds/dulok/bartfai/homoky-dorka-bartfai-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg--semi-transp {
    position: relative;
    z-index: 1;
}

.content__section__main__popup__container__row__col--main-col--bg--top-overflow::after {
    background-position: top -180px center !important;
}

.content__section__main__popup__container__row__col--main-col--bg--semi-transp::after {
    content: "";
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.content__section__main__popup__container__row__col--main-col--bg-bartfai--semi-transp::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/bartfai/homoky-dorka-bartfai-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-dongo {
    background-image: url('../../../../images/content/small-backgrounds/dulok/dongo/homoky-dorka-dongo-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-dongo--semi-transp::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/dongo/homoky-dorka-dongo-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-gorbe {
    background-image: url('../../../../images/content/small-backgrounds/dulok/gorbe/homoky-dorka-gorbe-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-gorbe--semi-transp::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/gorbe/homoky-dorka-gorbe-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-heteny {
    background-image: url('../../../../images/content/small-backgrounds/dulok/heteny/homoky-dorka-heteny-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-heteny--semi-transp::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/heteny/homoky-dorka-heteny-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-kovago {
    background-image: url('../../../../images/content/small-backgrounds/dulok/kovago/homoky-dorka-kovago-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-kovago--semi-transp::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/kovago/homoky-dorka-kovago-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-nyergesek {
    background-image: url('../../../../images/content/small-backgrounds/dulok/nyergesek/homoky-dorka-nyergesek-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-nyergesek--semi-transp::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/nyergesek/homoky-dorka-nyergesek-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-sas-alja {
    background-image: url('../../../../images/content/small-backgrounds/dulok/sas-alja/homoky-dorka-sas-alja-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-sas-alja--semi-transp::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/sas-alja/homoky-dorka-sas-alja-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-tallya {
    background-image: url('../../../../images/content/small-backgrounds/dulok/tallya/homoky-dorka-tallya-hatter.jpg');
}

.content__section__main__popup__container__row__col--main-col--bg-tallya--semi-transp::after {
    background-image: url('../../../../images/content/small-backgrounds/dulok/tallya/homoky-dorka-tallya-hatter.jpg');
}

.content__section__main__popup__container__row__col--side-col {
    max-height: 480px;
    overflow: hidden;
}

.content__section__main__popup__container__row__col--position-left {
    padding-left: 0;
}

.content__section__main__popup__container__row__col--position-right {
    padding-right: 0;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up > Container > Row > Col > h1
 * @modifiers
 * --minimal-top-margin
 * --color-bartfai
 * --color-dongo
 * --color-gorbe
 * --color-heteny
 * --color-kovago
 * --color-nyergesek
 * --color-sas-alja
 * --color-tallya
 */
.content__section__main__popup__container__row__col__h1 {
    margin-top: 3rem;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.content__section__main__popup__container__row__col__h1--minimal-top-margin {
    margin-top: 12px;
}

.content__section__main__popup__container__row__col__h1--color-bartfai {
    color: #C15A3E;
}

.content__section__main__popup__container__row__col__h1--color-dongo {
    color: #E47D0E;
}

.content__section__main__popup__container__row__col__h1--color-gorbe {
    color: #CF990F;
}

.content__section__main__popup__container__row__col__h1--color-heteny {
    color: #253666;
}

.content__section__main__popup__container__row__col__h1--color-kovago {
    color: #004F50;
}

.content__section__main__popup__container__row__col__h1--color-nyergesek {
    color: #004F50;
}

.content__section__main__popup__container__row__col__h1--color-sas-alja {
    color: #C15A3E;
}

.content__section__main__popup__container__row__col__h1--color-tallya {
    color: #3B3091;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up > Container > Row > Col > p
 */
.content__section__main__popup__container__row__col__p {
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-size: 0.7em;
    font-weight: 400;
}


/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up > Container > Row > Col > Wine image box
 */
.content__section__main__popup__container__row__col__wine-img-box {
    padding: 15px 30px;
}


/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up > Container > Row > Col > Wine image box > Image
 */
.content__section__main__popup__container__row__col__wine-img-box__img {
    margin: 0 auto;
    display: block;
    height: 135px;
}


/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up > Container > Row > Col > Arrow box
 */
.content__section__main__popup__container__row__col__arrow-box {
    display: block;
    margin-bottom: 12px;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up > Container > Row > Col > Arrow box > Link
 * @modifiers
 * --position-relative
 */
.content__section__main__popup__container__row__col__arrow-box__link {
    display: block;
}

.content__section__main__popup__container__row__col__arrow-box__link--position-relative {
    position: relative;
    top: 72px;
}


/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Pop-up > Container > Row > Col > Arrow box > Link > Arrow
 * @modifiers
 * --display-always-block   <- Use this class for always display arrow.
 * --position-fixed         <- Use this class for fixed position.
 * --anim-crackle           <- Use this class for arrow animation.
 * --anim-bottomcrackle     <- Use this class for arrow to the bottom animation.
 */
.content__section__main__popup__container__row__col__arrow-box__link__arrow {
    margin: 0 auto;
    padding-bottom: 24px;
    width: 42px;
    height: 28px;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow:hover {
    cursor: pointer;
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow--position-fixed {
    position: fixed;
    bottom: 9vh;
    left: 50%;
    transform: translateX(-50%);
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow--anim-crackle {
    position: relative;
    -webkit-animation: 2.5s crackle infinite ease;
    -moz-animation: 2.5s crackle infinite ease;
    animation: 2.5s crackle infinite ease;
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow--anim-bottomcrackle {
    -webkit-animation: 2.5s bottomcrackle infinite ease;
    -moz-animation: 2.5s bottomcrackle infinite ease;
    animation: 2.5s bottomcrackle infinite ease;
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Arrow Box > Link > Arrow > Dot
 * @modifiers
 * --direction-down-position-top-left       <- Use this class for down arrow top left dot style.
 * --direction-down-position-top-right      <- Use this class for down arrow top right dot style.
 * --direction-down-position-center-left    <- Use this class for down arrow top center left dot style.
 * --direction-down-position-center-right   <- Use this class for down arrow top center right dot style.
 * --direction-down-position-bottom-center  <- Use this class for down arrow top bottom center dot style.
 */
.content__section__main__popup__container__row__col__arrow-box__link__arrow__dot {
    position: relative;
    margin: auto;
    width: 0px;
    height: 0px;
    border: solid #3b2f89;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.content__section__main__popup__container__row__col__--display-always-block {
    display: block !important;
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow__dot--direction-down--position-top-left {
    top: 0;
    left: -16px;
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow__dot--direction-down--position-top-right {
    top: -6px;
    left: 16px;
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow__dot--direction-down--position-center-left {
    top: -3px;
    left: -8px;
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow__dot--direction-down--position-center-right {
    top: -9px;
    left: 8px;
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow__dot--direction-down--position-bottom-center {
    top: -6px;
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow__dot--direction-up--position-bottom-left {
    top: 19px;
    left: -16px;
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow__dot--direction-up--position-bottom-right {
    top: 13px;
    left: 16px;
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow__dot--direction-up--position-center-left {
    top: -3px;
    left: -8px;
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow__dot--direction-up--position-center-right {
    top: -9px;
    left: 8px;
}

.content__section__main__popup__container__row__col__arrow-box__link__arrow__dot--direction-up--position-top-center {
    top: -24px;
}


#popup-section-01 {
    display: block;
}

#popup-section-02 {
    display: none;
}



/**
 * @theme Homoky Dorka
 * @section Content > Section > Main > Copyright contact footer > Link
 */
.content__section__main__copyright-contact-footer__link {
    color: #3B3091;
}

.content__section__main__copyright-contact-footer__link:hover {
    color: #54b592
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Sidebar
 * @modifiers
 *  --position-top-fixed                      <- Use this if you want to add top fixed position to the sidebar.
 *  --position-left                           <- Use this the left sidebar.
 *  --position-right                          <- Use this the right sidebar.
 *  --role-navigation-left                    <- Use this is sidebar is the left side navigation.
 *  --role-navigation-right                   <- Use this is sidebar is the right side navigation.
 *  --bg-image-kezdolap-dorka                 <- Use this class for Homepage "Dorka" background image.
 *  --bg-image-kezdolap-borosuveg             <- Use this class for Homepage "Borosüveg" background image.
 *  --bg-image-dorka-dorka-es-a-kutya         <- Use this class for "Dorka" page "Dorka és a kutya" background image.
 *  --bg-image-dorka-dorka-metsz              <- Use this class for "Dorka" page "Dorka és a "Dorka metsz" background image.
 *  --bg-image-dorka-dorka-csalad-pince       <- Use this class for "Dorka" page "Családi pince" background image.
 *  --bg-image-dorka-dorka-csalad-szolohegy   <- Use this class for "Dorka" page "Családi szőlőhegy" background image.
 *  --bg-image-dorka-dorka-olvas              <- Use this class for "Dorka" page "Dorka olvas" background image.
 *  --bg-image-dorka-dorka-szuretel           <- Use this class for "Dorka" page "Dorka szüretel" background image.
 *  --bg-image-kapcsolat-boroshordok          <- Use this class for "Kapcsolat" page "Boroshordók" background image.
 *  --bg-image-kapcsolat-borospince-lampa     <- Use this class for "Kapcsolat" page "Borospince lámpa" background image.
 *  --bg-image-kapcsolat-modern-hordok        <- Use this class for "Kapcsolat" page "Modern hordók" background image.
 *  --bg-image-borok-templom-balrol           <- Use this class for "Borok" page "Templom balról" background image.
 *  --bg-image-borok-templom-jobbrol          <- Use this class for "Borok" page "Templom jobbról" background image.
 */
.content__section__sidebar {
    top: 0;
    bottom: 0;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: 410px;
    z-index: 2;
}

.content__section__sidebar--position-top-fixed {
    position: fixed !important;
}

.content__section__sidebar--position-left {
    position: left;
    background-position: unset;
}

.content__section__sidebar--position-right {
    background-position: unset;
}

.content__section__sidebar--role-navigation-left, .content__section__sidebar--role-navigation-right {
    cursor: pointer;
}

.content__section__sidebar--role-navigation-left:hover, .content__section__sidebar--role-navigation-right:hover {
    position: relative;
}

.content__section__sidebar--role-navigation-left:hover .content__section__sidebar__opacity-layer, .content__section__sidebar--role-navigation-right:hover .content__section__sidebar__opacity-layer {
    width: 100%;
}


/* Kezdőlap */
.content__section__sidebar--bg-image-kezdolap-dorka {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/kezdolap/homoky-dorka-kezdolap-dorka.jpg');
}

.content__section__sidebar--bg-image-kezdolap-borosuveg {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/kezdolap/homoky-dorka-kezdolap-borosuveg.jpg');
}

/* Dorka */
.content__section__sidebar--bg-image-dorka-dorka-es-a-kutya {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-dorka-es-a-kutya.jpg');
}

.content__section__sidebar--bg-image-dorka-dorka-metsz {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-dorka-metsz.jpg');
}

.content__section__sidebar--bg-image-dorka-csalad-pince {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-csalad-pince.jpg');
}

.content__section__sidebar--bg-image-dorka-csalad-szolohegy {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-csalad-szolohegy.jpg');
}

.content__section__sidebar--bg-image-dorka-dorka-olvas {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-dorka-olvas.jpg');
}

.content__section__sidebar--bg-image-dorka-dorka-szuretel {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-dorka-szuretel.jpg');
}

.content__section__sidebar--bg-image-dorka-csaladi-szuret {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-csaladi-szuret.jpg');
}

.content__section__sidebar--bg-image-dorka-szulok {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-szulok.jpg');
}

.content__section__sidebar--bg-image-dorka-szuret-makro {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-szuret-makro.jpg');
}

.content__section__sidebar--bg-image-dorka-taskaban-bor {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-taskaban-bor.jpg');
}

.content__section__sidebar--bg-image-dorka-kozos-szuret {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-kozos-szuret.jpg');
}

.content__section__sidebar--bg-image-dorka-edesanya-szuret {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-edesanya-szuret.jpg');
}

.content__section__sidebar--bg-image-dorka-bor-az-asztalon {
   background-image: url('../../../../images/content/section/sidebar/backgrounds/dorka/homoky-dorka-dorka-bor-az-asztalon.jpg');
}

/* Kapcsolat */
.content__section__sidebar--bg-image-kapcsolat-boroshordok {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/kapcsolat/homoky-dorka-dorka-boroshordok.jpg');
}

.content__section__sidebar--bg-image-kapcsolat-borospince-lampa {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/kapcsolat/homoky-dorka-dorka-borospince-lampa.jpg');
}

.content__section__sidebar--bg-image-kapcsolat-modern-hordok {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/kapcsolat/homoky-dorka-dorka-modern-hordok.jpg');
}

/* Borok */
.content__section__sidebar--bg-image-borok-templom-balrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/homoky-dorka-borok-templom-balrol.jpg');
}

.content__section__sidebar--bg-image-borok-templom-jobbrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/homoky-dorka-borok-templom-jobbrol.jpg');
}

/* Borok \ Bártfai */
.content__section__sidebar--bg-image-borok-bartfai-dulo-balrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/bartfai/homoky-dorka-borok-bartfai-dulo-01.jpg');
}

.content__section__sidebar--bg-image-borok-bartfai-dulo-balrol-masodik {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/bartfai/homoky-dorka-borok-bartfai-dulo-03.jpg');
}

.content__section__sidebar--bg-image-borok-bartfai-dulo-jobbrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/bartfai/homoky-dorka-borok-bartfai-dulo-02.jpg');
}

.content__section__sidebar--bg-image-borok-bartfai-dulo-jobbrol-masodik {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/bartfai/homoky-dorka-borok-bartfai-dulo-04.jpg');
}

.content__section__sidebar--bg-image-borok-bartfai-kovek {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/bartfai/homoky-dorka-borok-bartfai-kovek.jpg');
}

.content__section__sidebar--bg-image-borok-bartfai-szolo {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/bartfai/homoky-dorka-borok-bartfai-szolo.jpg');
}

/* Borok \ Birtok */
.content__section__sidebar--bg-image-borok-birtok-dulo-balrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/birtok/homoky-dorka-borok-nyergesek-dulo-01.jpg');
}

.content__section__sidebar--bg-image-borok-birtok-dulo-jobbrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/birtok/homoky-dorka-borok-nyergesek-dulo-02.jpg');
}

.content__section__sidebar--bg-image-borok-birtok-kovek {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/birtok/homoky-dorka-borok-nyergesek-kovek.jpg');
}

.content__section__sidebar--bg-image-borok-birtok-szolo {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/birtok/homoky-dorka-borok-nyergesek-szolo.jpg');
}

/* Borok \ Dongó */
.content__section__sidebar--bg-image-borok-dongo-dulo-balrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/dongo/homoky-dorka-borok-dongo-dulo-01.jpg');
}

.content__section__sidebar--bg-image-borok-dongo-dulo-jobbrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/dongo/homoky-dorka-borok-dongo-dulo-02.jpg');
}

.content__section__sidebar--bg-image-borok-dongo-kovek {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/dongo/homoky-dorka-borok-dongo-kovek.jpg');
}

.content__section__sidebar--bg-image-borok-dongo-szolo {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/dongo/homoky-dorka-borok-dongo-szolo.jpg');
}

/* Borok \ Görbe */
.content__section__sidebar--bg-image-borok-gorbe-dulo-balrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/gorbe/homoky-dorka-borok-gorbe-dulo-01.jpg');
}

.content__section__sidebar--bg-image-borok-gorbe-dulo-jobbrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/gorbe/homoky-dorka-borok-gorbe-dulo-02.jpg');
}

.content__section__sidebar--bg-image-borok-gorbe-dulo-jobbrol-masik {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/gorbe/homoky-dorka-borok-gorbe-dulo-03.jpg');
}

.content__section__sidebar--bg-image-borok-gorbe-kovek {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/gorbe/homoky-dorka-borok-gorbe-kovek.jpg');
}

.content__section__sidebar--bg-image-borok-gorbe-szolo {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/gorbe/homoky-dorka-borok-gorbe-szolo.jpg');
}

/* Borok \ Hetény */
.content__section__sidebar--bg-image-borok-heteny-dulo-balrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/heteny/homoky-dorka-borok-heteny-dulo-01.jpg');
}

.content__section__sidebar--bg-image-borok-heteny-dulo-jobbrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/heteny/homoky-dorka-borok-heteny-dulo-02.jpg');
}

.content__section__sidebar--bg-image-borok-heteny-kovek {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/heteny/homoky-dorka-borok-heteny-kovek.jpg');
}

.content__section__sidebar--bg-image-borok-heteny-szolo {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/heteny/homoky-dorka-borok-heteny-szolo.jpg');
}

/* Borok \ Sas-alja */
.content__section__sidebar--bg-image-borok-sas-alja-dulo-balrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/sas-alja/homoky-dorka-borok-sas-alja-dulo-01.jpg');
}

.content__section__sidebar--bg-image-borok-sas-alja-dulo-jobbrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/sas-alja/homoky-dorka-borok-sas-alja-dulo-02.jpg');
}

.content__section__sidebar--bg-image-borok-sas-alja-kovek {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/sas-alja/homoky-dorka-borok-sas-alja-kovek.jpg');
}

.content__section__sidebar--bg-image-borok-sas-alja-szolo {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/sas-alja/homoky-dorka-borok-sas-alja-szolo.jpg');
}

/* Borok \ Pét-Nat */
.content__section__sidebar--bg-image-borok-pet-nat-dulo-balrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/pet-nat/homoky-dorka-borok-pet-nat-dulo-01.jpg');
}

.content__section__sidebar--bg-image-borok-pet-nat-dulo-jobbrol {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/pet-nat/homoky-dorka-borok-pet-nat-dulo-02.jpg');
}

.content__section__sidebar--bg-image-borok-pet-nat-kovek {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/pet-nat/homoky-dorka-borok-pet-nat-kovek.jpg');
}

.content__section__sidebar--bg-image-borok-pet-nat-szolo {
    background-image: url('../../../../images/content/section/sidebar/backgrounds/borok/pet-nat/homoky-dorka-borok-pet-nat-szolo.jpg');
}

/* Dűlők \ Kővágó */
.content__section__sidebar--bg-image-dulok-kovago-dulo-balrol {
    background-image: url('../../../../images/content/popup/sidebar-images/kovago/homoky-dorka-dulok-popup-kovago-bal-01.jpg');
}

.content__section__sidebar--bg-image-dulok-kovago-dulo-jobbrol {
    background-image: url('../../../../images/content/popup/sidebar-images/kovago/homoky-dorka-dulok-popup-kovago-jobb-01.jpg');
}

.content__section__sidebar--bg-image-dulok-kovago-szolo {
    background-image: url('../../../../images/content/popup/sidebar-images/kovago/homoky-dorka-dulok-popup-kovago-bal-02.jpg');
}

.content__section__sidebar--bg-image-dulok-kovago-kovek {
    background-image: url('../../../../images/content/popup/sidebar-images/kovago/homoky-dorka-dulok-popup-kovago-jobb-02.jpg');
}

/* Dűlők \ Hetény */
.content__section__sidebar--bg-image-dulok-heteny-dulo-balrol {
    background-image: url('../../../../images/content/popup/sidebar-images/heteny/homoky-dorka-dulok-popup-heteny-bal-01.jpg');
}

.content__section__sidebar--bg-image-dulok-heteny-dulo-jobbrol {
    background-image: url('../../../../images/content/popup/sidebar-images/heteny/homoky-dorka-dulok-popup-heteny-jobb-01.jpg');
}

.content__section__sidebar--bg-image-dulok-heteny-szolo {
    background-image: url('../../../../images/content/popup/sidebar-images/heteny/homoky-dorka-dulok-popup-heteny-bal-02.jpg');
}

.content__section__sidebar--bg-image-dulok-heteny-kovek {
    background-image: url('../../../../images/content/popup/sidebar-images/heteny/homoky-dorka-dulok-popup-heteny-jobb-02.jpg');
}

/* Dűlők \ Dongó */
.content__section__sidebar--bg-image-dulok-dongo-dulo-balrol {
    background-image: url('../../../../images/content/popup/sidebar-images/dongo/homoky-dorka-dulok-popup-dongo-bal-01.jpg');
}

.content__section__sidebar--bg-image-dulok-dongo-dulo-jobbrol {
    background-image: url('../../../../images/content/popup/sidebar-images/dongo/homoky-dorka-dulok-popup-dongo-jobb-01.jpg');
}

.content__section__sidebar--bg-image-dulok-dongo-szolo {
    background-image: url('../../../../images/content/popup/sidebar-images/dongo/homoky-dorka-dulok-popup-dongo-bal-02.jpg');
}

.content__section__sidebar--bg-image-dulok-dongo-kovek {
    background-image: url('../../../../images/content/popup/sidebar-images/dongo/homoky-dorka-dulok-popup-dongo-jobb-02.jpg');
}

/* Dűlők \ Görbe */
.content__section__sidebar--bg-image-dulok-gorbe-dulo-balrol {
    background-image: url('../../../../images/content/popup/sidebar-images/gorbe/homoky-dorka-dulok-popup-gorbe-bal-01.jpg');
}

.content__section__sidebar--bg-image-dulok-gorbe-dulo-jobbrol {
    background-image: url('../../../../images/content/popup/sidebar-images/gorbe/homoky-dorka-dulok-popup-gorbe-jobb-01.jpg');
}

.content__section__sidebar--bg-image-dulok-gorbe-szolo {
    background-image: url('../../../../images/content/popup/sidebar-images/gorbe/homoky-dorka-dulok-popup-gorbe-bal-02.jpg');
}

.content__section__sidebar--bg-image-dulok-gorbe-kovek {
    background-image: url('../../../../images/content/popup/sidebar-images/gorbe/homoky-dorka-dulok-popup-gorbe-jobb-02.jpg');
}

/* Dűlők \ Bártfai */
.content__section__sidebar--bg-image-dulok-bartfai-dulo-balrol {
    background-image: url('../../../../images/content/popup/sidebar-images/bartfai/homoky-dorka-dulok-popup-bartfai-bal-01.jpg');
}

.content__section__sidebar--bg-image-dulok-bartfai-dulo-jobbrol {
    background-image: url('../../../../images/content/popup/sidebar-images/bartfai/homoky-dorka-dulok-popup-bartfai-jobb-01.jpg');
}

.content__section__sidebar--bg-image-dulok-bartfai-szolo {
    background-image: url('../../../../images/content/popup/sidebar-images/bartfai/homoky-dorka-dulok-popup-bartfai-bal-02.jpg');
}

.content__section__sidebar--bg-image-dulok-bartfai-kovek {
    background-image: url('../../../../images/content/popup/sidebar-images/bartfai/homoky-dorka-dulok-popup-bartfai-jobb-02.jpg');
}

/* Dűlők \ Sas alja */
.content__section__sidebar--bg-image-dulok-sas-alja-dulo-balrol {
    background-image: url('../../../../images/content/popup/sidebar-images/sas-alja/homoky-dorka-dulok-popup-sas-alja-bal-01.jpg');
}

.content__section__sidebar--bg-image-dulok-sas-alja-dulo-jobbrol {
    background-image: url('../../../../images/content/popup/sidebar-images/sas-alja/homoky-dorka-dulok-popup-sas-alja-jobb-01.jpg');
}

.content__section__sidebar--bg-image-dulok-sas-alja-szolo {
    background-image: url('../../../../images/content/popup/sidebar-images/sas-alja/homoky-dorka-dulok-popup-sas-alja-bal-02.jpg');
}

.content__section__sidebar--bg-image-dulok-sas-alja-kovek {
    background-image: url('../../../../images/content/popup/sidebar-images/sas-alja/homoky-dorka-dulok-popup-sas-alja-jobb-02.jpg');
}

/* Dűlők \ Nyergesek */
.content__section__sidebar--bg-image-dulok-nyergesek-dulo-balrol {
    background-image: url('../../../../images/content/popup/sidebar-images/nyergesek/homoky-dorka-dulok-popup-nyergesek-bal-01.jpg');
}

.content__section__sidebar--bg-image-dulok-nyergesek-dulo-jobbrol {
    background-image: url('../../../../images/content/popup/sidebar-images/nyergesek/homoky-dorka-dulok-popup-nyergesek-jobb-01.jpg');
}

.content__section__sidebar--bg-image-dulok-nyergesek-szolo {
    background-image: url('../../../../images/content/popup/sidebar-images/nyergesek/homoky-dorka-dulok-popup-nyergesek-bal-02.jpg');
}

.content__section__sidebar--bg-image-dulok-nyergesek-kovek {
    background-image: url('../../../../images/content/popup/sidebar-images/nyergesek/homoky-dorka-dulok-popup-nyergesek-jobb-02.jpg');
}

/* Dűlők \ Tállya */
.content__section__sidebar--bg-image-dulok-tallya-dulo-balrol {
    background-image: url('../../../../images/content/popup/sidebar-images/tallya/homoky-dorka-dulok-popup-tallya-bal-01.jpg');
}

.content__section__sidebar--bg-image-dulok-tallya-dulo-jobbrol {
    background-image: url('../../../../images/content/popup/sidebar-images/tallya/homoky-dorka-dulok-popup-tallya-jobb-01.jpg');
}

.content__section__sidebar--bg-image-dulok-tallya-szolo {
    background-image: url('../../../../images/content/popup/sidebar-images/tallya/homoky-dorka-dulok-popup-tallya-bal-02.jpg');
}

.content__section__sidebar--bg-image-dulok-tallya-kovek {
    background-image: url('../../../../images/content/popup/sidebar-images/tallya/homoky-dorka-dulok-popup-tallya-jobb-02.jpg');
}

/**
 * @theme Homoky Dorka
 * @section Content > Section > Sidebar > Opacity Layer
 * @modifiers
 * --position-left      <- Use this for left sidebar layer.
 * --position-right     <- Use this for right sidebar layer.
 */
.content__section__sidebar__opacity-layer {
    display: none;
    background-color: rgba(0, 0, 255, 0.3);
    position: absolute;
    top: 0;
    width: calc(100% - 15px);
    height: 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.content__section__sidebar__opacity-layer--position-left {
    left: 0;
}

.content__section__sidebar__opacity-layer--position-right {
    right: 0;
}

/**
 * @theme Homoky Dorka
 * @section Content > Mobile Swiper Section
 * @modifiers
 * --wine-desc      <- Use this for wine desc table elements.
 */
.content__mobile-swiper-section {
    margin-top: 20px;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 20px;
    background-color: #FFF !important;
}

.content__mobile-swiper-section--wine-desc {
    display: none;
    margin-bottom: 15px;
    padding: 15px 0;
}

.content__mobile-swiper-section--wine-desc .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background-color: #FFF;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: box-shadow 0.5s ease;
    -moz-transition: box-shadow 0.5s ease;
    -o-transition: box-shadow 0.5s ease;
    -ms-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
}

.content__mobile-swiper-section--wine-desc .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #3b2f89;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/**
 * @theme Homoky Dorka
 * @element Content > Full Page Section Scroller Pagination
 */
.fullPageSectionScrollerPagination {
    display: none;
}

.fullPageSectionScrollerPagination a {
    display: none;
}

.fullPageSectionScrollerNavigationArrowNext:hover, .fullPageSectionScrollerNavigationArrowPrev:hover {
    cursor: pointer;
}

/**
 * @theme Homoky Dorka
 * @element Swiper Pagination Bullet
 */
.swiper-pagination-bullet {
    opacity: 0.5;
    background-color: #ffffff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
}

/**
 * @theme Homoky Dorka
 * @element Cascade Slider
 */
.cascade-slider_container {
    position: relative;
    height: 50vh;
    margin: 15px auto;
    display: none;
}

.cascade-slider_container--active {
    display: block;
}

.cascade-slider_item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0.3);
    transition: all 1s ease;
    opacity: 0;
    z-index: -1;
}

.cascade-slider_item a:hover {
    text-decoration: none;
}

.cascade-slider_item p {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.75px;
    text-align: center;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.cascade-slider_item.now p {
    visibility: visible;
    opacity: 1;
}

.cascade-slider_item_title {  }

.cascade-slider_item_title--birtok {
    color: #004F50;
}

.cascade-slider_item_title--birtok-hejon-erjesztett {
    color: #ee7700;
}

.cascade-slider_item_title--birtok-edes {
    color: #f0907b;
}

.cascade-slider_item_title--heteny {
    color: #001c71;
}

.cascade-slider_item_title--sas-alja {
    color: #98694c;
}

.cascade-slider_item_title--bartfai {
    color: #c2531a;
}

.cascade-slider_item_title--gorbe-sargamuskotaly {
    color: #d99a29;
}

.cascade-slider_item_title--gorbe-furmint {
    color: #cb2539;
}

.cascade-slider_item_title--gorbe-furmint {
    color: #dd0031;
}

.cascade-slider_item_title--dongo {
    color: #ee7700;
}

.cascade-slider_item_title--pet-nat {
    color: #7b549e;
}

.cascade-slider_item img {
    height: 50vh;
}

.cascade-slider_item.next {
    left: 50%;
    transform: translateY(-50%) translateX(-120%) scale(0.6);
    opacity: 1;
    z-index: 1;
}

.cascade-slider_item.prev {
    left: 50%;
    transform: translateY(-50%) translateX(20%) scale(0.6);
    opacity: 1;
    z-index: 1;
}

.cascade-slider_item.now {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1;
    z-index: 5;
}

.cascade-slider_arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 5;
}

.cascade-slider_arrow-left { left: 0; }

.cascade-slider_arrow-right { right: 0; }

.cascade-slider_nav-container {
    display: none;
}

.cascade-slider_nav-container--active {
    display: block;
    margin-top: 30px;
}

.cascade-slider_nav {
    position: relative;
    width: 100%;
    padding-left: 0;
    text-align: center;
    z-index: 3000;
}

.cascade-slider_dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 12px 4px;
    border-radius: 100%;
    background: #FFF;
    list-style: none;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: box-shadow 0.5s ease;
    -moz-transition: box-shadow 0.5s ease;
    -o-transition: box-shadow 0.5s ease;
    -ms-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
}

.cascade-slider_dot:hover { background: #3b3091; }

.cascade-slider_dot.cur {
    background: #3b3091;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.carousel-item {
    padding-top: 18px;
}

.carousel-item__p {
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-style: italic;
    font-weight: 600;
    font-size: 36px;
    letter-spacing: 1.5px;
    color: #3B3091;
}

.carousel-item__p__a {
    padding: 6px 20px;
    color: #3B3091;
    text-decoration: none;
}

.carousel-item__p__a:hover {
    color: #3B3091;
    text-decoration: none;
}

/**
 * @theme Homoky Dorka
 * @element Form Message
 */
#form-message-container {
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    padding: 15px;
    color: #FFF;
    text-align: center;
    display: none;
}

.form-message-container--validation-error {
    display: block !important;
    background: #c0392b;
}

.form-message-container--validation-success {
    display: block !important;
    background: #27ae60;
}

#form-message {
    margin-top: 0;
    margin-bottom: 0;
}

/**
 * @theme Homoky Dorka
 * @section Footer
 */
#footer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.modal {
    z-index: 1999;
}

/**
 * @theme Homoky Dorka
 * @section Footer > Navigation
 */
.footer__navigation {  }

/**
 * @theme Homoky Dorka
 * @section Footer > Navigation > Box
 * @modifiers
 * --position-left      <- Use this for left footer container box.
 * --position-center    <- Use this for the center footer container box.
 * --position-right     <- Use this for right footer container box.
 * --padding-correction <- Use this when center element is hovered.
 */
.footer__navigation__box {
    text-align: center;
}

.footer__navigation__box--position-left {
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer__navigation__box--position-center {
    background-color: #FFF;
    margin-bottom: 20px;
}

.footer__navigation__box--position-center--transp-bg {
    background-color: transparent !important;
}

.footer__navigation__box--position-right { }

.footer__navigation__box--padding-correction {
    padding-top: 54px;
}

/**
 * @theme Homoky Dorka
 * @section Footer > Navigation > Box > Heading
 * @modifiers
 * --font-cormorant
 * --color-blue
 */
.footer__navigation__box__heading {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* height: 100px; */
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 8px;
    text-transform: uppercase;
    text-shadow: 0px 10px 15px rgba(59, 48, 145, 0.5);
}

.footer__navigation__box__heading--font-cormorant {
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
}

.footer__navigation__box__heading--color-blue {
    color: #3c348f;
}

/**
 * @theme Homoky Dorka
 * @section Footer > Navigation > Box > List
 */
.footer__navigation__box__list {
    list-style: none;
    margin: 0 0 15px 0;
    padding-left: 0;
}

/**
 * @theme Homoky Dorka
 * @section Footer > Navigation > Box > List > Element
 */
.footer__navigation__box__list__elem {
    display: inline-block;
    padding: 0 2px;
}

/**
 * @theme Homoky Dorka
 * @section Footer > Navigation > Box > List > Element > Link
 */
.footer__navigation__box__list__elem__link {
    font-size: 0.8rem;
    font-weight: 600;
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-style: italic;
    letter-spacing: 1px;
    color: #3c348f;
}

/**
 * @theme Homoky Dorka
 * @section Footer > Navigation > Box > Link
 * @modifiers
 * --position-center    <- Use this for the link in the center.
 * --position-side      <- Use this for the link on the sides.
 * --position-left      <- Use this for the link on left side.
 * --position-right     <- Use this for the link on right side.
 * --bg-image-dorka     <- Use this for the Dorka background btn image.
 * --bg-image-dulok     <- Use this for the Dülők background btn image.
 * --bg-image-borok     <- Use this for the Borok background btn image.
 */
.footer__navigation__box__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 8px;
    text-transform: uppercase;
    text-shadow: 0px 10px 15px rgba(59, 48, 145, 0.5);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.footer__navigation__box__link:hover, .footer__navigation__box__link:active, .footer__navigation__box__link:focus {
    color: #FFF;
    text-decoration: none;
    -moz-box-shadow: inset 0 -20px 50px rgba(59, 48, 145, 0.75);
    -webkit-box-shadow: inset 0 -20px 50px rgba(59, 48, 145, 0.75);
    box-shadow: inset 0 -20px 50px rgba(59, 48, 145, 0.75);
}

.footer__navigation__box__link--position-center, .footer__navigation__box__link--position-side {
    color: #FFF;
    background-color: #44166C;
}

.footer__navigation__box__link--bg-image-dorka {
    background-image: url("../../../../images/content/footer/dorka-mobile-btn.jpg");
}

.footer__navigation__box__link--bg-image-dulok {
    background-image: url("../../../../images/content/footer/dulok-mobile-btn.jpg");
}

.footer__navigation__box__link--bg-image-borok {
    background-image: url("../../../../images/content/footer/borok-mobile-btn.jpg");
}

/**
 * @theme Homoky Dorka
 * @section Footer > Navigation > Box > Link > Paragraph
 */
.footer__navigation__box__link__p {
    margin-bottom: 0;
}

/**
 * @theme Homoky Dorka
 * @section Footer > Navigation > Box > Link > Arrow
 * @modifiers
 * --position-left      <- Use this for the arrow on the left.
 * --position-center    <- Use this for the arrow in the center.
 * --position-right     <- Use this for the arrow ont the right.
 * --state-visible      <- Use this for show the arrow.
 */
.footer__navigation__box__link__arrow {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}

.footer__navigation__box__link__arrow:hover {
    cursor: pointer;
}

.footer__navigation__box__link__arrow--position-left {
    width: 28px;
    height: 42px;
    margin-left: 12px;
    display: none;
}

.footer__navigation__box__link__arrow--position-center {
    margin: 0 auto;
    padding-bottom: 24px;
    width: 42px;
    height: 28px;
    display: none;
}

.footer__navigation__box__link__arrow--position-right {
    width: 28px;
    height: 42px;
    margin-right: 12px;
    display: none;
}

.footer__navigation__box__link__arrow--state-visible {
    display: block;
}

/**
 * @theme Homoky Dorka
 * @section Footer > Navigation > Box > Link > Arrow > Dot
 * @modifiers
 * arrow--position-center__dot--position-top-left   <- Use this for the center arrow top left dot.
 */
.footer__navigation__box__link__arrow__dot {
    position: relative;
    margin: auto;
    width: 0px;
    height: 0px;
    border: solid #3b2f89;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.footer__navigation__box__link__arrow__dot--color-white {
    border: solid #FFF;
}

.footer__navigation__box__link__arrow__dot--color-blue {
    border: solid #3c348f;
}

.footer__navigation__box__link__arrow--position-left__dot--position-right-top {
    top: 1px;
    left: 8px;
}

.footer__navigation__box__link__arrow--position-left__dot--position-center-top {
    top: 3px;
    left: -1px;
}

.footer__navigation__box__link__arrow--position-left__dot--position-left-center {
    top: 5px;
    left: -10px;
}

.footer__navigation__box__link__arrow--position-left__dot--position-center-bottom {
    top: 7px;
    left: -1px;
}

.footer__navigation__box__link__arrow--position-left__dot--position-right-bottom {
    top: 9px;
    left: 8px;
}

.footer__navigation__box__link__arrow--position-center__dot--position-top-left {
    top: 0;
    left: -16px;
}

.footer__navigation__box__link__arrow--position-center__dot--position-top-right {
    top: -6px;
    left: 16px;
}

.footer__navigation__box__link__arrow--position-center__dot--position-center-left {
    top: -3px;
    left: -8px;
}

.footer__navigation__box__link__arrow--position-center__dot--position-center-right {
    top: -9px;
    left: 8px;
}

.footer__navigation__box__link__arrow--position-center__dot--position-bottom-center {
    top: -6px;
}

.footer__navigation__box__link__arrow--position-right__dot--position-left-top {
    top: 1px;
    left: -9px;
}

.footer__navigation__box__link__arrow--position-right__dot--position-center-top {
    top: 3px;
}

.footer__navigation__box__link__arrow--position-right__dot--position-right-center {
    top: 5px;
    left: 10px;
}

.footer__navigation__box__link__arrow--position-right__dot--position-center-bottom {
    top: 7px;
}

.footer__navigation__box__link__arrow--position-right__dot--position-left-bottom {
    top: 9px;
    left: -9px;
}

/**
 * @theme Homoky Dorka
 * @section Footer > Copyright Contact Footer
 */
.footer__copyright-contact-footer {
    margin-top: 56px;

    font-family: 'Cormorant', Georgia, Times, Times New Roman, serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #3B3091;
}

/**
 * @theme Homoky Dorka
 * @element Footer > Copyright Contact Footer > Link
 */
.footer__copyright-contact-footer__link {
    color: #3B3091;
}

.footer__copyright-contact-footer__link:hover {
    color: #54b592
}

/* ANIMATIONS */

/**
 * @theme Homoky Dorka
 * @animation Crackle
 */
@-webkit-keyframes crackle {
  0%,100% {
    bottom: 9vh;
  }
  50% {
    bottom: 11vh;
  }
}
@keyframes crackle {
  0%,100% {
    bottom: 9vh;
  }
  50% {
    bottom: 11vh;
  }
}

/**
 * @theme Homoky Dorka
 * @animation BottomCrackle
 */
@-webkit-keyframes bottomcrackle {
  0%,100% {
    bottom: 3vh;
  }
  50% {
    bottom: 6vh;
  }
}
@keyframes bottomcrackle {
  0%,100% {
    bottom: 3vh;
  }
  50% {
    bottom: 6vh;
  }
}

/* MEDIA QUERIES */

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Form Box > Form > Form Checkbox Group > Label
     */
    .content__section__main__form-box__form__form-checkbox-group__form-label {
        left: calc(50% * 0.3);
    }

}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

    /**
     * @theme Homoky Dorka
     * @section Header > Container > Navigation Bar > Brand
     */
    .header__container__main__navbar__brand {
        margin: 0 auto;
    }

    .header__container__main__navbar__brand::after {
        height: 240px;
    }

    /**
     * @theme Homoky Dorka
     * @section Header > Container > Navigation Bar > Brand > Image
     */
    .header__container__main__navbar__brand__img--version-mobile {
        display: none;
    }

    .header__container__main__navbar__brand__img--version-desktop {
        display: block;
        margin-top: 40px;
        width: 150px;
        height: 165px;
    }

    .header__container__main__navbar--transp-bg {
        background: transparent !important;
    }

    .header__container__main__navbar--shadow-only-on-mobile::after {
        display: none;
        background: none;
    }

    /**
     * @theme Homoky Dorka
     * @section Header > Container > Main > Navigation Bar > Mobile Page Selector Link
     */
    .header__container__main__navbar__mobile-page-selector-link {
        display: none;
    }

    /**
     * @theme Homoky Dorka
     * @section Header > Container > Main > Navigation Bar > Mobile Page Selector Link
     */
    .header__container__main__navbar__page-selector-wrapper__mobile-lang-list {
        display: none;
    }

    /**
     * @theme Homoky Dorka
     * @section Header > Container > Main > Navigation Bar > Page Selector Wrapper > Close Arrow
     */
    .header__container__main__navbar__page-selector-wrapper__close-arrow {
        position: relative;
        top: auto;
        left: auto;
        width: 24px;
        height: 24px;
    }

    /**
     * @theme Homoky Dorka
     * @section Header > Container > Main > Language selector navigation
     */
    .header__container__main__lang-selector__box {
        display: block;
        width: 50%;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section
     */
    .content__section {
        height: 100vh;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main
     */
    .content__section__main {
        padding-top: 240px;
        padding-bottom: 72px;
    }

    .content__section__main--minimal-top-padding-on-mobile {
        padding-top: 240px !important;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Paragraph
     */
    .content__section__main__p {
        margin-bottom: 0.5rem;
    }

    .content__section__main__p--theme-featured {
        margin-bottom: 20px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Image Gallery
     */
    .content__section__main_image_gallery {
        margin-bottom: auto;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Bottom
     * @modifiers
     * --bottom-margin-on-mobile    <- Use this class for mobile bottom margin.
     */
    .content__section__main_btn--bottom-margin-on-mobile {
        margin-bottom: 0;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Sidebar
     * @modifiers
     * --position-left              <- Use this class for left sidebar.
     * --position-right             <- Use this class for right sidebar.
     *
     */
    .content__section__sidebar {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .content__section__sidebar--position-left {
        background-position: top 0px right 15px;
    }

    .content__section__sidebar--role-navigation-left, .content__section__sidebar--role-navigation-right {
        z-index: 1031 !important;
    }

    .content__section__sidebar--role-navigation-left:hover, .content__section__sidebar--position-left--state-hover {
        background-position: top right;
    }

    .content__section__sidebar--position-right {
        background-position: top 0px left 15px ;
    }

    .content__section__sidebar--role-navigation-right:hover, .content__section__sidebar--position-right--state-hover {
        background-position: top left;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Arrow Box > Link > Arrow
     */
    .content__section__main__arrow-box__link__arrow {
        display: block;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Form Box
     */
    .content__section__main__form-box {
        width: calc(100% + 30px);
        position: absolute;
        z-index: 1000;
        margin-left: -30px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Form Box > Form
     */
    .content__section__main__form-box__form {
        padding-top: 32px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Form Box > Form > Form Group
     */
    .content__section__main__form-box__form__form-group {

    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Form Box > Form > Form Group > Form input
     */
    .content__section__main__form-box__form__form-group__form-input {
        font-size: 24px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Form Box > Form > Form Group > Form label
     * @modifiers
     * --position-inside
     * --position-outside
     */
    .content__section__main__form-box__form__form-group__form-label {
        top: 39px;
        left: 64px;
    }

    .content__section__main__form-box__form__form-group__form-label--position-inside {
        top: 39px;
        left: 64px;
    }

    .content__section__main__form-box__form__form-group__form-label--position-outside {
        top: 0;
        left: 32px;
    }

    /**
     * Cascade Slider elements
     */
    .cascade-slider_arrow-left { left: -33%; }
    .cascade-slider_arrow-right { right: -33%; }
    .cascade-slider_item_title {
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 160%;
    }

    #tallya-svg-map {
        max-width: 87.3707865vw;
        max-height: 54vw;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer
     */
    #footer {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1101;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box
     */
    .footer__navigation__box--position-left, .footer__navigation__box--position-right {
        margin-top: auto;
        margin-bottom: auto;
    }

    .footer__navigation__box--position-center {
        margin-bottom: auto;
    }

    .footer__navigation__box--position-center::before {
        position: absolute;
        top: -15px;
        left: 0;
        content: "";
        width: 100%;
        height: 15px;
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    }

    .footer__navigation__box--position-center--no-shadow::before {
        background: none !important;
        display: none !important;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > Link
     */
    .footer__navigation__box__link {
        height: auto;
        background-image: none;
        background-color: transparent;
        border: none;
        border-radius: unset;
    }

    .footer__navigation__box__link:hover, .footer__navigation__box__link:active, .footer__navigation__box__link:focus {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .footer__navigation__box__link--color-blue {
        color: #3c348f;
    }
    .footer__navigation__box__link--color-blue:hover {
        color: #3c348f;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > Link
     */
    .footer__navigation__box__link--position-center:hover .footer__navigation__box__link__arrow {
        display: block;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > Link
     */
    .footer__navigation__box__link--position-center {
        display: block;
        color: #3b3091;
    }

    .footer__navigation__box__link--position-center:hover {
        color: #3b3091;
    }

    .footer__navigation__box__list__elem:hover::before {
        position: absolute;
        z-index: 2;
        top: 44px;
        content: "";
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: radial-gradient(42.98% 42.98% at 50% 48.33%, rgba(59, 48, 145, 0.47) 0%, rgba(59, 48, 145, 0) 100%);
    }

    .footer__navigation__box__list__elem.maphovered::before {
        position: absolute;
        z-index: 2;
        top: 36px;
        content: "";
        width: 60px;
        height: 60px;
        border-radius: 50%;
    }

    .footer__navigation__box__list__elem--kovago:hover::before, .footer__navigation__box__list__elem--kovago.maphovered::before {
        margin-left: -14px;
        background: radial-gradient(44.62% 44.62% at 50% 48.33%, rgba(0, 79, 80, 0.47) 0%, rgba(0, 79, 80, 4.7e-05) 100%);
    }

    .footer__navigation__box__list__elem--kovago:hover > a, .footer__navigation__box__list__elem--kovago.maphovered > a {
        color: #004F50;
    }

    .footer__navigation__box__list__elem--heteny:hover::before, .footer__navigation__box__list__elem--heteny.maphovered::before {
        margin-left: -8px;
        background: radial-gradient(44.62% 44.62% at 50% 48.33%, rgba(37, 54, 102, 0.47) 0%, rgba(37, 54, 102, 4.7e-05) 100%);
    }

    .footer__navigation__box__list__elem--heteny:hover > a, .footer__navigation__box__list__elem--heteny.maphovered > a {
        color: #253666;
    }

    .footer__navigation__box__list__elem--dongo:hover::before, .footer__navigation__box__list__elem--dongo.maphovered::before {
        margin-left: -14px;
        background: radial-gradient(42.98% 42.98% at 50% 48.33%, rgba(228, 125, 14, 0.47) 0%, rgba(228, 125, 14, 4.7e-05) 100%);
    }

    .footer__navigation__box__list__elem--dongo:hover > a, .footer__navigation__box__list__elem--dongo.maphovered > a {
        color: #E47D0E;
    }

    .footer__navigation__box__list__elem--gorbe:hover::before, .footer__navigation__box__list__elem--gorbe.maphovered::before {
        margin-left: -14px;
        background: radial-gradient(44.62% 44.62% at 50% 47.77%, rgba(208, 155, 14, 0.47) 0%, rgba(208, 155, 14, 4.7e-05) 100%);
    }

    .footer__navigation__box__list__elem--gorbe:hover > a, .footer__navigation__box__list__elem--gorbe.maphovered > a {
        color: #D09B0E;
    }

    .footer__navigation__box__list__elem--bartfai:hover::before, .footer__navigation__box__list__elem--bartfai.maphovered::before {
        margin-left: -14px;
        background: radial-gradient(44.62% 44.62% at 51.66% 45.74%, rgba(193, 90, 62, 0.47) 0%, rgba(193, 90, 62, 4.7e-05) 100%);
    }

    .footer__navigation__box__list__elem--bartfai:hover > a, .footer__navigation__box__list__elem--bartfai.maphovered > a {
        color: #C15A3E;
    }

    .footer__navigation__box__list__elem--sas-alja:hover::before, .footer__navigation__box__list__elem--sas-alja.maphovered::before {
        margin-left: -14px;
        background: radial-gradient(44.62% 44.62% at 51.66% 45.74%, rgba(152, 105, 75, 0.47) 0%, rgba(120, 107, 94, 4.7e-05) 100%);;
    }

    .footer__navigation__box__list__elem--sas-alja:hover > a, .footer__navigation__box__list__elem--sas-alja.maphovered > a {
        color: #98694B;
    }

    .footer__navigation__box__list__elem--nyergesek:hover::before, .footer__navigation__box__list__elem--nyergesek.maphovered::before {
        margin-left: -2px;
        background: radial-gradient(44.62% 44.62% at 50% 48.33%, rgba(0, 79, 80, 0.47) 0%, rgba(0, 79, 80, 4.7e-05) 100%);;
    }

    .footer__navigation__box__list__elem--nyergesek:hover > a, .footer__navigation__box__list__elem--nyergesek.maphovered > a {
        color: #004F50;
    }

    .footer__navigation__box__list__elem__link {
        position: relative;
        z-index: 3;
    }

    .footer__navigation__box__list__elem__link:hover {
        text-decoration: none;
    }

    .footer__navigation__box__list__elem__link--kovago:hover {
        color: #004F50;
    }

    .footer__navigation__box__list__elem__link--heteny:hover {
        color: #253666;
    }

    .footer__navigation__box__list__elem__link--dongo:hover {
        color: #E47D0E;
    }

    .footer__navigation__box__list__elem__link--gorbe:hover {
        color: #D09B0E;
    }

    .footer__navigation__box__list__elem__link--bartfai:hover {
        color: #C15A3E;
    }

    .footer__navigation__box__list__elem__link--sas-alja:hover {
        color: #98694B;
    }

    .footer__navigation__box__list__elem__link--nyergesek:hover {
        color: #004F50;
    }

    .footer__navigation__box__link--mobile-margin {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    /* @theme Homoky Dorka
     * @element Cascade Slider
     */
    .cascade-slider_container, .cascade-slider_item img {
        height: 40vh;
    }

}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {

    /**
     * @theme Homoky Dorka
     * @section Header > Container > Main > Language selector navigation
     */
    .header__container__main__lang-selector__box {
        width: 33.3%;
    }

    #tallya-svg-map {
        max-width: 75vw;
        max-height: 46.3541667vw;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Pop-up > Container > Row > Col > p
     */
    .content__section__main__popup__container__row__col__p {
        font-size: 0.75em;
        padding: 0 60px;
    }

    .cascade-slider_nav-container--active {
        margin-top: 0;
    }

}

@media (min-width: 992px) and (min-height: 480px) {

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main
     */
    .content__section__main {
        padding-bottom: 57px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Heading
     */
    .content__section__main__heading {
        font-size: 2.4rem;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Data Table Responsive Container
     */
    .content__section__main__data-table-resp-container {
        display: none;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Pop-up > Container > Row > Col > Wine image box > Image
     */
    .content__section__main__popup__container__row__col__wine-img-box__img {
        margin: 0 auto;
        display: block;
        height: 170px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Mobile Swiper Section
     * @modifiers
     * --wine-desc      <- Use this for wine desc table elements.
     */
    .content__mobile-swiper-section--wine-desc {
        display: block;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > Link
     */
    .footer__navigation__box__link {
        font-size: 2.4rem;
    }

}

@media (min-width: 992px) and (min-height: 520px) {

    /**
     * @theme Homoky Dorka
     * @section Header > Container > Navigation Bar > Brand
     */
    .header__container__main__navbar__brand::after {
        height: 251px;
    }

    /**
     * @theme Homoky Dorka
     * @section Header > Container > Navigation Bar > Brand > Image
     */
    .header__container__main__navbar__brand__img--version-desktop {
        margin-top: 45px;
        width: 170px;
        height: 187px;
    }

    .header__container__main__navbar__brand__img--size-sm {
        width: 135px;
        height: 149px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main
     */
    .content__section__main {
        padding-top: 270px;
    }

    .content__section__main--minimal-top-padding-on-mobile {
        padding-top: 270px !important;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Arrow Box > Link
     */
    .content__section__main__arrow-box__link {
        display: block;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List > Element
     */
    .footer__navigation__box__list__elem {
        padding: 0 3px;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List > Element > Link
     */
    .footer__navigation__box__list__elem__link {
        font-size: 1.1rem;
    }

}

@media (min-width: 992px) and (min-height: 801px) {

    /**
     * @theme Homoky Dorka
     * @element Content > Full Page Section Scroller Pagination
     */
    .fullPageSectionScrollerPagination {
        display: block;
        position: fixed;
        left: 50%;
        top: 36vh;
        transform: translateX(-50%);
        font-size: 1.4em;
        z-index: 10;
        list-style: none;
        padding: 0;
    }

    .fullPageSectionScrollerPagination a {
        display: block;
        color: #3b3091;
        height: 10px;
        margin-bottom: 5px;
        position: relative;
        padding: 4px;
    }

    .fullPageSectionScrollerPagination a.active:after {
        -webkit-box-shadow: inset 0 0 0 5px;
        -moz-box-shadow: inset 0 0 0 5px;
        box-shadow: inset 0 0 0 5px;
    }

    .fullPageSectionScrollerPagination a:after {
        -webkit-transition: box-shadow 0.5s ease;
        -moz-transition: box-shadow 0.5s ease;
        -o-transition: box-shadow 0.5s ease;
        -ms-transition: box-shadow 0.5s ease;
        transition: box-shadow 0.5s ease;
        width: 10px;
        height: 10px;
        display: block;
        border-radius: 50%;
        content: '';
        position: absolute;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Mobile Swiper Section
     * @modifiers
     * --wine-desc      <- Use this for wine desc table elements.
     */
    .content__mobile-swiper-section--wine-desc {
        display: none;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Data Table Responsive Container
     */
    .content__section__main__data-table-resp-container {
        display: block;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Sub Heading
     */
    .content__section__main__subheading {
        font-size: 2.25em;
        letter-spacing: 5px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Pop-up > Container > Row > Col > p
     */
    .content__section__main__popup__container__row__col__p {
        font-size: 0.9em;
    }


}

/* Before Extra large devices (1100px and up) */
@media (min-width: 1100px) {

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List
     */
    .footer__navigation__box__list {
        list-style: none;
        margin: 15px 0 30px 0;
        padding-left: 0;
    }

    .footer__navigation__box__list__elem:hover::before {
        top: 52px;
        width: 90px;
        height: 90px;
    }

    .footer__navigation__box__list__elem.maphovered::before {
        top: 52px;
        width: 90px;
        height: 90px;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List > Element
     */
    .footer__navigation__box__list__elem {
        padding: 0 4px;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List > Element > Link
     */
    .footer__navigation__box__list__elem__link {
        font-size: 1.125rem;
    }

}

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main
     */
    .content__section__main {
        padding-bottom: 76px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Heading
     */
    .content__section__main__heading {
        font-size: 3.2rem;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Paragraph
     */
    .content__section__main__p {
        font-size: 1.175em;
    }

    .content__section__main__p--theme-featured {
        font-size: 1.85em;
        margin-bottom: 40px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Arrow Box > Link > Arrow
     */

    /* Bug: Scaling makes dots centering fall!! */

    /*.content__section__main__arrow-box__link__arrow {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }*/

    #tallya-svg-map {
        top: 21%;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Pop-up > Container > Row > Col > h1
     */
    .content__section__main__popup__container__row__col__h1 {
        font-size: 2rem;
    }

    .content__section__main__popup__container__row__col__wine-img-box {
        padding: 20px 30px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Pop-up > Container > Row > Col > Wine image box > Image
     */
    .content__section__main__popup__container__row__col__wine-img-box__img {
        height: 260px;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > Link
     */
    .footer__navigation__box__link {
        font-size: 3.2rem;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > Link > Arrow
     */
    .footer__navigation__box__link__arrow {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List > Element
     */
    .footer__navigation__box__list__elem {
        padding: 0 6.5px;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List > Element > Link
     */
    .footer__navigation__box__list__elem__link {
        font-size: 1.3rem;
    }

}

/* Extra-extra large devices (extra large desktops, 1400px and up) */
@media (min-width: 1440px) {

    #tallya-svg-map {
        top: 15%;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Pop-up > Container > Row > Col > h1
     */
    .content__section__main__popup__container__row__col__h1 {
        font-size: 2.5rem;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Pop-up > Container > Row > Col > p
     */
    .content__section__main__popup__container__row__col__p {
        font-size: 1.175em;
        padding: 0 60px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Pop-up > Container > Row > Col > p
     */
    .content__section__main__popup__container__row__col__p {
        padding: 0 90px;
    }

    .content__section__main__popup__container__row__col__wine-img-box {
        padding: 30px 30px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Pop-up > Container > Row > Col > Wine image box > Image
     */
    .content__section__main__popup__container__row__col__wine-img-box__img {
        height: 280px;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > Link
     */
    .footer__navigation__box__link {
        font-size: 4rem;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List > Element
     */
    .footer__navigation__box__list__elem {
        padding: 0 3px;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List > Element
     */
    .footer__navigation__box__list__elem {
        padding: 0 12px;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List > Element > Link
     */
    .footer__navigation__box__list__elem__link {
        font-size: 1.4rem;
    }

}

@media (min-width: 1440px) and (min-height: 901px) {

    /**
     * @theme Homoky Dorka
     * @section Header > Container > Navigation Bar > Brand
     */
    .header__container__main__navbar__brand::after {
        height: 287px;
    }

    /**
     * @theme Homoky Dorka
     * @section Header > Container > Navigation Bar > Brand > Image
     */
    .header__container__main__navbar__brand__img--version-desktop {
        width: 200px;
        height: 220px;
    }

    .header__container__main__navbar__brand__img--size-sm  {
        width: 160px;
        height: 176px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main
     */
    .content__section__main {
        padding-top: 287px;
    }

    .content__section__main--minimal-top-padding-on-mobile {
        padding-top: 287px !important;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Heading
     */
    .content__section__main__heading {
        font-size: 4rem;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Paragraph
     */
    .content__section__main__p {
        font-size: 1.25em;
    }

    .content__section__main__p--theme-featured {
        font-size: 2em;
        margin-bottom: 60px;
    }

}

/* Above 1600px wide */
@media (min-width: 1600px) {

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Form Box > Form > Form Checkbox Group > Label
     */
    .content__section__main__form-box__form__form-checkbox-group__form-label {
        left: calc(50% * 0.525);
    }

    #tallya-svg-map {
        top: 15%;
        max-width: 67.9550561vw;
        max-height: 42vw;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Pop-up > Container > Row > Col > p
     */
    .content__section__main__popup__container__row__col__p {
        padding: 0 120px;
    }

    /**
     * @theme Homoky Dorka
     * @section Content > Section > Main > Pop-up > Container > Row > Col > Wine image box > Image
     */
    .content__section__main__popup__container__row__col__wine-img-box__img {
        height: 300px;
    }

    .content__section__main__popup__container__row__col--position-left > img {
        position: relative;
        top: -30px;
    }

    .content__section__main__popup__container__row__col--position-right > img {
        position: relative;
        top: -30px;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List > Element
     */
    .footer__navigation__box__list__elem {
        padding: 0 4px;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List > Element
     */
    .footer__navigation__box__list__elem {
        padding: 0 16px;
    }

    /**
     * @theme Homoky Dorka
     * @section Footer > Navigation > Box > List > Element > Link
     */
    .footer__navigation__box__list__elem__link {
        font-size: 1.5rem;
    }
}