@charset "UTF-8";
/*
STYLE SHEET
Cr├®├® par [Saguenay M├®dia]

	1. Reset CSS
	2. Base
	3. Animations
	4. fonts
	5. MediaQueries


/*Variables couleurs*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,400italic,500,700,900);
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .menu-fixed .menu-prin .logo h1 {
    font-size: 20px !important;
    padding-top: 5px !important;
    font-weight: normal !important; }

  .cbp-hrmenu > ul > li > a {
    padding: 25px 0.5em 25px 0.5em !important;
    font-size: 19px !important;
    font-weight: normal !important; }

  .menu-fixed .menu-prin .logo img {
    max-width: 115px !important; }

  .menu-fixed .menu-prin .main {
    width: auto !important; }

  div.compteur span {
    width: 60px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important; } }
/*
---------------------------1. Reset CSS---------------------------------
*/
/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-family: roboto, sans-serif;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1;
  background: #eeeeee; }

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

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

input, select {
  vertical-align: middle; }

::-moz-selection {
  color: #fff;
  background: #0971ce; }

::selection {
  color: #fff;
  background: #0971ce; }

::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px; }

::-webkit-scrollbar-thumb {
  background: #212121;
  border: 0px none #ffffff;
  border-radius: 0px; }

::-webkit-scrollbar-thumb:hover {
  background: #212121; }

::-webkit-scrollbar-thumb:active {
  background: #212121; }

::-webkit-scrollbar-track {
  background: #fff;
  border: 0px none #ffffff;
  border-radius: 0px; }

::-webkit-scrollbar-track:hover {
  background: #fff; }

::-webkit-scrollbar-track:active {
  background: #fff; }

::-webkit-scrollbar-corner {
  background: transparent; }

.no-line-height a {
  line-height: 1em !important; }

.btn {
  background: #0069a6 !important;
  padding: 5px 15px;
  display: inline-block;
  margin: 10px 0;
  color: #fff;
  text-transform: uppercase; }
  .btn:hover {
    background: #e21a22 !important;
    color: #fff; }

.word a {
  padding: 0 !important; }

div.compteur {
  position: absolute;
  top: 140px;
  left: 12px;
  z-index: 999; }
  div.compteur p {
    color: #0069a6;
    margin-top: 5px;
    font-size: 17px;
    text-align: center;
    font-weight: 600; }
  div.compteur span {
    background: rgba(0, 105, 166, 0.5);
    padding: 10px 5px;
    width: 46px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 3px;
    font-size: 21px;
    font-family: bebas_neue, sans-serif;
    font-weight: 500; }

/*---------------------------2. Base---------------------------------*/
.nicescroll-rails {
  z-index: 999999999 !important; }

sup {
  font-size: .7em;
  line-height: .8em; }

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

.menu-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999999; }
  .menu-fixed .menu-uti {
    width: 96%;
    padding: 0 2%;
    background: #0b3955;
    float: left;
    cursor: auto; }
    .menu-fixed .menu-uti nav {
      float: left;
      width: 100%; }
      .menu-fixed .menu-uti nav ul {
        float: right;
        padding: 5px 0;
        width: 100%;
        text-align: right;
        cursor: context-menu; }
        .menu-fixed .menu-uti nav ul li {
          display: inline-block;
          font-family: bebas_neue, sans-serif;
          text-transform: uppercase;
          font-size: 21px; }
          .menu-fixed .menu-uti nav ul li a {
            margin: 0 20px;
            cursor: pointer;
            color: #fff; }
            .menu-fixed .menu-uti nav ul li a:hover {
              color: #e21a22; }
        .menu-fixed .menu-uti nav ul .icone {
          margin: 0 0 8px 0;
          position: relative;
          top: 6px; }
          .menu-fixed .menu-uti nav ul .icone a {
            margin: 0 3px;
            display: inline-block;
            width: 31px;
            height: 31px; }
          .menu-fixed .menu-uti nav ul .icone .fb, .menu-fixed .menu-uti nav ul .icone .tw {
            background-size: cover; }
          .menu-fixed .menu-uti nav ul .icone .fb {
            background: url("../images/facebook.png"); }
            .menu-fixed .menu-uti nav ul .icone .fb:hover {
              background: url("../images/facebook_hover.png"); }
          .menu-fixed .menu-uti nav ul .icone .tw {
            background: url("../images/twitter.png"); }
            .menu-fixed .menu-uti nav ul .icone .tw:hover {
              background: url("../images/twitter_hover.png"); }
  .menu-fixed .menu-prin {
    position: relative;
    width: 96%;
    padding: 0 2%;
    background: #0069a6;
    float: left; }
    .menu-fixed .menu-prin .logo {
      float: left; }
      .menu-fixed .menu-prin .logo img {
        max-width: 130px;
        float: left;
        margin: 5px 0; }
      .menu-fixed .menu-prin .logo h1 {
        float: left;
        font-family: bebas_neue, sans-serif;
        font-weight: 800;
        font-size: 30px;
        text-transform: uppercase;
        color: #fff;
        margin: 20px 0 0px 10px; }
    .menu-fixed .menu-prin .btn-menu {
      display: none;
      position: absolute;
      right: 4%;
      top: 11px;
      color: #fff;
      font-size: 30px;
      cursor: pointer; }
      .menu-fixed .menu-prin .btn-menu:hover {
        color: #e21a22; }
    .menu-fixed .menu-prin .main {
      float: right;
      width: 56%; }
      .menu-fixed .menu-prin .main .cbp-hrmenu ul {
        font-family: bebas_neue, sans-serif; }
        .menu-fixed .menu-prin .main .cbp-hrmenu ul li {
          font-family: bebas_neue, sans-serif;
          font-size: 25px; }
          .menu-fixed .menu-prin .main .cbp-hrmenu ul li a:hover {
            color: #fff; }
          .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main {
            width: 100%;
            float: left; }
            .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main > li {
              width: 23%;
              float: left;
              margin: 0 2% 0 0; }
            .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main li.c-50 {
              width: 48%; }
            .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main li.c-75 {
              width: 73%; }
            .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main li.mobile {
              display: none; }
            .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main li.pevent > a > div {
              height: 200px;
              width: 75%;
              position: relative;
              overflow: hidden; }
              .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main li.pevent > a > div h5 {
                display: inline-block;
                position: absolute;
                color: #fff;
                bottom: 2%;
                left: 2%;
                z-index: 4;
                font-size: 17px;
                background: #0069a6;
                padding: 5px 10px; }
              .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main li.pevent > a > div .bg-img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 2;
                webkit-transition: all 0.6s ease-in-out;
                -moz-transition: all 0.6s ease-in-out;
                -o-transition: all 0.6s ease-in-out;
                transition: all 0.6s ease-in-out;
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                filter: grayscale(100%); }
              .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main li.pevent > a > div:hover .bg-img {
                -webkit-filter: grayscale(0%);
                -moz-filter: grayscale(0%);
                -o-filter: grayscale(0%);
                -ms-filter: grayscale(0%);
                filter: grayscale(0%); }
            .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main #map {
              float: left;
              margin: 90px 2% 0 0;
              width: 100%;
              height: 300px; }
            .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main h4 {
              font-family: bebas_neue, sans-serif;
              text-align: left; }
            .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul {
              text-align: left;
              letter-spacing: 1px; }
              .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.menu-contact li {
                color: #fff;
                width: auto;
                display: inline-block;
                width: 100%;
                float: left;
                clear: both; }
                .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.menu-contact li:hover {
                  background: none !important; }
                  .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.menu-contact li:hover a {
                    color: #fff; }
                .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.menu-contact li a {
                  background: transparent; }
                  .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.menu-contact li a:hover {
                    color: #0b3955; }
                .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.menu-contact li .btn {
                  float: left;
                  background: #0069a6 !important;
                  padding: 5px 15px;
                  display: inline-block;
                  margin: 10px 0;
                  color: #fff;
                  text-transform: uppercase; }
                  .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.menu-contact li .btn:hover {
                    background: #fff !important;
                    color: #0069a6; }
              .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.word li {
                float: left;
                width: 18%;
                margin: 0 2% 0 0;
                padding: 0;
                background: none !important; }
                .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.word li .img-menu {
                  overflow: hidden;
                  max-height: 232px; }
                  .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.word li .img-menu img {
                    width: 100% !important;
                    height: auto !important;
                    -webkit-filter: grayscale(0%);
                    -moz-filter: grayscale(0%);
                    -o-filter: grayscale(0%);
                    -ms-filter: grayscale(0%);
                    filter: grayscale(0%);
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out; }
                .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.word li p {
                  font-family: bebas_neue, sans-serif;
                  text-align: center;
                  font-size: 20px;
                  line-height: 1em;
                  padding: 5px 0;
                  margin: 10px 0 0 0; }
                .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.word li:hover {
                  background: none !important; }
                  .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul.word li:hover p {
                    background: #0069a6;
                    color: #fff; }
              .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul li {
                padding: 5px 0; }
                .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul li a {
                  color: #fff;
                  background: none !important; }
                  .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul li a:hover {
                    color: #0b3955;
                    background: #fff !important; }
                .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul li.audio {
                  width: auto;
                  float: left;
                  margin: 0 20px 0 0;
                  padding: 0;
                  display: inline-block; }
                  .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul li.audio a {
                    padding: 5px 10px;
                    background: #0069a6 !important; }
                  .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul li.audio:hover a {
                    background: #fff !important;
                    color: #0069a6; }
                .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul li.video {
                  width: auto;
                  float: left;
                  margin: 0 20px 0 0;
                  padding: 0;
                  display: inline-block; }
                  .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul li.video a {
                    padding: 5px 10px;
                    background: #e21a22 !important; }
                  .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul li.video:hover a {
                    background: #fff !important;
                    color: #e21a22; }
                .menu-fixed .menu-prin .main .cbp-hrmenu ul li .cbp-hrsub .cbp-hrsub-inner ul.inner-main ul li:hover {
                  background: none !important; }
      .menu-fixed .menu-prin .main.active {
        display: block; }

header.standard {
  position: relative;
  height: 350px;
  width: 100%;
  float: left; }
  header.standard .title {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 30px;
    z-index: 9; }
    header.standard .title h1 {
      font-family: bebas_neue, sans-serif;
      font-size: 4em;
      font-weight: 600;
      letter-spacing: 2px;
      color: #fff;
      line-height: 1em; }
    header.standard .title h2 {
      font-family: bebas_neue, sans-serif;
      font-size: 2em;
      font-weight: 200;
      letter-spacing: 2px;
      color: #fff;
      line-height: 1em; }
  header.standard .overflow {
    background: #0b3955;
    opacity: 0.7; }

.headAccueil {
  background: #000;
  position: relative;
  height: 100vh;
  width: 100%;
  float: left;
  overflow: hidden; }
  .headAccueil .home-buttons {
    width: 19%;
    position: absolute;
    top: 135px;
    right: 0;
    text-align: center; }
    .headAccueil .home-buttons .h-button {
      position: relative;
      width: 90%;
      float: left;
      height: 120px;
      margin: 11px 5%; }
      .headAccueil .home-buttons .h-button .img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
        opacity: 0.7;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease; }
      .headAccueil .home-buttons .h-button h4 {
        display: inline-block;
        color: #fff;
        font-family: bebas_neue, sans-serif;
        font-weight: 800;
        font-size: 25px;
        text-transform: uppercase;
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 92%;
        padding: 0 4%;
        z-index: 5;
        text-shadow: 0px 0px 8px black; }
      .headAccueil .home-buttons .h-button a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 6; }
      .headAccueil .home-buttons .h-button:hover .img {
        opacity: 1; }
  .headAccueil .logohead {
    float: none;
    position: relative;
    max-width: 690px;
    margin: 15vh auto 0 auto;
    text-align: center;
    padding: 90px 0 230px 0;
    background: url("../images/round-gradiant.png") center 40px no-repeat;
    z-index: 2;
    -webkit-animation: logoHeader  1.5s;
    animation: logoHeader 1.5s; }
    .headAccueil .logohead .logo img {
      padding: 0 10%;
      width: 70%; }
    .headAccueil .logohead h1 {
      display: inline-block;
      max-width: 690px;
      color: #0b3955;
      font-family: bebas_neue, sans-serif;
      font-weight: 800;
      font-size: 30px;
      margin: 2vh 50px 0 50px;
      padding: 5px 0px;
      text-transform: uppercase;
      clear: both;
      border-bottom: 2px solid #0b3955; }
      .headAccueil .logohead h1 span {
        font-weight: 900; }
    .headAccueil .logohead .ribbon {
      position: relative; }
    .headAccueil .logohead h2 {
      display: inline-block;
      font-family: bebas_neue, sans-serif;
      color: #fff;
      height: 62px;
      min-width: 306px;
      font-size: 35px;
      letter-spacing: 7px;
      padding: 10px 10px;
      margin: 2vh 20px 0 20px;
      font-weight: 600;
      background: #e21a22;
      z-index: 6;
      box-sizing: border-box; }
      .headAccueil .logohead h2:before, .headAccueil .logohead h2:after {
        content: '';
        position: absolute;
        display: block;
        bottom: 0px;
        border: 0.9em solid #e21a22;
        z-index: -1; }
      .headAccueil .logohead h2:before {
        left: 3.6em;
        border-right-width: 1em;
        border-left-color: transparent; }
      .headAccueil .logohead h2:after {
        right: 3.6em;
        border-left-width: 1em;
        border-right-color: transparent; }
    .headAccueil .logohead .btn-head {
      display: inline-block;
      background: #0069a6;
      color: #fff;
      text-transform: uppercase;
      font-family: bebas_neue, sans-serif;
      font-size: 28px;
      padding: 10px 30px;
      margin: 1.5vh 20px 0 20px;
      clear: both; }
      .headAccueil .logohead .btn-head:hover {
        background: #0b3955;
        color: #fff; }
  .headAccueil .overflow {
    background: url("../images/bg-header.png");
    opacity: 0.7; }

.app {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 999999; }
  .app p {
    margin-left: 15px; }
  .app img {
    max-width: 200px;
    width: 100%; }

.alert {
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  width: 90%;
  padding: 5px 5%;
  margin: 0 0 10px 0; }

.alert-danger {
  color: #fff;
  background: #e21a22; }

.alert-success {
  color: #fff;
  background: #63b237; }

.owl-nav {
  display: none; }

#cart {
  position: fixed;
  right: 0px;
  top: 150px;
  z-index: 9999999999999999999;
  background: #0069a6;
  padding: 20px; }
  #cart .icon-shopping-cart8 {
    color: #0b3955;
    font-size: 30px; }
  #cart .number {
    display: none;
    font-size: 10px;
    color: #0b3955;
    position: absolute;
    width: 20px;
    height: 20px;
    left: -5px;
    bottom: -5px;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    -webkit-box-shadow: 0px 0px 7px -1px #212121;
    -moz-box-shadow: 0px 0px 7px -1px #212121;
    box-shadow: 0px 0px 7px -1px #212121; }
    #cart .number span {
      display: table-cell;
      vertical-align: middle; }
  #cart.active .number {
    display: table !important; }
  #cart:hover {
    background: #e21a22; }
    #cart:hover .icon-shopping-cart8 {
      color: #a61a20; }
  #cart a {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.shop {
  position: relative;
  float: left;
  width: 100%; }
  .shop .category {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 20%;
    padding: 00;
    float: left;
    background: #155982; }
    .shop .category h2 {
      float: left;
      color: #fff;
      width: 84%;
      padding: 20px 8%;
      background-color: #0b3955;
      text-transform: uppercase;
      font-size: 20px;
      font-weight: 200; }
      .shop .category h2 .btn-close-cat {
        display: none; }
    .shop .category ul li {
      width: 100%;
      float: left; }
      .shop .category ul li a {
        float: left;
        width: 84%;
        padding: 20px 8%;
        color: #fff; }
      .shop .category ul li.active a {
        background-color: #0a324a; }
      .shop .category ul li:hover a {
        background-color: #072435; }
  .shop .zone-shop {
    float: left;
    width: 80%;
    margin: 0 0 0 20%; }
    .shop .zone-shop .btn-cat {
      display: none; }
  .shop .services {
    padding: 25px 0 0 0;
    position: relative; }
    .shop .services > h2 {
      display: inline-block;
      color: #212121;
      font-size: 20px;
      width: 96%;
      margin: 0 2% 20px 2%; }
    .shop .services .owl-carousel .owl-controls {
      position: absolute;
      top: -40px;
      left: 0;
      text-align: right;
      width: 96%;
      margin: 0 2%; }
      .shop .services .owl-carousel .owl-controls .owl-dots {
        position: relative;
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
        cursor: default;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .shop .services .owl-carousel .owl-controls .owl-dots .owl-dot {
          position: relative;
          display: block;
          float: left;
          margin: 0 5px;
          width: 10px;
          height: 10px;
          cursor: pointer; }
          .shop .services .owl-carousel .owl-controls .owl-dots .owl-dot span {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            outline: none;
            border-radius: 50%;
            text-indent: -999em;
            /* make the text accessible to screen readers */
            cursor: pointer;
            position: absolute;
            overflow: hidden;
            background-color: transparent;
            box-shadow: inset 0 0 0 2px #0b3955;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease; }
            .shop .services .owl-carousel .owl-controls .owl-dots .owl-dot span:after {
              content: '';
              position: absolute;
              width: 100%;
              height: 100%;
              left: 0;
              border-radius: 50%;
              background-color: #0b3955;
              -webkit-transform: scale(0);
              transform: scale(0);
              -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
              -webkit-transition: -webkit-transform 0.3s ease;
              transition: transform 0.3s ease; }
            .shop .services .owl-carousel .owl-controls .owl-dots .owl-dot span:hover, .shop .services .owl-carousel .owl-controls .owl-dots .owl-dot span:focus {
              opacity: 0.7; }
          .shop .services .owl-carousel .owl-controls .owl-dots .owl-dot.active span::after {
            -webkit-transform: scale(1);
            transform: scale(1); }
    .shop .services .owl-carousel .item {
      height: 300px;
      position: relative;
      overflow: hidden; }
      .shop .services .owl-carousel .item .title {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 4;
        background: transparent; }
        .shop .services .owl-carousel .item .title h3 {
          text-align: center;
          display: inline-block;
          width: 100%;
          color: #fff;
          text-transform: uppercase;
          font-size: 20px;
          font-weight: 200;
          padding-bottom: 10px; }
          .shop .services .owl-carousel .item .title h3.hover-title {
            padding-bottom: 0px;
            font-weight: 500;
            opacity: 0;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            -ms-transform: translate(0%, 100%);
            /* IE 9 */
            -webkit-transform: translate(0%, 100%);
            /* Safari */
            transform: translate(0%, 100%); }
      .shop .services .owl-carousel .item .bg-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .shop .services .owl-carousel .item .overflow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        background: #0b3955;
        opacity: 0.6;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .shop .services .owl-carousel .item a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5; }
      .shop .services .owl-carousel .item:hover .bg-img {
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1); }
      .shop .services .owl-carousel .item:hover .overflow {
        opacity: 0.4; }
      .shop .services .owl-carousel .item:hover .title h3.hover-title {
        opacity: 1;
        -ms-transform: translate(0%, 0);
        /* IE 9 */
        -webkit-transform: translate(0%, 0);
        /* Safari */
        transform: translate(0%, 0); }
  .shop .products {
    width: 100%;
    float: left;
    position: relative;
    min-height: 600px; }
    .shop .products .columns-products {
      padding: 30px 0 100px 0;
      width: 100%;
      float: left;
      text-align: center; }
      .shop .products .columns-products ul {
        list-style-type: none;
        margin: 20px 0 50px 0; }
        .shop .products .columns-products ul li {
          display: inline-block; }
          .shop .products .columns-products ul li a {
            position: relative;
            padding: 0 40px;
            line-height: 30px;
            text-transform: uppercase;
            text-decoration: none;
            color: #0b3955;
            opacity: .3;
            filter: alpha(opacity=30); }
          .shop .products .columns-products ul li.active a {
            position: relative;
            padding: 0 40px;
            line-height: 30px;
            text-transform: uppercase;
            text-decoration: none;
            color: #0b3955;
            opacity: 1;
            filter: alpha(opacity=100); }
          .shop .products .columns-products ul li:hover a {
            position: relative;
            padding: 0 40px;
            line-height: 30px;
            text-transform: uppercase;
            text-decoration: none;
            color: #0b3955;
            opacity: .7;
            filter: alpha(opacity=70); }
      .shop .products .columns-products .list-products .product {
        float: left;
        position: relative;
        height: 200px;
        width: 22%;
        margin: 1.5%;
        background: #f4f4f4;
        overflow: hidden; }
        .shop .products .columns-products .list-products .product .more {
          display: inline-block;
          position: absolute;
          top: 0;
          left: 0;
          color: #0069a6;
          z-index: 9;
          padding: 5px;
          background: #fff;
          text-transform: uppercase;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          -ms-transform: translate(0, -100%);
          /* IE 9 */
          -webkit-transform: translate(0, -100%);
          /* Safari */
          transform: translate(0, -100%); }
        .shop .products .columns-products .list-products .product .state {
          float: left;
          position: absolute;
          top: 0;
          right: 0;
          background: #e21a22;
          color: #fff;
          z-index: 9;
          padding: 6px; }
          .shop .products .columns-products .list-products .product .state span {
            float: left;
            display: inline-block;
            font-size: 20px; }
        .shop .products .columns-products .list-products .product .img-container {
          float: left;
          width: 100%;
          height: 150px;
          overflow: hidden;
          position: relative; }
          .shop .products .columns-products .list-products .product .img-container .img-product {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 4;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
        .shop .products .columns-products .list-products .product h3 {
          display: inline-block;
          float: left;
          padding: 15px 5px;
          color: #0069a6;
          width: 60%;
          text-align: left;
          box-sizing: border-box; }
        .shop .products .columns-products .list-products .product .price {
          float: left;
          text-align: right;
          width: 40%;
          color: #0b3955;
          padding: 15px 5px;
          box-sizing: border-box; }
        .shop .products .columns-products .list-products .product a {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 5; }
        .shop .products .columns-products .list-products .product:hover .more {
          -ms-transform: translate(0, 0%);
          /* IE 9 */
          -webkit-transform: translate(0, 0%);
          /* Safari */
          transform: translate(0, 0%); }
        .shop .products .columns-products .list-products .product:hover .img-container .img-product {
          opacity: 0.7; }

.photos .photo {
  position: relative;
  overflow: hidden;
  cursor: pointer; }
  .photos .photo img {
    max-height: 328px;
    float: left;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  .photos .photo .title {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0b3955;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -ms-transform: translate(0, 100%);
    /* IE 9 */
    -webkit-transform: translate(0, 100%);
    /* Safari */
    transform: translate(0, 100%); }
  .photos .photo:hover img {
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }
  .photos .photo:hover .title {
    -ms-transform: translate(0, 0%);
    /* IE 9 */
    -webkit-transform: translate(0, 0%);
    /* Safari */
    transform: translate(0, 0%); }

.shop-product article {
  float: left;
  padding: 20px 0; }
  .shop-product article.four {
    width: 33.333%; }
  .shop-product article.eight {
    width: 66%; }
  .shop-product article.info-form {
    width: 56%;
    margin: 0 5%; }
  .shop-product article.info {
    width: 100%; }
    .shop-product article.info h2 {
      text-transform: uppercase;
      font-size: 20px;
      font-weight: 400;
      padding: 0 0 10px 0; }
    .shop-product article.info p {
      font-size: 20px;
      font-weight: 300;
      padding: 4px 0;
      line-height: 1.4em; }
    .shop-product article.info ul {
      list-style-position: outside;
      margin: 0 0 0 20px; }
      .shop-product article.info ul li {
        list-style-type: square;
        font-size: 20px;
        font-weight: 300;
        padding: 4px 0;
        line-height: 1.4em; }
  .shop-product article .img-product {
    float: left;
    width: 100%;
    height: 400px;
    position: relative;
    cursor: zoom-in; }
    .shop-product article .img-product .zoo-img {
      cursor: zoom-in !important; }
  .shop-product article form h1 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 400; }
  .shop-product article form .product-price {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    padding: 30px 0; }
  .shop-product article form label {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
    float: left; }
    .shop-product article form label.error {
      font-size: 15px;
      text-transform: none;
      color: red;
      font-weight: 400;
      margin-top: 10px; }
  .shop-product article form select {
    width: 100%;
    outline: none;
    border-radius: 0; }
    .shop-product article form select:focus {
      border: 1px solid #0069a6; }
  .shop-product article form input {
    width: 100%;
    outline: none;
    border-radius: 0;
    float: left;
    margin-bottom: 10px; }
    .shop-product article form input.error {
      border: red 1px solid; }
    .shop-product article form input:focus {
      border: 1px solid #0069a6; }
  .shop-product article form input[type=checkbox] {
    width: 25px;
    margin: 10px 0 0 0; }
  .shop-product article form label {
    float: left; }
    .shop-product article form label.error {
      color: red;
      font-size: 10pt;
      margin-bottom: 10px; }
  .shop-product article form button[type=submit] {
    width: 100%;
    height: auto;
    outline: none;
    border-radius: 0;
    border: 2px solid #0069a6;
    color: #0069a6;
    font-size: 15px;
    font-weight: 300;
    margin-top: 10px; }
    .shop-product article form button[type=submit]:hover {
      background: #0069a6;
      color: #fff; }
  .shop-product article form .btn {
    color: #fff; }

.cart .container h2 {
  padding: 0 0 30px 0;
  font-size: 30px;
  font-weight: 500;
  color: #0069a6; }
.cart .container table {
  margin: auto;
  width: 100%;
  border-collapse: collapse; }
  .cart .container table tbody tr th.options, .cart .container table tbody tr td.options, .cart .container table thead tr th.options, .cart .container table thead tr td.options {
    width: 40px; }
    .cart .container table tbody tr th.options a, .cart .container table tbody tr td.options a, .cart .container table thead tr th.options a, .cart .container table thead tr td.options a {
      color: #0069a6; }
      .cart .container table tbody tr th.options a:hover, .cart .container table tbody tr td.options a:hover, .cart .container table thead tr th.options a:hover, .cart .container table thead tr td.options a:hover {
        color: #0b3955; }
  .cart .container table tbody tr th.name a, .cart .container table tbody tr td.name a, .cart .container table thead tr th.name a, .cart .container table thead tr td.name a {
    color: #0069a6;
    font-size: 17px;
    font-weight: 900; }
    .cart .container table tbody tr th.name a:hover, .cart .container table tbody tr td.name a:hover, .cart .container table thead tr th.name a:hover, .cart .container table thead tr td.name a:hover {
      color: #0b3955; }
  .cart .container table tbody tr th.name p, .cart .container table tbody tr td.name p, .cart .container table thead tr th.name p, .cart .container table thead tr td.name p {
    margin-top: 5px; }
  .cart .container table tbody tr th.name ul, .cart .container table tbody tr td.name ul, .cart .container table thead tr th.name ul, .cart .container table thead tr td.name ul {
    list-style-type: none;
    padding: 0 0 0 10px; }
    .cart .container table tbody tr th.name ul li, .cart .container table tbody tr td.name ul li, .cart .container table thead tr th.name ul li, .cart .container table thead tr td.name ul li {
      line-height: 1.4em; }
  .cart .container table tbody tr th.quantity, .cart .container table tbody tr td.quantity, .cart .container table thead tr th.quantity, .cart .container table thead tr td.quantity {
    text-align: right;
    width: 30px; }
  .cart .container table tbody tr th.price, .cart .container table tbody tr td.price, .cart .container table thead tr th.price, .cart .container table thead tr td.price {
    text-align: right;
    width: 90px; }
  .cart .container table thead {
    background: #0b3955; }
    .cart .container table thead tr th {
      color: #fff;
      padding: 10px 20px; }
  .cart .container table tbody tr:nth-child(odd) {
    background: #dcdcdc; }
  .cart .container table tbody tr td {
    padding: 20px 20px; }
    .cart .container table tbody tr td input {
      width: 65px;
      margin: 0;
      padding: 0;
      text-align: center;
      border: 0;
      border-radius: 0; }
.cart .container .ordertotals {
  margin: auto;
  width: 100%;
  padding: 1% 20px;
  background: #0b3955;
  color: #fff;
  float: left;
  box-sizing: border-box;
  margin-bottom: 30px; }
  .cart .container .ordertotals .tot {
    margin: 0 0 0 20px;
    float: right;
    text-align: right; }
  .cart .container .ordertotals button {
    border-radius: 0;
    margin: 0;
    color: #fff; }
  .cart .container .ordertotals .btn-check {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #0b3955;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box; }
    .cart .container .ordertotals .btn-check:hover {
      background-color: transparent;
      color: #fff; }
    .cart .container .ordertotals .btn-check.inactive {
      background: #bbb;
      color: #E0E0E0; }

.checkout h2 {
  padding: 0 0 30px 0;
  font-size: 30px;
  font-weight: 500;
  color: #0069a6; }
.checkout article fieldset {
  border: 1px solid #0b3955;
  padding: 2% 4% 70px 4%; }
  .checkout article fieldset legend {
    padding: 0.2em 0.5em;
    background: #0b3955;
    color: #fff;
    font-size: 20px;
    text-align: left; }
  .checkout article fieldset label.error {
    color: red; }
  .checkout article fieldset input {
    width: 100%;
    border-radius: 0;
    margin: 10px 0; }
    .checkout article fieldset input:focus {
      border: 1px solid #0b3955; }
    .checkout article fieldset input.error {
      border-color: red; }
.checkout button {
  display: inline-block;
  height: 38px;
  width: 40%;
  margin: 30px 30%;
  float: left;
  color: #0b3955;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #0b3955;
  cursor: pointer;
  box-sizing: border-box; }
  .checkout button:hover {
    background-color: #0b3955;
    color: #fff; }

#media input {
  width: 100%;
  border-radius: 0;
  margin: 10px 0; }
  #media input:focus {
    border: 1px solid #0b3955; }
#media input[type='checkbox'] {
  width: auto; }
#media button {
  width: auto;
  line-height: 2em;
  height: auto;
  border: none;
  background-color: #0069a6;
  color: #fff;
  font-size: 1.2em;
  font-weight: 800;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 0; }
  #media button:hover {
    background-color: #0b3955;
    color: #fff; }

#contact {
  background: #E4E4E4;
  width: 90%;
  padding: 5%; }
  #contact input {
    border: 2px solid #DCDCDC;
    background: #fff;
    font-size: 1.7em;
    font-weight: 300;
    letter-spacing: 3px;
    padding: 10px;
    color: #0b3955;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0; }
    #contact input:focus {
      border: solid #0b3955 2px; }
  #contact textarea {
    height: 250px;
    border: 2px solid #DCDCDC;
    background: #fff;
    font-size: 1.7em;
    font-weight: 300;
    letter-spacing: 3px;
    padding: 10px;
    color: #0b3955;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0; }
    #contact textarea:focus {
      border: solid #0b3955 2px; }
  #contact button {
    width: auto;
    line-height: 2em;
    height: auto;
    border: none;
    background-color: #0069a6;
    color: #fff;
    font-size: 1.2em;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-radius: 0; }
    #contact button:hover {
      background-color: #0b3955;
      color: #fff; }
  #contact ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #0069a6;
    font-weight: 300; }
  #contact ::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #0069a6;
    opacity: 1;
    font-weight: 300; }
  #contact ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #0069a6;
    opacity: 1;
    font-weight: 300; }
  #contact ::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #0b3955; }

.programs {
  width: 100%;
  float: left; }
  .programs .program {
    float: left;
    width: 30%;
    height: 200px;
    margin: 0 5%;
    position: relative;
    overflow: hidden; }
    .programs .program:first-child, .programs .program:last-child {
      margin: 0; }
    .programs .program .img {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -moz-transform: scale(1.1, 1.1);
      -webkit-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1); }
    .programs .program h2 {
      padding: 8px 3%;
      position: absolute;
      bottom: 0px;
      z-index: 9;
      text-align: center;
      width: 94%;
      color: #fff;
      font-size: 1.4em;
      font-weight: 900;
      text-transform: uppercase;
      background: #0069a6; }
    .programs .program a {
      z-index: 10;
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .programs .program:hover .img {
      -moz-transform: scale(1, 1);
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); }

.title-p-sol-air {
  display: inline-block;
  font-size: 3em;
  font-weight: 900;
  margin: 20px 0 0 0;
  font-family: bebas_neue, sans-serif;
  letter-spacing: 2px;
  color: #0069a6;
  float: left; }

.p-sol-air {
  width: 100%;
  float: left;
  margin: 50px 0 0 0; }
  .p-sol-air .image-p {
    width: 35%;
    float: left; }
    .p-sol-air .image-p .img-p {
      width: 100%;
      height: 200px;
      float: left;
      position: relative; }
      .p-sol-air .image-p .img-p a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .p-sol-air .desc {
    width: 62%;
    float: left;
    margin: 0 0 0 3%; }
    .p-sol-air .desc h3 {
      color: #0069a6;
      font-size: 1.5em;
      font-weight: 700;
      line-height: 1em;
      margin: 0 0 10px 0; }
    .p-sol-air .desc p {
      font-size: 1.1em;
      font-weight: 300;
      line-height: 1.4em; }

.p-more {
  display: inline-block;
  float: left;
  margin: 50px 0 20px 0;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.4em;
  width: 100%; }

.breadcrumbs {
  position: absolute;
  left: 0;
  top: 30px;
  float: left;
  color: #b1b3b6;
  cursor: context-menu;
  font-weight: 300; }
  .breadcrumbs a {
    float: left;
    color: #0069a6;
    cursor: pointer; }
    .breadcrumbs a:hover {
      color: #0b3955; }
  .breadcrumbs span {
    float: left;
    margin: 0 5px; }
  .breadcrumbs p {
    float: left;
    color: #838485; }

section {
  float: left;
  width: 100%; }
  section.bg-section {
    background: url("../images/bg-top.png") top right no-repeat, url("../images/bg-bottom.png") bottom left no-repeat;
    padding-bottom: 80px; }
  section.chase-gateway {
    text-align: center; }
    section.chase-gateway h2 {
      font-size: 2em;
      line-height: 1.5em;
      font-weight: 900;
      font-family: bebas_neue, sans-serif;
      letter-spacing: 2px;
      color: #0069a6; }
  section.gallery h1 {
    font-size: 2em;
    line-height: 1.5em;
    font-weight: 900;
    font-family: bebas_neue, sans-serif;
    letter-spacing: 2px;
    color: #0069a6; }
  section .container {
    padding: 100px 0;
    min-height: 342px; }
    section .container .comity {
      padding: 20px 0;
      background: #DCDCDC;
      text-align: center; }
      section .container .comity.odd {
        background: #E4E4E4; }
      section .container .comity article {
        display: inline-block;
        width: 30.33333%;
        padding: 1%;
        text-align: center; }
        section .container .comity article.small img {
          max-width: 170px;
          height: auto !important; }
        section .container .comity article h3 {
          margin-top: 10px;
          font-size: 20px;
          font-weight: 500; }
        section .container .comity article h4 {
          font-size: 20px;
          font-weight: 300;
          color: #e21a22; }
    section .container article.columns {
      float: left; }
      section .container article.columns #mapcontact {
        margin-top: 50px;
        width: 100%;
        height: 300px; }
      section .container article.columns img {
        max-width: 100%;
        height: auto !important; }
      section .container article.columns p {
        font-size: 19px;
        line-height: 1.3em;
        color: #4e4f51;
        font-weight: 300;
        margin: 10px 0; }
        section .container article.columns p > img {
          margin: 0px 10px; }
      section .container article.columns h1, section .container article.columns h2 {
        font-size: 2em;
        line-height: 1em;
        font-weight: 900;
        font-family: bebas_neue, sans-serif;
        letter-spacing: 2px;
        color: #0069a6; }
      section .container article.columns h3 {
        font-size: 1.5em;
        font-weight: 900;
        letter-spacing: 2px;
        font-family: bebas_neue, sans-serif; }
      section .container article.columns h4 {
        font-size: 19px;
        font-weight: 500;
        letter-spacing: 2px; }
      section .container article.columns ul {
        list-style-type: square;
        list-style-position: outside;
        margin: 15px 0 15px 20px !important; }
        section .container article.columns ul li {
          color: #4e4f51;
          font-size: 19px;
          line-height: 1.2em;
          font-weight: 300;
          padding: 5px 0; }
      section .container article.columns ol {
        list-style-position: outside;
        margin: 15px 0 15px 20px !important; }
        section .container article.columns ol li {
          color: #4e4f51;
          font-size: 19px;
          line-height: 1.2em;
          padding: 5px 0;
          font-weight: 300; }
      section .container article.columns ul ul, section .container article.columns ul ol, section .container article.columns ol ul, section .container article.columns ol ol {
        padding: 0 0 0 20px; }
      section .container article.columns table {
        margin: 20px 0 0 0;
        width: 100%;
        border-collapse: collapse; }
      section .container article.columns tr:nth-of-type(odd) {
        background: #eee; }
      section .container article.columns th {
        background: #0b3955;
        color: white;
        font-weight: bold; }
        section .container article.columns th p {
          color: #fff !important; }
      section .container article.columns td, section .container article.columns th {
        padding: 6px;
        border: 1px solid #ccc;
        text-align: left; }
      section .container article.columns .banner article {
        float: left;
        width: 32.3333%;
        margin: 20px 0 0 0;
        text-align: center;
        background: #0069a6;
        padding: 20px 0; }
        section .container article.columns .banner article p {
          color: #fff;
          padding: 0; }
        section .container article.columns .banner article:nth-child(2) {
          margin: 20px 1.5% 0 1.5%; }
  section .title {
    position: relative;
    float: left;
    width: 96%;
    padding: 10px 2%;
    background: #0b3955; }
    section .title h1 {
      position: relative;
      z-index: 3;
      font-family: bebas_neue, sans-serif;
      font-size: 40px;
      float: left;
      text-align: left;
      color: #fff;
      background: #0b3955;
      padding: 0 20px 0 0;
      text-transform: uppercase; }
    section .title .div-line {
      position: absolute;
      width: 98%;
      left: 2%; }
      section .title .div-line .line {
        float: left;
        width: 90%;
        margin-top: 24px;
        height: 2px;
        background: #fff; }
      section .title .div-line .plane {
        float: left;
        width: 8%;
        color: #e21a22;
        font-size: 4em;
        margin: -8px 0 0 2%; }
  section .events {
    width: 100%;
    float: left;
    background: #fff;
    position: relative; }
    section .events .main {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 50%;
      float: left;
      overflow: hidden; }
      section .events .main .img-active {
        width: 93%;
        padding: 0 4%;
        float: left;
        height: 100%; }
    section .events a {
      display: block;
      float: left;
      padding: 0 5%;
      width: 100%;
      box-sizing: border-box; }
    section .events .events-container {
      margin-left: 50%;
      width: 50%;
      float: left; }
      section .events .events-container article {
        position: relative;
        width: 100%;
        float: left;
        box-sizing: border-box;
        border-left-width: 0px;
        border-right-width: 0px;
        border-top-width: 0px;
        border-bottom-width: 3px;
        border-style: solid;
        border-color: #e7eaef;
        -webkit-transition: all 0.3s;
        /* Safari */
        transition: all 0.3s; }
        section .events .events-container article .date {
          background: #e21a22;
          display: inline-block;
          color: #fff;
          font-family: bebas_neue, sans-serif;
          font-size: 30px;
          padding: 0 10px;
          margin-top: 10px; }
        section .events .events-container article .title-event {
          font-family: bebas_neue, sans-serif;
          font-size: 40px;
          margin: 5px 0;
          font-weight: 300;
          color: #616161; }
        section .events .events-container article:hover {
          background: #e7eaef; }
          section .events .events-container article:hover .date {
            background: #e21a22;
            color: #e7eaef; }
          section .events .events-container article:hover .title-event {
            color: #0069a6; }
      section .events .events-container .btn-event {
        background: #0069a6;
        border: 0; }
        section .events .events-container .btn-event p {
          color: #fff;
          text-align: center;
          font-family: bebas_neue, sans-serif;
          font-size: 30px;
          padding: 10px 0;
          font-weight: 800;
          letter-spacing: 4px; }
        section .events .events-container .btn-event:hover {
          background: #e7eaef; }
          section .events .events-container .btn-event:hover p {
            color: #0069a6; }
  section .shop {
    width: 100%;
    float: left; }
    section .shop article {
      width: 16%;
      padding: 2%;
      text-align: center;
      height: 325px;
      float: left;
      position: relative;
      overflow: hidden; }
      section .shop article h2 {
        color: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        padding: 10px 0;
        z-index: 4;
        font-family: bebas_neue, sans-serif;
        font-size: 28px;
        font-weight: bold; }
      section .shop article .overflow {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        background: rgba(33, 33, 33, 0.6);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      section .shop article .bg-img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      section .shop article:hover .overflow {
        opacity: 0.5; }
      section .shop article:hover .bg-img {
        -moz-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1); }
    section .shop .btn-shop {
      background: #0069a6; }
      section .shop .btn-shop p {
        text-transform: uppercase;
        color: #fff;
        font-family: bebas_neue, sans-serif;
        font-size: 50px;
        font-weight: bold;
        padding: 65px 20px; }
      section .shop .btn-shop:hover {
        background: #fff; }
        section .shop .btn-shop:hover p {
          color: #0069a6; }
  section.construct {
    width: 100%;
    height: 100vh;
    float: left; }
    section.construct .container {
      text-align: center; }
      section.construct .container h1 {
        color: #fff;
        font-size: 60px;
        font-weight: 800;
        margin: 33vh 0 0 0;
        text-transform: uppercase; }
      section.construct .container a {
        font-size: 20px;
        text-transform: uppercase;
        display: inline-block;
        background: #0069a6;
        color: #fff;
        padding: 5px 10px; }
        section.construct .container a:hover {
          color: #0069a6;
          background: #fff; }

.grid {
  width: 100%;
  float: left;
  position: relative; }

.grid-item {
  width: calc(33.333% - 30px);
  margin: 0 15px 30px 15px; }

.event-programmation {
  float: left;
  background: #fff; }
  .event-programmation .content {
    padding: 20px; }
  .event-programmation h2 {
    display: inline-block;
    width: 100%;
    font-size: 2em;
    line-height: 1.2em;
    font-weight: 900;
    margin-top: 15px;
    text-transform: uppercase; }
  .event-programmation img {
    width: 100%;
    margin: 20px 0;
    float: left; }
  .event-programmation .tocome {
    float: left;
    text-transform: uppercase;
    padding: 5px 15px;
    display: inline-block;
    background: #e21a22;
    color: #fff; }
  .event-programmation p.no-sheet {
    color: #0069a6 !important;
    display: inline-block; }

.events-lst {
  position: relative;
  float: left;
  width: 48%;
  height: 150px;
  padding: 2% 14% 0% 2%;
  background: #0b3955;
  color: #fff;
  margin: 1%;
  box-sizing: border-box;
  overflow-y: auto; }
  .events-lst .date {
    font-weight: 100; }
  .events-lst h2 {
    font-size: 20px;
    font-weight: 600; }
  .events-lst .btn {
    color: #fff;
    background: #e21a22 !important; }
    .events-lst .btn:hover {
      background: #0069a6 !important; }
  .events-lst .image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 25%; }

footer {
  width: 100%;
  float: left;
  color: #fff;
  background: #fff; }
  footer #footerbg {
    background: url("../images/footerbg.jpg") left no-repeat;
    background-size: cover !important; }
  footer article {
    float: left;
    width: 96%;
    padding: 20px 2%; }
    footer article.logo-partner {
      text-align: center; }
      footer article.logo-partner h2 {
        text-align: center;
        color: #e21a22;
        font-family: bebas_neue, sans-serif;
        font-weight: 800;
        font-size: 20px; }
      footer article.logo-partner a {
        margin: 0 30px; }
        footer article.logo-partner a img {
          max-width: 100px;
          display: inline-block;
          -webkit-filter: grayscale(0%);
          -moz-filter: grayscale(0%);
          -o-filter: grayscale(0%);
          -ms-filter: grayscale(0%);
          filter: grayscale(0%);
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        footer article.logo-partner a:hover img {
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          -ms-filter: grayscale(100%);
          filter: grayscale(100%); }
    footer article .left {
      float: left;
      width: 50%; }
      footer article .left img {
        max-width: 185px;
        width: 100%; }
        footer article .left img:hover {
          opacity: 0.7; }
    footer article .right {
      float: left;
      width: 50%;
      text-align: right; }
      footer article .right .saib-info {
        font-size: 20px; }
      footer article .right p {
        font-size: 18px;
        font-weight: 100;
        margin: 4px 0; }
      footer article .right a {
        color: #fff;
        font-weight: 300; }
        footer article .right a:hover {
          color: #0069a6; }
        footer article .right a span {
          font-size: 0.8em; }

.square {
  display: inline-block;
  margin: 0 3px;
  padding: 5px;
  background: #e21a22;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #fff; }
  .square:hover {
    background: #fff;
    color: #e21a22; }
  .square.icon-en, .square.icon-fr {
    background: #0069a6;
    padding: 5px 8px; }
    .square.icon-en:hover, .square.icon-fr:hover {
      background: #fff;
      color: #0069a6; }

.u-vmenu {
  display: none; }

/*---------------------------3. Animations---------------------------------*/
@-webkit-keyframes logoHeader {
  0% {
    -moz-transform: scale(0.4, 0.4);
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4); }
  100% {
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
@keyframes logoHeader {
  0% {
    -moz-transform: scale(0.4, 0.4);
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4); }
  100% {
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
/*---------------------------4. Fonts---------------------------------*/
@font-face {
  font-family: 'bebas_neue';
  src: url("../fonts/BebasNeue/bebasneue_regular-webfont.eot");
  src: url("../fonts/BebasNeue/bebasneue_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeue/bebasneue_regular-webfont.woff2") format("woff2"), url("../fonts/BebasNeue/bebasneue_regular-webfont.woff") format("woff"), url("../fonts/BebasNeue/bebasneue_regular-webfont.ttf") format("truetype"), url("../fonts/BebasNeue/bebasneue_regular-webfont.svg#bebas_neue, sans-serif_regularregular") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'bebas_neue';
  src: url("../fonts/BebasNeue/bebasneue_thin-webfont.eot");
  src: url("../fonts/BebasNeue/bebasneue_thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeue/bebasneue_thin-webfont.woff2") format("woff2"), url("../fonts/BebasNeue/bebasneue_thin-webfont.woff") format("woff"), url("../fonts/BebasNeue/bebasneue_thin-webfont.ttf") format("truetype"), url("../fonts/BebasNeue/bebasneue_thin-webfont.svg#bebas_neue, sans-serifthin") format("svg");
  font-weight: 100;
  font-style: thin; }
@font-face {
  font-family: 'bebas_neue';
  src: url("../fonts/BebasNeue/bebasneue_bold-webfont.eot");
  src: url("../fonts/BebasNeue/bebasneue_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeue/bebasneue_bold-webfont.woff2") format("woff2"), url("../fonts/BebasNeue/bebasneue_bold-webfont.woff") format("woff"), url("../fonts/BebasNeue/bebasneue_bold-webfont.ttf") format("truetype"), url("../fonts/BebasNeue/bebasneue_bold-webfont.svg#bebas_neue, sans-serifbold") format("svg");
  font-weight: 800;
  font-style: bold; }
@font-face {
  font-family: 'bebas_neue';
  src: url("../fonts/BebasNeue/bebasneue_light-webfont.eot");
  src: url("../fonts/BebasNeue/bebasneue_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeue/bebasneue_light-webfont.woff2") format("woff2"), url("../fonts/BebasNeue/bebasneue_light-webfont.woff") format("woff"), url("../fonts/BebasNeue/bebasneue_light-webfont.ttf") format("truetype"), url("../fonts/BebasNeue/bebasneue_light-webfont.svg#bebas_neue, sans-seriflight") format("svg");
  font-weight: 300;
  font-style: light; }
/*---------------------------APP---------------------------------*/
.nfchrome {
  box-sizing: border-box;
  padding: 20px;
  float: left;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#da1115+0,0069a6+100 */
  background: #da1115;
  /* Old browsers */
  background: -moz-linear-gradient(top, #da1115 0%, #0069a6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #da1115 0%, #0069a6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #da1115 0%, #0069a6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da1115', endColorstr='#0069a6',GradientType=0 );
  /* IE6-9 */
  color: #fff;
  display: flex;
  align-items: center;
  /* Radomir */ }
  .nfchrome .align {
    display: inline-block;
    width: 100%;
    text-align: center; }
    .nfchrome .align h1 {
      font-family: bebas_neue, sans-serif;
      color: #fff;
      font-size: 30px;
      font-weight: 800; }
  .nfchrome .cbutton {
    position: relative;
    display: inline-block;
    margin: 0.5em;
    padding: 0;
    border: none;
    background: none;
    color: #fff;
    font-size: 80px;
    overflow: visible;
    -webkit-transition: color 0.7s;
    transition: color 0.7s;
    -webkit-tap-highlight-color: transparent; }
  .nfchrome .cbutton.cbutton--click,
  .nfchrome .cbutton:focus {
    outline: none;
    color: #3c8ddc; }
  .nfchrome .cbutton__icon {
    display: block;
    -webkit-animation: scale 1s ease-out infinite;
    animation: scale 1s ease-out infinite; }
  .nfchrome .cbutton__text {
    position: absolute;
    opacity: 0;
    pointer-events: none; }
  .nfchrome .cbutton::after {
    position: absolute;
    top: -50%;
    left: -55%;
    width: 170px;
    height: 170px;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Safari */
    transform: translate(-50%, -50%);
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none; }
  .nfchrome .cbutton--effect-radomir::after {
    box-shadow: inset 0 0 0 35px rgba(111, 148, 182, 0);
    -webkit-animation: anim-effect-radomir 0.5s ease-out infinite;
    animation: anim-effect-radomir 0.5s ease-out infinite; }
@-webkit-keyframes anim-effect-radomir {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.4, 0.4, 1);
    transform: scale3d(0.4, 0.4, 1); }
  80% {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.8);
    opacity: 0.1; }
  100% {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1); } }
@keyframes anim-effect-radomir {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.4, 0.4, 1);
    transform: scale3d(0.4, 0.4, 1); }
  80% {
    box-shadow: inset 0 0 0 2px rgba(111, 148, 182, 0.8);
    opacity: 0.1; }
  100% {
    box-shadow: inset 0 0 0 2px rgba(111, 148, 182, 0.8);
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1); } }
@-webkit-keyframes scale {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  80% {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes scale {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  80% {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
/*---------------------------5. MediaQueries---------------------------------*/
@media only screen and (max-width: 1560px), only screen and (max-device-width: 1560px) {
  .menu-fixed .menu-uti nav ul a {
    margin: 0 10px; }
  .menu-fixed .menu-uti nav ul li {
    font-size: 21px; }
  .menu-fixed .menu-prin .logo h1 {
    font-size: 25px;
    margin: 20px 0 20px 10px; }
  .menu-fixed .menu-prin .main nav ul li {
    font-size: 20px; }

  .u-vmenu {
    display: none; } }
@media only screen and (max-width: 1360px), only screen and (max-device-width: 1360px) {
  section .events .events-container article .date {
    font-size: 30px; }
  section .events .events-container article .title-event {
    font-size: 40px; }

  article.columns {
    float: left;
    /* Zebra striping */ }
    article.columns #mapcontact {
      margin-top: 50px;
      width: 100%;
      height: 300px; }
    article.columns img {
      width: 100%; }
    article.columns p {
      font-size: 1.2em;
      line-height: 1.3em;
      color: #4e4f51;
      font-weight: 300;
      margin: 10px 0; }
    article.columns h1, article.columns h2 {
      font-size: 2em;
      line-height: 1.3em;
      font-weight: 900;
      font-family: bebas_neue, sans-serif;
      letter-spacing: 2px; }
    article.columns h3 {
      font-size: 1.5em;
      font-weight: 900;
      letter-spacing: 2px;
      font-family: bebas_neue, sans-serif; }
    article.columns ul {
      list-style-type: square;
      margin: 5px 0; }
      article.columns ul li {
        color: #4e4f51;
        font-size: 1.2em;
        line-height: 1.3em;
        font-weight: 400; }
    article.columns table {
      margin: 20px 0 0 0;
      width: 100%;
      border-collapse: collapse;
      overflow: auto; }
    article.columns tr:nth-of-type(odd) {
      background: #eee; }
    article.columns th {
      background: #0b3955;
      color: white;
      font-weight: bold; }
    article.columns td, article.columns th {
      padding: 6px;
      border: 1px solid #ccc;
      text-align: left; }

  .u-vmenu {
    display: none; } }
@media only screen and (max-width: 1260px), only screen and (max-device-width: 1260px) {
  .menu-fixed .menu-prin .main {
    float: right;
    width: 78%; }

  .div-line {
    display: none; }

  .menu-fixed .menu-prin .logo h1 {
    display: none; }
  .menu-fixed .menu-prin .main .cbp-hrmenu ul li {
    font-size: 25px; }

  .u-vmenu {
    display: none; } }
@media only screen and (max-width: 1080px), only screen and (max-device-width: 1080px) {
  div.compteur {
    top: 128px; }

  .menu-fixed {
    z-index: 9999999999999999999999999999999; }

  #cart {
    z-index: 6; }

  .u-vmenu {
    position: absolute;
    display: block;
    top: 114px;
    right: 0;
    -moz-transform: translate(100%, 0px);
    -webkit-transform: translate(100%, 0px);
    z-index: 9999999999999999999999; }

  .menu-fixed .menu-prin .logo h1 {
    font-size: 20px;
    margin: 20px 0 20px 10px; }
  .menu-fixed .menu-prin .logo img {
    max-width: 90px;
    float: left;
    margin: 5px 0; }
  .menu-fixed .menu-prin .main {
    width: 78%;
    margin-top: 10px; }
    .menu-fixed .menu-prin .main nav.cbp-hrmenu {
      display: none; }
    .menu-fixed .menu-prin .main nav ul li {
      font-size: 19px; }
      .menu-fixed .menu-prin .main nav ul li a {
        padding: 0.5em; }

  .cbp-hrsub h4 {
    padding-top: 0.6em; }

  .menu-fixed .menu-uti nav ul {
    float: right;
    padding: 10px 0;
    width: 100%;
    text-align: right;
    cursor: context-menu; }
    .menu-fixed .menu-uti nav ul a {
      margin: 0 5px;
      cursor: pointer; }
    .menu-fixed .menu-uti nav ul li {
      display: inline-block;
      font-family: bebas_neue, sans-serif;
      text-transform: uppercase;
      font-size: 18px;
      color: #fff; }
    .menu-fixed .menu-uti nav ul .icone a .square {
      font-size: 0.8em; }
  .menu-fixed .menu-prin .logo img {
    max-width: 90px;
    float: left;
    margin: 5px 0; }
  .menu-fixed .menu-prin .btn-menu {
    display: inline-block; }

  .banner {
    display: none; }

  section .title h1 {
    font-size: 45px; }

  article.columns {
    width: 100% !important;
    margin: 0 0 50px 0; }

  section.bg-section {
    background: transparent; }
  section .container .comity article {
    width: 48%; }
  section .shop article {
    width: 46%;
    padding: 2%;
    height: 155px; }
    section .shop article h2 {
      font-size: 28px; }
  section .shop .btn-shop {
    width: 96%;
    height: auto;
    padding: 20px 2%; }
    section .shop .btn-shop p {
      font-size: 40px;
      line-height: 50px;
      padding: 0; }
    section .shop .btn-shop:hover {
      background: #0b3955; }
      section .shop .btn-shop:hover p {
        color: #fff; }
  section .events .main {
    display: none; }
  section .events .events-container {
    margin-left: 0%;
    width: 100%; }
    section .events .events-container article .date {
      font-size: 20px; }
    section .events .events-container article .title-event {
      font-size: 30px; }

  .shop .category {
    width: 70%;
    float: left;
    z-index: 999;
    -ms-transform: translate(-100%, 0);
    /* IE 9 */
    -webkit-transform: translate(-100%, 0);
    /* Safari */
    transform: translate(-100%, 0);
    webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out; }
    .shop .category.active {
      -ms-transform: translate(0%, 0);
      /* IE 9 */
      -webkit-transform: translate(0%, 0);
      /* Safari */
      transform: translate(0%, 0); }
    .shop .category h2 {
      position: relative; }
      .shop .category h2 .btn-close-cat {
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px 15px;
        font-size: 20px;
        font-weight: 900;
        background: #0069a6;
        display: inline-block;
        text-align: center;
        cursor: pointer; }
        .shop .category h2 .btn-close-cat:hover {
          background: #fff;
          color: #0069a6; }
  .shop .zone-shop {
    float: left;
    width: 100%;
    margin: 0 0 0 0; }
    .shop .zone-shop .btn-cat {
      position: relative;
      display: inline-block;
      cursor: pointer;
      text-align: center;
      color: #fff;
      float: left;
      background: #0069a6;
      z-index: 3;
      font-size: 20px;
      padding: 10px;
      margin: 0 0 20px 0; }
      .shop .zone-shop .btn-cat:hover {
        background: #e21a22; }
    .shop .zone-shop .services h2 {
      float: left;
      width: auto;
      padding: 10px;
      box-sizing: border-box;
      margin: 0 0 20px 0; }
    .shop .zone-shop .services .owl-carousel {
      float: left; }
    .shop .zone-shop .products .columns-products .list-products .product {
      height: 200px;
      width: 47%; }

  .programs .program {
    height: 150px;
    width: 100%;
    margin: 20px 0%; }

  .p-sol-air {
    width: 100%;
    margin: 50px 0 0 0; }
    .p-sol-air .image-p {
      width: 100%; }
    .p-sol-air .desc {
      width: 100%;
      margin: 20px 0 0 0%; } }
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
  .grid-item {
    width: calc(50% - 30px);
    margin: 0 15px 30px 15px; }

  div.compteur {
    left: 0;
    width: 100%;
    text-align: center; }

  .headAccueil .home-buttons {
    display: none; }

  .shop-product article.four {
    width: 100%; }
  .shop-product article.eight {
    width: 100%; }
  .shop-product article.info-form {
    width: 100%;
    margin: 0; }
  .shop-product article .img-product {
    height: 200px; }

  .cart .container .ordertotals button {
    width: 100%;
    margin: 10px 0 20px 0; }
  .cart .container .ordertotals .btn-check {
    width: 100%;
    margin: 0px 0 20px 0; }

  .checkout button {
    width: 100%;
    margin: 30px 0%; } }
@media only screen and (max-width: 660px), only screen and (max-device-width: 660px) {
  header.standard .title h1 {
    font-size: 3em;
    padding: 0 4%; }

  table {
    overflow-x: auto;
    display: block; }

  section .title h1 {
    font-size: 35px;
    float: none;
    text-align: center; }

  .headAccueil {
    height: calc(100vh + 70px); }
    .headAccueil .logohead h1 {
      font-size: 28px; }
    .headAccueil .logohead h2 {
      height: auto; }
      .headAccueil .logohead h2:before, .headAccueil .logohead h2:after {
        display: none; }
    .headAccueil .logohead .btn-head {
      font-size: 23px; }
    .headAccueil #block {
      height: calc(100vh + 70px) !important; }
    .headAccueil .app {
      bottom: 0;
      left: 0; }
      .headAccueil .app img {
        width: 50%;
        float: left; }

  .events-lst {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding: 4% 27% 4% 4%;
    background: #0b3955;
    color: #fff;
    margin: 0 0 20px 0;
    overflow-y: auto; }
    .events-lst .date {
      font-weight: 100; }
    .events-lst h2 {
      font-size: 20px;
      font-weight: 600; }
    .events-lst .btn {
      color: #fff;
      background: #e21a22 !important; }
      .events-lst .btn:hover {
        background: #0069a6 !important; }

  section.construct .container h1 {
    font-size: 30px;
    margin: 33vh 0 0 0; }
  section.chase-gateway {
    padding: 80px 0; }
    section.chase-gateway h2 {
      font-size: 1.4em;
      line-height: 1.5em;
      font-weight: 900;
      font-family: bebas_neue, sans-serif;
      letter-spacing: 2px;
      color: #0069a6; }
  section .container .comity article {
    width: 98%;
    padding: 1%; }
  section .shop article h2 {
    font-size: 23px; }

  footer article.logo-partner a {
    margin: 0 10px; }
    footer article.logo-partner a img {
      max-width: 80px; }
  footer article .left {
    float: left;
    width: 100%;
    text-align: center; }
    footer article .left img {
      max-width: 150px;
      width: 100%; }
      footer article .left img:hover {
        opacity: 0.7; }
    footer article .left p {
      font-size: 17px;
      font-weight: 100;
      margin: 4px 0; }
    footer article .left .square {
      font-size: 1.7em; }
  footer article .right {
    width: 100%;
    text-align: center;
    padding-top: 30px; }
    footer article .right p {
      font-size: 17px;
      font-weight: 100;
      margin: 4px 0; }

  .shop .zone-shop .products .columns-products .list-products .product {
    width: 92%;
    margin: 4%; }

  .cart .container .ordertotals {
    padding: 30px 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center; }
    .cart .container .ordertotals button {
      flex: 1;
      order: 2; }
    .cart .container .ordertotals .btn-check {
      order: 3; }
    .cart .container .ordertotals .tot {
      text-align: center;
      width: 100%;
      display: inline-block;
      order: 1;
      font-size: 15px;
      margin: 0 0 0 10px;
      font-size: 25px; }

  .parallax-window {
    height: 160px; }

  .menu-fixed .menu-uti nav ul li {
    font-size: 15px; }

  .menu-fixed .menu-uti nav ul li a {
    margin: 0 2px; }

  .u-vmenu {
    width: 100%; } }
@media only screen and (max-width: 485px), only screen and (max-device-width: 485px) {
  .grid-item {
    width: calc(100% - 30px);
    margin: 0 15px 30px 15px; }

  .products .columns-products ul li {
    width: 100%;
    margin-bottom: 15px; }

  .headAccueil .logohead {
    background: transparent; }
    .headAccueil .logohead h1 {
      font-size: 23px; }
    .headAccueil .logohead h2 {
      font-size: 23px;
      margin: 20px 0 0 0; }
    .headAccueil .logohead .btn-head {
      margin: 10px 0 0 0; }

  .title-p-sol-air {
    font-size: 2.7em;
    text-align: center;
    float: none;
    width: 100%; }

  .p-sol-air .image-p {
    width: 100%; }
    .p-sol-air .image-p .img-p {
      width: 100%;
      height: 150px;
      margin: 20px 0 0 0; } }
@media only screen and (max-width: 436px), only screen and (max-device-width: 436px) {
  div.compteur {
    top: 138px; }
    div.compteur span {
      font-size: 18px; } }
@media only screen and (max-width: 390px), only screen and (max-device-width: 390px) {
  div.compteur {
    top: 112px; }

  .rs-mobile {
    display: none !important; }

  .container {
    width: 92%;
    padding: 90px 0 0 0 !important; }

  section .container article.columns p > img {
    margin: 0px 0px; } }

/*# sourceMappingURL=styles.css.map */