/* The Modal (background) */
#modalLogin > .modalLogin {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /*background-color: rgb(0,0,0);*/ /* Fallback color */
    /*background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
}

.modalLogin {
    display: none;
    position: fixed;
    z-index: 1;
    z-index: 5000 !important;
    /*padding-top: 100px;*/
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-x: hidden;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content/Box */
    #modalLogin > .modal-content {
        display: flex;
        background-color: white; /*#fefefe;*/
        border-radius: 25px;
        margin: 15% auto; /* 15% from the top and centered */
        padding: 10px 20px 50px 20px;
        border: 1px solid #888;
        width: 900px;
    }

/* The Close Button */
.close1, .closeLoginError {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    text-align: right;
    padding-right: 9px;
}

    .close1:hover,
    .close1:focus, .closeLoginError:hover, .closeLoginError:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.infotick {
    content: "";
    /* background-image: url(svg/infotick.svg);*/
    background-repeat: no-repeat;
    border-radius: 5px;
    border: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    white-space: nowrap;
    color: #0abff2 !important;
    text-decoration: none;
    margin-right: 5px;
    width: 14px;
    height: 27px;
}

.checkitem {
    margin-bottom: 5px;
}

.logincontents {
    margin-bottom: 20px;
    margin-top: 20px;
}

.registerbtn {
    display: block;
    color: white !important;
    background-color: #213367;
    border: solid;
    border-color: #213367;
    border-radius: 25px;
    margin-top: 20px;
    padding: 10px 12px;
    width: 120px;
    text-align: center;
}

    .registerbtn:hover,
    .registerbtn:focus,
    .registerbtn a,
    .registerbtn a:visited {
        color: white;
        text-decoration: none;
        cursor: pointer;
    }

.registerdiv {
    border-right: 1px solid;
}

/*added by mpanop--- 04-10-22*/
#resetPassbtnDiv a, #resetPassbtnDiv a:visited, #resetPassbtnDiv a:hover {
    color: #213367 !important;
    cursor: pointer;
}

.logincontents .username {
    outline: none;
    background-color: rgba(237, 237, 237, 1);
    border: 0;
    font-family: var(--fontfamily);
    font-size: 14px;
    color: #24263D;
    color: rgb(36, 38, 61);
    border-radius: 5px;
    position: relative !important;
    display: inline-block !important;
    height: 50px;
}

    .logincontents .username:focus {
        background-color: rgba(237, 237, 237, 1) !important;
        outline: 0px !important;
        -webkit-appearance: none;
        box-shadow: none !important;
    }

.logincontents .password {
    outline: none;
    background-color: rgba(237, 237, 237, 1);
    border: 0;
    font-family: var(--fontfamily);
    font-size: 14px;
    color: #24263D;
    color: rgb(36, 38, 61);
    border-radius: 5px;
    position: relative !important;
    display: inline-block !important;
    height: 50px;
}

    .logincontents .password:focus {
        background-color: rgba(237, 237, 237, 1) !important;
        outline: 0px !important;
        -webkit-appearance: none;
        box-shadow: none !important;
    }

.redborder {
    border: 1px solid rgba(236, 22, 81, 1) !important;
}

.customname {
    position: relative !important;
}

.custompassword {
    position: relative !important;
}
 

.customname:before {
    content: "\f2bd ";
    color: rgb(36, 38, 61) !important;
    /* font-family: FontAwesome; */
    font-family: "Font Awesome 5 Free" !important;
    font-size: 20px;
    position: absolute;
    z-index: 2;
    left: 10px;
    top: -4px;
}

.custompassword:before {
    content: "\f023";
    color: rgb(36, 38, 61) !important;
    /* font-family: FontAwesome; */
    font-family: "Font Awesome 5 Free" !important;
    font-size: 20px;
    position: absolute;
    top: -8px;
    z-index: 2;
    left: 10px;
    font-weight: 900;
    top: -4px;
}

.validform {
    color: rgba(236, 22, 81, 1) !important;
    text-align: left !important;
    font-size: 14px !important;
    /*display:none;*/
    visibility: hidden;
    margin-bottom: 20px;
}

.validformPassword {
    color: rgba(236, 22, 81, 1) !important;
    text-align: left !important;
    font-size: 14px !important;
    display: none;
    /*visibility: hidden;*/
    margin-bottom: 10px;
}

.custompassword {
    position: relative !important;
}

.customname {
    position: relative !important;
}

    .customname:before {
        content: "\f2bd ";
        color: rgb(36, 38, 61) !important;
        /* font-family: FontAwesome; */
        font-family: "Font Awesome 5 Free" !important;
        font-size: 20px;
        position: absolute;
        z-index: 2;
        left: 10px;
        top: -4px;
    }

.custompassword:before {
    content: "\f023";
    color: rgb(36, 38, 61) !important;
    /* font-family: FontAwesome; */
    font-family: "Font Awesome 5 Free" !important;
    font-size: 20px;
    position: absolute;
    top: -8px;
    z-index: 2;
    left: 10px;
    font-weight: 900;
    top: -4px;
}

.floating-select:focus ~ .lblmail, .floating-select:not([value=""]):valid ~ .lblmailtrigger {
    top: -14px;
    font-size: 11px;
    z-index: 1;
}

.floating-select:focus ~ .lblpassword, .floating-select:not([value=""]):valid ~ .lblpasswordtrigger {
    top: -14px;
    font-size: 11px;
    z-index: 1;
}

.newsearchspacesdates {
    margin-bottom: 0px !important;
}

.lblmail {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 40px;
    top: -1px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.lblpassword {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 40px;
    top: -1px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.padleft40 {
    padding-left: 40px;
}

/*responsive login modal*/
@media screen and (max-width: 1125px) {
    /*login modal*/
    #myModal > .modal-content {
        width: 80%;
    }
}


.dp70 {
    display: none;
    left: 71px !important;
}


@media screen and (max-width: 991px) {

    .dp70 {
        left: 50px !important;
    }
}


@media screen and (max-width: 575px) {
    .registerdiv {
        border-right: none;
        border-bottom: 1px solid;
        padding-bottom: 30px;
    }

    .logindiv {
        padding-top: 30px;
    }

    .registerbtn {
        width: 100%;
    }

    .dp70 {
        display: none;
        left: 0px !important;
    }
}

@media screen and (max-width: 575px) {
    .dp70 {
        display: none;
        left: -43px !important;
    }
}

.dp10 {
    margin-top: 12px !important;
    left: 10px !important;
}

.mobileheader .nice-select {
    border: unset !important;
    background-color: unset !important;
}

.colorLogOut {
    color: rgba(33, 51, 103, 1);
}

.displayinlineblock:before {
    display: inline-block !important;
}


.displayblock {
    display: block !important;
}

.asexwro {
    font-size: 19px !important;
    margin-left: 4px;
    margin-right: 4px;
}

.faplus10 {
    padding-left: 10px;
    padding-right: 10px;
}

.loginerrormodaldiv {
    display: none;
    position: fixed;
    z-index: 5001 !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    background-color: rgba(0,0,0,0.4);
}

.loginerrormodal {
    background-color: white;
    border-radius: 25px;
    margin: 15% auto;
    padding: 30px 20px 30px 20px;
    border: 1px solid #888;
    width: 500px;
}

.loginFailmsg {
    font-weight: bold;
}

.strip {
    cursor: pointer;
}


.modalstrip {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modalstrip-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 400px;
    position: relative;
}

.closestrip {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .closestrip:hover,
    .closestrip:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }


.stripcancelimg {
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: -52px;
    margin-top: -91px;
    position: absolute;
    top: 70px;
    right: 30px;
}



.schooltriptitle {
    font-family: 'Manrope', sans-serif !important;
    font-size: 20px;
    color: rgba(33, 51, 103, 1);
    font-weight: 900;
}

.movetop10 {
    margin-top: 10px;
}


.nextstrip {
    background: rgba(33, 51, 103, 1);
    -webkit-border-radius: 28px;
    padding: 10px 15px;
    cursor: pointer;
}

.m3520 {
    margin-top: 35px;
    margin-bottom: 10px;
}

.nextstrip span {
    color: #FFF;
}

.stripspace {
    visibility: hidden;
}


.visible {
    visibility: visible;
}

.talleft {
    text-align: left;
}

.stripspace {
    color: rgba(236, 22, 81, 1);
}

.modalstrip {
    z-index: 9999;
}


.registermodal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.registermodal-content .previewcancel {
    margin-right: -13px !important;
    margin-top: -52px !important;
}

.registermodal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 500px;
    position: relative;
}

.closeregister {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    opacity: 1 !important;
    position: absolute;
    top: 2px;
    right: -9px;
}

    .closeregister:hover,
    .closeregister:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
        opacity: 1 !important;
    }

.contactsignupdiv {
    margin-bottom: 30px;
}

.contactsignuptopdiv {
    margin-top: 30px;
    margin-bottom: 30px;
}


.contactsignup {
    color: rgba(33, 51, 103, 1);
    font-size: 20px;
}


.moveregftop20 {
    margin-top: 20px;
}


.filledcountries .list {
    max-height: 120px;
    overflow-y: scroll!important;
    background-color: #FFF;
}

.registerval {
    color: rgba(236, 22, 81, 1) !important;
    font-size: 12px;
}

.visible {
    visibility: visible;
}

.filledpassdiv {
    position: relative;
}

.fa-eye {
    position: absolute;
    top: 10px;
    right: 24px;
    cursor: pointer;
}

.registermodal .chosen-container {
    display: block !important;
    width: 100% !important;
}

.registermodal .chosen-single span {
    color: #929497 !important;
}

.registermodal .chosen-container-single .chosen-single {
    height: 40px;
    padding-top: 7px;
    background: unset;
}

.modalsuccessreg {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modaluserexits, .modalbookingexists {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modalnonactive {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modalnonactive-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 500px;
    position: relative;
}


.modalsuccessreg-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 500px;
    position: relative;
}


.modaluserexits-content, .modalbookingexists-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 500px;
    position: relative;
}


.closemodalnonactive {
    color: #aaaaaa;
    text-align: right;
    font-size: 28px;
    font-weight: bold;
    padding-right: 0px;
    opacity: unset !important;
    position: absolute;
    top: 0px;
    right: -8px;
}

    .closemodalnonactive:hover,
    .closemodalnonactive:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.closemodalsuccessreg {
    color: #aaaaaa;
    text-align: right;
    font-size: 28px;
    font-weight: bold;
    padding-right: 0px;
    opacity: unset !important;
    position: absolute;
    top: 0px;
    right: -8px;
}

    .closemodalsuccessreg:hover,
    .closemodalsuccessreg:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.closemodaluserexits, .closemodalbookingexists {
    color: #aaaaaa;
    text-align: right;
    font-size: 28px;
    font-weight: bold;
    padding-right: 0px;
    opacity: unset !important;
    position: absolute;
    top: 0px;
    right: -8px;
}

    .closemodaluserexits:hover,
    .closemodaluserexits:focus, .closemodalbookingexists:hover,
    .closemodalbookingexists:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
     

@media (max-width: 600px) {
    .loginerrormodal {
        width: 90%;
    }
}
/* added by mpanop 06-10-22 --eye icon for dimiourgia kwdikou, epalitheusi kwdikou stin eggrafi*/
.eyecust {
    display: none;
}



@media only screen and (min-width: 1101px) and (max-width: 1250px) {
    .menu a {
        margin-right: 10px !important;
        font-size: 18px !important;
    }
}


@media only screen and (min-width: 1251px) and (max-width: 1300px) {
    .menu a {
        margin-right: 10px !important;
        font-size: 13px !important;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1450px) {
    .menu a {
        margin-right: 10px !important;
        font-size: 15px !important;
    }
}

@media only screen and (min-width: 1451px) and (max-width: 1790px) {
    .menu a {
        margin-right: 10px !important;
        font-size: 17px !important;
    }
}

@media only screen and (max-width: 600px) {
    .registermodal-content {
        width: 100%;
    }

    .registermodal {
        padding-right: 25px !important;
        padding-left: 25px !important;
    }
}

.stickynextpages {
    max-height: 60px !important;
}

.yesbtn, .nobtn {
    background-color: rgb(33, 51, 103);
    color: white;
    padding: 10px 35px;
    border-radius: 15px;
}

    .yesbtn:hover, .nobtn:hover {
        cursor: pointer;
    }

.yesornodiv {
    margin-top: 25px;
    margin-bottom: 10px;
}



.sitehero, .mailhero, .telhero {
    background-repeat: no-repeat;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    white-space: nowrap;
    color: rgba(255, 255, 255, 1) !important;
    text-decoration: none;
    padding: 12px;
    cursor: pointer;
}

.sitehero {
    background-image: url(svg/herodotus/internet.svg) !important;
}

.mailhero {
    background-image: url(svg/herodotus/email.svg) !important;
}

.telhero {
    background-image: url(svg/herodotus/call.svg) !important;
}

.heightb2b {
    height: 72px;
}

.messagetoDisplay {
    font-size: 14px;
    color: rgba(33, 51, 103, 1);
    font-weight: 999;
}

.messagetoDisplayred {
    color: rgba(241, 53, 50, 1) !important;
}

.askformail {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.askformail-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 380px;
    position: relative;
}

.closeask {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: -10px;
    opacity: 1;
}

    .closeask:hover,
    .closeask:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }


.downloadonly {
    background: #FFF;
    color: rgba(33, 51, 103, 1) !important;
    border: 1px solid rgba(33, 51, 103, 1);
    border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    padding: 10px 15px;
    cursor: pointer;
}

.downloadsend {
    background: #213367;
    background: rgba(33, 51, 103, 1);
    border-radius: 28px;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    padding: 10px 15px;
    cursor: pointer;
}

.donsend {
    margin-top: 25px;
    margin-bottom: 15px;
}




.successmailbroc {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.successmailbroc-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 249px;
    position: relative;
}

.closesuccessmailbroc {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: -10px;
    opacity: 1;
}

    .closesuccessmailbroc:hover,
    .closesuccessmailbroc:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }


.failmailbroc {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.failmailbroc-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 249px;
    position: relative;
}

.closefailmailbroc {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: -10px;
    opacity: 1;
}

    .closefailmailbroc:hover,
    .closefailmailbroc:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }


.downloadsend, .downloadsend:visited {
    color: #FFF !important;
}


.sindesi {
    color: #FFFFFF;
    font-size: 12px;
}

.profile-title {
    margin-right: 0px;
}

.b2bpartners {
    padding: 0px;
}

.righttemp2conta {
    padding-right: 0px;
}

#dnn_RightPane {
    padding-left: 0px;
    padding-right: 0px;
}

.sindesi {
    color: #7ee6e6;
}

@media only screen and (min-width: 1451px) and (max-width: 1790px) {
    .right-hea-align {
        padding-right: 84px;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1700px) {
    .profile-title, .sindesi {
        font-size: 12px !important;
    }

    .desktopheadernp .searchheader {
        width: 120px;
    }

    .desktopheadernp .searchheader, .sindesi {
        font-size: 12px !important;
    }

    .cart-title {
        margin-right: 13px;
    }
    /*.profile-title, .cart-title {
        margin-right: 13px;
    }*/
    .headerprofildiv {
        padding-right: 0px;
    }
}

@media only screen and (min-width: 1501px) and (max-width: 1554px) {
    .desktopheadernp .searchheader {
        width: 116px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1393px) {
    .desktopheadernp .searchheader {
        width: 97px !important;
    }

    .px1350 i {
        margin-right: 6px !important;
    }

    .desktopheadernp .searchheader {
        font-size: 10px !important;
    }
}

.desktopheadernp .searchheader {
    width: 133px;
}

.sindesiwhite {
    color: #FFF;
}

.b2bpartners span {
    font-size: 14px !important;
}

.noClick {
    pointer-events: none;
}

.resendactmail {
    color: #213367 !important;
    cursor: pointer;
}


.headerenvdiv {
    margin-left: 30px;
}


.filledcitydiv .list {
    max-height: 300px;
    overflow-y: scroll !important;
}