@font-face {
    font-family: "Roboto Medium";
    src: url("../fonts/Roboto-Medium.ttf");
}

@font-face {
    font-family: "Roboto Regular";
    src: url("../fonts/Roboto-Regular.ttf");
}

html, body {
	background: transparent;
	overflow: hidden;
}

.row-eq-heights {
    height: 750px;
    display: flex;
}

ul {
    list-style: none;
    padding: 33px;
    border: 5px solid #f2a40f;
    margin: 35px 13px;
    height: 100%;
}

ul.steps > li {
    display: none;
}

ul.steps > li:first-child {
    display: block;
}

.form-group label {
    font-family: "Roboto Medium";
    font-size: 22px;
    color: #fff;
    display: block;
}

select.form-control {
    border: 1px solid #f2a40f;
    border-radius: 4px;
    background: #FFFFFF;
    font-size: 16px;
    font-family: "Roboto Medium";
    color: #C0C0C0;
    text-align: center;
}

.btn {
    border: 1px solid #f2a40f;
    font-family: "Roboto Medium";
    font-size: 14px;
    background: #041f34;
    color: #FFFFFF;
}

.btn.btn-reversed {
    border: 1px solid #041f34;
    color: #041f34;
    background: #f2a40f;
}

.btn.btn-reversed i {
    color: #041f34;
}

.btn i {
    position: relative;
    color: #f2a40f;
    top: 1px;
}

.btn:hover {
    background: #041f34;
    color: #FFFFFF;
}

/* Radio Buttons */
.radio-group input[type=radio] {
    display: none;
}

.radio {
    border: 1px solid #f2a40f;
    border-radius: 23px;
    background: #FFFFFF;
    color: #00046F!important;
    display: inline-block!important;
    font-size: 16px!important;
    font-family: "Roboto Medium";
    padding: 12px;
    transition: all 350ms;
    margin: 5px;
    /*margin-top: 20px;*/
    cursor: pointer;
    /*width: calc(50% - 15px);*/
    text-align: center;
}

.radio-group input[type=radio]:checked + .radio {
    background: #f2a40f;
}

label.text-center {
    margin-bottom: 12px;
}

h4 {
    font-family: "Roboto Regular";
    font-size: 14px!important;
    color: #f2a40f;
}

.input-group .form-control {
    border: 1px solid #f2a40f;
    border-radius: 4px;
}

.input-group-addon {
    background: #f2a40f;
    color: #011c93;
}

@media all and (max-width: 768px) {
    .right-col {
        width: 100%!important;
    }

    .left-col {
        width: 0!important;
        display: none;
    }
}