@import url('https://fonts.googleapis.com/css2?family=Arimo&display=swap');


@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");

 /*  General HTML 
 div.is-sidebar > .is-sidebar-button#code-btn{
     display:block;
 }
*/


body{
    font-family: "Arimo", sans-serif;
    
}
h1,h2,h3,h4,h5,h6{
    font-family: "Arimo", sans-serif;
    
}

div, span{
    font-family: "Arimo", sans-serif;
    

}
p {
    font-family: "Arimo", sans-serif;
    
    hyphens: auto !important;

}

u{
    font-family: "Arimo", sans-serif;
    color: #000 !important;
}

a{
    font-family: "Arimo", sans-serif !important;
   
    
}



.foo-hov:hover{
    color:#FAAD40 !important;
    text-decoration: none !important; 
}
#app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-bg-grey.is-section-100 > div > div > div > div:nth-child(5) > div > img{
    display:none !important;
}
@media only screen and (max-width: 500px){
    .repeating-header.clearfix .is-container {
        overflow-x: visible !important;
    }
}
#app > div.container-fluid.service > div:nth-child(2) > div.row.related{
    margin-left:-53px !important;
}
#app > div.container-fluid.service > div:nth-child(2) > div.row.related > div > h3{
    margin-left:40px !important;
}
#app > div.container-fluid.service > div:nth-child(2) > div.row.related > div{
    z-index:9999 !important;
}
.owl-carousel.disabled{
    pointer-events:auto !important;
}
.navbar{
    
    background-color: #ebb6df !important;
    
}
.currency, .service-total, .service-cost-day{
    display:none !important;
}

@media(max-width:576px){
    .smaller{
        font-size:20px !important;
    }
    .control-label, #bookingform > div:nth-child(1) > div.col-md-3 > div > h4 > div {
       display:none !important; 
    }
    .blue-div{
        max-height:none !important;
        
    }
    .no-mar{
        margin-bottom:20px !important;
    }
    .send-btn{
        position:static !important;
    }
    .form-div{
        padding: 67px !important;
    }
    .fa-send{
        position: static !important;
    }
    .form-p{
        margin-left:0 !important
    }
    .form-name{
        font-size: 30px !important;
        margin: 0 !important;
    }
ul.owl-carousel.visible-xs.nav.nav-pills.navbar-center.slick-initialized.slick-slider > div > div > li.active.slick-slide.slick-current.slick-active.slick-center > a:hover{
    background: rgba(237, 139, 0, 0.5) !important;
    border:1px solid rgba(237, 139, 0, 0.5) !important;
    border-radius: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    color: #2C3E50 !important;
}

ul.owl-carousel.visible-xs.nav.nav-pills.navbar-center.slick-initialized.slick-slider > div > div > li.active.slick-slide.slick-current.slick-active.slick-center > a {
    color: #faad40 !important;
    border: 1px solid #faad40 !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    background-color: #faad4000 !important;
    border-radius: 20px !important;
    letter-spacing:0;
}
ul.owl-carousel.visible-xs.nav.nav-pills.navbar-center.slick-initialized.slick-slider > div > div > li > a {
    font-style: normal;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    color: #2C3E50 !important;
    border:1px solid #2C3E50 !important;
    border-radius:20px !important;
    letter-spacing:0;
}
.slick-initialized .slick-slide{
    padding: 0 12px !important;
}

    
}
.is-btn.is-btn-ghost2.is-upper{
    letter-spacing:0;
}
.fa-arrow-circle-right, .calendar-icon{
    display:none !important;
}

.nav-pills>li{
    padding:0 7px !important;
}
.new-btn{
    padding: 16px 21px !important;
    border-radius:20px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: #2C3E50 !important;
    
}
.form-name{
    font-style: normal;
    font-weight: 400;
    font-size: 35px !important;
    line-height: 150.9% !important; 
    color: #F5F3F3 !important;
    padding: 0;
    margin:0 0 0 50px !important;
}
.form-p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.9%;
    color: #F5F3F3;
    margin-top: -2px;
    margin-bottom: 20px;
    margin-left: 169px;
}
.fa-send{
    position: absolute;
    left: 126px;
    top: 79px;
}

.post-container.flex{
    background: #F5F5F5 !important;
    padding: 17px 31px !important;
    border-radius: 20px;
    margin-top: 20px;
}
#app > div.container.services > div:nth-child(1) > div{
    box-shadow:none !important;
}
.date-spots-rate-group, .price, .total-price-modal, .analytical-cost, .init-price, .total-cost, #app > div.container-fluid.steps > div > div.row.padd50t.padd50b > div.col-md-4.review-area.hidden-xs > hr:nth-child(8){
    display:none !important;
}
.result-item, .summary, .extras, .driver, .action-container, .success-container, .review-area{
    background: #F5F5F5 !important;
    border-radius: 20px !important;
    border:none !important;
    margin-bottom: 30px !important;
    padding-left: 10px;
    padding-bottom: 20px;
    font-family: inherit;
    padding-top: 10px;
}
.service-group{
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color: rgba(0, 0, 0, 0.6) !important;
}
.orphan{
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    line-height: 39px !important;
    color: #636583 !important;
}
#bookingform > div:nth-child(1) > div.col-md-9 > div > input.form-control.picker.flatpickr-input.flatpickr-input.form-control.input{
    border:1px solid #000 !important;
    background:#fff !important;
}
.choose-calendar-period>a{
    font-style: normal;
    font-weight: 400 !important;
    font-size: 10px !important;
    line-height: 14px !important;
    color: #000000 !important;
}
.calendar-period, .choose-calendar-period{
    background-color: transparent !important; 
}
.service-name{
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    line-height: 27px !important;
    color: #000000 !important; 
}
.btn-rengine{
    color:#fff !important;
    background: #2C3E50 !important;
    border:1px solid #2C3E50 !important;
    font-style: normal;
    font-weight: 800 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    border-radius:20px !important;
    padding: 14px 25px !important;
    margin-top:29px !important;
    text-transform:uppercase !important;
}
.book-button,  .btn-slot{
    background:#FAAD40 !important;
    border-color:#FAAD40 !important;
    border-radius:20px !important;
    font-style: normal;
    font-weight: 800 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #2C3E50 !important;
    padding: 16px 21px !important;
    text-transform:uppercase !important;
}
.book-button:hover{
    background: rgba(237, 139, 0, 0.5) !important;
    border: 1px solid #2C3E50 !important;
    border-radius: 20px !important;
}

.owl-carousel.owl-drag .owl-stage-outer .owl-stage .owl-item {
    background: #F5F3F3 !important;
    border-radius: 20px !important;
    padding: 34px 41px !important;
}
.owl-carousel .owl-item img {
    max-height: 100% !important;
}
.owl-item .item .image-preview {
    width: 100% !important;
    height: auto !important;
    margin: 0;
}
div.owl-stage-outer > div > div > div > a > h3 {
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    text-transform: capitalize !important;
    color: #2C3E50 !important;
}
div.owl-stage-outer > div > div > div > a > div{
    display:none !important;
}
div.owl-stage-outer > div > div > div > div.flex > span{
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #000000 !important;
}


.form-control{
    border-radius: 10px !important;
    padding: 13px 16px !important;
    background: #F5F3F3 !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color: #2C3E50 !important;
}
.form-div{
    background: rgba(217, 217, 217, 0.3);
    border-radius: 20px;
    padding: 67px 126px;
}
.send-btn{
    padding: 16px 21px !important;
    position: absolute;
    left: 266px;
    top: 295px ;
    border-radius:20px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: #2C3E50 !important;
}
.image{
    margin-top:12px;
}

.yellow-btn{
    
    display: none;
}
.yellow-btn>a{
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    line-height: 19px !important;
    color: #2C3E50 !important;
    background: #FAAD40 !important;
    border:1px solid #FAAD40 !important;
    border-radius: 20px !important;
}
.yellow-btn>a:hover{
    background: rgba(237, 139, 0, 0.5) !important;
    border: 1px solid #2C3E50 !important;
    border-radius: 20px !important;
}
.nav-pills > li a:hover{
    background: rgba(237, 139, 0, 0.5) !important;
    border:1px solid rgba(237, 139, 0, 0.5) !important;
    border-radius: 20px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    color: #2C3E50 !important;
}

.nav-pills > li.active a {
    color: #faad40 !important;
    border: 1px solid #faad40 !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    background-color: #faad4000 !important;
    border-radius: 20px !important;
    letter-spacing:0;
}
.nav-pills > li>a{
    font-style: normal;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 30px !important;
    color: #2C3E50 !important;
    border:1px solid #2C3E50 !important;
    border-radius:20px !important;
    letter-spacing:0;
}
.bullets > li::marker{
    color: #FAAD40 !important;
}

/*.bullets > li::before {*/
/*  content: "\2022";*/
/*  color: #FAAD40;*/
/*  font-weight: bold;*/
/*  display: inline-block; */
/*  width: 1em;*/
/*  margin-left: -1em;*/
/*}*/

.navbar-static {
    position: static !important;
    top: auto !important;
    
}

.navbar-nav>li>a{
    font-family: "Arimo", sans-serif !important;
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 19px;
    color: #000 !important;
    text-transform: capitalize;
    padding: 10px 30px;
}

.footer {
    
    background-color: #de1d27 !important;
    
}

.footer a{
    
    color: #ecb6de !important;
    
}
.footer-text{
    font-family: "Arimo", sans-serif !important;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 116.9%;
    color: #ecb6de !important;
}


.navbar-nav img {
    width: 150px;  
    height: auto;
}

.btn.is-btn-primary {
    color: #fff !important;
    background-color: #de1d27 !important;
    border-color: #de1d27 !important;
    
}


.btn.is-btn-primary:hover {
    color: #fff !important;
    background-color: #de1d27 !important;
    border-color: #000 !important;
    
}

.btn.btn-primary {
    color: #fff !important;
    background-color: #de1d27 !important;
    border-color: #de1d27 !important;
    
}

.btn.btn-primary:hover {
    color: #ebb6df;
    background-color: #de1d27 !important;
    border-color: #000 !important;
    
}

.form-name {
    
    color: #000 !important;
    margin: 0px !important;
}

input.form-control {
    
    border-color: #000 !important;
}

textarea.form-control {
    border-color: #000 !important;
}


@media only screen and (max-width: 768px) {
/*    img.aos-init.aos-animate {
    width: 8%;
}*/


#f-newsletter {
    margin: 15px;
}

.navbar-nav {
    
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  
.navbar-brand>img {
 
    width: 60%;
}

.navbar-header {
  display: flex;
  align-items: center; 
}

.navbar-toggle {
  margin: 0; 
  padding: 0; 
  align-self: center; 
}

.owl-stage {
    
    width: auto;
}

#img-address, #img-mail, #img-tel {
    width: 25% !important;
}

}

/* corner-box */
.corner-box {
  position: relative;
  
  padding: 0.5em 1em;
  font-size: 2rem;
  color: #de1d27;
  display: flex;
  justify-content: center;
}

.corner-box::before,
.corner-box::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-color: #de1d27;
  border-style: solid;
}

/* Πάνω αριστερή γωνία */
.corner-box::before {
  top: 0;
  left: 0;
  border-width: 2px 0 0 2px;
  animation: topLeftCorner 1s ease-out 2 forwards; 
}

/* Κάτω δεξιά γωνία */
.corner-box::after {
  bottom: 0;
  right: 0;
  border-width: 0 2px 2px 0;
  animation: bottomRightCorner 1s ease-out 2 forwards; 
}


@keyframes topLeftCorner {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 20px;  
    height: 30px; 
  }
}

@keyframes bottomRightCorner {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 20px;  
    height: 30px; 
  }
}

/* end of corner-box */

#cconsent-bar {
    background-color: #de1d27 !important;
    color: #ecb6de !important;
    font-family: "Arimo", sans-serif !important;
}

#cconsent-bar button {
    color: #de1d27 !important;
    background-color: #ecb6de !important;
    
}



.blue-div {
    margin-bottom: -45px !important;
        
    }
    
/* corner-hover */

.navbar-nav>li>a::before, .navbar-nav>li>a::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 2px solid #de1d27;
  opacity: 0;
  transition: 0.3s;
}

/* Πάνω αριστερή γωνία */
.navbar-nav>li>a::before {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}

/* Κάτω δεξιά γωνία */
.navbar-nav>li>a::after {
  bottom: 0;
  right: 0;
  border-left: none;
  border-top: none;
}

.navbar-nav>li>a:hover::before,
.navbar-nav>li>a:hover::after {
  opacity: 1;
}

.navbar-nav>li>a:hover {
  color: #de1d27 !important;
}

/* end of corner-hover */

#ordering-app {
    
    background-color: #f5f3f3 !important;
}

a.ccb__edit {
    
    color: #ecb6de !important;
}

.lg-container-40 {
        width: 30% !important;
    }
    
    @media (min-width: 900px) {
    .lg-container-40 {
        width: 30% !important;
    }
}



    .container-43 {
        width: 25% !important;
        
        
    }
    


main.post-wrapper img.post-image {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 60%;
    height: auto;
}

img.post-image {
    min-width: 200px !important;
    border-radius: 50% !important;
}







/* testimonials */

.testimonial {
  color: #000;
  font-family: "Arimo", sans-serif;
  font-size: 15px;
  line-height: 1.6em;
  text-align: center;

 
 
  
}

#content {
  max-width: 600px;
  
}

.testimonial blockquote {
  margin: 20px 20px 0;
  background: rgb(235,182,223) !important;
  padding: 20px 60px;
  position: relative;
  border: none;
  border-radius: 15px;
  font-family: "Arimo", sans-serif;
  text-align: justify;
  hyphens: auto;

  
}

.testimonial blockquote:before,
.testimonial blockquote:after {
  content: "\201C";
  position: absolute;
  font-size: 80px;
  line-height: 1;
  color: rgb(222,29,39);
  font-style: normal;
}

.testimonial blockquote:before {
  top: 0;
  left: 10px;
}

.testimonial blockquote:after {
  content: "\201D";
  right: 10px;
  bottom: -0.5em;
}

.testimonial div {
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 20px solid transparent;
  /*border-top: 20px solid rgb(235,182,223) !important;*/
  border-top: 20px solid var(--bubble-color, rgb(235,182,223));
  margin: 0 0 0 60px;
  
}

.testimonial p {
  margin: 8px 0 0 20px;
  text-align: left;
  color: #fff;
  
}

/* end of testimonials */

.flex span {
    display: none !important;
}


a.single-post-link {
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
    
    .row {
        margin-bottom: 0px !important;
    }
    
    input#post-search {
    width: 200% !important;
}

    .form-name {
    font-size: 34px !important;
}

div.owl-stage-outer > div > div > div > a > h3 {
    font-size: 18px !important;
    white-space: normal;
}

.owl-stage-outer {
    margin-bottom: 0px !important;
}

.searchbar {
    display: none !important;
}

i.fal.fa-search {
    display: none !important;
}

.container-43 {
    width: auto !important;
}

.post-title {
    
font-size: 15px !important;
}

.post-descript {
    
font-size: 15px !important;
}
}