
.box-head {
    color: #0e3c5d;
    position: relative;
    padding: 25px;
    padding-right: 45px;
    font-weight: 500;
}
	.box-head > span {
	    background: #328bc3;
	    color: #ffffff;
	    padding: 8px;
	    position: absolute;
	    right: 0px;
	    top: 18px;
	}
	
.box-body {

}
	.box-body .head {
	    color: #0e3c5d;
	    position:relative;
	    padding: 20px;
	    padding-left: 80px;
	    border-top: 1px solid #e9e9e9;
	    border-bottom: 1px solid #e9e9e9;
	    margin-top: 20px;
	}
		.box-body .head > span {
		    width: 48px;
		    height: 48px;
		    display: block;
		    color: rgb(255, 255, 255);
		    text-align: center;
		    line-height: 45px;
		    position: absolute;
		    left: 10px;
		    top: 8px;
		    background: rgb(17, 63, 110);
		}
		
	.box-body form {

	}
		.box-body form .radio {
	        padding: 30px 0px;
			width: calc(100% - 155px);
		    margin: auto;
		    display: table;
		}
			.box-body form .radio.column2 .grup {
				width: 50%;
				float: left;
			}
				.box-body form .radio input[type="radio"] {
				    margin-right: 10px;
				}
				
		.box-body form #txtOtherComment {
		    font-family: 'Pridi',serif;
		    font-size: 16px;
		    color: #666;
		}
		
		.box-body form .submit {
		    border-top: 1px solid #e9e9e9;
		}
			.box-body form .submit input[type="submit"] {
				background-color: #252525;
			    padding: 5px 10px;
			    color: #ffffff;
			    font-size: 1em;
			    font-family: Pridi,serif;
			    text-align: center;
			    border: 0;
			    border-radius: 4px;
			    width: 250px;
			    margin: auto;
			    display: block;
			    cursor: pointer;
		        margin-top: 25px;
			    transition: .3s;
			}
			.box-body form .submit input[type="submit"]:hover {
			    background-color: #4596c8;
			}


/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {


}


/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .box-body .head::before {
	    top: 28px;
    }
    .box-body form .radio {
	    padding: 30px 11px;
	    width: 100%;
    }
    .box-body form .radio .grup {
	    width: 100%;
    }
    .box-body .head {
	    min-height: 90px;
        padding: 15px;
		padding-left: 70px;
    }
    .box-body .head > span {
	    top: 20px;
    }
    
}
