@charset "UTF-8";

/*
Theme Name: Base Wordpress Parkour3
*/
.header_tel {
  font-size: 13px;
  padding: 0 17px;
  margin: 7px 0;
  padding-top: 2px;
  margin-right: 6em;
  white-space: nowrap;
}

.header_tel i {
  color: #28079d;
  margin-right: 1em;
}

.header_tel a {
  color: #525252;
}

@media (max-width: 991px) {
  .mobile-only {
    display: block;
  }

  .desktop-only {
    display: none;
  }

  #headerMainNav>div {
    width: 100%;
  }

  header #navbar_principale #headerMainNav .nav>li {
    background: white;
    border: 1px solid #ccc !important;
    width: 100%;

    border-bottom: 0 !important;
    padding: 0 !important;
  }

  header #navbar_principale #headerMainNav .nav>li .sub-menu {
    display: none;
    background: #e9e9e9;
    padding: 1em;
  }

  header #navbar_principale #headerMainNav .nav>li .sub-menu>li {
    margin: 0 !important;
  }

  header #navbar_principale #headerMainNav .nav>li:last-child {
    border-bottom: 1px solid #ccc !important;
  }

  header #navbar_principale #headerMainNav .nav>li>a {
    display: inline-block;
    padding: 1em;
    margin: 0;
    border-bottom: 1px solid #ccc;
    background: white;
    text-decoration: none !important;
  }

  header #navbar_principale #headerMainNav .nav>li .drop-arrow {
    color: #2606a3;
    font-size: 300%;
    transform: scaleX(0.5);
    position: absolute;
    top: 0;
    right: 0.2em;
    display: flex;
    align-items: center;
    height: 50px;
  }

  header #navbar_principale #headerMainNav .nav>li .drop-arrow.upped {
    transform: rotate(180deg) scaleX(0.5) !important;
    color: #77a092 !important;
  }

  header #navbar_principale .mobile_header_lang_switcher .sub_menu {
    z-index: 9999999;
  }
}

@media (min-width: 991px) {
  .mobile-only {
    display: none;
  }

  .desktop-only {
    display: block;
  }
}

.footer_contact_btn a {
  background-color: #2905A1;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px 18px;
  border: 2px solid #2905A1;
}

.footer_menus.row a {
  text-decoration: none;
  line-height: 15px !important;
  display: inline-block;
}

.footer_menus.row a:hover {
  text-decoration: underline;
}

.footer_icons img {
  filter: invert(1);
}

footer .footer_bottom>div .footer_lang_switcher .sub_menu {
  left: 300px;
}

#carouselHome .carousel-item:nth-child(1) {
  padding-top: 7em !important;
}

span.carousel-control-next-icon {
  background-color: #2905a1;
  padding: 1em;
  border-radius: 100%;
  border: 10px solid #2905a1;
}

span.carousel-control-prev-icon {
  background-color: #2905a1;
  padding: 1em;
  border-radius: 100%;
  border: 10px solid #2905a1;
}

.blk_txt_img .contenu_blk .txt_blk {
  opacity: 1;
}

.contenu_blk .bg_img.bg_cover {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.contenu_blk:hover .bg_img.bg_cover {
  opacity: 0.3;
}

@media (max-width: 992px) {
  .footer_bottom .col-12.col-lg-4.d-flex.pl-lg-0.mb-3.mb-lg-0.order-3.order-lg-1.justify-content-center.justify-content-lg-start.mt-3.mt-lg-0 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .footer_contact_btn.d-flex.flex-nowrap.text-center {
    text-align: center;
    justify-content: center;
  }


}

.blocs_recent_entries {
  display: flex;
}

.recent_entries {
  padding: 7em 0 7em;
}

.recent_entries h3.titre_recent_entries {
  text-align: center;
  padding: 0 0 1em;
  font-size: 270%;
  font-weight: 700;
  text-transform: uppercase;
}

.recent_entries ul.blocs_recent_entries,
.recent_entries ul.blocs_recent_entries li {
  list-style: none;
  margin: 0 1em;
  text-align: center;
}

.recent_entries ul.blocs_recent_entries li .nouvelle_image {
  height: 195px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recent_entries ul.blocs_recent_entries li .nouvelle_image img {
  min-width: 300px;
}

.recent_entries ul.blocs_recent_entries li .nouvelle_date {
  font-size: 90%;
  color: #777;
  margin: 0.5em 0;
}

.recent_entries ul.blocs_recent_entries li .nouvelle_titre {
  font-size: 120%;
}

.recent_entries ul.blocs_recent_entries li .nouvelle_titre a {
  color: #333;
}

div#tarteaucitronAlertBig {
  padding: 1em 0em !important;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

div#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
div#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
  font-size: 88% !important;
}

.tarteaucitronAlertBigBottom .p3_cookie_banner_btn #tarteaucitronAllDenied,
.tarteaucitronAlertBigBottom .p3_cookie_banner_btn #tarteaucitronPersonalize,
.tarteaucitronAlertBigBottom .p3_cookie_banner_btn .settings_link {
  margin: 0;
}

.tarteaucitronAlertContainer {
  display: flex;
  width: 90vw;
  align-items: center;
}

span#tarteaucitronPersonalize,
span#tarteaucitronAllDenied {
  padding: 1em 2em !important;
}

@media (min-width: 992px) {
  .tarteaucitronAlertBigBottom .p3_cookie_banner_btn {
    flex: 1 0 360px;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }

  section.contact__form .left-col {
    padding-top: 10em;
  }

  section.contact__form .right-col {
    margin-top: -5em;
  }

  .white-text {
    color: white !important;
  }
}

div#tarteaucitronRoot {
  position: relative;
}

div#tarteaucitronAlertBig {
  position: fixed !important;
  width: 500px !important;
  height: 400px !important;
  right: 0 !important;
  left: unset;
  padding: 2.5em 2em 2em !important;
  top: unset;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  background: rgba(125, 125, 125, 0.98) !important;
}

div#tarteaucitronRoot .p3_cookie_banner_btn {
  flex-direction: column;
  padding: 0 4em;
  flex-basis: 20%;
}

div#tarteaucitronRoot .p3_cookie_banner_btn>* {
  margin: 0.3em 0 !important;
  width: 100%;
}

.tarteaucitronAlertBigBottom .p3_cookie_banner_btn>span {
  font-size: 100% !important;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

.cta_btn {
  font-size: 145%;
  padding: 1em 2em;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

#carouselTestimonial .cta_btn {
  font-size: 120%;
  background: #2905A1 !important;
  color: white !important;
}

body .gform_legacy_markup_wrapper ul li.gfield {
  margin-top: 0 !important;
}

.gform_legacy_markup_wrapper li.hidden_label input {
  margin-top: 0 !important;
}

.gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text],
.gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
  margin-bottom: 0;
}

.contact__info {
  padding: 0 0 3rem !important;
}

.contact__info.one_call_bloc {
  width: 70%;
  margin: 8em auto;
}

.contact__info__bloc {
  padding: 0 0 3rem !important;
}

.gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text],
.gform_legacy_markup_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
  margin-bottom: 0 !important;
}

.contact__form .card_courriel {
  margin: 0.3em -0.6rem;
}

.contact__info .h2 {
  margin-bottom: 1rem;
}

.temoignage__bloc__content {
  display: flex;
  align-items: center;
  min-height: 370px;
  padding-top: 4em;
}

.temoignage__bloc__content .logo {
  flex-basis: 30%;
}

.temoignage__bloc__content .quote {
  flex-basis: 70%;
  text-align: left;
  padding: unset;
  padding-left: 2em;
}

.temoignage__bloc__content .quote p {
  padding: 0;
  font-size: 130%;
  line-height: unset;
}

#carouselTestimonial .btn__secondary {
  background: #4D4D4D;
}

#carouselHome ol.carousel-indicators {
  display: none;
}

section.contact__form.bg_gris {
  margin-top: -220px;
  padding-bottom: 0 !important;
  margin-bottom: -50px !important;
}

.contact__form .right .h2 {
  color: white;
}

@media (min-width: 992px) {
  .footer_menus .col-lg-3 {
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }

}

.footer_menus i.fa-phone {
  margin-right: 1em;
  color: #2905a1;
}

body.single-post section .content a:link {
  color: #2905A1;
}

.page-template-template-model blockquote {
  text-align: center;
  width: 50%;
  margin: -70px auto 70px;
  background: #eee;
  padding: 3em;
}

.page-template-template-model blockquote a {
  color: #2905A1 !important;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline;
}

h3.gform_title {
  background: #2905a1 !important;
  color: white;
  text-transform: capitalize;
  text-align: center;
  padding: 0.8em;
  font-family: Gotham, sans-serif;
  font-size: 169% !important;
}

div#career-form {
  margin-top: -2.5em;
}

h3.title-join-us {
  font-family: Gotham, sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 280%;
}

h3.title-join-us span {
  color: #2f328d !important;
}

.page-template-template-actualite ul.gform_fields {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.page-template-template-actualite ul.gform_fields input {
  width: 100% !important;
}

.temoignage a.carousel-control-next,
.temoignage a.carousel-control-prev {
  margin: 0 !important;
}

div#carouselHome .carousel-control-prev-icon {
  transform: scale(0.6);
}

div#carouselHome .carousel-control-next-icon {
  transform: scale(0.6);
}

@media (min-width: 992px) {

  .temoignage a.carousel-control-next,
  .temoignage a.carousel-control-prev {
    margin: 5rem 0 0;
  }
}

@media (max-width: 992px) {
  .page-template-template-contact .one_call_bloc {
    margin-top: 13em;
  }

  .page-template-template-model blockquote {
    width: 94%;
    margin-top: 0px;
  }

  .cta_btn {
    font-size: 115%;
    margin: 2em 0;
  }

  .temoignage__bloc__content {
    flex-direction: column;
  }

  div#career-form {
    margin-top: 2em;
  }

  div#carriere-blocks .col-md-6:nth-child(1) {
    border-right: 0 !important;
  }

  .block-right {
    margin-top: 3em;
  }

  div#carouselHome .carousel-control-prev-icon {
    transform: scale(0.6) translate(-60px, 60px);
  }

  div#carouselHome .carousel-control-next-icon {
    transform: scale(0.6) translate(60px, 60px);
  }

  .tarteaucitronAlertContainer {
    flex-direction: column;
  }

  .p3_cookie_banner_btn {
    display: flex;
    flex-direction: row !important;
  }

  .p3_cookie_banner_btn span {
    margin: 0px 3px !important;
    display: block;
  }

  div#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
  div#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
    font-size: 103% !important;
  }
}

div#carouselTestimonial .carousel-control-prev-icon {
  transform: scale(0.6);
}

div#carouselTestimonial .carousel-control-next-icon {
  transform: scale(0.6);
}

.page-template-template-concept .carousel-content p {
  text-align: center !important;
}

.page-template-template-concept .carousel-content .quote>div {
  text-align: center !important;
}

.crochets-liste ul,
.crochets-liste li {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.crochets-liste li {
  background: url(/wp-content/uploads/2022/06/crochet.png) no-repeat;
  padding-left: 2em;
}

#carriere-blocks .col-md-6:nth-child(1) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
}

#carriere-blocks .values-block {
  width: 20em;
  text-align: center;
  margin: 0.4em 0;
}

#carriere-blocks .values-block img {
  width: 130px;
}

#carriere-blocks .values-block h6 {
  color: #2905a1;
  font-weight: 900;
  font-size: 120%;
  margin: 0.3em 0;
  text-transform: uppercase;
  font-family: Gotham, sans-serif !important;
}

.block-right {
  width: 20em;
  text-align: center;
  margin: 0 auto;
}

.crochets-liste {
  margin: 3em 0em 5em -2em;
}

.crochets-liste li {
  margin: 1em 0;
}

div#carriere-blocks {
  margin: 2em 0;
}

div#carriere-blocks h3 {
  font-weight: 900;
  text-transform: uppercase;
}

div#carriere-blocks .col-md-6:nth-child(1) {
  border-right: 1px solid #2905a1;
}

.boutons .contenu_blk .txt_blk {
  opacity: 1;
}

.gform_fileupload_rules {
  font-size: 80%;
}

li#field_42_11 label,
li#field_43_11 label {
  margin-top: 1em;
}

.gform_drop_instructions {
  display: none !important;
}

body.page-template-default section.txt_img_center {
  margin-top: 7em;
}

div.gform_confirmation_wrapper {
  position: absolute;
  top: 360px;
  background: #2905a1;
  padding: 3em;
}

/*body.page-id-2695 section.boutons .col-12.col-md-6.mt-4:nth-child(4),
body.page-id-2695 section.boutons .col-12.col-md-6.mt-4:nth-child(3),
body.page-id-1606 section.boutons .col-12.col-md-6.mt-4:nth-child(4),
body.page-id-1606 section.boutons .col-12.col-md-6.mt-4:nth-child(5)
{
  display: none;
}*/

ul.nav li.menu-item {
  white-space: nowrap;
}

section.compagnies {
  padding: 0em 0;
}

.card__brochure {
  padding-bottom: 3em !important;
}

header #navbar_principale #headerMainNav .nav>li .sub-menu {
  width: auto;
}

header #navbar_principale #headerMainNav .nav>li#menu-item-3038>.sub-menu,
header #navbar_principale #headerMainNav .nav>li#menu-item-3606>.sub-menu,
header #navbar_principale #headerMainNav .nav>li#menu-item-3843>.sub-menu,
header #navbar_principale #headerMainNav .nav>li#menu-item-1605>.sub-menu,
li#menu-item-5690>.sub-menu {
  width: 260px !important;
  /*width:auto;*/
}

li#menu-item-2698 {
  width: 100%;
}

body.parent-pageid-7780 .h1,
body.parent-pageid-7777 .h1,
body.parent-pageid-696 .h1,
body.parent-pageid-7783 .h1,
body.parent-pageid-7826 .h1 {
  font-size: 270%;
  line-height: 1.4em;
}

blockquote {
  background: #f0f0f0;
  border-left: 10px solid #ddd;
  margin: 1.5em 10px;
  padding: 1.5em 20px;
  font-style: italic;
  quotes: "“" "”" "‘" "’";
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

.bg_img {
  background-size: contain !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}

body.home .bg_img {
  background-size: cover !important;
}

@media (min-width: 1200px) {
  .txt_img .blk_txt {
    padding: 0rem 0;
  }
}

@media (min-width: 768px) {
  .txt_img .btn__secondary {
    margin: 2.5rem 0 0;
  }

  .txt_img .h2,
  .txt_img h2 {
    margin: 0 0 2rem;
    font-size: 220%;
    line-height: 40px;
  }

  .compagnies .h2,
  .compagnies h2 {
    margin: 0 0 1rem;
  }
}

body.page-id-7780 .container.recent_entries,
body.page-id-7777 .container.recent_entries,
body.page-id-696 .container.recent_entries,
body.page-id-7783 .container.recent_entries,
body.page-id-7826 .container.recent_entries {
  display: none;
}

.bg_centered_image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.big-blockquote {
  position: relative;
  font-weight: 900;
  margin: 2em;
  /* background: #ddd; */
}

.big-blockquote p {
  display: inline;
  line-height: 1.3em;
  padding: 0 0.5em;
}

.grey-quote {
  color: #ccc;
  margin: 0 0.5em;
}

.bg_contered_caption {
  padding: 1.5em;
  text-align: center;
  font-style: italic;
  color: hsl(0deg, 0%, 60%);
}

.blue-banner-top {
  background-color: #2905a1;
  color: white;
  padding: 1.5em 0;
}

.blue-banner-top .container {
  display: flex;
  align-items: center;
}

.blue-banner-top .blue-banner-top-text {
  flex-basis: 70%;
  font-size: 120%;
  font-weight: 600;
}

.blue-banner-top a.btn {
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 0;
  padding: 0.5em 1em;
  font-size: 120%;
  margin-left: 1em;
}

.blue-banner-top a.btn-white {
  background: white;
}



body.page-id-2695 .bg_img.bg_cover,
body.page-id-1606 .bg_img.bg_cover,
body.page-id-3600 .bg_img.bg_cover,
body.page-id-3792 .bg_img.bg_cover,
body.page-id-5477 .bg_img.bg_cover {
  background-size: cover !important;
}

/*# sourceMappingURL=style.css.map */

.sub-menu {
  padding: 0px !important;
}

.sub-menu>li {
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0 !important;
}

.sub-menu>li:last-of-type {
  padding-bottom: 35px !important;
}

.sub-menu>li:first-of-type {
  padding-top: 20px !important;
}

header #navbar_principale #headerMainNav .nav>li .sub-menu li.menu-item-has-children .sub-menu {
  left: calc(100%);
}

/* --- PAGE ASSOCIATIONS --- */

.section-associations,
.section-news {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 100%;
}

.section-news {
  margin-top: 50px;
  margin-bottom: 50px;
}

.bloc-associations {
  display: flex;
  flex-direction: column;

  width: 80%;
}

.association {
  display: flex;
  flex-direction: row;
  height: 120px;
  margin-bottom: 40px;

  justify-content: left;
  align-items: center;
}

.association:nth-child(2) {
  margin-top: 10px;
}

.logo-wrapper {
  height: 100%;
  width: 20%;
}

.logo-wrapper img,
.news-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.association p {
  width: 70%;
  padding: 0 30px;
}

.site-button {
  padding: 1rem 1rem !important;
}

.bloc-associations .h3 {
  margin-top: 50px;
}

.bloc-news {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  width: 80%;
}

.bloc-news h3 {
  text-transform: uppercase;
}

.news {
  display: flex;
  flex-direction: row;
}

.news-card {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;

  padding: 40px;
  width: 33.333333%;
  height: 300px;
}

.news-image-wrapper {
  width: 100%;
  height: 80%;
  margin-bottom: 15px;
}

.news-card h5 {
  text-align: center;
  color: black !important;
}

.news-card .news_date {
  color: #525252 !important;
  text-align: center !important;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .association p {
    font-size: 15px;
    padding: 0 10px;
  }
}

@media only screen and (max-width: 768px) {
  .association {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-bottom: 70px;
  }

  .bloc-associations h3 {
    text-align: center;
  }

  .association p {
    padding: 0;
    margin-bottom: 20px;
    text-align: center;
  }

  .logo-wrapper {
    height: 20%;
    width: 40%;
    margin-bottom: 20px;
  }

  .news {
    flex-direction: column;
    align-items: center;
    justify-content: center;

  }

  .news-card {
    padding: 0;
    width: 80%;
    height: auto;
    margin-bottom: 50px;
  }

  .bloc-news h3 {
    margin-bottom: 40px;
    text-align: center;
  }

  .section-news {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

/* ------------------------ */

/* --- Page Direction --- */
.section-dirigeants,
.container-drigeants {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.section-dirigeants {
  width: 100%;
}

.container-dirigeants {
  width: 85%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.row-dirigeants {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;

  padding: 1% 10%;
  width: 90%;
}

.wrapper-dirigeant {
  width: 31%;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: box-shadow .3s ease-in-out;
}

.wrapper-dirigeant:hover {
  box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.2);
}

.overlay-dirigeant {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.wrapper-dirigeant:hover .overlay-dirigeant {
  opacity: 1;
}

.overlay-dirigeant .loupe-image {
  position: absolute;
  top: 69%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 50px;
  max-height: 50px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  object-fit: contain;
}

.wrapper-dirigeant:hover .overlay-dirigeant .loupe-image {
  opacity: 1;
}

.wrapper img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .row-dirigeants {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 20px;
  }

  .container-dirigeants {
    display: flex;
    justify-content: center;
  }

  .wrapper-dirigeant {
    margin-bottom: 15px;
    width: 200px;
    height: 200px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wrapper-dirigeant {
    margin-bottom: 15px;
  }

  .overlay-dirigeant .loupe-image {
    max-width: 40px;
    max-height: 40px;
  }
}

@media only screen and (max-width: 600px) {
  .row-dirigeants {
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }

  .wrapper-dirigeant {
    margin-bottom: 20px;
    width: 70%;
    height: 22%;
  }
}

/* ------------------------------------------------------- */

/* -------------- Fix Page Model --------------------------*/
@media only screen and (min-width: 992px) {
  .logo_svg {
    max-width: 215px;
    width: 215px;
  }
}

@media only screen and (max-width: 992px) {
  .logo_svg {
    max-width: 130px;
    width: 130px;
  }
}

@media only screen and (min-width: 992px) {
  .header_tel {
    margin: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 350px) {
  .logo_svg {
    max-width: 95px;
    width: 95px;
  }
}

@media only screen and (max-width: 400px) {
  .mobile_header_lang_switcher {
    margin-left: -20px;
  }

  .mobile_header_lang_switcher a {
    font-size: 12px !important;
  }
}

.header_globe {
  height: 1.3em;
}

.header_globe img {
  height: 100%;
  width: 100%;
}