/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
.page-template-page-presse-release {
    background: url(http://www.hotelchristopherpartners.com/wp-content/uploads/2024/11/hugo-allard-©-Hotel-Christopher-part-I-9.jpg);
    background-size: cover;
}
.page-template-page-presse-release .brochurewrap {
    border: 10px solid #FFF;
    margin: 10px;
    padding: 0;
}
.page-template-page-presse-release .div31 {
    grid-row-start: 1;
    grid-column-start: 10;
    grid-row-end: 5;
    grid-column-end: 3;
    background-color: #ffffff0a;
    overflow: scroll;
}
.page-template-page-presse-release h2.titre-brochure {
    text-align: center;
    padding: 10px;
    background-color: #f2efe9;
    color: #000;
    margin: 0;
}
.page-template-page-brochure .brochurewrap {
    border: 10px solid #FFF;
    margin: 10px;
    padding: 0;
}

.page-template-page-brochure {
    background: url(https://www.hotelchristopherpartners.com/wp-content/uploads/2024/06/hugo-allard-©-Christo-part-III-13WEB.jpg);
    background-size: cover;
}
.page-template-page-brochure .div31 {
    grid-row-start: 1;
    grid-column-start: 10;
    grid-row-end: 5;
    grid-column-end: 3;
    background-color: #ffffff0a;
    overflow: scroll;
}
.page-template-page-brochure h2.titre-brochure {
    text-align: center;
    padding: 10px;
    background-color: #f2efe9;
    color: #000;
    margin: 0;
}
.page-template-page-menu {
    background:url(http://www.hotelchristopherpartners.com/wp-content/uploads/2024/11/hugo-allard-©-Restaurant-soir-29-1.jpg);
    background-size: cover;
}


.page-template-page-menu .div31 {
grid-row-start: 1;
grid-column-start: 10;
grid-row-end: 5;
grid-column-end: 3;
background-color: transparent;
overflow: scroll;
}
.page-template-page-menu .menus {
    border: 10px solid #FFF;
    margin: 10px;
    padding: 0;
}
.page-template-page-menu h2.titre-brochure {
    text-align: center;
    padding: 0px;
    color: #000;
    margin: 0;
    height: 100px;
    background-color: #e9e6de;
}
a.okay {
    position: absolute;
}
#clients {
    padding: 0px 0;
    margin-bottom: 30px;
}
#clients .client-logo {
    padding-left: 84px;
    padding-right: 84px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background: #e9e6de;
    height: 100px;
}
#clients img {
    transition: all 0.4s ease-in-out;
}
#clients .client-logo1 {
    padding-left: 98px;
    padding-right: 98px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background: #e9e6de;
    height: 160px;
}
h3.titrebloc3 {
    PADDING: 10px;
    margin-top: 20px;
border: 1px solid #000000;}
.clients-wrap {
    margin-top: 40px;
}


#myNav3.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: rgb(0,0,0);
    background-color: #e9e6de;
    overflow-x: hidden;
    transition: 0.5s;
}


.morenews {
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'made_mirage_regular';
    padding: 10px 20px 30px 40px;
}
.news span.livicon-evo.livicon-evo-holder {
    float: left;
}
.titre-news {
font-family: 'made_mirage_regular';
font-size: 2.5rem;
text-align: center;
padding-top: 20px;
margin-bottom: 10px;
}
.text-news-wrapper {
    background-color: #f9f9f9;
    min-height: 330px;

}

.photo-news {
    height: 300px;
    background-size: cover;
    background-position: center center;
}

.list-news {
    font-size: 1.5rem;
    text-align: left;
    margin-top: 10px;
    list-style-type: none;
    font-family: 'chaparral-pro';
}
.ullist {
margin-top: 20px;
padding-bottom: 10px;
  }
/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}






/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}




.slider {
  position: relative;
  top: 0;
  left: 0;
  width: 500%;
  height: 100%;
  animation: animate 25s linear infinite;
}

.slider .slide {
  position: relative;
  width: 20%;
  height: 100%;
  float: left;
}



@media (max-width: 768px) {


}


@keyframes animate {
  0% {
      left: 0;
  }
  20% {
      left: 0;
  }
  25% {
      left: -100%;
  }
  45% {
      left: -100%;
  }
  50% {
      left: -200%;
  }
  70% {
      left: -200%;
  }
  75% {
      left: -300%;
  }
  95% {
      left: -300%;
  }
  100% {
      left: -400%;
  }
}


.slider .slide.slide1 {
  background: url(https://www.hotelchristopher.com/wp-content/uploads/2021/09/rivyera.jpg);
  background-size: cover;
  background-position: center;
}

 .slider .slide.slide2 {
   background: url(https://www.hotelchristopherpartners.com/wp-content/uploads/2022/12/2.jpg);
  background-size: cover;
  background-position: center;
}

 .slider .slide.slide3 {
   background: url(http://www.hotelchristopherpartners.com/wp-content/uploads/2024/11/hugo-allard-©-Restaurant-soir-5-1.jpg);
  background-size: cover;
  background-position: center;
}

.slider .slide.slide4 {
      background: url(https://www.hotelchristopher.com/wp-content/uploads/2021/06/Spa2-2-1920.jpg);

  background-size: cover;
  background-position: center;
}



.page-template-template-demo .div2 {
    grid-area: 1 / 3 / 3 / 10;
    background-color: #c0392b;
    overflow: hidden;
}
.page-template-template-demo .slider .slide.slide1 {
  background: url(https://www.hotelchristopherpartners.com/wp-content/uploads/2022/12/1.jpg);
  background-size: cover;
  background-position: center;
}

 .page-template-template-demo .slider .slide.slide2 {
  background: url(https://www.hotelchristopherpartners.com/wp-content/uploads/2022/12/2.jpg);
  background-size: cover;
  background-position: center;
}

 .page-template-template-demo .slider .slide.slide3 {
   background: url(http://www.hotelchristopherpartners.com/wp-content/uploads/2024/11/hugo-allard-©-Restaurant-soir-5-1.jpg);
  background-size: cover;
  background-position: center;
}

.page-template-template-demo .slider .slide.slide4 {
      background: url(https://www.hotelchristopherpartners.com/wp-content/uploads/2022/12/4.jpg);

  background-size: cover;
  background-position: center;
}
.page-template-template-demo .slider .slide.slide5 {
      background: url(https://www.hotelchristopherpartners.com/wp-content/uploads/2022/12/5.jpg);

  background-size: cover;
  background-position: center;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
.card-container {
    padding: 100px 0px;
    -webkit-perspective: 1000;
    perspective: 1000;
}

.profile-card-1 {
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    background-image: url(../img/profile-bg-1.jpg);
    background-position: center;
    padding-top: 100px;
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    max-width: 300px;
}

.profile-card-1 .profile-content {
    position: relative;
    background-color: #FFF;
    padding: 70px 20px 20px 20px;
    text-align: center;
}

.profile-card-1 .profile-img {
    position: absolute;
    height: 100px;
    left: 0px;
    right: 0px;
    z-index: 10;
    top: -50px;
    transition: all 0.25s linear;
    transform-style: preserve-3d;
}

.profile-card-1 .profile-img img {
    height: 100px;
    margin: auto;
    border-radius: 50%;
    border: 5px solid #FFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.profile-card-1 .profile-name {
    font-size: 18px;
    font-weight: bold;
    color: #021830;
}

.profile-card-1 .profile-address {
    color: #777;
    font-size: 12px;
    margin: 0px 0px 15px 0px;
}

.profile-card-1 .profile-description {
    font-size: 13px;
    padding: 5px 10px;
    color: #777;
}

.profile-card-1 .profile-icons .fa {
    margin: 5px;
    color: #777;
}

.profile-card-1:hover {
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
}

.profile-card-1:hover .profile-img {
    transform: rotateY(180deg);
}

.profile-card-2 {
    max-width: 300px;
    background-color: #FFF;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    background-position: center;
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 10px;
}

.profile-card-2 img {
    transition: all linear 0.25s;
}

.profile-card-2 .profile-name {
    position: absolute;
    left: 30px;
    bottom: 70px;
    font-size: 30px;
    color: #FFF;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    transition: all linear 0.25s;
}

.profile-card-2 .profile-icons {
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: #FFF;
    transition: all linear 0.25s;
}

.profile-card-2 .profile-username {
    position: absolute;
    bottom: 50px;
    left: 30px;
    color: #FFF;
    font-size: 13px;
    transition: all linear 0.25s;
}

.profile-card-2 .profile-icons .fa {
    margin: 5px;
}

.profile-card-2:hover img {
    filter: grayscale(100%);
}

.profile-card-2:hover .profile-name {
    bottom: 80px;
}

.profile-card-2:hover .profile-username {
    bottom: 60px;
}

.profile-card-2:hover .profile-icons {
    right: 40px;
}

.profile-card-3 {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    padding: 25px 15px;
}

.profile-card-3 .profile-name {
    font-weight: bold;
    color: #21304e;
}

.profile-card-3 .profile-location {
    color: #999;
    font-size: 13px;
    font-weight: 600;
}

.profile-card-3 img {
    height: 100px;
    width: 100px;
    object-fit: cover;
    margin: 10px auto;
    border-radius: 50%;
    transition: all linear 0.25s;
}

.profile-card-3 .profile-description {
    font-size: 13px;
    color: #777;
    padding: 10px;
}

.profile-card-3 .profile-icons {
    margin: 15px 0px;
}

.profile-card-3 .profile-icons .fa {
    color: #fe455a;
    margin: 0px 5px;
}

.profile-card-3:hover img {
    height: 110px;
    width: 110px;
    margin: 5px auto;
}

.profile-card-4 {
    max-width: 300px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
}

.profile-card-4 img {
    transition: all 0.25s linear;
}

.profile-card-4 .profile-content {
    position: relative;
    padding: 15px;
    background-color: #FFF;
}

.profile-card-4 .profile-name {
    font-weight: bold;
    /* position: absolute; */
    left: 0px;
    right: 0px;
    top: -70px;
    color: #0e0e0e;
    font-size: 17px;
    font-family: made_mirage_pro;
}

.profile-card-4 .profile-name p {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1.5px;
}

.profile-card-4 .profile-description {
    color: #000;
    font-weight: 500;
    font-size: 16px;
    padding: 10px;
    font-family: "chaparral-pro";
}

.profile-card-4 .profile-overview {
    padding: 15px 0px;
}

.profile-card-4 .profile-overview p {
    font-size: 10px;
    font-weight: 600;
    color: #777;
}

.profile-card-4 .profile-overview h4 {
    color: #273751;
    font-weight: bold;
}

.profile-card-4 .profile-content::before {
    content: "";
    position: absolute;
    height: 20px;
    top: -10px;
    left: 0px;
    right: 0px;
    background-color: #FFF;
    z-index: 0;
    transform: skewY(3deg);
}

.profile-card-4:hover img {
    transform: rotate(5deg) scale(1.1, 1.1);
    filter: brightness(110%);
}

.profile-card-5 {
    max-width: 300px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    padding: 50px 15px 25px 15px;
}

.profile-card-5 img {
    height: 100px;
    width: 100px;
    object-fit: cover;
    margin: 10px auto;
    border-radius: 50%;
    transition: all linear 0.25s;
    position: relative;
}

.profile-card-5::before {
    content: "";
    position: absolute;
    top: -60px;
    right: 0px;
    left: 0px;
    height: 170px;
    background-color: #4fb96e;
    transform: skewY(-20deg);
}

.profile-card-5 .profile-name {
    padding-top: 15px;
    font-weight: bold;
    color: #333;
}

.profile-card-5 .profile-designation {
    font-size: 13px;
    color: #777;
}

.profile-card-3 .profile-location {
    color: #999;
    font-size: 13px;
    font-weight: 600;
}

.profile-card-5 .profile-description {
    font-size: 13px;
    color: #777;
    padding: 10px;
}

.profile-card-5 .profile-overview {
    padding: 15px 0px;
}

.profile-card-5 .profile-overview p {
    color: #777;
    font-size: 13px;
}

.profile-card-5 .profile-overview h2 {
    font-weight: bold;
    color: #1e2832;
}

.profile-card-5 .profile-icons .fa {
    margin: 7px;
    color: #4fb96e;
}

.profile-card-5:hover img {
    transform: rotate(-5deg);
}

.profile-card-6 {
    max-width: 300px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
}

.profile-card-6 img {
    transition: all 0.15s linear;
}

.profile-card-6 .profile-name {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 25px;
    font-weight: bold;
    color: #FFF;
    padding: 15px 20px;
    background: linear-gradient(140deg, rgba(0, 0, 0, 0.4) 50%, rgba(255, 255, 0, 0) 50%);
    transition: all 0.15s linear;
}

.profile-card-6 .profile-position {
    position: absolute;
    color: rgba(255, 255, 255, 0.4);
    left: 30px;
    top: 100px;
    transition: all 0.15s linear;
}

.profile-card-6 .profile-overview {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 50%, rgba(255, 255, 0, 0));
    color: #FFF;
    padding: 50px 0px 20px 0px;
    transition: all 0.15s linear;
}

.profile-card-6 .profile-overview h3 {
    font-weight: bold;
}

.profile-card-6 .profile-overview p {
    color: rgba(255, 255, 255, 0.7);
}

.profile-card-6:hover img {
    filter: brightness(80%);
}

.profile-card-6:hover .profile-name {
    padding-left: 25px;
    padding-top: 20px;
}

.profile-card-6:hover .profile-position {
    left: 40px;
}

.profile-card-6:hover .profile-overview {
    padding-bottom: 25px;
}

.profile-card-7 {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
}

.profile-card-7 .profile-content {
    padding: 60px 30px 30px 30px;
    background-color: #FFF;
    position: relative;
}

.profile-card-7 .profile-content img {
    position: absolute;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    top: -40px;
    border: 5px solid #FFF;
}

.profile-card-7 .profile-content .profile-name {
    position: absolute;
    font-size: 17px;
    font-weight: bold;
    top: -35px;
    left: 125px;
    color: #FFF;
}

.profile-card-7 .profile-overview {
    padding: 5px 0px;
}

.profile-card-7 .profile-overview p {
    color: #777;
    font-size: 11px;
    font-weight: 600;
}

.profile-card-7 .profile-overview h5 {
    color: #142437;
    font-weight: bold;
}

.profile-card-8 {
    background: linear-gradient(#09121c, #36445a);
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    transition: all 0.25s linear;
}

.profile-card-8 .profile-name {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 25px;
    color: #58d683;
    font-size: 17px;
    font-weight: bold;
}

.profile-card-8 .profile-designation {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50px;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}

.profile-card-8 .profile-icons {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 80px;
    color: rgba(255, 255, 255, 0.7);
}

.profile-card-8 .profile-icons .fa {
    margin: 5px;
}

.profile-card-8:hover {
    transform: scale(1.05, 1.05);
}

.profile-card-9 {
    border-radius: 10px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    padding: 30px 15px;
    background-color: #FFF;
    transition: all 0.25s linear;
}

.profile-card-9 img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    margin: 10px auto;
}

.profile-card-9 .profile-name {
    font-size: 15px;
    color: #3249b9;
    font-weight: 600;
}

.profile-card-9 .profile-designation {
    font-size: 13px;
    color: #777;
}

.profile-card-9 .profile-description {
    padding: 10px;
    font-size: 13px;
    color: #777;
    margin: 15px 0px;
    background-color: #F1F2F3;
    border-radius: 5px;
}

.profile-card-9 a {
    padding: 10px 15px;
    background-color: #3249b9;
    color: #FFF;
    font-size: 11px;
    border-radius: 25px;
}

.profile-card-9:hover {
    transform: scale(1.05, 1.05);
}

.profile-card-10 {
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    padding: 30px 15px;
    background-color: #1f2124;
    color: #EEE;
}

.profile-card-10 img {
    margin: 10px auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 10px solid transparent;
    box-shadow: 0px 0px 0px 2px #64c17b;
    transition: all 0.25s linear;
}

.profile-card-10 .profile-name {
    color: #FFF;
    font-weight: bold;
    font-size: 17px;
}

.profile-card-10 .profile-location {
    font-size: 13px;
    opacity: 0.7;
}

.profile-card-10 .profile-description {
    padding: 10px;
    font-size: 13px;
}

.profile-card-10 .profile-icons .fa {
    color: #ffc75e;
    margin: 10px;
}

.profile-card-10:hover img {
    transform: scale(1.1);
}
/*------------------------------------*\
    DEVSITE
\*------------------------------------*/`

.intro {
color: #000;
margin-top: 20px;

}

.parent {
display: grid;
height: 100vh; /* Fallback for browsers that do not support Custom Properties */
height: calc(100vh - var(--vh-offset, 0px));
  /* enable vh fix */
min-height: -webkit-fill-available;
overflow: hidden;
grid-template-columns: repeat(9, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
 padding: 20px;
}
.parent1 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-auto-rows: auto;

grid-gap: 1rem;
 padding: 20px;
 height:91vh;
}

.div11 { grid-area: 1 / 1 / 3 / 3;
background-color:green; }
.card {


}
.div12 { grid-area: 1 / 3 / 3 / 5;
background-color:yellow;}
.div13 { grid-area: 3 / 1 / 5 / 3;
background-color:blue; }
.div14 { grid-area: 3 / 3 / 5 / 5;
background-color:red; }

.logo-home
{
width:150px;
margin:0 auto;
}
.div1 {
    grid-area: 1 / 1 / 5 / 3;
    background-color: #e9e6de;
    text-align: center;
    overflow: scroll;
    padding: 20px;
    box-shadow: 1px 1px 14px -1px rgb(205 205 205 / 66%);
}

.div1 h2 {
    font-size: 2rem;
    color: #000000;
    margin-bottom: 20px;
    font-size: 3rem;
    margin-top: 30PX;
    font-weight: 800;
    font-family: 'made_mirage_regular';
}
p.intro {
    color: #000000;
    font-weight: 500;
    text-align: justify;
    padding-top: 20PX;
    font-size: 1.8rem;
    border-top: 1px solid #dfd1d1;
    font-family: "chaparral-pro";
    line-height: 1.8rem;
}
p.card-text {
    font-size: 1.4rem;
    font-family: "chaparral-pro";
}
.titre-bloc {
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    padding-left: 5px;
    font-weight: 800;
    font-family: 'made_mirage_regular';
    font-size: 2.4rem;
    margin-top: 30PX;
    margin-top: 0px;
    padding-bottom: 10px;
}
.card .card-title {
    font-weight: 500;
    letter-spacing: .05rem;
    font-size: 1.6rem;
    font-family: made_mirage_pro;
}


.div2 {
grid-area: 1 / 6 / 3 / 10;

background-color:#c0392b;
overflow: hidden;
 }

 .bg-video-wrap {
    position: relative;
    overflow: hidden;
    background-color: #000;
    width: 100%;
    height: 100vh;
}
.bg-video-wrap video {
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
    object-fit: cover;
}
.div3 { grid-area: 1 / 6 / 2 / 7;
background-color:#f39c12;

}
.div4 {
    grid-area: 1 / 3 / 3 / 6;
background-color: #fafafa;

}
.div5 {
    grid-area: 3 / 3 / 5 / 6;
    background-color: #ffffff;
    box-shadow: 5px 6px 17px 9px rgb(236 236 236 / 61%);
}
.div6 { grid-area: 3 / 4 / 5 / 6;
background-color:#fff;

}
.div7 {
    grid-area: 3 / 6 / 5 / 8;
    background-color: #f2efe9;
    padding-top: 0px;
}
.div8 {
    grid-area: 3 / 8 / 5 / 10;
    box-shadow: 5px 6px 17px 9px rgb(236 236 236 / 61%);
    background-color: #ffffff;
    padding: 10px 20px;
}
.padding50 {
  padding-top:50px;
  }
.div31 {
grid-row-start: 1;
grid-column-start: 10;
grid-row-end: 5;
grid-column-end: 3;
background-color: #ffffff;
overflow: scroll;
}
h3.titrebloc2 {
    float: left;
    text-align: left;
    margin-left: 20px;
    margin-top: 10px;
}

.div8 .btn {
    display: block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;

    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.hey {

    text-align: center;
    padding-top: 10px;
    border: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.ho {

    text-align: center;
    padding-top: 10px;
    border: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;

}

.heyho {

    text-align: center;
    padding-top: 10px;
    border: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;

}

.heyhoheyho {

    text-align: center;
   padding-top: 10px;
    border: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;

}


 .grid2 {
    display: grid;

    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    height: 100%;
    grid-row-gap: 20px;
    padding-left: 10px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.div20 {
    grid-area: 1 / 1;
 align-self: center;
  justify-self: center;
}
.div21 {
    grid-area: 1 / 2;
 align-self: center;
  justify-self: center;
}
.div22 {
    grid-area: 1 / 3;
 align-self: center;
  justify-self: center;
}
.div23 {
    grid-area: 2 / 1;
 align-self: center;
  justify-self: center;
}
.div24 {
    grid-area: 2 / 2;
 align-self: center;
  justify-self: center;
}
.div25 {
    grid-area: 2 / 3;
 align-self: center;
  justify-self: center;
}

svg#Layer_1 {
    height: 40px;
    width: 100px;
}









figure#pro-figure {
    float: left;
    padding: 10PX;
    min-height: 250px;
}

.testttt {
    padding: 40px;
    border: 1px solid #000;
    text-transform: uppercase;
    display: block;
    font-family: 'made_mirage_regular';
    MARGIN-BOTTOM: 10PX;
    FONT-SIZE: 1.7REM;
    FONT-WEIGHT: 800;
}
figcaption {
    font-family: 'chaparral-pro';
    font-size: 1.2em;
}

.gdscode {
color: #fff;
font-size: 3rem;
      font-family: 'chaparral-pro';
}

#myNav2 {

}
h2.titre-brochure {
text-align: center;
padding: 10px;
background-color: #f2efe9;
color: #000;

}
h2.titre-brochure a {
    color: #000;

    font-family: 'made_mirage_regular';
}

.form .livicon-evo-holder .lievo-svg-wrapper {
    display: inline-block;
    position: absolute;
    top: 50px;
    left: 50px;
    width: 50px!important;
    padding-bottom: 100%!important;
    vertical-align: middle;
    overflow: hidden!important;
}

/*--------------
Checklist
\*------------------------------------*/

.check-list {
    margin: 0;
    padding-left: 1.2rem;
    padding-top: 20px;
    border-top: 1px solid #e5c8c8;
    margin-top: 20px;
    font-weight: 400;
      font-family: 'chaparral-pro';
}
.check-list li {
    position: relative;
    list-style-type: none;
    padding-left: 2.5rem;
    margin-bottom: 0.5rem;
    color: #000000;
    font-size: 1.6em;
    text-align: left;
}
img.gifimg {
    width: 60px;
    margin: 0 auto;
    display: block;
    /* text-align: center; */
}
.check-list li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 5px;
    height: 11px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #000000;
    transform-origin: bottom left;
    transform: rotate(
45deg);
}


/*--------------
NEWS HOME
\*------------------------------------*/




.detail {
    color: #fmargin-bottom: 5px;
    margin-bottom: 5px;
    color: #000;
    font-size: 1.5rem;

    font-family: "chaparral-pro";
}
.lien-liste h3 {
color: #000;
margin-bottom: 30px;
}
.liste {
list-style-type: none;
padding: 0px;
}
/*------------------------------------*\
    OVERLAY
\*------------------------------------*/

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 9%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}


/*------------------------------------*\
   FORM
\*------------------------------------*/

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    border: 2px solid;
    font-weight: bold;
    background: transparent;
    height: 40px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    border: 2px solid;
    font-weight: bold;
    background: transparent;
    height: 120px;
}
input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    border: 2px solid;
    font-weight: bold;
    background: transparent;
    height: 40px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    border: none;
    background: transparent;
    font-family: 'chaparral-pro';
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
    margin-left: 40PX;
    display: inline-block;
}
p.text-center.buttonsubmit {
    max-width: 380px;
    text-align: center;
    margin: 0 auto;
}
/*------------------------------------*\
   Revealer effect
\*------------------------------------*/
.block-revealer__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    pointer-events: none;
    opacity: 0;
}






.hidden {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    pointer-events: none;
}

/* Icons */
.icon {
    display: block;
    width: 1.5em;
    height: 1.5em;
    margin: 0 auto;
    fill: currentColor;
}

.icon--inline {
    display: inline-block;
    width: 1em;
    height: 100%;
    margin: 0 0.25em 0 0;
}

.form__close {
    margin: 1.25em 0 0 0;
    position: relative;
    display: inline-block;
    height: 0.65em;
    float: left;
    font-weight: bold;
    cursor: pointer;
}

/* Page Loader */
.js .loading::before {
    content: '';
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #7f40f1;
}

.js .loading::after {
    content: '';
    position: fixed;
    z-index: 10000;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    pointer-events: none;
    background: #fff;
    animation: loaderAnim 0.8s ease-out infinite alternate forwards;
}

@keyframes loaderAnim {
    to {
        transform: translate3d(0,-100px,0);
    }
}

.content.intro {
    height: 93vh;
}


.pater {
    font-size: 0.7em;
    right: 1vw;
    top: 1vw;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border: 3px solid #fff;
    padding: 4.5em 2.25em 2.5em;
    width: 100%;
    max-width: 360px;
    position: absolute;
    background: #d0cfc5;
    margin: auto 0 3em auto;
    transition: background-color 0.3s;
    pointer-events: visible;
    display: block;
}

.pater:hover,
.pater:focus {
    outline: none;
    background-color: #fff;
}

.pater::after {
    content: 'Sponsored by';
    position: absolute;
    top: 2.75em;
    left: 3.5em;
    font-size: 0.65em;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: bold;
}

@media screen and (min-width: 50em) {
    .pater::before {
        content: '';
        position: absolute;
        background: url(../img/sponsor/terminal.svg) no-repeat 50% 100%;
        background-size: contain;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        -webkit-transform: translate3d(-25px, 25px, 0);
        transform: translate3d(-25px, 25px, 0);
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
    }
    .pater:hover::before,
    .pater:focus::before {
        opacity: 1;
        -webkit-transform: translate3d(-40px, 40px, 0);
        transform: translate3d(-40px, 40px, 0);
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(.43, .04, .32, .97);
        transition: transform 0.3s cubic-bezier(.43, .04, .32, .97);
    }
}

.pater__img {
    display: block;
    width: 50%;
}

.pater__title {
    font-size: 1.5em;
    margin: 1em 0 0.5em;
}

.pater__desc {
    color: #3D3935;
    line-height: 1.1;
    margin: 0;
    font-size: 1.25em;
}

@media screen and (max-width: 50em) {
    .pater {
        top: 0;
        right: 0;
        margin: 0;
        border: 0;
        position: relative;
        max-width: none;
        font-size: 0.85em;
        background-color: #fff;
        padding: 2.5em 1em 1em;
    }
    .pater::after {
        top: 1em;
        left: 1em;
    }
    .pater__img {
        width: 160px;
    }
}

@media screen and (max-width: 40em) {
    .pater__title {
        font-size: 1em;
        margin-bottom: 0;
    }
    .pater__desc {
        display: none;
    }
    .pater__img {
        max-width: 30%;
    }
}


/* Content */
.content {
    position: relative;

    overflow-x: hidden;
}

.content--full {
    height: 100vh;
    min-height: 600px;
}

.flexy {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.flexy--center {
    justify-content: center;
}

.flexy--row {
    flex-direction: row;
}

.content__heading {
    flex: none;
    width: 100%;
    padding: 0 5vw;
}

.content__heading--center {
    text-align: center;
}

.content__title {
    font-size: 8vw;
    line-height: 1.2;
    padding: 0 5vw;
}

.content__title--half {
    width: 50vw;
    z-index: 2;
}

.content__title--enclosed {
    padding: 0;
    margin: 0;
}

.content__title--center {
    margin: auto;
}

.content__title--right {
    text-align: right;
    padding: 0 0 0 2em;
}

.content__title--left {
    margin-left: -18vw;
}

.content__title--medium  {
    font-size: 6vw;
}

.content__title--small  {
    font-size: 2vw;
}

.content__title__inner {
    flex: none;
    display: inline-block;
    white-space: nowrap;
    position: relative;
}

.content__title__inner--offset-1 {
    top: -0.25em;
    left: 13.6vw;
}

.content__title__inner--offset-2 {
    top: -0.25em;
    left: 1.75vw;
}

.content__title__inner--offset-3 {
    left: -10vw;
    top: -0.25em;
}

.content__image-wrap {
    flex: none;
    width: 25vw;
}

.content__image-wrap--half {
    width: 50vw;
}

.content__image {
    width: 100%;
    display: block;
}

.triggers {
    border: 2px solid;
    padding: 3em;
    margin: 0 5vw;
    width: 40vw;
}

/* Related demos */
.content--related {
    padding: 8em 5vw;
    font-weight: bold;
    text-align: center;
}

.content--related h2 {
    font-family: 'Inconsolata', monospace;
    font-size: 1.25em;
}

.content--related .demos {
    padding-bottom: 3em;
}

.media-item {
    display: inline-block;
    padding: 1em;
    vertical-align: top;
    transition: color 0.3s;
}

.media-item__img {
    max-width: 100%;
    opacity: 0.8;
    transition: opacity 0.3s;
}

.media-item:hover .media-item__img,
.media-item:focus .media-item__img {
    opacity: 1;
}

.media-item__title {
    font-size: 1em;
    margin: 0;
    padding: 0.5em;
}

/* Demo specific styles */

/* Buttons */
.btn {
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    color: inherit;
}

.btn:focus {
    outline: none;
}

.btn--trigger {
    margin: 1em;
    display: block;
    white-space: nowrap;
}

.btn--default,
.btn--trigger::before {
    font-weight: bold;
    border: 2px solid;
    text-align: center;
    text-indent: 0;
    display: inline-block;
    line-height: 1.7;
}

.btn--trigger::before {
    content: 'Press';
    width: 4em;
    height: 2em;
    margin: 0 0.75em;
}

.btn--trigger:active::before {
    content: 'Ouch!';
}

.btn--default {
    padding: 0 1em;
    margin: 2vh 0 0;
}

.btn--tool {
    display: block;
    margin: 1em 0;
    font-size: 1.3em;
    color: #8a7c78;
}

.btn--menu {
    position: absolute;
    top: 3vw;
    right: 3vw;
    color: #939391;
    pointer-events: visible;
}

.btn--close {
    position: absolute;
    top: 3vw;
    right: 3vw;
    font-size: 0.75em;
    z-index: 100;
}

/* Menu */
.menu {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 320px;
    z-index: 100;
}

.js .menu {
    pointer-events: none;
}

.js .menu--open {
    pointer-events: visible;
}

.menu .block-revealer__content {
    height: 100%;
    position: relative;
}

.menu__inner {
    width: 100%;
    height: 100%;
    list-style-type: none;
    padding: 20vh 3em;
    margin: 0;
    background: #fcf652;
    overflow: hidden;
}

.menu__item {
    padding: 0.15em;
}

.js .menu__item {
    transform: translate3d(-13em,0,0);
    transition: transform 0s 0.4s;
}

.btn--close {
    opacity: 0;
}

.menu--open .menu__item,
.menu--open .btn--close {
    opacity: 1;
    transform: translate3d(0,0,0);
    transition: opacity 0.4s 0.135s, transform 0.4s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.menu--open .menu__item:nth-child(2) {
    transition-delay: 0.165s;
}

.menu--open .menu__item:nth-child(3) {
    transition-delay: 0.195s;
}

.menu--open .menu__item:nth-child(4) {
    transition-delay: 0.225s;
}

.menu .menu__link {
    font-size: 3.5vw;
    color: #4f4f54;
    font-weight: bold;
}

.menu .menu__link:hover,
.menu .menu__link:focus {
    outline: none;
    color: #000;
    text-decoration: line-through;
}

.box {
    max-width: 600px;
    width: 100%;
    font-size: 1.25em;
    margin: 0 0 0 0;
}

.box--small {
    max-width: 500px;
}

.box--border {
    padding: 2em 3em;
    border: 2px solid;
}

.form {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
}

.js .form {
    pointer-events: none;
}

.js .form--open {
    pointer-events: visible;
}

.wpcf7 {
background: #e9e6de;
padding-top: 80px;
}


.col-lg-6.form6.contact.text-center {
    font-size: 2rem;
    padding: 80px;
    font-family: 'chaparral-pro';
}
.bgform100 {
    height: 100vh  ;
 background: #e9e6de;

}
img.logo-form {
    width: 200px;
    margin: 0 auto;
    padding: 20px;
}
.form__section {
    font-size: 1.25em;
    text-align: left;
    padding: 0.5em 0;
    width: 80%;
    max-width: 380px;
    margin: 0 auto;
}

.form__section--title {
    font-size: 2.35vw;
    padding: 0 0 1em;
    line-height: 1.1;
    max-width: 380px;
    margin: 0 auto;
}

.js .form__section {
    transform: translate3d(0,100px,0);
    opacity: 0;
    transition: transform 0s 0.6s, opacity 0s 0.6s;
}

.form--open .form__section {
    opacity: 1;
    transform: translate3d(0,0,0);
    transition: transform 1s 0.3s, opacity 1s 0.3s;
    transition-timing-function: cubic-bezier(0.2,1,0.2,1);
}

h3.form__section.form__section--title {
    padding-bottom: 20px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
font-family: 'made_mirage_regular';
}
form label {
    color: #2E405C;
    font-family: 'made_mirage_regular';
}
.form--open .form__section:nth-child(2) {
    transition-delay: 0.35s;
}

.form--open .form__section:nth-child(3) {
    transition-delay: 0.40s;
}

.form--open .form__section:nth-child(4) {
    transition-delay: 0.45s;
}

.form--open .form__section:nth-child(5) {
    transition-delay: 0.50s;
}

.form--open .form__section:nth-child(6) {
    transition-delay: 0.55s;
}

.form__label {
    display: block;
    flex: none;
    width: 100%;
    padding: 0PX;
}

.form__input {
    padding: 1vh;
    font-size: 1.5em;
}

.form__input,
.form__select {
    width: 100%;
    border: 2px solid;
    font-weight: bold;
    background: transparent;
}

.form__input:focus,
.form__select:focus {
    outline: none;
}

.form__section--right {
    text-align: right;
}


.dual {
    width: 90vw;
    margin: 8em auto 25vh;
    position: relative;
}

.dual__inner {
    position: absolute;
    width: 100%;
    height: 100%;
}

.dual__half {
    position: absolute;
    height: 100%;
    width: 51%;
    right: 0;
    background: url(../img/4.jpg) no-repeat 50% 0%;
    background-size: cover;
}

.dual__content {
    position: relative;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 500px;
    padding: 1.5em 2.5em;
    font-size: 1.75em;
    line-height: 1.4;
    color: #8a7c78;
}

.js .dual__content {
    opacity: 0;
    pointer-events: none;
    transform: translate3d(60px,0,0);
    transition: opacity 0.55s 0.4s, transform 0.55s 0.4s;
}

.dual__content.dual__content--show {
    opacity: 1;
    pointer-events: visible;
    transform: translate3d(0,0,0);
}

.author {
    margin: 1em 0 0 0;
    display: block;
    font-size: 0.65em;
}

.media {
    width: 90%;
    max-width: 800px;
    position: relative;
}

.media__inner {
    display: block;
    position: relative;
}

.media__image {
    display: block;
    max-width: 100%;
}

.media__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 2.15em;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-end;
}

.js .btn--tool {
    opacity: 0;
    pointer-events: none;
    transform: translate3d(200%,0,0);
    transition: opacity 0.6s 0.28s, transform 0.6s 0.28s;
    transition-timing-function: ease, cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.js .btn--tool:nth-child(2) {
    transition-delay: 0.32s;
}

.js .btn--tool:nth-child(3) {
    transition-delay: 0.34s;
}

.media__toolbar--show .btn--tool{
    opacity: 1;
    pointer-events: visible;
    transform: translate3d(0,0,0);
}

/* Demo themes */

.demo-menu { background: #4f4f54; color: #828282; }
.demo-menu a { color: #c5c149; }
.demo-menu a:hover, .demo-menu a:focus { color: #fcf652; }

.demo-split { background: #ff784a; color: #fff; }
.js .demo-split.loading::before { background: #fff; }
.js .demo-split.loading::after { background: #ff784a; }

.demo-form { background: #767df9; color: #252527; }
.demo-form a:not(.pater) { color: #fff; }
.demo-form a:hover, .demo-form a:focus { color: #252527; }

.demo-modal { background: #6f6f6f; color: #bfbfbf; }

@media screen and (max-width: 56.250em) {
    .btn--tool {
        font-size: 3vw;
    }
    .media__toolbar {
        padding: 3.5vw;
    }
}

@media screen and (max-width: 50em) {
    .codrops-header__title,
    .codrops-header__tagline {
        width: 100%;
        padding: 1em 0 0;
    }
    .demo {
        font-size: 1em;
        margin: 0.5em 1em 0.25em 0;
    }
    .content--full {
        min-height: 0;
    }
    .content__title {
        font-size: 2em;
    }
    .content__title--medium  {
        font-size: 1.75em;
    }
    .content__title--small {
        font-size: 1.15em;
    }
    .content__title--half {
        width: 100%;
    }
    .content__title--right {
        padding: 0 5vw;
    }
    .content__title--left {
        margin-left: 0;
    }
    .flexy--row {
        flex-direction: column;
    }
    .form__title,
    .form__section {
        font-size: 0.85em;
    }
    .triggers {
        width: 100%;
        border: 0;
        padding: 0;
        font-size: 0.85em;
    }
    .modal {
        font-size: 0.85em;
    }
    .menu .menu__link {
        font-size: 2em;
    }
    .box {
        padding: 5vw;
        font-size: 0.85em;
    }
    .box--border {
        border: none;
    }
    .dual__content {
        min-height: 200px;
        font-size: 0.85em;
        padding: 1em;
    }
    .dual {
        margin-top: 0;
    }
}



/*------------------------------------*\
   NEWS STYLE
\*------------------------------------*/
.lien-liste {
    padding: 10px;
    background-color: #f2efe9;
    color: #000;
    margin-top: 10px;
    position: relative;
    margin-bottom: 30px;
}
.dowload-bandeau {
    background-color: #f1efe8;
    color: #000;
    width: 180px;
    margin: 0 auto;
    font-family: 'made_mirage_regular';
    font-weight: 800;
    font-weight: 800;
    padding: 5px 10px;
    margin-top: 30px;
    text-align: center;
    display: block;
    /* margin-left: 10px; */
    /* position: absolute; */
    /* right: 10px; */
    /* margin-top: 15px; */
    font-size: 1.5rem;
    text-transform: uppercase;
    /* font-weight: 400; */
    margin-bottom: 30px;
    border: 1px solid #000000;
}
/*------------------------------------*\
	CARD EVENT
\*------------------------------------*/

.card-margin {
    margin-bottom: 1.875rem;
}

.card-event {
    border: 0;
    box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
    -ms-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #e6e4e9;
    border-radius: 8px;
}

.card .card-header.no-border {
    border: 0;
}
.card .card-header {
    background: none;
    padding: 0 0.9375rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    min-height: 50px;
}
.card-header:first-child {
    border-radius: calc(8px - 1px) calc(8px - 1px) 0 0;
}

.widget-49 .widget-49-title-wrapper {
  display: flex;

}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #000000;
    width: 7rem;
    /* color: #fff; */
    height: 4rem;
    /* border-radius: 50%; */
}

.widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-day {
    color: #ffffff;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1;
}
.widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-month {
    color: #ffffff;
    line-height: 1;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fcfcfd;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-day {
  color: #dde1e9;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-month {
  color: #dde1e9;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #e8faf8;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-day {
  color: #17d1bd;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-month {
  color: #17d1bd;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ebf7ff;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-day {
  color: #36afff;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-month {
  color: #36afff;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: floralwhite;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-day {
  color: #FFC868;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-month {
  color: #FFC868;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #feeeef;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-day {
  color: #F95062;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-month {
  color: #F95062;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fefeff;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-day {
  color: #f7f9fa;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-month {
  color: #f7f9fa;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ebedee;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-day {
  color: #394856;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-month {
  color: #394856;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #f0fafb;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-day {
  color: #68CBD7;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
}

.widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-month {
  color: #68CBD7;
  line-height: 1;
  font-size: 1rem;
  text-transform: uppercase;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
    margin-top: 10px;
}
.widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-pro-title {
    color: #3c4142;
    font-size: 14px;
    font-family: 'made_mirage_regular';
    font-weight: 600;
}

.widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-meeting-time {
    color: #0c0c0c;
    font-size: 14px;
    font-weight: 400;
}

.widget-49 .widget-49-meeting-points {
  font-weight: 400;
  font-size: 13px;
  margin-top: .5rem;
}

.widget-49 .widget-49-meeting-points .widget-49-meeting-item {
  display: list-item;
  color: #727686;
}

.widget-49 .widget-49-meeting-points .widget-49-meeting-item span {
  margin-left: .5rem;
}

.widget-49 .widget-49-meeting-action {
  text-align: right;
}

.widget-49 .widget-49-meeting-action a {
  text-transform: uppercase;
}




/*------------------------------------*\
    TYPO
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (max-width:480px) {

    .logo-home {
    width: 100px;
    margin: 0 auto;
}
.div1 h2 {
    font-size: 2rem;
    color: #000000;
    margin-bottom: 20px;
    font-size: 2.5rem;
    margin-top: 10PX;
    font-family: made_mirage_pro;
}
.parent {
display: block;
height: auto;
  height: auto;
  min-height: auto;
  overflow: hidden;
grid-template-columns: repeat(9, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
 padding: 0px;
}
.container-fluid.brochurewrapper {
    margin-top: 30px;
    padding: 0;
}

p.intro {
    color: #000000;
    font-weight: 500;
    text-align: justify;
    padding-top: 0PX;
    font-size: 1.6rem;
    border-top: 0px solid #dfd1d1;
    font-family: "chaparral-pro";
    line-height: 1.8rem;
}
.check-list li {
    position: relative;
    list-style-type: none;
    padding-left: 2.5rem;
    margin-bottom: 0;
    color: #000000;
    font-size: 1.3em;
    text-align: left;
}

.bg-video-wrap video {
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
    object-fit: cover;
}

video {
    height: auto;
    vertical-align: middle;
    width: 100%;
}
.col-lg-6.form6.contact.text-center {
    font-size: 2rem;
    padding: 0px;
    margin: 0;
    font-family: 'chaparral-pro';
}
.form {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    overflow: scroll;
    left: 0;
    z-index: 3;
}
.form__label {
    display: block;
    flex: none;
    width: 100%;
    padding: 0PX;
    font-size: 16px;
}
h3.form__section.form__section--title {
    font-size: 24px;
}
#clients .client-logo {
    padding-left: 84px;
    padding-right: 84px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background: #e9e6de;
    height: 150px;
}

#clients .client-logo1 {
    padding-left: 98px;
    padding-right: 98px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background: #e9e6de;
    height: 280px;
}
.form .col-lg-6.form6.text-center {
    margin: 0;
    padding: 0;
}
.form p {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
}
}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}




/*------------------------------------*\
    CARD CONTACT-TEAM HOME
\*------------------------------------*/



.card-custom {
  overflow: hidden;
  min-height: 100%;
  border: 0;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
}

.card-custom-img {
  height: 100px;
  min-height: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-color: inherit;
}
.card-custom .card-footer {
    padding-bottom: 50px;
    padding-top: 10px;
    border-top: 1px dashed #eee ;
}

.card-custom .card-title  {
margin-top: 70px;
  }
/* First border-left-width setting is a fallback */
.card-custom-img::after {
  position: absolute;
  content: '';
  top: 100px;
  left: 0;
  width: 0;
  height: 0;
  BACKGROUND-COLOR: #e9e6de;
  border-style: solid;
  border-top-width: 60px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 545px;
  border-left-width: calc(575px - 5vw);
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: inherit;
}

.card-custom-avatar img {
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
  position: absolute;
  top: 80px;
  left: 1.25rem;
  width: 70px;
  height: 70px;
}

.btn.btncontact {
    color: #;
    font-size: 1.2rem;
    background-color: #;
    text-transform: uppercase;
}
.btn.btnteam {
color: #;
/* padding: 5px 10px 5px 10px; */
/* border: 1px solid; */
font-size: 1.2rem;
background-color: #;
text-transform: uppercase;
}














.card-header .card-title {
  margin-bottom: 10px;
    padding: 5px;
    background-color: #ffffff;
    display: inline-block;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #000;
}
.card-header .card-title1 {
    margin-bottom: 10px;
    padding: 5px;
    background-color: #ffffff;
    display: inline-block;
    font-size: 1.2rem;
    color: #000;
    text-transform: uppercase;
}
.div4 h3 {
    margin-top: 10px;
    margin-left: -5px;
    text-align: center;
    font-family: made_mirage_regular;
}

/*------------------------------------*\
  OTHER
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}








h1, h2, h3, h4, h5, h6 {
    font-family: 'made_mirage_regular';
    font-weight: 800;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

.containerid {
  background: url("https://www.hotelchristopher.com/wp-content/uploads/2021/06/3C7A1803.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 580px;
  position: relative;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.315);
}
.containerid  .container__info {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 20%;
  display: flex;
  align-items: flex-end;
  padding: 15px 30px;
  color: #fff;
}
.containerid .container__info span {
  margin-right: 20px;
}
.containerid .container__info i {
  margin-right: 10px;
}
.containerid .container__profile {
  background-color: #e4f2fd;
  display: flex;

  padding: 20px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.containerid .container__profile img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-position: center;
  object-fit: cover;
  margin-right: 10px;
}
.containerid .container__profile h2 {
  color: #334454;
  font-size: 1.2rem;
}
.containerid .container__profile p {
  color: #a1b2bc;
  font-size: 0.8rem;
}
.containerid  .container__profile p b {
  font-style: italic;
}




.recipe,
.pizza-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.pizza-box {
  flex: 3 1 30ch;
  background-size: cover;
  background-position: center center;
  height: 150px;
  overflow: hidden;
}
.pizza-box img {
  max-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.recipe {
  border: 2px solid #F2F2F2;
  border-radius: 8px;
  overflow: hidden;
}
.recipe-content {
  padding: 16px 32px;
  flex: 4 1 40ch;
}
.recipe-tags {
  margin: 0 -8px;
}
.recipe-tag {
  display: inline-block;
  margin: 8px;
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--primary);
}
.recipe-title {
  margin: 0;
  font-size: clamp(1.4em, 2.1vw, 2.1em);
  font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
}
.recipe-title a {
  text-decoration: none;
  color: inherit;
}
.recipe-metadata {
  margin: 0;
}
.recipe-rating {
  font-size: 1.2em;
  letter-spacing: 0.05em;
  color: var(--primary);
}
.recipe-rating span {
  color: var(--grey);
}
.recipe-votes {
  font-size: 0.825em;
  font-style: italic;
  color: var(--lightgrey);
}
.recipe-save {
  display: flex;
  align-items: center;
  padding: 6px 14px 6px 12px;
  border-radius: 4px;
  border: 2px solid currentColor;
  color: var(--primary);
  background: none;
  cursor: pointer;
  font-weight: bold;
}
.recipe-save svg {
  margin-right: 6px;
}


.recipe-desc {
font-size: 1.2rem;
margin-top: 10px;
margin-bottom:  10px;
}
.atouts {
font-size: 1.4rem;
font-weight: 900;
}

.big {
  width: clamp(320px, 65%, 65%);
  padding: 24px;
}

.small {
  width: 100%;
  padding: 0px;
}


@font-face {
    font-family: 'made_mirage_regular';
    src: url('./fonts/made_mirage_regular-webfont.woff2') format('woff2'),
         url('./fonts/made_mirage_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;


}
@font-face {
    font-family: 'made_mirage_thin';
    src: url('./fonts/made_mirage_thin-webfont.woff2') format('woff2'),
         url('./fonts/made_mirage_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;


}



















@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}