/*!
 * 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%;
/*	background-color: #f5f5fe;  */
	font-size: 14px;
}

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

/* link 
a{
	color: #ababfa;
	}
*/
.img-responsive{
	border-radius: 7px;
	}
	
/*
	NAVBAR
*/

.navbar-inverse {
	background-color: #000050; 
	border-bottom-color: #000050;
	border-top-color: #000050;
	background: linear-gradient(to left, #0202ff 0%, #000050 100%);
	}

.navbar-inverse .navbar-brand {
	color: #ffffff;
	}	

.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus, 
.navbar-inverse .navbar-nav>.open>a:hover{
	background-color: #dbdbef;
	color: #000050;
	}	

	
.navbar-inverse .navbar-nav>li>a {
	color: #ffffff;
	border-left: 1px solid #4b4ba7;
	border-right: 1px solid #4b4ba7;
	margin-right: -1px;
	}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
	color: #000050;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
	border-bottom: 1px solid #dbdbef;
}

.dropdown-menu>li>a:hover {
	background-color: #dbdbef; 
}

.dropdown-menu > li:last-child > a{
	border-bottom: none;
}
.dropdown-menu > li:last-child > a:hover{
	border-bottom: 1px solid #dbdbef;
	background-color: #dbdbef; 
}


/*
	FORMS
*/
.form-control {
	border: 1px solid #000050;
}


	
/* 
	FONTS 
*/

h1{
	margin:.67em 0;
	font-size:2.5em;
	color: #000050;
	line-height: 1.1;
}

h2{
	margin:.6em 0;
	color: #000050;
	font-size: 27px;
}

h3{
	margin:.8em 0;
	color: #000050;
	font-size: 22px;
}
h4{
	margin:.4em 0;
	color: #000050;
}

.carousel-caption{
	margin:.67em 0;
	color: #2a2aa7;
}


.page-header{
	margin:1 .7em 0;
	font-size:2.5em;
	color: #000050;
	border-bottom: 1px dotted #dbdbef;
}

/*
	Button
*/
.btn-primary{
	background-color: #000050;
	border-color: #dbdbef;
	}

.btn-focus{
	background-color: #dbdbef;
	border-color: #9a9a9a;
	font: red;
	}


/* 
	BREADCRUMBS 
*/

.breadcrumb{
	background: linear-gradient(to right, #dbdbef 20%, #000050 80%);
/*	background-color: #2a2aa7; */
}	

/* active breadcrumb */
	color: #676767;  
.breadcrumb>.active{	
	}

/*
	TABLES
*/
td, th {
	padding: 5px;
	}
	
/*
	TABS
*/


.nav-tabs.nav-justified>.active>a:hover{
	background-color: red;

	}
.nav-tabs.nav-justified>li>a{
	background-color: #eaeafa;
	border: 2px solid #4b4ba7;
	border-bottom: 1px solid #4b4ba7;
	margin-right: -2px;
	}
.nav-tabs.nav-justified>.active>a:hover, 


.nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a{
	background-color: #bbbbee;
	border: 2px solid #4b4ba7;
	border-bottom: 1px solid #4b4ba7;
	margin-right: -2px;
	}
	
/* 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;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* 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%;
    }
}