@font-face {
	font-family: "Bebas Neue";
	src: url("/fonts/BebasNeue-Regular.woff2") format("woff2"),
	    url("/fonts/BebasNeue-Regular.woff") format("woff");
}
@font-face {
	font-family: "Avenir Light";
	src: url("/fonts/Avenir-Light.woff2") format("woff2"),
	    url("/fonts/Avenir-Light.woff") format("woff");
}

a { 
	color:#231f20;
	cursor:url('../images/hand.png'), pointer;
}
a:hover { 
	color:#231f20;
	text-decoration:underline; 
}
body {
	color: #231f20;
	font-family: "Avenir Light", sans-serif;
	font-size: 18px;
	font-weight:300;
}
.top-link {
	padding-top:18px;
	bottom:80px;
	right:30px;
	width:60px;
	height:60px;
	color:#ccc;
	text-align:center;
	border:1px solid #ccc;
	border-radius:40px;
	background-color:#fff;
	transition: background 200ms linear 0s;
	z-index:2000;
	display:none;
	position:fixed;
}
.top-link:hover {
	color:#fff;
	border-color:#494244;
	background-color:#494244;
}
@media (max-width:1024px) {
	.top-link { bottom:108px; }
}
@media (max-width:980px) {
	.top-link { bottom:85px; }
}
@media (max-width:768px) {
	.top-link { bottom:105px; }
}
@media (max-width:600px) {
	.top-link { bottom:40px; }
}
header {
	top:0;
	left:0;
	width:100%;
	z-index:1000;
	position:fixed;
}
header .nav-container { transition: all 0.5s ease 0s; }
header .nav-container { width:100%; }
header .nav-container.minify { background-color:#231f20; }
header .nav-container .nav-content { 
	margin-left:25px;
	margin-right:25px;
}
header .nav-container .brand {
	margin:25px 0;
	width:192px;
	height:57px;
	float:left; 
}
header .nav-container.minify .brand, header .nav-container.menu .brand {
	margin:20px 0;
	width:148px;
	height:27px;
}
header .nav-container .brand a {
	width:100%;
	height:100%;
	text-indent:-9999px;
	background:url('../images/logo-black.png') top left no-repeat;
	display:block;
}
header .nav-container .brand a.white { background:url('../images/logo-white.png') top left no-repeat; }
header .nav-container.minify .brand a, header .nav-container.menu .brand a { background:url('../images/logo-white-148.png') top left no-repeat; }
header .nav-container #toggle-menu {
	margin-top:25px;
	width:36px;
	height:36px;
	background:url('../images/menu.png') 0 0 no-repeat;
	display:block;
	float:right;
}
header .nav-container #toggle-menu.white { background-position:0 -36px; }
header .nav-container.minify #toggle-menu {
	margin-top:18px;
	background-position:0 -36px;
}
header .nav-container.menu { 
	top:0;
	width:100%;
	background-color:#231f20;
	display:none;
	z-index:1000;
	position:absolute;
}
header .nav-container.menu { transition: all 0.5s ease 0s; }
header .nav-container.menu #close-menu {
	margin-top:18px;
	width:36px;
	height:36px;
	background:url('../images/menu.png') 0 -72px no-repeat;
	display:block;
	float:right;
}
header .nav-container .nav-menu { 
	margin:25px 25px 0 25px;
	min-height:175px;
	text-align:center;
}
header .nav-container .nav-menu > ul { padding-left:0; }
header .nav-container .nav-menu > ul > li {
	text-align:center;
	display:inline;
	position:relative;
}
header .nav-container .nav-menu > ul > li > a {
    font-family: 'Bebas Neue', 'Roboto Condensed', sans-serif;
	margin:0 25px;
	width:150px;
	color:#fff;
	font-size:26px;
	text-transform:uppercase;
	display:inline-block;
}
header .nav-container .nav-menu ul ul {
	padding:35px 0 25px 0;
	top:15px;
	left:-350px;
	width:890px;
	background:url('../images/lines.png') 50% 12px no-repeat;
	display:none;
	position:absolute;
}
header .nav-container .nav-menu ul ul li span {
	font-size:10px;
}
@media (max-width:800px) {
	header .nav-container .nav-menu { min-height:140px; }
	header .nav-container .nav-menu ul ul {
		left:-225px;
		width:600px;
	}
}
@media (max-width:640px) {
	header .nav-container .nav-menu { margin:12px 25px 0 25px; }
	header .nav-container .nav-menu ul ul {
		padding:5px 0 10px 0;
		top:0;
		left:0;
		width:100%;
		background:none;
		display:block;
		position:relative;
	}
}
header .nav-container .nav-menu ul li:hover ul { display:block; } 
header .nav-container .nav-menu ul ul li {
	color:#fff;
	display:inline;
	position:relative;
}
@media (max-width:640px) {
	header .nav-container .nav-menu ul li { display:block; }
	header .nav-container .nav-menu ul ul li { display:block; }
	header .nav-container .nav-menu ul ul li span { display:none; }
}
header .nav-container .nav-menu ul ul li a {
	margin:0 8px;
	color:#fff;
	font-size:16px;
	text-transform:none;
	font-weight:normal;
}
header .nav-container .nav-menu ul ul li:first-child a { margin-left:0; }
header .nav-container .nav-menu ul ul li:last-child a { margin-right:0; }
#headband { border-bottom:2px solid #fff; }
#headband .row {
	width:100%;
	height:700px;
}
@media (max-width:980px) {
	#headband .row { height:600px; }
}
@media (max-width:414px) {
	#headband .row { height:300px; }
}
#quote, #headband .title {
	width:100%;
	height:100%;
}
#quote h2 {
	margin:0;
	padding-left: 50px;
  padding-right: 50px;
  top: 50%;
  transform: translateY(-50%);
  text-align:right;
	font-family: 'Bebas Neue', 'Roboto Condensed', sans-serif;
	font-size:32px;
	text-transform:uppercase;
	position: relative;
}
@media (max-width:360px) {
	#quote h2 { 
		top: 30%;
		transform: translateY(-30%);
		font-size:30px; 
	}
}
#quote span {
	font-size:22px;
	font-weight:normal;
	text-transform:none;
}
#awards {
	top:90px;
	left:54px;
	position:absolute;
}
@media (max-width:980px) {
	#awards {
		top:80px;
		left:60px;
		width:120px;
	}
}
@media (max-width:640px) {
	#awards { display:none; }
}
#headband .title h3 {
	margin:0;
	padding-left: 50px;
  padding-right: 50px;
  top: 50%;
  transform: translateY(-50%);
  text-align:center;
	font-size:46px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:34px;
	position: relative;
}
#headband .title span {
	font-size:18px;
	font-weight:normal;
	text-transform:none;
}
#headband .title.white span a { color:#fff; }
#headband .title.white span a:hover { color:#fff; }
#map {
	width:100%;
	height:700px;
}
@media (max-width:980px) {
	#map { height:600px; }
}
#main h2, #top-main h2, #main h3, #top-main h3 {
	width:100%;
	font-family: 'Bebas Neue', 'Roboto Condensed', sans-serif;
	font-size:36px;
	text-align:center;
	text-transform:uppercase;
	font-weight:300;
}
@media (max-width:320px) {
    #main h2, #top-main h2, #main h3, #top-main h3 {
        font-size:28px;
    }
}
#main .divider {
	margin:25px auto;
	width:230px;
	height:1px;
	background-color:#231f20;
}
#main .head { 
	margin-bottom:20px;
	font-size:22px;
	text-align: center;
	text-transform:uppercase;
}
#main .one-col { height:600px; }
#top-main .one-col { height:702px; }
@media (max-width:414px) {
	#top-main .one-col { height:302px; }
}
#main .two-col, #top-main .two-col { height:500px; }
@media (max-width:360px) {
	#main .one-col { height:250px; }
	#top-main .one-col { height:302px; }
	#main .two-col, #top-main .two-col { height:250px; }
}
#main .one-col .item h3, #top-main .one-col .item h3 { font-size:40px !important; }
.no-margin {
	margin-left:0;
	margin-right:0;
}
.black, #main .item .content.black a, #main .item .content.black a, #top-main .item .content.black a, #top-main .item .content.black a { color:#231f20; }
.white, #main .item .content.white a, #main .item .content.white a, #top-main .item .content.white a, #top-main .item .content.white a { color:#fff; }
#main .item, #top-main .item {
	height:100%;
	border-bottom:2px solid #fff;
}
#main .bg0, #headband .bg0 { 
	background:url('../images/headband.jpg') 50% 50% no-repeat;
	background-size:cover;
}
#main .bg1, #headband .bg1 { 
	background:url('../images/la-halle-montmartre/nouveau-concept-la-halle-montmartre-par-superbrand-french-mode.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg2, #headband .bg2 { 
	background:url('../images/la-halle-haussmann/nouveau-concept-la-halle-haussmann-par-superbrand-wow-access.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg3, #headband .bg3 { 
	background:url('../images/la-halle-montmartre/nouveau-concept-la-halle-montmartre-par-superbrand.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg4, #headband .bg4 { 
	background:url('../images/nouveau-concept-la-halle-plaisir-par-superbrand-catwalk.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg5, #headband .bg5 { 
	background:url('../images/la-halle-maurepas/nouveau-concept-magasin-la-halle-maurepas-par-superbrand.jpg') 50% 50% no-repeat;
	background-size:cover;
}
#main .bg6, #headband .bg6 { 
	background:url('../images/la-halle-villabe/nouveau-concept-magasin-la-halle-villabe-par-superbrand.jpg') 50% 50% no-repeat;
	background-size:cover;
}
#main .bg7, #headband .bg7 { 
	background:url('../images/nouveau-concept-la-halle-marques-exclusives-par-superbrand-p-by-pataugas.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg8, #headband .bg8 { 
	background:url('../images/nouveau-concept-la-halle-caen-mondeville-par-superbrand-maroquinerie.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg9, #headband .bg9 { 
	background:url('../images/pharmacie-rosny2/concept-pharmacie-elsie-rosny2-par-superbrand.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg10, #headband .bg10 { 
	background:url('../images/nouveau-concept-chambly-pharma-par-superbrand-exterior-design.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg11, #headband .bg11 { 
	background:url('../images/caisse-d-epargne/nouveau-concept-caisse-d-epargne-par-superbrand-brand-enseigne.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg12, #headband .bg12 { 
	background:url('../images/aeternalis/concept-aeternalis-par-superbrand-courtil-des-moines-2.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg13, #top-main .bg13, #headband .bg13 { 
	background:url('../images/kidshoes/concept-la-halle-kidshoes-par-superbrand-teens.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg14, #top-main .bg14, #headband .bg14 { 
	background:url('../images/caroll-store-by-superbrand-marseille-france-7.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg15, #top-main .bg15, #headband .bg15 { 
	background:url('../images/euronics-store-by-superbrand-blois-france.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg16, #top-main .bg16, #headband .bg16 { 
	background:url('../images/eurodif-store-by-superbrand-tours-france.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg17, #top-main .bg17, #headband .bg17 { 
	background:url('../images/merkal-calzados-store-by-superbrand-barcelona-spain.jpg') 50% 20% no-repeat; 
	background-size:cover;
}
#main .bg18, #top-main .bg18, #headband .bg18 { 
	background:url('../images/contact-superbrand-france.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg19, #top-main .bg19, #headband .bg19 { 
	background:url('../images/mentions-legales-superbrand-france.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg20, #top-main .bg20, #headband .bg20 { 
	background:url('../images/windows-display-by-superbrand-france.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg21, #top-main .bg21, #headband .bg21 { 
	background:url('../images/merkal-calzados/new-store-concept-merkal-calzados-by-superbrand-4.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg22, #top-main .bg22, #headband .bg22 { 
	background:url('../images/fermob/concept-shop-in-shop-fermob-par-superbrand-4.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg23, #top-main .bg23, #headband .bg23 { 
	background:url('../images/nouveau-concept-la-halle-chaussures-dijon-par-superbrand-3.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg24, #top-main .bg24, #headband .bg24 { 
	background:url('../images/la-halle-bruxelles/concept-magasins-la-halle-chaussures-bruxelles-par-superbrand-2.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg25, #top-main .bg25, #headband .bg25 { 
	background:url('../images/concept-magasin-beryl-par-superbrand-4.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg26, #top-main .bg26, #headband .bg26 { 
	background:url('../images/concept-boutiques-caroll-par-superbrand-8.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg27, #top-main .bg27, #headband .bg27 { 
	background:url('../images/bouchara/bouchara-new-store-design-by-superbrand-3.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg28, #top-main .bg28, #headband .bg28 { 
	background:url('../images/besson-lyon/concept-besson-design-by-superbrand-1.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg29, #top-main .bg29, #headband .bg29 { 
	background:url('../images/pierre-marcolini-london/pierre-marcolini-london-new-store-design-by-superbrand-1.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg30, #top-main .bg30, #headband .bg30 { 
	background:url('../images/caroll-paris/caroll-store-by-superbrand-paris-france-1.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg31, #top-main .bg31, #headband .bg31 { 
	background:url('../images/marque-boticinal/boticinal-brand-by-superbrand-1.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg32, #top-main .bg32, #headband .bg32 { 
	background:url('../images/boticinal/boticinal-new-store-design-by-superbrand-1.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#top-main .bg32.no-bg, #headband .bg32.no-bg {
    background-image: none;
}
#main .bg33, #top-main .bg33, #headband .bg33 { 
	background:url('../images/fermob-people/shop-in-shop-fermob-design-by-superbrand-1.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg34, #top-main .bg34 { 
	background:url('../images/inouit/concept-magasin-bio-inouit-design-by-superbrand.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#headband .bg34 { 
	background:url('../images/inouit/concept-magasin-bio-inouit-design-by-superbrand-9.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .bg35, #top-main .bg35 { 
	background:url('../images/jour-de-fete/concept-flagshipstore-jour-de-fete-design-by-superbrand-10.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#headband .bg35 { 
	background:url('../images/jour-de-fete/concept-flagshipstore-jour-de-fete-design-by-superbrand-6.jpg') 50% 50% no-repeat; 
	background-size:cover;
}
#main .pointer, #top-main .pointer { cursor:url('../images/hand.png'), pointer;  }
#main .item .content, #top-main .item .content {
	margin:0;
	padding-left: 50px;
  padding-right: 50px;
  top: 50%;
  transform: translateY(-50%);
  text-align:center;
	font-size:28px;
	font-weight:bold;
	text-transform:uppercase;
	position: relative;
}
#main .item .content h3, #top-main .item .content h3 {
	font-family: 'Bebas Neue', 'Roboto Condensed', sans-serif;
	font-size:32px;
	text-transform:uppercase;
	opacity: 0;
	transition: opacity 0.15s ease-in;
	position: relative;
}
#main .item:hover .content h3, #top-main .item:hover .content h3 {
	opacity: 1;
}
@media (max-width:360px) {
	#main .item .content h3, #top-main .item .content h3 {
		font-size:30px !important;
	}
}
#main .item .content .date, #top-main .item .content .date {
	font-size:18px;
	font-weight:normal;
	text-transform:none;
}
#main .item .content h3 a, #main .item .content .date a, #top-main .item .content h3 a, #top-main .item .content .date a { text-decoration:none; }
#main .item .content h3 a:hover, #main .item .content .date a:hover, #top-main .item .content h3 a:hover, #top-main .item .content .date a:hover { text-decoration:none; }
.rborder { border-right:2px solid #fff; }
@media (max-width:980px) {
	.rborder { border-right:none; }
}
#main .social {
	padding: 20px 0 10px 0;
	text-align: center;
	line-height: 40px;
}
#main .social .linkedin {
	margin: 0 2px;
	width: 28px;
	height: 28px;
	background: url('../images/linkedin.svg');
	background-size: cover;
	display: inline-block;
}
#main .social .pinterest {
	width: 28px;
	height: 28px;
	background: url('../images/pinterest.svg');
	background-size: cover;
	display: inline-block;
}
#main .content {
	padding-bottom: 25px;
}
#main .address { 
	margin:35px 0; 
	font-size:18px;
	font-weight:300;
}
#main .address .brand { 
	margin-bottom:10px;
	width:120px;
}
#main .address .right-col { padding-top:31px; }
#main .form-contact { margin:0 0 35px 0; }
.btn-default {
  background-color: #FF5454;
  border-color: #ED4242;
  color: #fff;
}
.btn-default:hover {
  background-color: #ED4242;
  border-color: #ED4242;
  color: #fff;
}
.alert { margin-top:25px; }
.spacer { 
	margin-top:30px; 
	margin-bottom:25px; 
}
.row .col-sm-6:first-child.viewer, .row .col-md-6:first-child.viewer { padding-right:1px; }
.row .col-sm-6:last-child.viewer, .row .col-md-6:last-child.viewer { padding-left:1px; }
.viewer { 
	padding-bottom:2px;
	text-align:center;
}
.img-responsive {
	opacity: 0.5;
	transition: opacity .3s ease-in;
	display: inline-block;
} 
@media (max-width:480px) {
	.row .col-sm-6:first-child.viewer, .row .col-md-6:first-child.viewer { padding-right:15px; }
	.row .col-sm-6:last-child.viewer, .row .col-md-6:last-child.viewer { padding-left:15px; }
}
footer {
	padding:45px 50px;
	width:100%;
	color:#fff;
	font-size:16px;
	font-weight:300;
	background-color:#231f20;
}
footer a { color:#fff; }
footer a:hover { color:#fff; }
footer .brand {
	margin-bottom:10px;
	width:100px; 
}
footer .center-col { padding-top:28px; }
footer .right-col { 
	padding-top:53px;
	font-size:14px;
	text-align:right; 
}
footer .right-col span {  margin:0 8px; }
@media (max-width:640px) {
	footer .right-col { 
		padding-top:30px;
		text-align:left; 
	}
}
.video-wrapper {
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	
}
.video-controls {
	bottom:10px;
	right:10px;
	position: absolute;
}
#pause {
	width:48px;
	height:48px;
	background:transparent url('../images/pause.png') 0 0 no-repeat;
	border:none
}
#pause.off { background-position: 0 -48px; }
#mute {
	margin-left:5px;
	width:48px;
	height:48px;
	background:transparent url('../images/mute.png') 0 0 no-repeat;
	border:none
}
#mute.off { background-position: 0 -48px; }
.video-wrapper video {
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
}
.m-top { margin-top:80px; }
.p-left { padding-left:320px; }
@media (max-width:1024px) {
	.p-left { padding-left:210px; }
}
@media (max-width:980px) {
	.p-left { padding-left:110px; }
}
@media (max-width:768px) {
	.p-left { padding-left:90px; }
}
@media (max-width:640px) {
	.p-left { padding-left:40px; }
}
#video-mobile { 
	margin-bottom:-4px;
	width:100%; 
}
#superbrand {
	width:100%;
	background-color:#fff;
}
#superbrand .row { 
	width:100%;
	text-align:center;
	cursor:url('../images/hand.png'), pointer; 
}
#superbrand h3 {
	margin-top:50px;
	margin-bottom:40px;
	font-family: 'Bebas Neue', 'Roboto Condensed', sans-serif;
	font-size: 42px;
}	
#superbrand h3 a {
	color:#231f20;
	font-size:42px;
	text-transform:uppercase;
}
@media (max-width:360px) {
	#superbrand h3 a {
		font-size:30px;
	}
}
#superbrand h3 a:hover { text-decoration:none; }
#superbrand .brand-logo {
	margin-bottom:100px;
	opacity: 0;
}
#superbrand .brand-logo a:hover { text-decoration:none; }
#superbrand .brand-logo img { margin:25px 25px 0 25px; }
.brand-logo img { margin:25px 35px 0 35px; }
#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}