/*  -------------------------------------------------------
------------------->>> MIXINS <<<----------------------
-------------------------------------------------------  */
/*Flexbox*/
section.more .content .item {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

/* Clearfix*/
/*Position*/
/*Positioning helpers*/
/*Keyframes*/
/*Animations*/
/* Usage
@include gradient(#07c, #06f, vertical);
*/
/* Usage
@include placeholder {
  font-style:italic;
  color: white;
  font-weight:100;
}*/
.img-responsive {
  max-width: 100%;
  height: auto; }

body {
  color: #231F20;
  font-size: 16px;
  font-family: 'Inter', sans-serif; }

p {
  margin: 0; }
  p.bold {
    font-weight: 700; }

h1, h2, h3 {
  margin: 0;
  font-family: 'Syne', sans-serif;
  font-weight: 700; }

h1 {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FDFDFD; }
  h1 span {
    display: block; }
  @media screen and (min-width: 992px) {
    h1 {
      font-size: 52px; } }

h2 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 30px; }
  @media screen and (min-width: 992px) {
    h2 {
      font-size: 40px; } }

h3 {
  font-size: 15px;
  font-weight: 700;
  padding-bottom: 30px;
  text-transform: uppercase; }

@media screen and (min-width: 768px) {
  .titles {
    margin: 0 auto; } }
.titles p {
  padding-bottom: 30px; }
  @media screen and (min-width: 992px) {
    .titles p {
      padding-bottom: 60px; } }

a {
  display: inline-block;
  padding: 8px 12px;
  color: #FDFDFD;
  text-decoration: none; }
  @media screen and (min-width: 576px) {
    a {
      padding: 8px 26px; } }
  a:hover {
    text-decoration: none; }
  a.cta-call {
    border-width: 4px;
    border-color: #FDFDFD;
    border-style: double; }
    a.cta-call:hover {
      color: #FDFDFD; }
    a.cta-call.orange {
      border-color: #CB4C32;
      color: #CB4C32; }
      a.cta-call.orange:hover {
        color: #CB4C32; }

header .top {
  background: #CB4C32;
  color: #FDFDFD;
  padding-top: 12px;
  padding-bottom: 12px; }
  header .top .row {
    justify-content: space-between;
    align-items: center; }
    header .top .row .socials a {
      padding: 8px 10px 8px 0; }
      header .top .row .socials a:first-of-type {
        padding-right: 5px; }
        @media screen and (min-width: 576px) {
          header .top .row .socials a:first-of-type {
            padding-right: 15px; } }
    header .top .row .phone {
      text-align: right; }
header nav.navbar a.navbar-brand {
  margin: 0;
  padding: 0; }
header nav.navbar .navbar-burger {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 40px;
  padding: 0;
  cursor: pointer;
  z-index: 9; }
  header nav.navbar .navbar-burger #burger {
    width: 60px;
    position: relative;
    cursor: pointer; }
    header nav.navbar .navbar-burger #burger span {
      display: block;
      height: 4px;
      width: 40px;
      background: #231F20;
      /* Safari 3-4, iOS 1-3.2, Android 1.6- */
      -webkit-border-radius: 4px;
      /* Firefox 1-3.6 */
      -moz-border-radius: 4px;
      /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
      border-radius: 4px;
      position: absolute;
      left: 0;
      top: 0; }
      header nav.navbar .navbar-burger #burger span:nth-child(2) {
        top: 10px; }
      header nav.navbar .navbar-burger #burger span:nth-child(3) {
        top: 20px; }
header nav.navbar #navbarNav {
  padding-top: 45px;
  padding-bottom: 0; }
  @media screen and (min-width: 992px) {
    header nav.navbar #navbarNav {
      padding-top: 0;
      padding-bottom: 0;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: flex-end;
      justify-content: flex-end;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }
  header nav.navbar #navbarNav ul.navbar-nav li.nav-item a.nav-link {
    color: black;
    font-size: 16px;
    padding: 0 0 4vh 0;
    position: relative;
    transition: all .5s; }
    @media screen and (min-width: 992px) {
      header nav.navbar #navbarNav ul.navbar-nav li.nav-item a.nav-link {
        padding: 0;
        margin: 0 50px 0 0; }
        header nav.navbar #navbarNav ul.navbar-nav li.nav-item a.nav-link:after {
          transition: all .5s;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          width: 0%;
          content: '';
          background: #CB4C32;
          height: 2px; }
        header nav.navbar #navbarNav ul.navbar-nav li.nav-item a.nav-link.active:after {
          width: 100%; }
        header nav.navbar #navbarNav ul.navbar-nav li.nav-item a.nav-link:hover:after {
          width: 100%; } }
  header nav.navbar #navbarNav ul.navbar-nav li.nav-item:last-of-type a.nav-link {
    margin-right: 0; }
header nav.navbar.sticked {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  background: #FDFDFD;
  box-shadow: 0 2px 4px #4c4c4b1a;
  z-index: 9999; }

section {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (min-width: 992px) {
    section {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media screen and (min-width: 1200px) {
    section {
      padding-top: 100px;
      padding-bottom: 100px; } }
  section.brique .content, section.mur .content {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    section.brique .content .all-infos h2, section.mur .content .all-infos h2 {
      font-size: 20px; }
      @media screen and (min-width: 768px) {
        section.brique .content .all-infos h2, section.mur .content .all-infos h2 {
          padding-bottom: 15px; } }
      @media screen and (min-width: 992px) {
        section.brique .content .all-infos h2, section.mur .content .all-infos h2 {
          font-size: 35px; } }
    section.brique .content .all-infos p, section.mur .content .all-infos p {
      padding-bottom: 10px; }
      section.brique .content .all-infos p:last-of-type, section.mur .content .all-infos p:last-of-type {
        padding-bottom: 0; }
  section.brique {
    background-image: -webkit-linear-gradient(90deg, rgba(203, 76, 50, 0.87), rgba(203, 76, 50, 0.87)), url("../img/background.png");
    /*For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
    background-image: -moz-linear-gradient(90deg, rgba(203, 76, 50, 0.87), rgba(203, 76, 50, 0.87)), url("../img/background.png");
    /* For Firefox (3.6 to 15) */
    background-image: -o-linear-gradient(90deg, rgba(203, 76, 50, 0.87), rgba(203, 76, 50, 0.87)), url("../img/background.png");
    /* For old Opera (11.1 to 12.0) */
    background-image: linear-gradient(90deg, rgba(203, 76, 50, 0.87), rgba(203, 76, 50, 0.87)), url("../img/background.png");
    height: 100%;
    background-size: cover;
    color: #FDFDFD; }
    section.brique .all-infos {
      -webkit-box-ordinal-group: 1;
      /*OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 1;
      /*OLD - Firefox 19- */
      -ms-flex-order: 1;
      /*TWEENER - IE 10 */
      -webkit-order: 1;
      /*NEW - Chrome */
      order: 1; }
      @media screen and (min-width: 768px) {
        section.brique .all-infos {
          -webkit-box-ordinal-group: 0;
          /*OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-ordinal-group: 0;
          /*OLD - Firefox 19- */
          -ms-flex-order: 0;
          /*TWEENER - IE 10 */
          -webkit-order: 0;
          /*NEW - Chrome */
          order: 0;
          padding-right: 60px; } }
      @media screen and (min-width: 1200px) {
        section.brique .all-infos {
          padding-right: 140px; } }
    section.brique .pict {
      -webkit-box-ordinal-group: 0;
      /*OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-ordinal-group: 0;
      /*OLD - Firefox 19- */
      -ms-flex-order: 0;
      /*TWEENER - IE 10 */
      -webkit-order: 0;
      /*NEW - Chrome */
      order: 0;
      margin-bottom: 25px; }
      @media screen and (min-width: 768px) {
        section.brique .pict {
          margin-bottom: 0;
          -webkit-box-ordinal-group: 1;
          /*OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-ordinal-group: 1;
          /*OLD - Firefox 19- */
          -ms-flex-order: 1;
          /*TWEENER - IE 10 */
          -webkit-order: 1;
          /*NEW - Chrome */
          order: 1; } }
  section.mur {
    background-image: -webkit-linear-gradient(90deg, rgba(253, 253, 253, 0.87), rgba(253, 253, 253, 0.87)), url("../img/background.png");
    /*For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
    background-image: -moz-linear-gradient(90deg, rgba(253, 253, 253, 0.87), rgba(253, 253, 253, 0.87)), url("../img/background.png");
    /* For Firefox (3.6 to 15) */
    background-image: -o-linear-gradient(90deg, rgba(253, 253, 253, 0.87), rgba(253, 253, 253, 0.87)), url("../img/background.png");
    /* For old Opera (11.1 to 12.0) */
    background-image: linear-gradient(90deg, rgba(253, 253, 253, 0.87), rgba(253, 253, 253, 0.87)), url("../img/background.png");
    background-size: cover; }
    section.mur .all-infos {
      padding-top: 25px; }
      @media screen and (min-width: 992px) {
        section.mur .all-infos {
          padding-top: 0;
          padding-left: 60px; } }
      @media screen and (min-width: 1200px) {
        section.mur .all-infos {
          padding-left: 140px; } }
  section.intro {
    background-image: -webkit-linear-gradient(0deg, rgba(203, 76, 50, 0.5), rgba(203, 76, 50, 0)), url("../img/g2m-maconnerie-toulouse-noe-entreprise.webp");
    /*For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
    background-image: -moz-linear-gradient(0deg, rgba(203, 76, 50, 0.5), rgba(203, 76, 50, 0)), url("../img/g2m-maconnerie-toulouse-noe-entreprise.webp");
    /* For Firefox (3.6 to 15) */
    background-image: -o-linear-gradient(0deg, rgba(203, 76, 50, 0.5), rgba(203, 76, 50, 0)), url("../img/g2m-maconnerie-toulouse-noe-entreprise.webp");
    /* For old Opera (11.1 to 12.0) */
    background-image: linear-gradient(0deg, rgba(203, 76, 50, 0.5), rgba(203, 76, 50, 0)), url("../img/g2m-maconnerie-toulouse-noe-entreprise.webp");
    background-size: cover;
    background-position: center center;
    padding-top: 80px;
    padding-bottom: 80px; }
    @media screen and (min-width: 768px) {
      section.intro {
        padding-top: 120px;
        padding-bottom: 120px; } }
    @media screen and (min-width: 1200px) {
      section.intro {
        padding-top: 580px;
        padding-bottom: 200px; } }
  section.prestation .content {
    justify-content: center; }
    section.prestation .content .wrap {
      position: relative;
      box-shadow: 7px 7px 15px 0px rgba(0, 0, 0, 0.25); }
      section.prestation .content .wrap a {
        color: #231F20;
        text-decoration: none; }
        section.prestation .content .wrap a:hover {
          color: #231F20;
          text-decoration: none; }
        section.prestation .content .wrap a .top-item, section.prestation .content .wrap a .bottom-item {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0; }
          section.prestation .content .wrap a .top-item:before, section.prestation .content .wrap a .top-item:after, section.prestation .content .wrap a .bottom-item:before, section.prestation .content .wrap a .bottom-item:after {
            content: '';
            background: #CB4C32;
            position: absolute; }
        section.prestation .content .wrap a .top-item:before {
          width: 1px;
          left: 0;
          bottom: -10px;
          top: -10px; }
        section.prestation .content .wrap a .top-item:after {
          height: 1px;
          right: -10px;
          left: -10px;
          top: 0; }
        section.prestation .content .wrap a .bottom-item:before {
          height: 1px;
          right: -10px;
          left: -10px;
          bottom: 0; }
        section.prestation .content .wrap a .bottom-item:after {
          width: 1px;
          right: 0;
          bottom: -10px;
          top: -10px; }
        section.prestation .content .wrap a .item {
          text-align: center;
          padding: 40px 30px;
          margin-bottom: 30px;
          max-width: 480px;
          margin: 0 auto 30px auto; }
          @media screen and (min-width: 1200px) {
            section.prestation .content .wrap a .item {
              margin: 0; } }
          section.prestation .content .wrap a .item img {
            padding-bottom: 20px; }
          @media screen and (min-width: 768px) {
            section.prestation .content .wrap a .item h3 span {
              display: block; } }
          @media screen and (min-width: 992px) {
            section.prestation .content .wrap a .item h3 span {
              display: inline; } }
          @media screen and (min-width: 1200px) {
            section.prestation .content .wrap a .item h3 span {
              display: block; } }
    section.prestation .content .action {
      padding-top: 20px; }
      @media screen and (min-width: 992px) {
        section.prestation .content .action {
          padding-top: 70px; } }
  section.about {
    position: relative; }
    @media screen and (min-width: 992px) {
      section.about {
        padding-top: 0;
        padding-bottom: 0; } }
    section.about .infos {
      padding-top: 20px;
      padding-bottom: 20px; }
      @media screen and (min-width: 992px) {
        section.about .infos {
          padding-top: 40px;
          padding-bottom: 40px;
          padding-right: 40px; } }
      @media screen and (min-width: 1200px) {
        section.about .infos {
          padding-top: 100px;
          padding-bottom: 100px;
          padding-right: 140px; } }
      section.about .infos p {
        padding-bottom: 15px; }
    section.about .pict {
      background-image: url("../img/entreprise-g2m-maconnerie-toulouse-noe.webp");
      background-size: cover;
      background-position: center;
      padding-top: 100px;
      padding-bottom: 100px; }
      @media screen and (min-width: 992px) {
        section.about .pict {
          padding-top: 0;
          padding-bottom: 0;
          position: absolute;
          background-position: right center;
          top: 0;
          right: 0;
          bottom: 0; } }
  section.more .content {
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end; }
    section.more .content .content-item {
      margin: 0 auto 25px auto; }
      @media screen and (min-width: 576px) {
        section.more .content .content-item {
          margin-bottom: 0; } }
      section.more .content .content-item:last-of-type {
        margin-bottom: 0; }
    section.more .content .item {
      text-align: center;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      section.more .content .item img {
        padding-bottom: 30px; }
      section.more .content .item h3 {
        position: relative;
        padding-bottom: 5px; }
        @media screen and (min-width: 576px) {
          section.more .content .item h3 {
            text-align: left; } }
        @media screen and (min-width: 768px) {
          section.more .content .item h3 {
            text-align: center; } }
        section.more .content .item h3:before, section.more .content .item h3:after {
          content: '';
          background-color: #CB4C32;
          position: absolute; }
        section.more .content .item h3:before {
          height: 1px;
          width: 130px;
          left: -10px;
          bottom: 0; }
        section.more .content .item h3:after {
          width: 1px;
          left: -6px;
          bottom: -6px;
          top: -4px; }
  section.zoning {
    background-image: -webkit-linear-gradient(90deg, rgba(203, 76, 50, 0.85), rgba(203, 76, 50, 0.85)), url("../img/entreprise-g2m-maconnerie-toulouse-noe.webp");
    /*For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
    background-image: -moz-linear-gradient(90deg, rgba(203, 76, 50, 0.85), rgba(203, 76, 50, 0.85)), url("../img/entreprise-g2m-maconnerie-toulouse-noe.webpg");
    /* For Firefox (3.6 to 15) */
    background-image: -o-linear-gradient(90deg, rgba(203, 76, 50, 0.85), rgba(203, 76, 50, 0.85)), url("../img/entreprise-g2m-maconnerie-toulouse-noe.webp");
    /* For old Opera (11.1 to 12.0) */
    background-image: linear-gradient(90deg, rgba(203, 76, 50, 0.85), rgba(203, 76, 50, 0.85)), url("../img/entreprise-g2m-maconnerie-toulouse-noe.webp");
    background-size: cover;
    color: #FDFDFD;
    text-align: center; }
    section.zoning .pict {
      margin: 0 auto; }
  section.realisation .item {
    padding-bottom: 30px; }
  section.partenaires img {
    margin: 0 auto;
    display: block;
    margin-bottom: 40px;
    max-width: 180px; }
    @media screen and (min-width: 576px) {
      section.partenaires img {
        max-width: 100%; } }
    @media screen and (min-width: 768px) {
      section.partenaires img {
        margin-bottom: 0; } }
  section.contact .content {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    section.contact .content .tel {
      text-align: center;
      margin-top: 30px; }
      @media screen and (min-width: 768px) {
        section.contact .content .tel {
          margin-top: 0; } }
      section.contact .content .tel a.cta-call {
        font-size: 23px;
        padding: 17px; }
        @media screen and (min-width: 992px) {
          section.contact .content .tel a.cta-call {
            font-size: 27px;
            padding: 17px 70px; } }

footer .fat-footer {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media screen and (min-width: 992px) {
    footer .fat-footer {
      padding-top: 100px;
      padding-bottom: 60px; } }
  footer .fat-footer h2 {
    font-size: 21px;
    padding-bottom: 30px; }
  footer .fat-footer img.logo {
    padding-bottom: 15px;
    padding-top: 30px; }
    @media screen and (min-width: 768px) {
      footer .fat-footer img.logo {
        padding-top: 0; } }
  footer .fat-footer .contacts {
    padding-top: 30px; }
    @media screen and (min-width: 992px) {
      footer .fat-footer .contacts {
        padding-top: 0; } }
    footer .fat-footer .contacts p {
      font-weight: 700; }
      footer .fat-footer .contacts p:first-of-type {
        padding-bottom: 20px; }
      footer .fat-footer .contacts p a {
        font-weight: 400;
        color: #231F20;
        display: inline-block;
        padding: 0 0 10px 0; }
        footer .fat-footer .contacts p a:first-of-type {
          padding-right: 15px; }
        footer .fat-footer .contacts p a img {
          padding-right: 10px; }
footer .thin-footer {
  font-size: 16px; }
  footer .thin-footer .copyright {
    text-align: center; }
    @media screen and (min-width: 768px) {
      footer .thin-footer .copyright {
        text-align: left; } }
  footer .thin-footer .dev {
    text-align: center; }
    @media screen and (min-width: 768px) {
      footer .thin-footer .dev {
        text-align: right; } }
  footer .thin-footer a {
    color: #231F20;
    padding: 0; }
    footer .thin-footer a:hover {
      color: #231F20;
      text-decoration: none; }
  footer .thin-footer button {
    padding: 0;
    outline: none;
    border: 0;
    vertical-align: top; }
  footer .thin-footer .rgpd {
    padding-top: 8px;
    padding-bottom: 8px; }
    footer .thin-footer .rgpd p {
      text-align: center;
      font-size: 12px; }

.modal .btn {
  text-align: right; }
.modal .modal-body {
  padding-top: 0; }

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