/*********************************************
 GLOBAL
*********************************************/
html {height:100%;}
body {min-height:100%; margin:0px;padding:0px; font-family: "Open Sans", Verdana, sans-serif;font-size:14px;color: #555;background-color: #FFF;}
h1 {font-family: "Open Sans", Verdana, sans-serif; font-size: 3.5em; line-height: 1.4em; font-weight: normal; margin: 0.5em 0 1em; color: #333; text-align: center; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 0.2em 0px; }
h2 {font-family: "Open Sans", Verdana, sans-serif;font-size:2.5em;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;color:inherit;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:100%;}

/*********************************************
 TEMPLATE SPECIFIC
*********************************************/
#content { padding: 0px; margin: 55px 0px 0px; position:relative; z-index:2; background:#FFF; }
.logo{ width: 75%; margin:0 auto; }
.logo img{ max-width:100%; max-height:450px; }
.home_youtube{position:auto!important;}
.footer{width:100%;text-align:center;padding: 25px 30px;background-color:#151515; color:#666;position: relative; z-index:2; box-sizing:border-box; }
.footer a{color:#666; text-decoration:none;cursor:pointer;transition: all 0.3s ease-out;}
.footer a:hover{color:#FFF;}
.hero{ color: #FFF; font: italic 700 45px "Open Sans", Verdana, sans-serif; text-transform: uppercase; }
.sub_hero{ color: rgba(255,255,255,0.6); font: italic 400 25px "Open Sans", Verdana, sans-serif; }
.content { padding: 80px 0px; width: 960px; margin: 0 auto; box-sizing:border-box; }
.builder_content > section > .grid-container { width: 960px; max-width: 100%; margin: 0 auto; }
.builder_content > section:first-of-type { padding-top: 80px; }
.builder_content > section:last-of-type { padding-bottom: 80px; }

/*********************************************
 SECTIONS
*********************************************/
section.parallax { position: relative; display: block; width: 100%; height: 50vh; overflow: hidden; background-color:#000; }
section.parallax.first { height: 100vh;}
section .cover { position: absolute; top: 0; display: block; width: 100%; height: 100%; z-index: 1; }
section .cover img { position: absolute; display: block; min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
section .overlay { position: absolute; display: block; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 3; }
section .centralize { position: relative; top: 50%; -webkit-transform: translateZ(0px) translateX(0px) translateY(-50%); transform: translateX(0px) translateY(-50%); }

/*********************************************
 SOCIAL
*********************************************/
.social{position:fixed;right:0;top:150px;z-index:30}
.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{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) {
	h1 { font-size: 2.5em; }
	h2 { font-size:2em;}
	.logo{ width: 65%;}
	.hero{ font-size: 35px; }
	.sub_hero{ font-size: 20px; }
	.content { width: 100%; padding: 60px 20px;}
	.social { display:none; }
	section.parallax { height: auto; }
	section.parallax .content { width: 100%; }
	section.parallax .overlay { position: relative; }
	section.parallax .centralize { top: auto; -webkit-transform: none; transform: none; }
	section.parallax.first { height: auto; }
}
@media only screen and (max-width: 479px) {
	h1 { font-size: 2em; }
	h2 { font-size:1.6em;}
	.hero{ font-size: 28px; }
	.sub_hero{ font-size: 18px; }
}