.cms-139 .main-banner {
	position: relative;
	overflow: hidden;
}

.cms-139 .main-banner-content {
	position: absolute;
    left: 5%;
    top: 50%;
    width: 90%;
    text-align: center;
}

.cms-139 .part-1 .main-banner-content {
    top: 35%;
}

.cms-139 .part-1 img {
    max-width: 100%;
}

.cms-139 .main-banner-content h1 {
	font-family: 'Futura PT';
	font-size: 6rem;
	color: black;
	font-weight: 100;
	text-transform: uppercase;
	margin-top: 0px;

}

.cms-139 .st-valentin .main-banner-content h1 {
	font-family: 'FreightBigProBook';
	font-size: 13rem;
	color: black;
	font-weight: 100;
	text-transform: none;
	margin-top: 0px;

}

.cms-139 .main-banner-content h2 {
	font-family: 'Futura PT Book';
	font-size: 6rem;
	color:black;
	text-transform: uppercase;
	letter-spacing: 0rem;
	margin-bottom:25px;
	margin-top:0px;
	display:inline-block
}

.cms-139 .main-banner-content h2 span {
	float: right;
	display: inline-block
}

.cms-139 .main-banner-content h2 span {
	clear: both;
	display: block;
}

.cms-139 .main-banner-content .main-button {
	color:white;
	font-family: 'Futura PT Book';
	font-size: 1.5rem;
	display: inline-block;
	text-decoration: underline;
	clear: both;
	display: block;

}

.cms-139 .part-2 {
	margin:0px;
	display: flex;
	align-items: center;
}

.cms-139 .part-2 {
	max-height:none;
}


.cms-139 .part-2 .main-banner-content {
	position: absolute;
    left: 33.33%;
    top: 35%;
    width: 33.33%;
    text-align: center;
}
.cms-139 .part-2 .main-banner-content p {
	margin-bottom: 25px;
}

.cms-139 .part-2 .main-banner-content .main-button {
	color: white;
	font-family: 'Futura PT Book';
	font-size: 1.3rem;
	display: inline-block;
	background-color: black;
	padding: 10px 15px;
	text-transform: uppercase;
	text-decoration: none;
}

.cms-139 .part-2 img {
	max-width: 100%
}

.cms-139 .part-2 h3 {
	font-family: 'Futura PT';
	font-size: 8rem;
	color: black;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 1rem;
	margin-top: 0px;
}

.cms-139 .part-2 h3 span {
	font-family: 'Futura PT Book';
	font-size: 6rem;
	color:black;
	text-transform: uppercase;
	letter-spacing: 0rem;
	margin-bottom:25px;
	margin-top:0px;
	letter-spacing: 2rem;
	display:inline-block
}



.cms-139 .part-2 p {
	font-size: 1.5rem;
	font-family: 'Futura PT';
	line-height: 1.9rem!important;
	color: black
}

.cms-139 .part-2 .text-container a {
	font-size: 1.7rem;
	font-family: 'FreightBigProBook, Times'!important;
	line-height: 1.9rem!important;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	color: black!important
}


.cms-139 .part-2 .legend-container {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 60px;
}

.cms-139 .part-2 .legend-container p {
	font-family: 'Antro Vectra'!important;
	font-size: 5rem!important;
	line-height: 5rem!important
}

.cms-139 .part-2 .legend-container span {
	display: block;
	clear: both;
	font-family: 'Antro Vectra'!important;
	font-size: 5rem!important;
	line-height: 5rem!important
}

.cms-139 .part-3 {
	margin: 100px 0px 60px 0px;
}

.cms-139 .part-3 .title-container {
	margin-bottom: 60px;
}


.cms-139 .part-3 h2{
	font-family: 'FreightBigProBook, Times';
	font-size: 5rem;
	color: black;
	text-align: center;
}

.cms-139 .part-3 p{
	font-family: 'FreightBigProBook, Times'!important;
	font-size: 2rem;
	line-height: 2.2rem;
	color: black;
	text-align: center;
}

.cms-139 .part-3 .links-container {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
}

.cms-139 .part-3 .links-container h4{
	font-family: 'Futura PT Book';
	font-size: 1.7rem!important;
	letter-spacing: 0.2rem;
	color: white;
	font-weight: 100;
	text-transform: uppercase
}


.cms-139 .part-3 .links-container h5{
	font-family: 'Didot';
	font-size: 2.5rem!important;
	color: white;
	font-weight: 100;
	text-transform: uppercase
}

.cms-139 .part-3 .row {
	position: relative;
}

.cms-139 .part-3 .category-link {
	background-color: white;
	color: black;
	font-family: 'FreightBigProBook, Times';
	padding: 1.5rem 3.5rem;
	font-size: 1.5rem;
	margin-top: 1rem;
	display: inline-block;
}

.cms-139 .part-3 img {
	padding: 15px;
	max-width: 100%
}

.cms-139 .part-4 img {
	padding: 15px;
	max-width: 100%;
	margin-bottom:15px;
}

.cms-139 .part-4 {
	margin: 60px 0px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.cms-139 .part-4-inner {
	overflow: hidden;
}


.cms-139 .part-4 h2, .cms-139 .part-5 h2 {
	font-family: 'Futura PT Book';
	font-size: 3.5rem!important;
	color: black;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	position: relative;
	padding: 0px 15px 30px;
}

.cms-139 .part-4 h2::before, .cms-139 .part-4 h2::after, .cms-139 .part-5 h2::before, .cms-139 .part-5 h2::after {
position: absolute;
top: 45%;
overflow: hidden;
width: 47%;
height: 1px;
content: '\a0';
background-color: black;
}

.cms-139 .part-4 h2::before, .cms-139 .part-5 h2::before {
    margin-left: -50%;
    text-align: right;
}

.cms-139 .part-4 h2::after, .cms-139 .part-5 h2::after {
    margin-left: 3%;
    text-align: right;
}

.cms-139 .part-4 h3 {
	font-family: 'Futura PT Book';
	font-size: 1.5rem!important;
	color: black;
	padding-left:15px!important;
	display: block;
	float: left;
	padding-bottom: 10px!important;
	margin-bottom: 0px;
}

.cms-139 .part-4 h3 span {
	display: block;
	clear: both;
	margin-top: 0px;
}

.cms-139 .part-4 h4 {
	margin-top:0px;
	display: block;
	float: right;
	padding-right: 15px;
	font-family: 'Futura PT Book';
	font-size: 1.5rem!important;
	color: black;
	margin-bottom: 0px;
}

.cms-139 .part-4 h5 {
	display: block;
	margin: 0px;
	clear: both;
	padding-left: 15px;
	color: #AAAAAA;
	font-family: 'Futura PT Book';
	font-size: 1rem!important;
}


.cms-139 .part-4 p {
	font-size: 1.7rem;
	font-family: 'FreightBigProBook, Times'!important;
	line-height: 1.9rem!important;
}

.cms-139 .part-4 .text-container a {
	font-size: 1.7rem;
	font-family: 'FreightBigProBook, Times'!important;
	line-height: 1.9rem!important;
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	color: black!important
}


.cms-139 .part-4 .legend-container {
	display: block;
	position: absolute;
	bottom: -60px;
	left: 60px;
}

.cms-139 .part-4 .legend-container p {
	font-family: 'Antro Vectra'!important;
	font-size: 5rem!important;
	line-height: 5rem!important
}

.cms-139 .part-4 .legend-container span {
	display: block;
	clear: both;
	font-family: 'Antro Vectra'!important;
	font-size: 5rem!important;
	line-height: 5rem!important
}


.cms-139 .part-5 .maisonJMPContainer {
	position: relative;
}

.cms-139 .part-5 .maisonJMPTitle {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
}

.cms-139 .part-5 .maisonJMPTitle h2 {
    font-family: 'freightbig, Times'!important;
    line-height: 4.9rem!important;
    font-size: 4rem;
    text-transform: uppercase;
    letter-spacing: 1rem;
}
.cms-139 .part-5 .maisonJMPTitle span {
	display: block;
	clear: both;
}

/* Smartphone */
@media (max-width:768px) {

	.cms-139 .part-1 .main-banner-content {
		top: 55%;
	}

	.cms-139 .main-banner-content h1 {
    margin-bottom: 0px!important;
	}

	.cms-139 .main-banner-content h2 {
    font-size: 4rem;
	color: white;
	margin-top: 15px;
	}

	.cms-139 .main-banner-content .main-button {

	}

	.cms-139 .part-2 {
    margin: 0px 0px;
    display: block;
	}

	.cms-139 .part-2 img {
    padding: 70px;
	}

	.cms-139 .part-2 .legend-container p {
    font-size: 3rem!important;
    line-height: 3rem!important;
	}

	.cms-139 .part-2 .legend-container span {
    font-size: 3rem!important;
    line-height: 3rem!important;
	}

	.cms-139 .part-2 .legend-container {
    bottom: 18px;
	}

	.cms-139 .part-2 .text-container {
		text-align: center;
		margin-top: 0px;
	}

	.cms-139 .part-2 h3 {
    font-size: 3rem!important;
	}

	.cms-139 .part-2 p {
    font-size: 1.3rem;
    line-height: 1.5rem!important;
    padding: 0px 30px;
	}

	.cms-139 .part-2 .text-container a {
    font-size: 1.3rem;
	}

	.cms-139 .part-3 h2 {
    font-size: 3rem!important;
	}

	.cms-139 .part-3 p {
    font-size: 1.3rem;
    line-height: 1.5rem!important;
    padding: 0px 30px;
	}

	.cms-139 .part-3 .title-container {
    display: none;
	}

	.cms-139 .part-3 {
    margin: 0px 0px 0px 0px;
	}

	.cms-139 .part-2 .legend-container {
    display: block;
    position: absolute;
    bottom: 100px;
    left: 60px;
	}
	.cms-139 .part-2 .legend-container p {
    color: white
	}

	.cms-139 .part-2 img {
    padding: 0px 60px;
    margin: 60px 0px 60px 0px;
	}	

	.cms-139 .part-3 .category-link {
    padding: 1rem 3rem;
    font-size: 1rem;
    margin-top: 0rem;
	}

	.cms-139 .part-4 {
    margin: 0px 0px 30px;
    display: block;
	}
	.cms-139 .part-4 h3 {
	text-align: center;
	margin-top: 0px!important
	}

	.cms-139 .part-4 p {
    font-size: 1.3rem;
    line-height: 1.5rem!important;
    padding: 0px 30px;
	}

	.cms-139 .part-4 .text-container {
		text-align: center;
	}
	.cms-139 .part-4 .text-container a {
    font-size: 1.3rem;
	}

	.cms-139 .part-5 .maisonJMPTitle h2 {
    line-height: 2.7rem!important;
    font-size: 2.5rem;
    letter-spacing: 1rem;
	}

	.cms-139 .part-5 .maisonJMPTitle {
    position: absolute;
    top: 35%;
    width: 100%;
    text-align: center;
	}

	.cms-139 .part-5 img {
		max-width: 100%;
	}

	.cms-139 .part-4 img {
    padding: 0px 15px;
    margin: 60px 0px 15px 0px;
	}
}



.cms-139 .main-banner {
	background-color:white;
    color:#ffffff;
    display:block;
    position:relative;
    z-index:5;
}

.cms-139 .part-1 .col-lg-12 {
	height: 100%!important;
	min-height:800px;
}

#xmas-calendar {
	z-index: 0
}

#xmas-calendar .xc-wrap {
    width: 100%;
    z-index: 2;
    position: relative;
    top: 0;
    left: 0;
    padding-top: 60px;
    background: radial-gradient(ellipse at center, rgba(0, 66, 132, 0.3) 0%, rgba(0, 66, 132, 0.3) 10%, rgba(0, 0, 0, 0.3) 100%);
    padding-bottom: 15vw;
}





@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

.stars, .twinkling, .clouds {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.stars {
  background:#000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;
  z-index:0;
}

.twinkling{
  background:transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;
  z-index:1;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}

.clouds{
    background:transparent url(http://www.script-tutorials.com/demos/360/images/clouds3.png) repeat top center;
    z-index:3;

  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
}

.title-offer {
	text-align: center;
}

.title-offer h1 {
	font-family: 'Antro Vectra';
	font-size: 4.5rem
}

.title-offer p{
	font-size: 1.5rem;
	line-height: 1.5rem;
	display: block;
	width: 40%;
	margin:0 auto;
	margin-bottom: 60px;
}

.christmas-offer-unblocked {
	
}

.christmas-offer-unblocked .inner-offer {
	width: 25vw;
    height: 25vw;
    background-color: white;
    color: #021223;
    margin: 0 auto;
    padding: 2.5vw;
    position: relative;
    background-image: url(https://jeanmarcphilippe.com/img/cms/home/cms138/bg-selector.png);
    background-size: 90%;
    background-position: center center;
    background-repeat: no-repeat;
}

.christmas-offer-unblocked, .christmas-offer-blocked {
	text-align: center;
}

.christmas-offer-unblocked h1 {
	font-family: 'GothamBlack';
	text-transform: uppercase;
	font-size: 1.3vw;
	letter-spacing: 0.1vw;
	margin-bottom: 15px!important;
}

.christmas-offer-unblocked h2 {
	font-family: 'GothamBlack';
	font-size: 2.2vw;
	margin-bottom: 30px!important;
	margin-top: 2vw!important
}

.christmas-offer-unblocked h2 a, .christmas-offer-unblocked h2 a:hover {
	color: #021223;
}

.christmas-offer-unblocked h2 span{
	font-family: 'gotham_mediumregular';
	font-size: 1.5vw;
	display: block;
	clear: both;
}

.christmas-offer-unblocked img {
	max-width: 25px!important;
}

.christmas-offer-unblocked .offer-link {
	border: 1px solid #021223;
	background-color: white;
	font-size: 0.8vw;
	letter-spacing: 0.1vw;
	padding:10px 15px;
	text-transform: uppercase;
	display: inline-block;
	color:#021223!important;
	font-family: 'gotham_mediumregular';
	z-index: 100;
	width: 80%;
	margin-bottom: 15px;
}

.christmas-offer-unblocked .offer-link:hover {
	background-color: #021223;
	color:#FFF!important;
}




.christmas-offer-blocked .inner-offer {
	width:20vw;
	height: 20vw;
	background-color: #18181d;
	color:#021223;
	margin:2.5vw auto;
	padding:2.5vw;
	position: relative;
}

.christmas-offer-blocked {
	text-align: left;
	position: relative;
}

.christmas-offer-blocked h3, .christmas-offer-unblocked .inner-offer-cover h3 {
	font-family: 'GothamBlack';
    font-size: 2.8vw!important;
    display: block;
    color: white;
    margin-top: 8vw!important;
    padding-bottom: 0vw!important;
    padding-top: 0vw!important;
    margin-bottom: 0vw!important;

}

.christmas-offer-blocked h4, .christmas-offer-unblocked .inner-offer-cover h4 {
	font-family: 'gotham_mediumregular';
    font-size: 1vw!important;
    display: block;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.1vw;
    margin-top: 0vw!important;
}

.christmas-offer-blocked h3, .christmas-offer-blocked h4 {
    background-image: url(https://jeanmarcphilippe.com/img/cms/home/cms138/xmas_bg.jpeg);
    background-position: top center;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}


.christmas-offer-unblocked .inner-offer-cover h3 {
	margin-top: 6vw!important;
	font-size: 6vw!important;
	text-align: center!important;
	color: #021223;
}

.christmas-offer-unblocked .inner-offer-cover h4 {
	text-align: center!important;
	color: #021223;
}

.christmas-offer-unblocked .inner-offer-cover h5 {
	text-align: center!important;
	background-color: #021223;
	color: white;
	font-size: 0.8vw;
	letter-spacing: 0.1vw;
	padding:10px 15px;
	text-transform: uppercase;
	display: inline-block;
	font-family: 'gotham_mediumregular';
	z-index: 100;
}



.locker-lock {
	position: absolute;
	right: 30px;
	top: 30px;
}
.locker-lock img {
	max-width: 15px!important;
}

.christmas-offer-unblocked .inner-offer-cover {
	width: 25vw;
    height: 25vw;
    background-color: white;
    color: #021223;
    margin: 0 auto;
    padding: 2.5vw;
    position: absolute;
    margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 100;
	background-image:url(https://jeanmarcphilippe.com/img/cms/home/cms138/xmas_bg.jpeg);
	background-size: contain;
}


.christmas-offer-unblocked .inner-offer-cover img{
	max-width: 100px!important;
	width: 100px!important;
	display: none
}

.card {
  position: relative;
  cursor: pointer;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 1s;
}

.card.is-flipped {
  transform: translateX(-100%) rotateY(-180deg);
}

.card__face {
  position: absolute;
  width: 100%;
  height: 100%;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  backface-visibility: hidden;
}

.card__face--front {
  background: red;
}

.card__face--back {
  background: blue;
  transform: rotateY(180deg);
}

/* Smartphone */
@media (max-width:768px) {


	.cms-139 .part-1 {
		background-image: url(https://jeanmarcphilippe.com/img/cms/home/cms139/terre-d-alezans.jpg);
		background-repeat: no-repeat;
		background-position: 40% 0px;
		background-size: cover;
	}

	.cms-139 .part-1 img {
		display: none;
	}

	.cms-139 .part-2 .main-banner-content {
		left: 15%;
		top: 165px;
		width: 70%;
	}

	.cms-139 .part-2 {
		background-image: url(https://jeanmarcphilippe.com/img/cms/home/black_code_boutique.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 600px!important;
		background-position: 50%;
	}

	.cms-139 .part-2 img {
		display: none;
	}


	.yesterday-offer-christmas {
		display: none;
	}
	.title-offer h1 {
		font-size:10vw;
		margin-top: 50px!important;
	}

	.title-offer p {
    width: 65%;
    font-size: 3.2vw;
    margin-bottom: 50px!important;
	}

	.christmas-offer-unblocked .inner-offer-cover, .christmas-offer-unblocked .inner-offer {
    width: 65vw;
    height: 65vw;
	}

	.christmas-offer-unblocked .inner-offer-cover h3 {
    margin-top: 15vw!important;
    font-size: 18vw!important;
	}

	.christmas-offer-blocked h4, .christmas-offer-unblocked .inner-offer-cover h4 {
    font-size: 2.9vw!important;
	}

	.christmas-offer-unblocked .inner-offer-cover h5 {
    font-size: 2vw;
	}

	.christmas-offer-blocked .inner-offer {
    width: 50vw;
    height: 50vw;
    margin-top: 10vw;
	}

	.christmas-offer-blocked h3 {
    font-size: 10vw!important;
    margin-top: 18vw!important;
	}

	#xmas-calendar .xc-wrap {
		padding-top: 30px;
	}

	.christmas-offer-unblocked h1 {
    font-size: 3vw;
    margin-top: 30px!important;
	}

	.christmas-offer-unblocked h2 {
    font-size: 5.2vw;
    margin-top: 5vw!important;
	}

	.christmas-offer-unblocked h2 span {
    font-size: 3.5vw;
	}

	.christmas-offer-unblocked .offer-link {
    font-size: 2vw;
	}



	.automnales .part-1 {
		background-image: url(http://jeanmarcphilippe.com/img/cms/soldes-grande-taille.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 600px!important;
		background-position: 50%;
	}

	.automnales .st-valentin{
		background-image: url(http://jeanmarcphilippe.com/img/cms/home/bandeau-st-valentin.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 600px!important;
		background-position: 50%;
	}
	
	.automnales .part-1 .main-banner-content {
		top: 40%!important;
	}


	.automnales h2 {
		font-size: 4rem!important;
	
	}

	.cms-139 .main-banner-content h1.boutique {
		font-size: 5rem!important;
	}
	

}

.promo_code {
	background-color: black;
	background-repeat: repeat;
	width: 100%;
}

.promo_code h3 {
	font-family: 'FreightBigProBook';
    color: white;
    padding:0px!important;
    margin:0px!important;
	font-size: 1.5rem;
	font-weight: bold;
}

.promo_code strong{
    color: white;
    padding:0px!important;
    margin:0px!important;
    font-size: 1.7rem;
    text-decoration: underline;
}


.main-big-button{
	margin-top: 30px;
	color: white;
    font-family: 'Futura PT Book';
    font-size: 1.3rem;
    display: inline-block;
    background-color: black;
    padding: 10px 15px;
    text-transform: uppercase;
    text-decoration: none;
}


.main-big-button:hover{
	margin-top: 30px;
	color: white;
    font-family: 'Futura PT Book';
    font-size: 1.3rem;
    display: inline-block;
    background-color: black;
    padding: 10px 15px;
    text-transform: uppercase;
    text-decoration: none;
}

.extra_offer {
	display: block;
	font-size:1.5rem;
	color:#021223;
	line-height: 1.5rem!important;
	padding: 0px!important;
	margin: 30px 0px 0px 0px!important;
}

.extra_offer a {
	font-size:1.5rem;
	color:#021223;
	line-height: 1.5rem!important;
	padding: 0px!important;
	margin: 30px 0px 0px 0px!important;
	text-decoration: underline!important;
}