body{
text-rendering: optimizeLegibility;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #fff;
margin-top:0px;
}
/* REMOVE BORDER ON CLICK */
*:focus {
    outline: none;
}
.container-fluid-head {
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;
}
@media (max-width: 768px) {
.container-fluid-head {
padding-top:15px;
}
}
.container-fluid-0 {
padding-top: 30px;
padding-bottom: 30px;
}
.container-fluid-1 {
padding-top: 0px;
padding-bottom: 0px;
opacity: 1;
}
@media (max-width: 768px) {
.container-fluid-1 {
padding-top: 0px;
padding-bottom: 30px;
opacity: 1;
}
}
.container-fluid-2 {
padding-top: 50px;
padding-bottom: 50px;
background-color: #fff;
}
@media (max-width: 768px) {
.container-fluid-2 {
padding-top: 20px;
padding-bottom: 20px;
padding: 0;
}
}
.container-fluid-3 {
background-color: #dadada;
padding-top: 0px;
padding-bottom: 30px;
}
.container-fluid-1-a {
padding-top: 30px;
padding-bottom: 30px;
background-color: #dadada;
}
.container-fluid-4 {
background-color: #000;
padding-top: 30px;
padding-bottom: 30px;
}
.footer {
height: 250px;
background-color: #ffffff;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
}
.footer h11 {
font-size: 14px;
font-family: 'Titillium Web', sans-serif;
color: #E7E2E2;
font-weight: 500;
}
.container a {
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 15px;
color: #8A8A85;
opacity: 1;
text-transform: uppercase;
letter-spacing: .09em;
}
.container a:hover {
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 15px;
color: #686863;
opacity: 1;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .09em;
}
p {
font-family: 'Titillium Web', sans-serif;
}
h1 {
font-family: 'Anton', sans-serif;
font-weight: 300;
font-size: 65px;
line-height: 80px;
color: #3C3939;
opacity: 1;
text-transform: uppercase;
letter-spacing: .0em;
text-align: left;
}
@media (max-width: 768px) {
h1 {
font-family: 'Anton', sans-serif;
font-weight: 300;
font-size: 55px;
line-height: 55px;
color: #3C3939;
opacity: 1;
text-transform: uppercase;
letter-spacing: .0em;
text-align: left;
}
}
h2 {
font-family: 'Titillium Web', sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size: 50px;
color: #3C3939;
float: left;
margin: 0;
}
h3 {
font-family: 'Titillium Web', sans-serif;
text-transform: uppercase;
font-weight: 900;
font-size: 30px;
line-height: 25px;
color: #3C3939;
float: left;
margin: 0;
}
p {
font-family: 'Titillium Web', sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 30px;
color: #3C3939;
}
.credit{
font-size: 13px;
}
.cbf{
font-size: 14px;
line-height:20px;
}
.cbf-bold{
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
}
.container-fluid-1 a {
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 12px;
color: #E9E3D8;
opacity: .6;
text-transform: uppercase;
letter-spacing: .09em;
}
.container-fluid-1 a:hover {
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 12px;
color: #fff;
opacity: .8;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .09em;
}
.footer-logo {
padding-bottom: 00px;
height: 80px;
}
#return-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #888;
opacity: .8;
width: 40px;
height: 40px;
display: block;
text-decoration: none;
display: none;
z-index: 10;
}
@media (max-width: 768px) {
#return-to-top {
position: fixed;
bottom: 20px;
right: 15px;
background-color: #888;
opacity: .4;
width: 40px;
height: 40px;
display: block;
text-decoration: none;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 13px;
top: 10px;
font-size: 22px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background-color: #888;
opacity: .8;
}
@media (max-width: 768px) {
#return-to-top:hover {
background-color: #888;
opacity: .4;
}
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}
@media (max-width: 768px) {
#return-to-top:hover i {
color: #fff;
top: 10px;
opacity: 1;
}
}
hr.style1{
border-top: 1px dashed RGBA(255,255,255,0.31);
width: 100%;
opacity: .7;
}
hr.style-one {
border-top: 4px solid #D25E5E;
width: 10%;
margin-left:0;
}
.img-center {
margin-left: auto;
margin-right: auto;
}
.btn-1 {
padding:10px 25px;
border-radius:35px;
background-color: RGBA(231,232,235,0.3);
border: 0px solid #ccc5bc;
text-transform: uppercase;
transition: .35s ease;
}
.btn-1:hover {
padding:10px 25px;
border-radius:35px;
border: 0px solid #fff;
background-color: RGBA(231,232,235,0.33);
transition: .35s ease;
}
.red{
color: #D25E5E;
}
.fade{
opacity: .5;
}
.shadow {
-webkit-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.5);
box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.5);
}
.shadow-1 {
-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.7);
-moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.7);
box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.7);
}
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.blink{
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.45s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
}
.ancres-1 {
display: block;
height:50px;
/*same height as header*/
margin-top: -50px;
/*same height as header*/
visibility: hidden;
}
.overpix-1{
-webkit-transition: all .5s ease; /* Safari and Chrome */
-moz-transition: all .5s ease; /* Firefox */
-o-transition: all .5s ease; /* IE 9 */
-ms-transition: all .5s ease; /* Opera */
transition: all .5s ease;
opacity: 1;
}
.overpix-1:hover{
opacity: 1;
box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
-ms-transition: all .3s ease; /* Opera */
transform:scale(1.02);
-webkit-transition: all .3s ease; /* Safari and Chrome */
-moz-transition: all .3s ease; /* Firefox */
-o-transition: all .3s ease; /* IE 9 */
-ms-transition: all .3s ease; /* Opera */
transition: all .3s ease;
}
@media (max-width: 768px) {
.overpix-1:hover{
opacity: 1;
box-shadow: 0 2px 8px rgba(0, 0, 0, .0);
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
-ms-transition: all .3s ease; /* Opera */
transform:scale(1.02);
-webkit-transition: all .3s ease; /* Safari and Chrome */
-moz-transition: all .3s ease; /* Firefox */
-o-transition: all .3s ease; /* IE 9 */
-ms-transition: all .3s ease; /* Opera */
transition: all .3s ease;
}
}
.overpix-2{
-webkit-transition: all .5s ease; /* Safari and Chrome */
-moz-transition: all .5s ease; /* Firefox */
-o-transition: all .5s ease; /* IE 9 */
-ms-transition: all .5s ease; /* Opera */
transition: all .5s ease;
}
.overpix-2:hover{
opacity: 1;
box-shadow: 0 2px 8px rgba(0, 0, 0, .0);
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
-ms-transition: all .3s ease; /* Opera */
transform:scale(1.05);
-webkit-transition: all .3s ease; /* Safari and Chrome */
-moz-transition: all .3s ease; /* Firefox */
-o-transition: all .3s ease; /* IE 9 */
-ms-transition: all .3s ease; /* Opera */
transition: all .3s ease;
}
.overpix-3{
-webkit-transition: all .5s ease; /* Safari and Chrome */
-moz-transition: all .5s ease; /* Firefox */
-o-transition: all .5s ease; /* IE 9 */
-ms-transition: all .5s ease; /* Opera */
transition: all .5s ease;
}
.overpix-3:hover{
opacity: 1;
box-shadow: 0 2px 8px rgba(0, 0, 0, .0);
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
-ms-transition: all .3s ease; /* Opera */
transform:scale(1.05);
-webkit-transition: all .3s ease; /* Safari and Chrome */
-moz-transition: all .3s ease; /* Firefox */
-o-transition: all .3s ease; /* IE 9 */
-ms-transition: all .3s ease; /* Opera */
transition: all .3s ease;
}
.blank-space {
height: 100px;
}
.btn-1 {
border-radius:35px;
border: 3px solid #555;
text-transform: uppercase;
}
.btn-1:hover {
border-radius:35px;
border: 3px solid #555;
background-color: #555;
}
.container-fluid-1 a {
color: #888585;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 15px;
}
.container-fluid-1 a:hover {
color: #4F4E4C;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
font-size: 15px;
}
.container-fluid-3 a {
color: #555;
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
font-size: 15px;
letter-spacing: .2em;
}
.container-fluid-3 a:hover {
padding:10px 25px;
border-radius:35px;
color: #fff;
text-decoration: none;
}
section {
position: relative;
padding: 10em ;
background: #DED9D9;
color: #fff;
text-align: center;
}
/* Styling for Pseudo-Elements */
section::before,
section::after {
position: absolute;
content: '';
pointer-events: none;
}
/* Double Diagonal Separator */
.diagonalseparator {
z-index: -5;
padding-top: 6em;
background: #68B25B;
}
.diagonalseparator::before,
.diagonalseparator::after {
top: 0;
left: -25%;
z-index: -1;
width: 150%;
height: 75%;
background: inherit;
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.diagonalseparator::before {
height: 50%;
background: #FEC453;
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
-webkit-transform-origin: 3% 0;
transform-origin: 3% 0;
}
.parallax-1 {
/* The image used */
background-image: url("../img/03.jpg");
width: 100%;
/* Set a specific height */
min-height: 450px;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 60px;
}

.cut-1 {
/* The image used */
background-image: url("../img/04.jpg");
width: 100%;
min-height: 350px;
}
.v-center{
display: block;
margin: auto;
height: 342px;
}
.parent {
display: flex; /* Pour V center */
}
.child {
margin: auto; /* Pour V center */
}
.center {
margin-left: auto;
margin-right: auto;
max-height: 200px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper {
width: 100vw;
max-width: 100%;
background: white;
}