#registration_form,
#registration_form fieldset:not(.first) {
    display: none;
}

#famregistration_form,
#famregistration_form fieldset:not(.famfirst) {
    display: none;
}


   
/* fieldset .form-group.row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
} */
section.multi-step-form {
    padding-top: 0;
}
.multi-step-form .form-control {
    background: #ECECEC;
    line-height: 1.42857143 !important;
    padding: 9px 20px;
    margin: 0;
}
/* .multi-step-form .form-control + .form-control{
                margin-top: 25px;
} */
.reffer-inputs{
                margin-top: 25px;
                margin-bottom: -25px;
}
.multi-step-form .form-group{
                margin-bottom: 25px;
                position: relative;
}
.modal-dialog {
    width: 352px;
    max-width: 100%;
}
.multi-step-form .col-sm-8{
                padding-right: 45px;
                position: relative;
}
.multi-step-form .col-sm-8 .col-sm-8 {
                padding-right: 15px;
}
a.size-chart {
    position: absolute;
    right: -10px;
    top: 5px;
}
a:focus{
                outline: none;
}
.multi-step-form .form-group > label {
    margin: 0;
    line-height: normal;
    color: #585858;
    font-weight: 400;
    font-size: 16px;
}
.multi-step-form .form-group label.error{
                font-family: 'Adani medium',arial,sans-serif;
    color: #aa3b98;
    font-size: 12px;
    position: absolute;
}
.multi-step-form input[type="submit"],
.multi-step-form input[type="button"]{
                background:#18a790;
                background:-moz-linear-gradient(left,#18a790 0,#3368b6 100%);
                background:-webkit-linear-gradient(left,#18a790 0,#3368b6 100%);
                background:linear-gradient(to right,#18a790 0,#3368b6 100%);
                filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#18a790', endColorstr='#3368b6', GradientType=1 );
                color: #fff;
                border-radius: 5px;
                border:none; 
}
.multi-step-form input[type="button"].prev_btn + input.btn{
                background:#18a790;
                background:-moz-linear-gradient(left,#3368b6 0,#18a790 100%);
                background:-webkit-linear-gradient(left,#3368b6 0,#18a790 100%);
                background:linear-gradient(to right,#3368b6 0,#18a790 100%);
                filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3368b6', endColorstr='#18a790', GradientType=1 );
}
input#register_btn{
                background: #ed522d;
    background: -moz-linear-gradient(left,#ed522d 0,#aa3b98 100%);
    background: -webkit-linear-gradient(left,#ed522d 0,#aa3b98 100%);
    background: linear-gradient(to right,#ed522d 0,#aa3b98 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed522d', endColorstr='#aa3b98', GradientType=1 );
}
.multi-step-form input[type="submit"]:focus,
.multi-step-form input[type="button"]:focus{
                outline: none;
}
.multi-step-form h3 {
    text-align: center;
}
.row.has-seprator {
    position: relative;
}
.row.has-seprator:before {
    content: "";
    top: 0;
    bottom: 0;
    width: 2px;
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.22);
    display: block;
    margin: 0 auto;
}
.row.has-seprator .col-sm-6 {
    padding-right: 3%;
    padding-left: 3%;
}
.row.has-seprator .col-sm-6 .row {
    margin-left: -3%;
    margin-right: -3%;
}
section.multi-step-form form h5 {
    font-size: 20px;
    text-align: center;
}
ul.form_step {
    padding: 0;
    margin: 0;
}
ul.form_step li {
    background: url(../images/dbl-arrow-gray.html) no-repeat 0 50%;
    padding-left: 60px;
    display: block;
    font-size: 15px;
    line-height: 36px;
    opacity: 0.5;
    transition: all 0.3s;
    margin: 0 0 15px;
}
ul.form_step li a {
    color: #585858;
    cursor: default;
	    font-weight: 800;
}
/* ul.form_step li:hover,  */ul.form_step li.active_fieldset {
    opacity: 1;
}
label.error:empty{
                margin: 0;
}
label:empty {
    display: inline;
}
#registration_form h6 {
    margin: 8px 0 30px;
    color: #707070;
    font-family: 'Adani medium',arial,sans-serif;
}
.custom_fieldset {
    display: none;
}
.full_marathon_selected .custom_fieldset {
    display: block;
}
.addinotal_field{
                display: none;
}
h2.registration_form_title {
    font-size: 30px;
    color: #E34E3B;
    font-family: inherit;
}
h2.registration_form_title:after {
    content: none;
}
@media(min-width: 768px){
                .form-control.col-sm-9 {
                    width: 75%;
                }
                .form-control.col-sm-8 {
                    width: 66.66666667%;
                }
}
fieldset h6 {
    margin: 8px 0 30px;
    color: #a43993;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Adani medium',arial,sans-serif;
}
.gender-radio label.male {
    padding-right: 55px;
    position: relative;
    float: left;
    cursor: pointer;
   overflow: hidden;
}
.gender-radio label.female {
    padding-left: 55px;
    position: relative;
    float: left;
    cursor: pointer;
    overflow: hidden;
}
.gender-radio label.trans {
    padding-left: 55px;
    position: relative;
    float: left;
    cursor: pointer;
    overflow: hidden;
}
.gender-radio label input[type="radio"] {
    /* width: 20px; */
    position: absolute;
    opacity: 0;
}
.gender-radio label.male:after,.gender-radio label.female:after,.gender-radio label.trans:after {
    position: absolute;
    content: "";
    height: 10px;
    background: #414141;
    width: 25px;
    top: 50%;
    margin-top: -5px;
    right: 0;
    border-radius: 5px 0 0 5px;
}
.gender-radio label.female:after, .gender-radio label.trans:after {
    left: 0;
    right: auto;
    border-radius: 0 5px 5px 0;
}
.gender-radio label span:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    top: calc(50% - 10px);
    right: 5px;
    background: #AB4086;
    z-index: 9;
    border-radius: 5px;
    transform: translateX(30px);
                -webkit-transition: transform 0.3s;
                -moz-transition: transform 0.3s;
                -ms-transition: transform 0.3s;
                -o-transition: transform 0.3s;
                transition: transform 0.3s;
}
.gender-radio label.female span:after, .gender-radio label.trans span:after {
    left: 5px;
    transform: translateX(-30px);
}
.gender-radio label input[type="radio"]:checked + span:after {
    transform: translateX(0px);
}
.ui-datepicker {
                width: 17em;
                padding: .2em .2em 0;
                display: none;
}
.ui-datepicker .ui-datepicker-header {
                position: relative;
                padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
                position: absolute;
                top: 2px;
                width: 1.8em;
                height: 1.8em;
}
/* .ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
                top: 1px;
} */
.ui-datepicker .ui-datepicker-prev {
                left: 2px;
}
.ui-datepicker .ui-datepicker-next {
                right: 2px;
}
/* .ui-datepicker .ui-datepicker-prev-hover {
                left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
                right: 1px;
} */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
                display: block;
                position: absolute;
                left: 50%;
                margin-left: -8px;
                top: 50%;
                margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
                margin: 0 2.3em;
                line-height: 1.8em;
                text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
                font-size: 1em;
                margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
                width: 45%;
}
.ui-datepicker table {
                width: 100%;
                font-size: .9em;
                border-collapse: collapse;
                margin: 0 0 .4em;
}
.ui-datepicker th {
                padding: .7em .3em;
                text-align: center;
                font-weight: bold;
                border: 0;
}
.ui-datepicker td {
                border: 0;
                padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
                display: block;
                padding: .2em;
                text-align: center;
                text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
                background-image: none;
                margin: .7em 0 0 0;
                padding: 0 .2em;
                border-left: 0;
                border-right: 0;
                border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
                float: right;
                margin: .5em .2em .4em;
                cursor: pointer;
                padding: .2em .6em .3em .6em;
                width: auto;
                overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
}
/* RTL support */
.ui-datepicker-rtl {
                direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
                right: 2px;
                left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
                left: 2px;
                right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
                right: 1px;
                left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
                left: 1px;
                right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
                clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
                float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
                float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
                border-right-width: 0;
                border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
                display: block;
                text-indent: -99999px;
                overflow: hidden;
                background-repeat: no-repeat;
                left: .5em;
                top: .3em;
}
/* Component containers
----------------------------------*/
.ui-widget {
                font-family: Arial,Helvetica,sans-serif;
                font-size: 1em;
}
.ui-widget .ui-widget {
                font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
                font-family: Arial,Helvetica,sans-serif;
                font-size: 1em;
}
.ui-widget.ui-widget-content {
                border: 1px solid #c5c5c5;
    z-index: 1099 !important;
}
.ui-widget-content {
                border: 1px solid #dddddd;
                background: #ffffff;
                color: #333333;
}
.ui-widget-content a {
                color: #333333;
                border-radius: 2px;
}
.ui-widget-header {
                border: 1px solid #dddddd;
                background: #e9e9e9;
                color: #333333;
                font-weight: bold;
}
.ui-widget-header a {
                color: #333333;
}
.ui-widget-header .ui-icon {
    background-image: url("../images/icons.html");
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("../images/icons.html");
}
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
                background: #ececec;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #aa3b98;
    color: #fff;
}

@media(min-width: 768px){
                .multi-step-form .form-group{
                                /*display: flex;
                                align-items: center;*/
                }

}
@media(max-width: 767px){
                .row.has-seprator:before{
                                content: none;
                }
                .multi-step-form .col-sm-8{
                                padding-right: 30px;
                }
                a.size-chart {
                    right: -5px;
                }
                form .addinotal_field {
                    display: none;
                }
}

.reference_code_error.success { 
                font-weight: 600;
                font-size: 12px;
                color: green;
                letter-spacing: .5px;
                position: relative;
                color:green;

}
.reference_code_error.success:before{
                content: "\2713";
                left: 0;
                color: white;
                width: 18px;
                height: 18px;
                border-radius: 50%;
                line-height: 20px;
                padding: 1px 3px 2px;
                background: green;
                display: inline-block;
                font-size: 12px;
                top: 0;
                margin-right: 5px;
}
.modaltext{
                background: white;
                border-radius: 7px;
                min-height: 100px;
                padding: 15px;
}
.processtopay tr:nth-child(even){
                background: #f0f0f0;
}
.processtopay th, .processtopay td{
                padding:5px 10px;
}
.processtopay a{ 
                font-size: 14px;
                text-decoration: underline;
                color: #aa3b98;
}

/*Dashboard*/
.dashboardcontainer h2, .dashboardcontainer h1{
    font-size: 28px;
    color: #E34E3B;
    font-family: inherit;
    margin-bottom: 10px;
}
.userinformation h3{
    background: #AA3B98;
    text-align: left;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color:#fff;
    margin-bottom: 0;
    border-radius: 7px 7px 0px 0;
}
.userinformation ul{
    margin: 0;
    padding:0;
    margin-bottom: 25px;
    list-style: none;
}
.userinformation ul li{
    margin: 0;
    padding:8px 15px;
    list-style: none;
    /*border-radius: 7px;*/
}
.userinformation ul li span{
                float: right;
    color: #e34e3b;
}
.userinformation ul li:nth-child(even) {
    background:  #f9f9f9;
}
.noticeboard, .traningboard{
                margin-bottom:20px;
}
.noticeboard div, .traningboard div{
                background:  #f9f9f9;
                padding-top: 15px;
                padding-bottom: 15px;
                }
.noticeboard h3, .traningboard h3{
                background: #14b8b0;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color:#fff;
    margin-bottom: 0;
    border-radius: 7px 7px 0px 0;
}
.traningboard h3{
                background: #e24e3c;
                }
.noticeboard ul{
                padding: 0px 0 0px 15px;
}
.noticeboard ul li{
                margin-bottom: 10px;
    line-height: 1.5;
}
.traningboard h6 {
    font-size: 14px;
    color:#707070;
    }
.traningboard ul{
               padding:0;
               text-align: left;
               margin:15px auto;
}
.traningboard ul li {
    list-style: none;
    display: inline-table;
    font-size: 12px;
    padding:0 6px;
    position: relative;
    border-right:1px solid #707070;
    line-height: 1.2;
}
.traningboard ul li:last-child{
                border-right:0px solid #707070;
}
.traningboard ul li:first-child{
                padding-left: 0px;
}
.traningboard p{
                font-size: 14px;
                color:#707070;
}
.traningboard .joinlatrer button, .traningboard .join button,
.traningboard .joinlatrer button:focus, .traningboard .join button:focus{
                background: #18a790;
    background: -moz-linear-gradient(left,#18a790 0,#3368b6 100%);
    background: -webkit-linear-gradient(left,#18a790 0,#3368b6 100%);
    background: linear-gradient(to right,#18a790 0,#3368b6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18a790', endColorstr='#3368b6', GradientType=1 );
    color: #fff;
    border-radius: 5px;
    border: none;
    padding: 5px 15px;
    outline: none;
    }
.traningboard .joinlatrer button, .traningboard .joinlatrer button:focus {
                float: right;
    background: #ed522d;
    background: -moz-linear-gradient(left,#ed522d 0,#aa3b98 100%);
    background: -webkit-linear-gradient(left,#ed522d 0,#aa3b98 100%);
    background: linear-gradient(to right,#ed522d 0,#aa3b98 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed522d', endColorstr='#aa3b98', GradientType=1 );
}
.traningboard .traningoptions{
                border-bottom:1px solid #707070;
                padding:0;
                padding-bottom: 20px;
    margin-bottom: 20px;
}
.joinall{
                text-align: center;
                padding:0;
}

/*size_table*/
.size_table h3{
                line-height: 100px;
                background: #ffa523;
                background: -moz-linear-gradient(left,#ffa523 0,#fb8e03 100%);
                background: -webkit-linear-gradient(left,#ffa523 0,#fb8e03 100%);
                background: linear-gradient(to right,#ffa523 0,#fb8e03 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa523', endColorstr='#fb8e03', GradientType=1 );
                color: #fff;
                border-radius: 5px;
                border: none;
                position:absolute;
                width:86%;
                height:100px;
                left:7%;
                top:0;
                padding:0 25px;
                -webkit-transform: translateY(-40%);
                -moz-transform: translateY(-40%);
                transform: translateY(-40%);
}
.size_table .size_table_main{
                background: #fff;
                border-radius: 5px;
                -webkit-box-shadow: 0 5px 10px #ccc;
                -moz-box-shadow: 0 5px 10px #ccc;
                box-shadow: 0 5px 10px #ccc;
                padding:80px 15px 15px;
                width:100%;
}
.size_table table{
                width:100%;

}
.size_table table th{
                color:#ffa523;
                font-weight: 500;
}
.size_table table th, .size_table table td{
                padding: 10px;
}
.size_table table tr{
                border-bottom:1px solid #f8f8f8;
}
.size_table table tr:last-child{

                border-bottom:0px solid #f8f8f8;
}
.size_table table tr:last-child td{
                font-weight:600;
}
.size_table table td{
                font-weight: 500;
}



/*size_table*/
.race_table h3{
                line-height: 100px;
                background: #aa45bb;
                background: -moz-linear-gradient(left,#aa45bb 0,#9128ac 100%);
                background: -webkit-linear-gradient(left,#aa45bb 0,#9128ac 100%);
                background: linear-gradient(to right,#aa45bb 0,#9128ac 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa45bb', endColorstr='#9128ac', GradientType=1 );
                color: #fff;
                border-radius: 5px;
                border: none;
                position:absolute;
                width:86%;
                height:100px;
                left:7%;
                top:0;
                padding:0 25px;
                -webkit-transform: translateY(-40%);
                -moz-transform: translateY(-40%);
                transform: translateY(-40%);
}
.race_table .size_table_main{
                background: #fff;
                border-radius: 5px;
                -webkit-box-shadow: 0 5px 10px #ccc;
                -moz-box-shadow: 0 5px 10px #ccc;
                box-shadow: 0 5px 10px #ccc;
                padding:80px 15px 15px;
                width:100%;
}
.race_table table{
                width:100%;

}
.race_table table th{
                color:#ffa523;
                font-weight: 500;
}
.race_table table th, .race_table table td{
                padding: 10px;
}
.race_table table tr{
                border-bottom:1px solid #f8f8f8;
}
.race_table table tr:last-child{

                border-bottom:0px solid #f8f8f8;
}
.race_table table tr:last-child td{
                font-weight:600;
}
.race_table table td{
                font-weight: 500;
}



.modalimagechart{
width: 580px;
   max-width: calc(100% - 20px);
}
.modaltext{
width: 680px;
   max-width: calc(100% - 20px);
}
.modaltext ul{
padding-left: 20px;
}
.close.customclose {
   float: right;
   font-size: 28px;
   font-weight: normal;
   opacity: .8;
   filter: alpha(opacity=80);
   background: white;
   padding: 4px 6px;
                margin-right: -30px;
                line-height: 1;
                height: 32px;
}

/*29-09-2018*/
.new_participant h3 span {
    display: block;
    font-size: 18px;
    line-height: 24px;
}
.promorun-container{
                margin-top: 65px;
                display: block;
}
.modalpromoform{
                width: 580px;
    max-width: calc(100% - 20px);
    background: white;
    border-radius: 0px;
    min-height: 100px;
    padding: 25px 25px 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.modalpromoform .fgroup {
    margin-bottom: 10px;
}
.modalpromoform p{
                margin:0;
}
.font-style h3{
                color:#585858;
                font-size: 24px;
                text-align: center;
                margin: 0;
                margin-bottom: 20px;
}
.font-style h5{
               color:#AA3B99;
               font-size: 18px;
               text-align: center;
               margin: 0;
               margin-bottom: 20px;
}
.initiatives-btn2{
                background: #18a790;
    background: -moz-linear-gradient(left,#18a790 0,#3368b6 100%);
    background: -webkit-linear-gradient(left,#18a790 0,#3368b6 100%);
    background: linear-gradient(to right,#18a790 0,#3368b6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18a790', endColorstr='#3368b6', GradientType=1 );
    color: #fff;
    border-radius: 5px;
    border: none;
}
.daterangepicker .drp-buttons .btn.cancelBtn, .daterangepicker .drp-buttons .btn.cancelBtn:focus{
                color: #fb9191;
    font-weight: normal;
    outline: none;
    outline: 0;
}
.daterangepicker .drp-buttons .btn.cancelBtn:hover {
    color: #eb4946;
}
.has-seprator_ {
                border-top:2px solid #ccc;
                padding-top:30px;
}
.has-seprator_ .first{
                border-right:2px solid #ccc;
}
.row.has-seprator.removeborder:before{
                display: none;
}
@media(max-width:768px){
                .has-seprator_ .first{
                                border-right: 0px;
                    margin-bottom: 25px;
                    padding-bottom: 1px;
                    position: relative;
                }
                .has-seprator_ .first:before{
                                content:"";
                                position: absolute;
                                left:50%;
                                bottom:0;
                                width:200px;
                                height:2px;
                                background: #ccc;
                                -webkit-transform: translateX(-50%);
                                -moz-transform: translateX(-50%);
                                transform: translateX(-50%);
                }
}

/*08-10-2018*/
.gender-radio label.female, .gender-radio label.male, .gender-radio label.trans{
    padding-left: 35px;
    padding-right: 0;
    margin:0 20px 0 0;
}
.gender-radio label.male:after, .gender-radio label.female:after, .gender-radio label.trans:after {
    height: 20px;
    width: 20px;
    top: 50%;
    margin-top: 0;
    left: 0;
    transform: translateY(-50%);
    border-radius: 50%;
}
.gender-radio label span:after, .gender-radio label.female span:after, .gender-radio label.male span:after, .gender-radio label.trans span:after {
    height: 10px;
    width: 10px;
    top: 50%;
    -webkit-transform: translate(0%, -50%) scale(0) !important;
    -moz-transform: translate(0%, -50%) scale(0) !important;
    transform: translate(0%, -50%) scale(0) !important;
    left: 5px;
    right: 0;
    box-shadow: 0 0px 10px #ef7d17;
    background: #ef7d17;
    z-index: 8;
    border-radius: 5px;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.gender-radio label input[type="radio"]:checked + span:after {
    -webkit-transform: translate(0%, -50%) scale(1) !important;
    -moz-transform: translate(0%, -50%) scale(1) !important;
    transform: translate(0%, -50%) scale(1) !important;
}
@media(max-width:768px){
                .gender-radio label.female, .gender-radio label.male, .gender-radio label.trans {
                    padding-left: 30px;
                    margin: 0 15px 0 0;
                }
}
@media(max-width:480px){
                #myModal1 .close.customclose, #myModal .close.customclose {
                    right: 0;
                    position: absolute;
                    margin-right: 0;
                }
}

/*31-10-2018*/
.venue-checbox input[type="checkbox"] {
    width: 20px;
    position: absolute;
    opacity: 0;
}
.venue-checbox label.checkbox{
                position: relative;
}
.venue-checbox label.checkbox:after {
                content:"";
    height: 20px;
    width: 20px;
    top: 0%;
    margin-top: 0;
    left: 0;
    transform: translateY(-0%);
    border-radius: 3px;
    background: #414141;
    position: absolute;
}
.venue-checbox label.checkbox, .venue-checbox label.checkbox{
    padding-left: 35px;
   padding-right: 0;
    margin:0 20px 0 0;
}

.venue-checbox label.checkbox span::after {
    content: "\f00c";
    font-family: fontAwesome;
    position: absolute;
    height: 10px;
    width: 10px;
    top: 7px;
    -webkit-transform: translate(0%, -0%) scale(0) !important;
    -moz-transform: translate(0%, -0%) scale(0) !important;
        transform: translate(0%, 0%) scale(0);
    transform: translate(0%, -0%) scale(0) !important;
    left: 4px;
    right: 0;
    background: #ef7d17;
    color: #ef7d17;
    background: transparent;
    z-index: 9;
    border-radius: 0px;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    font-size: 13px;
}
.venue-checbox label.checkbox input[type="checkbox"]:checked + span:after,
.venue-checbox label.checkbox input[type="checkbox"]:checked + label + span:after  {
    -webkit-transform: translate(0%, -50%) scale(1) !important;
    -moz-transform: translate(0%, -50%) scale(1) !important;
    transform: translate(0%, -50%) scale(1) !important;
}
@media(max-width:768px){
                .venue-checbox label.checkbox, .venue-checbox label.checkbox {
                    padding-left: 30px;
                    margin: 0 15px 0 0;
                }
}
.multi-step-form .form-group .venue-checbox label.error {
    padding-left: 0;
}