/*********************************************
 GLOBAL
*********************************************/
html {height:100%;}
body {min-height:100%; margin:0px;padding:0px;font-family: 'Open Sans', Verdana, sans-serif;font-size:14px;color: #FFF;background-color: #000;}
h1 {font-family: "Open Sans", Verdana, sans-serif;font-size:2.4em;line-height:1.4em;font-weight:normal;margin:0.5em 0;color:#333;}
h2 {font-family: "Open Sans", Verdana, sans-serif;font-size:1.8em;line-height:1.6em;font-weight:normal;margin:0.5em 0;color:#333;}
h3 {font-family: "Open Sans", Verdana, sans-serif;font-size:1.4em;line-height:1.6em;font-weight:normal;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
*********************************************/
#content {min-height: 100vh; padding:0px; margin: 0px 0px 0px 150px;position:relative;}
.bande{position:relative; z-index: 3; background-color: #FFF; color: #444; width: 860px; min-height: 100vh; padding: 58px 0 0; margin:0; line-height: 1.5em; overflow: hidden; box-sizing: border-box; box-shadow: 0 0 10px 5px rgba(0,0,0,0.4);}
.footer{position:absolute;bottom:0px;width:100%;text-align:center;padding:20px 30px;background-color:#151515; color:#666;box-sizing:border-box;}
.footer a{color:#666; text-decoration:none;transition: all 0.3s ease-out;}
.footer a:hover{color:#FFF;}
.logo{ display: none; width: 35%; position: absolute; z-index:2; top: 50%; left: 50%;  transform: translate(-50%, -50%);text-align: center;}
.logo img{ max-width:100%; max-height:500px; }
.transition {fill:#FFF;}
.content { padding: 30px 30px 80px; }
.builder_content > section > .grid-container { width: calc(100% - 60px); max-width: 100%; margin: 0 auto; }
.builder_content > section:first-of-type { padding-top: 30px; }
.builder_content > section:last-of-type { padding-bottom: 80px; }
#tubular-container{position:fixed;}
#tubular-shield{background-color:rgba(0,0,0,0.5)}

/*********************************************
 SOCIAL
*********************************************/
.social{position:absolute; z-index:2;top:120px;left:-50px;text-align:left;}
.social a{position:relative;left:0;font-size:24px;display:block;width:50px;height:50px;text-align:center;color:#fff;background:#ddd;box-shadow:0 0 1px 100px rgba(255,255,255,0.3) inset; transition:all .3s ease-out;}
.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: 10px;}
.social i{line-height:50px;}
.social a:first-child{border-radius: 5px 0 0 0;}
.social a:last-child{border-radius: 0 0 0 5px;}
.social a:hover{width:70px;left:-20px;background:#A2CA70;color:#fff;text-decoration:none;opacity:1;box-shadow:0 0 1px 0 rgba(255,255,255,0.6) inset}

/*********************************************
 MEDIA QUERIES
*********************************************/
@media only screen and (max-width: 1024px) {
	body {background-color: #FFF;}
	#content {margin: 0px!important;width: 100%;}
	.content { padding: 40px 10px 80px }
	.logo{ display: none!important;}
	.bande {width: 100%; padding: 40px 0 0;}
}
@media only screen and (max-width: 479px) {}