/* Start font-face css */

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* End font-face css*/

/* Strart body css */
body{font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif;}
p{ margin-bottom: 15px; font-size:15px;}
/* End body css */

/** Start page loader section **/
.pageloader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 99999;background: url('../images/loading.gif') 50% 50% no-repeat rgba(255,255,255, 0.95);}
/** End page loader section **/

/* Start header section */
.header-section{border-top: 3px solid #2cb8ee;margin-bottom:0;padding:5px 0;}
.header-section img {max-width: 100%;}
.helpline {color: #f37402;font-size: 20px;font-weight: 600;padding-bottom: 2px;/* margin-top: 5px; */}
.numbers {/* padding-bottom: 5px; */color: #000;}
.fa-phone {font-size: 16px;color: blue;}
/* End header section */

/* Start banner section */
.banner-section {position: relative;}
/* End banner section */

/** Start banner text content **/    
.banner-text{position: absolute;bottom: 55px;z-index: 99;left: 6%;}
.banner-text-content{background-color: #000000c2;color: #fff;font-size: 22px;padding: 6px 20px;border-radius: 10px;}
/** End banner text content **/

/* Start Owl dots css*/

.banner-section .owl-dots .owl-dot span {width: 14px;height: 14px; margin: 7px 5px 7px 5px;display: block;
                        transition:opacity 200ms ease; border-radius: 50%;/* border: 2px solid #16234f;*/background-color: #999;}
.banner-section .owl-carousel .owl-dots {text-align: center;position: absolute;width: 100%;bottom: 10px;}
.banner-section .owl-dots .owl-dot {display: inline-block; zoom: 1; cursor: pointer;}
.banner-section .owl-dots .owl-dot.active span, .banner-section .owl-dots .owl-dot:hover span {background-color: #fff;}
.banner-section .owl-carousel .owl-nav{display: none;}

/* End Owl dots css*/

/* Start instruction section */
.container-fluid.instruction-section {}
 p.instruction {font-size: 26px;letter-spacing: 1px;color: black;font-family: 'Roboto';margin-bottom: 10px;font-weight: 500;text-align: center;text-transform: uppercase;}
.container-fluid.instruction-section ul li {font-size: 16px;line-height: 26px;margin-bottom: 10px;padding-left: 20px;list-style-type: none;position: relative;color: black;}
.instruction-div {padding: 30px 40px 60px 20px;/* background-color: #0cb8ae; */}
.container-fluid.instruction-section ul li:before {content: '';border-color: transparent black;border-style: solid;border-width: 8px 0px 8px 8px;height: 0px;width: 0px;position:absolute;left: 0;top: 5px;}
.step img {max-width: 100%;}
.step {height: 475px;}
/* End instruction section */


/* Start form section */
.block-class{max-width:100%;background-color:#fff;}
.block-class .form-control {padding-left: 10px;}
.block-class .input-group-btn.bs-dropdown-to-select-group {padding-right: 3px !important;}
.block-class .dynamic_theme_block .form-custom .form-group.StateId {padding: 0 10px 0 0;}
.block-class .panel, .block-class .panel-default > .panel-heading{background-color: transparent !important;}
.block-class .panel-default, .block-class .panel-default > .panel-heading{border:none; padding: 0;}
.panel-default > .panel-heading{font-family: 'Roboto', sans-serif;color:#fff; font-size:24px;line-height: 100%;}
.form-heading{padding-top:10px;margin:0}.form-block{max-width:400px;min-width:400px;font-size:12px;position:absolute;left:50%;margin-left:176px}
.form-block-inner{background-color:#fff}.form-group>label{font-weight:normal;line-height:18px;display:none}.form-group>label[for="termscondition"]{display:block}input[type="checkbox"]{vertical-align:top}.form-control::-moz-placeholder,.has-error .SumoSelect::-moz-placeholder{color:#333}.select-arrow-cust{background-color:transparent}.has-error .form-control,.has-error .SumoSelect{border-color:#f44336;box-shadow:none;color:#f44336}.has-error .form-control::-webkit-input-placeholder,.has-error .SumoSelect::-webkit-input-placeholder{color:#f44336}.has-error .form-control:-moz-placeholder,.has-error .SumoSelect:-moz-placeholder{color:#f44336}.has-error .form-control::-moz-placeholder,.has-error .SumoSelect::-moz-placeholder{color:#f44336}.has-error .form-control:-ms-input-placeholder,.has-error .SumoSelect:-ms-input-placeholder{color:#f44336}
.panel.dynamic_theme_block{border:none;padding: 10px 20px 10px 20px;margin-bottom:0;/* border-radius: 10px; */}.panel.dynamic_theme_block .nav-tabs{border:none}.panel.dynamic_theme_block .nav>li>a{padding:5px 15px;border:none;font-size:14px;color:#2874f0;border-bottom:1px solid #ddd;padding-left: 18px;padding-right: 18px;}
.panel.dynamic_theme_block .nav-tabs>li.active>a,.panel.dynamic_theme_block .nav-tabs>li.active>a:focus,.panel.dynamic_theme_block .nav-tabs>li.active>a:hover{border:none;background-color: #dd302e;padding-right: 18px;border-bottom: 1px solid #dd302e;font-size: 15px;padding-left: 18px;}
.panel.dynamic_theme_block .nav-tabs>li>a:focus,.panel.dynamic_theme_block .nav-tabs>li>a:hover{background-color: transparent;}.panel.dynamic_theme_block .panel-body{box-shadow:0 0 0 #fff;margin-top: 12px;padding:0;}
.panel.dynamic_theme_block .form-custom .Mobile .form-control,.panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect,.has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect{padding:0 0 5px}
.panel.dynamic_theme_block .or-seperator{margin:20px 0 10px}.panel.dynamic_theme_block .form-custom{max-height:100%;padding-right:0}.panel.dynamic_theme_block .btn-npf{background-color: #f37402;border:none;color: #fff;font-size: 17px;width: 100%;margin-top: 10px;/* margin-bottom: 5px; */text-shadow: 1px 1px 1px #000;text-transform: uppercase;}
.panel.dynamic_theme_block .btn-npf:hover,.panel.dynamic_theme_block .btn-npf:focus{background-color: #d96702;color:#fff !important;text-shadow: 1px 1px 1px #000;}.accordionStyle .panel-accordion{border-radius:0;border:1px solid #ccc}.accordionStyle .panel-heading{padding:0}
.form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .input-group-btn .btn{background-color: transparent;border:1px solid #e6e6e6;color:#000;border-radius: 0;}
.dynamic_theme_block .form-control[disabled], .dynamic_theme_block .form-control[readonly], .dynamic_theme_block fieldset[disabled] .form-control {
background-color: transparent;color: #999;border: 1px solid #e6e6e6;border-radius: 0;}
.form-group.label-floating.Mobile.country_dial_code.reg_mobile_div span {font-size: 10px;/* margin-bottom: -9px; */color: #f44336;}
.merge_field_div{ margin-bottom:15px;}
.input-group .form-group{vertical-align:top;display:table-cell;}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
.form-control::-moz-placeholder { /* Firefox 19+ */color: #000;}
.form-control:-ms-input-placeholder { /* IE 10+ */color: #000;}
.form-control:-moz-placeholder { /* Firefox 18- */color: #000;}

/** Start css for focus on input field **/
.input-focus::-webkit-input-placeholder { color: #ccc; }    
.input-focus::-moz-placeholder { color: #ccc; }
.input-focus::-ms-input-placeholder { color: #ccc; }
/** End css for focus on input field **/

.panel.dynamic_theme_block .form-custom .Mobile .form-control, 
.panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect, 
.has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect{
    padding: 6px 6px 6px 10px;
}
.dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select{
    background-color:  #fff;
    padding: 7px 10px;
    border-top: 1px solid #e6e6e6 !important;
    border-right: 1px solid #e6e6e6 !important;
    border-left: 1px solid #e6e6e6 !important;
    border-radius:0;
    color: #000;
}
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group{margin-right:0;}
.dynamic_theme_block .form-custom .form-group.CourseId{width:100%; padding:0}
.dynamic_theme_block .form-custom .agree-group .agree-condition{color: #000;line-height: 12px;font-size: 12px;}
.CountryId:before, .StateId:before, .CityId:before, .CourseId:before, .reg_specialization_id_div:before, .reg_university_id_div:before {z-index:1;color:#000;font-size: 16px;margin-bottom: -10px;}
.CourseId:before{right:10px;}
.form-group.label-floating.field-select.reg_university_id_div {position: relative;}
.reg_university_id_div:before {position: absolute;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{-webkit-text-fill-color: #000;-webkit-box-shadow: 0 0 0px 1000px #fff inset;}

.form-control:focus { border-color: lightgrey;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(211,211,211,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(211,211,211,.6);}
.form-control {-webkit-box-shadow: none; box-shadow:none;}
.form-custom{ overflow: unset;}
.dynamic_theme_block .tab-pane .form-group, 
.dynamic_theme_block .form-custom .merge_field_div, 
.dynamic_theme_block .form-custom .checkbox{margin-bottom:15px;}
.dynamic_theme_block .btn-register{margin:0;}
.dynamic_theme_block .fpass a {color:#2874f0;text-transform: uppercase;}
span.agree-condition {color:  #000;font-size: 12px;}
.form-group.agree-group.col-md-12.m0.has-error .help-block {font-size: 10px;}
.form-group.agree-group.col-md-12.m0.has-error {line-height: 18px;}
.StateId:before {right: 20px;}
.panel.dynamic_theme_block .nav>li>a[aria-expanded="true"]{color: #fff;text-shadow: 1px 1px 1px #000;}
.form-control {padding: 0 5px 0px;height: 36px;}
.dynamic_theme_block .tab-pane .form-group {margin-bottom: 10px;}
.panel-default>.panel-heading {margin-top: 5px;display: none;}
.dynamic_theme_block .form-custom .captcha {margin-top: 0px;}
.dynamic_theme_block .form-custom .form-group.StateId {margin-top: 0px;}
.dynamic_theme_block .form-custom .form-group.CityId {margin-top: 0px;}
.dynamic_theme_block .tab-pane .form-group, .dynamic_theme_block .form-custom .merge_field_div, .dynamic_theme_block .form-custom .checkbox {margin-bottom: 5px;}
.dynamic_theme_block .form-custom .checkbox{margin: 5px 0 0;}
 input#Captcha {padding: 14px 5px;} 
.block-class input#Captcha{padding-left: 10px;} 
.dynamic_theme_block .form-custom .form-group.captcha-txt {width: 50%;}
.dynamic_theme_block .form-group.has-error .help-block {color: red;}
.dynamic_theme_block .form-custom .captcha {width: 100%;float: left;padding: 0;z-index: 999;position: relative;clear: both;margin-bottom: 5px;}
.dynamic_theme_block .captcha img {width: 50%;height: 36px;float: left;padding-right: 10px;margin-right: 0;}
.dynamic_theme_block .captcha .CaptchaRefreshBtn {top: 8px;right: 50%;color: #000;border: none;position: absolute;background-color: #fff;font-size: 0px;margin-right: 20px;}
.dynamic_theme_block #forgotBtn {margin-top: 20px;}
.form-control {font-size: 13px;z-index: 11;}
.form-group.label-floating.Mobile.country_dial_code.reg_mobile_div.is-focused .help-block {display:  block;color: #767676;}
.help-block {font-size:10px;}
.form-group.label-floating.is-empty.captcha-txt.has-error .help-block {margin-bottom: 10px;}
.form-group.is-focused .help-block {line-height: 12px;}
.dynamic_theme_block .tab-content .help-block {line-height: 12px;font-size: 10px;color: #fff !important;}
.dynamic_theme_block .form-group.has-error .help-block {font-size: 11px;/* margin-top: 2px; */}
 input#forgetEmail{margin-top: 10px;}
.reg_specialization_id_div:before{content: "\f107";font-family: FontAwesome; position: absolute; right: 10px;font-size: 16px;color: #000;top: 4px;}
.reg_specialization_id_div {display: inline-block;width: 100%;position: relative;}
/* .form-group.label-floating.reg_email_div.Email_email .help-block {line-height: 12px !important;margin-top: 2px !important;}
.form-group.label-floating.reg_email_div.Email_email .help-block{color: red !important;font-size: 9px;} */
.dynamic_theme_block .tab-content { line-height: 18px;}
.fbLogin, .gpLogin {padding: 5px 3px;font-size:12px;}
.row.margin-top-10.margin0 .col-sm-6 {width:48%;padding-right:0;}
.gpLogin {padding: 5px;}
#tab3default > div > div.form-group.agree-group.col-sm-6.col-xs-6.text-left.fpass > a {float: left;}
#tab3default > div > div.form-group.agree-group.col-sm-6.col-xs-6.text-right.fpass > a {margin-right: 0;}
button#registerBtn {margin-bottom: 10px;}
h2#alertTitle {font-size: 22px;}
.dynamic_theme_block .CaptchaRefreshBtn:before {content: "\e031";font-family: 'Glyphicons Halflings';font-size: 14px;}
.CountryId:before, .StateId:before, .CityId:before, .CourseId:before, .reg_specialization_id_div:before, .reg_university_id_div:before {content: '';border-color: transparent #a0a0a0 #a0a0a0 transparent;border-style: solid;border-width: 6px;right: 0px;bottom: 0;margin-bottom:0;top: auto;}
.StateId:before {right: 15px;}
.form-group.label-floating.reg_name_div {margin-top:  -5px;}
.site-logo {padding: 4px 0;}
.block-class .StateId:before {right: 10px;}
.help-block {color:red;}
.form-group.label-floating.has-error .help-block {margin-top: 2px;}
    

.panel.dynamic_theme_block .tab-pane .form-group.fpass a.registerYet {float: left;margin-left: -15px;font-size: 13px;}
.panel.dynamic_theme_block .tab-pane .form-group.fpass a {float: right;margin-right: -15px;text-transform: uppercase;}
.form-group.agree-group.col-md-12.text-center.fpass {margin-bottom: 0;}
.form-group.agree-group.col-sm-6.col-xs-6.text-left.fpass {margin-bottom: 0;}
.form-group.agree-group.col-sm-6.col-xs-6.text-right.fpass {margin-bottom: 0;}
.resentVerification.text-center {text-transform: uppercase;margin-top: 2px;}
.resetVerify a {font-size: 11px;}
.text-center.center-link a {font-size: 13px;}
/** Start Strong Password Section **/
.info-password { right: 50%;margin-right: -146px;margin-top: 2px;}
.popover {font-size: 12px;}
/** End Strong Password Section **/

/* Start Inline class section */

.inline-class { max-width:100%; background-color: #fff;}
.inline-class .panel, .inline-class .panel-default > .panel-heading{background-color: transparent !important;color: red !important;}
.inline-class .panel.dynamic_theme_block .nav>li>a {color: #2874f0; border-bottom: 1px solid #ddd;}
.inline-class .panel.dynamic_theme_block .nav>li>a[aria-expanded="true"] {color: #fff;}
.inline-class .dynamic_theme_block .fpass a {color: #2874f0;}
.inline-class .dynamic_theme_block .form-custom .agree-group .agree-condition {color: #000;} 
.inline-class .form-control, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .input-group-btn .btn {color: #000;background-color: transparent;border-radius:0;border: 0;}  
.inline-class .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select {background-color: #fff;border:0 !important;border-radius: 0;color: #000;}
.inline-class .CountryId:before, .inline-class .StateId:before, .inline-class .CityId:before, .inline-class .CourseId:before, .inline-class .reg_specialization_id_div:before {color: #000;font-size: 16px;}   
.inline-class .dynamic_theme_block .form-control[disabled], .dynamic_theme_block .form-control[readonly], .dynamic_theme_block fieldset[disabled] .form-control{background-color: transparent;color: #999;border: none;border-bottom: 1px solid lightgrey;}  
.inline-class .form-control {-webkit-box-shadow: none;box-shadow: none;border-bottom: 1px solid #ddd; }
.inline-class .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group {border-bottom: 1px solid lightgrey;}
.inline-class .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select {padding: 4px 10px 4px 10px;} 
.inline-class .panel.dynamic_theme_block .form-custom .Mobile .form-control, .inline-class .panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect, .inline-class .has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect{border-radius: 0;}
.inline-class .form-control {font-size: 13px;z-index: 11;}
.inline-class .panel.dynamic_theme_block{padding: 8px 20px 8px 20px;}
.inline-class .panel-default>.panel-heading {margin-top: 5px;border-bottom: unset;} 
.inline-class .dynamic_theme_block .tab-pane .form-group, .inline-class .dynamic_theme_block .form-custom .merge_field_div, .inline-class .dynamic_theme_block .form-custom .checkbox{margin-bottom: 8px;}    
.inline-class span.agree-condition {color: #000;}
.inline-class .panel.dynamic_theme_block .nav-tabs>li.active>a, .inline-class .panel.dynamic_theme_block .nav-tabs>li.active>a:focus, .inline-class .panel.dynamic_theme_block .nav-tabs>li.active>a:hover{border-bottom: 1px solid #dd302e;}
.inline-class .dynamic_theme_block .form-custom .checkbox{margin: 5px 0 0;}
.inline-class .panel.dynamic_theme_block .form-custom{max-height: 100%;overflow: unset;}
.inline-class .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div .help-block {position: absolute;bottom: -13px;}
.inline-class .has-error .form-control{border-color: red;}
.inline-class .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
.inline-class .form-control::-moz-placeholder { /* Firefox 19+ */ color: #000;}
.inline-class .form-control:-ms-input-placeholder { /* IE 10+ */color: #000;}
.inline-class .form-control:-moz-placeholder { /* Firefox 18- */color: #000;}
/** Start css for focus on input field **/
.inline-class .form-control.input-focus::-webkit-input-placeholder { color: #ccc; }
.inline-class .form-control.input-focus::-moz-input-placeholder { color: #ccc; }
.inline-class .form-control.input-focus::-ms-input-placeholder { color: #ccc; }
/** End css for focus on input field **/
/* End inline class section */

/** Start color class section **/
.color-class{background-color: #144f87;}    
.color-class button.btn.btn-default.dropdown-toggle.as-is.bs-dropdown-to-select {background-color: #fff;color: #000;border-radius: 2px;}
.color-class .dynamic_theme_block .form-custom .agree-group .agree-condition {color: #fff;}
.color-class .form-control {color: #000;background-color: #fff;border-radius: 2px;}  
.color-class .CountryId:before, .color-class .StateId:before, .color-class .CityId:before, .color-class .CourseId:before, .color-class .reg_specialization_id_div:before, .color-class .reg_university_id_div:before {color: #fff;z-index: 9999;display: none;}
.color-class .reg_specialization_id_div:before {color: #fff;}   
.color-class .panel.dynamic_theme_block .nav>li>a {color: #fff;}  
.color-class span.agree-condition { color: #fff; }   
.color-class .dynamic_theme_block .fpass a { color: #fff; }
.color-class .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div span{color: #fff;}
.color-class .form-control.select-arrow-cust option { color: #000;}
.color-class .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
.color-class .form-control::-moz-placeholder { /* Firefox 19+ */color: #000;}
.color-class .form-control::-ms-input-placeholder { /* IE 10+ */color: #000;}
.color-class .form-control::-moz-placeholder { /* Firefox 18- */color: #000;}
.color-class .form-click {background-color: #2e6a8f;color:#fff;} 
.color-class .form-group.agree-group.col-md-12.m0.has-error .help-block {color: yellow;font-size: 11px;}
.color-class .form-group.label-floating.reg_email_div.Email_email .help-block {color: #fff !important;}
.color-class .form-group.label-floating.has-error .help-block {color: #fff;display: table;}
.color-class .form-group.label-floating.reg_email_div.Email_email.has-error .help-block a {color: yellow;}
.color-class .form-group.label-floating.reg_email_div.Email_email .help-block a {color: yellow;}
.color-class .form-group.label-floating.has-error .help-block a {color: yellow;}
.color-class .form-group.label-floating.reg_name_div .help-block{color: #fff;}
.color-class .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div.is-focused .help-block {color: #fff;}
.color-class .dynamic_theme_block .form-control[disabled], .color-class .dynamic_theme_block .form-control[readonly], .color-class .dynamic_theme_block fieldset[disabled] .form-control {background-color:#f1f1f1;color:#000;border-radius: 2px;}
.color-class .panel.dynamic_theme_block .form-custom .Mobile .form-control, .color-class .panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect, .color-class .has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect {border-radius:2px;}
.color-class .dynamic_theme_block .captcha img {border-radius: 2px;width: 47%;margin-right: 8px;padding-right: 0;}
.color-class .dynamic_theme_block .form-custom .form-group.captcha-txt {padding-left: 1px;}
.color-class .fbLogin {color: #fff;border-color: #fff;}
.color-class .gpLogin {color: #fff;border-color: #fff;}
.color-class .form-heading {color: #fff;}
.color-class .text-center.center-link a {color: #fff;}
.color-class .resetVerify a {color: #fff;}
/** End color class section **/
/** Start css for focus on input field **/
.color-class .form-control.input-focus::-webkit-input-placeholder { color: #ccc; }
.color-class .form-control.input-focus::-moz-input-placeholder { color: #ccc; }
.color-class .form-control.input-focus::-ms-input-placeholder { color: #ccc; }
/** End css for focus on input field **/

/** Start color class media query for image captcha **/
@media (max-width: 1100px) and (min-width: 400px){
    .color-class .dynamic_theme_block .captcha img {width: 50%;margin-right: 0;padding-right:10px;}
    .color-class .dynamic_theme_block .form-custom .form-group.captcha-txt {padding-left: 0;}
}
/** End color class media query for image captcha **/

/** Start Link-Border Class **/
.link-border .panel.dynamic_theme_block {padding: 3px 20px 6px 20px;}
.link-border .panel.dynamic_theme_block .nav>li>a[aria-expanded="true"] {color:  #000;text-shadow:  unset;font-size: 15px;padding-bottom:10px;}
.link-border .panel.dynamic_theme_block .nav>li>a {border:  none;color: #333131;padding-left: 16px;padding-right: 16px; font-size: 15px;}
.link-border .panel.dynamic_theme_block .nav-tabs>li.active>a, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:focus, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:hover {background-color:  transparent;border-bottom: 2px solid #dd302e;}    
.link-border .panel.dynamic_theme_block .nav>li>a:hover {color:  #000;}
.link-border .panel.dynamic_theme_block .nav-tabs>li.active>a, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:focus, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:hover {
    padding-left:16px;padding-right:16px;}
/** End Link-Border Class **/  

/** Start Link-Border Class with color class **/
.color-class.link-border .panel.dynamic_theme_block .nav>li>a[aria-expanded="true"] {color: #fff;}
.color-class.link-border .panel.dynamic_theme_block .nav>li>a {color: #fff;}
/** End Link-Border Class with color class **/  

/** Start css for input icons in the form **/

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?bi9s3p');
  src:  url('../fonts/icomoon.eot?bi9s3p#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?bi9s3p') format('truetype'),
    url('../fonts/icomoon.woff?bi9s3p') format('woff'),
    url('../fonts/icomoon.svg?bi9s3p#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-class .icon-name:before {content: "\e903";color: #a6a6a6;font-size: 15px;}
.icon-class .icon-Email:before {content: "\e902";color: #a6a6a6;font-size: 15px;} 
.icon-class .icon-phone:before {content: "\e905";color: #a6a6a6;font-size: 15px;}
.icon-class .icon-password:before {content: "\e904";color: #a6a6a6;font-size: 15px;}
.icon-class .icon-chat:before {content: "\e900";color: #a6a6a6;font-size: 15px;}
.icon-class .icon-State--city:before {content: "\e907";color: #a6a6a6;font-size: 15px;}
.icon-class .icon-school:before {content: "\e906";color: #a6a6a6;font-size: 15px;}
.icon-class .icon-course:before {content: "\e901";color: #a6a6a6;font-size: 16px;}
.icon-class .icon-course:before {content: "\e901";color: #a6a6a6;font-size: 16px;}

.icon-class i.icon-name {position:  absolute;margin-top: 11px;padding: 0 10px 0;}
.icon-class i.icon-Email {position:  absolute;margin-top: 11px;padding: 0 10px 0;}
.icon-class i.icon-phone {position:  absolute;margin-top: 11px;padding: 0 10px 0px;z-index: 9;}
.icon-class i.icon-password {position:  absolute;margin-top: 11px;padding: 0 10px 0;}
.icon-class i.icon-State--city {position:  absolute;margin-top: 11px;padding: 0 10px 0;z-index: 99;}
.icon-class i.icon-school {position:  absolute;margin-top: 11px;padding: 0 10px 0;z-index: 99;}
.icon-class i.icon-course {position:  absolute;margin-top: 11px;padding: 0 10px 0;z-index: 99;}
.icon-class i.icon-chat {position:  absolute;margin-top: 11px;padding: 0 10px 0;}

/** Start Font Family for form **/
.icon-class.formContainer {font-family: 'Roboto', sans-serif;}
/** End Font Family for form **/

.icon-class #Name{padding-left:35px}
.icon-class #Email{padding-left:35px}
.icon-class button.btn.btn-default.dropdown-toggle.as-is.bs-dropdown-to-select{padding-left:35px}
.icon-class #opt_dataMobile{padding-left:35px}
.icon-class #StateId{padding-left:35px}
.icon-class #CityId{padding-left:35px}
.icon-class #loginEmail{padding-left:35px}
.icon-class #loginPassword{padding-left:35px}
.icon-class #forgetEmail{padding-left:35px}
.icon-class #resentVerificationEmail{padding-left:35px}
.icon-class #Password {padding-left: 35px;}
.icon-class #UniversityId { padding-left: 35px;}
.icon-class #CourseId {padding-left: 35px;}
.icon-class #SpecializationId {padding-left: 35px;}
/** End css for input icons in the form **/

  
/*** Start Form float design section ***/

.floatForm{-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;z-index: 9999;right:0;top:100px;}
.form-heading{background-color: transparent;color: #000;padding: 10px;margin: 0;font-size: 21px;padding-bottom: 0;} 
.floatForm.open{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);top: 80px;}
.form-clickOuter{left: 0;position:absolute;top: 50%;margin-top:-20px;margin-left: -107px;webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);} 
.form-click{background-color: #dd302e;color: #fff; position: relative;font-size: 22px;padding: 10px 20px;cursor: pointer;display: inline-block;border-radius:5px 5px 0 0;border:1px solid #fff;border-bottom:none;}
.form-inner{position:relative;}
.form-block{max-width: 400px;min-width: 400px;font-size:12px;}
.form-block-inner{background-color:#fff;}

/*** End Form float design section ***/

/* Strat footer section */
.footer-top {background-color: #f9f9f9;padding: 5px 0;}
/* End footer section */

/** Start Form position section **/

   @media (min-width:1099px){
  .formContainer{max-width:350px;min-width:350px;z-index:1;border-radius: 5px;}

  .form-absolute{position:absolute;top: 5px;}
  .form-fixed{position:fixed;}
  .form-relative{position:relative;top:12px;}
  .form-position-left{left:50%;margin-left:-585px;}
  .form-position-right{right:50%;margin-right: -600px;/* border-radius: 5px; */box-shadow: 0 0 10px #000;}
  .resentVerification.text-center {text-transform: uppercase;margin-top: 2px;position: absolute;bottom: 5px;z-index: 9999;right: 20px;}
  .center-link {/* text-align: left; *//* display: inline-block; *//* position: relative; */}
  }
/** End Form position section **/

/** Start CSS for Scroll Bottom First **/                
#scrollId a{padding-top:60px}
#scrollId a span{position:absolute;top:0;left:50%;width:46px;height:46px;margin-left:-23px;border: 2px solid #fff;border-radius:100%;box-sizing:border-box;}
#scrollId a span::after{position:absolute;top:50%;left:50%;content:'';width:16px;height:16px;margin:-12px 0 0 -8px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box;}
#scrollId a span::before{position:absolute;top:0;left:0;z-index:-1;content:'';width:44px;height:44px;box-shadow:0 0 0 0 rgba(255,255,255,.1);border-radius:100%;opacity:0;-webkit-animation:sdb03 3s infinite;animation:sdb03 3s infinite;box-sizing:border-box}
.scrollClass a{position:absolute;bottom:20px;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);color:#fff;font:normal 400 20px/1 sans-serif;letter-spacing:.1em;text-decoration:none;transition:opacity .3s}
.scrollClass a:hover{opacity:.5}
@-webkit-keyframes sdb03{0%{opacity:0}30%{opacity:1}60%{box-shadow:0 0 0 60px rgba(255,255,255,.1);opacity:0}100%{opacity:0}}
@keyframes sdb03{0%{opacity:0}30%{opacity:1}60%{box-shadow:0 0 0 60px rgba(255,255,255,.1);opacity:0}100%{opacity:0}}
/** End CSS for Scroll Bottom First **/ 

/** Start CSS for Scroll Bottom Second **/
#scrollId2 a{padding-top:70px}
#scrollId2 a span{position:absolute;top:0;left:50%;width: 22px;height: 22px;margin-left:-12px;border-left: 3px solid #fff;border-bottom: 3px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb05 1.5s infinite;animation:sdb05 1.5s infinite;box-sizing:border-box;}
.scrollClass2 a{position:absolute;bottom:20px;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);color:#fff;font:normal 400 20px/1 ,sans-serif;letter-spacing:.1em;text-decoration:none;transition:opacity .3s}
.scrollClass2 a:hover{opacity:.5}
@-webkit-keyframes sdb05{0%{-webkit-transform:rotate(-45deg) translate(0,0);opacity:0}50%{opacity:1}100%{-webkit-transform:rotate(-45deg) translate(-20px,20px);opacity:0}}
@keyframes sdb05{0%{transform:rotate(-45deg) translate(0,0);opacity:0}50%{opacity:1}100%{transform:rotate(-45deg) translate(-20px,20px);opacity:0}}    
/** End CSS for Scroll Bottom Second **/

/* Start media query for mobile view */

@media (max-width: 1100px){

/* Start owl carousel section */
  .owl-carousel .owl-dots {display: none;}
  .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {position: absolute;font-size: 28px;top: 33%;color: #ccc;}
  .banner-section .owl-carousel .owl-nav{display: block;}
  .owl-carousel .owl-nav .owl-next { right: 10px;}
  .owl-carousel .owl-nav .owl-prev { left: 10px;}
/* End owl carousel section */

/** Start banner text content **/ 
.banner-text{top: 12%;position: absolute;z-index: 99;left: 3%;}
.banner-text-content{background-color: #000000c2;color: #fff;font-size: 13px;padding: 5px 7px;border-radius: 10px;}
/** End banner text content **/ 

/* Start instruction section */
.container-fluid.instruction-section {}
p.instruction {font-size: 22px;letter-spacing: 1px;font-family: 'Roboto';margin-bottom: 7px;text-align: center;}
.container-fluid.instruction-section ul li {font-size: 15px;line-height: 24px;margin-left: -15px;margin-right: 5px;margin-bottom: 7px;}
/* End instruction section */

/** Start form section **/
  .form-control{height: 38px;}
  .panel.dynamic_theme_block {padding: 12px;}
  .CountryId:before, .StateId:before, .CityId:before, .CourseId:before, .reg_specialization_id_div:before {content: '';border-color: transparent #a0a0a0 #a0a0a0 transparent;border-style: solid;border-width: 6px; right: 0px; bottom: 0; margin-bottom:0;top: auto;}
  .color-class .CountryId:before, .color-class .StateId:before, .color-class .CityId:before, .color-class .CourseId:before, .color-class .reg_specialization_id_div:before {border-color: transparent #a0a0a0 #a0a0a0 transparent;}
  .inline-class .StateId:before {right: 15px;}  
  .has-error.CountryId:before, .has-error.StateId:before, .has-error.CityId:before, .has-error.CourseId:before, .has-error.reg_specialization_id_div:before {bottom:3px;}
  .dynamic_theme_block .CaptchaRefreshBtn:before {font-size: 13px;}
  .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select{padding: 8px 10px 9px 10px;}
  .dynamic_theme_block .captcha img {height: 38px !important;}
  .dynamic_theme_block .captcha .CaptchaRefreshBtn{top: 9px;}
  .captcha{margin-bottom: 8px;}
  .fbLogin, .gpLogin {font-size:15px;padding:8px 10px;}
  .row.margin-top-10.margin0 .col-sm-6 {width:100%; padding-right:15px;text-align:center;} 
  .dynamic_theme_block .form-custom .captcha {margin-bottom:14px;}
  .inline-class .panel.dynamic_theme_block{padding: 15px 20px 8px 20px;}
  .text-center.center-link a {font-size:14px;}
  .resetVerify a {font-size:12px;}

/** Start css for form font awesome icon **/

.container-fluid.instruction-section ul {padding-inline-start: 20px;}
.container-fluid.instruction-section ol {padding-inline-start: 20px;}
.container-fluid.instruction-section ol li {margin-bottom: 5px;}
.instruction-div {padding: 15px 20px 15px 15px;}
.form-heading {font-size: 20px;}

/** End css for form font awesome icon **/
/** End form section **/

}

/* End media query for mobile view */

/** Strat css for step to follow **/

.main{width: 100%;height:500px;display: grid;grid-template-columns: 100px 100px 100px;grid-template-rows: 50px 50px;}
#step{width: 330px;height: 47px;position: absolute;top: 35px;border-radius: 6px;}
.steps-container {height: 460px;}
.step-heading {text-align: center;font-size: 20px;color:#fff;font-family: Helvetica;padding-top: 10px;margin-bottom: 0px;text-transform: uppercase;}
.step-new-heading {display:none;color: #fb5a24;font-size: 24px;text-align: center;font-weight: 500;padding-top: 40px;text-transform: uppercase;padding-bottom: 15px;}
.step-img {display: none;}
.vl{border-left: 4px solid #144f87;height: 38px;position: absolute;top: 75px;left: 180px;}
.circle{width: 15px;height: 15px;position: absolute;top: 119px;left: 175px;border-radius: 9px;}
.circle,#last,#step{background: #144f87;}
.v1 {margin-top: 69px;}
.c1 {margin-top: 70px;}
.v2 {margin-top: 137px;}
.c2 {margin-top: 138px;}
.v3 {margin-top: 207px;}
.c3 {margin-top: 208px;}
.v4 {margin-top: 276px;}
.c5 {margin-top: 276px;}
.v5 {margin-top: 343px;}
#last{width: 361px;height: 5px;position: absolute;top: 451px;}
* {box-sizing: border-box;}
.c0::after {content: url(../images/step/profile-icon.png);position: absolute;top: -14px;left: 15px;}
.c0.now:after {content: "Register Yourself";font-size: 19px;color: black;}
.c1::before {content: url(../images/step/tick-icon.png);position: absolute;top: -14px;left: -54px;}
.c2::after {content: url(../images/step/computer-icon.png);position: absolute;top: -14px;left: 15px;}
.c3::before {content: url(../images/step/card-icon.png);position: absolute;top: -14px;left: -54px;}
.c5::after {content: url(../images/step/file-icon.png);position: absolute;top: -14px;left: 15px;}
p#register {margin-left: 63px;margin-top: -10px;font-weight: 600;font-size: 14px;}
p#verify {margin-left: -130px;margin-top: -2px;font-weight: 600;font-size: 14px;}
p#fill {margin-left: 63px;margin-top: -10px;font-weight: 600;font-size: 14px;width: 100px;}
p#pay {margin-left: -156px;margin-top: -13px;text-align: right;width: 100px;font-weight: 600;font-size: 14px;}
p#submit {margin-left: 63px;margin-top: -10px;font-weight: 600;font-size: 14px;width: 100px;}
  
/** End css for step to follow **/

/** Start Media Query for How It Work Section **/

@media(max-width:1100px){
    #step {width: 310px;height: 45px;top: 25px;}
    .vl{top: 69px;}
    .circle{top: 114px;}
    .step-heading {font-size: 19px;padding-top: 10px;}
    #last {width: 310px;top: 448px;}
    .c0::after {left: 10px;}
    p#register{margin-left: 55px;}
    .c1::before{left: -48px;}
    p#verify{margin-left: -123px;}
    .c2::after{left: 10px;}
    p#fill{margin-left: 55px;}
    .c3::before{left: -48px;}
    p#pay{margin-left: -150px;margin-top: -13px;text-align: right;width: 100px;}
    .c5::after{left: 10px;}
    p#submit{margin-left: 55px;}
}
@media only screen and (max-width: 379px) and (min-width: 360px){
    .steps-container{padding-left: 10px;}
    .vl{left: 180px;}
    .circle{left: 175px;}      
}
@media only screen and (max-width: 395px) and (min-width: 380px){
    .steps-container{padding-left: 20px;}
    .vl{left: 190px;}
    .circle{left: 185px;}      
}

@media only screen and (max-width: 410px) and (min-width: 396px){
    .steps-container{padding-left: 30px;}
    .vl{left: 200px;}
    .circle{left: 195px;}   
}

@media only screen and (max-width: 430px) and (min-width: 411px){
    .steps-container{padding-left: 40px;}
    .vl{left: 210px;}
    .circle{left: 205px;}  
}
@media only screen and (max-width: 450px) and (min-width: 431px){
    .steps-container{padding-left: 50px;}
    .vl{left: 220px;}
    .circle{left: 215px;}   
}
@media only screen and (max-width: 500px) and (min-width: 451px){
    .steps-container{padding-left: 60px;}
    .vl{left: 230px;}
    .circle{left: 225px;}   
}
@media only screen and (max-width: 550px) and (min-width: 501px){
    .steps-container{padding-left: 80px;}
    .vl{left: 250px;}
    .circle{left: 245px;}   
}
@media only screen and (max-width: 600px) and (min-width: 551px){
    .steps-container{padding-left: 100px;}
    .vl{left: 270px;}
    .circle{left: 265px;}    
}
@media only screen and (max-width: 650px) and (min-width: 601px){
    .steps-container{padding-left: 130px;}
    .vl{left: 300px;}
    .circle{left: 295px;}      
}
@media only screen and (max-width: 700px) and (min-width: 651px){
    .steps-container{padding-left: 160px;}
    .vl{left: 330px;}
    .circle{left: 325px;} 
}
@media only screen and (max-width: 730px) and (min-width: 701px){
    .steps-container{padding-left: 180px;}
    .vl{left: 350px;}
    .circle{left: 345px;} 
}
@media only screen and (max-width: 767px) and (min-width: 731px){
    .steps-container{padding-left: 200px;}
    .vl{left: 370px;}
    .circle{left: 365px;}    
}
@media only screen and (max-width: 1050px) and (min-width: 768px){
    .col-xs-12.col-sm-offset-1.col-sm-4.step{margin-left: 0;}
}

/** End Media Query for How It Work Section **/

/** Start bottom to top button **/

#scroll {position:fixed;right: 15px;bottom: 15px;cursor:pointer;width:50px;height:50px;background-color:#3498db;text-indent:-9999px;display:none;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;z-index: 99;}   
#scroll span {position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:8px solid transparent;border-bottom-color:#ffffff;}
#scroll:hover {background-color:#e74c3c;opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}

/** End bottom to top button **/


@media screen and (min-width: 1100px) and (max-width: 1600px) { 
  

}
.dynamic_theme_block .form-custom .form-group.CourseId{
  /* display:none; *//* Start font-face css */

  /* cyrillic-ext */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  /* End font-face css*/
  
  /* Strart body css */
  body{font-family: 'Roboto', sans-serif;}
  h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif;}
  p{ margin-bottom: 15px;
  font-size:15px;}
  /* End body css */
  
  /** Start page loader section **/
  .pageloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: url('../images/loading.gif') 50% 50% no-repeat rgba(255,255,255, 0.95);}
  /** End page loader section **/
  
  /* Start header section */
  .header-section{
  border-top: 3px solid #2cb8ee;
  margin-bottom:0;
  padding:5px 0;}
  .header-section
  img {max-width: 100%;}
  .helpline {
  color: #c8243f;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 5px;
  margin-top: 5px;}
  .numbers {
  padding-bottom: 5px;
  color: #000;}
  .fa-phone {
  font-size: 16px;
  color: blue;}
  /* End header section */
  
  /* Start banner section */
  .banner-section {
  position: relative;}
  /* End banner section */
  
  /** Start banner text content **/    
  .banner-text{
  position: absolute;
  bottom: 55px;
  z-index: 99;
  left: 6%;}
  .banner-text-content{
  background-color: #000000c2;
  color: #fff;
  font-size: 22px;
  padding: 6px 20px;
  border-radius: 10px;}
  /** End banner text content **/
  
  /* Start Owl dots css*/
  
  .banner-section .owl-dots .owl-dot
  span {width: 14px;
  height: 14px;
  margin: 7px 5px 7px 5px;
  display: block;
  transition:opacity 200ms ease;
  border-radius: 50%;
  /* border: 2px solid #16234f;*/
  background-color: #999;}
  .banner-section .owl-carousel .owl-dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 10px;}
  .banner-section .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  cursor: pointer;}
  .banner-section .owl-dots .owl-dot.active
  span, .banner-section .owl-dots .owl-dot:hover span {background-color: #fff;}
  .banner-section .owl-carousel .owl-nav{
  display: none;}
  
  /* End Owl dots css*/
  
  /* Start instruction section */
  .container-fluid.instruction-section {}
  p.instruction {font-size: 26px;
  letter-spacing: 1px;
  color: black;
  font-family: 'Roboto';
  margin-bottom: 10px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;}
  .container-fluid.instruction-section
  ul li {font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
  padding-left: 20px;
  list-style-type: none;
  position: relative;
  color: black;}
  .instruction-div {
  padding: 40px 40px 60px 20px;
  /* background-color: #0cb8ae; */}
  .container-fluid.instruction-section
  ul li:before {content: '';
  border-color: transparent black;
  border-style: solid;
  border-width: 8px 0px 8px 8px;
  height: 0px;
  width: 0px;
  position:absolute;
  left: 0;
  top: 5px;}
  .step
  img {max-width: 100%;}
  .step {
  height: 475px;}
  /* End instruction section */
  
  
  /* Start form section */
  .block-class{
  max-width:100%;
  background-color:#fff;}
  .block-class .form-control {
  padding-left: 10px;}
  .block-class .input-group-btn.bs-dropdown-to-select-group {
  padding-right: 3px !important;}
  .block-class .dynamic_theme_block .form-custom .form-group.StateId {
  padding: 0 10px 0 0;}
  .block-class .panel, .block-class .panel-default > .panel-heading{
  background-color: transparent !important;}
  .block-class .panel-default, .block-class .panel-default > .panel-heading{
  border:none;
  padding: 0;}
  .panel-default > .panel-heading{
  font-family: 'Roboto', sans-serif;
  color:#fff;
  font-size:24px;
  line-height: 100%;}
  .form-heading{
  padding-top:10px;
  margin:0;}.form-block{
  max-width:400px;
  min-width:400px;
  font-size:12px;
  position:absolute;
  left:50%;
  margin-left:176px;}
  .form-block-inner{
  background-color:#fff;}.form-group>
  label{font-weight:normal;
  line-height:18px;
  display:none;}.form-group>
  label[for="termscondition"]{display:block;}
  input[type="checkbox"]{vertical-align:top;}.form-control::
  -moz-placeholder,.has-error .SumoSelect::-moz-placeholder{color:#333;}.select-arrow-cust{
  background-color:transparent;}.has-error .form-control,.has-error .SumoSelect{
  border-color:#f44336;
  box-shadow:none;
  color:#f44336;}.has-error .form-control::
  -webkit-input-placeholder,.has-error .SumoSelect::-webkit-input-placeholder{color:#f44336;}.has-error .form-control:
  -moz-placeholder,.has-error .SumoSelect:-moz-placeholder{color:#f44336;}.has-error .form-control::
  -moz-placeholder,.has-error .SumoSelect::-moz-placeholder{color:#f44336;}.has-error .form-control:
  -ms-input-placeholder,.has-error .SumoSelect:-ms-input-placeholder{color:#f44336;}
  .panel.dynamic_theme_block{
  border:none;
  padding: 10px 20px 10px 20px;
  margin-bottom:0;
  /* border-radius: 10px; */}.panel.dynamic_theme_block .nav-tabs{
  border:none;}.panel.dynamic_theme_block .nav>
  li>a{padding:5px 15px;
  border:none;
  font-size:14px;
  color:#2874f0;
  border-bottom:1px solid #ddd;
  padding-left: 18px;
  padding-right: 18px;}
  .panel.dynamic_theme_block .nav-tabs>
  li.active>a,.panel.dynamic_theme_block .nav-tabs>li.active>a:focus,.panel.dynamic_theme_block .nav-tabs>li.active>a:hover{border:none;
  background-color: #dd302e;
  padding-right: 18px;
  border-bottom: 1px solid #dd302e;
  font-size: 15px;
  padding-left: 18px;}
  .panel.dynamic_theme_block .nav-tabs>
  li>a:focus,.panel.dynamic_theme_block .nav-tabs>li>a:hover{background-color: transparent;}.panel.dynamic_theme_block .panel-body{
  box-shadow:0 0 0 #fff;
  margin-top: 12px;
  padding:0;}
  .panel.dynamic_theme_block .form-custom .Mobile .form-control,.panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect,.has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect{
  padding:0 0 5px;}
  .panel.dynamic_theme_block .or-seperator{
  margin:20px 0 10px;}.panel.dynamic_theme_block .form-custom{
  max-height:100%;
  padding-right:0;}.panel.dynamic_theme_block .btn-npf{
  background-color: #f37402;
  border:none;
  color: #fff;
  font-size: 17px;
  width: 100%;
  margin-top: 10px;
  /* margin-bottom: 5px; */
  text-shadow: 1px 1px 1px #000;
  text-transform: uppercase;}
  .panel.dynamic_theme_block .btn-npf:hover,.panel.dynamic_theme_block .btn-npf:focus{
  background-color: #d96702;
  color:#fff !important;
  text-shadow: 1px 1px 1px #000;}.accordionStyle .panel-accordion{
  border-radius:0;
  border:1px solid #ccc;}.accordionStyle .panel-heading{
  padding:0;}
  .form-control, .form-control[
  disabled], .form-control[readonly], fieldset[disabled] .form-control, .input-group-btn .btn{background-color: transparent;
  border:1px solid #e6e6e6;
  color:#000;
  border-radius: 0;}
  .dynamic_theme_block .form-control[
  disabled], .dynamic_theme_block .form-control[readonly], .dynamic_theme_block fieldset[disabled] .form-control {
  background-color: transparent;
  color: #999;
  border: 1px solid #e6e6e6;
  border-radius: 0;}
  .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div
  span {font-size: 10px;
  /* margin-bottom: -9px; */
  color: #f44336;}
  .merge_field_div{
  margin-bottom:15px;}
  .input-group .form-group{
  vertical-align:top;
  display:table-cell;}
  .form-control::
  -webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
  .form-control::
  -moz-placeholder { /* Firefox 19+ */color: #000;}
  .form-control:
  -ms-input-placeholder { /* IE 10+ */color: #000;}
  .form-control:
  -moz-placeholder { /* Firefox 18- */color: #000;}
  
  /** Start css for focus on input field **/
  .input-focus::
  -webkit-input-placeholder { color: #ccc; }    
  .input-focus::
  -moz-placeholder { color: #ccc; }
  .input-focus::
  -ms-input-placeholder { color: #ccc; }
  /** End css for focus on input field **/
  
  .panel.dynamic_theme_block .form-custom .Mobile .form-control, 
  .panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect, 
  .has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect{
  padding: 6px 6px 6px 10px;
  }
  .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select{
  background-color:  #fff;
  padding: 7px 10px;
  border-top: 1px solid #e6e6e6 !important;
  border-right: 1px solid #e6e6e6 !important;
  border-left: 1px solid #e6e6e6 !important;
  border-radius:0;
  color: #000;
  }
  .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group{
  margin-right:0;}
  .dynamic_theme_block .form-custom .form-group.CourseId{
  width:100%;
  padding:0;}
  .dynamic_theme_block .form-custom .agree-group .agree-condition{
  color: #000;
  line-height: 12px;
  font-size: 12px;}
  .CountryId:before, .StateId:before, .CityId:before, .CourseId:before, .reg_specialization_id_div:before, .reg_university_id_div:before {
  z-index:1;
  color:#000;
  font-size: 16px;
  margin-bottom: -10px;}
  .CourseId:before{
  right:10px;}
  .form-group.label-floating.field-select.reg_university_id_div {
  position: relative;}
  .reg_university_id_div:before {
  position: absolute;}
  input:-webkit-autofill,
  input:-webkit-autofill:hover, 
  input:-webkit-autofill:focus
  input:-webkit-autofill, 
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus{-webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;}
  
  .form-control:focus {
  border-color: lightgrey;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(211,211,211,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(211,211,211,.6);}
  .form-control {
  -webkit-box-shadow: none;
  box-shadow:none;}
  .form-custom{
  overflow: unset;}
  .dynamic_theme_block .tab-pane .form-group, 
  .dynamic_theme_block .form-custom .merge_field_div, 
  .dynamic_theme_block .form-custom .checkbox{
  margin-bottom:15px;}
  .dynamic_theme_block .btn-register{
  margin:0;}
  .dynamic_theme_block .fpass
  a {color:#2874f0;
  text-transform: uppercase;}
  span.agree-condition {color:  #000;
  font-size: 12px;}
  .form-group.agree-group.col-md-12.m0.has-error .help-block {
  font-size: 10px;}
  .form-group.agree-group.col-md-12.m0.has-error {
  line-height: 18px;}
  .StateId:before {
  right: 20px;}
  .panel.dynamic_theme_block .nav>
  li>a[aria-expanded="true"]{color: #fff;
  text-shadow: 1px 1px 1px #000;}
  .form-control {
  padding: 0 5px 0px;
  height: 36px;}
  .dynamic_theme_block .tab-pane .form-group {
  margin-bottom: 10px;}
  .panel-default>.panel-heading {
  margin-top: 5px;
  display: none;}
  .dynamic_theme_block .form-custom .captcha {
  margin-top: 0px;}
  .dynamic_theme_block .form-custom .form-group.StateId {
  margin-top: 0px;}
  .dynamic_theme_block .form-custom .form-group.CityId {
  margin-top: 0px;}
  .dynamic_theme_block .tab-pane .form-group, .dynamic_theme_block .form-custom .merge_field_div, .dynamic_theme_block .form-custom .checkbox {
  margin-bottom: 5px;}
  .dynamic_theme_block .form-custom .checkbox{
  margin: 5px 0 0;}
  input#Captcha {padding: 14px 5px;} 
  .block-class
  input#Captcha{padding-left: 10px;} 
  .dynamic_theme_block .form-custom .form-group.captcha-txt {
  width: 50%;}
  .dynamic_theme_block .form-group.has-error .help-block {
  color: red;}
  .dynamic_theme_block .form-custom .captcha {
  width: 100%;
  float: left;
  padding: 0;
  z-index: 999;
  position: relative;
  clear: both;
  margin-bottom: 5px;}
  .dynamic_theme_block .captcha
  img {width: 50%;
  height: 36px;
  float: left;
  padding-right: 10px;
  margin-right: 0;}
  .dynamic_theme_block .captcha .CaptchaRefreshBtn {
  top: 8px;
  right: 50%;
  color: #000;
  border: none;
  position: absolute;
  background-color: #fff;
  font-size: 0px;
  margin-right: 20px;}
  .dynamic_theme_block #forgotBtn {
  margin-top: 20px;}
  .form-control {
  font-size: 13px;
  z-index: 11;}
  .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div.is-focused .help-block {
  display:  block;
  color: #767676;}
  .help-block {
  font-size:10px;}
  .form-group.label-floating.is-empty.captcha-txt.has-error .help-block {
  margin-bottom: 10px;}
  .form-group.is-focused .help-block {
  line-height: 12px;}
  .dynamic_theme_block .tab-content .help-block {
  line-height: 12px;
  font-size: 10px;
  /* color: red; */}
  .dynamic_theme_block .form-group.has-error .help-block {
  font-size: 11px;
  /* margin-top: 2px; */}
  input#forgetEmail{margin-top: 10px;}
  .reg_specialization_id_div:before{
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  font-size: 16px;
  color: #000;
  top: 4px;}
  .reg_specialization_id_div {
  display: inline-block;
  width: 100%;
  position: relative;}
  /* .form-group.label-floating.reg_email_div.Email_email .help-block {line-height: 12px !important;margin-top: 2px !important;}
  .form-group.label-floating.reg_email_div.Email_email .help-block{color: red !important;font-size: 9px;} */
  .dynamic_theme_block .tab-content {
  line-height: 18px;}
  .fbLogin, .gpLogin {
  padding: 5px 3px;
  font-size:12px;}
  .row.margin-top-10.margin0 .col-sm-6 {
  width:48%;
  padding-right:0;}
  .gpLogin {
  padding: 5px;}
  #tab3default >
  div > div.form-group.agree-group.col-sm-6.col-xs-6.text-left.fpass > a {float: left;}
  #tab3default >
  div > div.form-group.agree-group.col-sm-6.col-xs-6.text-right.fpass > a {margin-right: 0;}
  button#registerBtn {margin-bottom: 10px;}
  h2#alertTitle {font-size: 22px;}
  .dynamic_theme_block .CaptchaRefreshBtn:before {
  content: "\e031";
  font-family: 'Glyphicons Halflings';
  font-size: 14px;}
  .CountryId:before, .StateId:before, .CityId:before, .CourseId:before, .reg_specialization_id_div:before, .reg_university_id_div:before {
  content: '';
  border-color: transparent #a0a0a0 #a0a0a0 transparent;
  border-style: solid;
  border-width: 6px;
  right: 0px;
  bottom: 0;
  margin-bottom:0;
  top: auto;}
  .StateId:before {
  right: 15px;}
  .form-group.label-floating.reg_name_div {
  margin-top:  -5px;}
  .site-logo {
  padding: 4px 0;}
  .block-class .StateId:before {
  right: 10px;}
  .help-block {
  color:red;}
  .form-group.label-floating.has-error .help-block {
  margin-top: 2px;}
      
  
  .panel.dynamic_theme_block .tab-pane .form-group.fpass
  a.registerYet {float: left;
  margin-left: -15px;
  font-size: 13px;}
  .panel.dynamic_theme_block .tab-pane .form-group.fpass
  a {float: right;
  margin-right: -15px;
  text-transform: uppercase;}
  .form-group.agree-group.col-md-12.text-center.fpass {
  margin-bottom: 0;}
  .form-group.agree-group.col-sm-6.col-xs-6.text-left.fpass {
  margin-bottom: 0;}
  .form-group.agree-group.col-sm-6.col-xs-6.text-right.fpass {
  margin-bottom: 0;}
  .resentVerification.text-center {
  text-transform: uppercase;
  margin-top: 2px;}
  .resetVerify
  a {font-size: 11px;}
  .text-center.center-link
  a {font-size: 13px;}
  /** Start Strong Password Section **/
  .info-password {
  right: 50%;
  margin-right: -146px;
  margin-top: 2px;}
  .popover {
  font-size: 12px;}
  /** End Strong Password Section **/
  
  /* Start Inline class section */
  
  .inline-class {
  max-width:100%;
  background-color: #fff;}
  .inline-class .panel, .inline-class .panel-default > .panel-heading{
  background-color: transparent !important;
  color: red !important;}
  .inline-class .panel.dynamic_theme_block .nav>
  li>a {color: #2874f0;
  border-bottom: 1px solid #ddd;}
  .inline-class .panel.dynamic_theme_block .nav>
  li>a[aria-expanded="true"] {color: #fff;}
  .inline-class .dynamic_theme_block .fpass
  a {color: #2874f0;}
  .inline-class .dynamic_theme_block .form-custom .agree-group .agree-condition {
  color: #000;} 
  .inline-class .form-control, .form-control[
  disabled], .form-control[readonly], fieldset[disabled] .form-control, .input-group-btn .btn {color: #000;
  background-color: transparent;
  border-radius:0;
  border: 0;}  
  .inline-class .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select {
  background-color: #fff;
  border:0 !important;
  border-radius: 0;
  color: #000;}
  .inline-class .CountryId:before, .inline-class .StateId:before, .inline-class .CityId:before, .inline-class .CourseId:before, .inline-class .reg_specialization_id_div:before {
  color: #000;
  font-size: 16px;}   
  .inline-class .dynamic_theme_block .form-control[
  disabled], .dynamic_theme_block .form-control[readonly], .dynamic_theme_block fieldset[disabled] .form-control{background-color: transparent;
  color: #999;
  border: none;
  border-bottom: 1px solid lightgrey;}  
  .inline-class .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #ddd; }
  .inline-class .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group {
  border-bottom: 1px solid lightgrey;}
  .inline-class .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select {
  padding: 4px 10px 4px 10px;} 
  .inline-class .panel.dynamic_theme_block .form-custom .Mobile .form-control, .inline-class .panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect, .inline-class .has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect{
  border-radius: 0;}
  .inline-class .form-control {
  font-size: 13px;
  z-index: 11;}
  .inline-class .panel.dynamic_theme_block{
  padding: 8px 20px 8px 20px;}
  .inline-class .panel-default>.panel-heading {
  margin-top: 5px;
  border-bottom: unset;} 
  .inline-class .dynamic_theme_block .tab-pane .form-group, .inline-class .dynamic_theme_block .form-custom .merge_field_div, .inline-class .dynamic_theme_block .form-custom .checkbox{
  margin-bottom: 8px;}    
  .inline-class
  span.agree-condition {color: #000;}
  .inline-class .panel.dynamic_theme_block .nav-tabs>
  li.active>a, .inline-class .panel.dynamic_theme_block .nav-tabs>li.active>a:focus, .inline-class .panel.dynamic_theme_block .nav-tabs>li.active>a:hover{border-bottom: 1px solid #dd302e;}
  .inline-class .dynamic_theme_block .form-custom .checkbox{
  margin: 5px 0 0;}
  .inline-class .panel.dynamic_theme_block .form-custom{
  max-height: 100%;
  overflow: unset;}
  .inline-class .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div .help-block {
  position: absolute;
  bottom: -13px;}
  .inline-class .has-error .form-control{
  border-color: red;}
  .inline-class .form-control::
  -webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
  .inline-class .form-control::
  -moz-placeholder { /* Firefox 19+ */ color: #000;}
  .inline-class .form-control:
  -ms-input-placeholder { /* IE 10+ */color: #000;}
  .inline-class .form-control:
  -moz-placeholder { /* Firefox 18- */color: #000;}
  /** Start css for focus on input field **/
  .inline-class .form-control.input-focus::
  -webkit-input-placeholder { color: #ccc; }
  .inline-class .form-control.input-focus::
  -moz-input-placeholder { color: #ccc; }
  .inline-class .form-control.input-focus::
  -ms-input-placeholder { color: #ccc; }
  /** End css for focus on input field **/
  /* End inline class section */
  
  /** Start color class section **/
  .color-class{
  background-color: #2cb8ee;}    
  .color-class
  button.btn.btn-default.dropdown-toggle.as-is.bs-dropdown-to-select {background-color: #fff;
  color: #000;
  border-radius: 2px;}
  .color-class .dynamic_theme_block .form-custom .agree-group .agree-condition {
  color: #fff;}
  .color-class .form-control {
  color: #000;
  background-color: #fff;
  border-radius: 2px;}  
  .color-class .CountryId:before, .color-class .StateId:before, .color-class .CityId:before, .color-class .CourseId:before, .color-class .reg_specialization_id_div:before, .color-class .reg_university_id_div:before {
  color: #fff;
  z-index: 9999;}
  .color-class .reg_specialization_id_div:before {
  color: #fff;}   
  .color-class .panel.dynamic_theme_block .nav>
  li>a {color: #fff;}  
  .color-class
  span.agree-condition { color: #fff; }   
  .color-class .dynamic_theme_block .fpass
  a { color: #fff; }
  .color-class .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div
  span{color: #fff;}
  .color-class .form-control.select-arrow-cust
  option { color: #000;}
  .color-class .form-control::
  -webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000;}
  .color-class .form-control::
  -moz-placeholder { /* Firefox 19+ */color: #000;}
  .color-class .form-control::
  -ms-input-placeholder { /* IE 10+ */color: #000;}
  .color-class .form-control::
  -moz-placeholder { /* Firefox 18- */color: #000;}
  .color-class .form-click {
  background-color: #2e6a8f;
  color:#fff;} 
  .color-class .form-group.agree-group.col-md-12.m0.has-error .help-block {
  color: yellow;
  font-size: 11px;}
  .color-class .form-group.label-floating.reg_email_div.Email_email .help-block {
  color: #fff !important;}
  .color-class .form-group.label-floating.has-error .help-block {
  color: #fff;}
  .color-class .form-group.label-floating.reg_email_div.Email_email.has-error .help-block
  a {color: yellow;}
  .color-class .form-group.label-floating.reg_email_div.Email_email .help-block
  a {color: yellow;}
  .color-class .form-group.label-floating.has-error .help-block
  a {color: yellow;}
  .color-class .form-group.label-floating.reg_name_div .help-block{
  color: #fff;}
  .color-class .form-group.label-floating.Mobile.country_dial_code.reg_mobile_div.is-focused .help-block {
  color: #fff;}
  .color-class .dynamic_theme_block .form-control[
  disabled], .color-class .dynamic_theme_block .form-control[readonly], .color-class .dynamic_theme_block fieldset[disabled] .form-control {background-color:#f1f1f1;
  color:#000;
  border-radius: 2px;}
  .color-class .panel.dynamic_theme_block .form-custom .Mobile .form-control, .color-class .panel.dynamic_theme_block .form-custom .Mobile .has-error .SumoSelect, .color-class .has-error .panel.dynamic_theme_block .form-custom .Mobile .SumoSelect {
  border-radius:2px;}
  .color-class .dynamic_theme_block .captcha
  img {border-radius: 2px;
  width: 47%;
  margin-right: 8px;
  padding-right: 0;}
  .color-class .dynamic_theme_block .form-custom .form-group.captcha-txt {
  padding-left: 1px;}
  .color-class .fbLogin {
  color: #fff;
  border-color: #fff;}
  .color-class .gpLogin {
  color: #fff;
  border-color: #fff;}
  .color-class .form-heading {
  color: #fff;}
  .color-class .text-center.center-link
  a {color: #fff;}
  .color-class .resetVerify
  a {color: #fff;}
  /** End color class section **/
  /** Start css for focus on input field **/
  .color-class .form-control.input-focus::
  -webkit-input-placeholder { color: #ccc; }
  .color-class .form-control.input-focus::
  -moz-input-placeholder { color: #ccc; }
  .color-class .form-control.input-focus::
  -ms-input-placeholder { color: #ccc; }
  /** End css for focus on input field **/
  
  /** Start color class media query for image captcha **/
  @media (
  max-width: 1100px) and (min-width: 400px){
      .color-class .dynamic_theme_block .captcha img {width: 50%;
  margin-right: 0;
  padding-right:10px;}
      .color-class .dynamic_theme_block .form-custom .form-group.captcha-txt {
  padding-left: 0;}
  }
  /** End color class media query for image captcha **/
  
  /** Start Link-Border Class **/
  .link-border .panel.dynamic_theme_block {
  padding: 3px 20px 6px 20px;}
  .link-border .panel.dynamic_theme_block .nav>
  li>a[aria-expanded="true"] {color:  #000;
  text-shadow:  unset;
  font-size: 15px;
  padding-bottom:10px;}
  .link-border .panel.dynamic_theme_block .nav>
  li>a {border:  none;
  color: #333131;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 15px;}
  .link-border .panel.dynamic_theme_block .nav-tabs>
  li.active>a, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:focus, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:hover {background-color:  transparent;
  border-bottom: 2px solid #dd302e;}    
  .link-border .panel.dynamic_theme_block .nav>
  li>a:hover {color:  #000;}
  .link-border .panel.dynamic_theme_block .nav-tabs>
  li.active>a, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:focus, .link-border .panel.dynamic_theme_block .nav-tabs>li.active>a:hover {
      padding-left:16px;
  padding-right:16px;}
  /** End Link-Border Class **/  
  
  /** Start Link-Border Class with color class **/
  .color-class.link-border .panel.dynamic_theme_block .nav>
  li>a[aria-expanded="true"] {color: #fff;}
  .color-class.link-border .panel.dynamic_theme_block .nav>
  li>a {color: #fff;}
  /** End Link-Border Class with color class **/  
  
  /** Start css for input icons in the form **/
  
  @font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?bi9s3p');
  src:  url('../fonts/icomoon.eot?bi9s3p#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?bi9s3p') format('truetype'),
      url('../fonts/icomoon.woff?bi9s3p') format('woff'),
      url('../fonts/icomoon.svg?bi9s3p#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  
  [
  class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
    /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-class .icon-name:before {
  content: "\e903";
  color: #a6a6a6;
  font-size: 15px;}
  .icon-class .icon-Email:before {
  content: "\e902";
  color: #a6a6a6;
  font-size: 15px;} 
  .icon-class .icon-phone:before {
  content: "\e905";
  color: #a6a6a6;
  font-size: 15px;}
  .icon-class .icon-password:before {
  content: "\e904";
  color: #a6a6a6;
  font-size: 15px;}
  .icon-class .icon-chat:before {
  content: "\e900";
  color: #a6a6a6;
  font-size: 15px;}
  .icon-class .icon-State--city:before {
  content: "\e907";
  color: #a6a6a6;
  font-size: 15px;}
  .icon-class .icon-school:before {
  content: "\e906";
  color: #a6a6a6;
  font-size: 15px;}
  .icon-class .icon-course:before {
  content: "\e901";
  color: #a6a6a6;
  font-size: 16px;}
  .icon-class .icon-course:before {
  content: "\e901";
  color: #a6a6a6;
  font-size: 16px;}
  
  .icon-class
  i.icon-name {position:  absolute;
  margin-top: 11px;
  padding: 0 10px 0;}
  .icon-class
  i.icon-Email {position:  absolute;
  margin-top: 11px;
  padding: 0 10px 0;}
  .icon-class
  i.icon-phone {position:  absolute;
  margin-top: 11px;
  padding: 0 10px 0px;
  z-index: 9;}
  .icon-class
  i.icon-password {position:  absolute;
  margin-top: 11px;
  padding: 0 10px 0;}
  .icon-class
  i.icon-State--city {position:  absolute;
  margin-top: 11px;
  padding: 0 10px 0;
  z-index: 99;}
  .icon-class
  i.icon-school {position:  absolute;
  margin-top: 11px;
  padding: 0 10px 0;
  z-index: 99;}
  .icon-class
  i.icon-course {position:  absolute;
  margin-top: 11px;
  padding: 0 10px 0;
  z-index: 99;}
  .icon-class
  i.icon-chat {position:  absolute;
  margin-top: 11px;
  padding: 0 10px 0;}
  
  /** Start Font Family for form **/
  .icon-class.formContainer {
  font-family: 'Roboto', sans-serif;}
  /** End Font Family for form **/
  
  .icon-class #Name{
  padding-left:35px;}
  .icon-class #Email{
  padding-left:35px;}
  .icon-class
  button.btn.btn-default.dropdown-toggle.as-is.bs-dropdown-to-select{padding-left:35px;}
  .icon-class #opt_dataMobile{
  padding-left:35px;}
  .icon-class #StateId{
  padding-left:35px;}
  .icon-class #CityId{
  padding-left:35px;}
  .icon-class #loginEmail{
  padding-left:35px;}
  .icon-class #loginPassword{
  padding-left:35px;}
  .icon-class #forgetEmail{
  padding-left:35px;}
  .icon-class #resentVerificationEmail{
  padding-left:35px;}
  .icon-class #Password {
  padding-left: 35px;}
  .icon-class #UniversityId {
  padding-left: 35px;}
  .icon-class #CourseId {
  padding-left: 35px;}
  .icon-class #SpecializationId {
  padding-left: 35px;}
  /** End css for input icons in the form **/
  
    
  /*** Start Form float design section ***/
  
  .floatForm{
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.8s ease 0s;
  -ms-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  z-index: 9999;
  right:0;
  top:100px;}
  .form-heading{
  background-color: transparent;
  color: #000;
  padding: 10px;
  margin: 0;
  font-size: 21px;
  padding-bottom: 0;} 
  .floatForm.open{
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  top: 80px;}
  .form-clickOuter{
  left: 0;
  position:absolute;
  top: 50%;
  margin-top:-20px;
  margin-left: -107px;
  webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);} 
  .form-click{
  background-color: #dd302e;
  color: #fff;
  position: relative;
  font-size: 22px;
  padding: 10px 20px;
  cursor: pointer;
  display: inline-block;
  border-radius:5px 5px 0 0;
  border:1px solid #fff;
  border-bottom:none;}
  .form-inner{
  position:relative;}
  .form-block{
  max-width: 400px;
  min-width: 400px;
  font-size:12px;}
  .form-block-inner{
  background-color:#fff;}
  
  /*** End Form float design section ***/
  
  /* Strat footer section */
  .footer-top {
  background-color: #f9f9f9;
  padding: 5px 0;}
  /* End footer section */
  
  /** Start Form position section **/
  
     @media (
  min-width:1099px){
    .formContainer{max-width:350px;
  min-width:350px;
  z-index:1;
  border-radius: 5px;}
  
    .form-absolute{
  position:absolute;
  top: 5px;}
    .form-fixed{
  position:fixed;}
    .form-relative{
  position:relative;
  top:12px;}
    .form-position-left{
  left:50%;
  margin-left:-585px;}
    .form-position-right{
  right:50%;
  margin-right: -600px;
  /* border-radius: 5px; */
  box-shadow: 0 0 10px #000;}
    .resentVerification.text-center {
  text-transform: uppercase;
  margin-top: 2px;
  position: absolute;
  bottom: 5px;
  z-index: 9999;
  right: 20px;}
    .center-link {
  text-align: left;
  display: inline-block;
  position: relative;}
    }
  /** End Form position section **/
  
  /** Start CSS for Scroll Bottom First **/
  section{position:relative;
  width:100%;
  height:100%;}
  section::after{position:absolute;
  bottom:0;
  left:0;
  content:'';
  width:100%;
  height:80%;
  background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
  background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);}
  #scrollId
  a{padding-top:60px;}
  #scrollId
  a span{position:absolute;
  top:0;
  left:50%;
  width:46px;
  height:46px;
  margin-left:-23px;
  border: 2px solid #fff;
  border-radius:100%;
  box-sizing:border-box;}
  #scrollId
  a span::after{position:absolute;
  top:50%;
  left:50%;
  content:'';
  width:16px;
  height:16px;
  margin:-12px 0 0 -8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  box-sizing:border-box;}
  #scrollId
  a span::before{position:absolute;
  top:0;
  left:0;
  z-index:-1;
  content:'';
  width:44px;
  height:44px;
  box-shadow:0 0 0 0 rgba(255,255,255,.1);
  border-radius:100%;
  opacity:0;
  -webkit-animation:sdb03 3s infinite;
  animation:sdb03 3s infinite;
  box-sizing:border-box;}
  .scrollClass
  a{position:absolute;
  bottom:20px;
  left:50%;
  z-index:2;
  display:inline-block;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  color:#fff;
  font:normal 400 20px/1 sans-serif;
  letter-spacing:.1em;
  text-decoration:none;
  transition:opacity .3s;}
  .scrollClass
  a:hover{opacity:.5;}
  @-webkit-keyframes sdb03{0%{
  opacity:0;}30%{
  opacity:1;}60%{
  box-shadow:0 0 0 60px rgba(255,255,255,.1);
  opacity:0;}100%{
  opacity:0;}}
  @keyframes sdb03{0%{
  opacity:0;}30%{
  opacity:1;}60%{
  box-shadow:0 0 0 60px rgba(255,255,255,.1);
  opacity:0;}100%{
  opacity:0;}}
  /** End CSS for Scroll Bottom First **/ 
  
  /** Start CSS for Scroll Bottom Second **/
  #scrollId2
  a{padding-top:70px;}
  #scrollId2
  a span{position:absolute;
  top:0;
  left:50%;
  width: 22px;
  height: 22px;
  margin-left:-12px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-animation:sdb05 1.5s infinite;
  animation:sdb05 1.5s infinite;
  box-sizing:border-box;}
  .scrollClass2
  a{position:absolute;
  bottom:20px;
  left:50%;
  z-index:2;
  display:inline-block;
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%);
  color:#fff;
  font:normal 400 20px/1 ,sans-serif;
  letter-spacing:.1em;
  text-decoration:none;
  transition:opacity .3s;}
  .scrollClass2
  a:hover{opacity:.5;}
  @-webkit-keyframes sdb05{0%{
  -webkit-transform:rotate(-45deg) translate(0,0);
  opacity:0;}50%{
  opacity:1;}100%{
  -webkit-transform:rotate(-45deg) translate(-20px,20px);
  opacity:0;}}
  @keyframes sdb05{0%{
  transform:rotate(-45deg) translate(0,0);
  opacity:0;}50%{
  opacity:1;}100%{
  transform:rotate(-45deg) translate(-20px,20px);
  opacity:0;}}    
  /** End CSS for Scroll Bottom Second **/
  
  /* Start media query for mobile view */
  
  @media (
  max-width: 1100px){
  
  /* Start owl carousel section */
    .owl-carousel .owl-dots {display: none;}
    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  font-size: 28px;
  top: 33%;
  color: #ccc;}
    .banner-section .owl-carousel .owl-nav{
  display: block;}
    .owl-carousel .owl-nav .owl-next {
  right: 10px;}
    .owl-carousel .owl-nav .owl-prev {
  left: 10px;}
  /* End owl carousel section */
  
  /** Start banner text content **/ 
  .banner-text{
  top: 12%;
  position: absolute;
  z-index: 99;
  left: 3%;}
  .banner-text-content{
  background-color: #000000c2;
  color: #fff;
  font-size: 13px;
  padding: 5px 7px;
  border-radius: 10px;}
  /** End banner text content **/ 
  
  /* Start instruction section */
  .container-fluid.instruction-section {}
  p.instruction {
  font-size: 22px;
  letter-spacing: 1px;
  font-family: 'Roboto';
  margin-bottom: 7px;
  text-align: center;}
  .container-fluid.instruction-section ul li {
  font-size: 15px;
  line-height: 24px;
  margin-left: -15px;
  margin-right: 5px;
  margin-bottom: 7px;}
  /* End instruction section */
  
  /** Start form section **/
    .form-control{
  height: 38px;}
    .panel.dynamic_theme_block {
  padding: 12px;}
    .CountryId:before, .StateId:before, .CityId:before, .CourseId:before, .reg_specialization_id_div:before {
  content: '';
  border-color: transparent #a0a0a0 #a0a0a0 transparent;
  border-style: solid;
  border-width: 6px;
  right: 0px;
  bottom: 0;
  margin-bottom:0;
  top: auto;}
    .color-class .CountryId:before, .color-class .StateId:before, .color-class .CityId:before, .color-class .CourseId:before, .color-class .reg_specialization_id_div:before {
  border-color: transparent #a0a0a0 #a0a0a0 transparent;}
    .inline-class .StateId:before {
  right: 15px;}  
    .has-error.CountryId:before, .has-error.StateId:before, .has-error.CityId:before, .has-error.CourseId:before, .has-error.reg_specialization_id_div:before {
  bottom:3px;}
    .dynamic_theme_block .CaptchaRefreshBtn:before {
  font-size: 13px;}
    .dynamic_theme_block .merge_field_div .bs-dropdown-to-select-group .bs-dropdown-to-select{
  padding: 8px 10px 9px 10px;}
    .dynamic_theme_block .captcha img {
  height: 38px !important;}
    .dynamic_theme_block .captcha .CaptchaRefreshBtn{
  top: 9px;}
    .captcha{
  margin-bottom: 8px;}
    .fbLogin, .gpLogin {
  font-size:15px;
  padding:8px 10px;}
    .row.margin-top-10.margin0 .col-sm-6 {
  width:100%;
  padding-right:15px;
  text-align:center;} 
    .dynamic_theme_block .form-custom .captcha {
  margin-bottom:14px;}
    .inline-class .panel.dynamic_theme_block{
  padding: 15px 20px 8px 20px;}
    .text-center.center-link a {
  font-size:14px;}
    .resetVerify a {
  font-size:12px;}
  
  /** Start css for form font awesome icon **/
  
  .container-fluid.instruction-section ul {
  padding-inline-start: 20px;}
  .container-fluid.instruction-section ol {
  padding-inline-start: 20px;}
  .container-fluid.instruction-section ol li {
  margin-bottom: 5px;}
  .instruction-div {
  padding: 15px 20px 15px 15px;}
  .form-heading {
  font-size: 20px;}
  
  /** End css for form font awesome icon **/
  /** End form section **/
  
  }
  
  /* End media query for mobile view */
  
  /** Strat css for step to follow **/
  
  .main{
  width: 100%;
  height:500px;
  display: grid;
  grid-template-columns: 100px 100px 100px;
  grid-template-rows: 50px 50px;}
  #step{
  width: 330px;
  height: 47px;
  position: absolute;
  top: 35px;
  border-radius: 6px;}
  .steps-container {
  height: 460px;}
  .step-heading {
  text-align: center;
  font-size: 20px;
  color:#fff;
  font-family: Helvetica;
  padding-top: 10px;
  margin-bottom: 0px;
  text-transform: uppercase;}
  .step-new-heading {
  display:none;
  color: #fb5a24;
  font-size: 24px;
  text-align: center;
  font-weight: 500;
  padding-top: 40px;
  text-transform: uppercase;
  padding-bottom: 15px;}
  .step-img {
  display: none;}
  .vl{
  border-left: 4px solid #2cb8ee;
  height: 38px;
  position: absolute;
  top: 75px;
  left: 180px;}
  .circle{
  width: 15px;
  height: 15px;
  position: absolute;
  top: 119px;
  left: 175px;
  border-radius: 9px;}
  .circle,#last,#step{
  background: #2cb8ee;}
  .v1 {
  margin-top: 69px;}
  .c1 {
  margin-top: 70px;}
  .v2 {
  margin-top: 137px;}
  .c2 {
  margin-top: 138px;}
  .v3 {
  margin-top: 207px;}
  .c3 {
  margin-top: 208px;}
  .v4 {
  margin-top: 276px;}
  .c5 {
  margin-top: 276px;}
  .v5 {
  margin-top: 343px;}
  #last{
  width: 361px;
  height: 5px;
  position: absolute;
  top: 451px;}
  * {
  box-sizing: border-box;}
  .c0::after {
  content: url(../images/step/profile-icon.png);
  position: absolute;
  top: -14px;
  left: 15px;}
  .c0.now:after {
  content: "Register Yourself";
  font-size: 19px;
  color: black;}
  .c1::before {
  content: url(../images/step/tick-icon.png);
  position: absolute;
  top: -14px;
  left: -54px;}
  .c2::after {
  content: url(../images/step/computer-icon.png);
  position: absolute;
  top: -14px;
  left: 15px;}
  .c3::before {
  content: url(../images/step/card-icon.png);
  position: absolute;
  top: -14px;
  left: -54px;}
  .c5::after {
  content: url(../images/step/file-icon.png);
  position: absolute;
  top: -14px;
  left: 15px;}
  p#register {margin-left: 63px;
  margin-top: -10px;
  font-weight: 600;
  font-size: 14px;}
  p#verify {margin-left: -130px;
  margin-top: -2px;
  font-weight: 600;
  font-size: 14px;}
  p#fill {margin-left: 63px;
  margin-top: -10px;
  font-weight: 600;
  font-size: 14px;
  width: 100px;}
  p#pay {margin-left: -156px;
  margin-top: -13px;
  text-align: right;
  width: 100px;
  font-weight: 600;
  font-size: 14px;}
  p#submit {margin-left: 63px;
  margin-top: -10px;
  font-weight: 600;
  font-size: 14px;}
    
  /** End css for step to follow **/
  
  /** Start Media Query for How It Work Section **/
  
  @media(
  max-width:1100px){
      #step {width: 310px;
  height: 45px;
  top: 25px;}
      .vl{
  top: 69px;}
      .circle{
  top: 114px;}
      .step-heading {
  font-size: 19px;
  padding-top: 10px;}
      #last {
  width: 310px;
  top: 448px;}
      .c0::after {
  left: 10px;}
      p#register{
  margin-left: 55px;}
      .c1::before{
  left: -48px;}
      p#verify{
  margin-left: -123px;}
      .c2::after{
  left: 10px;}
      p#fill{
  margin-left: 55px;}
      .c3::before{
  left: -48px;}
      p#pay{
  margin-left: -150px;
  margin-top: -13px;
  text-align: right;
  width: 100px;}
      .c5::after{
  left: 10px;}
      p#submit{
  margin-left: 55px;}
  }
  @media only screen and (
  max-width: 379px) and (min-width: 360px){
      .steps-container{padding-left: 10px;}
      .vl{
  left: 180px;}
      .circle{
  left: 175px;}      
  }
  @media only screen and (
  max-width: 395px) and (min-width: 380px){
      .steps-container{padding-left: 20px;}
      .vl{
  left: 190px;}
      .circle{
  left: 185px;}      
  }
  
  @media only screen and (
  max-width: 410px) and (min-width: 396px){
      .steps-container{padding-left: 30px;}
      .vl{
  left: 200px;}
      .circle{
  left: 195px;}   
  }
  
  @media only screen and (
  max-width: 430px) and (min-width: 411px){
      .steps-container{padding-left: 40px;}
      .vl{
  left: 210px;}
      .circle{
  left: 205px;}  
  }
  @media only screen and (
  max-width: 450px) and (min-width: 431px){
      .steps-container{padding-left: 50px;}
      .vl{
  left: 220px;}
      .circle{
  left: 215px;}   
  }
  @media only screen and (
  max-width: 500px) and (min-width: 451px){
      .steps-container{padding-left: 60px;}
      .vl{
  left: 230px;}
      .circle{
  left: 225px;}   
  }
  @media only screen and (
  max-width: 550px) and (min-width: 501px){
      .steps-container{padding-left: 80px;}
      .vl{
  left: 250px;}
      .circle{
  left: 245px;}   
  }
  @media only screen and (
  max-width: 600px) and (min-width: 551px){
      .steps-container{padding-left: 100px;}
      .vl{
  left: 270px;}
      .circle{
  left: 265px;}    
  }
  @media only screen and (
  max-width: 650px) and (min-width: 601px){
      .steps-container{padding-left: 130px;}
      .vl{
  left: 300px;}
      .circle{
  left: 295px;}      
  }
  @media only screen and (
  max-width: 700px) and (min-width: 651px){
      .steps-container{padding-left: 160px;}
      .vl{
  left: 330px;}
      .circle{
  left: 325px;} 
  }
  @media only screen and (
  max-width: 730px) and (min-width: 701px){
      .steps-container{padding-left: 180px;}
      .vl{
  left: 350px;}
      .circle{
  left: 345px;} 
  }
  @media only screen and (
  max-width: 767px) and (min-width: 731px){
      .steps-container{padding-left: 200px;}
      .vl{
  left: 370px;}
      .circle{
  left: 365px;}    
  }
  @media only screen and (
  max-width: 1050px) and (min-width: 768px){
      .col-xs-12.col-sm-offset-1.col-sm-4.step{margin-left: 0;}
  }
  
  /** End Media Query for How It Work Section **/
  
  /** Start bottom to top button **/
  
  #scroll {
  position:fixed;
  right: 15px;
  bottom: 15px;
  cursor:pointer;
  width:50px;
  height:50px;
  background-color:#3498db;
  text-indent:-9999px;
  display:none;
  -webkit-border-radius:60px;
  -moz-border-radius:60px;
  border-radius:60px;
  z-index: 99;}   
  #scroll
  span {position:absolute;
  top:50%;
  left:50%;
  margin-left:-8px;
  margin-top:-12px;
  height:0;
  width:0;
  border:8px solid transparent;
  border-bottom-color:#ffffff;}
  #scroll:hover {
  background-color:#e74c3c;
  opacity:1;
  filter:"alpha(opacity=100)";
  -ms-filter:"alpha(opacity=100)";}
  
  /** End bottom to top button **/
  
  
  @media screen and (
  min-width: 1100px) and (max-width: 1600px) {;}
  .dynamic_theme_block .form-custom .form-group.CourseId{
  display:none;
  }
}
.comm{
  max-width: 1400px;
  margin: 0 auto;
  /* padding-right: 0px; */
  /* padding-left: 0px; */
}
.thanks-wrapper{
  background-image: url("https://sme-snu.nopaperforms.com/downloads/5d85c9278e4b7729790102_thanks_new.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 118vh;
}

.thankyou-sec {
  padding: 10px;
  padding-top: 3%;
  padding-bottom: 10px;
}

.thankyou_text {
  text-align: center;
  color: #fff;
  font-size: 60px;
  font-weight: 600;
  padding-bottom: 5px;
}

.interest {
  color: #fff;
  text-align: center;
  font-size: 26px;
}

.eligibility {
  font-size: 28px;
  color: #fff;
  padding-top: 20px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 1px;
}

ul.numbered-ul {
  color: #fff;
  padding-top: 16px;
  font-size: 20px;
  line-height: 30px;
}

a.brochure {
  background-color: #f8c300;
  color: #000;
  padding: 8px 20px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}

.broch {
  text-align: center;
  padding-bottom: 12px;
  padding-top: 48px;
}

i.fa.fa-envelope {
    color: #144f87;
    font-size: 16px;
}

a.mailclass {
    font-size: 16px;
    padding-left: 5px;
    color: blue;
}

a.first {
    background-color: #f37402;
    color: #fff;
    font-size: 18px;
    padding: 8px 20px;
    border-radius: 5px;
}

a.second {
    background-color: #f37402;
    color: #fff;
    font-size: 18px;
    padding: 8px 20px;
    border-radius: 5px;
    margin-left: 10px;
}

.download_link {
    margin-bottom: 30px;
    text-align: center;
}

a.first:hover {
    text-decoration: none;
    background-color: #da6802;
}

a.second:hover {
    text-decoration: none;
    background-color: #da6802;
}
.download-link-sec {
    padding-bottom: 50px;
}

a#loginViaOtp:hover {
    color: #fff !important;
}

a.loginViaPassword {
    color: yellow;
}

.icon-class #otpField{
padding-left:35px
}


.first_div {
    margin: 30px;
}

button.close {
    opacity: 1;
    color: #fff;
}