/**
 * @package		WordPress & QuickForm
* @Copyright ((c) plasma-web.ru
        */

.orderfotograph * {
    margin: 0;
    box-sizing: border-box;
    max-width: none;
    /* font-size: 15px !important; */
    line-height: 1em !important;
    color: #393939;
    background: none;
}

.orderfotographbox {
    display: flex;
    padding: 40px 0 0;
    justify-content: center;
}

a.qf3modal.orderfotograph {
    color: #fff;
    text-decoration: none;
    background-color: #078586;
    display: block;
    padding: 0.5em 1em;
    font-weight: 500;
    font-size: 110%;
}

.orderfotograph h3 {
    padding-bottom: 0.9em;
    font: 400 4em "pangolin";
}

.orderfotograph .qfflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

.qfflex>.qf3 {
    width: 49.5%;
}

.pr83 {
    display: flex;
    flex-wrap: wrap;
}

.prb82 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: baseline;
    margin: 3em 0 1em;
}

.pr82 {
    padding: 0 2em 0 0;
}

.orderfotograph .qf3 {
    padding: 0 0 1.8em 0;
}

.orderfotograph .qf3label {
    display: block;
    padding: 0 1em 0 0;
    font-size: 86%;
}

.orderfotograph .qf3txt input,
.orderfotograph select,
.orderfotograph textarea {
    display: inline-block;
    width: 100%;
    background: transparent !important;
    padding: 1em 0 0 0.3em;
    border: 0 !important;
    border-bottom: 1px solid #3939396b !important;
    outline: none;
}


/*modal form*/
.orderfotograph.qfoverlay {
    background-color: #000000;
    opacity: 0.85;
}

.orderfotograph.qfmodalform {
    background: #ffffff2e;
    width: 96%;
    padding: 4em 9em;
    max-width: 1400px;
    font-size: 16px;
    max-height: 100vh;
}

.orderfotograph form {
    background: #e5e5e5;
    padding: 2em 3em 1em;
}

.orderfotograph .qfclose {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #ff0000;
    font-size: 2em !important;
    padding: 0.5em 0.5em 1em 1em;
}

/*ajax form*/
.orderfotograph .qfajaxres {
    position: relative;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 10px;
}

/* message */
.orderfotograph .qfmess span {
    padding: 1em;
    display: block;
    color: #000;
}
.qfmess.orderfotograph.qfmodalform {
    background: #ffffff;
}

/* textarea */
.orderfotograph textarea {
    height: 7em;
    vertical-align: top;
    background: #ffffff08 !important;
    max-width: 100%;
}

/* checkbox */
.orderfotograph .qfcheckbox input,
.orderfotograph .qfbackemail input {
    margin: 0 0.5em 0 0;
    vertical-align: middle;
}

.orderfotograph .qfchkbx {
    display: inline-block;
}

.qf3label.qfbefore {
    display: inline-block;
}

.pr83 .qfcheckbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.pr83 .chbxlabel {
    background: #313131a3;
    margin-right: 1em;
    padding: 0.3em 1em;
    border-radius: 5px;
    font-size: 1.1em;
    color: #ffffff;
    cursor: pointer;
}

.pr83 .qfcheckbox input:checked+label {
    background: #078586;
}

.box_policy {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding-top: 0.3em;
}

.box_policy .qf3label {
    color: #696969;
    font-size: 1em;
    cursor: pointer;
}

.wt div:nth-child(1) {
    width: 61%;
}

.wt div:nth-child(2) {
    width: 37%;
}


.orderfotograph .qfhidden {
    display: none;
}

.orderfotograph .qf3btn input {
    margin: 1em auto 0;
    display: block;
}

.orderfotograph .qf3btn input:hover {
    background: #f0f0f0;
}




/* link */
.orderfotograph .qfcapt {
    text-align: right;
}

.orderfotograph .qfcapt a {
    color: #CCC;
    font-size: 10px;
    padding: 1em 2em;
}

.orderfotograph .nfl {
    display: none;
}




/* qf_checkbox */

.orderfotograph .qf_checkbox .qf3label {
    margin: 1.8em 0 0 0;
}

.orderfotograph .qf_checkbox .qfempty {
    margin: 0;
}


.orderfotograph .qf_checkbox .chbxlabel {
    position: relative;
    padding: 0.3em 0 0 4em;
    cursor: pointer;
    font-size: 82%;
}

.orderfotograph .qf_checkbox .chbxlabel:before {
    content: '';
    font-size: 80%;
    position: absolute;
    top: 0;
    left: 0;
    width: 3.7em;
    height: 1.8em;
    border: 0;
    border-radius: 1em;
    background: #CDD1DA;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2);
    transition: .2s;
}

.orderfotograph .qf_checkbox .chbxlabel:after {
    content: '';
    font-size: 80%;
    position: absolute;
    top: 0.1em;
    left: 0.1em;
    width: 1.6em;
    height: 1.5em;
    border: 0;
    border-radius: 1em;
    background: #FFF;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    transition: .2s;
}

.orderfotograph .qf_checkbox input:checked+.chbxlabel:before {
    background: #51af7c;
}

.orderfotograph .qf_checkbox input:checked+.chbxlabel:after {
    left: 2em;
}





/* calendar */
.orderfotograph .qf_date_inner {
    display: flex;
    justify-content: space-between;
}

.orderfotograph .qf_calen {
    position: relative;
    z-index: 999;
}

.widgetCalendar * {
    color: inherit;
}

.orderfotograph .widgetCalendar {
    position: absolute;
    left: 0;
    height: 0px;
    overflow: hidden;
    width: calc(100% - 3em);
    min-width: 200px;
    border-radius: 2px;
}

.orderfotograph .qf_date_a {
    display: block;
    padding: 0 1em;
    background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 10H3M16 2V6M8 2V6M9 16L11 18L15.5 13.5M7.8 22H16.2C17.8802 22 18.7202 22 19.362 21.673C19.9265 21.3854 20.3854 20.9265 20.673 20.362C21 19.7202 21 18.8802 21 17.2V8.8C21 7.11984 21 6.27976 20.673 5.63803C20.3854 5.07354 19.9265 4.6146 19.362 4.32698C18.7202 4 17.8802 4 16.2 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V17.2C3 18.8802 3 19.7202 3.32698 20.362C3.6146 20.9265 4.07354 21.3854 4.63803 21.673C5.27976 22 6.11984 22 7.8 22Z" stroke="%23727272" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" /></svg>');
    background-size: 100% 100%;
    width: 3em;
    height: 2em;
    opacity: 0.7;
    position: relative;
    top: 0.5em;
}

.qf3.qfcalendar .qf3label {
    font-size: 1.1em;
    padding: 1em 0 0;
    color: #759e9f;
}

/* datepicker */
.orderfotograph .datepickerContainer,
.orderfotograph .datepickerContainer table {
    border-collapse: collapse;
}

.orderfotograph .datepickerContainer {
    padding: 5px 10px 10px;
    background: #121516;
}

.orderfotograph td.datepickerDay {
    background: #141414;
    border: 1px solid #1a1919 !important;
}

.orderfotograph .datepickerDays td.datepickerSelected {
    background: #545557;
}

.orderfotograph .datepickerGoNext a,
.orderfotograph .datepickerGoPrev a,
.orderfotograph .datepickerMonth a {
    height: 2.5em;
    background: #0e181c;
    margin: 0 5px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orderfotograph .datepickerMonth a {
    height: 20px;
    padding: 5px 0;
    background: #181c1c;
    margin: 0 15px 10px;
    border-radius: 3px;
}

.orderfotograph div.datepicker a {
    padding: 4px;
    font-size: 1em;
}

.orderfotograph div.datepicker {
    height: auto;
}

.orderfotograph td.datepickerDisabled a {
    color: #333 !important;
}

.orderfotograph .datepicker th,
.orderfotograph .datepicker td {
    padding: 0;
}

/* placeholder */
.orderfotograph input::placeholder,
.orderfotograph textarea::placeholder,
.orderfotograph .plchldr {
    opacity: 0.4;
    color: #0e0e0e;
    font-family: Helvetica, Arial, sans-serif;
}

.orderfotograph .qf3txt input,
.orderfotograph textarea,
.orderfotograph .plchldr {
    padding: 1em 0 0 0.3em;
    font-size: 1em;
}

.orderfotograph .box_animateplaceholder {
    position: relative;
}

.orderfotograph .plchldr {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    transition: 200ms all;
}

.orderfotograph input:-webkit-autofill,
.orderfotograph input:-webkit-autofill:hover,
.orderfotograph input:-webkit-autofill:focus,
.orderfotograph input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #575757;
    transition: background-color 5000s ease-in-out 0s;
}

.orderfotograph input:focus+.plchldr,
.orderfotograph input+.plchldr.flld {
    top: -1.6em;
    left: 0;
    font-size: 11px !important;
}

.orderfotograph textarea:focus+.plchldr,
.orderfotograph textarea+.plchldr.flld {
    top: -1.6em;
    left: 0;
    font-size: 11px !important;
}

.qf3.qf3btn.qfsubmit {
    margin-top: -0.7em;
}




@media screen and (max-width:1650px) {
    .orderfotograph.qfmodalform {
        padding: 3em 5em;
        max-width: 1100px;
        font-size: 14px;
    }

    .orderfotograph h3 {
        font-size: 3.5em;
    }
}

@media screen and (max-width:1250px) {
    .orderfotograph.qfmodalform {
        padding: 1.5em 4em;
        max-width: 900px;
        font-size: 13px;
    }

    .orderfotograph h3 {
        font-size: 3em;
    }
}

@media screen and (max-width:850px) {
    .orderfotograph.qfmodalform {
        padding: 1em 3em;
    }

    .orderfotograph h3 {
        font-size: 2.5em;
    }
}

@media screen and (max-width:650px) {
    .orderfotograph.qfmodalform {
        padding: 0;
        height: 100%;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .orderfotograph h3 {
        font-size: 2.1em;
    }

    .pr82 {
        padding: 0 0 2em;
    }

    .pr83 .chbxlabel {
        font-size: 1em;
    }

    .orderfotograph form {
        padding: 0 2em;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    .box_policy .qf3label {
        font-size: 0.8em;
    }
}