/*!
Theme Name: Beurettes
Theme URI: 
Author: Robel
Author URI: 
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: beurettes
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Beurettes is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Styles pour les commentaires imbriqués */
.comment-area ol {
    list-style: none; /* Supprimer les puces */
    margin: 0; /* Réinitialiser les marges */
    padding: 0; /* Réinitialiser les paddings */
}

.comment-area ol.comment-children {
    margin-left: 20px; /* Indentation pour les réponses imbriquées */
    padding-left: 20px; /* Ajouter un espace pour les enfants */
    border-left: 1px solid #e3e3e3; /* Ligne pour visualiser l'imbrication */
}

.comment-area ol.comment-children li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #dadada; /* Lignes séparatrices */
}

.comment-area ol.comment-children li:first-child {
    border-top: none; /* Pas de bordure pour le premier élément imbriqué */
}

.comment-area .comment-body {
    margin: 0;
    padding: 10px;
    background: #f9f9f9; /* Fond clair pour différencier */
    border-radius: 5px;
}

.comment-area .comment-body .comment-author {
    font-size: 14px;
    font-weight: bold;
}

.comment-area .comment-body .comment-content {
    margin-top: 5px;
}

.comment-area .reply {
    margin-top: 5px;
}

.comment-area .reply a {
    font-size: 12px;
    color: #ffbb00;
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #ffbb00;
    border-radius: 3px;
    background: transparent;
}

.comment-area .reply a:hover {
    background: #ffbb00;
    color: #fff;
}

/* Styles pour les sous-commentaires (WordPress génère automatiquement .children ou .comment-children) */
.children,
.comment-children {
    margin-left: 20px; /* Indentation pour les sous-niveaux */
    padding-left: 15px; /* Ajouter un espace intérieur */
    border-left: 1px solid #e3e3e3; /* Ligne visuelle pour distinguer les réponses */
}

.children li,
.comment-children li {
    margin-bottom: 15px; /* Espacement entre les sous-commentaires */
    padding-bottom: 10px; /* Espacement interne */
    border-bottom: 1px solid #dadada; /* Ligne séparatrice */
}

.comment-body {
    background: #f9f9f9; /* Couleur de fond claire pour différencier */
    border-radius: 5px; /* Coins arrondis */
    padding: 10px; /* Espacement interne */
    margin-bottom: 15px; /* Espacement externe */
}

.comment-author {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.comment-metadata {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.reply a {
    display: inline-block;
    font-size: 12px;
    color: #ffbb00;
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #ffbb00;
    border-radius: 3px;
    background: transparent;
}

.reply a:hover {
    background: #ffbb00;
    color: #fff !important; 
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}



/*********/
*{
	    box-sizing: border-box; 
}
.post, .page{
	margin:0px;
	
}
body{
	font-family: 'Poppins', sans-serif;
	position:relative;
}
.column{
	width:95%;
	max-width:1150px;
	margin:0 auto;
}

.related-heading-column{
	width:95%;
	max-width:1150px;
	margin:0 auto;
}


.header-top-area{
    background-repeat: no-repeat;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    background-size: cover;
    padding: 15px 0;
    color: #ffffff;
    position: relative;
    text-shadow: 0px 2px 2px #666;
}
.header-top-area a{
	color:#fff;
	text-decoration:none;
}
button.cross-button{
	position:absolute;
	top:28px;
	right:20px;
	background-color:transparent;
	border:0px;
	padding:0px;
	cursor:pointer;
}
.header-top-area strong{
	font-weight:700;
}
.header-top-area img{
    max-width: 90px;
    vertical-align: middle;
}
.w-100{
	width:100%;
}
.w-33{
	width:33.33%;
}
.float-left{
	float:left;
}
 .fix:after{
     content:"";
     display:table;
     clear:both;
}

.d-flex{
	display:flex;
}
.align-itams-center{
	align-items: center;
}
.end-itam{
	justify-content: end;
}
    
.header-mid-area{
	padding:10px 0;
}

.header-mid-area button{
	background-color:transparent;
	border:0px;
	padding:0px;
	margin:0px;
	cursor:pointer;
	background-image:url(img/menu.png);
	background-repeat:no-repeat;
	    width: 25px;
    height: 21px;
}
.header-mid-area button.close{
	background-image:url(img/menu-cross.png);
}

.connexion-area a{
	font-size: 15px;
    color: #000000;
    font-weight: 700;
    padding: 3px 15px;
    display: inline-block;
    background: #F0F0F0;
    border-radius: 30px;
    text-decoration: none;
}

.connexion-area a:hover{
    background: #494A4A;
	color:#fff;
}





.header-bottom-area{
	border-top:1px solid #E3E3E3;
	padding:10px 0;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
.balance-video-link a{
    background: #F0F0F0;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    padding: 10px 35px;
    color: #3c1e13;
    text-decoration: none;
    border-radius: 10px;
}
.balance-video-link a:hover{
	    background: #494A4A;
	color:#fff;
}
.balance-video-link a img{
	vertical-align:middle;
	margin-right:25px;
}
.banner-area {
  background: #FFEDC2;
  position:relative
}
.right-overlay{
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
	width:50%;
	background-color:#FFDE6A;
}
.banner-right-area{
	position:relative;
	z-index:99;
}
.w-50{
	width:50%;
}
.banner-left-area{
	padding-right:50px;
}
.banner-left-area h2{
	color:#000;
	font-size:30px;
	font-weight:700;
	margin-bottom:20px;
	
}
.banner-left-area p{
	color:#3c1e13;
	font-size:20px;
	font-weight:500;
	
}
a.more{
	color:#676767;
	font-weight:700;
	text-decoration:none;
	cursor:pointer;
}
a.less{
	color:#676767;
	font-weight:700;
	text-decoration:none;
	cursor:pointer;
}
.banner-right-area{
	padding:30px 0;
}
.max-width-470{
	max-width:470px;
}
.banner-right-area h1{
	color:#000;
	font-size:24px;
	font-weight:700;
	margin-top:0px;
	margin-bottom:10px;
	
}

.prem-video {
  background-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 20px;
  border-radius: 10px;
  line-height: 1.2;
}

.prem-video h4{
	color:#ff6a00;
	font-weight:700;
	font-size:16px;
	margin:0px;
}
.prem-video p{
	margin:0px;
	font-size:13px;
	color:#000000;
}
.prem-video a{
	font-size:12px;
	color:#676767;
	text-decoration:none;
}
.prem-video a.cat{
	font-size:10px;
	color:#000c1b;
	font-weight:700;
}
.video-area{
	margin-top:10px;
	position:relative;
}
.video-area img{
	border-radius:10px;
}
.vip {
  position: absolute;
  bottom: 40px;
  right: 20px;
}
.date{
	background-image: url(img/Com_bubble.svg);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 40px;
	left: 20px;
	font-weight: 700;
	color: #fff;
	width: 50px;
	height: 45px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	    background-size: cover;
}

.luck-text{
	
	text-transform:uppercase;
	font-size:14px;
	font-weight:700;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	text-align: center;
	
}
.luck-text a{
	background-color:#FFDE6A;
	color:#7b142c;
	padding: 12px 0;
	display:inline-block;
	width:100%;
}
.luck-text img{
	margin-right:20px;
	vertical-align:middle;
	
}
.author-details img{
	border-radius:50%;
}
.float-right{
	float:right;
}


.cat-left-area{
	max-width:520px;
	width:50%; 
}
.cat-max{
	max-width:1090px;
}
.cat-left-area p{
	font-size:18px;
	color:#000000;
	margin:10px 0;
}
.cat-left-area a{
	text-decoration:none;
	color:#000000;
}
.tarenoi-tameuf-area h2{
	font-size:30px;
	font-weight:900;
	color:#54392e;
	text-align:center;
	margin-top:30px;
	margin-bottom:20px;
	
}
.tarenoi-tameuf-area h2 span{
	color:#ff6a00;
}

.blog-post-heading h2{
    font-size: 16px;
    color: #ff6a00;
    font-weight: 900;
    margin: 0px;
    float: left;
	}
.blog-post-heading h2 a{
    font-size: 16px;
    color: #ff6a00;
    font-weight: 900;
    margin: 0px;
    float: left;
	}
	.blog-post-heading a{
		text-decoration:underline;
		color: #ff6a00;
	}
.blog-post-heading a{
    color: #494949;
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle;
    line-height: 2;
    float: right;
}	
.blog-post-text p{
	font-size:13px;
	color:#000;
	margin:0px;
}
.blog-post-text a{
	font-size:12px;
	color:#676767;
	text-decoration:none;
	font-weight:700;
	
}
.blog-post-text a.cat{
	font-size:12px;
	color:#000;
	font-weight:900; 
}
.single-blog-post-area{
	    flex: 0 0 auto;
    width: 33.33%;
	padding:0px 30px;
	padding-top:30px;
}
.blog-post-text {
	padding-bottom:20px;
	border-bottom:1px solid #E0EBFE;
}


.blog-row{
	flex-wrap: wrap;
	margin:0 -30px;
}
.blog-post-image{
	position:relative;
}
.blog-post-image span{
    color: #fff;
    background: url(img/Com_bubble.svg);
    font-weight: 800;
    position: absolute;
    bottom: 15px;
    left: 10px;
    width: 45px;
    height: 40px;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 12px;
    background-size: cover;
}

.footer-area{
	background-color:#f6f6f6;
	text-align:center;
}
.footer-top{
	padding-top:45px;
}
.footer-top p{
	font-size:13px;
	color:#686868;
	margin:0px;
}
.footer-bottom{
	padding:25px 0
}
.footer-bottom p{
	color:#b4b4b4;
	font-weight:700;
	font-size:14px;
	margin:0px;
}
.footer-bottom a{
	color:#ff8521;
	text-decoration:none;
}


 ul#primary-menu{
    list-style: none;
    margin: 0px auto;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
	max-width:1000px;
	position:relative;
}

ul#primary-menu > li > a{
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    padding: 10px;
    position: relative;
    padding-left: 30px;
    padding-bottom: 30px;
}
ul#primary-menu > li{
	width:25%;
}
ul#primary-menu > li > a:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 12px;
    
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-size: cover
}
ul#primary-menu > li:nth-child(1) > a:before{
	background-image: url(img/categorie.png);
}
ul#primary-menu > li:nth-child(2) > a:before{
	background-image: url(img/etny_Picto.png);
}
ul#primary-menu > li:nth-child(3) > a:before{
	background-image: url(img/pin.png);
}
ul#primary-menu > li:nth-child(4) > a:before{
	background-image: url(img/question.png);
}
 

.menu-back-color{
	padding:20px 20px;
	background-color:#fff;
	position: relative;
}

.menu-area ul.sub-menu{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0px;
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    z-index: 99999;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 30px;
		max-width:1000px;
}
ul#primary-menu > li > a:hover{
	text-decoration:underline;
	    font-weight: 700;
}
ul#primary-menu > li:hover >ul.sub-menu:before{
	content:"";
	position:absolute;
	left:-15px;
	top:0px;
	height:100%;
	width:15px;
	background:#fff;
}

ul#primary-menu > li:hover >ul.sub-menu{
	opacity:1;
	    visibility: visible;
}
.menu-area ul.sub-menu li{
	width:25%;
	margin-bottom: 15px;
}
.menu-area ul.sub-menu li a{
	font-size:16px;
	color:#000000;
	margin-bottom:15px;
	text-decoration:
	none;
}
.menu-area ul.sub-menu li a:hover{
	color:orange;
}
.menu-area{
	display:none;
}
.fixed-header{
	position: fixed;
    top: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
}
.cat-details{
	font-size:24px;
	color:#595959;
	padding:20px 0;
	text-align:center;
}
.cat-details h2{
	color:#160001;
	font-weight:900;
	margin-bottom:20px;
	
}
.vip-banner-text{
	text-align:center;
	background-color:#FFFDBA;
	padding-top:60px;
	padding-bottom:30px;
}
.vip-banner-text h2{
	margin-top:0px;
	font-size:35px;
	font-weight:700
}

.vip-faq-area{
	padding:50px 0;
}
.vip-single-faq-area {
	margin-bottom:20px;
	font-size:20px;
	color:#818181;
}
.vip-single-faq-area h4{
	font-size:25px;
	font-weight:900;
	margin-top:0px;
	margin-bottom:10px;
	color:#f76a0a;
}

.vip-bottom-area{
	padding:50px 0;
	background-color:#fffdba;
	font-size:20px;
	color:#818181;
	text-align:center;
}

.vip-bottom-area h2{
	font-size:35px;
	color:#f76a0a;
	font-weight:900;
}

.blog-post-image img{
	border-radius:10px;
}

.video-area{
	background-color:#db607b;
	padding-top:40px;
	padding-bottom:20px;
}
.video-area .column{
	max-width:600px;
}
.video-area h2{
	font-size:20px;
	font-weight:900;
	color:#ff8521;
	margin-bottom:0px;
	
}
.video-area p{
	font-size:16px;
	font-weight:500;
	color:#000000;
	    margin-bottom: 5px;
}
.video-area a.cat{
	font-size:11px;
	font-weight:900;
	color:#3c3c3c;
	display:inline-block;
	margin-right:10px;
}

.author-area{
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
}
.author-area p{
	font-size:19px;
	color:#646464;
	font-weight:500;
}

.author-area p a{
	font-weight:900;
	text-decoration:underline;
	color:#ff8521;
	}

.author-area .author-details{
	background-color:#eeeeee;
	border-radius:10px;
	padding:20px;
}

.author-details h3{
	color:#5b5b5b;
	font-size:19px;
	margin-bottom:0px;
	font-weight:900;
}
.author-details h3 a{
	color:#ff8521;
	text-decoration:underline;
}
.add-related-posts{
	flex-wrap: wrap;
	margin: 0 -30px;
	display:flex;
}
.single-related-video{
	flex: 0 0 auto;
	width: 25%;
	margin-bottom:20px;
	padding: 0px 30px;
}

.related-post-area h2{
	font-size:25px;
	font-weight:800;
	margin-bottom:20px;
	color:#000;
}

.related-post-area p{
	font-size:16px;
	color:#000;
}

.comment-metadata {
    font-size: 8px;
    color: #000;
    padding-left: 37px;
    margin-top: -5px;
}
.comment-metadata a{
        color: #000;
    text-decoration: none;
}
.comment-author  img{
	border-radius:50%;
}

span.says{
	display:none;
}
h2.comments-title{
	display:none;
}
.comment-content p{
	margin-bottom:5px;
}


.comment-author img{
	vertical-align:middle;
}
.comment-author a{
	display:inline-block;
	margin-left:10px;
	font-size:18px;
	color:#000000;
	text-transform:capitalize;
}
.comment-area ol{
	margin:0px;
	padding:0px;
}

.comment-area ol li{
	padding:15px 0;
	border-top:1px solid #DADADA;
}
.reply a{
	    border: 2px solid #E3E3E3;
    display: inline-block;
    padding: 6px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-size: 14px;
    color: #ff8521;
    font-weight: 700;
}
.must-log-in a{
	color: #ff8521;
}

.comment-area h2{
	color:#000000;
	font-size:25px;
	font-weight:700;
	margin-bottom:20px;
}
.comment-area h2 span{
    color: #fff;
    background: url(img/Com_bubble.svg);
    font-weight: 800;
    width: 45px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    line-height: 2;
}
.comment-area{
	padding-bottom:20px;
}

.cat-details p{
	font-size:20px;
	color:#595959;
}



.footer-menu-area ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
        justify-content: space-around;
    align-items: center;
    text-align: center;
}

.footer-menu-area {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    padding: 5px 0;
	display:none;
}
.footer-menu-area ul li{
	       width: 25%;
}
.footer-menu-area ul li a{
    color: #4e4e4e;
    font-size: 10px;
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none;
	position:relative;
	padding-top:30px;
}
.footer-menu-area ul li a:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 30px 30px;
}



.footer-menu-area ul li:nth-child(1) a:before{
	background-image:url(img/picto_nav-06.png);
}
.footer-menu-area ul li.current-menu-item:nth-child(1) a:before{
	background-image:url(img/picto_nav-05.png);
}


.footer-menu-area ul li:nth-child(2) a:before{
	background-image:url(img/interrogation-free-icon-font2.png);
	    background-size: 28px 28px;
	
}
.footer-menu-area ul li.current-menu-item:nth-child(2) a:before{
	background-image:url(img/interrogation-free-icon-font.png);
}


.footer-menu-area ul li:nth-child(3) a:before{
}
.footer-menu-area ul li:nth-child(3) a{
text-indent: -9999px;
    background-image: url(img/Picto_crown-01-01.png);
    height: 40px;
    width: 40px;
    background-size: cover;
}


.footer-menu-area ul li.current-menu-item:nth-child(3) a{
    background-image: url(img/Picto_crown-01-02.png);
}
.footer-menu-area ul li:nth-child(4) a:before{
	background-image:url(img/picto_nav-07.png);
}
.footer-menu-area ul li.current-menu-item:nth-child(4) a:before{
	background-image:url(img/picto_nav-08.png);
}
.footer-menu-area ul li:nth-child(5) a:before{
	background-image:url(img/picto_nav-04.png);
} 
.footer-menu-area ul li.current-menu-item:nth-child(5) a:before{
	background-image:url(img/picto_nav-03.png);
}

.vip-video-area{
	position:relative;
	margin-top:10px;
}


.pagenation-area{
	text-align:center;
	padding:20px 0;
}
.pagenation-area .nav-links{
	text-align:center;
}
.pagenation-area a.page-numbers{
	color:#54392e;
	font-size:16px;
	padding:5px 10px;
}
.pagenation-area .current{
	color:#ef662f;
	font-size:16px;
	padding:5px 10px;
	    font-weight: 700;
}
p.more-details{
	display:none;
}

.cat-logo-area {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-cat-block {
    position: relative;
}


a.cat:hover, a.read-more:hover{
	    color: #ff6a00!important;
}

.cat-links-area a{
	position:relative;
    padding: 0px 10px;
}
.cat-links-area a:first-child{
	padding-left:0px
}
.cat-links-area a:before{
	content:"|";
	position:absolute;
	left:0px;
	top:0px;
}
.cat-links-area a:first-child:before{
	display:none;
}
.video-area p{
	font-size:14px;
	
}

.vip-banner-area img{
	display:block;
}

.single-related-heading h3{
	font-size: 16px;
    color: #ff6a00;
    font-weight: 900;
    margin: 0px;
    float: left;
}
.single-related-heading a{
	    font-size: 12px;
    color: #676767;
    text-decoration: none;
    font-weight: 700;
	vertical-align: middle;
    line-height: 2;
    float: right;
}

.single-related-text p{
	    font-size: 13px;
    color: #000;
    margin: 0px;
}
.single-related-text p.cat-links-area a{
	    font-size: 12px;
		color:#000;
		text-decoration:none;
		font-weight:700;
	}
.single-related-text a.read-more{
font-size: 12px;
    color: #676767;
    text-decoration: none;
    font-weight: 700;
}

a.vip-link{
    background-image: url(img/button-back.png);
    background-repeat: no-repeat;
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    padding: 20px 15px;
    background-size: 100% 100%;
	    display: inline-block;
}
a.vip-link:hover{
	transform: scale(1.02);
}
a.vip-link img{
	vertical-align:middle;
	margin-right:5px;
}
.vip-banner-area img{
	height: 350px;
}
.blog-url{
	text-align:center;
	padding:30px 0;
}
.blog-url a{
	color:#ff6a00;
	text-decoration:underline;
	font-weight:700;
}
.logo-area img{
	max-width:180px;
}
.user-profile-column{
	max-width:950px;
}

.profile-image img{
	border-radius:50%;
	border:10px solid #fff;
}

.profile-text-area h2{
	font-size: 20px;
    color: #ff8521;
    font-weight: 700;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 1px;
}
.profile-text-area p{
	font-size:14px;
	color:#b6b6b6;
	margin:0px;
}
.profile-text-area ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.profile-text-area ul li{
	font-size:12px;
	color:#696969;
	padding:0px 15px;
	border-left:1px solid #696969;
	display:inline-block;
}

.profile-text-area ul li:first-child{
	border-left:0px;
	padding-left:0px;
}


.profile-link-area a{
    color: #4d4d4d;
    display: inline-block;
    border: 1px solid #4d4d4d;
    padding: 10px 30px;
    font-size: 14px;
    border-radius: 20px;
    text-decoration: none;
}

.user-d-flex{
	display: flex;
    justify-content: space-between;
	    align-items: center;
}

.profile-image {
    max-width: 150px;
    width: 100%;
    margin-top: -71px;
}
.profile-text-area {
    max-width: 630px;
    width: 100%;
}
.author-banner img{
	display:block;
}

.author-tabs-area{
	padding-top:40px;
	padding-bottom:40px;
	min-height:700px;
}
.author-tab ul{
	margin:0px;
	list-style:none;
	padding:12px 0;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	text-align:center;
}

.author-tab ul li{
	display:inline;
}
.author-tab ul li a{
	display:inline-block;
	font-size:20px;
	color:#000000;
	font-weight:600;
	padding:0px 50px;
	text-decoration:none;
}

.author-tab ul li.active a{
	color:#ff8521;
}


.author-tab-body .tab-content:not(:first-child) {
  display: none;
}


.author-tab-body{
	background-color:#e4e4e4;
	padding:15px;
	font-size:19px;
	color:#646464;
	margin-top:40px;
	border-radius:10px;
}
.profile-tab-area{
	max-width:650px;
	margin:0 auto;
}


.ins-column{
	max-width:680px;
}

.inscription-area{
	padding-top:70px;
	padding-bottom:70px;
	background-color:#eeeeee;
	border-top:1px solid #000;
	min-height:950px;
	border-bottom:1px solid #d9d9d9;
}
.inscription-heading{
	padding-bottom:35px;
}

.inscription-heading h3{
	margin:0px;
	font-size:31px;
	color:#ff8521;
	font-weight:700;
	float:left;
}

.inscription-heading a{
	font-size:17px;
	color:#091522;
	text-decoration:underline;
	float:right;
	margin-top: 12px;
}
.single-ins-area{
	background-color:#ffc761;
	padding:10px 20px;
	margin-bottom:40px;
	border-radius:10px;
}
.single-ins-area h4{
	margin:0px;
	font-size:22px;
	color:#000000;
	font-weight:700;
	float:left;
}
.single-ins-area a{
font-size: 17px;
    color: #818181;
    text-decoration: none;
    display: inline-block;
    margin-top: 5px;
    float: right;
}
.ins-buttons{
	margin-top:50px;
}
.ins-buttons button{
    width: 47%;
    height: 60px;
    border-radius: 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    border: 1px solid;
	cursor:pointer;
}
.ins-buttons button.ins{
	float:left;
	background:rgb(0 0 0 / 62%);
	color:#fff;
}
.ins-buttons button.con{
	float:right;
	border-color:#ff8521;
	color:#ff8521;
	background-color:transparent;
}



.trams-condation-area label{
	font-size:13px;
	color:#a1a1a1;
	font-weight:700; 
	margin-left:10px;
}

.trams-condation-area label a{
	color:#ff8521;
}

.single-page-area{
	padding-bottom:50px;
	min-height:700px;
}


.user-login-area h1{
	font-size:33px;
	color:#ff8521;
	font-weight:700;
	margin-top:0px;
	margin-bottom:20px;
}
.user-login-area .um-field-checkbox, .user-login-area .um-field-checkbox{
	margin-bottom:40px;
	font-size:17px;
	color:#292f36;
}

.user-login-area .um-field-checkbox .um-field-checkbox-option, .user-login-area .um-field-checkbox .um-field-checkbox-option{
	font-size:17px!important;
	color:#292f36!important;
}
.user-login-area .um-field-Email-show{
	margin-bottom:0px; 
}
.user-login-area .um-field-Email-show .um-field-checkbox .um-field-checkbox-option{
	
	font-size:12px!important;
	color:#292f36!important;
}
.user-login-area .um-left input[type="submit"], .user-login-area .um-left input[type="submit"]{
	background-color: #ff8521!important;
    height: 60px!important;
    font-size: 24px;
}
.user-login-area .um-right a.um-alt, .user-login-area .um-right a.um-alt{
	    font-size: 24px;
    color: #ff8521;
    border: 2px solid #ff8521!important;
    box-shadow: 0px 0px 0px;
	background-color:transparent!important;
}
.user-login-area i.um-icon-android-checkbox-outline, .user-login-area i.um-icon-android-checkbox-outline{
	color: #ff8521!important;
}
.user-login-area .um-col-alt-b a.um-link-alt, .user-login-area .um-col-alt-b a.um-link-alt{
    color: #091522!important;
    font-size: 17px;
    font-weight: 600;
    text-decoration: underline!important;
    margin-top: 30px;
}
.user-login-area .um-field-area, .user-login-area .um-field-area{
	margin-bottom:20px;
}
.user-login-area .um-form input[type=text], .user-login-area .um-form input[type=password]{
        height: 65px!important; 
		background-color:#fff!important;
}

.user-login-area{
	background-color:#EEEEEE;
	padding:80px 0;
	min-height:600px;
}




.max-width-640{
	max-width:640px;
}

.telecharge-heading-area{
	background-color:#eeeeee;
	padding-top:50px;
	padding-bottom:50px;
}
.video-trams-top-area {
  text-align: center;
  
  margin-bottom: 90px;
  background-color: #e3e3e3;
  padding: 20px;
  border-radius: 5px;
}
.video-trams-top-area h4{
	font-size:24px;
	color:#000000;
	margin:0px;
	font-weight:700;
}
.video-trams-top-area a{
	font-size:18px;
	color:#fe8929;
	font-weight:700;
}

.video-trams-area{
	background-color:#eeeeee;
	padding-top: 20px;
}

.video-trams-bottom-area h4{
	font-size:29px;
	color:#000000;
	margin-top:0px;
	margin-bottom:10px;
}

.video-trams-bottom-area h5{
	font-size:24px;
	color:#fe8929;
	margin:0px;
}


.video-trams-bottom-area p{
	font-size:28px;
	color:#000000;
	margin-top:5px;
	margin-bottom:50px;
}
.video-trams-bottom-area h1{
	font-size:24px;
	color:#000000;
	margin:0px;
	font-weight:700;
	padding-bottom:30px;
}

.video-trams-bottom-area h1 a{
	color:#fe8929;
}





.telecharge-form-area{
	background-color:#eeeeee;
	padding:20px 0;
}
.telecharge-form-area p{
	font-size:17px;
	color:#091522;
	margin-top:0px;
	margin-bottom:40px;
	text-align:center;
}
.telecharge-form-area p a{
	color:#fe8929;
	text-decoration:underline;
}

.tele-single-input input{
	height:60px;
	color:#545262;
	font-size:18px;
	background-color:#fff;
	padding-left:10px;
	width:100%;
	font-size:18px;
}
.tele-single-input textarea{
	height:120px;
	color:#545262;
	font-size:18px;
	background-color:#fff;
	padding-left:10px;
	width:100%;
	padding-top:10px;
	font-size:18px;
}
.tele-single-input{
	margin-bottom:20px;
}

.telecharge-form-area h5{
	text-transform:uppercase; 
	font-size:22px;
	color:#000000;
	margin-top:30px;
	margin-bottom:10px;
	text-align:center;
}
.tele-upload-button label {
  width: 100%;
  background-color: #fafafa;
  height: 122px;
  display: inline-block;
  border: 2px dashed #e4e4e4;
  cursor:pointer;
  border-radius:10px;
  background-image:url(img/up-button.png);
  background-repeat:no-repeat;
  background-position:center center;
}
.tele-upload-button input{
	display:none;
}

.trams-area {
  margin-top: 45px;
  margin-bottom: 50px;
}
.trams-area label{
	font-size:13px;
	color:#a1a1a1;
	font-weight:700;
}
.trams-area label a{
	color:#ff8521;
}

.tele-submit-button button{
    width: 48%;
    display: inline-block;
    font-size: 24px;
    color: #ff8521;
    border: 2px solid #ff8521;
    border-radius: 10px;
    font-weight: 700;
    background-color: transparent;
    height: 60px;
}


.tele-submit-button button.evo{
	float:left;
	background-color:#ff8521;
	color:#fff;
}
.tele-submit-button button.insc{
	float:right
}










.tele-upload-button {
  background-color: #fff;
  padding:15px 20px;
}
.tele-upload-button p{
	color:#545262;
	text-align:left;
	font-size:18px; 
	margin-bottom:10px;
}








.telecharge-heading-area h2{
	font-size:33px;
	color:#ff8521;
	margin:0px;
	font-weight:700;
}
.telecharge-heading-area h3{
	font-size:22px;
	color:#000000;
	margin-top:0px;
	margin-bottom:20px;
	font-weight:700;
}

.telecharge-col-area {

}

.telecharge-logos-area{

}

.telecharge-col-area .upload-button{
	  display: flex;
  justify-content: center;
  align-content: center;
  text-align: center;
  margin-left:-10px;
  margin-right:-10px;
}

.telecharge-col-area .upload-button .wpcf7-list-item{
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    border-radius: 10px;
	    width: 33%;
}

.telecharge-col-area .upload-button .wpcf7-list-item label{
	border: 1px solid #9e9e9e;
	padding-top: 70px;
	padding-bottom: 30px;
	padding-left:20px;
	padding-right:20px;
	    display: inline-block;
    border-radius: 10px;
	cursor:pointer;
	
}

.telecharge-col-area .upload-button .wpcf7-list-item input:checked ~ label{
	border: 1px solid red;
}

.telecharge-col-area .upload-button .wpcf7-list-item:first-child{
	background:url(https://bvthemetest2022.online/wp-content/uploads/2022/05/logo.png);
	background-repeat:no-repeat;
	    background-position: center 10px;
    background-size: 160px;
}
.telecharge-col-area .upload-button .wpcf7-list-item:nth-child(2){
	background:url(https://bvthemetest2022.online/wp-content/uploads/2022/05/logo1.png);
	background-repeat:no-repeat;
	    background-position: center 10px;
    background-size: 160px;
}
.telecharge-col-area .upload-button .wpcf7-list-item:nth-child(3){
	background:url(https://bvthemetest2022.online/wp-content/uploads/2022/05/logo2.png);
	background-repeat:no-repeat;
	    background-position: center 10px;
    background-size: 160px;
}












.telecharge-logos-area .wpcf7-form-control-wrap {
    position: initial;
}
.telecharge-logos-area .wpcf7-list-item-label {
    display:none;
}



.telecharge-logos-area label.checked{
	border:1px solid #fe8929;
}

.telecharge-logos-area img{
	max-width:160px;
}
.telecharge-logos-area p{
	font-size:15px;
	margin-bottom:0px;
	margin-top:10px;
	color:#000000;
}

.select2.select2-container{
	width:100%!important;
	
	font-size:18px;
	color:#545262;
}
.select2.select2-container .select2-selection{
	height:60px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px!important;
}
.select2.select2-container .select2-selection .select2-selection__arrow:before{
	line-height: 60px!important;
}
a.userHideUrl{
	display:none!important
}

.um-field-value a{
	color:#FF761A!important;
}
.um-profile-edit a{
	color:#FF761A!important; 
}
.um-cover-e a{
	color:#FF761A!important; 
}

.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%; 
  color: transparent;
  white-space: nowrap;
}
.bts-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.bts-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
      z-index: 9999;
}

.popup-heading {
    min-height: 190px;
    background-size: cover;
    background-position: center center;
	font-size:28px;
	font-weight:700;
	padding-top:20px;
	color:#fff;
	border-radius:10px 10px 0px 0px;
}

.popup-body-area form{
	border:4px solid #FF761A;
	border-radius:10px;
	max-width:250px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.popup-body-area input{
    border: 0px;
    height: 60px;
    width: 100%;
    padding-left: 5px;
    padding-right: 70px;
	outline:0px!important;
}
.popup-body-area button{
	background-color:#FF761A;
	border:0px;
	width:70px;
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
	color:#fff;
	font-size:24px;
	font-weight:700;
}

 input[type=submit].um-button{
	background-color:#ff6a00!important;
}
.um-account-profile-link a{
	color:#ff6a00!important;
}
.um-account-side li a.current .um-account-title{
	color:#ff6a00!important;
}
.um-account-side li a.current{
	color:#ff6a00!important;
}


.popup-body-area{
	border-radius:0px 0px 10px 10px;
	background:#fff;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
}
.popup-body-area h2{
	font-size:29px;
	color:#ff7f00;
	margin:0px;
	font-weight:700;
}

.popup-body-area h3{
	margin-top:0px;
	color:#000000;
	font-size:25px;
	font-weight:700;
	margin-bottom:30px;
}
.popup-body-area h4{
	font-size:25px;
	color:#000000;
	font-weight:700;
	margin-bottom:10px;
}

.popup-body-area p{
    font-size: 17px;
    color: #818181;
    margin: 0px;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 10px;
}
.popup-body-area p a{
	color:#303030;
}








.bts-popup-container {
  position: relative;
  width: 90%;
  max-width: 460px;
  margin: 4em auto;
  border-radius: none; 
  text-align: center;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}


.bts-popup-container .bts-popup-button {
  padding: 5px 25px;
  border: 2px solid white;
	display: inline-block;
  margin-bottom: 10px;
}

.bts-popup-container a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}


.um-profile-nav{
    background: transparent!important;
    display: flex;
    justify-content: center;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}

.um-profile-nav .um-profile-nav-item a{
    color: #000!important;
    font-size: 20px;
    padding: 0px;
    margin: 0px 30px;
}
.um-profile-nav .um-profile-nav-item a:hover{
	background: transparent!important;
}



.um-profile-nav .um-profile-nav-item a i{
	display:none;
}




.um-422.um{
	max-width: 100% !important;
}
.active a.uimob800-hide.uimob500-hide.uimob340-hide{
	color: #ff8521!important;
	background: transparent!important;
}
.um-header{
	border-bottom:0px!important;
}




.um-422.um .um-profile-body{
	max-width: 100% !important;
}
.um-profile-body.posts .um-ajax-items{
	display:flex;
	margin-left:-15px;
	margin-right:-15px;
	flex-wrap: wrap;
}

.um-profile-body.posts .um-ajax-items .um-item{
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;
}
.um-profile-body.posts .um-ajax-items .um-item .um-item-link a{
	font-size: 16px;
	color: #ff6a00!important;
	font-weight: 900;
}
.um-profile-body.posts .um-ajax-items .um-item .um-item-link .um-icon-ios-paper{
	display:none;
}
.um-load-items {
  width: 100%;
}

.um-load-items a{
  background-color:#FF761A!important;
  color:#fff!important; 
}

.um-profile.um-viewing .um-field-label{
	    margin: 0px!important;
    border-bottom: 0px!important;
    padding-bottom: 0px!important;
}



.um-profile-body .um-col-1{
	background-color:#eeeeee;
	padding:20px 50px;
	border-radius:20px;
	margin-top:20px;
}
.um-profile-body .um-col-1 .um-field label{
	font-weight:400;
	color:#646464;
	font-size:20px!important;
	    line-height: 2!important;
}
.um-main-meta .um-name a{
	font-size:20px;
	color:#ff8521!important;
	text-transform:capitalize;
}
.um-profile-body .um-col-1 .um-field .um-field-value{
	font-weight:700;
	color:#646464;
	font-size:20px;
}

.um-profile-meta .um-meta-text{
	font-weight:700;
}


.um-account-side li a.current span.um-account-icon{
	color:#FD8532!important;
}


.posts .um-item-meta span{
	font-size:12px;
	
}
.um-item-meta span a{
	color: #ff6a00!important;
}


.bts-popup-container .bts-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 16px;
  height: 3px;
  background-color: white;
}
.bts-popup-container .bts-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.bts-popup-container .bts-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
}
.is-visible .bts-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .bts-popup-container {
    margin: 6em auto;
  }
}


.login-user-menu{
	margin:0px;
	padding:0px;
}

.login-user-menu li{
	display: inline;
	font-size: 13px;
	vertical-align: middle;
	font-weight:600;
	color:#000000;
}
.login-user-menu li a.uu-link{
	background-color:transparent;
	color:#000000;
}

.um-profile-navbar .um-messaging-btn{
	float:none;
	text-align:center;
}
.um-profile-navbar{
	padding-bottom:20px;
}

.um-profile-navbar .um-messaging-btn a{
	    border-radius: 25px;
}



.login-user-menu li img{
	vertical-align: middle;
margin-left: 5px;
border-radius: 50%;
}
.login-user-menu li a{
	margin-left:10px;
}
.login-user-menu li a.message{
	padding:0px;
	background-color:transparent;
	position:relative;
}
.login-user-menu li a.message img{
	border-radius:0px;
}
	.mobil-show{
		display: none !important;
	}

.menu-user-footer-menu-container{
	position:relative;
}



	
	
.footer-login-user-menu ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
        justify-content: space-around;
    align-items: center;
    text-align: center;
}

.footer-login-user-menu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    padding: 5px 0;
	display:none;
}
.footer-login-user-menu ul li{
	       width: 25%;
}
.footer-login-user-menu ul li a{
    color: #4e4e4e;
    font-size: 10px;
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none;
	position:relative;
	padding-top:30px;
}
.footer-login-user-menu ul li a:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 30px 30px;
}



.footer-login-user-menu ul li:nth-child(1) a:before{
	background-image:url(img/picto_nav-06.png);
}
.footer-login-user-menu ul li.current-menu-item:nth-child(1) a:before{
	background-image:url(img/picto_nav-05.png);
}


.footer-login-user-menu ul li:nth-child(2) a:before{
	background-image:url(img/interrogation-free-icon-font2.png);
	    background-size: 28px 28px;
	
}
.footer-login-user-menu ul li.current-menu-item:nth-child(2) a:before{
	background-image:url(img/interrogation-free-icon-font.png);
}


.footer-login-user-menu ul li:nth-child(3) a:before{
}
.footer-login-user-menu ul li:nth-child(3) a{
text-indent: -9999px;
    background-image: url(img/Picto_crown-01-01.png);
    height: 40px;
    width: 40px;
    background-size: cover;
}


.footer-login-user-menu ul li.current-menu-item:nth-child(3) a{
    background-image: url(img/Picto_crown-01-02.png);
}


.footer-login-user-menu ul li:nth-child(4) a:before{
	background-image:url(img/Bubble_MOBILE_FOOTER-01.png);
}

.footer-login-user-menu ul li.current-menu-item:nth-child(4) a:before{
	background-image:url(img/Bubble_MOBILE_FOOTER-02.png);
}


.footer-login-user-menu ul li:nth-child(5) a:before{
	background-image:url(img/picto_nav-04.png);
} 
	
.message .bpbmuc {
  background-color: #3AB801;
  position: absolute;
  right: -14px;
  top: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 700;
  font-size: 10px;
}
	
.footer-login-user-menu .bpbmuc{
	position: absolute;
    top: 5px;
    right: 23%;
	background-color: #3AB801;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-weight: 700;
	font-size: 10px;
}

	
.um-profile-nav a i.um-faicon-user:before{
	display:none;
}	
		
.um-profile-nav a i.um-faicon-user{
	background-image: url(img/Profile_black_member.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	background-position: center center;
}	

.um-profile-nav .um-profile-nav-item.active a i.um-faicon-user{
		background-image: url(img/Profile_White_member.png);
}



.um-profile-nav a i.um-faicon-pencil:before{
	display:none;
}	
		
.um-profile-nav a i.um-faicon-pencil{
	background-image: url(img/ICON_POST_FOR_MEMBER_PAGE.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	background-position: center center;
}	

.um-profile-nav .um-profile-nav-item.active a i.um-faicon-pencil{
		background-image: url(img/White_ICON_POST_FOR_MEMBER_PAGE.png);
}

.user-login-area a.login-link{
	text-decoration:underline;
	color:#091522;
	font-size:17px;
	position:absolute;
	right:0px;
	top:13px;
}
.position-relative{
	position:relative;
}





.user-login-area .um-field.um-field-block.um-field-block.um-field-type_block{
    background-color: #ffc761;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.user-login-area .um-field.um-field-block.um-field-block.um-field-type_block h3{
    font-size: 22px;
    color: #000000;
    margin: 0px;
    font-weight: 700;
    position: relative;
}
.user-login-area .um-field.um-field-block.um-field-block.um-field-type_block p{
	font-size: 17px;
    color: #818181;
    margin: 0px;
    position: absolute;
    right: 25px;
    top: 20px;

}

.user-login-area .um-field-register_profile_photo{
	background-color:#fff;
	padding:15px 20px!important;
}

.user-login-area .um-field-register_profile_photo .um-field-area{
	    width: 100%;
    background-color: #fafafa;
    height: 122px;
    border: 2px dashed #e4e4e4;
    cursor: pointer;
    border-radius: 10px;
    background-image: url(img/up-button.png);
    background-repeat: no-repeat;
    background-position: center center;
	    margin-bottom: 0px;
		overflow: hidden;
}

.user-login-area .um-field-gender{
	
	margin-top:20px;
}

.user-login-area .um-field-gender .um-field-radio {
    border: 1px solid #D1D1D1;
    padding: 13px;
    width: 45%;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    color: #545262;
    border-radius: 10px;
	cursor:pointer;
	    margin: 0px;
}

.user-login-area .um-field-gender .um-field-radio:first-child{
    background-image: url(img/m.png);
    background-repeat: no-repeat;
    background-position: 75px center;
}
.user-login-area .um-field-gender .um-field-radio:nth-child(2){
    background-image: url(img/f.png);
    background-repeat: no-repeat;
    background-position: 60px center;
}
.user-login-area .um-field-trams label.um-field-checkbox{
    width:100%;
}


.user-login-area .um-field-gender .um-field-radio.active {
    background-color:#E7E7E7;
}
.user-login-area .um-field-gender .um-field-radio .um-field-radio-option {
    margin:0px;
}

.user-login-area .um-field-gender .um-field-radio .um-field-radio-state {
   opacity:0;
}
.user-login-area .um-field-gender .um-field-area{
   background-color: #fff;
    padding: 15px 20px;
}




.user-login-area .um-field-register_profile_photo .um-field-area a{
	background-color: transparent!important;
    box-shadow: 0px 0px 0px;
    width: 100%;
    height: 100%;
    text-indent: -99999px;
}

.user-login-area .um-field{
    padding:0px;
}






.um-profile-nav a i.um-faicon-pencil:before{
	display:none;
}	
		
.um-profile-nav a i.um-faicon-pencil{
	background-image: url(img/ICON_POST_FOR_MEMBER_PAGE.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	background-position: center center;
}	

.um-profile-nav .um-profile-nav-item.active a i.um-faicon-pencil{
		background-image: url(img/ICON_POST_FOR_MEMBER_PAGE.png);
}


.um-profile-nav a i.um-faicon-comment:before{
	display:none;
}	
		
.um-profile-nav a i.um-faicon-comment{
	background-image: url(img/comment_post.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	background-position: center center;
}	

.um-profile-nav .um-profile-nav-item.active a i.um-faicon-comment{
		background-image: url(img/comment_post_white.png);
}
	



.um-profile-nav a i.um-faicon-envelope-o:before{
	display:none;
}	
		
.um-profile-nav a i.um-faicon-envelope-o{
	background-image: url(img/envelope-Messages_member_Black.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 25px;
	background-position: center center;
}	

.um-profile-nav .um-profile-nav-item.active a i.um-faicon-envelope-o{
		background-image: url(img/envelope-Messages_member_white.png);
}
	
	
	.um-profile-body .um-field-Email-show{
		display:none;
	}
	
button#passButton {
    background-color: transparent;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    border: 0px;
    z-index: 9999;
}	
	
.worng-pass{
	text-align:center;
	padding:10px 0;
	background:red;
	color:#fff;
	font-weight:700;
	font-size:18px;
}	
	.telecharge-col-area .upload-button .wpcf7-list-item input:checked:before{
		content: "";
		border: 2px solid #ff8521;
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 10px;
	}

.telecharge-col-area .upload-button .wpcf7-list-item input {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
	background: rgba(40,40,40,0);
	border-radius:10px;
}	


.user-login-area .um-field-trams label.um-field-checkbox a{
	color:#ff8521;
}














@media only screen and (max-width: 767px) {
	
	.footer-login-user-menu{
		display:block;
	}
	.prem-video{
		text-align:left;
		    padding-left: 15px;
    padding-right: 15px;
	padding-bottom:0px;
	}
	.blog-row {
	   margin: 0 0px;
	}
	.footer-menu-area{
		display:block;
	}
	.header-top-area{
		font-size:16px;
	}
	.header-top-area img {
		max-width: 50px;
	}
	button.cross-button {
		top: 15px;
	}
	button.cross-button img{
		max-width: 15px
	}
	.main-menu-button {
		width:80px
	}
	.logo-area{
		    width: 50%;
	}
	.connexion-area a {
		font-size: 12px;
	}
	.balance-video-link a {
		    font-size: 10px;
    padding: 10px 15px;
	}
	.balance-video-link a img {
		vertical-align: middle;
		margin-right: 10px;
		max-width: 20px;
	}
	.banner-area .column {
		display:inherit;
	}
	.banner-left-area, .banner-right-area{
		display:inherit;
		width:100%;
		    text-align: center;
	}
	.right-overlay{
		display:none;
	}
	.banner-left-area h2 {
	font-size: 16px;
    margin-bottom: 0px;
    line-height: 1;
	}
	.banner-left-area p {
		font-size: 12px;
	}
	.banner-right-area h3 {
		font-size: 16px;
	}
	
	.single-blog-post-area{
		width:100%;
		padding:0px;
	}
	ul#primary-menu{
		    padding-left: 15px;
		    padding-right: 15px;
	}
	ul#primary-menu > li > a {
		font-size: 16px;
		padding-left: 0;
		padding-right: 0px;
		margin: 0px;
	}
	.menu-area .column{
		width:100%;
	}
	.menu-area ul.sub-menu li {
		width: 100%;
		margin-bottom: 5px;
		text-align: left;
	}
	.menu-area ul.sub-menu li a{
    text-align: left;
    font-size: 25px;
	}
	.cat-details{
		font-size:16px;
	}	
	.logos-area{
		width:25%;
	}
	.balance-video-link{
		width:50%;
	}
	ul#primary-menu > li > a:before{
		display:none;
	}
	.menu-back-color {
		padding-left: 0px;
		padding-right: 0px;
	}
	.footer-menu-area ul li a img{
		    max-width: 25px;
	}
	.footer-area{
		padding-bottom:100px;
	}
	.cat-left-area {
		width: 48%;
	}
	.cat-left-area p {
		font-size: 12px;
	}
	.banner-area .column {
		width:100%; 
	}
	.vip-video-area {
		margin-left: -15px;
		margin-right: -15px;
	}
	.banner-right-area{
		padding:0px;
		background-color:#fff;
		padding-top:15px;
	}
	.blog-post-image img{
		width:100%;
	}
	.tarenoi-tameuf-area h2 {
		font-size: 16px;
	}
	.banner-left-area{
		    padding: 0px 15px;
	}
	.cat-logo-area{
		padding:20px;
	}
	.single-related-video{
		    width: 50%;
    padding: 5px;
	}
	.related-video,.video{
		margin-left:-2.5%;
		margin-right:-2.5%;
	}
	.cat-details p{
		font-size:14px;
	}
	.vip-banner-text h2{
		font-size:18px;
		margin-bottom:15px;
	}
	.vip-banner-text {
		padding-top: 25px;
	}
	.vip-single-faq-area h4 {
		font-size: 18px;
	}
	.vip-faq-area p{
		margin:5px 0px;
		font-size:14px;
	}
	.vip-bottom-area h2{
		font-size:18px;
	}
	.vip-bottom-area{
		font-size:14px;
	}
	.author-area {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.video-area {
		padding-top: 0;
		margin-top:0px;
	}
	.menu-area ul.sub-menu{
		min-height:100vh;
		display:inherit;
		padding-top: 30px;
		padding-left: 30px;
	}
	.menu-back-color{
		padding:10px 0;
	}
	.related-post-area h2 {
		font-size: 18px;
	}
	.add-related-posts {
		flex-wrap: wrap;
		margin: 0 -5px;
		display: flex;
	}
	ul#primary-menu > li{
		width:33.33%;
		text-align:center;
	}
	ul#primary-menu > li:last-child{
		display:none;
	}
	.single-related-heading h3 {
		font-size: 14px;	
	}
	.single-related-heading a {
		font-size: 10px;
	}
	.single-related-text p.cat-links-area a {
		font-size: 10px;
	}
	.fixed-header {
		position: inherit;
		top: auto;
	}
	.fixed-header .header-top-area{
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 9999;

	}
	.footer-area {
		padding-bottom: 30px; 
	}
	
	.telecharge-col-area{
		display:inherit;
	}
	.telecharge-logos-area{
		margin-bottom:15px; 
	} 
	
	.tele-single-input input{
		height:40px;
	}
	.select2.select2-container .select2-selection{
		height:40px!important;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 40px!important;
	}
	.select2.select2-container .select2-selection .select2-selection__arrow:before{
		line-height: 40px!important;
	}
	.tele-single-input textarea{
		height:80px;
	}
	.tele-submit-button button {
		font-size: 16px;
		height: 40px;
	}
	.video-trams-top-area h4 {
		font-size: 20px;
	}
	.video-trams-top-area a, .video-trams-bottom-area h5{
		font-size: 14px;
	}	
	.video-trams-bottom-area p{
		font-size:18px;
	}
	.video-trams-bottom-area h1{
		font-size:20px;
	}
	.telecharge-form-area h5{
		font-size:18px;
	}
	.trams-area label {
		font-size: 10px;
	}
	.video-trams-top-area{
		margin-bottom:20px;
	}
	
	.popup-body-area h2 {
		font-size: 22px;
	}
	.popup-body-area h3 {
		font-size: 18px;
	}
	.popup-body-area h4 {
		font-size: 18px;
	}
	.popup-body-area p{
		font-size:12px;
	}
	
	.user-login-area {
		padding: 20px 0;
	}
	.user-login-area .um-form input[type=text], .user-login-area .um-form input[type=password]{
		height:40px!important;
	}
	.user-login-area .um-left input[type="submit"], .user-login-area .um-left input[type="submit"] {
		height: 40px!important;
		font-size: 16px;
	}
	.user-login-area .um-right a.um-alt, .user-login-area .um-right a.um-alt {
		font-size: 16px;
		height: 40px;
		    padding: 12px!important;
	}
	.mobil-show{
		display:block!important;
	}
	.mobile-none{
		display:none;
	}
	.um-profile-body .um-col-1 .um-field label {
		  font-size: 14px !important;
	}
	.um-profile-body .um-col-1 .um-field .um-field-value {
	  font-size: 14px;
	  margin-left:0px;
	}
	.um-profile-body .um-col-1 .um-field {
	  display: inherit;
	}
	.um-profile-body .um-col-1 {
	  padding: 10px 20px;
	}
	 .um .um-profile-nav-item.active a{
		 background:#FF761A !important;
	 }
	 .um-profile-body.posts .um-ajax-items{
		 display:inherit;
	 }
	.um-profile-body.posts .um-ajax-items .um-item{
		width:100%;
	}
	.connexion-area.end-itam.d-flex.align-itams-center.text-center {
	  justify-content: center;
	  padding: 15px 0;
	}
	.um-422.um {
	  max-width: 85% !important;
	}
	.bp-messages-wrap.bp-messages-mobile .scroller {
		max-height: calc(80% - 44px)!important;
	}
	.single-page-area {
	  padding: 0px 0;
	}
	.page-content, .entry-content, .entry-summary {
	  margin: 10px 0 0;
	}
	.user-login-area .um-field.um-field-block.um-field-block.um-field-type_block h3 {
		font-size: 15px;
	}
	.user-login-area .um-field.um-field-block.um-field-block.um-field-type_block p {
		font-size: 12px;
		top: 17px;
	}
	.user-login-area .um-field-gender .um-field-radio{
		    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    padding: 5px;
	}
button#passButton {
    max-width: 55px;
    bottom: 70px;
    right: 15px;
}
.telecharge-col-area .upload-button{
	display:inherit;
	    margin-left: 0px;
    margin-right: 0px;
}	
	.telecharge-col-area .upload-button .wpcf7-list-item{
		width:100%;
		margin-bottom:10px;
		    margin-left: auto;
		margin-right: auto;
	}
	.telecharge-col-area .upload-button .wpcf7-list-item label{
		width:100%;
	}
	.user-login-area .um-left input[type="submit"], .user-login-area .um-left input[type="submit"] {
		height: 50px!important;
	}
	.user-login-area .um-right a.um-alt, .user-login-area .um-right a.um-alt {
		height: 50px;
		line-height: 24px!important;
	}	
	.user-login-area .um-field-checkbox .um-field-checkbox-option, .user-login-area .um-field-checkbox .um-field-checkbox-option{
		font-size:13px;
	}
	.popup-heading{
		min-height:0px;
	}
	
}

/* === Custom CSS Added === */
/* === PLAYER RESPONSIVE === */
.responsive-player {
    position: relative;
    padding-bottom: 75%; /* Ratio 16:9 */
    height: 0;
    overflow: hidden;
    background-color: #000;
}

.responsive-player video,
.responsive-player iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}

/* === VIP NOTICE === */
.vip-notice {
    text-align: center;
    font-weight: bold;
    margin: 1rem 0;
    background: #ffefc5;
    padding: 0.8rem;
    border-radius: 5px;
    color: #333;
}

/* === VIDEO AUTHOR === */
.video-author {
  margin-top: 2rem;
  padding: 1rem;
  background-color: #fafafa;
  border: 1px solid #eee;
  border-radius: 10px;
}

.author-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 10px;
  background: #f8f8f8;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  border: 1px solid #eee;
}

.author-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.author-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.author-info {
  flex: 1;
}

.author-name {
  font-size: 1rem;
  margin: 0 0 0.25rem 0;
}

.author-bio {
  font-size: 0.9rem;
  margin: 0;
  color: #555;
}

@media (max-width: 600px) {
  .author-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .author-avatar {
    width: 100px;
    height: 100px;
    margin-bottom: 0.5rem;
  }
}

/* === VIDÉOS LIÉES === */
.video-related {
  margin-top: 3rem;
}

.video-related h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}

.related-item {
  background: #f9f9f9;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0,0,0,0.05);
}

.related-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.related-content {
  padding: 0.8rem;
}

.related-content h3 {
  font-size: 1rem;
  margin: 0 0 0.5rem;
}

.related-content p {
  font-size: 0.9rem;
  color: #555;
}

/* === COMMENTAIRES === */
.comments-area {
  margin-top: 3rem;
  background: #fff;
  /*padding: 1.5rem;*/
  border-radius: 10px;
  /*box-shadow: 0 0 5px rgba(0,0,0,0.05);*/
}

.comments-intro {
  background: #fff8dc;
  padding: 1rem;
  border: 1px solid #ffe58f;
  border-radius: 8px;
  font-size: 0.95rem;
  margin-bottom: 1.5rem;
}

.comment-group {
  margin-bottom: 2rem;
}

.comment-group-title {
  font-size: 1.25rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  color: #333;
}

.comment-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.no-comments {
  text-align: center;
  color: #777;
  font-style: italic;
  margin-top: 1rem;
}

/* === FORMULAIRE DE COMMENTAIRES === */
.custom-comment-form {
    background: #f9f9f9;
    padding: 1em;
    border-radius: 8px;
    margin-top: 2em;
}

.custom-comment-form .form-group {
    margin-bottom: 1em;
}

.custom-comment-form .form-label {
    display: block;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.custom-comment-form .form-control {
    width: 100%;
    padding: 0.7em;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 1em;
}

.custom-comment-form .submit-button {
    padding: 0.6em 1.2em;
    background-color: #f2b705;
    color: #000;
    font-weight: bold;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.custom-comment-form .submit-button:hover {
    background-color: #f5cd35;
}

.hidden-comments-notice {
    background-color: #fff4e6;
    border-left: 4px solid #ffa500;
    padding: 15px;
    margin-top: 10px;
    font-size: 1em;
    border-radius: 6px;
}

.hidden-comments-notice a {
    font-weight: bold;
    text-decoration: underline;
}

/* === RÉORGANISATION DE LA SECTION VIDÉO === */
.video-description {
    margin-top: 1.5rem;
    padding: 1.5rem;
    background: #f8f8f8;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
}

.video-description h1 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: #222;
    line-height: 1.3;
}

.video-description .content {
    font-size: 1rem;
    line-height: 1.6;
    color: #444;
    margin-bottom: 1.5rem;
}

/* === TAGS INTÉGRÉS DANS LA DESCRIPTION === */
.video-categories-inline {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #ddd;
}

.video-categories-inline h4 {
    font-size: 0.9rem;
    margin: 0 0 0.8rem 0;
    color: #666;
    font-weight: 600;
}

.video-categories-inline .tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.video-categories-inline .tags-container a {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    font-size: 0.85rem;
    color: #555;
    text-decoration: none;
    transition: all 0.3s ease;
}

.video-categories-inline .tags-container a:hover {
    background-color: #ff6a00;
    color: white;
    border-color: #ff6a00;
    transform: translateY(-1px);
}

/* === SECTION ACTIONS VIDÉO (RATING + SIGNALER) === */
.video-actions-section {
    margin-top: 1.5rem;
    padding: 1.2rem;
    background: linear-gradient(135deg, #f8f8f8 0%, #f0f0f0 100%);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.video-actions-section:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.actions-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
}

/* === SECTION RATING À GAUCHE === */
.rating-section {
    flex: 1;
    min-width: 250px;
}

.rating-section h4 {
    margin: 0 0 0.8rem 0;
    font-size: 1rem;
    color: #333;
    font-weight: 600;
}

.rating-plugin .rmp-stars-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.3rem;
}

.rating-plugin .rmp-star {
    font-size: 1.6rem !important;
    transition: all 0.2s ease;
}

.rating-plugin .rmp-star:hover {
    transform: scale(1.15);
}

.rating-plugin .rmp-rating-result {
    margin-top: 0.5rem;
    font-size: 0.9rem;
    color: #666;
    text-align: left;
}

/* === SECTION ACTIONS À DROITE === */
.video-actions-right {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    text-align: right;
}

.download-link {
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.download-link a {
    color: #ff6a00;
    font-weight: bold;
    text-decoration: none;
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.download-link a:hover {
    background-color: #ff6a00;
    color: white;
    text-decoration: none;
    transform: translateY(-1px);
}

.report-link {
    margin-left: auto;
}

.report-link a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    color: #d33;
    text-decoration: none;
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.report-link a:hover {
    background-color: rgba(221, 51, 51, 0.1);
    border-color: #d33;
    text-decoration: none;
    transform: translateY(-1px);
}

/* === RESPONSIVE MOBILE === */
@media only screen and (max-width: 767px) {
    .video-description {
        margin-top: 1rem;
        padding: 1rem;
    }
    
    .video-description .content {
        margin-bottom: 1rem;
    }
    
    .video-categories-inline .tags-container a {
        font-size: 0.8rem;
        padding: 0.3rem 0.6rem;
    }
    
    .video-actions-section {
        margin-top: 1rem;
        padding: 1rem;
        border-left-width: 3px;
    }
    
    .actions-wrapper {
        flex-direction: column;
        align-items: stretch;
        gap: 1.2rem;
    }
    
    .rating-section {
        min-width: unset;
        text-align: center;
        order: 1;
    }
    
    .rating-plugin .rmp-stars-container {
        justify-content: center;
    }
    
    .rating-plugin .rmp-rating-result {
        text-align: center;
    }
    
    .rating-plugin .rmp-star {
        font-size: 1.4rem !important;
    }
    
    .video-actions-right {
        order: 2;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-top: 0.8rem;
        border-top: 1px solid #ddd;
        text-align: left;
    }
    
    .download-link,
    .report-link {
        font-size: 0.85rem;
    }
    
    .download-link a,
    .report-link a {
        padding: 0.5rem 0.7rem;
        border-radius: 8px;
        font-weight: 600;
    }
}

.video-area {
  background-color: #db607b;
}

.vip-banner-area img {
  height: auto;
  max-height: 350px;
}

h1 {
	font-size: 1.2em;
}

.comment-metadata {
  padding-left: 62px;
  margin-top: -18px;
}

div#totalcontest.totalcontest-wrapper img {
 width: 100%;
 height: auto;
}


.vip-notice-modern {
  background: linear-gradient(135deg, #fff4c3, #ffe189);
  color: #3b2f00;
  padding: 1.2rem;
  border-radius: 10px;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  margin: 1.5rem 0;
}

.vip-notice-modern p {
  margin: 0;
}

.vip-notice-modern .vip-button {
  display: inline-block;
  margin-top: 0.5rem;
  padding: 0.6rem 1.2rem;
  background-color: #ff8521;
  color: white;
  text-decoration: none;
  border-radius: 30px;
  font-weight: 700;
  transition: background 0.3s ease;
}

.vip-notice-modern .vip-button:hover {
  background-color: #e46f00;
}

/* Empêche le débordement horizontal */
.um-carousel-wrapper {
    overflow-x: hidden;
    max-width: 100%;
    padding: 0 10px;
}

/* Force le carrousel à rester dans l'écran */
.swiper-container {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
}

/* Force les slides à ne pas dépasser */
.swiper-slide {
    flex-shrink: 0;
    width: auto;
    max-width: 120px;
}

/* test 3 logo */

/* === NOUVEAU DESIGN HEADER AVEC 3 LOGOS - VERSION COMPACTE === */

/* Container principal du header bottom - réduit */
.header-bottom-area {
    border-top: 1px solid #E3E3E3;
    padding: 8px 0;
}

/* Section des logos - plus compacte */
.logos-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    gap: 8px;
}

.logo-item {
    flex: 1;
    text-align: center;
}

.logo-item a {
    display: inline-block;
    transition: transform 0.2s ease;
}

.logo-item a:hover {
    transform: scale(1.03);
}

.logo-item img {
    max-width: 100%;
    height: auto;
    max-height: 35px; /* Réduit de 50px à 35px */
}

/* Section vidéo - bouton plus plat et allongé */
.video-section {
    text-align: center;
    margin-top: 5px;
}

.balance-video-link-new a {
    background: linear-gradient(135deg, #F0F0F0 0%, #E8E8E8 100%);
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    padding: 8px 40px; /* Plus plat et plus large */
    color: #3c1e13;
    text-decoration: none;
    border-radius: 20px; /* Moins arrondi */
    transition: all 0.2s ease;
    border: 1px solid #ddd;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    min-width: 280px; /* Largeur minimale pour la visibilité */
}

.balance-video-link-new a:hover {
    background: linear-gradient(135deg, #494A4A 0%, #333 100%);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.balance-video-link-new a img {
    vertical-align: middle;
    margin-right: 10px;
    max-width: 16px; /* Plus petit */
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
}

/* === RESPONSIVE MOBILE === */
@media only screen and (max-width: 767px) {
    
    .header-bottom-area {
        padding: 6px 0; /* Encore plus compact sur mobile */
    }
    
    /* Logos en version mobile */
    .logos-section {
        flex-direction: row;
        justify-content: space-around;
        margin-bottom: 6px;
        gap: 3px;
    }
    
    .logo-item {
        flex: 1;
        min-width: 0;
    }
    
    .logo-item img {
        max-height: 28px; /* Plus petit sur mobile */
        width: auto;
    }
    
    /* Bouton vidéo compact et plat sur mobile */
    .balance-video-link-new a {
        font-size: 11px;
        padding: 6px 15px; /* Très plat */
        border-radius: 15px;
        min-width: 200px;
    }
    
    .balance-video-link-new a img {
        margin-right: 6px;
        max-width: 14px;
    }
}

/* === RESPONSIVE TABLET === */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
    .logos-section {
        gap: 10px;
        margin-bottom: 6px;
    }
    
    .logo-item img {
        max-height: 32px;
    }
    
    .balance-video-link-new a {
        padding: 7px 35px;
        font-size: 13px;
    }
}

/* === VERSION DESKTOP EXTRA COMPACTE === */
@media only screen and (min-width: 1025px) {
    
    .header-bottom-area {
        padding: 10px 0; /* Un peu plus d'espace sur desktop */
    }
    
    .logos-section {
        margin-bottom: 8px;
    }
    
    .logo-item img {
        max-height: 38px; /* Légèrement plus grand sur desktop */
    }
    
    .balance-video-link-new a {
        padding: 9px 50px; /* Plus large sur desktop pour la visibilité */
        font-size: 15px;
        min-width: 320px;
    }
}

/* === ANIMATION D'ENTRÉE === */
.header-bottom-area .logo-item {
    animation: fadeInUp 0.6s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}

.header-bottom-area .logo-item:nth-child(1) {
    animation-delay: 0.1s;
}

.header-bottom-area .logo-item:nth-child(2) {
    animation-delay: 0.2s;
}

.header-bottom-area .logo-item:nth-child(3) {
    animation-delay: 0.3s;
}

.video-section {
    animation: fadeInUp 0.6s ease-out forwards;
    animation-delay: 0.4s;
    opacity: 0;
    transform: translateY(20px);
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* === COMPATIBILITÉ ANCIENS STYLES === */
/* Masquer les anciens éléments pour éviter les conflits */
.header-bottom-area .w-33.logos-area,
.header-bottom-area .w-33.balance-video-link {
    display: none;
}


/* =====================
   >>> NEW MODULES APPENDED (carrousel + header progressif) <<<
   ===================== */

/* === [ADD] CARROUSEL (optimisé) === */
.um-carousel-wrapper{overflow-x:hidden;max-width:100%;padding:0 10px}
.swiper-container{width:100%;max-width:100vw;overflow:hidden}
.swiper-slide{flex-shrink:0;width:auto;max-width:120px}
/* === [/ADD] CARROUSEL === */

/* === [ADD] HEADER PROGRESSIF AU SCROLL (optimisé) === */
.site-header{position:fixed;top:0;left:0;width:100%;z-index:9999;background:#fff;transform:translateY(0);box-shadow:0 0 0 rgba(0,0,0,0);transition:all .4s cubic-bezier(.25,.46,.45,.94)}
.site-header .header-top-area,
.site-header .header-top-area img,
.site-header .header-mid-area,
.site-header .header-bottom-area,
.site-header .logo-item img,
.site-header .balance-video-link-new a,
.site-header .connexion-area a{transition:all .3s ease}
/* État par défaut */
.site-header .header-top-area{padding:15px 0;font-size:30px}
.site-header .header-top-area img{max-width:90px}
.site-header .header-mid-area,
.site-header .header-bottom-area{padding:10px 0}
.site-header .logo-item img{max-height:40px!important}
.site-header .balance-video-link-new a{padding:8px 30px;font-size:14px}
.site-header .connexion-area a{font-size:14px;padding:4px 15px}
/* États */
.site-header.header-hidden{transform:translateY(-100%);box-shadow:0 0 0 rgba(0,0,0,0)}
.site-header.header-scrolled{transform:translateY(0);box-shadow:0 2px 15px rgba(0,0,0,.1);background-color:rgba(255,255,255,.98);backdrop-filter:blur(8px)}
.site-header.header-scrolled .header-top-area{padding:8px 0;font-size:20px}
.site-header.header-scrolled .header-top-area img{max-width:60px}
.site-header.header-scrolled .header-mid-area,
.site-header.header-scrolled .header-bottom-area{padding:6px 0}
.site-header.header-scrolled .logo-item img{max-height:25px!important}
.site-header.header-scrolled .balance-video-link-new a{padding:6px 25px;font-size:12px}
.site-header.header-scrolled .connexion-area a{font-size:13px;padding:2px 12px}
/* Indicateur de scroll */
.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#ff6a00,#ffde6a);z-index:10000;transition:width .1s ease}
/* Body spacing */
body{padding-top:0}
body.has-fixed-header{padding-top:140px}
/* Mobile */
@media (max-width:767px){
  .site-header .header-top-area{padding:10px 0;font-size:18px}
  .site-header .header-top-area img{max-width:50px}
  .site-header .header-mid-area,
  .site-header .header-bottom-area{padding:8px 0}
  .site-header .logo-item img{max-height:30px!important}
  .site-header .balance-video-link-new a{padding:6px 20px;font-size:12px}
  .site-header{position:fixed;transform:translateY(0)}
  .site-header.header-scrolled .header-top-area{padding:5px 0;font-size:14px}
  .site-header.header-scrolled .header-top-area img{max-width:35px}
  .site-header.header-scrolled .header-mid-area,
  .site-header.header-scrolled .header-bottom-area{padding:4px 0}
  .site-header.header-scrolled .logo-item img{max-height:20px!important}
  .site-header.header-scrolled .balance-video-link-new a{padding:4px 15px;font-size:10px}
  body.has-fixed-header{padding-top:120px}
}
/* Tablet */
@media (min-width:768px) and (max-width:1024px){
  body.has-fixed-header{padding-top:130px}
}
/* Animations */
@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes slideUp{from{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}
/* Hover states */
.site-header.header-scrolled .connexion-area a:hover,
.site-header.header-scrolled .balance-video-link-new a:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}
/* GPU perf */
.site-header,
.site-header *{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
/* === [/ADD] HEADER PROGRESSIF === */