/*Fonts*/

@font-face {
  font-family: Merriweather;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Merriweather-Regular.ttf);
}
@font-face {
  font-family: Merriweather-LightItalic;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Merriweather-LightItalic.ttf);
}
@font-face {
  font-family: Raleway;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Raleway-Regular.ttf);
}
@font-face {
  font-family: Raleway-Medium;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Raleway-Medium.ttf);
}
@font-face {
  font-family: Raleway-Bold;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Raleway-Bold.ttf);
}
@font-face {
  font-family: Raleway-ExtraBold;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Raleway-ExtraBold.ttf);
}
@font-face {
  font-family: Rubik;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Rubik-Regular.ttf);
}
@font-face {
  font-family: Rubik-Medium;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Rubik-Medium.ttf);
}
@font-face {
  font-family: Rubik-Bold;
  src:  url(/sites/all/themes/osggfonts/Rubik-Bold.ttf);
}
@font-face {
  font-family: Rubik-Light;
  src:  url(/sites/all/themes/osgg_full_width/fonts/Rubik-Light.ttf);
}


#splash{
    max-width:1920px;
    margin:0px auto 0px auto;

}
#wb-bnr {
    background: #000;
}

#wb-sttl a span {
    padding-left:15px;display:inline-block;
}



.btn-primary {
    font-size:1.3em;
    color: #fff;
    background-color: #333333;
    border-color: #000;
    border-top-color: #000;
    border-left-color: #000;
    border-radius:0px;
}

#rideauhall .btn-primary:hover,.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-color: #fff !important;
    border-color: #000;
    border-top-color: #000;
    border-left-color: #000;
    color: rgb(140, 115, 66);
    border-radius:0px;
}




.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


html, body{height:100%; margin:0;padding:0;background-color:#000; font-family:'Raleway', serif;
    background-color:#000;}

.display-table {
    height:100%;display:table;width:100%;padding:0;
}
display-cell {
    height: 100%;display: table-cell;vertical-align: middle;
}

.vertical-center {
  float:none;  margin:0 auto;
}
h1, h2 {
font-family:"Rubik", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight:400;
margin-bottom:1em !important;
margin-top:1em;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.videoWrapper iframe {
    border:none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border:none;
}



#splash {
   display:table;
   width:100%;
   height:100vh;
   padding-bottom:0px;
}

#wb-bnr {
    display:table-row;
}

#wb-bnr div.container {
 display: table-cell;
 vertical-align: middle;
}

#terms_conditions {
    color:#fff;
}

#terms_conditions a{
    color:#fff;
    text-decoration:none !important;
}

#terms_conditions a:hover{
    color: rgb(140, 115, 66);

}

#citadelle #wb-bnr {
    background: #000;
    background-image:url("/splash_pages/assets/citadelle.jpg");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}

#rideauhall #wb-bnr {
    background: #000;
    background-image:url("/splash_pages/assets/rideauhall.jpg");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
#citadelle .container {
    background-color: rgba(0, 0, 0, 0.4);
}


#rideauhall .container {
    background-color: rgba(0, 0, 0, 0.2);
}

#rideauhall .btn-primary{
  background-color: #999999 !important;
}


#forfaitsQc #wb-bnr {
    background: #000;
    background-image:url("/splash_pages/assets/forfaitsQc.jpg");
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}


#forfaitsQc .container {
    background-color: rgba(0, 0, 0, 0.5);
}