/*
Theme Name: Glastint
Theme URI: https://www.glastint.com
Author: Glastint
Author URI: http://glastint.com/
Description: Toute reproduction ou représentation totale ou partielle de ce site par quelque procédé que ce soit, sans autorisation expresse, est interdite.
Version: 1.3

*/

/* =========================== CLASSES A APPLIQUER =========================== */
.display_block {
    display: block !important;
}

.display_none {
    display: none !important;
}

/* ============== Tableau comparatif ============== */
table.table-comparatif {
    margin-top: 1em;
    margin-bottom: 2em;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
}
table.table-comparatif th, table.table-comparatif td { white-space:normal !important}

table.table-comparatif thead {
    border: 0;
    border-bottom: 2px solid #cacaca;
    background: #333;
}
table.table-comparatif th, table.table-comparatif th, {
    margin:0;
    padding:0;
}
table.table-comparatif thead tr {
    background: transparent;
}
table.table-comparatif thead th, table.table-comparatif thead td, table.table-comparatif tfoot th, table.table-comparatif tfoot td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
    text-align: left;
}
table.table-comparatif tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1;
}
table.table-comparatif th, table.table-comparatif td {
    padding: 0.5rem 0.625rem 0.625rem;
    vertical-align: middle;
}
table.table-comparatif th.head-tbl {
    background:#333333; color: white; border: solid;
}
table.table-comparatif td.tbl-center {
    border: solid #828282;
}
table.table-comparatif th.tbl-center, table.table-comparatif td.tbl-center { text-align: center;}





/* ============== PAGE : parebrise-marne-la-vallee/ ============== */
.dispos_box {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 30px;
}
.horaires_box {
    margin-top: 30px !important;
    padding-top: 0px !important;
    padding-bottom: 50px !important;
    background-color: #efefef !important;
}

.horaires_box h2 {
    color: #da001a;
    text-align: center;
    font-family: Open Sans;
    font-weight: 300;
    font-style: normal;
}


.jours_semaine {
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 100%;

}
.jours_semaine p {
    color: #888888;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
}

.jours_box {
    padding: 20px 10px !important;
    background-color: #ffffff !important;
}

.creneaux_horaires p {
    max-width: 100%;
    margin: 1.5rem 0 1rem 0;
    color: #da001a;
    font-size: 15px;
    line-height: 2;
    text-align: center;
    text-transform: none;
    cursor: pointer;
}

#final_form {
    padding: 2rem 0;
    animation-duration: 1s;
}

#final_form h2 {
    font-size: 3rem;
    margin: 3rem 0 0 0;
    color: #da001a;
    text-align: center;
    font-family: Open Sans;
    font-weight: 300;
    font-style: normal;
    text-transform: none;
}

.recap_rdv_et_centre {
    background: #2828287c;
    color: white !important;
}

.part1 p {
    font-size: 1.3rem;
    font-style: italic;
    color: #da001a;
    text-align: center;
    font-family: Open Sans !important;
}
#ancre_form {
    padding: 0 !important;
    margin: 0;
    height: 0;
}

/* Placer le bouton envoyer à droite */
.new_rrv_envoyer {
    margin : 0 0 0 auto;
}

.new_rrv_captcha div {
    margin : 0 0 0 auto;
}

.barre {
    text-decoration: line-through;
}

.opacity_zero {
    opacity: 0;
}

.cursor_not_allowed {
    cursor: not-allowed !important;
}

.cursor_unset {
    cursor: unset !important;
}

.cursor_pointer {
    cursor: pointer !important;
}

.athracite {
    color: #282828 !important;
}

.jours_box_ferie {
    padding: 20px 10px !important;
    background-color: #ffffff !important;
}

.jours_ferie {
    padding: 3.3rem 0;
    text-align: center;
    text-transform: uppercase;
    color: #da001a !important;
    font-weight: bold;
    font-style: italic;
}

#semaine_suivante {
    display: block;
    font-size: 1.55rem;
    color: #da001a;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    margin: 2rem 0 0 0;
}
#semaine_suivante .fa-plus-circle,
#semaine_suivante .fa-chevron-up {
    color: #da001a;
    font-size: 1.9rem;
    margin: 0 0 0 0.5rem;
}

#semaine2 {
    animation-duration: 1s;
}

#semaine_precedente {
    display: none !important;
}

.checkboxs {
    margin: 3rem 0 0 0;
}

@media screen and (max-width: 767px) {
    #semaine_precedente {
        display: block !important;
    }
}

/* ============== PAGE : /batiment/films-anti-chaleur-particuliers/ ============== */
.form-bat-cotations {
    width: 88%;
    display: flex;
    justify-content: flex-start;
    margin: 10px 0 10px 30px;
}
.form-bat-label .mon-projet {
    font-size: 16px;
    font-weight: 400 !important;
    text-align: left;
}
.form-bat-label .mon-projet span {
    font-size: 12px;
}
.form-bat-label .mon-projet span sup {
    font-size: 9px;
}
.form-bat-champs {
    /* width: 29%; */
    display: flex;
    margin: 5px 0;
}
.form-bat-champs p {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    top: 4px;
}
.form-bat-champs .p-longueur,
.form-bat-champs .p-hauteur {
    width: 15px;
}

.form-bat-champs .p-cm {
    width: 25px;
}

.form-bat-champs-x p {
    width: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    top: 4px;
}
.form-bat-champs input[type=number] {
    width: 50px;
    height: 25px;
    padding: 0 5px;
    color: #FFFFFF;
    background-color: #333333;
    /* border: none; */
    border: 1px dashed #FFFFFF;
    transition: all 250ms ease;
}
.form-bat-champs .input_longueur:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}
.form-bat-champs .input_hauteur:focus {
    border-color: #DB001A;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(219 0 26 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(219 0 26 / 60%);
}

/* === Supprimer flèches input type number === */
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
 
/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { 
	-webkit-appearance: none;
	margin:0;
}
 
/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button { 
	-o-appearance: none;
	margin:0
}

.form-bat-total-m2 {
    width: 100%;
    margin: 5px 0 35px 0;
}

.form-bat-total-m2 p {
    text-align: left;
    font-size: 24px;
    font-weight: 600;
}

.form-bat-total-m2 span {
    font-size: 16px !important;
}

.form-bat-ligne {
    width: 88%;
    border-top: 1px solid #828282;
    margin: 60px auto 20px auto;
}

.form-bat-ligne-pointilles {
    width: 88%;
    border-top: 1px dashed #828282;
    margin: 80px auto 20px auto;
}

.form-bat-plus-box,
.form-bat-plus-photo-box {
    display: flex;
}

.form-bat-plus-box small,
.form-bat-plus-photo-box small {
    position: relative;
    top: 6px;
    margin-right: 5px;
}

.form-bat-plus {
    position: relative;
    margin: 0 0 10px 0 !important;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    margin-right: 1rem;
    padding: 5px 25px;
    cursor: pointer;
    text-align: center;
    width: 15%;
    transition: all 250ms;
}
.form-bat-plus::after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 25px;
	background-color: #FFFFFF;
	border-radius: 50px;
    transition: all 250ms;
    content: '';
}
.form-bat-plus:hover {
    color: #282828;
}
.form-bat-plus:hover::after {
	height: 100%;
    width: 100%;
    /* border-radius: 50px; */
}

.form-bat-plus-photo {
    position: relative;
    margin: 0 0 20px 0 !important;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    margin-right: 1rem;
    padding: 5px 25px;
    cursor: pointer;
    text-align: center;
    width: 15%;
    transition: all 250ms;
}

.form-bat-plus-photo::after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 25px;
	background-color: #FFFFFF;
	border-radius: 50px;
    transition: all 250ms;
    content: '';
}

.form-bat-plus-photo:hover {
    color: #282828;
}

.form-bat-plus-photo:hover::after {
	height: 100%;
    width: 100%;
    /* border-radius: 50px; */
}

.form-bat-img {
    width: 95%;
    margin: 0 auto 20px auto;
}

#form_contact_stores_local .form-bat-img {
    width: 97%;
    text-align: center;
}

#form_contact_stores_local .form-bat-img a {
    display: block;
    width: 100%;
    color: #FFFFFF;
    padding: 10px;
    background-color: #515151;
    border: 1px solid #515151;
    transition: all 250ms ease;
}
        
#form_contact_stores_local .form-bat-img a:hover {
    text-decoration: underline;
}
        
#form_contact_stores_local .form-bat-img i {
    margin-right: 5px;
    font-size: 16px;
}

#form_contact_stores_local .form-submit .btn.btn-primary {
    min-height: 50px;
    text-transform: uppercase;
    background-color: #DB001A;
    padding: 15px 55px;
    color: white;
    font-size: 21px;
    border: none;
    margin-top: 15px;
}

.label-etape {
    font-size: 13px;
    font-weight: 700 !important;
}

.form-bat-delete {
    width: 75px;
    text-align: center !important;
}

.form-bat-delete i {
    font-size: 20px;
    cursor: pointer;
    position: relative;
    top: 8px;
    transition: all 250ms;
}

.form-bat-delete i:hover {
    color: #DB001A;
}

.form-bat-delete i:hover .form-bat-cotations {
    background-color: #DB001A;
}

/* ========== INPUT FILE ========== */
.file-box {
    margin: 10px 0;
}

/* ========== CHECKBOX ========== */
.group_box_colonnes {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.group_box {
    width: 49%;
    display: flex;
    flex-flow: column wrap;
    align-items: start;
    margin-top: .5em;
    margin-bottom: 2em;
}

/* .footer .row .col-md-3:last-child #text-7 { 
    display:none !important;
} */

.group_box input[type="checkbox"],
.group_box input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.group_box label {
    text-align: left;
    position: relative;
    margin-right: 1em;
    padding-left: 2em;
    padding-right: 1em;
    line-height: 2;
    cursor: pointer;
    z-index: 1;
}

.group_box label:before {
    box-sizing: border-box;
    content: " ";
    position: absolute;
    top: 0.3em;
    left: 0;
    display: block;
    width: 1.4em;
    height: 1.4em;
    border: 2px solid white;
    border-radius: .25em;
    z-index: -1;
}

.group_box input[type="radio"] + label::before {
    border-radius: 1em;
}
/* Checked */
.group_box input[type="checkbox"]:checked + label,
.group_box input[type="radio"]:checked + label {
    padding-left: 1em;
    color: #FFFFFF;

}

.group_box input[type="checkbox"]:checked + label:before,
.group_box input[type="radio"]:checked + label:before {
    top: 0;
    width: 100%;
    height: 2em;
    background: green;
    border: 2px solid green;
}

/* Transition */
.group_box label,
.group_box label::before {
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

@media screen and (max-width: 767px) {

    .form-bat-cotations {
        width: 100%;
    }

    .form-bat-champs {
        width: 24%;
    }

    .form-bat-plus-box small,
    .form-bat-plus-photo-box small {
        top: 15px;
    }

    .form-bat-plus-box i,
    .form-bat-plus-photo-box i {
        font-size: 15px;
    }

    .form-bat-plus,
    .form-bat-plus-photo {
        padding: 14px;
    }

    .form-bat-ligne-pointilles {
        margin: 20px auto;
    }

    .form-bat-plus::after {
        height: 45px;
    }

    .form-bat-label .mon-projet {
        font-size: 18px;
    }

    .label-etape {
        font-size: 18px;
        margin: 10px 0 15px 0;
    }

    .group_box {
        width: 100%;
        margin-bottom: 0;
    }

    .group_box label {
        font-size: 15px;
        line-height: 2.2;
    }

    .group_box_colonnes {
        flex-flow: column wrap;
    }
}

/*
 █████╗ ███╗   ██╗██╗███╗   ███╗ █████╗ ████████╗██╗ ██████╗ ███╗   ██╗███████╗
██╔══██╗████╗  ██║██║████╗ ████║██╔══██╗╚══██╔══╝██║██╔═══██╗████╗  ██║██╔════╝
███████║██╔██╗ ██║██║██╔████╔██║███████║   ██║   ██║██║   ██║██╔██╗ ██║███████╗
██╔══██║██║╚██╗██║██║██║╚██╔╝██║██╔══██║   ██║   ██║██║   ██║██║╚██╗██║╚════██║
██║  ██║██║ ╚████║██║██║ ╚═╝ ██║██║  ██║   ██║   ██║╚██████╔╝██║ ╚████║███████║
╚═╝  ╚═╝╚═╝  ╚═══╝╚═╝╚═╝     ╚═╝╚═╝  ╚═╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝╚══════╝
*/
@-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
}
  
@keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
}
  
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

#form_nous_contacter .vc_row,
#form_nous_contacter .vc_col-sm-6,
#form_nous_contacter .vc_col-sm-12 {
  margin-bottom: 20px;
}