html {
	position:relative;
	min-height: 100%;
}

body {
	padding-top:106px;
}

#devMode{
	text-align: center;
	background-color: #f2dede;
    color: #a94442;
    padding: 5px 0;
    margin-bottom: 15px;
}

#theContactForm textarea {
	resize:vertical;
	height:280px;
}

#theContactForm .btn {
	margin-top:15px;
}

.container-fluid {
	padding:60px 0;
	border-bottom:1px solid #ddd
}

#contact{
	background:#ddd;
}

#navigation {
	margin-bottom:0 !important;
}

#top {
	padding:0px;
	background:url("http://mipade.mediancer.com/picture/interface/bgLogin.jpg") no-repeat fixed center center / cover  rgba(0, 0, 0, 0)
}

#lang .dropdown-menu{
	min-width:10px !important;
}
#lang a.dropdown-toggle{
	text-transform:uppercase !important;
}

.navbar-brand {
	padding:24px 15px;	
}

.mipade-classic,
.mipade-pro,
.mipade-fusion {
	text-align:center;
	padding:100px 25px;
	
	color:#fff
}

@media screen and (max-width: 768px){
	.mipade-classic,
	.mipade-pro,
	.mipade-fusion {
		padding:15px !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 992px){
	.navbar-header .navbar-brand img{
		max-width:150px !important; 
	}
}

@media screen and (min-width: 992px) and (max-width: 1200px){
	.mipade-classic,
	.mipade-pro,
	.mipade-fusion {
		padding:50px 0 !important;
	}
}

.mipade-classic .lead,
.mipade-pro .lead,
.mipade-fusion .lead{
	margin:30px 0
}

.mipade-classic:hover,
.mipade-pro:hover,
.mipade-fusion:hover{
	background:rgba(0,0,0,0.6);
}

.mipade-classic.active,
.mipade-pro.active,
.mipade-fusion.active{
	background:rgba(0,0,0,0.8);
}


.mip-classic{
	text-align:center;
	border-left:1px solid #ccc;
}
.mip-pro{
	text-align:center;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.mip-fusion{
	text-align:center;
	border-right:1px solid #ccc;
}

#compartifTable th {
	color:#fff !important;
	padding:30px 0 !important;
	font-size:22px !important;
	border:0 !important;
}

#compartifTable th.mip-classic {
	background:#aaa;
}
#compartifTable th.mip-pro {
	background:#FFA907;
}
#compartifTable th.mip-fusion {
	background:#F03F2C;
}

.icon-checkmark {
	color:green
}

.btn-brochure {
	padding:0 !important;
}
.btn-brochure a{}


.icon-cross {
	color:red
}

a[data-toggle="popover"]:hover {
	text-decoration:none;
	cursor:pointer;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}