/* ========================================================================== */
/* =                                                                        = */
/* =                                                                        = */
/* =                         Landing Page Stylesheet                        = */
/* =                       (Copyright - Certideal 2020)                     = */
/* =                                                                        = */
/* =                                                                        = */
/* ========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

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

a img {
  border: none; }

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

/* ========================================================================== */
/* ========================================================================== */
/* =============================  NORMALIZE  ================================ */
/* ========================================================================== */
/* ========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

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

a img {
  border: none; }

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

/* ========================================================================== */
/* ========================================================================== */
/* ================================  FONTS  ================================= */
/* ========================================================================== */
/* ========================================================================== */
@font-face {
  font-family: 'MontserratRegular';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'MontserratMedium';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); }
@font-face {
  font-family: 'MontserratSemiBold';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype"); }
/* ========================================================================== */
/* ========================================================================== */
/* ================================  TYPOS  ================================= */
/* ========================================================================== */
/* ========================================================================== */
strong, b {
  font-family: "MontserratMedium"; }

p {
  color: inherit;
  margin-bottom: 15px; }

h1 {
  font-family: "MontserratSemiBold";
  font-size: 22px;
  line-height: 25px; }

h2 {
  font-family: "MontserratSemiBold";
  font-size: 35px;
  line-height: 40px; }
  @media (max-width: 768px) {
    h2 {
      font-size: 28px;
      line-height: 40px; } }
  h2 strong {
    font-family: "MontserratSemiBold";
    color: #05cada; }

h4 {
  font-family: "MontserratMedium";
  font-size: 26px;
  line-height: 34px;
  margin: 0 0 20px 0; }

h6 {
  font-family: "MontserratRegular";
  font-size: 22px;
  line-height: 24px; }

.text-underline {
  text-decoration: underline; }

.description-text {
  font-style: italic;
  font-size: 11px;
  line-height: 15px !important; }

/* ========================================================================== */
/* ========================================================================== */
/* ================================  COMMON  ================================ */
/* ========================================================================== */
/* ========================================================================== */
body {
  font: normal 15px/20px "MontserratRegular";
  color: #222222;
  background-color: #f6f6f9; }

section {
  margin-top: 30px; }
  section:nth-child(1) {
    margin-top: 0; }

.panel {
  position: relative;
  border-radius: 0;
  padding: 20px;
  margin: 0 0 20px 0; }
  @media (max-width: 767px) {
    .panel {
      margin-bottom: 10px; } }
  .panel .panel-heading {
    padding: 0 0 20px;
    border-bottom: 1px solid #E6E6E7;
    color: #6f6f6f;
    text-align: center; }
    .panel .panel-heading .panel-title {
      font-family: "MontserratSemiBold";
      color: #292930;
      font-size: 28px;
      line-height: 35px;
      margin-bottom: 9px; }
      @media (max-width: 767px) {
        .panel .panel-heading .panel-title {
          font-size: 22px;
          line-height: 28px; } }
      .panel .panel-heading .panel-title strong {
        color: #05cada; }
  .panel .panel-body {
    padding: 20px 0 0; }
  .panel.panel-default {
    border-color: #E6E6E7;
    background-color: #fff; }
    .panel.panel-default .panel-heading {
      background-color: transparent; }

.btn {
  font-family: "MontserratSemiBold";
  border-radius: 0;
  padding-left: 12px;
  padding-right: 12px;
  min-width: 120px;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }
  .btn:active, .btn:hover, .btn:selected, .btn:focus {
    color: #23527c;
    background: #05cada;
    /*border: 1px $primary-color solid;*/
    /*border-color: inherit;*/
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out; }
  .btn:active, .btn:hover {
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.085);
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.085);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.085); }
  .input-group-btn > .btn {
    border-width: 1px;
    background-color: #05cada;
    color: white;
    min-width: auto; }
  @media (max-width: 768px) {
    .btn {
      margin-top: 3px;
      margin-bottom: 3px; }
      .input-group-btn .btn {
        margin-top: 0;
        margin-bottom: 0; } }

.btn-large {
  font-size: 15px;
  text-transform: none;
  /*min-width: 120px;*/
  padding: 12px 35px 13px;
  min-width: 140px; }

.btn-default {
  color: #05cada;
  background-color: transparent;
  border-color: #05cada; }
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: #05cada;
    background-color: transparent;
    border-color: #04939e; }
  .open .btn-default.dropdown-toggle {
    color: #05cada;
    background-color: transparent;
    border-color: #04939e; }
  .btn-default:active, .btn-default.active {
    background-image: none; }
  .open .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
    background-color: transparent;
    border-color: #05cada; }

.btn-primary {
  color: #fff;
  background-color: #05cada;
  border-color: transparent;
  background: linear-gradient(0.3turn, #00b7cb, #06d6e2);
  border: none; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: #fff;
    background-color: #04a5b2;
    border-color: transparent; }
  .open .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #04a5b2;
    border-color: transparent; }
  .btn-primary:active, .btn-primary.active {
    background-image: none; }
  .open .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #05cada;
    border-color: transparent; }
  .panel-default .btn-primary {
    background: #05cada;
    border-radius: 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-primary.disabled {
    background-color: grey; }
    .btn-primary.disabled:hover {
      background-color: darkgray; }

.btn-secondary {
  color: #fff;
  background-color: #EC5E56;
  border-color: transparent;
  border: none; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
    color: #fff;
    background-color: #e83b31;
    border-color: transparent; }
  .open .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #e83b31;
    border-color: transparent; }
  .btn-secondary:active, .btn-secondary.active {
    background-image: none; }
  .open .btn-secondary.dropdown-toggle {
    background-image: none; }
  .btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active {
    background-color: #EC5E56;
    border-color: transparent; }

.label {
  font-family: "MontserratSemiBold";
  font-size: 13px;
  padding: 3px 12px 4px;
  margin: 1px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

form input {
  font-family: "MontserratRegular";
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  form input:-moz-placeholder {
    color: #bbbbbb;
    font-size: 14px;
    line-height: 25px; }
  form input::-moz-placeholder {
    color: #bbbbbb;
    font-size: 14px;
    line-height: 25px; }
  form input:-ms-input-placeholder {
    color: #bbbbbb;
    font-size: 14px;
    line-height: 25px; }
  form input::-webkit-input-placeholder {
    color: #bbbbbb;
    font-size: 14px;
    line-height: 25px; }
  form input:focus {
    border-color: #05cada; }
  form input.input-lg {
    font-size: 15px; }
form p.help-block {
  margin-top: 20px;
  font-family: "MontserratMedium";
  color: #222222;
  font-size: 18px; }

/* ========================================================================== */
/* ========================================================================== */
/* ================================  HEADER  ================================ */
/* ========================================================================== */
/* ========================================================================== */
#content #header {
  text-align: center; }
  #content #header .header-bg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 300px;
    background: url(../img/bg_header.jpg) no-repeat center top; }
    @media (max-width: 767px) {
      #content #header .header-bg {
        height: 360px;
        background: url(../img/bg_header_xs.jpg) no-repeat center top;
        background-size: 100% auto; } }
  #content #header .header-content {
    color: #fff;
    padding: 20px; }
    #content #header .header-content img#logo {
      width: 500px; }
      @media (max-width: 991px) {
        #content #header .header-content img#logo {
          width: 320px; } }
      @media (max-width: 768px) {
        #content #header .header-content img#logo {
          width: 220px; } }
    #content #header .header-content p {
      font-family: "MontserratSemiBold";
      font-size: 22px;
      line-height: 40px;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        #content #header .header-content p {
          font-size: 10px; } }
      @media (max-width: 991px) {
        #content #header .header-content p {
          font-size: 13px; } }
      #content #header .header-content p span {
        display: inline-block;
        vertical-align: middle; }
      #content #header .header-content p img {
        display: inline-block;
        vertical-align: middle;
        height: 35px; }
        @media (max-width: 768px) {
          #content #header .header-content p img {
            height: 20px; } }

/* ========================================================================== */
/* ========================================================================== */
/* =============================  MAIN CONTENT  ============================= */
/* ========================================================================== */
/* ========================================================================== */
#content #main {
  position: relative;
  z-index: 2; }
  #content #main #countdown {
    padding: 0 300px; }
    @media (max-width: 991px) {
      #content #main #countdown {
        padding: 0 90px; } }
    @media (max-width: 767px) {
      #content #main #countdown {
        padding: 0; } }
    #content #main #countdown .countdown-item span {
      display: block; }
    #content #main #countdown .countdown-item .countdown-item-number {
      font-size: 40px;
      line-height: 42px;
      color: #222222; }
      @media (max-width: 767px) {
        #content #main #countdown .countdown-item .countdown-item-number {
          font-size: 28px; } }
    #content #main #countdown .countdown-item .countdown-item-title {
      font-size: 10px;
      line-height: 12px;
      text-transform: uppercase;
      text-align: center; }
      @media (max-width: 767px) {
        #content #main #countdown .countdown-item .countdown-item-title {
          font-size: 9px; } }
  #content #main #landing-content-campaign h4 {
    text-align: center;
    color: #05cada; }
  #content #main #landing-content-campaign h6 {
    margin: 0 0 20px 0;
    padding-bottom: 9px;
    border-bottom: 1px solid #E6E6E7; }
    @media (max-width: 767px) {
      #content #main #landing-content-campaign h6 {
        text-align: center; } }
  #content #main #landing-content-campaign p {
    line-height: 30px;
    margin-left: 60px;
    margin-right: 60px; }
    @media (max-width: 991px) {
      #content #main #landing-content-campaign p {
        text-align: center; } }
    @media (max-width: 767px) {
      #content #main #landing-content-campaign p {
        margin-bottom: 18px;
        margin-left: 30px;
        margin-right: 30px; } }
  #content #main #landing-content-campaign #maitre-widget {
    margin: 25px 0 30px; }
  #content #main #landing-content-campaign .campaign-howto {
    margin-bottom: 40px;
    padding: 0 60px; }
    @media (max-width: 991px) {
      #content #main #landing-content-campaign .campaign-howto {
        padding: 0; } }
    @media (max-width: 767px) {
      #content #main #landing-content-campaign .campaign-howto {
        margin-bottom: 0; } }
    #content #main #landing-content-campaign .campaign-howto .campaign-list {
      padding: 20px; }
      @media (max-width: 991px) {
        #content #main #landing-content-campaign .campaign-howto .campaign-list {
          padding: 0;
          margin-bottom: 40px; } }
      #content #main #landing-content-campaign .campaign-howto .campaign-list ol > li {
        line-height: 30px;
        margin-bottom: 9px; }
        @media (max-width: 767px) {
          #content #main #landing-content-campaign .campaign-howto .campaign-list ol > li {
            margin-bottom: 0; } }
      #content #main #landing-content-campaign .campaign-howto .campaign-list ul > li {
        line-height: 30px; }
        #content #main #landing-content-campaign .campaign-howto .campaign-list ul > li:before {
          content: url(https://cf6.certideal.com/themes/certideal/css/../img/picto/picto_check.png);
          display: inline-block;
          vertical-align: middle;
          margin-right: 15px;
          line-height: 15px; }

/* ========================================================================== */
/* ========================================================================== */
/* ================================  FOOTER  ================================ */
/* ========================================================================== */
/* ========================================================================== */
#content #footer {
  text-align: center; }
  #content #footer h2 {
    margin: 0 0 20px; }
    @media (max-width: 767px) {
      #content #footer h2 {
        margin-bottom: 10px; } }
  #content #footer .footer-banner .banner-item {
    float: left;
    width: 33.32%;
    height: 180px;
    padding: 10px;
    background: #E1F0F5; }
    @media (max-width: 767px) {
      #content #footer .footer-banner .banner-item {
        width: 100%;
        height: auto;
        float: none; } }
    #content #footer .footer-banner .banner-item img, #content #footer .footer-banner .banner-item h6 {
      margin-bottom: 9px; }
    #content #footer .footer-banner .banner-item img {
      width: 65px; }
    #content #footer .footer-banner .banner-item p {
      font-size: 13px;
      line-height: 17px;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        #content #footer .footer-banner .banner-item p {
          font-size: 14px;
          line-height: 20px; } }
      #content #footer .footer-banner .banner-item p strong, #content #footer .footer-banner .banner-item p a {
        color: #05cada; }
    #content #footer .footer-banner .banner-item:nth-child(2n) {
      background: #00b4d2;
      color: #fff; }
      #content #footer .footer-banner .banner-item:nth-child(2n) p strong, #content #footer .footer-banner .banner-item:nth-child(2n) a {
        color: #fff; }

/* ========================================================================== */
/* ========================================================================== */
/* =============================  POPUP CONTENT  ============================ */
/* ========================================================================== */
/* ========================================================================== */
/** Check where it's located inside nodes */
.modal-backdrop {
  opacity: 0.8; }

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