@font-face {
  font-family: 'aspergitregular';
  src: url('aspergit-webfont.woff2') format('woff2'),
       url('aspergit-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'larke_sans_boldregular';
  src: url('larke_sans_bold-webfont.woff2') format('woff2'),
       url('larke_sans_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'as_cute_as...regular';
  src: url('as_cute_as...-webfont.woff2') format('woff2'),
       url('as_cute_as...-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

.temoignages {
  font-family: 'as_cute_as...regular', sans-serif;
}

.mfp-no-margins img.mfp-img {
  padding: 0;
}

a.deco-none {
  color:#ffffff !important;
  text-decoration:none;

}

.background-yellow {
  background-color: rgb(224, 218, 213);
}

.clickable {
  cursor:pointer; 
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.img-fitting {
  width: 600px;
  height: 400px;
  object-fit: cover;
}

.form-control {
    font-family: initial;
}

.img-fitting2 {
  width: 800;
  height: 600px;
  object-fit: cover;
}

.bg-florent {
  background-color: #bea698;
}

.btn-fp {
  color: #fff;
  background-color: #ae785d;
  border-color: #ae785d;
  border-radius: 0%;
}

.photo-large {
  background-image: url('../img/photo4.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.photo-large2 {
  background-image: url('../img/seance-couple/18.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.photo-large3 {
  background-image: url('../img/seance-couple/051.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.photo-large4 {
  background-image: url('../img/seance-couple/File 068.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.btn-fp-lg {
  color: #fff;
  background-color: #ae785d;
  border-color: #ae785d;
  border-radius: 0%;
  font-size: 1.4rem;
  padding: .7rem 2rem;
}

.color-spec {
  color: #ae785d;
}

.btn.focus, .btn:focus {
  outline: none;
  box-shadow: none;
}

.bg-opi {
  background-color: #f6eed9;
}

p {
  font-size: 1.3rem;
  letter-spacing: 1.5px;
}

.thumb-img{
  object-fit: cover;
  overflow: hidden;
  height: 20vw; 
  width : 20vw;
}  

.logo {
    width: 180px;
}

body {
  padding-top: 92px;
  font-family: 'aspergitregular', sans-serif;
}

.nav-link {
  font-family: 'Comfortaa', sans-serif;
}

button:focus {
    outline: none;
}

.pushed {
  padding-top: 95px;
}

.masthead {
  height: 100vh;
  min-height: 500px;
  background-image: url('../img/header2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.backimg {
  background-image: url("http://photographe-de-lyon.fr/img/fulls/12.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.icon-bar {
	width: 22px; 
	height: 2px;
	background-color: #B6B6B6;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}
 
.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.slick-prev {
    left: -45px;
}

.slick-next {
	right: -5px;
}

.slick-prev:before, .slick-next:before {
  font-family: 'slick';
  font-size: 60px;
  line-height: 1;
  opacity: .75;
  color: rgb(255, 174, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}