.userRegistrationPage{  }
.userRegistrationPage .cover{ background-size: cover !important; background-position: center center !important; text-align: center;}
.userRegistrationPage .cover h1{ display: inline-block; padding: 15px 30px; margin: 100px 0px; color: #ffffff; background-color: #845EC2; font-size: 2.4em; }

.select2-container--default .select2-selection--single{ background-color: #fff; border: 1px solid #aaa; border-radius: 0px; }

.userRegistrationPage .user_reg_form{ display: block; padding: 25px; background-color: #845EC2; color: #ffffff; -webkit-box-shadow: 0px 2px 5px 0px rgba(142, 142, 142, 0.3); -moz-box-shadow: 0px 2px 5px 0px rgba(142, 142, 142, 0.3); box-shadow: 0px 2px 5px 0px rgba(142, 142, 142, 0.3); }
.userRegistrationPage .user_reg_form a{ color: #ffffff; text-decoration: underline; }
.userRegistrationPage .user_reg_form h2{ font-size: 2.0em; color: #ffffff; margin-bottom: 0px; padding-bottom: 5px; }
.userRegistrationPage .user_reg_form h3{ font-size: 1.4em; color: #ffffff; font-weight: 300; font-family: 'Nunito', sans-serif; }
.userRegistrationPage .user_reg_form h3 a{ color: #ffffff; }
.userRegistrationPage .user_reg_form fieldset{ display: block; margin: 35px 0px 0px 0px; }
.userRegistrationPage .user_reg_form .g-recaptcha{ display: table; margin: 0 auto; text-align: center; }
.userRegistrationPage .user_reg_form .btn-row{ text-align: center; }
.userRegistrationPage .user_reg_form .user-reg-btn{ display: inline-block; margin: 0 auto; margin-bottom: 15px; padding: 10px 25px; background-color: #CB19A0; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 1.2em; letter-spacing: 0.05em; border: 0px; }
.userRegistrationPage .user_reg_form .user-reg-btn:hover{ background-color: #E217B3; transition: 0.5s; }
.userRegistrationPage .user_reg_form .white_separator{ display: block; margin: 20px 0px 35px 0px; text-align: center;}
.userRegistrationPage .user_reg_form .white_separator img{ width: 60%;}
.userRegistrationPage .user_reg_form .reg_ep_idopont{ min-height: 30px;}

.userRegistrationPage .content-section h2{ font-size: 2.4em; }
.userRegistrationPage .content-section .iconBox{ display: block; width: 100%; padding-right: 8%; margin: 40px 0px; }
.userRegistrationPage .content-section .iconBox .icon{ display: inline-block; width: 20%; vertical-align: top;}
.userRegistrationPage .content-section .iconBox .icon i.icon:before { font-size: 54px; color: #845EC2; line-height: 54px; }
.userRegistrationPage .content-section .iconBox .content{ display: inline-block; width: 80%; font-size: 1.2em; }
.userRegistrationPage .content-section .instruct{ color: #845EC2; font-size: 1.2em; font-weight: bold; }
.userRegistrationPage .content-section strong{ color: #845EC2; }

.userRegistrationPage .special_offer_reg{ display: block; width: 100%; margin: 0px 0px 20px 0px; padding: 15px 20px; border: 4px solid #CB19A0; font-size: 1.3em; font-weight: bold; text-align: center;}

.vendorRegistrationPage{  }
.vendorRegistrationPage .cover{ background-size: cover !important; background-position: center center !important; text-align: center;}
.vendorRegistrationPage .cover h1{ display: inline-block; padding: 15px 30px; margin: 100px 0px; color: #ffffff; background-color: #845EC2; font-size: 2.4em; }
.vendorRegistrationPage .content-section h2{ font-size: 2.4em; }
.vendorRegistrationPage .content-section .iconBox{ display: block; width: 100%; padding-right: 8%; margin: 40px 0px; }
.vendorRegistrationPage .content-section .iconBox .icon{ display: inline-block; width: 20%; vertical-align: top;}
.vendorRegistrationPage .content-section .iconBox .icon i.icon:before { font-size: 54px; color: #845EC2; line-height: 54px; }
.vendorRegistrationPage .content-section .iconBox .content{ display: inline-block; width: 80%; font-size: 1.2em; }
.vendorRegistrationPage .content-section .instruct{ color: #845EC2; font-size: 1.2em; font-weight: bold; }
.vendorRegistrationPage .content-section strong{ color: #845EC2; }
.vendorRegistrationPage .reg_form{ display: block; padding: 25px; background-color: #845EC2; color: #ffffff; -webkit-box-shadow: 0px 2px 5px 0px rgba(142, 142, 142, 0.3); -moz-box-shadow: 0px 2px 5px 0px rgba(142, 142, 142, 0.3); box-shadow: 0px 2px 5px 0px rgba(142, 142, 142, 0.3); }
.vendorRegistrationPage .reg_form a{ color: #ffffff; text-decoration: underline; }
.vendorRegistrationPage .reg_form h2{ font-size: 2.0em; color: #ffffff; margin-bottom: 0px; padding-bottom: 5px; }
.vendorRegistrationPage .reg_form h3{ font-size: 1.4em; color: #ffffff; font-weight: 300; font-family: 'Nunito', sans-serif; }
.vendorRegistrationPage .reg_form h3 a{ color: #ffffff; }
.vendorRegistrationPage .reg_form fieldset{ display: block; margin: 35px 0px 0px 0px; }
.vendorRegistrationPage .reg_form .g-recaptcha{ display: table; margin: 0 auto; text-align: center; }
.vendorRegistrationPage .reg_form .btn-row{ text-align: center; }
.vendorRegistrationPage .reg_form .vendorRegBtn{ display: inline-block; margin: 0 auto; margin-bottom: 15px; padding: 10px 25px; background-color: #CB19A0; color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 1.2em; letter-spacing: 0.05em; border: 0px; }
.vendorRegistrationPage .reg_form .vendorRegBtn:hover{ background-color: #E217B3; transition: 0.5s; }
.vendorRegistrationPage .reg_form .white_separator{ display: block; margin: 20px 0px 35px 0px; text-align: center;}
.vendorRegistrationPage .reg_form .white_separator img{ width: 60%;}
.vendorRegistrationPage .reg_form .reg_ep_idopont{ min-height: 30px;}


.reg_szolgkat_box{ display: block; padding-bottom: 25px; }
.reg_szolgkat_box h4 label{ cursor: pointer; margin-bottom: 0px; font-size: 14px; font-weight: bold; }
label.szolgkat{ display: block; padding-left: 25px;}

form.reg_form label.penzugy_item h5{ font-size: 14px; font-weight: bold; color: #845EC2;}
form.reg_form label.penzugy_item{ display: block; width: 100%; padding: 10px 15px; margin: 10px 0px; background: #FAFAFA; border: 1px solid #D8D8D8; border-radius: 3px; cursor: pointer; min-height: 165px;}
form.reg_form label.penzugy_item:hover{
    background: #FFFFFF;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(142, 142, 142, 0.3);
    -moz-box-shadow:    0px 1px 3px 0px rgba(142, 142, 142, 0.3);
    box-shadow:         0px 1px 3px 0px rgba(142, 142, 142, 0.3);
}
form.reg_form label.penzugy_item input[type="radio"]{ display: none;}
form.reg_form label.selected{
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(142, 142, 142, 0.3);
    -moz-box-shadow:    0px 2px 4px 0px rgba(142, 142, 142, 0.3);
    box-shadow:         0px 2px 4px 0px rgba(142, 142, 142, 0.3);
    border: 2px solid green;
}
form.reg_form label.penzugy_item .kivalasztott-kat-num{ display: block; }



@media screen and (max-width: 1200px) {
	.userRegistrationPage .content-section .iconBox .icon i.icon:before { font-size: 44px; color: #845EC2; line-height: 54px; }
	.vendorRegistrationPage .content-section .iconBox .icon i.icon:before { font-size: 44px; color: #845EC2; line-height: 54px; }
}

@media screen and (max-width: 990px) {
	.userRegistrationPage .content-section h2{ font-size: 2.0em; text-align: center; }
	.userRegistrationPage .content-section .iconBox{ display: block; width: 100%; padding-right: 8%; margin: 40px 0px; }
	.userRegistrationPage .content-section .iconBox .icon{ display: inline-block; width: 100%; margin-bottom: 20px; text-align: center;}
	.userRegistrationPage .content-section .iconBox .icon i.icon:before { font-size: 44px; color: #845EC2; line-height: 54px; }
	.userRegistrationPage .content-section .iconBox .content{ display: inline-block; width: 100%; font-size: 1.2em; text-align: center; }

	.vendorRegistrationPage .content-section h2{ font-size: 2.0em; text-align: center; }
	.vendorRegistrationPage .content-section .iconBox{ display: block; width: 100%; padding-right: 8%; margin: 40px 0px; }
	.vendorRegistrationPage .content-section .iconBox .icon{ display: inline-block; width: 100%; margin-bottom: 20px; text-align: center;}
	.vendorRegistrationPage .content-section .iconBox .icon i.icon:before { font-size: 44px; color: #845EC2; line-height: 54px; }
	.vendorRegistrationPage .content-section .iconBox .content{ display: inline-block; width: 100%; font-size: 1.2em; text-align: center; }
}


@media screen and (max-width: 768px) {

    .userRegistrationPage .c1{ order: 2; }
    .userRegistrationPage .c2{ order: 1; }

	.userRegistrationPage .cover{ display: none; }
	.userRegistrationPage .content-section .iconBox .icon{ display: inline-block; width: 20%; vertical-align: top; text-align: center;}
	.userRegistrationPage .content-section .iconBox .icon i.icon:before { font-size: 40px; color: #845EC2; line-height: 54px; }
	.userRegistrationPage .content-section .iconBox .content{ display: inline-block; width: 80%; padding-left: 10%; font-size: 1.0em; text-align: left;}
	.userRegistrationPage .content-section h2{ font-size: 1.8em; text-align: center; }

	.vendorRegistrationPage .cover{ display: none; }
	.vendorRegistrationPage .content-section .iconBox .icon{ display: inline-block; width: 20%; vertical-align: top; text-align: center;}
	.vendorRegistrationPage .content-section .iconBox .icon i.icon:before { font-size: 40px; color: #845EC2; line-height: 54px; }
	.vendorRegistrationPage .content-section .iconBox .content{ display: inline-block; width: 80%; padding-left: 10%; font-size: 1.0em; text-align: left;}
	.vendorRegistrationPage .content-section h2{ font-size: 1.8em; text-align: center; }
}