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

/* Footer Styles */

footer {
    margin: 20px 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%;
    }
}

.modal .modal-wide {
  	width: 90%;
}
.modal-wide .modal-body {
  	overflow-y: auto;
}

table.table-data {
	border-collapse: collapse;
	border-spacing: 0;	
	display: table;
}

table.table-data td{
	padding: 2px 6px;	
	border: 1px solid #e5e5e5;
}

table.table-data thead {
	/* border-bottom : 2px solid #e5e5e5; */
	background-color: #f5f5f5;	
}

table.table-data th{
	padding: 2px 6px;	
	border : 1px solid #e5e5e5;	
}

table.table-data {
	/* border : 2px solid #e5e5e5; */	
}

.right {	
	text-align: right;
}

#online-service li {
	padding: 15px 0;
}

#online-service .service-icon {
	float:left;
	padding: 0 15px 0 0;
}

.contacts li{
	padding: 3px 0;
}

.contacts .label-default{
	background: #999;
}

h3 a{
	color: #333;	
}

h3 a:hover{	
	/* text-decoration: none;*/		
}

.warning {
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	justify-content: center;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	background-color: #d9d9d9;
}

.warning--active {
	display: flex;
}

.warning__text {
	margin-right: 30px;
}

.warning__read {
	display: block;
	margin-left: 15px;
}