/*Logo size*/
.navbar-brand.logo-image {
    max-width: 100px;
    height: auto;
}

div.t4-offcanvas .t4-off-canvas-header .logo-img {
    max-height: 100px;
}

/*Gradient color menu header*/
div#t4-header {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 2%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 2%, rgba(0,0,0,0.7) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,0) 2%, rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
    border-bottom: none;
}

/*Full-black color menu header*/
div#t4-header.full-black {
    background: black;
}

/*White color menu header*/
div#t4-header.white-bg {
    background: #fff;
}


/*Centered menu header*/

ul.nav.navbar-nav.level0 {(
    min-width: 1200px);
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
}

a.nav-link {
    justify-self: center;
}

/*Menu lighter font-weight*/

.t4-megamenu .navbar-nav>li>a, .t4-megamenu .navbar-nav>li>.nav-link {
    font-weight: 500;
}

 /*White home heros*/
 h1.big-text {
    font-weight: 900;
    font-size: 5.3rem;
    text-align: center;
    padding-bottom: 15px;
}
@media (max-width:998px){
h1.big-text {
    font-size: 3rem;
}
}


.assyrtiko-white .t4-section-inner.container-fluid {
    padding-left: 0;
    padding-right: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    padding: 50px 0;
}


.side-padding .bg-overlay.bg-overlay-image {
    margin: 0 3% 3%;
}

/*Off-canvas*/
div#off-canvas-right {
    width: 100%;
    background: #000000;
}
div#off-canvas-right-push {
    width: 100%;
    background: black;
}


.t4-offcanvas .t4-off-canvas-header {
    background: #000000;
}

.t4-palette-extradark .nav > li.active > a, .t4-palette-extradark .nav > li.active > a.nav-link .t4-palette-extradark .nav > li.active:hover > a, .t4-palette-extradark .nav > li.active:hover > a.nav-link {
    color: #fcffeb!important;
}
div.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, div.t4-offcanvas .t4-off-canvas-body .navbar .separator {
    /*color: var(--body-text-color);*/
    color:#898989
}
.t4-offcanvas-toggle .patty {
    background-color: #fff;
}
.t4-offcanvas-toggle .patty::before {
    content: "Menu";
    color: white;
    font-weight: 100;
    font-family: 'Kiwi Maru';
    background: #fff;
}
.t4-offcanvas-toggle .patty::after {
    content: "";
    color: #fff;
    background: #fff;
}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item:hover, .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item:focus, .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item:active, .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link:hover, .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link:focus, .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link:active {
    color:#fcffeb;
}


span#triggerButton {
    mix-blend-mode: difference;
}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active>.nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active>.separator {
    color: #fff;
}


/*Previously at 992*/
@media (min-width:1199.99px) {
    .white-bg li.nav-item {
    background: white;
    padding-left: 5px;
    }
}

/*Features Images filters*/

#Mod145 .acm-sticky.style-1 .intro-image {
    filter: grayscale(.7);
}

/*Buttons*/
.btn-success a {
    color: #ffffff;
    text-transform:none;
}

.btn.btn-success {
    border-radius: 20px;
}


.btn.btn-outline-success {
    font-weight: 500;
}

/*Submenu*/
.t4-megamenu .dropdown-toggle .item-caret:hover:before {
    rotate: 180deg;
}


.t4-megamenu .dropdown-menu.level1 {
    padding: 0!important;
    background: transparent!important;
    border: 0!important;
    margin-top:0px!important;
}

.t4-megamenu .dropdown-menu li:first-child {
    margin-top: -50px;
}

.t4-megamenu .dropdown-toggle .item-caret::before {
    border-top: 4px solid #fff;
}

.t4-megamenu.animate.slide .dropdown .dropdown-menu>div {
    min-width: 250px;
    box-shadow: none;
}
.t4-megamenu .dropdown-menu {
    box-shadow: none;
}

.white-bg .t4-megamenu .dropdown-toggle .item-caret::before {
    border-top: 4px solid #000;
}


/*.sub-white-bg .dropdown-menu.level1 {
    border: 0px;
    box-shadow: none;
    margin-top: -3rem!important;
}*/

/*New fonts website menu*/

.site-donkey-white-new-fonts .dropdown-menu {
    font-size: 16px;
}

/*Narrow container*/

@media (min-width:767.1px) {
.container.narrow,
#t4-contact .t4-row.row,
.narrow.row {
     padding-left: 8rem;
    padding-right: 8rem;
    }

}

.no-side-padding {
    padding-left: 0px;
    padding-right: 0px;
}

/*Extra Narrow*/
.extra-narrow {
    padding-left: 25%;
    padding-right: 25%;
}
@media (max-width:998px){
    .extra-narrow {
        padding-left: calc(var(--t4-gutter-x)*.5);
        padding-right: calc(var(--t4-gutter-x)*.5);
    }
}
/*Overlapping images*/


@media (min-width:767.01px){
    .image-larger-l {
    width: 120%!important;
    margin-left: -7rem!important;
   }
}

@media (min-width:767.01px){
    .overlap-row {
    margin-top: -20%;
    }

    img.overlap-image-up {
      border-radius: 20px;
      border: 15px solid #000;
    }
}

/*Text spacing*/
h4.wide-letter {
    letter-spacing: .22rem;
    line-height: 2rem;
}

.left-align {
    text-align: left;
}

/*Align text top*/
.align-top {
    display: flex;
    align-items: flex-start!important;
}
/*Align images bottom*/
.align-image-bottom {
    display: flex;
    align-items: flex-end;
}

@media (max-width:767px){
    .align-image-bottom {
        display: unset;
    }
}

/*Align text center on large screens*/
.align-center {
text-align: center;
}

@media (max-width:767px){
   .align-center {
      text-align: left;
    }
}

/*Wine-card*/
@media (max-width:767px){
   .wine-card {
      text-align: left;
    }
}
.wine-card {
    padding: 0 36px;
}

.wine-card p {
letter-spacing: .22rem ;
}

/*Contact*/

#t4-contact .t4-row.row {
    display: flex;
    align-items: self-start;
}

/*Contact-form font-family*/
div#cf_1 {
    font-family: 'Kiwi Maru';
    letter-spacing: .22rem;
}
span.cf-btn-text {
    letter-spacing: .22rem;
}

/*Hide div in medium and below screens*/
@media (max-width:991.99px){
   .large-screen {
    display:none!important;
   }
}

/*Hide div in large and above screens*/
@media (min-width:992px){
    .smaller-screen {
        display: none!important;
    }
}

/*Underlined link*/
.under-link {
    text-decoration: underline;
    text-underline-offset: .5rem;
}

/*Images*/
img.image-center-middle {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 4rem;
}

/*Border top Paros*/
div#mod-145.acm-sticky.style-1 {
    border-top: 0;
}
.t4-palette-white div#mod-145 {
    box-shadow: 0px 10px 32px lightgray;
}
/*Border top Mountains*/
div#mod-149.acm-sticky.style-1,
div#mod-141.acm-sticky.style-1,
div#mod-154.acm-sticky.style-1 {
    border: 0px;
    margin-top: 0px;
}

/*image gallery our story*/
#acm-gallery-139 .col-12.col-sm-6.col-lg-12 {
    padding-top: 0;
    padding-bottom: 0;
}

#acm-gallery-139.acm-gallery.style-2 .row+.row {
    margin-top: 0;
}

#Mod139 .section-info-desc,
#Mod157 .section-info-desc {
    display: none;
}

div#mod-136.acm-sticky.style-1 {
    border-top: 0;
}

/*image gallery our story hide*/
.hide-gallery div#acm-gallery-139 {
    display: none;
}

/*Assyrtiko project*/
#mod-146 .row.g-0.media-align-right {
    display: flex;
    align-items: center;
}
div#mod-146.acm-sticky.style-1 {
    border-top: none;
}

/*Image gallery Assyrtiko*/
#Mod147 .tf-gallery-wrapper .gallery-items .item img {
    /*filter: saturate(0.3);*/
}

/*Paros big text*/
#Mod171 .big-text.container-fluid,
#Mod153 .big-text.container-fluid {
    font-size: var(--h3-font-size);
    line-height: 2rem;
    letter-spacing: .1rem;
    font-weight: 600;
    text-transform: uppercase;
}


/*Phoca cart*/
#ph-pc-category-box .ph-top, 
#ph-pc-item-box .ph-top {
display: none;
}

#ph-pc-category-box h1.ph-header {
    display: none;
}

/*Phoca cart module contact-menu*/
.btn-outline-light button.btn.btn-outline-secondary {
    color: #F2F2F2!important;
    border-color: #F2F2F2!important;
}

.btn-outline-light button.btn.btn-outline-secondary:hover,
.btn-outline-light button.btn.btn-outline-secondary:active {
      color: #000!important;
    background-color: #F2F2F2!important;
    border-color: #F2F2F2!important;
}

/*category*/
.ph-item-content.grid .ph-item-desc {
    width: 50%;
    margin: auto;
    /*font-size: small;*/
    letter-spacing: .1rem;
}

@media(max-width:992px){
    .ph-item-content.grid .ph-item-desc {
    width: initial;
    }
}

/*Phoca component*/

.no-md-6 .col-md-6 {
    width: unset;
}


*/Articles not too narrow*/

.col-md.col-md-6 {
    width: unset!important;
}

.t4-col.component.col-md-6.col-md {
    width: unset;
}

@media(min-width:768px){
    .t4-col.component.col-md-6.col-md.no-col-16 {
    flex: 1 0 auto;
    }
}

/*product*/

#phItemsBox a.btn.btn-primary.btn-sm.ph-btn {
    color: #fff!important;
}


.ph-item-action-box form#phCartAddToCartButton1,
.phItemCartBoxForm.phjAddToCart.phjCategory {
    display: flex;
    justify-content: center;
    margin: 20px;
}

.ph-category-action-buttons.grid {
    display: flex;
    justify-content: center;
}

.ph-category-price-box {
    display: flex;
    justify-content: center;
}

.ph-price-txt.ph-price-brutto-txt.ph-standard-txt {
    margin-right: 20px;
}

.ph-price-brutto.ph-standard {
    margin-left: 20px;
}

.ph-pull-left.ph-button-view-product-box {
    margin-right: 20px;
}

.ph-pull-right.ph-button-add-to-cart-box {
    margin-left: 20px;
}

.tab-content {
    /*margin-top: -50px;*/
    width: 50%;
    font-size: small;
}

@media (max-width:992px){
    .tab-content {
    width: initial;
    }
}

img.img-responsive.img-thumbnail.ph-image-full.phImageFull.phjProductImageVItemP1,
img.img-responsive.img-thumbnail.ph-image-full.phImageFull {border: 0;}


h1.ph-header {
    font-size: var(--h3-font-size);
}

.ph-item-price-panel.phItemPricePanel {
    font-size: small;
}

/*product description*/
ul#PcItemTab {
    border: 0;
}


a.nav-link.active.show {
    border: 0;
    padding: 0;
    FONT-WEIGHT: 900;
}

.ph-item-bottom-box {
    letter-spacing: .1rem;
    margin-top:0;
}

#ph-pc-item-box .col-12.col-sm-7.col-md-7.ph-item-view-data-box {
    letter-spacing: .1rem;
}

/*Shopping cart*/
.d-none:has(.ph-cart-module-box) {
    display: block!important;
}

.t4-header-r.col-5.col-lg-2.col-xxl-3.d-flex.align-items-center.justify-content-end {
    margin-left: inherit;
}

.ph-cart-module-box .dropdown-menu {
    padding: 1.5rem;
}

/*Quantity input*/

input.form-control.ph-input-quantity {
    padding: .58rem 0;
    text-align: center;
}

/*Checkout*/
@media (max-width:992px){
.phCheckoutCartBox input.form-control.ph-input-quantity.ph-input-xs {
    padding-left: 0.25;
    text-align: right;
    margin-right: -3px;
    }
}

.col-2.col-sm-2.col-md-2.ph-checkout-cart-quantity {
    padding: 0;
}

/*no-top padding phoca main-body*/
div#t4-main-body.no-top {
    padding-top: 2rem;
}

/*Phoca product image set width when replacing thumb with larger image*/

img.img-responsive.ph-image.phIL-not-active.phjProductImageVCategoryP1 {
    max-width: min(300px , 100%);
}

/*Copyright*/
div#t4-copyright.t4-palette-extradark {
    border-top-color: var(--gray-900);
    }



/*Test for image Paros*/
#Mod145 .intro-image {
   /* margin-top: -80px;
    margin-bottom: 80px;*/
}


#Mod145 .col-12.col-lg-6.order-2.order-lg-1 {
 /*   background: whitesmoke;
    margin-top: -80px;
    box-shadow: 0px 0px 5px 0px #a7a2a2;*/
}
/*Test for Paros and Mountains*/
@media(min-width:992px) {
    #Mod145 .col-12.col-lg-6.intro-image-wrap.order-1.order-lg-2 {
    padding: 3rem;
    }
}

@media (min-width:992px){
#Mod149 .col-12.col-lg-6.intro-image-wrap.order-1.order-lg-1 {
    padding: 3rem;
    margin-top: -80px;
    background: #ffffff;
    box-shadow: -7px -3px 8px 6px #979797;
}
}


.greek-terroir-2 h1 {
    background: #fff;
    opacity: .8;
    color: #000;
    text-align: center;
}

@media(min-width:992px){
    .greek-terroir-2 h1 {
        padding: 3rem 1rem; 
    }
}

/*Fixing scroll-bar in no container*/

.row-no-container .row {
    margin-right: 0;
}


/*Remove border-top sticky style-1*/
div#mod-215.acm-sticky.style-1 {
    border-top:0px!important;
}

/*Feature intro projects (style-3)*/

#Mod135 .acm-features.style-3 .feature-content .features-descriptions {
    font-size: unset;
    color: unset;
}

#Mod135 .acm-features.style-3 .feature-content .desc-short span {
    color: unset;
    text-transform: capitalize;
}


#Mod135 h3.section-title.h5.text-normal.aos-init.aos-animate {
    font-size: var(--h3-font-size);
    font-weight:400;
}


/*Custom Module background image*/
.bg-module .custom {background-size: cover;}


/*New menu with center logo*/
img.logo-menu {
    max-width: 120px;
}

.logo-link span.image-title {
    display: none;
}

/*Previously at 991.99*/
@media(max-width:1199.98px) {
    img.display-md.logo-menu,
    img.logo-menu {
    display: none!important;
    }
}

/*Previously at 992*/
@media(min-width:1199.99px) {
    img.logo-img {
    display: none;
    }
}

/*For menu with black bg */
.full-black img.logo-menu {
    filter: invert(1);
}

.t4-palette-extradark img.logo-img {
    filter: invert(1);
}

.t4-palette-black img.logo-img {
    filter: invert(1);
}

.t4-off-canvas-header img.logo-img {
    filter: invert(1);
}

li.nav-item.item-179 {
    display: none;
    height: 0;
}

/*Keeping Menu letter spacing to 1px*/
span.menu-item-title {
    letter-spacing: 1px;
    }

/*Parallax on non supporting devices and browsers*/

@supports not (background-attachment:fixed) {
    #t4-section-1 .bg-overlay-image {
    background-attachment: scroll;
        }
}


    /* Animations */

.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}


.active.fade-top {
    animation: fade-top 1s ease-in;
}

.fade-bottom-hero {
  animation: fade-bottom 1s ease-in;
}

.active.fade-left {
  animation: fade-left 1s ease-in;
}

.fade-left-top {
  animation: fade-left 1s ease-in;
}

.active.fade-right {
  animation: fade-right 1s ease-in;
}

.fade-right-top {
  animation: fade-right 1s ease-in;
}

.active.fade-in-scroll {
	-webkit-animation: fade-in 1s ease-in both;
	        animation: fade-in 1s ease-in both;
}
.fade-in {
	-webkit-animation: fade-in 1s ease-in both;
	        animation: fade-in 1s ease-in both;
}

.active.scale-in-center {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-top {
  0% {
    transform: translateY(-50px); 
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-left-top {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right-top {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2022-11-10 10:27:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade-in-scroll {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-scroll {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




/*Delay classes*/
.delay1 {
    -webkit-animation-delay: .5s;
      -moz-animation-delay: .5s;
        -ms-animation-delay: .5s;
          -o-animation-delay: .5s;
             animation-delay: .5s;
}

.delay2 {
    -webkit-animation-delay: 1s;
      -moz-animation-delay: 1s;
        -ms-animation-delay: 1s;
          -o-animation-delay: 1s;
             animation-delay: 1s;
}

.delay3 {
    -webkit-animation-delay: 1.5s;
      -moz-animation-delay: 1.5s;
        -ms-animation-delay: 1.5s;
          -o-animation-delay: 1.5s;
             animation-delay: 1.5s;
}

.delay4 {
    -webkit-animation-delay: 2s;
      -moz-animation-delay: 2s;
        -ms-animation-delay: 2s;
          -o-animation-delay: 2s;
             animation-delay: 2s;
}

.delay5 {
    -webkit-animation-delay: 2.5s;
      -moz-animation-delay: 2.5s;
        -ms-animation-delay: 2.5s;
          -o-animation-delay: 2.5s;
             animation-delay: 2.5s;
}

.delay6 {
    -webkit-animation-delay: 3s;
      -moz-animation-delay: 3s;
        -ms-animation-delay: 3s;
          -o-animation-delay: 3s;
             animation-delay: 3s;
}

.delay7 {
    -webkit-animation-delay: 3.5s;
      -moz-animation-delay: 3.5s;
        -ms-animation-delay: 3.5s;
          -o-animation-delay: 3.5s;
             animation-delay: 3.5s;
}

.delay8 {
    -webkit-animation-delay: 4s;
      -moz-animation-delay: 4s;
        -ms-animation-delay: 4s;
          -o-animation-delay: 4s;
             animation-delay: 4s;
}

.delay9 {
    -webkit-animation-delay: 4.5s;
      -moz-animation-delay: 4.5s;
        -ms-animation-delay: 4.5s;
          -o-animation-delay: 4.5s;
             animation-delay: 4.5s;
}

.delay10 {
    -webkit-animation-delay: 5s;
      -moz-animation-delay: 5s;
        -ms-animation-delay: 5s;
          -o-animation-delay: 5s;
             animation-delay: 5s;
}

.delay11 {
    -webkit-animation-delay: 5.5s;
      -moz-animation-delay: 5.5s;
        -ms-animation-delay: 5.5s;
          -o-animation-delay: 5.5s;
             animation-delay: 5.5s;
}

.delay12 {
    -webkit-animation-delay: 6s;
      -moz-animation-delay: 6s;
        -ms-animation-delay: 6s;
          -o-animation-delay: 6s;
             animation-delay: 6s;
}

.delay13 {
    -webkit-animation-delay: 10s;
      -moz-animation-delay: 10s;
        -ms-animation-delay: 10s;
          -o-animation-delay: 10s;
             animation-delay: 10s;
}