/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

.navbar1 {
    background-image: linear-gradient(#ffffff, #eeeeee 50%, #e4e4e4);
    background-repeat: no-repeat;
    border: 1px solid #d5d5d5;
    filter: none;

	
}

.navbar-inverse .navbar-nav>li.login>a {
    border-left: 1px solid #e5e5e5;
}
#color
{
	color : white;
}
#image
{
	padding : 2px 4px 2px 2px;
}


.notice-content {
	    background: #ffba00;
		border: 1px solid transparent;
		border-color: #FFD324;
		margin-top: 0px;		
		padding : 0px 0px;
        text-align: left;
}
.panel-1{
	border-color: #dddddd;
}
.panel-1>.panel-heading {
	    background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
		color: white;
		padding: 3px 6px;
        background-repeat: no-repeat;
        filter: none;
		border-color: #dddddd;
}
.panel-2
{
	border-color: #dddddd;
}
.panel-2>.panel-heading {
	        background-image: linear-gradient(#88c149, #73a839 60%, #699934);
			color: white;
		    padding: 3px 6px;
            background-repeat: no-repeat;
            filter: none;
			border-color: #dddddd;
			}
.panel-3{
	border-color: #dddddd;
}
.panel-3>.panel-heading {
	     background-image: linear-gradient(#04519b, #033c73 60%, #02325f);
		 color: white;
		 padding: 3px 6px;
         background-repeat: no-repeat;
         filter: none;
		 border-color: ##dddddd;
}
.panel-4
{
	border-color: #dddddd;
}
	
.panel-4>.panel-heading {
	     background-image: linear-gradient(#ff6707, #dd5600 60%, #c94e00);
		 color: white;
		 padding: 3px 6px;
         background-repeat: no-repeat;
         border-bottom: 1px solid #aa4200;
         filter: none;
		 border-color: #dddddd;
}
panel-5
{
	border-color: #dddddd;
}
.panel-5>.panel-heading5 {
	     background-image: linear-gradient(#e12b31, #c71c22 60%, #b5191f);
		 color: white;
		 padding: 3px 6px;
         background-repeat: no-repeat;
         border-bottom: 1px solid #9a161a;
         filter: none;
		 border-color: #dddddd;
}

ul.arrow{
	
    list-style: none;
    padding: 0;
    margin: 0;
}

	
body > section {
    padding: 50px 0;
}


.table
{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
	margin-top: 40px;
	border: none;
	
}

/* Footer Styles */

footer {
    margin: 0px 0;
	
}
#footc
{
	color: #999;;
}
.wet-asphalt{
    background-color: #34495e;
	 color:#999; 
	 padding: 10px 0px;
}
#padding
{
	margin-top: 10px;
}

.midnight-blue {
    background-color: #2c3e50;
	color: #999;
}
.title {
    background: #78CFBF;
	
    text-transform: capitalize;

}
#simage{
background-image:url('mobile.png');
background-repeat:no-repeat;
padding-left:20px;
}
.infoo
{
	
    background-color: #e0e9f0;
    border-top: 1px solid #f1f8fe;
    border-bottom: 1px solid #cbd2d8;
    border-right: 1px solid #cbd2d8;

}
.info1
{
	background-color: #e0e9f0;
    border-top: 1px solid #f1f8fe;
    border-bottom: 1px solid #cbd2d8;
    border-right: 1px solid #cbd2d8;
 background-color: #53CFE9;
 color : #fff;
 text-shadow: 1px 2px #666;
}
table.general {
	border-spacing: 0px;
	border-collapse: initial;
	margin-top: 20px;
	margin-bottom: 20px;
	}
.general th, .general td {
	padding: 10px 30px 15px 15px;
	border-spacing: 0px;
	font-size: 90%;
	margin: 0px;}
.general th, .general td {
	text-align: left;
	background-color: #e0e9f0;
	border-top: 1px solid #f1f8fe;
	border-bottom: 1px solid #cbd2d8;
	border-right: 1px solid #cbd2d8;}
.general tr.head th {
	color: #fff;
	background-color: #90b4d6;
	border-bottom: 2px solid #547ca0;
	border-right: 1px solid #749abe;
	border-top: 1px solid #90b4d6;
	text-align: center;
	text-shadow: -1px -1px 1px #666666;
	letter-spacing: 0.15em;}
.general td {
	text-shadow: 1px 1px 1px #ffffff;}
.general tr.even td, .general tr.even th {
	background-color: #e8eff5;}
.general tr.head th:first-child {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;}
.general tr.head th:last-child {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;}
.title1 {
    background-color: #82DACA;
	color : #fff;
	text-shadow: 1px 2px #666;
}
.btn-primary1 {
	background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    color: #fff;
	border-bottom: 1px solid #178acc;
	background-color: #2fa4e7;   
}
.bs-example {
	position: relative;
    padding: 5px 10px 5px 10px;
	border: 1px solid #ccc;
    margin-top: 10px;
    margin-left: 0;
    background-color: #fff;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
	box-shadow: 2px 2px 2px #bbb;
	border-style: solid;
    }
}
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}