.cb-item {
	text-align: center;
	position: relative;
}
.cb-item-content{
	position: relative;
}
.cb-item-content .cb-img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	width: 100%;
}
.cb-item-content .cb-img.secondary-image,
.cb-item-content:hover .cb-img.primary-image {
	display: none;
}
.cb-item-content:hover .cb-img.secondary-image {
	display: inline-block;
}
.html-over .custom-html {
	display: table;
	margin: auto;
	position: absolute;
	width: 100%;
	top: 0; left: 0; bottom: 0; right: 0;
	height: 100%;
}
.html-over .custom-html p{
	margin-bottom: 15px;
}
@media(min-width: 992px){
	#index #content.page-home .cb.displayHome{
		padding: 0 70px 5px;
	}
	#index #content.page-home .cb.displayHome .custom-html-content h2,
	#index #content.page-home .cb.displayHome .custom-html-content a.title-link{
		font-family: var(--font-secondary);
		font-size: 50px;
		font-style: normal;
		line-height: 48px;
	}
	#index #content.page-home .cb.displayHome .custom-html-content a.title-link:hover{
		color: var(--black-sp);
		text-decoration: none;
	}
	#index #content.page-home .cb.displayHome .custom-html-content p{
		font-size: 20px;
    	line-height: 32px;
	}
	#index #content.page-home .cb.displayHome .custom-html-content a{
		margin-top: 35px;
	}
	#index #content.page-home .cb.displayHome .cb-item-content .cb-img{
		border-radius: 18px 18px 18px 0;
	}
	#index .html-over .custom-html{
		display: flex;
		align-items: center;
	}
	#index .html-over .custom-html .custom-html-content{
		padding: 40px 120px;
		width: 100%;
		text-align: left;
	}
	#index .displayHome {
		min-height: 29vw;
	}
}
@media(max-width: 991px){

	#index #content.page-home .cb.displayHome{
		padding-bottom: 4px;
	}
	#index .displayHome {
		min-height: 113vw;
	}
	#index #content.page-home .cb.displayHome .link-img{
		height: 100%;
	}
	#index #content.page-home .cb.displayHome .custom-html{
		height: fit-content;
		margin: 0;
	}
	#index #content.page-home .cb.displayHome .custom-html h2, 
	#index #content.page-home .cb.displayHome .custom-html h3,
	#index #content.page-home .cb.displayHome .custom-html a.title-link{
		font-family: var(--font-secondary);
		font-size: 45px;
		color: var(--black-sp);
		line-height: 42px;
	}
	#index #content.page-home .cb.displayHome .custom-html a.title-link:hover{
		color: var(--black-sp);
		text-decoration: none;
	}
	#index .html-over .custom-html .custom-html-content{
		padding: 20px 30px;
		max-width: 100%;
	}
}
.img-rb .cb-item-content img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* carousels */
.cb-wrapper .cb-carousel {
	visibility: hidden;
	max-height: 50px;
}
.cb-wrapper .cb-carousel.swiper-container-horizontal {
	visibility: visible;
	max-height: none;
}
/* accordion */
.cb-wrapper.type-4 {
	margin-top: 1px;
}
.cb-wrapper.type-4 .cb-item {
	width: 100%;
}
.cb-wrapper.type-4 .cb-item-title {
	text-align: left;
	padding: 10px;
	border: 1px solid #D0D5DB;
	margin-top: -1px;
	cursor: pointer;
}
.cb-wrapper.type-4 .cb-item-title:before {
	content: '+';
	font: bold 1.2em/1 Arial;
	color: #AAB2BD;
	margin-right: 5px;
}
.cb-wrapper.type-4 .cb-item.active .cb-item-title:before {
	content: '−';
}
/* grid values for 480 px. They are not present in BS 3 */
@media (max-width: 479px) {
	[class*=".col-xxs-"]{ float: left; }
	.col-xxs-1  { width: 8.3%; }
	.col-xxs-2  { width: 16.6%; }
	.col-xxs-3  { width: 25%; }
	.col-xxs-4  { width: 33.3%; }
	.col-xxs-5  { width: 41.8%; }
	.col-xxs-6  { width: 50%; }
	.col-xxs-7  { width: 58.3%; }
	.col-xxs-8  { width: 66.6%; }
	.col-xxs-9  { width: 75%; }
	.col-xxs-10 { width: 83.3%; }
	.col-xxs-11 { width: 91.6%; }
	.col-xxs-12 { width: 100%; }
}

/* special classes used in layout */
.cb .compact-gutters-container {
	margin: 0 -5px;
}
.cb .compact-gutters {
	padding: 0 5px 9px 5px;
}
.box-shadow, .img-box-shadow img {
	box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.15);
}
.clear-both {
	clear: both;
}
/* since 2.9.9 */