/* UTILITIES*/
/* ===================================
FONTS
====================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

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

}

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

}

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

}

.font-sackers {
font-family: 'sackers_gothic_light_atRg' !important;
}




/* ===================================
INDEX
====================================== */


/*Ken Burn Effect Onload CF Script custom*/

.ken-burn-div {
transform: translate3d(0, 0, 0) scale(1.25) translate(50px, -50px);
background-image: url('../images/slider-accueil/petales-rosés2.png');
}

.loaded .ken-burn-div {
transform: scale(1);
transition: 5.5s transform;
}


/* ===================================
NAV
====================================== */

.hamburger-menu {
width: 40% !important;
}


.navbar.navbar-dark .push-button>span {
background: #bf8c4c !important;
}

.push-button>span:nth-child(1),
.push-button>span:nth-child(2),
.push-button>span:nth-child(4) {
width: 32px !important;
}




/* ===================================
BODY
====================================== */
.title-container {
position: absolute;
justify-content: flex-end;
bottom: 42px;
}

.text-gold{
color: #bf8c4c!important;
}

.title-content {
background-color: rgba(255, 255, 255, .5);
margin-left: 50px;
margin-right: 50px;
}

.opacity-light {
position: absolute;
height: 100%;
width: 100%;
opacity: 0.3;
top: 0;
left: 0;
}

.bg-light-overlay {
background-color: transparent;
}


.gamme {
padding-top: 0 !important;
}

.swiper-slide .overlay-bg {
opacity: .3 !important;
}

.slider-content-center {
text-align: center;
display: flex;
flex-direction: column;
flex-flow: wrap;
justify-content: center;
}

.bg-texture::before {
content: '';
position: absolute;
background-image: url('../images/textures/fond-texture.png');
width: 100%;
height: 100%;
top: 0;
opacity: .3;
}

.list-hover:hover {
color: #bf8c4c !important;
}

.team-style-03 img {
border-radius: 7px;
}

.padding-63px-bottom {
padding-bottom: 63px !important;
}
.container-membre{
padding-bottom: 122px!important; 
}
.container-pays{
padding-bottom: 109px!important;
}

/* ===================================
FOOTER
====================================== */
.footer .footer-logo img {
max-height: 119px !important;
}

.container-custom {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1564px;
}

.footer-section {
flex-direction: column;
}

.hover-footer-li {
transition: all .2s ease;
}

.hover-footer-li:hover {
transform: translate(5px, 0);

}

.hover-footer-li:hover .list-hover,
.hover-footer-li:focus .list-hover {
color: #bf8c4c !important;
}

.hover-footer-icon i {
font-size: 3rem;
}

.hover-footer-icon:hover i,
.hover-footer-icon:focus i {
color: #bf8c4c !important;
}

.footer-hamburger-menu-half a:hover,
.footer-hamburger-menu-half a:focus {
color: #bf8c4c !important;
}

.text-alcool {
font-style: italic;
font-size: small;
}

.border-resp-maison {
border-right: 1px solid rgba(202, 148, 61, 0.4);
}

.border-resp-actu {
border: none;
}

.border-after::after {
content: '';
position: absolute;
height: 100%;
width: 1px;
top: 0;
left: 0;
background-color: rgba(202, 148, 61, 0.4);
}

footer ul li {
margin-bottom: 0 !important;
}

footer ul li a {
font-size: 14px;
}
/* ===================================
EMBED PLAYER
====================================== */
.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ===================================
RESPONSIVE
====================================== */

@media (max-width: 1199px) {
.container-custom {
max-width: 1170px;
}
}


@media (max-width: 1200px) {
.container-custom {
max-width: 1140px;
}
}

@media (max-width: 991px) {
.last-team {
margin-top: 25px;
}
}

@media (max-width: 992px) {
.container-custom {
max-width: 960px;
}
}

@media (max-width: 991px) {
.border-resp-actu {
border-left: 1px solid rgba(202, 148, 61, 0.4);
}

.border-resp-maison {
border: none;
}

/* .button-group.d-flex{
display: block!important;
}
.button-group{
display: block!important;
} */

/* .container-header .letter-spacing-3px{
letter-spacing: 0px!important;
} */
}


@media (max-width: 768px) {
.container-custom {
max-width: 720px;
}

.index-title {
padding-left: 15px !important;
padding-right: 15px !important;
}
}

@media (max-width: 767px) {

.bg-light-overlay {
background-color: #FFF !important;
}

/* .fontweight-swap{
font-weight: 600!important;
} */
}

@media (max-width: 576px) {
.container-custom {
max-width: 540px;
}
}

@media (max-width: 575px) {
.team-style-03 {
margin-top: 25px;
}

.last-team {
margin-top: 25px;
}

.logo-resp {
position: relative !important;
top: 139px !important;
}
}

@media (max-width: 425px) {
.title-content {
margin-left: 0;
margin-right: 0;
}

.line-icon-Arrow-OutRight {
display: none;
}

.line-icon-Arrow-OutLeft {
display: none;
}
}

@media (max-width: 440px) {

footer p {
font-size: 13px !important;
margin-right: 15px;
}
}

@media (max-width: 389px) {

.logo-resp {
top: 37px !important;
}
}

form > div > input[type="image"] {
width: auto;
}