@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin,greek);
body {margin: 0;padding:0;font-family: 'Roboto', sans-serif;height: 100%;}
.pusher-all {min-height: 100vh; position: relative;}
.hrcontainer {width:50px;margin:0 auto;}
hr {height: 2px;color: #5789d5;background: #5789d5;font-size: 0;border: 0;}
p.smallfont {font-size:12px;margin:0;}
p {font-size: 14px;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {height:0;clear:both;}
.ptop  {padding-top:14px;}
.borderRight {height: 45px;border-right:1px solid #EBEBF1;margin-left:15px;}
.container {max-width: 1200px;margin: 0 auto;min-width: 360px;}
.topBG {background-color: #FAFAFD;}
/*.slider {margin-bottom: 25px;}*/
.blueBG {background-color: #002969;}
.whiteBG {background-color: #FFFFFF;}
.greyBG  {background-color: #F1F1F1;}
.topheader {height: 45px;}
.piraeus, .thessaloniki  {margin-top:14px;}
.thessaloniki {margin-left:15px;}
.language-switcher {margin-top: 11px;}
.search-box {margin-top: 9px;margin-left:30px;}
.logo-menu {height: 80px;}
.main-content {padding: 10px;padding-bottom:160px;}
.main-content .custom h1 {font-weight: 300;color: #51545b;font-size: 28px;}
.box {float:left;width: 210px;margin: 10px 45px;}
.footer {
margin-top: 40px;
padding-top: 20px;
padding-bottom: 20px;
position: absolute;
bottom: 0;
width: 100%;
height: 96px;
}
body.itemid-121 .page-header h1 {margin-top: 60px;}
.social {float:left;margin-left:8px;margin-top:15px;}
.bottom-icons {margin-top:5px;}
.arkas-s-logo {float:left;}
.box-inner {text-align: center;height: 178px;width: 178px;padding: 11px;cursor: pointer;}
.box-inner img {
border: thin solid;
border-radius: 50%;
width: 178px;
height: 178px;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
transition-duration: 2s;
}
.box-inner:hover  img {
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;
transition-duration: 2s;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.box-inner.arkas {border-color: #0991b9!important;border: 5px solid;border-radius: 50%;}
.box-inner.arkas img {border-color: #0991b9;}
.box-inner.tarros {border-color: #5283c3!important;border: 5px solid;border-radius: 50%;}
.box-inner.tarros img {border-color: #5283c3;}
.box-inner.arpac {border-color: #0077d0!important;border: 5px solid;border-radius: 50%;}
.box-inner.arpac img {border-color: #0077d0;}
.box-inner.other {border-color: #022369!important;border: 5px solid;border-radius: 50%;}
.box-inner.other img {border-color: #022369;}
input#mod-search-searchword {
color: #51545B;
font-weight: 600;
font-style: italic;
font-size: 11px;
padding: 4px 4px;
}
.element-invisible {display: none;}
.sprite {background: url("../images/icons.png") no-repeat;}
.visit-us {margin-top:14px;font-size:12px;}
.apple {
background-image: url("../images/icons.png");
background-position: -89px -30px;
background-repeat: no-repeat;
display: inline-block;
height: 43px;
text-decoration: none;
width: 34px;
margin-left: 10px;
}
.android {
background-image: url("../images/icons.png");
background-position: -132px -33px;
background-repeat: no-repeat;
display: inline-block;
height: 44px;
text-decoration: none;
width: 36px;
margin-left: 5px;
}
.follow-us {margin-top:6px;font-size:12px;}
.social-in {
    background-image: url("../images/icons.png");
    background-position: 0 -1px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
    text-decoration: none;
    width: 27px;
	margin-left:5px;
}
.social-in:hover {background-position:0px -27px;}
.social-google {
    background-image: url("../images/icons.png");
    background-position: -38px -1px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
    margin-left: 4px;
    text-decoration: none;
    width: 27px;
}
.social-google:hover	{ background-position:-38px -27px; }
.rev_slider .tp-caption.excerpt  {
font-weight: normal;
font-family: 'Roboto', sans-serif;
letter-spacing: 0px!important;
text-shadow: 2px 3px 3px #000;
margin-left: -5px;
}
.rev_slider .tp-caption.excerpt::after {
content: "";
width: 400px;
display: block;
height: 2px;
background: #FFF;
margin-top: 6px;
}
.rev_slider .tp-caption.medium_text  {
text-shadow: none;
font-weight: normal;
font-family: 'Roboto', sans-serif;
line-height: 25px!important;
}
.rev_slider a.ark-button.small  {
color: #FFF;
font-weight: normal;
font-size: 17px!important;
letter-spacing: 0px!important;
text-decoration: none;
border: thin solid #FFF!important;
padding: 6px 40px 6px 15px!important;
position: relative;
font-family: 'Roboto', sans-serif;
}
.rev_slider a.ark-button.small::before {
content: "";
display: block;
background: url(../images/arrow-right.png) no-repeat;
position: absolute;
width: 50px;
height: 20px;
right: -20px;
top: 10px;
}
.rev_slider a.ark-button.small:hover  {
background: #5284C3;
border-color: #5284C3!important;
}
.arkstyle h1.module-header,
.page-header h1 {font-weight: 300;color: #51545b;font-size: 28px;text-align: center; margin-bottom: 4px;}
.page-header h2 {color: #03246b;}
.our-companies {margin-top: 13px;}
.our-companies .acompany {
width: 90%;
float: left;
min-width: 320px;
padding: 2%;
overflow: hidden;
}
.our-companies .acompany p {margin-top: 0px;}
.our-companies .acompany a {
color: #01236B;
text-decoration: none;
float: right;
font-size: 12px;
}
.our-companies .acompany a:hover {text-decoration: underline;}
.our-companies .photo-logo {
border: thin solid #C0C0C0;
display: inline-block;
float: left;
margin-right: 15px;
}
.animage{
width: 150px;
height: 199px;
background-repeat: no-repeat;
background-size:cover;
float: left;
margin-right: 20px;
}
.anartilcle {
width: 50%;
display: block;
height: 230px;
float: left;
margin: 10px 0px;
min-width: 500px;
border-bottom: thin solid #CCC;
}
.blue-container {
display: block;
width: 100%;
padding: 20px;
margin-top: 20px;
color: #000;
height: 440px;
overflow: scroll;
overflow-x: hidden;
border-left: thin solid #CCC;
border-right: thin solid #CCC;
}
.blue-container a {color: #000;text-decoration: none;}
.blue-container h2 {color: #000;font-size: 17px;}
.blue-container a:hover {text-decoration: underline;}
.blue-container .thetext {float: left;width: 60%;padding: 5px 0;}
.blue-container .cont {}
.vessel-boxes {
width: 100%;
position: relative;
margin-top: 30px;
}
.tracking .vesbox {margin-bottom: 15px;}
.vesbox {
display: inline-block;
text-align: right;
position: relative;
}
.vesbox.dal {margin-left: 75px;}
.vesbox.arkas .vesimage {border-bottom: 4px solid #5283C3;}
.vesbox.yang .vesimage {border-bottom: 4px solid #AD0101;}
.vesbox.dal .vesimage{border-bottom: 4px solid #1E4494;}
.tracklink {
position: absolute;
bottom: -32px;
color: #000;
width: 100%;
left: 0;
text-align: center;
margin-bottom: 5px;
}
.tracklink a {font-size: 14px!important;font-weight:500; color:#000!important; }
.vesbox a {font-size: 13px;color: #000; text-decoration: none;}
.vesbox a:hover,
.tracklink a:hover {text-decoration: underline;}
.vesimage {position: relative;}
.zoom-arrow {
position: absolute;
bottom: 4px;
right: 0;
cursor: pointer;
}
.veslogo {
display: inline-block;
float: left;
margin-top: 20px;
}
.veslinks {
float: right;
margin-top: 20px;
}
.goback {
text-align: right;
font-size: 12px;
margin-bottom: -10px;
font-weight: 500;
}
.goback a {
color: #000;
}
.blue-container .pull-left.item-image {
display: inline-block;
float: left;
margin-right: 20px;
}
.blue-container .pull-left.item-image img {
max-width: 350px;
height: auto;
max-height: 370px;
margin-bottom:150px;
}
.human-form {
margin-top: 25px;
position: relative;
width: 100%;
min-width: 360px;
padding: 0 20px;
}
.human-left,
.human-right {
width: 45%;
float: left;
}
.human-form .width80 {width: 80%;}
.human-form .width40 {width: 36.5%;float: left;}
.human-form .rsform-block input,
.human-form .rsform-block textarea {width: 100%!important;}
.rsform-block.width40.mleft {margin-right: 7%;}
.hum-container {
display: inline-block;
float: right;
}
.human-form .rsform-block input#send {width: 30%!important;float: right;}
.hum-container p.formRed {margin-top: 0px;}
.rsform-block.rsform-block-file {border: thin solid #ccc;padding: 27px 10px;}
span.formValidation {display: none!important;}
.human-form .rsform-block.rsform-block-captcha input {width: 50%!important;}
.human-form .rsform-block.rsform-block-captcha a,
.send-container .rsform-block.rsform-block-captcha a{
background: url(../images/arkas-icons.png) no-repeat;
width: 25px;
height: 25px;
position: absolute;
text-indent: -9999px;
background-position: -142px -21px;
}
.human-form .rsform-block.rsform-block-captcha {
border: thin solid #CCC;
padding: 10px;
margin-left: -25px;
text-align: center;
}
.allrequired {
width: 50%;
float: left;
font-size: 12px;
font-weight: 500;
color: #022369;
}
.human-form .rsform-block input#send {
width: 47%!important;
float: right;
background: #5284C3;
border-radius: 0px;
border-color: #5284C3;
text-shadow: none;
padding: 7px 1px;
margin-right: -20px;
}
.theoffices {
color: #022369;
font-weight: 600;
}
.human-form .rsform-block input#send:hover {
background: #022369;
border-color: #022369;
}
.human-form .human-left h3.ifyou {
/*font-size: 15px;*/
/*margin-bottom: 0px;*/
/*margin-top: 0px;*/
}
/*.human-form .human-left {font-size: 14px;}*/
h3.offices {
font-size: 22px;
margin-top: 0px;
color: #022369;
margin-bottom: 0px;
}
.view-map:not(body) {
display: inline-block;
border: thin solid #999;
padding: 6px 25px;
font-size: 12px;
margin-bottom: 30px;
}
.view-map:not(body):hover {background: #5284C3;}
.map a:hover > .view-map{background: #5284C3;}
.human-left a.jcepopup {color: #000;clear: both;display: block;}
.human-left a.jcepopup:hover {color: #fff;}
.human-left a.jcepopup:hover .view-map {border-color: #5284C3; }
.slider .custom {
height: auto; min-height: 215px;  /* min-height 215px = the image banners (About, HR, ...) as on live; was height 215px for the old image banner; the .ark-slider inside sets its own height (290 px scaled) - a fixed 215 let it overlap the page content */
background-repeat: no-repeat;
background-position: center;
}
.human-left .qrcode {
display: inline-block;
float: right;
padding-left: 30px;
border-left: thin solid #999;
margin-right: 30px;
color: #022369;
font-weight: 500;
font-size: 13px;
text-align: center;
}
.theblock {
position: fixed;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
background: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
z-index: 10;
}
.human-left .qrcode div {
background: url(../images/arkas-qrcodes.jpg) no-repeat;
width: 70px;
height: 70px;
margin-left: 11px;
margin-bottom: 10px;
}
.human-left .qrcode.thessaloniki div {
width: 92px;
height: 82px;
background-position: -77px -4px;
margin-left: 3px;
background-size: 171px;
}
.human-left .qrcode.pireas div {
background-position: -7px 0px;
width: 78px;
height: 86px;
background-size: 181px;
}
.human-left .financial {
margin-top: 19px;
float: left;
line-height: 56px;
margin-right:20px;
}
.human-left .financial a {
color: #000;
font-weight: 500;
}
.human-left .financial div {
background: url(../images/arkas-icons.png) no-repeat;
width: 46px;
height: 42px;
background-position: -82px -14px;
float: left;
padding-left: 13px;
}
.top-right .mod-languages .pretext{
font-size: 12px;
float: left;
font-weight: 500;
color: #022369;
line-height: 20px;
margin-right: 6px;
}
.top-right .mod-languages ul.lang-inline {float: left;}
.top-right .mod-languages {position: relative;}
.top-right .mod-languages::after,
.instructions::after {
content: "";
display: block;
position: absolute;
right: -10px;
width: 1px;
height: 45px;
background: #EBEBF1;
top: 0;
margin-top: -11px;
}
.instructions::after {right: -15px;}
.instructions {
border: thin solid #CCC;
display: none;
padding: 4px 10px;
float: left;
margin-top: 8px;
margin-right: 26px;
position: relative;
}
.instructions:hover {
background: #5283c3;
border: thin solid #5283c3;
}
.instructions .custom p {margin: 0;}
.instructions .custom a {
color: #505050;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
.instructions:hover .custom a {
color: #fff;
}
.shipping-col1 {margin-right: 50px;}
.shipping-col1,
.shipping-col2 {display: inline-block;float: left;}
.shipping-form {
display: block;
width: 100%;
position: relative;
}
.shipping-container {
width: 860px;
margin: 35px auto;
}
body .formResponsive .shipping-form .formHorizontal .rsform-block-date .formControlLabel{padding:3px 6px;}
body .formResponsive .shipping-form .formHorizontal .rsform-block-freight .formControlLabel{padding:10px 5px;}
.shipping-form .rsform-block-name input,
.shipping-form .rsform-block-mail input,
.shipping-form .rsform-block-shipper input,
.shipping-form .rsform-block-shippervat input,
.shipping-form .rsform-block-notify input,
.shipping-form .rsform-block-portdisc input,
.shipping-form .rsform-block-consingee input,
.shipping-form .rsform-block-consvat input,
.shipping-form .rsform-block-portload input,
.shipping-form .rsform-block-placedelivery input,
.shipping-form .rsform-block-doordelivery input,
.shipping-form .rsform-block-placereceipt input,
.shipping-form .rsform-block-copies input {
width: 370px;
}
.shipping-form .rsform-block-freight select{width: 230px;height: 34px;float: right;}
.shipping-form .rsform-block-billtype .formControlLabel {
width: 373px!important;
margin-right: 55px;
}
.shipping-form .rsform-block-billtype .formControls {line-height: 29px;}
.shipping-form .rsform-block-billtype input {
margin-top: 12px;
margin-left: 20px;
}
.formResponsive .shipping-form .formHorizontal .formControlLabel {
background: #5383C3;
color: #FFF;
padding: 8px 0px 9px 12px;
font-size: 12px;
text-align: left;
width: 130px;
font-weight: 500;
}
div.form-sliders {
width: 820px;
}
div.form-sliders .nn_sliders.accordion > .accordion-group {
border-radius: 0px;
background: rgba(0, 0, 0, 0)!important;
margin-bottom: -1px;
}
div.form-sliders  .nn_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle,
div.form-sliders .nn_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle{
background: none;
color: #000;
text-decoration: none;
font-size: 14px;
font-weight: 500;
}
div.form-sliders  .nn_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle::after{
content: "+";
float: right;
font-size: 17px;
font-weight: 600;
}
div.form-sliders  .formControlLabel {float: none!important;}
div.form-sliders .formControls {margin-left: 0px!important;}
div.form-sliders .rsform-block-cntr .formControlLabel,
div.form-sliders .rsform-block-collis .formControlLabel,
div.form-sliders .rsform-block-gross .formControlLabel{width: 249px!important;min-height:26px;}
.shipping-form .rsform-block-cntr textarea,
.shipping-form .rsform-block-collis textarea,
.shipping-form .rsform-block-gross textarea{width: 245px!important;}
div.form-sliders .rsform-block-cntr,
div.form-sliders .rsform-block-gross,
div.form-sliders .rsform-block-seal,
div.form-sliders .rsform-block-collis,
div.form-sliders .rsform-block-harmonised {float: left;margin-bottom: 0px!important;}
div.accordion-body .formControlLabel {font-size: 11px!important;}
.rsform-block.rsform-block-file input {width: 320px!important;}
 .form-sliders .rsform-block.rsform-block-file {
width: 300px;
padding: 10px;
float: left;
margin-bottom: 0px;
}
.download-excel {
display: inline-block;
border: thin solid #CCC;
float: right;
padding: 15px 10px;
font-size: 13px;
}
.download-excel a {
color: #000;
text-decoration: none;
}
.download-excel:hover a {color: #fff;}
.download-excel:hover {background: #5383C3;border-color: #5383C3;}
.send-container {
display: block;
width: 820px;
}
.send-container .rsform-block-captcha {float: left;}
.send-container .rsform-block-captcha .formBody img {float: left;margin-right: 10px;}
.send-container .rsform-block-captcha .formBody br {display: none;}
.send-container .rsform-block-submit {float: right;}
.send-container .rsform-block-submit input{
background: #5383C3;
color: #fff;
text-shadow: none;
border-radius: 0px;
box-shadow: none;
border: thin solid #CCC;
padding: 7px 52px;
margin-right: 13px;
}
.send-container input[type="submit"]:hover{
background: #022369;
}
.formResponsive input.rsform-calendar-button,
.formResponsive button.rsform-calendar-button {
position: absolute;
margin-left: -38px;
margin-top: 3px;
border-radius: 0px;
}
.shipping-form .rsform-block-billtype .formControls label {color: #51545B;font-size: 14px;}
.allmarks {
text-align: center;
font-size: 12px;
margin-top: -9px;
margin-bottom: 20px;
color: #C80000;
}
.upload-info {
background: #EBEBEB;
color: #07276C;
font-weight: bold;
padding: 15px;
height: 30px;
margin-bottom: 15px;
}
.upload-info .download-f {
background: url(../images/download_icon.png) no-repeat center left;
float: left;
width: 33%;
height: 35px;
}
.upload-info .download-f a {color: #07276C; text-decoration:none;}
.upload-info .upload-f {
background: url(../images/upload.png) no-repeat center left;
float: left;
width: 33%;
height: 35px;
cursor: pointer;
}
.human-form .rsform-block-cv-file {
border: thin solid #CCC;
padding: 10px;
text-align: center;
height: 62px;
}
.upload-info .complete-f {
background: url(../images/complete.png) no-repeat center left;float: left;
width: 33%;
height: 35px;
}
.uploadfile {
font-size: 14px;
margin-bottom: 10px;
color: #A9A9A9;
}
.upload-info .download-f p,
.upload-info .upload-f p,
.upload-info .complete-f p {
padding-left: 42px;
margin-top: 8px;
}
.rsform-block.rsform-block-file {

display:none;

}
.rsform-block.rsform-block-file .formBody {
width: 18%;
background: #FFF;
padding: 15px;
position: fixed;
top: 31%;
z-index: 10;
left: 40%;
}
p.publishedon {
margin: 2px 0px;
font-size: 12px;
font-weight: 500;
}

/*  Vessel Schedule Map   */
body.com_zhosmmap .main-content .container {
width: 100%;
max-width: 2200px;
}
body.com_zhosmmap .main-content {padding: 0;}
/* map page: footer in the normal flow (its height varies with the viewport width), so the map can never run underneath it */
body.com_zhosmmap .footer {position: relative; bottom: auto; height: auto; min-height: 96px; margin-top: 0; clear: both; z-index: 1001;}
body.com_zhosmmap div#OMapsGroupDIV {
position: absolute;
top: 23%;
z-index: 1000;
background: rgba(255, 255, 255, 1);
left: 3%;
box-shadow: 0px 0px 10px #000;
}
body.com_zhosmmap div#logo-markergroup1 {
background: url(../images/mini-logos/tarros-line.png)no-repeat;
width: 90px;
height: 75px;
float: left;
border-right: thin solid #C3C3C3;
padding-right: 10px;
}
body.com_zhosmmap div#logo-markergroup2 {
background: url(../../../images/mini-logos/messinia.jpg)no-repeat;
width: 90px;
height: 47px;
float: left;
border-right: thin solid #C3C3C3;
margin-right: 5px;
padding-right: 5px;
}
body.com_zhosmmap  li#li-markergroup1,
body.com_zhosmmap  li#li-markergroup2,
body.com_zhosmmap  li#li-markergroup3 {
padding: 5px 10px;
border-bottom: thin solid #CCC;
}
body.com_zhosmmap  li#li-markergroup3 {border: none;}
body.com_zhosmmap  li#li-markergroup1 .zhom-markergroup-img-simple img,
body.com_zhosmmap  li#li-markergroup2 .zhom-markergroup-img-simple img,
body.com_zhosmmap  li#li-markergroup3 .zhom-markergroup-img-simple img {
margin-top: 14px;
height: auto;
width: 23px;
}
body.com_zhosmmap div#logo-markergroup3 {
background: url(../images/mini-logos/dal-nb.jpg)no-repeat;
width: 90px;
height: 46px;
float: left;
border-right: thin solid #C3C3C3;
margin-right: 5px;
}
body.com_zhosmmap  li#li-markergroup1 div#zhom-markergroup-a-markergroup1,
body.com_zhosmmap  li#li-markergroup2 div#zhom-markergroup-a-markergroup2,
body.com_zhosmmap  li#li-markergroup3 div#zhom-markergroup-a-markergroup3 {width: 125px;}
body.com_zhosmmap #zhom-menu-simple li {margin-bottom: 10px;}
body.com_zhosmmap #zhom-menu-simple li#li-all {height: auto;}
body.com_zhosmmap #OMapsMenu-simple #zhom-menu-simple {margin-top: 0px;}
body.com_zhosmmap  li#li-all a#a-all{
font-size: 13px;
color: #fff;
}
body.com_zhosmmap  li#li-all #zhom-markergroup-all {
margin-bottom: 4px;
background: #022369;
padding: 4px;
}
body.com_zhosmmap  li#li-all #zhom-markergroup-all div#zhom-markergroup-a-all {margin: 9px;}
body.com_zhosmmap  li#li-all #zhom-markergroup-all div{}
#links-markergroup1 a,
#links-markergroup2 a,
#links-markergroup3 a {
font-size: 11px;
margin: 5px 11px 4px 2px;
font-weight: bold;
color: #022369;
display: block;
}
.app-icons a {display: inline-block!important;margin: 5px!important;}
#links-markergroup1 a:hover,
#links-markergroup2 a:hover,
#links-markergroup3 a:hover {color: #000;}
body.com_zhosmmap .app-icons {
margin-top: 8px;
}
body.com_zhosmmap a#a-all.hide-all {
margin-right: 10px;
margin-top: 3px;
}
body.com_zhosmmap div#sh-all {
float: right;
color: #FFF;
cursor: pointer;
width: 15px;
height: 12px;
background: url(../images/icon-menu.png) no-repeat;
background-position: 0px -12px;
-webkit-transition: all 0.2s; transition: all 0.2s;
margin: 5px;
}
body.com_zhosmmap #OMapsMenu-simple.active div#sh-all {background-position: 0px 0px;-webkit-transition: all 0.2s; transition: all 0.2s;}
body.com_zhosmmap #OMapsMenu-simple.active {width: 190px;max-height: 29px;-webkit-transition: all 0.2s; transition: all 0.2s;}
body.com_zhosmmap #OMapsMenu-simple {width: 198px; overflow: hidden; max-height:500px;-webkit-transition: all 0.2s; transition: all 0.2s;}

/* Search Page */
div.search .subtitle {
font-weight: 500;
margin-bottom: 18px;
}
div.search  .btn-group input.inputbox {
padding: 10px;
border: thin solid #999;
color: #646464;
}
div.search .btn-group.pull-left {float: left;}
div.search .btn.btnse {
background: #5284C3;
border: none;
color: #FFF;
padding: 11px 27px;
margin-left: 20px;
cursor: pointer;
}
div.search .btn.btnse:hover {background: #02236a;}
div.search  strong {font-size: 15px;}
div.search dt.result-title {
font-weight: 500;
color: #022369;
}
div.search dt.result-title a {
color: #022369;
}
div.search dd {
margin-left: 15px;
margin-top: 3px;
}
div.search .oneresult {
margin-bottom: 25px;
}
.footer a{text-decoration:none;}
.home-icon{float:left;top:67px;margin-left:-10px;z-index:9999999;position:absolute;transform:scale(0.6);}
.mobilemaximenuck{position:relative!important;}
.human-form .formBody{padding-right:20px;}

div#maximenuck90 ul.maximenuck li.maximenuck.parent.item171 > a:after, div#maximenuck90 ul.maximenuck li.maximenuck.parent.item171 > span.separator:after, div#maximenuck97 ul.maximenuck li.maximenuck.parent.item174 > a:after, div#maximenuck97 ul.maximenuck li.maximenuck.parent.item174 > span.separator:after{content:"V";border:none;font-size:8px;top:1px;right:5px;transform:scale(2,1);-webkit-transform:scale(2,1);-moz-transform:scale(2,1);-ms-transform:scale(2,1);}

/* feedback form */

.formResponsive .feedback .formHorizontal .formControls{margin-left:0;}
.formResponsive .feedback .formHorizontal .formControlLabel{display:block;width:100%;padding:8px 0;text-indent: 10px;}
.formResponsive .feedback .shipping-col1 {margin-right: 5%;width: 45%;}
.formResponsive .feedback .shipping-col2 {width: 45%;float: right;margin-right: 5px;}
.formResponsive .feedback textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100%;}
.formResponsive .feedback  input[type="text"], .formResponsive .feedback .rsform-block-name input{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:34px;}
.formResponsive .feedback  .rsform-block.rsform-block-file .formBody{display:none;}
.formResponsive .feedback  .rsform-block.rsform-block-file{display:inline-block;border:none;padding:0;}
.formResponsive .feedback  .rsform-block.rsform-block-file .formControlLabel{width:145px;height:35px;line-height:35px;text-align:center;padding:0;margin-top: 20px;}
.formResponsive .feedback  .rsform-block.rsform-block-file .formControlLabel:hover{cursor:pointer;background:#022369;}
.formResponsive .feedback  .rsform-block.rsform-block-contact .formBody{border: 1px solid #ccc;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 40px 5px;}
.formResponsive .feedback  .rsform-block.rsform-block-security{float:right;margin-right: 10px;}
.formResponsive .feedback  .rsform-block.rsform-block-submit{float:right;clear:both;margin-right: 5px;}
.formResponsive .feedback  label{margin-right:20px;}
.formResponsive .feedback  .send-container .rsform-block.rsform-block-security a{background: url(../images/arkas-icons.png) no-repeat;width: 25px;height: 25px;position: absolute;text-indent: -9999px;background-position: -142px -21px;}
.formResponsive .feedback  .alert{color: red;text-align: right;font-size: 12px;margin: -10px 0 10px 0;}
.formResponsive .feedback  .legend{font-size: 13px;}


/* responsive */
@media screen and (max-width:1300px){
	.blue-container{padding-left:0;padding-right:0;}
	.human-form{padding:0;}
	.human-right{float:right;}
}
@media screen and (max-width:1050px){
	.side-left{float:none;}
	.side-right{float:none;width:90%;}
	.side-right .human-form .width80{width:100%}
	.side-right .human-form .width40{width:46.5%;}
}
@media screen and (max-width:960px){
	.footer{height:auto;width:auto;}
	.design-by{position:static;width:auto;margin:10px 0 0;}  /* was absolute bottom-right: overlapped the footer links on narrow screens */
	.bottom-right{float:left!important;margin-top:20px;}
}
@media screen and (max-width:900px){
	.shipping-container{width:100%;}
	div.form-sliders{width:100%;}
	.formControlLabel{width:auto;}
}
@media screen and (max-width:768px){
	.rev_slider a.ark-button.small{font-size:11px!important;}
	.rev_slider a.ark-button.small::before{transform:scale(0.5);top:3px;right:-10px;}	
}
@media screen and (max-width:638px){
	.mobilebarmenutitleck{font-size:12px;}
	.search-box{display:none;}
	.rev_slider .tp-caption.medium_text{display:none;}
	.box{float:none;margin-left:auto;margin-right:auto;}
	.human-form .rsform-block input, .human-form .rsform-block textarea{width:210px!important;}
	.side-right .human-form .rsform-block input, .side-right .human-form .rsform-block textarea, .side-right .human-form .width40{width:100%!important;}
	.human-right{float:none;margin-left:auto;margin-right:auto;}
	.human-left{width:100%;}
	.top-right .mod-languages::after, .instructions::after{display:none;}
	.bottom-left{margin-bottom:10px;}
	.bottom-right{margin-bottom:30px;}
}
@media screen and (max-width:478px){
	.top-left{display:none;}
	.top-right{float:left;margin-left:10px;}
	.main-content{padding:0;padding-bottom:200px;}
	.human-right{width:75%;}
	.formResponsive .feedback {width:90%;margin:0 5%;}
	.formResponsive .feedback .shipping-col1, .formResponsive .feedback .shipping-col2{width:100%;margin-right:0;}
	.formResponsive .feedback .rsform-block.rsform-block-submit, .formResponsive .feedback .rsform-block.rsform-block-security{float:left;margin-right:0;}
}


a.contact-box{
    width: 100%;
    border: 1px solid #ccc;
    display: block;
    max-width: 400px;
    display: flex;
    height: 125px;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    padding: 30px;
    font-size: 15px;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.contact-box:hover{
 opacity:0.8;
}
.contact-box strong{
  font-size: 20px;
}


.side-left{float:left;max-width:600px;margin:auto;}
.side-right{float:right;max-width:600px;margin:auto;}
.side-left h2, .side-right h2{font-weight:100;}
.side-left .address{width:33%;float:left;min-width:260px;}
.side-left .map{width:150px;float:left;}
.side-left .map a{margin:auto;width:110px;background:url("../images/map_ico.png") top center no-repeat!important;padding-top:95px;display:block;color:#000;}
.side-left .map a:hover{color:#fff;}
.side-left .qr{width:150px;float:left;}
.side-left .qr a{background:url(../images/qr_small.jpg) 0 3px no-repeat!important;padding-top:94px;height:47px;display:block;color:#000;width:75px;margin:auto;background-size:150px 75px;}
html[lang="el-gr"] .side-left .view-map{margin-left:8px;}
html[lang="el-gr"] .side-left .qr a div{margin-left:-13px;}
.side-left .qr a:hover{color:#fff;}
.side-left .qr a:hover{color:#fff;}
.side-left .qr a:hover div{background:#5284C3;}
.side-left .qr a div{position: absolute;height: 15px;line-height: 15px;margin-left: -25px;}
.side-left .qr .thes{margin-top:12px;}
.side-left .qr .thes a{background-position: -75px 0;}

.side-left .map a:hover .view-map{
    border-color:#5284C3;
    background-color:#5284C3;
}

/* ---- Main menu (MaxiMenu CK 10): styles recreated from the former v8 module parameters ---- */
.main-menu div.maximenuckh ul.maximenuck li.maximenuck.level1 > a,
.main-menu div.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator {
	color: #fff;
	font-size: 12px;
	line-height: 21px;
	padding: 29px 10px;
}
.main-menu div.maximenuckh ul.maximenuck li.maximenuck.level1:hover,
.main-menu div.maximenuckh ul.maximenuck li.maximenuck.level1.active {
	background-color: #5284c3;
}
.main-menu div.maximenuckh ul.maximenuck li.maximenuck.level1:hover > a,
.main-menu div.maximenuckh ul.maximenuck li.maximenuck.level1.active > a,
.main-menu div.maximenuckh ul.maximenuck li.maximenuck.level1:hover > a span.titreck {
	color: #fff;
}
.main-menu div.maximenuckh ul.maximenuck li.level1.parent > a:after,
.main-menu div.maximenuckh ul.maximenuck li.level1.parent > span.separator:after {
	border-top-color: #fff;
}
.main-menu div.maximenuckh div.floatck {
	background-color: #022369;
}
.main-menu div.maximenuckh ul.maximenuck2 li.maximenuck.level2 > a,
.main-menu div.maximenuckh ul.maximenuck2 li.maximenuck.level2 > span.separator {
	color: #fff;
	font-size: 12px;
	padding: 10px 14px;
}
.main-menu div.maximenuckh ul.maximenuck2 li.maximenuck.level2:hover > a,
.main-menu div.maximenuckh ul.maximenuck2 li.maximenuck.level2 > a:focus {
	background-color: transparent;
	color: #5284c3;
}
.main-menu div.maximenuckh div.floatck { margin: 0 !important; }

.main-menu div.maximenuckh ul.maximenuck li.maximenuck.level1.parent > a { padding-right: 22px !important; }
.main-menu div.maximenuckh ul.maximenuck li.level1.parent > a:after { top: 50%; margin-top: -3px; right: 6px; }

/* ---- Banner slider (replaces Unite/Revolution slider; see js/slider.js). Caption looks come from the .rev_slider .tp-caption rules above ---- */
.ark-slider { position: relative; width: 100%; height: 290px; overflow: hidden; background: #E7E7E7; }
.ark-slider .ark-slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center top; background-repeat: no-repeat; opacity: 0; visibility: hidden; transition: opacity .8s ease, visibility .8s; }
.ark-slider .ark-slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.ark-slider .ark-slide-inner { position: relative; width: 1200px; height: 290px; margin: 0 auto; transform-origin: 0 0; }
.ark-slider .tp-caption { position: absolute; margin: 0; padding: 1px 4px 0; border: 0; color: #fff; font-family: Arial, sans-serif; font-weight: 700; white-space: nowrap; }
.ark-slider .tp-caption.excerpt { font-size: 36px; line-height: 36px; }
.ark-slider .tp-caption.excerpt-sp { font-size: 36px; line-height: 36px; letter-spacing: -1.5px; }
.ark-slider .tp-caption.medium_text { font-size: 20px; line-height: 20px; padding: 0; }
.ark-slider .tp-caption.middle { transform: translateY(-50%); }
.ark-slider .ark-arrow { position: absolute; top: 50%; z-index: 3; width: 40px; height: 40px; margin-top: -20px; padding: 0; border: 0; border-radius: 50%; background: rgba(2, 35, 105, .55); color: #fff; cursor: pointer; font-size: 0; opacity: 0; transition: opacity .3s, background .3s; }
.ark-slider:hover .ark-arrow { opacity: 1; }
.ark-slider .ark-arrow:hover, .ark-slider .ark-arrow:focus { background: #022369; opacity: 1; }
.ark-slider .ark-arrow::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; margin: -5px 0 0 -3px; border: solid #fff; border-width: 0 0 2px 2px; transform: rotate(45deg); }
.ark-slider .ark-prev { left: 12px; }
.ark-slider .ark-next { right: 12px; }
.ark-slider .ark-next::after { margin-left: -7px; transform: rotate(-135deg); }
/* dropdown arrow = the "V" glyph (scaled x2) of the MaxiMenu rules above: engine-independent box so it sits centred on the text line, inside the item */
.main-menu div.maximenuckh ul.maximenuck li.level1.parent > a:after { width: auto !important; height: auto !important; left: auto !important; right: 8px !important; top: 29px !important; margin: 0 !important; line-height: 21px !important; }

/* utility classes that Cassiopeia/Bootstrap used to provide (labels such as the search label must stay invisible) */
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.top-right .mod-languages .pretext p { margin: 0; }

/* ---- pop-up for a.jcepopup links (js/popup.js) ---- */
dialog.ark-popup { padding: 0; border: 0; background: #fff; max-width: 96vw; max-height: 94vh; overflow: visible; box-shadow: 0 10px 40px rgba(0, 0, 0, .5); }
dialog.ark-popup::backdrop { background: rgba(0, 0, 0, .65); }
dialog.ark-popup .ark-popup-body { line-height: 0; }
dialog.ark-popup iframe { display: block; width: min(950px, 92vw); height: min(710px, 82vh); border: 0; }
dialog.ark-popup.ark-popup-image img { display: block; max-width: 92vw; max-height: 82vh; }
dialog.ark-popup .ark-popup-title { padding: 8px 12px; line-height: 1.4; font-size: 14px; color: #333; }
dialog.ark-popup .ark-popup-close { position: absolute; top: -14px; right: -14px; z-index: 2; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: #022369; color: #fff; font-size: 22px; line-height: 30px; cursor: pointer; }
dialog.ark-popup .ark-popup-close:hover { background: #5284c3; }
/* Leaflet (Zh OpenStreetMap): zoom/fullscreen controls to the top-right so they do not sit under the vessel-company panel */
body.com_zhosmmap .leaflet-top.leaflet-left {left: auto; right: 0;}
body.com_zhosmmap .leaflet-left .leaflet-control {float: right; clear: right; margin-left: 0; margin-right: 10px;}
/* map page: size the map to the window (header 125 px + footer 136 px + margin) so the footer is visible without scrolling; never smaller than 450 px */
body.com_zhosmmap #OMapsID {height: calc(100vh - 280px) !important; min-height: 450px;}
/* narrow screens: the footer grows with its content, so it must be in the normal flow (an absolute footer covered the end of the article text) */
@media screen and (max-width:960px){
	.footer{position:relative;bottom:auto;margin-top:0;}
	.main-content{padding-bottom:20px;}
}
/* map page on phones: the vessel panel covered ~65% of the map -> smaller, tucked into the top-left corner */
@media screen and (max-width:638px){
	body.com_zhosmmap div#OMapsGroupDIV {top: 135px; left: 8px; transform: scale(.7); transform-origin: top left;}
}
/* ---- Mobile main menu (<= 1110 px, like the live site): look of the live site (MaxiMenu 8 "mobile bar"): a dark bar on the right of the header with the
   current page title + hamburger, opening a 195 px dark-blue panel with "Menu" + close, level-1 items #10223e, level-2 items #0080c0,
   all sub-menus expanded. MaxiMenu CK 10 only offers its toggler, so it is restyled here (title text is set by js/mobile-menu.js). */
@media screen and (max-width: 1110px) {
	.logo-menu .container {position: relative;}
	.logo-menu .main-menu {position: static; width: 115px;}  /* stays a right float in the header row, next to the language flags / search, as on live */
	div:is(#maximenuck90, #maximenuck97) .maximenuck-toggler-anchor {display: none !important;}
	/* closed: the bar */
	div:is(#maximenuck90, #maximenuck97) label.maximenumobiletogglericonck {display: block !important; position: relative; z-index: 100001; box-sizing: border-box; width: 115px; height: 45px; margin: 0; padding: 0 !important; background: #152d52; color: transparent !important; font-size: 0 !important; cursor: pointer; text-align: left !important;}
	div:is(#maximenuck90, #maximenuck97) label.maximenumobiletogglericonck::before {content: attr(data-title); position: absolute; left: 10px; top: 0; max-width: 66px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #eee; font: 400 12px/45px Roboto, sans-serif; text-transform: uppercase;}
	div:is(#maximenuck90, #maximenuck97) label.maximenumobiletogglericonck::after {content: ""; position: absolute; right: 5px; top: 8px; box-sizing: border-box; width: 40px; height: 28px; border: 1px solid #6f8fc4; border-radius: 4px; background: linear-gradient(#fff, #fff) center 7px / 22px 3px no-repeat, linear-gradient(#fff, #fff) center 12px / 22px 3px no-repeat, linear-gradient(#fff, #fff) center 17px / 22px 3px no-repeat, #2d4d86;}
	/* open: bar becomes the panel header "Menu  X" */
	div:is(#maximenuck90, #maximenuck97):has(.maximenumobiletogglerck:checked) label.maximenumobiletogglericonck {position: absolute; top: 0; right: 0; width: 195px;}
	div:is(#maximenuck90, #maximenuck97):has(.maximenumobiletogglerck:checked) label.maximenumobiletogglericonck::before {content: "Menu"; max-width: none; left: 20px; font: 400 20px/45px Roboto, sans-serif; text-transform: none; color: #fff;}
	div:is(#maximenuck90, #maximenuck97):has(.maximenumobiletogglerck:checked) label.maximenumobiletogglericonck::after {content: "\2715"; width: 31px; height: 31px; right: 10px; top: 7px; border: 0; border-radius: 0; background: none; color: #fff; font: 400 26px/31px Arial, sans-serif; text-align: center;}
	/* panel */
	div:is(#maximenuck90, #maximenuck97) .maximenumobiletogglerck:checked + ul.maximenuck {position: absolute !important; top: 45px; right: 0; width: 195px !important; box-sizing: border-box; margin: 0 !important; padding: 0 0 10px !important; background: #152d52 !important; box-shadow: none; z-index: 100000;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck li.maximenuck {display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck li.maximenuck > a, div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck li.maximenuck > span.separator {display: block !important; height: 35px !important; margin: 2px 10px !important; padding: 0 0 0 25px !important; border: 0 !important; border-radius: 5px; background: #10223e !important; color: #fff !important; font: 400 15px/35px Arial, sans-serif !important; text-align: left !important; text-transform: uppercase;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck li.maximenuck.current > a {background: #5284c3 !important;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck li.maximenuck > a::after, div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck li.maximenuck > span.separator::after {display: none !important;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck li.maximenuck > a span.titreck, div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck li.maximenuck > a span.descck {color: #fff !important;}
	/* sub-menus always expanded, in the flow */
	div:is(#maximenuck90, #maximenuck97).maximenuckh div.floatck, div:is(#maximenuck90, #maximenuck97).maximenuckh div.maxidrop-main {display: block !important; position: static !important; visibility: visible !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; opacity: 1 !important;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh div.floatck, div:is(#maximenuck90, #maximenuck97).maximenuckh div.maxidrop-main, div:is(#maximenuck90, #maximenuck97).maximenuckh div.maxidrop-main > div, div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck2, div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck2 li.maximenuck {height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; left: auto !important; top: auto !important; float: none !important;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck2 {display: block !important; position: static !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck li.maximenuck.level2 > a, div:is(#maximenuck90, #maximenuck97).maximenuckh ul.maximenuck2 li.maximenuck.level2 > a {margin: 2px 10px 2px 20px !important; padding-left: 20px !important; background: #0080c0 !important; text-transform: none; font-size: 14px !important;}
	/* extra specificity: the desktop styles are set per menu item id with !important (item288.level2 ...) */
	div:is(#maximenuck90, #maximenuck97).maximenuckh.maximenuckh ul.maximenuck.maximenuck li.maximenuck.maximenuck.maximenuck {padding: 0 !important; height: auto !important; background: none !important; background-color: transparent !important;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh.maximenuckh ul.maximenuck.maximenuck li.maximenuck.maximenuck.maximenuck > a, div:is(#maximenuck90, #maximenuck97).maximenuckh.maximenuckh ul.maximenuck.maximenuck li.maximenuck.maximenuck.maximenuck > span.separator {box-sizing: border-box; height: 35px !important; margin: 2px 10px !important; padding: 0 0 0 25px !important; line-height: 35px !important; background: #10223e !important; border: 0 !important;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh.maximenuckh ul.maximenuck.maximenuck li.maximenuck.maximenuck.maximenuck.level2 > a, div:is(#maximenuck90, #maximenuck97).maximenuckh.maximenuckh ul.maximenuck.maximenuck li.maximenuck.maximenuck.maximenuck.level2 > span.separator {margin: 2px 10px 2px 20px !important; padding-left: 20px !important; background: #0080c0 !important; font-size: 14px !important;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh.maximenuckh ul.maximenuck.maximenuck li.maximenuck.maximenuck.maximenuck.current > a {background: #5284c3 !important;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh.maximenuckh div.floatck.floatck {background: none !important; background-color: transparent !important;}
	div:is(#maximenuck90, #maximenuck97).maximenuckh.maximenuckh div.maxidrop-main.maxidrop-main, div:is(#maximenuck90, #maximenuck97).maximenuckh.maximenuckh div.maximenuck2.maximenuck2, div:is(#maximenuck90, #maximenuck97).maximenuckh.maximenuckh ul.maximenuck2.maximenuck2, div:is(#maximenuck90, #maximenuck97).maximenuckh.maximenuckh ul.maximenuck2.maximenuck2 li.maximenuck.maximenuck.maximenuck {background: none !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important;}
}

/* ---- Header row between 479 and 1110 px: flags (+ search) at the right of the blue header, the menu bar next to them. ----
   On live this only came out of float wrapping (different in Chrome and Firefox, and the blue header covered the flags so they could
   not be clicked). Deterministic here: language switcher / search are positioned on the header row and raised above it. */
@media screen and (min-width: 479px) and (max-width: 1110px) {
	.topheader {position: relative; z-index: 10;}
	.topheader .container {position: static;}
	.topheader .top-right {position: absolute; top: 45px; right: 0; float: none;}
	.top-right .mod-languages .pretext {display: none;}
	.logo-menu .main-menu {margin-right: 120px;}
}
@media screen and (min-width: 639px) and (max-width: 1110px) {
	.logo-menu .main-menu {margin-right: 330px;}
}
/* Shipping-instructions forms: accordion panels (was NoNumber Sliders; now <details class="ark-acc">), look of the live site */
.form-sliders {margin: 10px 0;}
.form-sliders details.ark-acc {border: 1px solid #e5e5e5; margin: 0 0 -1px;}
.form-sliders details.ark-acc > summary {display: block; padding: 8px 15px; cursor: pointer; color: #000; font-size: 14px; font-weight: 500; list-style: none;}
.form-sliders details.ark-acc > summary::-webkit-details-marker {display: none;}
.form-sliders details.ark-acc > summary::after {content: "+"; float: right; font-size: 17px; font-weight: 600;}
.form-sliders details.ark-acc > .ark-acc-body {padding: 15px;}
.form-sliders details.ark-acc > .ark-acc-body {display: flow-root;}  /* contain the floated columns of the panel */
.form-sliders {display: flow-root;}
/* Shipping-instructions form: RSForm 3.4 markup/CSS differences vs. the J3 look (inputs 7px padding, <button> instead of <input> for submit) */
.shipping-form .rsform-block input.rsform-input-box,
.shipping-form .rsform-block input.rsform-calendar-box {padding: 7px; margin: 0;}
.shipping-form .rsform-block select.rsform-select-box {box-sizing: border-box; height: 34px; padding: 7px;}
.send-container .rsform-block-submit input,
.send-container .rsform-block-submit button {
background: #5383C3; color: #fff; text-shadow: none; border-radius: 0px; box-shadow: none; border: thin solid #CCC;
padding: 7px 52px; margin: 0 13px 0 0; height: 34px; font-size: 13px; line-height: 18px; cursor: pointer;
}
.send-container .rsform-block-submit button:hover {background: #022369;}
/* (tarros: four columns - CNTR, GROSS, SEAL, COLLIS) the columns of the "Complete the form" panel: equal header height and textareas exactly as wide as their header */
div.form-sliders .rsform-block-cntr, div.form-sliders .rsform-block-collis, div.form-sliders .rsform-block-gross, div.form-sliders .rsform-block-seal {width: 261px;}
div.form-sliders .rsform-block-cntr .formControlLabel,
div.form-sliders .rsform-block-collis .formControlLabel,
div.form-sliders .rsform-block-gross .formControlLabel,
div.form-sliders .rsform-block-seal .formControlLabel {box-sizing: border-box; width: 261px !important; height: 46px !important; padding-top: 8px !important; padding-bottom: 0 !important;}
div.form-sliders .rsform-block-cntr textarea,
div.form-sliders .rsform-block-collis textarea,
div.form-sliders .rsform-block-gross textarea,
div.form-sliders .rsform-block-seal textarea {box-sizing: border-box; width: 261px !important; max-width: 100%;}

/* footer links (privacy / cookies / newsletter) - as on arkas-hellas.gr */
.footermenu{display:flex;margin-top:10px;}
.policy-links{margin:0;padding:0;list-style-type:none;margin-right:15px;}
.policy-links li a{color:#000;font-size:12px;border-bottom:1px solid #000;margin-bottom:5px;}
.policy-links li a:hover{opacity:0.8;}