body:not(.template-slider) #Header_wrapper {

	background-size: cover;}
#change-cookie-settings {display:none;}

/*new des */
.capitalise{text-transform: capitalize;}
.bookwithassist h4{color:#FF6400;}
.topmenucomp{margin-bottom: 0.5rem;    border-top: 1px solid rgba(41, 145, 214, 0.3);
	border-bottom: 1px solid rgba(41, 145, 214, 0.3);}
.header-plain #Top_bar .wpml-languages{border: none!important;}
.bottomlinks a {border-bottom: 1px dotted #fff;
    color: #fff!important;}
.bottomlinks a:hover{border-bottom: 1px solid #2275ac; text-decoration: none;
    }
.newline{display: block;}
.header-plain #Top_bar #logo {
    height: 57px;
    line-height: 57px;
    padding-top: 10px;}

#Top_bar #logo {
    display: block;
    height: auto;
    line-height: normal;
    padding: 0px 0;
}
.header-plain #Top_bar.is-sticky .wpml-languages {
	padding: 0 2px;}
	#ferries-engine{border-bottom: none!important;}
body:not(.template-slider) #Header {
    min-height: 145px;
}

.header-plain #Action_bar {
    background-color: transparent;
}
#Subheader {

    background-position: center top;
    background-repeat: no-repeat;
    padding: 10px 0;
    position: relative;
}

.header-plain #Action_bar .contact_details li, .header-plain #Action_bar .social, .header-plain #Action_bar .social-menu {
    padding: 5px 0;
}

.header-plain #Top_bar .wpml-languages {
    top: 19px;
	}
.header-plain #Top_bar.is-sticky .wpml-languages {
    top: 10px;
}
	#Top_bar.is-sticky #logo {    padding-top: 0px!important; }
#Subheader .title span {
   
    display: block;
	font-size: 70%;
}
	#Subheader ul.breadcrumbs {
    
		padding-top: 15px;}
	.enginetopwrapper {    background-image: url(https://www.ferries.gr/new/images/home_slider.jpg);    background-repeat: no-repeat;
    background-position: bottom right;    background-color: #fbedd3; padding-top: 0.5rem}
	body:not(.template-slider) #Content {
    padding-top: 0px;
}
	
	.mapen { background-image: url(https://www.ferries.gr/images/staticmap.png);    background-repeat: no-repeat;
   background-size: cover;
    padding: 13.1rem;
    background-position: top;
    margin-bottom: 0.5rem;
    background-position-x: 0.5rem;}
	
	.header-plain #Top_bar .wpml-languages a.active {
    display: block;
    padding: 8px 6px 8px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #e8e8e8;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
	.header-plain #Top_bar .wpml-languages {
    padding: 0 0px;
    line-height: 25px;
}
	.header-plain #Top_bar.is-sticky .wpml-languages{line-height: 20px;}
/*new des */
#Footer .footer_copy a#back_to_top {
    float: right;
    margin: -10px 0 0;
    position: fixed;
    right: 20px;
    bottom: 10px;
	border: 1px solid #582121;
	background-color: #28a745;
	
}
.photo_wrapper p{font-size: 1.75rem;
	font-weight:700;
    padding: 1.5rem 0.5rem;
    float: left;
    color: #582121;
    border: 3px solid #2991d6;
    border-radius: 50%;}
#Action_bar .contact_details {
    float: right;
}
#back_to_top{    font-size: 18px;}
a#back_to_top.button .button_icon{
    color: #fff;
}
#Subheader ul.breadcrumbs {

	width: 45%;}
#Subheader .title {
    margin-bottom: 0;
	width: 55%;}
.wpml-languages .tooltip{opacity: 1;}
@media only screen and (max-width: 767px){
    .imgrouteleft{float: none !important;;width: 100% !important;;}
#Subheader .title {
   text-align: center;
	width: 100%;}
	/*.section_wrapper, .container, .four.columns {
    width: 100% !important;
	} */
}
#Top_bar #logo {
    display: inline-block;
    height: auto;
    line-height: normal;
	padding: 15px 0;}
.logofooter {
    background-color: #fff;
    max-height: 100px;
}
.img-fluid {
    max-width: 100%;
	height: auto;}

.logof{max-height: 100px;    max-width: 40%;}
#Footer, #Footer .widget_recent_entries ul li a {
    color: #582121;
}
.e-mail:before {
            content: attr(data-website) "\0040" attr(data-user);
            unicode-bidi: bidi-override;
            direction: rtl;
        }
.bookform{background-color: #2991d6;
   color: #fff;
	}
#Footer {
background-image: url(../images/home_slider.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
	background-size: cover;}
#Footer .footer_copy {
    border-top: 1px solid rgb(128, 0, 0);
	    background-color: #545454;
	    color: #ccc;
}
.sliding_box .desc_wrapper h4{text-transform: capitalize;font-size: 16px;
    line-height: 19px;}
    .sliding_box .desc_wrapper h3{text-transform: capitalize;font-size: 16px;
        line-height: 19px;margin-bottom: 0;color: #fff;}
.text-center{text-align: center;}
#text-7 ul.list_mixed li, ul.list_check li, ul.list_star li, ul.list_idea li {
	margin-bottom: 10px;}
#Subheader {
	background-color: #582121;}

#Subheader .title {
    color: #fff;
	font-weight: bold;
}
#Subheader .title span {color:rgba(255, 255, 255, 0.90);font-size: 80%; font-weight: 100;}
#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a {
	color: rgba(255,255,255,0.60);}
body:not(.template-slider) #Header {
    min-height: 210px;
}
#Action_bar .social li a {
    color: rgba(128,0,0,1);
}
.aside_right .widget-area{padding: 2rem 1rem;}
@media only screen and (max-width: 767px){
 body:not(.template-slider):not(.header-simple) #Header {
	 min-height: 50px;}

	#Top_bar .top_bar_right{display: none;}
}
 .get_in_touch, .infobox{background-color: transparent;}
.compdesc{text-align: justify;}
#Footer .get_in_touch, .get_in_touch a, .get_in_touch h3, .get_in_touch ul, .infobox, .infobox a, .infobox h3, .infobox ul {color: #582121!important;}

#Footer li a {color: #582121;}
#Footer h3 {color: #582121;     font-size: 24px;
    line-height: 27px;   }
    #Footer {
        background-color: transparent;
    }
#Footer .foot {padding: 25px 20px 25px 30px!important;}
#Footer a {
    color: #0F3954;
}
.flips{zoom: 85%;}
@media only screen and (max-width: 1049px){
	.flips{display: none;}
	.flops{max-width: 98%;text-align: center;}
	#Subheader .title span {display: block;}
} 
@media only screen and (min-width: 1050px){
	.flips{display: flex;}
	.flops{display: none;}
} 
@media only screen and (max-width: 767px){
.section_wrapper, .container, .four.columns {
    width: 95%!important;
	}}
@media only screen and (max-width: 767px){
.promo_box_wrapper .photo_wrapper {float: none;text-align:center;}
	.desc_wrapper{text-align: center;}
	.fancy_heading .title{font-size: 19px;
    line-height: 19px;}
	.desc_wrapper h2{font-size: 20px;}
	
	.rounded {padding-left: 0.15rem;padding-right: 0.15rem;zoom: 90%;}
}
.anchoroffset {
    padding-top: 65px;
    margin-top: -65px;
}
/*idio*/
@media only screen and (max-width: 767px){
#Action_bar .contact_details li.mail {
    display: none;
	} 
#Action_bar .contact_details li.slogan {
    display: inline-block;
}
	
}
@media only screen and (max-width: 767px){
.section_wrapper .column, .container .column, .sections_group, .four.columns {
  
    padding-left: 0.5rem;
    padding-right: 0.5rem;
	} 
.ui-tabs-panel { padding: 15px 0px 0px !important;}
}
@media only screen and (min-width: 767px){
	.lth{width:46.5%;}
.routecol{float: none;
    display: inline-flex;}
	
}
.flops img{max-height: 40px;}
.flip-card {
  background-color: transparent;

  height: 80px;
  
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.flip-card-front {
  background-color: #bbb;
  color: black;
}
.flip-card-back {
  background-color: #0F3954;
  color: white;
  transform: rotateY(180deg);
	line-height: 1.2rem;
}

.rounded {
    border-radius: .25rem!important;
}

.p-2 {
    padding: .5rem!important;
}
.p-1 {
    padding: .25rem!important;
}
.pt3{padding-top: 1rem!important;}
.pt8{padding-top: 4rem!important;}
.list-inline-item:not(:last-child) {
    margin-right: .5rem;
}
.list-inline> li {
    display: inline-block;
    
}
.w-100 {
    width: 100%!important;
}
.d-none {
    display: none!important;
}
.txtsmrow {
    text-align: center;
    margin-bottom: 1rem;
}
.flex-row{justify-content: center!important;
    flex-wrap: nowrap;
        clear: both;
}
.modalcookie-content{text-align: left!important;}
a.hover.mfn-link-4:after, a.hover.mfn-link-4:before, a.mfn-link-5:before, a.mfn-link-7:after, a.mfn-link-7:before, a:hover.mfn-link-4:after, a:hover.mfn-link-4:before {
    background: #2991d6;
}
a.hover.mfn-link-2 span:before, a.mfn-link-2 span, a.mfn-link-5 span, a.mfn-link-8:after, a.mfn-link-8:before, a:hover.mfn-link-2 span:before {
    background: #FF6400;
}
.promo_box_wrapper .desc_wrapper{width: 92%;}
#Header_wrapper {
    background-color: #fbedd3;
}
.promo_box_wrapper .desc_wrapper .desc{text-align: justify;}
 tr:hover td {
    background: #9cd1f5!important;
}
.table-wrapper{
    margin: 10px 10px 10px;
    box-shadow: 0px 35px 50px rgba( 0, 0, 0, 0.2 );
}

.fl-table {
    border-radius: 7px;
    font-size: 16px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width:100%;
    max-width:100%;
    white-space: nowrap;
    background-color: white;
}

.fl-table td, .fl-table th {
    text-align: center;
    padding:8px;
}

.fl-table td {
    border-right: 1px solid #f8f8f8;
    font-size: 16px;
}

.fl-table thead th {
    color: #ffffff;
    background: #2991d6;
}


.fl-table thead th:nth-child(odd) {
    color: #ffffff;
    background: #163552;
}

.fl-table tr:nth-child(even) {
    background: #F8F8F8;
}

/* Responsive */

@media (max-width: 767px) {
    .fl-table {
        display: block;
        width: 100%;
    }
    .table-wrapper:before{
        content: "Scroll horizontally >";
        display: block;
        text-align: right;
        font-size: 16px;
        color: #FF6400;
        padding: 0 0 10px;
    }
    .fl-table thead, .fl-table tbody, .fl-table thead th {
        display: block;
    }
    .fl-table thead th:last-child{
        border-bottom: none;
    }
    .fl-table thead {
        float: left;
    }
    .fl-table tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }
    .fl-table td, .fl-table th {
        padding: .625em .625em .625em .625em;
        height: 60px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width: 150px;
        font-size: 13px;
        text-overflow: ellipsis;
    }
    .fl-table thead th {
        text-align: left;
        border-bottom: 1px solid #f7f7f9;
    }
    .fl-table tbody tr {
        display: table-cell;
    }
    .fl-table tbody tr:nth-child(odd) {
        background: none;
    }
    .fl-table tr:nth-child(even) {
        background: transparent;
    }
    .fl-table tr td:nth-child(odd) {
        background: #F8F8F8;
        border-right: 1px solid #E6E4E4;
    }
    .fl-table tr td:nth-child(even) {
        border-right: 1px solid #E6E4E4;
    }
    .fl-table tbody td {
        display: block;
        text-align: center;
    }}
.table-wrapper-nochange{
    margin: 10px 10px 10px;
    box-shadow: 0px 35px 50px rgba( 0, 0, 0, 0.2 );
}

.fl-table-nochange {
    border-radius: 7px;
    font-size: 16px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width:100%;
    max-width:100%;
    white-space: nowrap;
    background-color: white;
}

.fl-table-nochange td, .fl-table-nochange th {
    text-align: center;
    padding:8px;
}

.fl-table-nochange td {
    border-right: 1px solid #f8f8f8;
    font-size: 16px;
	color:#626262 ;
}

.fl-table-nochange thead th {
    color: #ffffff;
    background: #2991d6;
}


.fl-table-nochange thead th:nth-child(odd) {
    color: #ffffff;
    background: #163552;
}

.fl-table-nochange tr:nth-child(even) {
    background: #F8F8F8;
}

@font-face {
  font-family: "Flaticon";
  src: url("./fonts/Flaticon.eot");
  src: url("./fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("./fonts/Flaticon.woff2") format("woff2"),
       url("./fonts/Flaticon.woff") format("woff"),
       url("./fonts/Flaticon.ttf") format("truetype"),
       url("./fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 16px;
font-style: normal;
    margin-right: .2em;
	    margin-left: .2em;
}

.flaticon-youtube:before { content: "\f100"; }
.flaticon-sports-car:before { content: "\f101"; }

.compside{background-color: #2991d6;
	color: #fff;height: 100%;
    margin-top: -1rem;padding: 1rem;    border-top-left-radius: 20px;}
	
	.compside h5{color:#fff; text-decoration: underline;}
	.dettour{position: relative;border-bottom: 1px solid;margin-bottom: 1rem;}
	.dettour span{display: block;}
	.infodettour{    position: absolute;
    font-size: 1rem;
    top: 1rem;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.68);}
	.text-left .infodettour{right:0;}
	.text-left .dettour{border-top: 1px solid;}
	.high1{padding: 0.5rem;
    border: 2px dashed; margin-bottom: 1rem;}
	.high1 h4{color:#fff;}
    .high1 h3{font-size: 21px;
    line-height: 25px;
    color: #fff;}
    dropcap, .highlight:not(.highlight_image) {
        background-color: #1c79b7;
    }
/* Renos */
.ptabl {font-size:1.5rem;}.ntable th, .ntable td {    padding: 0px;        text-align: center;    border-width: 1px;    border-style: solid;    vertical-align: middle;    border-top: 1px solid #dee2e6;}
.ren-table {
 border: none;
    border-right: solid 1px #DDEFEF;
    border-collapse: separate;
    border-spacing: 0;
   font: normal 11.5px Arial, sans-serif;
}
.ren-table thead th {
    background-color: #DDEFEF;
    border: none;
    color: #336B6B;
    padding: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
    white-space: nowrap;
}
.ren-table tbody td {
    border-bottom: solid 1px #DDEFEF;
   text-align: center;
    color: #333;
   
    text-shadow: 1px 1px 1px #fff;
   white-space: nowrap;
}

.ren-wrapper:before {
    content: "Scroll horizontally >";
    display: block;
    text-align: right;
   font-size: 16px;
    color: #FF6400;
   padding: 0 0 10px;
}
.ren-scroller {
    margin-left: 105px;
    overflow-x: scroll;
   overflow-y: visible;
    padding-bottom: 5px;

}
.ren-table .ren-sticky-col {
    left: 0;
    position: absolute;
    top: auto;
    width: 110px;
    text-align: center;
}
.ren-scroller2 {
    margin-left: 130px;
    overflow-x: scroll;
   overflow-y: visible;
    padding-bottom: 5px;}

.ren-table1 .ren-sticky-col1 {
    left: 0;
    position: absolute;
   top: auto;
   width: 210px;
}
.ren-wrapper2:before {
    display: block;
    text-align: right;
   font-size: 16px;
    color: #FF6400;
   padding: 0 0 10px;
}
@media (max-width: 767px) { 
.ren-wrapper2:before {
    content:"Scroll horizontally >";
    display: block;
    text-align: right;
   font-size: 16px;
    color: #FF6400;
   padding: 0 0 10px;
} 
.scroll-ren:before {
    content:"Scroll horizontally >";
    display: block;
    text-align: right;
   font-size: 16px;
    color: #FF6400;
   padding: 0 0 10px;
}

}

.activemlink{border-bottom:2px solid #582121;color:#2991d6;}
.longtextmobile{white-space:pre-line;}
/* Renos */
.imgrouteleft{float:left;width:50%;padding-left: 1rem;padding-right: 1rem;}
@media (max-width: 1023px) {
	
	.mapen2{display: none;}
}