/*
Theme Name: NR Luxury
Author: Kevin de Sousa
Author URI: https://www.ikeviin.com
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Big+Shoulders:opsz,wght@10..72,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: 'nrluxury';
  src: url('/wp-content/themes/nrluxury/fonts/nrluxury.eot?45205260');
  src: url('/wp-content/themes/nrluxury/fonts/nrluxury.eot?45205260#iefix') format('embedded-opentype'),
       url('/wp-content/themes/nrluxury/fonts/nrluxury.woff2?45205260') format('woff2'),
       url('/wp-content/themes/nrluxury/fonts/nrluxury.woff?45205260') format('woff'),
       url('/wp-content/themes/nrluxury/fonts/nrluxury.ttf?45205260') format('truetype'),
       url('/wp-content/themes/nrluxury/fonts/nrluxury.svg?45205260#nrluxury') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'nrluxury';
    src: url('/wp-content/themes/nrluxury/fonts/nrluxury.svg?45205260#nrluxury') format('svg');
  }
}
*/
[class^="nr-"]:before, [class*=" nr-"]:before {
  font-family: "nrluxury";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased nrs size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.nr-ok:before { content: '\e800'; } /* '' */
.nr-phone:before { content: '\e801'; } /* '' */
.nr-facebook:before { content: '\f09a'; } /* '' */
.nr-angle-left:before { content: '\f104'; } /* '' */
.nr-angle-right:before { content: '\f105'; } /* '' */
.nr-angle-up:before { content: '\f106'; } /* '' */
.nr-angle-down:before { content: '\f107'; } /* '' */
.nr-youtube-play:before { content: '\f16a'; } /* '' */
.nr-instagram:before { content: '\f16d'; } /* '' */


:root {
    --bg-white: #FFF;
    --bg-black: #191c22;
    --bg-fullblack: #000;
    --bg-primary: #d4b146;
    --bg-primary-bis: #D6FFF6;
    --bg-secondary: #c8a938;
    --bg-secondary-bis: #DE3C4B;
    --bg-thirdy: #C9E6F3;
    --title: "Big Shoulders", sans-serif;
    --text: "Roboto", sans-serif;
    --price: "Bebas Neue", sans-serif;
}

html {
    --scroll-behavior: smooth;
    scroll-behavior: smooth;
}

body {
    font-family: var(--text) !important;
    background: var(--bg-black) !important;
    color: var(--bg-white) !important;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

@media screen and (max-width: 767px){
    body {
        overflow-x: hidden;
    }
}

.nodesktop {
    display: none;
}

.nomobile {
    display: block;
}

.vc_row {
    margin-top: 90px;
}

h1, h2, h3, h4, h5 {
    font-family: var(--title) !important;
    text-transform: uppercase;
    font-weight: 300 !important;
    margin-bottom: 30px !important;
}

h2 {
    font-size: 50px !important;
}

span.post-state {
    display: none !important;
}

.desktop_only { display: block; }
.mobile_only { display: none; }

*:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

.container {
    position: relative;
}

.vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

a:focus {
    text-decoration: none !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}

a:hover, a:focus {
   /* text-decoration: none !important;*/
}

:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
}

.italic { font-style: italic; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.under { text-decoration: underline; }

/* Header */
header {
    -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 35px 0 rgba(0,0,0,.3);
    position: fixed;
    width: 100%;
    height: 100px;
    top: 0;
    z-index: 999;
    transition: all 0.4s ease;
    backdrop-filter: blur(10px);
}

header.sticky {
/*	position: fixed;
    width: 100%;*/
    padding: 10px 0;
    z-index: 99999
    transition: all 0.4s ease;
    /*background: var(--bg-black);*/
    -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 35px 0 rgba(0,0,0,.3);
    height: 70px;
}

header.sticky .top-bar {
    display: none;
}

header.sticky .logo-bar {
    transform: translate3d(0,-15px,0);
    transition: all 0.4s ease;
    height: 70px;
}

header.sticky .site-title {
    width: 110px;
    height: auto;
    margin: 13px 0;
    float: left;
    transition: all 0.4s ease;
}

header.sticky .navigation_container ul {
    margin-top: 0;
    padding: 22px 0px 22px 60px;
}

header .container {
    width: 100%;
}

.top-bar {
    background-color: #222;
    /*transform: translate3d(0,-70px,0);*/
    transition: all 0.4s ease;
}

.top-bar .header-topbarbox-left {
    padding: 15px 0 20px;
    float: left;
}

.top-bar .header-topbarbox-right {
    padding: 15px 0 20px;
    float: right;
}

.top-bar .header-topbarbox-left *,
.top-bar .header-topbarbox-right * {
    color: #FFF;
}

.top-bar ul {
    margin: 0;
    padding: 0;
}

.top-bar li {
    display: inline-block;
    padding-right: 45px;
    font-size: 13px;
    letter-spacing: .04em;
}

.top-bar li a {
    padding-left: 10px;
}

.top-bar li .icon {
    padding-right: 10px;
    opacity: 0.6;
    font-size: 16px;
    display: inline-block;
    vertical-align: text-top;
}

.site-title {
    width: 135px;
    height: auto;
    margin: 20px 0;
    float: left;
}

.site-title img {
    width: 100%;
    height: auto;
}

.navigation_container ul {
    display: inline-block;
    /*margin-top: 30px;*/
    padding: 32px 0px 32px 60px;
    position: relative;
}

.navigation_container ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
}

.navigation_container ul li.menu-item-301 {
    color: #212529;
    background-color: #ffc107;
    border-radius: 2px;
}

.logged-in ul li.menu-item-301 {
    display: none;
}

.navigation_container ul#main li.menu-item-301.current-menu-item a:after, .navigation_container ul#main li.menu-item-301 a:hover:after {
    display: none;
}

.navigation_container ul li a {
    color: #FFF;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin: 0 1px;
    padding: 0 13px;
    font-size: 13px;
    line-height: 31px;
    border: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    font-family: var(--title);
}

.navigation_container ul li a:hover {
	text-decoration: none;
}

.navigation_container ul#main li.current-menu-item a:after, .navigation_container ul#main li a:hover:after {
    width: 33px;
    height: 53px;
    content: '';
    top: 46%;
    left: 50%;
    z-index: 1;
    margin: -25px 0 0 -17px;
    display: block;
    position: absolute;
}

.nav-bar {
    position: absolute;
    bottom: 20px;
    left: 0;
    height: 2px;
    width: 0;
    background: var(--bg-secondary);
    transition: none;
}

ul.user_logged {
    float: right;
    padding: 0;
    list-style: none;
    margin-left: 30px;
    text-align: left;
    position: relative;
    margin-top: 30px;
}

ul.user_logged li {
    position: relative;
}

ul.user_logged .account-user-avatar {
    margin-right: 7px;
}

ul.user_logged .user_info {
    padding: 0;
    color: #98a6ad;
    display: block;
    text-align: center;
    font-weight: 700;
    position: relative;
    z-index: 99999;
}

ul.user_logged .user_info .account-user-avatar img {
    border-radius: 50%;
}

ul.user_logged .user_info .account-user-badge {
    font-size: 10px;
    border-radius: 2px;
    padding: 2px;
    top: -2px;
    margin-left: 5px;
    color: #212529;
    background-color: #ffc107;
    position: relative;
}

ul.user_logged li .user_submenu {
    display: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(-10px, 0px, 0px);
    padding: 0;
    list-style: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    padding: 10px;
    z-index: 9999;
    background: #FFF;
}

ul.user_logged li:hover .user_submenu {
    display: block;
    opacity: 1;
    transform: translate3d(-190px, 15px, 0px);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul.user_logged li .user_submenu li {
    width: 100%;
}

ul.user_logged li .dropdown-header {
    display: block;
    padding: 0;
    margin-bottom: 0;
    font-size: .875rem;
    color: inherit;
    white-space: nowrap;
    font-weight: 700;
}

ul.user_logged li .dropdown-item {
    display: block;
    width: 100%;
    padding: .375rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #6c757d;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    padding: 7px 20px;
}

ul.user_logged li .dropdown-item:hover {
    color: inherit;
    text-decoration: none;
    background-color: #f8f9fa;
}

.top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #000;
    padding: 10px 20px;
    font-size: 2em;
    color: #FFF;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 100;
}

.navigation_menu {
    display: none;
}

#hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 889px;
    padding: calc(60px + var(--logo-offset)) 0 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -78px; 
}

#hero .hero-content {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 9;
}

#hero .hero-content p, .tagline-small span {
    font-family: var(--title);
    font-weight: 500;
    letter-spacing: .27em;
    margin-bottom: 1rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: var(--bg-secondary);
}

#hero .hero-content h1, h1 {
    font-size: 5.7em !important;
}

#hero:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: gradient-;
    background: #0e1114;
    background: linear-gradient(180deg, rgba(14, 17, 20, 0.1) 0%, rgb(25, 28, 34, 1) 100%);
    z-index: 0;
}

/* Home */
.with_car .wpb_column:nth-child(2) figure {
  position: relative;
  right: -50%;
}

.content p, p {
    font-size: 16px;
}

.recents_cars {
    padding: 50px 0;
    text-align: center;
    background: #F4F4F4;
}

.our_cars {
    text-align: center;
}

.deals {
    padding: 50px 0;
    text-align: center;
    background: #FFF;
}

.deals a {
    text-decoration: none;
}

.deals a:hover {
    text-decoration: none;
}

.deals .thumbnails {
    position: relative;
}

.deals .thumbnails img {
    width: 100%;
    height: auto;
}

.deals .sales {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #FFC107;
    padding: 10px 0 0;
    font-weight: bold;
    color: #222;
}

.deals .content {
    font-size: .9em;
    font-weight: bold;
    min-height: 70px;
    color: #222;
}

.deals .content span {
    font-weight: 100;
}

.deals .price {
    transition: all 0.2s;
    color: var(--bg-primary);
    font-weight: 700;
    margin-bottom: 30px;
}

.page-template-archive-vehicules .col-md-4 {
    min-height: 484px;
}

.vendu .car-thumbnail img, .vendu .vehicule_thumbnail img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.b_size_gallery {
    height: 547px;
    overflow: hidden;
}

.b_size_gallery img {
    position: relative;
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.s_size_gallery .col-4 {
    width: 46%;
    float: left;
    margin-left: 4%;
    margin-bottom: 20px;
}

#primary {
    padding-top: 40px;
}

input#gform_submit_button_1, div.wpforms-container-full .wpforms-form button[type=submit] {
    background: #555 none repeat scroll 0 0;
    fill: #fa2837;
    border: none;
    color: #FFF;
    font-size: 16px;
    font-weight: 800;
    line-height: 30px;
    margin: 0 auto;
    padding: 7px 36px;
    text-align: center;
    position: relative;
    display: block;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

input#gform_submit_button_1:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover {
	background: #000;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

input[type=text], textarea {
    border-radius: 3px !important;
    border: 1px solid #DDD !important;
    padding: 10px 20px !important;
}

.gfield_label.gform-field-label {
    color: #FFF !important;
    font-size: 16px !important;
}

.contact_form.gray-bg {
    padding: 20px 25px 40px;
    background: #eeeeee;
    margin-top: 30px;
}

.gform_wrapper div.validation_error {
    color: #FFF !important;
    background: #ec2c2c;
    border: none !important;
}

.gform_wrapper .validation_message {
	padding: 17px 20px 20px !important;
	color: #FFF !important;
	background: #ec2c2c !important;
}

.sign-up-htm .gform_confirmation_message {
    color: #FFF;
}

.sign-up-htm .gform_confirmation_message a {
    color: #d01818;
}

section.slider {
    position: relative;
}

.pro_connexion {
    width: 580px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: transparent;
    margin-bottom: 30px;
}


.login-wrap{
    width:100%;
    margin:auto;
    max-width:525px;
    min-height:480px;
    position:relative;
    box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
    overflow: hidden;
}
.login-html{
    width:100%;
    height:100%;
    position:absolute;
    padding:40px;
    /*background:rgba(255,49,0,.9);*/
    background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px, linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px, linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px, linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px, linear-gradient(90deg, #1b1b1b 10px, transparent 10px), linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;
    background-size: 20px 20px;
    border-radius: 2px;
    border-bottom: 3px solid #d01818;
}
.login-html .sign-in-htm,
.login-html .sign-up-htm{
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    -webkit-transform:rotateY(180deg);
            transform:rotateY(180deg);
    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;
    transition:all .4s linear;
}
.login-html .pswrd-htm {
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all .4s linear;
}
.login-html .pswrd-htm p {
	color: #FFF;
	padding: 40px 0;
    line-height: 30px;
}
.login-html .sign-in,
.login-html .sign-up,
.login-form .group .check{
    display:none;
}
.login-html .tab,
.login-form .group .label,
.login-form .group .button{
    text-transform:uppercase;
}
.login-html .tab{
    font-size:17px;
    margin-right:15px;
    padding-bottom:5px;
    margin:0 15px 10px 0;
    display:inline-block;
    border-bottom:2px solid transparent;
    color: #666;
}
.login-html .sign-in:checked + .tab,
.login-html .sign-up:checked + .tab{
    color:#fff;
    border-color:#d01818;
}
.login-form{
    min-height:345px;
    position:relative;
    -webkit-perspective:1000px;
            perspective:1000px;
    -webkit-transform-style:preserve-3d;
            transform-style:preserve-3d;
}
.login-form .group{
    margin-bottom:15px;
}
.login-form .group .label,
.login-form .group .input,
.login-form .group .button{
    width:100%;
    color:#fff;
    display:block;
}
.login-form .group .input,
.login-form .group .button{
    border: none !important;
    padding: 15px 20px !important;
    border-radius:25px !important;
    background:rgba(255,255,255,.1);
}
.login-form .group input[data-type="password"]{
    text-security:circle;
    -webkit-text-security:circle;
}
.login-form .group .label{
    color:#FFF !important;
    font-size:12px;
}
.login-form .group .button{
    background:#d01818;
}
.login-form .group label .icon{
    width:15px;
    height:15px;
    border-radius:2px;
    position:relative;
    display:inline-block;
    background:rgba(255,255,255,.1);
}
.login-form .group label .icon:before,
.login-form .group label .icon:after{
    content:'';
    width:10px;
    height:2px;
    background:#fff;
    position:absolute;
    transition:all .2s ease-in-out 0s;
}
.login-form .group label .icon:before{
    left:3px;
    width:5px;
    bottom:6px;
    -webkit-transform:scale(0) rotate(0);
            transform:scale(0) rotate(0);
}
.login-form .group label .icon:after{
    top:6px;
    right:0;
    -webkit-transform:scale(0) rotate(0);
            transform:scale(0) rotate(0);
}
.login-form .group .check:checked + label{
    color:#fff;
}
.login-form .group .check:checked + label .icon{
    background:#1161ee;
}
.login-form .group .check:checked + label .icon:before{
    -webkit-transform:scale(1) rotate(45deg);
            transform:scale(1) rotate(45deg);
}
.login-form .group .check:checked + label .icon:after{
    -webkit-transform:scale(1) rotate(-45deg);
            transform:scale(1) rotate(-45deg);
}
.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm{
    -webkit-transform:rotate(0);
            transform:rotate(0);
}
.login-html .sign-up:checked + .tab + .login-form .sign-up-htm{
    -webkit-transform:rotate(0);
            transform:rotate(0);
    overflow-y: scroll;
}

.hr{
    height:2px;
    margin:40px 0 30px 0;
    background:rgba(255,255,255,.2);
}
.foot-lnk{
    text-align:center;
}

.foot-lnk a {
    color: #d01818;
}

.sign-in-htm label {
	color: #FFF;
}

.page-template-tpl-espace-pro .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 100% !important;
}

.sign-up-htm .gform_wrapper .top_label .gfield_label, .sign-up-htm div.wpforms-container-full .wpforms-form .wpforms-field-label {
    width: 100% !important;
    display: block !important;
    text-transform: uppercase !important;
    color: #FFF !important;
    font-size: 12px !important;
    text-align: center;
}

.sign-up-htm .gform_body input, .sign-up-htm input {
    border: none !important;
    padding: 15px 20px !important;
    border-radius: 25px !important;
    background: rgba(255,255,255,.1) !important;
    width: 100%;
    color: #fff !important;
    display: block !important;
    height: auto !important;
}

.sign-up-htm .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .sign-up-html div.wpforms-container-full .wpforms-form .wpforms-field-label, .sign-up-htm div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
    color: #FFF !important;
    text-transform: uppercase !important;
}

.sign-up-htm .gform_wrapper .gform_footer input.button, .sign-up-htm .gform_wrapper .gform_footer input[type=image], .sign-up-htm .gform_wrapper .gform_footer input[type=submit], .sign-up-htm div.wpforms-container-full .wpforms-form button[type=submit] {
	border: none !important;
    padding: 15px 20px !important;
    border-radius: 25px !important;
    background: #d01818;
    width: 100% !important;
    color: #fff;
    display: block;
    text-transform: uppercase;
}

.sign-up-htm #wpforms-527-field_7-container, .sign-up-htm #wpforms-527-field_9-container, .sign-up-htm #wpforms-527-field_10-container {
	float: left;
    width: 29% !important;
    clear: inherit;
    margin-right: 16px;
}

.youtube-wrapper {
    position: relative;
    display: inline-block;
    border-radius: 20px;
    padding: 2px;
    /*background: linear-gradient(-90deg, #ec0000, #374151);*/
    background: var(--bg-secondary);
    overflow: hidden;
    width: 100%;
    height: 555px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.5);
}

.youtube-wrapper:hover {
    box-shadow: 0 0 30px 0 rgba(0,0,0,.5);
}

.youtube-wrapper iframe {
    display: block;
    border-radius: 16px;
    width: 100%;
    height: 100%;
}

.youtube-overlay {
    position: absolute;
    inset: 2px;
    border-radius: 20px;
    background: linear-gradient(
        to right,
        rgba(25, 28, 34, 0.85),
        rgba(200, 169, 56, 0.85)
    );
    cursor: pointer;
    transition: opacity 0.4s ease;
    height: 552px;
    top: 2px;
}

.youtube-overlay::after {
    content: "▶";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 64px;
    color: #fff;
    opacity: 0.9;
}

.youtube-wrapper.playing .youtube-overlay {
    opacity: 0;
    pointer-events: none;
}

.vc_toggle_title {
    background: rgba(0,0,0,.1);
    color: #000;
    padding: 20px !important;
    padding-left: 40px !important;
}

i.vc_toggle_icon {
    margin-left: 20px !important;
}

.vc_toggle_content {
    background: rgba(0,0,0,.05);
    padding: 20px !important;
    margin: 0 !important;
}

.effect_1 {
      background-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1728 600' preserveAspectRatio='xMidYMid slice'>\
    <defs>\
    <linearGradient id='fadeGradient' x1='0' y1='0' x2='0' y2='1'>\
    <stop offset='0%' stop-color='white'/>\
    <stop offset='100%' stop-color='black'/>\
    </linearGradient>\
    <radialGradient id='revealGradient'>\
    <stop offset='0%' stop-color='white' stop-opacity='1'/>\
    <stop offset='100%' stop-color='black' stop-opacity='0'/>\
    </radialGradient>\
    <mask id='fadeMask'>\
    <rect width='100%' height='100%' fill='url(%23fadeGradient)'/>\
    </mask>\
    <mask id='glowMask'>\
    <circle cx='950' cy='250' r='220' fill='url(%23revealGradient)'/>\
    <circle cx='1600' cy='150' r='400' fill='url(%23revealGradient)'/>\
    <circle cx='1050' cy='500' r='400' fill='url(%23revealGradient)'/>\
    </mask>\
    </defs>\
    <g mask='url(%23fadeMask)'>\
    <path d='M1480 500 L1150 150 L1750 120 L900 120 L1050 20' stroke='rgba(255,255,255,0.04)' stroke-width='2' fill='none'/>\
    <path d='M-200 120 L530 120 L1110 520' stroke='rgba(255,255,255,0.04)' stroke-width='2' fill='none'/>\
    </g>\
    <g mask='url(%23glowMask)'>\
    <path d='M1480 500 L1150 150 L1750 120 L900 120 L1050 20' stroke='%23c8a938' stroke-width='2' fill='none'/>\
    <path d='M-200 120 L530 120 L1110 520' stroke='%23c8a938' stroke-width='2' fill='none'/>\
    </g>\
    </svg>");

      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

.instagram, .reviews {
    margin: 50px 0;
}

#sb_instagram .sbi_photo_wrap {
    border-radius: 20px;
    overflow: hidden;
}

.inline-flex {
    float: right;
    margin-top: 40px;
}

/* Véhicules */
.vehicules-list.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media screen and (max-width: 767px){
    .vehicules-list.grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.vehicules-list.grid:before {
    display: none;
}

.vehicule-listing.list .vehicule-item {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.vehicule-filter {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 25px;
    border: 2px solid var(--bg-secondary);
}

.product-count {
    margin-bottom: 30px;
}

select {
  color: #000;
  padding: 15px 20px;
}

.select2-container--default .select2-selection--single {
    height: 44px !important;
    border-radius: 8px !important;
    border: 1px solid #ddd;
    padding: 8px 12px;
}

.select2-container--default .select2-selection--single:hover {
    border-color: #111;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--bg-fullblack) !important;
}

.select2-results__option {
    color: #000;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
}

.select2-selection__clear {
    color: red !important;
    font-weight: bold;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #000;
    border: 1px solid #AAA !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible,
.select2-container--default .select2-search--dropdown .select2-search__field:active
 {
    border: 1px solid #AAA !important;
}

.range-field {
    position: relative;
    display: flex;
    gap: 10px;
}

.range-field input {
    flex: 1;
    height: 44px;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 0 10px;
}

.clear-range {
    position: absolute;
    right: -10px;
    top: -10px;
    background: #111;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-switch {
    float: right;
}

.view-switch .grid-view {
    margin-right: 20px;
}

.view-switch .grid-view,
.view-switch .list-view {
    cursor: pointer;
}

.single-vehicule {
    margin-top: 140px;
}

.vehicule .badge-vendu {
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 10px;
  background: var(--bg-primary);
  color: #000;
  padding: 4px 14px;
  border-radius: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

.vehicule.outofstock img {
    filter: grayscale(100%);
    opacity: .4 !important;
}

.vehicule {
    position: relative;
    margin-bottom: 60px;
}

.list .vehicule {
    display: flex;
    align-items: center;
    border-radius: 30px;
    padding: 10px;
    border: 1px solid var(--bg-secondary);
    border-style: solid;
}

.grid .vehicule a {
    display: block;
    position: relative;
}

.list .vehicule a {
    display: inline-block;
    position: relative;
}

.grid .vehicule .thumb {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 326px;
    border-radius: 20px;
}

.list .vehicule .thumb {
    position: relative;
    display: block;
    overflow: hidden;
    height: 266px;
    width: 340px;
    display: inline-block;
    border-radius: 20px;
}

.vehicule .thumb img.pic {
    opacity: 0.95;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
}

.vehicule .content {
    position: relative;
    font-size: 16px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 5px;
    font-weight: 400;
}

.list .vehicule .content {
    width: 55%;
    padding: 0 40px;
}

.list .vehicule .content .price_vehicule {
    display: none;
}

.grid .list_price_vehicule {
    display: none;
}

.vehicule h2 {
    margin-bottom: 10px !important;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 22px !important;
    font-weight: 500 !important;
}

.list .vehicule h2 {
    margin-top: 0 !important;
}

.vehicule .price_vehicule, .list .vehicule .list_price_vehicule {
    padding-bottom: 3px;
    line-height: initial;
    color: var(--bg-secondary);
    font-family: var(--price);
    min-height: 57px;
}

.vehicule .price_vehicule p {
    display: inline-block;
    position: relative;
    font-size: 36px !important;
}

.list .vehicule .list_price_vehicule p {
    position: relative;
    font-size: 36px !important;
    text-align: center;
}

.vehicule .price_vehicule .tva {
    font-size: 18px !important;
    padding-left: 15px;
    padding-bottom: 2px;
}

.list .vehicule .list_price_vehicule .tva {
    font-size: 18px !important;
    padding-bottom: 2px;
    text-align: center;
}

.vehicule .infos span.bull {
    padding-left: 6px;
    padding-right: 8px;
    font-size: 10px;
}

.detail {
    margin-top: 100px;
}

.info {

}

.info-prix {
    font-family: var(--price);
    font-size: 46px;
    padding-bottom: 15px;
}

.info-prix .prix {
    color: var(--bg-primary);
}

.info span.tva {
    font-size: 22px;
    padding-left: 15px;
    padding-bottom: 2px;
    color: var(--bg-primary);
}

.separator {
    padding-left: 12px;
    padding-right: 11px;
    font-size: 12px;
}

.location {
    padding-top: 10px;
    font-size: 26px;
    font-family: var(--price);
    text-transform: uppercase;
}

.location span {
    color: var(--bg-primary);
}

.simulation {
    margin-top: 15px;
}

.simulation a {
    color: #FFF;
    text-decoration: underline;
}

.vehicule_item {
    position: relative;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #FFF;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.30);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.30);
    margin-bottom: 30px;
}

.destockage-icon {
    background: url(/images/icone-destockage.png);
    /*background: url('/nrluxury/wp-content/themes/nrluxury/images/10ans.png');*/
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    opacity: .8;
    width: 100%;
    height: 100%;
}

.vendu-icon {
    background: url(/wp-content/themes/nrluxury/images/logo-vendu-1.png);
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    width: 30%;
    height: 100%;
}

.vehicule_thumbnail {
    overflow: hidden;
    position: relative;
    height: 200px;
}

.vehicule_thumbnail img {
    height: auto;
    vertical-align: top;
    width: 100%;
}

.vehicule_label {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    font-size: 15px;
    line-height: 1em;
    color: #fff;
    background-color: rgba(56,58,62,0.6);
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    margin-left: 1px;
    font-weight: bold;
}

.sold {
    background: #DD3333;
}

.vehicule_vendu .vendu .vehicule_label.sold {
    top: 55px;
    line-height: 1.4em;
    padding: 15px 55px;
    background: #000;
    color: #FFF;
    border-top: 2px solid var(--bg-primary);
    border-bottom: 2px solid var(--bg-primary);
    margin-left: 0;
    width: 100%;
}

.firsthand {
    /*background: #DD3333;*/
    background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
    linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;
    font-size: 12px;
}

.reserved {
    background: #DD3333;
    font-size: 12px;
}

.vehicule_info {
    padding: 0 7% 1.5em;
}

.vehicule_header h4 {
    font-weight: 700;
    font-size: 19px;
}

.vehicule-logo {
    min-height: 62px;
}

.vehicule-logo img {
    height: 32px;
    margin: 20px 0 10px;
}

.vehicule_title {
    min-height: 100px;
}

.vehicule_meta {
    margin: 1.5em 0 0;
    border-top: 1px solid #ddd;
    padding: 1.5em 0;
}

.vehicule_meta dt, .vehicule_meta dd {
    display: inline;
    margin-right: 4px;
}

.vehicule_meta dt:nth-of-type(2) {
    padding-left: 4%;
}

.vehicule_promo {
    transition: all 0.2s;
    font-size: 17px;
    border-bottom: 2px solid var(--bg-primary);
    float: left;
    color: var(--bg-primary);
    font-weight: 700;
    max-width: 49%;
    text-align: right;
    margin: 10px 0 0 56%;
}

.vehicule_price {
    transition: all 0.2s;
    font-size: 17px;
    border-bottom: 2px solid var(--bg-primary);
    float: right;
    color: var(--bg-primary);
    font-weight: 700;
    max-width: 49%;
    text-align: right;
    margin: 10px 0 0 2%;
}

.vehicule_price.with_promo {
    font-size: 14px;
    border-bottom: none;
    color: #9F9F9F;
    margin-top: 13px;
    position: relative;
}

.vehicule_price.with_promo span:before {
    width: 100%;
    height: 1px;
    background: #9F9F9F;
    content: "";
    position: absolute;
    top: 50%;
    transform: rotate(-8deg);
}

.vehicule_km,
.vehicule_engine,
.vehicule_fuel,
.vehicule_transmission {
    display: inline-block;
    text-align: center;
    width: 24%;
    color: #aaa;
    vertical-align: top;
}

span.icon-km,
span.icon-engine,
span.icon-fuel,
span.icon-transmission {
    display: block;
    font-size: 2em;
    line-height: 1;
    padding-bottom: 0.3em;
}

span.km_value,
span.engine_value,
span.fuel_value,
span.transmission_value {
    display: block;
    color: #888;
    font-size: 1em;
    margin-top: 0.25em;
    line-height: 1.5em;
}

.stock_button {
    margin-top: 20px;
}

.primary_button {
	font-size: 14px;
    padding: 14px 20px;
    background: #FF3100;
    color: #FFF;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    text-transform: uppercase;
}

.vc_general {
    font-size: 14px !important;
    padding: 14px 20px !important;
    background: #FF3100 !important;
    color: #FFF !important;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1)) !important;
    background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1)) !important;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.1) 50%,rgba(0,0,0,.1)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0) !important;
    text-transform: uppercase;
}

.primary_button i {
	padding-right: 10px;
}

.energy-class {
  position: relative;
  width: 155px;
  font-family: sans-serif;
  margin-bottom: 30px;
}

.energy-class span {
  display: block;
  position: absolute;
  left: 110%;
  background: #000;
  width: 30px;
  height: 20px;
}

.energy-class div {
  position: relative;
  height: 20px;
  margin: 2px 0;
  opacity: 1;
  transition: all .2s ease;
  border-radius: 20px 0 0 20px;
}
.energy-class div:hover {
  transform: scale(1.1);
  margin-left: 10px;
  width: 60px;
  opacity: 0.9;
}
.energy-class div:before {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  background: transparent;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.energy-class div:after {
  position: absolute;
  top: 0;
  right: 0.25em;
  height: 20px;
  line-height: 20px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  text-transform: uppercase;
}
.energy-class span {
  line-height: 22px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 2px #000;
}
.energy-class span.a {
  top: 0px;
}
.energy-class span.b {
  top: 23px;
}
.energy-class span.c {
  top: 44px;
}
.energy-class span.d {
  top: 66px;
}
.energy-class span.e {
    top: 88px;
}
.energy-class span.f {
    top: 110px;
}
.energy-class span.g {
    top: 133px;
}
.energy-class span:before {
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #000;
  border-bottom: 10px solid transparent;
}

.energy-class div.a {
  background: #3b7634;
  width: 50px;
  transition: all .2s ease;
}

.energy-class div.a:before {
  border-left: 8px solid #3b7634;
}

.energy-class div.a:after {
  content: ' a ';
}

.energy-class div.b {
  background: #5da436;
  width: 65px;
}

.energy-class div.b:before {
  border-left: 8px solid #5da436;
}

.energy-class div.b:after {
  content: ' b ';
}

.energy-class div.c {
  background: #a3cf2a;
  width: 80px;
}

.energy-class div.c:before {
  border-left: 8px solid #a3cf2a;
}

.energy-class div.c:after {
  content: ' c ';
}

.energy-class div.d {
  background: #f6df1b;
  width: 95px;
}

.energy-class span.d {
  background: #f6df1b;
}
.energy-class span.d:before {
  border-top: 10px solid transparent;
  border-right: 10px solid #f6df1b;
  border-bottom: 10px solid transparent;
}

.energy-class div.d:before {
  border-left: 8px solid #f6df1b;
}

.energy-class div.d:after {
  content: ' d ';
}

.energy-class div.e {
  background: #f29020;
  width: 110px;
}

.energy-class div.e:before {
  border-left: 8px solid #f29020;
}

.energy-class div.e:after {
  content: ' e ';
}

.energy-class div.f {
  background: #eb422c;
  width: 125px;
}

.energy-class div.f:before {
  border-left: 8px solid #eb422c;
}

.energy-class div.f:after {
  content: ' f ';
}

.energy-class div.g {
  background: #ea2039;
  width: 140px;
}

.energy-class div.g:before {
  border-left: 8px solid #ea2039;
}

.energy-class div.g:after {
  content: ' g ';
}

.brands-slider {
    margin: 40px 0;
}

.brand-item {
    padding: 20px;
    text-align: center;
}

.brand-item img {
    max-height: 80px;
    width: auto;
    margin: 0 auto;
    /*filter: grayscale(100%);
    opacity: 0.7;*/
    transition: 0.3s ease;
}

.brand-item img:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

.card_reprise {
    background: var(--bg-secondary);
    border-radius: 20px;
    color: #FFF;
}

.card_reprise .content_left, .card_recherche .content_left {
    padding: 40px 60px;
}

.card_reprise .content_left ul, .card_recherche .content_left ul {
    padding: 0;
    margin: 20px 0 0;
}

.card_reprise .content_left ul li, .card_recherche .content_left ul li {
    list-style: none;
    font-weight: 600;
    line-height: 23px;
    color: #000;
    background-color: #FFF;
    border-radius: 20px;
    padding: 10px 20px;
    margin-bottom: 20px;
    width: 160px;
    clear: left;
}

.card_recherche {
    background: var(--bg-fullblack);
    border-radius: 20px;
    color: #FFF;
}

.btn-primary {
  position: relative !important;
  background-color: var(--bg-black) !important;
  border: 0 !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  line-height: 30px !important;
  color: #FFF !important;
  padding: 10px 30px !important;
  display: inline-block;
  transition: all .2s ease-in !important;
  text-decoration: none !important;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.btn-primary::before {
  content: "";
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  border-right: 50px solid transparent;
  border-bottom: 80px solid var(--bg-primary);
  transform: translateX(-100%);
  transition: 0.5s ease-in-out;
  z-index: -1;
}

.btn-primary:hover::before {
  transform: translateX(0);
  transition: 0.5s ease-in-out;
}

.btn-primary:hover {
  color: #000 !important;
}

.btn-secondary, input[type="submit"], .btn-reprise {
  position: relative !important;
  background-color: transparent !important;
  border: 1px solid var(--bg-primary) !important;
  border-radius: 30px !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  line-height: 30px !important;
  color: var(--bg-primary) !important;
  padding: 10px 30px !important;
  display: inline-block;
  transition: all .2s ease-in !important;
  text-decoration: none !important;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.btn-secondary::before, input[type="submit"]:before, .btn-reprise:before {
  content: "";
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  border-right: 50px solid transparent;
  border-bottom: 80px solid var(--bg-primary);
  transform: translateX(-100%);
  transition: 0.5s ease-in-out;
  z-index: -1;
}

.btn-secondary:hover::before, input[type="submit"]:hover:before, .btn-reprise:hover:before {
  transform: translateX(0);
  transition: 0.5s ease-in-out;
}

.btn-secondary:hover, input[type="submit"]:hover, .btn-reprise:hover {
    color: var(--bg-fullblack) !important;
}

input[type="submit"]:hover {
    background: var(--bg-primary) !important;
}

input[type=text], input[type=tel], input[type=email], textarea {
  color: #000 !important;
}

.car-header {
    padding-bottom: 20px;
}

.car-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 36px;
    line-height: 1;
    letter-spacing: .03em;
    font-family: var(--title);
}

.car-subtitle {
    margin-bottom: 25px;
    letter-spacing: .02em;
    font-weight: 700;
    font-size: 18px;
    font-family: var(--title);
}

.car-logo {
    float: right;
}

.car-heart {
    margin: 0 0 20px;
    padding: 6px 10px;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border-radius: 2px;
    background: var(--bg-secondary);
    display: inline-block;
}

.car-links {
    margin-top: 10px;
}

.car-links ul {
    padding: 0;
    list-style: none;
}

.car-links li {
    margin-right: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: inline-block;
    font-family: var(--title);
    font-size: 16px;
}

.car-links .others-files {
    margin: 20px 0;
    display: none;
}

.others-files.view {
    display: block;
}

.car-links li a {
    color: #FFF;
}

.car-thumbnail {
    margin-top: 0;
    position: relative;
}

.car-thumbnail img {
    width: 100%;
    height: auto;
    cursor: pointer;
    border-radius: 20px;
}

.car-thumbnail.without-desc {
    margin-bottom: 50px;
}

.lSAction > .lSPrev {
    content: '\f104';
    font-family: 'nrluxury';
}

.car-description {
    font-size: 16px;
    background: #f4f4f4;
    margin-bottom: 50px;
    margin-top: 20px;
    box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25);
    border-radius: 4px;
    padding: 22px 31px;
    position: relative;
    display: block;
}

.car-description ul {
	padding: 0;
}

.car-description h1,
.car-description h2,
.car-description h3,
.car-description h4 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #222;
    margin-bottom: 20px;
    font-family: var(--title);
}

.car-description li {
    list-style: none;
}

.car-equipment {
	margin-top: 50px;
    border-radius: 4px;
    margin: 0 0 30px;
    padding: 22px 31px;
    list-style: none;
    color: #FFF;
}

.car-equipment .toggle-tabs {
    transition: all 0.4s ease;
    overflow: hidden;
    padding: 0 80px 0 0;
    margin: 0 0 10px;
    position: relative;
    color: #000;
    list-style: none;
}

.car-equipment .toggle-tabs:after {
	height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    z-index: 1;
    background: #333;
}

.car-equipment .toggle-tabs li {
	list-style: none;
    float: left;
    margin: 0 40px 0 0;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    display: block;
    padding: 0 0 12px;
    font-weight: 600;
    color: #FFF;
    transition: all 0.4s ease;
}

.car-equipment .toggle-tabs li:hover {
	color: var(--bg-primary);
	transition: all 0.4s ease;
}

.car-equipment .toggle-tabs li.active-tab {
    transition: all 0.4s ease;
    color: var(--bg-primary);
}

.car-equipment .toggle-tabs li.active-tab:after {
	height: 1px;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    width: 100%;
    background: var(--bg-primary);
}

.car_tabs.tabbed-content-wrap {
    float: left;
    width: 100%;
}

.content-box {
	display:none;
	transition: all 0.4s ease;
}

.content-box.active-content-box {
	display:block;
	padding: 20px 0;
    transition: all 0.4s ease;
}

.content-box.active-content-box ul {
	padding: 0;
}

.content-box.active-content-box ul li {
	list-style: none;
}

.content-box.active-content-box p:before, .content-box.active-content-box li:before, .car-description li:before {
    font-family: FontAwesome;
    content: "\f00c";
    display: inline-block;
    padding-right: 8px;
    vertical-align: middle;
    color: var(--bg-primary);
}

.content-box dt {
    width: 14%;
    float: left;
    font-size: 15px;
    color: #FFF;
    margin: 0 0 8px;
    padding: 0 5px 0 0;
}

.content-box dd {
	width: 19.33333%;
    float: left;
    color: #999;
    font-size: 15px;
    margin: 0 0 8px;
    padding: 0 5px 0 0;
}

.car-video {
	margin: 30px 0;
}

.sidebar {
    margin-bottom: 70px;
}

.car-price {
    padding: 22px 4% 0;
    padding: 0 3px 27px 0;
    font-size: 21px;
    color: #000;
    text-align: left;
}

.car-price span {
    color: var(--bg-secondary) !important;
    font-weight: 700;
    font-size: 30px;
}

.car-price .vehicule_sale {
    font-size: 20px;
    border-bottom: none;
    color: #9F9F9F !important;
    margin-top: 13px;
    position: relative;
    margin-left: 20px;
}

.car-price .vehicule_sale:before {
    width: 100%;
    height: 1px;
    background: #9F9F9F;
    content: "";
    position: absolute;
    top: 50%;
    transform: rotate(-8deg);
}

.interested {
	padding: 0px 0 19px;
	text-align: left;
}

.interested a {
    position: relative;
    display: inline-block;
    padding: 10px 20px 10px 0;
    background-color: transparent;
    line-height: 1.42857143;
    text-transform: uppercase;
    border-radius: 0;
    color: #000;
    float: none;
}

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 99999;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 30%;
	position: relative;
	transition: all 5s ease-in-out;
}

.popup h1 {
  margin-top: 0;
  color: #333;
  font-size: 19px;
}

.popup label {
    display: none !important;
}

.popup input {
    width: 100% !important;
    font-size: 14px !important;
}

.popup #wpforms-526-field_4-container, .popup #wpforms-526-field_2-container {
    display: none;
}

.popup input[type=submit], .popup div.wpforms-container-full .wpforms-form button[type=submit] {
    background: var(--bg-primary);
    transition: all 0.2s;
    border-radius: 2px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    height: 34px;
    display: block;
    border: none;
    letter-spacing: 0.03em;
    margin: 25px auto 15px;
    padding: 0 15px;
    min-width: 150px;
    cursor: pointer;
    width: 100%;
}

.popup div.wpforms-container-full .wpforms-form button[type=submit]:hover {
	background-color: var(--bg-primary) !important;
	border: none;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #000;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

.bg-grey {
    background: #f4f4f4;
}

.bg-white {
    padding-top: 40px;
    background: #DDD;
}

ol.breadcrumb {
    margin-bottom: 12px;
    list-style: none;
    padding-top: 23px;
    padding-bottom: 7px;
    line-height: 1;
    padding-left: 0;
    text-align: left;
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
}

ol.breadcrumb a {
	color: #000;
}

ol.breadcrumb .active {
	color: #a0a6c5;
}

ol.breadcrumb a:hover {
	text-decoration: underline;
}

.car-info-desc {
    margin-bottom: 25px;
}

.car-info-title {
	width: 45%;
    float: left;
    font-size: 15px;
    color: var(--bg-white);
    margin: 0 0 8px;
    padding: 0 5px 0 0;
    font-weight: 400;
    line-height: 1.42857143;
}

.car-info-value {
	width: 54%;
    text-align: left;
    float: left;
    color: var(--bg-primary);
    font-size: 15px;
    margin: 0 0 8px;
    padding: 0 5px 0 0;
    line-height: 1.42857143;
}

.finance {
    margin-bottom: 10px;
    border-bottom: 3px solid #d01818;
    border-radius: 2px;
    min-height: 150px;
    background: #000;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    text-align: center;
    position: relative;
    color: #FFF;
}

.finance_title {
	background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px, linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px, linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px, linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px, linear-gradient(90deg, #1b1b1b 10px, transparent 10px), linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;
    background-size: 20px 20px;
    /*background: #a0a6c5;*/
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 0;
}

.finance_title:after {
/*    position: absolute;
    z-index: 9999999;
    bottom: -20px;
    left: 50%;
    margin-left: -28px;
    border-top: 20px solid #a0a6c5;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;*/
}

.finance .finance_title, .finance p {
    z-index: 20;
    position: relative;
}

.finance_slogan {
    position: relative;
    margin-top: 30px;
}

.overlay_finance {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.4);
    z-index: 9;
}

.finance strong {
    color: var(--bg-secondary);
    font-weight: 700;
    font-size: 20px;
}

.car-item {
    margin-bottom: 40px;
    border-radius: 2px;
}

.car-item-name {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: var(--bg-white);
}

.car-item-name .icon {
    display: inline-block;
    margin-right: 7px;
    font-size: 30px;
    vertical-align: middle;
    color: var(--bg-primary);
}

.car-item-inner {
    /*float: right;*/
}

.car-conso-value {
    padding-left: 13px;
    font-size: 18px;
    font-weight: 700;
    color: var(--bg-primary);
}

.car-conso {
    font-size: 18px;
    text-transform: uppercase;
}

.car-conso span {
    font-size: 14px;
    font-weight: 500;
}

.vendor-info {
    /*margin-top: 25px;*/
    margin-bottom: 25px;
    padding: 15px 20px;
    color: #FFF;
    border-radius: 2px;
}

.vendor-info h3 {
    font-size: 35px !important;
    margin-bottom: 0 !important;
}

.vendor-email {
    font-weight: bold;
    font-size: 20px;
    margin-top: 20px;
}

.vendor-address, .vendor-city {
    font-size: 20px;
    margin: 10px 0 0;
}

.vendor-info address {
    margin-top: 9px;
}

.vendor-info address img {
    width: 157px;
}

.vendor-info address p {
    text-transform: capitalize;
    font-size: 16px;
}

.vendor-info-icon.flaticon-smartphone {
    display: inline-block;
    padding-right: 14px;
    font-size: 83px;
    vertical-align: top;
    color: #fff;
}

.vendor-info-content {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    width: 70%;
}

.vendor-title {
	margin-top: 10px;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 600;
}

.vendor-number {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    margin-top: 20px;
}

.vendor-number a {
    color: #FFF;
}

.share {
    margin-bottom: 10px;
    border-radius: 2px;
}

.share-links span {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #FFF;
}

.share-icons span {
    width: 32px;
    height: 32px;
    position: relative;
    display: inline-block;
    color: #FFF;
    padding: 8px 11px;
    border-radius: 50%;
    margin-top: 10px;
    margin-right: 10px;
}

span.facebook-share { background: #42599e; padding: 8px 11px; }
span.twitter-share { background: #55acee; padding: 8px 9px; }
span.google-plus-share { background: #db4437; padding: 8px 7px;}
span.linkedin-share { background: #0077b5; padding: 8px 10px;}


.share-icons a {
    color: #FFF;
}

/* Pre footer */
.reassurance {
    padding: 50px 0;
}

.reassurance .footer-block {
    background: #FFF;
    box-shadow: inset 0 -4px 0px 0px #dfe2f0, 0 10px 20px 0px rgba(192,196,215,0.25);
    border-radius: 4px;
    padding: 20px;
    min-height: 310px;
    margin-bottom: 30px;
}

.reassurance .footer-block i {
    display: block;
    text-align: center;
    font-size: 27px;
}

.reassurance .footer-block p {
    padding: 20px 0;
    text-align: center;
    font-size: 17px;
}

.brands-list, .related-cars {
    padding: 50px 0;
    text-align: center;
    background: #FFF;
}

.small-title {
    background: #555;
    color: #FFF;
    padding: 3px 5px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    display: inline-block;
    font-family: var(--title);
}

.loa_block {
    padding: 20px 20px 10px;
    width: 80%;
    text-align: center;
    text-transform: uppercase;
    display: block;
    font-family: var(--title);
    font-size: 16px;
    border-radius: 4px;
    border-bottom: 3px solid #d01818;
    background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px, linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px, linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px, linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px, linear-gradient(90deg, #1b1b1b 10px, transparent 10px), linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;
    background-size: 20px 20px;
    color: #FFF;
    margin: 0 auto 30px;
}

.loa_block p {
    font-size: 20px;
}

span.small_title {
    font-size: 17px;
}

h3, h4 {
	font-size: 23px !important;
	line-height: 31px !important;
}

h3 a, h4 a {
	color: #000;
}

.brand {
    margin: 0 0 30px;
    display: inline-block;
}

.brand img {
    width: auto;
    /*height: 67px;*/
    height: 29px;
}

.wpb_single_image img {
    border-radius: 20px;
}

table {
    font-size: 30px;
    background: #f4f4f4;
    text-align: center;
    margin-bottom: 50px !important;
}

table thead {
    font-family: var(--title);
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle !important;
}

table thead img {
    height: 32px;
    display: block;
    float: left;
    margin-top: 20px;
    margin-right: 10px;
}

table tbody {
    font-size: 15px;
}

table tbody th img {
    width: 170px;
    height: auto;
}

td.name {
    font-weight: bold;
    width: 200px;
}

td.name span {
    font-weight: 100;
}

td.color {
	width: 120px;
}

.new-price {
    color: var(--bg-secondary);
    font-weight: 700;
}

a.carbon_btn {
    padding: 10px 20px;
    margin-right: 20px;
    text-transform: uppercase;
    display: inline-block;
    font-family: var(--title);
    font-size: 16px;
    border-radius: 4px;
    border-bottom: 3px solid #d01818;
    background: linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px, linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px, linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px, linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px, linear-gradient(90deg, #1b1b1b 10px, transparent 10px), linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
    background-color: #131313;
    background-size: 20px 20px;
    color: #FFF;
}



/* Erreur 404 */
body.error404 {
    background: #000;
}
.vertically-align {
    width: 884px;
    margin: 0 auto;
    position: relative;
}
.car-image {
    background-color: #000;
    background-image: url('/wp-content/themes/nrluxury/images/audi-r8-404.jpg');
    background-repeat: no-repeat;
    background-size: 884px 505px;
    min-width: 884px;
    min-height: 505px;
}
.front-indicators > div {
    position: absolute;
    width: 2px;
    height: 3px;
    -webkit-border-radius: 1px;
            border-radius: 1px;
    background-color: rgb(251, 239, 95);
    opacity: 0;
    animation: blink 1s cubic-bezier(.36, .07, .19, .97) both infinite;
}
@keyframes blink {
    0%  { opacity: .1 }
    70% { opacity: .95 }
}
.front-indicator-left {
    top: 204px;
    left: 165px;
    box-shadow: -2px -1px 11px 2px rgb(251, 239, 95);
}
.front-indicator-right {
    top: 204px;
    left: 724px;
    box-shadow: 3px -1px 11px 2px rgb(251, 239, 95);
}
.rear-break-left,
.rear-break-right {
    position: absolute;
    top: 234px;
}
.rear-break-left  { left: 109px }
.rear-break-right { left: 622px }
.svg-shadow {
    -webkit-filter: drop-shadow(1px -2px 3px #8f1520);
            filter: drop-shadow(1px -2px 3px #8f1520);
}
.rear-indicators > div {
    transform-origin: 0 50%;
    height: 5px;
    background: rgb(251, 239, 95);
    box-shadow: 0 0 8px #ff5600;
    position: absolute;
    border-radius: 1px;
    opacity: .9;
}
.rear-indicator-left {
    transform: rotate(-182.3deg);
    width: 161.288px;
    top: 276px;
    left: 272.664px;
    animation: sweep-left 1s cubic-bezier(.36, .07, .19, .97) both infinite;
}
.rear-indicator-right {
    transform: rotate(2.2deg);
    width: 163.288px;
    top: 276.9px;
    left: 619.664px;
    animation: sweep-right 1s cubic-bezier(.36, .07, .19, .97) both infinite;
}
@keyframes sweep-left {
    0%  { width: 0 }
    70% { width: 161.288px }
}
@keyframes sweep-right {
    0%  { width: 0 }
    70% { width: 163.288px }
}
.black-circle {
    border: 3px solid #000;
    width: 25px;
    height: 25px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .5);
    -webkit-border-radius: 75px;
            border-radius: 75px;
}
.ring {
    position: absolute;
    top: 235px;
}
.ring-1 { left: 408px }
.ring-2 { left: 424px }
.ring-3 { left: 440px }
.ring-4 { left: 456px }

.letter-plate {
    position: absolute;
    top: 298px;
    left: 349px;
    border-radius: 4px;
    text-align: center;
    padding: 1px 20px;
}
.letters::after {
    clear: both;
    content: "";
    display: table;
}

.letter {
    float: left;
    width: 25px;
    font-family: var(--title);
    font-weight: 300;
    font-size: 30px;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s;
    overflow: hidden;
}

/* Miniatures */
.lSPager.lSGallery li {
    opacity: 0.5;
    transition: 0.3s ease;
}

/* Hover miniature */
.lSPager.lSGallery li:hover {
    opacity: 1;
}

/* Miniature active */
.lSPager.lSGallery li.active {
    opacity: 1;
}

.lSAction > a {
    background-color: rgba(0,0,0,0.5);
    border-radius: 50%;
}

.lSAction > a:hover {
    background-color: rgba(0,0,0,0.8);
}

#form {
    margin: 60px 0;
}


@media all and (max-width: 884px){
   .vertically-align { left: 0 }
}
@media all and (max-height: 505px){
   .vertically-align {
        top: 0;
        -webkit-transform: none;
                transform: none;
    }
}

/* Footer */
footer {
    background: var(--bg-black);
    padding: 40px 0;
}

footer * {
    color: #CCC;
}

footer a {
    color: #CCC;
}

footer .footer-logo {
    position: relative;
    height: 80px;
}

footer .footer-logo h3 a {
    background: url('/wp-content/themes/nrluxury/images/logo-nr-luxury.png');
    text-indent: -9999px;
    position: absolute;
    width: 110px;
    height: 61px;
    background-size: 100%;
    top: 0;
}

footer .social-footer {
    float: right;
}

footer .social-footer-list {
    margin: 5px 0 15px 0;
    font-size: 23px;
    text-align: right;
}

footer nav ul li {
    list-style: none;
    float: left;
    margin-left: 15px;
}

footer nav ul li.menu-item-301 {
    display: none;
}

a.author {
    background: url('/wp-content/themes/nrluxury/images/logo-kevin-de-sousa-ikeviin.svg') no-repeat;
    position: absolute;
    width: 53px;
    height: 24px;
    text-indent: -9999px;
    margin-left: 4px;
    background-size: 100%;
}

[data-animation][data-animation][data-animation-duration="50"],
body[data-animation-duration="50"] [data-animation] {
    transition-duration: 50ms;
}
[data-animation][data-animation][data-animation-delay="50"],
body[data-animation-delay="50"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="50"].animate,
body[data-animation-delay="50"] [data-animation].animate {
    transition-delay: 50ms;
}
[data-animation][data-animation][data-animation-duration="100"],
body[data-animation-duration="100"] [data-animation] {
    transition-duration: 0.1s;
}
[data-animation][data-animation][data-animation-delay="100"],
body[data-animation-delay="100"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="100"].animate,
body[data-animation-delay="100"] [data-animation].animate {
    transition-delay: 0.1s;
}
[data-animation][data-animation][data-animation-duration="150"],
body[data-animation-duration="150"] [data-animation] {
    transition-duration: 0.15s;
}
[data-animation][data-animation][data-animation-delay="150"],
body[data-animation-delay="150"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="150"].animate,
body[data-animation-delay="150"] [data-animation].animate {
    transition-delay: 0.15s;
}
[data-animation][data-animation][data-animation-duration="200"],
body[data-animation-duration="200"] [data-animation] {
    transition-duration: 0.2s;
}
[data-animation][data-animation][data-animation-delay="200"],
body[data-animation-delay="200"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="200"].animate,
body[data-animation-delay="200"] [data-animation].animate {
    transition-delay: 0.2s;
}
[data-animation][data-animation][data-animation-duration="250"],
body[data-animation-duration="250"] [data-animation] {
    transition-duration: 0.25s;
}
[data-animation][data-animation][data-animation-delay="250"],
body[data-animation-delay="250"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="250"].animate,
body[data-animation-delay="250"] [data-animation].animate {
    transition-delay: 0.25s;
}
[data-animation][data-animation][data-animation-duration="300"],
body[data-animation-duration="300"] [data-animation] {
    transition-duration: 0.3s;
}
[data-animation][data-animation][data-animation-delay="300"],
body[data-animation-delay="300"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="300"].animate,
body[data-animation-delay="300"] [data-animation].animate {
    transition-delay: 0.3s;
}
[data-animation][data-animation][data-animation-duration="350"],
body[data-animation-duration="350"] [data-animation] {
    transition-duration: 0.35s;
}
[data-animation][data-animation][data-animation-delay="350"],
body[data-animation-delay="350"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="350"].animate,
body[data-animation-delay="350"] [data-animation].animate {
    transition-delay: 0.35s;
}
[data-animation][data-animation][data-animation-duration="400"],
body[data-animation-duration="400"] [data-animation] {
    transition-duration: 0.4s;
}
[data-animation][data-animation][data-animation-delay="400"],
body[data-animation-delay="400"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="400"].animate,
body[data-animation-delay="400"] [data-animation].animate {
    transition-delay: 0.4s;
}
[data-animation][data-animation][data-animation-duration="450"],
body[data-animation-duration="450"] [data-animation] {
    transition-duration: 0.45s;
}
[data-animation][data-animation][data-animation-delay="450"],
body[data-animation-delay="450"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="450"].animate,
body[data-animation-delay="450"] [data-animation].animate {
    transition-delay: 0.45s;
}
[data-animation][data-animation][data-animation-duration="500"],
body[data-animation-duration="500"] [data-animation] {
    transition-duration: 0.5s;
}
[data-animation][data-animation][data-animation-delay="500"],
body[data-animation-delay="500"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="500"].animate,
body[data-animation-delay="500"] [data-animation].animate {
    transition-delay: 0.5s;
}
[data-animation][data-animation][data-animation-duration="550"],
body[data-animation-duration="550"] [data-animation] {
    transition-duration: 0.55s;
}
[data-animation][data-animation][data-animation-delay="550"],
body[data-animation-delay="550"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="550"].animate,
body[data-animation-delay="550"] [data-animation].animate {
    transition-delay: 0.55s;
}
[data-animation][data-animation][data-animation-duration="600"],
body[data-animation-duration="600"] [data-animation] {
    transition-duration: 0.6s;
}
[data-animation][data-animation][data-animation-delay="600"],
body[data-animation-delay="600"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="600"].animate,
body[data-animation-delay="600"] [data-animation].animate {
    transition-delay: 0.6s;
}
[data-animation][data-animation][data-animation-duration="650"],
body[data-animation-duration="650"] [data-animation] {
    transition-duration: 0.65s;
}
[data-animation][data-animation][data-animation-delay="650"],
body[data-animation-delay="650"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="650"].animate,
body[data-animation-delay="650"] [data-animation].animate {
    transition-delay: 0.65s;
}
[data-animation][data-animation][data-animation-duration="700"],
body[data-animation-duration="700"] [data-animation] {
    transition-duration: 0.7s;
}
[data-animation][data-animation][data-animation-delay="700"],
body[data-animation-delay="700"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="700"].animate,
body[data-animation-delay="700"] [data-animation].animate {
    transition-delay: 0.7s;
}
[data-animation][data-animation][data-animation-duration="750"],
body[data-animation-duration="750"] [data-animation] {
    transition-duration: 0.75s;
}
[data-animation][data-animation][data-animation-delay="750"],
body[data-animation-delay="750"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="750"].animate,
body[data-animation-delay="750"] [data-animation].animate {
    transition-delay: 0.75s;
}
[data-animation][data-animation][data-animation-duration="800"],
body[data-animation-duration="800"] [data-animation] {
    transition-duration: 0.8s;
}
[data-animation][data-animation][data-animation-delay="800"],
body[data-animation-delay="800"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="800"].animate,
body[data-animation-delay="800"] [data-animation].animate {
    transition-delay: 0.8s;
}
[data-animation][data-animation][data-animation-duration="850"],
body[data-animation-duration="850"] [data-animation] {
    transition-duration: 0.85s;
}
[data-animation][data-animation][data-animation-delay="850"],
body[data-animation-delay="850"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="850"].animate,
body[data-animation-delay="850"] [data-animation].animate {
    transition-delay: 0.85s;
}
[data-animation][data-animation][data-animation-duration="900"],
body[data-animation-duration="900"] [data-animation] {
    transition-duration: 0.9s;
}
[data-animation][data-animation][data-animation-delay="900"],
body[data-animation-delay="900"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="900"].animate,
body[data-animation-delay="900"] [data-animation].animate {
    transition-delay: 0.9s;
}
[data-animation][data-animation][data-animation-duration="950"],
body[data-animation-duration="950"] [data-animation] {
    transition-duration: 0.95s;
}
[data-animation][data-animation][data-animation-delay="950"],
body[data-animation-delay="950"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="950"].animate,
body[data-animation-delay="950"] [data-animation].animate {
    transition-delay: 0.95s;
}
[data-animation][data-animation][data-animation-duration="1000"],
body[data-animation-duration="1000"] [data-animation] {
    transition-duration: 1s;
}
[data-animation][data-animation][data-animation-delay="1000"],
body[data-animation-delay="1000"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1000"].animate,
body[data-animation-delay="1000"] [data-animation].animate {
    transition-delay: 1s;
}
[data-animation][data-animation][data-animation-duration="1050"],
body[data-animation-duration="1050"] [data-animation] {
    transition-duration: 1.05s;
}
[data-animation][data-animation][data-animation-delay="1050"],
body[data-animation-delay="1050"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1050"].animate,
body[data-animation-delay="1050"] [data-animation].animate {
    transition-delay: 1.05s;
}
[data-animation][data-animation][data-animation-duration="1100"],
body[data-animation-duration="1100"] [data-animation] {
    transition-duration: 1.1s;
}
[data-animation][data-animation][data-animation-delay="1100"],
body[data-animation-delay="1100"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1100"].animate,
body[data-animation-delay="1100"] [data-animation].animate {
    transition-delay: 1.1s;
}
[data-animation][data-animation][data-animation-duration="1150"],
body[data-animation-duration="1150"] [data-animation] {
    transition-duration: 1.15s;
}
[data-animation][data-animation][data-animation-delay="1150"],
body[data-animation-delay="1150"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1150"].animate,
body[data-animation-delay="1150"] [data-animation].animate {
    transition-delay: 1.15s;
}
[data-animation][data-animation][data-animation-duration="1200"],
body[data-animation-duration="1200"] [data-animation] {
    transition-duration: 1.2s;
}
[data-animation][data-animation][data-animation-delay="1200"],
body[data-animation-delay="1200"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1200"].animate,
body[data-animation-delay="1200"] [data-animation].animate {
    transition-delay: 1.2s;
}
[data-animation][data-animation][data-animation-duration="1250"],
body[data-animation-duration="1250"] [data-animation] {
    transition-duration: 1.25s;
}
[data-animation][data-animation][data-animation-delay="1250"],
body[data-animation-delay="1250"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1250"].animate,
body[data-animation-delay="1250"] [data-animation].animate {
    transition-delay: 1.25s;
}
[data-animation][data-animation][data-animation-duration="1300"],
body[data-animation-duration="1300"] [data-animation] {
    transition-duration: 1.3s;
}
[data-animation][data-animation][data-animation-delay="1300"],
body[data-animation-delay="1300"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1300"].animate,
body[data-animation-delay="1300"] [data-animation].animate {
    transition-delay: 1.3s;
}
[data-animation][data-animation][data-animation-duration="1350"],
body[data-animation-duration="1350"] [data-animation] {
    transition-duration: 1.35s;
}
[data-animation][data-animation][data-animation-delay="1350"],
body[data-animation-delay="1350"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1350"].animate,
body[data-animation-delay="1350"] [data-animation].animate {
    transition-delay: 1.35s;
}
[data-animation][data-animation][data-animation-duration="1400"],
body[data-animation-duration="1400"] [data-animation] {
    transition-duration: 1.4s;
}
[data-animation][data-animation][data-animation-delay="1400"],
body[data-animation-delay="1400"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1400"].animate,
body[data-animation-delay="1400"] [data-animation].animate {
    transition-delay: 1.4s;
}
[data-animation][data-animation][data-animation-duration="1450"],
body[data-animation-duration="1450"] [data-animation] {
    transition-duration: 1.45s;
}
[data-animation][data-animation][data-animation-delay="1450"],
body[data-animation-delay="1450"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1450"].animate,
body[data-animation-delay="1450"] [data-animation].animate {
    transition-delay: 1.45s;
}
[data-animation][data-animation][data-animation-duration="1500"],
body[data-animation-duration="1500"] [data-animation] {
    transition-duration: 1.5s;
}
[data-animation][data-animation][data-animation-delay="1500"],
body[data-animation-delay="1500"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1500"].animate,
body[data-animation-delay="1500"] [data-animation].animate {
    transition-delay: 1.5s;
}
[data-animation][data-animation][data-animation-duration="1550"],
body[data-animation-duration="1550"] [data-animation] {
    transition-duration: 1.55s;
}
[data-animation][data-animation][data-animation-delay="1550"],
body[data-animation-delay="1550"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1550"].animate,
body[data-animation-delay="1550"] [data-animation].animate {
    transition-delay: 1.55s;
}
[data-animation][data-animation][data-animation-duration="1600"],
body[data-animation-duration="1600"] [data-animation] {
    transition-duration: 1.6s;
}
[data-animation][data-animation][data-animation-delay="1600"],
body[data-animation-delay="1600"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1600"].animate,
body[data-animation-delay="1600"] [data-animation].animate {
    transition-delay: 1.6s;
}
[data-animation][data-animation][data-animation-duration="1650"],
body[data-animation-duration="1650"] [data-animation] {
    transition-duration: 1.65s;
}
[data-animation][data-animation][data-animation-delay="1650"],
body[data-animation-delay="1650"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1650"].animate,
body[data-animation-delay="1650"] [data-animation].animate {
    transition-delay: 1.65s;
}
[data-animation][data-animation][data-animation-duration="1700"],
body[data-animation-duration="1700"] [data-animation] {
    transition-duration: 1.7s;
}
[data-animation][data-animation][data-animation-delay="1700"],
body[data-animation-delay="1700"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1700"].animate,
body[data-animation-delay="1700"] [data-animation].animate {
    transition-delay: 1.7s;
}
[data-animation][data-animation][data-animation-duration="1750"],
body[data-animation-duration="1750"] [data-animation] {
    transition-duration: 1.75s;
}
[data-animation][data-animation][data-animation-delay="1750"],
body[data-animation-delay="1750"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1750"].animate,
body[data-animation-delay="1750"] [data-animation].animate {
    transition-delay: 1.75s;
}
[data-animation][data-animation][data-animation-duration="1800"],
body[data-animation-duration="1800"] [data-animation] {
    transition-duration: 1.8s;
}
[data-animation][data-animation][data-animation-delay="1800"],
body[data-animation-delay="1800"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1800"].animate,
body[data-animation-delay="1800"] [data-animation].animate {
    transition-delay: 1.8s;
}
[data-animation][data-animation][data-animation-duration="1850"],
body[data-animation-duration="1850"] [data-animation] {
    transition-duration: 1.85s;
}
[data-animation][data-animation][data-animation-delay="1850"],
body[data-animation-delay="1850"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1850"].animate,
body[data-animation-delay="1850"] [data-animation].animate {
    transition-delay: 1.85s;
}
[data-animation][data-animation][data-animation-duration="1900"],
body[data-animation-duration="1900"] [data-animation] {
    transition-duration: 1.9s;
}
[data-animation][data-animation][data-animation-delay="1900"],
body[data-animation-delay="1900"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1900"].animate,
body[data-animation-delay="1900"] [data-animation].animate {
    transition-delay: 1.9s;
}
[data-animation][data-animation][data-animation-duration="1950"],
body[data-animation-duration="1950"] [data-animation] {
    transition-duration: 1.95s;
}
[data-animation][data-animation][data-animation-delay="1950"],
body[data-animation-delay="1950"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="1950"].animate,
body[data-animation-delay="1950"] [data-animation].animate {
    transition-delay: 1.95s;
}
[data-animation][data-animation][data-animation-duration="2000"],
body[data-animation-duration="2000"] [data-animation] {
    transition-duration: 2s;
}
[data-animation][data-animation][data-animation-delay="2000"],
body[data-animation-delay="2000"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2000"].animate,
body[data-animation-delay="2000"] [data-animation].animate {
    transition-delay: 2s;
}
[data-animation][data-animation][data-animation-duration="2050"],
body[data-animation-duration="2050"] [data-animation] {
    transition-duration: 2.05s;
}
[data-animation][data-animation][data-animation-delay="2050"],
body[data-animation-delay="2050"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2050"].animate,
body[data-animation-delay="2050"] [data-animation].animate {
    transition-delay: 2.05s;
}
[data-animation][data-animation][data-animation-duration="2100"],
body[data-animation-duration="2100"] [data-animation] {
    transition-duration: 2.1s;
}
[data-animation][data-animation][data-animation-delay="2100"],
body[data-animation-delay="2100"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2100"].animate,
body[data-animation-delay="2100"] [data-animation].animate {
    transition-delay: 2.1s;
}
[data-animation][data-animation][data-animation-duration="2150"],
body[data-animation-duration="2150"] [data-animation] {
    transition-duration: 2.15s;
}
[data-animation][data-animation][data-animation-delay="2150"],
body[data-animation-delay="2150"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2150"].animate,
body[data-animation-delay="2150"] [data-animation].animate {
    transition-delay: 2.15s;
}
[data-animation][data-animation][data-animation-duration="2200"],
body[data-animation-duration="2200"] [data-animation] {
    transition-duration: 2.2s;
}
[data-animation][data-animation][data-animation-delay="2200"],
body[data-animation-delay="2200"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2200"].animate,
body[data-animation-delay="2200"] [data-animation].animate {
    transition-delay: 2.2s;
}
[data-animation][data-animation][data-animation-duration="2250"],
body[data-animation-duration="2250"] [data-animation] {
    transition-duration: 2.25s;
}
[data-animation][data-animation][data-animation-delay="2250"],
body[data-animation-delay="2250"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2250"].animate,
body[data-animation-delay="2250"] [data-animation].animate {
    transition-delay: 2.25s;
}
[data-animation][data-animation][data-animation-duration="2300"],
body[data-animation-duration="2300"] [data-animation] {
    transition-duration: 2.3s;
}
[data-animation][data-animation][data-animation-delay="2300"],
body[data-animation-delay="2300"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2300"].animate,
body[data-animation-delay="2300"] [data-animation].animate {
    transition-delay: 2.3s;
}
[data-animation][data-animation][data-animation-duration="2350"],
body[data-animation-duration="2350"] [data-animation] {
    transition-duration: 2.35s;
}
[data-animation][data-animation][data-animation-delay="2350"],
body[data-animation-delay="2350"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2350"].animate,
body[data-animation-delay="2350"] [data-animation].animate {
    transition-delay: 2.35s;
}
[data-animation][data-animation][data-animation-duration="2400"],
body[data-animation-duration="2400"] [data-animation] {
    transition-duration: 2.4s;
}
[data-animation][data-animation][data-animation-delay="2400"],
body[data-animation-delay="2400"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2400"].animate,
body[data-animation-delay="2400"] [data-animation].animate {
    transition-delay: 2.4s;
}
[data-animation][data-animation][data-animation-duration="2450"],
body[data-animation-duration="2450"] [data-animation] {
    transition-duration: 2.45s;
}
[data-animation][data-animation][data-animation-delay="2450"],
body[data-animation-delay="2450"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2450"].animate,
body[data-animation-delay="2450"] [data-animation].animate {
    transition-delay: 2.45s;
}
[data-animation][data-animation][data-animation-duration="2500"],
body[data-animation-duration="2500"] [data-animation] {
    transition-duration: 2.5s;
}
[data-animation][data-animation][data-animation-delay="2500"],
body[data-animation-delay="2500"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2500"].animate,
body[data-animation-delay="2500"] [data-animation].animate {
    transition-delay: 2.5s;
}
[data-animation][data-animation][data-animation-duration="2550"],
body[data-animation-duration="2550"] [data-animation] {
    transition-duration: 2.55s;
}
[data-animation][data-animation][data-animation-delay="2550"],
body[data-animation-delay="2550"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2550"].animate,
body[data-animation-delay="2550"] [data-animation].animate {
    transition-delay: 2.55s;
}
[data-animation][data-animation][data-animation-duration="2600"],
body[data-animation-duration="2600"] [data-animation] {
    transition-duration: 2.6s;
}
[data-animation][data-animation][data-animation-delay="2600"],
body[data-animation-delay="2600"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2600"].animate,
body[data-animation-delay="2600"] [data-animation].animate {
    transition-delay: 2.6s;
}
[data-animation][data-animation][data-animation-duration="2650"],
body[data-animation-duration="2650"] [data-animation] {
    transition-duration: 2.65s;
}
[data-animation][data-animation][data-animation-delay="2650"],
body[data-animation-delay="2650"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2650"].animate,
body[data-animation-delay="2650"] [data-animation].animate {
    transition-delay: 2.65s;
}
[data-animation][data-animation][data-animation-duration="2700"],
body[data-animation-duration="2700"] [data-animation] {
    transition-duration: 2.7s;
}
[data-animation][data-animation][data-animation-delay="2700"],
body[data-animation-delay="2700"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2700"].animate,
body[data-animation-delay="2700"] [data-animation].animate {
    transition-delay: 2.7s;
}
[data-animation][data-animation][data-animation-duration="2750"],
body[data-animation-duration="2750"] [data-animation] {
    transition-duration: 2.75s;
}
[data-animation][data-animation][data-animation-delay="2750"],
body[data-animation-delay="2750"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2750"].animate,
body[data-animation-delay="2750"] [data-animation].animate {
    transition-delay: 2.75s;
}
[data-animation][data-animation][data-animation-duration="2800"],
body[data-animation-duration="2800"] [data-animation] {
    transition-duration: 2.8s;
}
[data-animation][data-animation][data-animation-delay="2800"],
body[data-animation-delay="2800"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2800"].animate,
body[data-animation-delay="2800"] [data-animation].animate {
    transition-delay: 2.8s;
}
[data-animation][data-animation][data-animation-duration="2850"],
body[data-animation-duration="2850"] [data-animation] {
    transition-duration: 2.85s;
}
[data-animation][data-animation][data-animation-delay="2850"],
body[data-animation-delay="2850"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2850"].animate,
body[data-animation-delay="2850"] [data-animation].animate {
    transition-delay: 2.85s;
}
[data-animation][data-animation][data-animation-duration="2900"],
body[data-animation-duration="2900"] [data-animation] {
    transition-duration: 2.9s;
}
[data-animation][data-animation][data-animation-delay="2900"],
body[data-animation-delay="2900"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2900"].animate,
body[data-animation-delay="2900"] [data-animation].animate {
    transition-delay: 2.9s;
}
[data-animation][data-animation][data-animation-duration="2950"],
body[data-animation-duration="2950"] [data-animation] {
    transition-duration: 2.95s;
}
[data-animation][data-animation][data-animation-delay="2950"],
body[data-animation-delay="2950"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="2950"].animate,
body[data-animation-delay="2950"] [data-animation].animate {
    transition-delay: 2.95s;
}
[data-animation][data-animation][data-animation-duration="3000"],
body[data-animation-duration="3000"] [data-animation] {
    transition-duration: 3s;
}
[data-animation][data-animation][data-animation-delay="3000"],
body[data-animation-delay="3000"] [data-animation] {
    transition-delay: 0;
}
[data-animation][data-animation][data-animation-delay="3000"].animate,
body[data-animation-delay="3000"] [data-animation].animate {
    transition-delay: 3s;
}
[data-animation][data-animation][data-animation-easing="linear"],
body[data-animation-easing="linear"] [data-animation] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-animation][data-animation][data-animation-easing="ease"],
body[data-animation-easing="ease"] [data-animation] {
    transition-timing-function: ease;
}
[data-animation][data-animation][data-animation-easing="ease-in"],
body[data-animation-easing="ease-in"] [data-animation] {
    transition-timing-function: ease-in;
}
[data-animation][data-animation][data-animation-easing="ease-out"],
body[data-animation-easing="ease-out"] [data-animation] {
    transition-timing-function: ease-out;
}
[data-animation][data-animation][data-animation-easing="ease-in-out"],
body[data-animation-easing="ease-in-out"] [data-animation] {
    transition-timing-function: ease-in-out;
}
[data-animation][data-animation][data-animation-easing="ease-in-back"],
body[data-animation-easing="ease-in-back"] [data-animation] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-animation][data-animation][data-animation-easing="ease-out-back"],
body[data-animation-easing="ease-out-back"] [data-animation] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-animation][data-animation][data-animation-easing="ease-in-out-back"],
body[data-animation-easing="ease-in-out-back"] [data-animation] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-animation][data-animation][data-animation-easing="ease-in-sine"],
body[data-animation-easing="ease-in-sine"] [data-animation] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-animation][data-animation][data-animation-easing="ease-out-sine"],
body[data-animation-easing="ease-out-sine"] [data-animation] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-animation][data-animation][data-animation-easing="ease-in-out-sine"],
body[data-animation-easing="ease-in-out-sine"] [data-animation] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-animation][data-animation][data-animation-easing="ease-in-quad"],
body[data-animation-easing="ease-in-quad"] [data-animation] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-animation][data-animation][data-animation-easing="ease-out-quad"],
body[data-animation-easing="ease-out-quad"] [data-animation] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-animation][data-animation][data-animation-easing="ease-in-out-quad"],
body[data-animation-easing="ease-in-out-quad"] [data-animation] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-animation][data-animation][data-animation-easing="ease-in-cubic"],
body[data-animation-easing="ease-in-cubic"] [data-animation] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-animation][data-animation][data-animation-easing="ease-out-cubic"],
body[data-animation-easing="ease-out-cubic"] [data-animation] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-animation][data-animation][data-animation-easing="ease-in-out-cubic"],
body[data-animation-easing="ease-in-out-cubic"] [data-animation] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-animation][data-animation][data-animation-easing="ease-in-quart"],
body[data-animation-easing="ease-in-quart"] [data-animation] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-animation][data-animation][data-animation-easing="ease-out-quart"],
body[data-animation-easing="ease-out-quart"] [data-animation] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-animation][data-animation][data-animation-easing="ease-in-out-quart"],
body[data-animation-easing="ease-in-out-quart"] [data-animation] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-animation^="fade"][data-animation^="fade"] {
    opacity: 0;
    transition-property: opacity, filter, transform;
}
[data-animation^="fade"][data-animation^="fade"].animate {
    opacity: 1;
    transform: translateZ(0);
}
[data-animation="fade-up"] {
    transform: translate3d(0, 100px, 0);
}
[data-animation="fade-down"] {
    transform: translate3d(0, -100px, 0);
}
[data-animation="fade-right"] {
    transform: translate3d(-100px, 0, 0);
}
[data-animation="fade-left"] {
    transform: translate3d(100px, 0, 0);
}
[data-animation="fade-up-right"] {
    transform: translate3d(-100px, 100px, 0);
}
[data-animation="fade-up-left"] {
    transform: translate3d(100px, 100px, 0);
}
[data-animation="fade-down-right"] {
    transform: translate3d(-100px, -100px, 0);
}
[data-animation="fade-down-left"] {
    transform: translate3d(100px, -100px, 0);
}
[data-animation^="zoom"][data-animation^="zoom"] {
    opacity: 0;
    transition-property: opacity, transform;
}
[data-animation^="zoom"][data-animation^="zoom"].animate {
    opacity: 1;
    transform: translateZ(0) scale(1);
}
[data-animation="zoom-in"] {
    transform: scale(0.6);
}
[data-animation="zoom-in-up"] {
    transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-animation="zoom-in-down"] {
    transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-animation="zoom-in-right"] {
    transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-animation="zoom-in-left"] {
    transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-animation="zoom-out"] {
    transform: scale(1.2);
}
[data-animation="zoom-out-up"] {
    transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-animation="zoom-out-down"] {
    transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-animation="zoom-out-right"] {
    transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-animation="zoom-out-left"] {
    transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-animation^="slide"][data-animation^="slide"] {
    transition-property: opacity, transform;
}
[data-animation^="slide"][data-animation^="slide"].animate {
    transform: translateZ(0);
}
[data-animation="slide-up"] {
    transform: translate3d(0, 20%, 0);
}
[data-animation="slide-up"].animate {
    transform: translate3d(0, 0, 0);
}
[data-animation="slide-down"] {
    transform: translate3d(0, -100%, 0);
}
[data-animation="slide-right"] {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
    transition-property: opacity, transform;
}
[data-animation="slide-right"].animate {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
[data-animation="slide-left"] {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
    transition-property: opacity, transform;
}
[data-animation="slide-left"].animate {
    opacity: 1;
    transform: translate3d(,, 0, 0);
}
[data-animation^="flip"][data-animation^="flip"] {
    backface-visibility: hidden;
    transition-property: transform;
}
[data-animation="flip-left"] {
    transform: perspective(2500px) rotateY(-100deg);
}
[data-animation="flip-left"].animate {
    transform: perspective(2500px) rotateY(0);
}
[data-animation="flip-right"] {
    transform: perspective(2500px) rotateY(100deg);
}
[data-animation="flip-right"].animate {
    transform: perspective(2500px) rotateY(0);
}
[data-animation="flip-up"] {
    transform: perspective(2500px) rotateX(-100deg);
}
[data-animation="flip-up"].animate {
    transform: perspective(2500px) rotateX(0);
}
[data-animation="flip-down"] {
    transform: perspective(2500px) rotateX(100deg);
}
[data-animation="flip-down"].animate {
    transform: perspective(2500px) rotateX(0);
}

@media screen and (min-width: 400px){

}

@media screen and (min-width: 768px){

}
@media screen and (min-width: 992px){

}

@media screen and (min-width: 1500px){
    #hero {
        background-size: auto;
    }
}

@media screen and (max-width: 1200px) {
    .content-box dt {
        width: 53%;
    }

    .content-box dd {
        width: 47%;
    }

    .popup {
    	width: 50%;
    }
}

@media (min-width: 1200px) {
  .container {
    width: 90% !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px){

}

@media screen and (max-width: 1000px){
    .visible { display: block; }

    #hamburger-icon {
        width: 40px;
	    height: 35px;
	    position: absolute;
	    display: block;
        top: 50%;
        right: 20px;
        z-index: 99999;
        transform: translateY(-50%);
    }
    #hamburger-icon .line {
        display: block;
        background: #FFF;
	    width: 40px;
	    height: 3px;
        position: absolute;
        left: 0;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
    }
    #hamburger-icon .line.line-1 {
        top: 0;
    }
    #hamburger-icon .line.line-2 {
        top: 10px;
    }
    #hamburger-icon .line.line-3 {
        top: 20px;
    }
    #hamburger-icon:hover .line-1, #hamburger-icon:focus .line-1 {
        transform: translateY(-4px);
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
    }
    #hamburger-icon:hover .line-3, #hamburger-icon:focus .line-3 {
        transform: translateY(4px);
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
    }
    #hamburger-icon.active .line-1 {
        transform: translateY(10px) translateX(0) rotate(45deg);
        -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
        -moz-transform: translateY(10px) translateX(0) rotate(45deg);
    }
    #hamburger-icon.active .line-2 {
        opacity: 0;
    }
    #hamburger-icon.active .line-3 {
        transform: translateY(-10px) translateX(0) rotate(-45deg);
        -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
        -moz-transform: translateY(-10px) translateX(0) rotate(-45deg);
    }

    header .navigation_container {
        right: 10px;
    }

    .navbar_toggle {
        display: block;
    }

    ul#main.desktop_menu {
        display: none;
    }

    ul#main.mobile_menu {
		padding: 0;
		height: 100%;
		width: 100%;
		margin: 0;
		text-align: center;
		margin-top: 80px;
    }

    ul#main.mobile_menu li {
        display: block;
    }

    ul#main.mobile_menu li a {
        color: #FFF;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        margin: 0 1px;
        padding: 0 13px;
        border: 0;
        border-radius: 0;
        text-transform: uppercase;
        line-height: 70px;
        font-size: 27px;
        font-weight: 700;
        font-family: var(--title);
    }

    ul.user_logged {
        display: none;
    }

    .navigation_menu {
	    position: fixed;
	    z-index: 101;
	    width: 100%;
	    height: 100%;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    -webkit-transition: all 0.25s ease;
	    transition: all 0.25s ease;
	    -webkit-transform: translateY(-140%);
	    -ms-transform: translateY(-140%);
	    transform: translateY(-140%);
        display: block;
		min-height: 175px;
		background-color: var(--bg-fullblack);
	}
	.navigation_menu.visible {
	    -webkit-transition: all 0.25s ease;
	    transition: all 0.25s ease;
	    -webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	    transform: translateY(0%);
        display: block;
	}

	.navigation_container ul li a {
		line-height: 70px;
		font-size: 27px;
	}

	.navigation_menu ul#main li.menu-item-301 {
		background: #d01818;
		position: absolute;
		width: 100%;
		bottom: 0;
	}

    .top {
        position: relative;
        display: none !important;
    }

    /*#hero {
        min-height: 659px;
    }*/

    #hero {
        min-height: 250px;
        top: 180px;
        background-size: cover;
    }

    #hero .hero-content {
        display: none;
    }

    #primary {
        padding-top: 90px;
    }

    .youtube-wrapper {
        height: 335px;
    }

    .youtube-overlay {
        height: 335px;
    }

    table th {
        display: block;
        text-align: center;
    }

    table td {
        display: block;
    }

    td.name {
        width: auto;
    }

    td.color {
        width: auto;
    }

    table a.carbon_btn {
        margin-right: 0;
    }
}

@media screen and (max-width:768px) {
    .nodesktop {
        display: block;
    }

    .nomobile {
        display: none;
    }

	.logo-bar {
	    position: fixed;
	    width: 100%;
        height: 100px;
	}

	header.sticky .logo-bar {
		height: auto;
	}

    section.slider {
        padding-top: 80px;
        position: relative;
    }

    .top-bar .header-topbarbox-left,
    .top-bar .header-topbarbox-right {
        float: none;
        text-align: center;
    }

    .h1.title {
        font-family: var(--title);
        text-transform: uppercase;
        font-weight: 300;
    }

    .single-vehicule {
        margin-top: 50px;
    }

    .reassurance .footer-block {
        min-height: auto;
        margin-bottom: 30px;
    }

    .car-equipment .toggle-tabs {
        padding: 0;
    }

    .car-equipment .toggle-tabs li {
        float: none;
		background: var(--bg-black);
		width: 100%;
		border-radius: 2px;
		margin: 2px 0;
		text-align: center;
		padding: 10px 0;
    }

    .car-equipment .toggle-tabs li.active-tab {
    	background: var(--bg-primary);
    	color: #FFF;
    }

    .car-equipment .toggle-tabs li.active-tab:after {
        display: none;
    }

    .popup {
        width: auto;
    }

    .car-logo img {
        width: 100%;
        height: auto;
    }

    .car-links i {
        display: none;
    }

    .car-info-title {
        width: 50%;
    }

    .car-info-value {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    header .top-bar {
        display: none;
    }

    #hero .hero-content {
        width: 100%;
    }

    .pro_connexion {
    	width: 100%;
    }

    .login-wrap {
    	min-height: 530px;
    }

    .vehicule_thumbnail {
        height: auto;
    }

    .vehicule_thumbnail img {
        height: auto !important;
        min-height: auto !important;
    }

    .view-switch {
        display: none;
    }

    .list .vehicule {
        display: block;
    }

    .list .vehicule .content {
        width: 100%;
        padding: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .list .vehicule .content .price_vehicule {
        display: block;
    }

    .list .vehicule .list_price_vehicule {
        display: none;
    }

    .list .vehicule .thumb {
        width: 320px;
    }

    .car-header {
        display: none;
    }

    .car-info {
        margin-top: 30px;
    }

}