.product-container {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}
.product-outer {
    padding: 20px;
}
.product {
    -webkit-box-shadow: 1px 3px 16px -5px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 1px 3px 16px -5px rgba(0, 0, 0, 0.54);
    box-shadow: 1px 3px 16px -5px rgba(0, 0, 0, 0.54);
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}
.product-image {
    width: 100%;
}
.product h3{
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    font: normal normal 600 14px / 18px Montserratregular;
    letter-spacing: 1.4px;
    color: #1586C2;
}
.overlay {
    position: absolute;
    bottom: 38px;
    background-color: rgba(2, 146, 202, 0.8);
    color: #fff;
    padding: 35px 20px 25px 20px;
}
.overlay h2{
    font: normal normal normal 24px / 31px Montserratregular;
    letter-spacing: 0px;
}
.overlay p{
     margin-bottom: 0px;
    font: normal normal normal 14px / 18px Montserratregular;
}
.form-container {
    padding: 20px;
}

.step {
    display: none;
}

.step.active {
    display: block;
}

button {
    cursor: pointer;
}
#form-container select.step-error{
    border:1px solid red;
}
.quote-heading{
    text-align: center;
    margin-top: 40px;
    font: normal normal normal 28px / 36px Montserratregular;
    letter-spacing: 0px;
    color: #000000;
}
.quote-subhead{
    text-align: center;
    padding: 18px 0 24px 0;
    font: normal normal normal 18px / 22px Montserratregular;
    letter-spacing: 0px;
    color: #000000;
}
.selected-pro{
    text-transform: uppercase;
    padding: 20px 0;
    font: normal normal normal 14px / 18px Montserratregular;
    letter-spacing: 0.7px;
    color: #000000;
}
.pro-image{
    width: 100%;
    border-top: 1px solid #707070;
    padding: 24px 0;
    border-bottom: 1px solid #707070;
}
.next-btn {
    padding: 16px 20px;
    cursor: pointer;
    background: #fff;
    color: #1586C2;
    margin-left: 18px;
    border: 2px solid #1586C2;
    border-radius: 5px;
    font-size: 17px;
}
#form-container select {
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
    font: normal normal normal 14px / 18px Montserratregular;
    color: #000000;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 3px 6px #00000029;
    border: 1px solid #BCBCBC;
}
#form-container label {
    text-transform: uppercase;
    padding: 5px 0;
    font: normal normal normal 12px / 19px Montserratregular;
    letter-spacing: 0.8px;
    color: #000000;
}
.form-row {
    margin-bottom: 40px;
}
.next-area{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #1586C2;
    line-height: 18px;
}
#request-form button{
    padding: 12px 24px;
    background: #0292CA;
    color: #fff;
    border: none;
    text-transform: uppercase;
    font: normal normal normal 16px / 19px Montserratregular;
    letter-spacing: 0.8px;
}
.thank-you{
    margin-bottom: 26px;
    font: normal normal normal 32px / 39px Montserratregular;
    letter-spacing: 1.6px;
    color: #1586C2;
}
#price{
    font: normal normal normal 20px / 24px Montserratregular;
    letter-spacing: 1px;
    color: #000000;
    margin-bottom: 26px;
}
.para {
    margin-bottom: 26px;
    font: normal normal normal 16px / 19px Montserratregular;
    letter-spacing: 0.8px;
    color: #000000;
}
.selected-items {
    padding: 20px 0;
}
.selected-items p {
    text-transform: uppercase;
    font: normal normal normal 14px / 18px Montserratregular;
    letter-spacing: 0.7px;
    color: #000000;
    margin-bottom: 10px;
}
#request-form h3{
    padding: 0 0 16px 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font: normal normal normal 24px / 31px Montserratregular;
    letter-spacing: 0px;
    color: #000000;
}
#req-sub-form input[type=text], #req-sub-form textarea {
    width: 100%;
    padding: 10px 18px;
    margin: 12px 0;
    border: 1px solid #707070;
    font: normal normal normal 14px/18px Montserratregular;
    height:55px;
}
#req-sub-form textarea{
    height:110px;
}
label.error {
    color: red;
    margin-bottom: 0px;
    font: normal normal normal 14px / 18px Montserratregular;
}
#req-sub-form p{
    font: normal normal normal 14px / 18px Montserratregular;
    letter-spacing: 0px;
    color: #767676;
}
#req-sub-form input[type=checkbox]{
    width: 20px;
    margin-right: 5px;
}
.brd{
    border-right: 1px solid #707070;
    padding: 0px 40px 0 0;
}
.brd h6{
    margin-bottom: 14px;
    font: normal normal normal 24px / 31px Montserratregular;
    color: #000000;
}
.txt12{
    margin-bottom: 0px;
    font: normal normal normal 14px / 18px Montserratregular;
    letter-spacing: 0px;
    color: #747474;
}
#request-form hr{
    border-top: 1px solid #707070;
}
.tick{
    margin: 60px 0 30px 0;
}
.tick i{
    color: #0092CA;
    border: 6px solid #0092CA;
    border-radius: 50%;
    padding: 44px;
    font-size: 36px;
}

.form-container input[type="radio"] {
    width: 45px;
    height:45px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    /*border: 2px solid #000;*/
    transition: 0.2s all linear;
    position: relative;
    box-shadow: 1px 3px 16px -5px rgba(0, 0, 0, 0.54);
}
.form-container .black{
    background-color: black;
}
.form-container .grey{
    background-color: grey;
}
.form-container .white{
    background-color: white;
}
.form-container input[type="radio"]:checked {
    border: 4px solid #0292CA;
    outline: unset !important;
}
#form-container .colors_col label {
    padding: 3px 12px;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 0px;
}
.colors_col span {
    display: block;
    font: normal normal normal 14px / 18px Montserratregular;
    letter-spacing: 0px;
    color: #000000;
}
.step-error {
    border: 1px solid red;
}
#req-sub-form p.success_msg {
    font-size: 18px !important;
    margin-top: 12px;
    color: #0292CA;
}
#request-form button:disabled {
    opacity: 0.6;
}