* {margin: 0;padding: 0}
html {height: 100%}

.ryan_grt_form_min{font-family: 'Roboto', sans-serif; background:#f3f1f1;width:900px; margin:50px auto 30px}
.ryan_grt_form{  margin:auto; border:1px solid #a0a0a0; padding:30px; background:#fff}
#msform {text-align: center;position: relative;margin-top: 20px}
#msform fieldset .form-card {background: white;border: 0 none;border-radius: 0px;box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);padding: 20px 40px 30px 40px;box-sizing: border-box;width: 94%;margin: 0 3% 20px 3%;position: relative}
#msform fieldset {background: white;border: 0 none;border-radius: 0.5rem;box-sizing: border-box;width: 100%;margin: 0;padding-bottom: 20px;position: relative}
#msform fieldset:not(:first-of-type) {display: none}
#msform fieldset .form-card {text-align: left;color: #9E9E9E}
#msform input:focus,#msform textarea:focus {border-bottom: 2px solid #f08722;}
#progressbar {margin:30px auto;overflow: hidden;color: #9E9E9E; width:70%; font-size:10px}
#progressbar span{ font-size:10px}
#progressbar .active {color: #000000}
#progressbar li {list-style-type: none;font-size: 12px;width: 16%;float: left;position: relative}
#progressbar #step1:before {content: "1"}
#progressbar #step2:before {content: "2"}
#progressbar #step3:before {content: "3"}
#progressbar #step4:before {content: "4"}
#progressbar #step5:before {content: "5"}
#progressbar #step6:before {content: "6"}
#progressbar li:before {width:30px;height:30px;line-height:27px;display: block;font-size: 18px;color: #ffffff;background: #f3f1f1;border-radius: 50%;margin: 0 auto 10px auto;padding: 2px; position:relative; z-index:2}
#progressbar li:after {content: '';width: 74%;height: 2px;background: #f3f1f1;position: absolute;right: -36%;top:15px;z-index: 1}
#progressbar li.end_f::after{ height:0!important}

#progressbar li.active:before,#progressbar li.active:after {background: #f08722}
.radio-group {position: relative;margin-bottom: 25px}
.radio {display: inline-block;width: 204;height: 104;border-radius: 0;background: lightblue;box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);box-sizing: border-box;cursor: pointer;margin: 8px 2px}
.radio:hover {box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3)}
.radio.selected {box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1)}
.fit-image {width: 100%;object-fit: cover}
.form_txt{ text-align:center; padding:20px 0; margin:auto;}
.form_txt h1{ font-size:23px; padding:10px 0; color:#19519e; margin:auto; font-weight:600}
.form_txt p{color:#19519e}
.formf_hd{ font-size:20px; font-weight:600; padding:5px 0; text-align:left; color:#19519e}
.txt_line{ display:block; width:100px; height:3px; margin:10px 0; background:#f08722}
.form_min{ padding:20px 0 30px;}
.formsfl_t{ text-align:left; font-size:13px; padding:10px 0; color:#000}
.formsfl_f{ padding:10px 15px; border:1px solid #e5e5e5; border-radius:5px; width:100%}
#msform .button_form {background: #f08722;color: #000;border: 0 none;border-radius: 10px;cursor: pointer;padding: 10px 30px;padding: 7px 26px;
margin: 0 10px;font-size: 15px;}
.form_spsps{ margin:5px 0}
.radio_min{ padding:10px 0; text-align:left}
.rid_box{ padding:0 7px 0 0; cursor:pointer; font-weight:normal}
.rid_box span{ padding:0 3px; position:relative; top:-2px; font-size:13px}
.formsfl_nom{ border:none; border-bottom:2px solid #ccc; margin:0 11px; padding:5px}
.custom-file { text-align:left;position: relative;display: inline-block;width: 100%; margin:10px 0}
.custom-file-input { cursor:pointer; padding:10px 0; cursor:pointer;position: relative;z-index: 2;width: 100%;margin: 0;opacity: 0;}
.custom-file-label {border-radius: 5px; overflow:hidden;position: absolute;top: 0;right: 0;left: 0;z-index: 1;padding:10px;font-weight: 400;color: #495057;border: 1px solid #e5e5e5;}
.custom-file-label::after {display: none;position: absolute;top: 0;right: 0;bottom: 0;z-index: 3;padding:9px;line-height: 1.5;color: #495057;content: "Browse";background-color: #e9ecef;border-left: inherit;border-radius: 0 .25rem .25rem 0;}
.form_spsps2{ display:block;  text-align:center; background:#cccccc; border-radius:7px; margin:15px auto}
.form_spsps2 p{ padding:20px 10px; font-size:12px;}
.form_spsps2 span{ color:#f02222; padding:0 10px }
footer{ padding:30px 0;background:#252645 !important}
footer p{ text-align:center; color:#fff}
.form_amd_p{ padding:20px 40px;  width:900px; margin:0 auto 30px}
.admin_btn{ font-size:11px;}
.brtfild{ margin:10px 0 0; text-align:left}


.uploadpreview{width:100px;height:100px;display:block;border:1px solid #ccc; background:url(../img/avatar.png);background-size:100% auto;background-repeat:no-repeat;background-position:center; margin:8px auto;}

.check_wp{ margin:10px 0 0; text-align:center}
.check_wp label{ font-weight:normal; padding:0 7px; font-size:12px}

.block_form_box{ padding:10px 0; text-align:center; margin:auto}
.block_form_box p{ font-size:16px}
.block_form_box a{ color:#19519e; text-decoration:none; padding:0 10px; font-weight:bold}
.img_file_sec{position: absolute;width:100px; opacity:0;height: 100px;left: 0;right: 0;margin: auto;}
.up_photo_t{ text-align:center; margin:auto; font-size:12px}

.custom-file-input2{ width:95%; margin:0; border:1px  solid #ccc; font-size:11px; padding:8px 10px; border-radius:4px}

.block_form_box ul{ margin:auto; padding:0; width:600px; text-align:center}
.block_form_box ul li{ float:none; list-style-type:none;margin:0 10px}
.block_form_box ul li a{border-radius:0px; border:1px solid #ccc; padding:13px 0 11px 15px; background:#f08722; text-decoration:none;display: block;margin: 10px auto; color:#fff}
.block_form_box ul li a:hover{ background:#19519e; color:#fff}
.dwn_btn{ width:25px; margin:0 13px 0 12px}
.bg-vid a{ background: url(https://cdndataryan.myclassboard.com/WebImages/admissions_assets/img/RIS-Elearning-Testimonials.jpg) no-repeat !important; background-size:cover!important}
.bg_pdf{ width:229px; margin:15px auto!important}

.ddb_1{display: none;}
.ddb_2{ margin: 30px 0 0 }
.bg-vid a{padding: 0!important; text-align:center;width: 450px;height: 247px; position:relative}
.bg-vid a span{position: absolute;left: 0;right: 0;top:42%;margin: auto;text-align: center;background:#c23122; padding:7px 10px 7px 10px; border-radius:5px;width: 60px;}
/*189px;*/
.bg-vid a span img{ width:25px; margin:-3px 5px 0 0}
@media only screen and (max-width:1000px){
.ryan_grt_form_min{ width:95%}	
.form_amd_p{width:95%;padding:20px;}
}

@media only screen and (max-width:700px){
#progressbar{ width:100%}

.ryan_grt_form_min{ padding:20px}
.ryan_grt_form{ padding:10px}
.form_txt h1{ font-size:24px}
.form_txt p{ font-size:13px}
.formf_hd{ font-size:16px; margin:auto}
.form_min{ padding:10px 0}

.ddb_1{display: block;}
.ddb_2{ display: none; }

.block_form_box ul{ width:400px}
.bg-vid a{ width:100%}
}


@media only screen and (max-width:600px){
.block_form_box ul{width:100%}
.bg-vid a{ padding:25px 0 25px 15px!important}
}