/*Theme Name: Vinch */
/*
.grecaptcha-badge{display:none!important;} */
/* ==== RESET CSS ==== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th{
	background-color: #f8f8f8;
	color:#6d6d6d;
}
blockquote{
	padding:0px 0 0 25px;
	margin-bottom:35px;
	position:relative;
	margin-top:30px;
	
}
blockquote p{
	font-size:22px!important;
	line-height:24px!important;
	color:#ffad75!important;
}
blockquote:before{
	position:absolute;
	top:0;
	left:0px;
	content:'';
	height:100%;
	width:1px;
	border-left:5px solid #ffad75;
}
.wp-block-quote{
	border:none!important;
}
cite{
	color:#999;
	font-size:14px;
}
/* cacher captcha */
.grecaptcha-badge {display: none!important;}

/* ==== BASES ==== */

body{
	font-family:'Poppins', sans-serif;
	font-size:15px;
	color:#51535c;
	overflow-x:hidden; /* barre horizontale quand met sections full largeur */
}
html, body, section /*, #bg-page */{
  height: 100%;
}

a{
	text-decoration:none;
	color:#ffad75;
}

h1{
	font-size:54px;
	line-height:52px;
	margin:5px 0 10px 0;
	color:#4397a1;
	font-weight:200!important;	
	font-family: 'Poppins', Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
}
/*h2{
	font-size:30px;
	line-height:32px;
	font-family: 'DM Serif Display','Norican', Arial, sans-serif;
	margin:-5px 0 25px 0;
	color:#ffad75;
}*/
h2{
	font-family: 'DM Serif Display',  Arial, sans-serif;
	font-size:30px;
	line-height:42px;
	margin:-5px 0 25px 0;
	color:#ffad75;
}
.h2-sans-elementor{
	margin-top:-40px;
}
/*
.content-text h2,
.entry-content h2{
	margin: 25px 0 15px 0;	
}
*/
h3{
	font-family: 'DM Serif Display', Arial, sans-serif;
	margin: 25px 0 25px 0;
	padding: 0;
	color: #193a46;
	font-size: 22px;
	line-height: 28px;
	font-weight: 400;
}
.intro-text{
	margin: 25px 0 25px 0;
	padding: 0;
	font-style: italic;
	color: #003B4A;
	font-size: 22px!important;
	line-height: 30px!important;
	font-weight: 400;
	color:#4397a1!important;
}
h4{
	font-family: 'Poppins', Arial, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	line-height:20px;
	margin:15px 0 15px 0;
	padding:0; /* 0 0 0 85px!important;*/
	color:#a5a8b7;
	position:relative;
	letter-spacing:2px;
}
/*
h4:before{
	position:absolute;
	content:'';
	height:1px;
	width:55px;
	border-bottom:2px solid #a5a8b7;
	left:0;
	top:-8px;
}*/
.sur-title-testimonial{
	font-family: 'Poppins', Arial, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	line-height:20px;
	margin:15px 0 15px 0;
	text-align:center;
	color:#a5a8b7;
	position:relative;
	letter-spacing:2px;
}
/*
.wp-block-separator{
	height:3px;
	width:55px;
	background-color:#ffad75;
	color:#ffad75;
}*/
.content-text h4, .single-product .summary h4{
	/*
	color:#ffad75;
	text-align:left;
	padding:0;
	border:none!important;
	font-style:normal;
	font-size: 18px;
	line-height:24px;
	font-weight:bold;
	font-family: 'Poppins', Arial, sans-serif; */
}
.home h2{
	
}
.home h4{
	border-bottom:none;
	margin:0px 0 15px 0;
}
h5{
	font-family: 'Poppins', Arial, sans-serif;
	font-weight:600;
	padding-left:25px;
	line-height:32px;
	position:relative;
}
h5:before{
	border-left:8px solid #ffad75;
	left:0;
	top:0;
	height:100%;
	width:1px;
	position:absolute;
	content:" ";
}
.clearfix:after{
	clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clear{
	clear:both;
}
strong{font-weight:bold;}
em{font-style:italic;}
.align-left, .alignleft{float:left;margin-right:20px;display:block;}
.align-right, .alignright{float:right;margin-left:20px;display:block;}
.align-center, .aligncenter{margin:0 auto;display:block;}
figcaption{
	text-align:center;
	position: absolute;
color: #999;
font-size: 13px;
text-align: center;
margin-top: 23px !important;
width: 100%;
}

#anchors{scroll-behavior: smooth;}
.button,
.button-red{
	background:#ffad75;
	color:#fff;
	display:inline-block;
	padding:3px 15px;
font-size:13px;
}
.button:hover,
.button-red:hover{
	background:#ffad75;
}
hr{
	border-top:3px dotted #ddd;
	border-bottom:0;
	border-left:0;
	border-right:0;
	margin-bottom:15px;
}
.bullet-list{
  font-size:15px;
  line-height:28px;
  padding-left:35px;
}
.bullet-list li{
	list-style-type:disc;
}
.img-shape figure,
.img-shape-color-2 figure{
	position:relative;
	margin-bottom:20px;
}
.img-shape img,
.img-shape-color-2 img{
	position:relative;
	z-index:2;
}
.img-shape figure:after{
	content:"";
	position:absolute;
	bottom:-15px;
	right:15px;
	height:100%;
	width:100%;
	background:#ffad75;
	z-index:0;
}
.img-shape figure.alignright:after,
.img-shape-color-2 figure.alignright:after{
	left:15px;
	right:auto;
}
.img-shape-color-2 figure:after{
	background:#ffad75;
	content:"";
	position:absolute;
	bottom:-15px;
	right:15px;
	height:100%;
	width:100%;
	z-index:0;
}
.no-style{
	color:#777;
}
.no-style:hover{
	color:#ffad75;
}

/* ---- COOKIES ---- */
/*
.cky-btn-revisit-wrapper{
	width:30px!important;
	height:30px!important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img{
	max-width:40px!important;
} */
.cky-notice .cky-title{
	font-size:14px!important;
}
.cky-notice-des *{
	font-size:11px!important;
	line-height:16px!important;
}
.cky-btn{
	font-size:12px!important;
	font-weight:300!important;
}
/* ---------------------------------- */
/* --------- WP5 gutenberg----------- */
.wp-block-image{
	position:relative;
}
.wp-block-image figcaption{
	margin:10px 0 0 0px !important;
}
.ugb-5ec22cb li{
	line-height:36px;
}
.ugb-bottom-separator, .ugb-top-separator{
	right:0;
}
.ui-tabs-nav li{
	background-image:none!important;
	padding-left:0!important;
}
#page-content{
	overflow: hidden;
}
.greybox100{
	background:#eef0f6;
	padding:35px 0;
	margin:35px 0;
    position: relative;
}
.greybox100:before{
	content:"";
	background:#eef0f6;
	position:absolute;
	z-index:-1;
	top:0;
	left:-50%;
	width:100%;
	height:100%;
}
.greybox100:after{
	content:"";
	background:#eef0f6;
	position:absolute;
	z-index:-1;
	top:0;
	right:-50%;
	width:100%;
	height:100%;
}
/* --- button --- */
.wp-block-button__link:hover{
	background:#a8ca70 !important;
}
/* --- Publications gutenberg ----- */
.page-id-11{
	background:#f2f7f3;
}
.wp-block-file{
	background:#fff;
	max-width:350px;
	display:block;
	margin-top:30px;
}
.wp-block-file a{
	text-decoration:none;
}
.wp-block-file a:first-child:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url('images/icon-button-download.png') center center no-repeat #96ccda;
	width:100%;
	height:120px;
}
.wp-block-file a:first-child{
	padding:140px 2% 0 2%!important;
	position:relative;
	display:block;
	text-align:center;
	color:#338ba1;
	background:#ececec!important;
	min-height:80px;
	line-height:26px!important;
}

.wp-block-file a:hover{
	background:#338ba1!important;
	color:#ffffff!important;
}

/* --- */
.post-inner {
    padding-top: 4rem;
}
.home .post-inner{
	padding-top:0;
}
/*
[class*="__inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 65rem;
    width: 100%;
	margin-left: auto;
    margin-right: auto;
}*/
.full-map iframe{
	max-width: 2000rem!important;
}
.entry-content > * {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.25em;
}
/*
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 65rem;
    width: calc(100% - 4rem);
	margin-left: auto;
    margin-right: auto;
}*/
.woocommerce .entry-content{
	 max-width: 65rem;
    width: calc(100% - 4rem);
	margin-left: auto;
    margin-right: auto;
}
.dark-bg h2,
.dark-bg h3,
.dark-bg p,
.dark-bg li{
	color:#fff;
}


/* ==== HEADER ==== */
header{
	position:fixed;
	width:100%;
	z-index:70;
	background-position:center;
	background-size:cover;
}
.header-blur{
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
	border-bottom:1px solid rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
	position:fixed;
	z-index:25;
	width:100%;
	left:0;
	top:0;
	height:167px;
}
.sticky .header-blur{
	display:none;
}
#header-shadow{		
display:none; /* remove top and bottom line of the main menu */
	border-bottom:1px solid #fff;
	height:1px;
	width:50%;
	left:25%;
	position:absolute;
	top:179px;
	z-index:0;
}
/*
#header-shadow:after{	
	content:" ";	
	border-top:1px solid #e5e5e5;
	height:1px;
	width:100%;
	position:absolute;
	bottom:-56px;
	z-index:0;
}
*/

#header-content{
	/*width:1200px;*/
	width:100%;
	max-width:100%;
	margin:0 auto;
	position:relative;	
		transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
.home #header-content{
	position:absolute;
	z-index:70;
}
#bg-page:before,
.home:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:15px;
	background:url('images/brush-top.png') no-repeat;
	background-size:contain;
}

#logo{	
	margin:0 auto;	
	padding-top:45px;	
	height:50px;	
	display:block;	
	width:220px;	
	position:relative;
}
#logo img{	
	width:100%;	
	height:auto;
}

#vinch-logo{
	padding:18px 0 0px 0;
	margin:0 auto;
	width:70px;
	display:block;	
	position:relative;
}
#vinch-logo img{
	width:100%;
	height:auto;
	image-rendering: -webkit-optimize-contrast; /* chrome flou */
}
#vinch-logo .logo-white{
	display:block;
	opacity:1;
	-webkit-transition: all 0.15s linear;
     -moz-transition: all 0.15s linear;
     -o-transition: all 0.15s linear;
     -ms-transition: all 0.15s linear;
     transition: all 0.15s linear;
}
#vinch-logo .logo-black{
	opacity:0;
	display:none;
	-webkit-transition: all 0.15s linear;
     -moz-transition: all 0.15s linear;
     -o-transition: all 0.15s linear;
     -ms-transition: all 0.15s linear;
     transition: all 0.15s linear;
}
.sticky  #vinch-logo .logo-white{
	opacity:0;
	display:none;	
}
.sticky  #vinch-logo .logo-black{
	display:block;
	opacity:1;
}
/* ------ TOP MENU ----- */
#top-menu{
	position:absolute;
	top:10px;
	right:0;
}
#top-menu li{
	list-style:none;
	display:inline-block;
}
#top-menu li a{
	color:#fff;
	text-decoration:none;
	font-size: 13px;
    padding: 5px 10px;
}
/* ------MENU ----- */
#menu{
	text-align:center;
}
#menu li{
	display:inline-block;
}
.home #menu > li > a{color:#fff;}
.home #menu > li > a:hover{/*color:#ffad75;*/}
/*.home .sub-menu{background:rgba(255,255,255,0.5);}*/

#menu li a{
	color:#193a46;
	text-transform:uppercase;
	font-family:  'Poppins', Arial, sans-serif;
	font-size:13px;
font-weight:400;
	display:block;
	margin:0 12px;
	padding:21px 8px;
	
	-webkit-transition: all 0.15s linear;
     -moz-transition: all 0.15s linear;
     -o-transition: all 0.15s linear;
     -ms-transition: all 0.15s linear;
     transition: all 0.15s linear;

}
#menu > li > a{
	color:#fff;
}
#menu li:first-child a{
	margin:0 12px 0 0;
}
#menu  .current-menu-item > a,
.current-menu-parent > a,
.single-product .menu-item-1904 a{
	border-bottom:3px solid #fff;
	/*color:#193a46!important;*/
}
.single-graphisme #menu-item-31 a,
.single-web #menu-item-22 a,
.sketch-template-default #menu-item-668 a{
	color:#ffad75;
}
#menu li{
	position:relative;
}
#menu li a:hover{

	color:#193a46;
}

/* level 2 */
.sub-menu{
	display:none;
	position:absolute;
	width:230px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	left:0;
	background:#fff;
	z-index:99;
}
#menu > li:hover > .sub-menu{
	display:block;
}
.sub-menu li{
	width:100%
}
.sub-menu li a{
	padding:10px 8%!important;
	font-size:13px!important;
	display:block;
	text-align:left;
	margin:0!important;
}
.sub-menu li a:hover,
.sub-menu .current-menu-item a{
	color:#ffad75!important;
}
/* ------ FIXED HEADER ----- */

.sticky #header-content {
  width: 100%;
  position: fixed;
  background: #fff;
  border-bottom: 1px solid #ddd;
  z-index: 70;
	box-shadow: 0 5px 30px -10px #123f524d;
}
.sticky #vinch-logo{
	width:80px;
	padding:16px 0 0px 0;
}
.sticky #menu > li > a{color:#000;}
.sticky #menu > li > a:hover{color:#ffad75;}
.sticky #menu li a{
	/*padding:11px 5px;*/
}
 

/* ============= BANNER =============  */
.title-banniere{/*
	font-size: 66px;
    font-weight: 200 !important;
	font-family: 'Poppins', Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
	color:#fff;
	display:inline-block;
	text-align:center;*/
}
.intern-banner{
	/*background:#ffad75*/
	/*background-image:linear-gradient(to right, #ff6a78 0%, #ff9b6d 51%, #ff6a78 100%);*/
	height:350px;
	position:relative;
	background:url('https://www.vinch-atelier.com/wp-content/uploads/2023/02/vinch-atelier-graphiste-illustratrice-webdesigner-aix-les-bains-chambery-savoie-3.jpg') center -280px no-repeat;
	background-size:cover;
}

/* page services + contact 
.page-id-5580 .intern-banner,
.page-id-770 .intern-banner{
	background:url('https://www.vinch-atelier.com/wp-content/uploads/2023/02/vinch-atelier-graphiste-illustratrice-webdesigner-aix-les-bains-chambery-savoie-3.jpg') no-repeat;
	background-size:cover;
}*/
/* boutique + sous sections */
.page-id-1123 .intern-banner,
.page-id-6166 .intern-banner,
.page-id-1149 .intern-banner,
.page-id-5711 .intern-banner,
.page-id-2637  .intern-banner{
	background:url('https://www.vinch-atelier.com/wp-content/uploads/2023/01/banner-affiches-bruxelles-vinch-atelier-belgique-poster-ville.jpg') no-repeat;
	background-size:cover;
}
.page-id-9974 .intern-banner{ /* HORIZON */
	background:url('https://www.vinch-atelier.com/wp-content/uploads/2025/05/horizon-logo-identite-visuelle-entreprise-banniere.jpg') no-repeat!important;
	background-size:cover!important;
	height:450px!important;
}
.page-id-7000 .intern-banner{ /* UNIVERS */
	background:url('https://www.vinch-atelier.com/wp-content/uploads/2025/04/banniere-interieur-univers-vinch.jpg') no-repeat!important;
	background-size:cover!important;
	height:450px!important;
}
.page-id-9976 .intern-banner{ /* PANORAMA */
	background:url('https://www.vinch-atelier.com/wp-content/uploads/2025/05/panorama-packaging-illustration-banniere.jpg') no-repeat!important;
	background-size:cover!important;
	height:450px!important;
}


/* detail services 
.page-id-5578 .intern-banner,
.page-id-5579 .intern-banner,
.page-id-5581 .intern-banner{
	background:url('https://www.vinch-atelier.com/wp-content/uploads/2023/01/banner-vinch-atelier-illustration-identite-visuelle-chambery.jpg') no-repeat;
	background-size:cover;
}*/

/*
.intern-banner:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:60px;
	background:url('images/bottom-banner.png') no-repeat;
	background-size:cover;
}
*/
.intern-banner .title-page{
	line-height:40px;/*250px;*/
	height:100%;
	text-align:center;
	padding-top:180px; /*110px;*/
}
.title-middle{
	vertical-align:middle;
	display: inline-block;
	position:relative;
	z-index:5;
}
.intern-banner h1,
.title-banniere{	
	color:#fff;
	font-size:52px;
	text-align:center;
	font-size:66px;
	 text-transform: uppercase;
	font-weight:200!important;
}


.intern-banner .subtitle{	
	color:#fff;
	line-height:20px;
	font-size:18px;
	font-weight:300;
	font-family:'Poppins', Arial, sans-serif;
}
.intern-banner  .subtitle-two{
	color:#fff;/*#6ec3bc;*/
	margin-bottom:0;
	letter-spacing:1px;
	font-size:24px;
	margin-top:10px;
	font-family: 'DM Serif Display', 'Norican', Arial, sans-serif;
}
.intern-banner .slide-img{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

.intern-banner .slide-img img{
	transform: translateX(-50%) translateY(-50%);
	top: 50%;
	left: 50%;
	position: absolute;
	max-width: none;
	max-height: none;
	width: 1477px;
	height: auto;
	-o-object-fit: cover;
object-fit: cover;
}
.banner-boutique{
	opacity:0.4;
}

/* ============= HOME =============  */
.home-img-move{
	/*position:absolute;*/
	position:relative;
	z-index:10;
	top:0;
}
.home-img-move:before{
	position:absolute;
	bottom:-1px;
	left:0;
	width:100%;
	height:250px;
	background:url('https://www.vinch-atelier.com/wp-content/uploads/2024/01/foreground-illustration-savoie.png') no-repeat;
	background-size:cover;
	z-index:1;
	content:'';
}
.home-img-move .poulet{
	position:absolute;
	height:306px;
	width:206px;
	z-index:20;
	left:40%;
	top:40%;

}
.banner-home-aix{
	max-height:650px;
	/*position:relative;*/
	overflow:hidden;
	height:700px;
	background:#fff;
}
.white-bg{
	background:#fff;
	position:relative;
	z-index:25;
}

.banner-home-aix-img{
	background:url('https://www.vinch-atelier.com/wp-content/uploads/2024/02/vinch-atelier-graphiste-illustratrice-aix-les-bains-chambery-savoie_c.jpg.jpg') no-repeat;
	position:fixed;
	background-size:cover;
	width:100%;
	height:700px;
	top:0;
	transition: 0.5s;
	background-position:0 -50px;
}
.sticky1 .banner-home-aix-img{
	top:-70px;
}
.banner-home-aix img{
	margin-top:0px;
}
.fade-in-image { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	animation: fadeIn 3s; 
}

.home-title-content{
	position:absolute;
	left:10%;
	top:33%;
	z-index:20;
}
.home-title-content h4{
	color:#fff;
	font-weight:600;
	margin-bottom:-10px!important;
	text-shadow: 2px 2px 3px rgba(36, 81, 86, 0.84);
}
.home-title-content h4:before{
	border-color:#fff;
}

.banner-title{
	color:#fff;
	line-height:52px;
	margin-bottom:0;
	font-size:66px;
	font-weight:200!important;
	 font-family:'Poppins', sans-serif;
	text-shadow: 2px 2px 3px rgba(36, 81, 86, 0.84);
}
.home-title-content h2{
	/*color:#6ec3bc;*/
	margin-bottom:0;
	letter-spacing:0px;
	/*font-size:24px;*/
	margin-top:10px;
	/*color:#ffc68d;*/
	color:#fff;
	text-shadow: 2px 2px 3px rgba(36, 81, 86, 0.84);
}
.banner-description-title {
	font-size: 12px!important;
    line-height: 20px!important;
	text-transform:uppercase;
    font-weight:300!important;
	max-width:530px;
	margin:15px 0;
	color:#fff;
	text-shadow: 1px 1px 1px rgba(36, 81, 86, 0.95);
}

         
.home-title-content .detail {
   /*background-image: linear-gradient(to right, #1A2980 0%, #26D0CE  51%, #1A2980  100%);*/
/*	background-image: linear-gradient(to right, #2a8792 0%, #8ae3dc  51%, #2a8792  100%); */
   margin: 0px 0 0 0px;
   padding: 11px 25px;
   text-align: center;
    transition: 0.5s;
   background-size: 200% auto;
   color: white;            
  text-transform:uppercase;
   display: inline-block;
	font-size:12px;
	letter-spacing:1px;
	
	border:2px solid #fff;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
 }

.home-title-content .detail:hover {
          /*  background-position: right center; */ /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
	background: rgba(67,151,161, 0.5);
          }
         









/* ---------------------- */
.page-template-default #bg-page{
	margin-bottom:0;
}


.wrap{
	width:1100px;
	margin:0 auto;
}
.banner-text{
	position:absolute;
	width:90%;
	top:30%;
	z-index:6;
	/*
text-align:center; */
padding-left:11%;
}
.home .banner-text h1{
	
}
.banner-text h1{
	color:#000;
	font-weight:normal;
	font-size:55px;
	margin-bottom:15px;
	text-align:left;
	line-height: 58px;
    margin-bottom: 15px;
    letter-spacing: 3px;
    text-transform: none;
	/*
	display:inline-block;
	padding:3px 25px;*/
}
.banner-text h2{
	color:#666;
	margin-bottom:10px!important;
	text-transform:none;
	text-align:left;
	font-size: 14px;
    line-height: 22px;
	font-weight:normal;
	font-family:Raleway, sans-serif;
	margin-top:-20px;
	/*
	display:inline-block;
	padding:3px 25px; */
	max-width:480px;
}
.banner-text a{
	color:#fff;
	display:inline-block;
	position:relative;
	z-index:1;
	padding:15px 20px;
	border:2px solid #fff;
	background:rgba(255,124,119,.3);
	font-size:16px;
	 text-transform:uppercase;
	 font-weight:bold;
	  letter-spacing:2px;
	margin-top:20px;
	-webkit-transition:0.2s all ease;
  transition:0.2s ease all;
  box-shadow: 0 2px 10px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.1);
}

.banner-text a:hover{
	color:#fff;
}
.banner-text a:before {
    -webkit-transition:0.5s all ease;
    transition:0.5s all ease;
    position:absolute;
    top:0;
    left:50%;
    right:50%;
    bottom:0;
    opacity:0;
    content:'';
    background-color:#ffad75;
    z-index:-2;
  }
.banner-text a:hover:before {
      -webkit-transition:0.5s all ease;
      transition:0.5s all ease;
      left:0;
      right:0;
      opacity:1;
  }
.banner-text a:focus:before {
      transition:0.5s all ease;
      left:0;
      right:0;
      opacity:1;
  }


.home-description{
	max-width:80%;
	margin:0 auto;
	height:27%;
	position:relative;
	padding-top:15%;
}
.home-description p{
	font-size:16px;
	line-height:24px;
}

.page-template-front-page-test .button{
	background:none;
	border:2px solid #fff;
	padding:8px 30px;
	color:#fff;
	position:absolute;
	bottom:0;
	left:35%;
}
.page-template-front-page-test .button:after{
	content:" >";
}
.page-template-front-page-test .left-half:hover .button, 
.page-template-front-page-test  .right-half:hover .button{
	background:rgba(255,255,255,0.3);
}
.no-margin h3{
	margin-top:0;
}


/* ==== SLIDER HOME + PORTFOLIO ==== */
#slider, #banner{ 
	position:relative;
	width:100%;
  max-height:520px;
  overflow:hidden;
	padding-top:4%;

}

.flexslider{
	border:none!important;
	border-radius:0!important;
}
.flexslider .slides > li{
	position:relative;
}
.flex-control-nav{
	bottom:0!important;
}
.flex-control-paging li a{
	    background: rgba(255, 124, 119, 0.5)!important;
}
.flex-control-paging li a.flex-active{
	    background: rgba(255, 124, 119, 0.9)!important;
}
#slider-content{
	height:400px; 
	overflow:hidden;
	margin:30px auto 0 !important;
}
.nivo-main-image{
	width:100%;	
}
#slider img{
	width:100%;	
	height:auto;
}
#slider-shadow{
	background:url('images/slider-shadow.png') repeat-x; 
	height:38px;
	position:absolute;
	width:100%;
	top:370px;
}
.slider-home .nivo-prevNav, .slider-home .nivo-nextNav{
	width:34px;
	height:75px;
	display:block;
	position:absolute;
	top:170px;
	text-indent:-9999px;
	cursor:pointer;
	z-index:10;
}

/* ==== PORTFOLIO ==== */
.nivo-prevNav, .nivo-nextNav, .prev, .next{
	width:34px;
	height:75px;
	display:block;
	position:absolute;
	top:120px;
	text-indent:-9999px;
	cursor:pointer;
	z-index:10;
}
.nivo-prevNav, .prev{
	background:url('images/arrow.png') no-repeat;
	left:10px;
}
.nivo-nextNav, .next{
	background:url('images/arrow.png') -34px 0 no-repeat;
	right:10px;
}
.nivo-prevNav:hover, .prev:hover{
	background:url('images/arrow.png') 0 -75px no-repeat;
}
.nivo-nextNav:hover, .next:hover{
	background:url('images/arrow.png') -34px -75px no-repeat;
}

/* filtres */
.tg-ajax-button-holder, 
.tg-grid-area-bottom1, 
.tg-grid-area-bottom2, 
.tg-grid-area-top1, 
.tg-grid-area-top2{
    text-align:center;
    margin-bottom:20px;
}
.tg-txt .tg-nav-font, 
.tg-txt input.tg-search[type="text"] {
    font-weight:600!important;
    font-family:'Poppins', sans-serif;
}
.tg-search-holder::before, 
.tg-dropdown-holder::before, 
 .tg-filter:not(.tg-dropdown-item)::before, 
 .tg-filters-holder{
    border-bottom:1px solid #c0c0c0;
}
 .tg-filter:not(.tg-dropdown-item)::after,
 .tg-filter-active{
    border-bottom:3px solid #ff6863;	
}

 .tg-filter {
margin-bottom:0;
}
#grid-1223 h2{
text-transform:none!important;
}

.temoignage-media-text{
	background:#ffad75;
	height:100%;
}
.dansedeviecolor{
	background:#0f9398;
}
.comptoirebelgecolor{
	background:#25374d;
}
.annevivecolor{
	background:#104655;
}
.vanessacolor{
	background:#1f1e5a;
}
.anneclaudecolor{
	background:#3088ac;
}
.saintloupcolor{
	background:#9c7961;/*#063040;*/
}
.temoignage-media-text .wp-block-media-text__content{
	position:relative;
}
.temoignage-media-text .wp-block-media-text__content:before{
	position:absolute;
	top:-40px;
	left:15px;
	color:#fff;
	height:50px;
	width:50px;
	z-index:2;
	content:' “ ';
	    font-family: 'DM Serif Display', 'Norican', Arial, sans-serif;
	font-size:130px;
}
.temoignage-media-text .wp-block-media-text__content p{
	color:#fff!important;
	padding:0 35px;
} 
.temoignage-text{
	font-size:26px!important;
	line-height:38px!important;
}

/* ---- filters ---- */
#filters{
	border:1px solid #ddd;
	padding:20px;
	text-align:center;
	max-width:1500px;
	margin:0 auto!important;
}
#filters > li{
	display:inline-block;
	background:none!important;
	padding:0!important;
	margin:0!important;
	position:relative;
}
#filters li:before{
	display:none;
}
#filters > li > a{
	display:block;
	text-decoration:none;
	padding:0 10px!important;
	color:#767676;	
	font-size: 14px;
	padding:12px 20px!important;
}

#filters li a:hover,
#filters li a.active{
	color:#ffad75  ;
}
#filters li a.active{
	border: 2px solid #ffad75 ;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}

/* ==== ABSOLUTE  ==== */
#absolute{
	position:fixed;
	left:0;
	top:40px;
	z-index:80;
}
#absolute ul{
	
}
#absolute ul li{
	border-left:4px solid #ffad75 ;
	
}
#absolute ul li a{
	display:block;
	
}
#absolute ul li a .icon{
	width:40px;
	height:40px;
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	position:relative;
	background:#fff;
}
#absolute ul li a .icon:hover div{
	left:40px;
}
#absolute ul li a .icon div{
	background:url('images/absolute-shadow.png') repeat-y #ffad75;
	position:absolute;
	z-index:-1;
	left:-110px;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Poppins',Arial, sans-serif;
	font-size:11px;
	padding:0 15px;
	height:40px;
	width:80px;
	line-height:40px;
	transition:left 0.4s ease-in-out;
	-webkit-transition:left 0.4s ease-in-out;
	-moz-transition:left 0.4s ease-in-out;
}

#absolute ul li a .fa{
	position:absolute;
	font-size:20px;
	top:8px;
	left:13px;
	color:#999;
}
#absolute ul li a  .fa-envelope-o{
	left:10px;
}
#absolute ul li a  .fa-instagram{
	left:11px;
}
#absolute ul li a:hover .fa{
	color:#ffad75;
}
/* ==== CONTENT ==== */
#bg-page{
	background:#fff;
	margin-bottom:130px;
}
#content,
#site-content{
	/*width:1100px;*/
	max-width:100%;
	margin:0 auto;
	padding:30px 0 80px 0;
	min-height:500px;
	position:relative;
}
.single-portfolio #site-content,
.single-product #site-content,
.page-id-1258 #site-content,
.woocommerce-page #site-content,
.error404 #content{
	width:1100px;
}
.woocommerce-page .post-inner{
	width:1100px;
	margin:0 auto;
}
.home #content{
	margin-top:0;
	padding-top:0;
}

.content-text{
	margin-bottom:20px;
}
#content img,
.content-text img,
.entry-content img{
	max-width:100%;
	height:auto;
	image-rendering: -webkit-optimize-contrast; /* chrome flou */
}
/*
.content-text p, 
#content p,
.entry-content p,*/
.page-id-1123 p,
.wp-singular p,
.blog p{
	line-height:24px;
	margin-bottom:15px;
}
#content strong,
.entry-content strong{
	color:#444;
	line-height:24px;
	margin-bottom:8px;
}
#mc_embed_signup h2{
	text-align:center;
}
.blocs123 .elementor-image-box-content{
	margin-top:-30px!important;
}
/* ============ WOOCOMMERCE ========= */
/* ================================== */


#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
	background:#f4f4f4!important;
}
#add_payment_method #payment ul.payment_methods li, 
.woocommerce-cart #payment ul.payment_methods li, 
.woocommerce-checkout #payment ul.payment_methods li{
	margin:10px 0!important;
	min-height:28px!important;
}
.payment_method_paypal{

}
.wc-block-grid__product{
	margin-bottom:20px;
}
.wc-block-grid__products{
	justify-content:center;
}
.page-id-1123  .woocommerce-pagination,
.page-id-1123  .woocommerce .columns-4 {display:none;}
.woocommerce-info {
    border: 1px solid #ddd;
    background: #fff;
}
.product-list-vinch-style .add_to_cart_button{
	display:none;
	border:2px solid #ffad75;
	background:none;
	border-radius:none;
}
.product-list-vinch-style .wc-block-grid__product-title{
	text-align:center;
	color:#888;
	font-size:16px;
}
}
.title-collection{
	margin-bottom:-8px!important;
	font-size:13px!important;
}
.product-list-vinch-style .wc-block-grid__product-price__value span{
	font-weight:400;
	color:#999;
}
.wc-block-grid__product-title{
	font-weight:400!important;
	font-size:15px!important;
	margin-bottom:5px!important;
}
.reassurance-block{
	margin-top: 25px;
	padding: 13px 0 11px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.reassurance-block p{
	font-size:13px!important;
	line-height:26px!important;
	margin-bottom:0!important;
}
.reassurance-block span{
	margin-right:10px;
}
.reassurance-block .red-icon{
	color:#ffad75;
}
.product_meta{
	color:#999;
}
.woocommerce div.product form.cart .button{
	font-family: 'DM Serif Display','Poppins', Arial, sans-serif;
    padding: 10px 35px;
	text-transform:none;
}
/* ---  head cart --- */
.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    font-size:18px;
    font-style:normal;
    font-weight:400;
    vertical-align: bottom;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #fff;
    background-color: #ffad75;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1;
    font-family: Arial,  sans-serif;
    vertical-align: top;
}
.woocommerce table.shop_table th{
	padding:30px!important;
}
.cart_totals h2{
	text-transform:none!important;
}
.post-type-archive-product #content-left,
.single-product #content-left  {
    float: none;
    width: 100%;
}
.woocommerce #content table.cart img, 
.woocommerce table.cart img, 
.woocommerce-page #content table.cart img, 
.woocommerce-page table.cart img{
	width:130px;
	height:auto;
}
.woocommerce div.product div.images img,
.woocommerce img, .woocommerce-page img{
	image-rendering:-webkit-optimize-contrast;
}

.woocommerce-product-gallery .flex-viewport{
	height:540px!important;
}
.single-product h1{
	text-align:center;
}
.single-product #blog-content{
	width:100%;
	float:none;

}
.single-product .related{
	clear:both;
}
.single-product .related h2{
	text-align:center;
	margin-top:65px;
	display:inline-block;
	width:100%;
}
.single-product .price{
	font-weight:400;
	color:#3b3334!important; 
font-size:22px!important;
font-family:'DM Serif Display', 'Poppins', Arial, sans-serif;
}
.single-product .entry-summary > .price{
	font-weight:400;
	color:#3b3334!important; 
font-size:16px!important;
font-family:'Poppins', Arial, sans-serif;
}
.single-product .product-type-variable .price{
	/*display:none;*/
}
.single-product .woocommerce div.product form.cart .variations label{
	font-weight:400;
	color:#444;
}
.single-product .variations td{
	padding:15px 0px !important;
}
.single-product  .available-on-backorder{
	color: #ff837f !important;
border: 1px solid #ff837f;
padding: 5px 15px;
font-size: 14px!important;
margin: 10px 0;
}
.single-product  .in-stock{
		color: #4397a1 !important;
		
border: 1px solid #4397a1;
padding: 5px 15px;
font-size: 14px!important;
margin: 10px 0;
}
.product_meta .sku_wrapper{
	font-size:11px;
	margin-right:25px;
}
.product_meta .tagged_as{
	visibility:hidden;
}
.woocommerce-result-count, .woocommerce-ordering{display:none;}
.woocommerce-breadcrumb{display:none;}
/*  ====== share  ====== */
.stButton{
		 width: 30px !important;
height: 30px !important;
margin: 0 10px !important;
position: relative;
}
.stButton .facebook,
.stButton .instagram,
.stButton .pinterest{
	 background-image:none!important; 

}
.st_facebook:before{
font-family: "Font Awesome 5 Brands";
font-weight: 400;
content: "\f39e";
font-size: 22px;
color: #555;
margin-top: ;
position: absolute;
top: 25px;
}
.st_instagram:before{
font-family: "Font Awesome 5 Brands";
font-weight: 400;
content: "\f16d";
font-size: 22px;
color: #555;
margin-top: ;
position: absolute;
top: 25px;
}
.st_pinterest:before{
font-family: "Font Awesome 5 Brands";
font-weight: 400;
content: "\f231";
font-size: 22px;
color: #555;
margin-top: ;
position: absolute;
top: 25px;
}
.st_facebook:hover:before,
.st_instagram:hover:before,
.st_pinterest:hover:before{
	color:#ffad75;
}

.social:before{	content:" ";	background:url('images/jaime-partage.PNG') no-repeat;	
image-rendering: -webkit-optimize-contrast; 	
width:218px;	height:28px;	
position:absolute;top:0;left:0;}
.social{	margin-top:30px!important;position:relative;	padding:25px 0 5px 0;	
border-bottom:1px solid #ddd;	display:inline-block;width:218px;text-align:left!important;}

/* --- home sections ---- */
#derniers-projets h1{
	text-align:center;
}
#derniers-projets p{
	text-align:center;
}

/* --- testimonials ---- */
.testimonial-quotes{
	font-size:95px;
}
#derniers-projets .testimonials li{
	width:100%;
	margin:0!important;
}
.testimonials h3, .testimonial-name, .testimonial-content, .testimonial-produit{
	text-align:center;
}
.testimonial-name{
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px!important;
	color:#888;
	margin-bottom:0!important;
}
.testimonial-content{
	max-width:70%;
	margin:0 auto 20px;
	/*color:#193a46;*/
}
.testimonial-produit{
	color:#ffad75!important;
	font-size:13px!important;
}
.testimonial-secteur{
	text-transform:uppercase!important;
	text-align:center!important;
	color:#193a46!important;
	font-size:13px!important;
	margin-top:-25px;
}
/* --- pages --- */
#content-left{
	width:72%;
	float:left;
}
#content-left #content{
	width:100%;
}
.woocommerce div.product div.images .flex-control-thumbs li {
	width:21.5%!important;
	margin:1%!important;
	overflow:hidden;
	border:1px solid #f4f4f4;
}



.shop_table .order-total{
	border-top:4px solid #ddd;
}
.shop_table .order-total .woocommerce-Price-amount{
	font-size:20px;
	font-weight:400;
}
#add_payment_method .cart-collaterals .cart_totals table td, 
#add_payment_method .cart-collaterals .cart_totals table th, 
.woocommerce-cart .cart-collaterals .cart_totals table td, 
.woocommerce-cart .cart-collaterals .cart_totals table th, 
.woocommerce-checkout .cart-collaterals .cart_totals table td, 
.woocommerce-checkout .cart-collaterals .cart_totals table th{
	vertical-align:middle!important;
}
/* --- sidebar right --- */
.woocommerce-MyAccount-navigation li a{
	display:block;
	padding:5px 0;
	color:#000;
}
.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation-link--dashboard is-active{
	color:#ffad75;
}

/* --- sidebar right --- */
#sidebar{
	width:25%;
	float:right;
}
#sidebar a{
	color: #717c82;
}
#sidebar a:hover{
	color: #ffad75;
}
/* --- cart form table --- */
.widget_shopping_cart_content{
	border:1px solid #ddd;
	padding: 10px;
	margin-bottom:30px;
	border-radius: 2px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	border-radius:0!important;
	font-weight:400!important;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{
	font-weight:400!important;
	margin-bottom:15px;
}
.woocommerce .buttons .checkout{
	background:#ffad75!important;
	color:#fff!important;
}
.woocommerce .buttons .checkout:hover{
	background:#222!important;

}
.cart-collaterals{
	
}

/* --- menu --- */
#menu-shop li a,
#menu-compte li a,
#footer-content .menu li a{
	font-size:14px;
	line-height:30px;
}


.woocommerce-cart .checkout-button{
	background:#2a2a2a!important;
	border-radius:0;
}
.woocommerce-cart .checkout-button:hover{
background:#4397a1!important;
}


/* --- single page --- */
.single-product input, 
.single-product textarea,
.single-product select{
padding:9px 16px;

}
.woocommerce div.product div.images .woocommerce-product-gallery__image{

}
.single-product .woocommerce-tabs{
	/*display:none;*/
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
	border-bottom:1px solid #ddd;
	display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:2px solid #ffad75!important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
	color:#ffad75!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background:#fff!important;
	border:none!important;
	border-radius:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	text-transform:uppercase;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after{
	display:none!important;
}
#tab-description > h2{
	display:none;
}
.format-list-style{
	line-height:26px!important;
	font-size:13px!important;
}
.feuille-papier-recycle figure{
	margin-top:-4px!important;
	margin-right:7px!important;
}

.feuille-papier-recycle img{
	margin-top:0px!important;
}
.max-width-video{
	max-width:450px;
}
.single-product #prev-next,
.wp-singular #prev-next{
	display:none;
}
.single_add_to_cart_button{
	background:#4397a1!important;
	text-transform:uppercase;
	font-weight:300!important;
}
.single_add_to_cart_button:hover{
	background:#2a2a2a!important;
}
.single-product .related h2{
	text-transform:none;
	line-height:18px;
}
.single-product .related .price{
	text-align:center;
	font-size:14px!important;
}
.single-product .related .product_type_variable,
.single-product #derniers-projets,
.single-product #related-posts{
	display:none;
}

/* tabs */
.su-tabs{
	border:none!important;
	background:none!important;
}
.su-tabs-pane{
	padding: 15px 0!important;
}
.su-tabs-nav{
	border-bottom: 1px solid #ddd
}
.su-tabs-nav span{
	text-transform:uppercase;
	padding: 10px 15px!important;
	margin-right: 0px!important;
	color:#000!important;
	border:0px solid #ffad75;
	position:relative;
	background:#f4f4f4;
}
.su-tabs-nav span:hover{
	background:none!important;
	border: 0px solid #999;
	color:#999!important;
}
.su-tabs-nav span.su-tabs-current{
	border-top:3px solid #ffad75;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	color:#ffad75!important;
}

.su-tabs-nav span.su-tabs-current:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-1px;
	height:1px;
	width:100%;
	background:#fff;
	opacity:1;
}
/* --- all products --- */
.wc-block-grid__product-image {
	
}
.wc-block-grid__product-image img{	
	min-width: 100%;
	height: auto;
	min-height: 100%;
	width: 100%;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
}
.wc-block-grid__product-link:hover img{
	transform: scale(1.1);
}
.wc-block-grid__product-link:hover .wc-block-grid__product-title{
	color:#003B4A;
}
/* ==== TEASERS ==== */
#teasers-dessins{
	text-align:center;
}
#teasers-dessins li{
	display:inline-block;
	width:300px;
	margin-left:35px;
	height:425px;
	vertical-align:top;
}
#teasers-dessins li:first-child{
	margin-left:0;
}
#teasers-dessins li h2{
	text-align:center;
}

#teasers-dessins li p{
	text-align:justify;
	color:#999;
	line-height:20px;
	min-height:50px;
	
}
/* ----------- SERVICES ---------- */
/* ----------------------------------- */
.p-h1-style{
	font-size:44px;
	line-height:1em!important;
	margin:5px 0 10px 0;
	color:#4397a1;
	font-weight:200!important;	
	font-family: 'Poppins', Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
}
.entry-content .p-h1-style{
	line-height:1em!important;
}
.services-teasers .ugb-card__description{
	min-height:112px;
}
.services-teasers .ugb-card__item {
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	transition: transform 0.3s;
}
.services-teasers .ugb-card__item:hover{
	transform: scale(1.1);
	box-shadow: 0 50px 30px -20px #123f524d!important;
}
.absolute-more-asked{
	position:absolute;
	top:-10px;
	width:100%;
	text-align:center;
}
.absolute-more-asked p{
	text-transform:uppercase;
	color:#fff;
	background:#ffad75;
	padding: 0px 15px;
    font-size: 12px;
    letter-spacing: 2px;
    display: inline-block;
}
/* -- 2022 -- */
.box-services p{
	color:#193a46;
}

.service-item .elementor-element img{
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	transition: transform 0.3s;
}
.service-item:hover > .elementor-element img{
	transform: scale(1.1);
}
.service-item:hover > .elementor-element h3{
	color:#ffad75;
}
.service-item h4{
	text-align:center;
	padding:0 45px!important;
	/*color:#ffad75;*/
}
.service-item h4:before{
	border-bottom: 1px solid #a5a8b7;
	  width: 110px;
}
.service-item h4:after {
    position: absolute;
    content: '';
    height: 1px;
    width: 110px;
    border-bottom: 1px solid #a5a8b7;
    right: 0;
    top: 8px;
}
.service-item p{
	text-align:left;
}
.service-item:hover > .elementor-element p{
	
}
.liste-elements{
	list-style-type:disc;
	margin-left:25px;
	margin-top:11px;
	font-size: 16px;
    font-weight: 300;
    line-height: 1em;
	
}
.liste-elements li{
	margin-bottom:8px;
}
/* -- methode -- */
.box-methode > div{
	min-height:420px;
}
/* -- prix -- */
.price-box-vinch {
	/*overflow:hidden;*/
}
.price-box-vinch .description{
	font-size:17px;
	line-height:26px;
	padding:0 20px;
}
.price-box-vinch .prix{
	font-size:14px;
	color:#4397a1;
	margin:30px 0;
	line-height:24px;
}
/*
.price-box-vinch .prix-small{
	font-size:16px!important;
}*/
.price-box-vinch .button{
	display:inline-block;
	padding:10px 20px;
	font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #4397a1;
    background-color: #fff;
    border: 2px solid #4397a1;
    border-radius: 0px 0px 0px 0px;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	transition: transform 0.3s;
}

.price-box-vinch .button:hover{
	background: #4397a1;
	color:#fff;
	border: 2px solid #4397a1;
	transform: scale(1.1);
}
.price-box-vinch .button-orange{
	border: 2px solid #ffad75;
	color:#ffad75;
}
.price-box-vinch .button-orange:hover{
	background: #ffad75;
	color:#fff;
	border: 2px solid #ffad75;
	transform: scale(1.1);
}
.best-seller-price{
	text-align: center;
    left: 0;
    width: 200%;
    transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(45deg);
    margin-top: 35px;
    font-size: 13px;
    line-height: 2;
    font-weight: 800;
    text-transform: uppercase;
    background: #4397a1;
	color:#fff;
}
}

/* ----------- Feebie download ---------- */
/* ----------------------------------- */
.freebie-box{
	-webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.08);
	box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.08);
}

/* ----------- Portfolio ---------- */
/* ----------------------------------- */
.list-portfolio{
	position:relative;
	margin:50px auto 0;
	text-align:center;
	max-width:1500px;
}
.list-portfolio li {
	width:23%;
	list-style:none;
	display: inline-block;
	margin:1% 0.5%!important;
	padding-left:0!important;
	position:relative;
}

.list-portfolio li:first-child,
.list-portfolio li:nth-of-type(4n+1){	
	margin-left:0;	
}
.list-portfolio .portfolio-detail{
	position:absolute;
	z-index:4;
	bottom:0px;
	left:0px;
	padding:0 4%;
	text-align:center;
	height:80px;
	width:92%;
	background:#fff;
	color:#666;
		transition: all 0.1s ease 0s;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
}
.list-portfolio li p{
	font-size:16px;
	line-height:24px;
}
.list-portfolio li a{
	text-decoration:none;
	display:block;	
	position:relative;
	padding-bottom:80px;
	/*
	-webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.08);
	box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.08);*/
}
.list-portfolio li .category{
	padding:4px 20px;
	text-transform:uppercase;
	display:inline-block;
	font-size:11px;
	margin-bottom:5px;
}

.list-portfolio h3{
	font-size:18px;
	margin-top:10px;
	margin-bottom:-5px;
	
}

.list-portfolio .thumb{
	overflow:hidden;
	height:430px;
	background:#ffad75;
}

.list-portfolio .thumb img{
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	transition: transform 0.3s;
	max-width:100%;
	height:auto;
	display:inline-block;
	vertical-align:middle;
	margin:0 auto;
	opacity:1;
	
}

/* - hover - */
.list-portfolio li:hover > a{
	-webkit-box-shadow: 0px 0px 27px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 27px 1px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 27px 1px rgba(0,0,0,0.25);
}
/* a[href^="http"] to work only if there is a link with content */
.list-portfolio li:hover a[href^="http"] img{
	transform: scale(1.1);
	/*opacity:0.5;*/
}
.list-portfolio li a[href^="http"]:after{
	border:0px solid #ffad75;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all 0.1s ease 0s;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
}
.list-portfolio li a[href^="http"]:hover:after{
	/*border:11px solid #ffad75;*/
}
.list-portfolio li a[href^="http"]:hover .portfolio-detail{
/*background: #ffad75;*/
	color:#ffad75;
}
.list-portfolio li a[href^="http"]:hover  h3{
	color:#ffad75!important;
}
.list-portfolio li a[href^="http"]:hover .category{
	color:#ffad75!important;
}
/* --- contact --- */
.contact-img{
	margin-top:-145px;
}
.wpcf7 .ajax-loader{
	display:block!important;
	margin:10px auto 0;
}
.wpcf7-submit{
	width:200px;
}
.page-id-770 .wpcf7-spinner{
	position:absolute;
}
.wpcf7 form.sent .wpcf7-response-output{
	background:#fff!important;
}
/* ==== RECOMMANDE PAR LA PRESSE ==== */
.block-press{
	display:block!important;
}
.press-logo{
	margin:0 auto;
	max-width:1400px;
	text-align:center;
}
.press-logo li{
	list-style:none;
	display:inline-block;
	width:25%!important;
	
}
.press-logo li a{
	text-decoration:none;
}
.press-logo li a img{
	 filter: grayscale(100%);
	opacity:0.65;
		transition: all 0.1s ease 0s;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	border:none!important;
}
.press-logo li a:hover img{
	 filter: grayscale(0%);
	opacity:1;
}
/* ==== DERNIERS PRODUITS HOMEPAGE ==== */
.latest-products-homepage li a{
	text-align:center;
	line-height:18px;
}
.latest-products-homepage li img{
	border:none!important;
}
/* ==== DERNIERS PROJETS & PORTFOLIO ==== */
#derniers-projets h2{

	text-align:center;
}

.divider h4{
	color:#777;
	font-size:14px;
	margin:0 auto 35px auto!important;
	padding:0!important;
}
.divider h4:before{
	display:none;
}
.divider{
	position:relative;
	padding: 1.5625rem 0 0 0;
	position: relative;
	width: 100%;	
	background-size: 78px;
	text-align:center;
}

.divider::after {
    right: 0;
}
.divider::before, .divider::after {
    top: 0rem;
    width: 39%;
    content: "";
    position: absolute;
    height: 5px;
    border-bottom:2px solid #777;
    opacity:0.5;
    top: 2.21875vw;
}
.divider::before {
    left: 0;
}


#derniers-projets{
	margin:45px 0 10px 0;
}
#derniers-projets img{
	
	width:100%;	
	height:auto;
}
#derniers-projets li{
	display:inline-block;
	margin:0 1% 0px 1%;
	width:31%;
	height:auto;
	overflow:hidden;

}
#derniers-projets li a{	
	display:block;
	
}
#derniers-projets li img{
	border:1px solid #d5d5d5;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
#derniers-projets li:hover img{
	opacity:0.75;
}
/* ---- derniers produits boutique home --- */
.latest-products-home{

}
.latest-products-home  li:last-child{
	
}
.latest-products-home li{
	margin:0 1% 0 1%!important;
	width:22.6%!important;

}
.latest-products-home li img{
	border:none!important;
}
.latest-products-home li h2{
	font-weight:400!important;
	font-size: 18px;
	margin-bottom:30px!important;
}
.latest-products-home .price{
	text-align:center;
	position:relative;
}
.latest-products-home .price:before {
    content: '....................';
    color: #ff7348;
    position: absolute;
    top: -21px;
    left: 50%;
    line-height: 3px;
    font-weight: 600;
    font-style: italic;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* ==== SINGLE PORTFOLIO  ==== */

.portfolio-title{
	float:left;
	width:30%;
	border-right:1px solid #ddd;
}
.single-sketch .portfolio-title{
	width:50%;
}
#prev-next{
	position:absolute;
	z-index:25;
	right:0;
	top:42%;
	width:100%;
}
#prev-next li{
	display:inline-block;
	position:absolute;
	vertical-align:top;
}

.portfolio-prev{
	/*left:150px;*/
}
.portfolio-next{
	right:150px;
}
.portfolio-prev a, .portfolio-next a{
	display:block;
	height:155px;
	width:54px;
	position:fixed;
	text-indent:-9999px;
	z-index:60;
}
.portfolio-prev a{
	left:0;
}
.portfolio-next a{
	right:20px;
}
.portfolio-next a:hover:before{
	border-left-color: #ffad75;
}
.portfolio-prev a:hover:before{
	border-right-color: #ffad75;
}

#prev-next a{
	position: relative;
}
.portfolio-prev a:after, .portfolio-prev a:before{
	right: 0%;
}



.portfolio-next a:after, .portfolio-next a:before{
	left: 50%;
}

.portfolio-next a:after, .portfolio-next a:before,.portfolio-prev a:after, .portfolio-prev a:before {
	
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.portfolio-next a:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 20px;
	margin-top: -20px;
}
.portfolio-next a:before {
	border-color: rgba(255, 124, 119, 0);
	border-left-color: #ffad75;
	border-width: 27px;
	margin-top: -27px;
}

.portfolio-prev a:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 20px;
	margin-top: -20px;
}
.portfolio-prev a:before {
	border-color: rgba(255, 124, 119, 0);
	border-right-color: #ffad75;
	border-width: 27px;
	margin-top: -27px;
}


#single-portfolio-slider{
	width:100%;
	height:460px;
	overflow:hidden;
	position:relative;
	float:left;
	
}
#single-portfolio-flat{
	margin-top:30px;
}
#single-portfolio-flat img{
	margin:30px auto 0;
	border:1px solid #eee;
	max-width:100%;
	display:block;
}
.nivo-prevNav, .nivo-nextNav, #single-portfolio-slider .prev,#single-portfolio-slider .next {
	top:180px;
}
.nivo-prevNav{
	left:10px;
}
.nivo-nextNav{
	right:10px;
}

.single-realisations img{
	margin:5px auto;
	display:block;
	
}

#description{
	float:left;
	padding-left:30px;	
	margin-bottom:20px;
}
#description p{
	color:#737373;
	margin-top:13px;
	font-size:12px;
}
#description p span{
	font-weight:bold;
	color:#555;
}
#description #sketch-description{
	
}

/* icon responsive, webdesign, wordpress... */
#description a{
	position:relative;
	margin-right:10px;
	display:inline-block;
}
#description a:before{
	content:"";
	position:absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #212121;
	top:-23px;
	left:0px;	
	opacity:0;
		transition: all 0.48s ease-in-out;
	-moz-transition: all 0.48s ease-in-out;
	-webkit-transition: all 0.48s ease-in-out;

}
#description a:after{
	content:attr(data-tooltip);
	position:absolute;
	z-index:50;
	top:-40px;
	opacity:0;
	color:#eee;
	left:0px;	
	background:#212121;
	padding:7px 15px;
	border-radius:4px;
	white-space:nowrap;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
#description a:hover:before{
	top:0px;
	opacity:1;
}
#description a:hover:after{ 
	top:-25px;
	opacity:1;
}


/* only share on vinch */
.ssba-wrap{
	display:none;
}
.single-sketch .ssba-wrap{
	display:block;
}



/* ==== DEVIS FORM ==== */
.etape-form{
	text-align:center;
	margin:0 auto 30px;
}
.etape-form li{
	display:inline-block;
	width:150px;
	position:relative;
}
.etape-form li p{
	display:block;
	position:relative;
	z-index:1;
	text-align:center;
	background:#ddd;
	color:#fff;
	list-style:none;
    padding: 2px 12px;
    width: 32px;
    border-radius: 60px;
}
.etape-form li:first-child{

}
.etape-form li:last-child{
	width:35px;
}
.etape-form li:last-child:after{
	display:none;
}
.etape-form li:after{
	content: '';
    width: 80px;
    height: 4px;
    border-radius: 2px;
    background: #ddd;
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 0;
}
.etape-form li.cf7mls-steps-item-finish:after,
.after-active:after{
    background: #4397A1!important;
}
.etape-form .etape-active p{
	background:#4397A1;
}
.etape-form-text{
	text-align:center;
	border-bottom:1px solid #ddd;
	margin:20px auto 50px auto;
	width:600px;
}
.etape-form-text li{
	display:inline-block;
	color:#999;
	list-style:none;
	width:32%;
	/*border-bottom:2px solid #ddd;*/
}
.etape-form-text .etape-active{
	border-bottom:3px solid #d9ab59;
}
.small-text{
	font-size:12px;
}
/* -- checkbox devis -- */
.devis-multistep .wpcf7-list-item {
    margin: 10px!important;
    display: inline-block;
    width: 45%;
}
.devis-multistep .wpcf7-list-item label {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
   /* max-height: 90px;
   min-height: 90px;*/
    margin-bottom: 0px;
    padding: 20px 32px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.wpcf7-list-item-height .wpcf7-list-item label{
   max-height: 100px;
   min-height: 100px;
}
.devis-multistep .wpcf7-list-item-label{
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
	/*
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;*/
	display:block;
	padding-top:20px;
    margin-bottom: 0px;
    padding-right: 32px;
    padding-left: 66px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid transparent;
    border-radius: 16px;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.06); 
    -webkit-transition: border-width 200ms ease, border-color 200ms ease;
    transition: border-width 200ms ease, border-color 200ms ease;
    font-size: 16px;
    line-height: 1;

}
.devis-multistep input[type="checkbox"]:checked + .wpcf7-list-item-label,
.devis-multistep input[type="radio"]:checked + .wpcf7-list-item-label{ /* + adjacent sibling combinator */
	border: 2px solid #4397A1!important;
}
.devis-multistep input[type="checkbox"]:checked{
	 background: #4397A1!important;
}
.radio-small-text{
	font-size:12px;
	line-height:15px;
	display:block;
	margin-top:4px;
}
/* -- submit -- */
.wpcf7-submit{
	background: #4397A1!important;
}
.wpcf7-submit:hover{
	background: #37417F!important;
}
.wpcf7 form.sent .wpcf7-response-output{
	padding:40px!important;
}
/* -- -- */
.wpcf7-list-item-label{
	font-family:'Raleway';
	font-weight:400;
}
.one_half{
    width: calc( 50% - 10px);
	float:left;
	margin-bottom:0!important;
}
.last_column{
	float:right;
}
.wpcf7 form p{
	margin-bottom:0!important;
}
.clear{clear:both;}
/* --- */
.form-quote .wp-block-column:first-child{
	position:relative;
}
.form-quote .wp-block-column:first-child:before{
	content: "";
	/*border-right:1px solid #fff;*/
	opacity:0.7;
	position:absolute;
	display:block;
	height:71%;
	top:0;
	right:0;
	width:1px;
	
}
.form-quote .label{
	color:#fff!important;
	font-size:13px;
	opacity:0.7;
	margin-bottom:0!important;
}
.form-quote input[type="text"], .form-quote input[type="email"],.form-quote input[type="password"],.form-quote input[type="tel"]{
	background:none;
	color:#fff;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dashed #fff;
	width:100%;
	height:30px;
	padding:0;
	margin:-7px 0 14px 0;
}
.form-quote input, .form-quote textarea, .form-quote select{
	background:none;
	color:#fff;
	border:none;
	padding-left:0;
	width:100%;
}
.form-quote textarea {
	min-height:170px;
}
.form-quote input:focus,
.form-quote select:focus,
.form-quote textarea:focus,
.form-quote button:focus {
    outline: none;
}
.form-quote input[type=submit],.form-quote button[type=submit]{
	width:100%;
	padding:15px;
	text-transform:uppercase;
	background: none;
	border:2px solid #fff;
	width:90%;
	margin-left:5%;
}
.form-quote input[type=submit]:hover,.form-quote button[type=submit]:hover{
    background: #ffad75;
	border:2px solid #ffad75;
}
.cf7mls_next{
	margin: 25px 0px 26px;
    padding: 10px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 0;
}
.cf7mls_back{
	margin: 25px 0px 26px;
    padding: 8px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 0!important;
	border:2px solid #4397A1!important;
}
/* ==== SINGLE SHOP  ==== */
.single-shop h1{
	color:#ffad75;
	font-size:28px;
}
.single-shop h2{
	font-size:20px;
}
.prix{
	font-size:16px;
}

/* ==== LOGO ==== */
#portfolio-logo h2{
	text-align:left;
}
#portfolio-logo{
	margin:45px auto 0;
	text-align:center;
	width:800px;
}
#portfolio-logo li{
	display:inline-block;
	margin:5px 0px 5px 110px;
	width:190px;
}

/* select 4 8 12 16 = 4n*/
#portfolio-logo li:nth-child(3n+1) {
	margin-left:0;
}

/* ==== CV  ==== */
.meter { 
	height: 20px;  
	position: relative;
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 10px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
	display: block;
	height: 100%;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -webkit-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -ms-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -o-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}
@-webkit-animation expandWidth {
   0% { width: 0; }
   100% { width: auto; }
}


/* ==== A PROPOS ==== */
.vinch-round{
	border-radius:50%;	
	-webkit-border-radius:50%;	
	-moz-border-radius:50%;	
}

/* table */
table{
	border:none!important;
	font-family:'Poppins', Arial, sans-serif;
}
th{
	color:#ff837f;
	font-weight:600!important;
	text-align: left;
}
th, td{
	line-height:20px;
	padding:15px 25px!important;
	border:none!important;
	
}
td{
	color:#999;
	border:none!important;
}

/* form */
.aligncenter form p{text-align:center;margin:0 auto;width:auto;}
.aligncenter input[type=submit]{margin-top:15px;}
input[type=submit],
button[type=submit]{
	background:#ffad75;
	color:#fff;
	border:none;
	padding:6px 20px;
	border-radius:0;
}
input[type=submit]:hover,
button[type=submit]:hover{
	background:#1b1b1b;
	cursor:pointer;
}
input[type="text"], input[type="email"], input[type="password"],input[type="tel"]{
	padding:5px 12px;
	font-size:14px;
	height:40px;
	line-height:16px;
	vertical-align:middle;
	color:#999;
	width:100%;
}
textarea{
	width:100%;
}
input, textarea, select{
	border:1px solid #D8DDE5;
	border-radius:2px;
	padding:2px 12px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

/* === related posts ==== */
#related-posts{
	text-align:center;
}
#related-posts li{
	display:inline-block;
	margin:0% 1%;
	width:30%;
	vertical-align:top;
}
#related-posts li .thumb{
	width:100%;
	height:245px;
	line-height:245px;
	margin-bottom:7px;
	background:#eee;
overflow:hidden;
}
#related-posts li .thumb img{
	min-width:100%;
	max-width:100%;
	height:auto;
	display:inline;
	vertical-align:middle;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	transition: transform 0.3s;
}
#related-posts p{
	font-size:13px!important;
	line-height:15px!important;
}
.single-shop .thumb{
	height:330px!important;
}
#related-posts li a{
	display:block;
}
#related-posts li a:hover img{
	transform: scale(1.1);
}

/* ==== BLOG ==== */
.single-post #blog-content{
	width:80%;
	float:left;
}
.single-post #blog-content a,
.page-id-1258 #site-content a,
.page-id-1616  #site-content a,
.page-id-2637 #site-content a,
.single-product .woocommerce-product-details__short-description a,
.page-id-718 #site-content a,
.mondial-relay-note-cart a,
.link-style{
	background:linear-gradient( to bottom, #ffad75 0%, #ffad75 100% );
	background-position: 0 100%;
background-repeat: repeat-x;
background-size: 0.15em 0.15em;
	transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
border-bottom: none;
text-decoration: none;
color:#003B4A;
padding:3px;
}
.single-post #blog-content a:hover,
.page-id-1258 #site-content a:hover,
.single-product .woocommerce-product-details__short-description a:hover,
.page-id-1616  #site-content a:hover,
.page-id-718 #site-content a:hover,
.page-id-2637 #site-content a:hover,
.mondial-relay-note-cart a:hover,
.link-style:hover{
	background-size:0.15em 1.5em;
	color:#fff!important;
}
.ugb-button{
	padding:10px 35px!important;
}
.ugb-button:hover{
	background:none!important;
	background-size:0 0!important;
	color:#fff!important;
}
.widget_shopping_cart_content .button{
	background:#4397a1!important;
	color:#fff!important;
	text-align:center!important;
}
.widget_shopping_cart_content .button:hover{
	background:#6ec3bc!important;
}
.blog .entry-content{
	    max-width: 1200px;
    margin: 0 auto;
}
.single-post #blog-content{
	width:80%;
	float:left;
}
#blog-sidebar{
	width:17%;
	float:right;
}
#blog-sidebar h3{
	font-family:'Poppins', Arial, sans-serif;
	color:#ffad75;
	font-size:18px;
	font-style:normal;
	margin-bottom:5px;
}
#blog-links{
	/*position:fixed;*/
	width:187px;
	background:#fff;
	z-index:10;
}
#blog-links li a{
	display:block;
	padding:5px 0;
	color:#003B4A;
	border-bottom: 1px solid #ddd;
    margin-bottom: 4px;
    line-height: 20px;
}
#blog-links li a:hover,
.blog-list a:hover .ugb-blog-posts__excerpt,
.blog-list a:hover h3{
	color:#ffad75;
}
.ugb-blog-posts__excerpt{
	color:#999;
}
/* ---- banner vacances ---- */ 
.banner-vacances-text{
	padding:35px;
	margin:0 auto;
	max-width:60%;
	border:2px solid #a5a8b7;
}
.banner-vacances-text h4{
	padding:0!important;
	text-align:center;
}
.banner-vacances-text h4:before{
	display:none;
}
/* --------- bottom post newsletter --------------- */
.bottom-post-freebie{
	max-height:250px!important;
	margin-bottom:25px!important;
}
.bottom-post-freebie figure{
	width:30%!important;
	margin-right:20px!important;
}
.bottom-post-freebie-newsletter-form{
	border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #C6BFBF;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px 15px 15px 15px;
}
.bottom-post-freebie-newsletter-form h3{
	display:block!important;
}
.bottom-post-freebie-newsletter-form > div{
	display: inline-block;
	 width: 45%;
}
.newsletter-col2{
	position: relative;
	padding: 10px;
	margin-left:50px!important;
}
/* =============================================== FOOTER ================================================== */
.mondial-relay-note-cart {
	margin-bottom:50px;
	margin-top:-90px;
}
.footer-absolute-logo{
	background:#fff;
	position:absolute;
	top:-150px;
	border-radius:200px;
	padding:30px;
}
/*
#big-footer:before{
	content:" ";
	position:absolute;
	top:-5px;
	left:0;
	width:100%;
	height:1px;
	border-top:1px solid #ddd;
} */
#big-footer{
	width:100%;
	z-index:60;		
	border-top:1px solid #ddd;
	background:#fff!important;
	padding:60px 0 60px 0;
	position:relative;
}
.woocommerce-page #big-footer{
	margin-top:90px;
}
#big-footer .fa{
	margin:0 3px;
}
#big-footer .fa-facebook{
	font-size:18px;
}
#big-footer .fa:hover{
	color:#999;
}
#big-footer h3{
	color:#003B4A;
	font-family: 'Poppins', Arial, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	line-height:22px;
}
#big-footer .menu a{
	color:#003B4A;
}
#big-footer .menu a:hover{
	color:#ffad75;
}
#big-footer input.button{
 	padding: 6px 13px 11px;
	margin-left:-2px;
	background:#ebe9eb;
	color:#515151;
	font-weight: 700;
	line-height: 1;
	font-size: 100%;
}
#big-footer input.button:hover{
	background:#ffad75;
	color:#fff;
}

/* ------ */
#footer-content{
	width:1100px;
	max-width:100%;
	margin:0 auto;
	text-align:center;
}
#footer-content > li{
	display:inline-block;
	margin-right:25px;
	vertical-align:top;
	/*width:305px;*/
	position:relative;
width:18%;
	text-align:left;
}
#footer-content > li p{
	
}
#footer-content li:last-child{
	margin-right:0;
}
#menu-footer li{
	
}
#menu-footer li a{
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Poppins', Arial, sans-serif;
	font-size:17px;
	text-align:center;
	padding:14px 0;
	border-top:1px solid #AD062E;/* fonce */

}
#menu-footer li:first-child a{
	border-top:none;
}
#menu-footer li:last-child a{
	border-bottom:none;
}
#footer-content p{
	line-height:24px;
	margin-top:15px;
}
#bg-footer-logo{
	background:url('images/bg-footer-logo.png') no-repeat;
	height:220px;
	width:240px;
	position:absolute;
	z-index:2;
	top:-24px;
	padding:15px 60px 0 50px;
	left:-30px;
}



/* --- small footer --- */
#small-footer{
	height:30px;
	padding:20px 0;
	bottom:0;
	width:100%;
	z-index:99;
	background:#fff!important;
}
#small-footer-content{
	width:980px;
	margin:0 auto;
}
#small-footer-content p{
	color:#999;
	line-height:26px;
	font-size:12px;
	text-align:center;
}
.small-footer-content h2{
	font-size:20px;
	line-height:20px;
	margin:0;
}





/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* ----------------  AJOUT RESPONSIVE ----------------------- */
@media only screen and (min-width: 1700px) {
.banner-home-aix img{margin-top:-80px;}
.home-img-move:before{height:300px;}
}
@media only screen and (min-width: 1500px) {
	#slider, #banner{max-height:720px;}
}


/* Mobile Navigation */
.nav-mobile{
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	z-index:300;
	top:0px;
	right:0;
	background:#023058;
	height:30px;
	width:100%;
}

#pull, #overlay-input {
    display:none;
}

/* -----   MEDIA QUERIES ----- */
@media only screen and (max-width: 1024px){
.wrap{width:90%;margin-left:5%;}
}
/* ------------------------  in between -------------------------------- */
@media only screen and (min-width: 1275px) and (max-width: 1500px){
	.home-img-move:before{height:210px;}
	/* --- portfolio --- */
	.list-portfolio li .thumb{height:400px;}	
}
/* ------------------------  in between -------------------------------- */
@media only screen and (min-width: 1125px) and (max-width: 1270px){
	/* --- portfolio --- */
	.list-portfolio li .thumb{height:300px;}	
}
/* ------------------------  in between -------------------------------- */
@media only screen and (min-width: 1125px) and (max-width: 1500px){
	.intern-banner{background-position: center -150px;}
	/* --- portfolio --- */
	.list-portfolio {margin:50px 0 0 20px;}
	.list-portfolio .thumb img{width:100%;}
	.list-portfolio h3{font-size:14px;line-height:14px;margin-bottom:8px;}
	.list-portfolio li .category{padding:0;font-size:11px;line-height:10px;}
	#prev-next{top:410px;}
}
/* ------------------------  ipad horizontal -------------------------------- */
@media only screen and (min-width: 959px) and (max-width: 1124px){
	#content{max-width:90%;}
	/* --- home --- */
	.home-title-content{top:39%;}
	.home-title-content h1{line-height:36px;font-size:32px;}
	.home-title-content h2{line-height:16px;font-size:12px;margin:-5px 0 5px 0;}
	.intern-banner{background-position: center 0px;}
	/* --- portfolio --- */
	.not-absolute-mobile{position:relative!important;}
	.list-portfolio li .thumb{height:250px;}	
	.list-portfolio .thumb img{width:100%;}
	.list-portfolio h3{font-size:14px;line-height:14px;margin-bottom:8px;}
	.list-portfolio li .category{padding:0;font-size:9px;line-height:10px;}
	#prev-next{top:260px;}
	.portfolio-prev{left:0px;}
	.portfolio-next{right:7px;}
	#footer-content{max-width:98%}
	#footer-content > li{margin-right:1%;}
}


/* ------------------------  ipad vertical -------------------------------- */
@media only screen and (max-width: 959px){
	#header-content{}
	
	/* head*/
	#header-content,#content, #slider img, #footer-content, #small-footer-content{width:100%;}
	header{background-position:-120px 0;}
	#menu{margin-left:60px;}
	#slider-shadow{top:270px;}
	#slider, #banner{padding-top:140px;}
	.banner-text h1{font-size:30px;line-height:36px;}
	/* --- home --- */
	.home-img-move{height:450px;/*background-image:linear-gradient(to right, #34234f 0%, #2c5185 51%, #34234f 100%);*/}
	.home-img-move img{/*display:none;*/}
	.home-title-content{top:45%;width:80%;max-width:none;}
	.home-title-content h1{font-size:34px;line-height:38px;max-width:none;}
	.home-title-content h2{margin-bottom:0;max-width:none;}
	.home-title-content .detail{margin:0 auto;}
	/* content */
	#derniers-projets li{width:80%;margin-left:10%;}
	.projets-offres #derniers-projets li {width: 30%;margin-left: 1%;}
	
	.intern-banner{background-position: center 0px;}
	.item-info h2{margin-left:0;}
	.content-text{width:92%;margin:0 auto;}
	/* --- portfolio --- */
	.not-absolute-mobile{position:relative!important;}
	.list-portfolio li{width:40%; margin: 0 2% 15px 2%!important;}
	.list-portfolio li .thumb{height:380px;}	
	.list-portfolio .thumb img{width:100%;}
}


/* ------------------------  tout smartphone -------------------------------- */
@media only screen and (max-width: 768px) {
/* -- mobile menu css only */
@keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}

#overlay-button {
  position: absolute;
  right: 2em;
  top: 4em;
  padding: 26px 11px;
  z-index: 11;
  cursor: pointer;
  user-select: none;
}
#overlay-button span {
    height: 3px;
    width: 35px;
    border-radius: 2px;
    background-color:  #fff;
    position: relative;
    display: block;
    transition: all 0.2s ease-in-out;
}
#overlay-button span:before {
      top: -10px;
      visibility: visible;
    }
#overlay-button span:after {
      top: 10px;
    }
#overlay-button span:before,
#overlay-button span:after {
      height: 3px;
      width: 35px;
      border-radius: 2px;
      background-color:  #fff;
      position: absolute;
      content: "";
      transition: all 0.2s ease-in-out;
  }
#overlay-button:hover span,
#overlay-button:hover span:before,
#overlay-button:hover span:after {
    background: #333332;
}

input[type="checkbox"] {
 /* display: none;*/
}

input[type="checkbox"]:checked ~ #overlay {
  visibility: visible;
}

input[type="checkbox"]:checked ~ #overlay-button:hover span{
    background: transparent;
  }
input[type="checkbox"]:checked ~ #overlay-button span:before {
      transform: rotate(45deg) translate(7px, 7px);
      opacity: 1;
	  background-color:  #fff;
}
input[type="checkbox"]:checked ~ #overlay-button span:after {
      transform: rotate(-45deg) translate(7px, -7px);
	  background-color:  #fff;
}

#overlay {
  height: 100vh;
  width: 100vw;
  background: #ffad75;
  z-index: 10;
  visibility: hidden;
  position: fixed;
  top:0; /* = full bg color for menu */
}
#overlay .active {
    visibility: visible;
  }

#overlay #menu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    height: 100vh;
    padding-left: 0;
    list-style-type: none;
	margin-left:0;
	padding-top:140px; 
	z-index:999;
}

	

/* --- menu principal dropdown mobile ---  */

#menu .current_page_item > a, .sticky #menu > li > a{color:#fff!important;}
#menu li .current, #menu li a:hover, #menu .current-menu-item a,#menu .current-menu-item > a, .current-menu-parent > a, .single-product .menu-item-1904 a{background:none;color:#161D47!important;}
#menu li a{background-image:none;color:#fff;font-size:22px;line-height:38px;height:38px;padding:0!important;}
.nav-mobile {display:block;}
.nav-list {display:none;margin-left:0;height:auto!important;} 
.nav-list > li{background:none;border-bottom:0;text-align:center;width:100%;display:block;height:auto!important;}  
.nav-list > li a {padding:10px!important;display:block;border:none;color:#fff;height:45px;line-height:45px;}

#menu .current-menu-item > a, .current-menu-parent > a, .single-product .menu-item-1904 a{border:none;}
.sous-nav, .nav-list > li > ul{display:none; /*display:block;*/position:relative!important;width:100%;opacity:1;background:none;border:none; top:0;}/*none*/
.sous-nav li,.sous-nav li:hover , .nav-list > li > ul > li, .nav-list > li > ul > li:hover{background:none;}
.sous-nav li > a, .nav-list > li > ul > li > a{border:none;font-size:14px; line-height:20px; padding:10px 0;display:block;height:auto!important; text-align:center;}
/* level 2 */
.sub-menu{/*margin-top:-20px!important;*/margin-top:-5px!important;}
.sub-menu li a{color:#fff!important;padding:3px 0!important;line-height:25px!important;}
/* hide level 3 */
.nav-list > li > ul > li > ul{display:none!important;}
   
.nav-active {display:block;}
.nav-mobile-open {border-bottom:1px solid #113c62;}

#header-shadow::after{display:none;}

/* --- header --- */
	#vinch-logo{padding:20px 0 0 0;}
	.sticky #vinch-logo{padding:20px 0 20px 0;}
#menu li:first-child a{margin:0!important;}
    #absolute{display:none;}
    header{background-position:-320px 0;height:175px;}
.post-type-archive-product header{height:auto;}
.post-type-archive-product #content{padding:30px 0 0 0!important;}


    #logo{width:250px; display:block;position:relative;margin:0 auto;right:0;padding-top:55px;z-index:10;}
	.logo-vinch {height: 50px;margin: -105px auto 0;position: relative;right: 0;width: 100px;}

    #slider-content{height:210px;}
    #slider-shadow{top:210px;}
    .slider-home .nivo-prevNav, .slider-home .nivo-nextNav{top:60px;}
	.home .header-blur{height:150px;}
	.header-blur{height:120px;}
	
/* --- home --- */
	.home-img-move{/*background-image:linear-gradient(to right, #34234f 0%, #2c5185 51%, #34234f 100%);*/height:450px;overflow:hidden;}
	.home-img-move:before{height:120px;}
	.home-title-content{top:30%;}
	.home-title-content h1{font-size:26px;line-height:32px;}
	.home-title-content h2{font-size:18px;line-height:22px;}
	.home-title-content h4{text-shadow:1px 1px 1px rgba(200, 135, 94, 1);}
	.home-img-move img{/*display:none;*/  min-height: 90%;width: auto;margin-top: -70px;}	
	.testimonial-content{max-width:100%;}
	
.page-template-front-page-test #logo{padding:55px 0 0 0;height:auto;}
.page-template-front-page-test #header-shadow{top:105px;}
#home-bg{height:auto;margin-top:167px;}
.page-template-front-page-test .left-half, .page-template-front-page-test .right-half{width:100%;float:none;}
.home #content {width:90%!important;}

#derniers-projets {text-align:center;}
#derniers-projets li {margin-left: 0;width: 96%;}
#derniers-projets h2{margin-bottom:20px;}
#derniers-projets .ribbon, #derniers-projets .back-ribbon{display:none;}

.latest-products-home li{width:100%!important;margin:0 0 2% 0!important;}
	
.banner-title{font-size:30px!important;line-height:34px;}

.divider{display:none;}
.banner-text{top:0%;}
.banner-text .wrap{width:100%;margin:0 auto;}
.banner-text h1{font-size:30px;line-height:36px;margin-bottom:6px;}
.banner-text h2{font-size:12px;max-width:70%;}
.banner-text h3{font-size:14px;margin-bottom:12px;}
.banner-text a {padding: 10px 20px;margin-top:-3px;font-size:11px;background:#ffad75;}
.banner-text .portfolio{display:none;}
	
	.home #derniers-projets{display:none;}/*javascript doesn't load on mobile for speed*/

/* ------ banner ----- */
	#slider, #banner{max-height:220px;padding:0;}
	.flexslider{margin:0;}
	.flex-viewport{margin:0;height:180px;}
	.home .wp-block-ugb-card{padding-top:0px!important;}
.intern-banner{height:210px; background-position: center 0px;}
.intern-banner .title-page{line-height:150px;padding-top:95px;}
.intern-banner h1{	font-size:26px;}
	.subtitle-two{display:none;}
	.banner-home-aix-img{background-position:-150px;}
    
/* --- content --- */

	h1{font-size:32px;line-height:40px;}
	h2{font-family:'DM Serif Display'!important; font-size:30px; } /* issue samsung */
	.smallh1 h1{font-size:26px;line-height:34px;}	
	h4:before{width:35px;}
	h4{padding:0 0 0 55px!important;}
	.align-left-mobile, .align-left-mobile p{text-align:left;}
#content{min-height:inherit;}
	#content-wrap{width:100%;}
	#content{padding:30px 4%;width:90%;}
	#teasers-dessins{display:none;}
	#teasers{display:none;}
	#teasers li{margin-left:60px;}
	#content{padding-top:0;}

	.content-text{padding:0 20px;}
	#content h1{font-size:34px;line-height:38px;margin-top:10px;}
	#content h2{font-size:24px;line-height:28px;}
	.page-id-718 #content{padding:30px 8%;width:80%;}
	.testimonial-quotes{font-size:95px!important;}
	.testimonial-secteur{font-size:14px;}
	.elementor-widget-container{margin-left:0;margin-right:0;}
	
	
	
/* --- page web --- */
	.portfolio-title{width:100%;border:none;margin-top:20px;float:none;}
	#prev-next{right:0; top:10px;}
	#single-portfolio-flat img {max-width:100%;}
	.portfolio-prev a, .portfolio-next a, .portfolio-prev a:hover, .portfolio-next a:hover {
		top:0px;height:35px;width:20px;background-size:40px 70px!important;background:url("images/arrow.png") no-repeat;}
	.portfolio-prev a{left:4px;}
	.portfolio-next {right:10px;}
	.portfolio-next a, .portfolio-next a:hover{background-position:-20px 0;}
	#description p {padding:0 40px;line-height:15px;}
/* --- slider --- */
	.nivoSlider img{width:100%!important;height:auto!important;}
	.nivo-prevNav, .nivo-nextNav, #single-portfolio-slider .prev, #single-portfolio-slider .next{top:40px;}
	
/* --- logos --- */
	#portfolio-logo{width:80%;}
	#portfolio-logo li{margin:0;width:100%;}	
	#footer-content > li p{max-width:90%!important;margin-left:5%!important;}
	
/* --- portfolio --- */
	#filters{padding:20px 4px;}
	#filters > li > a{padding:12px 10px!important;}
	.list-portfolio{margin:50px auto 0 10px!important;}
	.list-portfolio li{width:90%;margin:0 auto 15px;max-width:345px;}
	.single-portfolio .blocks-gallery-item{width:100%!important;}
	.single-portfolio .wp-block-media-text .wp-block-media-text__media{margin-bottom:35px!important;}
	.single-portfolio .content-text h1{margin:20px 0;}
 /* --- freebie --- */
	.freebie-box .elementor-image-box-img{width:100%!important;}
	.freebie-box .elementor-image-box-description{padding:0 15px;}
/* --- sketch --- */

.single-sketch h2{width:90%!important;font-size:26px;margin-left:20px;}
.single-sketch #description{float:none;padding-left:20px;}
.single-sketch #description p{padding:0;}
	

/* --- -single ---- */
#related-posts li .thumb{height:90px;line-height:90px;}
#single-portfolio-flat{width:92%;margin-left:4%;}
#prev-next{position:relative;}
.portfolio-prev a, .portfolio-next a{opacity:1;}
.flex-viewport{height:480px;margin-top:40px;}
.su-tabs-nav span{display:inline-block;}
#blog-content, #blog-sidebar{width:100%;float:none;}
.single-post #blog-content{float:none;width:100%;}
.su-tabs-mobile-stack .su-tabs-nav span{display:inline-block!important;}

/* --- blog --- */
.wp-block-image .alignright,.wp-block-image .alignleft{float:none!important;margin:0 auto 40px!important;}
/*h3, .intro-text{font-size: 24px!important;line-height: 28px!important;margin-top:15px!important;}*/
#blog-links{position:relative;width:100%;background:none;}
	.bottom-post-freebie{max-height:650px!important;}

/* ---- contact ---- */
/*.page-id-770 h4{width:70%;text-align:center;line-height:30px;margin:15px auto;}*/
.contact-img{margin-top:0px;}

/* footer */
#big-footer{/*width:90%;margin-left:4%;*/}
#footer-content > li{width:80%;padding-left:5%}
#big-footer h3{font-size:16px!important;}

}

/* ------------------------  tout smartphone -------------------------------- */
@media only screen and (max-width: 450px) {
	
	#slider-content{height:120px;}
	#slider-shadow{top:120px;}
	.slider-home .nivo-prevNav, .slider-home .nivo-nextNav{display:none;}
	
	/* --- content --- */	
	#teasers li{margin-left:10px;width:100px;height:100px;}
	.single-post #blog-content{float:none;width:100%;}

}