/*custom font*/
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
body {font-family: 'Quicksand', sans-serif;}


#msform {text-align: center;position: relative;margin-top: 0px;}
#msform fieldset {background: white;border: 0 none;border-radius: 0px;overflow: hidden;box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);padding: 20px 30px 40px 30px;border-radius: 5px; box-sizing: border-box;width: 100%;margin: 0 ;position: relative;}
#msform fieldset:not(:first-of-type) {display: none;}
#raq-form .modal-content {background-color: transparent;box-shadow: none;border: none;}
#raq-form button.close {position: absolute;width: 40px;height: 40px;right: 0;background-color: #ff5a50;opacity: 1;z-index: 9;border-radius: 0px;color: #fff;text-shadow: none;top: 0px;font-size: 24px;}
.custom-radios div {display: inline-block;float: left;}
.custom-radios input[type="radio"] {display: none;}
.custom-radios input[type="radio"] + label {color: #333;font-size: 14px;}
.custom-radios input[type="radio"] + label span {display: inline-block;font-weight: 400; width: auto;height: auto;margin:0px 5px 0px 0px;vertical-align: middle;cursor: pointer;border-radius: 5px;border: 1px solid #eaeaea;background-repeat: no-repeat;background-position: center;text-align: center;background-color: #fcfcfc;color: #2c2c2c;padding: 10px 20px;}
.custom-radios input[type="radio"]:disabled + label span {background-color: #efefef;}
.custom-radios input[type="radio"] + label span img {opacity: 0;transition: all .3s ease;}
.custom-radios input[type="radio"]:checked + label span {opacity: 1;box-shadow: 0px 0px 15px 0px #f1f1f1;background: #ff5a50;color:#fff;border-color:#ff5a50;width: auto;height: auto;display: inline-block;}
.custom-radios {position: relative;float: left;width: 100%;margin-bottom: 30px;}
.custom-radios p, .pera-txt p {text-align: left;font-size: 18px;font-weight: 500;margin-bottom: 10px;}
#msform input, #msform textarea {padding: 10px 15px;border: 1px solid #eaeaea;border-radius: 5px;margin-bottom: 10px;width: 100%;box-sizing: border-box;color: #2C3E50;font-size: 15px;}
#msform input:focus, #msform textarea:focus {-moz-box-shadow: none ;-webkit-box-shadow: none ;box-shadow: none;outline: none;}
#msform .action-button {width: auto;background: #ff5a50;font-weight: bold;color: white;border: 0 none;border-radius: 25px;cursor: pointer;padding: 10px 40px;font-size: 18px; margin: 10px 5px;}
#msform .action-button-previous {width: auto;background: #d5d5d5;font-weight: bold;font-size:18px;color: white;border: 0 none;border-radius: 25px;cursor: pointer;padding: 10px 25px;margin: 10px 5px;}
.fs-title {color: #2c2c2c;font-size: 35px;font-weight: 700;opacity: 0.2; margin-bottom: 30px;}
.fs-subtitle {font-weight: normal;font-size: 13px;color: #666;margin-bottom: 20px;}
.dme_link {margin-top: 30px;text-align: center;}
.dme_link a {background: #FFF;font-weight: bold;color: #ee0979;border: 0 none;border-radius: 25px;cursor: pointer;padding: 5px 25px;font-size: 12px;}
.dme_link a:hover, .dme_link a:focus {background: #C5C5F1;text-decoration: none;}
#msform .raq-inp input {margin-bottom: 20px;}
.raq-inp label {font-weight:400;display: block;font-size: 16px; text-align: left;position: relative;float: left;width: 100%;}
#msform .raq-inp input[type="checkbox"] {font-size: 16px;color: #888;background-color: #2c2c2c;opacity: 0.2;margin-bottom: 15px;border-radius: 3px;height: 20px;font-weight: 700;width: 20px;margin: 0 10px 15px 0;padding:0;display: inline-block;float: left;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;position: relative;outline: none;}
#msform .raq-inp input[type="checkbox"]:checked {background-color: #ff5a50;opacity: 1;}
#msform .raq-inp input[type="checkbox"]:checked:before {content: '\2713';opacity: 1;position: absolute;left: 3px;color: #fff;top: 0px;font-size: 14px;}
.raq-inp {margin-bottom: 10px;}
#msform textarea {height: 100px;}
#progressbar {margin-bottom: 15px;overflow: hidden;counter-reset: step;padding:0;}
#progressbar li {list-style-type: none;color: white;text-transform: uppercase;font-size: 9px;width: 15%;float: left;position: relative;letter-spacing: 1px;}
#progressbar li:before {content: counter(step);counter-increment: step;width: 24px;height: 24px;line-height: 26px;display: block;font-size: 12px;color: #333;background: white;border-radius: 25px;margin: 0 auto 10px auto;}
#progressbar li:after {content: '';width: 100%;height: 2px;background: white;position: absolute;left: -50%;top: 9px;z-index: -1;}
#progressbar li:first-child:after {content: none;}
#progressbar li.active:before, #progressbar li.active:after {background: #ff5a50;color: white;}
.modal-backdrop.in {opacity: .8;z-index: 99999;}
div#raq-form {z-index: 999999;}
@media only screen and (max-width: 767px) and (min-width: 300px)  {
    .raq-form-container {padding: 0;}
    .custom-radios input[type="radio"] + label span {padding: 5px 10px;font-size: 13px;}
    #msform fieldset {padding: 20px 20px 40px 20px;}
    .custom-radios {margin-bottom: 15px;}
    .fs-title {margin-bottom: 25px;font-size: 25px;}
    #raq-form button.close {width: 30px;height: 30px;}
    #msform .action-button-previous, #msform .action-button {font-size: 16px;}
    .custom-radios p, .pera-txt p {font-size: 16px; margin-bottom: 5px;}
    #msform .raq-inp input {margin-bottom: 20px;}
    #msform textarea {height:100px; font-size: 13px;}
    .raq-inp label, #msform .raq-inp input {font-size: 13px;}
    #msform input, #msform textarea {padding:10px;}
    #progressbar {margin-bottom: 10px;}
}
/* Dailog box */

.dissmiss-dailog {display: none;position: fixed;z-index: 999999;width: 100%;text-align: center;top: 0;height: 100%;background-color: rgba(0,0,0,0.5);}
.dissmiss-dailog-container {color: #333;background-color: #fff;padding: 15px;border-radius: 5px;margin-top: 15%;}
.dissmiss-dailog-container h3 {font-size: 25px;font-weight: 600;margin: 15px 0px;}
.dissmiss-dailog-container p {font-size: 16px;font-weight: 300;margin-bottom: 20px;}
a.close-modal {display: inline-block;padding: 8px 30px;border: 1px solid #ededed;border-radius: 5px;font-size: 16px;color: #333;text-decoration: none;}
a.MultiStep-continue {display: inline-block;background-color: #ff5a50; padding: 8px 30px;border: 1px solid #ededed;border-radius: 5px;font-size: 16px;color: #fff;margin:0px 10px; text-decoration: none;}

@media only screen and (max-width: 767px) and (min-width: 300px)  {
    .dissmiss-dailog {padding:0px 15px;}
}