/*
Theme Name: Pimpampoum - v2
Theme URI: https://dev4u.lu
Author: DEV4U
Author URI: https://dev4u.lu
Description: Thème Pimpampoum v2.
Version: 2.0
*/
html,
body{
	width: 100%;
	height: 100%;
	margin: 0;
}

.not-found{
	padding: 40px 0;
}

.clear{
	clear: both;
}

a{
	color: #79c2c6;
	text-decoration: none;
}
a:hover{
	color: #79c2c6;
	text-decoration: none;
}

.grecaptcha-badge{
	bottom: 90px!important;
}

#CONSTANT_OPEN_URL{
	font-size: 14px;
	text-decoration: none;
}
#cookie_action_close_header:hover{
	background-color: transparent!important;
}

label{
	width: 100%;
}
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='number']{
	width: 100%;
	padding: 10px 10px;
	border-radius: 5px;
	border: solid gray 1px;
}
select{
	padding: 10px 10px;
	border-radius: 5px;
	border: solid gray 1px;
	margin-left: 10px;
}
.wpcf7-checkbox .wpcf7-list-item{
	margin: 0!important;
}

/*HEADER*/
.sloganColor{
	color: #79c2c6;
}

header.header{
	padding: 20px 10px;
	background-color: #fff;
	transition: ease-in-out all 0.5s;
}
header.header .navbar-brand img#logoHeader{
	height: 100px;
	width: auto;
	max-width: 200px;
	transition: ease-in-out all 0.5s;
}
header.header #navbarToggler ul#menu-menu-principal>li>a,
header.header #navbarToggler ul#menu-menu-principal-fr>li>a,
header.header #navbarToggler ul#menu-menu-principal-en>li>a{
	/* padding: 10px 25px; */
	color: #000;
	font-size: 24px;
	transition: ease-in-out all 0.2s;
}
header.header #navbarToggler ul#menu-menu-principal>li:first-child>a,
header.header #navbarToggler ul#menu-menu-principal-fr>li:first-child>a,
header.header #navbarToggler ul#menu-menu-principal-en>li:first-child>a{
	padding-left: 0;
}
header.header #navbarToggler ul#menu-menu-principal>li:last-child>a,
header.header #navbarToggler ul#menu-menu-principal-fr>li:last-child>a,
header.header #navbarToggler ul#menu-menu-principal-en>li:last-child>a{
	padding-right: 0;
}
header.header #navbarToggler ul#menu-menu-principal>li:NOT(:last-child)>a:hover,
header.header #navbarToggler ul#menu-menu-principal>li.current-menu-item:NOT(:last-child)>a,
header.header #navbarToggler ul#menu-menu-principal-fr>li:NOT(:last-child)>a:hover,
header.header #navbarToggler ul#menu-menu-principal-fr>li.current-menu-item:NOT(:last-child)>a,
header.header #navbarToggler ul#menu-menu-principal-en>li:NOT(:last-child)>a:hover,
header.header #navbarToggler ul#menu-menu-principal-en>li.current-menu-item:NOT(:last-child)>a{
	color: #79c2c6;
}
header.header #navbarToggler ul#menu-menu-principal>li:last-child>a,
header.header #navbarToggler ul#menu-menu-principal-fr>li:last-child>a,
header.header #navbarToggler ul#menu-menu-principal-en>li:last-child>a{
	border: 3px solid #13A4E3;
	border-radius: 20px;
	color: #13A4E3;
	padding: 16px 38px;
}
header.header #navbarToggler ul#menu-menu-principal>li:last-child>a:hover,
header.header #navbarToggler ul#menu-menu-principal>li.current-menu-item:last-child>a,
header.header #navbarToggler ul#menu-menu-principal-fr>li:last-child>a:hover,
header.header #navbarToggler ul#menu-menu-principal-fr>li.current-menu-item:last-child>a,
header.header #navbarToggler ul#menu-menu-principal-en>li:last-child>a:hover,
header.header #navbarToggler ul#menu-menu-principal-en>li.current-menu-item:last-child>a{
	background-color: #13A4E3;
	color: #fff;
	transition: ease-in-out all 0.2s;
}
/*STICKY*/
header.header.sticky{
	padding: 10px 10px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
header.header.sticky .navbar-brand img#logoHeader{
	height: 65px;
}
/*STICKY*/
/*LANGUAGE*/
ul:NOT(.sub-menu)>li.wpml-ls-item{
	position: relative;
}
ul:NOT(.sub-menu)>li.wpml-ls-item::after{
	content: "\02EC";
	font-size: 24px;
	line-height: 24px;
	position: absolute;
	top: 50%;
	left: 45px;
	transform: translate(0,-50%);
	z-index: 1;
}
.wpml-ls-item .sub-menu{
	display: none;
	position: absolute;
	top: 0;
	padding-top: 50px;
	list-style: none;
	padding-left: 0!important;
	font-size: 24px;
	transition: ease-in-out all 0.2s;
}
.wpml-ls-item:hover .sub-menu{
	display: block;
	transition: ease-in-out all 0.2s;
}
/*LANGUAGE*/
/*HEADER*/


/*CONTENT*/
body{
	background-color: #fff;
	/*background-image: url("/wp-content/themes/pimpampoum-v2/assets/img/bg-50-opacity.png");*/
	/* background-image: url("/wp-content/themes/pimpampoum-v2/assets/img/bg.jpg"); */
	/*background-repeat: no-repeat;*/
	/*background-position: center center;*/
	/*background-size: cover;*/
	/*background-attachment: fixed;*/
}
body>.container-fluid{
	padding-top: 128px;
}
.container-custom{
	max-width: 90%;
	margin: 0 5%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	margin-bottom: 0;
}
.wpb_text_column{
	margin-bottom: 0!important;
}
/*CONTENT*/


/*HOMEPAGE*/
#sectionPPPHP p,
#sectionHDIW p,
#sectionTC p,
#sectionP p{
	font-size: 28px;
	line-height: 42px;
}

.btnCustom{
	display: inline-block!important;
}
.btnCustom button,
.btnCustom a,
#booster #formToShow .wpcf7-submit{
	border-radius: 20px!important;
	font-size: 24px!important;
	color: #fff!important;
	padding: 15px 30px!important;
}
#booster #formToShow .wpcf7-submit{
	border-style: solid;
	border-width: 2px;
}
.btnCustom.btnWatchVideo{
	margin-right: 50px;
}
.btnCustom.btnWatchVideo button,
.btnCustom.btnWatchVideo a,
#booster #formToShow .wpcf7-submit{
	background-color: #71C4C7!important;
	border-color: #71C4C7!important;
	transition: ease-in-out all 0.2s;
}
.btnCustom.btnWatchVideo button:hover,
.btnCustom.btnWatchVideo a:hover,
#booster #formToShow .wpcf7-submit:hover{
	background-color: #447678!important;
	border-color: #447678!important;
	transition: ease-in-out all 0.2s;
}
.btnCustom.btnStartFreeTrial button,
.btnCustom.btnStartFreeTrial a{
	background-color: #13A4E3!important;
	border-color: #13A4E3!important;
	transition: ease-in-out all 0.2s;
}
.btnCustom.btnStartFreeTrial button:hover,
.btnCustom.btnStartFreeTrial a:hover{
	background-color: #0b6085!important;
	border-color: #0b6085!important;
	transition: ease-in-out all 0.2s;
}

#sectionHDIW{

}
#sectionHDIW .wpb_text_colum img{
	vertical-align: text-bottom!important;
}

#sectionTC{

}
/*HOMEPAGE*/


/*START FREE TRIAL*/
#booster{
	background-color: #fff;
}
.shadow{
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}

#booster input[type='text']:NOT(.noMarginTop),
#booster input[type='tel']:NOT(.noMarginTop),
#booster input[type='number']:NOT(.noMarginTop),
#booster input[type='email']:NOT(.noMarginTop){
	margin-top: 20px;
}
label#label_nb_nursery{
	width: auto!important;
}
#booster #formToShow{
	display: none;
}
#booster #showForm{
	/*height: 50px;*/
	margin-top: 20px;
}
#booster #formToShow .wpcf7-submit{
	margin-top: 20px;
}
#booster #showForm i,
#booster #showForm svg{
	font-size: 40px;
	color: #79c2c6;
	cursor: pointer;
	-webkit-animation: action 0.5s infinite  alternate;
	animation: action 0.5s infinite  alternate;
}
@-webkit-keyframes action {
	0% { transform: translateY(0); }
	100% { transform: translateY(-10px); }
}
@keyframes action {
	0% { transform: translateY(0); }
	100% { transform: translateY(-10px); }
}

/*PROGRESS*/
.progress{
	width: 100px;
	height: 100px;
	line-height: 100px;
	background: none;
	/*margin: 0;*/
	margin: 0 auto;
	box-shadow: none;
	position: relative;
}
.progress:after{
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.progress > span{
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
}
.progress .progress-left{
	left: 0;
}
.progress .progress-bar{
	width: 100%;
	height: 100%;
	background: none;
	border-width: 2px;
	border-style: solid;
	position: absolute;
	top: 0;
}
.progress .progress-left .progress-bar{
	left: 100%;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
	border-left: 0;
	-webkit-transform-origin: center left;
	transform-origin: center left;
}
.progress .progress-right{
	right: 0;
}
.progress .progress-right .progress-bar{
	left: -100%;
	border-top-left-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right: 0;
	-webkit-transform-origin: center right;
	transform-origin: center right;
	animation: loading-1 1.8s linear forwards;
}
.progress .progress-value{
	width: 85%;
	height: 85%;
	border-radius: 50%;
	border: 2px solid #ebebeb;
	font-size: 32px;
	line-height: 85px;
	text-align: center;
	position: absolute;
	top: 7.5%;
	left: 7.5%;
}
.progress.blue .progress-bar{
	border-color: #28aeef;
}
.progress.blue .progress-value{
	color: #28aeef;
}
.progress.blue .progress-left .progress-bar{
	animation: loading-1 1.5s linear forwards 1.8s;
}

.progress.blue-dark .progress-bar{
	border-color: #0d3e5e;
}
.progress.blue-dark .progress-value{
	color: #0d3e5e;
}
.progress.blue-dark .progress-left .progress-bar{
	animation: loading-1 1.5s linear forwards 1.8s;
}

.progress.yellow .progress-bar{
	border-color: #f2b71e;
}
.progress.yellow .progress-value{
	color: #f2b71e;
}
.progress.yellow .progress-left .progress-bar{
	animation: loading-1 1s linear forwards 1.8s;
}


.progress.pink .progress-bar{
	border-color: #ed687c;
}
.progress.pink .progress-value{
	color: #ed687c;
}
.progress.pink .progress-left .progress-bar{
	animation: loading-4 0.4s linear forwards 1.8s;
}
.progress.green .progress-bar{
	border-color: #1abc9c;
}
.progress.green .progress-value{
	color: #1abc9c;
}
.progress.green .progress-left .progress-bar{
	animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}
@keyframes loading-2{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(144deg);
		transform: rotate(144deg);
	}
}
@keyframes loading-3{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}
@keyframes loading-4{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(36deg);
		transform: rotate(36deg);
	}
}
@keyframes loading-5{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(126deg);
		transform: rotate(126deg);
	}
}
@media only screen and (max-width: 990px){
	.appIcons .wpb_raw_html .wpb_wrapper{ margin-bottom: 20px; }
	.appIcons h3{
		font-size: 1.5rem;
	}

}
/*PROGRESS*/

.appIcons{
	padding: 20px 0;
}
.appIcons .wpb_raw_html .wpb_wrapper{
	display: flex;
	flex-direction: row;
}
.appIcons h3{
	margin: 0 10px;
}
/*START FREE TRIAL*/

/*HP*/
#sectionPPPLaunch{
	
}
#launchBlock>.vc_column-inner,
#usersBlock>.vc_column-inner,
#shootingBlock>.vc_column-inner,
#parentsBlock>.vc_column-inner{
	border-radius: 20px;
	box-shadow: 5px 5px 10px rgba(113,196,199,0.5);
	background-color: #fff;
}
#launchBlock>.vc_column-inner>.wpb_wrapper,
#usersBlock>.vc_column-inner>.wpb_wrapper,
#shootingBlock>.vc_column-inner>.wpb_wrapper,
#parentsBlock>.vc_column-inner>.wpb_wrapper{
	transition: ease-in-out all 0.5s;
}
#launchBlock>.vc_column-inner:hover>.wpb_wrapper,
#usersBlock>.vc_column-inner:hover>.wpb_wrapper,
#shootingBlock>.vc_column-inner:hover>.wpb_wrapper,
#parentsBlock>.vc_column-inner:hover>.wpb_wrapper{
	transform: scale(1.2);
	transition: ease-in-out all 0.5s;
}

#launchBlock>.vc_column-inner{
	border: solid 2px #e5dc09;
}
#usersBlock>.vc_column-inner{
	border: solid 2px #fcaef6;
}
#shootingBlock>.vc_column-inner{
	border: solid 2px #71c4c7;
}
#parentsBlock>.vc_column-inner{
	border: solid 2px #11a3e3;
}

#videoContainer{
	position: relative;
	margin: auto;
}
#videoContainer.videoEnded:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.9);
	z-index: 1;
	transition: ease-in all 0.100s;
}
#buttonMore{
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 30px;
	z-index: 2;
}
#buttonMore p{
	text-align: center;
}

#sectionVideo{
	background-position: left -350px center!important;
	background-repeat: no-repeat !important;
}
#sectionDownload{
	background-position: right -350px center!important;
	background-repeat: no-repeat !important;
}
/*HP*/

/*HOW DOES IT WORK*/
#sectionDetailsHDIW .textBoxShadow{
	padding: 20px 10px;
	margin: 20px auto;
	border: solid #13A4E3 2px;
	border-radius: 15px;
	box-shadow: 0 10px 20px rgba(19, 165, 227, 0.25);
}
#sectionHDIWVersioning .textBoxShowVersionning{
	border-style: solid;
	border-width: 2px;
	border-color: #71C4C7;
	border-radius: 15px;
	padding: 20px 10px;
	box-shadow: 0 10px 20px rgba(113, 196, 199, 0.25);
}
#sectionHDIWVersioning .textBoxShowVersionning.last{
	border-style: dashed;
}

.TitleSameHeight{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	min-height: 140px;
}
/*HOW DOES IT WORK*/

/*PRICING*/
.tablePricing{
	border-collapse: separate!important;
	border-spacing: 0;
	width: 90%;
	margin: auto;
	background-color: #fff;
}
.tablePricing tr td,
.tablePricing tr th{
	padding: 20px 10px;
	text-align: center;
}
#tablePricingCreches.tablePricing{
	border-radius: 20px;
	border: solid 2px #fad14a;
	box-shadow: 5px 5px 10px rgba(250,209,74,0.5);
}
#tablePricingCreches.tablePricing tr th{
	border-bottom: solid #fad14a 2px;
}
#tablePricingParents.tablePricing{
	border-radius: 20px;
	border: solid 2px #ff7272;
	box-shadow: 5px 5px 10px rgba(255,114,114,0.5);
}
#tablePricingParents.tablePricing tr th{
	border-bottom: solid #ff7272 2px;
}

#sectionIllustrationPricing>.vc_column-inner{
	background-position: right 0px center!important;
	background-repeat: no-repeat !important;
}
/*PRICING*/


/*FOOTER*/
footer#footer{
}
/*FOOTER*/


/*MANAGE COOKIES*/
.termly-cookie-preference-button{
	position: fixed;
	right: 5%;
	bottom: 1px;
	background: #fff;
	width: 175px;
	height: 40px;
	border-radius: 3px;
	border: 1px solid #79c2c6;
	font-size: 12px;
	color: #79c2c6 ;
	font-weight: 600;
	box-sizing: border-box;
	cursor: pointer;
	padding: 0;
	outline: none;
	z-index: 1;
}
/*MANAGE COOKIES*/


/*
#################
##### MEDIA #####
#################
*/
/*MIN-WIDTH*/
@media screen and (min-width: 768px){
}
@media screen and (min-width:992px){
	header.header #navbarToggler ul#menu-menu-principal>li>a,
	header.header #navbarToggler ul#menu-menu-principal-fr>li>a,
	header.header #navbarToggler ul#menu-menu-principal-en>li>a{
		padding: 10px 25px;
	}
}
@media screen and (min-width:120px) and (max-width:1399px){
	header.header #navbarToggler ul#menu-menu-principal > li > a, header.header #navbarToggler ul#menu-menu-principal-fr > li > a, header.header #navbarToggler ul#menu-menu-principal-en > li > a {
		padding: 10px 14px;
		font-size: 22px;
	}
	header.header #navbarToggler ul#menu-menu-principal > li:last-child > a, header.header #navbarToggler ul#menu-menu-principal-fr > li:last-child > a, header.header #navbarToggler ul#menu-menu-principal-en > li:last-child > a {
		padding: 10px 20px;
	}
	ul:NOT(.sub-menu)>li.wpml-ls-item::after{
		left: 30px;
	}
	.wpml-ls-item .sub-menu{
		font-size: 22px;
	}
}
@media screen and (min-width:992px) and (max-width:1199px){
	header.header #navbarToggler ul#menu-menu-principal > li > a, header.header #navbarToggler ul#menu-menu-principal-fr > li > a, header.header #navbarToggler ul#menu-menu-principal-en > li > a {
		padding: 10px 5px;
		font-size: 18px;
	}
	header.header #navbarToggler ul#menu-menu-principal > li:last-child > a, header.header #navbarToggler ul#menu-menu-principal-fr > li:last-child > a, header.header #navbarToggler ul#menu-menu-principal-en > li:last-child > a {
		padding: 10px 10px;
	}
	ul:NOT(.sub-menu)>li.wpml-ls-item::after{
		left: 20px;
	}
	.wpml-ls-item .sub-menu{
		font-size: 18px;
	}
}

/*MAX-WIDTH*/
@media screen and (max-width:991.99px){
	header.header #navbarToggler ul#menu-menu-principal>li>a,
	header.header #navbarToggler ul#menu-menu-principal-fr>li>a,
	header.header #navbarToggler ul#menu-menu-principal-en>li>a{
		float: left;
		padding: 20px 0;
	}
	header.header #navbarToggler ul#menu-menu-principal>li:last-child>a,
	header.header #navbarToggler ul#menu-menu-principal-fr>li:last-child>a,
	header.header #navbarToggler ul#menu-menu-principal-en>li:last-child>a{
		margin-top: 20px;
	}
	header.header{
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
}
@media screen and (max-width:767.99px){
	#cookie-law-info-again{
		font-size: 5pt;
		padding: 1px 2px;
	}

	.vc_row{
		margin-left: auto!important;
		margin-right: auto!important;
	}

	#appIcons{
		margin-top: 60px;
	}
	#secureAppNumberOrder{
		order:1;
	}
	#secureAppOrder{
		order:2;
	}
	
	#sectionTC .textTC{
		order:1;
	}
	#sectionTC .animationTC{
		order:2;
	}
}