/*  popup-form  */

.mfp-wrap { z-index: 99999; }
.popup-form { z-index: 9999; width: 806px; margin: auto; background-color: #ebebeb; border-radius: 5px; position: relative; padding: 40px 35px;  }

.popup-form h3 { font-weight: normal; font-size: 30px; line-height: 1.2; color: #000; padding-bottom: 10px;  }
.popup-form p { display: inline-block; font-size: 16px; line-height: 1.5; color: #000; padding-bottom: 20px;  }

.popup-form .form-wrapper form,
.popup-form .form-wrapper input,
.popup-form .form-wrapper textarea { 
	-webkit-transition: all 2s;
         -o-transition: all 2s;
            transition: all 2s;
}

.popup-form .form-wrapper .loading { display: none; text-align: right; width: 100%; }
.popup-form .form-wrapper form.sending .loading { display: block; }

.popup-form .form-wrapper form.sending { opacity: 0.5; }
.popup-form .form-wrapper form.sent { height: 0; overflow: hidden; }

.popup-form .form-wrapper label { display: none; }
.popup-form .form-wrapper select,
.popup-form .form-wrapper input,
.popup-form .form-wrapper textarea { position: relative; width: 100%; margin-bottom: 10px; display: inline-block; border: 1px solid #d7d7d7; font-size: 16px; line-height: 2.06; color: #000; font-weight: 600; padding: 5px 10px; height: 50px; vertical-align: top; border-radius: 0; background-color: white; 
    -webkit-appearance: none; 
    	 -o-appearance: none; 
    		appearance: none;  }
.popup-form .form-wrapper textarea { padding: 7px 10px 3px; }
.popup-form .form-wrapper select { cursor: pointer; }
.popup-form .form-wrapper select::-ms-expand { display: none; }
.popup-form .form-wrapper br { display: none; }

.popup-form .form-wrapper .field-left { margin-right: 4px;}

.popup-form .form-wrapper .field-error { border-color: #f00; }

.popup-form .form-wrapper input::-webkit-input-placeholder { color:#000; }
.popup-form .form-wrapper input::-moz-placeholder { color:#000; }
.popup-form .form-wrapper input:-moz-placeholder { color:#000; }
.popup-form .form-wrapper input:-ms-input-placeholder { color:#000; }

.popup-form .form-wrapper textarea::-webkit-input-placeholder { color:#000; }
.popup-form .form-wrapper textarea::-moz-placeholder { color:#000; }
.popup-form .form-wrapper textarea:-moz-placeholder { color:#000; }
.popup-form .form-wrapper textarea:-ms-input-placeholder { color:#000; }

.popup-form .form-wrapper input[type="submit"] { border-radius: 4px; background-color: #cd2b1b; border: none;  border-bottom: 3px solid #b42414; color: #fff; font-size: 18px; line-height: 2.06; font-weight: 600; text-align: center; padding: 6px 0 4px; width: calc(50% - 16px); }
.popup-form .form-wrapper input[type="submit"]:hover { background-color: #ad1b0b; text-decoration: underline; }
.popup-form .form-wrapper .ginput_container_select { position: relative; }
.popup-form .form-wrapper .ginput_container_select:before { content: ' '; position: absolute; right: 12px; top: 50%; width: 0; height: 0; pointer-events: none; }
.popup-form .form-wrapper .ginput_container_select:before { border-left: 4px solid transparent; border-right: 4px solid transparent; }
.popup-form .form-wrapper .ginput_container_select:before { border-top: 4px solid black; margin-top: -7px; z-index: 10; }

.popup-form .gform_wrapper { margin-top: 20px; }


/* WIDGGET */
.carbon_customform { width: 96%; margin: auto; background-color: #ebebeb; border-radius: 5px; position: relative; padding: 40px 20px; margin-left: 17px; }

.carbon_customform h3 { font-weight: normal; font-size: 26px !important; line-height: 1.2; color: #000; padding-bottom: 10px; width: 100%; padding: 0 17px 14px 17px; }
.carbon_customform p { display: inline-block; font-size: 15px; line-height: 1.5; color: #000; padding: 0 17px 60px 17px; font-weight: 600; }

.carbon_customform .form-wrapper form,
.carbon_customform .form-wrapper input,
.carbon_customform .form-wrapper textarea { 
	-webkit-transition: all 2s;
         -o-transition: all 2s;
            transition: all 2s;
}

.carbon_customform .form-wrapper .loading { display: none; text-align: right; width: 100%; }
.carbon_customform .form-wrapper form.sending .loading { display: block; }

.carbon_customform .form-wrapper form.sending { opacity: 0.5; }
.carbon_customform .form-wrapper form.sent { height: 0; overflow: hidden; }

.carbon_customform .form-wrapper label { display: none; }
.carbon_customform .form-wrapper select,
.carbon_customform .form-wrapper input,
.carbon_customform .form-wrapper textarea { position: relative; width: 100%; margin-bottom: 10px; display: inline-block; border: 1px solid #d7d7d7; font-size: 16px; line-height: 2.06; color: #000; font-weight: 600; padding: 5px 20px; height: 50px; vertical-align: top; }
.carbon_customform .form-wrapper textarea { padding: 7px 20px 3px; }
.carbon_customform .form-wrapper br { display: none; }

.carbon_customform .form-wrapper .field-left { margin-right: 4px;}

.carbon_customform .form-wrapper .field-error { border-color: #f00; }

.carbon_customform .form-wrapper input::-webkit-input-placeholder { color:#000; }
.carbon_customform .form-wrapper input::-moz-placeholder { color:#000; }
.carbon_customform .form-wrapper input:-moz-placeholder { color:#000; }
.carbon_customform .form-wrapper input:-ms-input-placeholder { color:#000; }

.carbon_customform .form-wrapper textarea::-webkit-input-placeholder { color:#000; }
.carbon_customform .form-wrapper textarea::-moz-placeholder { color:#000; }
.carbon_customform .form-wrapper textarea:-moz-placeholder { color:#000; }
.carbon_customform .form-wrapper textarea:-ms-input-placeholder { color:#000; }

.carbon_customform .form-wrapper input[type="submit"] { border-radius: 4px; background-color: #cd2b1b; border: none;  border-bottom: 3px solid #b42414; color: #fff; font-size: 18px; line-height: 2.06; font-weight: 600; text-align: center; padding: 6px 0 4px; }
.carbon_customform .form-wrapper input[type="submit"]:hover { background-color: #ad1b0b; text-decoration: underline; }

@media(max-width: 1024px){
	.popup-form { width: 100%; }
}

@media(max-width: 767px){
	body.admin-bar .mfp-wrap { margin: 50px 0; height: calc(100% - 100px); }
	.popup-form .form-wrapper select,
	.popup-form .form-wrapper input,
	.popup-form .form-wrapper textarea { width: 100%; margin: 0 0 7px; }

	.popup-form h3 { font-size: 20px; }
	.popup-form p { font-size: 14px; }
	
	.carbon_customform { width: 100%; margin: 0 auto; padding: 40px 20px; padding-left: 20px !important;}	
	.carbon_customform .form-wrapper select,
	.carbon_customform .form-wrapper input,
	.carbon_customform .form-wrapper textarea { width: 100%; margin: 0 0 7px; }

	.carbon_customform h3 { font-size: 20px; }
	.carbon_customform p { font-size: 14px; padding-bottom: 10px; }
}