﻿@font-face{font-family:'Conv_GothamRoundedBook_21018';src:url('../fonts/GothamRoundedBook_21018.eot');src:url('../fonts/GothamRoundedBook_21018.woff') format('woff'), url('../fonts/GothamRoundedBook_21018.ttf') format('truetype'), url('../fonts/GothamRoundedBook_21018.svg') format('svg');font-weight:normal;font-style:normal;}
*{margin:0;padding:0;border:0;text-decoration:none;}
body{background:url("../images/login-bg.jpg") no-repeat;background-size:100%;height:100%;font-family:'Conv_GothamRoundedBook_21018';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
header{background:#fff}
.header{width:100%;text-align:center;font-family:'Sakal Marathi'}
.header p{font-size:1.8em;line-height:15px}
.header span{font-size:1.3em}
.gom{margin:20px 0}
.mol{margin:0 0 15px 0}

.footer-section{position:absolute;bottom:0;width:100%;}
.footer{width:100%;text-align:center;}

section{min-height:450px;}
.maha-logo{margin:10px 0;}
.aaple-sarkar{width:110px;float:left}

.dept-name{color:#fff;font-size:2em;padding:0 0 20px 0;font-weight:bold;text-transform:uppercase;display:block }
.dept-name-header{margin:10px 0}
.dept-name-header p{margin:0px 0 0 20px}
.deptname{font-weight:bold;font-size:1.5em;padding-top:3px;display:inline-block}
.dept-name-header small{font-size:1em}
.divheight{display:flex;flex-flow:row wrap;}

.padtop10 {padding-top:10px}

.margn-login-top{margin-top:5em}

.login{margin:1em 0;position:relative}
.login .form-control{background:#fff;font-size:0.9em;color:#333!important;border:1px solid #a7c0db;border-radius:0px;}
.login input[type="text"],.login input[type="password"]{height:35px!important;}

.login .input-group{margin-bottom:20px;}
.input-group-addon{border:0px solid #b1b1b0;background:rgba(177, 177, 176, 0.4); border-radius:0px;}
.input-group-addon .fa{ width:15px; color:#4a4a4a}
.login:after{content:"\f13e";font-family:FontAwesome;font-size:200px;position:absolute;color:rgba(0,0,0,.080);right:-250px;top:150px;}
.login .form-control:hover{background:rgb(240, 252, 255) none repeat scroll 0 0;font-size:0.9em;color:#000!important;}
.login h2{margin:0 0 20px;padding:0px!important;margin:0 0 15px;font-size:1.6em;background:transparent!important;color:#578aa7!important;line-height:34px;}
.login h2 i{margin-right:10px}
.login .input-group-addon{padding:6px 12px;font-size:15px;color:#0d427d!important;background-color:#fff;border-radius:0px;}
.login .input-group-addon .fa{width:15px;}
.login .btn{background-color:#367ac7;border-radius:0px;border:0;font-size:1em;font-weight:bold}
.form-group {position:relative}
.field-validation-error {position:absolute}
.validation-summary-errors ul, .validation-summary-errors ul { margin-top:-18px;}
.download-btn-1 { text-align:center;
    background: rgba(255, 255, 255, 0.9);
    padding:17px 16px 8px;
    margin: 10px auto 0;
    display: table;
    border-radius:25px;
    font-weight: bold;
    color: #ff0505;
    clear: both; font-size:17px;
    text-decoration: none!important;
    font-family:'Sakal Marathi'
}

.register{margin:0px;clear:both;margin-top:30px;}
.register li{display:inline-block;margin-right:10px}
.register li a{color:#3e7696;text-decoration:underline}
.register li a:hover{color:#fff;text-decoration:none}
.register li .fa{padding-right:5px;}
.register i{margin-right:10px;}


.jcb{background:url(../Images/jcb.png) no-repeat 0 -50px;width:982px;height:570px;}
.jcbgrip{position:absolute;bottom:102px;z-index:9;left:27px}

.loginbox{position:absolute;top:100%;left:8%}
.login-panel{background:#ffffff url(../Images/login-panel-bg.jpg);padding:20px 20px 60px 20px;margin:18px 25px 0 46px; width:338px; position:relative}
.login-panel::after{border-style:solid;border-width:20px 0 0 20px;border-color:transparent transparent transparent #b1b1b0;content:"";position:absolute;height:100%;top:0px;right:-20px;}
.login-panel h2{margin-top:0;font-family:'Conv_GothamRoundedBook_21018';font-weight:bold;text-align:center;margin:-20px -20px 30px -20px;text-transform:uppercase;background-color:#00000054;padding:10px 0;font-size:1.5em;color:#fff}
.leftpanel-login{background-color:#0000006b;height:100%;width:100%;position:relative;bottom:0;left:0;z-index:0;padding:20px;}

.about{color:#fff;}
.about h3{font-family:'Conv_GothamRoundedBook_21018'}

.homepage-hero-module{border-right:none;border-left:none;position:relative}
.no-video .video-container video, .touch .video-container video{display:none}
.no-video .video-container .poster, .touch .video-container .poster{display:block !important}
.video-container{position:relative;bottom:0%;left:0%;height:100%;width:100%;overflow:hidden;background:#000}
.video-container .poster img{width:100%;bottom:0;position:absolute}
.video-container video{position:absolute;z-index:0;bottom:0}
.video-container video.fillWidth{width:100%}

.captcha input[type="text"]{height:37px;color:#333;background-color:#fff7f5;background-image:none;border:0;border-bottom:1px solid #fff;border-radius:0;margin-bottom:10px;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;-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;box-shadow:none;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;border-bottom:1px solid #f1643f}
.captcha img{float:left;margin-right:10px;margin-bottom:15px;max-height:55px;}
.captcha a{display:block;color:#f1643f;}
.captcha{font-weight:500;color:#333;}
.captcha br{display:none }
.registration-btn {display:block;padding: 7px 10px 5px;font-weight: bold;font-size: 16px;margin: 10px 0 0 46px;width: 90%;max-width: 341px;background:#64abd4;color:#fff; position:relative}
.registration-btn:hover, .registration-btn:focus {background:#73b8dd; color:#fff!important}
.registration-btn::after {border-style: solid;border-width: 20px 0 0 20px;border-color:transparent transparent transparent #4b8db3;content: "";position: absolute;height: 100%;top: 0px;right: -20px;}
#dot-matrix{background:url(../Images/dot-bg.png);height:100%;width:100%;position:fixed;top:0;z-index:1}
.bg-transparent{background:rgba(255, 255, 255,.5);height:100%;width:100%;position:fixed;top:0;z-index:1}
.field-validation-error{color:#de5f5f;font-size:13px;letter-spacing:0.5px;}
.validation-summary-errors ul, .validation-summary-errors ul{background-color:#f2dede;border:1px solid #ebccd1;color:#a94442;font-size:13px;list-style-type:none;margin-bottom:5px;padding:10px;}

.timeline{padding-left:0px;color:#333;}
.timeline .tm-body{position:relative;padding:30px 0;}
.timeline .tm-body:after{background:#505050;background:-moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #ffffff 8%, #ffffff 92%, rgba(80, 80, 80, 0) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));background:-webkit-linear-gradient(top, rgba(80, 80, 80, 0.5) 0%, #ffffff 8%, #ffffff 92%, rgba(80, 80, 80, 0.5) 100%);background:-o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);background:-ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);background:linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%;content:'';display:block;height:100%;left:95px;margin-left:-2px;position:absolute;top:0;width:3px;z-index:0;filter:alpha(opacity=35);opacity:0.35;}
.timeline .tm-title{position:relative;text-align:center;background-color:#ffffff;padding:0px 10px;margin:0 30px;z-index:1;-webkit-border-radius:5px;border-radius:5px;font-weight:bold;margin-bottom:20px;border:1px solid #8a9094;}
.timeline .tm-items{list-style:none;padding:0;margin:0;}
.timeline .tm-items > li{position:relative;margin:11px 0;padding:0 0 0 130px;min-height:45px;z-index:1;}
.timeline .tm-items > li .tm-datetime{position:absolute;top:50%;left:0;margin-top:-20px;text-align:right;z-index:3;background-color:#333;padding:5px;border-radius:5px;}
.timeline .tm-items > li .tm-datetime .tm-datetime-time{color:#fff;font-size:15px;font-weight:700;margin:0;white-space:nowrap;}
.timeline .tm-items > li .tm-icon{position:absolute;top:50%;left:105px;background-color:#fff;color:#d43f3a;font-size:17px;padding:5px;width:35px;height:35px;text-align:center;line-height:25px;margin-top:-23px;margin-left:-28px;z-index:2;-webkit-border-radius:28px;border-radius:28px;}
.timeline .tm-items > li .tm-box{position:relative;background:#fff;font-size:15px;padding:7px 5%;border:1px solid #e9e9e9;-webkit-border-radius:6px;border-radius:6px;}
.timeline .tm-items > li .tm-box:after{right:100%;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none;border-right-color:#fff;border-width:8px;top:50%;margin-top:-8px;z-index:2;}
.timeline .tm-items > li .tm-box p:last-child{margin-bottom:0;}
.timeline .tm-items > li .tm-box .tm-meta{margin:10px 0 0;}
.timeline .tm-items > li .tm-box .tm-meta span{display:inline-block;padding-right:8px;}
.timeline .tm-items > li .tm-box .tm-meta span:last-child, .timeline .tm-items > li .tm-box .tm-meta span:last-of-type{padding-right:0;}
.timeline.timeline-simple .tm-body:after{left:30px;}
.timeline.timeline-simple .tm-body .tm-title{border:1px solid #e9e9e9;margin:0 10px;}
.timeline.timeline-simple .tm-body .tm-items > li{padding:0 0 0 55px;}
.timeline.timeline-simple .tm-body .tm-items > li:before{display:block;position:absolute;content:' ';background:none repeat scroll 0 0 #ccc;border-radius:50%;box-shadow:0 0 0 3px white, 0 0 0 6px #ccc;height:7px;left:30px;top:50%;width:8px;margin-left:-4px;margin-top:-4px;}
.timeline.timeline-simple .tm-body .tm-items > li .tm-box:before{left:-17px;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none;border-right-color:#e9e9e9;border-width:8px;top:50%;margin-top:-8px;z-index:1;}

.timeline .tm-items > li .tm-datetime:after {left:100%;border:solid transparent;content:'';height: 0;width: 0;position:absolute;pointer-events: none;border-right-color:#343434;border-width:5px;top: 50%;margin-top: -5px;z-index: 2;transform: rotate(180deg);}
.tm-datetime .arrow-right {width: 0; height: 0; border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid green;}
.mrg-left-15 {margin-left:-15px;}
.mrg-right-15 {margin-right:-15px;}

.download-btn{background:rgba(51, 51, 51, .9);padding: 11px 15px;margin:10px auto 0;display: table;border-radius: 20px;font-weight: bold;color: #eacd29; clear: both; text-decoration:none!important}
.download-btn:hover{background:rgba(51, 51, 51, .7);color: #fff;}
/*--Responsive design--*/
@media (max-width:1379px) {
.jcb {width:844px;}
.login-panel {width:338px; position:relative}
.login-panel::after {top:0px;right:-20px;}
body {background:#c0e4fc url(../images/login-bg.jpg) no-repeat; background-position: bottom;}
}

@media (max-width:1240px) {
.jcb {width:673px;}
.dept-name {font-size: 1.5em;}
.about h3 {font-size: 1.2em; margin-top: 0;}
.about p { font-size:13px}
.timeline { margin-left:-14px}
.timeline .tm-title {padding: 0px;margin: 0px;}
.timeline .tm-items > li .tm-datetime .tm-datetime-time { font-size: 12px;}
.timeline .tm-items > li .tm-datetime {padding: 3px; border-radius:3px;}
.timeline .tm-items > li .tm-box {padding:3px;border-radius: 3px;}
.timeline .tm-items > li .tm-box p{font-size:12px!important;}
.timeline .tm-items > li .tm-icon { font-size: 13px;padding: 7px 5px 5px;width: 28px;height: 28px; line-height: 20px;}
.timeline .tm-items > li {padding:0px 10px 0 115px;}
.timeline .tm-items > li .tm-datetime {left:10px}
body {background:#c0e4fc url(../images/login-bg.jpg) no-repeat; background-position: bottom;}
}
@media (max-width:991px) {
.jcb {width: 515px;}
.gom {margin: 10px 0;width: 60px;}
.header p {font-size: 1.5em;}
.header span{font-size: 1.3em;}
.loginbox {top: 90%;}
.login-panel h2 {padding: 7px 0;font-size: 1.3em;}
body {background:#c0e4fc url(../images/login-bg.jpg) no-repeat; background-position: bottom;}
}

@media (max-width:767px) {
.timeline {margin:0 auto;width:80%;display:block;max-width:250px;position:relative;}
.footer-section {position:relative;}
.leftpanel-login {height:auto;}
.jcb{background:transparent!important; width:auto; height:auto}
.jcbgrip { display:none}
.mrg-left-15 {margin-left:0px; background:#0000006b}
.leftpanel-login {background-color: transparent;}
.mrg-right-15 {margin-right:0px;}
.loginbox {position: initial; margin-bottom:20px}
.clear-mobile{clear:both}
.login-panel {width: 80%; max-width:300px; margin:0 auto; position: relative;}
.header p {font-size: 1.2em; padding-bottom:0px}
.header span{ display:block; font-size:1.1em; padding-bottom:10px}
.gom {margin: 10px 0;width:50px;}
.login-panel { padding:12px;}
.login-panel h2 {margin: -12px -12px 0px -12px;}
.captcha a {clear: both;}
.captcha img {margin-right: 0px;margin-bottom: 5px;max-height: 55px;}
body {background: #87e0fd;background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 );}
.registration-btn {margin: 0px auto 10px;width: 80%;max-width: 300px;}
}

@media (max-width:575px) {

}

@media (max-width:400px) {

}