/* Minification failed. Returning unminified contents.
(3229,1): run-time error CSS1019: Unexpected token, found '/'
(3283,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(3297,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(3332,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(3342,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(6842,47): run-time error CSS1034: 
(6842,47): run-time error CSS1042: Expected function, found ','
(6842,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

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

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

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

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (<none>)
 * Config saved to config.json and <none>
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
/*.show {
  display: block !important;
}*/
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}


/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}
*:focus{
    outline: 0;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
html, button, input, textarea,
.pure-g [class *= "pure-u"] {
    /* Set your content font stack here: */
    font-family: 'open_sansregular', Times, "Times New Roman", serif;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
a{
    color: inherit;
    text-decoration: none;
    -webkit-transition: color 350ms ease-in-out;
    -o-transition: color 350ms ease-in-out;
    transition: color 350ms ease-in-out;
}
a:hover, a:active, a:focus {
   outline: 0;
}
p{
    margin: 0;
    font-size: 1em;
    line-height: 1.2;
    padding-bottom: 1.2em;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#dummy{
    background: #efefef;
}













/* ==========================================================================
   Media Queries
   ========================================================================== */

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

}
@media only screen and (max-width: 64em){
   
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.socicon {
    font-family: 'socicon' !important;
}

.socicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'socicon';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.socicon:empty{
    width: 1em;
}
.caps{
    text-transform: uppercase;
}
.text input[type="file"]{
    background: url(../img/ico-arrow-up.png) no-repeat right 20px center;
    background-size: 15px auto;
    width: 100%;
    border: 1px solid #bfbfbf;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    text-indent: -150px;
    display: block;
    height: 62px;
}
.text label,
.select label{
    display: block;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
:not(#foo) .custom-box input[type='radio'], 
:not(#foo) .custom-box input[type='checkbox'] {
    opacity: 0;
    float: left;
    width: 18px;
}


:not(#foo) .custom-box input[type='radio'] + label,
:not(#foo) .custom-box input[type='checkbox'] + label {
    margin: 0;
    clear: none;
    padding: 5px 0 4px 34px;
    cursor: pointer;
    background: url(../img/checkbox.png) left center no-repeat; 
}
:not(#foo) .custom-box input[type='radio']:checked + label,
:not(#foo) .custom-box input[type='checkbox']:checked + label {
    background-image: url(../img/checkbox-checked.png);
}

/* Popup */
.popup{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.35);
    z-index: 99;
    visibility: hidden;
    opacity: 0;

    -webkit-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}
.inpopup .popup{
    visibility: visible;
    opacity: 1;
}
.popup .popup-inner{
    max-width: 600px;
    margin: 130px auto 0;
    background: #fff;
    padding: 70px 100px 50px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.inpopup .popup-inner{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }



  /**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }


      body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

/*
 * @name wowBook
 * @desc style for wowBook plugin for jQuery
 *
 * @author Marcio Aguiar
 * @version 1.0
 *
 * Date: Wed Dec 8 10:05:49 2010 -0200
 */

.wowbook {
    position: relative;
    zoom: 1;
    -ms-text-size-adjust: auto;
    -webkit-text-size-adjust: auto;
}

.wowbook-page {
    zoom: 1;
}

.wowbook-page-content {
    position: absolute;
    overflow: hidden;
    background: white;
    zoom: 1;
}

.wowbook-loading .wowbook-page-content {
    background-image: url(./loading.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

img.wowbook-lazy {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.wowbook-fullscreen-fix {
    height: 100% !important;
    width: 100% !important;
}

/* marker class */
.wowbook-left {
}

.wowbook-right {
}

.wowbook-disabled {
}

.wowbook-handle {
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 100001;
    /* without this Chrome will mess the zindex of hardcover when it flips, making
	   the cover to jump when the "curl page corner on hover" is enabled */
    -webkit-transform: translate3d(0px, 0px, 10000px);
}

    .wowbook-handle.wowbook-disabled {
        display: none;
    }

.wowbook-unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.wowbook-page-content.wowbook-double-page {
    padding: 0;
}

/* hard page edge */
.wowbook-hardpage {
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.wowbook-3d-border {
    background: #eee;
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: 5px;
    -moz-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -moz-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}

.wowbook-left .wowbook-3d-border {
    left: 0;
}


/* shadows */
.wowbook-shadow-clipper {
    position: absolute;
    overflow: hidden;
    z-index: 999;
    zoom: 1;
    -webkit-backface-visibility: hidden; /* eliminate jagged edges */
}

.wowbook-shadow-container {
    display: none;
    position: absolute;
    z-index: 999;
    zoom: 1;
}

.wowbook-shadow-internal {
    background: url(./shadow_internal_fold.png) repeat-y;
    height: 500px;
    width: 200px;
    position: absolute;
    zoom: 1;
    -webkit-backface-visibility: hidden; /* eliminate jagged edges */
}

.wowbook-shadow-fold {
    background: url(./shadow_fold.png) right top repeat-y;
    height: 500px;
    width: 100px;
    position: absolute;
    zoom: 1;
    -webkit-backface-visibility: hidden; /* eliminate jagged edges */
}

.wowbook-shadow-fold-flipped {
    background-image: url(./shadow_fold_flip_h.png);
}

.wowbook-fold-gradient {
    background: url(./fold_gradient.png) right top repeat-y;
    height: 500px;
    width: 125px;
    position: absolute;
    top: 0;
    zoom: 1;
    -webkit-backface-visibility: hidden; /* eliminate jagged edges */
}

.wowbook-fold-gradient-flipped {
    background-image: url(./fold_gradient_flip_h.png);
}

.wowbook-fold-gradient-container {
    position: absolute;
    z-index: 1001;
}

.wowbook-gutter-shadow {
    height: 100%;
    width: 40px;
    position: absolute;
    top: 0;
    z-index: 1;
}

.wowbook-left .wowbook-gutter-shadow {
    background: url(./gutter_shadow_left.png) right top repeat-y;
    right: 0;
    width: 70px;
}

.wowbook-right .wowbook-gutter-shadow {
    background: url(./gutter_shadow_right.png) right top repeat-y;
    left: 0;
}

.wowbook-hard-page-shadow {
    background: rgba(0,0,0,0.2);
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    transform: translatez(0);
    -webkit-transform: translatez(0);
}

.wowbook-hard-page-dropshadow {
    background: #888;
    box-shadow: 0 0 7px 0px #666;
    background: rgba(96, 96, 96, 0.5);
    position: absolute;
    top: 0;
    z-index: 999;
    transform: translatez(0);
    -webkit-transform: translatez(0);
}

.wowbook-book-shadow {
    -moz-box-shadow: 0 0 7px #666;
    -ms-box-shadow: 0 0 7px #666;
    -webkit-box-shadow: 0 0 7px #666;
    -o-box-shadow: 0 0 7px #666;
    box-shadow: 0 0 7px #666; /* if you change this, change the .wowbook-hard-page-dropshadow too */
}

/* this should avoid a faint gray line in shadows element on android */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wowbook-shadow-internal, .wowbook-gutter-shadow,
    .wowbook-fold-gradient, .wowbook-shadow-fold {
        image-rendering: pixelated;
    }
}

.wowbook-page-number {
    bottom: 0;
    padding-bottom: 0.3em;
    position: absolute;
	display: none;
}

.wowbook-left .wowbook-page-number {
    left: 0;
    padding-left: 0.5em;
}

.wowbook-right .wowbook-page-number {
    right: 0;
    padding-right: 0.5em;
}



.wowbook-page-holded {
}

    .wowbook-page-holded object {
        /* visibility: hidden; */
    }


/* Thumbnails */
.wowbook-thumbnails {
    background: none;
    left: 0px;
    top: 0px;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    image-rendering: optimizeQuality;
    z-index: 10000;
}

    .wowbook-thumbnails .wowbook-clipper {
        overflow: hidden;
        position: relative;
        -webkit-overflow-scrolling: touch;
    }

    .wowbook-thumbnails ul {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .wowbook-thumbnails .wowbook-button {
        background: none no-repeat 50% 50% #333;
        cursor: pointer;
        font-family: wowbook-toolbar-fonts;
        left: 0;
        position: absolute;
        top: 0;
        text-align: center;
    }

.wowbook-thumbnail {
    cursor: pointer;
    display: inline-block;
    *display: inline; /* for IE7 */
    zoom: 1; /* for IE7 */
    overflow: hidden;
    position: relative;
    vertical-align: top;
}

/ .wowbook-thumbnails .wowbook-button:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
}

.wowbook-thumbnails .wowbook-button:after {
    display: inline-block;
    vertical-align: middle;
}


/* BUGFIX. IE8 apparently ignores background-position
   when zoom<>1 is applied and the element has position:absolute */
.wowbook-thumbnail .wowbook-page-content {
    position: relative;
}

.wowbook-thumbnail.wowbook-right {
    margin-right: 1em;
}

.wowbook-overlay {
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100000;
}

/* Thumbnails - horizontal */
.wowbook-horizontal.wowbook-thumbnails {
    width: 100%;
}

    .wowbook-horizontal.wowbook-thumbnails .wowbook-clipper {
        height: 100%;
        position: relative;
        margin: 0 30px; /* margin is the width of the buttons */
    }

    .wowbook-horizontal.wowbook-thumbnails ul {
        display: inline-block;
        *display: inline; /* IE7 */
        *zoom: 1; /* IE7 */
        white-space: nowrap;
    }

    .wowbook-horizontal.wowbook-thumbnails .wowbook-button {
        width: 30px;
        height: 100%;
        / text-align: center;
    }

        .wowbook-horizontal.wowbook-thumbnails .wowbook-button:after {
            content: "\f053"; /* fa-chevron-left */
        }

    .wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button:after {
        content: "\f054"; /* fa-chevron-right */
    }

    .wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button {
        left: auto;
        right: 0;
        /
    }

.wowbook-horizontal .wowbook-thumbnail {
    /* without this, the "nowrap" value set in the "ul" will
	   be inherited and (probably)	mess with your thumbnails */
    white-space: normal;
    /* BUT IE7 NEED THIS */
    *white-space: nowrap;
}

    .wowbook-horizontal .wowbook-thumbnail .wowbook-page-content {
        /* AGAIN, IE7 NEED THIS */
        *white-space: normal;
    }



/* Thumbnails - vertical */

.wowbook-vertical.wowbook-thumbnails {
    display: inline-block;
    height: 100%;
}

    .wowbook-vertical.wowbook-thumbnails .wowbook-clipper {
        position: absolute;
        top: 30px;
        bottom: 30px; /* this value is the height of the buttons */
    }

    .wowbook-vertical.wowbook-thumbnails .wowbook-button {
        height: 30px;
        line-height: 30px;
        width: 100%;
        /
    }

        .wowbook-vertical.wowbook-thumbnails .wowbook-button:after {
            vertical-align: baseline;
        }

    .wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button {
        bottom: 0;
        top: auto;
        /
    }

    .wowbook-vertical.wowbook-thumbnails .wowbook-button:after {
        content: "\f077"; /* fa-chevron-up */
    }

    .wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button:after {
        content: "\f078"; /* fa-chevron-down */
    }

.wowbook-vertical .wowbook-thumbnail {
    margin-bottom: 5px;
    margin-top: 5px;
}

    .wowbook-vertical .wowbook-thumbnail.wowbook-right {
        margin-right: 0;
    }

.wowbook-vertical.wowbook-closable .wowbook-thumbnail:first-child {
    margin-left: 50%;
}

/*
	Cursor
*/
.wowbook-draggable {
    cursor: hand;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    -moz-user-select: none;
}

    .wowbook-draggable.wowbook-dragging {
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }


/*
	PDF
*/
.wowbook-pdf .wowbook-page-content {
    padding: 0;
}

.wowbook-pdf .annotLink > a {
    font-size: 1em;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    .wowbook-pdf .annotLink > a:hover {
        background: none repeat scroll 0 0 #ff0;
        box-shadow: 0 2px 10px #ff0;
        opacity: 0.2;
    }

/*
	Table of contents
*/

.wowbook-toc {
    background: white;
    display: inline-block;
    overflow-y: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10001;
    width: 250px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

    .wowbook-toc .wowbook-close {
        float: right;
    }

    .wowbook-toc h1 {
        font-size: larger;
    }

.wowbook-toc-items {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.wowbook-toc-item {
    border-top: 1px solid #D3D3D3;
    padding: 0px;
}

    .wowbook-toc-item a {
        display: block;
        padding: 10px;
    }

        .wowbook-toc-item a, .wowbook-toc-item a:visited,
        .wowbook-toc-item a:active, .wowbook-toc-item a:hover {
            outline: none;
            text-decoration: none;
        }

    .wowbook-toc-item:hover {
        background: #D3D3D3;
    }

    .wowbook-toc-item .page {
        float: right;
    }


/*
	Container
*/
.wowbook-container {
    position: relative;
    box-sizing: border-box;
}

.wowbook-book-container {
    position: relative;
    box-sizing: border-box;
    /* padding: 20px;*/
}

    .wowbook-book-container .wowbook {
        margin: auto;
        -moz-transform: translateY( -50% );
        -webkit-transform: translateY( -50% );
        -o-transform: translateY( -50% );
        -ms-transform: translateY( -50% );
        transform: translateY( -50% );
        top: 50%;
    }

.wowbook-container-full {
    /*z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;*/
}



/*
	Lightbox
*/
.wowbook-lightbox-overlay {
    display: none;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.wowbook-lightbox {
    background: white;
    box-sizing: border-box;
    display: none;
    overflow: hidden;
    padding: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1001;
}

    .wowbook-lightbox .wowbook-container {
        box-sizing: border-box;
        padding: 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .wowbook-lightbox .wowbook-toolbar {
        box-sizing: border-box;
        position: absolute;
        width: 100%;
    }

    .wowbook-lightbox > .wowbook-close {
        background: #222;
        border: 1px solid #555;
        position: absolute;
        right: 0;
        color: white;
        top: 0;
        z-index: 10000;
    }


/*
	Toolbar/Controls
*/
.wowbook-toolbar {
    position: relative;
    text-align: center;
    z-index: 10000;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    height: 46px; /*  same as the wowbook-control*/
}

.wowbook-controls {
    border-radius: 0px;
    display: inline-block;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    height: auto;
    line-height: 46px;
    overflow: hidden;
    width: 100%;
    vertical-align: top;
}

.wowbook-control {
    cursor: pointer;
    display: inline-block;
    font-size: 1.5em;
    overflow: hidden;
    padding: 0;
    text-align: center;
    color: white;
    background: black;
    white-space: nowrap;
    /* height: 46px; */
    height: 100%;
    line-height: 46px;
    line-height: inherit;
    vertical-align: top;
    width: 48px;
}

    .wowbook-control:hover {
        background: #2C2C2C;
    }

    .wowbook-control, .wowbook-control:visited,
    .wowbook-control:active, .wowbook-control:hover {
        color: white;
        outline: none;
        text-decoration: none;
    }

.wowbook-control-toggle-toolbar {
    float: left;
}

/*
 Wowbook toolbar font is a custom built font that contains icons from the following free icon sets:
 - fontawesome http://fontawesome.io
 - icomoon https://icomoon.io
*/

@font-face {
    font-family: 'wowbook-toolbar-fonts';
    src: url('fonts/wowbook-toolbar-fonts.eot');
}

@font-face {
    font-family: 'wowbook-toolbar-fonts';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.fa, .icon {
    font-family: wowbook-toolbar-fonts;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-th:before {
    content: "\f00a";
}

.fa-close:before {
    content: "\f00d";
}

.fa-remove:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-download:before {
    content: "\f019";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-facebook-f:before {
    content: "\f09a";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.icon-download:before {
    content: "\e960";
}

.icon-zoom-in:before {
    content: "\e987";
}

.icon-zoom-out:before {
    content: "\e988";
}

.icon-enlarge:before {
    content: "\e989";
}

.icon-shrink:before {
    content: "\e98a";
}

.icon-list:before {
    content: "\e9ba";
}

.icon-list2:before {
    content: "\e9bb";
}

.icon-cloud-download:before {
    content: "\e9c2";
}

.icon-download3:before {
    content: "\e9c7";
}

.icon-play2:before {
    content: "\ea15";
}

.icon-pause:before {
    content: "\ea16";
}

.icon-backward:before {
    content: "\ea1a";
}

.icon-forward2:before {
    content: "\ea1b";
}

.icon-eject:before {
    content: "\ea25";
}

.icon-volume-high:before {
    content: "\ea26";
}

.icon-volume-mute2:before {
    content: "\ea2a";
}

.icon-circle-up:before {
    content: "\ea41";
}

.icon-circle-right:before {
    content: "\ea42";
}

.icon-circle-down:before {
    content: "\ea43";
}

.icon-circle-left:before {
    content: "\ea44";
}

.icon-table2:before {
    content: "\ea71";
}

/*
 * styles for toolbar icons
 */

.wowbook-control i {
    font-family: 'wowbook-toolbar-fonts';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    lline-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* toolbar fontawesome icons */
.wowbook-fontawesome .wowbook-control-first i:before {
    content: "\f053\f053"; /* fa-chevron-left */
    letter-spacing: -6px;
    margin-left: -10px;
}

.wowbook-fontawesome .wowbook-control-back i:before {
    content: "\f053"; /* fa-chevron-left */
}

.wowbook-fontawesome .wowbook-control-next i:before {
    content: "\f054"; /* fa-chevron-right */
}

.wowbook-fontawesome .wowbook-control-last i:before {
    content: "\f054\f054"; /* fa-chevron-right */
    letter-spacing: -6px;
    margin-left: -5px;
}

.wowbook-fontawesome .wowbook-control-zoomin i:before {
    content: "\f00e"; /* .fa-search-plus */
}

.wowbook-fontawesome .wowbook-control-zoomout i:before {
    content: "\f010"; /* .fa-search-minus */
}

.wowbook-fontawesome .wowbook-control-slideshow i:before {
    content: "\f04b"; /* .fa-play-circle-o */
}

.wowbook-fontawesome .wowbook-control-slideshow.wowbook-disabled i:before {
    content: "\f04c"; /* .fa-pause */
}

.wowbook-fontawesome .wowbook-control-flipsound i:before {
    content: "\f028"; /* .fa-volume-up */
}

.wowbook-fontawesome .wowbook-control-flipsound.wowbook-disabled i:before {
    content: "\f026"; /* .fa-volume-off */
}

.wowbook-fontawesome .wowbook-control-fullscreen i:before {
    content: "\f065"; /* .fa-expand */
}

.wowbook-fontawesome .wowbook-control-fullscreen.wowbook-disabled i:before {
    content: "\f066"; /* .fa-compress */
}

.wowbook-fontawesome .wowbook-control-thumbnails i:before {
    content: "\f00a"; /* .fa-th */
}

.wowbook-fontawesome .wowbook-control-toc i:before {
    content: "\f0ca"; /* .fa-list-ul */
}

.wowbook-fontawesome .wowbook-control-download i:before {
    content: "\f019"; /* .fa-download */
}

.wowbook-fontawesome .wowbook-control-share > i:before {
    content: "\f1e0"; /* .fa-share-alt */
}

.wowbook-fontawesome .wowbook-control-toggle-toolbar i:before {
    content: "\f052"; /* .fa-eject */
}

.wowbook-fontawesome .wowbook-control-toggle-toolbar i:before {
    content: "\f052"; /* .fa-eject */
}

.wowbook-control-toggle-toolbar.wowbook-collapsed {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
}

.wowbook-control-toggle-toolbar {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    transform: scaleY(-1);
    transition: 0.4s;
}


.wowbook-control span.wowbook-disabled {
    display: none;
}

.wowbook-control.wowbook-disabled span {
    display: none;
}

    .wowbook-control.wowbook-disabled span.wowbook-disabled {
        display: block;
    }



/* toolbar icomoon icons */
.wowbook-icomoon .wowbook-control-first i:before {
    content: "\f053\f053"; /* fa-chevron-left */
    letter-spacing: -6px;
    margin-left: -10px;
}

.wowbook-icomoon .wowbook-control-back i:before {
    content: "\f053"; /* fa-chevron-left */
}

.wowbook-icomoon .wowbook-control-next i:before {
    content: "\f054"; /* fa-chevron-right */
}

.wowbook-icomoon .wowbook-control-last i:before {
    content: "\f054\f054"; /* fa-chevron-right */
    letter-spacing: -6px;
    margin-left: -5px;
}

.wowbook-icomoon .wowbook-control-zoomin i:before {
    content: "\e987"; /* .icon-zoom-in */
}

.wowbook-icomoon .wowbook-control-zoomout i:before {
    content: "\e988"; /* .icon-zoom-out*/
}

.wowbook-icomoon .wowbook-control-slideshow i:before {
    content: "\ea15"; /* .icon-play2 */
}

.wowbook-icomoon .wowbook-control-slideshow.wowbook-disabled i:before {
    content: "\ea16"; /* .icon-pause */
}

.wowbook-icomoon .wowbook-control-flipsound i:before {
    content: "\ea26"; /* .icon-volume-high */
}

.wowbook-icomoon .wowbook-control-flipsound.wowbook-disabled i:before {
    content: "\ea2a"; /* .icon-volume-mute2 */
}

.wowbook-icomoon .wowbook-control-fullscreen i:before {
    content: "\e989"; /* .icon-enlarge */
}

.wowbook-icomoon .wowbook-control-fullscreen.wowbook-disabled i:before {
    content: "\e98a"; /* .icon-shrink */
}

.wowbook-icomoon .wowbook-control-thumbnails i:before {
    content: "\ea71"; /* .icon-table2 */
}

.wowbook-icomoon .wowbook-control-toc i:before {
    content: "\e9ba"; /* .icon-list */
}

.wowbook-icomoon .wowbook-control-download i:before {
    content: "\e960"; /* .icon-download */
}

.wowbook-icomoon .wowbook-control-toggle-toolbar i:before {
    content: "\ea25"; /* .icon-eject */
}

/* Share buttons */
.wowbook-share-buttons {
    position: absolute;
    margin-top: 2px;
}

    .wowbook-share-buttons.wowbook-hidden {
        display: none;
    }

    .wowbook-share-buttons.wowbook-up {
        bottom: 100%;
        margin-bottom: 2px;
    }

.wowbook-share-button {
    font-size: 1em;
    display: block;
    /*
	height: 48px;
	width: 48px;
	line-height:48px;
*/
}

    .wowbook-share-button:hover {
        background: #2D2D2D;
    }


/*
    Dark color scheme (default)
*/
.wowbook-controls, .wowbook-share-buttons {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    background: #222;
    background-image: linear-gradient(to bottom, #3c3c3c 0px, #222 100%);
    background-repeat: repeat-x;
    color: white;
}

.wowbook-control,
.wowbook-control:visited,
.wowbook-control:active,
.wowbook-control.remove-sticky-hover-style:hover {
    background: transparent;
    color: inherit;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

    .wowbook-control:active,
    .wowbook-control:hover {
        background: #2D2D2D;
    }

.wowbook-toc {
    color: white;
    color: #b8b8b8;
    background: #222;
    background-image: linear-gradient(to bottom, #3c3c3c 0px, #222 100%);
    background-repeat: repeat-x;
    border-color: #080808;
    box-shadow: 2px 0 8px rgba(0,0,0,0.5);
}

    .wowbook-toc h1 {
        color: #b8b8b8;
        color: inherit;
        padding-left: 10px;
    }

    .wowbook-toc .wowbook-close {
        display: block;
        line-height: 1.4em;
        margin: 0.5em 0.5em 0 0;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        background: transparent;
        color: inherit;
        border: none;
        outline: none;
        padding: 0;
    }

        .wowbook-toc .wowbook-close:hover {
            color: white;
        }

    .wowbook-toc li {
        border: none;
    }

    .wowbook-toc a {
        border-top: 1px solid #101010;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
        text-decoration: none;
    }

.wowbook-toc-item a,
.wowbook-toc-item a:visited,
.wowbook-toc-item a:active {
    color: #b8b8b8;
    color: inherit;
}

.wowbook-toc a:hover {
    background: #555;
    color: white;
}

.wowbook-thumbnails {
    background: rgba(128, 128, 128, 0.5) none repeat scroll 0 0;
    box-shadow: 0 0 15px rgba(128, 128, 128, 0.48);
    border-bottom: 1px solid rgba(64, 64, 64, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

    .wowbook-thumbnails > .wowbook-wrapper > .wowbook-button {
        color: white;
    }

.wowbook-horizontal.wowbook-thumbnails {
    padding-top: 10px;
    padding-bottom: 10px;
}

.wowbook-lightbox > .wowbook-close {
    background: #222 linear-gradient(to bottom, #3c3c3c 0px, #222 100%) repeat-x scroll 0 0;
    border: 1px solid #b8b8b8;
    color: #b8b8b8;
}

/*
	White color scheme
*/

.wowbook-cs-white .wowbook-controls,
.wowbook-cs-white.wowbook-controls {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.wowbook-cs-white .wowbook-control {
    background: #fbfbfb;
}

    .wowbook-cs-white .wowbook-control,
    .wowbook-cs-white .wowbook-control:visited,
    .wowbook-cs-white .wowbook-control:active {
        color: inherit;
    }

        .wowbook-cs-white .wowbook-control:hover {
            color: #262626;
            background: #f5f5f5;
        }

.wowbook-cs-white .wowbook-controls,
.wowbook-cs-white .wowbook-share-buttons,
.wowbook-cs-white.wowbook-controls,
.wowbook-cs-white.wowbook-share-buttons {
    background: #fbfbfb;
    color: #737373;
}

.wowbook-cs-white .wowbook-toc,
.wowbook-cs-white.wowbook-toc {
    color: #737373;
    background: #fbfbfb;
    border-color: #080808;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

    .wowbook-cs-white .wowbook-toc h1,
    .wowbook-cs-white.wowbook-toc h1 {
        color: inherit;
        padding-left: 10px;
    }

    .wowbook-cs-white .wowbook-toc .wowbook-close,
    .wowbook-cs-white.wowbook-toc .wowbook-close {
        background: transparent;
        color: #adadad;
        margin-right: 10px;
        bborder: 1px solid #f3f3f3;
        bborder-radius: 2px;
    }

        .wowbook-cs-white .wowbook-toc .wowbook-close:hover {
            background: #f5f5f5;
            color: #262626;
        }

    .wowbook-cs-white .wowbook-toc li,
    .wowbook-cs-white.wowbook-toc li {
        border: none;
    }

    .wowbook-cs-white .wowbook-toc a,
    .wowbook-cs-white.wowbook-toc a {
        text-decoration: none;
        border-top: 1px solid #f3f3f3;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
        color: inherit;
        text-decoration: none;
    }

        .wowbook-cs-white .wowbook-toc a:hover,
        .wowbook-cs-white.wowbook-toc a:hover {
            background: #f5f5f5;
            color: #262626;
        }

.wowbook-cs-white.wowbook-thumbnails {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #d3d3d3;
    box-shadow: 0 0 15px rgba(128, 128, 128, 0.48);
}

.wowbook-cs-white.wowbook-vertical.wowbook-thumbnails .wowbook-back.wowbook-button {
    border-width: 0 0 1px 0;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2);
}

.wowbook-cs-white.wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button {
    border-width: 1px 0 0 0;
    box-shadow: 0 -4px 4px -2px rgba(0, 0, 0, 0.2);
}

.wowbook-cs-white.wowbook-horizontal.wowbook-thumbnails .wowbook-back.wowbook-button {
    border-width: 0 1px 0 0;
    box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.2);
}

.wowbook-cs-white.wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button {
    border-width: 0 0 0 1px;
    box-shadow: -4px 0 4px -2px rgba(0, 0, 0, 0.2);
}

.wowbook-cs-white.wowbook-thumbnails .wowbook-button {
    color: #737373;
    background: white;
    border: 0px solid #d3d3d3;
    z-index: 1;
}

    .wowbook-cs-white.wowbook-thumbnails .wowbook-button:hover {
        color: #262626;
        background: #f5f5f5;
    }

.wowbook-cs-white.wowbook-lightbox > .wowbook-close {
    background: #fbfbfb;
    border-color: 1px solid #f3f3f3;
    color: #737373;
}

/*GENERAL*/

a {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
p {
    padding: 0;
    margin: 0;
}
/*EDITED BY ANTOURA */
 
/* <a  href="#" class="close"></a> 
<div class="main-container"> 
<h2 >Le collège est plus fort avec votre don</h2> 
<figure></figure> 
<a  href="#">Articles</a> 
</div> </div> */

.donate-banner .main-container a {
   
    width: 420px;
    font-weight: bold;
    border-radius: 20px;
    height: 50px;
    text-align: center;
    background-color: rgba(255, 255, 255, .82);
    float: right;
    color: #002f67;
    font-size: 24px;
    font-family: Cairo-Bold, Helvetica_new, Arial, sans-serif;
    margin: 25px 0;
    line-height: 44px;
    transition: .25s;
    border: 2px solid #FFFFFF;
}

.donate-banner {
   height: 100px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #002f67;
    z-index: 500;
    transition: .25s;
}
.main-container {
    width: 100%;
    max-width: 1600px;
    margin: auto;
    font-size: 20;
    padding: 0 40px;
}
.main-text
{
	font-family:Arial;
	color:#ffffff;
	z-index: 510;
	width: 100%;
    margin: auto;
    font-size: 20;
	margin-top:15px;
    padding: 0 40px;
}

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

.wrapper {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
}

.clearListing {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
    padding: 0;
}

.clearStyle {
    list-style-type: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

body {
    font-family: 'Poppins', sans-serif;
    color: #002e64;
    line-height: 1;
}


/*HP*/

.section {
    margin-left: 190px;
}

.sectionBanner {
    position: relative;
}


.owl-nav {
    position: absolute;
    top: 250px;
    left: 100px;
}

.owlslider .listingItemLI {
    padding: 0;
}


.bannerSlider .row {
    margin: 0;
}

.owl-prev {
    margin-right: 10px;
}

.owl-prev,
.owl-next {
    cursor: pointer;
}

.mainTitle {
    font-size: 50px;
    line-height: 61px;
    color: #fff;
    padding: 0 0 40px;
}

.button {
    font-size: 16px;
    background: #fff;
    display: inline-block;
    padding: 10px 15px;
    min-width: 180px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    border: 2px solid #fff;
    transition: background 300ms ease;
    position:relative;
}

    .button:hover {
        color: #fff;
        background: transparent;
    }

.button--blue {
    background: #003067;
    color: #fff;
    border: 2px solid #003067;
}

    .button--blue:hover {
        color: #003067;
    }

.bannerSlider .textBlock {
    position: absolute;
    left: 100px;
    top: 290px;
}

.smallBlockListing .itemHolder {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.itemTitle {
    font-size: 38px;
    line-height: 44px;
    padding: 0 0 35px;
}

.itemTitle--white {
    color: #fff;
}

.itemHolder.red {
    background: #db2128;
}

.itemHolder.yellow {
    background: #ffcb0c;
}

.smallBlockListing .textBlock {
    padding: 30px;
}

.smallBlockListing .imageHolder {
    overflow: hidden;
}

    .smallBlockListing .imageHolder img {
        transition: transform 500ms ease;
    }

.smallBlockListing .itemHolder:hover img {
    transform: scale(1.1);
}

.smallBlockListing .itemHolder:hover .arrowHolder {
    transform: translate(10px, 0);
}

.arrowHolder {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    transition: transform 300ms ease;
}

    .arrowHolder:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 10px;
        height: 10px;
        border-top: 2px solid #db2128;
        border-right: 2px solid #db2128;
        transform: rotate(45deg) translate(-50%, -50%);
        transform-origin: top left;
    }

.arrowHolder--yellow:after {
    border-color: #ffcb0c;
}

.sectionSmallBlocks {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #f3f3f3;
}

.sectionCollege {
    background: #003067;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}

.imageHolder--castle {
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 100%;
    overflow: hidden;
}

    .imageHolder--castle img {
        max-height: 100%;
        width: 255px;
        height: auto;
    }

.sectionTitle {
    font-size: 44px;
    padding: 0 0 50px;
}

.sectionTitle--small {
    font-size: 28px;
    font-weight: 400;
    padding: 0;
    line-height: 33px;
}

.sectionTitle--white {
    color: #fff;
}

.par {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    color: #fff;
}

.par--gray {
    color: #626262;
}

.par--blue {
    color: #003067;
}

.par--big {
    font-size: 24px;
    line-height: 35px;
}

.par--small {
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    color: #535353;
    padding: 0 0 20px;
}

.subtitle {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}

.subtitle--small {
    font-size: 14px;
    font-weight: 600;
    color: #626262;
    padding: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.white {
    color: #fff;
}

.sectionCollege .par {
    padding-right: 40px;
}

.numberListing {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 0;
}

    .numberListing .itemHolder {
        background: url('../img/img-number-holder.png');
        background-size: cover;
        background-repeat: no-repeat;
        width: 180px;
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 10px;
    }

    .numberListing .number {
        font-size: 50px;
        font-weight: 500;
        color: #ffcb0c;
        display: inline-block;
        line-height: 1;
    }

    .numberListing .text {
        font-size: 16px;
        font-weight: 300;
        color: #fff;
        text-align: center;
        padding: 10px 18px;
    }


.gridItem img {
    width: 100%;
    height: 100%;
}

.gridItem .gridInfo {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 300ms ease;
    cursor: pointer;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 25px 20px;
}

.gridInfo:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1564bf;
    opacity: 0.85;
}
.gridHolder:after {
    display: block;
    content: "";
    clear: both;
}

.gridItem:hover .gridInfo {
    visibility: visible;
    opacity: 1;
}

.gridItem .title--main {
    display: block;
    font-size: 30px;
    color: #fff;
    position: absolute;
    left: 20px;
    bottom: 15px;
}

.gridItem .title {
    font-size: 30px;
    color: #fff;
    padding: 0 0 10px;
    z-index: 100;
}

.gridItem:hover .title--main {
    display: block;
    z-index: 1;
}

.gridInfo .textBlock {
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
}

.gridInfo .link {
    margin: 15px 0;
}

.link {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    padding: 0 0 0 20px;
    position: relative;
    display: inline-block;
}

    .link:before {
        content: '';
        position: absolute;
        left: 0;
        top: calc(50% - 2px);
        height: 8px;
        width: 8px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg) translate(0, -50%);
    }

.link--gray {
    font-size: 16px;
    font-weight: 300;
    color: #868686;
    display: block;
    padding: 0 0 8px;
}

    .link--gray span {
        font-size: 16px;
        font-weight: 500;
        color: #002652;
    }

.mail {
    padding: 5px 0 0;
    text-decoration: underline;
}

.sectionGrid .buttonHolder {
    padding: 40px 0;
}

.sectionLeftMenu {
    position: absolute;
    top: 0;
    padding-top: 25px;
    left: 0;
    width: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    border-right: 1px solid #f3f3f3;
}

    .sectionLeftMenu .logoHolder {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sectionLeftMenu .aefe {
        margin: 0 0 120px;
        margin-top: 30px;
    }

    .sectionLeftMenu .logoHolder span {
        font-size: 18px;
        font-weight: 300;
        color: #939393;
        padding: 20px 0 0;
    }

/*MENU ACTIVATOR*/

.menu-activator {
    margin: 120px 0 100px;
}

.lines-button {
    display: block;
    width: 30px;
    height: 30px;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    cursor: pointer;
    user-select: none;
    border-radius: 0.57143rem;
}

    .lines-button:hover {
        opacity: 1;
    }

    .lines-button:active {
        transition: 0;
    }

.lines {
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #000;
    border-radius: 0.28571rem;
    transition: 0.3s;
    position: relative;
}

    .lines:before,
    .lines:after {
        display: inline-block;
        width: 20px;
        height: 2px;
        background: #000;
        border-radius: 0.28571rem;
        transition: 0.3s;
        position: absolute;
        left: 0;
        content: '';
        -webkit-transform-origin: 0.28571rem center;
        transform-origin: 0.28571rem center;
    }

    .lines:before {
        top: 6px;
    }

    .lines:after {
        top: -6px;
    }

.lines-button.close {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.x2 .lines {
    transition: background 0.3s 0.5s ease;
}

    .lines-button.x2 .lines:before,
    .lines-button.x2 .lines:after {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease;
        transition: top 0.3s 0.6s ease, transform 0.3s ease;
    }

.lines-button.x2.close .lines {
    transition: background 0.3s 0s ease;
    background: transparent;
}

    .lines-button.x2.close .lines:before,
    .lines-button.x2.close .lines:after {
        transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease;
        transition: top 0.3s ease, transform 0.3s 0.5s ease;
        top: 0;
        width: 30px;
    }

    .lines-button.x2.close .lines:before {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    .lines-button.x2.close .lines:after {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

.grayBg {
    background: #f1f1f1;
}

.sectionProgrammes {
    padding: 50px 0 50px;
}

.patternBg {
    background: url('../img/bg-pattern.jpg');
    background-repeat: repeat;
}


/*TABS*/

.tabMenu {
    display: flex;
    justify-content: space-between;
    padding: 0 120px 0 170px;
}

.tabTitle {
    cursor: pointer;
    font-size: 20px;
    font-weight: 300;
    color: #898989;
    position: relative;
    transition: color 300ms ease;
}

    .tabTitle.active {
        color: #003067;
        font-weight: 600;
    }

    .tabTitle:hover {
        color: #003067;
    }

    .tabTitle.active:before {
        content: '';
        position: absolute;
        left: -12px;
        top: -10px;
        width: 100%;
        height: 3px;
        background: #003067;
    }

.tabItem {
    padding: 60px 0 0;
    display: flex;
}

.images {
    flex: 50%;
}

    .images .imageHolder:first-child {
        margin: 0 0 30px 0px;
    }

    .images .imageHolder:last-child {
        text-align: right;
    }

.tabItem .textBlock {
    flex: 50%;
    padding: 0 0 0 60px;
}

.tabItem .itemTitle {
    padding: 0 0 20px;
}

.numbersCont {
    padding: 45px 0 30px;
}
.numbersCont:after {
    content: '';
    display: block;
    clear: both;
}
.numberHolder {
    padding: 10px;
    float: left;
    text-align: center;
}
    .numberHolder:first-child {
        width: 33%;
        height:250px;
    }
    .numberHolder:nth-child(2), .numberHolder:nth-child(3) {
        width: 33%;
    }
    .numberHolder .number:nth-child(3) {
        margin: 30px 0 0;
    }
    .numberHolder:nth-child(4) {
        width: 35%;
    }
    .numberHolder:nth-child(5) {
        width: 32%;
    }

    .number {
        font-size: 70px;
        font-weight: 500;
        color: #003067;
        padding: 20px 0 10px;
        position: relative;
    }

    .number:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        height: 5px;
        width: 70px;
        background: #003067;
    }

.number--big {
    font-size: 74px;
    padding: 20px 0;
    text-align: center;
}


    .number--big:before {
        display: none;
    }

.grayText {
    font-size: 17px;
    font-weight: 300;
    color: #626262;
}

.sectionComment {
    padding: 50px;
}

.contactListing .subtitle {
    padding: 15px 0 10px;
}

.sectionActual {
    position: relative;
    padding: 0 0 50px;
}

    .sectionActual:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 190px;
        background: url('../img/bg-pattern-yellow.jpg');
        background-repeat: repeat;
    }

    .sectionActual .blockHead {
        position: relative;
        z-index: 2;
        height: auto;
        padding: 50px 0 0;
    }
.sectionActual .buttonHolder {
  margin-top: 40px;
}
.evenementListing .textBlock {
    background: #fff;
    padding: 20px;
    margin: -60px 20px 0;
    position: relative;
    z-index: 2;
}

.date {
    font-size: 13px;
    font-weight: 300;
    color: #878787;
    padding: 0 0 10px;
}

.dateItem {
    background: #fff;
    padding: 25px;
    position: relative;
    display: block;
}

    .dateItem:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        width: calc(100% - 50px);
        height: 1px;
        background: #dddddd;
    }

    .dateItem:last-child:after {
        display: none;
    }

.itemHolder--no-img {
    height: calc(100% + 90px);
    background: #fff;
}

.calendListing .itemHolder {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10px;
}

.sectionCalend {
    padding: 0 0 50px;
}

.calendItem {
    border: 1px solid #e2e2e2;
    padding: 15px;
    margin-right: 15px;
}

.days {
    font-size: 22px;
    font-weight: 500;
    white-space: nowrap;
}

.sectionTemo {
    position: relative;
    padding: 50px 0 50px;
}

    .sectionTemo:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #003067;
        opacity: 0.9;
    }

    .sectionTemo .blockHead,
    .sectionTemo .blockBody {
        position: relative;
        z-index: 2;
    }
    .sectionTemo .buttonHolder {
    padding-top:40px;
}


.temoSlider {
    padding: 40px 0 0;
}

    .temoSlider .itemHolder {
        display: flex;
    }

.name {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    padding: 15px 0 0;
}

.temoSlider .textBlock {
    background: #2571ab;
    padding: 15px 40px 15px 15px;
    flex: 55%;
}

.temoSlider .left {
    flex: 45%;
}

.temoSlider .listingItemLI:nth-child(2n + 1) .itemHolder {
    margin-right: 30px;
}

.temoSlider .owl-nav {
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 100%;
}

.temoSlider .owl-prev {
    position: absolute;
    left: -60px;
}

.temoSlider .owl-next {
    position: absolute;
    right: -25px;
}

.personalization {
    background: #db2128;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    z-index: 2;
}

    .personalization p {
        font-size: 15px;
        font-weight: 300;
        color: #fff;
    }

        .personalization p:first-child {
            padding: 0 35px 0 0;
        }

.wrapper--pers {
    position: relative;
}

.personalization .iconHolder {
    padding-left: 5px;
}

.personalization-expand {
    opacity: 0;
    visibility: hidden;
    background: #db2128;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px 0 30px 100px;
    z-index: 3;
    transition: opacity 200ms ease;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .personalization-expand.active {
        visibility: visible;
        opacity: 1;
    }

.customSelect {
    position: relative;
}

    .customSelect .label {
        font-size: 25px;
        font-weight: 300;
        color: #fff;
        padding: 0 30px 0 60px;
    }

.dropdown-list {
    display: none;
}

.customSelect.show .dropdown-list {
    display: block;
}

.dropdown {
    font-size: 32px;
    font-weight: 300;
    color: #fff;
    text-align: left;
    padding: 5px 0;
    min-width: 300px;
    border-bottom: 1px dashed #fff;
    display: inline-block;
    position: relative;
    padding-right: 20px;
}

    .dropdown:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%) rotate(45deg);
        width: 8px;
        height: 8px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

.dropdown-list {
    position: absolute;
    bottom: 0;
    right: -200px;
    width: 510px;
    background: #fff;
    padding: 30px 20px 5px;
}

    .dropdown-list li {
        font-size: 28px;
        font-weight: 300;
        color: #676767;
        text-align: left;
        padding: 0 0 20px;
    }

.sectionMenu {
    visibility: hidden;
    opacity: 0;
    transition: opacity 400ms ease;
    width: calc(100% - 190px);
    min-height: 100vh;
    height: auto;
    background: #f9f9f9;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 555;
    padding: 80px 100px;
}

    .sectionMenu:after,
    .sectionSearch:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 160px;
        height: 670px;
        background: url('../img/icon-bg-castle.png');
        background-size: cover;
        background-repeat: no-repeat;
        opacity: 0.4;
    }

    .sectionMenu.show {
        visibility: visible;
        opacity: 1;
    }

.topMenu {
    display: flex;
    padding: 0 0 50px;
}

.topMenuItem {
    font-size: 14px;
    font-weight: 300;
    color: #252525;
    padding-right: 30px;
}

.mainMenu--top .ddSecondLevel {
    display: none;
}

    .mainMenu--top .ddSecondLevel ul {
        display: flex;
        flex-wrap: wrap;
    }

    .mainMenu--top .ddSecondLevel li {
        flex: 25%;
        max-width: 25%;
    }

.menuLink {
    font-size: 25px;
    color: #0452a2;
    padding: 0 0 30px;
    display: block;
}

    .menuLink.close {
        color: #d9d9d9;
    }


.sectionSearch {
    visibility: hidden;
    opacity: 0;
    transition: opacity 400ms ease;
    width: calc(100% - 190px);
    min-height: 100vh;
    height: 100%;
    background: #003067;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 555;

    /*display: flex;
	align-items: center;
	justify-content: center;*/
}
.sectionSearch .floatRight {
    float:none;
}

.sectionSearch.show {
    visibility: visible;
    opacity: 1;
}

    .sectionSearch:after {
        opacity: 1;
    }

.searchHolder {
    position: absolute;
    top: 100px;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

    .searchHolder input {
        border: none;
        border-bottom: 1px solid #fff;
        padding: 5px 0;
        background: transparent;
        width: 720px;
        font-size: 22px;
        color: #fff;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
        appearance: none !important;
    }


        .searchHolder input::placeholder {
            color: #fff;
            opacity: 0.5;
        }

    .searchHolder .inputParent {
        position: relative;
        margin: 0 0 25px;
    }

        .searchHolder .inputParent:after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate(0, -50%);
            background: url('../img/icon-search-white.svg');
            background-size: cover;
            background-repeat: no-repeat;
            width: 21px;
            height: 21px;
        }

.suggestionList li {
    font-size: 18px;
    color: #fff;
    padding: 0 0 30px;
}


/*SUBPAGES*/

.sectionBanner--simple {
    height: 490px;
    position: relative;
}

    .sectionBanner--simple + div {
        margin-top: 70px;
    }

    .sectionBanner--simple .wrapper {
        z-index:2;
        position: relative
    }

.breadCrumbItem {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    padding: 0 8px;
    position: relative;
}

    .breadCrumbItem:after {
        content: '/';
        position: absolute;
        right: -5px;
        top: 50%;
        transform: translate(0, -50%);
        font-size: 16px;
        color: #fff;
    }

    .breadCrumbItem.last {
        font-weight: 600;
    }

        .breadCrumbItem.last:after {
            display: none;
        }

.breadCrumbInsideCont ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pageTitle {
    font-size: 62px;
    font-weight: 500;
    color: #fff;
    padding: 40px 0;
}

.subpageList {
    display: block;
    text-align: center;
}

/*.subpageList li {
        float: left;
    }

        .subpageList li a {
            display: block;
            float: left;
        }
    */

.subpageItem {
    font-size: 15px;
    font-weight: 300;
    color: #003067;
    background-color:white;
    padding: 10px;
    border: 2px solid #fff;
    margin: 0 7px;
    position: relative;
    display: block;
    transition:none;
}

.subpageItem.active, .subpageItem:hover {
    background: #003067;
    color: #fff;
    border-color: #003067;
    transition:none;
}


.sectionMater .row {
    display: flex;
    margin: 0;
}

.sectionMater .col-xs-12 {
    padding: 0;
}

.sectionMater img {
    width: 100%;
    height: auto;
}

.sectionMater .textBlock {
    height: 100%;
    background: #003067;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
}

.bigText {
    font-size: 30px;
    line-height: 42px;
    color: #fff;
}

.bigText--blue {
    color: #003067;
}

.sectionRedLine {
    padding: 60px 0;
}

    .sectionRedLine .textBlock {
        border-left: 3px solid #e60000;
        padding-left: 30px;
    }

.blueBg {
    background: #003067;
}

section sectionTables .sectionBlue {
    padding: 60px 0;
}

.sectionText {
    padding: 40px 0;
}

/*.sectionTables {
    padding: 20px 0 30px;
}*/

.simpleTable {
    width: 100%;
    margin: 0 0 30px;
}

    .simpleTable th {
        background: #002d61;
        color: #fff;
        padding: 15px;
        text-align: left;
        font-size: 22px;
        font-weight: 500;
    }

    .simpleTable td {
        font-size: 18px;
        line-height: 30px;
        color: #626262;
        font-weight: 300;
        padding: 15px 0;
        width: 25%;
    }

        .simpleTable td:first-child {
            font-weight: 500;
            padding-left: 15px;
            vertical-align: top;
        }

    .simpleTable tr:nth-child(2n) td {
        background: #f6f6f6;
    }

.inverseTable {
    width: 100%;
    /*margin: 25px 0 50px*/
    ;
}

    .inverseTable th {
        background: #002d61;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        padding: 15px;
        width: 20%;
        text-align: left;
    }

    .inverseTable td {
        font-size: 18px;
        font-weight: 300;
        color: #626262;
        padding: 15px;
    }

    .inverseTable tr:nth-child(2n + 1) td {
        background: #f6f6f6;
    }

/*.parListing {
	padding: 0 0 35px;
}*/
/*
.parListing .par {
    line-height: 38px;
    padding-left: 15px;
    position: relative;
}

.parListing .par:before {
    content: '';
    position: absolute;
    left: 0;
    top: 17px;
    width: 5px;
    height: 2px;
    background: #db2128;
}
*/
.simpleTable tr.total td {
    background: #8b8b8b;
    color: #fff;
}

.sectionTables .par--big {
    padding: 0 0 20px;
}

.sectionBanner--hist {
    background: url('../img/bg-banner-hist.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.timeline {
    width: 100%;
    overflow: auto;
    display: flex;
    position: relative;
    padding-right: 30px;
}

    .timeline:after {
        /*content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0, -50%) rotate(45deg);
	width: 10px;
	height: 10px;
	border-top: 2px solid #003067;
	border-right: 2px solid #003067;*/
    }

.timelineItem {
    width: 80px;
    text-align: center;
    font-size: 20px;
    padding: 15px 5px;
    display: block;
}

.historyListing .itemHolder {
    margin: 20px 0 20px 25px;
    position: relative;
    border: 1px solid #d8d8d8;
    display: flex;
}

.historyListing .textBlock {
    padding: 25px;
}

.historyListing .imageHolder {
    overflow: hidden;
    min-width: 350px;
}

.historyListing img {
    height: 100%;
    width: auto;
}

.historyListing .itemHolder:before {
    content: '';
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translate(0, -50%);
    width: 12px;
    height: 12px;
    background: #003067;
    border-radius: 50%;
}

.bigBlue {
    font-size: 36px;
    font-weight: 600;
}

.histTitle {
    font-size: 24px;
    font-weight: 500;
    color: #313131;
    padding: 5px 0 10px;
}

.textBeside {
    display: flex;
}

    .textBeside .bigText {
        flex: 37%;
    }

    .textBeside .par--small {
        flex: 63%;
        padding-right: 30px;
    }

/*.sectionSavoir {
    padding: 70px 0;
}*/

.blockItem .itemHolder {
    padding: 25px 120px 25px 30px;
    border: 1px solid #eaeaea;
    display: block;
}

.par--big.redUnder {
    position: relative;
    margin-bottom: 15px;
}

    .par--big.redUnder:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -3px;
        width: 40px;
        height: 3px;
        background: #e60000;
    }

.arrowHolder--black {
    border: 2px solid #000;
}

    .arrowHolder--black:after {
        border-color: #000;
    }

.blockItem .arrowHolder {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translate(0, -50%);
}

.blockItem:hover .arrowHolder {
    transform: translate(10px, -50%);
}

/*.sectionMission .blockBody {
	margin-left: -100px;
}*/

/*.sectionMission .leftBlock {
	padding-left: 30px;
}*/

.sectionMission .leftBlock img {
    width: 100%;
}

.sectionMission .imageHolder {
    margin-bottom: 50px;
}

.sectionObj {
    position: relative;
    background: #003067;
    padding: 40px 0 50px;
}

.objListing .iconHolder {
    padding: 30px 0 15px;
}

.sectionOrgani .simpleTable {
    margin: 0 0 50px;
}

.sectionTestim {
    margin-bottom: 40px;
}

.testimListing .par--big .left {
    padding-right: 5px;
}

.sectionTestim .listingHolder li {
  margin-bottom: 30px;
}


ul.listingHolder.row.clearListing.testimListing li:last-child .par--big.redUnder {
    margin-top: 50px;
}

.testimListing .par--big .right {
    padding-left: 7px;
}

.testimBy {
    font-size: 14px;
    color: #5e5e5e;
}

/*.testimListing {
    display: flex;
    flex-wrap: wrap;
}

 .testimListing .itemHolder {
        margin-bottom: 25px;
    } */


    .testimListing  .itemHolder {
        padding: 30px 15px;
        margin: 0;
    }

    .testimListing .grayBlock .itemHolder {
        background: #f6f6f6;
    }

.sectionBanner--admin {
    background: url('../img/bg-banner-admin.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.sectionAdmin .imageHolder {
    margin-left: -100px;
    padding: 0 0 35px;
}

.toggleContent {
    display: none;
    background: url('../img/bg-pattern.jpg');
    background-repeat: repeat;
    padding: 0 70px 25px 25px;
}

.toggleTitle {
    font-size: 24px;
    padding: 25px;
    position: relative;
}
.toggleTitle:hover{
  cursor: pointer;
}
    .toggleTitle.active {
        background: url('../img/bg-pattern.jpg');
        background-repeat: repeat;
    }

    .toggleTitle:after {
        content: '';
        position: absolute;
        right: 25px;
        top: 50%;
        width: 10px;
        height: 10px;
        transform: translate(0, -50%) rotate(45deg);
        border-right: 2px solid #003067;
        border-bottom: 2px solid #003067;
        transition: transform 300ms ease;
    }

    .toggleTitle.active:after {
        transform: translate(0, -50%) rotate(-135deg);
    }

.toggleItem {
    border-bottom: 1px solid #eeeeee;
}

.toggleContent .parListing {
    padding: 0;
}

.expandCollapse {
    padding: 40px 0;
}

.sectionBanner--spirit {
    background: url('../img/bg-banner-spirit.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.sectionSpirit .expandCollapse {
    padding-top: 0;
}

.toggleContent .toggleTitle {
    padding: 0 0 25px;
}

    .toggleContent .toggleTitle:after {
        display: none;
    }

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

.toggleContent .imageHolder {
    padding: 0 0 25px;
}

.toggleContent .sectionRedLine {
    padding: 0;
}

.sectionSpirit .toggleContent .par--gray {
    padding: 0 0 20px;
}

.sectionBanner--evenem {
    background: url('../img/bg-banner-evenem.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.calendListing--evenem .itemHolder {
    margin-bottom: 65px;
    display: flex;
    align-items: center;
}

.calendListing--evenem .days {
    white-space: nowrap;
}

.calendListing--evenem .subtitle {
    font-size: 24px;
    line-height: 34px;
}

/*.calendListing {
    display: flex;
    flex-wrap: wrap;
}
    */
.calendListing--evenem .calendItem {
    width: 100px;
}

.calendListing .itemHolder {
    transition: all 300ms ease;
}

    .calendListing .itemHolder:hover {
        background: #003067;
    }



        .calendListing .itemHolder:hover .par,
        .calendListing .itemHolder:hover .days,
        .calendListing .itemHolder:hover .subtitle {
            color: #fff;
        }

        .calendListing .itemHolder:hover .calendItem {
            border-color: #fff;
        }

.sectionEvenem .blockHead {
    display: flex;
    justify-content: space-between;
    padding: 0 0 40px;
}

.button--calend {
    padding: 15px 15px 15px 15px;
    background: #003067;
    color: #fff;
    position: relative;
    border: none;
}

    .button--calend:hover {
        background: #003067;
    }

    .button--calend img {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translate(0, -50%);
    }

.calendar {
    position: relative;
}

.calendarHolder {
    position: absolute;
    top: 40px;
    right: 0;
    background: #003067;
    height: 0;
    overflow: hidden;
    transition: height 500ms ease;
    z-index: 3;
}

    .calendarHolder.show {
        height: 400px;
    }

.button--back {
    display: block;
    font-size: 14px;
    color: #868686;
    text-decoration: underline;
    margin: 0 0 10px;
}

.evenDetails {
    display: flex;
    align-items: flex-start;
    padding: 30px 0;
}

.evenItem {
    display: flex;
    align-items: flex-start;
}

    .evenItem .text {
        padding: 0 45px 0 15px;
    }

.sectionEvenDet .sectionRedLine {
    padding: 0 0 30px;
}

.sectionEvenDet .par--big {
    font-size: 24px;
    line-height: 36px;
}

.sectionEvenDet .par--gray {
    padding: 0 0 30px;
}

.sectionEvenDet .evenementListing .itemHolder {
    background: url('../img/bg-pattern.jpg');
    background-repeat: repeat;
}

.sectionEvenDet .dateItem {
    background: transparent;
}

.evenementListing .par--big {
    padding: 25px 25px 0;
}

.calendListing--pad .itemHolder {
    padding-right: 70px;
}

.calendListing--pad .par--big {
    padding: 0 0 15px;
}

.sectionArticles {
    padding: 0 0 80px;
}

.sectionArticleSlider {
    padding: 80px 0 45px;
}

.sectionBanner--no-margin-bot {
    margin-bottom: 0;
}

.articleSlider .sectionTitle--small {
    font-size: 32px;
    padding: 15px 0 20px;
}

.articleSlider .owl-nav {
    top: 0;
    right: 0;
    left: auto;
}

.articleSlider .imageHolder {
    overflow: hidden;
}

.sectionComment--contact {
    padding: 60px 0;
}

.sectionMap {
    padding: 60px 0;
}

.sectionMessage {
    background: #003067;
    position: relative;
    padding: 55px 0 70px;
}

    .sectionMessage input,
    .sectionMessage textarea,
    .sectionMessage select {
        font-family: 'Poppins';
        font-weight: 300;
        font-size: 16px;
        color: #fff;
        padding: 5px 0;
        border: none;
        border-bottom: 1px solid #8fa2b8;
        width: 100%;
        background: transparent;
        border-radius: 0;
        -webkit-appearance: none;
        margin: 0 0 30px;
    }

        .sectionMessage input::placeholder,
        .sectionMessage textarea::placeholder,
        .sectionMessage select .hidden-option,
        .sectionMessage select {
            color: #8fa2b8;
        }

    .sectionMessage textarea {
        height: 195px;
        resize: none;
    }

    .sectionMessage .customSelect {
        position: relative;
    }

        .sectionMessage .customSelect:after {
            content: '';
            position: absolute;
            top: 5px;
            right: 3px;
            width: 10px;
            height: 10px;
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            transform: rotate(45deg);
        }

    .sectionMessage .sectionTitle {
        padding: 0 0 35px;
    }

    .sectionMessage .imageHolder--castle img {
        width: 150px;
    }

input:-ms-input-placeholder {
    color: #8fa2b8;
}

input::-ms-input-placeholder {
    color: #8fa2b8;
}

.sectionBanner--contact {
    background: url('../img/bg-banner-contact.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.sectionBanner--search {
    background: url('../img/bg-banner-search.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.resultListing{
    margin-bottom:80px;
}

.resultListing .itemHolder {
    border-bottom: 1px solid #dddddd;
    padding: 15px 0;
}

.resultListing .listingItemLI:last-child .itemHolder {
    border-bottom: 0;
}

.resultListing .itemTitle {
    font-size: 24px;
    padding: 0 0 5px;
    line-height: 30px;
}

.link--simple {
    font-size: 16px;
    color: #868686;
    padding: 0;
    display: block;
    text-decoration: underline;
    word-break:break-all;
}

.loadMoreBtn {
 text-align:center;
}

.loadMoreBtn a {
    font-size: 14px;
    background: #003067;
    display: inline-block;
    padding: 10px 15px;
    min-width: 100px;
    text-align: center;
    font-weight: 500;
    border: 2px solid #003067;
    transition: background 300ms ease;
    color: white;
    height: 40px;
    vertical-align: bottom;
    margin-top:20px;
}
.sectionMater .imageHolder {
    background: #f6f6f6;
}
.requiredStar {
    color: white;
    font-size: 11px;
    padding-bottom: 10px;
}
/*.resultListing {
	padding: 0 0 90px;
}*/
/*FOOTER*/
.footer {
    padding: 50px 0 20px;
}

.footerHolder {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.rightContent,
.leftContent {
    display: flex;
    align-items: center;
}

    .leftContent .inputEntity {
        padding: 0 5px 0 45px;
    }

.facebook {
    padding-left: 30px;
    padding-right: 15px;
}

.youtube {
    padding: 0px 10px;
}

.instagram {
    padding: 0px 10px;
}

.LinkedIn{
  padding-left: 10px;
}
    .facebook:hover img, .youtube:hover img, .instagram:hover img, .LinkedIn:hover img {
        opacity:0.7;
    }

input {
    font-family: 'Poppins';
    border: 1px solid #dadada;
    padding: 7px 15px;
    font-size: 18px;
    font-weight: 500;
    color: #003067;
    background: transparent;
    width: 270px;
    border-radius: 0;
    box-shadow: none;
}

.footerMenu {
    padding: 50px 0 70px;
    display: inline-block;
}

.subMenuItem {
    font-size: 14px;
    color: #838383;
    font-weight: 300;
    padding-left: 8px;
    position: relative;
}

    .subMenuItem:before {
        content: '';
        position: absolute;
        top: 8px;
        left: 0;
        width: 4px;
        height: 4px;
        background: #838383;
        border-radius: 50%;
    }

.smallGray {
    font-size: 12px;
    color: #838383;
}

.footerMenu .subtitle {
    padding: 0 0 10px;
    display: block;
}

.ddSecondLevel {
    padding: 0 0 25px;
}

.menu-row {
    display: flex;
    flex-wrap: wrap;
}

.copyrightHolder {
    display: flex;
    justify-content: space-between;
}
 .copyrightHolder a:hover{
     text-decoration:underline;
   }
    /*FADE IN*/
    .animate {
        transform: translateY(20px) scale(0.95);
        opacity: 0;
        transition: transform 1050ms cubic-bezier(.14, .82, 0, 1.01), opacity 700ms ease;
        will-change: transform, opacity;
    }

    .animate.in-view {
        visibility: visible;
        -webkit-transform: translateY(0) scale(1);
        opacity: 1;
    }

.slideIn {
    transform: translate(0, 100px);
    transition: transform 600ms ease, opacity 600ms ease;
    opacity: 0;
    will-change: transform, opacity;
}

    .slideIn.in-view {
        transform: translate(0, 0);
        opacity: 1;
    }

ul.nav.inlineMiddle.smallTop.inlinedList {
    display: flex;
    padding: 0 0 50px;
}

    ul.nav.inlineMiddle.smallTop.inlinedList li {
        font-size: 14px;
        list-style: none;
        font-weight: 300;
        color: #252525;
        padding-right: 30px;
    }

.mainMenu ul li a {
    font-size: 25px;
    color: #0452a2;
    padding: 0 0 30px;
    display: inline-block;
}

    .mainMenu ul li a:hover {
        color: #db2128;
    }

.mainMenu .ddSecondLevel ul li {
    width: 32%;
    display: inline-block;
}

    .mainMenu .ddSecondLevel ul li a {
        color: #626262;
        font-size: 18px;
        font-weight: 300;
        margin-bottom: 10px;
        padding-bottom: 0;
        line-height: 28px;
        display: inline-block;
        border-bottom: 2px solid rgba(255, 203, 10, 0);
    }

        .mainMenu .ddSecondLevel ul li a:hover {
            border-bottom: 2px solid rgba(255, 203, 10, 1);
            transition: 0.3s;
        }

.ddSecondLevel {
    display: none;
}

li.close a {
    color: #d9d9d9 !important;
}

.ddSecondLevel ul li.close a {
    color: #626262 !important;
}

.menusMain.footerMenu ul li a {
    font-size: 14px;
    color: #838383;
    font-weight: 300;
    padding-left: 0px;
    position: relative;
    padding-bottom: 0;
    display: list-item;
}

.footerMenu ul.simpleList {
    padding: 0;
    list-style: disc;
}

    .footerMenu ul.simpleList li {
        list-style: none;
        position: relative;
        padding-left: 10px;
        line-height: 25px;
    }

        .footerMenu ul.simpleList li:after {
            content: '';
            position: absolute;
            top: 10px;
            left: 0;
            width: 4px;
            height: 4px;
            background: #838383;
            border-radius: 50%;
        }

.footerMenu h5.simpleListTitle {
    font-size: 18px;
    line-height: 20px;
    color: #003067;
    padding: 0 0 10px;
    font-weight: 500;
}

    .footerMenu h5.simpleListTitle a {
        color: #003067;
    }


.footerHolder h5.simpleListTitle {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
}

.newsletterContainer {
    display: inline-block;
}

    .newsletterContainer a {
        font-size: 16px;
        background: #003067;
        display: inline-block;
        padding: 10px 15px;
        min-width: 180px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 500;
        border: 2px solid #003067;
        transition: background 300ms ease;
        color: white;
        height: 43px;
        vertical-align: bottom;
    }

        .newsletterContainer a:hover {
            border: 2px solid #003067;
            background: transparent;
            color: #003067;
        }

.footerHolder h5.simpleListTitle {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    display: inline-block;
    width: 20%;
    vertical-align: bottom;
    margin-right: 45px;
}

.menusMain.footerMenu .simpleList {
    padding: 0 0 25px;
    margin-bottom: 0px;
}

.headerSearch .ui-autocomplete-input {
    position: relative;
    margin-bottom: 10px;
}

.ui-helper-hidden-accessible {
    display: none;
    font-size: 18px;
    color: #fff;
}

.headerSearch .floatRight {
    position: relative;
}

    .headerSearch .floatRight:before {
        content: '';
        position: absolute;
        right: 0;
        top: 10px;
        background: url(../img/icon-search-white.svg);
        background-size: cover;
        background-repeat: no-repeat;
        width: 21px;
        height: 21px;
    }

/*.section.sectionSearch.show .wrapper
{
    position:relative;
}
.section.sectionSearch.show .wrapper:after {
    content: '';
    position: absolute;
    right: calc(50% - 276px);
    top: 50%;
    transform: translate(0, -50%);
    background: url(../img/icon-search-white.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
}*/
/*.validatorHolder {
    padding-top: 10px;
}*/
.errorRecord {
    color: white;
    font-size: 15px;
}

.footerMenu .col-md-3, .footerMenu .col-md-6{
    padding-left: 0px;
}

.ddSecondLevel ul li.close {
    color: #626262;
}

.sectionCalend ul li h3.subtitle {
    margin: 10px;
}

.col-md-6.col-sm-6.col-xs-12.spaceTop {
    margin-top: 70px;
}

.sectionObj .par--big {
    width: 50%;
}

a.closeSection {
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 100;
}

.sectionMenu.show {
    position: fixed;
}

.sectionSearch.show {
    position: fixed;
}

.enseignants tr td,
.enseignants tr th {
    line-height: 26px;
}

.footerHolder .errorMessage {
    color: #db2128;
    color: #db2128;
    position: absolute;
    left: calc(20% + 50px);
    top: -17px;
}

.newsletterSubscribe {
    position: relative;
}

.footer .simpleList li a:hover {
    color: #db2128;
}

.breadCrumbInsideCont {
    color: white;
}

    .breadCrumbInsideCont ul li a {
        position: relative;
        padding-right: 10px;
        font-weight: 200;
        padding-left: 5px;
    }

        .breadCrumbInsideCont ul li a:before {
            content: '/';
            position: absolute;
            right: 0;
        }


    .breadCrumbInsideCont ul li:last-child a:before {
        display: none;
    }


    .breadCrumbInsideCont ul li:last-child a {
        font-weight: 500;
    }

.section.sectionBlue.blueBg .parListing.clearListing .par {
    line-height: 29px;
}

.section.sectionBlue.blueBg .parListing.clearListing li {
    margin-bottom: 20px;
}

.activeRed {
    color: #db2128 !important;
}

.searchHolder .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    display: block !important;
    top: 10px !important;
}


    .searchHolder .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li a {
        color: #fff;
        font-size: 18px;
        position: relative;
    }

    .searchHolder .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:last-child {
        border-bottom: unset !important;
    }

        .searchHolder .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:last-child a {
            position: relative;
        }

            .searchHolder .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:last-child a:before {
                content: '';
                position: absolute;
                right: -20px;
                top: 15px;
                width: 10px;
                height: 10px;
                border-top: 2px solid #fff;
                border-right: 2px solid #fff;
                transform: rotate(45deg) translate(-50%, -50%);
            }

/*.searchHolder .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li:last-child a:hover:before {
            border-top: 2px solid #ffcb0a !important;
            border-right: 2px solid #ffcb0a;
            transition: color 350ms ease-in-out;
        }*/

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-menu-item.ui-search-hover a:before {
    border-top: 2px solid #ffcb0a !important;
    border-right: 2px solid #ffcb0a !important;
    transition: all 350ms ease-in-out;
}

.searchHolder .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all li {
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(255, 255, 255, 0.3);
    margin-bottom: 10px;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all .ui-menu-item.ui-search-hover a {
    color: #ffcb0a !important;
}

.enseignantTable tr td:nth-child(2n+1) {
    font-weight: 500;
}

.evenementListing .listingItemLI a:hover .subtitle {
    color: #db2128;
    transition: all 350ms ease-in-out;
}

.newsletterContainer .mandatory.email {
    height: 43px;
}

.historyListing .itemHolder:after {
    content: '';
    display: block;
    height: calc(100% + 44px);
    width: 1px;
    background: #d8d8d8;
    position: absolute;
    left: -20px;
    z-index: -1;
}

.historyListing .listingItemLI:last-child .itemHolder:after {
    content: '';
    display: block;
    height: calc(100%);
    width: 1px;
    background: #d8d8d8;
    position: absolute;
    left: -20px;
    z-index: -1;
}


.timeline.clearListing.patternBg.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-nav {
    display: inline-block !important;
    position: absolute !important;
    right: 0 !important;
    left: unset !important;
    margin-top: 0px !important;
    top: 15px;
}

    .timeline.clearListing.patternBg.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-nav .owl-prev {
        font-size: 0px;
    }

    .timeline.clearListing.patternBg.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-nav .owl-next {
        font-size: 0px;
        position: relative;
    }

        .timeline.clearListing.patternBg.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-nav .owl-next:before {
            content: '';
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translate(0, -50%) rotate(45deg);
            width: 10px;
            height: 10px;
            border-top: 2px solid #003067;
            border-right: 2px solid #003067;
        }

        .timeline.clearListing.patternBg.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-nav .owl-next.disabled {
            opacity: unset !important;
        }


.section.sectionText .sectionTitle--small {
    margin-left: 15px;
}


.parListing.clearListing.paddingListing .par:before {
    left: 15px;
    top: 14px;
}

.parListing.clearListing.paddingListing .par {
    padding-left: 30px;
}

.section.sectionTables {
    padding: 50px 0px;
}

.section.sectionBlue.patternBg {
    padding: 50px 0px;
}

.section.sectionBlue.blueBg {
    padding: 50px 0px;
}

.sectionTemo {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


.orangeDescription {
    color: #feb707;
    font-style: italic;
    font-size: 17px;
    margin-bottom: 20px;
}

.section.sectionSavoir {
    margin-top: 60px;
}

    .section.sectionSavoir .listingItemLI a:hover .subtitle {
        color: #db2128;
        transition: all 350ms ease-in-out;
    }

    .section.sectionSavoir .listingItemLI .textBlock {
        padding-top: 20px;
    }

.articlesListing .section.sectionSavoir .listingItemLI a:hover .subtitle {
    color: white;
}

.section.sectionBanner--simple.sectionBanner--hist .wrapper {
    display: table;
    height: 100%;
}

    .section.sectionBanner--simple.sectionBanner--hist .wrapper .headerBannerBlock {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
    }


.section.sectionCalend.patternBg .calendListing {
    margin-bottom: 30px;
}


.visitListing li {
    position: relative;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 300;
    color: #868686;
    display: block;
    margin-bottom: 10px;
}

   

.viewMap {
    color: #868686;
}

    .viewMap:hover {
        color: #0452a2;
    }

.section.sectionSavoir .sectionTitle {
    font-size: 36px;
}

.section.sectionAdmin .toggleItem:hover {
    cursor: pointer;
}

.section.sectionBlue.blueBg .paddingListing li .par:before {
    background: white !important;
}

.parListing.clearListing li p a:hover {
    color: #0452a2;
}

.section.sectionComment {
    background: url(../img/bg-pattern.jpg);
    background-repeat: repeat;
}
.sectionComment .listingHolder.row{
  margin: 0;
}
.sectionComment .listingHolder li.listingItemLI{
  width: auto;
  max-width: 270px;
  float:left;
  margin-right: 60px;
}
.section.sectionSavoir .wrapper {
    position: relative;
    padding: 60px 0px;
}

    .section.sectionSavoir .wrapper:before {
        position: absolute;
        content: '';
        top: 0px;
        width: 100%;
        height: 2px;
        background: #e8e8e8;
    }

.section.sectionComment {
    background: #e5e5e5;
}
.section.sectionComment.sectionComment--contact{
  background-color: #ffffff;
}
.contactForm {
    position:relative;
}
    .contactForm .col-md-6{
        clear:both;
    }

    .contactForm .col-md-6:nth-child(n+4) {
        position: absolute;
        right: 0;
        top: 0;
    }

.formActions .resetHolder{
    display:none;
}
.formActions .submitHolder {
    display: inline-block;
    float:right;
}

    .formActions .resetHolder input,
    .formActions .submitHolder input {
        width: auto;
        margin-right: 20px;
        font-size: 16px;
        background: #fff;
        display: inline-block;
        padding: 10px 15px;
        min-width: 145px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 500;
        border: 2px solid #fff;
        transition: background 300ms ease;
        color: #337ab7;
    }

    .formActions .resetHolder input {
        background: #003067;
        border: 2px solid #fff;
        transition: background 300ms ease;
        color: #fff;
    }

.contactForm .formActions input:hover {
    color: #fff;
    background: transparent;
}

.formActions .resetHolder input:hover {
    background: #fff;
    border: 2px solid #003067;
    transition: background 300ms ease;
    color: #003067;
}

.formActions {
    position: relative;
}

    .formActions .requiredStar {
        display: block;
    }

.contactForm .inputEntity label {
    color: #FFF;
}

.contactForm .errorMessage {
    color: white;
    font-size: 11px;
    position: absolute;
    bottom: 37px;
    right: 15px;
}


.searchHolder input {
    padding: 0;
}

.headerSearch .ui-autocomplete-input {
    height: 44px;
    line-height: 22px;
}

#myVideo {
    overflow: hidden;
    width: 100%;
}

.sectionBanner {
    max-height: 800px;
    overflow: hidden;
}


.gridHolder {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 50% 50%;
    grid-template-rows: 50% 50%;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: 25% 25% 25% 25%;
}

.gridItem {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .gridItem img {
        width: 100%;
        height: auto;
    }

.gridItem-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
    -ms-grid-column: 1;
    grid-column: 1;
}

.gridItem-2 {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    grid-column: 2;
}

.gridItem-3 {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    grid-column: 3;
}

.gridItem-4 {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 4;
    grid-column: 4;
}

.gridItem-5 {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 2;
    grid-column: 2;
}

.gridItem-6 {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3 / 5;
}


.evenementListing .imageHolder {
    position: relative;
    margin: auto;
    overflow: hidden;
}

    .evenementListing .imageHolder:hover Img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }


    .evenementListing .imageHolder Img {
        max-width: 100%;
        transition: all 0.3s;
        display: block;
        width: 100%;
        height: auto;
        transform: scale(1);
    }


.section.sectionSavoir .listingItemLI:hover .itemHolder {
    background: #003067;
}

.section.sectionSavoir .listingItemLI:hover .redUnder {
    color: white;
    transition: all 0.3s;
}

.section.sectionSavoir .listingItemLI:hover .par--small {
    color: white;
    transition: all 0.3s;
}

.section.sectionSavoir .listingItemLI:hover .arrowHolder--black {
    border: 2px solid #fff;
    transition: all 0.3s;
}


.section.sectionSavoir .listingItemLI:hover .par--big.redUnder:after {
    background: #fff;
}

.hiddenAnchorsBlock {
    display: none;
    position: absolute;
    content: '';
    width: 200px;
}

.headerBannerBlock .subpageList li {
    float: none;
    display: inline-block;
    margin-top: 10px;
}

.menuToggle {
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    padding: 10px;
    border: 2px solid #fff;
    margin: 0 7px;
    position: relative;
    display: block;
}

.menuToggleParent .subpageItem {
    display: block;
    border: 0;
    font-weight: 600;
    color: #002f67;
    border-bottom: 1px solid #ccc;
}

    .menuToggleParent .subpageItem:hover {
        color: #db2128;
    }

.hiddenAnchorsBlock li {
    float: none !important;
}

.hiddenAnchorsBlock {
    display: none;
    position: absolute;
    content: '';
    width: 200px;
    right: 7px;
    background: white;
    top: 40px;
}

.menuToggleParent {
    position: relative
}

.hiddenAnchorsBlock li a:before {
    position: relative !important;
}

.contentText {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}

    .contentText strong {
        color: #002f67;
        font-weight: 600;
    }

    .contentText h3 {
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 20px;
        margin-top: 20px;
        line-height: 35px;
    }

    .contentText h4 {
        font-size: 24px;
        line-height: 25px;
        margin-bottom: 15px;
    }

    .contentText th {
        background: #002d61;
        color: #fff;
        padding: 15px;
        text-align: left;
        font-size: 22px;
        font-weight: 500;
    }

    .contentText td:first-child {
        font-weight: 500;
        padding-left: 15px;
        vertical-align: top;
    }

    .contentText td {
        font-size: 18px;
        line-height: 30px;
        color: #626262;
        font-weight: 300;
        padding: 15px 0;
        width: 25%;
    }

    .contentText tr:nth-child(2n) td {
        background: #f6f6f6;
    }

    .contentText table {
        margin: 0 0 50px;
        width:100%;
    }

    .contentText ul li {
        line-height: 26px;
        padding-left: 17px;
        position: relative;
        margin-bottom: 15px;
    }

        .contentText ul li:before {
            content: '';
            position: absolute;
            left: 7px;
            top: 12px;
            width: 5px;
            height: 3px;
            background: #002f67;
        }

.h3.sectionTitle--small:empty {
    display: none;
}

.blueBg.contentText ul li, .blueBg.contentText p {
    color: white;
}

    .blueBg.contentText ul li:before {
        background: white;
    }

.sectionComment--contact {
    margin-top: 0 !important
}

em {
    font-size: 15px;
    font-style: normal;
    padding-bottom: 0px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
}

.pdfHolder {
    padding: 25px 120px 25px 30px;
    border: 1px solid #eaeaea;
}
.pdfHolder:hover{
  background-color: #003067;
  color:white;
}
    .pdfHolder .pdfName {
        font-size: 18px;
        color: #003067;
        position: relative;
        font-weight: 500;
        margin-bottom: 50px;
        display: inline-block;
    }
.pdfHolder:hover .pdfName, .pdfHolder:hover .pdfDate, .pdfHolder:hover a{
  color:white;
}
    .pdfHolder .pdfDate {
        font-size: 13px;
        color: #878787;
        margin-bottom: 15px;
        line-height: 13px;
    }

    .pdfHolder a {
        font-size: 16px;
        color: #000000;
        font-weight: 500;
        position: relative;
        padding-left: 35px;
        transition: background 300ms ease;
        display: block;
    }

        .pdfHolder a:hover {
            color: #ffffff;
        }

        .pdfHolder a::before {
            content: '';
            position: absolute;
            background-image: url(../img/circulaire-download.png);
            left: 0;
            bottom: 0;
            width: 28px;
            height: 28px;
        }
        .pdfHolder:hover a::before, .pdfHolder:hover a:hover::before{
          background-image: url(../img/circulaire-download-white.png);

        }
    .pdfHolder .pdfName::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 40px;
        height: 3px;
        background: #e60000;
    }

    .pdfHolder a:hover::before {
        content: '';
        position: absolute;
        background-image: url(../img/circulaire-download.png);
        left: 0;
        bottom: 0;
        width: 28px;
        height: 28px;
        border-radius: 50%;
    }

.sectionOrgani .listingHolder li::before {
    position: relative;
}

.sectionOrgani .listingHolder li {
    display: block;
}

.pdfSize {
    font-size: 15px;
    margin-bottom: 25px;
    display: inline-block;
}


.sectionEvenDet .blockBody.contentText {
    margin-bottom: 50px;
}


.sectionEvenDet .calendListing.calendListing--pad {
    margin-bottom: 50px;
}

.sectionGrid .gridHolder a {
    position: relative;
}

    .sectionGrid .gridHolder a::after {
        content: '';
        position: absolute;
        width: 100%;
        background-image: url(../img/black-gradient.png);
        bottom: 0;
        left: 0;
        height: 150px;
    }
    .sectionGrid .gridHolder a:hover::after{
      opacity: 0;
    }
.collegeenchiffre .IconsBlock {
    text-align: center;
    float: left;
}

    .collegeenchiffre .IconsBlock .description .blueTitle {
        font-size: 50px;
        color: #003067;
        font-weight: 600;
        display: block;
        margin-bottom: 10px;
        line-height: 41px;
    }

    .collegeenchiffre .IconsBlock .text {
        font-size: 16px;
        color: #606060;
        font-weight: 400;
        margin-bottom: 10px;
        color: #000000;
    }

    .collegeenchiffre .IconsBlock .imgBlock {
        margin-bottom: 15px;
    }



.collegeenchiffre .iconsRow .IconsBlock {
    padding-left: 40px;
    padding-right: 40px;
}

.collegeenchiffre .iconsRow {
    margin-left: -40px;
    margin-right: -40px;
}

.shieldsBlock {
    padding-bottom: 162px;
    position: relative;
}

.redLineAfter {
    margin-top: 100px;
}

    .redLineAfter::after {
        content: '';
        position: absolute;
        left: 50%;
        top: -80px;
        height: 60px;
        width: 3px;
        background: #e60000;
    }

.shieldsBlock .shieldItem {
    position: relative;
    min-height: 150px;
    width: 100%;
    background-color: #003067;
    padding-top: 75px;
}

    .shieldsBlock .shieldItem::after {
        content: '';
        position: absolute;
        width: 100%;
        background-image: url(../img/shield-bottom.png);
        background-repeat: no-repeat;
        left: 0;
        top: 100%;
        height: 162px;
    }

    .shieldsBlock .shieldItem .shieldDescription {
        content: '';
        position: static;
        top: 50%;
        z-index: 1000;
        width: 100%;
    }

        .shieldsBlock .shieldItem .shieldDescription .yellowNumber {
            font-size: 50px;
            font-weight: 500;
            color: #ffcb0c;
            text-align: center;
            line-height: 1;
        }

        .shieldsBlock .shieldItem .shieldDescription .text {
            font-size: 16px;
            font-weight: 300;
            color: #fff;
            text-align: center;
            padding: 10px 18px;
            line-height: 20px;
        }

.presidentsBlock {
    background-color: #f3f3f3;
    padding: 60px;
    position: relative;
}

.divisionBlock .bigNumber {
    font-size: 70px;
    font-weight: bold;
    color: #003067;
    position: relative;
}

.divisionBlock .littleNumber {
    font-size: 37px;
    color: #b2b2b2;
    position: absolute;
    top: 46px;
    left: 50px;
}

.centerItem {
    max-width: 800px;
    margin: 0 auto;
}

.divisionText {
    color: black;
    line-height: 25px;
    font-size: 16px;
    padding-top: 10px;
    font-weight: 400;
}

.divisionBlock {
    float: left;
    margin-right: 15px;
    line-height: 1;
    height: 100%;
    position: relative;
}

.nameListing ul li .name {
    font-size: 24px;
    color: #003067;
    font-weight: 600;
}

.nameListing ul li .date {
    font-size: 24px;
    color: #8b8b8b;
}

.nameListing ul li {
    position: relative;
    padding-left: 40px;
}

    .nameListing ul li::before {
        content: '';
        position: absolute;
        width: 3px;
        left: 0;
        top: 4px;
        width: 27px;
        height: 19px;
        background: url(../img/right-yellow-arrow.png);
    }


.line1Logos .text .blueText {
    font-size: 50px;
    color: #003067;
    font-weight: 600;
    display: block;
    margin-top: 15px;
    line-height: 1;
}

.line1Logos .text .normalText {
    display: block;
    font-size: 16px;
    color: black;
    font-weight: 400;
    line-height: 20px;
}

.line1Logos .col-md-2 {
    text-align: center;
    float: none;
    display: inline-block;
    width: 16%;
}

.line1Logos {
    position: relative;
    text-align: center;
}

.scoutLiban .blueText {
    font-size: 24px;
    font-weight: 600;
    color: #003067;
    margin-top: 10px;
}

.testimonialsPopups {
    max-width: 500px;
}

.sectionBanner--simple:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    Background: linear-gradient(to bottom right,#002f679c,transparent);
    z-index: 0;
}

.sectionOrgani .blockBody
{
    margin-bottom:65px;
}
.sectionAdmin{
  margin-bottom: 40px;
}
.sectionAdmin a{
  font-weight: bold;
  text-decoration: underline;
}
.sectionObj .iconHolder img{
  width: 50px;
  height: auto;
}
.footerMenu .logos-wrapper {
    margin-right: 74px;
    float:right;
}

.logo-footer img {
    width: 80px;
    margin-right: 20px;
}

.sectionSpirit .FilterBox select {
    min-width: 240px;
    height: 35px;
    border-radius: 5%;
    margin-bottom: 20px;
    font-size: 16px;
}

@media (max-width: 1500px) {

    .sectionBlue {
        padding: 60px 20px;
    }

    .images .imageHolder:first-child {
        margin: unset;
    }

    .sectionCollege {
        padding: 50px 0px;
    }

    .sectionPorgrammes {
        padding: 60px 20px;
    }

    .sectionTemo {
        padding: 50px 80px;
    }

        .sectionTemo .par {
            font-size: 14px;
            line-height: 21px;
        }

    .wrapper {
        padding: 0px 20px;
    }

    .tabItem .textBlock {
        padding: 0px 0 0 22px;
    }

    .grayText {
        font-size: 13px;
    }

    .sectionMission .blockBody {
        margin-left: 0px;
    }

    .sectionMission .imageHolder.right img {
        max-width: 100%;
    }

    .sectionMission .imageHolder.left img {
        max-width: 100%;
    }

    .sectionMission .leftBlock {
        padding-left: 0px;
    }

    .sectionAdmin .imageHolder {
        margin-left: 0px;
    }

        .sectionAdmin .imageHolder img {
            max-width: 100%;
        }

    .articleSlider,
    .articleTitle {
        margin-left: 100px;
    }

   

    
}




@media (max-width: 1300px) {


    .shieldsBlock .shieldItem::after {
        background-size: cover;
        background-position: center;
    }

    .collegeenchiffre .IconsBlock .text {
        line-height: 20px;
        margin-bottom: 0px;
    }

    .collegeenchiffre .IconsBlock .description .blueTitle {
        font-size: 34px;
        line-height: 35px;
    }

    .collegeenchiffre .iconsRow .IconsBlock {
        width: 25%;
        margin-top: 30px;
    }

    .section.sectionProgrammes.patternBg .number {
        font-size: 50px;
    }


    .smallBlockListing.clearListing.row .itemTitle {
        font-size: 23px;
    }


    .section.sectionCalend.patternBg .calendItem {
        margin-right: 9px;
    }

    .sectionCalend ul li h3.subtitle {
        margin: 0px;
    }

    .sectionCalend ul li h3.subtitle {
        font-size: 15px;
    }

    .sectionTables {
        padding: 25px 0 14px;
    }

    .section.sectionText .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .sectionSpirit .toggleContent .par {
        font-size: 17px;
    }

    /*.section.sectionMater .wrapper {
		padding: 0px;
	}*/

    .section.sectionMater .textBlock .bigText {
        font-size: 25px;
        line-height: 30px;
    }

    /*.section.sectionMater .sectionTitle {
		padding-left: 30px;
	}*/

    .gridItem .title {
        font-size: 26px;
    }

    .tabMenu {
        padding: 0 60px;
    }

    .images {
        flex: 50%;
        max-width: 50%;
    }

        .images .imageHolder {
            overflow: hidden;
        }

    .gridHolder {
        display: block;
    }
    .gridItem {
        display: block;
        width: 50%;
        padding-bottom: 47%;
        float: left;
        grid-row: auto !important;
        grid-column: auto !important;
    }

        .gridItem img {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            -moz-transform: translateX(-50px) translateY(-50px);
            -webkit-transform: translateX(-50px) translateY(-50px);
            -o-transform: translateX(-50px) translateY(-50px);
            -ms-transform: translateX(-50px) translateY(-50px);
            transform: translateX(-50%) translateY(-50%);
            width: auto;
            height: auto
        }
}

@media (max-width: 1200px) {

    .smallBlockListing .textBlock {
        padding: 15px;
    }

    .smallBlockListing .imageHolder img {
        max-width: 220px;
    }

    .smallBlockListing.clearListing.row .itemTitle {
        font-size: 22px;
        line-height: 25px;
        padding: 0 0 15px;
    }

    .par--big {
        font-size: 22px;
        line-height: 32px;
    }

    .gridItem .title {
        font-size: 23px;
    }

    .tabMenu {
        padding: 0 20px;
    }

    .tabTitle {
        font-size: 18px;
    }

    .dateItem,
    .evenementListing .textBlock {
        padding: 15px;
    }

    .evenementListing .textBlock {
        margin: -20px 20px 0;
    }

    .calendItem {
        padding: 10px;
    }

    .sectionTitle {
        font-size: 40px;
        padding-bottom: 25px;
    }

    .temoSlider .textBlock {
        padding: 15px;
    }

    .temoSlider {
        padding: 20px 0 0;
    }

    .footerHolder {
        flex-direction: column;
    }

        .footerHolder .leftContent {
            padding-bottom: 20px;
        }

    .copyrightHolder {
        flex-direction: column;
    }

    .smallGray {
        padding-bottom: 10px;
    }

    .footerMenu {
        padding: 40px 0 20px;
    }

    .section.sectionSavoir .wrapper {
        padding: 30px 20px;
    }

    .blockItem .itemHolder {
        padding: 25px 80px 25px 30px;
    }

    .sectionSavoir {
        overflow: hidden;
    }

    .subtitle--small {
        line-height: 18px;
    }

    .sectionMater .textBlock {
        padding: 20px 40px;
    }

    .section.sectionMater .textBlock .bigText {
        font-size: 22px;
        line-height: 26px;
    }

    .sectionOrgani img {
        max-width: 100%;
    }

    .articleSlider,
    .articleTitle {
        margin-left: 190px;
    }

        .articleSlider .sectionTitle--small {
            font-size: 22px;
            line-height: 28px;
            padding: 5px 0 10px;
        }

    .calendListing--evenem .subtitle {
        font-size: 20px;
        line-height: 26px;
    }

    .calendListing--evenem .itemHolder {
        margin-bottom: 40px;
    }

    .sectionSavoir .imageHolder img {
        max-width: 100%;
        width: 100%;
    }

    .sectionEvenem + .sectionSavoir .itemHolder {
        display: block;
        margin-bottom: 30px;
    }

    .sectionEvenDet .imageHolder img {
        max-width: 100%;
        width: 100%;
    }

    .sectionEvenDet .par--big {
        font-size: 22px;
        line-height: 32px;
    }

    .breadCrumbInsideCont ul {
        flex-wrap: wrap;
    }
}

@media (max-width: 992px) {

    .numberListing {
        flex-wrap: wrap;
        padding: 30px 0;
    }

        .numberListing .itemHolder {
            margin: 0 20px 20px;
        }

    .par--big {
        font-size: 20px;
        line-height: 30px;
    }

    .sectionCollege .par {
        padding-right: 10px;
    }

    .gridHolder {
        grid-template-rows: 33.33% 33.33% 33.33%;
        grid-template-columns: 50% 50%;
    }

    .gridItem-1 {
        grid-row: 1;
        grid-column: 1;
    }

    .gridItem-2 {
        grid-row: 1;
        grid-column: 2;
    }

    .gridItem-3 {
        grid-row: 2;
        grid-column: 1;
    }

    .gridItem-4 {
        grid-row: 2;
        grid-column: 2;
    }

    .gridItem-5 {
        grid-row: 3;
        grid-column: 1;
    }

    .gridItem-6 {
        grid-row: 3;
        grid-column: 2;
    }

    .tabItem {
        flex-direction: column;
        padding-top: 30px;
    }

    .images {
        flex: 100%;
        max-width: 100%;
    }

    .tabItem .textBlock {
        padding: 20px 0 0 0;
    }

    .evenementListing .listingItemLI {
        margin-bottom: 20px;
    }

    .itemHolder--no-img {
        margin-top: 0;
        height: auto;
    }


    .sectionTemo {
        padding: 40px;
    }

    .temoSlider .owl-prev {
        left: -45px;
    }

    .temoSlider .owl-next {
        right: -45px;
    }

    .temoSlider .listingItemLI:nth-child(2n + 1) .itemHolder {
        margin: 0;
    }

    .sectionComment {
        padding: 30px 0;
    }

    .footerHolder h5.simpleListTitle {
        width: 100%;
        padding-bottom: 15px;
    }

    .menusMain.footerMenu .simpleList {
        padding: 0 0 10px;
    }

    .sectionMenu {
        padding: 50px;
    }

    .searchHolder input {
        width: 450px;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
        appearance: none !important;
    }

    .subpageCont {
        width: 100%;
        height: 35px;
        background: #fff;
        position: relative;
    }

        .subpageCont:after {
            content: '';
            position: absolute;
            right: 10px;
            top: 9px;
            width: 10px;
            height: 10px;
            border-right: 2px solid #003067;
            border-bottom: 2px solid #003067;
            transform: rotate(45deg);
            transition: transform 300ms ease;
        }

        .subpageCont.open:after {
            transform: rotate(225deg);
            top:16px;
        }

        .subpageCont:before {
            content: attr(data-active);
            position: absolute;
            top: 11px;
            left: 10px;
            font-size: 14px;
            font-weight: 600;
            color: #003067;
        }

    .subpageList {
        display: none;
        background: #fff;
        position: absolute;
        top: 100%;
        width: 100%;
        border: 1px solid #e0e0e0;
        z-index: 3;
    }

    .subpageItem {
        color: #535353;
        display: block;
        margin: 0;
        border-top: 1px solid #e0e0e0;
    }

    .section.sectionBanner--simple.sectionBanner--hist .wrapper {
        display: block;
    }

        .section.sectionBanner--simple.sectionBanner--hist .wrapper .headerBannerBlock {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

    .section.sectionMater .textBlock .bigText {
        font-size: 20px;
        line-height: 25px;
    }

    .sectionMater .textBlock {
        padding: 20px;
    }

    .sectionRedLine {
        padding: 40px 0
    }

    .footerHolder h5.simpleListTitle {
        margin-right: 0;
    }

    .sectionBanner--simple {
        height: 320px;
        margin-bottom: 30px;
    }

    .historyListing .itemHolder {
        flex-direction: column;
    }

    .historyListing .imageHolder {
        text-align: center;
    }

    .bigBlue {
        font-size: 32px;
    }

    .histTitle {
        font-size: 22px;
    }

    .col-md-6.col-sm-6.col-xs-12.spaceTop {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .objListing .iconHolder {
        padding: 10px 0;
    }

    .blockItem .itemHolder {
        padding: 20px 60px 20px 20px;
    }

    .pageTitle {
        font-size: 45px;
    }

    .toggleTitle {
        padding: 20px 30px 20px 20px;
    }

    .toggleContent {
        padding: 0 50px 20px 20px;
    }

    .blockItem .arrowHolder {
        right: 30px;
    }

    .tableHolder {
        overflow: scroll;
        display: block;
    }

    .enseignants td,
    .enseignants th {
        min-width: 180px;
    }

    .section.sectionSavoir {
        margin-top: 40px;
    }

    .simpleTable td {
        padding: 15px;
    }

    /*.sectionOrgani .col-xs-12,
    .sectionOrgani .col-xs-12 {
        width: 100%;
    }*/

    /*.sectionOrgani .row {
        display: flex;
        flex-direction: column-reverse;
    }*/

    .sectionOrgani .col-xs-12:nth-child(2) {
        margin-bottom: 20px;
    }

    .sectionMessage,
    .sectionMap {
        padding: 30px 0;
    }

    .toggleContent .col-sm-6 {
        width: 100%;
    }

    .toggleTitle {
        font-size: 20px;
    }

    .sectionTitle--small {
        font-size: 24px;
        line-height: 28px;
        padding: 0 0 20px;
    }

    .articleSlider .col-sm-8,
    .articleSlider .col-sm-4 {
        width: 100%;
    }

    .articleSlider .owl-nav {
        top: -30px;
    }

    .sectionArticles {
        padding: 0 0 40px;
    }

    .articleSlider {
        padding-bottom: 30px;
    }

    .sectionEvenem .blockHead {
        flex-direction: column;
    }

    .sectionEvenDet .col-sm-8,
    .sectionEvenDet .col-sm-4 {
        width: 100%;
    }
    .footerMenu .logos-wrapper {
        float:left;
    }
}

@media (max-width: 768px) {

    .sectionLeftMenu {
        width: 100%;
        z-index: 3;
        position: fixed;
        height: auto;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px 20px 10px 10px;
        background-color: #ffffff;
    }

        .sectionLeftMenu .logoHolder,
        .menu-activator {
            margin: 0;
        }

            .sectionLeftMenu .logoHolder img {
                width: 120px;
                height: auto;
            }

            .sectionLeftMenu .logoHolder span {
                display: none;
            }

    .lines,
    .lines:before,
    .lines:after {
        background: #003067;
    }

    .menu-activator {
        order: 3;
    }

    .sectionLeftMenu .search {
        margin-left: auto;
        margin-right: 15px;
    }

    .lines-button {
        height: 20px;
        width: 20px;
    }

    .section {
        margin-left: 0;
    }

    .sectionMenu {
        width: 100%;
        padding: 40px 15px;
        opacity: 1;
        visibility: visible;
        transform: translate(0, -100%);
        transition: transform 600ms ease;
    }

        .sectionMenu.show {
            transform: translate(0, 0);
        }

    ul.nav.inlineMiddle.smallTop.inlinedList {
        flex-direction: column;
        padding: 0 0 20px;
    }

        ul.nav.inlineMiddle.smallTop.inlinedList li {
            font-size: 18px;
            color: #252525;
            padding: 0 0 15px;
        }

            ul.nav.inlineMiddle.smallTop.inlinedList li a {
                color: #252525;
            }

    .mainMenu ul li a {
        font-size: 20px;
        color: #252525;
        padding: 0 0 10px;
    }

    .sectionMenu .close {
        position: absolute;
        top: 25px;
        right: 20px;
        width: 20px;
        height: 20px;
        display: block;
    }

        .sectionMenu .close:before,
        .sectionMenu .close:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            background: #003067;
            width: 15px;
            height: 2px;
            transform: translate(-50%, -50%) rotate(45deg);
        }

        .sectionMenu .close:after {
            transform: translate(-50%, -50%) rotate(135deg);
        }

    .sectionMenu:after, .sectionSearch:after {
        height: calc(100% - 120px);
        width: 50%;
        top: 120px;
        bottom: auto;
    }

    .smallBlockListing .itemHolder {
        margin-bottom: 10px;
    }

    .smallBlockListing .imageHolder,
    .smallBlockListing .textBlock {
        width: 50%;
    }

        .smallBlockListing .imageHolder img {
            max-width: unset;
        }

    .smallBlockListing.clearListing.row .itemTitle {
        padding: 0 0 20px;
    }

    .sectionSmallBlocks {
        padding: 15px 0;
    }

    .sectionCollege {
        padding: 20px 0 30px;
    }

    .sectionTitle {
        font-size: 22px;
        padding-bottom: 15px;
    }

    .par {
        font-size: 13px;
        line-height: 16px;
    }

    .par--big {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 15px;
    }

    .numberListing .listingItemLI {
        flex: 25%;
    }

    .numberListing .itemHolder {
        height: 135px;
        width: 107px;
        margin: 0 auto 20px;
    }

    .numberListing .number {
        font-size: 32px;
        padding: 3px 0;
    }

    .numberListing .text {
        font-size: 12px;
        padding: 0 18px 20px;
    }


        .gridItem img {
            height: unset;
            width: auto;
            min-width: 100%;
        }


    .tabMenuHolder {
        height: 30px;
        border: 1px solid #e0e0e0;
        background: #fff;
        position: relative;
    }

        .tabMenuHolder:after {
            content: '';
            position: absolute;
            right: 10px;
            top: 9px;
            width: 10px;
            height: 10px;
            border-right: 2px solid #003067;
            border-bottom: 2px solid #003067;
            transform: rotate(45deg);
        }

        .tabMenuHolder:before {
            content: attr(data-active);
            position: absolute;
            top: 9px;
            left: 10px;
            font-size: 14px;
            font-weight: 600;
            color: #003067;
        }

    .tabMenu {
        position: absolute;
        display: none;
        top: 100%;
        background: #fff;
        padding: 10px;
        width: 100%;
        z-index: 3;
    }

    .tabTitle.active:before {
        display: none;
    }

    .tabTitle {
        font-size: 14px;
        padding: 10px 0;
        border-top: 1px solid #e0e0e0;
    }

    .tabMenuHolder.open:after {
        transform: rotate(225deg);
    }

    .tabItem {
        padding-top: 10px;
    }

        .tabItem .itemTitle {
            font-size: 18px;
            line-height: 24px;
            padding: 0 0 10px;
        }

        .tabItem .textBlock {
            padding: 15px 0 0;
        }

    .numbersCont {
        padding: 20px 0 15px;
    }

    .section.sectionProgrammes.patternBg .number {
        font-size: 40px;
        padding: 10px 0 0;
    }

    .numberHolder .grayText {
        font-size: 16px;
        text-align: center;
    }

    .numberHolder--big .grayText {
        font-size: 18px;
        position: unset;
        bottom: 20px;
        left: 80px;
    }

    .numbersCont {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .numberHolder {
        align-items: flex-start;
        padding-bottom: 20px;
        flex: 50%;
    }

    .numberHolder--big {
        flex: 100%;
        flex-direction: row;
        justify-content: flex-start;
        position: relative;
    }

    /* .number--big {
        min-width: 90px;
    }

    .number:before {
        left: 0;
        transform: none;
    }*/

    .number:nth-child(3) {
        margin: 20px 0 0;
    }

    .tabItem .buttonHolder {
        text-align: center
    }

    .sectionProgrammes {
        padding: 30px 0;
    }

    .sectionActual .blockHead {
        height: 100px;
        padding: 40px 0 0;
    }

    .sectionActual:before {
        height: 100px;
    }

    .date {
        font-size: 12px;
    }

    .evenementListing .subtitle {
        font-size: 13px;
        line-height: 18px;
    }

    .dateItem:after {
        width: calc(100% - 30px);
    }

    .evenementListing {
        margin: 20px -15px 10px;
    }

    .sectionActual {
        padding: 0 0 20px;
    }

    .calendItem {
        padding: 15px;
    }

        .calendItem .par {
            font-size: 18px;
            padding-bottom: 5px;
        }

    .sectionCalend ul li h3.subtitle {
        font-size: 18px;
    }

    .section.sectionCalend.patternBg .calendListing {
        margin-bottom: 10px;
    }

    .sectionCalend {
        padding: 0 0 20px;
    }

    .temoSlider .owl-stage {
        margin-left: 0px;
    }

    .temoSlider .itemHolder {
        margin-right: 20px !important;
    }

    .sectionTemo {
        padding: 20px 0;
        overflow: hidden;
    }

        .sectionTemo .blockBody {
            margin-right: -20px;
        }

    .contactListing .itemHolder {
        margin-bottom: 25px;
        display: flex;
        flex-wrap: wrap;
    }

    .contactListing .iconHolder {
        padding-right: 15px;
        position: absolute;
    }

    .sectionComment {
        padding: 20px 0;
    }

    .contactListing .subtitle {
        padding: 5px 0;
    }

    .contactListing .subtitle,
    .contactListing .link--gray,
    .contactListing .visitListing,
    .contactListing .viewMap {
        padding-left: 60px;
    }

    .contactListing .link--gray,
    .contactListing .visitListing {
        flex: 80%;
    }

    .footer {
        padding: 25px 0 15px;
    }

    .menusMain.footerMenu ul.simpleList {
        display: none;
    }

    .menusMain.footerMenu .simpleList {
        padding: 0;
    }

    .footerMenu {
        padding: 20px 0;
    }

    .rightContent, .leftContent {
        flex-wrap: wrap;
    }

        .rightContent .subtitle {
            flex: 100%;
            padding-bottom: 10px;
        }

            .rightContent .subtitle br {
                display: none;
            }

    .facebook {
        padding-left: 0;
        padding-right: 10px;
    }

    .smallGray {
        padding-bottom: 15px;
    }

    .newsletterContainer {
        display: flex;
    }

        .newsletterContainer .mandatory.email {
            flex: 60%;
            max-width: 60%;
            -moz-appearance: none !important;
            -webkit-appearance: none !important;
            appearance: none !important;
        }

    .sectionBanner, .sectionBanner--simple {
        margin-top: 84px;
    }
    .sectionBanner--simple {
        height: 270px;
    }

    .newsletterContainer a {
        min-width: unset;
        width: 40%;
    }

    .footerHolder .leftContent {
        width: 100%;
    }

    .arrowHolder {
        width: 23px;
        height: 23px;
    }

        .arrowHolder:after {
            width: 7px;
            height: 7px;
        }

    .sectionCollege .buttonHolder {
        position: relative;
        z-index: 2;
    }

    .numberListing {
        padding: 20px 0 0;
    }

    .gridItem .title {
        font-size: 16px;
    }

    .gridItem .title--main {
        left: 10px;
        bottom: 5px;
    }

    .evenementListing .textBlock {
        margin: -40px 20px 0;
    }

    .sectionActual .b .calendListing .itemHolder {
        padding: 0 0 20px;
    }

    .temoSlider .itemHolder {
        flex-direction: column;
    }

    .name {
        padding: 10px 0;
    }

    .newsletterSubscribe {
        width: 100%;
    }

    .breadCrumbMainContainer {
        display: none;
    }

    .sectionBanner--simple {
        margin-bottom: 20px;
    }

    .pageTitle {
        font-size: 32px;
    }

    .section.sectionMater .textBlock .bigText {
        font-size: 16px;
        line-height: 22px;
    }

    .sectionRedLine {
        padding: 20px 0 25px;
    }

    .section.sectionBlue.patternBg {
        padding: 20px 0;
    }

    .section.sectionTables {
        padding: 25px 0 20px;
    }

    .sectionTitle--small {
        font-size: 22px;
        padding: 0 0 10px;
    }

    .sectionMater .row {
        flex-wrap: wrap;
    }

    .sectionBlue .par--big {
        font-size: 16px;
    }

    .sectionBlue .par {
        font-size: 14px;
    }

    .sectionTables .par--big {
        font-size: 22px;
    }

    th, td {
        min-width: 130px;
    }

    .simpleTable td {
        font-size: 16px;
        line-height: 20px;
        padding: 15px 10px;
    }

    .inverseTable th {
        font-size: 14px;
    }

    .inverseTable td {
        font-size: 15px;
    }

    .parListing .par {
        font-size: 14px;
        line-height: 20px;
    }

    .sectionTables .par--big {
        padding: 0 0 10px;
    }
    .headerBannerBlock .subpageList li {
        width: 100%;
        text-align: left;
    }

    .historyListing .itemHolder {
        margin: 15px 0 10px 0;
    }

        .historyListing .itemHolder:after {
         display:none
        }

        .historyListing .itemHolder:before {
            display: none
        }

    .historyListing .textBlock {
        padding: 15px;
    }

    .bigBlue {
        font-size: 28px;
    }

    .histTitle {
        font-size: 20px;
    }

    .historyListing .par--small {
        font-size: 14px;
        line-height: 22px;
    }

    .historyListing img {
        width: 100%;
        height: auto;
    }

    .historyListing .imageHolder {
        min-width: unset;
    }

    .section.sectionSavoir {
        margin-top: 30px;
    }

        .section.sectionSavoir .sectionTitle {
            font-size: 28px;
        }

    .blockItem .arrowHolder {
        right: 30px;
    }

    .blockItem .itemHolder {
        padding: 25px 40px 25px 20px;
        margin-bottom: 20px;
    }

    .sectionMission .imageHolder {
        margin-bottom: 20px;
    }

    .sectionObj {
        padding: 30px 0;
    }

    .testimListing .itemHolder {
        padding: 20px 15px;
        margin-bottom: 20px;
    }

    .testimListing .grayBlock .itemHolder {
        background: #fff;
        padding: 20px 15px;
    }

    .testimListing .listingItemLI:nth-child(2n + 2) .itemHolder {
        background: #f6f6f6;
    }

    ul.listingHolder.row.clearListing.testimListing li:last-child .par--big.redUnder {
        margin-top: 0;
    }

    .mainMenu .ddSecondLevel ul li {
        width: 100%;
    }

    .ddSecondLevel {
        padding: 0 0 15px;
    }

    .sectionAdmin .imageHolder {
        padding: 0 0 20px;
    }

    .sectionAdmin .parListing {
        padding-bottom: 15px;
    }

    .sectionTitle--small {
        font-size: 20px;
        line-height: 26px;
    }

    .toggleTitle {
        padding: 15px 30px 15px 10px;
        font-size: 18px;
    }

        .toggleTitle:after {
            right: 15px;
        }

    .expandCollapse {
        padding: 20px 0;
    }

    .toggleContent {
        padding: 0 20px 10px 10px;
    }

    .sectionSavoir .par--big {
        font-size: 20px;
    }

    .section.sectionBlue.blueBg .parListing.clearListing li {
        margin-bottom: 15px;
    }

    .sectionText {
        padding: 20px 0;
    }

    .sectionTables {
        padding: 15px 0 10px;
    }

    .section.sectionBlue.blueBg {
        padding: 25px 0;
    }

    .sectionOrgani .par--big {
        font-size: 18px;
    }

        .sectionOrgani .par--big + br {
            display: none;
        }

    .sectionOrgani br + br {
        display: none;
    }

    .sectionMessage textarea {
        height: 80px;
    }

    .sectionMessage input, .sectionMessage textarea, .sectionMessage select {
        margin: 0 0 20px;
    }

    .formActions .resetHolder input, .formActions .submitHolder input {
        margin-right: 0;
        width: 100%;
    }

    .formActions .resetHolder, .formActions .submitHolder {
        width: 100%;
    }

    .toggleContent .sectionRedLine.col-xs-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .toggleContent .par--big {
        font-size: 18px;
    }

    .sectionSpirit .toggleContent .par {
        font-size: 15px;
        line-height: 20px;
    }

    .toggleContent br + br {
        display: none;
    }

    .sectionSpirit .toggleContent img {
        max-height: 200px;
        width: auto;
        max-width: 100%;
    }

    .toggleContent .imageHolder,
    .sectionSpirit .toggleContent .par--gray {
        padding: 0 0 15px;
    }

    .articleSlider, .articleTitle {
        margin-left: 0;
    }

    .sectionArticles .evenementListing {
        margin: 0;
    }

    .sectionArticles .evenementListing {
        padding: 0 20px;
    }

    .articleSlider .listingHolder.row {
        margin: 0;
    }

    .articleSlider .listingItemLI.col-md-12 {
        padding: 0;
    }

    .calendListing--evenem .subtitle {
        font-size: 16px;
        line-height: 22px;
    }

    .calendListing--evenem .itemHolder {
        margin-bottom: 20px;
    }

    .evenDetails {
        flex-direction: column;
        padding: 20px 0;
    }

    .sectionEvenDet .par--big {
        font-size: 18px;
        line-height: 26px;
    }

    .toggleContent .imageHolder img {
        max-width: 100%;
    }

    .sectionSearch {
        width: 100%;
        height: 100vh;
    }

    .searchHolder input {
        width: 100%;
        font-size: 20px;
    }

    .smallBlockListing .imageHolder {
        text-align: right;
    }

    .tabItem img {
        width: 100%;
    }

    .images .imageHolder:last-child {
        text-align: center;
    }

    .sectionSearch .close {
        position: absolute;
        top: 25px;
        right: 20px;
        width: 20px;
        height: 20px;
        display: block;
        z-index: 3;
    }

        .sectionSearch .close:before,
        .sectionSearch .close:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            background: #fff;
            width: 15px;
            height: 2px;
            transform: translate(-50%, -50%) rotate(45deg);
        }

        .sectionSearch .close:after {
            transform: translate(-50%, -50%) rotate(135deg);
        }
}

@media (max-width: 430px) {



    .smallBlockListing .imageHolder img {
        max-height: 150px;
    }

    .gridItem {
        padding-bottom: 94%;
        width: 100%;
    }

        .gridItem img {
            height: auto;
        }

    .numberListing .listingItemLI {
        flex: 50%;
    }

    .sectionComment--contact ul li {
        padding-bottom: 20px;
    }

    .logo-footer img {
        width: 65px;
    }

    .searchHolder {
        width: 80%;
    }

    .shieldsBlock .shieldItem::after {
        height: 106px!important;
    }
}

@media (max-width: 1024px) {

    .line1Logos .text .normalText {
        font-size: 14px;
    }

    .line1Logos .text .blueText {
        font-size: 40px;
    }

    .nameListing ul li .name {
        font-size: 19px;
    }

    .nameListing ul li .date {
        font-size: 19px;
    }

    .collegeenchiffre .IconsBlock .description .blueTitle {
        font-size: 23px;
    }

    .collegeenchiffre .iconsRow {
        margin-left: 0px;
        margin-right: 0px;
    }

    .redLineAfter {
        margin-top: 50px;
    }

        .redLineAfter::after {
            display: none;
        }

    .sectionOrgani .blockBody .listingHolder li:nth-child(3n + 1) {
        clear: both;
    }

    .sectionOrgani .blockBody .listingHolder li .pdfHolder {
        padding: 25px 20px 25px 30px;
    }

    .pdfHolder .pdfName {
        font-size: 16px;
    }
    .shieldsBlock .shieldItem::after{
        height:96px;
    }
}



@media (max-width: 768px) {
    .line1Logos .text .normalText {
        font-size: 12px;
        line-height: 14px;
    }

    .line1Logos .text .blueText {
        font-size: 35px;
    }

    .shieldsBlock {
        padding-bottom: 0px;
    }

    .pdfHolder .pdfSize {
        font-size: 14px;
    }

    .pdfHolder .pdfName {
        font-size: 15px;
    }

    .shieldsBlock .shieldItem::after {
        height: 120px;
    }

    .shieldsBlock .col-md-3 {
        margin-bottom: 250px !important;
    }

    .collegeenchiffre .IconsBlock .description .blueTitle {
        line-height: 25px;
        font-size: 27px;
    }

    .collegeenchiffre .IconsBlock .text {
        margin-bottom: 0px;
        font-size: 15px;
    }

    .sectionLeftMenu .aefe {
        margin: 0 0 0 30px;
    }

        .sectionLeftMenu .aefe img {
            width: 60px;
        }
    .footerHolder .errorMessage{
        top:21px;
        left:0;
        font-size:11px;
    }
    .contactForm .errorMessage{
        bottom:25px;
    }
}

@media (max-width: 767px) {

    .line1Logos .col-md-2 {
        width: 49%;
        margin-bottom: 20px;
    }

    .redLineAfter {
        margin-top: 20px;
    }

    .collegeenchiffre .iconsRow .IconsBlock {
        width: 100%;
    }

    .presidentsBlock {
        padding: 30px;
    }

    .divisionBlock {
        margin-right: 20px;
    }

    .divisionText {
        margin-bottom: 30px;
    }
    .shieldsBlock .shieldItem::after {
        height: 200px;
    }
    .contactForm .col-md-6:nth-child(n+4){
        position:relative;
    }
}