/*
Wireframe: 20
Version: 2.0
Update: 2023.03.16
*/
/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# Fonts
# General
# Navigation
## Superfish
## Mobile navigation
--------------------------------------------------*/
/*--------------------------------------------------
# Fonts
--------------------------------------------------*/


@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
    url('../fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
    url('../fonts/Roboto-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Chewy';
  src: url('../fonts/Chewy-Regular.woff2') format('woff2'),
    url('../fonts/Chewy-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
    url('../fonts/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
    url('../fonts/Montserrat-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Komet-Heavy";
  src: url("../fonts/Komet-Heavy.eot");
  src: url("../fonts/Komet-Heavy.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Komet-Heavy.woff2")format("woff2"),
    url("../fonts/Komet-Heavy.woff")format("woff"),
    url("../fonts/Komet-Heavy.ttf")format("truetype"),
    url("../fonts/Komet-Heavy.svg#Komet-Heavy")format("svg");
}



/*--------------------------------------------------
# Custom
--------------------------------------------------*/
section.content .carousel img {
    max-height: 600px !important;
    object-fit: contain;
}
.box_popup_homepage  .readmore {
  background: var(--bs-primary-color);
  font-size: 28px;
  padding: 46px 75px 46px 75px;
  border-radius: 50px !important;
  font-family:var(--bs-body-font-family);
  transition: 0.3s all;
}
.box_popup_homepage  .readmore:hover{
  transition: 0.3s all;
  transform: scale(0.9);
}
.box_popup_homepage {
  width: 100vw;
  background-color: rgba(0,0,0,0.75);
  z-index: 10000;
  position: fixed;
  display: none;
  height: 100vh;
}
.box_popup_homepage .content {
  width: 90vw;
  max-width: 1200px;
  height: auto;
  background-color: #fff;
  margin: 5vh auto;
  padding: 5vh 15px 5vh 30px;
  position: relative;
  text-align: justify;
  z-index: 0;
  box-shadow: 0 0 30px 0 rgba(0,0,0,0.50);
  overflow: visible;
}
.box_popup_homepage .contenu{
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 15px;
  max-height: 80vh;
}

.box_popup_homepage h1{
     animation: clignotte 2s infinite;
}
@keyframes clignotte {
   from{
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
.bouton-fermer{
  position: absolute;
  top: -9px;
  right: -7px;
  font-size: 36px;
  z-index: 1;
  cursor: pointer;
}
.bouton-fermer:hover{
  color:#eeb60a;
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
/*--------------------------------------------------
# General
--------------------------------------------------*/
:root{
  --bs-body-color:#2e2e2e; /*couleur du text du site (parg) */
  --bs-body-bg:#ffffff; /* couleur du background du site */
  --bs-primary-color: #eeb60a; /* couleur des titres (h1 du partie contenu) */
  --bs-secondary-bg:#233063;/* couleur de + */
  --bs-tertery-bg:#001541;
  --dark-color:#242425;

  --bs-btn-padding-x:20px;
  --bs-btn-padding-y:10px;
  --border-color:#d2d2d2;
  --bs-nav-link-color:#ffffff;
  --bs-nav-link-color-second:#eeb60a;
  --bs-body-font-family:'Roboto';
  --bs-titles-font-family:'Montserrat'/*'Chewy'*/;
  --bs-body-font-weight:400;
  --bs-body-line-height:25px;
  --bs-body-font-size: 16px;
  --bs-nav-link-font-size:1em;
  --bs-nav-link-font-weight:500;
  --bs-nav-link-padding-y:10px;
  --bs-nav-link-padding-x:0;
  --bs-navbar-nav-link-padding-x:0;
  --bs-dropdown-zindex:99;
  --bs-dropdown-min-width:200px;
  --bs-dropdown-padding-x:20px;
  --bs-dropdown-padding-y:15px;
  --bs-dropdown-font-size:1em;
  --bs-dropdown-padding-y:5px;
  --bs-dropdown-font-size:1em;
  --bs-border-radius:10px!important;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #eeb60a;
  --bs-btn-hover-color: #eeb60a;
  --bs-btn-hover-bg: #fff;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #001c49;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #282828;
  --bs-btn-disabled-border-color: #282828;
  border-radius: 50px;
  border: none;
}
.realcash {
  font-family:'Komet-Heavy'
}
.box-light, .box-border-left, .box-border-right {
  padding: 20px 10px;
  margin: 0 0 20px;
  background: #e9ecef;
  border-radius: var(--bs-border-radius);
  color:var(--bs-secondary-bg)!important;
}
.box-light, .box-border-left, .box-border-right.adr{

  color:var(--bs-secondary-bg)!important;
}

.box-border-left {
  border-left: 7px solid var(--bs-primary-color);
}
.box-border-right {
  border-right: 7px solid var(--bs-primary-color);
}
.box-dark {
  padding: 20px;
  margin: 0 0 20px;
  color: var(--bs-body-bg);
  background: var(--dark-color);
  border-radius: var(--bs-border-radius);
}
.box-dark a {
  color: var(--bs-body-bg) !important;
}
.container {
  max-width: 1170px;
}
.btn-cookies-pos {
  z-index: 999;
}

.networks_linking a {
  font-size: 16px;
  width: 53px;
  height: 53px;
  line-height: 53px;
  vertical-align: top;
  display: inline-block;
  margin: 0 2px;
  text-align: center;
  position: relative;
  border-radius: 50px;
  background:var(--bs-white);
  color:var(--bs-tertery-bg)!important;
}

.networks_linking a:hover{
  background: var(--bs-primary-color);
  color:var(--bs-body-bg)!important;

}
.networks_linking a:hover .fa-google:after {

  background: url(../images/googel-ft-h.webp) no-repeat center;
}
.fa-google:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  content: "";
  text-align: center;
  border-radius: 50%;
  background: url(../images/googel-ft.webp) no-repeat center;
  z-index: 1;
}

section.content .networks_linking a {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.networks_linking .networks_google {
  float: right; 
}
.fa-google:before{
  display: none;
}
.fa-facebook::before {
  content: "\f39e" !important;

}
/*************/
/*************/


/*--------------------------------------------------
# banner
--------------------------------------------------*/

/*************************/



/************/

header .nav-item  {
  padding: 0;
}
/* header ul.level-0>.nav-item:first-child{
padding-left : 0;
}
header ul.level-0>.nav-item:last-child{
padding-right : 0;
} */
header a.nav-link {
  position: relative;
  font-family: var(--bs-body-font-family);
  font-weight: 500;
  padding: 8px 23px !important;
  font-size: 16px;
  line-height: 1em;
  text-decoration: none;
  text-align: center;
  color: var(--bs-white);
  transition: none;
  text-transform: uppercase;
  letter-spacing: .06em;
}
header .navbar-expand-lg .navbar-nav>li:not(:first-child) a.nav-link:before{
  content:"";
  position: absolute;
  right: 0;
  top: 46%;
  bottom: 0;
  left: -4px;
  width:8px;
  height:8px;
  border: 1px solid var(--bs-primary-color);
  border-radius:100%;
  /* margin-right: 41px; */
}

header .nav-item .dropdown-toggle {

  position: absolute;
  bottom: 0;
  line-height: 8px;
  left: 50%;
  transform: translateX(-50%);
}
header .nav-item:hover .dropdown-toggle::after{
  color: var(--bs-tertiary-color) !important;
}
header .navbar-nav .dropdown-menu{
  border: none;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255 ,255, 255,0.84);
  border-radius: 0;
  padding: 0;
  min-width: 200px;
}
header .navbar-nav .dropdown-menu .nav-item{
  padding: 0 18px;
}
header .navbar-nav .dropdown-menu .nav-item:not(:last-child){
  border-bottom: 1px solid rgba(40 , 40, 40,0.4 );
}
header nav.navbar.sticky-top:not(.is-sticky) .dropdown-menu{
  padding-top: 49px;
}
header .navbar-nav .dropdown-menu .nav-item a.nav-link{
  color: var(--dark-color);
  font-size: 13px;
}
header .navbar-nav > li > .nav-link:hover, header .navbar-nav > li.selected > .nav-link, header .navbar-nav .dropdown-menu .nav-item a.nav-link:hover {
  color: var(--bs-primary-color) ;

  text-decoration: none;
}
button.navbar-toggler:before {
  top: 0;
  transform: rotate(-32deg);
  transform-origin: right;
}
button.navbar-toggler:after {
  bottom: 0;
  transform: rotate(32deg);
  transform-origin: right;
}
button.navbar-toggler:after, button.navbar-toggler:before {
  content: '';
  width: 1.5em;
  background: var(--bs-body-color);
  position: absolute;
  left: 0;
  height: 2px;
  transition: .3s;
}
button.navbar-toggler .navbar-toggler-icon {
  display: block;
  height: 2px;
  background-image: none;
  background-color: var(--bs-body-color);
  transition: .1s;
  opacity: 1;
  margin: 8px 0;
}
header nav.navbar.sticky-top.is-sticky {
  background: rgb(35 48 99/88%);
  position: fixed !important;
  width: 100%;
  left: 0;
  text-align: center;
  border-bottom:1px solid var(--bs-primary-color);

}
header nav.navbar .navbar-nav {
  margin: 0 auto !important;
}
header nav.navbar.sticky-top:not(.is-sticky){
  margin-top: 0;
  background: rgb(35 48 99/88%);
}

/* --- */
section.banner {
  height: 988px;
  height: calc(100vh - 223px);
}
section.banner.small{
  height: 565px;
}
section.banner .carousel, section.banner .carousel-inner, section.banner .carousel-inner img, section.banner .carousel-item {
  height: 100%;
  object-fit: cover;

  z-index: 1;
}
section.banner .carousel-inner{
  /* border: 3px solid var(--bs-body-color); */
}
section.banner .carousel-control-next, section.banner .carousel-control-prev {
  display: none;
}

/**************************/

/****/

header .head-middle {
  /* z-index: 99 !important; */
  /* top: 31px; */
  padding: 11px 0 14px;
}
header .head-middle h2{
  color:var(--bs-secondary-bg);

  text-transform:none;
  padding-top: 10px;
  margin: 21px 93px 0;
  border-top:1px solid var(--border-color);
}
header .head-middle .container {
  /* padding:0; */
}

header div#logo {
  margin: 0px ;
}
header .head-middle .telephone{
  padding: 6px 49px 7px 66px;
  background: url(../images/tel-hd.webp)no-repeat left 26px center;
  border: 2px solid;
  border-radius:50px;

  transition: 0.3s all;
}
header .head-middle .telephone:hover{
  transition: 0.3s all;
  transform: scale(0.9);
}

header .head-middle .telephone:before{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:100%;
  height: 100%;
  content: "";
  background:var(--bs-tertery-bg);
  clip-path: polygon(100% 100%, 100% 0%, 0 100%, 0% 100%);
  z-index: -1;
  border-radius:50px
}

header .head-middle .telephone span {
  /*font-weight: 400;*/
  font-weight: 600;
  text-transform:uppercase;
  font-family:var(--bs-titles-font-family);
  font-size:10px;
}
header .head-middle .telephone a:hover{
  color : var(--bs-fifth-color) !important;
}
section.banner.baner-small{
  height: 560px;
}

.carousel-caption {
  display: none !important;
}
/*--------------------------------------------------
# content home
--------------------------------------------------*/
a {
  color: var(--bs-secondary-bg);
  text-decoration: underline;
  transition: all .4s;
}

a:active, a:hover, a:focus {
  color: var(--bs-blaxk);
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  position: relative;
  font-family: var(--bs-titles-font-family);
  line-height: 1.2em;
  /*font-weight: 400;*/
  font-weight: 600;
  color: var(--bs-secondary-bg);
  margin: 0 0 11px;
  text-transform: uppercase;
  font-style: italic;
}

h1, .h1 {
  /*  font-size:51px;*/
  font-size:45px;

}
h2, .h2 {
  /* font-size: 36px;*/
  font-size: 32px;
}
h3, .h3 {
  /*font-size: 30px;*/
  font-size: 28px;
}
h4, .h4 {
  font-size: 26px;
}
h5, .h5 {
  font-size: 23px;
}
h6, .h6 {
  font-size: 20px;
}
.color-b{
  color : var(--bs-tertiary-color);
}
.color-b2{
  color : var(--bs-quartiary-color);
}

/********************
#content-home
**********************************/
.modal-content{
  background:var(--bs-secondary-bg)
}


.modal-content a:hover{
  color:var(--bs-primary-color)
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
  color: var(--bs-body-color);
}
.nav-link {

  color: var(--bs-body-color);

}
.nav-link:hover{
  color:var(--bs-primary-color)
}
section.content-home {
  padding:50px 0 50px;
  background:var(--bs-secondary-bg);
  color:var(--bs-white);
}
section.content-home a{
  color: var(--bs-primary-color);
}
section.content-home h1 {
  position: relative;
  margin-bottom: 44px;
  font-family:var(--bs-titles-font-family);
  /*font-size:60px;*/
  font-size:50px;
  text-transform:none;
  color:var(--bs-primary-color);
}
section.content-home a:hover {
  color: var(--bs-primary-color);
  text-decoration: none;
}

section.content.home-content .grid-home {
  /* grid-gap: 1.81%; */
}


section.content.content-home .grid-home .text-part  {

  width: 44.21%;


}
section.content.content-home .grid-home .text-part a{

  color:var(--bs-primary-color);

}
section.content.content-home .grid-home .text-part a:hover{

  color:var(--border-color);

}
section.content.content-home .grid-home .text-part p{
  color:var(--bs-body-bg)
}
section.content.content-home .grid-home .grid-img {
  width: 49.21%;
  border-radius:23px;


}
section.content.content-home .grid-home .grid-img img{
  border-radius:28px;
  margin-top: -245px;
}


section.content .readmore {
  background: var(--bs-primary-color);
  font-size: 16px;
  padding: 29px 67px 30px 67px;
  margin-top: 40px;
  border-radius: 50px !important;

  line-height:.25em
}

section.content .readmore:hover {
  transition: 0.3s all;
  transform: scale(0.9);
}

/********************
first
**********************************/

section.content.first {
  padding: 198px 0 222px;
  background: url(../images/bg-content-first.webp)no-repeat center;
  background-size:cover;
}



section.content.first article h2{
  margin-bottom: 26px;
  color:var(--bs-body-bg);



}
section.content.first article p{
  color:var(--dark-color);
}
section.content.first article h2:before{
  content: " services";
  position: absolute;
  font-family: var(--bs-titles-font-family);
  font-size: 141px;
  line-height: 1em;
  text-transform: uppercase;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -48px;
  color: rgb(188 254 63 /24%);
  z-index:-1;

}
section.content.first .container-fluid{
  max-width:1343px;
}

section.content.first article .readmore {
  background: var(--bs-primary-color);
  font-size: 28px;
  padding: 46px 75px 46px 75px;
  border-radius: 50px !important;
  font-family:var(--bs-body-font-family);
  transition: 0.3s all;
}
section.content.first article .readmore:hover{
  transition: 0.3s all;
  transform: scale(0.9);
}




/*--------------------------------------------------
# footer
--------------------------------------------------*/

footer.bottom {
  padding: 43px 0 0px;
}
footer.bottom.footer-interne{
  border-top:2px  solid var(--border-color);
}
footer.bottom .footer-wrapper{
  margin-bottom:76px;
    gap: 20px;

}
footer.bottom .soc-fac{
  padding:24px;
  background:var(--bs-secondary-bg);

}

footer.bottom h2{
  color:var(--bs-secondary-bg);
  font-family:var(--bs-body-font-family);
  font-size:24px;
  text-transform:none;

}
footer.bottom .logo-soc{
  padding-bottom: 45px;
  margin-bottom: 53px;
  border-bottom:1px solid var(--border-color)
}
footer.bottom .address {
  padding: 19px 0  8px 88px;
  background: url(../images/add-ft.webp)  no-repeat left center;
  margin-bottom: 43px;
  color: var(--dark-color);
}

footer.bottom .telephone {
  padding: 30px 0 20px 88px;
  background: url(../images/tel-ft.webp) no-repeat left center;
}
footer.bottom .telephone:hover{
  color:var(--bs-secondary-bg);
}
footer.bottom .networks_linking {
  display: table;
  margin:0 auto!important;
}

footer.bottom .telephone a:hover {
  color: var(--bs-primary-color) !important;
}
footer.bottom .telephone a{
  color: var(--bs-secondary-bg) !important;
}

.footer-b {
  display: none;
}
.footer-nav{
  background: var(--bs-primary-color);
}
.footer-nav a{
  color: var(--bs-body-color);
}
.footer-nav a:hover{
  color: var(--bs-secondary-bg);
}
/***********/
/***********/
/**************************************/
.accordion-button {
  color: var(--bs-body-bg) !important;
  background-color: var(--bs-primary-color);
  font-size: 20px;
  padding: 10px;
}
.accordion-button h3{
  margin-bottom: 0px;
  color : var(--bs-body-bg);
}
.accordion-button:not(.collapsed) {
  color: var(--bs-body-bg) !important;
  background-color: var(--bs-gray);
}
/*.accordion-button::after {
display:none
}*/
.accordion-item:last-of-type>.accordion-header .accordion-button span {
  position: absolute;
  right: 20px;
  font-size:20px;
  transition: all .3s;
}
.accordion-item:last-of-type>.accordion-header .accordion-button span.moi-acc {
  display: none;
  transition: all .3s;
}
.accordion-item:last-of-type>.accordion-header .accordion-button:not(.collapsed) span.moi-acc {
  display: block;
  transition: all .3s;
}
.accordion-item:last-of-type>.accordion-header .accordion-button span.plus-acc {
  display: block;
  transition: all .3s;
}
.accordion-item:last-of-type>.accordion-header .accordion-button:not(.collapsed) span.plus-acc {
  display: none;
  transition: all .3s;
}


/**************** actus interne ***********/
section.content .news-object.Item {
  padding: 10px;
  background: var(--light-color);
  margin-bottom: 20px;

}
section.content .news-object.Item .photo, section.content .news-object.Item .nophoto {
  height: 200px;
  width: 100%;
  background: var(--dark-color) url(../images/news.webp)no-repeat center;
  background-size: contain;
  margin-bottom: 20px;
}
section.content .news-object.Item .nophoto i.fa-duotone.fa-image {
  display: none;
}
section.content .news-object.Item .photo img{
  width: 100%; 
  height : 100% ; 
  object-fit: cover;

}
section.content .news-object.Item .read-more{
  margin-top : 20px;
}
/*--------------------------------------------------
# contact-page
--------------------------------------------------*/
.contactForm .contact-field-item {
  margin: 0 0 20px !important;
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 20px;
  width: 50%;
  float: left;
  clear: none !important;
}
.contactForm .contact-field-item:nth-child(even) {
  padding-right: 10px;
}
.contactForm .contact-field-item:nth-child(odd) {
  padding-left: 10px;
}
.contactForm .contact-field-item.fullwidth {
  width: 100%;
  padding: 0;
  float: none;
  clear: both !important;
}
.form-control, section.content .contactForm .contact-field-item .contact-field-element .form-field {
  font-weight: 400;
  line-height: 2em;
  color: var(--bs-body-color)!important;
  background: var(--bs-gray-200);
  border: 1px solid var(--border-color);
  padding: 5px 15px;
  transition: border-color .4s,color .4s;
  border-radius: 0;
  outline: none !important;
}
.form-control::placeholder, section.content .contactForm .contact-field-item .contact-field-element .form-field::placeholder {
  color: var(--bs-body-color) !important;
}
.form-control:focus, section.content .contactForm .contact-field-item .contact-field-element .form-field:focus {
  outline: none !important;
  border-color: var(--bs-secondary-bg) !important;
  box-shadow: 0 0 0 3px rgb(141, 250, 250,0.25) !important;
}
.contactForm .g-recaptcha {
  float: left;
}
.contactForm .contact-submit {
  float: right !important;
}
label.form-label{
  color:var(--dark-color);
}
.contactForm .contact-submit .btn-primary, section.content .contactForm .form-submit-button {
  position: relative;
  font-family: var(--bs-body-font-family);
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: var(--bs-body-bg);
  transition: background .4s, box-shadow .4s;
  padding: 15px 40px 14px ;
  display: table;

  text-transform: uppercase;
  text-decoration: none;
  background: var(--bs-secondary-bg);
  border-radius: 50px !important;
  transition: 0.3s all;
}
.contactForm .contact-submit{
  position: relative;
}


.contactForm .contact-submit:hover .btn-primary, section.content .contactForm .contact-submit:hover .form-submit-button{

  transition: 0.3s all;
  transform: scale(0.9);
}
/************************/
section.content ul {

  list-style-type : none !important;
}
section.content ul li{
  background: url(../images/bullet.webp)no-repeat left 6px;
  padding-left: 20px;
  margin-left: -20px;
}

/*********************/

/* - news - */

img.img-news{
  max-width:180px!important;
  height: 170px!important;
  border-radius: 0 20px 0 0;
  object-fit: scale-down !important;
}
section.content-page .date {
  font-size: 23px;
}
section.content-page .date small {
  color: var(--bs-body-color)!important;
}
.backbtn  {
  color: var(--bs-primary-color)!important;
}
.backbtn:hover  {
  color: var(--bs-body-color)!important;
}
section.content article .NewsMasonry .NewsItem .readmore:before{
  display: none;
}
/* --- */
.img-page img, .img-news img {
  border-radius: var(--bs-border-radius);
}

section.content.page-content.content-page .grid-gallery {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 2%;
  justify-content: center;
}
section.content.page-content.content-page .grid-img .grid-gallery{
  display: block;
  width: 400px;

}
section.content.page-content.content-page .grid-gallery a {

}
section.content.page-content.content-page .grid-home {
  grid-gap: 30px;
}
section.content.page-content.content-page .grid-img .link-picture {
  height: 320px;
}
section.content.page-content.content-page a.link-picture, section.content.page-content.content-page a.link-subgallery {
  width: 23.5%;
  background-size: cover;
  background-position: center;
  height: 300px;
  cursor: zoom-in;
  position: relative;
  /* display: block; */
  /* box-shadow: 0 0 0 rgba(33,46,83,.6); */
  transition: transform .4s,box-shadow .4s;
  border-radius: 0px;
  margin-bottom: 20px;
}
section.content.page-content.content-page .link-subgallery:hover, section.content.page-content.content-page .link-picture:hover {
  transform: scale(.95);
}
section.content.page-content.content-page .pagination {
  margin-top: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
section.content.page-content.content-page .pagination li{
  background-image : none !important;
}
section.content.page-content.content-page .pagination .page-link{
  color: var(--bs-tertiary-color) !important ;
}
section.content.page-content.content-page .pagination .active>.page-link, section.content.page-content.content-page .pagination .page-link.active{
  color: var(--bs-body-bg) !important ;
  background: var(--bs-tertiary-color) !important ;
}
section.content.page-content.content-page span.title-subgallery{
  position : absolute;
  bottom: 0;
  left: 0 ;
  right: 0;
  padding : 10px;
  color : var(--bs-body-bg) ;
  text-align : center;
  background : rgba(0,0,0,0.7);
}
section.content.page-content.content-page .title-picture {
  display: none;
}
.img-responsive {
  max-width: 100%;
}

section.content.page-content.content-page li{
  background: url(../images/bullet.webp)no-repeat left 6px; 
  padding-left: 20px;
  margin-left: -20px;
}
section.content.page-content.content-page li::marker{
  content: "" !important;
}
h3.contact-field {
  display: none;
}

/************************/
div#sdgdpr_modal_body a {
  color: var(--bs-primary-color);
}
div#sdgdpr_modal_body a:hover {
  text-decoration: underline;
}
div#sdgdpr_modal_header .navbar-expand-lg .navbar-nav .nav-link, div#sdgdpr_modal_header .navbar-expand-lg .navbar-nav .nav-link:active, div#sdgdpr_modal_header .navbar-expand-lg .navbar-nav .nav-link:focus{
  color: var(--bs-white);
}
.modal {
  --bs-modal-color: var(--bs-white);
}
/* -------------------- */
header:not(.header-interne) {
  height: 100vh;
}
article.content .grid-img img {
  border-radius: 30px;
}
/* -------------------- */
@media only screen and (max-width : 1320px) {


}
@media only screen and (max-width : 1199px) {
  .head-top .container, .container, .max-container {
    max-width: 992px;
  }
  header a.nav-link {
    padding: 16px 10px !important;

  }

  section.banner {
    max-height:480px;
  }
  section.content.content-home .grid-home .grid-img img {

    margin-top: -333px;
  }
  .navbar-expand-lg .navbar-nav{
    margin: 0 auto;
  }
  section.home-content {
    padding: 50px 0 30px;
  }
  footer.bottom:before {

    left: -10px;

  }
  section.content.first:after {
    left: 16px;
  }
  section.content.first article h2:before {
    font-size: 101px;
    top:-25px
  }
  section.content.second article {

    max-width: 800px;
    margin: -135px auto 0;
  }



}
@media only screen and (max-width : 991px) {
  header .head-middle h2 {
    margin: 21px 15px 0;
  }
  .head-top .container, .container, .max-container {
    max-width: 768px !important;
  }
  header .navbar-nav .dropdown-menu {
    transform: none;
  }
  section.content.first article{

    padding: 119px 30px 72px 28px;

  }
  button.navbar-toggler {
    margin: 5px auto;
    display: table;
  }
  section.content.content-home .grid-home .grid-img img {
    margin-top: -133px;
  }
  section.content.first article h2:before{
    font-size:100px;
    top:-35px;
  }
  footer.bottom .networks_linking {
    margin: 20px auto;
  }
  section.banner:before {
    right: 143px;

  }

  button.navbar-toggler::after, button.navbar-toggler::before {
    background: var(--bs-white);
  }
  button.navbar-toggler[aria-expanded="false"]:after, button.navbar-toggler[aria-expanded="false"]:before {
    transform: none;
  }
  button.navbar-toggler .navbar-toggler-icon {
    background-color: var(--bs-white);
  }
  button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    opacity: 0;
  }
  nav.navbar.sticky-top:not(.is-sticky) .navbar-collapse#navbarNav li#menu_1, nav.navbar.sticky-top:not(.is-sticky) .navbar-collapse#navbarNav li#menu_2 {
    display: block;
  }
  header .nav-item  {
    padding: 0 0px;
  }
  nav.navbar.sticky-top .navbar-collapse {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: rgb(35 48 99/88%);
    border:1px solid var(--border-color);
    padding: 10px 0;
    text-align: left;
    z-index: 100;
  }
  header a.nav-link {
    font-size: 16px;
    display: table;
    margin: 0 auto;
  }
  .head-top .navbar:not(.is-sticky) #navbarNav {
    margin-top: 0;
  }
  header nav.navbar.sticky-top:not(.is-sticky) {
    margin-top: 0;
    color: var(--bs-white);
    text-align: center;
    padding: 7px;
  }
  section.galerie-home h2 {
    margin-bottom: 20px;

  }
  header .navbar-expand-lg .navbar-nav>li:not(:first-child) a.nav-link:before{
    display:none;
  }
  /********/
  header .head-middle .telephone {
    max-width:246px;
    margin: 9px auto;
  }

  /* --- */
  section.banner {
    height: 600px;
  }
  section.banner.small {
    height: 500px;
  }
  .marketing-wrapper .title {
    padding: 40px 20px 38px 108px;
  }
  .marketing-wrapper .title:before {

    top: 25px;
    left: -55px;
    width: 149px;
    height: 149px;

  }
  /* --- */


  section.home-content .grid-home .grid-img, section.content.page-content.content-page .grid-home .grid-img {
    margin: 0 auto 30px !important;
    height: 300px !important;
    max-width: 400px;
    height: 100%!important;
    width: 100% !important;
  }

  section.content.first {
    padding: 0px 0 50px;

  }
  section.home-content .text-part {
    max-width: none;
    width: 100% !important;
  }



  section.content-home:before {
    opacity:.7
  }
  footer.bottom:before {

    left: -7px;

  }
  section.content.second article {
    max-width: 640px;
    padding: 50px 15px 30px;
  }
  h1, .h1 {
    font-size: 40px;
  }
  h2, .h2 {
    font-size: 30px;
  }
  /* --- */


  /* --- */

  footer.bottom{
    text-align : center;
  }
  footer.bottom .address, footer.bottom .telephone {
    padding: 79px 0 0;
    background-position: center top;
  }
  footer.bottom .address{
    margin-top:11px;
  }

  /*********/
  section.content.page-content.content-page a.link-picture, section.content.page-content.content-page a.link-subgallery {
    width: 32%;
  }
  /**********/
  section.content.page-content.content-page .grid-img .grid-gallery {

    margin: 0 auto 40px;
  }
  section.content.page-content.content-page .text-part{
    width: 100% !important;
  }

  .box-light, .box-border-left, .box-border-right {
    height: auto !important;
  }
}
@media only screen and (max-width : 767px) {
  section.banner,
  section.banner.small{
    height: 200px;
  }
  .head-top .container, .container {
    max-width: 100% !important;
  }

  /* --- */
  section.home-content .grid-home .grid-img, section.content.page-content.content-page .grid-home .grid-img {
    padding: 15px;

    width: 100%;
  }

  /* --- */
  section.content .readmore {

    margin-top: 22px!important;

  }
  h1, .h1 {
    font-size: 35px;
  }
  h2, .h2 {
    font-size: 28px;

  }
  /* --- */
  /* --- */
  section.content h1 {

    font-size: 46px;

  }
  section.content.first article h2:before {
    font-size: 60px;
    top: -15px;
  }
  section.content.first article .readmore {

    font-size: 22px;

  }

  /* --- */
  .contactForm .contact-field-item {
    width: 100%;
    float: none;
    clear: both!important;
  }
  .contactForm .contact-field-item:nth-child(even) {
    padding-right: 0;
  }
  .contactForm .contact-field-item:nth-child(odd) {
    padding-left: 0;
  }
  .contactForm .contact-submit {
    float: none !important;
    margin-top: 20px;
    display: table;
  }


  .img-page, section.content article .NewsMasonry .NewsItem img.img-news-list, img.img-news {
    margin-left: auto !important;
    margin-right: auto;
    display: table;
  }
  .contactForm .g-recaptcha {
    float: none;
  }


  section.content.page-content.content-page .grid-gallery {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 10px;
  }
  section.content.page-content.content-page .link-picture {
    height: 300px;
  }
  .box-light.vCard {
    margin-top: 20px;
  }

  section.content.page-content.content-page a.link-picture, section.content.page-content.content-page a.link-subgallery {
    width: 48.5%;
  }
  footer.bottom .address {
    margin-bottom: 10px;
  }
  footer.bottom .footer-card {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width : 480px) {
  /* --- */
  h1, .h1 {
    font-size: 25px;
  }
  h2, .h2 {
    font-size: 20px;

  }
  section.content h1 {
    font-size: 27px;
  }
  header .head-middle h2 {

    margin: 21px 18px 0;

  }
  section.content.content-home .grid-home .grid-img img {
    width:100%;
  }
  section.home-content .grid-home .grid-img, section.content.page-content.content-page .grid-home .grid-img {
    width: 100%;
    padding: 11px!important;
  }
  section.content.first article .readmore {

    padding: 33px 41px 32px 41px;
    font-size:10px;

  }






  section.content .contactForm .g-recaptcha {
    -webkit-transform: scale(.7) !important;
    -ms-transform: scale(.7) !important;
    transform: scale(.7) !important;
    height: auto !important;
    display: inline-block;
    width: 0;
    float: none;
  }


  .contactForm .gdpr_policy label {
    display: inline !important;
  }


  section.content.page-content.content-page .grid-gallery {
    grid-template-columns: 100%;
    grid-gap:10px;
  }
  /*********/
  section.content.page-content.content-page .grid-img .grid-gallery {
    width: 250px;
  }
}

.modal-title {
  color:white!important;
}