/* 
	Table of Contents

    01. Settings ----------------------------------
    02. Colors ------------------------------------
    03. Sprite ------------------------------------
    04. Generic -----------------------------------
    05. Base --------------------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    06. Fonts -------------------------------------
    07. Helpers -----------------------------------
         Clear ------------------------------------
         Notext -----------------------------------
         Hidden -----------------------------------
         Alignleft --------------------------------
         Alignright -------------------------------
         Disabled ---------------------------------
         Grid -------------------------------------
         Responsive Helpers -----------------------
    08. Reset -------------------------------------
    09. Regions -----------------------------------
    10. Container ---------------------------------
    11. Content -----------------------------------
    12. Footer ------------------------------------
    13. Header ------------------------------------
         Mobile -----------------------------------
    14. Main --------------------------------------
    15. Shell -------------------------------------
    16. Sidebar -----------------------------------
    17. Wrapper -----------------------------------
    18. Modules -----------------------------------
    19. Article  ----------------------------------
         Mobile -----------------------------------
    20. Article Widgets ---------------------------
         Mobile -----------------------------------
    21. Box ---------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    22. Button ------------------------------------
         Button Block -----------------------------
         Mobile -----------------------------------
    23. Form Elements -----------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    24. Radio -------------------------------------
         Small Desktop ----------------------------
         Mobile -----------------------------------
    25. CheckBox ----------------------------------
         Mobile -----------------------------------
    26. Form --------------------------------------
         Mobile -----------------------------------
    27. Form Login --------------------------------
         Mobile -----------------------------------
    28. Form Register -----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    29. Form Rounds -------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    30. Intro -------------------------------------
         Tablet Portrait --------------------------
    31. Intro Home --------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    32. List --------------------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    33. List Radios -------------------------------
    34. Logo --------------------------------------
    35. Nav ---------------------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    36. Nav Footer --------------------------------
    37. Nav Trigger -------------------------------
    38. Questions ---------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    39. Scroll Bar --------------------------------
    40. Section -----------------------------------
         Mobile -----------------------------------
    41. Section Bordertop -------------------------
         Mobile -----------------------------------
    42. Section Prix ------------------------------
         Mobile -----------------------------------
    43. Slider ------------------------------------
    44. Statistics --------------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    45. Table -------------------------------------
    46. Table Pointers ----------------------------
    47. Table Ranking -----------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    48. Widget ------------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    49. Widget Prix -------------------------------
         Mobile -----------------------------------
    50. Widget Access -----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    51. Widget Rank -------------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    52. Themes ------------------------------------
 */

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
    Colors
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

/*font-family: 'Archivo Narrow', sans-serif;*/

/*font-family: 'Teko', sans-serif;*/

body { min-width: 320px; background: #bf2f38; font-family: Archivo Narrow; font-size: 1.67vw; line-height: 1.31; color: #213770; }

a { color: inherit; text-decoration: underline; }

a:hover,
a[href^="tel"] { text-decoration: none; }

/*used to fix a bug with the font (I think...)*/
h1 a {
	font-size: 3vw;
}

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.655em; font-family: 'Teko', sans-serif; text-transform: uppercase; font-weight: normal; }

h1 { font-size: 4.06vw; line-height: 0.87; font-weight: 400;  }

/* 77.95 */

h2 { font-size: 2.75vw; line-height: 0.77; margin-top: 2vw; margin-bottom: 0; }

/* 77.95 */

h3 { font-size: 2.5vw; }

/* 52.03 */

h4 { font-size: 2.25vw; line-height: 1.21; font-family: 'Archivo Narrow', sans-serif; text-transform: none; }

/* 48 */

h5 { font-size: 2.03vw; }

/* 38.98 */

h6 { font-size: 1.67vw; }

/*32*/

ul,
ol,
dl,
hr,
table,
blockquote { margin-bottom: 1.31em; }

hr { max-width: 100%; }

p { margin-bottom: 0.75em; font-size: 1.1vw }
ul li,ol li { margin: 0 0 0 1vw; font-size: 1.1vw }
footer ul li { margin: 0;}

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
/*table:last-child,*/
blockquote:last-child { margin-bottom: 0; margin-left: 0; }

/* Small Desktop */

@media (max-width: 1200px) {
	h1 { font-size: 3.9vw; }
	h2 { font-size: 3.9vw; }
	h3 { font-size: 2.5vw; }
	h4 { font-size: 2.3vw; }
	h5 { font-size: 2.1vw; }
	h6 { font-size: 1.7vw; }
	p { font-size: 1.7vw; }
	body { font-size:2.07vw; }
	ul li,ol li { margin: 0 0 0 1.7vw; font-size: 1.7vw }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	h1 { font-size:6vw; }
	h2 { font-size:4.7vw; }
	h3 { font-size:4vw; }
	h4 { font-size:3.3vw; }
	h5 { font-size:2.8vw; }
	h6 { font-size: 2.4vw; }
	p { font-size: 2vw; }
	body { font-size:2vw; }
	h1 a { font-size: 4.5vw; }
	ul li,ol li { margin: 0 0 0 2vw; font-size: 2vw }
}

/* Mobile */

@media (max-width: 639px) {
	h1 { font-size:10vw; margin-top: 4vw; }
	h2 { font-size:8vw; }
	h3 { font-size:6vw; }
	h4 { font-size:5vw; }
	h5 { font-size:5vw; }
	h6 { font-size:5vw; }
	p { font-size:5vw; }
	body { font-size:5vw; }
	h1 a { font-size: 5.25vw; display: block; }
	ul li,ol li { margin: 0 0 0 5vw; font-size: 5vw }
}

@media print {
	h1 { font-size:30px; }
	h2 { font-size:35px; }
	h3 { font-size:30px; }
	h4 { font-size:25px; }
	h5 { font-size:20px; }
	h6 { font-size: 20px; }
	p { font-size: 20px; }
	body { font-size:16px; }
	ul li,ol li { margin: 0 0 0 20px; font-size: 20px }

	/*body p,
	body h1,
	body h2,
	body h3,
	body h4,
	body h5,
	body h6 { page-break-after: avoid!important;}*/

	.medium-6 { width: 100%!important; }
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("/assets/webfonts/fa-brands-400.eot");
  src: url("/assets/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/assets/webfonts/fa-brands-400.woff2") format("woff2"), url("/assets/webfonts/fa-brands-400.woff") format("woff"), url("/assets/webfonts/fa-brands-400.ttf") format("truetype"), url("/assets/webfonts/fa-brands-400.svg") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/assets/webfonts/fa-regular-400.eot");
  src: url("/assets/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/assets/webfonts/fa-regular-400.woff2") format("woff2"), url("/assets/webfonts/fa-regular-400.woff") format("woff"), url("/assets/webfonts/fa-regular-400.ttf") format("truetype"), url("/assets/webfonts/fa-regular-400.svg") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("/assets/webfonts/fa-solid-900.eot");
  src: url("/assets/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/assets/webfonts/fa-solid-900.woff2") format("woff2"), url("/assets/webfonts/fa-solid-900.woff") format("woff"), url("/assets/webfonts/fa-solid-900.ttf") format("truetype"), url("/assets/webfonts/fa-solid-900.svg") format("svg"); }

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; display: block; clear: both; }

/*  Notext  */

.notext { overflow: hidden; text-indent: 101%; white-space: nowrap; }

/*  Hidden  */

[hidden],
.hidden { display: none !important; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

.cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; }

.col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 639px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 640px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}

@media print {
	.print-break-before { page-break-before: always!important; }
}

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before,
*:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }

template { display: none; }

html { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { padding: 1vw; }

@media print { 
	.footer { display: none;  }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 11; background-color: #bf2f38;  }

/* Mobile */

@media (max-width: 639px) {
	.header { padding: 20px 20px; text-align: right; }
	.header.open-menu .nav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

@media  print {
	.header { display: none;  }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1620px; padding-left: 10px; padding-right: 10px; margin: auto; }

.shell--fluid { max-width: none; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; overflow: hidden; }

@media print {
	.wrapper { padding-top: 0px!important;  }
}

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Article 
\* ------------------------------------------------------------ */

.article h4 { margin-bottom: 3.07vw; }

/* Mobile */

@media (max-width: 639px) {
	.article h4 { margin-bottom: 7vw; }
}

/* ------------------------------------------------------------ *\
	Article Widgets
\* ------------------------------------------------------------ */

.article--widgets h4 { margin-bottom: 3.75vw; }

/* Mobile */

@media (max-width: 639px) {
	.article--widgets .cell { margin-bottom: 10vw; }
}

@media print {
	.article--widgets .cell { width: 100%; }
	.article h4 { margin-bottom: 30px; }
}

/* ------------------------------------------------------------ *\
	Box
\* ------------------------------------------------------------ */

.box { padding: 1.15vw 1.51vw; background-color: #fff; border-radius: 15px; color: #213770; text-align: center; }

.box + .box { margin-top: 1.35vw; }

.box .form-login { color: #213770; padding-bottom: 6px; text-align: left; }

.box--red { background-color: #bf2f38; color: #fff; }

.box--blue { background-color: #213770; color: #fff; }

.box--featured {padding: 1.2vw 0.52vw 1.04vw; font-family: 'Teko', sans-serif; }

.box--featured h2 	{ font-size: 4.69vw; font-weight: 600; margin-bottom: -0.68vw; line-height: 1; }

.box--featured h2 span { font-size: 3.13vw; vertical-align: top; line-height: 1.3; margin-left: -2px; }

.box--featured h5 { text-transform: uppercase; font-size: 2.08vw; line-height: 1.1; margin-bottom: -0.42vw; }

.box--featured a { font-size: 1.88vw; color: #213770; text-transform: uppercase; font-weight: 500; }

.box--featured a i { font-size: 0.94vw; vertical-align: middle; }

.box--featured h4 { font-size: 3.13vw; font-family: 'Teko', sans-serif; margin-bottom: -0.31vw; line-height: 1; }

.box--featured h3 { font-size: 3.8vw; line-height: 1; font-weight: 600; margin-bottom: -0.63vw; }

.box--featured.box--blue a { color: #bf2f38; }

.box--logos { color: #000; padding: 1.3vw 0; }

.box--logos h6 { line-height: 1; margin-bottom: 0; }

.box--logos ul { list-style-type: none; text-align: center; }

.box--logos ul li { display: inline-block; margin: 0 -1px; }

.box--table { padding: 1.25vw 1.04vw 2.55vw; }

.box--table h5 { margin-bottom: 0; font-size: 2.08vw; line-height: 1; }

.box--table h6 { font-size: 1.25vw; margin-bottom: 1.04vw; }

.box--table .table-pointers { margin: 0 0.68vw 0 0.63vw; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.box { padding: 2vw 2vw; }
	.box--featured h2 	{ font-size: 7vw; }
	.box--featured h2 span { font-size: 4vw; }
	.box--featured h5 { font-size: 3vw; margin-bottom: -0.42vw; }
	.box--featured a { font-size: 4vw; }
	.box--featured a i { font-size: 2vw; vertical-align: middle; }

	.box--featured h4 { font-size: 5vw; }
	.box--featured h3 { font-size: 4vw; }

	.box--table h5 { font-size: 3.2vw; line-height: 1; }
	.box--table h6 { font-size: 2.4vw; }
}

/* Mobile */

@media (max-width: 639px) {
	.box { padding: 7vw 4vw; }
	.box + .box { margin-top: 7vw; }

	.box--featured h2 { font-size: 20vw; }
	.box--featured h2 span { font-size: 12vw; }
	.box--featured h5 { font-size: 9vw; }
	.box--featured a { font-size: 11vw; }
	.box--featured a i { font-size: 7vw; vertical-align: middle; }

	.box--featured h4 { font-size: 14vw; }
	.box--featured h3 { font-size: 17vw; }

	.box--table h5 { font-size: 10vw; line-height: 1; }
	.box--table h6 { font-size: 7vw; }
}

@media print {
	.box { padding: 5vw 4vw; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/*  Button Block  */

.btn--block { display: block; padding-left: 0; padding-right: 0; }

.btn { background-color: #bf2f38;  padding: 0.78vw 0.52vw 0.47vw; font-family: 'Teko', sans-serif; font-size: 2.71vw; text-transform: uppercase; min-width: 19.38vw; border-radius: 10px; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; color: #fff; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2); box-shadow: 0 5px 5px rgba(0,0,0,.2);}

.btn:hover { opacity: 0.8; color: #fff; }

.btn--blue { background-color: #213770;  }

/* Mobile */

.btn--submit { margin-top: 3.44vw; padding: 1.15vw 0.52vw 0.89vw; min-width: 19.06vw; }

@media (max-width: 639px) {
	.btn { padding: 2.2vw 2vw 0.8vw; font-size: 10vw; min-width: 200px; border-radius: 10px; }
	.form-register .btn--submit { margin-top: 4vw; padding: 3.13vw 9.38vw; }
}

@media print {
	.btn { padding: 15px 20px 13px; font-size: 2.5vw; min-width: unset;}
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }

textarea:-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

select::-ms-expand { display: none; }

select { -webkit-appearance: none; -moz-appearance: none; background-color: transparent; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type=number] { -moz-appearance:textfield; }

input {-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }

.field { font-size: 0.99vw; padding: 11px 14px 8px; border: none; border-radius: 3px; background-color: #bf2f38; text-transform: uppercase; color: #fff; font-family: 'Teko', sans-serif; height: unset; margin: 0; width: 100%; line-height: 1.2; }

.field:placeholder { text-transform: uppercase; }

.field--big { color: #fff; background-color: #213770!important; font-size: 0.94vw; padding: 28px 24px; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; line-height: 1.2; }

.field--secondary { font-size: 1.35vw; padding: 0.68vw 1.15vw 0.78vw; background-color: #fff; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; color: #213770; text-transform: none;  }

.select { position: relative; }

.select:after { position: absolute; content: '\f078'; font-family: 'Font Awesome 5 Free'; top: 0; height: 100%; font-size: 0.94vw; right: 0px; color: #fff; font-weight: 900; border-left: 1px solid #fff; width: 74px;  display:-webkit-box;  display:-ms-flexbox;  display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none;}

.select select {  border: none; border-radius: 3px;  text-transform: uppercase; color: #fff; height: unset; margin: 0; width: 100%; background-color: #213770; font-size: 0.94vw; padding: 28px 24px; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; line-height: 1.2; }

/* Small Desktop */

@media (max-width: 1200px) {
	.select select,
	.field { font-size: 1.5vw; }
	
	.select select,
	.field--big { padding: 1.46vw 1.25vw;}
	
	.select:after { font-size: 1.24vw; width: 4vw; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.select select,
	.field { font-size: 2.5vw; }
	.select:after  { background-color: #213770; border-radius: 0 7px 7px 0; }
}

/* Mobile */

@media (max-width: 639px) {
	.select select,
	.field { font-size: 6vw; }
	.select:after { font-size: 4vw; width: 10vw; }
	.field { padding: 13px 14px 8px; }
}

/* ------------------------------------------------------------ *\
	Radio
\* ------------------------------------------------------------ */

.radio { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.radio input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;  }

.radio label { padding-left: 48px; display: block; font-size: 32px; color: #041e42; }

.radio label:before,
.radio label:after { content: ''; width: 27px; height: 27px; position: absolute; pointer-events: none; left: 24px; top: 50%; border: 2px solid #a6abbe; border-radius: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.radio label:after { width: 10px; height: 10px; background-color: #a6abbe; border:none; opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }

.radio input:checked ~ label:after  { opacity: 1; }

/* Small Desktop */

@media (max-width: 1200px) {
	.radio label { padding-left: 4vw;  font-size: 2.2vw; }
	
	.radio label:before,
	.radio label:after { width: 20px; height: 20px; left: 10px; }
	.radio label:after { width: 8px; height: 8px; } 
}

/* Mobile */

@media (max-width: 639px) {
	.radio label { padding-left: 30px;  font-size: 6vw; }
}

/* ------------------------------------------------------------ *\
	CheckBox
\* ------------------------------------------------------------ */

.checkbox { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.checkbox input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.checkbox label { padding-left: 46px; display: block; font-size: 32px; color: #041e42; }

.checkbox label:before,
.checkbox label:after { content: ''; width: 28px; height: 28px; position: absolute; pointer-events: none; left: 14px; top: 50%; border: 2px solid #a6abbe; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 2px; }

.checkbox label:after { width: 10px; height: 15px; border: 3px solid #041e42; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); border-color: transparent  #041e42 #041e42 transparent; border-radius: 2px; margin-top: -4px; opacity: 0; }

.checkbox input:checked ~ label:after  { opacity: 1; }

@media (max-width: 1200px) {
	.checkbox label { padding-left: 4vw;  font-size: 2.2vw; }
	
	.checkbox label:before,
	.checkbox label:after { width: 20px; height: 20px; left: 10px; }
	.checkbox label:after  { width: 7px; height: 10px; margin-top: -2px; border-width: 2px; }
}

/* Mobile */

@media (max-width: 639px) {
	.checkbox label { padding-left: 30px;  font-size: 6vw; line-height: 1.2; }
}

@media print {
	.select select,
	.field { font-size: 15px; }

	.radio label,
	.checkbox label { font-size: 20px; }
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form { width: 100%; }

.form .form__row + .form__row { margin-top: 1.35vw; }

.form .form__actions { padding-top: 2.55vw;  }

.form-hint { font-size: 12px; color: #213770; display: inline-block; }

/* Mobile */

@media (max-width: 639px) {
	.form .form__row + .form__row,
	.form .form__actions { padding-top: 3vw;  }
	.form .form__actions .btn { width: 100%; }
}

/* ------------------------------------------------------------ *\
	Form Login
\* ------------------------------------------------------------ */

.form-login { color: #fff; }

.form-login h5 { margin-right: -10px; margin-bottom: 0px; }

.form-login .form__controls--pass { position: relative; }

.form-login .form__controls--pass .form__submit { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 17px; position: absolute; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border: 0; }

.form-login .form__row + .form__row { margin-top: 19px; }

.form-login .form__controls--pass i { font-size: 1vw; color:#fff; }

.form-login--small h6 { margin-right: -5px; margin-bottom: 5px; }

.form-login--small .field { padding: 8px 10px 5px; }

.form-login--small .form__row + .form__row { margin-top: 11px; }

.form-login--small .form__controls--pass .form__submit { right: 15px; }

.form-login--small .form-hint { margin-top: 8px; display: block; padding: 0 2px; }

/* Mobile */

@media (max-width: 639px) {
	.form-login .form__controls--pass .form__submit { right: 10px; }
	.form-login .form__controls--pass i { font-size: 4vw; }
}

/* ------------------------------------------------------------ *\
	Form Register
\* ------------------------------------------------------------ */

.form-register { font-family: 'Archivo Narrow', sans-serif; }

.form-register .list-radios { margin-bottom: 2.66vw; }

.form-register .grid-x + .grid-x { margin-top: 1.98vw; }

.form-register .checkbox { margin-top: 3.44vw; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.form-register .grid-x--padding { margin: 0 -1.5vw; }
	.form-register .grid-x--padding .cell { padding: 0 1.5vw; }
}

/* Mobile */

@media (max-width: 639px) {
	.form-register .cell + .cell,
	.form-register .grid-x + .grid-x { margin-top: 5vw; }

	.form-register .select select,
	.form-register .field { font-size: 4vw; padding: 3.13vw 3.13vw; }
	.form-register .select:after { font-size: 4vw; width: 10vw; }
}

@media print {
	.form-register .cell + .cell,
	.form-register .grid-x + .grid-x { margin-top: 0vw; }
	.form-register .grid-x + .grid-x { margin-top: 20px; }
	.form-register .cell { width: 50%!important; }

	.form-register { page-break-after: always; margin-top: 40px;  }
	.form-register .select select,
	.form-register .field { font-size: 11px; padding: 15px 20px; }
	.form-register .select:after { font-size: 11px; width: 6vw; }
}

/* ------------------------------------------------------------ *\
	Form Rounds
\* ------------------------------------------------------------ */

.form-rounds h4 { margin-bottom: 2.76vw; }

.form-rounds h3 { margin-bottom: 1.09vw; color: #bf2f38; margin-top: 2vw; }

.form-rounds ul { list-style-type: none; }

.form-rounds li + li { margin-top: 4px; }

.form-rounds .radio { margin-bottom: 0; }

.form-rounds .radio * { line-height: 1.2; }

.form-rounds .radio label { font-size: 1.67vw; }

.form-rounds .radio label:after,
.form-rounds .radio label:before { left: 0.73vw; }

.form-rounds .radio label { padding-left: 2.66vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; font-size: 0.8em; }

.form-rounds .radio label span:first-child { text-decoration: underline; }

.form-rounds .radio label span:last-child { min-width: 3.7vw; text-align: left; }

.form-rounds .form__cols { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.form-rounds .form__cols { border-top: 1px solid #d3d7e2; margin-top: 2.08vw; padding-top: 1.25vw; }

.form-rounds .form__col { width: 27%; }

.form-rounds .form__col { margin-left: 3.8%; }

.form-rounds .btn--submit {  margin-top: 4.35vw; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.form-rounds .radio label { font-size: 2.2vw; }	
	.form-rounds .form__col { width: 31%; }
	.form-rounds .form__col + .form__col  { margin-left: 2%; }
}

/* Mobile */

@media (max-width: 639px) {
	.form-rounds .radio label { font-size: 7vw; padding-left: 10vw; }	
	
	.form-rounds .radio label:after,
	.form-rounds .radio label:before { left: 2.5vw; }
	
	.form-rounds .form__col { width: 100%; }
	.form-rounds .form__col + .form__col  { margin-left: 0%; margin-top: 10vw; border-top: 1px solid #d3d7e2; padding-top: 5vw;  }
	.form-rounds .form__cols + .form__cols  { border-top: 0px solid #d3d7e2; margin-top: 5vw; padding-top: 0vw; }

	.form-rounds .btn--submit {  margin-top: 8vw; }
}

@media print {
	.form-rounds .radio label { font-size: 15px; padding-left: 10vw; }	
	.form-rounds .form__cols + .form__cols,
	.form-rounds .form__col + .form__col  { margin-left: 0%; margin-top: 20px; border-top: 1px solid #d3d7e2; padding-top: 10px;  }
	
	.form-rounds .form__col { -webkit-column-break-after: avoid; break-after: avoid-page; }

}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 3.85vw 0; }

.intro .cell { padding: 0; }

.intro .form-login { margin-top: 23px; }

.intro .logo { margin-left: -4px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.intro { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 7vw 0; }
	.intro .logo { width: auto; height: unset; padding-top: 64%; display: block; }
}

@media  print {
	.intro .cell { width: 80%!important; margin: 0 auto;  }
}

/* ------------------------------------------------------------ *\
	Intro Home
\* ------------------------------------------------------------ */

.intro--home { position: relative; padding: 2.35vw 0 1.51vw;}

.intro--home:before { content: ''; display: block; height: 1.08vw; background-color: #213770; border: 5px solid #fff; border-width: 5px 0 5px 0;  position: absolute; left: 0; top: 0; width: 100%; }

.intro--home .logo { margin-bottom: 7px; }

.intro--home .form-login { margin-top: 0; }

.intro--home .cell:nth-child(3) { margin-left: 1.25vw; margin-top: 5.21vw; }

.intro--home .cell:nth-child(4)  { margin-left: 1.04vw; margin-top: 5.05vw; }

.intro--home h1 { opacity: 0.5; color: #fff; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.intro--home { padding: 50px 20px; }
	.intro--home .grid-x { margin: 0 -10px; }
	.intro--home .cell { margin-left: 0!important; padding: 0 10px; }
	
	.intro--home:before { height: 4vw; }
}

/* Mobile */

@media (max-width: 639px) {
	.intro--home { padding: 7vw 0; }

	.intro--home .logo { margin-bottom: 7vw; }

	.intro--home .grid-x { margin: 0 0; }
	.intro--home .cell {  padding: 20px 0px; margin: 0 auto!important;  }
	.intro--home:before { height: 4vw; }
	
	.intro--home h1 { opacity: 0.9; text-align: center; }
}

@media  print {
	.intro--home { padding-bottom: 0;  }
	.intro--home .cell { width: 90%; }
	.intro--home .box { page-break-after: always; }
	.intro--home h1  { font-size: 80px; opacity: 1; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

.list-selected { -webkit-columns: 3; columns: 3; width: 87.7%; -webkit-column-gap: 3.8vw; column-gap: 3.8vw; }

.list-selected li { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; }

.list-selected li > * { margin-bottom: 0; font-size: 1.67vw; line-height: 1.31; }

.list-selected h6 { color: #bf2f38; min-width: 16%; }

.list-selected p { text-decoration: underline; }

.list-selected p:last-child { margin-left: auto; text-transform: uppercase; min-width: 60px; }

@media(max-width: 1440px){
	.list-selected { -webkit-columns: 3; columns: 3; width: 100%; -webkit-column-gap: 3.8vw; column-gap: 3.8vw; }
}

/* Small Desktop */

@media (max-width: 1200px) {
	.list-selected { -webkit-columns: 2; columns: 2; }
	.list-selected li > * { font-size: 3vw; }
}

/* Tablet Portrait */

/* Mobile */

@media (max-width: 639px) {
	.list-selected { -webkit-columns: 1; columns: 1; }
	.list-selected li > * { font-size: 6vw; }	
}

@media print {
	.list-selected { page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }
	.list-selected li > * { margin-bottom: 0; font-size: 18px; line-height: 1.31; }
}

/* ------------------------------------------------------------ *\
	List Radios
\* ------------------------------------------------------------ */

.list-radios li { display: inline-block;  }

.list-radios li + li  { margin-left: 12px;  }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { background-size: 100% 100%; background-position: center; background-repeat: no-repeat; background-image: url(/images/site/logo.png); width: 17.08vw; height: 10.99vw; display: inline-block; margin-right: -3px;  }

@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { 
	.logo { background-size: 100% 100%; background-position: center; background-repeat: no-repeat; background-image: url(/images/site/logo@2x.png); } 
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { background-color: #bf2f38; font-size: 1.1vw; font-family: 'Teko', sans-serif; text-align: center; color: #fff; text-transform: uppercase;  }

.nav a { text-decoration: none; padding: 0.15vw 0vw 0.15vw; display: block; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.nav .current { background-color: #213770;  }

/* Small Desktop */

@media (max-width: 1200px) {
	.nav { font-size: 1.6vw; }
	.nav .cell { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.nav  { font-size: 2.5vw; }
	.nav .cell { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
}

/* Mobile */

@media (max-width: 639px) {
	.nav { position: fixed; top: 0px; right: 0; width: 70%; font-size: 7vw; bottom: 0; overflow-y: scroll; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
	.nav .cell { width: 100%;  }
}

/* ------------------------------------------------------------ *\
	Nav Footer
\* ------------------------------------------------------------ */

.nav-footer { text-align: center; font-family: 'Teko', sans-serif; font-weight: 300; color: #fff; font-size: 19px; text-transform: uppercase;  }

.nav-footer li { display: inline-block; vertical-align: middle; margin: 0 11px; }

.nav-footer a { text-decoration: underline; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

/* ------------------------------------------------------------ *\
	Nav Trigger
\* ------------------------------------------------------------ */

.nav-trigger { position: relative; display: inline-block; width: 40px; height: 26px; }

.nav-trigger span { position: absolute; display: block; height: 4px; width: 100%; border-radius: 4px; background: #213770; -webkit-transition: top .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; -o-transition: top .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, transform .2s 0s; transition: top .2s .25s, opacity .2s .25s, transform .2s 0s, -webkit-transform .2s 0s; }

.nav-trigger span:nth-child(1) { top: 0; }

.nav-trigger span:nth-child(2) { top: 11px; }

.nav-trigger span:nth-child(3) { top: 22px; }

.nav-trigger--active span { -webkit-transition: background .2s, top .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, opacity .2s, -webkit-transform .2s .25s; -o-transition: background .2s, top .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, opacity .2s, transform .2s .25s; transition: background .2s, top .2s, opacity .2s, transform .2s .25s, -webkit-transform .2s .25s; }

.nav-trigger--active span:nth-child(3),
.nav-trigger--active span:nth-child(1) { top: 11px; }

.nav-trigger--active span:nth-child(2) { opacity: 0; }

.nav-trigger--active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.nav-trigger--active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/* ------------------------------------------------------------ *\
	Questions
\* ------------------------------------------------------------ */

.questions { font-size: 1.67vw; color: #041e42; list-style-type: none; line-height: 1.31; }

.questions li + li  { margin-top: 2.08vw; }

.questions li > p { margin-bottom: 4px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.questions li > p strong { width: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.questions li > div:before ,
.questions li > p:before { content: 'Q -'; font-weight: 700; font-size: 2.03VW;  line-height: 1.3; margin-right: 1.77VW; display: inline-block; }

.questions li > div { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-style: italic; }

.questions li > div:before  { content: 'R -'; margin-right: 1.93VW; -ms-flex-negative: 1; flex-shrink: 1; }

.questions div div { display: inline-block;  width:50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.questions div p { line-height: 1.32; margin-bottom: 0;  }

.questions span { display: inline-block; vertical-align: top; margin-bottom: 0; line-height: 1.32; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.questions { font-size: 2.3vw; }
	.questions li > div:before ,
	.questions li > p:before { font-size: 2.5VW; }
}

/* Mobile */

@media (max-width: 639px) {
	.questions { font-size: 4.5vw; }
	.questions li + li  { margin-top: 4vw; }
	
	.questions li > div:before ,
	.questions li > p:before { font-size: 5.6VW; }
	
	.questions li > div:before  { line-height: 5.3vw; }
	
	.questions span  { font-size: 3.9vw;  }
	.questions div p + p { margin-top: 2vw;  }
}

@media print {
	.questions { font-size: 20px; }
	.questions span { font-size: 20px; }
	.questions li > div:before ,
	.questions li > p:before { font-size: 25px; }
}

/* ------------------------------------------------------------ *\
	Scroll Bar
\* ------------------------------------------------------------ */

.mCSB_inside > .mCSB_container { margin-right: 20px; }

.mCSB_scrollTools { width: 10px; }

.mCSB_scrollTools { background-color: #eaeaea; }

.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent!important; }

.mCSB_scrollTools .mCSB_dragger { height: 25px!important; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { margin: 1px; width: auto; border-radius: 0!important; background-image: url(/img/scroll.png);  background-size: 100% 100%;    background-position: center; }

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section .section__head { color: #fff; padding: 4.22vw 0 3.49vw; }

.section .section__body-inner{ height: 100%; background-color: #fff; border-radius: 14px; padding: 1vw; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2); box-shadow: 0 5px 5px rgba(0,0,0,.2); }

.section .table-ranking { margin-bottom: 3.8vw; }

/* Mobile */

@media (max-width: 639px) {
	.section .section__head { color: #fff; padding: 10vw 0; }
}

@media print {
	.section .section__head { color: #fff; padding: 20px 0 ; }
}

/* ------------------------------------------------------------ *\
	Section Bordertop
\* ------------------------------------------------------------ */

.section--bordertop { padding-top: 0vw; }

.section--bordertop:before { content: ''; display: block; height: 2.08vw; background-color: #213770; border: 5px solid #fff; border-width: 5px 0 5px 0; }

/* Mobile */

@media (max-width: 639px) {
	.section--bordertop { padding-top: 5vw; }
	.section--bordertop:before { content: ''; display: block; height: 5vw; background-color: #213770; border: 5px solid #fff; border-width: 5px 0 5px 0; }
}

/* ------------------------------------------------------------ *\
	Section Prix
\* ------------------------------------------------------------ */

.section--prix .widget-prix { height: 100%; }

.section--prix .btn { margin-top: 3.8vw;  }

/* Mobile */

@media (max-width: 639px) {
	.section--prix { padding-bottom: 10vw;  }
	.section--prix .section__body .cell + .cell { margin-top: 6.25vw; }
}

@media print {
	.section--prix .section__head { -webkit-column-break-after: page; break-after: page; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Statistics
\* ------------------------------------------------------------ */

.statistics { padding: 0.68vw 0 0.42vw; }

.statistics table { font-size: 1.37vw; margin-bottom: 0; }

.statistics table th,
.statistics table table td { border: 3px solid #213770; }

.statistics th { font-family: 'Teko', sans-serif; font-size: 2.03vw; font-weight: 400; padding: 0.7vw 1.04vw 0.4vw; }

.statistics th:first-child { color: #bf2f38; }

.statistics th,
.statistics td { width: 10%; text-align: center; }

.statistics tr >:nth-child(1),
.statistics tr >:nth-child(2) { width: 20%; text-align: left; }

.statistics table table td  { padding: 1px 1.04vw; border-width: 0 3px 0 3px; }

.statistics th:nth-child(7) { background-color: #213770; color: #fff; }

.statistics td:nth-child(7) { background-color: rgba(33,55,112,0.2); }

.statistics table td:first-child a { float: left; text-decoration: underline; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.statistics table td:first-child a + span { float: right; min-width: 3.18vw; text-align: left; text-decoration: none; }

.statistics tbody table tr:first-child td { padding-top: 0.85vw; }

.statistics tbody table tr:last-child td { padding-bottom: 1.1vw; }

.statistics tbody tr:last-child table tr:first-child td:nth-child(3) { background-color: rgba(33,55,112,0.4); }

.statistics tbody tr:last-child table td { border-width: 3px; padding: 0.99vw 1.04vw; }

.statistics tbody tr:last-child table td:nth-child(2) { width: 60%; }

.statistics tbody tr:last-child table tr:last-child td { font-family: 'Teko', sans-serif; font-size: 2.71vw; padding: 0.42vw 1.04vw 0vw; }

.statistics tbody tr:last-child table tr:last-child td:nth-child(3)  { background-color: #bf2f38; color: #fff; }

.statistics .btn  { margin-top: 3.65vw;  }

/* Small Desktop */

@media (max-width: 1200px) {
	.statistics tr >:nth-child(1) { width:25%!important; }
	.statistics tr >:nth-child(2) { width:15%!important; }
	.statistics tbody tr:last-child table td:nth-child(2) { width: 55%!important; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.statistics table { font-size: 2vw;}
	.statistics th {  font-size: 2.5vw; padding: 0.7vw 0.5vw 0.4vw; }
	.statistics table table td  { padding: 1px 0.5vw; }

	.statistics th,
	.statistics td { width: 8%; text-align: center; }

	.statistics tr >:nth-child(1) { width:32%!important; }
	.statistics tr >:nth-child(2) { width:20%!important; }
	
	.statistics tbody tr:last-child table tr:last-child td { font-size: 2.71vw; padding: 0.42vw 0.5vw 0vw; }
	.statistics tbody tr:last-child table td:nth-child(2) { width: 52%!important; }
}

/* Mobile */

@media (max-width: 639px) {

 @media screen {

  @media (max-width: 639px) {

   .statistics  { overflow-y: scroll; }

   .statistics table { font-size: 4.4vw; width: 180vw; }

   .statistics table table th { font-size: 5.5vw; padding: 0.7vw 2.5vw 0.4vw; }

   .statistics table table td { padding: 0.7vw 2.5vw 0.4vw; }

   .statistics tbody tr:last-child table tr:last-child td { font-size: 5.96vw; } } }
}

@media screen {

 @media (max-width: 639px) {

  .statistics  { overflow-y: scroll; }

  .statistics table { font-size: 4.4vw; width: 180vw; }

  .statistics table table th { font-size: 5.5vw; padding: 0.7vw 2.5vw 0.4vw; }

  .statistics table table td { padding: 0.7vw 2.5vw 0.4vw; }

  .statistics tbody tr:last-child table tr:last-child td { font-size: 5.96vw; } } }

@media print {
	.statistics table { font-size: 2vw; width: 100%; }
	.statistics table table td  { padding: 1px 0.5vw; }
	.statistics th {  font-size: 2.5vw; padding: 0.7vw 0.5vw 0.4vw; }

	.statistics th,
	.statistics td { width: 8%; text-align: center; }

	.statistics tr >:nth-child(1) { width:32%!important; }
	.statistics tr >:nth-child(2) { width:20%!important; }
	
	.statistics tbody tr:last-child table tr:last-child td { font-size: 2.71vw; padding: 0.42vw 0.5vw 0vw; }
	.statistics tbody tr:last-child table td:nth-child(2) { width: 52%!important; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Table Pointers
\* ------------------------------------------------------------ */

.table-pointers { color: #213770; text-align: center; max-height: 285px; }

.table-pointers tr :first-child { text-align: left; }

.table-pointers tr + tr { border-top: 1px solid #eaeaea; }

.table-pointers th { background-color: #213770; color: #fff; font-family: 'Teko', sans-serif; font-size: 19px; padding: 2px 2px 0px; font-weight: 400; text-transform: uppercase; line-height: 1; text-align: center; }

.table-pointers th:first-child { padding: 2px 5px 0px; text-align: left; }

.table-pointers th:nth-child(2) {width: 17%; }

.table-pointers th:nth-child(3) { width: 14%; }

.table-pointers tr td { background-color: transparent; }

.table-pointers td { font-size: 12px; padding: 3px 5px; }

/* ------------------------------------------------------------ *\
	Table Ranking
\* ------------------------------------------------------------ */

.table-ranking { margin: 10px -1px; font-size: 26px; }

.table-ranking th { font-family: 'Teko', sans-serif; font-size: 39px; border: 3px solid #213770;text-transform: uppercase; padding: 13px 2px 9px; font-weight: 400; }

.table-ranking tr:nth-child(2) td { padding-top: 15px; }

.table-ranking tr :first-child { text-align: center; width: 8.5%; }

.table-ranking tr :nth-child(2),
.table-ranking tr :nth-child(3) { text-align: left; padding-left: 22px; padding-right: 22px; }

.table-ranking td { padding: 1px 22px; border: 3px solid #213770; border-width: 0 3px; text-align: center; }

.table-ranking tr th:last-child { background-color: #213770; color: #fff; }

.table-ranking tr td:last-child { background-color: rgba(33,55,112,0.2); }

.table-ranking tr td:nth-child(3) { width: 21.9%; }

.table-ranking tr td:nth-child(4),
.table-ranking tr td:nth-child(5),
.table-ranking tr td:nth-child(6),
.table-ranking tr td:last-child { width: 10%; }

.table-ranking tr:last-child td { border-width: 0 3px 3px; padding-top: 19px; padding-bottom: 15px; font-weight: 700; }

.table-ranking tr { -webkit-transition: color 0.3s , background-color 0.3s; -o-transition: color 0.3s , background-color 0.3s; transition: color 0.3s , background-color 0.3s; }

.table-ranking tr:not(:first-child):hover { background-color: #213770; color:#fff; }

/* Small Desktop */

@media (max-width: 1200px) {
	.table-ranking { font-size: 1.35vw; }
	.table-ranking th { font-size: 2.03vw; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.table-ranking { font-size: 2.5vw; }
	.table-ranking th { font-size: 3vw; padding: 0.68vw 0.1vw 0.47vw; }
	.table-ranking tr :nth-child(2),
	.table-ranking tr :nth-child(3) { padding-left: 1vw; padding-right: 1vw; }

	.table-ranking tr td:nth-child(4),
	.table-ranking tr td:nth-child(5),
	.table-ranking tr td:nth-child(6),
	.table-ranking tr td:last-child { width: 7%; }
	.table-ranking td { padding: 0 2vw; }
	
	.table-ranking tr:nth-child(2) td { padding-top: 0.78vw; }
	.table-ranking tr:last-child td { padding-top: 0.99vw; padding-bottom: 0.78vw; }
}

/* Mobile */

@media (max-width: 639px) {
	.table-ranking { font-size: 5vw; }
	.table-ranking { overflow-y: scroll; }
	.table-ranking table { min-width: 600px; }
	.table-ranking th { font-size: 7vw; padding: 2.58vw 2vw 2.37vw; }
	.table-ranking tr :nth-child(2),
	.table-ranking tr :nth-child(3) { padding-left: 2.9vw; padding-right: 2.9vw; }

	.table-ranking tr td:nth-child(4),
	.table-ranking tr td:nth-child(5),
	.table-ranking tr td:nth-child(6),
	.table-ranking tr td:last-child { width: 10%; }
	.table-ranking td { padding: 0 3.9vw; }
	
	.table-ranking tr:nth-child(2) td { padding-top: 2.68vw; }
	.table-ranking tr:last-child td { padding-top: 2.89vw; padding-bottom: 2.68vw; }
}

@media print {
	.table-ranking { font-size: 2.5vw; width: 100%; }
	.table-ranking table  { min-width: unset; }
	.table-ranking th { font-size: 3vw; padding: 0.68vw 0.1vw 0.47vw; }
	.table-ranking tr :nth-child(2),
	.table-ranking tr :nth-child(3) { padding-left: 1vw; padding-right: 1vw; }

	.table-ranking tr td:nth-child(4),
	.table-ranking tr td:nth-child(5),
	.table-ranking tr td:nth-child(6),
	.table-ranking tr td:last-child { width: 7%; }
	.table-ranking td { padding: 0 2vw; }
	
	.table-ranking tr:nth-child(2) td { padding-top: 0.78vw; }
	.table-ranking tr:last-child td { padding-top: 0.99vw; padding-bottom: 0.78vw; }
}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

.widget { background-color: #213770; color: #fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 13px; padding: 4.17vw 2.08vw; text-align: center; height: 100%; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2); box-shadow: 0 5px 5px rgba(0,0,0,.2); }

.widget h2 { margin-bottom: 1.41vw; }

.widget p { line-height: 1.3; }

.widget .btn { margin-top: auto; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.widget { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	.widget .btn { margin-top: 10px; }
}

/* Mobile */

@media (max-width: 639px) {
	.widget { padding: 10vw 10vw; }
}

@media print {
	.widget {  page-break-after: always; padding: 40px 20px; }
}

/* ------------------------------------------------------------ *\
	Widget Prix
\* ------------------------------------------------------------ */

.widget-prix { background-color: #fff; border-radius: 0.68vw; background-color: #fff; padding: 3.39vw 3.8vw 0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2); box-shadow: 0 5px 5px rgba(0,0,0,.2); }

.widget-prix div { width: 20%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 4px; }

.widget-prix figure { -ms-flex-item-align: end; align-self: flex-end; width: 48%; }

.widget-prix h2 { font-size: 8.13vw; line-height: 1; font-weight: 600; color: #bf2f38; margin-bottom: -0.73vw; }

.widget-prix h2 span { font-size: 6.09vw; vertical-align: top; line-height: 1.23; margin-left: 3px; }

.widget-prix h3 { font-size: 4.06vw; line-height: 0.82; font-weight: 400; color: #213770; margin-bottom: 0.26vw; }

.widget-prix p { line-height: 1; }

.widget-prix--alt { padding: 2.86vw 1.88vw 0; }

.widget-prix--alt figure { -ms-flex-item-align: end; align-self: flex-end; width: 39.3%; }

.widget-prix--alt div { margin-left: 3.59vw; padding-top: 0.52vw; }

/* Mobile */

@media (max-width: 639px) {
	.widget-prix { border-radius: 10px; padding: 6vw 4vw 0; }
	.widget-prix div { padding-bottom: 6.25vw; }
	.widget-prix h2 { font-size: 20vw; }
	.widget-prix h2 span { font-size: 13vw; margin-left: -2.81vw; }
	.widget-prix h3 { font-size: 10vw; }
}

@media print {
	.grid-x.align-center.grid-x--padding .cell.medium-6{ page-break-before: always!important; page-break-after: always!important;  display: block;  margin-top: 200px;  }
}

/* ------------------------------------------------------------ *\
	Widget Access
\* ------------------------------------------------------------ */

.widget--access { padding: 3.59vw 2.08vw 4.06vw; font-size: 1.35vw; }

.widget--access p { margin-top: 0vw; line-height: 1.38; margin-bottom: 1.3vw; }

.widget--access .form { max-width: 26.15vw; padding-top: 0.52vw; }

.widget--access p + .form { padding-top: 0; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.widget--access { padding: 3.59vw 2.08vw 4.06vw; font-size: 1.6vw; }
	.widget--access br { display: none; }
	.widget--access .form  { max-width: 30vw; }
}

/* Mobile */

@media (max-width: 639px) {
	.widget--access { padding: 6vw 8vw; font-size: 4.5vw; }
	.widget--access p { margin-bottom: 4vw; }
	.widget--access br { display: none; }
	.widget--access .form  { max-width: 100vw; }
}

@media print { 
	.widget--access { page-break-before: always!important; }
}

/* ------------------------------------------------------------ *\
	Widget Rank
\* ------------------------------------------------------------ */

.widget--rank { background-color: #fff !important; color: #213770; text-align: left; position: relative; overflow: hidden; display: block; padding: 3.91vw 4.17vw; }

.widget--rank .widget__content { position: relative; z-index: 2; max-width: 47%; }

.widget--rank .widget__content h2 { line-height: 1; margin-bottom: 0vw;  }

.widget--rank .widget__content h2 span { color: #bf2f38; }

.widget--rank .widget__content h2 sup {  font-size: 2.71vw; text-transform: lowercase; -webkit-transform: translateY(0.1vw); -ms-transform: translateY(0.1vw); transform: translateY(0.1vw); display: inline-block;  }

.widget--rank .widget__content h3 { line-height: 1.1; margin-bottom: 3.13vw;  }

.widget--rank .widget__media { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0 ; background-size: cover; background-position: right center; background-repeat: no-repeat; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.widget--rank .widget__content { position: relative; z-index: 2; max-width: 50%; }
	.widget--rank .widget__content h2 sup  { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); font-size: 3.5vw; }
}

/* Mobile */

@media (max-width: 639px) {
	.widget--rank { padding: 7vw 4vw; }
	.widget--rank .widget__content h2 sup  { -webkit-transform: translateY(0.0); -ms-transform: translateY(0.0); transform: translateY(0.0); font-size: 9.5vw; }
	.widget--rank .widget__media { opacity: 0.6; }
	.widget--rank .widget__content { max-width: 100%; }
}

@media print {
	.widget--rank { page-break-inside: avoid!important; -webkit-column-break-inside: avoid!important; break-inside: avoid!important; widows: 3; }
	.widget--rank .widget__content {  max-width: 50%; }
	.widget--rank .widget__content h2 sup  { font-size: 25px; }
}

/* ------------------------------------------------------------ *\
	Themes
\* ------------------------------------------------------------ */