/* Set padding to keep content from hitting the edges */
@import url('webfont/styles.css');
html{
    min-height: 100%;
    position: relative;
}
.body-content {
    width:100%;
    height:100%;
}


.container {	
  margin-top:5%;
  margin-bottom: 40px;
  padding-left: 15px;

}
.modal-dialog{
    height: 80% !important;
    padding-top:10%;
}
.modal {
    text-align: center; 
  }
  
.modal-content{
    border-radius: 10px;
}
.background{
    width: 100%;
    height: 100%;
    opacity: 0.2;
    position: absolute;
    z-index: -1;
   /* filter: brightness(80%);
    -webkit-filter: brightness(80%);
    -moz-filter: brightness(80%);
    -ms-filter: brightness(80%);  */
    background-repeat: repeat-y;
    background-image: url('../home_fichiers/images/background.png');
    background-size: 100%;
}

.menu {
    min-width:100px;
    min-height: 150px;
    margin-bottom: 10px;
    border-radius: 10px;
    max-height: 210px;
    max-width: 500px;

}


.img {
    width: 470px;
	min-width:180px;
    height:180px;
	max-width:100%;
    filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -moz-filter: brightness(50%);
    -ms-filter: brightness(50%);
    border-radius: 10px;
    object-fit: cover;
    position: relative;
    z-index: -1;
	background-size: 100% 100%;
	display: flex;	
}

.image{
    display: flex;
    align-items: center;
}

.border-service{
    border-left: 6px solid #00a79d !important;
    margin-left: 15px;
    position: absolute;
    height: 80%;
}

.menu:hover .image {
    background: rgba(0,167,157, 0.4);
	border-radius: 10px;
	
}
.menu:hover .border-service {
	border-left: 6px solid #fff!important;
}

.text {
    font-size: 20pt;
    font-family:'futura-pt';
    color: #fff;
    position: absolute;
    z-index: 1;
    top: 60%;
    padding-left: 10%;
    font-weight: 300;
    width:90%;
}
.tittle{
    font-weight: 500;
}
.teal{
    color:#00a79d;
    font-size: 2rem;  
}

.pFuturaBook{
	font-family:'futura-pt';
    line-height:0.2em;
    font-style: italic;
}

.product .img-responsive {
    margin: 0 auto;
}
.copyright{
	margin-left:5%;
	color:#646464;
	margin-top:1%;
}

.footer-right{
	color:#646464 !important;
    position: relative;
   margin-right: 5%;
}
.flexbox{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;   
}
.bottom{
	border-radius:20px;
	background-color: #00a79d;
	color:#fff;
    vertical-align: middle;
    float: none;
    padding: 0.5rem 2rem !important;
}


.footer-left{
	color:#646464 !important;
	position: relative;
   margin-left: 7%;
}

  .popover {
  background: #00a79d;
  margin: 0;
  font-family: 'Futura PT';
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
  
  text-align: left;
  }
  
  .popover-body{
	 color: #fff !important; 
  }
 .footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 60px;
	background-color:#e7e7e7;
}
.footer-row{
	margin-left:0px;
    margin-right:0px;
    margin-top: 1%;
}
.trustwave{
	margin-top:1%;
	text-align:right;
    margin-right:13%;
    margin-bottom: 4em;
}

@media (max-width: 992px){
    .trustwave{
        margin-top:1%;
        text-align:right;
        margin-right:13%;
        margin-bottom: 10%;
    }
}

.pt-4{
    background: #fff;
}


@media (max-width:972px) and (min-width:200px) {
    .footer-right{
       font-size: 11px;
	   margin-right: 2%;
    }
	.footer-left{
		font-size: 10px;
		margin-left: 1%;
    }
    .footer-row{
        margin-left: -15px;
    }
}