.hid .form-control-feedback {z-index: -5; }#pageloader {/* background:#70abdf; */background: rgba(255, 255, 255, .8);opacity: 0.8;display: none;height: 100%;position: fixed;width: 100%; margin-top: -20px; margin-bottom: 20px; z-index: 9999;}.pageloader4 { position: absolute; opacity: 1; top: 50%; left: 50%;margin: -50px 0px 0px -50px;}.has-feedback label~.form-control-feedback {top: 25px;}.has-error .form-control-feedback {  color: #a94442;}#agree .form-horizontal {  right: -45px;  top: -10px;}

.pad {  border: 2px solid #ccc; }
a {  color: #428bca;text-decoration: none; }
.patop {  padding-top: 10px}

.input-group.date .input-group-addon {  background-image: url(../images/date.ico);  margin-right: 20px;background-repeat: no-repeat;}
.input-group.date .input-group-addon {cursor: pointer;padding-right: 18px; }
.has-feedback .form-control {padding-right: 65.5px;}

/* .topright {position: absolute;top: -27px;right: 5%;font-size: 18px;font-size: 1.2rem;font-weight: 200;} */
input[type="date"]::-webkit-calendar-picker-indicator {color: rgba(0, 0, 0, 0);opacity: 1;display: block;background: url(date.ico) no-repeat;width: 20px;height: 20px;margin-right: -40px;border-width: thin;}
/* .inpnam5 {width: 40%;height: 30px;border: 1px solid #ccc;border-radius: 4px;padding: 0 5px;} */
.inpnam5 {width: 78px;height: 30px;border: 1px solid #ccc;border-radius: 4px;padding: 0 5px;}    .inpnam6 {width: 44%;height: 30px;border: 1px solid #ccc;border-radius: 4px;padding: 0 5px;}
label {display: inline-block;margin-top: 10px;max-width: 100%;margin-bottom: 5px; font-weight: normal;}


.required {color: red; }
.form-group {margin-bottom: 8px;}
body {line-height: 1;font-family: PT Sans, arial, "Times New Roman", "serif";font-size: 14px;background: url("../images/form_bg.png") repeat top left;}
.clb {clear: both}
#topnav {background-color: #FFF;width: 100%;padding: 10px 0;border-bottom: 3px solid #2e94ba;}

.inner {/* float: left */text-align: center;}

.squarein {/* padding-top:10px; */margin-top: 0px;padding: 10px;width: 250px;background-color: #2e94ba;color: #fff;border-radius: 0 0 50px 0;}
.form-horizontal .form-group {margin-right: 15px;margin-left: 5px;width: 100%;}



.lsoob {padding: 15px 0;}    .lsoob .row {width: 95%;margin-left: 1%;}

.dvbox {float: left}
.ssndv {min-width: 280px;height: 35px;}
.fixbo {color: #000}
.headv {padding: 0px 0 10px 30px;}
.prndv {height: 35px;padding-left: -30px;}    .prndv8 {height: 35px;padding-left: 30px;}
.patop {padding-top: 10px}
.dvlf {float: left}
.prnot {height: 35px;padding-left: 18px;}
.inpmid {width: 80px;height: 30px;border: 1px solid #ccc;border-radius: 4px;padding: 0 5px;}

#wwwe .form-horizontal {right: 15px;top: -30px;}
#wwwe .has-feedback {right: 15px;top: -30px;}

/* .feedback .form-control-feedback {right: -70px;top:-10px;} */
#wwwe2 .form-horizontal {right: 15px;top: -30px;}
#wwwe2 .has-feedback {right: 15px;top: -30px;}
#wwwe2 .form-control-feedback {right: 80px;top: 3px;}

.control-group {display: inline-block;vertical-align: top;background: #fff;text-align: left;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);padding: 30px;width: 200px;height: 210px;margin: 10px;}
.control input {position: absolute;z-index: -1;opacity: 0;}
.control__indicator {position: absolute;top: -3px;left: 0;height: 20px;width: 20px;background: #fff;border: 1px solid #2e94ba;}
.control--radio .control__indicator {border-radius: 50%;}
.control:hover input~.control__indicator,    .control input:focus~.control__indicator {/* background: #ccc; */background: #fff;}
.control input:checked~.control__indicator {background: #2e94ba;}
.control:hover input:not([disabled]):checked~.control__indicator,    .control input:checked:focus~.control__indicator {background: #2e94ba;}
.control input:disabled~.control__indicator {background: #fff;opacity: 0.6;pointer-events: none;}
.control__indicator:after {content: '';position: absolute;display: none;}
.control input:checked~.control__indicator:after {display: block;}
.control--checkbox .control__indicator:after {left: 6px;top: 2px;width: 7px;height: 13px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.control--checkbox input:disabled~.control__indicator:after {border-color: #7b7b7b;}
.control--radio .control__indicator:after {left: 4px;top: 4px;height: 10px;width: 10px;border-radius: 50%;background: #fff;}
.control--radio input:disabled~.control__indicator:after {background: #7b7b7b;}
/* .clear {font-size: 1.5rem;background-color: #ccc;font-weight: 700;color: black;} */
/* .clear{    color: #fff;    background-color: #428bca;    border-color: #357ebd;    display: inline-block;    padding: 6px 12px;    margin-bottom: 0;    font-size: 14px;    font-weight: normal;    line-height: 1.42857143;    text-align: center;    white-space: nowrap;    vertical-align: middle;    -ms-touch-action: manipulation;    touch-action: manipulation;    cursor: pointer;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    background-image: none;    border: 1px solid transparent;    border-radius: 4px;    margin-top: -15px;   } */
.clear{     cursor: pointer;     zoom: 1.5;        position: absolute;     top:2px;     right:2px;     width: 20px;     height: 20px;    }
.btn{ font-weight: 700; max-width: 150px; border:1px solid white; border-radius:4px; padding:6px 13px; }
canvas {display: inline-block;vertical-align: baseline;border: 1px solid #7b7b7b;}
.signature-pad {height: 200px;width: 400px;}
.hlesson {font-size: 16px;text-align: center;font-weight: bold}
    .plesson4 {color: black;font-style: italic;font-size: 14px;text-align: center;}    .ptext {text-align: center;color: black;font-size: 14px;}    
.hlesson1 {color: #2e94ba;font-size: 16px;text-align: center;font-weight: 500;}
#momo {margin-left: 40%;}    .marlft10 {margin-left: 10%;}   

.plesson1 {text-decoration: underline;color: #2e94ba;font-size: 14px;text-align: center;}    .plesson2 {color: #2e94ba;font-size: 14px;text-align: center;}    .plesson3 {color: black;font-size: 14px;text-align: center;} .Pradult11 {line-height: 16px;padding-top: 15px;width: 95%;text-align: justify;font-weight: 500;color: #2e94ba;font-weight: 600;font-size: 14px;text-decoration: underline;margin-right: 10px;}      
.dsome2 {line-height: 16px;padding-top: 5px;width: 95%;text-align: justify;text-justify: inter-word;text-align: center;}   
   .dvrg {float: right;}    .plesson5 {color: black;font-size: 14px;text-align: center;}

/* Model*/
.mod-con { min-height:450px }
.modal {  display: none;  position: fixed;  z-index: 1000;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.4);}
.modal-content {  background-color: #fefefe;  margin: 15% auto;   padding: 20px;  border: 1px solid #888;  width: 60% !important; }
.close {  color: #aaa;  float: right;  font-size: 28px;  font-weight: bold; margin-top:-20px;margin-right: -12px; text-align:right  }
.close:hover,
.close:focus {  color: black;  text-decoration: none;  cursor: pointer;} 

.subrm{ border-top:5px solid #ccc;border-bottom:5px solid #ccc; margin:30px 0 ;padding:0  }
.subrm h4{text-align: center; font-size:44px; font-weight: bold;padding:15px 0 0 0; margin:0; color:#0ca479}
.subrm h3{text-align: center; font-size:28px; font-weight: bold;padding:0 0 15px 0; margin:0; color:#000}
.subrm p{ color:#000; padding:0 0 15px 0; text-align: center; font-size:14px; width:70%; margin:0 auto}
.subrm img { margin:10px 0 5px}

.payus{ /*border:4px solid #ccc;*/margin:0;padding:10px;  }
.braintree-placeholder {margin:0 !important; }
.braintree-form__field-group label {width:100% !important; }
.braintree-form__field {width: 50% !important; float: left !important;}
.braintree-form__label{ width:24.5% !important; float: left !important; padding-top: 15px !important; }
.braintree-form__field-error { padding-left:187px !important }
.braintree-form-number,.braintree-form__hosted-field,
.braintree-form-cardholder-name {height: 34px !important;}
.braintree-form__flexible-fields .braintree-form__label{ width:50% !important; float: left !important; padding-top: 15px !important; }
.braintree-form__flexible-fields div:nth-child(2) .braintree-form__label{ padding-left:15px !important;width:28% !important; }
.braintree-form__flexible-fields div:nth-child(2) .braintree-form__field { width:25% !important }
.braintree-form__flexible-fields div:nth-child(2) .braintree-form__field-error { padding-left:105px !important }
#checkout-message{ padding-top:10px }

/* Model*/

#dd .form-control-feedback{z-index: -5;}
#sixxx .form-control-feedback {z-index: -5;}

/* #swf .form-control-feedback{   z-index: -5;} */

#rio .form-control-feedback{	z-index: -5;}
#roz .form-control-feedback{	z-index: -5;}
.lsoob .help-block{margin-left: 32%;}
#sixb .form-control-feedback{z-index: -5;}
.clb .form-control-feedback{	z-index: -5;}
.grecaptcha-badge { visibility: hidden;}
.big{/* zoom: 2; */height: 20px;width: 20px;cursor: pointer;/* position: absolute;top: 8px;*/padding-left: 30px;vertical-align: middle;}
 
/* .blable{ vertical-align: middle;font-weight: normal; cursor: pointer;} */
.blable{font-weight: normal;}
.biglab{   margin-top: 12px;font-weight: normal;padding-left: 25px;margin-right: 40px;}
.marlft14 .help-block{font-weight: 500;font-size:1.7rem;margin-left: -150px;margin-top:20px;width: 116%;}

/* #sixxx .has-error{border:1px solid red;} */
/* #sixa .help-block{font-size: 1.7rem;font-weight: 500;
margin-left: -150px;
} */

#sixa .has-error .control__indicator {border: 1px solid red;}
#sixf .has-error .control__indicator {border: 1px solid red;}
#sixf5 .has-error .control__indicator {border: 1px solid red;}
#MI .has-error .control__indicator {border: 1px solid red;}
#doom .has-error .control__indicator {border: 1px solid red;}
#MI3 .has-error .control__indicator {border: 1px solid red;}
#MI1 .has-error .control__indicator {border: 1px solid red;}
#MI2 .has-error .control__indicator {border: 1px solid red;}
.small{font-size: 1.7rem;}
.dpick .form-control-feedback{/* right: 30px; */margin-right: 15px;}

.feed .help-block{  font-weight: 500;font-size:1.7rem;margin-left: 55px; }


#six .form-control-feedback{/* z-index: -10; */opacity: 0;}



.last .control__indicator{top: 13px;}

.price{float: right;padding-right: 20px;}
#sixf5 .form-control-feedback{opacity: 0;}
.day{font-size: 1.7rem;font-weight: normal;}
.bootstrap-datetimepicker-widget table td.day {height: 20px;line-height: 20px;width: 20px;font-size: 1rem;	border: 1px solid #92c9f8;}
.columnx label{font-weight: normal;}
#sixf .form-control-feedback {opacity: 0;}
#doom label{font-weight: normal;}
.cardiop11{color:green;}
.m-cbox {background-color: #333;text-align: center;padding: 8px;font-size: 1.3rem;color: #FFF;/* opacity: 0.8; */border: 1px solid #fff;/* margin-bottom: 20px; */}
.m-cbox a{color: #94ccfd;}
.signature-pad--body canvas{/* cursor: pointer; *//* cursor:url('../images/pen.png'); */cursor: url('../images/pen.cur'), default;}
.signature-pad--actions{float: right;}

#foxstate .form-control-feedback {right: 30px;}
#bttn .col-lg-offset-6{margin-left: 54%;}


.col-sm-11{width: 90%;margin-bottom: 10px;}
.column0 {width: 25%;}
.m-col-3{margin-bottom: 10px;}




/* .m-row-01 .dvrg13 {float: left;} */
.clb { clear: both }
.padrg { padding-right:10px }
#check .has-error .control__indicator {border: 1px solid red;}
#check02 label{font-weight: normal;}
#check02 .m-col-6{margin-top: 10px;}
.fatred {color: red;}
#check02 .has-error .control__indicator {border: 1px solid red;}

::i-block-chrome, .control--checkbox .control__indicator::after {      left: 5px;top: -1px;width: 8px;height: 15px;border: solid white;-webkit-transform: rotate(40deg);border-width: 0 2px 2px 0;}
.usr-log { margin:150px 0 150px 280px; padding:10px;background:#507889 url("../images/bgt-log.png") repeat-x top left;border-radius:10px; width:250px }
.usn-txt {font-size:16px; font-weight: bold; margin: 5px 0; color:#FFF; padding:0 0 10px 0 }
.inp-top{ margin-bottom:10px }
.inp-top1{ margin-bottom:10px; text-align: center; }
.inp-box { width:100%; height:35px  }
.inp-btn{ margin:0 auto; width:80px;  }
#loginform .help-block {color: red;font-size: 1.5rem;}

/* .loader {    border: 16px solid #f3f3f3;    border-top: 16px solid #3498db;    border-radius: 50%;    width: 90px;    height: 90px;    animation: spin 2s linear infinite;  } */
 @keyframes spin { 
     0% { transform: rotate(0deg); } 
     100% { transform: rotate(360deg); }  
}
@media (max-width:1024px){
.lodrm{  margin:50px 0 70px;padding:0  }
.lodrm h4{text-align: center; font-size:2rem !important;; font-weight: bold;padding:5px 0 15px 0; margin:0; color:#000; }
.lodrm h6{text-align: center; font-size:2rem !important;; font-weight: bold;padding:10px 0 15px 0; margin:0; color:#2e94ba !important; }
.payrm{  margin:20px 0 20px;padding:0  }
.payrm h2{text-align: center; font-size:2rem !important;; font-weight: normal;padding:0 0 15px 0; margin:0; color:#0ca479;}
.payrm h3{text-align: center; font-size:2rem !important;; font-weight: bold;padding:0 0 15px 0; margin:0; color:#000;}
.payrm h4{text-align: center; font-size:2rem !important;; font-weight: bold;padding:15px 0 15px 0; margin:0; color:#0ca479;}
.payrm h5{text-align: center; font-size:2rem !important;; font-weight: bold;padding:5px 0 15px 0; margin:0; color:#000;  width:100% }
.loader {background:url('../images/loader.jpg') no-repeat center;background-size:80px 80px; width:80px; height:80px   } 
.loadin {background:url('../images/loader.jpg') no-repeat center;background-size:50px 50px; width:50px; height:50px; margin:15px auto 0;   } 
    
}
@media (min-width:1025px){
.lodrm{  margin:50px 0 70px;padding:0  }
.lodrm h4{text-align: center; font-size:24px; font-weight: bold;padding:5px 0 15px 0; margin:0; color:#000; }
.lodrm h6{text-align: center; font-size:2.2rem !important;; font-weight: bold;padding:10px 0 15px 0; margin:0; color:#2e94ba !important; }
.payrm{  margin:20px 0 20px;padding:0  }
.payrm h2{text-align: center; font-size:20px; font-weight: normal;padding:0 0 15px 0; margin:0; color:#0ca479;}
.payrm h3{text-align: center; font-size:24px; font-weight: bold;padding:0 0 15px 0; margin:0; color:#000;}
.payrm h4{text-align: center; font-size:24px; font-weight: bold;padding:15px 0 15px 0; margin:0; color:#0ca479;}
.payrm h5{text-align: center; font-size:24px; font-weight: bold;padding:5px 0 15px 0; margin:0; color:#000;  width:100% }
.loader {background:url('../images/loader.jpg') no-repeat center;background-size:80px 80px; width:80px; height:80px   } 
.loadin {background:url('../images/loader.jpg') no-repeat center;background-size:50px 50px; width:50px; height:50px; margin:15px auto 0;   } 
   /* #PaymentControl .col-sm-6 {width:50% !important;}
    #PaymentControl .col-sm-6 label { font-size:14px !important;}
    #PaymentControl .form-control {font-size:1rem!important; height:40px!important;}
    #PaymentControl .col-sm-6 input { font-size:1.4rem !important;}*/
}
#paymentinprogress {text-align: center; font-size:24px; font-weight: bold;padding:0; margin:0; color:#333}
.col-rgt{ float: right}
#cc-cvv { width:30% !important  }
.form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip {    display: block;}


#PaymentControl .number,#PaymentControl .expirationDate ,#PaymentControl .cvv{font-size:14px !important;}

.alc-cad{ padding:10px 15px; margin:10px;border-radius:5px; border:1px solid #ccc; background-color:#fff; }
.btn-fil{ padding:0 15px }


/* .cvv input {font-size:2rem !important; } */


@media screen and (max-width: 767px){
    .number {font-size:2rem !important; }
    #expiration {font-size:2rem !important; }
    #cvv input {font-size:2rem !important; }
}
@media screen and (min-width: 768px){
    .number {font-size:1rem !important; }
    #expiration {font-size:1rem !important; }
    #cvv input {font-size:1rem !important; }
}