@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');

 
 div.is-sidebar > .is-sidebar-button#code-btn{
     display:block;
 }
 
a {
    color: #000 !important;
}

html, body, h1, h2, h3, h4, h5, h6, a, p, span, b, div, u, li{
    font-family:'Comfortaa', sans-serif !important;
}


.vis{
    display:none !important;
}


.flag-icon {
  width: 30px !important;
  height: 23px !important;
  border-radius: 76px !important;
}

.badge {
    display:none !important;
}


img.image {
     width: 180px!important; 
}
.test1{
    color:black;
}
#ordering-app > div > div.row.equal > div.leftside.col-md-7 > div > div.hidden-xs > div > div:nth-child(2) > button {
    font-size: 10px;
}
li::marker {
    color: #EAA282 !important;
}
.calendar-icon, .fa-calendar{
    display:none !important;
}
.fa-twitter, .fa-facebook, .fa-google-plus, .fa-instagram{
    font-size:25px !important;
}
#app > div.container.services > div > div > div > div > div{
    margin-top:50px !important;
}
@media(max-width:768px){
    #app > div.container.services > div > div > div > div > div{
    margin-top:0px !important;
}
    #is-boxes{
        display:flex;
        flex-direction:column;
    }
    #last{
        order:2;
    }
    #first{
        order:1;
    }
}

@media(max-width:576px){
    
    /*Αλλαγή header ώστε να κάθονται σωστά τα icons και το logo*/
    .grs{
        left: -340px;
        position:relative;
    }
    img.image {
    width: 261px !important;
    left: 30px;
    position: relative;
  }
    
    .navbar-header > div{
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        align-items: flex-end;
    }
    
    .cart-product-image[data-v-1d9ac09c] {
        -o-object-fit: cover;
        object-fit: cover;
        width: 70% !important;
        height: auto !important;
    }
    .item-add[data-v-1d9ac09c], .item-decrease-quantity[data-v-1d9ac09c]{
        border:0 !important;
        padding:0 !important;
        
    }
    #ordering-app > div > div > div.flex.flex-wrap > div > div > div.flex-1.flex.justify-center.quantity-controls{
        flex:2 !important;
    }
    .cart-product-name, #ordering-app > main > div > div > div > div > div > div > span, #ordering-app > div > div > div.flex.flex-wrap > div > div > div > span{
        font-size:14px !important;
    }
    .cart-title.text-center{
        font-size:30px !important;
    }
    .shop-button.shop-add-to-cart-button{
        margin-top:20px !important;
    }
    .no-padd3{
        margin-top:-150px !important;
        padding:30px !important;
    }
    .no-mar4{
        margin-top:-650px !important;
    }
    .no-padd2{
        padding:20px !important;
    }
    .no-mar2{
        margin-top:20px !important;
    }
    .static{
        position:static !important;
        margin-top:20px;
    }
    .bord:before, .bord2:before{
        display:none !important;
    }
    .pink-box{
        padding: 50px !important;
        margin-top:20px !important;
    }
    .no-mar{
        margin-top:0 !important;
    }
    .smaller{
        font-size: 45px !important;
        line-height: 63px !important;
    }

}
.btn.is-btn-primary{
    text-transform:uppercase !important;
    letter-spacing:1px !important;
}
.close {
    font-size: 30px !important;
    font-weight: 100 !important;
    border: 1px solid #000 !important;
    padding:5px !important;
    color:#000 !important;
    opacity:1 !important;
}
/*services*/
.fa-arrow-circle-right{
    display:none !important;
}

.owl-carousel .owl-item {
    width: 180px !important
}


.item-tags {
    display: none;
}


.btn-rengine.orphan{
    padding: 12px 23px !important;
    border-radius: 0;
    font-style: normal !important;
    text-transform:uppercase !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 150.9% !important;
    color: #2E353D !important;
    border:1px solid #2E353D !important;
    background:transparent !important;
    margin-top: 38px !important;

}
.btn-rengine.orphan:hover{
    background: #A95D48 !important;
    color:#F4EBE9 !important;
    border:1px solid #A95D48 !important;
}
.orphan{
    font-style: normal;
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 150.9% !important;
    color: #636583 !important;
}
.booking-form{
    box-shadow: none !important;
}
.book-button>.fa-calendar{
    display:none !important;
}
.book-button {
    padding: 12px 23px !important;
    border: 1px solid #2E353D !important;
    font-style: normal !important;
    text-transform:uppercase !important;
    background:transparent !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 150.9% !important;
    color: #2E353D !important;
    border-radius:0 !important;
}
.book-button:hover{
    background: #A95D48 !important;
    color:#F4EBE9 !important;
    border:1px solid #A95D48 !important;
    
}
.result-item, .summary, .extras, .driver, .action-container, .success-container, .review-area, .calendar-period, .choose-calendar-period{
    background-color: #F4EBE9 !important;
    border: none !important ;
}
.service-name.padd20t{
    font-style: normal;
font-weight: 700 !important;
font-size: 20px !important;
line-height: 26px !important;
color: #000000 !important;
}
/*end of services*/

/*shop*/
.cart .cart-item[data-v-1d9ac09c] {
    width: 100%;
    min-width: 100%;
    padding: 40px 15px !important;
    border-bottom: 1px dashed #2E353D !important;
    
}
.item-container.col:hover{
    border: 1px solid #000 !important;
    transition: at ease 0.3s !important;
}

/*afairesi tou kwdika poy svhnei to + kai to - sta proionta 
#ordering-app > main > div > div> div > div > div > div.flex.justify-between > div{
    display:none !important;
}
*/
.fal.fa-6x.fa-bags-shopping{
    color:#2E353D !important;
}
#ordering-app .checkout-container .rightside{
    background: #F4EBE9 !important;
}
#ordering-app > main > div > div > div > div.add-to-cart-sidebar > div > div.top > div > div{
    text-align:center!important;
}
#ordering-app > main > div > div > div > div.add-to-cart-sidebar > div > div.top > div > div > p{
        font-style: normal;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 150.9% !important;
    color: #4a6568 !important;
    margin-top: 12px !important;
    text-align: center !important;
}
#ordering-app > main > div > div > div > div.add-to-cart-sidebar > div > div.top > div > div > span{
    text-align: center;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 23px !important;
    color: #2E353D !important;
}
.fal.fa-5x.fa-cart-arrow-down{
    color:#2E353D !important;
}
#ordering-app > main > div > div > div > div.add-to-cart-sidebar > div > div.top > div.row.text-center > div > span{
    font-style: normal !important;
    line-height: 150.9% !important;
    color: #2E353D !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}
.add-to-cart-sidebar[data-v-7adbda9c]{
    background: #F4EBE9 !important;
}
.justify-between.items-center.btn.is-btn-primary{
    text-transform:uppercase !important;
    font-style: normal;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 150.9% !important;
}
 #ordering-app > div > div > div.flex.flex-wrap > div > span > strong, #ordering-app > div > div > div.flex.flex-wrap > div > span > span > strong, #ordering-app > div > div > div.flex.flex-wrap > div.w-100.center > a > span,#ordering-app > div > div > div.text-center > a{
     font-style: normal;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 150.9% !important;
    color: #2E353D !important;
 }
#ordering-app > div > div > div.flex.flex-wrap > div > div > div.flex-1.flex.justify-center.quantity-controls{
    flex-direction: row !important;
    justify-content: space-evenly !important;
    align-items: center !important;
}
.item-add[data-v-1d9ac09c], .item-decrease-quantity[data-v-1d9ac09c] {
    border-radius: 0 !important;
    border: 1px solid #2E353D;
    padding: 13px;
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2E353D !important;
}
.cart .cart-item .fa-trash[data-v-1d9ac09c] {
    border: 1px solid #000 !important;
    color: #000;
    padding: 10px !important;
}
.cart-product-name{
    font-style: normal;
    font-weight: 400 !important;
    font-size: 18px ;
    line-height: 23px !important;
    color: #2E353D !important; 
}
.cart-title.text-center{
    font-style: normal;
    font-weight: 400!important;
    font-size: 80px;
    line-height: 103px !important;
    color: #2E353D !important;
}
#ordering-app > main > div > div > div > div > div > hr{
    border-top: 1px dashed #000 !important;
}
#ordering-app > main > div > div> div > div.col-md-6.mb-4.text-center{
    box-shadow: 0px 5.2448px 26.224px rgba(112, 106, 106, 0.15) !important;
}
.shop-button.shop-add-to-cart-button{
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 150.9% !important;
    text-transform:uppercase !important;
}
.quantity-control[data-v-67ef3dd6] {
    border-radius: 0 !important;
}
.alert-success {
    background: linear-gradient(93.33deg, #ECF4E9 0.89%, rgba(236, 244, 233, 0) 127.21%) !important;
    color: #275E14 !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 150.9% !important;
    text-transform: uppercase !important; 
    text-align: center !important;
    border:none !important;
}
#ordering-app > main > div > div > div > div> div > div > span, #ordering-app > div > div > div.flex.flex-wrap > div> div > div > span{
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 24px;
    line-height: 150.9% !important;
    color: #fffff !important; 
}
#ordering-app > main > div > div > div > div > div > div.mb-3 > h3{
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 30px !important;
    line-height: 100.9% !important;
    color: #2E353D !important;
}
.breadcrumb.checkout-breadcrumb li a {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #A95D48 !important;
}
.item-container {
    box-shadow: 0px 3.43483px 17.1742px rgb(112 106 106 / 15%) !important;
    background: #fff !important;
    border-bottom: none !important;
    padding: 18px 20px !important;
    margin: 20px !important;
}
.item-container .item-name > a {
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 150.9% !important;
    color: #4a6568 !important;
    padding-top: 20px !important;
    display: block;
    text-align: center;
    text-transform: uppercase;
    
}
.item-price.center>span{
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 150.9% !important;
    color: #2E353D !important;
}

.cart-item-count.badge {
    background-color: #4a6568 !important;
    color: #fff !important;
}
.item-filters-container .filter-label {
    text-transform: uppercase !important;
    padding-bottom:20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 150.9% !important;
    color: #2E353D !important;
    margin-top: 8px;
    margin-bottom: 8px;
    display: flex;
    text-decoration: none;
    justify-content: center !important;
}
.btn.btn-default {
    color: #fff !important;
    background-color: #4a6568 !important;
}
.ui-widget-header {
    border: 1px solid #dddddd !important;
    background: #e9e9e9 !important;
    font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5 !important;
    background: #f6f6f6 !important;
    font-weight: normal;
    color: #454545;
}
.price-filter-input{
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18.3484px !important;
    line-height: 150.9% !important;
    color: #2E353D !important;
    display: flex !important;
    justify-content: center !important;
}

/*end of shop*/
.bord2:before{
    content: '';
    position: absolute;
    top: 22px;
    left: -20px;
    border: 1px solid #2E353D;
    width: 558px;
    height: 529px;
    z-index: 1;
}
.bord:before{
    content: '';
    position: absolute;
    top: 62px;
    left: 40px;
    border: 1px solid #2E353D;
    transform: rotate(-6.7deg);
    width: 344.55px;
    height: 441.2px;
    z-index: 1;
}

/*forms */
.btn-default.btn.is-btn-primary.send-btn{
    padding: 16px 34px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 150.9% !important;
    color: #fff !important;
    letter-spacing:0 !important;
    background: #4a6568 !important;
    padding: 10px 34px !important;
    border-radius:0 !important;
}
.btn-default.btn.is-btn-primary.send-btn:hover{
    background: #fff !important;
    color: #4a6568 !important;
}

.form-control{
    border-bottom: 1px dashed #000000 !important;
    background:transparent !important;
    border-top:0 !important;
    border-left:0 !important;
    border-right:0!important;
    border-radius:0 !important;
}
.form-control>label{
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 150.9%;
    color: #2E353D;
}


/*end of forms*/

.dropdown-menu>li>a {
    font-style: normal;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 150.9% !important;
    color: #2E353D !important;
    border-bottom: 1px dashed !important;
    padding: 10px 0 !important;
}
.dropdown-menu {
    padding: 31px 43px !important;
    box-shadow: none !important;
    border: none !important;
    
}
@media(max-width:564px){
.dropdown-menu {
    padding: 31px 15px !important;
    box-shadow: none !important;
    border: none !important;
    margin: 10px;
}
    .dropdown-menu>li>a {
        font-size: 16px !important; 
    }
    
}
    
.navbar-nav>li>a{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150.9%;
    color: #2E353D;
    text-transform:uppercase;
}
.nav>li>a {
    padding: 10px 22px !important;
}
/*
.navbar-nav>li>a:focus{
    color: #F4EBE9 !important;
    background: rgba(169, 93, 72, 0.8) !important;
    box-shadow: inset 0px 4px 4px rgb(0 0 0 / 25%) !important;
}
*/
.justify-between {
    justify-content: space-between;
    align-items: center;
}

.footer-text, .footer-text>a{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 116.9%;
    color: #F4EBE9;
}



/*ticker*/

@-webkit-keyframes ticker {
  0% {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
 visibility: visible;
  }

  100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
  }
}


@keyframes ticker {
  0% {
 -webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
 visibility: visible;
  }

  100% {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
  }
}

.ticker-wrap {
  width: 100%;
  overflow: hidden;
  padding-left: 100%;
  box-sizing: content-box;
}

.ticker {
display: inline-block;
white-space: nowrap;
padding-right: 100%;
box-sizing: content-box;


-webkit-animation-iteration-count: infinite; 
 animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
 animation-timing-function: linear;
 -webkit-animation-name: ticker;
animation-name: ticker;
 -webkit-animation-duration: 2s;
animation-duration: 35s;
}


.ticker__item {
display: inline-block;

}

.ticker-wrap {
    width: 100%;
    overflow: hidden;
    padding-left: 100%;
    box-sizing: content-box;
}

/*end of hover*/

.owl-stage > div > div> a> div> span{

    display:none;

}
.post-container > div > a > div > span{
   display:none;
}
.post-info > div > h6{
    display:none;
} 


@media(max-width:768px){

  .repeating-header {
         position: unset !important;
     }
   }
   
   @media (max-width: 767px){
    .flex {
        flex-direction: row;
    }
        .items-center{
            align-items: start!important;
        }
    }
    
    
img.img-fluid.shop-item-image{
    max-height:650px!important;
}

.footer-text>a{
    color:#fff!important;
}
.footer{
    background-color: #4a6568!important;
}

@media only screen and (max-width: 768px) {
  #about-img img {
      width: 60%;
      
  }
  
    
}


.is-section.is-section-100.is-box.is-bg-light.is-dark-text.visible-xs {
    
    min-height: 52vh;
}

.favourite-items-count.badge {
    background-color: #4a6568 !important;
    color: #fff !important;
}


/* slider code */

        .slider-text {
          position: relative;
          font-size: 2rem;
          font-weight: bold;
          text-align: center;
          height: 3rem; 
          overflow: hidden;
          margin-bottom: 1rem;
        }
        
        .word {
          position: absolute;
          opacity: 0;
  		  color:black;
          width: 100%;
          left: 0;
          animation: fade 9s infinite;
        }
        
        .word:nth-child(1) {
          animation-delay: 0s;
        }
        .word:nth-child(2) {
          animation-delay: 3s;
        }
        .word:nth-child(3) {
          animation-delay: 6s;
        }
        
        @keyframes fade {
          0% { opacity: 0; transform: translateY(100%); }
          10% { opacity: 1; transform: translateY(0); }
          30% { opacity: 1; transform: translateY(0); }
          40% { opacity: 0; transform: translateY(-100%); }
          100% { opacity: 0; }
        }
        
        .final-text {
          margin-top: 2rem;
          font-size: 1.2rem;
          font-weight: normal;
          text-align: center;
          color: #333;
        }
        
        /* end of slider code */