header .site-branding-logo {
    padding: 1px 0;
    display: inline-block;
    max-height: 90px;
}
.header-main.gv-sticky-menu {
    background: #ffffffad;
}
.social-inline {
    text-align: center;
}
.owl-carousel .owl-nav > div {    border-radius: 0!important;}
header.header-v1 .gva-search-region i {
    color: #616161;
}
header.header-v1 .gva-search-region i:hover {
    color: #eb690b;
}
.footer-inner .social-inline img {width: 50px;}
div#TA_socialButtonIcon143 { display: inline;margin-left: -4px;}
.socialWidgetContainer a{ margin:0}
.socialWidget {width: 58px;}
.social-inline {margin-top: 40px;}
.frontpage .widget.gsc-call-to-action.button-bottom.text-dark {
    position: ABSOLUTE;
    background: #ffffff;
    border: 2px solid #e0e0e0;
    z-index: 9;
    height: 335px;
    padding: 25px;
    box-shadow: 12px 11px 20px 0px #00000069;
    width: 657px;
    margin-top: 32px;
}
.frontpage .widget.gsc-call-to-action.button-bottom.text-dark:before {
    background: url(/sites/default/files/inline-images/karavela-ship.svg) center center;
    background-repeat: no-repeat;
    opacity: 0.06;
    background-size: 327px;
    content: "";
    position: absolute;
    width: 500px;
    height: 300px;
}
.frontpage .widget.gsc-call-to-action.button-bottom .button-action {
    text-align: right;
    margin-top: -13px!important;
}
.fa-dribbble:before {
    content: "\f167"!important;
}
ul.contact-info {    line-height: 45px;}
div#block-allageglossas-2 {position: absolute;right: 0;top: 20px;}
ul.links {list-style: none;}
header .area-main-menu .gva-search-region {right: 55px;}
header.header-v1 .header-inner {padding-right: 80px;}
img.language-icon {width:25px;}
div#block-allageglossas-2 li{opacity:0.5;}
div#block-allageglossas-2 li.is-active,div#block-allageglossas-2 li:hover { opacity: 1;}
.footer-contact {    background: url(/sites/default/files/inline-images/karavela-ship-white.svg) center center;
    background-repeat: no-repeat;
    background-size: 245px;
   position: absolute;
        width: calc(100% - 31px);
    height: 210px;}
.frontpage .gva-view ul.js-pager__items.pager{display:none}
div#menu-links-fixed {
    position: fixed;
    top: 45%;
    right: 0;
    z-index: 2;
    padding: 0;
    width: 130px;
}
div#menu-links-fixed li {
    list-style: none;
    background: #eb690b;
    box-shadow: 2px 3px 11px 0px #00000066;
    margin-bottom: 4px;
}
div#menu-links-fixed pre {
    background: none;
    border: none;
    line-height: 4px!important;
}
div#front-social {padding: 10px;}
div#menu-links-fixed ul {padding-left: 0;width: 125px;}
div#menu-links-fixed li:hover a{color:#eb690b;background:white}
div#menu-links-fixed a {
    color: white;
    font-size: 16px;
    width: 130px;
    height: 30px;
    display: block;
    padding: 12px 7px;
    line-height: 7px;
}
div#loc-tlt {

}
div#loc-tlt p {
    font-size: 30px;
    margin-bottom: 0;
    padding: 5px;
}
div#loc-info {
    background: #f4f4f47a;
    padding: 19px;
    padding-top: 37px;    
}

.infotxt em {
    position: absolute;
    left: 110px;
    font-style: normal;
    color: #eb690b;
}
#footer h2.block-title {    
    border-bottom: 2px solid #414141;
    margin-bottom: 20px;
}
#footer h2.block-title span{color:#eb690b!important;font-size:24px}
div#karav-hist .bb-inner.default {padding: 10px 0 50px 0;}
.scrollup {border-radius: 0;    z-index: 1;right: 15px!important; }
span.widSSPPopIdxData.widSSPPopIdxNumbers sup {top: 0;}
.menu-food-block.teaser-2 img {max-width: 101%;}
div#front-about .bb-inner.default {padding: 0;}
div#front-menu .bb-inner.default{padding-bottom: 0;}
div#front-social .bb-inner.default{padding:10px;}
div#trip-reviews-front .bb-inner.default {padding-top:0}
div#owl-reviews .owl-page {
    width: 24px;
    height: 24px;
    cursor: pointer;
    padding:1px;
    background: white;
    display: inherit;
    margin: 3px;
    border-radius: 50%;;
    border: 2px solid #535353;
}
.rev-dates {color: #a8a8a8;}
div#owl-reviews .owl-pagination {margin-top: 30px;}
div#owl-reviews .item.review {float: left;width: 100%;height: 220px;}
div#owl-reviews .rev-titles {border-bottom: 2px solid #00a680;width: max-content;margin: auto;display: table-cell;}
div#owl-reviews h3 {margin-bottom: -3px;}
div#owl-reviews .rev-dates i {color: #00a680;}
.column-content-inner .widget.milestone-block.col-lg-3 {    padding-left: 15px;    padding-top: 20px;}
div#block-milestonenumbers {margin-top: 45px;}
div#owl-reviews a:hover{color:#5a5a5a}
div#owl-reviews .owl-stage-outer {border-bottom: 1px solid #00a680;}
div#owl-reviews .owl-page.active:before {content:"";display:block;margin:3px;background:#eb690b;width: 12px;height: 12px;border-radius: 50%;}
div#owl-reviews .owl-page.active,.owl-page:hover{border: 2px solid #eb690b;}
div#owl-reviews .owl-page:before{content:"";display:block;margin:3px;background:#535353;width: 12px;height: 12px;border-radius: 50%;}
div#owl-reviews .owl-item.active,div#owl-reviews .owl-stage,div#owl-reviews .owl-item.active {width: 100%!important;text-align: center;}
.widget.milestone-block.col-lg-3 {height: 117px;background: #c9c9c9; border-radius: 0;}
div#owl-reviews .col-lg-8.col-md-8.col-sm-12.col-xs-12:before {
    font-size: 180px;
    color: #00a680;
    position:absolute;
    line-height: 89px;
    left:0;
    font-family: serif;
    opacity: 0.3;
    z-index: 0;
    content: "\201C";
    text-shadow: 5px 5px 6px #00000070;
}
.widget.milestone-block.col-lg-3:first-child:before {
    content: "\f040";
    position: absolute;
    top: -12px;
    left: 125px;
    color: #ececec;
    font-family: FontAwesome;
    z-index: 0;
    font-size:80px;
}
.widget.milestone-block.col-lg-3:nth-child(2):before {
    content: "\f005";
    position: absolute;
    top: -12px;
    left: 75px;
    color: #ececec;
    font-family: FontAwesome;
    z-index: 0;
    font-size:80px;
}
.widget.milestone-block.col-lg-3:last-child:before {
    content: "\f164";
    position: absolute;
    top: -12px;
    left: 170px;
    color: #ececec;
    font-family: FontAwesome;
    z-index: 0;
    font-size:80px;
}
div#block-milestonenumbers .milestone-right {z-index: 1;position: relative;}
div#contact-info h2 {font-size: 33px;}
.loc-btn-text button{border-color:#434343;color:#434343}
.loc-btn-text {
    padding: 10px;
    text-align: center;
    font-size: 22px;   
}
div#loc-button-wrap .default {padding:0}
#locationmodal .modal-dialog {width: 637px;    margin: auto;}
#locationmodal .modal-content {border-radius: 0!important;}
.modal-header .close {
    margin-top: -30px;
    font-size: 35px;
}
.widget.gsc-heading .title{font-size: 26px;}
.widget.gsc-heading .sub-title {font-size: 45px;line-height: 42px;}
.widget.gsc-heading .title-desc {font-size: 20px;}
.slider-sm-text {font-size: 27px!important;}
.frontpage .widget.gsc-call-to-action.button-bottom.text-dark {overflow:hidden}
div#owl-reviews .rev-quotes {margin-top: 10px;}
div#block-instagramblock img {width: 118px;}
footer#footer .footer-center {padding-bottom:10px}
.footer-first.col-lg-4.col-md-4.col-sm-12.col-xs-12.column {height: 285px;}
i.gv-icon-52 {font-size: 20px;}
div#karav-hist .gsc-column.col-lg-4.col-md-4.col-sm-12.col-xs-12 {text-align: center;}
div#karav-hist .gsc-column.col-lg-4.col-md-4.col-sm-12.col-xs-12 img {max-width: 101%;}
ul[data-drupal-views-infinite-scroll-pager].pager a {border-radius: 0;}

.rev-quotes {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.views-field.views-field-field-gallery-image {
    margin-bottom: 30px;
}





@media (min-width: 992px){
header.header-v1 .navigation .gva_menu > li > a {
    color: #616161;
    font-size:17px;
}
.rev-quotes {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
}
@media (min-width: 735px){
.slider-bg-text {
    white-space: normal!important;
    width: 765px;
}
}



@media (max-width: 1214px) and (min-width: 1200px){
div#block-instagramblock img {width: 116px;}
}

@media (max-width: 1199px) and (min-width: 992px){
.frontpage .widget.gsc-call-to-action.button-bottom.text-dark {
    height: 395px;
    width: 500px;
}
div#CDSWIDSSP {
    min-width: 190px;
    width: 97%!important;
}

#CDSWIDSSP .widSSPData .widSSPBranding dt {
    width: 100%;
}
div#block-instagramblock img {width: 92px;}
.locat-frst-txt-img .gsc-column{width:50%}
.locat-frst-txt-img .gsc-column:nth-child(2){width:50%;margin-top:80px}
}


@media (max-width: 991px) and (min-width: 768px){
.fr-about-image { text-align: right;}
.frontpage .widget.gsc-call-to-action.button-bottom.text-dark {
    width: 327px;
    height: 385px;
}
#front-about .desc p:nth-child(2) {    display: none;}
div#front-about h2 { font-size: 27px;}
div#block-instagramblock img { width: 115px;}
.about-two-img { width: 50%;}
}
@media (max-width: 767px) and (min-width: 623px){
div#block-instagramblock img {width: 15.8%;}
.about-two-img { width: 50%;}
}

@media (max-width:710px) and (min-width:480px){

.gsc-tab-views.block.widget.gsc-tabs-views-ajax.style-1 li,.gsc-tab-views .nav.nav-tabs li {width: 49.5%;margin:1px;}
.gsc-tab-views ul.nav-tabs {display: block;}

}

@media (max-width: 1199px){
.cont-trip-widget {width: 100%;padding-top: 25px;margin-bottom: -70px;}
.cont-trip-widget div#CDSRATINGWIDGET159 { margin: auto;}
}


@media (max-width: 991px){
div#front-social .gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12 {display: none;}
div#trip-reviews-front .gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12 { width: 100%;}
div#trip-reviews-front .column-inner.bg-size-cover {background-image:url(https://www.karavela.gr/sites/default/files/gva-sliderlayer-upload/0026-05p533.jpg)!important}
#trip-reviews-front .owl-controls.clickable {background: #dddddd;}
div#owl-reviews .item.review {
     height: 100%;
     height: fit-content;
     min-height: fit-content;
}
.owl-stage-outer { background: #e7e7e7;}
#footer {text-align:center}
div#block-gavias-gito-copyright .pull-left,
div#block-gavias-gito-copyright .pull-right.text-right  {width:100%;text-align:center;}
div#block-allageglossas-2 {
    padding: 15px;
    border-bottom: none;
    top: 7px;
}
div#block-allageglossas-2 li{display: inline;margin-right: 10px;}
header.header-v1 .header-inner {padding-right: 0;}
header .area-main-menu .gva-search-region .search-content {
    right: -70px;
    padding: 10px;
    top: 56px;
    width: 313px;
}
.about-four-img img {margin-bottom: 25px;}
div#loc-tlt {margin-top: 25px;}
div#contact-info {padding-top: 25px;}
.cont-trip-widget {padding-top: 0; }
}

@media (max-width: 767px){
.frontpage .widget.gsc-call-to-action.button-bottom.text-dark {
    position: initial;
    box-shadow: none;
    height: auto;
    width: 100%;
}
.frontpage .widget.gsc-call-to-action.button-bottom.text-dark:before{width: 100%;background-size: 61%;}
.fr-about-image {text-align: center;}
div#front-social .gsc-column.col-lg-2.col-md-2.col-sm-4.col-xs-12 {margin-bottom:10px}
.widget.milestone-block {  margin-right: 5px;   width: 32.5%;}
}


@media (max-width: 734px){
.tp-parallax-wrap, .tp-loop-wrap {
    width: 100%!important;    
    margin: auto;
    left: 0;
}
.tp-caption.text.text-center.slider-sm-text.slide-style-4.skrollable.skrollable-between {
    width: 88%;
    line-height: 27px!important;
    flex-wrap: wrap;
    white-space: normal!important;
    text-align: center;
}
}

@media (max-width: 660px){
#locationmodal .modal-dialog {width: 90%;}
iframe#directionmapframe { width: 100%;}
iframe#directionmapframe {height: 716px;}
#right-panel {height: 380px;}
}

@media (max-width: 622px){
div#block-instagramblock img {width: 31.8%;}
.about-two-img img:first-child{margin-bottom:20px}
}

@media (max-width: 619px){
.widget.milestone-block {  margin-bottom: 20px;   width: 100%;}
}

@media (max-width: 560px){
.slider-sm-text {font-size: 20px!important;}
}

@media (max-width: 500px){
.loc-map {float: none!important;text-align: center;width: 100%!important;}
.infotxt {width: 100%!important;}
.infotxt p{background:#f2f2f2;padding-left:5px;}
}

@media (max-width:479px){
.gsc-tab-views.block.widget.gsc-tabs-views-ajax.style-1 li,.gsc-tab-views .nav.nav-tabs li {width: 98%;}
.gsc-tab-views ul.nav-tabs {display: block;}
}
@media (max-width: 415px){
.widget.gsc-heading .title {font-size: 22px;}
}
@media (max-width: 400px){
.cont-trip-widget {zoom: 0.8;padding: 0;}
#right-panel {height: 360px;}
#locationmodal .modal-dialog {width: 95%;}
.modal-body {padding: 0;}
}
@media (max-width: 372px){
 div#block-instagramblock img {width: 31%;}
}
@media (max-width:329px){
div#owl-reviews .owl-pagination {zoom: 0.8;}
}




/*COOKIE*/
.eu-cookie-compliance-buttons {
    margin: -3px 0 0px 0;
}

.eu-cookie-compliance-content {
    max-width: 64%;
}

.eu-cookie-compliance-message {
    max-width: 73%;
}
div#popup-text h2 {text-transform: none;}
.eu-cookie-compliance-agree-button, .eu-cookie-compliance-more-button, .eu-cookie-compliance-hide-button {
    border-radius: 0;
    background: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 8px 24px;
    background: white;
    position: relative;
    color: #616161;
    border-color: #616161;
    -webkit-box-shadow: 2px 3px 0 0 #616161;
    box-shadow: 2px 3px 0 0 #616161;
    display: inline-block;
    z-index: 1;
    border: 1px solid;
}
.eu-cookie-compliance-agree-button:hover, .eu-cookie-compliance-more-button:hover, .eu-cookie-compliance-hide-button:hover {color: #fff;background: #eb690b;border-color: #616161;text-shadow: none;box-shadow: none;}

@media (max-width:1470px)
{
.eu-cookie-compliance-content {
    max-width: 83%;
}
.eu-cookie-compliance-message {
    max-width: 70%;
}
   
}

@media (max-width:1145px)
{
.eu-cookie-compliance-content {
    max-width: 98%;
}
   
}
@media (max-width:991px)
{
.eu-cookie-compliance-message {
    max-width: 100%;
}
  div#popup-buttons button {
    display: list-item;
    width: 100%;
}

div#popup-text {
    padding-top: 17px;
   
    
} 
}

@media (max-width:844px)
{
  div#popup-buttons button {
    display: inline;
    width: 49%;
}
div#popup-buttons {float:none;text-align: center;margin-bottom:10px;}
.eu-cookie-compliance-buttons{max-width:100%}
div#popup-text {
    padding-top: 5px;
    float: none;
    text-align: center;
} 
}


@media (max-width:691px)
{
  div#popup-buttons button {
    display: inline;
    width: 40%;
}
}
@media (max-width:385px)
{
  div#popup-buttons button {
    display: inline;
    width: 47%;
}
}

@media (max-width:320px){

 div#popup-buttons button {
  padding:10px 5px
}
    
}