@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css2?family=Sahitya&family=Josefin+Sans:ital,wght@0,300;0,400;1,300;1,500&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

html, body 	{ margin: 0; padding: 0; font-family: "Open Sans", sans-serif;; font-size: 18px; color: #ffffff; font-weight: 300;}
html 		{ height: 100%; min-width: 320px; max-width: 2400px; margin: auto;}
body		{ left: 0; text-align: left; background-color: #1b1b1b; min-height: 600px;}

::selection			{ background-color: #ccc; color: #fff;}
::-moz-selection 	{ background-color: #ccc; color: #fff;}

/*<weight>: Use a value from 400 to 700*/
.libre-baskerville-<uniquifier> {
  font-family: "Libre Baskerville", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/*<weight>: Use a value from 300 to 800*/
.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

a           { color: #999; text-decoration: none; }
a:visited   { color: #999; text-decoration: none; }
a:hover     { color: #ffffff; text-decoration: none; }
a:active    { color: #ffffff; text-decoration: none; outline: none; }
a.selected  { color: #262626; } 
sup { vertical-align: super; font-size: .6em; }

b { font-weight: 400;}

h1 { font-family: "Libre Baskerville", serif; font-weight: 400; margin: 1em 0 .5em 0; padding: 1em 0; font-size: 1.9em; color: #ffffff;}
h2 { font-family: "Libre Baskerville", serif; font-weight: 400; margin: 1em 0 .5em 0; padding: .5em 0; font-size: 1.1em; color: #ffffff; line-height: 1.4em;}
h3 { font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 1.25em; color: #ffffff;}

.wrap 					{ position: relative; width: 100%; margin: auto; max-width: 1400px; overflow: hidden; padding: 0 1em;}
.wrapm 					{ position: relative; width: 100%; margin: auto; max-width: 900px; overflow: hidden; padding: 0 1em;}
.wrapmax 				{ position: relative; width: 100%; margin: auto; max-width: 1920px; overflow: hidden;}
.wrapmenu 				{ position: relative; width: 100%; margin: auto; max-width: 1920px;}

.colok 	{ color: #33bb55;}
#btnmenu a.custok 			{ color: #9e155f;}
.colko  { color: #bb3355;}
.help   { font-size: .7em; color: #8f8f8f;}

.msg            { position: relative; font-weight: 400; color: #9e155f; margin: 0px 0; padding: 1em; border: 2px solid #9e155f; }
.msgcart 		{ position: relative; font-weight: 400; color: #9e155f; margin: 0px 0; padding: 1em; border: 2px solid #9e155f; text-align: center; }

.print-only 	{ display: none;}

.pmargin 			{ max-width: 50%; margin: auto;}
.pcenter 			{ text-align: center;}
.pwhite 			{ color: white;}
.pbig 				{ font-family: "Libre Baskerville", serif; font-weight: 400; font-size: 1.5em; line-height: 1.7em;}

.bgdark 			{ background: #000000;}
.dmarg 				{ margin: 4em auto;}
.nowrap 			{ white-space: nowrap; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#mi               	{ display: none; background-color: #fff;}
#mi_i             	{ display: none; padding: 0 1em 1em 1em;}
#mi-overlay     	{ background: rgba(29,45,68,.80);}
#mi-container   	{ width: 90%; min-width: 300px; max-width: 60%; border: 1px solid #000000; background-color: #ffffff; padding: 0px; margin: 0;}
#mi-container .mi-data 		{ padding: 1em; text-align: center;}
#mi-container .mi-msg 		{ line-height: 1.5em;}
#mi-container .mi-msg span	{ font-weight: 400;}
#mi-container a { }
#mi-container a.modalClose 			{ float: right; margin: 5px; padding: .2em .5em; cursor: pointer; display:block; color:#000000;}
#mi-container a.modalClose:hover 	{ color: #000000;}
#mi-container .mi_action 	{ margin-top: 1em;}
#mi-container .mi_action a 	{ margin: 1em;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* HEADER */
#h 						{ background-color: #000000; border-bottom: 1px solid #fa1c00;}
	/* MESSAGE HEADER */
	#ph 					{ position: relative; background: #1b1b1b; color: #fff; text-align: center; padding: .5em; font-size: .8em;  line-height: 25px;}
		#ph a, #ph a:visited 		{ color: #fff;}
		#ph a:hover, #ph a:active 	{ color: #fff;}
	#ph span 				{ white-space: nowrap;}

	/* LOGO & MENU */
	#h_items 			{ position: relative; height: 180px;}
	#h_logo 				{ width: 280px; margin: auto;} /* 280 x 140 */
		#h_logo img			{ width: 100%; margin: 20px;}
	#h_menu					{ display: block; padding: 0; margin-top: 20px; height: 50px; text-align: center; font-size: .9em; border-top: 1px solid #000000;}
		#h_menu_i			{ display: block; padding: 0; margin: 0; text-align: center; font-size: 1em;}
#hs 					{ display: none;}

#h.h_fixed 				{ position: fixed; top: 0; width: 100%; height: 180px; z-index: 300;}

#btnmenu 		{ position: absolute; cursor: pointer; height: 30px; top: 15px; right: 50px; z-index: 499;}
#btnmenu a 		{ display: inline-block; color: #000; margin-right: 20px;}
a#btncart 		{ margin-right: 30px;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* TITLE PAGE */
.tp 					{ color: #ffffff; z-index: 1;}
	.tp_i 				{ padding: 0em 0 .5em 0; margin-bottom: 1em; text-align: center;}
		.tp_i h1 		{ color: #ffffff; margin: 0 auto; font-weight: 300; border-bottom: 1px solid #ffffff;}
		.tp_i h1 span 	{ color: #ffffff; font-family: "Open Sans", sans-serif;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* MODAL */
#divm h1 		{  margin-bottom: 1em; padding: 0 0 1em 0; text-align: center; color: #ffffff; margin: 0 auto; font-weight: 300; border-bottom: 1px solid #262626;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* BANNER */
#b.empty 				{ height: 1px;}

/*
#b,#b1        			{ position: relative; background-color: #fff; width: 100%; margin: auto; margin-top: 0px; overflow: hidden; z-index: 1; height: 0; max-height: 1080px;} 
#b:after  				{ padding-top: 56.25%; display: block; content: '';} 
	#b_i 				{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0;}
*/
#b,#b1        			{ position: relative; width: 100%; margin: auto; margin-top: 0px; z-index: 1; max-height: 1080px;} 

	#b_i 				{ }
	#b1_i 				{ margin: 0; padding: 0;}

	#b_slide 			{ margin: 0; padding: 0;}
		#b_prev, #b_next  	{ position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer;}
		#b_prev 			{ left: 1em;}
		#b_next 			{ right: 1em;}

		#b_prev a, #b_next a { color: #ffffff; opacity: .6;}
		#b_prev a:hover, #b_next a:hover { opacity: 1;}

	.bmask				{ position: absolute; left: 50%; top: 50%; z-index: 2; text-wrap: nowrap; text-align: center;
							-moz-transform: translate(-50%, -50%);
							-ms-transform: translate(-50%, -50%);
							-webkit-transform: translate(-50%, -50%);
							transform: translate(-50%, -50%);
						}
	.bmasklink			{ cursor: pointer;}
		.btxt 			{ position: relative; padding: 1em; margin: 2em; font-size: 1.5em; color: #fff; line-height: 1.8em;}
		.btxt a, .btxt a:hover, .btxt a:active, .btxt a:visited { color: #fff;}
		.btxt h1		{ font-weight: 500; font-size: 1.5em; margin: 0; padding: .5em 0; color: #fff; line-height: 1em;}
		.btxt h2		{ font-weight: 300; font-size: 1.4em; margin: 0; padding: 0 0 .5em 0; color: #fff;}
 
/*
		.btxt a, .btxt a:visited { display: block; float: right; padding: .3em .5em; margin-top: .5em; background-color: #000; color: #fff;}
		.btxt a:hover	{ background-color: #591826; color: #fff;}
		.btxt:after  	{ clear: both; display: block; content: '';}
*/

/*
a.btn  					{ float: right; display: inline-block; margin: .5em auto 0; padding: 0 1em; text-transform:uppercase; font-size: .8em; font-weight: 400; text-align: center;}
a.btn:after 			{ clear: both; display: block; content: ''; border-bottom: solid 3px; transform: scaleX(0); transition: transform 250ms ease-in-out;}
a.btn:hover:after 		{ transform: scaleX(1.2);}
*/

a.btn, span.btn  				{ display: inline-block; font-size: .7em; background: #fff; color: #000000; margin: .5em 0; padding: .3em 1.5em; text-transform: uppercase; white-space: nowrap; cursor: pointer; font-weight: 500; text-align: center; border: 1px solid #00000; text-decoration: none; outline: none;}
span.btn { cursor: default;}
a.btn:visited  					{ color: #000000;}
a.btn:hover, span.btn:hover 	{ color: #fff; background: #fa1c00; border: 0px solid #000000; text-decoration: none;
									-webkit-transition: background-color 200ms linear;
    								-ms-transition: background-color 200ms linear;
    								transition: background-color 200ms linear;
								}

.btndisabled    	{ display: inline-block; font-size: .7em; background: #969696; border: 1px solid #969696;color: #fff; margin: .5em 0; padding: .3em 1.5em; text-transform: uppercase; white-space: nowrap; font-weight: 500; text-align: center; text-decoration: none; outline: none;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#c 						{ color: #ffffff; padding-bottom: 2em; line-height: 1.4em;}
#c.h_fixed 				{ margin-top: 180px;}
#c.f_fixed 				{ margin-bottom: 300px; }

.lnkdwnld 			{ display: block; padding: .5em 1em; margin: .5em; border: 1px solid #c6c6c6;}
.lnkdwnld:hover 	{ background: #f6f6f6;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* FOOTER */

#f.f_fixed  	{ position: fixed; bottom: 0; width: 100%; z-index: 0;}

#f 		{ background: #000000; color: #fff; font-family: "Open Sans", sans-serif; font-weight: 300; padding-bottom: 3em;}
#f a           { color: #fff; text-decoration: none;}
#f a:visited   { color: #fff; text-decoration: none;}
#f a:hover     { color: #c6c6c6; text-decoration: none;}
#f a:active    { color: #c6c6c6; text-decoration: none; outline: none;}

	.f_i 		{ padding: 1em 0;}
	/*.f_cnt 		{ text-align: center; padding: 1em 0; vertical-align: middle;}*/
	div[class^='f_cnt'], div[class*=' f_cnt'] 			{ text-align: center; padding: 1em; vertical-align: top;}
	div[class^='f_cnt']>div, div[class*=' f_cnt']>div	{ display: inline-block; text-align: left; font-size: .8em; line-height: 1.4em;}

	#f_main 	{}
	.f_sub 		{ text-align: center; padding: 1em;}
	.f_border	{ border-top: 1px solid #fff;}
	.f_copy 	{ font-size: .9em;}

.menumain 			{ display: block; text-align: center; padding: 0 0 1em 0;}
.menumain_item 		{ display: inline-block; vertical-align: top; padding: 0 2em; text-align: left;}
.menumain_label 	{ padding: 1em 0 0 0; margin: 0 0 .5em 0;}
.menumain .sub 		{ font-size: .85em; line-height: 1.5em;}
.menumain .sub_item {}

#f a[class*='lnk-soc-'] 		{ display: inline-block; color: #fff; margin: .5em .5em;}
#f a[class*='lnk-soc-']:visited { color: #fff; text-decoration: none;}
#f a[class*='lnk-soc-']:hover   { color: #ccc; text-decoration: none;}
#f a[class*='lnk-soc-']:active  { color: #ccc; text-decoration: none; outline: none;}
#f a.lnk-soc-facebook:hover 	{ color: #3b5998;} /* https://encycolorpedia.fr/3b5998 */
/*#f a.lnk-soc-pinterest:hover 	{ color: #c8232c;}*/ /* https://encycolorpedia.fr/c8232c */
/*#f a.lnk-soc-twitter:hover 		{ color: #00acee;}*/ /* https://encycolorpedia.fr/00acee */
#f a.lnk-soc-instagram:hover 	{ color: #c13584;} /* https://encycolorpedia.fr/3f729b */
/*#f a.lnk-soc-linkedin:hover 	{ color: #2977c9;}*/ /* https://encycolorpedia.fr/2977c9 */
/*#f a.lnk-soc-vimeo:hover 		{ color: #00adef;}*/ /* https://encycolorpedia.fr/00adef */
/*#f a.lnk-soc-wechat:hover 		{ color: #00c024;}*/ /* https://encycolorpedia.fr/00c924 */
#f a.lnk-soc-youtube:hover 		{ color: #fa0606;}

.menufooter 			{ color: #fff; text-align: center; padding: 1em 0;}
.menufooter a 			{ color: #fff;}
.menufooter a:visited   { color: #fff; text-decoration: none;}
.menufooter a:hover     { color: #ccc; text-decoration: none;}
.menufooter a:active    { color: #ccc; text-decoration: none; outline: none;}
.menufooter>div			{ display: inline-block;}
.menufooter_item 		{ padding: .3em 2em; font-size: .85em; line-height: 1.8em;}
.menufooter>div.menufooter_separator 	{ display: none;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Social */

.socialbar 		{ margin: .5em 0;}
.socialbar a  	{ margin-right: .5em; }

.btn-icon[data-icon=facebook]:hover 		{ color: #4c64a0;}
.btn-icon[data-icon=twitter]:hover 			{ color: #00a7e7;}
.btn-icon[data-icon=instagram]:hover 		{ color: #c13584;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#back-to-top { position: fixed; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; width: 50px; height: 50px; text-align: center; line-height: 50px;
    color: #fff; background: #666666; border: 0px solid #000; border-radius: 50%; text-decoration: none; opacity: 0;
    -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease;}
#back-to-top:hover { color: #fff; background: #999999;}
#back-to-top.show 	{ opacity: .6;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* PADDING */
/*
.padpx1  { padding: 5px;}
.padpx2  { padding: 10px;}
*/
.pad1  	{ padding: .5em;}
.pad2  	{ padding: 1em;}
.pad3  	{ padding: 2em;}
.pad02  { padding: 0 1em;}
.pad12  { padding: .5em 1em;}
.pad011 { padding: .1em 1em;}
.pad13  { padding: 1em 2em;}

.pad120  { padding: .5em 1em .5em 0;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Press */
.press 						{ margin: 0;}
.prsi 						{ display: inline-block; width: 33.33%; vertical-align: top; margin: 0; padding: 1em 0; cursor: pointer;}
.prsi_i 					{ position: relative; padding: 0 1em; margin: 0 0 1em 0;}
.prsi_i .plimg				{ height: 0; overflow: hidden; padding-bottom: 50%;}
.prsi_i .pltxt				{ margin-top: .5em;}
.prsi_i .plpub				{ font-weight: 400;}
.prsi_i .pldate				{ font-size: .7em;}
.prsi_i .pltitle			{ font-family: "Libre Baskerville", serif; font-weight: 400;}
.prsi_i .plhead				{ margin-top: .4em;}
.prsi_i .pllnk				{ margin-top: 1em; text-align: right;}
.prsi:hover 				{ background: #f6f6f6;}

/* Press details */
#pressmenu 					{ padding: 1em 0 2em 0;}	
	.pressmenuitem 							{ display: inline-block; margin: 0; width: 25%;}
		.pressmenuitem_i 					{ display: block; margin: .3em; overflow: hidden;}
		.pressmenuitem_i a					{ display: block; margin: 0; text-align: center;}

.press_details 				{ padding: 2em 0;}	
.press_details .pdtitle		{ font-size: 1.5em; line-height: 1.5em; font-family: "Libre Baskerville", serif; font-weight: 400;}
.press_details .pddate		{ }
.press_details .photoitem 	{ margin: 2em 0;}
.press_details .pdtext		{ margin: 2em 0;}

/*
		.pressmenuitem_inactive				{ display: block; margin: .3em; padding: .2em 0; border: 1px solid #ccc; background: #ccc; text-align: center; color: #fff;}
		.pressmenuitem_i.highlight a  		{ background: #242424; text-align: center; color: #fff;}
		.pressmenuitem_i a:hover				{ background: #65758C; text-align: center; color: #fff;}
		.pressmenuitem_i.highlight a:hover 	{ background: #65758C; text-align: center; color: #fff;}
*/

.photoitempreview		{ display: inline-block; vertical-align: top; width: 12em; margin: .5em; cursor: pointer;}
.photoitem_i>.img 		{ position: relative; padding-bottom: 56.25%; /* 56.25%=16:9 66%=3:2; 75%=4:3 100%=1:1*/ padding-top: 0px; height: 0; overflow: hidden; /*border: 1px dotted #d1d3d4;*/}
.testphotoitem_i>.img img	{ position: absolute; top: 0; left: 0; width: 100%;}


/* 1: large crop preview + zoom */
.photozimg 		{ cursor: pointer;}
#photozitemall 			{ margin: .5em -.3em; }
.photozitem 			{ display: inline-block; vertical-align: top; width: 25%; margin: .3em 0;}
.photozitem_i 			{ position: relative; margin: 0 .3em; padding: 0; background: #fff; height: 100%; font-size: .8em; cursor: pointer; border: 0px dotted #999;}
.photozitem_i>.img 		{ position: relative; padding-bottom: 100%; /* 100%=1 56.25%=16:9 75%=4:3 66%=3:2; */ padding-top: 0px; height: 0; overflow: hidden; background-color: #fff;}
.photozitem_i>.img img	{ position: absolute; top: 0; left: 0; width: 100%;}
.photozlegend 			{ text-align: center; font-size: .8em; line-height: 1.1em; padding-top: 5px; color: #ffffff;}

#photozmask 	{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(29,45,68,.80); z-index: 10000;}
.photoznav		{ position: relative; display: inline-block; height: 100%; width: 10%; text-align: center; vertical-align: middle;}
#photozprev 	{ display: none; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 5em 0; color: #fff; cursor: pointer; z-index: 10001;}
#photoznext 	{ display: none; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 5em 0; color: #fff; cursor: pointer; z-index: 10001;}
#photozclose	{ position: absolute; top: 1em; right: 1em; color: #fff; cursor: pointer; z-index: 10001;}
#photoz			{ position: relative; display: inline-block; width: 80%; max-height: 90%; text-align: center; vertical-align: middle;}

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

.navlist 				{ margin: 2em 0; font-size: .8em; text-align: center;}
	.navlist a 			{ margin: 0 .5em; padding: .5em 1em; border: 1px solid #262626; color: #262626; background: #fff;}
	.navlist span 		{ margin: 0 .5em; padding: .5em 1em; border: 1px solid #969696; color: #fff; background: #969696;}
	.navlist a:hover 	{ color: #fff; background: #262626; border: 1px solid #262626; text-decoration: none;}

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

.videoWrapper			{position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0;}
.videoWrapper iframe 	{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* FORM INPUTS */

input[type=text], input[type=email], input[type=password], input[type=number] 							{ font-family: "Open Sans", sans-serif; font-weight: 300; box-sizing: border-box; width: 100%; background: #fff; font-size: 1em; color: #000; border: none; border: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: .5em .5em .25em .5em; transition: border 0.2s;}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus 	{ outline: none; border-bottom: 1px solid #000;}
textarea        			{ font-family: "Open Sans", sans-serif; font-weight: 300; box-sizing: border-box; width: 100%; background: #ffffff; font-size: 1em; color: #1e1e1e; border: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: .5em .5em .25em .5em; transition: border 0.2s;}
textarea:focus 				{ outline: none; border-bottom: 1px solid #000;}
select 						{ font-family: "Open Sans", sans-serif; font-weight: 300; box-sizing: border-box; width: 100%; background: #ffffff; font-size: 1em; color: #1e1e1e; border: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: .5em .5em .25em .5em; transition: border 0.2s;}
select:focus 				{ outline: none; border-bottom: 1px solid #000;}
option:disabled 			{ color: #d7d7d7;}
/*
input[type=submit] 			{ float: right; font-family: "Open Sans", sans-serif; font-size: 1.1em; font-weight: 300; box-sizing: border-box; color: #000; background-color: #fff; border: 1px solid #d7d7d7; border-bottom: 2px solid #d7d7d7; max-width: 100%; padding: .2em 3em; transition: border 0.2s, background-color 0.2s;}
input[type=submit]:hover 	{ border-bottom: 2px solid #000; background: #8b8d8e; color: #fff; cursor: pointer;}
*/
input[type=submit] 			{ float: right; background: #ffffff; font-family: "Open Sans", sans-serif; font-size: 1em;
								color: #333333; margin: .5em 0; padding: .8em 1em; text-transform: uppercase; white-space: nowrap; cursor: pointer; font-weight: 500; text-align: center; border: 1px solid #262626; text-decoration: none; outline: none;}
input[type=submit]:hover:enabled    { color: #fff; background: #000000; border: 1px solid #333333; text-decoration: none;}

input:disabled { background: #f6f6f6;}

input[type=submit][disabled=disabled], input[type=submit]:disabled { color: #c6c6c6; border: 1px solid #c6c6c6; cursor: default;}

input.newsletter 			{ max-width: 250px; padding: .2em;}
#submitnewsletter 			{ cursor: pointer;}


#f input[type=text], #f input[type=email], #f textarea { background: #1b1b1b; border: 1px solid #666666; color: #ffffff; }
#f input[type=text]:focus, #f input[type=email]:focus, #f textarea:focus { outline: none; border-bottom: 1px solid #fa1c00;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Hamburger button */

.push-body { overflow-x: hidden; position: relative;}
.smenu,.push-body {
    -webkit-transition: all 0.8s ease;
       -moz-transition: all 0.8s ease;
            transition: all 0.8s ease;
}

	.c-hamburger:focus {outline: none;}
	
	/* sMenu */
	.smenu 				{ display: block; position: fixed; background: #000000; color: #fff; font-weight: 300; width: auto; width: 270px; min-width: 270px; height: 100%; top: 0; z-index: 1000; overflow-y: auto; right: -270px;}
	.smenu.menu-open 	{ right: 0px;}

	/* Menu Styles */
	.show-for-devices 	{ display: block!important;}

	ul.menu-list		{ display: none; margin: 0; padding: 60px 0 0 0; font-size: 1em;}
	ul.menu-list li 	{ clear: both; float: none; margin: 0; padding: 0px;}

	/* Handling Submenu */
	ul.menu-list ul 			{ display: none; position: relative; margin: 0; padding: 0;}
	ul.menu-list ul li 			{ margin: 0; padding: 0;}
	ul.menu-list ul ul 			{ position: relative; top: 100%; left: 0%; margin: 0; padding: 0;}
	ul.menu-list li:hover>ul 	{ display: none;}

	/* Style */
	ul.menu-list li:hover>ul 	{ background: #8cbeb2!ie;} /* Fix for IE7 */

	/* Submenu Expand Icon */
	/* ul.menu-list li.has-submenu>a>span.menu-expand 					{ font-size: .8em; padding: .1em .8em .1em .1em; line-height: 1em; position: absolute; right: 15px; z-index: 700;} */
	ul.menu-list li.has-submenu>a>span.menu-expand 					{ font-size: .9em; padding: .3em .8em .1em .1em; line-height: 1em; position: absolute; right: 15px; z-index: 700;} /* All levels */
	ul.menu-list>li.has-submenu>a>span.menu-expand 					{} /* Level 1 */
	ul.menu-list li.has-submenu>a>span.menu-expand:after 			{ content: '\25BD'; color: #808081;} /* Level 1 */ /* 25BC plein 25BD filaire */
	ul.menu-list li.has-submenu>a.active>span.menu-expand:after 	{ content: '\25B3'; color: #808081;} /* Level 1 */ /* 25B2 plein 25B3 filaire */
	ul.menu-list li li.has-submenu>a>span.menu-expand 				{} /* Level 2 */
	ul.menu-list li li.has-submenu>a>span.menu-expand:after 		{ content: '\25BD'; color: #808081;} /* Level 2 */
	ul.menu-list li li.has-submenu>a.active>span.menu-expand:after 	{ content: '\25B3'; color: #808081;} /* Level 2 */

	/* You can manage with of elements by width of a-tag */
	ul.menu-list li a 			{ display: block; color: #fff; position:relative; margin: 0; padding: 0px;} /* All levels */
	ul.menu-list li>a 			{ margin: 0; padding: 8px 30px;} /* Level 1 */
	ul.menu-list li li>a 		{ margin: 0; padding: 8px 10px 8px 50px;} /* Level 2 */
	ul.menu-list li li li>a 	{ margin: 0; padding: 8px 10px 8px 70px;} /* Level 3 */

	/* First Level*/
	ul.menu-list>li 			{ margin: 1em 0 0 0; border: none;}
	ul.menu-list>li>a 			{}
	ul.menu-list>li:hover 		{}
	ul.menu-list>li:hover>a 	{ background: #262626;}
	ul.menu-list>li>a:hover 	{}
	/* End First Level*/

	/* Second Level*/
	ul.menu-list>li>ul 				{ border: none; font-size: .9em;}
	ul.menu-list>li>ul>li 			{ margin: 0px; border: none;}
	ul.menu-list>li>ul>li>a 		{}
	ul.menu-list>li>ul>li:hover 	{ background: #202020;}
	ul.menu-list>li>ul>li:hover>a 	{ background: #202020;}
	ul.menu-list>li>ul>li>a:hover 	{}
	/* End Second Level*/

	/* Third Level*/
	ul.menu-list>li>ul>li>ul 			{ border:none;}
	ul.menu-list>li>ul>li>ul>li 		{ margin:0px;}
	ul.menu-list>li>ul>li>ul>li>a 		{}
	ul.menu-list>li>ul>li>ul>li:hover 	{ background: #1b1b1b;}
	ul.menu-list>li>ul>li>ul>li:hover>a { background: #1b1b1b;}
	ul.menu-list>li>ul>li>ul>li>a:hover {}
	/* End Third Level*/
	/* End Style */
	/* End Menu Styles */
	/* End sMenu */

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

.header-btn  	{ position: absolute; height: 30px; right: 25px; top: 20px; z-index: 499;}
.menu-toggle 	{ display: inline-block; cursor: pointer; height: 30px; width: 30px; vertical-align: middle;}
.header-btn [class*='btn-'] { display: inline-block; cursor: pointer; vertical-align: middle; margin-right: 4em;}

.header-btn.on .one {
	-moz-transform: rotate(45deg) translate(4px, 4px);
	-ms-transform: rotate(45deg) translate(4px, 4px);
	-webkit-transform: rotate(45deg) translate(4px, 4px);
	transform: rotate(45deg) translate(4px, 4px);
}
.header-btn.on .two {
	opacity: 0;
}
.header-btn.on .three {
	-moz-transform: rotate(-45deg) translate(8px, -10px);
	-ms-transform: rotate(-45deg) translate(8px, -10px);
	-webkit-transform: rotate(-45deg) translate(8px, -10px);
	transform: rotate(-45deg) translate(8px, -10px);
}

.header-btn [class*='btn-'], .header-btn [class*='btn-'] a, .header-btn [class*='btn-'] a:visited, .header-btn [class*='btn-'] a:hover, .header-btn [class*='btn-'] a:active {
	color: #ffffff;
}

.header-btn.on .one,
.header-btn.on .two,
.header-btn.on .three {
	background: #ffffff;
}

.one,
.two,
.three {
	width: 100%;
	height: 3px;
	background: #ffffff;
	margin: 6px auto;
	backface-visibility: hidden;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.header-btn.on [class*='btn-'], .header-btn.on [class*='btn-'] a, .header-btn.on [class*='btn-'] a:visited, .header-btn.on [class*='btn-'] a:hover, .header-btn.on [class*='btn-'] a:active { color: #ffffff;}

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


.hiddenOnMobile 	{ display: block;}
.onlyOnMobile 		{ display: none;}


@media screen and (max-width:1440px) {


}


@media screen and (max-width:1280px) {
	html, body 	{ font-size: 19px;}

	/* Menu */
	#h_menu_i					{ font-size: .95em;}

	/* Banner */

	/* Press */
	.prsi 						{ display: inline-block; width: 33.33%;}
}

@media screen and (max-width:1024px) {
	html, body 	{ font-size: 18px;}

	/* LOGO & MENU */
	#h_items 			{ height: 150px;}
	#h_logo 				{ width: 230px;} /* 280 x 140 */
	#h_menu					{ margin-top: 10px; height: 50px; font-size: .85em;}

	/* Banner */
	.btxt 						{ padding: 1em; margin: 2em; font-size: .9em; line-height: 1.5em;}

	/* Press */
	.prsi 						{ display: inline-block; width: 50%;}

	/* btn menu press */
	.pressmenuitem 				{ display: inline-block; margin: 0; width: 50%;}
}



@media screen and (max-width:900px) {

	/* LOGO & MENU */
	#h_items 			{ height: 130px;}
	#h_logo 				{ width: 180px;} /* 280 x 140 */
	#h_menu					{ margin-top: 5px; height: 50px; font-size: .9em;}

	/* contact */
	.conimg  					{ display: inline-block; width: 45%;}
	.condet 					{ display: inline-block; width: 55%;}	
}


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

	/* LOGO & MENU */
	#h_items 			{ height: 90px;}
	#h_logo 				{ width: 180px;} /* 280 x 140 */
	#h_menu					{ display: none;}

	/* Banner */
/*	.btxt 						{ background-color: #f6f6f6; color: #262626; max-width: 100%; margin: 1em;}
	.btxt h1, .btxt h2 			{ color: #262626;}*/
	.btxt h1  					{ font-size: 1.8em;}
	.btxt h2  					{ font-size: 1.2em;}
/*	.bmask						{ position: relative;}*/

	/* footer */
	div[class^='f_cnt']>div, div[class*=' f_cnt']>div	{ text-align: center;}

	/* Account & checkout */
	.csa_o 						{ display: block; width: 100%;}
}

@media screen and (max-width:640px) {

	/* Banner */
	.btxt 						{ max-width: 100%; padding: 1em; margin: 1em; font-size: .8em; line-height: 1.3em;}

	/* Press */
	.prsi 						{ display: block; width: 100%;}

	/* contact */
	.conimg  					{ display: block; width: 100%;}
	.condet 					{ display: block; width: 100%;}	
}

@media screen and (max-width:480px) {
	/* LOGO & MENU */
	#h_items 			{ height: 80px;}
	#h_logo 			{ width: 160px;} /* 280 x 140 */

	/* btn menu press */
	.pressmenuitem 				{ display: inline-block; margin: 0; width: 100%;}
}

@media screen and (max-width:400px) {
	/* LOGO & MENU */
	#btnmenu a 		{ margin-right: 10px;}
	a#btncart 		{ margin-right: 20px;}
}


/*
@media screen and (max-width:1024px) {
	.gitem 					{ width: 33%;}
}

@media screen and (max-width:768px) {
	.gitem 					{ width: 50%;}
}

@media screen and (max-width:440px) {
	.gitem 					{ width: 100%;}
}
*/