/**************************/


/* Radio Buttons CSS only */


/**************************/

input[type=radio] {
    display: none;
}

input[type=radio] + label.btn {
    padding: 5px 10px;
    margin: 2px;
    display: inline-block;
    outline: none;
    position: relative;
    background: #ededed;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: normal;
}

input[type=radio] + label.btn:hover {
    background: #ed0077;
    color: #fff;
}

input[type=radio]:checked + label.btn {
    background: #0a3b5b;
    color: #fff;
}


/*********************/


/* Checkbox CSS only */


/*********************/

input[type=checkbox] {
    display: none;
}

input[type=checkbox] + label.btn {
    padding: 5px 10px;
    margin: 2px;
    display: inline-block;
    outline: none;
    position: relative;
    background: #ededed;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: normal;
}

input[type=checkbox] + label.btn:hover {
    background: #ed0077;
    color: #fff;
}

input[type=checkbox]:checked + label.btn {
    background: #0a3b5b;
    color: #fff;
}

.zz input[type=checkbox] {
    display: none;
}

.zz input[type=checkbox] + label.btn {
    padding: 2px 8px;
    margin: 2px;
    display: inline-block;
    outline: none;
    position: relative;
    background: #6D6E71;
    color: #6D6E71;
    cursor: pointer;
}

.zz input[type=checkbox] + label.btn:hover {
    background: #015B52;
	color: #fff;
}

.zz input[type=checkbox]:checked + label.btn {
    background: #00A59B;
	color: #fff;
}

.formErrorBox {
    font-weight: normal;
    border: 1px solid #ff0000 !important;
}

.formErrorText {
    font-size: 12px;
    color: #ff0000;
    font-style: italic;
    font-weight: normal;
}

.submit {
    background-color: #00A59B;
    padding: 10px 20px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
	margin:8px;
}
.submit:hover {
    background-color: #56B61;
}

.kk2 input {
    width: 100%;
    padding: 8px;
    background-color: #ededed;
    color: #0a4160;
    box-sizing: border-box;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    border: 1px solid #ededed;
}

.kk2 select {
    padding: 8px;
    width: 100%;
    background-color: #ededed;
    color: #0a4160;
    box-sizing: border-box;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    border: 1px solid #ededed;
}

.termp {
    margin-left: 8px;
}
.bb_side {
	text-align:center;
	padding:10px 5px;
	background-color:#f6fbfe;
	margin:15px;
}
.bb_side h4 {
	color:#1B4298;
	margin:0;
	padding:0;
}
.bb_side p {
	color:#6D6E71;
	margin:0;
	padding:0;
}

.form_main {
	padding-top:35px;	
	background-color:#f6fbfe;
	margin-top:15px;
}
.form_main h4 {
	color:#1B4298;
}
.form_main p {
	color:#000;
}

@media only screen and (max-device-width: 480px) {
.bb_side h4 {
	font-size:18px;
}
.bb_side p {
	font-size:14px;
}
}