/*
@media screen and (max-width: 768px) {
    .modal-reviewl .item {
        width: 100%;
    }
    .modal-review .produit li {
        margin-bottom: 0;
    }
}
*/
.carousel-fade {
    transition:height 1s ease;
}
.carousel-fade .carousel-inner {
    overflow: initial!important;
}
.carousel-fade .carousel-inner .item {
    transition-property: all;
    width: 100%;
}

.carousel-fade .carousel-inner .item .card p {
    font-family: 'Gotham book', Helvetica, Arial, sans-serif;
    font-size: 15px;
}

.carousel-fade .carousel-inner .item .card a {
    white-space: initial;
    height: auto;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-inner > .prev, .carousel-inner > .next, .carousel-inner > .prev {
    width: 100%;
}

.btn-caption {
    display: inline-block;
    position: relative;
}

.btn-caption:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;right: 0;top: 0;bottom: 0;
    background: rgb(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 40px 20px rgb(0, 0, 0, 0.4);
    z-index: 1;
} 

.btn-caption:after {
    content: "\f144";
    font: normal normal normal 60px/1 FontAwesome;
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.6;
    z-index: 2;
} 

.modal-initial {
    display: none;   
    filter: opacity(1);
    background-color: transparent;
}

.modal-review .modal-dialog {
    margin-top: 160px;
    z-index: 1;
}
.modal-review .modal-content {
    overflow: visible!important;
    padding: 15px;
}

.modal-review .modal:after {
    content: "";
    display: block;
    display: block;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    margin: auto;
    margin-top: 116px;
    position: absolute;
    border: 4px solid #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5), 0 0 0 1px rgba(0, 0, 0, .2);
    left: 50%;
    margin-left: -62px;
    z-index: 0;
    top: 0;
}

.modal-review .profil-img, .carousel-review .profil-img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
}
.carousel-review .modal:not(.modal-fullscreen) .modal-dialog {
    max-width: 50%;
}
.modal-review .modal-body .img {
    display: block;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    margin: auto;
    margin-top: -60px;
    border: 4px solid #fff;
}

.carousel-review a.left, .carousel-review a.right {
    width: auto;
    padding: 30px;
    font-size: 4em;
    z-index: 99;
    color: #666;
}
.carousel-review a.left > i, .carousel-review a.right > i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1em;
}
.carousel-review .carousel-inner {
    max-width: 800px;
    margin: auto;
}
.carousel-review .carousel-inner .item, .carousel-review .carousel-inner .item.active {
    background: transparent;
}
.carousel-review .carousel-inner .card {
    background-color: #fff;
}
.carousel-review .carousel-inner .card, .carousel-inner .card .btn {
    -webkit-box-shadow: -1px -4px 38px -2px rgba(0,0,0,0.05);
    -moz-box-shadow: -1px -4px 38px -2px rgba(0,0,0,0.05);
    box-shadow: -1px -4px 38px -2px rgba(0,0,0,0.05);
}

.carousel-review .carousel-inner .card:before {
    content: "\F10D";
    font: normal normal normal 40px/1 FontAwesome;
    color: #999;
    position: absolute;
    left: -10px;
    top: -10px;
    text-shadow: 2px 2px #64e61e;
}
.carousel-review .carousel-inner .card:after {
    content: "\F10E";
    font: normal normal normal 40px/1 FontAwesome;
    color: #999;
    position: absolute;
    right: -10px;
    bottom: -10px;
     text-shadow: 2px 2px #64e61e;
}

.carousel-review .carousel-inner .item:nth-child(2n+0) .row > div:nth-child(1) {
    float: right;
}

.carousel-review .carousel-inner .card a.btn .fa {
    font-size: 16px;
}

.carousel-review .carousel-inner .item:nth-child(2n+0) .row .card {
    background: #50505A;
    -webkit-box-shadow: -1px -4px 38px -2px rgba(0,0,0,0.10);
    -moz-box-shadow: -1px -4px 38px -2px rgba(0,0,0,0.10);
    box-shadow: -1px -4px 38px -2px rgba(0,0,0,0.10);
}
.carousel-review .carousel-inner .item:nth-child(2n+0) .row .card p, .carousel-fade .carousel-inner .item:nth-child(2n+0) .row .card a {
    color: #fff;
}
.carousel-review .carousel-inner .item:nth-child(2n+0) .row .card a.btn-default {
    background:transparent;
}
.carousel-review .carousel-inner .item:nth-child(2n+0) .row .card a.btn-default:hover {
    background:#6e6e75;
}
.carousel-review .carousel-indicators {
    bottom: 0;
}
.carousel-review .carousel-indicators li {
    border: 1px solid #999;
    width: 12px;
    height: 12px;
    background: none;
}
.carousel-review .carousel-indicators .active {
    background-color: #999;
}

.carousel-review .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    transform: scale(.6);
}
@media (min-width:1200px) {
.carousel-review .modal-dialog {
    max-width: 50%;
}
.carousel-review .item .row {
    display: flex;
}
.carousel-review .item .row .col-lg-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
}
@media (max-width:991px) {
    .carousel-review a.left > i, .carousel-review a.right > i {
        top: 25%;
    }
}

.animv-1 {
    animation-name: animv-1;
    animation-duration: .7s;
    transform: translateY(0px); 
}
.animv-2 {
    animation-name: animv-2;
    animation-duration: .7s;
    transform: translateY(0px); 
}
.animv-3 {
    animation-name: animv-3;
    animation-duration: .7s;
    transform: translateY(0px); 
}

@-webkit-keyframes animv-1 {
    0%   {transform: translateY(20px);opacity: 0;}
    1%   {transform: translateY(20px);opacity: 0;}
    40%  {transform: translateY(20px);opacity: 0;}
    60% {transform: translateY(0px);opacity: 1;}
}
@-webkit-keyframes animv-2 {
    0%   {transform: translateY(20px);opacity: 0;}
    1%   {transform: translateY(20px);opacity: 0;}
    60%  {transform: translateY(20px);opacity: 0;}
    80% {transform: translateY(0px);opacity: 1;}
}
@-webkit-keyframes animv-3 {
    0%   {transform: translateY(20px);opacity: 0;}
    1%   {transform: translateY(20px);opacity: 0;}
    80%  {transform: translateY(20px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}

@-moz-keyframes animv-1 {
    0%   {transform: translateY(20px);opacity: 0;}
    1%   {transform: translateY(20px);opacity: 0;}
    40%  {transform: translateY(20px);opacity: 0;}
    60% {transform: translateY(0px);opacity: 1;}
}
@-moz-keyframes animv-2 {
    0%   {transform: translateY(20px);opacity: 0;}
    1%   {transform: translateY(20px);opacity: 0;}
    60%  {transform: translateY(20px);opacity: 0;}
    80% {transform: translateY(0px);opacity: 1;}
}
@-moz-keyframes animv-3 {
    0%   {transform: translateY(20px);opacity: 0;}
    1%   {transform: translateY(20px);opacity: 0;}
    80%  {transform: translateY(20px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}

@-o-keyframes animv-1 {
    0%   {transform: translateY(20px);opacity: 0;}
    1%   {transform: translateY(20px);opacity: 0;}
    40%  {transform: translateY(20px);opacity: 0;}
    60% {transform: translateY(0px);opacity: 1;}
}
@-o-keyframes animv-2 {
    0%   {transform: translateY(20px);opacity: 0;}
    1%   {transform: translateY(20px);opacity: 0;}
    60%  {transform: translateY(20px);opacity: 0;}
    80% {transform: translateY(0px);opacity: 1;}
}
@-o-keyframes animv-3 {
    0%   {transform: translateY(20px);opacity: 0;}
    1%   {transform: translateY(20px);opacity: 0;}
    80%  {transform: translateY(20px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}

@keyframes animv-1 {
    0%   {transform: translateY(20px);opacity: 0;}
    1%   {transform: translateY(20px);opacity: 0;}
    40%  {transform: translateY(20px);opacity: 0;}
    60% {transform: translateY(0px);opacity: 1;}
}
@keyframes animv-2 {
    0%   {transform: translateY(20px);opacity: 0;}
    1%   {transform: translateY(20px);opacity: 0;}
    60%  {transform: translateY(20px);opacity: 0;}
    80% {transform: translateY(0px);opacity: 1;}
}
@keyframes animv-3 {
    0%   {transform: translateY(20px);opacity: 0;}
    1%   {transform: translateY(20px);opacity: 0;}
    80%  {transform: translateY(20px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}

/*modal fullscreen */
.modal.modal-fullscreen {
	top: 50px;
}
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.modal.modal-fullscreen .modal-dialog {
	margin: 0;
	width: 100%;
	animation-duration:0.6s;
}
.modal.modal-fullscreen .modal-content {
	border: none;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inherit;
	-moz-box-shadow: inherit;
	-o-box-shadow: inherit;
	box-shadow: inherit;
	/* change bg color below */
	/* background:#1abc9c; */
}
.modal.modal-fullscreen.force-fullscreen {
	/* Remove the padding inside the body */
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
	padding: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
	left: 0;
	position: absolute;
	right: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
	top: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
	bottom: 0;
}
.modal.modal-fullscreen .modal-footer {
	border-top: 1px solid #1E1E23;
}
.modal.modal-fullscreen .modal-footer button {
	background: #000;
	border-color: #1E1E23;
	color: #fff;
}
.bgBlack {
	background-color: #000;
}
#_lm_pix {
    display: none;
}