#googleMap-container{width:100%;max-width:100%;height:570px;padding:0 20px;margin:0 auto;}
#googleMap{width:100%;height:100%;}
.form-wrapper {width: 100%;}
.contact-form-inner-container {width: 100%;height: 100%;text-align: center;}
#contact-form-container {width: 100%;margin: 0 auto;}
#contact-form {width: 100%;}
#contact-form-hTitle {line-height: var(--lh-1-5);color: var(--color-blue-500);}
.contact-textarea{position:relative;font:var(--font-18-bold);color: var(--color-black-900);width:100%;height: 100%;padding: 20px 10px 15px 25px;resize:none;outline:none;border:none;background:#FFFFFF;border:1px solid #8B8B8B}
.contact-input:focus,.contact-select:focus,.contact-textarea:focus{border: 1px solid #8B8B8B;background: #D2D8DE;}
.contact-input::-webkit-input-placeholder,.contact-textarea::-webkit-input-placeholder{color:#262626}
.contact-input:-moz-placeholder,.contact-textarea::-moz-placeholder{color:#262626}
.contact-input::-moz-placeholder,.contact-textarea::-moz-placeholder{color:#262626}
.contact-input:-ms-input-placeholder,.contact-textarea::-ms-input-placeholder{color:#262626}
.contact-submit-col{margin-top:25px; display: flex;flex-direction: column;justify-content: flex-start;align-items: center;width: 100%;}
.contact-label-wrapper{width:100%;text-align: left;}
.contact-label-container{display:inline-flex}
.contact-label{display:block;position:relative;cursor:pointer;font:var(--font-16-light);color:#3D3D3D;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.contact-label-link{display:block;font:var(--font-16-light);color:#3D3D3D;padding-left:35px}
.contact-label-link:hover{color: var(--color-blue-500)}
.contact-label input{position:absolute;opacity:0;cursor:pointer}
.contact-checkmark{position:absolute;top:0;left:0;bottom:0;height:30px;width:30px;border: 1px solid #DADADA;background: #FFF;margin: auto;}
.contact-label:hover input ~ .contact-checkmark{border:1px solid var(--color-blue-500);}
.contact-label input:checked ~ .contact-checkmark{border:1px solid #4b4b4b;background-color:#4b4b4b}
.contact-checkmark:after{content:"";position:absolute;display:none}
.contact-label input:checked ~ .contact-checkmark:after{display:block}
.contact-label .contact-checkmark:after{left:9px;top:4px;width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;-ms-transform:rotate(45deg);transform:rotate(45deg)}
.contact-submit-outer{width:100%;margin-top: 25px;}
#contact-submit{width:100%;border: none;outline: none;cursor: pointer;color: var(--color-white);background-color: var(--color-black-900);padding: 20px 0;font:var(--font-22-bold)}
#contact-submit:hover{background-color:var(--color-blue-500) }
.contact-col{width:100%;text-align: left;}
.contact-input{position:relative;font:var(--font-18-bold);color:#5F6657;width:100%;height:60px;padding: 20px 15px 10px 25px;background:#FFFFFF;outline:none;border: 1px solid #8B8B8B;}
.contact-col-left{width:100%;}
.contact-col-right{width:100%;}
.contact-col{gap: 20px;}
.contact-col:not(:first-child, .textarea-col) {margin-top: 20px;}
.contact-col.textarea-col, .contact-col-left, .contact-col-right {position: relative;}
.input__label{
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 0 10px;
    font: var(--font-18-light);
    color: #616161;
    background: transparent;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

/* focus */
.contact-input:focus + .input__label,
.contact-textarea:focus + .input__label{
    opacity: 0;
    visibility: hidden;
}

/* όταν υπάρχει value */
.contact-input:not(:placeholder-shown) + .input__label,
.contact-textarea:not(:placeholder-shown) + .input__label{
    opacity: 0;
    visibility: hidden;
}
.contact-info-outer-container {width: 100%;margin: 0 auto;}
.contact-info-container{width: 100%;margin: auto}
.contact-title{text-align: center;}
.contact__store_info {background: #EEEAE5;flex-direction: column;}
.contact__list{text-align: center;flex-direction: column;}
.contact__list > li{width: 100%;position: relative;}
.contact__list > li:not(:first-child):before {content:'';position: absolute;width: 6px;height: 6px;background: var(--color-black-900);top: 0;left: 0;right: 0;margin: auto;}
.contact-socials-container{flex-direction: column;}
.contact-socials {justify-content: center;align-items: center;}
.contact__info_link{flex-direction: column;justify-content: center;align-items:center;color: var(--color-black-900);line-height: var(--lh-1-4)}
.form-wrapper{background: #F3F3F3;}
#contact-form-hTitle3 {line-height: 3;color: var(--color-black-900);}
.contact-socials > li > a img{transition: all .4s ease}
@media (min-width:1200px) {
    .contact-info-outer-container{padding: 0 20px}
    .contact-info-container {margin-top: 1.823vw;border-top: 1px solid #CDCDCD;max-width:1500px;gap: 2%;padding-top: 2.083vw;}
    .contact__store_info {width: 33%;padding: 2.083vw 3.646vw 3.125vw;}
    .form-wrapper {width: 65%;padding:4.167vw 4.427vw; }
    .contact-title{font:var(--font-30-regular);line-height: var(--lh-1-5)}
    .contact__list{margin-top: 1.823vw;}
    .contact__list > li:not(:first-child) {margin-top:10px;padding-top: 20px}
    .contact__list > li .contact--title{font:var(--font-24-regular);line-height: var(--lh-1-4)}
    .contact__info_link{row-gap:8px;}
    .contact-socials-container{gap:15px;}
    .contact-socials{gap: 25px;}
    .contact-left-container{width: 49%;}
    .contact-col.textarea-col{width: 49%;margin-left: 2%;}
    #contact-form-hTitle {font: var(--font-30-bold);}
    #contact-form-hTitle3 {font: var(--font-15-medium);line-height: 3;}
    #contact-form{margin-top: 30px;}
    .map-container{margin-top: 45px;}
    .contact__list > li:hover .contact--title{color: var(--color-blue-500)}
    .contact-socials > li:hover > a img{transform: scale(1.1)}
}
@media (max-width:1199px) {
    #googleMap-container{width: 80%;margin:50px auto 0;}
    .contact-info-container{justify-content:center;margin-top:30px}
    .contact__store_info{padding:40px}
    .contact-title{font:var(--font-26-regular)}
    .contact__list{margin-top:30px}
    .contact__list > li:not(:first-child){margin-top:20px;padding-top:25px}
    .contact__info_link{row-gap:7px;width:100%;margin:auto;max-width:fit-content}
    .contact-socials-container{gap:7px}
    .contact-socials-title{font:var(--font-20-medium);line-height:var(--lh-1-7)}
    .contact-socials{gap:20px}
    .contact--title{font:var(--font-24-regular);line-height:var(--lh-1-4)}
    .form-wrapper{padding: 30px 20px 45px;}
    #contact-form-hTitle {font: var(--font-24-bold);line-height: var(--lh-1-9);}
    #contact-form-hTitle3 {font: var(--font-15-medium);}
    #contact-form {margin-top: 15px;}
    .contact-col.textarea-col {margin-top: 20px;}
    .map-container{margin-top: 30px;}
}
@media (max-width: 1199px) and (min-width: 765px){
    .form-wrapper {width: 90%;margin-top: 30px;}
}
@media (max-width:764px) {}
/*
.contact-info-outer-container{width:100%;margin:auto}
.contact__store_info{flex-direction:column;border:1px solid var(--color-gray-220);background:var(--color-white);}
.contact-title img{margin:auto;height:auto;max-width:89px;object-fit:scale-down}
.contact__list{flex-direction:column;justify-content:center;align-items:center}
.contact__list > li:last-child{margin-top:10px}
.contact__list > li:nth-child(2){border-top:1px solid #D2D2D2;width:100%}
.contact-socials-container {margin-top: 20px;justify-content: center;align-items: center;}
.contact-socials {gap: 10px;}
.contact--title{color:var(--color-black-900);text-align:center}
.contact__info_link{justify-content:center;align-items:center}

@media (min-width:1200px) {

    #contact-form-hTitle3{margin-top: 15px;}
    #contact-form{margin-top: 40px;}
    .contact-info-outer-container{margin-top:85px;max-width:1640px;padding: 0 20px;}
    .contact__store_info{width:calc(50% - 1.042vw);padding:60px 9.375vw 45px;}
    .contact-photo{width:calc(50% - 1.042vw);margin-left: 2.083vw}
    .contact-photo figure{height: 100%;}
    .contact-title .title{font:350 clamp(2.5rem,1.4286rem + 1.4286vw,3.125rem) var(--fontFamily);text-align:center;margin-top:30px}
    .contact__list{margin-top:55px;}
    .contact__list > li {max-width: 280px;}
    .contact--title{font:var(--font-26-light);}
    .contact__list > li:first-child .contact--title{font:var(--font-30-light)}
    .contact__list > li:nth-child(2){margin-top:40px;padding-top:40px;}
    #contact-form-container {max-width: 1070px;margin-top: 80px;padding: 0 20px;}
    .contact-left-container{width: 49%;}
    .contact-col.textarea-col{width: 49%;margin-left: 2%;}
    #footer {margin-top: 60px;}
}
@media (max-width:1199px) {
    #cms-wrapper{width:100%;padding:20px 0 0}
    .breadcrumb-outer-container{padding: 0 20px;}
    #contact-header-container{margin-top: 20px;padding-top: 20px;}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size: clamp(1.25rem, 1.0297rem + 0.4608vw, 1.375rem);}
    #cms-h1{font-size: clamp(1.875rem, 1.0179rem + 1.1429vw, 2.375rem);}!*30->38*!
    .contact__store_info{text-align: center;}
    .contact__list{margin-top: 20px;}
    .contact-title .title{font:350 var(--fontSize-40) var(--fontFamily)}
    .contact__list > li:nth-child(2){margin-top:20px;padding-top:20px;border-top:1px solid #D2D2D2;width:100%}
    .contact--title{font:var(--font-24-light);}
    .contact__list > li:first-child .contact--title{font:var(--font-28-light)}

    #contact-form-container{margin-top: 30px;max-width: 1000px;padding: 0 20px;}
    #contact-form-hTitle{font:var(--font-28-bold)}
    #contact-form-hTitle3{margin-top:15px;}
    .form-container{margin-top: 30px;}
    #footer {margin-top: 30px;}
}
@media (max-width: 1199px) and (min-width: 765px){
    .contact-info-outer-container {padding: 0 20px;margin-top: 20px;}
    .contact__store_info{width: 49%;padding: 40px 50px;}
    .contact-photo{width: 49%;margin-left: 2%;}
    .contact-photo figure{height: 100%;}
    .contact-left-container{width: 49%;}
    .contact-col.textarea-col{width: 49%;margin-left: 2%;}
}
@media (max-width:764px) {
    #cms-h1{font-size: clamp(1.5625rem, 1.0268rem + 0.7143vw, 1.875rem);}
    #contact-form-hTitle{font-size: clamp(1.25rem, 0.9375rem + 0.4167vw, 1.4375rem);}
    .contact__store_info{width: 100%;padding: 40px;max-width: 95%;margin: 20px auto 0;}
    .contact-photo {width: 100%;max-width: 80%;margin: 20px auto 0;}
    .contact-col.textarea-col{margin-top: 20px;height:350px;}
}

@media (hover: hover) {
}*/