/* =============================================   CONTACT PAGE =======================================*/


.contact-page-wrapper #inputName::-moz-placeholder,
.contact-page-wrapper #inputEmail::-moz-placeholder,
.contact-page-wrapper #inputPhone::-moz-placeholder,
.contact-page-wrapper #inputComments::-moz-placeholder {
    color: grey;
}

.contact-page-wrapper #inputName::-webkit-input-placeholder,
.contact-page-wrapper #inputEmail::-webkit-input-placeholder,
.contact-page-wrapper #inputPhone::-webkit-input-placeholder,
.contact-page-wrapper #inputComments::-webkit-input-placeholder {
    color: grey;
}

.contact-page-wrapper .block-contact-form .field {
    margin-bottom:10px
}

.g-recaptcha>div {
    height: 60px;
}

.contact-page-wrapper #nb-main-form label {
    margin-bottom: 6px;
    font-weight: normal;
}


.contact-page-wrapper .contact-header-container h1 {
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 20px;
}

.contact-page-wrapper .contact-header-container h1 .fa {}


.contact-page-wrapper #name,
.contact-page-wrapper #email,
.contact-page-wrapper #telephone {
    height: 50px !important;
    line-height: 50px;
    padding: 10px;
    border-radius: 10px !important;
}

.contact-page-wrapper #comment {
    padding: 10px;
    resize: none; 
    border-radius: 10px !important;
    max-height: 223px;
}
@media (min-width: 768px){
    .contact-index-index .contact-us-container.contact-page-wrapper  .form.contact {
        min-width: unset; 
    }
}

.contact-page-wrapper .actions-toolbar {
    text-align: center;
}


.contact-page-wrapper .contact-submit-container .default-blue-xl {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
}

.contact-page-wrapper .contact-header {
    text-align: center !important;
}

.contact-page-wrapper .contact-icon .fa {
    text-align: center !important;
    font-size: 45px;
    margin-top: 30px;
}

.contact-page-wrapper .contact-icon {
    text-align: center !important;
    padding-top: 30px;
}

.contact-page-wrapper hr {
    width: 100%;
    margin: 12px 0;
    border-top: 1px solid #d6d0c5;
}

.contact-page-wrapper .section-map {
    margin-top: 0px !important;
}

.contact-page-wrapper .container {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.contact-page-wrapper .shop-h2 {
    text-align: center;
    margin-bottom: 30px;
}

.contact-page-wrapper .shop-h2 span {
    border-bottom: 5px solid red;
    font-size: 30px;
}

.contact-page-wrapper .shop-info {
    text-align: center;
}

.contact-page-wrapper .shop-info h4 {
    text-align: center;
}

.contact-page-wrapper .contact-details {
    border-radius: 10px;
    padding: 35px;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 15px;
    height: 440px;
    position: relative;
}

.contact-page-wrapper .contact-details h4 {
    margin-top: 0px;
    font-size: 15px;
    font-weight: bold;
}

.contact-page-wrapper .contact-details h4,
.contact-page-wrapper .contact-details .contact-details-section {
    margin-bottom: 20px;
}

.contact-page-wrapper .contact-details.contact-details-top h4,
.contact-page-wrapper .contact-details.contact-details-top .contact-details-section {
    margin-bottom: 27px;
}

.contact-page-wrapper .contact-details .contact-details-section .section-left-title {
    font-weight: bold;
    font-size: 15px;
    color: #333;
}

.contact-page-wrapper .contact-details-section:first-child .section-left-title{
    line-height: 1;
}

.contact-page-wrapper .contact-details .contact-details-section ul li *,
.contact-page-wrapper .contact-details .contact-details-section ul li {
    line-height: 1.4 !important;
    margin-bottom:0;
}

.contact-page-wrapper .contact-map-details-container .contact-details-section:first-child .section-left-title{
    font-size:20px;
}

.contact-details-section ul {
    list-style: none;
    padding-left: 0px;
}

.contact-page-wrapper .contact-details .social-list.list-inline.text-justify li a {
    background: #434343;
    border-radius: 50%;
    padding: 10px;
    width: 35px;
    height: 35px;
    display: table;
}

.contact-page-wrapper .contact-details .social-list.list-inline.text-justify li a:hover {
    text-decoration: none !important;
}


.contact-page-wrapper .contact-details .social-list.list-inline.text-justify li a i {
    font-size: 15px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    display: table-cell;
    color: #fff;
    text-align: center;
}
.contact-page-wrapper .contact-details .social-list.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 0px;
}
.contact-page-wrapper .contact-details,
.contact-page-wrapper .contact-details .footer-box-title {
    font-size: 15px;
}

.contact-page-wrapper .contact-details .footer-box-title {
    margin-top: 10px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 15px;
    color: #333;
}

.contact-page-wrapper .contact-details .footer-box-content {
    margin-top: 10px;
}

.contact-page-wrapper .contact-details .contact-red-btn-container {
    margin-bottom: 15px;
    text-align: center;
    position: absolute;
    width: 90%;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.contact-page-wrapper .contact-details .contact-red-btn-container a {
    border: 2px solid #9e1925 !important;
    display: block;
    margin: 0;
    background-color: #ffffff !important;
    color: #9e1925 !important;
    font-weight: bold !important;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.2px;
    padding: 9px 20px 9px 20px !important;
    border-radius: 4px !important;
    position: relative;
}
.contact-page-wrapper .contact-details .contact-red-btn-container a:hover {
    background-color: #9e1925 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	cursor: pointer;
}

/* background image  */
.contact-page-wrapper .contact-details .contact-red-btn-container a>.img-24-7,
.contact-page-wrapper .contact-details .contact-red-btn-container a>.img-24-7-w {
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: contain;
    vertical-align: bottom;
    position: absolute;
    left: 45px;
}

.contact-page-wrapper .contact-details .contact-red-btn-container a:hover>.img-24-7 {
    visibility: hidden;
}

.contact-page-wrapper .contact-details .contact-red-btn-container a:hover>.img-24-7-w {
    visibility: visible;
}

.contact-page-wrapper .contact-details .contact-red-btn-container a >.img-24-7 {
    background-image: url(https://assets.nb.org/nb/2020/images/contactpage/24-7.png);
    z-index: 2;
}

.contact-page-wrapper .contact-details .contact-red-btn-container a >.img-24-7-w {
    background-image: url(https://assets.nb.org/nb/2020/images/contactpage/24-7-w.png);
    z-index: 1;
}



/* svg */
.img-24-7-svg {
    width: 30px;
    height: 30px;
    min-width: initial !important;
    vertical-align: middle;
}

.contact-page-wrapper .contact-details .contact-red-btn-container a>span {
    vertical-align: middle;
}

.contact-page-wrapper .contact-details .contact-red-btn-container a:hover .img-24-7-svg {
    filter: invert(900%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(900%) contrast(900%);
}



.contact-page-wrapper .sect-details {
    margin-bottom: 0px !important;
    background-color: #f1eee9 !important;
}

.contact-page-wrapper ul.list-inline>li>a:hover i.fa {
    color: grey;
}

.contact-page-wrapper .klasi {
    width: 20% !important;
}

.contact-page-wrapper .contact-asterisk {
    font-size: 12px;
    text-align: left;
    margin-top: 5px;
    line-height: 1;
}


/* katastimata */
.contact-katastimata-container {
    margin-bottom: 20px;
}
.contact-katastimata-container  .page-flex-menu-container {
    margin-bottom:30px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.contact-katastimata-container  .page-flex-menu-container .page-menu-link {
    margin:0px 5px;
}
.contact-katastimata-container  .page-flex-menu-container .page-menu-link.active {
    border: 2px solid #1976D2;
    color: #1976D2;
}
.contact-katastimata-container .maps-container {
    position: relative;
}
.contact-katastimata-container .default-white.dropdown-toggle {
    max-width: 200px;
    margin-bottom: 20px;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 9px 15px !important;
    height: unset !important;
}
.contact-katastimata-container .contact-katastimata-image-map {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: auto;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.contact-page-wrapper .contact-details,
.contact-katastimata-container .contact-katastimata-image-map {
    height: 445px;
}
.contact-details.contact-details-top{
	height: 490px;
}
.contact-katastimata-container .maps-container,
.contact-katastimata-container .contact-katastimata-image-map ,
.contact-map-details-container .contact-details{
    height: 356px;
}



/* responsive */

@media(min-width:992px) and (max-width:1100px) {
    .contact-page-wrapper .contact-details,
    .contact-katastimata-container .contact-katastimata-image-map {
        height: 366px;
	} 
	.contact-details.contact-details-top{
		height: 490px;
   }
}

@media(max-width:360px) {

    .contact-page-wrapper .contact-details,
    .contact-katastimata-container .contact-katastimata-image-map {
        height: 470px;
    }
}

@media(max-width:992px) {
    .contact-page-wrapper .row-contact .contact-details {
        margin-top: 50px;
    }

    .contact-katastimata-container .maps-container {
        max-width: 350px;
        margin: 0 auto;
        margin-bottom: 50px;
    }
}

@media(max-width:576px) {
    .contact-katastimata-container .maps-container {
        max-width: 350px;
        margin:30px auto;
    }  
}


.maps-athens-1 {
    background-image: url('https://assets.nb.org/nb/2018/images/location_1.png');
}

.maps-athens-2 {
    background-image: url('https://assets.nb.org/nb/2018/images/location_2.png');
}

.maps-patra {
    background-image: url('https://assets.nb.org/nb/2018/images/location_3.png');
}

.maps-thesniki {
    background-image: url('https://assets.nb.org/nb/2018/images/location_4.png');
}

.contact-map-visible {
    visibility: visible;
}

.contact-map-hidden {
    visibility: hidden;
}

/*======================================================== ekrposwpoi  */
.swiper-container-outer {
    position: relative;
}

.swiper-container-outer #swiper-our-people {
    margin-bottom: 20px;
}

#swiper-button-next-our-people {
    width: 43px;
    height: 80px;
    right: -20px;
}

#swiper-button-prev-our-people {
    width: 43px;
    height: 80px;
    left: -20px;
}

/*  ----------------------- swiper-pagination-our-people NAVIGATION */
.swiper-container-outer #swiper-pagination-our-people.swiper-pagination-bullets,
.swiper-container-outer .swiper-pagination-custom,
.swiper-container-outer .swiper-pagination-fraction {
    bottom: -15px;
    left: 0;
    width: 100%;
    /* padding-top: 20px !important; */
}

@media(max-width:768px) {
    .swiper-container-outer #swiper-pagination-our-people.swiper-pagination-bullets {
        bottom: -25px !important;
    }
}

@media(max-width:768px) {
    .swiper-pagination-bullets {
        width: 80% !important;
        margin: 0 auto;
        text-align: center;
        bottom: 0% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
    }
}

.swiper-container-outer .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-outer .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

@media(max-width:992px) {
    .swiper-container-outer .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
}

.swiper-container-outer .swiper-pagination-bullet-active {
    opacity: 1;
    background: #505050;
    ;
}

.swiper-container-outer .swiper-pagination-bullet:focus {
    outline: 0;
}

/*  ----------------------- /navigation */


/* representatives */

.card-person-contact {
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
    max-width: 225px;
    height: 270px;
    margin: auto;
    text-align: center;
    border-radius: 6px;
    position: relative;
}

.card-person-contact .card-person-contact-img-container {
    min-height: 130px;
    position: relative;
}

.card-person-contact-img-inner {
    width: 110px;
    height: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.card-person-contact-inner {
    padding: 13px;
    max-height: 125px;
    height: 125px;
    position: relative;
}

.card-person-contact-info{
    position:absolute;
    bottom: 0px;
    width: 225px;
    max-width: 225px;
    padding: 0px 13px 13px 13px;
}

.card-person-contact-inner p ,
.card-person-contact-info p{
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 1 !important;
}

.card-person-contact-inner .card-person-contact-name {
    color: #333;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold;
}

.card-person-contact .card-person-contact-role,
div.card-person-contact-info p,
.card-person-contact-info p {
    color: #979696;
    font-weight: 600;
}

.card-person-contact-department span,
.card-person-contact-department a{
    /* color: #3b75bf; */
    font-weight: bold;
    line-height:20px;
    color: #636363 !important;
}

.card-person-contact-inner .card-person-contact-name,
.card-person-contact .card-person-contact-role {
    line-height: 1.2 !important;
}


div.card-person-contact-info p:first-child,
.card-person-contact-info  p:first-child{
    margin-top: 7px;
}

div.card-person-contact-info p a {
    font-weight: bold;
}

div.card-person-contact-info p strong {
    color: #333;
}

.card-person-contact-inner .card-person-contact-name:nth-child(2) {
    font-weight: normal;
}

.card-person-contact-info p,
.card-person-contact-info p a ,
.card-person-contact-info p strong{
    font-size:13px;
    line-height: 1.4 !important;
}


.card-person-contact-img-div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6);
}
/* / representatives */



.custom-form-container {}

.custom-form-container .form-group {
    margin-bottom: 10px;
}

.custom-form-container .custom-form-button-container button {
    margin: 0 !important;
    min-width: 150px;
}

.custom-form-container textarea {
    font-size: 14px;
}
.nb-contact-form-txt-area-wrapper.subtemplate-wrapper .row .input-box  {
    padding-left:15px !important;
    padding-right:15px !important;
}

.custom-form-container #recaptcha-container-id {
    height: 65px;
}


/* 24-7 */
a.prefooter-right{
    cursor:pointer !important;
}

.nb-modal.contact-24-modal .modal-body {
    padding: 15px 0px;
    overflow-y: unset;
}

.nb-modal.contact-24-modal.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .nb-modal.contact-24-modal.modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.nb-modal.contact-24-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.nb-modal.contact-24-modal .modal-header h4 {
    font-size: 25px !important;
    font-weight: bold;
    color: #424141 !important;
    text-align: center;
    margin-top: 10px;
    line-height: initial;
}

.nb-modal.contact-24-modal .modal-body p {
    margin-bottom: 20px;
}

/* dropdown */
#area-result {
    letter-spacing: 3px;
    background-color: #efeded;
    color: #fff;
    display: block;
    text-align: center;
    width: 400px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
    border-radius: 10px;
    color: #3b75bf;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
}

@media(max-width:576px) {
    #area-result {
        width: 80%;
        padding: 5px;
    }
}

#area-result:before {
    content: "\f095";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #505050;
    margin-right: 10px;
}


.pop-up-contact-img {
    width: 50px;
    height: 50%;
}


select#area-ajax {
    max-width: 400px;
    border-radius: 10px !important;
    padding: 10px;
    height: 50px !important;
}

select#area-ajax:focus {
    outline: none;
}

@media(min-width:1200px) {
    .nb-modal.contact-24-modal .modal-dialog {
        width: 700px;
        height: 417px;
    }

    .contact-page-wrapper .modal-content {
        height: 100%;
    }
}

/* / 24/7 */

/*===================================== /custom contact form   =============================================*/





/*--------------------- contact 24/7 pop up ---- */



/*  Contact - how to reach us */

.contact-how-to-reach-us .widgets-container .hometabstop .fas.fa-parking  {
	margin-right: 5px;
}

.contact-how-to-reach-us .widgets-container {
    margin: 0px 0px 40px 0px !important;
}

.contact-how-to-reach-us .img-only>img {
    max-height:350px;
    width: auto;
}

.contact-how-to-reach-us .img-only> a > .background-map{
    height: 372px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-how-to-reach-us .text-of-img {
    vertical-align: middle;
    height: 90%;
}

.contact-how-to-reach-us .text-container-video h3 {
    font-weight: 700;
    font-size:20px;
    margin-bottom:30px;
    display: table-row;
    vertical-align:top;
    height: 10%;
}

.contact-how-to-reach-us .text-of-img .title-howto {
   font-weight: 700;
   font-size:20px;
   margin-bottom:30px;
   height: 10%;
}
/*  / Contact - how to reach us */





/*--------------------- /  contact page */

/* ============================================= New Form =======================================*/
.contact-index-index .page-title +.line-page-title {
    display:none;
}
.contact-index-index .page-title   {
    margin-bottom:25px;
}
.contact-index-index .page-title-wrapper .base:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e0";
    font-size: inherit ;
    padding-right: 5px;
}
.contact-us-container.contact-page-wrapper .formbuilder-form input,
.contact-us-container.contact-page-wrapper .formbuilder-form select ,
.contact-us-container.contact-page-wrapper .formbuilder-form textarea{
    padding: 10px;
    border-radius: 10px !important;
}

.contact-us-container.contact-page-wrapper .formbuilder-form input,
.contact-us-container.contact-page-wrapper .formbuilder-form select {
    height: 50px !important;
}






/* terms */
.contact-us-container.contact-page-wrapper .response-field-subscription .subtemplate-wrapper >label {
    display:none !important;
}
.contact-us-container.contact-page-wrapper .response-field-subscription .input-box label {   
    display: inline-block;
}
.contact-us-container.contact-page-wrapper .response-field-subscription input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
}
.contact-us-container.contact-page-wrapper .response-field-subscription input[type="checkbox"] + label,
.contact-us-container.contact-page-wrapper .response-field-subscription input[type="checkbox"] + label span {
   vertical-align: middle;
   width: calc(100% - 30px);
}
.response-field-paragraph .subtemplate-wrapper .input-box  {
    padding: 0px 15px;
}
textarea {
    resize: none;
  }
.contact-us-container.contact-page-wrapper .formbuilder-button.button {  
    font-size: 18px;  
    min-width: 300px; 
    max-width: 300px;
}
/*--------------------- / new form */


/***new css*/

.contact-index-index .form-content ,
.contact-index-index .widget-container.widget-container-style ,
.contact-index-index .contact-page-wrapper .contact-details {
	border: 1px solid #ffff;
    padding: 35px;
    background: #ffff;
    background: linear-gradient( to right bottom,rgba(255, 255, 255 ,0.8),rgba(255, 255, 255 ,0.6),rgba(255, 255, 255 ,0.4), rgba(255, 255, 255, 0.3) );
    z-index: 2;
    backdrop-filter: blur(2rem);
    border-radius: 8px;
}
.contact-index-index  .contact-details.contact-details-top {
    height: 473px;
}
.contact-index-index .formbuilder .subtemplate-wrapper > label {
    width: 100%;
    text-align: left;
    margin-bottom: 10px!important;
    font-size: 15px;
    color: #434242;
    font-weight: 500;
    letter-spacing: 0.01em;
    padding: 0;
}
.contact-index-index  .contact-us-container.contact-page-wrapper .formbuilder-button.button {
    margin: 0;
    width: 100%;
    max-width: 303px;
    padding: 13px 20px;
    background: #1976D2;
    border-radius: 8px;
}

.contact-index-index .contact-us-container.contact-page-wrapper .formbuilder-button.button:hover {
    background: #1565C0;
}
.contact-index-index textarea:focus {
    border:2px solid #1976D2;
}
.contact-index-index .row-contact , .contact-index-index .page-title-wrapper {
    max-width: 1590px;
    margin: 0 auto;
    width: 100%;
}


.contact-index-index #maincontent {
    max-width: none;
    width: 100%;
    background: #E6E9F1;
}

.contact-index-index .page-title-wrapper .page-title {
    margin-left: 25px;
    font-size: 22px;
}
.contact-index-index .contact-page-wrapper .contact-details.contact-details-top h4, 
.contact-index-index .contact-page-wrapper .contact-details.contact-details-top .contact-details-section {
    margin-bottom: 10px;
}

.contact-index-index  .contact-details-section ul {
    margin: 0;
}

.box-shadow-2  {
    -webkit-box-shadow: 0px 5px 25px rgb(0 0 0 / 15%);
    box-shadow: 0px 5px 25px rgb(0 0 0 / 15%);
    /* box-shadow: 0px 1px 9px rgb(0 0 0 / 16%);*/
}
.btn-wrapper-large {
    background-color: #fff;
    padding: 10px 20px;
    max-width:243px;
    width:100%;
    margin:0 ;
    border: 1px solid #1976D2;
    border-radius: 6px;
    box-sizing: unset;
    text-align: center;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 5px;
    text-decoration: none;
    display:block;
}

.btn-large {
    display: block;
    text-decoration: none;
    color: #1976D2;
    font-size: 15px;
    letter-spacing: 0.01em;
}
.wrapper-epikoinwnia-katastimata {
    margin-top: 20px;
}


@media (max-width: 1090px) {

    .contact-index-index .form-content, .contact-index-index .widget-container.widget-container-style, .contact-index-index .contact-page-wrapper .contact-details {
        padding: 25px;
    }
    .btn-wrapper-large {
        padding: 10px;
    }
}

@media (max-width: 992px) {

    .btn-wrapper-large { 
        max-width:305px;
    }

}

.page-title {
    font-weight: 500;
}