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

.qf3form.cont1 {
    padding: 1em;
    background: #fff;
    border-radius: 3em;
    font-size: 14px;
    max-width: 680px;
    margin: 0 auto;
}

.qf3form.cont1 * {
    margin: 0;
    box-sizing: border-box;
    max-width: none;
    font-size: 1em;
    line-height: 1em;
    /*color: #FFA855;*/ /* Цвет заглавного текста и кнопки ОТПРАВИТЬ */
}

.qf3form.cont1 .qfh1 {
    text-align: center;
    padding: 0.5em 0 0.3em;
    font-size: 1.8em;
}

.qf3form.cont1 .qf3 {
    padding: 0 0 0.6em 0;
}

.qf3form.cont1 .qf3label {
    display: block;
    font-size: 0.8em;
    padding: 0.3em; /* расстояние до формы */
    color: #4d5169; /* цвет шрифта над каждой пустой формой */
}

.qf3form.cont1 .qf3txt input, .qf3form.cont1 select, .qf3form.cont1 textarea {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 0.8em 0.6em;
    border: 1px solid #FFA855; /* Цвет рамки заполняемых полей */
    border-radius: 0.6em;
    color: #525252;
    font-size: 0.9em; /* размер шрифта автозаполнения */
}

.qf3form.cont1 .qf3labelreq {
    color: #f00;
    font-size: 1.2em;
}

.qf3form.cont1 .qfflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.qf3form.cont1 .qfflexinner {
    width: 50%;
    padding: 0.5em 1em;
}

.qf3form.cont1.compact .qfflexinner {
    width: 100%;
}

/*modal form - если выбрано всплывающее окно*/
.qf3form.cont1.qfoverlay {
    background-color: #000000; /* цвет фона при всплывшем окне */
    opacity: 0.8;
    max-width: 100%;
    border-radius: 0;
}


/* расположение всплывающей формы модального окна относительно всего экрана */
.qf3form.cont1.qfmodalform {
    left: 25%;
    width: 62%;
}

.qf3form.cont1.qfmodalform.compact {
    left: 2%;
    width: 96%;
}

.qf3form.cont1 .qfclose {
    position: fixed;
    top: 1em;
    right: 1em;
    cursor: pointer;
    color: #ff0000;
    font-size: 24px;
}

/*ajax form*/
.qf3form.cont1 .qfajaxres {
    position: relative;
    padding: 10px;
}

.qf3form.cont1.desk .qfajaxres .qfclose {
    position: absolute;
    top: 0;
    right: 0;
}


/* message */
.qf3form.cont1 .qfmess span {
    padding: 1em;
    margin: 1em;
    display: block;
}
.qf3form.cont1 .qfajaxtitle {
    padding: 0.5em 0;
    font-size: 120%;
}

/* textarea */
.qf3form.cont1 .qftextarea {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.qf3form.cont1 textarea {
    height: 100%;
    max-width: 100%;
}

.qf3form.cont1.compact textarea {
    height: 7em;
}

/* button */
.qf3form.cont1 .qf3btn input {
    
    border-radius: 2em;
    padding: 0.5em 1em;
    font-size: 90%;
    background: #FFA855; /* Цвет фона кнопки */
    cursor: pointer;
    color: #03001b;  /* Цвет текста кнопки отправить */
}
.qf3form.cont1 .qf3btn input:hover {
    background: #f0f0f0;
}
.qf3form.cont1.compact .qf3btn input {
    width: 100%;
    padding: 1em;
}
a.qf3modal.cont1 {
    display: inline-block;
    padding: 0.8em 2em; /* 1 цифра - высота формы кнопки */
    border-radius: 1.5em;
    background: #FFA855; /* цвет фона кнопки при всплывающем окне */
    color: #03001b; /* цвет текста */
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px; /* пробелы между буквами в кнопке для всплывающего окна  */



}
a.qf3modal.cont1:hover {
    color: #000;
}


/* Чекбокс и форма согласия */
.qf3form.cont1 .chbxlabel {
    padding-left: 0.5em;
    font-size: 0.9em;
    color: #2f485c;
}

.qf3form.cont1 .qfchkbx {
    display: flex;
    align-items: baseline;
}

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

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

.qf3form.cont1 .nfl {
    display: none;
}