/*
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0.
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

html, body {
  height:100%;
}

body {
  padding-top: 50px; /* body padding for fixed top nav */
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}


/* Page Sections */
.section,
.section-colored {
  padding: 50px 0;
}

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

.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}


/* Half Page Height Carousel Customization */
.carousel {
  height: 70%;
}

.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;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* 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 {
  margin: 50px 0;
}

/* Responsive Styles */
@media (max-width: 767px) {

.carousel {
  height: 70%; /* increases the carousel height so it looks good on phones */
}

}
.copy_rt
{
margin-left:43%;
font-size:9px;
width:50%;
}
#top-div
{
height:80px;
background-color:yellow;
}
.menu-bar li
{
 border-bottom-right-radius: 20px;
 border-top-left-radius: 20px;
 margin-top: 2px;
 margin-bottom: 2px;
}
#career-form
{
left: 18%;
border: 1px solid lightgray;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.icons
{
 width:50px;
 height:160px;
 background-color:gainsboro;
 position:fixed;
 right:0px;
 top:50%;
 Z-index:201;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

.icon-imgs,.icons-text
{
float:left;
padding: 10px 0px 0px 5px;
}
.icons-class
{
clear:left;
}





.cnt-frm
{
 width:400px;
 height:0px;
 position:fixed;
 left:0px;
 top:50%;
 margin-top:-15%;
 Z-index:201;

}
.cnt-frm-in-inner
{
width:370px;
height:450px;
background-color:gainsboro;
float:left;
padding-top:15px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-left:-370px;
}
.cnt-frm-in
{
float:left;
width:30px;
height:140px;
//background-color:gainsboro;
margin-top:40%;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
background-image:url("../img/contacts.png");
background-repeat:no-repeat;
}
.in-inner
{
	font-size: 70%;
width:100%;
}








.fill
{
background-repeat: no-repeat;
width:100%;
}
.banner-img
{
    width: 100%;
}