*{margin:0; padding: 0;}
@font-face {
 font-family: Lato-Regular;src: url(../fonts/Lato-Regular.ttf);
}
h1,h2,h3,h4,h5,h6{font-family:Calibri !important;}
p, a, span, input, select, option{font-family:Lato-Regular !important;}
@font-face {
 font-family: Calibri;src: url(../fonts/Calibri.ttf);}
body, html {
    height: 100%;
    margin: 0;
}

.nav-bg{background:rgba(255, 255, 255, 0.68);padding: 20px 0;}

.landing-bg1{
    /*  height: 100%;*/
	/*background: url(../../images/banner.png);*/
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-bottom: 2px solid #35adef;

}

.myform-bg1{background: rgba(0, 0, 0, 0.44);    border-radius: 4px;}
.myform-bg1 {
    padding: 20px 0;
}
.form-h {
    color: #fff !important;
    text-transform: uppercase;
    line-height: 38px !important;
    font-weight: bold !important;
    padding: 0;
    margin: 1em 0;
}
.myform-bg1 select {
    display: block;
    width: 100%;
    border: none;
    padding:14px;
    border-radius: 4px;
    font-weight: bold;
    color: #a9b5b9;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: #fff url(../template-images/arrow.png) no-repeat right 5% center;
    cursor: pointer;
}
.myform-bg1 .form-control {
    height: inherit !important;
    padding: 14px !important;
    border-radius: 4px;
    border: none;
        font-weight: bold;
    color: #a9b5b9;
  
}
.signup-section1 {
    background: #35adef;
  /*  position: absolute;*/
    width: 100%;
    bottom: 0;
    /*margin-top: 2em;*/
}
.signup-section1 ul{margin: 0;}
.signup-section1 li{ display: inline; }
.p-0{padding: 0 !important;}
.signup-section1 li a {
color: #fff !important;
font-size: 24px!important;
text-transform: uppercase;
vertical-align: middle;
margin: 0 4em;
font-weight: bold !important;
text-decoration: none;
}
.m-left{margin-left: 0 !important;}
input.submit-btn {
    clear: both;
    display: block;
    margin: 0 auto;
}
#ssubmit {
    background: #f57e57 !important;
    border: none !important;
    color: #fff !important;
    /*padding: 0px 0% !important;*/
    font-weight: bold !important;
    font-size: 18px !important;
    border-radius: 50px !important;
    text-transform: uppercase;
}
input:focus{outline: none;}
/*logo slider css*/


#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
   
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:5px 10px;
  
   
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top:40%;
    background: rgba(0,0,0,0.5);
    color: #fff;     
}

.nbs-flexisel-nav-left {
    left: 10px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}
.logoslider-text p {
    color: #5a5b5b !important;
    font-size: 24px !important;
    font-weight: bold;
    line-height:32px !important;
}
.logoslider-text, .banner-section {
    background: #f1f3f9;
    padding: 15px 0;
    text-align: center;
}
.banner-section img {margin-bottom: 35px;}
.logo-trainbg {
    padding: 20px 0;
}
.landing-bg1 select:focus, radiobutton:focus, textarea:focus, input:focus{
    outline: none;
}
.m-bottom{margin-bottom: 0 !important;}
.col-md-7.col-xs-12.myform-bg1.pull-right1{float: right;}



@media only screen  and (max-width: 1280px)
{
   .landing-bg1 {
    overflow: hidden;
}  
}

@media only screen  and (max-width: 1024px)
{
    .landing-bg1 {
        overflow: hidden;
    }
    .nav-bg img{margin: 0 auto;display: block;    /*width: 30%;*/}
    img{max-width: 100%;}
    .form-h {
        padding-top: 0 !important;
        text-align: center;font-size: 15px !important; line-height: 30px !important;}
    .landing-bg1, body, html{height: inherit;}
    .logoslider-text {padding: 1em 0;}
    .form-h br {display: none;}
    .logoslider-text p {font-size: 16px !important;}
    .signup-section1 li a {font-size: 14px !important;margin: 0;}
    .rightabgle{width: 24px;    height: 56px;   }
    .banner-section{    padding: 2em;}
    .banner-section img {margin-bottom: 1em;}
    .logo-trainbg {padding: 5px 0;}
    .col-md-7.col-xs-12.myform-bg1.pull-right1{float: inherit;}
    .myform-bg1 {clear: both;}
    .form-group {margin-bottom: 5px !important;}
    input.submit-btn {margin-top: 1em;}
    .nav-bg{padding:10px 0 !important;}

    /*new css*/
    .form-group {
        margin-bottom: 5px !important;
    }
  
}
@media only screen and (max-width: 767px)
{
  
  .myform-bg1 {padding: 20px 0;clear: both;margin: 0 auto;}


.modal-header p{
    text-align: left;
}
.modal.fade.in {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0 !important;
    right: 0 !important;
    background: transparent;
}
.modal.in .modal-dialog {
    width: calc(100% - 10px) !important;
    left: 0;
    right: 0;
    margin: auto !important;
}
label {
    display: block !important;
}
.vdv-logo img{float: left;}
.vd-icons li{margin-right: 0 !important;}


  .vdclear{ clear:both;}
}
p.error { color: #f00; }


.vd-icons li {
    list-style: none;
    float: left;
    margin-right: 2em;
}
@media only screen and (max-width: 480px){
    .vd-icons {width: calc(100% - 160px) !important; padding: 0 !important; padding-right: 15px !important; }
    .nav-bg .vd-1 {width: 160px; padding: 0 0 0 10px; float: left;}
    .vdv-logo img{width: 100% !important;margin-top: 1.1em;}
    .nav-bg{padding:10px !important;}
    .vd-icons ul {
        width: 100%;
        padding-top: 3px;
    }
    .vd-icons li {
        width: 50%;
        margin: 0 !important;
    }
    .vd-icons ul li a img {
        margin: 0 auto;
        width: 100%;
        max-width: 80px;
        display: block;
    }
}

 .vd-icons ul{    margin-top: 1.8em;}
 h3.text-center.toptext {
    display: none;
}
button {
    height: inherit !important;
    padding: 14px !important;
    border-radius: 4px;
    border: none;
    font-weight: bold;
    color: #a9b5b9;
}
.modal-footer{
    display: flex !important;
}
.modal-content{
    box-shadow: inherit !important;
}
.vd-icons ul li:first-child {
    margin-left: 0;
} 
@media (max-width: 479px) {
.modal-footer {
    display: block !important;
}
.modal-footer .btn {
    padding: 10px !important;
    display: block !important;
    width: 100%;
    margin: 0 0 5px !important;
}
}

/*new css*/
.px-4 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
}
.landing-bgnew,.px-4{
    background: url(../template-images/newLandingPagebanner.jpg);
    background-size: cover;
    background-position: center;


}
@media (min-width: 768px){
    .text-md-center {
        text-align: center!important;
    }
}
.form-sh {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold !important;
    padding: 0 !important;
    font-size: 18px !important;
    margin: 2em 0;
}
span.light-font {
    font-weight: 400;
    font-size: 50px;
}
span.bold-font {
    font-size: 43px;
    font-weight: bold;
}
span.small-font {
    font-size: 24px;
    font-weight: 400;
}
.best-rn{
     font-size: 23px;
}
span.small-font, span.bold-font, span.light-font, .best-rn, h2.bold-font {
    font-family: 'Lato', sans-serif !important;
    color: #35adef !important;
    text-transform: initial;
}
.my-3 {
    margin-top: -2rem;
    margin-bottom: 1rem;
    padding: 0 !important;
}

.myform-bg1 {
    background: #fff;
    border-radius: 4px;
    padding: 20px 15px;
    margin: 20px 0px 60px 0px;
}

.myform-bg1 select, .ms-options-wrap>button:focus, .ms-options-wrap > button, .myform-bg1 .form-control 
{
    border: none;
    border-bottom: 1px solid #35adef;
    -webkit-box-shadow: none;
    color: #999;font-weight: 400;
    font-size: 18px !important;
    font-family: Lato-Regular !important;
}
.d-block {
    display: block !important;
}
.mb-3 {
    margin-bottom: 1rem;
}
.msignup-section1 {
    display: none;
}
 p.error {
    text-align: left;
    font-size: 14px !important;
    font-family: Lato-Regular !important;
    font-weight: bold;
}
.form-group > input {
    margin: 0 !important;
}

.myform-bg1 input[type="text"]:focus, .myform-bg1 input[type="search"]:focus {
    outline: none;
    box-shadow: none;
} 

@media (max-width: 767px){
    span.light-font {
        font-weight: 400;
        font-size: 20px;
    }
    span.bold-font, .logo-train-heading > h2.bold-font {
        font-size: 26px;
        font-weight: bold;
    }
    span.small-font, .best-rn {
        font-size: 14px;
        font-weight: 400;
    }
    .landing-bgnew {
        background-position: 70%;
        position: relative;
    }
    .px-mw767-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .myform-bg1 {
        width: 100% !important;
        background: transparent;
        padding: 0px 15px;
        margin: 10px 0px 60px 0px;
    }
    .form-group {
        margin-bottom: 5px !important;
    }
    .myform-bg1 select, .ms-options-wrap>button:focus, .ms-options-wrap>button, .myform-bg1 .form-control {
        background: transparent !important;
    }
    .px-4 span>strong {
        display: block;
        line-height: 1.1;
        font-size: 15px;
    }
    .landing-bgnew:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #ffffff85;
        left: 0;
        top: 0;
    }
    .signup-section1 {
        display: none;
    }
    .msignup-section1{
        display: block !important;
    }
    .form-sh{
        line-height: 30px !important;
    }
   
}