.div-a {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%; height:auto; min-height:100px; background-color:#CF0;}
.div-b {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%; height:auto; min-height:100px; background-color:#0C3;}
.div-c {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%; height:auto; min-height:600px; background-color:#0C3;}
.div-d {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%; height:auto; min-height:300px; background-color:#906;}
.comming-soon {padding:0px 0px 0px 0px; margin:5% auto; width:40%; height:auto;}
/************/
.transition-1 {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}
.transition-1:hover {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}
a {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}
a:hover {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}
.maindiv {padding:0px; margin:0px auto; width:100%; height:auto; }
.maindiv-left {padding:0px; margin:0px auto; width:75%; height:auto; display:inline-block; vertical-align:top; float:left;}
.maindiv-right {padding:0px; margin:0px auto; width:25%; height:auto; display:inline-block; vertical-align:top; float:left;}


.logo-lg img {width: 138px;}
.dropdown.tasks-menu .fa {margin: 0px 10px 0px 0px;}
.skin-blue .main-header .navbar .nav > li > a {color: #fff; font-size: 16px;}
.breadcrumb > .active {color: #e80b0b;  font-size: 16px;}
.navbar-nav > li > a {padding-top: 20px; padding-bottom: 20px;}
.skin-blue .main-header .navbar .nav .open > a {background: rgba(0,0,0,0.5); color: #f6f6f6;}

.dbrc {padding:5px; margin:0px 10px; width:auto; height:auto; display: inline-block; vertical-align:middle;}
.dbrc h2 {
    color: #FFFFFF;
    font-size:20px;
    font-weight: normal;
    line-height:35px;
    margin: 0;
    padding: 1% 0;
    text-decoration: none;
	text-transform:uppercase;
}
.dbrc td {color:#FFF; padding: 0px 5px;}
.colorDefinition {/* background: #000000; */ color: #FFFFFF; font-size:21px; letter-spacing: 5px}
/*.stylet {width: 100%; font-family: sans-serif; font-weight: bold; border-style: solid;}*/

.footer-right {padding:0px 0px; margin:0px auto; width:auto; height:auto; text-align:center; float:right;}
.footer-right ul {padding:0px; margin:0px auto; width:auto; height:auto; list-style-type:none;}
.footer-right ul li {padding:0px; margin:0px auto; width:auto; height:auto; display: inline-block;}
.footer-right ul li a {
	padding:0px;
	margin:5px 10px;
	width: auto;
	height: auto;
	font-size:16px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	text-align: justify;
	line-height:20px;
	display: block;
	outline: none;
	transition: all 1s ease-in-out;	
}
.footer-right ul li a:hover {color:#000; transition: all 1s ease-in-out;	}
.footer-right ul li a .fa {line-height:1px; margin:0px 10px 0px 0px; color:#FFF; font-size:14px;}


.index-video {padding:0px 0px; margin:0px auto 30px 50px; width:auto; height:auto; }
.index-video iframe {padding:0px 0px; margin:0px auto; width:100%; height:250px; }
.index-video img {padding:0px 0px; margin:0px auto; width:100%; height:auto; }

.QueryResult1 {
	display: block;
	width: 100%;
	padding: 18px 25px;
	font-weight: 300;
	line-height: 24px;
	color: #29293a;
	background-color: #FFFFFF;
	background-image: none;
	border: 0px solid #f2f3f9;
	border-radius: 5px;
	-webkit-appearance: none;
	margin: 0px auto 20px auto;
	min-height:150px;
}


.query {padding:0px 0px; margin:0px auto; width:auto; height:auto; text-align:center; float:left;}
.query ul {padding:0px; margin:0px auto; width:auto; height:auto; list-style-type:none;}
.query ul li {padding:0px; margin:0px auto; width:auto; height:auto; display: inline-block;}
.query ul li a {
	padding: 10px 20px;
	margin: 5px 5px 0px auto;
	width: auto;
	height: auto;
	font-size: 16px;
	font-weight: normal;
	color: #787a7c;
	text-decoration: none;
	text-align: justify;
	line-height: 20px;
	display: block;
	outline: none;
	transition: all 1s ease-in-out;
	border-top: solid 1px #d3dae3;
	border-left: solid 1px #d3dae3;
	border-right: solid 1px #d3dae3;
	border-radius: 5px 5px 0px 0px;
}
.query ul li a:hover {color:#000; transition: all 1s ease-in-out;	}
.query ul li a .fa {line-height:1px; margin:0px 10px 0px 0px; color:#FFF; font-size:14px;}

.query-nav {padding:0px 0px; margin:0px auto 20px auto; width:auto; height:auto; text-align:center; border: solid 1px #d3dae3; border-radius: 5px;}
.query-nav ul {padding:0px; margin:0px auto; width:auto; height:auto; list-style-type:none;}
.query-nav ul li {padding:0px; margin:0px auto; width:auto; height:auto; display: inline-block;}
.query-nav ul li a {
	padding: 10px 20px 10px 10px;
	margin:0px auto;
	width: auto;
	height: auto;
	font-size: 16px;
	font-weight: normal;
	color: #787a7c;
	text-decoration: none;
	text-align: justify;
	line-height: 20px;
	display: block;
	outline: none;
	border-left: solid 1px #d3dae3;
	cursor: pointer;
}

.query-nav  ul li a:hover {color:#000; background-color:#d1d2d5;}
.query-nav  ul li a .fa {line-height:1px; margin:0px 10px; color:#787a7c; font-size:16px;}

.left_p {float:left;}
.right_p {float:right;}


.login-body {
	background:url(../images/login-wallpaper.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding:8% 0px;
	margin: 0px auto ;
	background-position: center top;
	text-align: center;
}
.login-div {padding:100px 30px; margin:0px auto; width:400px; height:auto; border-radius:250px 250px 250px 250px; background:#FFF;}
.register-div {padding:20px; margin:0px auto; width:50%; height:auto; border-radius:5px ; background:#FFF;}
.register-div h1 {
    color: #c91c29;
    font-size:28px;
    font-weight: normal;
    line-height:35px;
    margin: 0;
    padding: 1% 0;
    text-decoration: none;
}
.contact_text_1 {
    display: block;
    width: 100%;
    padding:10px;
	margin:10px auto 20px auto;
    font-weight: 300;
    line-height: 24px;
    color: #666;
    background-image: none;
    border: 1px solid #CCC;
    -webkit-appearance: none;
	background-color:transparent;
}

.submit {
	padding:15px 40px;
	margin: 20px auto;
	width:auto;
	display: inline-block;
	background-color:#c91c29;
	background: -webkit-linear-gradient(#c91c29, #f14e5a, #c91c29);
	background: -o-linear-gradient(#c91c29, #f14e5a, #c91c29); 
	background: -moz-linear-gradient(#c91c29, #f14e5a, #c91c29);
	background: linear-gradient(#c91c29, #f14e5a, #c91c29);
	font-size:20px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	line-height: 22px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	opacity: 1.0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: 0px;
	border-radius:5px;
}
.submit:hover {color: #e6e9ee; text-decoration:none}
.login-div label {
	font-size: 17px;
	color: #c91c29;
	line-height: 30px;
	font-weight: normal;
	text-align: left;
	width: 100%;
}
.register-div label {
	font-size: 17px;
	color: #c91c29;
	line-height: 30px;
	font-weight: normal;
	text-align: left;
	width: 100%;
}
.logo-1 {padding:20px; margin:0px auto 25px auto; width:100%; height:auto; display:block;}
.logo-1 img {padding:0px; margin:0px auto; width:120px; height:auto;}



.mCustomScrollBox {position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr;}
.contentt{
	overflow: auto;
	position: relative;
	padding: 10px 0px;
	background: #FFF;
	margin: 0px auto;
	width: 100%;
	max-width: 100%;
	height: 200px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.scrollTo-demo .demo-yx p{ width: 1000px; }
.scrollTo-demo {text-align: left;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #fff; background-color: rgba(140,140,140,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width: 100%; height: 4px; margin: 6px auto;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width: 30px; height: 100%; left: 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal{width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0;}
.mCSB_scrollTools {position: absolute; width: 16px; height: auto; left: auto; top: 0; right: -6px; bottom: 0;}
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0;  height: auto;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center;}
.mCustomScrollBox {position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr;}
.scrollTo-demo pre {line-height: 1;}
pre {line-height: 1px;}



@media only screen and (min-width:150px) and (max-width:480px) {
.main-header {max-height:300px;}
.maindiv {padding:0px; margin:0px auto; width:100%; height:auto; min-height:350px; }
.maindiv-left {padding:0px; margin:0px auto; width:100%; float:none;}
.maindiv-right {padding:0px; margin:0px auto; width:100%; float:none;}
.main-header .navbar-custom-menu {float: none; display: inline-block;}
.index-video {padding:20px; margin: 20px auto; width: 100%; border: solid 1px #d3dae3;}
.left_p {float:none;}
.right_p {float:none;}
.query-nav {margin: 0px auto 10px auto; border: solid 0px #d3dae3;}
.query-nav ul li a {padding: 5px 10px 5px 5px; margin: 5px; font-size: 14px; line-height: 20px; border: solid 1px #d3dae3;}
.login-div {padding: 50px 10px; margin: 0px auto; width: 90%;}
.submit {padding: 10px 15px; margin: 20px auto; font-size: 15px;}
.register-div {width: 95%; padding:10px}

}

@media only screen and (min-width:481px) and (max-width:767px) {
.main-header {max-height:195px;}
.maindiv {padding:0px; margin:0px auto; width:100%; height:auto; min-height:350px; }
.maindiv-left {padding:0px; margin:0px auto; width:100%; float:none;}
.maindiv-right {padding:0px; margin:0px auto; width:100%; float:none;}
.main-header .navbar-custom-menu {float: none; display: inline-block;}
.index-video {padding:20px; margin: 20px auto; width: 100%; border: solid 1px #d3dae3;}
.left_p {float:none;}
.right_p {float:none;}
.query-nav {margin: 0px auto 10px auto; border: solid 0px #d3dae3;}
.query-nav ul li a {padding: 5px 10px 5px 5px; margin: 5px; font-size: 14px; line-height: 20px; border: solid 1px #d3dae3;}
.register-div {width: 70%;  padding:10px}
}

@media only screen and (min-width:768px) and (max-width:991px) {
.main-header {max-height: 128px;}
.dbrc {padding:0px; margin: 0px 1px; width: 111px;}
.dbrc h2 {font-size: 15px; line-height: 22px;}
.colorDefinition {font-size: 18px; letter-spacing: 5px;}
.skin-blue .main-header .navbar .nav > li > a {font-size: 13px;}
.dropdown.tasks-menu .fa {margin: 0px 5px 0px 0px;}
.navbar-custom-menu .navbar-nav > li > a {padding-top:20px; padding-bottom: 20px;}
.maindiv-left {padding:0px; margin:0px auto; width:60%; height:auto; display:inline-block; vertical-align:top; float:left;}
.maindiv-right {padding:0px; margin:0px auto; width:40%; height:auto; display:inline-block; vertical-align:top; float:left;}
.index-video {margin: 0px auto 10px 20px;}
.query-nav ul li a {padding: 5px 10px 5px 5px; margin: 0px auto; font-size: 12px; line-height: 20px;}
.query-nav ul li a .fa {margin: 0px 5px; font-size: 12px;}
.register-div {width: 70%;}
}

@media only screen and (min-width:992px) and (max-width: 1386px) {
.maindiv-left {width:70%; height:auto;}
.maindiv-right {width:30%; height:auto;}
.index-video {margin: 0px auto 10px 20px;}
.query-nav ul li a {padding: 5px 10px 5px 5px; margin: 0px auto; font-size: 12px; line-height: 20px;}
.query-nav ul li a .fa {margin: 0px 5px; font-size: 12px;}
.index-video iframe {height:220px;}
.register-div {width: 70%;}
}

.login-area {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.login-wrapper {
    padding: 10px;
}
.container-center {
    max-width: 400px;
    margin: 5% auto 0;
    padding: 20px;
}
.container-center.lg {
    max-width: 800px;
}
.users .content-wrapper, .users .main-footer{ margin-left:0px;}