* { -o-box-sizing: border-box; box-sizing: border-box;  }
a{ color: inherit;}
html{ }
body{ overflow-x: hidden; cursor:default;  font-family:'GothamWeb',sans-serif; position: relative; padding:0 0 0 0; margin:0; }
/*
#cache{ position: fixed; z-index: 90000; top: 0; left: 0; width: 100%; height: 100%; background:#ffffff; }
*/

body.blog{ background:var(--main-color); color:var(--text-color); }
body.blog .wp-block-separator{ color:var(--text-color);}


/*========================================================================*/
/*==== HEADER ============================================================*/
/*========================================================================*/
header{ transition:all 1s cubic-bezier(0.075, 0.82, 0.165, 1); position: fixed; z-index: 5000; height:70px; top:-72px; left: 0; right: 0; background:#ffffff; }

header.fixed{transition:all 0.1s linear; top:0px; box-shadow:0 0 30px rgba(0,0,0,0.3); }

/*LOGO*/
@keyframes logoturn {
	0%,19% { background-position:0 0%;  }
	20%,39% { background-position:0 25%;  }
	40%,59% { background-position:0 50%;  }
	60%,79% { background-position:0 75%;  }
	80%,99% { background-position:0 100%;  }
	100% { background-position:0 125%;  }
}

#logo{ z-index: 5000; position: absolute; display: block; left:70px; top:50px; width:190px; height:110px;  }



#logo:not(.turn) img{ display: block; max-width: 100%; height: auto;}

#logo.turn{ width: 250px;}
#logo.turn>*{ opacity: 0; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#logo.turn>*>img{ display: block; width: 100%; height: 100%; object-fit: contain; }
#logo.turn:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/logo-bigcompany-header-txt.png") center center no-repeat; background-size:contain; }
#logofixed{ transition:all 1s cubic-bezier(0.075, 0.82, 0.165, 1); opacity: 0; z-index: 5100;  position: absolute; display: block; top:-20px; left:70px; width: 80px; height:50px; background: url("../images/logo-bigcompany-fixed.png") center center no-repeat; background-size: contain; }
header.fixed #logofixed{ opacity:1; top:10px; }

@media (max-width:950px){
	#logo{  left:10px; top:10px; width:200px !important; z-index: 5002; }
#logofixed{  left:20px;}

}

/*RIGHT NAV*/
#rightnav{transition:all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); color: #ffffff; position: fixed; z-index: 5000; top:70px;  right:90px; font-weight: 700; font-size: 18px; text-align: right; }
header.fixed #rightnav{top:3px; color:var(--wp--preset--color--nightblue);  }
#rightnav>*{ display:inline-block; vertical-align: middle; margin-left:5px; } 

@media (max-width:950px){
	#rightnav{ top:30px; right:30px; }

}

/*LANG*/
#lang{ list-style: none; text-transform: uppercase;}
#lang>*{ display: inline-block; padding:0 10px 0 7px; }
#lang>*:not(:last-child){ border-right: 2px solid #ffffff; }
#lang a{ text-decoration: none; display: block; position: relative; line-height:26px;}
#lang>.current-lang a:after{ content: ""; position: absolute; height:2px; background:#ffffff; width: 100%; left: 0; bottom: 0;}

#lang em{ font-style: normal; display: inline-block;font-size: 0.45em; vertical-align: baseline;line-height: 1; }


header.fixed #lang>*:not(:last-child){ border-color:var(--wp--preset--color--nightblue); }
header.fixed #lang>.current-lang a:after{ background:var(--wp--preset--color--nightblue); }

/*SHOWMENU*/
#showmenu{ width:35px; cursor: pointer;}
#showmenu>*{ display: block; height:4px; margin:6px 0;  background: #ffffff; }
header.fixed #showmenu>*{ background:var(--wp--preset--color--nightblue); }

/*MENU*/
#nav{ position: fixed; transform: translateX(100vw); transition:transform 0.8s cubic-bezier(0.25, 1, 0.5, 1); z-index:7000; top: 0; left: 0; right: 0; bottom: 0; color: #ffffff;}

#backnav{ transform: scale(1.2); opacity:0; transition:all 0.8s cubic-bezier(0.25, 1, 0.5, 1); position: fixed; pointer-events: none; top: 0; z-index: 6000; left: 0; width: 100%; height: 100%; background:#050536;}
#backnav>*{ width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; filter: grayscale(1); opacity: 0.3;}
#backnav.on{ transform: scale(1); opacity: 1;}

.vdcc{ padding-left:6vw; position: absolute;display: flex; align-items: flex-end; top: 0; left: 0; width: 100%; height: 100%;/* background: #000000;mix-blend-mode: multiply; */}

.mainmenu{ pointer-events: none; list-style: none;  text-transform: uppercase; font-size:80px;font-weight: 900; line-height:1.1;}
.mainmenu li{ transition:transform 0.6s cubic-bezier(0.25, 1, 0.5, 1),opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1); opacity: 0;  display: block;margin:2vh 0; transform: translateX(25vw);}

.mainmenu li:nth-child(1){ transition-delay:0.25s; }
.mainmenu li:nth-child(2){ transition-delay:0.30s; }
.mainmenu li:nth-child(3){ transition-delay:0.35s; }
.mainmenu li:nth-child(4){ transition-delay:0.40s; }
.mainmenu li:nth-child(5){ transition-delay:0.45s; }
.mainmenu li:nth-child(6){ transition-delay:0.50s; }
.mainmenu li:nth-child(7){ transition-delay:0.55s; }
.mainmenu li:nth-child(8){ transition-delay:0.60s; }
.mainmenu li:nth-child(9){ transition-delay:0.65s; }
.mainmenu li:nth-child(10){ transition-delay:0.70s; }

.mainmenu a{ transition:all 0.2s ease-out;  display:inline-block; position: relative; text-decoration: none; }
.mainmenu .current-menu-item a{ color:var(--wp--preset--color--red); padding-left:30px; }
.mainmenu li:not(.current-menu-item) a:hover{ padding-left:30px;color:#f7d516;  }

@media (max-width:1400px){ .mainmenu{ font-size:60px;} }
@media (max-width:1100px){ .mainmenu{ font-size:50px;} }
@media (max-width:900px){
	.mainmenu{ font-size:35px; margin:0; padding:0;}
	.mainmenu li{ text-align:right; margin:20px 0; }
	.mainmenu li a{ text-decoration:underline;}

}



#nav .right{ position: absolute; top:50px; right:50px; text-align: right; z-index:100;}
#nav .right>*{ display: block; margin-bottom: 15px; }

#nav .right .close{ cursor: pointer;font-weight: 900; font-size: 16px; line-height: 30px;}
#nav .right .close>span:last-child{  margin-left: 5px; display: inline-block; position: relative; width:30px; height:30px; vertical-align: middle;}
#nav .right .close>span i{ display: block; width: 100%; height:4px; position: absolute; top:calc(50% - 2px); transform-origin: center center;   background:#ffffff;}
#nav .right .close>span i:first-child{ transform: rotate(45deg);}
#nav .right .close>span i:last-child{ transform: rotate(-45deg);}
#nav .right .close:hover i{ background:#ffd831;}

#nav .right .adresse{ font-size: 13px; }
#nav .right .adresse a:hover{ color: #ffd831; }


#nav .wp-block-social-links{ justify-content: flex-end; margin: 0;}
#nav .wp-social-link{ margin:4px 0 4px 8px;}



#nav.on{ transform: translateX(0vw);}



#nav.on .mainmenu{  pointer-events:auto; }
#nav.on .mainmenu li{ transform: translateX(0vw); opacity: 1;}



@media (max-width:950px){
	#nav{ padding:30px; overflow-y: auto; height: 100%;}
	#nav .right,.vdcc{ position:static; height:auto; padding:0;}
    .vdcc{ justify-content: flex-end;}
}




/*========================================================================*/
/*==== ARIANE ============================================================*/
/*========================================================================*/
#Ariane{ font-size: 12px; opacity: 0.7; }
body.accueil #Ariane{ display: none;}


section>#Ariane:last-child{ padding:10px; }
section>#Ariane:last-child p{ margin: 0 !important; }


/*=============================================================*/
/*===== CONTENU ===============================================*/
/*=============================================================*/
body.accueil section>.wp-block-columns:first-child{  min-height:100vh;  }
body.int section>.wp-block-columns:first-child .wp-block-video{ height: 100%;  }
body.int section>.wp-block-columns:first-child .wp-block-video video{ height: 100%; object-fit: cover; }

@media (max-width:950px){
    body.accueil section>.wp-block-columns:first-child{ gap:0;  min-height:0px; flex-direction: column;  }
}


/*========================================================================*/
/*==== SHARING ===========================================================*/
/*========================================================================*/
.sharing{ margin-top: 5px; }
.sharing>*{ transition: all 0.1s ease-out; display: inline-block;background-color: #ffffff;  background-image: url("../images/socials.svg"); background-size:auto 200%;  width:25px; height:25px; text-indent: 200%; white-space: nowrap; overflow: hidden;vertical-align: middle; margin-right:5px; }
.sharing>*.fb{ background-position:0 top;  }
.sharing>*.vim{ background-position:25% top; }
.sharing>*.insta{  background-position:50% top;}
.sharing>*.tt{ background-position:75% top; }
.sharing>*.lk{  background-position:100% top; }
.sharing>*:hover{ background-position-y:bottom;  background-color:#050536;   }

.wp-block-social-link{ border-radius: 0 !important;}
.wp-block-social-links a:hover{ }

/*========================================================================*/
/*==== WHOISBIG ==========================================================*/
/*========================================================================*/
#WhoIsBigSlider{border-left:4px solid #ffffff; }
#WhoIsBigSlider .swiper-wrapper{counter-reset: BigCounter; margin-bottom: 20px; }
#WhoIsBigSlider .swiper-slide{ padding:0 50px;   counter-increment: BigCounter;  }

#WhoIsBigSlider .swiper-slide>*:first-child{ display: block; padding-top:10px;  border-top:4px solid rgba(255,255,255,0.2);}
#WhoIsBigSlider .swiper-slide:before{ transition:all 0.4s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;  transform: translateY(40%); opacity:0; display: block;content: "#"counter(BigCounter); color: rgba(255,255,255,0.5); font-weight:300; font-size:80px; line-height: 1;  }
#WhoIsBigSlider .swiper-slide.swiper-slide-active:before{ transform: translateY(0%); opacity: 1;}
#WhoIsBigSlider .prev,#WhoIsBigSlider .next{ cursor: pointer;display: inline-block; width:20px; height:38px; background:url("../images/arrow.svg") center center no-repeat; background-size:contain; }
#WhoIsBigSlider .prev{ transform: rotate(180deg); margin-left:50px;}
#WhoIsBigSlider .next{ margin-left:10px;}
#WhoIsBigSlider .prev.swiper-button-disabled,#WhoIsBigSlider .next.swiper-button-disabled{ opacity: 0.3; pointer-events: none;}

@media (max-width:600px){
	#WhoIsBigSlider{border:none; }
	#WhoIsBigSlider .swiper-slide{ padding:0; }
	#WhoIsBigSlider .swiper-slide:before{ font-size:30px; }
	#WhoIsBigSlider .prev{  margin-left:0px;}
}



/*========================================================================*/
/*==== SECTEURS ==========================================================*/
/*========================================================================*/
#secteurs{ display: flex; flex-wrap: wrap; margin-left:-15px;  margin-top: 30px; width:calc(100% + 30px) !important; }
#secteurs>*{ position: relative; width:calc(25% - 30px);  padding-top:20px; font-size: 13px; color: rgba(255,255,255,0.8);   margin:15px; text-transform: uppercase;    text-decoration: none; }
#secteurs>*:before{ content: ""; position: absolute; top: 0; left: 0; width:100%; height:3px; background:rgba(255,255,255,0.3); }

#secteurs strong{ position: relative;display:inline-block;font-size:22px; line-height:1; padding-bottom:5px; margin-bottom: 5px;  font-weight: 900; color: #ffffff;}
#secteurs strong:before{ transition:width 0.15s linear; content: ""; position: absolute;width:0%; height:3px; background: #ffffff; bottom:0; left: 0;  }
#secteurs>*:hover strong:before{width:100%; }
#secteurs>*.on{ color: #050536;}
#secteurs>*.on strong:before{width:100%;  background: #050536;}

body.archive #secteurs,body.single #secteurs{max-width:1130px !important;}


@media (max-width:599px) {
	#secteurs>*{ width:100%; margin:10px; padding-top:10px; }
	
}

/*========================================================================*/
/*==== CHIFFRES-CLES =====================================================*/
/*========================================================================*/
#KeySlider{ margin:30px 80px; padding:30px 0;  }
#KeySlider .swiper-slide{ text-align: center; }
#KeySlider .swiper-slide .item{ display: block; line-height:1.1; }
#KeySlider .swiper-slide .item>*{ display: block; }
#KeySlider .swiper-slide .count{ font-size:50px;  font-weight:900;}
#KeySlider .swiper-pagination{ bottom:-5px; }

@media (max-width:600px){
	#KeySlider{ margin:50px; padding:0;   }

}


/*========================================================================*/
/*==== EQUIPE ============================================================*/
/*========================================================================*/
#team>*{ max-width:none !important; width:100% !important; }
#team h2{ font-size:80px; line-height: 1; margin:50px 0; text-align: center; }
#TeamSlider{ padding:0 100px 0px 100px; }
#TeamSlider .swiper-slide{ width:350px;  text-align: center;   }
#TeamSlider .swiper-slide:nth-child(2n + 0){ padding-top:50px;}
#TeamSlider .swiper-slide .vis{ position:relative; width:350px; height:350px; display: block; margin:15px 0; background:rgba(255,255,255,0.1); }
#TeamSlider .swiper-slide .vis:after{ content:""; position:absolute; top:0; left:50%; transform:translatex(-50%);width: 0;height: 0;border-style: solid;border-width: 15px 15px 0 15px;border-color: #040447 transparent transparent transparent; }
#TeamSlider .swiper-slide img{ width:100%; height:100%; object-fit: cover; object-position: center bottom;     }
#TeamSlider h3{ margin:5px 15px; }
#TeamSlider p{ margin:5px 15px; font-size: 13px; line-height: 1.3; }

@media (max-width:599px) {
	#TeamSlider{ padding:0 50px; }
	#TeamSlider .swiper-slide{ width:100%;}
#TeamSlider .swiper-slide .vis{ width:auto; height:auto;}

}

/*========================================================================*/
/*==== SLIDER COMMON =====================================================*/
/*========================================================================*/
.swiper-pagination-bullet{ background: #ffffff;}
.swiper-button-next,.swiper-button-prev{background-image:url("../images/arrow.svg");}
.swiper-button-next:after,.swiper-button-prev:after{ content:none;}
.swiper-button-prev{ transform: rotate(180deg);}


/*========================================================================*/
/*==== PARALLAX ==========================================================*/
/*========================================================================*/
.parallax { position: relative;background-attachment: fixed;background-position: center 0;background-repeat: no-repeat;background-size: cover;height: 100%;  }
.parallax .citation{ position: absolute; font-size: 20px; font-weight: 500; top:20%; left:10%; text-transform: uppercase;}
.parallax .citation:before{ content: "\201C"; margin-right: 5px;}
.parallax .citation:after{ content: "\201E";  margin-left: 5px;}
.parallax .auteur{ position: absolute; font-size:16px; font-weight: 500; bottom:20%; right:10%; text-transform: uppercase;}
@media only screen and (max-device-width: 1024px) {
  .parallax { background-attachment: scroll !important; }
}
@media (max-width:599px) {
	.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax{ background-attachment:scroll !important; background-size:cover !important; background-position:center center !important;}
}

/*========================================================================*/
/*==== GRILLE ============================================================*/
/*========================================================================*/
#grid{ font-size: 0; max-width: none !important; position: relative; width: auto; margin: auto;    }
#grid .item{ font-size: 16px; position: relative; margin-bottom: 10px; background:rgba(255,255,255,0.1);}
#grid .item img{ position: absolute; top:0px; left:0px; display: block; width:100%; height:100%; object-fit: cover; object-position: center;}
#grid .item>span:not(.cat){ position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
#grid .item>span:before{ transition: opacity 0.2s linear; content: ""; background: var(--wp--preset--color--nightblue); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity:0; }
#grid .item>span>span{ padding:40px; line-height: 1.2;  opacity:0; position: relative; z-index: 10; color: var(--wp--preset--color--yellow); }
#grid .item strong{ transition: all 0.2s linear 0.2s; display: block; transform:scale(0.6); opacity: 0;}
#grid .item.big strong{ font-weight:700; font-size: 2em; text-transform: uppercase;}
#grid .item em{ transition: all 0.2s linear; font-size:0.7em; display: block; text-transform: uppercase;font-style: normal; margin-bottom:5px; transform:translate3d(0,50%,0);opacity: 0;}

#grid .item:hover{ box-shadow:0 7px 10px -5px rgba(0,0,0,0.4); }
#grid .item:hover img{ filter: grayscale(1); }
#grid .item:hover>span>span{ opacity: 1;}
#grid .item:hover>span:before{ opacity: 0.8; }
#grid .item:hover strong{ transform:scale(1); opacity:1; }
#grid .item:hover em{ transform:translate3d(0,0%,0); opacity: 1; }

#grid .sizer,#grid .item { width:330px; height:186px; }
#grid .gutter{ width:10px;}
#grid .item.big{ width:670px; height:382px; }

#grid .item .cat{ position:absolute; top:5px; left:5px;  line-height:1; font-size:10px; text-transform:uppercase;  z-index:500; background:none; }
#grid .item .cat>*{ display:inline-block; margin-top:2px; font-style:normal; padding:2px 3px;background:var(--wp--preset--color--red);}
#grid .item:hover .cat{ display:none; }


@media (max-width:1100px){
	#grid .item{ text-decoration:none;box-shadow:0 7px 10px -5px rgba(0,0,0,0.4); }
	
	#grid .item img{ position: static; }
	#grid .item>span:not(.cat){ top:auto; height:auto; min-height:30%; bottom:0; }
	#grid .item>span:before{ opacity: 0.8; }


	#grid .item>span{ display:block;}
	#grid .item>span>span{ opacity: 1; padding:15px; }
	#grid .item strong{ transform:scale(1); opacity:1; }
	#grid .item.big strong{ font-size:inherit; text-transform:inherit;}
	#grid .item em{ transform:translate3d(0,0%,0); opacity: 1; }
	
	#grid .sizer,#grid .item,#grid .item.big { width:330px; height:330px; }

	
	
}

@media screen and (max-width:700px){ #grid .item.big{ width:330px; height:186px; } }


/*========================================================================*/
/*==== FILTRES ===========================================================*/
/*========================================================================*/
.filters{text-transform: uppercase;font-size: 16px;font-weight: 500; display:flex; flex-wrap: wrap; gap:20px; margin-bottom:40px; }
.filters>*{ display:block; position: relative; cursor: pointer;  }
.filters>*>span{ position: relative; display:block;}
.filters>*>span:before{ transition:width 0.15s linear; content: ""; position: absolute;width:0%; height:3px; background:var(--wp--preset--color--nightblue); bottom:0; left: 0;  }
.filters>*:hover>span:before{ width: 100%;  }
.filters>*.off{ display:none; pointer-events: none; opacity: 0.3;  }
.filters>*.off>span:before{ width: 100%; bottom:50%; transform: translateY(40%);}
.filters>*.on>span:before{ width: 100%;opacity:1;  }
/*.filters.free>*{ width: auto; margin-right:30px;  }*/

@media (max-width:950px){
	.filters{ gap:15px; }
	.filters>*{  font-size:14px; opacity:0.5; }
	.filters>*.on{opacity:1;  }	
}


/*========================================================================*/
/*==== REALISATIONS ======================================================*/
/*========================================================================*/
.wp-block-columns.infos p{ margin:0; }
.wp-block-columns.infos strong{ display: block;font-weight:700; margin-bottom: 3px; text-transform: uppercase;}

@media (max-width:900px){
.wp-block-columns.infos p{ margin:7px 0; line-height:1.2; }
	.wp-block-columns.infos .wp-block-column:not(:last-child){ border-bottom:1px solid rgba(255,255,255,0.2); }

}

/*========================================================================*/
/*==== FOOTER ============================================================*/
/*========================================================================*/

@-webkit-keyframes pulsate-bck{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-bck{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}
footer .bisous{ cursor: pointer; display: inline-block;}
footer .bisous.on{-webkit-animation:pulsate-bck .5s ease-in-out infinite both;animation:pulsate-bck .5s ease-in-out infinite both}
footer p:first-child{ margin-top:0px;  line-height: 1; text-transform: uppercase;}
footer a:hover{ color: #ffd831; }
footer .wp-block-social-links a:hover{ background-color: #ffd831; }

@media (max-width:950px){
    footer .wp-block-columns{ gap:20px;}
    footer p.has-text-align-center{ margin-top:40px !important; text-align: left !important; }
}


/*=============================================================*/
/*===== GUTENBERG =============================================*/
/*=============================================================*/

header>*,section>*{ width:calc(100% - 80px);  max-width:var(--wp--style--global--content-size) !important; margin-left:auto; margin-right:auto; }
section>*.alignwide{ max-width:var(--wp--style--global--wide-size) !important; }
section>*.alignfull{ width:100%;  max-width:none !important; }


.wp-block-embed{ margin-top: 20px;}


@media screen and (max-width:950px){
    .wp-block-group{ padding:40px !important; }
}


/*
.wp-block-image{ margin:0; }
img{ display:block; max-width:100%; height:auto;}


.wp-block-columns.nospace{ margin:0 !important; padding:0 !important; gap:0;  }
.wp-block-columns.nospace .wp-block-column{ margin:0 !important; }

.wp-block-column{ }


.wp-block-group.alignfull{  }
.wp-block-group.alignfull>*{ margin: auto; width:90%; max-width: 1300px; }




.wp-block-button__link{ transition:all 0.1s linear; border-radius:0; font-size: 13px; padding:8px 12px; }
.wp-block-button.is-style-outline .wp-block-button__link:hover{ background:var(--wp--preset--color--red); border-color:#ffffff !important; color:var(--wp--preset--color--nightblue) !important; }
.wp-block-button.is-style-fill .wp-block-button__link:hover{ background: #040447 !important; color: #ffffff !important; }


.wp-block-pullquote{ border-top:3px solid;border-bottom:3px solid; margin:0; }



.wp-block-quote.is-style-large p{ font-size: 22px; line-height: 1.2; margin:20px 0; font-style: normal; }

.wp-block-quote.is-style-large p:before{ content: "\201C"; transform: translateX(-4px); display: inline-block;}
.wp-block-quote.is-style-large p:after{ content: "\201E"; transform: translateX(4px); display: inline-block;}

.wp-block-quote.is-style-large cite{ font-size:13px; line-height: 1.1; margin:20px 0;font-style: normal; color:var(--wp--preset--color--red);  }


.wp-block-separator{ border: none !important;  height:3px; width:100%; display: block; background:var(--wp--preset--color--nightblue); margin:50px 0; }
.wp-block-separator.is-style-default{ width:200px; margin:50px auto; }
@media (max-width:900px){
	.wp-block-separator{ margin:20px 0; }
}

figcaption{ text-align:center;}


.wp-block-spacer{}

@media (max-width:950px){
	#page{ padding-top:120px;}
	
	.wp-block-spacer{ height:20px !important;}
}
*/

/*=============================================================*/
/*===== SCROLLBAR =============================================*/
/*=============================================================*/

html{
	scrollbar-color:#040447 #f5f5f5;
	scrollbar-width: thin;
}
html::-webkit-scrollbar {
	width: 10px;
}
html::-webkit-scrollbar-track {
	background-color:#f5f5f5;
}
html::-webkit-scrollbar-thumb {
	border-radius:0px;
	border:0px solid transparent;
	background-clip: content-box;
	background-color:#040447;
}