@font-face
        {
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            src: url('Roboto/Roboto-Light-webfont.eot');
            src: url('Roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto/Roboto-Light-webfont.woff') format('woff'), url('Roboto/Roboto-Light-webfont.ttf') format('truetype'), url('Roboto/Roboto-Light-webfont.svg#robotolight') format('svg');
        }
body {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #444;
    background-color: #ddd;
}
html {
    width: 100%;
    height: 100%;
}
.top{
	width:100%; position:fixed; top:0px; background-image:url(../img/opacity.png);
	z-index:100;
}
.details{
	margin-top:30px;
}
@media(min-width:767px) {
}

.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.intro-body {
    display: table-cell;
	background-image:url(../img/dots.png);
	vertical-align:middle;
}

.brand-heading {
    font-size: 40px;
}

.intro-text {
    font-size: 18px;
}

@media(min-width:767px) {
    .intro {
        height: 100%;
        padding: 0;
    }

    .brand-heading {
        font-size: 100px;
    }

    .intro-text {
        font-size: 25px;
    }
	.details{
	margin-top:100px;
}
}


.inq {
  height: 24px;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 1.33;
  margin-bottom:5px;
  font-size:14px;
  font-family:"Roboto",sans-serif;
  width:25%;
  margin-left:1%;
  border:none;
  margin-top:10px;
}
.login{
	float:left;
	width:50%;
	margin-top:10px;
}
.logo{
	float:left;
	width:50%;
	height:65px;
}
.sub-login{
	margin-left:6px; margin-top:10px; height:24px; 
	background-color:#5dc432;
}
select.inq {
  height: 24px;
  line-height: 24px;
}
textarea.inq {
  height: auto;
}

/*Contact CSS END*/

/*About PMS Start*/
.Features-border{
	width:80px;
	height:80px;
	border-radius:80px;
	border:3px solid #999;
}
.feature-box .Features-border{
	border:3px solid #aaa;
	cursor:pointer;
}
.feature-box:hover .Features-border{
	border:3px solid #30a647;
}
.Features{
	width:75px;
	height:75px;
	padding:10px;
}
.feature-box p{
	font-size:18px;
}
.feature-box{
		transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;transform:  rotate(0deg) scale(0.9) skew(0deg) translate(0px);-webkit-transform:  rotate(0deg) scale(0.9) skew(0deg) translate(0px);-moz-transform:  rotate(0deg) scale(0.9) skew(0deg) translate(0px);-o-transform:  rotate(0deg) scale(0.9) skew(0deg) translate(0px);-ms-transform:  rotate(0deg) scale(0.9) skew(0deg) translate(0px);
		padding:10px;
		margin-top:10px;
		border:1px solid transparent;
}
.feature-box:hover{
	transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;transform:  rotate(0deg) scale(1) skew(0deg) translate(0px); -webkit-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px);-moz-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px);-o-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px);-ms-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px);
}
}

@media (min-width: 768px) and (max-width: 979px) {
.inq {
  width:95%;
}

}

@media (max-width: 767px) {
.inq {
  height: 24px;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 1.33;
  margin-bottom:5px;
  font-size:14px;
  font-family:"Roboto",sans-serif;
  width:32%;
  margin-left:1%;
  margin-top:10px;
}
.logo{
	width:100%;
	height:60px;
}
.logo img{
	margin-left:auto;
	margin-right:auto;
}
.login{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.sub-login{
	margin-left:6px; margin-top:10px; height:24px;
	background-color:#5dc432;
}
}
   
@media (max-width: 480px) {
.inq {
  height: 24px;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 1.33;
  margin-bottom:5px;
  font-size:14px;
  font-family:"Roboto",sans-serif;
  width:26%;
  margin-left:1.5%;
  margin-top:10px;
}
.login{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.sub-login{
	margin-left:6px; margin-top:10px; height:24px;
	background-color:#5dc432;
	
}
}

@media (max-width: 240px) {
}
.clearfix {
	float: none;
	clear: both;
}

@media (max-width: 768px) {
}
.features-end-border{
	border-bottom:2px dotted #999;
}
.feature-icon1{
	float:left;
	width:45px;
	height:45px;
}
.features-heading1{
	color:#555;
	line-height:45px;

	font-size:18px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	float:left;
	margin-left:20px;
}
.clear-both{
	clear:both;
	height:20px;
}

.copyright{
	font-size:15px;
	color:#888;
	text-align:center;
}
.copyright a{
	text-decoration:none;
	color:#888;
}
.copyright a:hover{
	text-decoration:none;
	color:#fff;
}

.forget
{
    font-size:15px;
     text-decoration:none;
     color:#ddd;
     margin-left:10px;
}
.forget a
{
    font-size:15px;
    text-decoration:none;
    color:#ddd;
}
.forget:hover, .forget a:hover
{
    font-size:15px;
    text-decoration:none;
    color:#5dc432;
}
@media (max-width:450px)
{
    .forget
{
    font-size:15px;
     text-decoration:none;
     color:#ddd;
     display:block;
     margin-left:10px;
}
}