body{font-family:"Lato",serif,Arial,Times New Roman,Times; color:#333; font-size:16px;  margin:0;  }
.container { max-width:1000px;}
#header { float:left; width:100%; background-color:#fff; padding:5px; margin-top:25px;}

.navbar-brand { padding:0; height:78px;}
.navbar-right { background: url(../images/bg.png) repeat #0057a8; margin-top:20px; border-radius:0 80px 0 0}
.navbar-nav li a { padding:10px 15px; color:#fff; font-weight:bold}
.navbar-nav li a:hover { color:#385992;}
.navbar-nav li:last-child { margin-right:60px;}
.dropdown-menu { background-color:#052d71;}
.dropdown-menu li a { padding-top:6px; padding-bottom:6px;}
.dropdown-menu li:last-child { margin-right:0;}
.nav .open a, .nav .open a:focus { background-color:#052d71;}

.list-style-1{ margin:0px;}

.list-style-1 ul{ margin:0px 15px; padding:0px;}

.list-style-1 ul li{ list-style-type:square; line-height:32px;}

.navbar-toggle .icon-bar { background-color:#fff;}

#bg-slides { background-color:#00639e; width:100%;}
.navbar-toggle { z-index:1000; background-color:#333}

#main-content { margin:25px auto;}
.bg-1 { background-color:#0057a8;}
.bg-2 { background-color:#eeeeee;}
.gap { margin:5px;}
.bg-1 h4 { color:#fff; font-size:18px; border-bottom:1px solid #737aa4; padding-bottom:5px;}
.bg-1 h5 { color:#fff; font-size:16px;}
.bg-1 p { color:#fff; font-size:14px;}
h1 { font-size:22px; margin-top:0;font-weight:bold;}
.color { color:#0057a8;}
.bg-2 p { font-size:16px;}
.bg-2 h5 { color:#4e5581; font-size:16px; border-bottom:1px dotted #737aa4; padding-bottom:5px; margin-bottom:5px;}

#footer { border-top:1px dotted #ddd; margin-top:15px; padding:10px 0; font-size:12px;}

.right { float:right}
.left { float:left}

.csr-list {
	height: auto;
	width: 100%;
	padding-left: 5px;
}

.csr-list ul{
	list-style:none;
	padding-left:5px;
	
}
.csr-list ul li{
	float:left; width:100%;
background:url(../imaages/bottomlisthoverbg.png) 3px 12px no-repeat #e8f5ff;	
line-height:22px;
margin-bottom:1px;
padding:5px 15px;
margin-bottom:10px;
border:1px solid #1295f7;
}


.alternate-color { background-color:#efeded;}

.table-headings { color:#fff;}
.inlinefilterlinks { font-weight:bold}
.table { font-size:13px;}

.color-1 { color:#333}

#formData h2 { background-color:#00639e; padding:4px; color:#fff; font-size:18px; font-weight:bold;}

/* ######### Style for Contact us address ######### */

.vcard{ float:left; margin-bottom:15px; width:240px; font-size:12px; color:#6c6c6c; line-height:18px;}
.contact-heading,.org { float:left; font:bold 12px tahoma,verdana,arial,sans-serif; color:#444; padding:4px 4px 4px 24px; width:210px; margin-bottom:4px; }
.mobile-icon { float:left; background:url(../i/icon-mobile.png) no-repeat; height:22px; font:12px tahoma,verdana,arial,sans-serif; line-height:22px; color:#1b1d1d; padding-left:32px; padding-bottom:5px; width:1800px; border-bottom:1px dashed #cecccc; margin-bottom:8px; margin-left:5px; margin-bottom:5px; }
.address-text { float:left; width:200px; padding-left:32px; border-bottom:1px dashed #cecccc; margin-bottom:5px; }
.address-text p { text-align:left; line-height:18px; font:11px Tahoma, Geneva, sans-serif; }
.address-icon { float:left; background:url(../i/contact-icons.png) 0 -99px no-repeat; min-height:16px; line-height:22px; padding-left:22px; width:210px; margin-bottom:5px; margin-left:5px;margin-bottom:5px; }
.phone-icon { float:left; background:url(../i/contact-icons.png) 0 -5px no-repeat; height:22px; line-height:22px; padding-left:22px;  width:210px; margin-bottom:5px;  margin-left:5px;margin-bottom:5px; }
.cell-icon { float:left; background:url(../i/contact-icons.png) 0 -27px no-repeat; min-height:22px; line-height:22px;padding-left:22px; width:210px;  margin-bottom:5px; margin-left:5px;margin-bottom:5px; }
.email-icon { float:left; background:url(../i/contact-icons.png) 2px -48px no-repeat; min-height:22px; line-height:22px; padding-left:22px; width:210px; margin-bottom:5px; margin-left:5px;margin-bottom:5px; }
.fax-icon { float:left;  background:url(../i/contact-icons.png) 2px -64px no-repeat; height:22px; line-height:22px; padding-left:22px;  width:210px; margin-bottom:5px; margin-left:5px;margin-bottom:5px; }
.person-icon { float:left; background:url(../i/person.png) no-repeat; height:22px; line-height:22px; padding-left:22px;  width:260px; margin-bottom:5px;  margin-left:5px; padding-bottom:5px; }

#slider {

	/* You MUST specify the width and height */
	width:100%;
	height:auto;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:100%;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500;
	
	/* width should be lesser than #slider width */
	width:200px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=70);
	-moz-opacity:0.7;  
	-khtml-opacity: 0.7;
	opacity: 0.7;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:200px;
	background-color:#000;
	overflow:hidden;
	font-size:15px;
	color:#fff;	
}
#excerpt strong { font-size:24px;}
	#excerpt li {
		padding:5px;
		width:200px;
	}
#buttons { position:relative; z-index:1000;}
#btn-prev { position:absolute; left:5px; top:-40px;background-color:#fff; font-size:16px; padding:3px 8px; border-radius:50px 0 0 50px; font-weight:bold; }
#btn-next { position:absolute; right:5px; top:-40px;background-color:#fff; font-size:16px; padding:3px 8px; border-radius:0 50px 50px 0; font-weight:bold;}

/* my css begins */
.formula{border-right:1px dotted #333;}

#formula1{border-left:1px dotted #333;}

#content .form-control {
    color: #5f5f5f !important;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #dbdbdb !important;
}



.myButton {
	-moz-box-shadow: 3px 4px 0px 0px #899599;
	-webkit-box-shadow: 3px 4px 0px 0px #899599;
	box-shadow: 3px 4px 0px 0px #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#444;
	margin:5px;
	font-family:Arial;
	font-size:17px;
	padding:7px 18px;
	text-shadow:0px 1px 0px #e1e2ed;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
	text-decoration:none;
}
.myButton:active {
	position:relative;
	top:1px;
}

.cal{padding:10px;background:#f5f5f5;margin:10px; border:2px solid #476e9e; border-radius:8px;}

.calbutton{margin-top:10px;}

.myButton1 {
	-moz-box-shadow: 3px 4px 0px 0px #9fb4f2;
	-webkit-box-shadow: 3px 4px 0px 0px #9fb4f2;
	box-shadow: 3px 4px 0px 0px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 28px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton1:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
	text-decoration:none;
}
.myButton1:active {
	position:relative;
	top:1px;
}

.myButton2 {
	-moz-box-shadow: 3px 4px 0px 0px #91b8b3;
	-webkit-box-shadow: 3px 4px 0px 0px #91b8b3;
	box-shadow: 3px 4px 0px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2b665e;
}
.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
	text-decoration:none;
}
.myButton2:active {
	position:relative;
	top:1px;
}

.ratio {
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	margin:5px;
	padding:8px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	width:20%;
}
.ratio:hover {
	background-color:#eb675e;
	text-decoration:none;
}
.ratio:active {
	position:relative;
	top:1px;
}


.formula h3{color:#00639e;font-weight:bold;}

.calbutton input {float:left;}

#result {margin:5px;background:#fff;color:#555;box-shadow:1px 2px 2px 2px #c0c0c0;}

#result h5{font-size:11px;margin-top:7px;margin-left:5px;font-weight:bold;}

#result span{float:left;display:block;width:68%;font-weight:bold;}

#result p{font-size:12px;margin-top:7px;margin-left:5px;font-weight:bold;}

.phone p{margin-top:10px;font-weight:bold;}    

.phone .fa{color:#3d94f6;font-size:1.5em;}    

#resulticon p{font-weight:bold;font-size:14px;}

@media only screen and (min-width: 800px) {

.formula .form-horizontal .control-label {margin-left:-15px;}

}

#resolution{background-color:#fff;margin:10%;margin-left:15%;margin-right:15%;}

#Center2{background-color:#fff;margin:10%;margin-left:15%;margin-right:15%;}

#Center1{background-color:#fff;margin:10%;margin-left:15%;margin-right:15%;}

#result label{font-size:12px !important;}

.accordian img{height:80%;}

/* my css ends */