/* Universal Box Sizing with Inheritance */
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}

html {
    font-size: 14px;
}
/* ::selection {
  color: #ffffff!important;
  background-color: var(--secondary-color)!important;
} */



#page .block[data-block-family]:not([data-block-family=""]){
    font-family: var(--primary-font);
}



#page .block[data-block-family]:not([data-block-family=""]){
    font-family: var(--primary-font);
}

#page .block[data-block-family]:not([data-block-family=""]) h1,
#page .block[data-block-family]:not([data-block-family=""]) h2{
    font-family: var(--secondary-font);
    color: var(--secondary-color);
}

#page .block[data-block-family]:not([data-block-family=""]) h3,
#page .block[data-block-family]:not([data-block-family=""]) h4,
#page .block[data-block-family]:not([data-block-family=""]) h5,
#page .block[data-block-family]:not([data-block-family=""]) h6{
    font-family: var(--primary-font);
    color: var(--primary-color);
}

#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]),
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) li,
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) p,
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) h3,
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) h4,
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) h5,
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) h6,
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) a,
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) a:link,
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) a:visited,
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) a:active{
    color: var(--primary-color);
}

#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) h1,
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) h2,
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) a:focus,
#page .block[data-block-family]:not([data-block-family=""]):not([data-block-family="Footer"]) a:hover{
    color: var(--secondary-color);
}




.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active {
    color: var(--secondary-color)!important;
}
.u-heading-v2-1--bottom::after, .u-heading-v2-1--top::before, .u-heading-v2-2--bottom::after, .u-heading-v2-2--top::before, .u-heading-v2-3--bottom::after, .u-heading-v2-3--top::before, .u-heading-v2-4--bottom::after, .u-heading-v2-4--top::before, .u-heading-v2-5--bottom::after, .u-heading-v2-5--top::before, .u-heading-v2-6--bottom::after, .u-heading-v2-6--top::before, .u-heading-v2-7--bottom::after, .u-heading-v2-7--top::before {
    content: "";
    display: inline-block;
    border-top-style: solid;
    border-color: var(--secondary-color);
    border-top-color: var(--secondary-color);
    border-right-color: var(--secondary-color);
    border-bottom-color: var(--secondary-color);
    border-left-color: var(--secondary-color);
}
.tw-bg-primary {
    background-color: var(--secondary-color) !important;
}
.u-btn-primary {
    background-color: var(--secondary-color);
}
.u-btn-primary:hover, .u-btn-primary.active, .u-btn-outline-primary:focus, .u-btn-outline-primary.active {
    border-color: var(--secondary-color);
    background-color: var(--secondary-color);
}

.bg-grey-unify {
    background-color: #E9E9E9;
}
#project h2 {
    /* color: #ffffff; */
}
.u-ns-bg-v1-top.tw-bg-primary::before, .g-parent.tw-bg-primary .u-ns-bg-v1-top::before {
    border-bottom-color: var(--secondary-color);
}
.tw-bg-primary-opacity-0_9 {
    background-color: var(--secondary-color)!important;
}
.classic-footer .g-bg-black-opacity-0_9 {
    background-color: #373736!important;
}
.classic-footer h2 {
    /* color: #DDDDDD!important; */
}
.classic-footer .g-color-white-opacity-0_8, .classic-footer small {
    color: #BBBBBB!important;
}
.classic-footer .g-bg-gray-dark-v1 {
    /* color: #222222!important; */
}
.classic-footer .list-inline-item a, .classic-footer .list-inline-item span {
    /* color: var(--secondary-color)!important; */
    color: inherit;
}
.tw-bg-primary--hover:hover {
    background-color: var(--secondary-color) !important;
}
.tw-color-primary {
    color: var(--secondary-color) !important;
}
.u-block-hover:hover .g-color-primary--hover
, .g-color-primary--hover
:hover {
    color: var(--secondary-color) !important;
}
.u-accordion-bg-primary .u-accordion__header [aria-expanded="true"] {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}



/* Bloc Timeline */
.u-timeline-v1-wrap::before{
    background-color: var(--secondary-color);
}

/* .g-color-main{
    color: #BBBBBB !important;
} */

.g-color-title-timeline{
    color: #434559;
}

/* Bloc Progress */
.tw-bg-primary--before::before, .tw-bg-primary--after::after{
    background-color: var(--secondary-color) !important;
}

/* Bloc Testimonials */
.g-color-primary--before::before, .g-color-primary--after::after{
    color: var(--secondary-color);
}

/* Bloc Hero content #05 */
.u-btn-outline-darkgray{
   border-color: var(--secondary-color);
    color: var(--secondary-color);
}

.u-btn-outline-darkgray:hover{
    background-color: var(--secondary-color);
    color: #FFF;
}

/*  */
.u-pagination-v1-4--active{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

/* Blog Minimal #02 */
.u-btn-outline-primary{
    color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.u-btn-outline-primary:hover{
    background-color: var(--secondary-color);
}

.g-brd-primary {
    border-color: var(--secondary-color) !important;
}

.u-pagination-v1-4:hover, .u-pagination-v1-4:focus {
    color: var(--secondary-color);
    border-color: var(--secondary-color) !important;
}


/* Contact Forms #6 */
.g-bg-gris{
    background-color: #3F3E3E;
}

.icon-contact{
    font-size: xx-large;
}

/* Testimonials #22 */
.g-brd-gray-light-v3{
    border-color: var(--secondary-color) !important;
}


/* Call to action */
.form-control{
    border-color: #000;
}

.custom-select{
    border-color: #000 !important;
    color: #999;
}

.input-group-addon{
    border: 1px solid #000;
    border-radius: 0 3px 3px 0;
}

span.input-group-text.g-color-gray-dark-v5.radius-light-0{
    border-color: #000;
    background-color: transparent;
}

.form-control:focus, .custom-select:focus{
    border-color: #000;
}

.input-group-prepend {
    border-right: 1px solid #000;
}

.u-block-hover:hover .g-color-white--hover, .g-color-white--hover:hover{
    color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

/* Accordions */
.u-accordion-color-primary .u-accordion__header [aria-expanded="true"]{
    color: var(--secondary-color) !important;
  
}



.tw-bg-primary-dark-v2{
    background-color: rgba(183, 156, 127, 0.8) !important;
}


/* FORMULAIRE */
.g-bg-in{
    background-color: #006097;
}

.u-block-hover:hover .g-color-white--hover, .g-color-white--hover:hover {
    color: #fff !important;
}

.g-brd-primary--focus:focus, .g-brd-primary--focus.g-state-focus *, .g-brd-primary--focus.g-state-focus *:focus{
    border-color: var(--secondary-color) !important;
}

#rev_slider_1057_1_wrapper, #rev_slider_1164_1_wrapper {
    width: 100%!important;
    height: 800px!important;
    left: 0!important;
}
.tp-fullwidth-forcer {
    height: 800px!important;
}
/* Heading #28 */
.u-heading-v10 {
    position: relative;
    text-align: center;
}

.u-heading-v10__downer {
    font-size: 115px;
    line-height: 1;
    opacity: .14;
}

.u-heading-v10__upper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 34px;
    color:  var(--secondary-color);
}

/* Slider offroad */
.msp-cn-165-26{
    text-transform: inherit !important;
}

/* Slider News */
.rev-btn {
    color: #fff !important;
    border-color: #fff !important;
}
.rev-btn:hover {
    background-color: var(--secondary-color) !important;
    color: #fff !important;
    border-color: var(--secondary-color)!important;
}

.rev-btn:hover .fa-play {
    color: white!important;
}


.tp-tab-title, .tp-tab-desc{
    color: #FFF !important;
}

/* Slider Gym */
.msp-cn-69-1{
    font-family: var(--secondary-font);
    font-style: italic !important;
    width: auto;
    padding-left: 0.7em;
}
.msp-cn-69-3{
    padding-left: 5em;
}
.msp-cn-69-4{
    width: auto !important;
}
.msp-cn-69-6{
    padding: none;
    width: auto;
}
.ms-btn-m {
    padding: 12px 30px;
}
.msp-cn-69-6{
    color: #FFF !important;
}
.msp-cn-69-6:hover{
    color: #666 !important;
}
.msp-cn-69-7:hover{
    background-color: transparent !important;
    color: #FFF !important;
}
.msp-cn-69-13{
    width: auto;
}
.separator {
    height: 1px;
    background-color: var(--secondary-color);
}
.expand .separator {
    margin: 0!important;
}


h5, .h5 {
    font-size: 1.25rem!important;
    font-weight: 500!important;
    text-transform: initial!important;
}

/* FEUILLE DE STYLE MAION  */



/* 
Content */

.product-about-reverse {
    transform: translateX(7rem);
    z-index: 99999;
    position: relative;
    }


/* SLIDERS */

.ms-btn {
    border-radius : 4px!important; 
}


/* Slider gym  */

.slider-gym-title {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size : 60px;
    line-height: normal;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: #d4d4d4;

}

.slider-gym-subtitle {
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 30px;
    text-align: center;
    line-height: 2;
    white-space: nowrap;
    color: #d4d4d4;
}

.slider-gym-slide-number {
    font-family: var(--primary-font);
    font-weight: normal;
    font-size: 200px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: var(--secondary-color);
 
}



.slider-gym-body {
    font-family: var(--primary-font);
    font-weight: 300;
    font-size: 20px;
    margin-left: 60px!important;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: #8b8b8b;
}

.btn-slider {
    position: relative;
    margin: 0px;
    font-size: 12px;
    line-height: 14.9297px;
    width: 90px;
    margin-left: 52px;

}


/* Slider offroad */

.slider-offroad-date {
   
    font-family: var(--primary-font)!important;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 80px;
    color: #e5e5e5;
    text-transform: uppercase;
}

.slider-offroad-title {

    font-family: var(--primary-font)!important;
    font-size: 100px;
    font-weight: 600;
    line-height: normal;
    color: #fff; 

}

.slider-offroad-subtitle {

    font-family: var(--primary-font)!important;
    font-size: 70px;
    font-weight: 200;
    line-height: normal;
    color: #fff;
}

.slider-offroad-nav {
    font-family: var(--primary-font)!important;
    font-weight: 200;
    font-size: 10px!important;
    line-height: normal;
    color: #ffffff;
}

/* Slider vidéo  */

.tp-caption {
    font-family : var(--primary-font)!important;
}



/* HEADER */

.tw-w-100 {
    width: 100%;
} 

.logo-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.nav-logo-item {
    display: flex;
    justify-content: center;
}

.d-flex {
    display: flex;
}


.tw-font-style-normal {
    font-style: normal!important;
}

/* Color > text  */

.u-pagination-v1-4--active:hover {
    color:white; 
}

.tw-color-black {
    color: black!important;
}
.tw-color-black, .a.tw-color-black {
    color: black!important; 
}

.tw-color-primary, a.tw-color-primary {
    color: var(--secondary-color)!important; 
}

.tw-color-primary--hover:hover {
    color: var(--secondary-color)!important; 
}

.tw-color-primary--hover:hover {
    color: white; 
}


.tw-color-primary-active  .u-accordion__header [aria-expanded="true"]{
    color: var(--secondary-color) !important;
  
}

.tw-color-white {
    color: white!important;
}

.tw-color-white--hover:hover {
    color: white; 
}

.tw-color-primary:hover {
    color: var(--secondary-color) !important;
}

.active {
    color: var(--secondary-color)!important;
}


.tw-color-secondary {
    color: #555; 
}

.tw-color-tertiary  {
    color: #777;
}

.tw-color-placeholder {
    color: #999;
}

/* Color > background  */ 


.tw-bg-black-opacity-0_6 {
    background-color: rgba(0, 0, 0, 0.6);
}

.tw-bg-black-opacity-0_6--after::after {
    background-color: rgba(0, 0, 0, 0.6);
}

.tw-bg-white-opacity-0_8 {
    color: rgba(255, 255, 255, 0.8) !important;
}

.tw-bg-white-opacity-0_7 {
    color: rgba(14, 7, 7, 0.7) !important;
}

.tw-bg-white-opacity-0_6 {
    color: rgba(255, 255, 255, 0.6) !important;
}

.tw-bg-white-opacity-0_5 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.tw-bg-transparent {
    background-color: transparent!important;
}

.tw-bg-transparent--focus:focus {
    background-color: transparent!important;
}

.tw-bg-classic-footer {
    background-color: #373736;
}

.tw-bg-primary--hover:hover {
    background-color: var(--secondary-color)!important;
}

.tw-bg-secondary {
    background-color: #555 ;
}

.tw-bg-primary {
    background-color: var(--secondary-color)!important;
} 

.tw-bg-quaternary {
    background-color: #DDDDDD;
}

.tw-bg-quinary {
    background-color: #eee;
}
.tw-bg-white {
    background-color: #FFF;
}

.tw-bg-black {
    background-color: black;
}

.tw-bg-white-opacity-0_1 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.tw-bg-primary--hover:hover .fa  {
    color: white!important;
}

.tw-bg-primary--hover:hover .a .i {
    color: white!important;
}

/* Color > border */ 

.tw-brd-color-black {
    border-color: black;
}

.tw-brd-primary {
    border-color: var(--secondary-color);
}

.tw-brd-primary--focus:focus {
    border-color: var(--secondary-color)!important;
}

.tw-brd-color-quaternary {
    border-color: #DDDDDD!important; 
}

.tw-brd-color-quaternary--after::after {
    border-color: #ddd;
}

.tw-brd-color-quaternary--before::before {
    border-color: #ddd;
}

.tw-brd-color-quinary {
    border-color: #eee!important;
}

.tw-brd-color-quinary-right {
    border-right-color: #eee !important;
}

.tw-brd-color-quinary-bottom{
   border-bottom-color:  #eee !important;
} 

.tw-brd-color-white {
    border-color: #FFF!important;
}

.tw-brd-color-white--focus:focus {
    border-color: white!important;
}

.tw-brd-color-white-left {
    border-left-color: white!important;
}

.tw-brd-color-white-right {
    border-right-color: white!important;
}

.tw-brd-white-opc-03 {
    border-color: rgba(255, 255, 255, 0.3)!important; 
}

.tw-brd-white-opc-02 {
    border-color: rgba(255, 255, 255, 0.2)!important; 
}


.tw-brd-color-primary {
    border-color: var(--secondary-color)!important;
}

/* Font weight  */

.tw-fw-300 {
    font-weight: 300!important;
}

.tw-fw-400 {
    font-weight: 400!important;
}

.tw-fw-500 {
    font-weight: 500!important;
}

.tw-fw-600 {
    font-weight: 600!important;
}

.tw-fw-700 {
    font-weight: 700!important;
}


/* Font size  */

.tw-fs-03 {
    font-size: 0.357rem!important;
}

.tw-fs-06 {
    font-size: 0.642rem;
}

.tw-fs-07 {
   font-size: 0.78571rem; 
   /* font-size: 12px; */

}

.tw-fs-08 {
    font-size: 0.85714rem; 
    /* font-size: 13px; */
}

.tw-fs-09 {
    font-size: 0.92857rem; 
    /* font-size: 14px; */
}


.tw-fs-11 {
    font-size: 1.142rem; 
    /* font-size: 18px; */
}

.tw-fs-12 {
    font-size: 1.21429rem; 
    /* font-size: 17px; */
}

.tw-fs-17 {
     font-size: 1.78571rem!important;  
    /* font-size: 25px; */
}

.tw-fs-20 {
    font-size: 2rem;
}

.tw-fs-22 {
    font-size: 2.285rem;
}

.tw-fs-25 {
    font-size: 2.5rem;  
    /* font-size: 35px;  */
}

.tw-fs-35 {
    font-size: 3.571rem;
}

.tw-fs-42 {
    font-size : 4.28571rem;  
    /* font-size : 60px;  */
}

/* Border  */

.tw-radius-50 {
    border-radius: 50px!important;
}

.tw-radius-light {

    border-radius: 4px!important;
}

.tw-radius-50 {
    border-radius: 50%!important;
}
.tw-radius-light-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; 
}

.tw-radius-light-bottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; 
}
.tw-radius-light-right {
    border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important; 
}
.tw-radius-light-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; 
}

/* Border width  */

.tw-brd-none {
    border: none !important;
}

.tw-brd-around {
    border: solid 1px; 
}

.tw-brd-around-white {
    border: solid 1px; 
    color: white; 
}

.tw-brd-top {
    border-top: solid 1px;
}

.tw-brd-left {
    border-left: solid 1px; 
}

.tw-brd-bottom {
    border-bottom: solid 1px;
}

.tw-brd-right {
    border-right: solid 1px;
}


.tw-brd-2 {
    border-width: 2px;
}

.tw-brd-3 {
    border-width: 3px; 

}

.tw-brd-5 {
    border-width: 5px;
}

.tw-brd-none {
    border: none!important; 
}

/* Margin  */

.tw-m-0 {
    margin: 0px;
}

.tw-m-10 {
    margin: 10px; 
}

.tw-m-15 {
    margin: 15px;

}

.tw-m-20 {
    margin: 22px;

}

.tw-m-25 {
    margin: 25px;

}

.tw-m-30 {
    margin: 30px;

}

/* Margin bottom */

.tw-mb-0 {
    margin-bottom: 0px;
    
    }

.tw-mb-5 {
    margin-bottom: 5px;
    
    }

    .tw-mb-10 {
        margin-bottom: 10px;
        
    }

    .tw-mb-15 {
        margin-bottom: 15px;
        
    }

    .tw-mb-20 {
        margin-bottom: 20px;
        
    }

    .tw-mb-25 {
        margin-bottom: 25px;
        
    }



   .tw-mb-30 {
        margin-bottom: 30px;
        
    }

    .tw-mb-40 {
        margin-bottom: 40px;
    }

    .tw-mb-50 {
        margin-bottom: 50px;
    }

    .tw-mb-60 {
        margin-bottom: 60px;
    }

    .tw-mb-70 {
        margin-bottom: 70px;
    }

    .tw-mb-80 {
        margin-bottom: 80px;
    }

    .tw-mb-100 {
        margin-bottom: 100px;
    }

/* Margin top */


.tw-mt-0 {
    margin-top: 0px;
}


.tw-mt-5 {
    margin-top: 5px;
}

.tw-mt-10 {
    margin-top: 10px;
}

.tw-mt-15 {
    margin-top: 15px;
}

.tw-mt-20 {
    margin-top: 20px;
}

.tw-mt-25 {
    margin-top: 25px;
}


.tw-mt-30 {
    margin-top: 30px;
}

.tw-mt-40 {
    margin-top: 40px;
}

.tw-mt-50 {
    margin-top: 50px;
}


/* Margin right */

.tw-mr-5 {
    margin-right: 5px;
}

.tw-mr-10 {
    margin-right: 10px;
}

.tw-mr-15 {
    margin-right: 15px;
}

.tw-mr-20 {
    margin-right: 20px;
}

.tw-mr-25 {
    margin-right: 25px;
}

.tw-mr-30 {
    margin-right: 30px;
}

.tw-mr-35 {
    margin-right: 35px;
}

.tw-mr-40 {
    margin-right: 40px;
}

.tw-mr-45 {
    margin-right: 45px;
}

.tw-mr-50 {
    margin-right: 50px;
}



/* Margin left */

.tw-ml-5 {
    margin-left: 5px;
}

.tw-ml-10 {
    margin-left: 10px;
}

.tw-ml-15 {
    margin-left: 15px;
}

.tw-ml-20 {
    margin-left: 20px;
}

.tw-ml-25 {
    margin-left: 25px;
}

.tw-ml-30 {
    margin-left: 30px;
}

.tw-ml-35 {
    margin-left: 35px;
}

.tw-ml-40 {
    margin-left: 40px;
}

.tw-ml-45 {
    margin-left: 45px;
}

.tw-ml-50 {
    margin-left: 50px;
}

.tw-ml-57 {
   margin-left: 57px; 
}


/* Padding  */


.tw-p-0 {
    padding: 0;
}

.tw-p-5 {
    padding: 5px;
}

.tw-p-10 {
    padding: 10px;
}

.tw-p-15 {
    padding: 15px; 
}

.tw-p-20 {
    padding: 20px;
}

.tw-p-25 {
    padding: 25px;
}


.tw-p-30 {
    padding: 30px;
}



.tw-p-10-15 {
    padding: 10px 15px; 
}

.tw-p-0-20-20 {
    padding: 0 20px 20px;

}

.tw-p-15-0 {
    padding: 15px 0;
}


.tw-p-7-16 {
    padding: 7px 16px;
}

.tw-p-7-14 {
    padding: 7px 14px; 
}

.tw-py-9 {
    padding-top: 9px; 
    padding-bottom: 9px;
}

.tw-px-20 {
    padding-left: 20px; 
    padding-right: 20px;
}

.tw-pt-5 {
    padding-top: 5px; 
    
}

.tw-pt-10 {
    padding-top: 10px; 
    
}

.tw-pt-15 {
    padding-top: 15px;
}

.tw-pt-20 {
    padding-top: 20px;
}

.tw-pt-25 {
    padding-top: 25px;
}


.tw-pt-30 {
    padding-top: 30px;
}


.tw-pb-5 {
    padding-bottom: 5px;
}

.tw-pb-10 {
    padding-bottom: 10px; 
    
}

.tw-pb-15 {
    padding-bottom: 15px;
}

.tw-pb-20 {
    padding-bottom: 20px;
}

.tw-pb-25 {
    padding-bottom: 25px;
}


.tw-pb-30 {
    padding-bottom: 30px;
}

.tw-pr-10 {
    padding-right: 10px;
}
/* Filter img  */

.tw-bg-filter-img::after {
    background-color: rgba(0, 0, 0, 0.4); 
}

.tw-filter--after::after {
    background-color: rgba(0, 0, 0, 0.4); 
}


.tw-color-primary-hover:hover {
    color: var(--secondary-color)!important;
}

.tw-bg-filter-img-gradient-07 {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background-repeat: repeat-x;
}

.tw-bg-filter-img-gradient-07--after::after {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    background-repeat: repeat-x;
}


/* img  */

.tw-bg-cover {
    position: relative;
}

.tw-bg-size-cover {
    background-size: cover !important;
}


/* Buttons  */

.fa-angle-right {
    color: var(--secondary-color);
}

.tw-btn-hover:hover {

    background-color: white!important;
    color: var(--secondary-color); 
    border-color: var(--secondary-color);

}

.tw-white-btn {
    background-color: white!important;
    color: black!important;
}

.tw-white-btn .fa-angle-right {
    color: black!important;
}

.tw-white-btn:hover {
    background-color: transparent!important;
    color: white!important;
    border-color: white!important;
}

.tw-white-btn:hover .fa-angle-right {
    color: white!important;
}

.tw-btn-outline-white:hover .fa-angle-right {
    color: black!important; 
}



.tw-btn-outline-primary {
    border-color: var(--secondary-color);
    color: var(--secondary-color)!important;
}

.tw-btn-outline-primary--hover:hover {
    border-color: var(--secondary-color);
    color: var(--secondary-color)!important;
}
.tw-btn-outline-primary:hover {
    background-color: var(--secondary-color);
    color: #fff!important;
}

.tw-black-btn-hover:hover {
    border: solid 1px;
    border-color: black;
}

.tw-btn-outline-white {
    color: white; 
    border-color: white; 
    background-color: transparent;
}

.tw-btn-outline-white:hover {
    color: black; 
    border-color: black; 
    background-color: white;
}

.tw-btn-arrow-white {
    border: solid 1px;
    border-color: white;
}

.tw-btn-outline-white:hover .tw-btn-arrow-white {
    border-color: rgba(0,0,0,0.5);
}

/* Formulaires  */

.form-control:focus {
    color: #555; 
}

/* Bloc testimonials  */

.tw-blockquote::before {
    content: "\201C";
    position: absolute;
    font-size: 50px;
    margin-top: -12px;
    margin-left: -30px;
}

.tw-blockquote::after {
    content: "\201D";
    position: absolute;
    font-size: 50px;
    margin-top: -12px;
    margin-left: 10px;
}

.tw-color-primary--before::before, .tw-color-primary--after::after {
    color: var(--secondary-color);
}


/* Responsive > padding  */

@media screen and (min-width: 576px) {
    .tw-sm-p-0 {
        padding: 0;
    }
    
    .tw-sm-p-5 {
        padding: 5px;
    }
    
    .tw-sm-p-10 {
        padding: 10px; 
    }
    
    .tw-sm-p-15 {
        padding: 15px;
    }
    
    .tw-sm-p-20 {
        padding: 20px;
    }
}

@media screen and (min-width: 768px) {
    .tw-md-p-0 {
        padding: 0;
    }
    
    .tw-md-p-5 {
        padding: 5px;
    }
    
    .tw-md-p-10 {
        padding: 10px; 
    }
    .tw-md-p-15 {
        padding: 15px; 
    }
    
    .tw-md-p-20 {
        padding: 20px;
    }
    
    .tw-md-p-25 {
        padding: 25px;
    }

    .tw-md-p-30 {
        padding: 30px;
    }

    .tw-md-p-35 {
        padding: 35px;
    }

    .tw-md-p-40 {
        padding: 40px;
    }

    .tw-md-p-50 {
        padding: 50px;
    }
}


@media screen and (min-width: 992px) {

    .tw-lg-p-0 {
        padding: 0;
    }
    
    .tw-lg-p-5 {
        padding: 5px;
    }
    
    .tw-lg-p-10 {
        padding: 10px; 
    }
    .tw-lg-p-15 {
        padding: 15px; 
    }
    
    .tw-lg-p-20 {
        padding: 20px;
    }
    
    .tw-lg-p-25 {
        padding: 25px;
    }

    .tw-lg-p-30 {
        padding: 30px;
    }

    .tw-lg-p-35 {
        padding: 35px;
    }

    .tw-lg-p-40 {
        padding: 40px;
    }
}


@media screen and (min-width: 1200px) {
    .tw-xl-p-0 {
        padding: 0;
    }
    
    .tw-xl-p-5 {
        padding: 5px;
    }
    
    .tw-xl-p-10 {
        padding: 10px; 
    }
    .tw-xl-p-15 {
        padding: 15px; 
    }
    
    .tw-xl-p-20 {
        padding: 20px;
    }
    
    .tw-xl-p-25 {
        padding: 25px;
    }

    .tw-xl-p-30 {
        padding: 30px;
    }

    .tw-xl-p-35 {
        padding: 35px;
    }

    .tw-xl-p-40 {
        padding: 40px;
    }

    .tw-xl-p-50 {
        padding: 50px;
    }
}

@media screen and (min-width: 576px) {

.tw-sm-p-10-15 {
    padding: 10px 15px; 
}

.tw-sm-p-0-20-20 {
    padding: 0 20px 20px;

}

.tw-sm-p-15-0 {
    padding: 15px 0;
}


.tw-sm-p-7-16 {
    padding: 7px 16px;
}

.tw-sm-p-7-14 {
    padding: 7px 14px; 
}


}

@media screen and (min-width: 768px) {

    .tw-md-p-15-20 {
        padding: 15px 20px; 
    }
    
    .tw-md-p-0-25-25 {
        padding: 0 25px 25px;
    
    }
    
    .tw-md-p-20-0 {
        padding: 20px 0;
    }
    
    
    .tw-md-p-10-20 {
        padding: 10px 20px;
    }
    
    .tw-md-p-10-20 {
        padding: 10px 20px; 
    }
    
    
    }


    @media screen and (min-width: 992px) {

        .tw-lg-p-20-25 {
            padding: 20px 25px; 
        }
        
        .tw-lg-p-0-30-30 {
            padding: 0 30px 30px;
        
        }
        
        .tw-lg-p-25-0 {
            padding: 25px 0;
        }
        
        
        .tw-lg-p-7-16 {
            padding: 7px 16px;
        }
        
        .tw-lg-p-17-24 {
            padding: 17px 24px; 
        }


        }

        @media screen and (min-width: 1200px) {

            .tw-xl-p-25-30 {
                padding: 25px 30px; 
            }
            
            .tw-xl-p-0-35-35 {
                padding: 0 35px 35px;
            
            }
            
            .tw-xl-p-30-0 {
                padding: 30px 0;
            }
            
            
            .tw-xl-p-20-30 {
                padding: 20px 30px;
            }
            
            .tw-xl-p-20-28 {
                padding: 20px 28px; 
            }
            
            
            }

/* Responsive > margin  */

@media screen and (min-width: 576px) {
    .tw-sm-m-0 {
        margin: 0;
    }
    
    .tw-sm-m-5 {
        margin: 5px;
    }

    .tw-sm-m-10 {
        margin: 10px;
    }
    
    
    .tw-sm-m-15 {
        margin: 15px; 
    }
    
    .tw-sm-m-20 {
        margin: 20px;
    }

    .tw-sm-m-25 {
        margin: 25px;
    }
    
    .tw-sm-m-30 {
        margin: 30px;
    }

    .tw-sm-m-35 {
        margin: 35px;
    }

    .tw-sm-m-40 {
        margin: 40px;
    }

    .tw-sm-m-45 {
        margin: 45px;
    }

    .tw-sm-m-50 {
        margin: 50px;
    }
}

@media screen and (min-width: 768px) {
    .tw-md-m-0 {
        margin: 0;
    }

    .tw-md-m-5 {
        margin: 5px;
    }
    
    .tw-md-m-10 {
        margin: 10px;
    }

    .tw-md-m-15 {
        margin: 15px;
    }
    
    .tw-md-m-20 {
        margin: 20px; 
    }
    
    .tw-md-m-25 {
        margin: 25px;
    }

    .tw-md-m-30 {
        margin: 30px;
    }

    .tw-md-m-35 {
        margin: 35px;
    }
}

@media screen and (min-width: 992px) {
    .tw-lg-m-0 {
        margin: 0;
    }

    .tw-lg-m-5 {
        margin: 5px;
    }
    
    .tw-lg-m-10 {
        margin: 10px;
    }

    .tw-lg-m-15 {
        margin: 15px;
    }
    
    .tw-lg-m-20 {
        margin: 20px; 
    }

    .tw-lg-m-25 {
        margin: 25px; 
    }

    .tw-lg-m-30 {
        margin: 30px; 
    }
    
    .tw-lg-m-35 {
        margin: 35px; 
    }

    .tw-lg-m-40 {
        margin: 40px;
    }
    
    .tw-lg-m-50 {
        margin: 50px;
    }

    .tw-lg-m-60 {
        margin: 60px;
    }
}

@media screen and (min-width: 1200px) {
    .tw-xl-m-0 {
        margin: 0;
    }
    
    .tw-xl-m-5 {
        margin: 5px;
    }
    
    .tw-xl-m-10 {
        margin: 10px; 
    }
    .tw-xl-m-15 {
        margin: 15px; 
    }
    
    .tw-xl-m-20 {
        margin: 20px;
    }
    
    .tw-xl-m-25 {
        margin: 25px;
    }

    .tw-xl-m-30 {
        margin: 30px;
    }

    .tw-xl-m-35 {
        margin: 35px;
    }

    .tw-xl-m-40 {
        margin: 40px;
    }

    .tw-xl-m-45 {
        margin: 45px;
    }

    .tw-xl-m-50 {
        margin: 50px;
    }
}


@media screen and (min-width: 576px) { 


.tw-sm-mb-0 {
    margin-bottom: 0px;
}

.tw-sm-mb-5 {
margin-bottom: 5px;

}

.tw-sm-mb-10 {
    margin-bottom: 11px;
}

.tw-sm-mb-15 {
    margin-bottom: 16px;
}

.tw-sm-mb-20 {
    margin-bottom: 20px; 
}

.tw-sm-mb-25 {
    margin-bottom: 25px;
}

.tw-sm-mb-30 {

   margin-bottom: 30px; 
}

.tw-sm-mb-35 {

    margin-bottom: 35px; 
 }

.tw-sm-mb-40 {
    margin-bottom: 40px;
}

.tw-sm-mb-45 {
    margin-bottom: 45px;
}


.tw-sm-mb-50 {
    margin-bottom: 50px;
}

.tw-sm-mb-60 {
    margin-bottom: 60px;
}

.tw-sm-mb-70 {
    margin-bottom: 70px;
}

.tw-sm-mb-80 {
    margin-bottom: 80px;
}

.tw-sm-mb-100 {
    margin-bottom: 100px;
}

}

@media screen and (min-width: 768px) { 

    .tw-md-mb-5 {
        margin-bottom: 5px;
        
        }

    .tw-md-mb-10 {
    margin-bottom: 10px;
    
    }
    
    .tw-md-mb-15 {
        margin-bottom: 15px;
    }
    
    .tw-md-mb-20 {
        margin-bottom: 20px;
    }
    
    .tw-md-mb-25 {
        margin-bottom: 25px; 
    }
    
    .tw-md-mb-30 {
        margin-bottom: 30px;
    }
    
    .tw-md-mb-35 {
    
       margin-bottom: 35px; 
    }
    .tw-md-mb-40 {
        margin-bottom: 40px;
    }
    
    .tw-md-mb-45 {
        margin-bottom: 45px;
    }
    
    .tw-md-mb-50 {
        margin-bottom: 50px;
    }
    
    .tw-md-mb-55 {
        margin-bottom: 55px;
    }
    
    .tw-md-mb-60 {
        margin-bottom: 60px;
    }
    
    .tw-md-mb-70 {
        margin-bottom: 70px;
    }

    .tw-md-mb-80 {
        margin-bottom: 80px;
    }
    
    .tw-md-mb-100 {
        margin-bottom: 100px;
    }
    
    }


    @media screen and (min-width: 992px) { 

        .tw-lg-mb-5 {
            margin-bottom: 5px;
            
            }
   
        .tw-lg-mb-10 {
        margin-bottom: 10px;
        
        }
        
        .tw-lg-mb-15 {
            margin-bottom: 15px;
        }
        
        .tw-lg-mb-20 {
            margin-bottom: 20px;
        }
        
        .tw-lg-mb-25 {
            margin-bottom: 25px; 
        }
        
        .tw-lg-mb-30 {
            margin-bottom: 30px;
        }
        
        .tw-lg-mb-40 {
        
           margin-bottom: 40px; 
        }
        .tw-lg-mb-45 {
            margin-bottom: 45px;
        }
        
        .tw-lg-mb-50 {
            margin-bottom: 50px;
        }
        
        .tw-lg-mb-60 {
            margin-bottom: 60px;
        }
        
        .tw-lg-mb-70 {
            margin-bottom: 70px;
        }
        
        .tw-lg-mb-80 {
            margin-bottom: 80px;
        }
        
        .tw-lg-mb-100{
            margin-bottom: 110px;
        }
        
        }

    @media screen and (min-width: 1200px) { 


   
        .tw-xl-mb-35 {

        margin-bottom: 35px;
        
        }
        
        .tw-xl-mb-40 {
            margin-bottom: 40px;
        }
        
        .tw-xl-mb-45 {
            margin-bottom: 45px;
        }
        
        .tw-xl-mb-50 {
            margin-bottom: 50px; 
        }
        
        .tw-xl-mb-55 {
            margin-bottom: 55px;
        }
        
        .tw-xl-mb-60 {
        
           margin-bottom: 60px; 
        }
        .tw-xl-mb-70 {
            margin-bottom: 70px;
        }
        
        .tw-xl-mb-75 {
            margin-bottom: 75px;
        }
        
        .tw-xl-mb-90 {
            margin-bottom: 90px;
        }
        
        .tw-xl-mb-100 {
            margin-bottom: 100px;
        }
        
        
        }

  @media screen and (min-width: 576px) {    

        .tw-sm-mt-0 {
            margin-top: 0px;
        }
        
        
        .tw-sm-mt-5 {
            margin-top: 5px;
        }
        
        .tw-sm-mt-10 {
            margin-top: 10px;
        }
        
        .tw-sm-mt-15 {
            margin-top: 15px;
        }
        
        .tw-sm-mt-20 {
            margin-top: 20px;
        }
        
        .tw-sm-mt-25 {
            margin-top: 25px;
        }
        
        
        .tw-sm-mt-30 {
            margin-top: 30px;
        }
    
    }

    @media screen and (min-width: 768px) {    

        .tw-md-mt-0 {
            margin-top: 0px;
        }
        
        .tw-md-mt-5 {
            margin-top: 5px;
        }
        
        
        .tw-md-mt-10 {
            margin-top: 10px;
        }
        
        .tw-md-mt-15 {
            margin-top: 15px;
        }
        
        .tw-md-mt-20 {
            margin-top: 20px;
        }
        
        .tw-md-mt-25 {
            margin-top: 25px;
        }
        
        .tw-md-mt-30 {
            margin-top: 30px;
        }
        
        
        .tw-md-mt-35 {
            margin-top: 35px;
        }

        .tw-md-mt-40 {
            margin-top: 40px;
        }

        .tw-md-mt-45 {
            margin-top: 45px;
        }

        .tw-md-mt-50 {
            margin-top: 50px;
        }

        .tw-md-mt-60 {
            margin-top: 60px;
        }

        
        .tw-md-mt-70 {
            margin-top: 70px;
        }

        .tw-md-mt-80 {
            margin-top: 80px;
        }

        .tw-md-mt-100 {
            margin-top: 100px;
        }
    
    }

    @media screen and (min-width: 992px) {    

        
        .tw-lg-mt-0 {
            margin-top: 0px;
        }
        
        .tw-lg-mt-5 {
            margin-top: 5px;
        }
        
        
        .tw-lg-mt-10 {
            margin-top: 10px;
        }
        
        .tw-lg-mt-15 {
            margin-top: 15px;
        }
        
        .tw-lg-mt-20 {
            margin-top: 20px;
        }
        
        .tw-lg-mt-25 {
            margin-top: 25px;
        }
        
        .tw-lg-mt-30 {
            margin-top: 30px;
        }
        
        
        .tw-lg-mt-35 {
            margin-top: 35px;
        }

        .tw-lg-mt-40 {
            margin-top: 40px;
        }

        .tw-lg-mt-45 {
            margin-top: 45px;
        }

        .tw-lg-mt-50 {
            margin-top: 50px;
        }

        .tw-lg-mt-60 {
            margin-top: 60px;
        }

        
        .tw-lg-mt-70 {
            margin-top: 70px;
        }

        .tw-lg-mt-80 {
            margin-top: 80px;
        }

        .tw-lg-mt-100 {
            margin-top: 100px;
        }
    }

    @media screen and (min-width: 1200px) {    
  
        .tw-xl-mt-0 {
            margin-top: 0px;
        }
        
        .tw-xl-mt-5 {
            margin-top: 5px;
        }
        
        
        .tw-xl-mt-10 {
            margin-top: 10px;
        }
        
        .tw-xl-mt-15 {
            margin-top: 15px;
        }
        
        .tw-xl-mt-20 {
            margin-top: 20px;
        }
        
        .tw-xl-mt-25 {
            margin-top: 25px;
        }
        
        .tw-xl-mt-30 {
            margin-top: 30px;
        }
        
        
        .tw-xl-mt-35 {
            margin-top: 35px;
        }

        .tw-xl-mt-40 {
            margin-top: 40px;
        }

        .tw-xl-45 {
            margin-top: 45px;
        }

        .tw-xl-mt-50 {
            margin-top: 50px;
        }

        .tw-xl-mt-60 {
            margin-top: 60px;
        }

        
        .tw-xl-mt-70 {
            margin-top: 70px;
        }

        .tw-xl-mt-80 {
            margin-top: 80px;
        }

        .tw-xl-mt-100 {
            margin-top: 100px;
        }
    }

@media screen and (min-width: 573px ) {

    .tw-sm-mt-0 {
        margin-top: 0px;
    }
    
    .tw-sm-mt-5 {
        margin-top: 5px;
    }
    
    
    .tw-sm-mt-10 {
        margin-top: 10px;
    }
    
    .tw-sm-mt-15 {
        margin-top: 15px;
    }
    
    .tw-sm-mt-20 {
        margin-top: 20px;
    }
    
    .tw-sm-mt-25 {
        margin-top: 25px;
    }
    
    .tw-sm-mt-30 {
        margin-top: 30px;
    }
    
    
    .tw-sm-mt-35 {
        margin-top: 35px;
    }

    .tw-sm-mt-40 {
        margin-top: 40px;
    }

    .tw-sm-mt-45 {
        margin-top: 45px;
    }

    .tw-sm-mt-50 {
        margin-top: 50px;
    }

    .tw-sm-mt-60 {
        margin-top: 60px;
    }

    
    .tw-sm-mt-70 {
        margin-top: 70px;
    }

    .tw-sm-mt-80 {
        margin-top: 80px;
    }

    .tw-sm-mt-100 {
        margin-top: 100px;
    }
}

@media screen and (min-width: 768px ) {

    .tw-md-mt-0 {
        margin-top: 0px;
    }
    
    .tw-md-mt-5 {
        margin-top: 5px;
    }
    
    
    .tw-md-mt-10 {
        margin-top: 10px;
    }
    
    .tw-md-mt-15 {
        margin-top: 15px;
    }
    
    .tw-md-mt-20 {
        margin-top: 20px;
    }
    
    .tw-md-mt-25 {
        margin-top: 25px;
    }
    
    .tw-md-mt-30 {
        margin-top: 30px;
    }
    
    
    .tw-md-mt-35 {
        margin-top: 35px;
    }

    .tw-md-mt-40 {
        margin-top: 40px;
    }

    .tw-md-mt-45 {
        margin-top: 45px;
    }

    .tw-md-mt-50 {
        margin-top: 50px;
    }

    .tw-md-mt-60 {
        margin-top: 60px;
    }

    
    .tw-md-mt-70 {
        margin-top: 70px;
    }

    .tw-md-mt-80 {
        margin-top: 80px;
    }

    .tw-md-mt-100 {
        margin-top: 100px;
    }
}


@media screen and (min-width: 992px ) {

    .tw-lg-mt-0 {
        margin-top: 0px;
    }
    
    .tw-lg-mt-5 {
        margin-top: 5px;
    }
    
    
    .tw-lg-mt-10 {
        margin-top: 10px;
    }
    
    .tw-lg-mt-15 {
        margin-top: 15px;
    }
    
    .tw-lg-mt-20 {
        margin-top: 20px;
    }
    
    .tw-lg-mt-25 {
        margin-top: 25px;
    }
    
    .tw-lg-mt-30 {
        margin-top: 30px;
    }
    
    
    .tw-lg-mt-35 {
        margin-top: 35px;
    }

    .tw-lg-mt-40 {
        margin-top: 40px;
    }

    .tw-lg-mt-45 {
        margin-top: 45px;
    }

    .tw-lg-mt-50 {
        margin-top: 50px;
    }

    .tw-lg-mt-60 {
        margin-top: 60px;
    }

    
    .tw-lg-mt-70 {
        margin-top: 70px;
    }

    .tw-lg-mt-80 {
        margin-top: 80px;
    }

    .tw-lg-mt-100 {
        margin-top: 100px;
    }
}


@media screen and (min-width: 1200px ) {

     .tw-xl-mt-0 {
        margin-top: 0px;
    }
    
    .tw-xl-mt-5 {
        margin-top: 5px;
    }
    
    
    .tw-xl-mt-10 {
        margin-top: 10px;
    }
    
    .tw-xl-mt-15 {
        margin-top: 15px;
    }
    
    .tw-xl-mt-20 {
        margin-top: 20px;
    }
    
    .tw-xl-mt-25 {
        margin-top: 25px;
    }
    
    .tw-xl-mt-30 {
        margin-top: 30px;
    }
    
    
    .tw-xl-mt-35 {
        margin-top: 35px;
    }

    .tw-xl-mt-40 {
        margin-top: 40px;
    }

    .tw-xl-mt-45 {
        margin-top: 45px;
    }

    .tw-xl-mt-50 {
        margin-top: 50px;
    }

    .tw-xl-mt-60 {
        margin-top: 60px;
    }

    
    .tw-xl-mt-70 {
        margin-top: 70px;
    }

    .tw-xl-mt-80 {
        margin-top: 80px;
    }

    .tw-xl-mt-100 {
        margin-top: 100px;
    }
}

/* HEADER LOGO CENTER  */

/* header logo center sm */

@media all and (max-width: 576px) {
    .wrap-header-logo-center img {
        max-width: 150px!important;
    }
}

/* header logo center md */

@media all and (max-width: 992px) {

    .wrap-header-logo-center .navbar-items {
        flex-direction: column;
    }

    .wrap-header-logo-center .nav-item-left {
        flex-direction: column;
    }

    .wrap-header-logo-center  .nav-item-right {
        flex-direction: column;
    }

    .wrap-header-logo-center .header-logo-center {
        /* display: flex; */
        flex-direction: row!important;
        
    }

    .wrap-header-logo-center .logo-center img {
        max-width: 190px;
    }

    .wrap-header-logo-center .logo-center {
        position: relative;
        min-width: 100%;
        justify-content: flex-start;
    }

    .wrap-header-logo-center .navbar-toggler {
        top: 50%;
        transform: translateY(-50%);
    }
    
}

@media all and (min-width: 992px) {
    .wrap-header-logo-center  ul {
        align-items: center;
        text-align: center;

}
        
}

/* HEADER FULL WIDTH  */


/* header full width sm */

@media all and (max-width: 576px) {
    .wrap-header-full-width  img {
        max-width: 150px;
    }
}

@media all and (min-width: 992px) {
    .wrap-header-full-width  ul {
        align-items: center;
        text-align: center;

}
        
}

/* HEADER TOP BAR  */

@media all and (min-width: 992px ) {

    .wrap-header-topbar  ul {
        align-items: center;
        text-align: center;

        }
    
}

/* header top bar sm */


@media all and (max-width: 576px) {

    .wrap-header-topbar img {
        max-width: 150px;
        padding-top: 10px;   
    }
} 

/* HEADER CLASSIC  */

@media all and (min-width: 992px ) {

    .wrap-header-classic  ul {
        align-items: center;
        text-align: center;

        }  
}

/* header classic sm */

@media all and (max-width: 576px) {

    .wrap-header-classic img {
        max-width: 150px;
        padding-top: 10px;   

    }
}

@media all and (max-width: 1500px) {
    .nav-item.g-mx-20--lg {
        margin-left: 0.42857rem !important;
        margin-right: 0.42857rem !important;
    }
    .logo-center img {
        max-width: 200px;
    }
}

@media all and (max-width: 1200px) {
    .logo-center img {
        max-width: 150px;
    }
}
<<<<<<< HEAD


#page .body.block{
    font-family: var(--primary-font);
    color: var(--text-color);
    background-color: var(--background-color);
}
.navbar-nav{
    font-family: var(--primary-font);
}
#page a:not(.btn,.call-to-action__link){
    color: var(--primary-color);
}
#page .tw-bg-primary a,
#page .tw-bg-primary-dark-v1 a,
#page .tw-bg-primary-dark-v2 a,
#page .tw-bg-primary-dark-v3 a{
    color: var(--background-color);
}
/* #page a:focus,
#page a:hover{
    filter: brightness(90%);
} */
/* #page ::-moz-selection{
    color:var(--background-color);
    background-color:var(--primary-color);
} */
/* #page ::selection{
    color:var(--background-color);
    background-color:var(--primary-color);
} */
/* #page .tw-bg-primary ::-moz-selection{
    color:var(--primary-color);
    background-color:var(--background-color);
} */
/* #page .tw-bg-primary ::selection{
    color:var(--primary-color);
    background-color:var(--background-color);
} */

::-moz-selection{
    color:white !important;
    background-color:#B79C7F !important;
}
::selection{
    color:white !important;
    background-color:#B79C7F !important;
}

#page .tw-bg-primary {
    background-color: var(--primary-color);
}
  
#page .tw-bg-primary--hover:hover {
    background-color: var(--primary-color);
}
  
#page .u-block-hover:hover .tw-bg-primary--hover {
    background-color: var(--primary-color);
}
  
#page .g-parent:hover .tw-bg-primary--parent-hover {
    background-color: var(--primary-color);
}
  
#page .tw-bg-primary--active.active,
#page .active .tw-bg-primary--active {
    background-color: var(--primary-color);
}
  
#page .g-parent.active .tw-bg-primary--parent-active {
    background-color: var(--primary-color);
}
  
#page .tw-bg-primary--before::before,
#page .tw-bg-primary--after::after {
    background-color: var(--primary-color);
}
  
#page .tw-bg-primary-dark-v1 {
    background-color: var(--primary-color);
    opacity: .9;
}
  
#page .tw-bg-primary-dark-v2 {
    background-color: var(--primary-color);
    opacity: .8;
}
  
#page .tw-bg-primary-dark-v3 {
    background-color: var(--primary-color);
    opacity: .7;
}
  
#page .tw-bg-primary-opacity-0_1 {
    background-color: rgba(114, 192, 44, 0.1) !important;
}
  
#page .tw-bg-primary-opacity-0_2 {
    background-color: rgba(114, 192, 44, 0.2) !important;
}
  
#page .tw-bg-primary-opacity-0_2--hover:hover {
    background-color: rgba(114, 192, 44, 0.2) !important;
}
  
#page .tw-bg-primary-opacity-0_2--hover--after:hover::after {
    background-color: rgba(114, 192, 44, 0.2) !important;
}
  
#page .active .tw-bg-primary-opacity-0_2--active {
    background-color: rgba(114, 192, 44, 0.2) !important;
}
  
#page .tw-bg-primary-opacity-0_2--before::before, .tw-bg-primary-opacity-0_2--after::after {
    background-color: rgba(114, 192, 44, 0.2) !important;
}
  
#page .tw-bg-primary-opacity-0_3 {
    background-color: rgba(114, 192, 44, 0.3) !important;
}
  
#page .tw-bg-primary-opacity-0_3--hover:hover {
    background-color: rgba(114, 192, 44, 0.3) !important;
}
  
#page .tw-bg-primary-opacity-0_3--hover--after:hover::after {
    background-color: rgba(114, 192, 44, 0.3) !important;
}
  
#page .active .tw-bg-primary-opacity-0_3--active {
    background-color: rgba(114, 192, 44, 0.3) !important;
}
  
#page .tw-bg-primary-opacity-0_3--before::before, .tw-bg-primary-opacity-0_3--after::after {
    background-color: rgba(114, 192, 44, 0.3) !important;
}
  
#page .tw-bg-primary-opacity-0_4 {
    background-color: rgba(114, 192, 44, 0.4) !important;
}
  
#page .tw-bg-primary-opacity-0_4--hover:hover {
    background-color: rgba(114, 192, 44, 0.4) !important;
}
  
#page .tw-bg-primary-opacity-0_4--hover--after:hover::after {
    background-color: rgba(114, 192, 44, 0.4) !important;
}
  
#page .tw-bg-primary-opacity-0_4--after::after {
    background-color: rgba(114, 192, 44, 0.4) !important;
}
  
#page .tw-bg-primary-opacity-0_6 {
    background-color: rgba(114, 192, 44, 0.6) !important;
}
  
#page .tw-bg-primary-opacity-0_6--hover:hover {
    background-color: rgba(114, 192, 44, 0.6) !important;
}
  
#page .tw-bg-primary-opacity-0_6--hover--after:hover::after {
    background-color: rgba(114, 192, 44, 0.6) !important;
}
  
#page .tw-bg-primary-opacity-0_6--after::after {
    background-color: rgba(114, 192, 44, 0.6) !important;
}
  
#page .tw-bg-primary-opacity-0_8 {
    background-color: rgba(114, 192, 44, 0.8) !important;
}
  
#page .tw-bg-primary-opacity-0_8--hover:hover {
    background-color: rgba(114, 192, 44, 0.8) !important;
}
  
#page .tw-bg-primary-opacity-0_8--hover--after:hover::after {
    background-color: rgba(114, 192, 44, 0.8) !important;
}
  
#page .tw-bg-primary-opacity-0_8--before::after, .tw-bg-primary-opacity-0_8--after::after {
    background-color: rgba(114, 192, 44, 0.8) !important;
}
  
#page .tw-bg-primary-opacity-0_8--before--hover:hover::after, .tw-bg-primary-opacity-0_8--after--hover:hover::after {
    background-color: rgba(114, 192, 44, 0.8) !important;
}
  
#page .tw-bg-primary-opacity-0_9 {
    background-color: rgba(114, 192, 44, 0.9) !important;
}
  
#page .tw-bg-primary-opacity-0_9--hover:hover {
    background-color: rgba(114, 192, 44, 0.9) !important;
}
  
#page .tw-bg-primary-opacity-0_9--hover--after:hover::after {
    background-color: rgba(114, 192, 44, 0.9) !important;
}
  
#page .tw-bg-primary-opacity-0_9--before::after, .tw-bg-primary-opacity-0_9--after::after {
    background-color: rgba(114, 192, 44, 0.9) !important;
}
  
#page .tw-bg-primary-opacity-0_9--before--hover:hover::after, .tw-bg-primary-opacity-0_9--after--hover:hover::after {
    background-color: rgba(114, 192, 44, 0.9) !important;
}


a[href^="tel:"]{
    white-space: nowrap;
}
.cta{
    color: var(--tertiary-color) !important;
    background-color: transparent;
    border-color: var(--tertiary-color);
}
.button{
    color: white !important;
    background-color: transparent;
    border-color: white;
}
.cta:focus, .cta:hover{
    color: white !important;
    background-color: var(--tertiary-color) !important;
    border-color: var(--tertiary-color);
}
.button:focus, .button:hover{
    color: black !important;
    background-color: white !important;
    border-color: white;
}
.cta .fa__container {
    border: solid 1px;
    border-color: var(--tertiary-color);
    height: 16px;
    width: 16px;
    font-size: 0.78571rem;
    background-color: transparent;
    position: relative;
    display: inline-block;
    text-align: center;
    transition: all .2s ease-in-out;
    margin-left: 1rem;
    border-radius: 50%;
    line-height: 14px;
    vertical-align: middle;
}
.cta:focus .fa__container,
.cta:hover .fa__container {
    background-color: white;
}
    .cta .fa-angle-right {
        color: var(--tertiary-color);
    }
.button .fa__container {
    border: solid 1px;
    border-color: white;
    height: 16px;
    width: 16px;
    font-size: 0.78571rem;
    background-color: transparent;
    position: relative;
    display: inline-block;
    text-align: center;
    transition: all .2s ease-in-out;
    margin-left: 1rem;
    border-radius: 50%;
    line-height: 14px;
    vertical-align: middle;
}
.button:focus .fa__container,
.button:hover .fa__container {
    background-color: transparent;
    border-color: black;
}
    .button .fa-angle-right {
        color: white;
    }
    .button:focus .fa-angle-right,
    .button:hover .fa-angle-right {
        color: black;
    }