/**
* @Copyright ((c) plasma-web.ru
*/
.qf3form.example2 {
    padding: 20px 10px;
     background: #fff;
     box-sizing: border-box; 
 
 /* top: 145px;
 left: 648px;
 width: 624px;
 height: 790px;
 UI Properties */
 background: transparent linear-gradient(90deg, #020B50 0%, #19B0DC 100%) 0% 0% no-repeat padding-box;
 box-shadow: 0px 4px 6px #00000029;
 border-radius: 12px;
 opacity: 1;
 }
 
 .qf3form.example2 * {
     margin: 0;
     box-sizing: border-box;
     max-width: none;
     font-size: 1em;
     /*line-height: 1rem;*/
 }
 
 .qf3form.example2 h1 {
     font-size: 1.5em;
     text-align: center;
     padding-bottom: 2em;
     line-height: 120%;
 }
 
 .qf3form.example2 .qf3 {
     padding: 0 5% 1.2em;
 }
 
 .qf3form.example2 .qf3label {
     font-size: 86%;
     width: 100%;
     padding-left: 2vw;
     display: block;
 }
 
 .qf3form.example2 .qf3txt input, .qf3form.example2 select, .qf3form.example2 textarea {
     display: inline-block;
     width: 100%;
     background: #fff;
     padding: 0.6em;
     padding-left:2vm;
     box-sizing: border-box;
     border: 1px solid #8e8e8e;
     border-radius: 0.3em;
     font-size: 82%;
 }


 
 .qf3form.example2 .qf3labelreq {
     padding-left: 0.1em;
 }
 
 /*modal form*/
 .qf3form.example2.qfoverlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     background-color: #000000;
     opacity: 0.8;
     z-index: 9990;
     margin: 0;
 }
 
 .qf3form.example2.qfmodalform {
     position: absolute;
     top: 0;
     left: 50%;
     width: 520px;
     margin-left: -260px;
     z-index: 9999;
     border: 1px solid #ccc;
     border-radius: 20px;
 }
 
 
 /*ajax form*/
 .qf3form.example2.qfmodalform .qfajaxres .qfclose {
     display: none;
 }
 
 
 /* message */
 .qf3form.example2 .qfmess span {
     padding: 1em;
     display: block;
 }
 
 .qf3form.example2 .qfclose {
     position: absolute;
     top: 15px;
     right: 5px;
     height: 24px;
     width: 24px;
     cursor: pointer;
     color: #73ff00;
     font-size: 24px;
 }
 
 /* radio */
 .qf3form.example2 .radioblok {
     display: inline-block;
 }
 
 .qf3form.example2 .qfradio.ver .qf3label {
     vertical-align: top;
 }
 
 .qf3form.example2 .qfradio.ver .radioblok label {
     display: block;
     white-space: nowrap;
     /*margin-top: -0.5em;*/
     /*margin-left: 0.8em;*/
     line-height: 1;
     height: 1em!important;
     margin-bottom: 0.3em!important;
     font-size: 250%!important;
    margin-right: 15px!important;
 }
 
 .qf3form.example2 .qfradio.hor .radioblok label {
    /* display: inline-block;
     white-space: nowrap;
     margin: 0 1em 0 0.5em;*/
 display: block;
     white-space: nowrap;
     /*margin-top: -0.5em;*/
     /*margin-left: 0.8em;*/
     line-height: 1;
     height: 1em!important;
     margin-bottom: 0.3em!important;
     font-size: 250%!important;
    margin-right: 15px!important;

 }
 
 .qf3form.example2 .qfradio.hor .radioblok input {
     vertical-align: middle;
 }
 
 /* textarea */
 .qf3form.example2 textarea {
     height: 10em;
     width: 50em;
     
     
     vertical-align: top;
 }
 
 /* checkbox */
 .qf3form.example2 .qfcheckbox input,
 .qf3form.example2 .qfbackemail input {
     margin: 0 0.5em 0 0;
     vertical-align: middle;
 }
 
 .qf3form.example2 .qfchkbx {
     display: inline-block;
     padding-left: 1em;
 }
 
 /* hidden */
 .qf3form.example2 .qfhidden {
     display: none;
 }
 
 /* button */
 .qf3form.example2 .qf3btn input {
     border: 1px solid #8d8d8d;
     border-radius: 2em;
     padding: 0.4em 1em;
     font-size: 86%;
     background: #fff;
     cursor: pointer;
     color: black;
     
     text-transform: none;
 }
 .qf3form.example2 .qf3btn input:hover {
     background: #f0f0f0;
 }
 
 /* file */
 .qf3form.example2 .qffile input {
     max-width: 38%;
     display: inline-block;
     border: 0;
     padding: 0.3em;
 }
 
 .qf3form.example2 .filelabel {
     padding-left: 1em;
 }
 
 /* customfile */
 .qf3form.example2 .customfile svg {
     width: 1.8em;
     vertical-align: middle;
     cursor: pointer;
     color: #0074e9;
 }
 
 .qf3form.example2 .customfile svg:hover {
     color: #5ea7f1;
 }
 
 .qf3form.example2 .customfilebox {
     display: flex;
     flex-wrap: wrap;
     margin-left: 38%;
 }
 
 .qf3form.example2 .customfilebox>div {
     padding: 5px;
     position: relative;
     height: 38px;
     box-sizing: content-box;
     margin: 15px 5px 5px 0;
     border: 1px solid #e1ebf7;
 }
 
 .qf3form.example2 .customfilebox>div>div {
     width: 30px;
     height: 100%;
     border: 3px solid #0074e9;
     background: #fff;
     border-radius: 5px;
     position: relative;
 }
 
 .qf3form.example2 .customfilebox>div>div>div {
     width: 30px;
     max-width: 30px;
     height: 1em;
     margin-top: 62%;
     margin-left: -3px;
     background: #fff;
     font-size: 11px;
     text-align: center;
     font-weight: bold;
     line-height: 1;
 }
 
 .qf3form.example2 .customfilebox>div>div::before {
     content: '';
     position: absolute;
     top: -3px;
     right: -3px;
     border: 7px solid transparent;
     border-color: #e3fffe #e3fffe #0074e9 #0074e9;
 }
 
 .qf3form.example2 .customfilebox img {
     height: 100%;
 }
 
 .qf3form.example2 .customfilebox a {
     position: absolute;
     top: -3px;
     right: -3px;
     color: red;
     display: block;
     height: 1.1em;
     width: 1.1em;
     border-radius: 1em;
     background: #fff;
     text-align: center;
     line-height: 0;
     padding-top: 0.6em;
 }
 
 .qf3form.example2 .customfilebox a:hover {
     color: #000;
     text-decoration: none;
 }
 
 .qf3form.example2 .customfilemes {
     margin-left: 38%;
     font-size: 78%;
     color: #252727;
 }
 
 .qf3form.example2 .customfilemes.qfinline {
     margin: 0;
     display: inline;
     padding-left: 10px;
 }
 
 /* link */
 .qf3form.example2 .qfcapt {
     text-align: right;
 }
 
 .qf3form.example2 .qfcapt a {
     color: #CCC;
     font-size: 10px;
     padding: 1em 2em;
 }
 
 .qf3form.example2 .nfl {
     display: none;
 }
 
 
 /* qf_checkbox */
 
 .qf3form.example2 .qf_checkbox .qf3label {
     margin: 1.8em 0 0 0;
 }
 
 .qf3form.example2 .qf_checkbox .qfempty {
     margin: 0;
 }
 
 .qf3form.example2 .qf_checkbox input {
     position: absolute;
     opacity: 0;
 }
 
 .qf3form.example2 .qf_checkbox .chbxlabel {
     position: relative;
     padding: 0.3em 0 0 4em;
     cursor: pointer;
     font-size: 80%;
 }
 
 .qf3form.example2 .qf_checkbox .chbxlabel:before {
     content: '';
     font-size: 80%;
     position: absolute;
     top: 0.1em;
     left: 0;
     width: 3.7em;
     height: 1.8em;
     border: 0;
     border-radius: 1em;
     background: #CDD1DA;
     box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
     transition: .2s;
 }
 
 .qf3form.example2 .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;
 }
 
 .qf3form.example2 .qf_checkbox input:checked+.chbxlabel:before {
     background: #51af7c;
 }
 
 .qf3form.example2 .qf_checkbox input:checked+.chbxlabel:after {
     left: 2em;
 }
 
 /* calendar */
 .qf3form.example2 .double {
     display: inline-block;
     width: 62%;
 }
 
 .qf3form.example2 .single {
     display: inline-block;
     width: 38%;
 }
 
 .qf3form.example2 .qfcalendar input {
     width: 100%;
 }
 
 .qf3form.example2 .double_inner,
 .qf3form.example2 .qf_date_inner {
     display: flex;
     width: 100%;
     justify-content: space-between;
 }
 
 .qf3form.example2 .double .qf_date {
     width: 48%;
 }
 
 .qf3form.example2 .qf_calen {
     position: relative;
     z-index: 9999;
 }
 
 .qf3form.example2 .widgetCalendar {
     position: absolute;
     left: 0;
     height: 0px;
     overflow: hidden;
     width: 100%;
     min-width: 180px;
 }
 
 .qf3form.example2 .qf_date_a {
     display: block;
     padding: 0 1.2em;
     background-image: url(../datepicker/images/calendar.png);
     background-size: 100% 100%;
     width: 3em;
 }
 
 .qf3form.example2 div.datepicker {
     height: 200px;
 }
 
 .qf3form.example2 .datepickerContainer,
 .qf3form.example2 .datepickerContainer table {
     width: 100%;
     height: 100%;
 }
 
 .qf3form.example2 input.invalid, .qf3form.example2 textarea.invalid {
     border-color: #fcaaaa;
     background: #fffefe;
 }
 
 .qf3form.example2 .qfhide {
     width: 1px;
     overflow: hidden;
     display: inline-block;
     opacity: 0;
 }
 
 a.qf3modal.example2 {
    /* display: inline-block;
     border: 1px solid #ccc;
     border-radius: 1em;
     font-weight: bold;
     background: #fff;*/
     color: rgb(10, 0, 0);
     padding: 0.1em 1em;
     
     
     font-family: fantasy;
 }
 a.qf3modal.example2:hover {
     background: #f6f6f6;
 }
 
 .h1_fb{
     color:white !important;
     font-family: Arial, Helvetica, sans-serif;
     font-size:40px;
     
 }
 .h2_fb {
     color:white !important;
     padding-left:5% !important;
     padding-bottom: 10px;
 }
 .label{
     color:white;
     padding: 2vw;
     background-color: white !important;
 }
 .qf3form.example2 .qf3txt input{
     background-color: white !important;
 }
 .qf3form.example2 textarea{
     width: 100%;
 }
.qf3form.example2 textarea
 {
     resize: none !important;
    padding-left: 10px !important;
     border-radius: 2px !important;

 }
 .qf3form.example2 .qf3btn input{
     width: 20%;
     height: 3.5vh !important;
 }
 .itempage .mobileshare
 {
     display: none !important;
 }
 .qf3form.example2 .qfcapt
{
    visibility: hidden;
}
.qf3form.example2 .qf3txt input
{
    padding-left: 10px !important;
        border-radius: 2px !important;
}
 @media screen and (max-width: 720px) {
     .qf3form.example2.qfmodalform {
         left: 5%;
         width: 90%;
         margin-left: 0;
     }
 }
 
 /*.radio_fb{*/
     /*display: none !important;*/
    /* opacity: 0px;
     text-align: center !important;
     visibility: hidden !important;
     width: 0px;
     cursor: pointer;
     height : 0px;*/
/* }

 .img1,.img2,.img3,.img4,.img5{
     width:40px;
     height: auto;
 }

.img1:hover,.img2:hover,.img3:hover,.img4:hover,.img5:hover
 {
     
     content: url("../../../../images/full.png");
 }
*/
/*
.img1:focus{
    width:80px;
    outline: 1px auto -webkit-focus-ring-color;
     content: url("../../../../images/full.png");
}

.img1:checked{
    content: url("../../../../images/full.png");
}
*/
.qfradio {
    margin-bottom: 26px!important;
}
.radioblok {
    float: left;
    height: 6px;
    padding: 0 10px;
}
.radioblok:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.radioblok:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.radioblok:not(:checked) > label:before {
    content: "\2605"!important;
    padding: 3px; 
}
.radioblok > input:checked ~ label {
    color: #ffc700;    
}
.radioblok:not(:checked) > label:hover,
.radioblok:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.radioblok > input:checked + label:hover,
.radioblok > input:checked + label:hover ~ label,
.radioblok > input:checked ~ label:hover,
.radioblok > input:checked ~ label:hover ~ label,
.radioblok > label:hover ~ input:checked ~ label {
    color: #c59b08;
}