/*********************************************
 GLOBAL
*********************************************/
html {height:100%;}
body {min-height:100%; margin:0px; padding:0px; font-family:"Open Sans", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #FFF; background-color:#000;}
h1 {font-family: "Open Sans", Verdana, sans-serif; font-size:2.6em; line-height:1.4em; font-weight:200; margin:0.5em 0; color:#333;}
h2 {font-family: "Open Sans", Verdana, sans-serif; font-size:2.0em; line-height:1.6em; font-weight:200; margin:0.5em 0; color:#333;}
h3 {font-family: "Open Sans", Verdana, sans-serif; font-size:1.4em; line-height:1.6em; font-weight:200; margin:0.5em 0; color:#333;}
h4 {font-size:11px; line-height:1.6em; font-weight:bold;}
p {font-size:14px; line-height:2em; margin:1em 0;}
a {color:#333; text-decoration:underline; cursor:pointer;}
hr {border:0; height:0; border-top:1px solid rgba(0, 0, 0, 0.3); border-bottom:1px solid rgba(255, 255, 255, 0.3);}
em {font-style:italic;}
b, strong {font-weight:600;}
ul, ol { margin: 1em 0; padding: 0;}
ul li, ol li { line-height: 2em; margin-left: 25px; }
ul li { list-style: disc outside; }
ol li { list-style: decimal outside; }
img { max-width:105%;}

/*********************************************
 TEMPLATE SPECIFIC
*********************************************/
#navigation { overflow:hidden; box-shadow: 0 0 10px 5px rgba(0,0,0,0.4); }
#navigation canvas { height:100%; position:absolute; top:0; left:0;}
#content {min-height: 100vh; padding:0px; margin: 0px;position:relative;}
.bande{position:relative; z-index: 3;background-color: #FFF; color: #444; width: 860px; min-height: 100vh; padding: 0; margin:0; line-height: 1.5em;}
.content { padding: 30px; }
.builder_content > section > .grid-container { width: calc(100% - 60px); max-width: 100%; margin: 0 auto; }
.builder_content > section:first-of-type { padding-top: 40px; }
.builder_content > section:last-of-type { padding-bottom: 40px; }
.logo {opacity:0; width:50%; position:absolute; z-index:2; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center;}
.logo img {max-width:100%; max-height:500px; }
.animated_canvas { transition: opacity 2s;}
.box_shadow { box-shadow: 0 0 10px 5px rgba(0,0,0,0.4); }
.sticky { top: 20px; }
#tubular-container {position:fixed;}
#tubular-shield {background-color:rgba(0,0,0,0.5);}

/*********************************************
 SOCIAL
*********************************************/
.social a{ position: relative; font-size: 20px; display: inline-block; width: 40px; height: 40px; text-align: center; vertical-align: middle; color: #fff; background: #ddd; border-radius: 50%; margin: 20px 5px 0; }
.social a.facebook{background:#3B5998}
.social a.twitter{background:#2DADDC}
.social a.mybusiness{background:#C53727}
.social a.instagram{background:radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
.social a.pinterest{background:#E60023}
.social a.linkedin{background:#0077B5}
.social a.tripadvisor{background:#00A680}
.social a.houzz{background:#7CC04B}
.social a.tiktok{background:#EF2950}
.social a.oeil_de_france{background:#EFAB29}
.social a.oeil_de_france img{width: 30px;padding: 5px;}
.social i{line-height:40px;}
.social a:hover{background:#A2CA70;color:#fff;}

/*********************************************
 HAMBURGER
*********************************************/
#hamburger { display:none; position: fixed; z-index: 5; top:0; left:0; background: #000; color: #FFF; border-bottom: 1px solid rgba( 255, 255, 255, 0.5 ); opacity: 0.80; width: 100%;}
#hamburger .hamburger { margin: 10px 10px 10px 20px; }
#hamburger .hamburger-title { display: inline-block; font-size: 20px; height: 45px; line-height: 45px; vertical-align: top; margin: 10px 0; }

/*********************************************
 MEDIA QUERIES
*********************************************/
/* Template specific */
@media all and (min-width: 1165px) {
	#mm-blocker { display: none!important }
	.bande {box-shadow: 0 0 10px 5px rgba(0,0,0,0.4); }
	.mm-slideout { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; width: 75%!important; margin-left: 25%!important }
	.mm-page { box-sizing: border-box }
	.mm-menu.mm-widescreen { border-right-width: 1px; border-right-style: solid; display: block!important; width: 25%!important; min-width: none!important; max-width: none!important; top: 0!important; right: auto!important; bottom: 0!important; left: 0!important; z-index: 30!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important }
	.mm-menu.mm-widescreen.mm-pageshadow:after { content: none; display: none }
	html.mm-blocking, html.mm-blocking body {overflow:auto!important;}
}
/* Smaller than standard 1150 (devices and browsers) */
@media only screen and (max-width: 1165px) {
	#content {width: 100%;}
	.logo{ width: 60%; }
	.bande {width: 100%; padding: 40px 0 0;}
	#hamburger {display: block;}
}
@media only screen and (max-width: 479px) {
	.logo{ width: 80%; }
}