#loader {
	background-color: rgba(8,8,8,0.98); 
}

.logojfc {
	height: 30px;
}

.services .ser-in {
	padding-top: 2%; 
}

.img-responsive {
	display:block;
	width:100%; /* max- */
	height:auto; 	
}

.btn {
	transition: 0.3s; 	
}

.btn:hover {
	color: #c21003; /* #e74c3c; */ 
}

.textes-sub {
	background: url(/images/header/textes.jpg) center center fixed no-repeat;
	background-size: cover;
}

.section-40px {
	padding: 40px 0;
}

.reversetext {
	font-family: 'Roboto', sans-serif; 
	font-weight: bold !important; 
	color: #ffffff !important; 
	text-shadow: -1px -1px 1px rgba(5,5,5,.4), 1px 1px 1px rgba(0,0,0,.6); 
}




.tab1col, .tab2col, .tab3col {
	padding: 30px 20px; 
}

.tab3col {
  -webkit-columns: 3 200px;
     -moz-columns: 3 200px;
          columns: 3 200px;
  -webkit-column-gap: 3em;
     -moz-column-gap: 3em;
          column-gap: 3em;
  -webkit-column-rule: 1px dotted #ddd;
     -moz-column-rule: 1px dotted #ddd;
          column-rule: 1px dotted #ddd;
}



.tab2col {
  -webkit-columns: 2 200px;
     -moz-columns: 2 200px;
          columns: 2 200px;
  -webkit-column-gap: 3em;
     -moz-column-gap: 3em;
          column-gap: 3em;
  -webkit-column-rule: 1px dotted #ddd;
     -moz-column-rule: 1px dotted #ddd;
          column-rule: 1px dotted #ddd;
}




.jfhandclass {
	cursor: pointer; 
}


footer {
	padding: 50px 0;
	padding-bottom: 25px;
}


a:hover {
	color: #c21003; /* #e74c3c; */ 
}

header nav li a:hover {
	border-bottom: 2px solid #c21003; /* #000; */ 
}

.blog-page ul li article .btn:hover {
	border-bottom: 1px solid #c21003; /* #292f33; */ 
}

.border-left {
 border-left:1px solid #c21003!important /* #dee2e6!important */ 
}

.btn:hover {
    border-bottom: 1px solid #c21003; /* #292f33; */ 
}