/*
    Lisa Monpierre
    EFRITS SAS
 
    Training center website
    Dec. 2021
*/

#footer
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;

	text-align:center;
	color: white;

}


#footer a
{
	color: white;
}

#footerServiceClient
{
	width: 100%;
	
	margin: 0;
	padding: 0;
	text-align: center;


	z-index: 0;
	
	color: white;
}

 #footerSlip
{
	width: 100%;

	padding: 0;
	margin: 0;
	
	text-align: left;
	background-color: black;
}
 
.footerSlipTitle
{
	width: 100%;
	margin: 20px 0;

	color: white !important;
	font-weight: bold;
	text-align: left;
	font-size: 0.8em;
}

#footerSlipIcons
{
	width: 100%;
	
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	
	padding: 0;
	margin: auto;
}

#footerBack
{
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;

	width: 100%;
	margin: 0 auto;
	background-color: black;

}

#footerEnd
{
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

#footerEFRITS
{
	margin: 0 auto;

	width: 100%;

	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
}

#footerCertif
{
	width: 100%;

	margin: 0 auto;

	display: flex;
	flex-wrap: wrap;
	align-content: space-around;

}

#footerFC
{
	width: calc(100%);
	margin: 0;

	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
}

#footerFC img
{
	height: 50px;
	margin: 20px 0;
	padding: 0%;
}

#footerFC p
{
	margin: 5px auto;
	width: 100%;
	text-align: left;
	font-size: 0.6em;
}

#footerQualiopi
{
	width: calc(100%);
	margin: 1em auto;
	padding: 0%;

	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
}

#footerQualiopi img
{
	height: 50px;
	padding: 0%;
	margin: 20px 0;
}

#footerQualiopi p
{
	margin: 5px 0;
	width: 100%;
	text-align: left;
	font-size: 0.6em;
}

#footerContact
{
	text-align:left;

	margin: 0;
	padding: 0 40px 0 0 ;
}

#footerContact img
{	
	margin: 0;
	padding: 0;
}

#footerContact a
{
	cursor: pointer;
	
	text-decoration: none;
}

#footerLists
{
	
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
}

.footerSlipIcon
{
	height: inherit;
	
	background-color: #373737;

	display: inline-block;
	padding: 5px;
}

.footerSlipIcon h3
{
	margin: 0;
	padding: 0;
	size: xx-large;

}

.footerSlipIcon img
{
	margin: 0;
	padding: 0;
}

.footerList
{
	margin: 10px 0;
	padding: 0;
}

.footerList ul
{
	margin: 0;
	padding: 0;
	
	list-style: none;
	text-align: left;
}

.footerList li
{
	padding: 2px 0px 0px 10px;
}

.footerList a 
{
	text-decoration: none;
}

.footerList a:hover
{
}

.footerList h3
{	
	margin: 0;
	padding: 6px;
		
	text-align: left;
}

.footerList h3:hover
{
}

.ctaButtonTopMobile
{
	width: 50px !important;
	height: 50px !important;

	top: calc(80px + 10px) !important;
	left: calc(100% - 50px - 10px) !important;
}

.ctaButtonMiddleMobile
{
	width: 50px !important;
	height: 50px !important;
	
	top: calc(80px + 10px + 10px + 50px) !important;
	left: calc(100% - 50px - 10px) !important;
}

.ctaButtonBottomMobile
{
	width: 50px !important;
	height: 50px !important;
	
	top: calc(80px + 50px + 10px + 10px + 50px + 10px) !important;
	left: calc(100% - 50px - 10px) !important;

}

.ctaButtonMiddle
{
	position: fixed;
	z-index: 1;
	padding: 15px;
	
	border: none;
	outline: none;
	
	background-color: transparent;
}

.ctaButtonMiddle:hover
{
	cursor: grab;
}

.ctaButtonBottom
{
	position: fixed;
	z-index: 1;
	padding: 15px;
	
	border: none;
	outline: none;
	background-color: transparent;
}

.ctaButtonBottom:hover
{
	cursor: grab;
}

.iconTelBurgerMobile
{
	display: block !important;
}

.iconTelBurger
{
	display: none;
}

.ctaButtonTop
{
	position: fixed;
	z-index: 1;
	
	border-radius: 6px;
	border: none;
	outline: none;
	
	background-color: #00ff00;
	
	color: white;
	font-weight: bold;
	text-align: right;
}

.ctaButtonTop:hover
{
	background-color: #00ff00;
	cursor: grab;

}

.iconBlockMobile img
{
	margin: auto;

	height:50px !important;
	width: 50px !important;
}

.iconBlock img
{
	margin: auto;

	height:50px;
	width: 50px;
}

.iconBlock
{
	height: 50px;
	width: 50px;

	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	margin: auto;
}

#iconDescTelId, #iconDescInsId, #iconDescBroId
{
	padding:16px 0;
	width: 110px;
	position: absolute;
	display: none;
	top: -14px;
	left:-115px;
	text-align: center;
	border: solid 2px #00ff00;
	background-color: white;
	color: black;
}

.icon 
{
	width: 100%;
	height: 100%;
	
	position: absolute;
	top:0;
	left: 0;
	padding: 14% 0 0 7%;
	z-index: 1;
}

.iconText
{
	width: 100%;
	height: 100%;

	padding: 0 0 0 30px;
	z-index: -2;
}

.pencil::before
{
	width: 6px;
	height: 6px;

	content: "";
	position: absolute;

	background: #FAF9F9;
	top: -8px;
	left: -0.5px;
}

.pencil 
{
	width: 5px;
	height: 25px;

	position:relative;

	background:#FAF9F9;
	transform:rotate(30deg);
}

.pencil::after
{
	width: 6px;
	height: 6px;

	position: absolute;
	left: 0px;
	bottom: -2px;

	content: "";
	background:  #FAF9F9;
	transform: rotate(45deg);
}

.pencilIconAnimation:hover
{
	animation-name: wobbleHorizontalEffect;
	animation-duration: 4s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}

.calculator
{
	width: 30px;
	height: 30px;

	border-radius:6px;
}

.calculator:before
{
	width: 29px;
	height: 5px;

	position:absolute;
	top: 25px;
	left: 10px;
	z-index:2;

	background:#FAF9F9;

	content:"";
	border-radius:6px;
}

.calculator:after
{
	width: 5px;
	height: 5px;

	position:absolute;
	top:35px;
	left:10px;

	background:#FAF9F9;
	border-radius:6px;
	
	box-shadow:
	8px 0 #FAF9F9,
	16px 0 #FAF9F9,
	24px 0 #FAF9F9,
	
	0 8px #FAF9F9,
	8px 8px #FAF9F9,
	16px 8px #FAF9F9,
	24px 8px #FAF9F9,
	
	24px 10px #FAF9F9,
	24px 12px #FAF9F9,
	24px 14px #FAF9F9,
	
	0 16px #FAF9F9,
	8px 16px #FAF9F9,
	16px 16px #FAF9F9,
	24px 16px #FAF9F9
	;
	content:"";
}

.calculatorAnimation:hover
{
	animation-name: wobbleVerticalEffect;
	animation-duration: 2s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}

.backgroundSlidingDiagonalsH1 
{
	min-height: 100px;
	width: 60%;
	
	margin: 20px auto;
	font-size: xx-large;

	color: white !important;
	font-weight: bold;
	text-align: center;
}

.footerSlipIconsButton 
{
	height: 50px;
	
	position: relative;
	float: left;
	margin: auto;

	background-color: transparent;
	border-radius: 6px;
	box-sizing: border-box;

	font-size: 30px;
	font-weight: bold;
	color: #FAF9F9;
	text-align: center;
	border: none;
	
	cursor: pointer;
}

.footerSlipIconsButton:hover
{
	background-color: transparent;
	color: #FAF9F9;
}


.backgroundSlidingDiagonalsButton 
{
	height: 60px;
	width: 40%;
	
	position: absolute;
	top: 70%;
	left: 50%;

	background-color: transparent;
	box-sizing: border-box;

	font-size: 30px;
	font-weight: bold;
	color: white;
	text-align: center;
	transform: translate(-50%, -50%);
	
	cursor: pointer;
}

#footerPartners
{
	color: white;
	background-color: black;
	width: 100%;
				
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	margin: 0;
	padding: 0;
}

#footerPartnersBlock a
{
	color: white;
	text-decoration: none;
}

@media 	only screen and 
		(min-width: 541px) 
		/* portrait tablet */
{
	#footerEnd
	{
		width: 100%;
	}
	/* FOOTER CONTACT */
	
	#footerContact, #mapAddress
	{
		width: calc(100%);
	}
	
	/* FOOTER LIST */
	
	#footerLists
	{
		margin: 0;
		width: 100%;
	}
	
	.footerList
	{
		width: calc(100%/2.2);
		margin: 10px auto;
		font-size: 20px;	
	}
	
	.footerList h3
	{
		font-size: 20px;	
	}
	
	/* FOOTER SLIP */
	
	#footerSlipIcons
	{
		width: 100%;
	}
	
	.footerSlipIcon
	{
		width: calc(100% / 3);
		
		margin: 20px 20px;
	}
	
	.footerSlipIcon h3
	{
		font-size: 20px;
	}
	
	.footerSlipIcon img
	{
		width: 130px;
		height: 130px;
	}
	.footerSlipIconsButton 
	{
		width: 85%;
	}

	/* FOOTER BUTTON */
	
	.ctaButtonTop
	{
		width: 50px;
		height: 50px;
		
		top: calc(50% - 50px - 10px);
		left: calc(100% - 50px - 10px);
		padding: 0;		
		margin: 0;
		background-color: #00ff00;
	}
	
	.ctaButtonMiddle
	{
		width: 50px;
		height: 50px;
		
		top: calc(50%);
		left: calc(100% - 50px - 10px);
		padding: 0;		
		margin: 0;
	}
	
	.ctaButtonBottom
	{
		width: 50px;
		height: 50px;
		
		top: calc(50% + 50px + 10px);
		left: calc(100% - 50px - 10px);
		padding: 0;		
		margin: 0;
	}
	
	/* FOOTER PARTNER */

	#footerPartners a
	{
		color: white;
	}

	#footerPartnersBlock
	{

		border-top: #00ff00 solid 1px;
				
		margin: auto;
	}

	#footerPartnersBlock p
	{
		float: left;

		margin: 0;
		padding: 25px 0 0 0;
		
		font-size: 0.8em;
		text-align: left;
	}

	#footerPartnerList
	{
		height: 50px;
		width: 50%;
		
		text-align: left;
		float: left;

		margin: 0;
		padding: 0;
	}

	#footerPartnerList img
	{
		margin: 0 20px 0 0;
		padding: 0;
	}
	
	.backgroundSlidingDiagonalsH1 
	{
		width: 90%;
	}
	
	.backgroundSlidingDiagonalsButton 
	{
		width: 85%;
	}
}

@media 	only screen and 
		(max-width: 540px) /* portrait mobile */
{
	#footerEnd
	{
		width: 95%;
	}
	/* FOOTER CONTACT */
	
	#footerContact, #mapAddress
	{
		width: 100%;
	}

	/* FOOTER LIST */
	
	#footerLists
	{
		margin: 0;
		width: 100%;
	}

	.footerList
	{
		width: calc(100%/2);
		
		font-size: 19px;
	}
	
	.footerList h3
	{
		font-size: 19px;	
	}
	
	/* FOOTER SLIP */
	
	#footerSlipIcons
	{
		width: 100%;
	}
	
	.footerSlipIcon
	{
		width: calc(100% / 3);
		
		margin: 15px 20px;
	}
	
	.footerSlipIcon h3
	{
		font-size: 22px;
	}
	
	.footerSlipIcon img
	{
		width: 140px;
		height: 140px;
	}
	.footerSlipIconsButton 
	{
		width: 90%;
	}
	
	/* FOOTER BUTTON */

	.ctaButtonTop
	{
		width: 50px;
		height: 50px;
		
		top: calc(50% - 50px - 10px);
		left: calc(100% - 50px - 10px);
		padding: 0;		
		margin: 0;
		background-color: #00ff00;
	}
	
	.ctaButtonMiddle
	{
		width: 50px;
		height: 50px;
		
		top: calc(50%);
		left: calc(100% - 50px - 10px);
		padding: 0;		
		margin: 0;
	}
	
	.ctaButtonBottom
	{
		width: 50px;
		height: 50px;
		
		top: calc(50% + 50px + 10px);
		left: calc(100% - 50px - 10px);
		padding: 0;		
		margin: 0;
	}
	
	/* FOOTER PARTNER */

	#footerPartnersBlock
	{
		width: 100%;
		height: 100%;
				
		margin: auto;
		padding: 20px 10px;
	}

	#footerPartnersBlock p
	{
		float: left;

		margin: 0;
		padding: 25px 0 0 0;
		
		font-size: 0.8em;
		text-align: left;
	}

	#footerPartnerList
	{
		height: 60px;
		width: 100%;
		
		text-align: left;
		float: left;

		margin: 0;
		padding: 0;
	}

	#footerPartnerList img
	{
		height: 60px;
		
		margin: 0 20px 0 0;
		padding: 0;
	}
	
	. 
	{
		font-size: 52px;
		width: 90%;
	}
	
	.backgroundSlidingDiagonalsButton 
	{
		width: 90%;
	}
}

@media 	only screen and 
		(min-width : 1825px) /* desktop */
{
	#footerEnd
	{
		width: 65%;
	}
	/* FOOTER CONTACT */
	#footerEFRITS, #footerCertif
	{
		margin: auto;
	}
	#footerContact, #mapAddress
	{
		width: calc(100% / 2);
	}

	/* FOOTER LIST */

	#footerLists
	{
		margin: 20px 5% 0 5%;
		width: calc(100% - 10%);
	}

	.footerList
	{
		width: calc(100%/3);
				
		font-size: 20px;
	}
	
	.footerList h3
	{
		font-size: 20px;	
	}
	
	/* FOOTER SLIP */

	.footerSlipIcon
	{
		width: calc(100% / 3);
		
		margin: 40px 20px;
	}
	
	.footerSlipIcon h3
	{
		font-size: 20px;
	}
	
	.footerSlipIcon img
	{
		width: 100px;
		height: 100px;
	}
	.footerSlipIconsButton 
	{
		width: 50%;
	}
	
	/* FOOTER BUTTONS */
	
	.ctaButtonTop
	{
		width: 160px;
		height: 80px;
		
		top: calc(50% - 80px - 10px);
		left: calc(100% - 160px - 10px);
		padding: 0 10px 0 0;
		
		font-size: 16px;
		
		margin: 0;
		border-radius: 6px;
		background-color: #00ff00;
	}
	
	.ctaButtonMiddle
	{
		width: 160px;
		height: 80px;
		
		top: calc(50%);
		left: calc(100% - 160px - 10px);
		padding: 10px;

		font-size: 16px;
		border-radius: 6px;
		margin: 0;
	}
	
	.ctaButtonBottom
	{
		width: 160px;
		height: 80px;
		
		top: calc(50% + 80px + 10px);
		left: calc(100% - 160px - 10px);
		padding: 10px;

		font-size: 16px;
		
		margin: 0;
		border-radius: 6px;
	}

	/* FOOTER PARTNER */

	#footerPartnersBlock
	{
		width: 70%;
		height: 100%;
				
		margin: auto;
		padding: 20px 10px;
	}
	
	#footerPartnersBlock p
	{
		float: left;

		margin: 0;
		padding: 15px 0 0 0;
		
		font-size: 0.8em;
		text-align: left;
	}

	#footerPartnerList
	{
		height: 50px;
		width: 50%;
		
		text-align: left;
		float: left;

		margin: 0;
		padding: 0;
	}

	#footerPartnerList img
	{
		margin: 0 20px 0 0;
		padding: 0;
	}
	
	.backgroundSlidingDiagonalsH1 
	{
		width: 60%;
	}
	.backgroundSlidingDiagonalsButton 
	{
		width: 40%;
	}
}

@media 	only screen and 
		(orientation: landscape) and 
		(min-width: 1601px) and 
		(max-width: 1824px) /* desktop */
{
	#footerEnd
	{
		width: 65%;
	}
	/* FOOTER CONTACT */

	#footerContact, #mapAddress
	{
		width: calc(100% / 2);
	}
	
	/* FOOTER LIST */

	#footerLists
	{
		margin: 20px 5% 0 5%;
		width: calc(100% - 10%);
	}

	.footerList
	{
		width: calc(100% / 3);
				
		font-size: 20px;
	}
	
	.footerList h3
	{
		font-size: 20px;	
	}
	
	/* FOOTER SLIP */

	#footerSlipIcons
	{
		width: 100%;
	}

	.footerSlipIcon
	{
		width: calc(100% / 3);
		
		margin: 40px 20px;
	}
	
	.footerSlipIcon h3
	{
		font-size: 20px;
	}
	
	.footerSlipIcon img
	{
		width: 100px;
		height: 100px;
	}
	.footerSlipIconsButton 
	{
		width: 50%;
	}
	
	/* FOOTER BUTTONS */
	
	
	.ctaButtonTop
	{
		width: 160px;
		height: 80px;
		
		top: calc(50% - 80px - 10px);
		left: calc(100% - 160px - 10px);
		padding: 0 10px 0 0;
		
		font-size: 16px;
		border-radius: 6px;
		background-color: #00ff00;
		margin: 0;
	}
	
	.ctaButtonMiddle
	{
		width: 160px;
		height: 80px;
		
		top: calc(50%);
		left: calc(100% - 160px - 10px);
		padding: 10px;

		font-size: 15.5px;
		margin: 0;
		background-color: white;
	}
	
	.ctaButtonBottom
	{
		width: 160px;
		height: 80px;
		
		top: calc(50% + 80px + 10px);
		left: calc(100% - 160px - 10px);
		padding: 10px;

		font-size: 15.5px;
		border-radius: 6px;
		margin: 0;
	}

	/* FOOTER PARTNER */

	#footerPartnersBlock
	{
		width: 70%;
		height: 100%;
				
		margin: auto;
		padding: 20px 10px;
	}
	
	#footerPartnersBlock p
	{
		float: left;

		margin: 0;
		padding: 15px 0 0 0;
		
		font-size: 0.8em;
		text-align: left;
	}

	#footerPartnerList
	{
		height: 50px;
		width: 50%;
		
		text-align: left;
		float: left;

		margin: 0;
		padding: 0;
	}

	#footerPartnerList img
	{
		margin: 0 20px 0 0;
		padding: 0;
	}
	
	.backgroundSlidingDiagonalsH1 
	{
		width: 60%;
	}
	.backgroundSlidingDiagonalsButton 
	{
		width: 40%;
	}
}

@media 	only screen and 
		(orientation: landscape) and 
		(min-width: 1225px) and 
		(max-width: 1600px) /* laptop */
{
	#footerEnd
	{
		width: 65%;
	}
	/* FOOTER CONTACT */

	#footerContact, #mapAddress
	{
		width: calc(100% / 2);
	}

	/* FOOTER LIST */

	#footerLists
	{
		margin: 20px 5% 0 5%;
		width: calc(100% - 10%);
	}

	.footerList
	{
		width: calc(100%/3);
				
		font-size: 20px;
	}
	
	.footerList h3
	{
		font-size: 20px;	
	}
	
	/* FOOTER SLIP */

	#footerSlipIcons
	{
		width: 100%;
	}

	.footerSlipIcon
	{
		width: calc(100% / 3);
		
		margin: 40px 20px;
	}
	
	.footerSlipIcon h3
	{
		font-size: 20px;
	}
	
	.footerSlipIcon img
	{
		width: 100px;
		height: 100px;
	}
	.footerSlipIconsButton 
	{
		width: 80%;
	}
	
	/* FOOTER BUTTONS */
	
	
	.ctaButtonTop
	{
		width: 180px;
		height: 80px;
		
		top: calc(50% - 80px - 10px);
		left: calc(100% - 180px - 10px);
		padding: 0 10px 0 0;
		
		font-size: 16px;
		border-radius: 6px;		
		background-color: #00ff00;
		margin: 0;
	}
	
	.ctaButtonMiddle
	{
		width: 180px;
		height: 80px;
		
		top: calc(50%);
		left: calc(100% - 180px - 10px);
		padding: 10px;

		font-size: 16px;
		border-radius: 6px;		
		margin: 0;
	}
	
	.ctaButtonBottom
	{
		width: 180px;
		height: 80px;
		
		top: calc(50% + 80px + 10px);
		left: calc(100% - 180px - 10px);
		padding: 10px;

		font-size: 16px;
		
		border-radius: 6px;
		margin: 0;
	}
	
	/* FOOTER PARTNER */

	#footerPartnersBlock
	{
		width: 70%;
		height: 100%;
				
		margin: auto;
		padding: 20px 10px;
	}
	
	#footerPartnersBlock p
	{
		float: left;

		margin: 0;
		padding: 15px 0 0 0;
		
		font-size: 0.8em;
		text-align: left;
	}

	#footerPartnerList
	{
		height: 50px;
		width: 50%;
		
		text-align: left;
		float: left;

		margin: 0;
		padding: 0;
	}

	#footerPartnerList img
	{
		margin: 0 20px 0 0;
		padding: 0;
	}
	
	.backgroundSlidingDiagonalsH1 
	{
		width: 80%;
	}
	
	.backgroundSlidingDiagonalsButton 
	{
		width: 65%;
	}
}

@media 	only screen and 
		(orientation: landscape) and 
		(min-width: 961px) and 
		(max-width: 1224px) 
		/* landscape tablet */
{
	#footerEnd
	{
		width: 95%;
	}
	/* FOOTER CONTACT */

	#footerContact, #mapAddress
	{
		width: calc(100% / 2);
	}
	
	/* FOOTER LIST */
	
	#footerLists
	{
		margin: 20px 5% 0 5%;
		width: calc(100% - 10%);
	}
	
	.footerList
	{
		width: calc(100%/3);
		
		font-size: 20px;	
	}
	
	.footerList h3
	{
		font-size: 20px;	
	}
	
	/* FOOTER SLIP */
	
	#footerSlipIcons
	{
		width: 90%;
	}
	
	.footerSlipIcon
	{
		width: calc(100% / 3);
		
		margin: 20px 20px;
	}
	
	.footerSlipIcon h3
	{
		font-size: 20px;
	}
	
	.footerSlipIcon img
	{
		width: 130px;
		height: 130px;
	}
	.footerSlipIconsButton 
	{
		width: 90%;
	}
	
	/* FOOTER BUTTON */

	.ctaButtonTop
	{
		width: 50px;
		height: 50px;
		
		top: calc(50% - 50px - 10px);
		left: calc(100% - 50px - 10px);
		padding: 0;		
		margin: 0;
		background-color: #00ff00;
	}
	
	.ctaButtonMiddle
	{
		width: 80px;
		height: 80px;
		
		top: calc(50%);
		left: calc(100% - 50px - 10px);
		padding: 0;		
		margin: 0;
	}
	
	.ctaButtonBottom
	{
		width: 50px;
		height: 50px;
		
		top: calc(50% + 50px + 10px);
		left: calc(100% - 50px - 10px);
		padding: 0;		
		margin: 0;
	}

	/* FOOTER PARTNER */

	#footerPartnersBlock
	{
		width: 100%;
		height: 100%;
				
		margin: auto;
		padding: 20px 10px;
	}

	#footerPartnersBlock p
	{
		float: left;

		margin: 0;
		padding: 25px 0 0 0;
		
		font-size: 0.8em;
		text-align: left;
	}

	#footerPartnerList
	{
		height: 50px;
		width: 50%;
		
		text-align: left;
		float: left;

		margin: 0;
		padding: 0;
	}

	#footerPartnerList img
	{
		margin: 0 20px 0 0;
		padding: 0;
	}
	
	.backgroundSlidingDiagonalsH1 
	{
		width: 60%;
	}
	
	.backgroundSlidingDiagonalsButton 
	{
		width: 80%;
	}
}

@media 	only screen and 
		(orientation: landscape) and 
		(max-device-width: 960px) 
		/* landscape mobile */
{
	#footerEnd
	{
		width: 95%;
	}
	/* FOOTER CONTACT */

	#footerContact, #mapAddress
	{
		width: calc(100% / 2);
	}
	
	/* FOOTER LIST */
	
	#footerLists
	{
		margin: 20px 5% 0 5%;
		width: calc(100% - 10%);
	}
	
	.footerList
	{
		width: calc(100%/3);
		
		font-size: 20px;	
	}
	
	.footerList h3
	{
		font-size: 20px;	
	}
	
	/* FOOTER SLIP */
	
	#footerSlipIcons
	{
		width: 100%;
	}
	
	.footerSlipIcon
	{
		width: calc(100% / 3);
		
		margin: 20px 20px;
	}
	
	.footerSlipIcon h3
	{
		font-size: 20px;
	}
	
	.footerSlipIcon img
	{
		width: 130px;
		height: 130px;
	}
	.footerSlipIconsButton 
	{
		width: 80%;
	}
	
	/* FOOTER BUTTON */

	.ctaButtonTop
	{
		width: 50px;
		height: 50px;
		
		top: calc(50% - 50px - 10px);
		left: calc(100% - 50px - 10px);
		padding: 0;		
		margin: 0;
		background-color: #00ff00;
	}
	
	.ctaButtonMiddle
	{
		width: 50px;
		height: 50px;
		
		top: calc(50%);
		left: calc(100% - 50px - 10px);
		padding: 0;		
		margin: 0;
	}
	
	.ctaButtonBottom
	{
		width: 50px;
		height: 50px;
		
		top: calc(50% + 50px + 10px);
		left: calc(100% - 50px - 10px);
		padding: 0;		
		margin: 0;
	}
	
	/* FOOTER PARTNER */

	#footerPartnersBlock
	{
		width: 100%;
		height: 100%;
				
		margin: auto;
		padding: 20px 10px;
	}

	#footerPartnersBlock p
	{
		float: left;

		margin: 0;
		padding: 25px 0 0 0;
		
		font-size: 0.8em;
		text-align: left;
	}

	#footerPartnerList
	{
		height: 50px;
		width: 50%;
		
		text-align: left;
		float: left;

		margin: 0;
		padding: 0;
	}

	#footerPartnerList img
	{
		margin: 0 20px 0 0;
		padding: 0;
	}
	
	.backgroundSlidingDiagonalsH1 
	{
		width: 60%;
	}
	
	.backgroundSlidingDiagonalsButton 
	{
		width: 90%;
	}
}