
.h3flex {
    flex-direction: row;
    padding: 0px;
    margin-bottom: 12px;
}

.fli {
    margin: 2px;
}

.h3flex h3 {
    font-size: 0.86rem;
}




.fsize11 {
    font-size: 1.1rem;
    text-align: left;
}

  .tpmsg {
    border-left: 22px solid #cbcbcb;
    padding: 22px;
    }



.tripchoiseimagr{
align-items: center;
display: flex;
flex: 1;
}


.tripchoise {
    width: 140px;
    height: auto;
}



.bannerh1 {
    font-size: 3rem;
}

.fs20 {
    font-size: 2rem;
}

  .rsadd {
        width: 320px;       
        margin-left: auto;
        margin-right: auto;
        font-size: 1.4rem;  
        padding: 12px;      
    }



        .menu a {
			font-size:0.90rem;
        }






        .logo {
            width: 260px;
        }


 .offcanvas.offcanvas-end {
  width: 480px; 

  }


        .social-icons {
    gap: 15px;
    padding: 12px;
	align-items: center;

        }


.item-zoom {
	position: relative;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.item-zoom img {
	vertical-align: top;
	max-width: 100%;
	width:100%;
	max-height:266px;
	min-height:266px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.item-zoom:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}




        .banner {
      min-height: 600px;

        }


.p22-0{
padding:22px 0px;
}

.p22-gray{
padding:22px 0px;
}


.card-img-overlay{
position:absolute;
top:0;
height:100%;
}




.xbanner {
  min-height:700px;
}





.tripmai{
text-align:left;
background-color:transparent;
}

.fs15 {
font-size: 1.6rem;
justify-content: center;
}


.banner   picture img {
    height: 700px;
  }


.position-relative picture img {
  height: 340px; 
}

.whyantelopeimg picture img {
  height: 600px; 
}






.scroll-container {
	flex-wrap:wrap;
}

.fw-100{
width:auto;
}

.perigraf{
padding:22px;

}

.filterpackages{
padding:0.4rem;
}



.btnright-container{
padding:12px;
}


#cta-button {
    display: none !important;
  }



.card-container{
padding:12px;
	-webkit-box-shadow: 0px 2px 10px rgb(29, 58, 83, , 0.2);
    box-shadow: 0px 2px 10px rgb(29, 58, 83,  0.2);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    word-wrap: break-word;
    background-clip: border-box;
border-bottom-left-radius: 22px;
border-bottom-right-radius: 22px;
}





.nav-divider{
padding:6px;
}




ul.nav-divider > li{
font-size:0.84rem;
}


ul.nav-divider > li svg{
width:28px;
}

.picture-container-relative picture img {
  height: 280px; 
}




.review-card {
  flex: 1 1 calc(33.333% - 20px); 
  max-width: calc(33.333% - 20px);
}








.mt-md-n8 {
    margin-top: -10rem !important;
}


.mt-sm-n7 {
    margin-top: -8rem !important;
}
.mt-n5 {
    margin-top: -7rem !important;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}


  picture img {
    max-height: 640px;
    height: auto; 
  }













.p-4 {
  padding: 1.5rem;
}


  .hide-shadow-padding-on-mobile {
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
       padding: 1.5rem!important;
	margin-right:auto!important;
	margin-left:auto!important;
  }







  .cards-container-round article.destination-card-round {
    flex: 0 0 48%;
  }

#section-tophotelsgreece .destination-card {
  flex: 1 1 22%;
  }


  .mobile-scroll-wrapper {
    overflow: visible;
  }

  .mobile-scroll-wrapper .row {
    flex-wrap: wrap;
  }




.nav-responsive {
        overflow-x: hidden;
    }

    .nav-responsive .nav-link {
        flex: 1 1 0;      
        text-align: center;
    }
.bfooter-section {
    flex: 1 1 23%;
  }


.cc5{
column-count:5;
}




.sph-HorizontalNavBarScroller_Contents_top {
flex-wrap:wrap;
line-height:8px;
}


.packagelist_container{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-sizing: border-box;
padding-top:0px;
width:80%;
margin:0 auto;
gap:4px;
}


.filterpackages25{
background-color:#f4f4f4;
 flex-basis: 33% ;
 box-sizing: border-box;
 max-width:33%;
}




.bottom-right{
padding:6px;
bottom: 60px;
min-width:120px;
right: 10px;
}





.sph-HorizontalNavBarScroller_Wrapper{
overflow:hidden;
}













.xxcontainer {
flex-wrap: wrap;
overflow-x: visible;
white-space: normal;

}

.item {
            min-width: 150px;
            height: 100px;
            background-color: steelblue;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            scroll-snap-align: start;
        }




.howitheader {
    padding: 12px;
    font-size: 2.2rem;
    font-weight: 300;
    display: flex;
    justify-content: space-around;
	}




.whyantelopeimg {
    flex: 0 0 420px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}








.orangeconatiner {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 12px;
}


.quo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}


.whyantelopelist {
    display: flex;
    flex-direction: column;
}


.whyantelopetext {
    flex: 1%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}






.whyantelopegrid{
	flex-direction:row;
}
