body{

	font-family:open sans;

}

/**** topmost menu ******/

.topmost-menu{

	height:50px;

	width:auto;

}

.topmost-menu li{

	display:inline-block;

	padding:5px;

}

.topmost-menu li a{

	display:block;

	color:#fff;

	padding-top:12px;

}

/***** Ends ******/

#banner{
	width:100%;
}
#banner-inner{
	width: 96%;
    display: block;
    margin: 0 auto;
}


/* contact us */

#contact-form-container{

	background-color:#F6F6F6;

}

.contact-form-header{

	background-color:#3BD4FA;

    font-size: 30px;

    height: 50px;

    text-align: center;

    text-decoration: underline;

}

.input-width{

	width:250px;

}

.contact-form{

	margin-bottom:15px;

	padding:10px;

	font-size:1.3em;

}

#contact-form-submit{

	background-color:#FFB703;

	color:#fff;

	font-weight:bold;

	text-align:center;

}

#address-container{

	width:555px;

	margin:-1px auto;

	font-size:1.3em;

}

#address-header{

	font-size:30px;

	text-decoration:underline;

	color:#575757;

}

address strong{

	color:#575757;

}

address{

	color:#979797;

}

/* Ends */



/* Nature of services */

.nature-of-services{

	margin:45px;

}

.nature-of-services h2,.nature-of-services h3,.nature-of-services h4{

	color:#575757;

}

.nature-of-services article p{

	color:#979797;

	font-size:1.3em;

}

/* Ends */

#well-content{

	font-size:3em;

	font-weight:bold;

	text-align:center;

	color:#575757;

}

footer{

	min-height:215px;

	background-color:#111111;

	color:#fff;

	font-weight:bold;
	

}

.footer-headings{

	margin-bottom:10px;

}

.footer-headings:before{

	content:'|';

	color:#12CAF8;

	font-size:24px;

	font-weight:bold;

	margin-right:5px;

}
footer ul.footer-links-container{
    list-style-type: none;
    list-style: none;
    font-size: 15px;
}

.footer-links-container li{
	padding: 0px;
    padding-left: 0px;
    font-size: 14px;
    padding-left: 13px;
    position: relative;
    margin-bottom: 10px;
    display: inline-flex;
	width: 100%;

}

.footer-links-container li:before{

	content: '>';
    font-size: 18px;
    font-weight: border;
    position: relative;
    left: -10px;
    top: -2px;
    color: #636363;

}

.footer-links-container li a{

	color:#636363;

	text-decoration:underline;

}

.footer-submit-button{

	background-color:#12CAF8;

	font-weight:bold;

}
.footer-nav{
	margin-bottom:0px;
}

#bottomNavbar{

	background-color:#000;

}

#bottomNavbar ul li a{

	color:#636363;

}

#bottomNavbar ul li a:hover{

	background-color:#000;

	text-decoration:underline;

}



/************************************************************/



/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin: 0;

	padding: 0;

	list-style: none;

}

.sf-menu li {

	position: relative;

}

.sf-menu ul {

	position: absolute;

	display: none;

	top: 100%;

	left: 0;

	z-index: 99;

}

.sf-menu > li {

	float: left;

}

.sf-menu li:hover > ul,

.sf-menu li.sfHover > ul {

	display: block;

}



.sf-menu a {

	display: block;

	position: relative;

}

.sf-menu ul ul {

	top: 0;

	left: 100%;

}





/*** DEMO SKIN ***/

.sf-menu {

	float: left;

}



.sf-menu a {

	color: #13a;

}





/*** arrows (for all except IE7) **/

.sf-arrows .sf-with-ul {

	padding-right: 2.5em;

	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */

}

/* styling for both css and generated arrows */

.sf-arrows .sf-with-ul:after {

	content: '';

	position: absolute;

	top: 50%;

	right: 1em;

	margin-top: -3px;

	height: 0;

	width: 0;

	/* order of following 3 rules important for fallbacks to work */

	border: 5px solid transparent;

	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */

	border-top-color: rgba(255,255,255,.5);

}

.sf-arrows > li > .sf-with-ul:focus:after,

.sf-arrows > li:hover > .sf-with-ul:after,

.sf-arrows > .sfHover > .sf-with-ul:after {

	border-top-color: white; /* IE8 fallback colour */

}

/* styling for right-facing arrows */

.sf-arrows ul .sf-with-ul:after {

	margin-top: -5px;

	margin-right: -3px;

	border-color: transparent;

	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */

	border-left-color: rgba(255,255,255,.5);

}

.sf-arrows ul li > .sf-with-ul:focus:after,

.sf-arrows ul li:hover > .sf-with-ul:after,

.sf-arrows ul .sfHover > .sf-with-ul:after {

	border-left-color: white;

}

/******** styles *********/



#top {

	background-color: #212121;

	color: #fff;

	font-family: "Open Sans", Arial, "Myriad Pro";

	font-size: 1em;

}



.topText {

	margin:10px;

	float: left;

}



#logo {

	width:70%;

}

#navbar {

	width:880px;

	float:right;

	margin-top:2%;

}



#header {

	background-color: #37d2f8;

	color: #fff;

	font-family: "Open Sans", Arial, "Myriad Pro";

	font-size:1.5em;

}



.sf-menu li {

	background-color: #575757;

	color: #fff;

	font-family: "Open Sans", Arial, "Myriad Pro";

	white-space: nowrap; /* no need for Supersubs plugin */

	white-space: normal; /* ...unless you support IE7 (let it wrap) */

	-webkit-transition: background .2s;

	transition: background .2s;

}



.sf-menu li:hover,

.sf-menu li.sfHover {

	background-color: #979797;

	color: #fff;

	font-family: "Open Sans", Arial, "Myriad Pro";

	-webkit-transition: none;

	transition: none;

}



.sf-menu a {

	color:#fff;

	font-family: "Open Sans", Arial, "Myriad Pro";

	border-left: 1px solid #fff;

	border-top: 1px solid rgba(255,255,255,.5);

	font-size: .8em;

	padding: .75em 1em;

	text-decoration: none;

	zoom: 1; /* IE7 */

}



.sf-menu a:hover {

	color:#fff;

}



.sf-menu ul li {

/*	background-color: #fff;*/

	color: #575757;

	font-family: "Open Sans", Arial, "Myriad Pro";

	font-size: 1em;

}



.sf-menu ul ul li {

	background-color: #979797;

	color:#fff;

}



.drop {

	font-family: "Open Sans", Arial, "Myriad Pro";

	font-size: .8em;

}



.drop > li {

/*	padding: 5%;*/

	width:16em;

	color:#575757;



}

.drop > li  > a{

	font-size:1em;	

}

/*

.sf-menu ul {

	box-shadow: 2px 2px 6px rgba(0,0,0,.2);

	min-width: 20em;

	width: 16em;

}*/







/*********************************************************************************************************************************/

.line {

	width:100%;

	margin-top:8%;

}



#heading {

	text-align: center;

	color:#575757;

	font-size:3.5em;

}



.underline {

	margin-left:35%;

	margin-top:-2%;

	width:30%;

}



.para {

	color:#979797;

	font-size:1.3em;

	margin-top:2%;

	margin-left:1%;

	text-align:justify;

}



.para1 {

	color:#979797;

	font-size:1.3em;

	margin-left:20%;

	text-align:justify;

	

}



.para2 {

	color:#979797;

	font-size:1.3em;

	margin-left:2%;

	margin-bottom:1%;

	text-align:justify;

	

}



h2 {

	color: #575757;

	text-decoration: underline;

	position:relative;

	left:1%;

}



h3 {

	color: #575757;

	text-decoration: underline;

	position:relative;

	left:1%;

}



h4 {

	color: #979797;

	position:relative;

	left:1%;

}



#logoTable {

	margin-left:auto;

	margin-right:auto;

	font-size:1.3em;

	color:#979797;

	width:60%;

}

#logoTable td{

	border:none;

	vertical-align:middle;

	padding-left:50px;

}

#logoTable,#logoTable tr{

	border: 2px solid #0D667C;

}



.logo-discription-img{

     height: 309px;
    left: 127px;
    position: absolute;
    top: 47px;
    vertical-align: bottom;

}



#logoTable ul {

	list-style-type:disc;

	padding-left:2%;

	color:#979797;

}



.lists {

	padding-left:2.5%;

	font-size:1.3em;

	color:#979797;

}



.glyphicon.glyphicon-arrow-down {

	color:#37d2f8;

	margin-left:29%;

	font-size:3em;

}



#presentList {

	font-size:1.3em;

	color:#575757;

}

.services-keylist{

	color:#979797;

	font-size:1.3em;

	padding-left:1%;

}
/* Navbar */
.navbar-toggle {
    padding: 12px;
    margin-top: 24px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #fff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}
.navbar-default {
    background-color: #37d2f8;
    border: none;
    border-radius: 0px;	
	margin-bottom:0px;
}
.footer-nav .nav:first-child{
    margin-top: 6px;
}
.navbar-brand {
    height: 90px;
    padding: 0 25px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-brand>img {
    max-width: 229px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #575757;
	outline:0;
	text-decoration:none;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    background: #575757;
    border: 1px solid #9b9b9b;
    padding-top: 13px;
    padding: 17px 20px;
    font-size: 15px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: #979797;
    color: #fff;
    font-family: "Open Sans", Arial, "Myriad Pro";
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background: #575757;
	text-decoration:none;
	outline:0;
}
.navbar-default .navbar-nav .dropdown-menu {
	font-family: "Open Sans", Arial, "Myriad Pro";
    min-width: 240px;
    padding: 0;
    margin: 0;
    font-size: 13px;
	border: 0;
    border-radius: 0px;
}
.navbar-default .navbar-nav .dropdown-menu>li>a {
	font-family: "Open Sans", Arial, "Myriad Pro";
    display: block;
    padding: 12px 13px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    background: #575757;
    border-bottom: 1px solid #9b9b9b;
    font-size: 15px;
}
.navbar-default .navbar-nav .dropdown-menu li:last-child a{
	 border-bottom:none;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #979797 !important;
    color: #fff;
}

   
@media (min-width:1200px){
	ul.navbar-nav.main-nav{
		padding: 20px 162px 20px;
	}	
}
@media (min-width:768px) and (max-width:1198px){
	ul.navbar-nav.main-nav{
		padding: 20px 0;
		float:right;
	}
	
	
}
@media (min-width:320px) and (max-width:768px){
    .footer-nav .nav>li>a {
		position: relative;
		display: inline-block;
		padding: 10px 15px;
		float: left !important;
		text-align: center;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #464646 !important;
}
.logo-discription-img{
	display:none;
}
}
@media (min-width: 992px) {
    .navbar .navbar-nav > li.dropdown > ul {
        display: block;
        opacity: 0;
        visibility: hidden;
        /* subtle fade effect */
        -moz-transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }
    .navbar .navbar-nav > li.dropdown:hover > ul {
        display: block;
        opacity: 1;
        visibility: visible;
    }
	
}
