/**
 * #e00034
 * #99ca3f
 * #1e1e1e
 * #16161d
 */

/** http://meyerweb.com/eric/tools/css/reset/ 	v2.0 | 20110126		License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, 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, input[type=checkbox], input[type=radio] { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;}

/** defaults */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
strong { font-weight: bold;}
em { font-style: italic;}
a, button { outline: none;}
abbr { text-decoration: none; }
img { vertical-align: bottom;}
sup { font-size: 60%; }
mark { background-color: inherit; color: inherit; }
ins { text-decoration: none; }
template { display: none; }
input[type=submit], button { border-radius: 0;}
button::-moz-focus-inner { padding: 0; border: 0 }

/*::selection { background: #333; color: #fff;}
::-moz-selection { background: #333; color: #fff;}*/

body { /*background: #fff url(../../img/bg.jpg) 50% 0 repeat;*/ line-height: 1.5; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; -webkit-text-size-adjust: none;}
body, input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=range], select, textarea { font-size: 18px; color: #16161d; }

/** links */
a { color: #e00034; text-decoration: underline;}
a:hover, a:active, a:focus { color: #000;}
.disabled, button[disabled] { cursor: default; }

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 4, 2020 */
@font-face {
	font-family: 'montserrat';
	src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
		 url('fonts/montserrat-bold-webfont.woff') format('woff');
	font-weight: bold; font-style: normal;
}
@font-face {
	font-family: 'montserrat';
	src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
		 url('fonts/montserrat-medium-webfont.woff') format('woff');
	font-weight: 600; font-style: normal;
}
@font-face {
	font-family: 'montserrat';
	src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
		 url('fonts/montserrat-regular-webfont.woff') format('woff');
	font-weight: normal; font-style: normal;
}
@font-face {
	font-family: 'open_sans';
	src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
		 url('fonts/opensans-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sans';
	src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
		 url('fonts/opensans-semibold-webfont.woff') format('woff');
	font-weight: bold; font-style: normal;
}
@font-face {
	font-family: 'open_sans';
	src: url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
		 url('fonts/opensans-extrabold-webfont.woff') format('woff');
	font-weight: 900; font-style: normal;
}

/** fonts */
body, input, select, textarea { font-family: 'open_sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

h1, h2, h3, .head .lang, .hero, .tabs { font-family: 'montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

.text a[rel*="external"]:after, .select:after, .pop-close:before, .shop_table .remove:before,
#cboxClose:before, #cboxPrevious:before, #cboxNext:before { font-family: 'FontAwesomeSolid', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

.follow a:before { font-family: 'FontAwesomeBrand', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

/* **************************** */
/** transitions */
button, .bt, button:before, .bt:before, button:after, .bt:after, input[type=submit], .head a, .foot a,
.bloc-faq header span, .logo img { transition: all 0.2s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

/* **************************** */
/** animations */
.fixed { animation: slideIn 0.5s ease-in-out forwards; }
.fixed.slideOut { animation: slideOut 0.5s ease-in-out forwards; }
.tab-content { animation: fadeIn 0.5s ease-in-out forwards; }
.load-box.fadeOut, .load-overlay.fadeOut, .load-img.fadeOut { animation: fadeOut 0.5s ease-in-out forwards; }

.js .img-replace .to-replace { display: none; }
.loaded .img-replace .to-fill { animation: fadeIn 0.5s ease-in-out forwards; }
.img-replace .to-fill { opacity: 0; }

@keyframes slideIn {
	0% { transform: translateY(-100%); visibility: visible;}
	100% { transform: translateY(0); visibility: visible;}
}
@keyframes slideOut {
	to { opacity: 0; transform: translateY(-100%);}
}
@keyframes fadeIn {
	0%   { opacity: 0;}
	100% { opacity: 1;}
}
@keyframes fadeOut {
	0%   { opacity: 1;}
	100% { opacity: 0; z-index: -1;}
}

/* **************************** */
/** class gen */
.hide { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.hidden { visibility: hidden;}
.none, .printonly { display: none!important;}
.ir { display: block; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px;}

.clear { clear: both;}
.clearer { display: block!important; width: 100%!important; clear: both!important; height: 0!important; line-height: 0!important; font-size: 1px!important; float: none!important; overflow: hidden; margin: 0!important; padding: 0!important; border: none!important}
.selfclear { overflow: hidden;}

.text-center { text-align: center;}
.text-right { text-align: right;}
.text-left { text-align: left;}

.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 12px; }
.auto { margin-left: auto; margin-right: auto; }

.fl { float: left;}
.fl-r { float: right;}
.no-fl { float: none;}

.no-space { margin-bottom: 0;}
.space-sml { margin-bottom: 5px;}
.space { margin-bottom: 10px;}
.spaced { margin-bottom: 15px;}
.space-big { margin-bottom: 30px;}
.space-bigger { margin-bottom: 45px;}
.space-biggest { margin-bottom: 60px;}
.space-top { margin-top: 15px;}
.space-top-big { margin-top: 30px;}

.spinner { margin: 0!important; padding: 0!important;}

/* **************************** */
/** forms */
fieldset, .fieldset { margin-bottom: 85px;}
fieldset > :last-child, .fieldset > :last-child, .fieldset > :last-child > .form-group { margin-bottom: 0; }

button { font-size: 1em;}
.form-group { position: relative; margin-bottom: 40px;}
input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=range],
select,
textarea { width: 250px; height: 48px; padding: 0 10px 0; background: #fff; border: 1px solid #ddd; outline: none; box-sizing: border-box; border-radius: 0; font-size: 15px;}

select { padding: 0 10px; background: #fff; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; }
.select { display: block; position: relative; overflow: hidden; padding: 0; background-color: #fff; border: 1px solid #ddd; text-align: left; box-sizing: border-box;}
.select:after { position: absolute; top: 50%; right: 20px; z-index: 1; content: ''; display: block; width: 8px; height: 15px; background: url(../../img/select.svg) 0 0/auto 100% no-repeat; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.select select { position: relative; z-index: 2; width: 110%!important; max-width: inherit; height: 46px; background-color: transparent; border: none;}
.select select::-ms-expand { display: none;}
.select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=range]:focus,
select:focus,
.select.focus,
textarea:focus { border-color: #999;}

textarea { height: 150px; padding-top: 10px; padding-bottom: 10px; overflow: auto; vertical-align: top; -webkit-appearance: none;}
textarea.sml { height: 50px;}
select { max-width: 250px;}
input[type=file] { font-size: 12px;}
input[type=text], input[type=email], input[type=submit] { -webkit-appearance: none; -moz-appearance: none; }

form .label-in { color: #999;}
input.sml { width: 60px;}
input.med { width: 125px;}
input.disabled, input[disabled] { background-color: #ddd;}

::placeholder { color: #777; }
::-ms-input-placeholder { color: #777; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset;}

.i-info { color: #ccc; font-size: 11px; line-height: 1; font-style: italic;}

form label, form .label { display: block; width: auto; margin-bottom: 7px; line-height: 1.2; float: none; text-align: left; font-weight: bold;}
form .i-radio label { font-weight: normal; }
form label em { position: relative; top: -5px; margin-right: 5px; font-size: 12px; color: #e00034; font-style: normal; }

.i-multi .wpcf7-form-control { display: flex; flex-wrap: wrap; margin-bottom: -7px; }
.cols2 .i-multi .wpcf7-form-control { align-items: center; min-height: 35px; }
.i-multi .wpcf7-list-item { margin-top: 3px; margin-bottom: 7px; margin-right: 85px; }
.i-multi .wpcf7-list-item:last-of-type { margin-right: 0; }
.i-multi .wpcf7-list-item label { display: flex; margin-bottom: 0; }
.i-multi .wpcf7-list-item-label { flex: 1 1 auto; font-size: 15px; }

.i-radio input { display: none; }
.i-radio .wpcf7-list-item-label { position: relative; display: flex; }
.i-radio .wpcf7-list-item-label:before { content: ''; display: block; width: 24px; height: 24px; margin-top: -3px; margin-right: 7px; border: 1px solid #ddd; border-radius: 50%; }
.i-radio input:checked + .wpcf7-list-item-label:after { content: ''; position: absolute; top: 2px; left: 5px; display: block; width: 14px; height: 14px; background-color: #e00034; border-radius: 50%; }

.i-checkbox .wpcf7-list-item-label:before { border-radius: 0;flex: 0 0 24px; margin-right: 15px; }
.i-checkbox input:checked + .wpcf7-list-item-label:after { border-radius: 0; }

.full textarea,
.full input[type=text],
.full input[type=password],
.full input[type=email],
.full input[type=number],
.full input[type=tel],
.full input[type=url],
.full input[type=range],
.full .select { width: 100%; max-width: inherit;}

form .submit { display: flex; justify-content: center; margin: 80px 0 0;}
	.submit button, .submit a { margin-top: 5px; margin-right: 15px; vertical-align: middle;}
	.submit >:last-child { margin-right: 0;}

button, input[type=submit] { display: inline; background: none; cursor: pointer;}
	button, .bt, input[type=submit] { position: relative; display: inline-block; padding: 18px 30px; background: #e00034; border: none; color: #fff; font-size: 16px; font-weight: 900; text-transform: uppercase; text-decoration: none; text-align: center;}
	.bt:visited { color: #fff; }
	input[type=submit]:hover, input[type=submit]:focus,
	button:hover, button:focus,
	.bt:hover, .bt:focus { background: #000; color: #fff; outline: none;}
	button:hover:before, button:focus:before,
	.bt:hover:before, .bt:focus:before { border-color: transparent transparent #000; }
	button:hover:after, button:focus:after,
	.bt:hover:after, .bt:focus:after { border-color: #000 transparent transparent transparent; }

	button:before, .bt:before, button:after, .bt:after { content: ''; position: absolute; top: 0; bottom: 0; width: 0; height: 0; border-style: solid; }
	button:before, .bt:before { left: -10px; border-width: 0 0 60px 10px; border-color: transparent transparent #e00034; }
	button:after,  .bt:after { right: -10px; border-width: 60px 10px 0 0; border-color: #e00034 transparent transparent transparent; }

.bt.sml { padding: 3px 7px; font-size: 11px; }
.bt.med { padding: 10px 25px; font-size: 12px;}

.msgbox, .wpcf7-response-output { position: relative; margin-bottom: 15px; padding: 15px 30px 15px 20px; background-color: #ffedc5; color: #857755; line-height: 1.4; border: 1px solid #dbc9a2;}
	.msgbox p, .msgbox ul { margin-bottom: 15px; }
	.msgbox > :last-child { margin-bottom: 0; }
	.msgbox ul { margin-left: 20px; list-style-type: disc;}
	.msgbox.success ul { margin-left: 0; list-style-type: none;}
	.msgbox label { display: block; float: none; margin: 0;}
	.msgbox .close { position: absolute; top: 2px; right: 2px; display: none;}
	.wpcf7-response-output { padding-top: 15px; }

.msgbox.success, .sent .wpcf7-response-output { background: #e1f1d3; border-color: #c6d9b6; color: #3c763d;}
.msgbox.success a { color: #3c763d; text-decoration: underline; }
.msgbox.success a:hover, .msgbox.success a:focus { color: #000; }

.msgbox.errors, .browsehappy, .invalid .wpcf7-response-output,
.aborted .wpcf7-response-output, .failed .wpcf7-response-output,
.spam .wpcf7-response-output { background: rgba(224, 0, 52, 0.1); border-color: #e00034; color: #e00034;}
.msgbox.errors a { color: #a94442; text-decoration: underline; }
.msgbox.errors a:hover, .msgbox.errors a:focus { color: #000; }

.wpcf7-form-control-wrap { position: relative; }
.wpcf7-form-control-wrap.cie-prov { position: static; }
input.wpcf7-not-valid, textarea.wpcf7-not-valid, .select.wpcf7-not-valid { border-color: #e00034;}
.wpcf7-not-valid-tip { position: absolute; top: -3px; right: 9px; display: block; width: 30px; height: 30px; background-color: #e00034; border-radius: 50%; text-indent: -9999px;}
.wpcf7-not-valid-tip:after { content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 19px; background: url(../../img/icn-error.svg) 0 0/auto 100% no-repeat; transform: translate(-50%, -50%); }
.select .wpcf7-not-valid-tip,
.select .wpcf7-not-valid-tip:after { display: none; }

.screen-reader-response, .wpcf7-response-output { display: none; }
.invalid .wpcf7-response-output,
.unaccepted .wpcf7-response-output, .spam .wpcf7-response-output,
.aborted .wpcf7-response-output, .failed .wpcf7-response-output { display: block; }
.sent .wpcf7-response-output { display: none!important; }

/* **************************** */
/** header */
.head { padding: 20px 0; }
	.head .skip-main:focus { transition: all 0s linear; top: 0; left: 0; width: auto; height: auto; padding: 3px 5px; overflow: hidden; clip: unset; font-size: 12px; background-color: #000; color: #fff; }

	.head .container { display: flex; justify-content: space-between; align-items: center; }
	.head a { text-decoration: none; }

	.head .logo { flex: 0 0 auto; }
		.logo img { display: block; }
			.logo a:hover img, .logo a:focus img { opacity: 0.5; }
			.home .logo a:hover img, .home .logo a:focus img { opacity: 1; }

	.head .lang { flex: 0 0 auto; font-size: 16px; font-weight: bold; }
	.head .lang a { color: #1e1e1e; }
	.head .lang a:hover, .head .lang a:focus { color: #e00034; }

	.bt-nav-mobile, #mobile-overlay, .nav-mobile { display: none; }

#head .logo img { display: block;max-height: 98px; width: auto; height: 70px; }
/* **************************** */
/** content */
#wrapper { text-align: center;}
.content { margin-bottom: 100px; padding: 0;}
	.content .container { max-width: 1110px; background-color: #fff; }
.container { position: relative; max-width: 960px; margin: 0 auto; text-align: left;}
	h1, .h1 { margin-bottom: 30px; font-size: 44px; line-height: 1.23; font-weight: bold; color: #1e1e1e; text-align: center; }
	h2, .h2 { margin-bottom: 30px; font-size: 28px; line-height: 1.21; font-weight: bold; color: #1e1e1e; text-align: center; }
	h3 { margin-bottom: 10px; font-size: 24px; line-height: 1.21; }
	h4 {}

	.text p + h3, .text ul + h3 { margin-top: 45px; }

.text { margin-bottom: 30px; line-height: 1.56;}
	.text p, .text ul, .text ol, .text dl { margin-bottom: 15px;}
	/*.text ul { list-style-type: disc; margin-left: 20px;}
	.text ul ul { margin-bottom: 0; margin-top: 5px; list-style-type: circle;}*/

	.text ul { margin-left: 0; list-style-type: none; }
		.text ul li { position: relative; padding-left: 20px; }
		.text ul li:before { content: '•'; position: absolute; top: 0; left: 0; }

	.text ol { margin-left: 15px; counter-reset: term;}
		.text ol > li { position: relative; margin-top: 10px; padding-left: 30px; }
		.text ol > li:first-of-type { margin-top: 0; }
		.text ol > li:before { content: counter(term, decimal-leading-zero) '.'; position: absolute; left: 0; top: 0; width: 20px; color: #000; text-align: center; font-size: 20px; line-height: 1; counter-increment: term; }

	.text .no-ls { list-style-type: none; margin-left: 0;}
	.text > :last-child, .text.no-space { margin-bottom: 0; }

.out { width: 1280px; margin-left: -160px; }
.img-replace { position: relative; }
	.img-replace .to-fill { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: 50% 50%/cover no-repeat; }

.cols2, .cols1-2, .cols2-1, .cols3, .cols4, .col2-set { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.cols2 > *, .cols1-2 > *, .cols2-1 > *, .cols3 > *, .cols4 > *, .col2-set > * { flex: 0 0 48%; margin-right: 3.8%; }
	.cols2 > *:nth-child(even), .col2-set > *:nth-child(even) { margin-right: 0; }
	.cols3 > *:nth-child(3n), .cols1-2 > *:nth-child(2n), .cols2-1 > *:nth-child(2n) { margin-right: 0; }
	.cols4 > *:nth-child(4n) { margin-right: 0; }
.cols1-2 > *, .cols2-1 > *:nth-child(2n) { flex-basis: 30.75%; }
.cols1-2 > *:nth-child(2n), .cols2-1 > * { flex-basis: 65.4%; }
.cols3 {}
	.cols3 > * { flex-basis: 30.75%; }
.cols4 {}
	.cols4 > * { flex-basis: 22.05%; }

.cols-reverse { flex-direction: row-reverse; }
	.cols-reverse.cols2 > *:nth-child(even) { margin-right: 3.8%; }
	.cols-reverse.cols2 > *:nth-child(odd) { margin-right: 0%; }

/* fonts */
.head .lang, .tabs button,
.bloc-faqs, .faq-select, .bloc-faq header h4, .foot { font-size: 16px; }

/* general */
.banner { z-index: 1; height: 300px; overflow: hidden;  }
.banner ~ .container { position: relative; z-index: 2; }

.tabs-content + .section { padding-top: 25px; }
.section { padding: 90px 0 110px; }
	.section-max { max-width: 730px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }
	.section-max > :last-child { margin-bottom: 0; }
	.intro { margin-bottom: 50px; text-align: center; }

/* splash */
.load-box { position: fixed; top: 0; z-index: 20; width: 100%; height: 100%; /*background-image: url(../../img/bg.jpg)*/ background-color: #FFF; transition: height 1.5s cubic-bezier(0.16, 1, 0.3, 1); }
.load-box.anim { height: 156px; }
.load-img { position: fixed; z-index: 25; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1); }
.load-img.slide { top: 30px; transform: translateX(-50%) translateY(0); }
.load-overlay { position: fixed; top: 0; z-index: 10; width: 100%; height: 100vh; background-color: #1e1e1e; transition: all 1.5s ease-in-out; }

.hero { position: relative; z-index: 1; height: 664px; margin-bottom: -84px; color: #fff; font-weight: bold; background-color: #1e1e1e; }
	.hero:before { content: ''; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background-color: #1e1e1e; opacity: 0.57; }
	.hero .container { position: relative; z-index: 3; display: flex; height: 100%; align-items: center; text-align: center; background: transparent; }
	.hero .container > div { flex: 0 0 100%; padding-bottom: 84px; }
	.hero h1 { margin-bottom: 10px; font-size: 38px; color: #fff; }
	.hero p { font-size: 86px; }
	.hero p span { position: relative; top: 2px; display: inline-block; width: 45px; height: 77px; background: url(../../img/percent.svg) 0 0/100% auto no-repeat; }
	.hero time { display: block; font-size: 21px; line-height: 1.4; letter-spacing: 2px; color: #99ca3f; text-transform: uppercase; }

.hero ~ .container { position: relative; z-index: 5; }

.tabs { display: flex; }
	.tabs li { flex: 0 0 50%; }
	.tabs .active button, .tabs .active button:hover { background-color: #fff; }
	.tabs button { display: block; width: 100%; height: 156px; font-weight: bold; letter-spacing: 0.9px; color: #000; box-sizing: border-box; background-color: #f1e8dc; }
	.tabs button:before, .tabs button:after { display: none; }
	.tabs button:hover { background-color: rgba(241, 232, 220, 0.5); }

.tabs-content { max-width: 917px; margin: 0 auto; padding: 90px 30px; }
	.tabs-content .tab-content .text:not(.cols2) { text-align: center; }
	.tabs-content h2 { margin-bottom: 80px; }
	.tabs-content .text { margin-bottom: 115px; }
	.tabs-content .tab-content > :last-child { margin-bottom: 0; }
	.tabs-content .cols2 > :last-child { margin-bottom: 0; }
		.tabs-content .text h3, .tabs-content .text ul, .tabs-content .text p { padding-left: 42px; }
		.tabs-content .text-center h3, .tabs-content .text-center ul, .tabs-content .text-center p { padding-left: 0; }

		.tabs-content .text h3 { position: relative; }
		.tabs-content .text h3:before { content: ''; position: absolute; top: 0; left: 0; width: 22px; height: 23px; background: url(../../img/slash.svg) 0 0/100% auto no-repeat; }
		.tabs-content .tab-content .text-center h3:before { position: relative; top: 2px; display: inline-block; margin-right: 20px; }
	.tabs-content .action { text-align: center; }

.faq-select { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 80px; }
	.faq-select label { flex: 0 0 auto; margin-right: 25px; font-weight: bold; }
	.faq-select .select { flex: 0 0 350px; }

.bloc-faqs { margin-bottom: 75px; }
	.bloc-faqs h3 { margin-bottom: 25px; }
	.bloc-faq {}
		.bloc-faq > li { margin-bottom: 20px; padding: 5px 20px 5px 5px; border: 2px solid #ddd; }
		.bloc-faq > li:last-of-type { margin-bottom: 0; }
		.bloc-faq.active header span,
		.bloc-faq li header:hover span { background-color: #000; }
		.bloc-faq li header:hover { cursor: pointer; }

		.bloc-faq header { display: flex; align-items: center; }
			.bloc-faq header span { flex: 0 0 auto; align-self: flex-start; position: relative; display: block; width: 50px; height: 50px; padding: 0; background-color: #e00034; }
			.bloc-faq header span:before, .bloc-faq header span:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
			.bloc-faq header span:before { width: 2px; height: 14px; background-color: #fff; }
			.bloc-faq header span:after { width: 14px; height: 2px; background-color: #fff; }
			.active header span:before { display: none; }

			.bloc-faq header h4 { flex: 1 1 auto; margin: 0 0 0 20px; font-weight: bold; }
			.active header h4 { color: #e00034; }
			.bloc-faq .text { margin: 15px 0 15px 70px; }

/* inscription */
form h3 { margin-bottom: 35px; }
form h4 { margin: 0; font-weight: bold; }

#i-cie-zip { max-width: 145px; }

#i-type-commerce + .cols2 { justify-content: space-between; }
	#i-type-commerce + .cols2 > :last-child { margin-right: 0; }
	#i-type-commerce + .cols2 > * { margin-right: 0; }

#new-colabor-client { margin-top: -25px; }
#i-cie-new .first { display: none; }

.form-legend { font-size: 14px; color: #8a8a8e; }
.opt { position: absolute; top: 0; right: 0; color: #8a8a8e; }

.icn-check { position: relative; position: relative; top: -7px; display: inline-block; width: 70px; height: 70px; margin-right: 22px; border: 6px solid #1e1e1e; vertical-align: middle; box-sizing: border-box; }
	.icn-check:after { content: ''; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; background: url(../../img/check.svg) 50% 50%/100% auto no-repeat; transform: translate(-50%, -50%); }

/* thank you */
.page-id-43 .text h3 { margin-bottom: 30px; }

/* **************************** */
/** footer */
.foot { clear: both; padding: 70px 0 45px; background-color: #1e1e1e; color: #fff; font-size: 14px; }
	.foot .container { display: flex; flex-wrap: wrap; }
	.foot a { color: #fff; text-decoration: none; }

	.foot .logo { flex: 0 0 34%; }
	.foot .bloc-contacts { flex: 0 0 66%; }
	.en_CA .foot .logo { flex-basis: 40%; }
	.en_CA .foot .bloc-contacts { flex-basis: 60%; }

	.bloc-contacts {}
		.bloc-contacts h3 { margin-bottom: 25px; font-size: 16px; }
		.bloc-contacts li { display: flex; align-self: center; margin-bottom: 5px; }
		.bloc-contacts li:last-of-type { margin-bottom: 0; }
		.bloc-contacts strong { flex-basis: 190px; margin-right: 15px; }
		.en_CA .bloc-contacts strong { flex-basis: 160px; }
		.bloc-contacts a { display: block; color: rgba(255, 255, 255, 0.75); }
		.bloc-contacts a:hover, .bloc-contacts a:focus { opacity: 0.75; }

	.copy { flex: 0 0 100%; margin: 40px 0; padding-top: 40px; border-top: 1px solid #444; color: #767676; text-align: center; font-size: 12px; }

	.bloc-links { flex-basis: 100%; display: flex; justify-content: center; }
		.bloc-links li { margin-right: 15px; padding-right: 15px; border-right: 1px solid #444; }
		.bloc-links li:last-of-type { margin-right: 0; padding-right: 0; border: none; }
		.bloc-links a { display: block; line-height: 1.2; color: #767676; }
		.bloc-links a:hover, .bloc-links a:focus { color: #fff; }

/* **************************** */
/** responsive */
@media screen and (min-width: 1281px) {
	/* body { background-image: url(../../img/bg@1920.jpg); } */
}
@media screen and (max-width: 1171px) {
	/* .content .container { margin-left: 30px; margin-right: 30px; box-sizing: border-box; } */
}
/** 768 */
@media screen and (max-width: 1023px) {
	.hero p { font-size: 56px; }
	h1, .h1 { font-size: 36px; }
	.hero h1 { font-size: 28px; }
	h2, .h2 { font-size: 24px; }
	h3 { font-size: 22px; }
	body { font-size: 16px; }
	.tabs button { font-size: 14px; }

	.head .container, .foot .container { padding-left: 30px; padding-right: 30px; box-sizing: border-box; }
	.content { margin-bottom: 70px; }

	.load-box.anim { height: 140px; }
	.load-img { max-width: 300px; height: auto; }

	.en_CA .head .logo img { max-width: inherit; width: auto; height: 80px; }

	.hero { height: auto; }
		.hero .container > div { padding-top: 75px; padding-bottom: 159px; }
		.hero p span { width: 29px; height: 50px; }

	.tabs button { height: 100px; }
	.tabs-content .cols2 { display: block; }
	.tabs-content .cols2 > * { margin-right: 0; }
	.tabs-content .cols2 > *:nth-child(2n) { margin-top: 45px; }

	.icn-check { width: 50px; height: 50px; }
	.icn-check:after {width: 30px; height: 30px; }

	.banner { height: 250px; }
}

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

}

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

}
/** 640 */
@media screen and (max-width: 767px) {
	h1, .h1 { font-size: 32px; }
	h2, .h2 { font-size: 24px; }
	.hero time { font-size: 18px; }

	.i-multi .wpcf7-list-item { margin-right: 30px; }

	.foot .bloc-contacts, .en_CA .foot .bloc-contacts { flex-basis: 100%; margin-top: 45px; }
	.copy { text-align: left; }
}

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

}
/** 480 */
@media screen and (max-width: 639px) {
	.hero p { font-size: 42px; }
	h1, .h1 { font-size: 26px; }
	.hero h1, h2, .h2 { font-size: 22px; }
	.tab-content h2, h3 { font-size: 20px; }
	.hero time { font-size: 16px; }
	.bloc-faqs, .bloc-faq header h4, .tabs-content, .foot { font-size: 14px; }
	.copy { font-size: 12px; }

	.content .container { margin-left: 15px; margin-right: 15px; box-sizing: border-box; }
	.hero .container { margin-left: 30px; margin-right: 30px; }
	.tabs-content, .section { padding-top: 70px; padding-bottom: 70px; }

	.load-box.anim { height: 126px; }
	.en_CA .head .logo img { height: 67px; }

	.hero .container > div { padding-top: 60px; padding-bottom: 144px; }
	.hero h1 { margin-bottom: 5px; }
	.hero p span { width: 24px; height: 40px; }

	.tabs-content h2 { margin-bottom: 60px; }
	.tabs-content .text { margin-bottom: 75px; }
	.tabs-content .text h3:before { top: -2px; }
	.tabs button { padding-left: 25px; padding-right: 25px; line-height: 1.2; }

	.faq-select label { margin-right: 0; margin-bottom: 10px; }
	.faq-select .select { flex-basis: 100%; }

	.bloc-faq li { padding-right: 15px; }
	.bloc-faq header span { width: 40px; height: 40px; }
	.bloc-faq header h4 { margin-left: 15px; }
	.bloc-faq .text { margin-left: 15px; }

	.fieldset .cols2 { display: block; }
	.fieldset .cols2 > * { margin-right: 0; }
	.fieldset .cols2 > *:nth-child(2n) { margin-top: 40px; }

	.icn-check { width: 40px; height: 40px; margin-right: 15px; border-width: 4px; }
	.icn-check:after {width: 20px; height: 20px; }

	.banner { height: 200px; }
}

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

}
/** 320 */
@media screen and (max-width: 479px) {
	.hero p { font-size: 36px; }
	h1, .h1 { font-size: 24px; }
	.hero h1 { font-size: 18px; }
	.bloc-contacts h3, .hero time { font-size: 14px; }
	.foot { font-size: 12px; }

	.load-img { max-width: 280px; }
	.head { padding-top: 20px; }

	.hero .container > div { padding-top: 45px; padding-bottom: 129px; }
	.hero p span { width: 18px; height: 30px; }

	.bloc-contacts strong { flex-basis: 150px; margin-right: 0; }
	.en_CA .bloc-contacts strong { flex-basis: 135px; }
}
@media screen and (max-width: 413px) {
	.tab-content h2 { font-size: 18px; }
	body, .head .lang, .i-multi .wpcf7-list-item-label { font-size: 14px; }

	.tabs-content, .section-max, .head .container, .foot .container { padding-left: 20px; padding-right: 20px; }
	.content .container { margin-left: 5px; margin-right: 5px; }
	.hero .container { margin-left: 20px; margin-right: 20px; }
}
@media screen and (max-width: 374px) {
	.hero p { font-size: 32px; }
	h2, .h2 { font-size: 20px; }
	h3 { font-size: 18px; }
	.hero h1 { font-size: 16px; }
	button, .bt, input[type="submit"] { font-size: 14px; line-height: 24px; }
	.hero time { font-size: 12px; }

	.load-box.anim { height: 94px; }
	.load-img { max-width: 240px; }
	.logo img { max-width: 120px; }
	.en_CA .head .logo img { height: 53px; }

	.hero p span { width: 18px; height: 30px; }
	.tabs-content .text h3, .tabs-content .text ul, .tabs-content .text p { padding-left: 30px; }

	.icn-check { display: none; }

	.bloc-contacts li { display: block; }

	button, .bt, input[type="submit"] { padding-left: 15px; padding-right: 15px; }
}

/** clear */
.clearfix:after,
.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;}

.inline-block {
	display: inline-block !important;
}