/*
Theme Name: Nikkon Child
Theme URI: https://kairaweb.com/wordpress-theme/nikkon/
Template: nikkon
Author: Kaira
Author URI: https://kairaweb.com/
Description: Nikkon is a creative multipurpose WordPress WooCommerce theme designed with a minimal, clean design which is fully responsive and fast loading. Nikkon offers multiple header layouts, multiple footer layouts and multiple page template layouts so you're able to build any type of website you need from a simple blog to a full eCommerce online store. Integrating with top Page Builders, Nikkon will make it fun building your website without and coding knowledge. Download it now... Hope you like it !! Demo - https://demo.kairaweb.com/#nikkon
Tags: two-columns,three-columns,four-columns,left-sidebar,right-sidebar,grid-layout,flexible-header,custom-background,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-image-header,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,e-commerce,photography,portfolio
Version: 1.1.17.1644333418
Updated: 2022-02-08 16:16:58

*/

main {
  width: 100%;
  padding: 0px 0% 20px!important;
    background: #ffffff;
}

a span {
  color : blue;
}

a span:hover {
  color :#b81148;
}

.wp-block-pullquote p {
  color: inherit;
  font-size: 2rem;
  line-height: 2.8rem;
  font-family: 'Crimson Pro';
}

.wp-block-pullquote {
  box-sizing: border-box;
  margin: 0 0 1em;
  overflow-wrap : break-word;
  padding: 2em 5%;
  text-align: center;
}

.content-area{
  
    background: #ffffff;
}

.image-resp img
button:focus, input[type="button"]:focus, Finput[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {

  border-color: #fff #fff #fff;
  box-shadow: inset 0 0px 0 rgb(255 255 255 / 0), inset 0 0px 0px rgb(0 0 0 / 0%);

}

.content-area .entry-content a:hover{

color:#AF174E!important;
}

.hentry {
  border-bottom: 0px solid rgba(0, 0, 0, 0.0);
  margin: 0 0 0px;
  padding: 0 0 0px;
}



.home-slider-wrap {
  border-bottom: 0px solid rgba(0, 0, 0, 0.08);
  position: relative;
  border-top: 0px solid rgba(0, 0, 0, 0.00);
  overflow: hidden;
}

.caroufredsel_wrapper {
margin-top:-50px!important;
}

.home .wp-block-image:first-child img {
  height: auto;
   min-width: 100%!important; 
  margin: 0 auto!important;
  vertical-align: bottom;
display:none;
}


.wp-block-columns{
 
   margin-bottom:0rem!important; 

}

.large-img {
 
   min-width: 100%!important; 

}
.large-img a img{
 
   width: 100%!important; 

}

.icones p{
 
 font-size:1rem!important;
text-align:center!important;
text-transform:none!important;
font-family: 'Crimson Pro', serif;
font-weight:500;

}

.icone-img{
 
   width: 100px!important; 
height:100px!important;
display:block!important;
margin:70px auto 0px!important;

}
.icone-txt{
 


}


.marge-img{
 
   margin:0px 10%!important; 

}





.home-slider-block {
  margin: 0;
  box-shadow: 0 1px 4px rgb(0 0 0 / 0%);
  height: 520px!important;
margin-top:0px;
width: 1263px;
}

.home-slider-pager a.selected span {
background-color: #000;
position: relative;
}

.home-slider-pager span {
  border: 1px solid #555555;
  border-radius: 8px;
  display: inline-block;
  height: 12px;
  line-height: 0;
  overflow: hidden;
  text-indent: -100px;
  width: 10px;
  height: 10px;
  margin: 0 3px;
}

.home-slider-pager {
margin-left:-17px!important;
}
.home-slider-pager a:nth-child(5) , .home-slider-pager a:nth-child(2) , .home-slider-pager a:last-child{
display:none!important;
}


p{
font-size: 1rem;
 line-height:2rem;
font-family: 'Dosis', sans-serif;
letter-spacing: 0.5px;
}

h2{
   font-size: 2rem!important;
  letter-spacing: 1.5px;
  font-weight: 600;
margin: 35px 0px 35px;
line-height:1.5;
}

h2 span {

color:#ed145b;
}

a, .content-area .entry-content a, #comments a, .post-edit-link, .site-title a, .error-404.not-found .page-header .page-title span, .search-button .fa-search, .header-cart-checkout.cart-has-items .fa-shopping-cart, .main-navigation ul#primary-menu > li > a:hover, .main-navigation ul#primary-menu > li.current-menu-item > a, .main-navigation ul#primary-menu > li.current-menu-ancestor > a, .main-navigation ul#primary-menu > li.current-menu-parent > a, .main-navigation ul#primary-menu > li.current_page_parent > a, .main-navigation ul#primary-menu > li.current_page_ancestor > a {

color:#6a59a6;
}

hr {
  background-color: transparent!important;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

.wp-block-separator {
  border-top: 0px solid;
  border-bottom: 0px solid;
}

main{
  width:100%;
padding: 0px 5% 20px;
}

.margin{
/* width:100%;*/
padding: 0px 5% 0px;
}

iframe{
  width:100%;
padding: 0px 13% 0px;

margin-bottom:50px;
}


hr{

margin: 0px 10% 0px!important;
}

.site-header {
  box-shadow: 0 0px 0 rgb(0 0 0 / 0%);
  position: relative;
  color: #2D2D2D;
  text-align: center;
}

/****** ARTICLE / BLOG *****/

#secondary{
 
  display: none; 
}

.entry-meta{
 
  display: none; 
}

.nav-links{
 display:none;
text-transform:lowercase;
}

/**** TOPBAR ****/

.fa-linkedin:before {
  content: "\f0e1";
}


/**** HEADER ****/

.entry-header, .page-header {
  border-bottom: 0px solid rgba(0, 0, 0, 0.08);
  position: relative;
  margin: 0 0 30px;
  padding: 0px 0 5px;
/*	display:none;*/

}

.entry-header h1, .page-header h1 {
 
font-size: 18px!important;
  letter-spacing: 1.5px;
font-weight:600;

}

.site-header-layout-three .main-navigation li a {
/*  padding: 10px 16px
    10px; */
letter-spacing: 1.5px!important;
font-weight:500;
text-transform:UPPERCASE;
}

.main-navigation ul#primary-menu > li > a:hover, a:hover{
color:#AF174E;
}

.main-navigation li::after {
  content: "."!important;
  position: absolute;
  top: 36px;
  right: -2px;
  font-weight: bold;
  color: #000;
  font-size: 0.95rem;
}

.main-navigation li:last-child::after, .sub-menu li::after {
  content: " "!important;
  position: absolute;
  top: 33px;
  right: -2px;
  font-weight: bold;
  color: #000;
  font-size: 1rem;
}

.sub-menu li a {
padding: 9px 20px
    9px 20px!important; 
letter-spacing: 1.5px!important;
font-weight:500;
text-transform:capitalize!important;
}
.sub-menu li:first-child a {
padding-top: 8px!important; 

}

.sub-menu li:last-child a {
padding-bottom:20px!important; 

}



.site-header-layout-three .main-navigation ul ul {
  top: 85px;
}
.entry-header .entry-title{
font-size: 18px!important;
letter-spacing: 1px;
font-weight:500;
text-transform:uppercase;
}

.entry-header .entry-title {
  font-size: 32px;
  margin: 0 0 0px!important;
}


.page-id-136 .entry-header .entry-title{
display:none;
}



/**** HEADER SLIDER *****/

.caroufredsel_wrapper{
/*  height:500px!important;*/
}

.entry-header{
  display: none;
  
}

.home-slider img {
  display: block;
  width: 100%;
  height: 500px;
}

.home-slider-block-bg {
  background-color: rgba(255, 255, 255, 0);
  display: inline-block;
  padding: 25px 25px 30px;
  color: rgba(0, 0, 0, 1);
  text-shadow: 0 0 0px rgb(255 255 255 / 0%);
  display: none; 
}

.home-slider-block-inner {
  width: 80%;
  height: 40%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 14px;
  color: inherit;
  text-align: left;
}

.home-slider-block h3 {
  color: inherit;
  font-size: 34px;
  letter-spacing: 0.5px;
  margin: 0 0 8px;
  padding: 0;
  text-transform: uppercase;
font-weight:500;
}

.home-slider-prev, .home-slider-next {
  position: absolute;
  top: 50%;
  color: #FFFFFF;
  line-height: 40px;
  margin: -33px 0 0;
  padding: 10px;
  box-shadow: 0 0 0 1px #fff inset;
  width: 60px;
  text-align: center;
  font-size: 50px;
  opacity: 0;
  cursor: pointer;
  z-index: 9;

  display: none!important;
}


.home-slider-pager {
  bottom: 0;
  height: 40px;
  position: absolute;
  text-align: center;
  width: 100%;

}

.home-slider-wrap{
overflow:visible!important;

}

.home-slider-pager {
bottom: 30px;
  height: 40px;
  position: absolute;
  text-align: center;
  width: 100%;
}



/***** HOME PAGE *****/

.home #masthead, .home .site-top-bar,
.home .home-slider{
 /* display:none;*/
}

/**** LOGO *****/

.site-header-layout-three .site-branding {
  float: left;
  width: 55px;
}


.woocommerce #container, .woocommerce-page #container, .content-area {
  width: 100%;
  float: left;
  padding: 0;
  position: relative;
  box-shadow: -1px 0 0 rgb(0 0 0 / 4%) inset;
}

.site-footer-bottom-bar-left {
  float: left;
  font-size: 15px;
  padding: 20px 3% 15px;
/*  display: none;*/
letter-spacing: 1px;
  color: #cccccc;
}

.site-footer-bottom-bar-left a {
 
  color: #B568B6;
}

.fab {
   margin-top: 25px;
  color: #B568B6;
}

.site-footer-bottom-bar{
  padding: 20px 0 10px;
 
}
.site-footer-standard .site-footer-widgets {
  padding;: 0px 0 0px;
  display: none;
}

.site-footer-standard {
  background-color: #1d2319;
  box-shadow: 0 1px 0 rgb(0 0 0 / 20%) inset;
  color: #777777;
}

.site-footer-bottom-bar-right {
float: none;
  text-align: right;
  padding: 15px 40px 15px;
}

.site-branding {
  padding: 45px 0 15px;
  display: inline-block;
  position: relative;
  z-index: 9;
}




/**** IMG ****/

.margin-top{
/*  margin-top:-270px;
background:#fff;
padding:20px 100px;
z-index:9999;
padding-top:30px;*/

/*
-moz-box-shadow: -2px -2px 10px #ccc;
-webkit-box-shadow: -2px -2px 10px #ccc;
-o-box-shadow: -2px -2px 10px #ccc;
box-shadow: -2px -2px 10px #ccc;*/
}

.margin-top h4{
/*	margin-top:60px;
background-color: #e8ecf0!important;
font-weight:500;
letter-spacing:1px;
    background-color: #e8ecf0!important;*/
}

.gris{

    background-color: #e8ecf0!important;
padding:20px 10px;
}

.bloc-3{
padding:5px;

}


.opacity:first-child{
/*opacity:1;*/

}

.opacity{
opacity:0.7;
height:50px!important;
width:50px!important;
object-fit:cover;
margin: 30px auto;


}



figure {
  margin: 0;
  box-shadow: 0 1px 4px rgb(0 0 0 / 0%);
}

.wp-block-image .aligncenter {
  margin-left: auto;
  margin-right: auto;
  min-width: 100%;
}

.wp-block-image img {
  height: auto;
/*   min-width: 100%;*/
margin:0 auto!important;
  vertical-align: bottom;

}



.site-footer-widgets .wp-block-image img {
  height: auto;
  min-width: 75%;


}



.wp-block-image {
  text-align: center;
}

.content-area-full, .page-template-template-full-width-php .content-area {
  float: none !important;
  width: 100% !important;
  padding: 0px 0 !important;
  box-shadow: none !important;
}
.site-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0px;
}

.site-header .site-container {
  position: relative;
  max-width: 100%;
padding:0 5%;
}


/**** MENU ****/


.main-navigation ul ul a:hover{
  background-color: #ffffff!important;
color:#AF174E;
}

.main-navigation ul ul li.current-menu-item > a{
  background-color: #ffffff!important;

}

.main-navigation ul ul {
  background-color: #fff;
  box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
  float: left;
  position: absolute;
/* top: 40px!important;*/
  left: -999em;
  z-index: 99999;
  /* display: none; */
}

#primary-menu, #site-navigation, #masthead, .site-footer-widgets{
display:none!important;
}

#site-navigation {
margin-right:50px;
}

.site-footer-bottom-bar-left {
/*  float: none!important;
    text-align: center;
  font-size: 12px;
  padding: 14px 0 10px;*/
}

.site-branding a img {
  display: block;
  left: 90px;
  top: 35px;
  position: absolute;
}

/***** BACK TO TOP *****/
.sbttBacktotop {
  position: fixed;
  bottom: 65px;
  right: 65px;
  cursor: pointer;
  display: none;
  width: 30px;
z-index:9999999999999;
}

/* IMAGES GALLERY */



#images-gallery{

width:100%; 
padding:0; 
margin:0px auto;
  position: relative;

}

.images-gallery{

/*	width:110px;*/

}

.images-gallery, .images-gallery a{

 display:flex; 
flex-wrap:wrap;
  text-decoration:none!important;
}

.images-gallery h3{
  letter-spacing: 1px;
  text-transform: none;
   font-family: 'Dosis', sans-serif;

  font-weight: normal;
  font-size: 1.2rem!important;
text-decoration:none!important;
padding:0px 10px 15px;
width:80%;
margin:0 auto;
color:#4A3D5A;
  color: #6a59a6;
text-transform:lowercase;

}


.images-gallery h3 span{
display: block;
  font-size: 1.2rem;
/*   padding: 15px;
  font-family: 'Josefin Sans', sans-serif;*/
  line-height: 2.5rem;
  color: #555;
margin-top:20px;
font-weight:normal;
  display:none;
}



.images-gallery h3 span:hover{
transition: all 1s ease-out;
opacity:0.5;
}

.guillemet:before{
  content: '«';
  color: #ceac92;
  width: 55px;
  height: 41px;
  position: relative;
  top: 0px;
  left: -5px;
  
  margin: 0 auto;
font-size:5rem;
/*	font-family: 'Josefin Sans', sans-serif;*/
opacity:0.3;
}


.images-gallery div h3 span:before{
  content: '  · · · ';
  color: #555;
  width: 55px;
  height: 41px;
  position: relative;
  top: 0px;
  left: -5px;
  
  margin: 0 auto;
font-size:2rem;
/*	font-family: 'Josefin Sans', sans-serif;*/
opacity:1;
}

.images-gallery div:first-child h3 span:before{
  content: '  · · · ';
  color: #555;
  width: 55px;
  height: 41px;
  position: relative;
  top: 0px;
  left: -5px;
  
  margin: 0 auto;
font-size:2rem;
/*	font-family: 'Josefin Sans', sans-serif;*/
opacity:1;
}


.gallery-img{
    margin: 60px 0px 20px;
width:55%;
  min-height: 0!important;
min-width:0!important;

}



.images-gallery div:nth-child(2n) a{
justify-content:end;
}

/***** POST *****/

.cat-links{

 display:none!important;

}




/* RESEAUX SOCIAUX */

.juiz_sps_links .juiz_sps_item .juiz_sps_button .juiz_sps_network_name {
  display: none!important;
  
}


#short_code_si_icon a, #divBottomRight a, #divBottomRight a:focus, #short_code_si_icon a:focus {
  border: 0px;
  outline: none;
  display: block!important;
margin:8px 0!important;
margin-top:-60px;
}

.juiz_sps_links li a {

  color: #fff;
 margin-right:15px!important
}



.juiz_sps_hide_name a .juiz_sps_network_name {
  max-width: 0;
  white-space: nowrap!important;
  overflow: hidden;
  display: none!important;
}

.juiz_sps_links ul, .juiz_sps_links .juiz_sps_item {
  padding: 0!important;
  margin: 0!important;
  list-style: none!important;
  text-align:CENTER!important;
}

.juiz_sps_links {
  word-wrap: normal!important;
  clear: both;
  margin: 0em 0;
border-top: 0px solid rgba(0, 0, 0, 0.1);
padding-top: 25px;
/*   position: fixed!important;
  left: -5px!important;
top:18%!important;*/
}

.juiz_sps_links .juiz_sps_item, .juiz_sps_links .juiz_sps_item a, .juiz_sps_links .juiz_sps_item a .juiz_sps_icon {
  display: inline-block!important;
}

.juiz_sps_icon {
  
  font-size: 25px;
}


.juiz_sps_links .juiz_sps_item a {
  vertical-align: top;
     padding: 11px 15px 5px 12px!important;
  margin: 0 5px 2px 0;
  border: 1px solid #cccccc!important;
  background-color: #ffffff!important;
  background-image: -webkit-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
  color: #777;
  text-decoration: none;
  font-size: 12px;
  border-radius: 3px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.0);
  -webkit-transition: color .4s,background-color .4s;
  -moz-transition: color .4s,background-color .4s;
  -o-transition: color .4s,background-color .4s;
  transition: color .4s,background-color .4s;
  width: 40px!important;
  height: 40px!important;
  margin-bottom: 10px!important;
}



.juiz_sps_links{
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

/**** LIKE BTN ****/

.likebtn_container{
text-align:right!important;
}


/**** SECTION ******/

.color-gradient1 {

background: #3B2585;
background: linear-gradient(149deg,rgba(59, 37, 133, 1) 0%, rgba(184, 28, 147, 1) 100%);
}

.color-gradient2 {
background: #D42878;
background: linear-gradient(149deg,rgba(212, 40, 120, 1) 0%, rgba(137, 39, 126, 1) 43%, rgba(59, 37, 133, 1) 100%);
}

.color-gradient {

background: #ECD81E;
background: linear-gradient(149deg,rgba(236, 216, 30, 1) 0%, rgba(212, 40, 120, 1) 100%);
}

body #error-block {
display: table;
font-family: ubuntu;
width: 100%;
height: 100%;
margin: auto;
text-align: center;
background-color: transparent!important;
}

body #error-block #message-block .error {
color: #e84c3f;
font-size: 1rem!important;
}

body #error-block #message-block .success {
  color: #595b61;
  font-size: 1rem!important;
}

.responsive>div{
  color: #595b61;
  font-size: 1rem!important;
/*	padding:100px!important;*/
}



/***** BANNIERE / IMG ***/

.first-bloc{
/*
  margin-left:80px!important;*/

width:100%;

}

.img-home{
margin-top:-20px;
width:500px;
}

.bannieres img{
margin-top:20px;
width:100%;
}

.bannieres{
margin-top:40px;
/*height:auto!important;*/
display:block!important; width:100%;

}


.flex{
display:flex!important;
align-items: center;
height:auto!important;
text-align:center;

}

.flex div {
/*padding-left:0%;*/

}

.flex h2 {
font-size:1.9rem!important; font-weight:600!important;  letter-spacing: 1px; color:#ed145b;  
font-family:"Montserrat", sans-serif;
margin-bottom:0!important; text-decoration:none;

}

.flex h1 {
font-size:3rem;  font-family: "Crimson Text", serif!important;
letter-spacing:3px; background-color: #dfdbec; padding:0;margin: 10px 0;

}
.flex h3 {
font-size:1.4rem;font-family:'Dosis';letter-spacing:1.5px; margin: 20px 0; font-weight:400; 

}

.flex img {
object-fit:contain!important;
height:auto!important;
}

.home .bannieres{
margin-top:0px!important;


}

.banniere-home{
height:350px!important;
  width:50%!important;
display:inline-block!important;
object-fit:cover;

}

.banniere-resp1{
display:block!important;
  margin-top:-20px;

}

.banniere-resp2{
display:none!important
}

.image-resp img{
width:90%!important;
margin:0 auto!important;
height:320px!important;
object-fit:cover;
object-position: left; 
}

/********* BANIERE FLEX ********/



.bannieres img{
margin-top:20px;
width:100%;
  }

.bannieres{
  margin-top:40px;
/*height:auto!important;*/
  display:flex!important; 
  width:100%;
  flex-wrap:nowrap;
}


.banniere-home{
height:350px!important;
    width:50%!important;
 
  object-fit:cover;
  
}


.order1 {
order: 1; 
}

.order2 {
order: 2; 
}

.order3 {
order: 3; 
}

.order4 {
order: 4; 
}

.order5 {
order: 5; 
}

.order6 {
order: 6; 
}

/*** POST *****/

.post-navigation {

  display: none;
}



/*****  CREDITS    *****/

figcaption {
  text-align: right!important;
  margin: -30px 9% 20PX!important;
  color: #fff;
  font-size: 0.8rem;
opacity:0.7;
}

/******** ANIMATION CSS ********/

.typewriter-container {
display: inline-block!important;
}

.typewriter-text {
font-family: monospace; /* Police à chasse fixée indispensable */
overflow: hidden!important; /* Cache le texte qui n'a pas encore été tapé */
border-right: 3px solid #000; /* Simule le curseur vertical */
white-space: nowrap; /* Empêche le texte de passer à la ligne */
margin: 0 auto;
letter-spacing: 0.15em;
/* 
  steps(30) doit correspondre au nombre exact de caractères de votre texte (espaces compris).
  Ici "Bienvenue sur mon site web !" fait 28 caractères -> mettez steps(28).
*/
animation: 
  typing 1.5s steps(12) 0.3s forwards, 
  blink-caret 0.75s step-end infinite;
}

/* Animation de frappe de texte */
@keyframes typing {
from { width: 0; }
to { width: 100%; }
}

/* Animation du clignotement du curseur */
@keyframes blink-caret {
from, to { border-color: transparent; }
50% { border-color: #000; }
}

/* animation barre glissante */

#one{
width: 0%;
height: 35px;
background-color: #ecd81e;
animation-name: myAnimation1;
animation-duration: 1s;
}

#one {
width: 100%;
height: 35px;
background-color: #ef7cb1;
animation-name: myAnimation1;
animation-duration: 1s;
}

#two{
width: 0%;
height: 15px;
background-color: #ef7cb1;
animation-name: myAnimation1;
animation-duration: 1.5s;
}

#two {
width: 100%;
height: 15px;
background-color: #ecd81e;
animation-name: myAnimation2;
animation-duration: 1.5s;
}
  
.three{
width: 0%;
height: 40px;

animation-name: myAnimation3;
animation-duration: 1.5s;
}
  
.three {
width: 100%;
height: 40px;

animation-name: myAnimation3;
animation-duration: 1.5s;
}


@keyframes myAnimation1 {
from {width:0%; background-color: #ecd81e;}
to {width:100%; background-color: #ef7cb1;}
}

@keyframes myAnimation2 {
from {width:0%; background-color: #ef7cb1;}
to {width:100%; background-color: #ecd81e;}
}
  
@keyframes myAnimation3 {
from {width:0%; }
to {width:100%; }
}


@media (min-width: 1300px){

body {
 
  padding: 0px 9% 0PX!important;
  
}


/*** Bannières 	****/

.bannieres .flex {
  height: 350px !important;
  width: 40% !important;
margin-left:5%;
}



}


@media (max-width: 980px){

#site-navigation {
margin-right: 20px;
}

main {
  width: 100%;
  padding: 0px 0% 0px;
   
}

figcaption{
  opacity:0.5;
   margin: -35px 8% 20PX!important;
  font-size: 0.6rem;
  
}

.site-header .site-container {

/*  border: 1px solid #ccc;*/
}

.home-slider-block {

 background-image: url("https://ma-boite-de-com.fr/wp-content/uploads/2022/08/mon-agence-de-communication-resp.jpg")!important; 
height:480px!important;
  margin-top:20px;
}

.home-slider-pager {
 display:none!important;
}



p {
  font-size: 0.9rem;
  line-height: 1.6rem;
  font-family: 'Dosis', sans-serif;
  letter-spacing: 0.5px;
}

h2{
   font-size: 2rem!important;
  letter-spacing: 1px;
  font-weight: 600;
margin: 35px 0px 35px;
  
}

.site-top-bar {
   display: none; 
}

.site-header-layout-three .header-menu-button {
  padding: 40px 40px 30px 60px;
}





/**** MENU RESP****/


.main-navigation ul ul a:hover{
  background-color: inherit!important;
color:#AF174E!important;
}

.main-navigation ul ul li.current-menu-item > a{
  background-color: inherit!important;

}

.main-navigation ul ul {

  top: 00px!important;

}
.main-navigation li a {
  display: block;
  float: none;
  padding: 13px 5px !important;
  color: #C5C5C5 !important;
  text-align: left;
font-size:1rem;
}

.main-navigation ul ul li a {
  padding: 9px 17px!important;
  width: auto;
  
}

  .main-navigation ul ul li:first-child a {
  padding-top: 15px !important;
  
}
    .main-navigation ul ul li:last-child a {
  padding: 9px 17px 15px!important;
  
}

.site-header .site-container {
  position: relative;
  max-width: 1000px;
  height: 100px;
}

.site-branding a img {
  display: block;
  left: 30px;
  top: 35px;
  position: absolute;
}

.first-banniere img{

width:85%!important;
min-width:85%!important;
max-width:85%!important;

}

.first-bloc{
/*
width:85%!important;
min-width:85%!important;
max-width:85%!important;
  margin-left:30px!important;
*/
}
.

  /***** BLOC 3 COL RESP *******/

.margin-top {
/*margin-top:-100px;*/
padding:20px 10px;
}

.marge-img{
 
   margin:0px 0%!important; 

}


.margin-top .bloc-3{
 display: block;
  width:100%!important;
  height:auto; 
  margin:40px auto;
  
}



.opacity h4{
width:100%!important;

}


  .images-gallery h3 {
  letter-spacing: 0.5px;


  font-weight: normal;
  font-size: 1rem!important;
  text-decoration: none!important;
  padding: 15px 0px;
  width: 100%;
  margin: 0 auto;

}
  .images-gallery h3 span{


  font-weight: 500;
  font-size: 1rem!important;
 
}

.gallery-img {
  margin: 50px 0 10px;
  width: 80%;
}



/**** LIKE BTN ****/

.likebtn_container{
text-align:center!important;
}


.juiz_sps_links .juiz_sps_item a {
  vertical-align: top;
  padding: 5px 8px 5px 8px!important;
  margin: 0 5px 2px 0;
  border: 1px solid #cccccc!important;
 
  width: 35px!important;
  height: 30px!important;
  margin-bottom: 10px!important;
}



.icones {
display:flex!important;
margin-left:-10px!important;
}

.icones div {
width:50%!important;
}

.icone-img {
 
  margin: 30px auto 0px!important;
}

iframe {
  width: 100%;
  padding: 0px 5% 0px!important;
  margin-bottom: 50px;
}

.page-id-136 iframe {
  width: 100%;
  padding: 0px 8% 0px!important;
  margin-bottom: 50px;
}



.margin{

padding: 0px 5% 0px;
}


iframe{

padding: 0px 3% 0px;
}
  .margin p{

padding: 0px 6% 0px;
}
  hr{

padding: 0px 5% 0px;
}


/***** BANNIERE RESP ***/

.img-home img{
margin-top:10px;
  height:780px!important;
  object-fit:cover;
  width:100%!important;
  margin-bottom:20px;
  

}

.bannieres{
margin-top:-20px;
/*padding:0 5%;*/

}
  
.flex{
display:block!important;
  text-align:center!important;
  margin-top:20px;
  padding:0 5%;
  
}

.flex div {
/*padding: 30px 10px!important;*/
  
}

.flex h1 {
font-size:2.5rem; 
  letter-spacing:1px;

}

.flex h2 {
font-size:1.5rem!important; 

}

.banniere-home{
height:350px!important;
  width:80%!important;
  margin-left: auto!important;
  margin-right: auto!important;
display:block!important;
  border-top:0px solid #cccccc!important;
}

.banniere-resp1{
display:none!important
}
.banniere-resp2{
display:block!important
}


.image-resp img{
width:90%!important;

height:220px!important;
margin-bottom:10px!important;

}

/********* BANIERE FLEX resp ********/


.bannieres{
  margin-top:40px;
/*height:auto!important;*/
  display:flex!important; 
  width:100%;
  flex-wrap:wrap;
}


.banniere-home{
height:350px!important;
    width:100%!important;
 
  object-fit:cover;
  
}

.flex img{
margin-bottom:80px;

}


/**** order flex *****/

.order1 {
order: 1; 
}

.order2 {
order: 2; 
}

.order3 {
order: 4; 
}

.order4 {
order: 3; 
}

.order5 {
order: 5; 
}

.order6 {
order: 6; 
}


}


@media (max-width: 650px){


.banniere-home{
height:350px!important;
  
}


}

@media (max-width: 600px){

  .site-header-layout-three .header-menu-button {
  padding: 5px 0px 30px 5px;
}

.home-slider-block-inner {
  width: 80%;
  height: 40%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 14px;
 
  text-align: center;
}

.home-slider-block h3 {
  color: inherit;
  font-size: 26px;
  letter-spacing: 0.5px;
  margin: 0 0 8px;
  padding: 0;
  text-transform: uppercase;
font-weight:500;
}


.site-branding a img {
  display: block;
  left: 30px;
  top: 35px;
  position: absolute;
}


.site-header-layout-three .main-navigation, .site-header-layout-three .main-navigation-mm {
  float: right;
  margin-right: 80px;
  margin-top: 40px;
}

.main-menu-close {
  top: 40px!important;
}
.site-footer-bottom-bar-left {
 display: none;
}



.images-gallery a:nth-child(2){
justify-content:center;
}


.img-home img{
margin-top:10px;
  height:470px!important;
  object-fit:cover;
  width:100%!important;
  margin-bottom:20px;
  

}

.banniere-home{
height:260px!important;
    width:100%!important;

}

.flex img{
margin-bottom:50px;

}

}