/*********************************************
 GLOBAL
*********************************************/
html {height:100%;}
body {min-height:100%; margin:0px; padding:0px; font-family:"Open Sans", Verdana; font-size:14px; color: #FFF; background-color:#000;}
h1 {font-family: "Raleway", Verdana, sans-serif; font-size:3.2em; line-height:1.4em; font-weight:300; margin:0.5em 0; color:#333; border-bottom: 1px solid #CCC; padding: 0.2em 0px; }
h2 {font-family: "Raleway", Verdana, sans-serif; font-size:2.2em; line-height:1.6em; font-weight:300; margin:0.5em 0; color:#333;}
h3 {font-family: "Raleway", Verdana, sans-serif; font-size:1.6em; line-height:1.6em; font-weight:300; margin:0.5em 0; color:#333;}
h4 {font-size:11px; line-height:1.6em; font-weight:600;}
p {font-size:14px; line-height:2em; margin:1em 0;}
a {color:inherit; 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
*********************************************/
.diaporama { width:100%; height:550px; }
.diaporama .hero1 { font-family: "Raleway", Verdana, sans-serif; font-size:3.5em; line-height:1.2em; font-weight:600; color:#FFF; text-shadow: 0 0 5px rgba(0,0,0,0.6); transition: font-size 0.4s ease-in-out; }
.diaporama .hero2 { font-family: "Raleway", Verdana, sans-serif; font-size:2.5em; line-height:1.2em; font-weight:300; color:#FFF; text-shadow: 0 0 5px rgba(0,0,0,0.6); transition: font-size 0.4s ease-in-out; }
.diaporama .hero2::before { content:" "; display:block; width:25%; background:#FFF; height:3px; margin:10px auto 8px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.4); }
.diaporama::before { content:" "; width:100%; height:100%; position:absolute; z-index:3; background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); }
.main {color:#333; padding: 5px 0 0; min-height:50vh; position:relative; z-index:5; }
.main img {max-width:1000px;}
.main::after { content:" "; position:absolute; z-index:-1; top:-40px; bottom:-60px; left:0; right:0; background-color:#FFF; transform:skewY(2.5deg); box-shadow: 0 0 7px 0 rgba(0,0,0,0.7); }
.content { box-sizing:border-box; width:1000px; margin:0 auto; padding:0 10px 50px; }
.builder_content > section > .grid-container { width: 1000px; max-width: 100%; margin: 0 auto; }
.builder_content > section:last-of-type { padding-bottom: 50px; }
.footer { position:relative; z-index:5; color: #888; font-size: 13px; text-transform: uppercase; text-align: center; padding: 40px 0; background: #222 url(/assets/img/vegas/07.png) repeat left top; border-top: 5px #000 solid; }
.footer a { text-decoration:none; transition: all 0.3s ease-out; }
.footer a:hover { color:#FFF; }
.footer .social a { margin-bottom:15px; }

/*********************************************
 RESPONSIVE MULTI-DIMENTIONNAL MENU
*********************************************/
/* HEADER */
.header { position:absolute; top:0; left:0; right:0; z-index:10; }
.header.fixed_menu { position: fixed; transition: margin-top 0.3s ease-out; }
.header.fixed_menu .top_brand { display:none; }
.header.offscreen { margin-top:-20%; }
/* BRAND */
.header .brand { display:inline-block; vertical-align:middle; text-transform: uppercase; }
.header .brand a { display:block; font-size:1em; line-height:3.5em; padding:1em 0.5em; font-weight:600; text-decoration:none; }
.header .brand img { vertical-align:middle; margin-right:7px; }
.header .brand img.logo { max-width:250px; max-height:100px; margin:0; }
/* MENU */
.header .menu { display: inline-block; vertical-align:middle; }
.header .menu label { display: inline-block; }
.header .menu label#toggle-menu { display:none; position:relative; font-family: 'Open sans'; font-size:1.2em; line-height:3.5em; padding:0 1em; }
.header .menu label#toggle-menu img { vertical-align:text-bottom; margin-right: 10px; }
.header .menu input[type="checkbox"] { display:none;}
.header .menu .main-menu { margin:0; padding:0; }
.header .menu .main-menu li { float:left; margin:0; position:relative; display:block; white-space:nowrap; list-style:none; }
.header .menu .main-menu a { display:block; padding:0 0.8em; cursor:pointer; text-decoration:none; transition:color .125s ease-in-out; }
.header .menu .main-menu i { margin-right:5px; }
.header .menu .main-menu .sub-menu { display:none;}
.header .menu .sub-menu { margin:0; position:absolute; top:100%; min-width:200px; z-index:3000; }
.header .menu .sub-menu li { float:none; }
.header .menu .sub-menu .sub-menu {top:-5px;left:100%;}
/* MENU APPARENCE */
.header { background-color:#F8F8F8; color:#333; box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);}
.header .menu { text-transform:uppercase; font-weight:600; }
.header .menu .main-menu a { color:#666; line-height:3.5em;}
.header .menu .sub-menu { background-color:#F8F8F8; border-top:5px solid #AAA; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; border-right: 1px solid #DDD; }
.header .menu .sub-menu a:hover { background-color:rgba(128,128,128,.1); }
.header.fixed_menu .menu .main-menu a.highlight,
.header.fixed_menu .menu .main-menu a:hover { color:#000; }

@media only screen and (min-width: 1024px) {
.header { padding:0 20px; }
.header .menu .main-menu li:hover > input[type="checkbox"] + .sub-menu {display:block;}
.header .menu .main-menu li.top_level > a { display:inline-block; padding:1em 0.8em; }
.header .menu .main-menu li.top_level > a::after { content:""; display:block; background-color: #999; width:0; height:2px; transition: width 0.2s ease-in-out;}
.header .menu .main-menu li.top_level > a:hover::after { width: calc(100% + 5px); }
.header .menu .main-menu li.top_level > a.highlight::after { width: calc(100% + 5px);}
.header .menu .main-menu .drop-icon { margin-left: -7px; opacity: 0.7; }
.header .menu .sub-menu a {	padding: 0em 2.5em 0em 0.8em; }
.header .menu .sub-menu .drop-icon { position:absolute; top:0; right:10px; line-height:3.5em; transform: rotate(-90deg); }
/* MENU APPARENCE */
.header:not(.fixed_menu) { background-color:transparent; box-shadow:none; }
.header:not(.fixed_menu) .top_brand > a ,
.header:not(.fixed_menu) .top_level > a { font-size:16px; color:#FFF; }
.header:not(.fixed_menu) .fixed_brand { display:none; }
.header:not(.fixed_menu) li.top_level > .drop-icon { color:#FFF; opacity: 1;}
}

@media only screen and (max-width: 1024px) {
.header .brand { display:none; }
.header .menu { display:block; max-height:100vh; overflow:auto; }
.header .menu label#toggle-menu { display:block; }
.header .menu input#tm:checked + .main-menu { display:block; }
.header .menu input[type="checkbox"]:checked + .sub-menu { display:block; }
.header .menu .main-menu { display:none; }
.header .menu .main-menu li { float:none; }
.header .menu .sub-menu { position:inherit; top:0; left:0; }
.header .menu .sub-menu .sub-menu { position:inherit; top:0; left:0; }
.header .menu .drop-icon { position:absolute; top:0; right:0; padding:0; line-height:3.5em; width:40px; text-align: center; box-sizing: border-box; }
/* MENU APPARENCE */
.header .menu .main-menu li { border-top:1px solid rgba(0,0,0,0.2); }
.header .menu .main-menu a:hover { background-color:rgba(128,128,128,.1);; }
.header .menu .sub-menu { background-color:rgba(128,128,128,.1); border-top:2px solid rgba(0,0,0,0.2); border-bottom:2px solid rgba(0,0,0,0.2); }
.header .menu .drop-icon { color:rgba(0,0,0,0.5); background-color:rgba(128,128,128,.1); }
}

/*********************************************
 RIBBON
*********************************************/
@media only screen and (min-width: 1024px) {
.footer:hover .ribbon,
.header.fixed_menu:hover .ribbon { transition: background 5s ease; background-position: 615px bottom; height: 5px; }
.ribbon { height: 0px; z-index: 1; width: 100%; left: 0; position: absolute; transition: background 0.5s; }
.header .ribbon { bottom: -5px; }
.footer .ribbon { top: -5px; }
}

/*********************************************
 TUBULAR - YOUTUBE BG
*********************************************/
#tubular-shield {background-color:rgba(0,0,0,0.3);}

/*********************************************
 SOCIAL
*********************************************/
.social a{ position:relative; font-size:22px; display:inline-block; width:40px; height:40px; margin:5px; text-align:center; vertical-align:middle; color:#FFF; background:#DDD; border-radius:50%; }
.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:#FFF;color:#000;}

/*********************************************
 MEDIA QUERIES
*********************************************/
@media only screen and (max-width: 1024px) {
	.content { width: 100%; padding: auto; }
	.diaporama{font-size:10px;}
}
@media only screen and (max-width: 479px) {}