
.yform { width: 660px; padding: 10px; color: #111; height:429px; background: #ebecee; border-radius: 4px; }
.yform {box-shadow: 0 0 0 1px rgba(0,0,0,.15); border-radius: 4px;}
.ywrapper {width: 380px; margin: 0 10px;}

.ypics {width: 120px; font-size: 0}
   .ypics img {display: block; margin-top: 8px;}
   .ypics > img:first-child {margin-top: 0;}

.ycatcher {width: 620px;}
.ycatcher .ypics {width: 100px;}

.yform-mini {width: 620px;}
.yform-mini .ypics {width: 100px;}
.yform-mini .ypics img {margin-top: 13px;}
.yform-mini .ypics > img:first-child {margin-top: 0;}




.ytitle { padding: 14px 20px; font-size: 24px; background: #59c4be; color: #fff;  font-weight: bold; text-align: center}
.ybody { padding: 20px; }
   .ycatcher .ybody {padding-bottom: 0;}
   .yform-mini .ybody {padding-bottom: 0;}


.yform-line { margin-bottom: 6px;}
.ymulti-input {}
.ycheckbox {  font-size: 11px}

.ysubmit {}
.ysubmit button { min-width: 50%; background: #f3775d; font-size: 16px; border-radius: 8px;}

#forgay {}

.yform-line label {width: 40%; }
.yform-line input[type="text"], 
   .yform-line input[type="email"], 
   .yform-line input[type="password"], 
   .yform-line input[type="number"], 
   .yform-line textarea,
   .yform-line select {width: 60%}


.yform-line input[type="text"]:focus, 
   .yform-line input[type="email"]:focus, 
   .yform-line input[type="password"]:focus, 
   .yform-line input[type="number"]:focus, 
   .yform-line textarea:focus,
   .yform-line select:focus { 
            border-color: #f3775d; box-shadow: 0 0 3px 0px #f3775d;
            }




.yform-line .check-custom-wrap span {width: 32px; display: inline-block;}
.yform-line .check-custom-wrap .check-element {display: block; width: 100%; text-align: left}
.yform-line .check-custom-wrap ins {display: inline-block; background: none; padding-right: 20px; line-height: 32px; font-weight: bold;}
.yform-line .check-custom-wrap label:hover ins {opacity: .6}

.yform-line .check-custom-wrap input[type="radio"] + label {display: auto}
.yform-line .check-custom-wrap input[type="radio"] + label.gender-male span {background-position:left top;}
.yform-line .check-custom-wrap input[type="radio"] + label.gender-female span {background-position:center top;}
.yform-line .check-custom-wrap input[type="radio"] + label.gender-couple span {background-position:right top;}


.yform-line .check-custom-wrap input[type="radio"]:checked  + label.gender-male span {background-position:left bottom;}
.yform-line .check-custom-wrap input[type="radio"]:checked  + label.gender-female span {background-position:center bottom;}
.yform-line .check-custom-wrap input[type="radio"]:checked  + label.gender-couple span {background-position:right bottom;}

.yform-line .check-custom-wrap input[type="radio"]:checked + label ins {color: #fff;}

.check-custom-cols {border-bottom: none;  margin-bottom: 0;}
.check-custom-cols .yform-line {background: #fff; padding: 10px 10px 10px 10px; width: 50%; border:1px solid #ccc; border-radius: 0 4px 4px 0}
.check-custom-cols .yform-line:first-child {margin-right: -1px; border-radius: 4px 0 0 4px}
.check-custom-cols .yform-line:hover label {opacity: 1; }
.check-custom-cols h4 {font-weight: bold; color: #59c4be}
.yform-line .check-custom-wrap input[type="radio"] + label.gender-male,
.yform-line .check-custom-wrap input[type="radio"] + label.gender-female,
.yform-line .check-custom-wrap input[type="radio"] + label.gender-couple  { border-radius: 3px; padding: 3px; display: block; width: 100% }


.yform-line .check-custom-wrap input[type="radio"]:checked  + label.gender-male,
.yform-line .check-custom-wrap input[type="radio"]:checked  + label.gender-female,
.yform-line .check-custom-wrap input[type="radio"]:checked  + label.gender-couple {background-color:#f3775d; }