body { background-color: white; background-size:150%; font-family:'Open Sans',sans-serif; font-size:1rem; }
a, a:visited { color:#d54872; -webkit-transition:all .1s linear; -moz-transition:all .1s linear; -ms-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear; }
.container-fluid a, a:hover, a:active { color:blue !important; text-decoration: underline !important; }
h1,h2,h3,h4,h5,h6 { font-weight:300; text-align:center; }
h2 { line-height:55px; text-shadow:0 1px 1px rgba(0,0,0,0.6); margin-bottom:30px; }
.dark { color:#fff; }
.center { float:none; margin:0 auto; }
.main-container { position:relative; }
.main-container .container { padding:30px; }
#intro { margin-top:100px; text-align:center; min-height:70vh; padding:0 0 50px; font-size: 1.2rem; }
#about { background: #feffff; background: -moz-linear-gradient(top,  #feffff 0%, #07a3f7 100%); background: -webkit-linear-gradient(top,  #feffff 0%,#07a3f7 100%); background: linear-gradient(to bottom,  #feffff 0%,#07a3f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#07a3f7',GradientType=0 ); }
#bad, #tennis { background:#000; background:rgba(0,0,0,0.8); }
#contact, #news, #tt { background:white; text-align:center; }
#contact h3 { font-size: 1rem; }
.navbar-fixed-top { margin-bottom:0; position: fixed; border-top: none; }
.navbar-fixed-top.scroll {opacity:.96; }
.navbar-inner { border-bottom:0 none; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.5); box-shadow:0 1px 2px rgba(0,0,0,0.5); filter:none;padding-top: 10px; padding-bottom: 10px; background: #7abcff; background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );  }
.navbar .brand { font-size:1.3rem; text-shadow:none; color: #fff!important; padding: 10px 20px 10px 20px; font-weight: bold; }
.navbar .nav.pull-right { top:0; }
.navbar .nav > li > a { color:#F8F8F8; margin-left: 20px; font-size:1rem; font-weight:300; text-shadow:none; -webkit-transition:all .1s linear; -moz-transition:all .1s linear; -ms-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear; }
.navbar .nav li a:hover,.navbar .nav li a:focus { color:#F8F8F8;	}
.navbar .nav > li > a:hover { color:#ccc; }
.navbar .nav > li.active > a,.navbar .nav > li.active:hover > a,.navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > .active > a:focus { padding-bottom:4px; -webkit-box-shadow:none; box-shadow:none; -moz-box-shadow:none; background:none; color:#fff; }
.btn-dropnav { float:right; margin-left:5px; margin-right:5px; padding:7px 10px; display:none; }
.btn-dropnav .icon-bar { background-color:#F5F5F5; -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25); -moz-box-shadow:0 1px 0 rgba(0,0,0,0.25); box-shadow:0 1px 0 rgba(0,0,0,0.25); display:block; height:2px; width:18px; }
.btn-dropnav .icon-bar + .icon-bar { margin-top:3px; }
.navbar .nav li.dropdown.open > .dropdown-toggle,.navbar .nav li.dropdown.active > .dropdown-toggle,.navbar .nav li.dropdown.open.active > .dropdown-toggle { 	background:none; color:#fff; }
.dropdown-menu li > a:hover,.dropdown-menu li > a:focus,.dropdown-submenu:hover > a { background-color:#8d2040!important; text-decoration:none; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d54872",endColorstr="#8d2040"); background-image:-khtml-gradient(linear,left top,left bottom,from(#d54872),to(#8d2040)); background-image:-moz-linear-gradient(top,#d54872,#8d2040); background-image:-ms-linear-gradient(top,#d54872,#8d2040); background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d54872),color-stop(100%,#8d2040)); background-image:-webkit-linear-gradient(top,#d54872,#8d2040); background-image:-o-linear-gradient(top,#d54872,#8d2040); background-image:linear-gradient(#d54872,#8d2040); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#475B77',endColorstr='#475B77',GradientType=0); }
.navbar .btn-navbar .icon-bar { display:block; width:18px; height:2px; background-color:black; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.navbar .btn-navbar { margin-right: 30px; }
.navbar .btn-navbar collapsed {  }
.thumbnail { text-align:center; border:0; box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -webkit-box-shadow:none; }
.nav-collapse li  { text-align:center; }
.social { text-align: center; }
#big-video-wrap { overflow:hidden; position:fixed; height:100%; width:100%; top:0; left:0; }
#big-video-home { position:absolute; display: block;  background-image: url('../img/logo-grand.png'); background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; }
#big-video-badminton { position:absolute; display: block;  background-image: url('../img/logo-badminton.jpg'); background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; }
#big-video-tennis { position:absolute; display: block;  background-image: url('../img/logo-tennis.jpg'); background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; }
#big-video-ping { position:absolute; display: block;  background-image: url('../img/logo-ping.jpg'); background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; }
#big-video-control-container { position:fixed; bottom:20px; padding:0 20px; width:100%; -webkit-transition-duration:.6s; -moz-transition-duration:.6s; -ms-transition-duration:.6s; -o-transition-duration:.6s; transition-duration:.6s; }
#big-video-control { width:100%; height:16px; position:relative; display:none; }
.iconSprite { background: url('../img/iconSprite.png') no-repeat top left; width: 23px; height: 23px; display: inline-block; margin-right: 4px;  } 
.iconSprite.email { background-position: 0px 0px; } 
.iconSprite.github { background-position: 0px -33px; } 
.iconSprite.linkedin { background-position: 0px -66px; } 
.iconSprite.twitter { background-position: 0px -99px; } 
.iconSprite.blog { background-position: 0px -132px; } 
.photos { width:100%; padding-top: 20px; text-align:center; }
.carousel { width:90%; margin:0px auto; }
.carousel-img { border: 5px solid #70b5fc; width: 10rem; height: 10rem; margin: 1.5rem; }
.slick-slide img { 	width: 100%; }
.slick-arrow { 	cursor: pointer; }
.slick-arrow-left { position: absolute; z-index: 1000; top: 25%; left: -50px; }
.slick-arrow-right { position: absolute; z-index: 1000; top: 25%; right: -50px; }
.slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; }
.slick-dots li { margin: 0 0.25rem; }
.slick-dots button { display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: lightgray; text-indent: -9999px; }
.slick-active  button { background-color: #70b5fc; }
.fancybox-image { border: solid 5px #70b5fc !important; }
a.about { text-decoration:none !important; color: white !important; }

.gallery {
     display: flex;
     flex-wrap: wrap;
     padding: 5px;
     justify-content: space-evenly;
}
.gallery-img { border: 5px solid #70b5fc; width: 10rem; margin: 1.5rem; }
.motBig { font-size:1.5rem; }

@media screen and (max-width: 767px) {
	body { padding-right:0; padding-left:0; background-size:330%; }
	
	.nav-collapse .nav > li { line-height: 50px; }
	.nav-collapse .nav > li > a:hover,.nav-collapse .dropdown-menu a:hover { background:none !important; }
	.nav-collapse .nav > li > a,.nav-collapse .dropdown-menu a { color:black; border-top: 1px white solid; font-size:1.5rem; }
	.navbar .brand { padding:8px 0 0 40px; }
	
	#intro { min-height:30vh; }
	#big-video-home { background-image: url('../img/logo-petit.png'); background-position: 50% 20%; }
	.navbar .brand { padding: 8px 0 0 30px; }
	.brand { font-size: 1rem !important; margin-left:0 !important; }
	.photos { display: none; }
	h1 { font-size: 1.5rem; }
	h2 { font-size: 1.3rem; }
	h3 { font-size: 1.1rem; }
}
@media (max-width: 979px) and (min-width: 768px) {
	#bad .span3, #tennis .span3, #tt .span3 {width: 210px;}
}

@media (max-width: 979px) and (min-width: 768px) {
	#bad .span4, #tennis .span4, #tt .span4 {width: 280px;}
}