@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
* {
    padding: 0;
    margin: 0;
}
body{font-family:'Roboto',sans-serif;font-size:14px;font-weight:300;color:#888;line-height:25px;background:url(../images/bgtexture.jpg) repeat;width:100%;background-size:contain;}
a {color: #fdc009;font-weight: 400;}
a:visited {color: #fdc009;text-decoration: none;}
a:focus {color: #fdc009;text-decoration: none;}
a:active {color: #c3a856;}
a:hover {color: #ffe9a5;text-decoration: none;}
a, a:hover, a:visited, a:focus {outline: 0 none;}
h1{margin-top:10px;font-size:45px;font-weight:300;color:#fff;line-height:48px}
h2{margin-top:10px;font-size:23px;font-weight:300;color:#fff;line-height:48px}
h5{color:#626262;font-size:14px;font-weight:400;line-height:20px;margin:0 0 15px;text-align:left}
.clr5 {clear: both; height: 100px; margin: 0px; padding: 0px; border: 0px;}
.clr10 {clear: both; height: 120px; margin: 0px; padding: 0px; border: 0px;}
/***************************************Header Css****************************************/
.top-space {padding-top:4px;}
.logo-img{width:11%;float:left}
.logo-titile{width:85%;float:left;padding-top: 18px;}
.ltitile {font-size: 27px;color: #251d40;margin-top: 12px; margin-left: 6px;}
.logo-tagline {font-size: 15px;color: #8a8a8a;margin-left: 6px;}
/***************************************About Css****************************************/
.blue-bg{height:639px;-ms-transform:skewY(172deg);-webkit-transform:skewY(172deg);transform:skewY(172deg);background:linear-gradient(to right, rgba(178, 182, 189, 0.82), rgba(113, 107, 77, 0.83) 44%), url(../images/bg.jpg)}
.yellow-bg{background:#ffbd2fa1;height:666px;-ms-transform:skewY(-189deg);-webkit-transform:skewY(-189deg);transform:skewY(-189deg);position:absolute;z-index:-999999;margin-top:-11px}
.sectionmargin{margin-top: -51%;}
.height-100 {height: 100px;}
.big-heading{color: #fdc009;font-weight: 400; font-size:45px;}
.small-heading{color: #FFFFFF;font-weight: 300; font-size:25px; padding-bottom:20px;margin-left: 35px;margin-top: 0px;}
.clr {clear: both; height: 40px; margin: 0px; padding: 0px; border: 0px;}
/*--Login Page start hear--*/
.ppbtn {color: #222f3f;background:radial-gradient(rgb(255, 233, 165) 9%, #fdc007 74%);border: 5px solid #fff;border-radius: 50%;width: 120px;height: 120px;font-size: 21px;font-weight: 500;float: left;margin-top: 2%;outline: none;position: inherit;left: -25px;box-shadow: 0px 6px 7px 0px #000;}
.ppbtn:hover{color: #fff;background:radial-gradient(rgb(52, 40, 93) 9%, #202650 74%);}
.loginbtn {color: #222f3f;background:radial-gradient(rgb(255, 233, 165) 9%, #fdc007 74%);border: 5px solid #fff;border-radius: 50%;width: 120px; height: 120px;font-size: 20px; font-weight: 500; float: left; margin-top: 2%; outline: none;position: inherit;box-shadow: 0px 6px 7px 0px #000;}
.loginbtn:hover{color: #fff;background:radial-gradient(rgb(52, 40, 93) 9%, #202650 74%);}
.width90{ width: 90%;}
.modal-header-bg{background: linear-gradient(to bottom,rgba(25,92,123,0.71) 0%,#260f56 100%); color:white;}
/************************************************************Popup***************************/
.topbg{background: #0b1d3c36;}
.heading{color: #fdc009;font-weight: 400; font-size:24px; padding: 0px; margin: 0px; text-align: right}
.heading1{color: #fdc009;font-weight: 400; font-size:12px; padding: 0px; margin: 0px; text-align: right}

.top-heading{color: #FFFFFF;font-weight: 400; font-size: 10.7px;padding: 0px; margin: 0px; letter-spacing: 2px;text-align: right;margin-right: 15px;}
.campus-space{ padding-top:18px;}
.email{ padding: 0px; margin: 0px; color:#150f2c;}
.email a{ color:#150f2c;}
.email a:hover{ color:red;text-decoration: none;}
.top-mar-7{margin-top: 7px;}
.body-bg{ background-color: white;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.tb-pad-200{ padding-top:22px;}
.tb-pad-100{ padding-top:100px;}
.inner-shadow {border-color: #ddd;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);height: 425px;}
.toplogo{ width:25%; float: left; margin-top: 5px;}
.logo-detail{width: 75%; float: left;padding-top: 6px;}
.logo-detail h3{ color: white;} 
.logo-detail h4{ color: white; font-size: 15px;font-weight: normal;} 
.logo-name{ font-size: 21px; text-align: center;    margin-top: 10px;}
.email-link{ color:#5d5b5b; font-weight: normal;margin: 0px;font-size: 15px;}
.email-link a{ color: #0a30f7;font-weight: 500;margin: 0px;}
.email-link a:hover{ color:#fd9603; font-weight: 500;margin: 0px; text-decoration: none; }
.white{ color:white; font-weight: normal;}
.homeemail{ padding-top: 25px;}
/**************************************************Footer***************************************/
footer {position: fixed;color: #000;margin-top: 35px;padding: 5px;bottom: 0px;width: 100%;background: #c4d0d870;}
.footelink{ padding: 0px;margin: 0px;line-height: 35px;font-weight: 600;font-size: 14px;}
.footelink a {color: #000; font-weight: 600;font-size: 14px;}
.footelink a:visited {color: #000;text-decoration: none;}
.footelink a:focus {color: #000;text-decoration: none;}
.footelink a:active {color: #000;}
.footelink a:hover {color: #ca9700;text-decoration: none;}.footelink a, a:hover, a:visited, a:focus {outline: 0 none;}
.mar-top-8{margin-top: -8px;} 
.footer-bg{background: #0b1d3c6b;bottom: 0px;position: absolute;width: 100%;}
.footelink-white{ font-size: 12px;color: #fff;padding: 0px;margin: 0px;line-height: 35px;font-weight: 400;}
.footelink-white a {color: #fff; font-weight: 400;font-size: 12px}
.footelink-white a:visited {color: #fff;text-decoration: none;}
.footelink-white a:focus {color: #fff;text-decoration: none;}
.footelink-white a:active {color: #fff;}
.footelink-white a:hover {color: #fdc009;text-decoration: none;}.footelink a, a:hover, a:visited, a:focus {outline: 0 none;}
/**************************************************Media Quiry***************************************/
@media (min-width: 1700px) and (max-width: 1920px) {
    .top-space
    {
        padding-top: 40px;
    }
    .heighthide
    {
        height: 50px;
    }
    .tb-pad-200 {
    padding-top: 136px;
}
    .blue-bg {
        height: 550px;
    }

    .yellow-bg {
        height: 578px;
    }

    .phone {
        margin-top: 80px;
    }

    .ppbtn {
        width: 120px;
        height: 120px;
        font-size: 21px;
        line-height: 20px;
    }

    .loginbtn {
        width: 120px;
        height: 120px;
        font-size: 20px;
        line-height: 20px;
    }

    .height-100 {
        height: 138px;
    }

    .clr {
        height: 20px;
    }

    .big-heading {
        font-size: 50px;
        margin-top: 20px;
    }

    .small-heading {
        padding-bottom: 20px;
    }
    .logo-titile
    {
        padding-top: 0px;
    }

    .ltitile {
        font-size: 46px;
    }
    .logo-detail h3
    {
        font-size: 41px;
    }
    .logo-tagline {
    font-size: 25px;
    margin-left: 17px;
}

    .logo-titile {
        margin-left: 15px;
    }
    .logo-detail h4 {
    font-size: 17px;
    margin-left: 6px;
}
}
@media (min-width: 1200px) and (max-width: 1699px){.width90{width: 82%}.phone { margin-top: -4%;}.height-100 {height: 85px;}.yellow-bg {height: 420px;}.blue-bg {height: 400px;}.sectionmargin { margin-top: -35%;}.clr {height: 20px;} }
@media (max-width: 991px){.campus-space {padding-top: 7px;}.logo-detail {padding-top: 0px;}.logo-titile {padding-top: 2px;}
.homeemail {padding-top: 171px;}}
@media (min-width: 992px) and (max-width: 1199px) { 
.small-heading {color: #FFFFFF;font-weight: 400;padding-bottom: 2px;}
.big-heading {color: #fdc009;font-weight: 400;} 
.phone { margin-top: 10%;} .blue-bg {height: 530px;} .yellow-bg {height: 550px;} .clr {height: 20px;}.sectionmargin { margin-top: -5%; position: absolute;} .ppbtn {margin-top: 3%;} .loginbtn {margin-top: 3%;} .height-100 { height: 160px;}}
@media (max-width: 992px) { .yellow-bg{background:#fdc007;height:25px;-ms-transform:skewY(-188deg);-webkit-transform:skewY(-188deg); transform:skewY(-188deg); position:relative;z-index:-999999 ;margin-top:-2%px}.width90 {width: 100%;}  }
@media (min-width: 768px) and (max-width: 991px) {.big-heading {Fcolor: #fdc009;font-weight: 400;} .small-heading {color: #FFFFFF;font-weight: 400;padding-bottom: 2px;}.height-100 {height: 30px;}	.clr {height: 20px;}.blue-bg {height: 560px;} .sectionmargin { margin-top: -70%;}}
@media (max-width: 767px) {.height-100 {height: 0px;}  .big-heading{color: #fdc009;font-weight: 400;} .small-heading{color:#FFF;font-weight:400;padding-bottom:6px;margin-left: 30px;} .ppbtn {float: left; margin-top: 2%!important; width: 120px; height: 120px; font-size: 21px; line-height: 22px;} .loginbtn {float: left; margin-top:2%!important; width: 120px; height: 120px; font-size: 21px; line-height: 22px;} .ltitile {font-size: 26px!important;} 
footer {position: inherit;}.sectionmargin {margin-top: -485px;} .blue-bg {height: 539px;} .top-space {padding-top: 16px;}.logo-img {width: 13%;float: left;}.about-grid{ width: 60%; margin: 0 auto;}.campus-space {padding-top: 7px;padding-bottom: 11px;}	.heading {text-align: center;}	.top-heading {text-align: center;}}
@media (max-width:700px){.logo-detail h3 {margin-top: 10px;font-size: 21px;}
.logo-detail h4 { color: white;font-size: 13px;}}
@media (max-width: 600px) {.ltitile {font-size: 18px;color: #251d40; margin-top: 8px; margin-left: 6px;}.logo-img {width: 15%;}.top-space {padding-top: 8px;}.about-grid{ width: 80%; margin: 0 auto;}.small-heading {margin-left: 0px;}}
@media (max-width: 550px) {
.tb-pad-200{ padding-top:20px;}	
.footer-grid{ width:100%; margin: 0 auto;text-align: center;}
.logo-img{width:100%;float:left}
.logo-titile{width:100%;float:left;padding-top:5px;padding-bottom:10px;text-align: center;}
.ltitile {text-align: center;}
.ppbtn { left: 0px;}	
.loginbtn {left: 5px!important;}}
@media (max-width: 444px) {.about-grid{ width: 100%; margin: 0 auto;}}
@media (max-width: 430px) {.about-grid{ width: 100%; margin: 0 auto;} .small-heading {margin-left: 0px;font-size: 20px;}}
@media(max-width: 390px) {.sectionmargin {margin-top: -524px;}}
@media (max-width: 376px) {.big-heading {font-size:29px;}.small-heading {font-size: 14px;}.ppbtn{ left:0px;}.homeemail {padding-top:280px;}}
@media (max-width: 359px) {.ppbtn { left: 0px;}	.small-heading {font-size: 15px;}}
@media (max-width: 320px) {.ltitile {font-size: 17px;color: #313388;padding: 0px;margin: 0px;}  .small-heading {padding-bottom: 16px;}
.clr {height: 10px;}.sectionmargin {margin-top: -530px;}}

.panel-default>.panel-heading {
    color: #333!important;
    background-color: #f5f5f5!important;
    border-color: #ddd!important;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.circle-logo {
    z-index: 101;
    height: 85px;
    width: 85px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
}
.circle-Mask {
    display: block;
    height: 100px;
    width: 100px;
    padding: 4px 4px;
    overflow: hidden;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    z-index: 100;
    border: 3px solid #e1e1de;
    background-repeat: no-repeat;
    transition: opacity 0.075s;
    background: #fff;
    margin-bottom: 10px;
}

.hidden_lable{
    max-height: 3.5em;
    margin-top: 10px;
    margin-bottom: 10px; 
    visibility: visible; 
    color: #dd4b39; 
    line-height: 17px; 
    margin: .5em 0 0; 
    text-align: left; 
    display: none;
}
.hidden_lable1{
    max-height: 3.5em;
    margin-top: 10px;
    margin-bottom: 10px; 
    visibility: visible; 
    color: #dd4b39; 
    line-height: 17px; 
    margin: .5em 0 0; 
    text-align: left; 
    display: none;
}
.lable{
    font-weight: 600;
    color: #0a1aef!important;
}
.panel
{
    background: #fff!important;
}

/*.getotpbutton button
{
    padding: 5px;
    background: #0c9dbe;
    border: 1px solid #fff;
}*/



#CnfirmResetDiv .details-body{
      background: #fff;
   padding: 0px;
    position: absolute;
    top: -21px;
    border: 1px solid #ddd;
    border-radius: 5px;
        width: 100%;

}
#CnfirmResetDiv .details-body .form-group{
    margin-bottom: 9px!important;
}


#CnfirmResetDiv .details-body .form-group .name{
     font-size: 11px;
    color: #666;
    text-align: left;
    font-weight: 700;
    padding: 0px 6px;
    line-height: 28px;
}
.modal-header
{
    padding: 8px 15px!important;
}

.modal-header h3
{
    font-size: 16px;
}

.labelblack
 { 
    width: 300px;
    height: 200px;
    background: radial-gradient(rgb(113, 171, 189) 9%, #097e98 74%);
    border: 5px groove orange;
    border-radius: 10px 10px 10px;
    box-shadow: 1px 11px 9px #616d66;
}

.labelblack a h3{
    font-size: 21px; text-align: center; margin-top: 10px;
    color: #fff!important;
}
.labelblack a h4
{
    color: #fff!important;
}
 .navbar-fixed-bottom {
    bottom: 46px!important;
   
}