
.sector {
	position: relative;
	width: 100%;
}

.image_cat {
	display: block;
	width: 100%;
	height: 200px;
}

.overlay_cat {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #008CBA;
	overflow: hidden;
	width: 100%;
	height: 50px;
	transition: .5s ease;
	opacity: 0.9;
}

ul.b {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sector:hover .overlay_cat {
	height: 100%;
}

.sector:hover .overlay_cat .text_cat {
	top: 50%;
}

.text_cat {
	color: white;
	font-size: 10px;
	position: absolute;
	top: 150%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

.fakeimg {
	height: 200px;
	background: #aaa;
}

.whatsnew {
	background-color: #feb236 !important;
	width: 300px;
	box-shadow: 5px 5px 2px grey;
}

.nav-white-color {
	color: white !important;
}



/* /////////////////////// */
h3 {
	color: black;
}

.text {
	color: black;
	text-align: center;
}

.folded-corner:hover .text {
	visibility: visible;
	color: black;
}

.folded-corner:hover h3 {
	visibility: visible;
	color: orange;
}

.Services-tab {
	margin-top: 20px;
}

/*
  nav link items
*/
.folded-corner {
	padding: 25px 25px;
	position: relative;
	font-size: 90%;
	text-decoration: none;
	color: #999;
	background: transparent;
	transition: all ease .5s;
	border: 1px solid white;
}

.folded-corner:hover {
	background-color: #588c7e;
}

/*
  paper fold corner
*/
.folded-corner:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-style: solid;
	border-width: 0 0px 0px 0;
	border-color: #ddd #588c7e;
	transition: all ease .3s;
}

/*
  on li hover make paper fold larger
*/
.folded-corner:hover:before {
	background-color: #D00003;
	border-width: 0 50px 50px 0;
	border-color: #eee orange;
}

.service_tab_1 {
	background-color: orange;
}

.service_tab_1:hover .fa-icon-image {
	color: orange;
	transform: rotate(360deg) scale(1.5);
}

.fa-icon-image {
	color: #588c7e;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	font-size-adjust: none;
	font-stretch: normal;
	-moz-font-feature-settings: normal;
	-moz-font-language-override: normal;
	text-rendering: auto;
	transition: all .65s linear 0s;
	text-align: center;
	transition: all 1s cubic-bezier(.99, .82, .11, 1.41);
}
