.custom-radios div {



  display: inline-block;



}



.custom-radios input[type="radio"] {



  display: none;



}



.custom-radios input[type="radio"] + label {



  color: #333;



 



  font-size: 14px;



      text-align: center;



}



.custom-radios input[type="radio"] + label span {



      display: inline-block;



    width: 60px;



    height: 60px;



    margin: 0px 10px;



    vertical-align: middle;



    cursor: pointer;



    border-radius: 50%;



    text-align: center;



    line-height: 44px;



    border: solid 4px #cccccc;



    font-size: 35px;



    line-height: 52px;



    color:#cccccc;



}



.custom-radios input[type="radio"]:checked + label span {



  opacity: 1;



      border: solid 4px #2F337C;



    color: #2F337C;



   width: 60px;



    height: 60px;



  display: inline-block;







}







.step2-middle,



.wizard-middle {



    text-align: center



}












input:focus,



select:focus {



    outline: 0



}







h1,



h2,



h3,



h4 {



    margin: 0



}







a:focus,



a:hover {



    text-decoration: none



}







button:focus {



    outline: 0 !important



}







input[type=number] {



    -moz-appearance: textfield



}







input[type=number]::-webkit-inner-spin-button,



input[type=number]::-webkit-outer-spin-button {



    -webkit-appearance: none;



    margin: 0



}







.btn-default.btn-off.active,



.btn-default.btn-on.active {



    background-color: #2F337C;



    color: #fff



}







.phon-btn label {



    margin: 0;



    font-size: 15px !important



}







.wizard-middle .pin-code {



    border: 1px solid #222;



    padding: 10px;



    width: 300px;



    display: block;



    margin: 0 auto;



    height: 50px;



    border-radius: 3px;



    font-size: 22px;



    font-weight: 700;



    text-align: center;



}







.wizard-middle .pin-code::-webkit-input-placeholder {



    color: #000



}







.wizard-middle .pin-code::-moz-placeholder {



    color: #000



}







.wizard-middle .pin-code :-ms-input-placeholder {



    color: #000



}







.wizard-middle .pin-code:-moz-placeholder {



    color: #000



}







.antvirus {



    display: inline-block;



    width: 100%;



    margin: 10px 0



}







.antvirus img {



    margin: 0 auto



}







.step2-middle h3 {



    font-weight: 700;



    margin: 10px 0;



    font-size: 30px



}







.step2-middle h3 span {



    display: block;



    color: #2F337C;



    font-size: 20px



}







.age-box input {



    width: 100%;



    padding: 5px;



    margin: 5px 0;



    font-size: 20px;



    font-weight: 700;



    border: 1px solid #777



}







.age-box {



    margin: 15px 0;



    display: inline-block



}







.age-box .age-fillds {



    width: 100%



}







.age-box .age-fillds .col-xs-4 {



    padding: 0



}







.age-box .age-title {



    font-size: 17px;



    color: #222;



    text-transform: uppercase



}







.last-stepform {



    text-align: left;
    margin-bottom: 0;


}







.model-popup .popup-text,



.step-icon {



    text-align: center



}







.last-stepform .txtaria {



    margin: 5px 0



}







.last-stepform .txtaria span {



    display: block;



    font-weight: 700;



    margin-bottom: 3px



}







.last-stepform .txtaria input {



    width: 100%;



    padding: 8px



}







.step-icon .icon3 {



    margin: 10px 0



}







.step-icon .icon3 i {



    font-size: 50px;



    color: #fff;



    display: inline-block;



    width: 100px;



    height: 100px;



    line-height: 100px;



    border-radius: 100%;



    background-color: #2F337C;



    transition: .3s ease all;



    -webkit-transition: .3s ease all;



    -moz-transition: .3s ease all;



    -o-transition: .3s ease all



}














.step-icon .icon3 span {



    display: block;



    font-size: 15px;



    margin: 5px 0



}







.nav-pills>li>a {



    position: relative



}







.liSuccess:after {



    content: '';



    background: url(../images/done.png) no-repeat;



    width: 100%;



    height: 100%;



    display: inline-block;



    position: absolute;



    left: 17px;



    top: 7px;



    background-size: 30px



}







.model-popup .modal-content {
    background-color: #2F337C;
}

.model-popup .popup-text .button-popup:hover {
    background: #f6a71c;
    background: -moz-linear-gradient(top, #f6a71c 0, #ffc74e 100%);
    background: -webkit-linear-gradient(top, #f6a71c 0, #ffc74e 100%);
    background: linear-gradient(to bottom, #f6a71c 0, #ffc74e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6a71c', endColorstr='#ffc74e', GradientType=0)
}

/*------------------------*/
.model-popup .modal-dialog {
    width: 50%;
    height: 100%;
    padding: 30px 0 0 0;
    margin: auto;
}

.model-popup .popup-text h3 {
    font-size: 30px
}

.model-popup .popup-text h1 {
    font-size: 50px
}

.model-popup .popup-text .button-popup {
    border: 1px solid #ef7e22;
    color: #fff;
    font-weight: 700;
    padding: 10px 30px;
    font-size: 40px;
    margin-top: 50px;
    background: -moz-linear-gradient(top, #ffc74e 0, #f6a71c 100%);
    background: -webkit-linear-gradient(top, #ffc74e 0, #f6a71c 100%);
    background: linear-gradient(to bottom, #ffc74e 0, #f6a71c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffc74e', endColorstr='#f6a71c', GradientType=0);
    display: inline-block;
    cursor: pointer
}
.model-popup .modal-header .close {
	color: #2f337c !important;
    opacity: 1;
    font-size: 30px;
    text-shadow: none;
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
	z-index: 9;
}
.model-popup .modal-header .close:hover
{
	background-color:#f6a71c;
}

.model-popup .modal-header {
    padding: 5px 0px;
    border-bottom: 0
}
/*------------------------*/



.model-popup .modal-header .close:focus {
    outline: 0
}



.model-popup .modal-content {
    
    border-radius: 0;
    color: #fff;
    overflow: auto
}

.model-popup .popup-text h1 a {
    color: #fff
}

.model-popup .popup-text h1 a {
    color: #fff
}




.btn.btn-default:hover,



.btn:hover {



    background-color: #ffc74e;



    color: #000



}







.btn.active:hover {



    background-color: #2F337C !important



}



@media(max-width:991px)
{
		.model-popup .modal-dialog {
    width: 80%;
   
}
}



@media(max-width:768px) {



    .step-icon .icon3 i {



        font-size: 35px;



        width: 70px;



        height: 70px;



        line-height: 70px



    }







    .model-popup .popup-text .button-popup,



    .model-popup .popup-text h3 {



        font-size: 20px



    }







    .model-popup .modal-header .close,



    .model-popup .popup-text h1 {



        font-size: 50px



    }







    .step2-middle h3 {



        font-size: 25px



    }







    .wizard-card .wizard-title {



        font-size: 30px;



        color: #2F337C;



        line-height: 40px



    }







    .wizard-card .wizard-header h5 {



        font-size: 20px



    }







    .age-box .age-title {



        font-size: 14px



    }







    .wizard-middle .pin-code {



        width: 100%



    }







    .wizard-content .btn-main,



    .wizard-middle .btn-main {



        width: 100%;



        min-width: initial;



        font-size: 20px



    }



}