html{
min-height: 100vh;
display: flex;
flex-direction: column;
}
body{
padding-top: 69px;
display: flex;
flex-direction: column;
flex-grow: 1;
overflow-x: hidden;
}
body.page-id-1127,
body.page-id-3854{
background: #F7F6F4;
}
.admin-bar{
padding-top: 22px;
}
@media (min-width: 768px){
body{
padding-top: 100px;
}
.admin-bar{
padding-top: 60px;
}
} .b-header{
position: absolute;
right: 0;
left: 0;
top: 0;
z-index: 100;
background: #fff;
padding: 5px;
position: fixed; }
.b-header-logo{
display: block;
}
.logo-white{
display: none;
}
.b-header #menu-item-1129 .sub-menu{
display: none;
} .menu-item:first-child .sub-menu a{
display: inline-block;
position: relative;
flex: 1;
}
.menu-item:first-child .sub-menu .menu-item{
display: flex;
align-items: center;
position: relative;
}
.menu .menu-interview:before{
position: absolute;
content: '';
background-image: url(https://bluedragonfactory.ch/michael/wp-content/uploads/2022/10/535286.png);
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 21px;
right: 0;
opacity: .7;
}
.menu .menu-animations:before{
position: absolute;
content: '';
background-image: url(https://bluedragonfactory.ch/michael/wp-content/uploads/2022/10/535286.png);
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 21px;
right: 0;
opacity: .7;
}
.menu-linkedin a{
display: inline-block !important;
position: relative;
}
.menu-linkedin a:before{
position: absolute;
content: '';
background-image: url(https://bluedragonfactory.ch/michael/wp-content/uploads/2022/10/LinkedIn_icon_circle.svg);
background-repeat: no-repeat;
background-size: contain;
width: 33px;
height: 15px;
right: -39px;
top: 8px;
}
.b-header .pll-parent-menu-item .sub-menu{
padding: 0;
min-width: unset;
right: 0;
text-align: center;
}
@media (max-width: 767px){
.menu-animations a:before{		
position: absolute;
content: '';	
background-image: url(https://bluedragonfactory.ch/michael/wp-content/uploads/2022/10/logoAlonewhite3.png);
background-repeat: no-repeat;
background-size: contain;
top: 8px;
right: -36px;	
width: 34px;
height: 16px;
}
.footer .menu-animations a:before{
background-image: url(https://bluedragonfactory.ch/michael/wp-content/uploads/2022/10/logoAloneGold.png);		
}
.menu-animations a:after{
position: absolute;
content: '';
background-image: url(https://bluedragonfactory.ch/michael/wp-content/uploads/2022/10/535286.png);
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 21px;
right: -70px;
opacity: .5;
top: 3px;
}
.menu-ankh a:after{
position: absolute;
content: '';
background-image: url(https://montjoie.com/wp-content/uploads/2022/12/ankh-black.png);
background-repeat: no-repeat;
background-size: contain;
width: 10px;
height: 18px;
right: -24px;
top: 3px;
}	
.menu-interview a:after{
position: absolute;
content: '';
background-image: url(https://bluedragonfactory.ch/michael/wp-content/uploads/2022/10/535286.png);
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 21px;
right: -37px;
opacity: .5;
top: 3px;
}
.menu .menu-animations:before,
.menu .menu-interview:before{
display: none;
}
.menu-item:first-child .sub-menu .menu-item{
display: block;
}
}
@media (min-width: 768px){
.b-header{
padding: 5px 40px;
}
.b-header .b-header-container{
display: flex;
justify-content: space-between;
align-items: center;
margin: auto;
max-width: 1600px;
}
.b-header .menu-button{
display: none;
}
.b-header .menu{
display: flex;
list-style: none;
padding: 0;
}
.b-header .menu-item{
position: relative;
}
.b-header .menu > .menu-item > a{
position: relative;
text-transform: uppercase;
background: white;
padding: 5px 20px; color: black;
font-weight: 500;
font-size: 17px;
z-index: 2;
transition: color .3s;
}
.b-header .menu-item:after{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0%;
content: '.';
color: transparent;
background: #aaa;
height: 1px;
z-index: 2;
transition: width .3s;
}
.b-header .menu > .menu-item{
position: relative;
transition: width .3s;		
padding-bottom: 4px;
margin: 0 10px;
}
.b-header .menu > .menu-item:hover:after{
width: 100%;
}
.b-header .menu > .menu-item:hover > a{
color: black;
}
.b-header .sub-menu{
position: absolute;
display: block;
visibility: hidden;
overflow: hidden;
list-style: none;
z-index: 1;
opacity: 0;
background-color: #fff;
top: 0;
left: 0;
padding: 15px;
min-width: 150px;
transition: top .15s ease-out;
}
.b-header .menu-item:hover .sub-menu {
visibility: visible;
opacity: 1;
overflow: visible;
top: 100%;
}
.b-header .sub-menu .menu-item{
margin-bottom: 8px;
}
.b-header .sub-menu .menu-item:hover:after{
width: 100%;
}
.b-header .sub-menu .menu-item:hover a{
color: #000;
}
.b-header .sub-menu a{
display: block;
padding: 3px 0; color: black;
font-weight: 500;
transition: color .3s;
}
.menu-animations a:after{
position: relative;
display: inline-block;
content: '';
background-image: url(https://bluedragonfactory.ch/michael/wp-content/uploads/2022/10/logoAloneGold.png);
background-repeat: no-repeat;
background-size: contain;
width: 33px;
height: 15px;
right: -6px;
top: 2px;
}	
.menu-ankh a:after{
position: relative;
display: inline-block;
content: '';
background-image: url(https://montjoie.com/wp-content/uploads/2022/12/ankh-black.png);
background-repeat: no-repeat;
background-size: contain;
width: 10px;
height: 18px;
right: -17px;
top: 2px;
}
}
@media (min-width: 768px) and (max-width: 1280px){
.b-header {
padding: 10px;
}
.b-header .menu > .menu-item{
margin: 0 5px;
}
.b-header .menu > .menu-item > a{
padding: 5px 5px;
font-size: 14px;
}
.footer-column:last-child{
flex: 1;
}
.footer .menu > .menu-item{
min-width: 115px;
}
.b-header .sub-menu{
left: auto;
right: -20px;
}
}
@media (min-width: 768px) and (max-width: 1000px){
.footer .menu > .menu-item{
width: 45%;
margin-bottom: 20px;
}
.footer .menu > .menu-item:nth-child(2n){
margin-right: 0;
}
.footer-column:last-child{
padding-left: 30px;
}
.footer .sub-menu{
display: inline-flex;
flex-flow: column;
}
.menu .menu-interview:before,
.menu .menu-animations:before{
right: -28px;
}
}
@media (max-width: 767px){
.b-header-container{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px;
}
.b-header .menu-open svg{
fill: #B2B2B2;
}
.b-header .menu-button{
width: 32px;
height: 32px;
display: flex;
justify-content: center;
align-items: center;
}
.b-header .menu-close{
display: none;
width: 25px;
height: 25px;
position: relative;
top: 5px;
}
.b-header.active .b-header-logo{
display: none;
}
.b-header.active .b-header-logo.logo-white{
display: block;
}
.b-header.active .menu-close{
display: block;
}
.b-header .menu-open {
position: relative;
top: 6px;
}
.b-header.active .menu-open {
display: none;
}
.b-header.active .logo,
.b-header.active .menu-button{
z-index: 6;
position: relative;
}
.b-header .menu-header-menu-container{
width: 100%;
right: -100%;
position: fixed;
z-index: 5;
opacity: 0;
background: var( --e-global-color-primary );
color: #fff;
transition: all 0.2s;
top: 0;
bottom: 0;
overflow-y: scroll;
padding: 50px 20px 20px 20px;
}
.b-header.active .menu-header-menu-container {
right: 0;
opacity: 1;
}
.b-header ul{
padding: 0;
list-style: none;
}
.b-header .menu{
display: flex;
flex-flow: column; height: 100%;
padding-top: 60px;
}
.b-header .menu > .menu-item > a{
position: relative;
display: inline-block;	
width: 100%;
margin-bottom: 15px;
font-size: 23px;
line-height: 30px;
color: #fff;	
font-weight: 500;
}	
.b-header .menu > .menu-item > a:after{
content: "\2039";
display: inline-block;
transform: rotate(-92deg);
left: 6px;
top: 7px;
position: relative;
font-size: 34px;
}
.b-header .menu > .menu-item.active > a:after{
content: "\203A";
}
.b-header .sub-menu{
margin-bottom: 20px;
max-height: 0;
overflow: hidden; }
.b-header .sub-menu a{
font-size: 20px;
line-height: 25px;
padding-left: 16px;
color: #fff;		
}
.b-header .menu > .menu-item.active .sub-menu{
max-height: 500px;
}
.b-header .sub-menu li {
display: block;
margin-bottom: 10px;
}
.b-header-logo{
max-width: 180px;
}
} .footer{
background: #F7F6F4;
margin-top: auto;
}
.footer-container{
display: flex;
justify-content: space-between;
align-items: center;
margin: auto;
max-width: 1685px;
padding: 40px;
}
.footer ul{
list-style: none;
}
.footer ul a{
color: black;
}
.footer .b-header-logo{
max-width: 100%;
}
.footer-info{
max-width: 400px;
margin: 10px 0 20px 0;
}
.footer .menu{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-left: 0;
}
.footer .menu > .menu-item{
margin-right: 60px;
}
.footer .menu > .menu-item:last-child{
margin-right: 0;
}
.footer .menu > .menu-item > a{
display: block;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 10px;
font-size: 18px;
}
.footer .sub-menu{
padding-left: 0;
}
.footer .sub-menu a{
padding: 3px 0;
display: block;
}
.footer-copy p{
margin: 0;
text-align: center;
padding: 20px 10px 10px 10px;
font-size: 14px;
}
.footer-copy small{
font-size: 100%;
}
.footer-copy a{
color: black;
font-weight: 500;
}
@media (max-width: 1280px){
.footer-column:first-child{
width: 30%;	
}
.footer .menu > .menu-item {
margin-right: 30px;
}
.footer .menu > .menu-item > a{
font-size: 16px;		
}
}
@media (max-width: 767px){
.footer-container{
display: block;
padding: 40px 20px 20px;
}
.footer-column:first-child{
width: 100%;	
text-align: center;
margin-bottom: 30px;
}
.footer .menu > .menu-item {
margin-right: 0;
margin-bottom: 40px;
min-width: 113px;
}
.footer .b-header-logo{
margin: auto;
}
.footer-info{
margin: 20px auto 40px auto;
}	
.footer-copy span{
display: block;
}
.footer-copy small{
display: none;
}
.footer .menu > .menu-item > a{
font-size: 15px;		
}
.footer .sub-menu a{
font-size: 14px;
}
.footer .menu > .menu-item:nth-child(3),
.footer .menu > .menu-item:nth-child(4){
margin-bottom: 0;
}
} .services-box-wrap{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 40px 0 30px;
}
.services-box{
display: block;
position: relative;
border: 2px solid #e1be78;
width: 18%;
height:0;
padding: 0 20px 0 30px;
padding-bottom: 18%;
text-align: center;
opacity: 0;
}
.services-box:before {
position: absolute;
content: '';
left: 10px;
right: -14px;
bottom: 10px;
top: -14px;
border: 2px solid #e1be78;
}
.services-box:after {
position: absolute;
content: '';
left: 10px;
right: 0;
bottom: 10px;
top: 0; background: #F7F0E4;
z-index: -1;
}
.service-boxes-section.animated .services-box {
animation-name: fadeinout;
animation-duration: 1.5s;    
animation-fill-mode: forwards; }
.services-box:nth-child(2) { animation-delay: 0.3s; }
.services-box:nth-child(3) { animation-delay: 0.6s; }
.services-box:nth-child(4) { animation-delay: 0.9s; }
.services-box:nth-child(5) { animation-delay: 1.2s; }
@keyframes fadeinout {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.services-box-icon{
padding: 50px 0px 0 0;
}
.services-box-icon img{
display: block;
width: auto;
margin: auto;
max-width: 115px; }
.services-box-title{
position: absolute;
bottom: 12px;
left: 12px;
right: 0;
margin: auto;
padding: 0 10px 40px 10px;
font-family: "RegencyScript", Sans-serif;
font-size: 4rem;
line-height: 4.1rem;
left: 0;
}
.services-box-title img{
display: block;
width: 100%;
max-height: 61px;
}
@media (max-width: 1600px){
.services-box-title{
font-size: 3.5rem;
line-height: 3.6rem;
}
}
@media (max-width: 1400px){
.services-box-title{
font-size: 3.1rem;
line-height: 3.2rem;
}
}
@media (max-width: 767px){
.services-box-wrap{
padding: 0 20px 0 0;
flex-flow: column;
}
.services-box{
width: 270px;
height: 270px;
margin: 0 auto 40px auto;
}
.services-box-icon {
padding: 55px 0px 0 0;
}
.services-box-icon img{
max-width: 130px;
}
.services-box-title img{
max-height: 73px;
}
.services-box-title{
font-size: 60px;
line-height: 65px;
}
}
@media (min-width: 768px) and (max-width: 1280px){
.services-box-wrap{
max-width: 800px;
margin: auto;
justify-content: space-around;
}
.services-box{
width: 45%;
padding-bottom: 45%;
margin-bottom: 40px;
}
.services-box-icon {
padding: 70px 0px 0 0;
}
.services-box-icon img{
max-width: 160px;
}
.services-box-title{
font-size: 6.2vW;
line-height: 6.4vW;
}
}   .ff-message-success{
text-align: center;
border: none;
box-shadow: none;
font-size: 20px;
} .video-popup{
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,.8);
z-index: 999;
}
.video-popup video{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
max-width: 90%;
max-height: 80vH;
object-fit: fill;
}
.video-popup-close{
position: absolute;
top: 40px;
right: 60px;
color: white;
font-size: 25px;
cursor: pointer;
}
@media (max-width: 767px){
.elementor-popup-modal .dialog-close-button{
top: -45px;
right: 10px;
}
.elementor-popup-modal .dialog-close-button svg{
border-color: white;
fill: white;
height: 2em;
width: 2em;
};
}
.error404 .site-main{
text-align: center;
}
@media (min-width: 768px){
.error404 .site-main{
padding-top: 100px;
}
}