@font-face {
    font-family: "fa5pro";
    src: url("/wp-content/plugins/pmga-bio/assets/fonts/fa5_pro_regular.min.woff2") format("woff2"),
        url("/wp-content/plugins/pmga-bio/assets/fonts/fa5_pro_regular.min.woff") format("woff");
}

.module-help-costumer-service .hidden { display: none; }
.shell { padding-right: 0;}
.page { background-color: var(--mystic); }
.grecaptcha-badge { visibility: hidden; }

.page h2, .page h1, .page h3, .page label {
    text-transform: none !important;
    color: var(--coal);
}
h1 { font-size: 36px !important; }
h2 { font-size: 32px !important; }
h3 { font-size: 21px !important; }
p { font-size: 16px !important; }
label { font-weight: bold; font-size: 16px; }

.module-help { margin-top: 60px; display: flex; width: 100%; background-color: rgba(43, 53, 100, 0.04); border-radius: 12px; }
    .module-help .module-help-form { position: relative; flex-basis: 60%; background-color: white; border-radius: 10px; padding: 40px 40px; box-shadow: 10px 0px 0px rgba(43,56,100,0.12); }
        .module-help .module-help-form input[type="submit"] { width: 172px; margin-top: 20px; background: -moz-linear-gradient(top, var(--cardinal) -40%, var(--tango) 100%); background: -webkit-linear-gradient(top, var(--cardinal) -40%,var(--tango) 100%); background: linear-gradient(to top, var(--cardinal) -40%,var(--tango) 100%); }
            .module-help .module-help-form input[type="submit"].loading { background: #CCC !important; }
        .module-help input:focus, .module-help textarea:focus, .module-help select:focus { border: 1px solid var(--tango); box-shadow: 0px 0px 5px var(--tango) }
        .module-help-form .input-file span { margin-left: 20px; padding-top: 5px; position: relative; display: inline-block; }
        .module-help-form .error { font-size: 14px; color: red; display: inline-block; position: absolute; bottom: 25px; }
        .module-help-form .question-about-solar { font-size: 13px; }
        .module-help-form .help-getting-quotes { font-size: 13px; }
        .module-help-form .question-about-solar:not(.visible), .module-help-form .help-getting-quotes:not(.visible), .module-help-form .installer-name:not(.visible) { display: none; }
        .module-help-form .installer-name { margin-bottom: 25px;}
        .module-help-form .installer-name input { margin-bottom: 5px; }
        .module-help-form .installer-name a { font-size: 14px}

.module-help .module-help-costumer-service { flex-basis: 50%; padding: 40px 40px; text-align: center; }
    .module-help .module-help-costumer-service h3 { margin: -5px 0 30px 0; font-size: 20px !important; }
        .module-help .module-help-costumer-service h3.who-may-name { font-size: 17px !important; margin-top: 15px; font-weight: normal; }
        .module-help .module-help-costumer-service h3 span { font-weight: normal; }
        .module-help .module-help-costumer-service h3.who-may { margin-top: 15px}
    .module-help .module-help-costumer-service p { text-align: center !important; margin-top: 25px; }
    .module-help .module-help-costumer-service h2 { margin-bottom: 50px; margin-top: 40px; }
    .module-help .module-help-costumer-service img { width: 190px !important; height: 190px !important; object-fit: cover; border: 3px solid rgba(43,56,100,0.46); border-radius: 50%; display: block; margin: auto; margin-bottom: 10px; }
        .module-help .module-help-costumer-service.no-selected img { width: 100px !important; height: 100px !important; }
    .module-help .module-help-form .module-help-costumer-service { display: none; }

.module-contact {  margin-top: 50px; margin-bottom: 50px; background-color: white; padding: 40px 60px; display: flex; border-radius: 12px; position: relative; }
    .module-contact > div { flex-basis: 34%; position: relative ; }
    .module-contact > div h2 { font-size: 21px !important; }
.module-contact > div p { color: var(--coal); margin-bottom: 8px; }
    .module-contact > div p:before { font-family: "fa5pro"; content: "\f879"; color: var(--tango); margin-right: 10px; }
    .module-contact > div p:last-child:before { font-family: "fa5pro"; content: "\f0e0"; }
.module-contact > div:not(:last-child):after { content: ""; position: absolute; right: 20%; top: 5px; bottom: 0; width: 1px; height:auto; margin-bottom: 10px; background-color: var(--coal); opacity: 0.2; }
.module-help-form label { margin-bottom: 5px; }
.module-help-form input, .module-help-form textarea, .module-help-form select { margin-bottom: 25px; }
    .module-help-form form > input.btn-submit { margin-block: 0; }
    .module-help-form textarea { height: 123px; }

.module-help-form .select { position: relative; }
.module-help-form .select select  { appearance: none; height: 44px; padding-right: 40px; }
.module-help-form .icon-chevron-down:before { content: "\f078"; font-family: 'fa5pro' !important; position: absolute; right: 13px; color: var(--tango); top: 13px; z-index: 20; pointer-events: none; }

.module-address span { margin-left: 60px }
.module-address .icon-address:before { content: "\f3c5"; font-family: 'fa5pro'; color: var(--tango); margin-right: 10px; }

.input-file > label { overflow: hidden; float: left; min-height: 32px; padding: 9px 24px; border-radius: 22px; border:   0; background: var(--heather); color: var(--white) !important; font-weight: 500; font-size: 13px; line-height:   1.2; text-transform: uppercase; text-align: center; letter-spacing: .12em; }
.input-file > label:hover { background-color: var(--denim); cursor: pointer; }

#map { height: 340px; width: 100%; border-radius: 12px; border: 1px solid black; }

input[type="file"] { display: none; position: absolute; left: -30000em; }

@media screen and (max-width: 1140px) {
    .module-contact > div:not(:last-child):after{
        right: 11%;
    }
}

@media screen and (max-width: 1000px) {
    .module-contact { display: block; padding: 30px; }
        .module-contact > div:not(:last-child) { margin-bottom: 30px; }
        .module-contact > div:not(:last-child):after{ content: unset !important; }

        .page h1 { font-size: 30px !important; }

        .module-address p span { display: block; margin-left: 0; margin-top: 15px;}

    .module-help { margin-top: 0; }
}

@media screen and (max-width: 768px) {
    .module-help .module-help-form { flex-basis: 100%; box-shadow: none; padding: 30px; }
        .module-help .module-help-form input[type="submit"] { margin-left: auto; margin-right: auto;}

    .module-help > .module-help-costumer-service { display: none; }
    .module-help .module-help-form .module-help-costumer-service { background-color: rgba(43,56,100,0.1); display: block; border-radius: 12px; margin-bottom: 30px; }
    .module-help .module-help-costumer-service h2 { margin-top: 0; font-size: 21px !important; }
    .module-help .module-help-costumer-service h3 { font-size: 16px !important; }
    .module-help .module-help-costumer-service img { width: 123px !important; height: 123px !important; }
        .module-help .module-help-costumer-service.no-selected img { width: 110px !important; height: 110px !important; }
    .module-help .module-help-costumer-service p { font-size: 14px !important; color: var(--coal); margin-bottom: 0; }
    .module-help .module-help-costumer-service h3.who-may { margin-top: 0; }

    .page h1 { font-size: 28px !important; text-align: center;}
    .page h2 { font-size: 21px !important; margin-bottom: 15px; }
        .page .module-contact > div h2 { font-size: 16px !important; }

    .module-address p span { margin-top: 30px; }
}


/* Modal */
html.modal-freeze { overflow: hidden; }
.modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; z-index: 99999; background-color: rgba(100,100,100,0.2);  }
    .modal.fade { display: none; }
    .modal .larger-modal-dialog { background: white; margin: auto; position: relative; display: block; width: 700px; border-radius: 10px; padding: 30px; box-shadow: 4px 4px 20px rgba(0,0,0,0.1); max-width: 92%;  }
    .modal .close { background: none; color: #aaa; position: absolute; right: 0px; top: 0px; font-size: 20px;  }
        .modal .close:hover { color: #555;  }
    .modal .modal-footer button:not(:last-child) { margin-bottom: 10px;  }
    .modal h4  {  margin-right: 20px;  }