/* Global Styles */

@import url(http://fonts.googleapis.com/css?family=Graduate);

html, body {
}
body {
	background-color: #fff;
	padding-top: 100px;/* body padding for fixed top nav */
	font-size: 14px;/* line-height: 14px; */
	color: #333;

}
.border-bottom-light-blue {
	border-bottom: 20px solid #ff9933;
}
.border-left-light-blue-10 {
	border-left: 10px solid #2D78BE;
}



h1 {
font-family: 'Graduate', cursive;
	color: #ff0000;
	font-weight: bold;
	text-shadow: 1px 1px 2px #ff99ff;
	padding: 5px 2px 5px 0px;

}

h2 {

	color: #006699;
	font-weight: bolder;
	font-size: 14pt;
}


h3 {

	color: #006699;
	font-weight: bolder;
}

p {
	text-align: justify;
}
a {
    color: #006699;
    text-decoration: none;
}

.topbar {
	background: none;
	max-height: 20px;
	text-align:right;
	padding-top: 5px;
}

.toptext {
	color: #fff;
	line-height: 26px;
	font-size: 14pt;
}


.navbar-inverse {
	background-color: #fff;
	border-color: #ff0000;

}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  font-weight: bolder;
}


.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
  font-weight: bolder;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #006699;
}


.navbar-brand {
    padding: 0px;
}

.nav-head {
	margin-top: 30px;
	background-color:#ff0000;
	}

.showcase {
	background-color: #006699;
}

.callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #ddd;
	border-left-color: #428bca;
    border-left-width: 5px;
    border-radius: 3px;
}

.img-center {
	margin: 0 auto
}

.panel-primary > .panel-heading {
    background-color: #006699;

}

.panel-primary {
    border-color: #006699;
}

.homegrey {
	background-color: #f8e7e5;
	min-height: 200px;
	padding: 20px;
}

.txtorange {
	color: #ff6600;
	font-weight: bolder;
}

.txtblue {
	color: #0033FF ;
}

.homeorange {
	background-color: #f15723;
	min-height: 200px;
}


.homeorange p {
	font-size: 16pt;
	color: #ffffff;
	padding: 30px 0px 0px 0px;
}

.titlebg {
	background-color:#fff;
	min-height: 100px;
}

.titlebg h1 {
	color: #006699;
	font-weight: bold;
	text-shadow: none;
	padding: 5px 2px 5px 0px;
}

.titletxt {
	color: #006699;
	font-weight: bold;
	text-shadow: none;
	padding: 5px 2px 5px 0px;
}


/* ------------------------------ Submenu---------------------------  */



.dropdown-submenu {
	position: relative;
}
.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
}
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
}
/*--------------- Business CSS */


.caption {
	text-align: center;

}

.img-home-portfolio,  .img-customer,  .portfolio-item {
	margin-bottom: 30px;
}
.tab-pane {
	margin-top: 15px;
}
/* Page Sections */

.section,  .section-colored {
	padding: 0px 0;
}
.section-colored {
	background-color: #FFFCDD ;/* change this to change the background color of a colored section */

}
.section-blue {
	background-color: #C2DFFF;/* change this to change the background color of a colored section */

}
.section-black {
	background-color: #333;/* change this to change the background color of a colored section */

}
.section-grey {
	background-color: #f2f2f2;/* change this to change the background color of a colored section */

}


.sidebar {
	margin-top: 10px;
}
.sidebar ul {
	border-radius: 5px;
	padding: 5px;
 //border: 1px solid #cccccc;
}
/* Half Page Height Carousel Customization */

.carousel {
	height: 50%;
}
.item,  .active,  .carousel-inner {
	height: 100%;
}
.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}



/* Social Icons Styles */

.list-social-icons {
	margin-bottom: 45px;
}
.tooltip-social a {
	text-decoration: none;
	color: inherit;
}

.tooltip-social a:hover, .tooltip-social a:focus {
	text-decoration: none;
	color: #333;
}
.facebook-link a:hover {
	color: #333;
}
.linkedin-link a:hover {
	color: #333;
}
.twitter-link a:hover {
	color: #333;
}
.google-plus-link a:hover {
	color: #333;
}
/* Service Page Styles */

.service-icon {
	font-size: 50px;
}
/* 404 Page Styles */

.error-404 {
	font-size: 8em;
}
/* Pricing Page Styles */

.price {
	font-size: 4em;
}
.price-cents {
	vertical-align: super;
	font-size: 50%;
}
.price-month {
	font-size: 35%;
	font-style: italic;
}
/* Footer Styles */

.footer {
	background-color: #006699;
	color: #fff;
	min-height: 100px;

}

.footer h3 {
	color:#FFFFFF;

}

.footer a {
	color: #fff;

}
.devlink {
	background-color: #006699;
	color: #fff;
	padding-top: 20px;
	font-style: italic;
	font-weight:normal;
}

.devlink a {
	color: #fff;
	font-size: 8pt;
}



.heading2 {
	color: #666666;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 20px;
}
.sidebarContent {
	padding-left: 20px;
	border-left: 1px solid #ddd;
}
.btn-read-more {
	background-color: #566570;
	display: block;
	color: #FFFFFF;
	display: block;
	margin: 8px 0;
	padding: 2px 6px 0;
	text-transform: uppercase;
}
.btn-read-more:hover {
	color:#EEEEEE;
	background-color: #74848F;
}
.containertab {
	background-color: #fff;
	width: 50%;
	height: 30px;
	position: relative;
	left:300px;
	top:-20px;
}
.arw {
	background: url(../design/arw-white.png) right 4px no-repeat;
	display: inline-block;
	padding-right: 20px;
}
.h1lightblue {
	color: #00BAC8;
	padding-right: 20px;
}
.H1lightblue {
	color: #00BAC8;
	padding-left: 20px;
}
.siderHeading1 {
	border-right:20px solid #00BAC8;
}
.heading2Small {
	font-size: 12px;
}


.footer>.container>.row>.col-lg-6:last-child {
	text-align:right;
}

#error {
	color:red;
	font-size:10px;
	display:none;
}

.needsfilled {
    border-radius: 60px;
    background: #000;
    color : white;
    padding : 5px 8px;
}





.box {
  width: 512px;
  margin: 0 auto;
  font-family: arial, sans-serif;
}