.reg-outer {width: 480px; background: #F0F0F0; padding: 17px 5px 40px 30px; margin: 0px auto 20px auto; text-align: left;}
.mod-reg-outer {padding: 17px 5px 20px 30px;}
.reg-item {display: inline-block; width: -webkit-calc(50% - 50px); width: -moz-calc(50% - 50px); width: calc(50% - 50px); margin: 0px 25px 10px 0px; text-align: left;}
.reg-item-wide {width: -webkit-calc(100% - 71px); width: -moz-calc(100% - 71px); width: calc(100% - 71px); margin-right: 0px;}
.registration-text-cont {display: block; position: relative; left: 1px; font-size: 14px; color: #454545; padding: 0px;}
.registration-text-input-cont {display: block; font-size: 14px; color: #454545; margin: 4px 0px 0px 0px;}
.registration-terms-conditions-cont {margin-right: 25px;}


.required-text {color: #FF0000;}
.not-required-text {color: #FF0000;}

.text1 {
  width: -webkit-calc(100% - 22px); width: -moz-calc(100% - 22px); width: calc(100% - 22px); height: 34px; background: #FFFFFF; color: #454545 !important; border: 1px solid #E0E0E0; font-size: 14px; margin: 0px; padding: 0px 10px; outline: 0;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.text1:focus {box-shadow: 0px 0px 5px #DDDDDD;}
.reg-item-wide .text1 {}
.text1_error {border: 1px solid #d75350;}


.select1 {
  width: 100%; height: 34px; background: #FFFFFF; color: #666666 !important; border: 1px solid #E0E0E0; font-size: 14px; margin: 0px; padding: 0px 10px; outline: 0;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.select1:focus {box-shadow: 0px 0px 5px #DDDDDD;}
.select1_error {border: 1px solid #d75350;}

.textarea1 {width: -webkit-calc(98% - 14px); width: -moz-calc(98% - 14px); width: calc(98% - 14px); max-width: 240px; max-width: 450px; height: 120px; padding: 7px;}

.reg_button {
  width: 170px; height: 36px; background: #df2222; color: #FFFFFF !important; border: 1px solid #E0E0E0; font-size: 14px; font-weight: normal; text-align: center; margin: 0px; padding: 0px 10px; outline: 0; cursor: pointer;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition-duration: 75ms; transition-duration: 75ms;
}
.reg_button:hover {background: #333333;}

.div_hiba {
  display: block; width: -webkit-calc(100% - 52px); width: -moz-calc(100% - 52px); width: calc(100% - 52px); min-width: 205px; background: #d75350; color: #FFFFFF; font-size: 14px; line-height: 20px;
  padding: 15px 15px 15px 15px; margin: 0px 0px 20px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

.div_hiba ul {padding: 0 !important; margin: 0px 0px 0px 16px !important;}
.div_hiba ul li {display: list-item !important; list-style-type: disc !important;  padding: 0 !important; margin: 0 !important;}

.div_success {
  display: block; width: -webkit-calc(100% - 52px); width: -moz-calc(100% - 52px); width: calc(100% - 52px); min-width: 205px; background: #0ab164; color: #FFFFFF; font-size: 14px; line-height: 20px;
  padding: 10px 15px 10px 15px; margin: 10px 0px 20px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}



#arrow {position: relative; top: -50px; right: 18px; width: 0px; height: 1px; font-size: 0px; line-height: 0%; border-right: 10px solid #e8f4de; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
#arrow2 { position: relative; top: -4px; left: 470px; width: 0px; height: 1px; font-size: 0px; line-height: 0%; border-top: 10px solid #CC0000; border-right: 8px solid transparent; border-left: 8px solid transparent;}
#arrow3 {position: relative; top: -50px; right: 18px; width: 0px; height: 1px; font-size: 0px; line-height: 0%; border-right: 10px solid #e3efe1; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}

.registration-text-input-cont label {display: inline-block; position: relative; padding-left: 28px; margin-right: 2px; cursor: pointer;}
.registration-text-input-cont input[type=checkbox] {display: none;}
.registration-text-input-cont label:before {content: ""; display: inline-block; position: absolute; top: -1px; left: 0px; width: 16px; height: 16px; margin-right: 12px; background: #FFFFFF; border: 1px solid #777777; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.registration-text-input-cont .checkbox label {margin-bottom: 10px;}
.registration-text-input-cont .checkbox label:before {border-radius: 3px;}
.registration-text-input-cont input[type=checkbox]:checked + label:before {content: "\2713"; background: #454545; color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: center; line-height: 17px;}


.login_checkbox label {display: inline-block; position: relative; padding-left: 25px; margin-right: 2px; cursor: pointer;}
.login_checkbox label:before {content: ""; display: inline-block; position: absolute; top: -2px; left: 0; width: 15px; height: 15px; margin-right: 10px; background-color: #FFFFFF; border: 1px solid #DDDDDD; box-shadow: 0px 0px 2px #CCCCCC;}

.registration-checkbox-cont label {display: inline-block; position: relative; padding-left: 28px; margin-right: 2px; cursor: pointer;}
.registration-checkbox-cont input[type=radio] {display: none;}
.registration-checkbox-cont label:before {content: ""; display: inline-block; position: absolute; top: 0px; left: 0px; width: 16px; height: 16px; background: #FFFFFF; border: 1px solid #777777; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.registration-checkbox-cont input[type=radio]:checked + label:before {content: "\2713"; background: #454545; border: 1px solid #454545; color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: center; line-height: 17px;}


@media only screen and (max-width: 980px)
{
  .reg-outer {background: #EEEEEE;}
}


@media only screen and (max-width: 600px)
{
  .reg-outer {width: -webkit-calc(100% - 25px); width: -moz-calc(100% - 25px); width: calc(100% - 25px); padding: 17px 0px 40px 25px;}
  .reg-item {width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 25px); margin: 0px 20px 10px 0px;}
  .reg-item-wide {width: -webkit-calc(100% - 31px); width: -moz-calc(100% - 31px); width: calc(100% - 26px); margin: 0px 20px 10px 0px;}
}


@media only screen and (max-width: 400px)
{
  .reg-item,
  .reg-item-wide {width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); min-width: 220px; margin: 0px 0px 10px 0px;}
  .registration-checkbox-cont label {margin: 7px 0px;}
}