@font-face {
    font-family: 'Quicksand';
    src: url('/css/fonts/Quicksand/static/Quicksand-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('/css/fonts/Quicksand/static/Quicksand-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Exemple d'utilisation */
body {
    font-family: 'Quicksand', Arial, sans-serif;
}
.underline { text-decoration: underline; }
.center { text-align: center; }
iframe { max-width: 100%; }

.clear { clear: both; }
table { width: 100%; max-width: 100%; margin-bottom: 20px; background-color: transparent; border-collapse: collapse; border: 1px solid #ddd;  }
table tbody tr td { border: 1px solid #ddd; padding: 8px; line-height: 1.5; vertical-align: top; }
table tr th { border: 1px solid #ddd; padding: 8px; line-height: 1.5; vertical-align: top;  }


body { min-height: 100%; border-left: 1px solid #BBB; border-right: 1px solid #BBB;min-height: 100%; margin: 0; padding: 0; }
.container { background-color: #fff;  }
a { color: #f96d74; font-size: 17px; }
a:hover { color: inherit; }
.mt-0 { margin-top: 0px !important; }
.mt-1 { margin-top: 10px !important; }
.mt-2 { margin-top: 20px !important; }
.mb-5 { margin-bottom: 50px!important; }
.btn-primary { background-color: #416285; border-color: #416285; }
.justify-content-between { justify-content: space-between; }
.d-flex { width: 100%; display: flex; }

.content ul.sitemap { margin-left: 15px; }
.content ul.sitemap a { text-decoration: none; font-weight: normal; }

.vite1devis { width: 700px; margin: 0 auto; }
.vite1devis h2 { font-family: 'Quicksand', Arial, sans-serif !important; margin-top: 0!important; text-align: center!important; }
.vite1devis h2:first-child { margin-bottom: 20px!important; }
.vite1devis h2:after { margin: 10px auto !important;  }
.vite1devis .devistap_bouton { display: none !important; }
.vite1devis hr { display: none; }
.vite1devis strong { font-family: 'Quicksand', Arial, sans-serif !important; font-size: 17px; color: #212529!important; line-height: 30px !important; margin: 30px 0!important; }
.vite1devis strong br { display: none!important; }
.vite1devis .vud_table { display: block!important; }
.vite1devis .vud_table .vud_vtop { display: block!important; }
.vite1devis .vud_table .vud_vtop:first-child { display: none!important; }
.vite1devis .devistap_choix_texte { font-family: 'Quicksand', Arial, sans-serif !important;  }
.vite1devis .devistap_step { margin-bottom: 0 !important; }

/************************************************* LISTE DES DEPARTEMENTS *********/
.liste-departements { margin-bottom: 30px; }
.liste-departements .letter { margin-top: 30px; margin-bottom: 5px; }
.liste-departements .letter:first-child { margin-top: 0; }
.liste-departements .departement { margin-bottom: 5px; }
.liste-departements .departement a { font-family: "Poppins", sans-serif; font-size: 17px; font-weight: normal; text-decoration: none; }

/***************************************** ILLUSTRATION ***********************************/
.content .illustration { margin: 20px auto; }
.content .illustration img { display: block; width: auto; margin: 0 auto; max-width: 400px; min-width: 250px; box-shadow: 0px 3px 6px rgba(0,0,0,0.6);}
.content .illustration-left { float: left; max-width: 250px; margin: 5px 20px 0 0; margin-bottom: 20px; }
.content .illustration-left img { width: 100%;  box-shadow: 0px 3px 6px rgba(0,0,0,0.6) !important; }
.content .illustration-right { float: right; max-width: 250px; margin: 5px 0 0 20px; margin-bottom: 20px; }
.content .illustration-right img { width: 100%;  box-shadow: 0px 3px 6px rgba(0,0,0,0.6) !important; }

@media (max-width: 768px) {
    .content .illustration-left { float: none; text-align: center; max-width: 100%; margin: 20px auto; }
    .content .illustration-left img { display: block; width: 100%; }
    .content .illustration-right { float: none; text-align: center; max-width: 100%; margin: 20px auto; }
    .content .illustration-right img { display: block; width: 100%; }
}

/****************** CONTACT ***************************/
.contact { margin-bottom: 20px; }
.contact h1 { margin-bottom: 50px; }
.contact .intro { }
.contact .intro .text { background: #F5F3F2; padding: 16px; border-radius: 8px; margin-left: 0; margin-bottom: 30px;}
.contact .intro .text h2 { margin: 0 0 15px 0; padding: 0; text-align: left; font-size: 18px; font-weight: bold; line-height: 1; }
.contact .intro .text h2:after { width: 0%; display: none; }
.contact .intro .text p { margin: 0; padding: 0; font-size: 16px; line-height: 24px; }

.contact .text .illustration { text-align: center; margin: 30px auto; }
.contact .text .illustration img { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); max-width: 100%; }

.contact .form {  }
.contact .form .form-group { font-family: "Poppins", Sans-serif; margin-top: 30px; }
.contact .form .form-group.mt-reduced { margin-top: 10px; }
.contact .form .form-group > label { font-weight: bold; color: #333; font-family: "Poppins", Sans-serif; font-size: 18px; margin: 0 0 20px 0; padding: 0; display: block; text-align: left; }
.contact .form .participants_adultes_enfants .form-group > label { font-size: 15px; }
.contact .form .participants_adultes_enfants { display: none; }
.contact .form .dates_not_known, .contact .form .dates_known { display: none; }
.contact .form .form-group select { width: 100%; background-color: #fff; border: 1px solid #333; padding: 4px 7px; }
.contact .form .form-group .radio-group {  }
.contact .form .form-group .radio-group .radio-item { margin-bottom: 5px; }
.contact .form .form-group .radio-group .radio-item input {  }
.contact .form .form-group .radio-group .radio-item label { font-weight: normal; margin-left: 7px; font-family: "Poppins", Sans-serif; font-size: 16px; }
.contact .form .projet {  }
.contact .form .projet p.tips { color: #666; font-size: 16px; line-height: 27px; }
.contact .form .projet textarea { width: 100%; height: 150px; }

@media (max-width: 768px) {
    .contact .form .form-group > label { font-size: 15px; }
}


/************************************************** LISTE BUSINESS *******************************/
.business { margin-bottom: 15px; margin-top: 50px; }
.business-inside { padding: 20px; border: 1px solid #ced3de; border-radius: 5px; position: relative; }
.business-header {  }
.business-header .business-photo { top: -60px; position: relative; margin-bottom: -60px;  }
.business-header .business-photo .business-photo-inside { width: 70px; height: 70px; border: 1px solid #ced3de; border-radius: 5px; padding: 10px; margin: auto; position: relative; background-color: #fff; }
.business-header .business-photo .business-thumb { background-size: contain; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; }
.business-header table { margin-top: 10px; }
.business-header table th, .business-header table td{ padding-top: 3px; padding-bottom: 3px; text-align: center; }
.business-header .business-header-listing h3 { text-transform: none; font-style: normal; text-align: center; font-weight: bold; font-size: 17px; line-height: 27px; margin: 15px 0 10px 0; padding: 0; }
.business-header .business-header-listing h3 i { font-size: 14px; margin-left: 5px; color: #0b6ba8; }
.business-header .business-header-listing p { text-align: center; font-size: 13px; margin: 0; padding: 0; }
.business-header .business-header-listing p i { margin-right: 8px; font-size: 12px; }
.business-header .business-header-listing p a { font-size: 13px; text-decoration: none; }
.business-header .business-header-listing p.website { line-height: inherit; }
.business-header .business-header-listing .reviews { text-align: center; margin-bottom: 10px; }
.business-header .business-header-listing .reviews .star-container { margin-right: 5px; }
.business-inside .business-listing { background: #e6ebf8; border-radius: 5px; padding: 10px; margin-top: 10px; }
.business-inside .business-listing p { margin: 0 0 7px 0; padding: 0; font-size: 13px; line-height: 23px; text-align: left; }

.business-inside .business-reviews { background: #fff; padding: 10px; margin-top: 10px; }
.business-inside .business-reviews h4 { font-size: 17px; text-align: center; font-weight: bold; }
.business-inside .business-reviews h4:after { content:''; display: block; height: 0px; border-top: 1px solid #ccc; width: 8%; margin: 7px auto; }
.business-inside .business-reviews .business-rating { text-align: center; }
/*.business-inside .business-reviews a { text-align: center; font-size: 13px; display: block; text-decoration: none; margin: 5px auto 0 auto; }*/
.business-inside .business-reviews .business-review-content { font-size: 14px; line-height: 24px; margin-bottom: 10px; }
.business-inside .business-reviews .business-review-content:before { content: open-quote; margin-right: 5px; }
.business-inside .business-reviews .business-review-content:after { content: close-quote; margin-left: 5px; }
.business-inside .business-reviews .business-review-content:before, .business-inside .business-reviews .business-review-content:after { display: inline-block; vertical-align: bottom; color: #416285; font-size: 23px; top: -2px; position: relative; }
.business-inside .business-review { background: #e6ebf8; border-radius: 5px; padding: 10px; margin-top: 10px }
.business-inside .business-review span.rating { display: block; margin-top: 0px; font-size: 13px; }
.business-inside .business-reviews p.google { font-size: 13px; font-style: italic; margin: 5px 0 5px 10px; }
.business-inside .business-reviews p.google a { font-size: 13px; text-decoration: none; color: inherit; font-weight: bold; }

/************************************************** LISTE ENTREPRISE *******************************/
.entreprise { padding: 25px; background-color: #efefef; box-shadow: 0 2px 20px 0 rgba(27,40,54,.3); border: 1px solid #ddd; margin-bottom: 20px; border-radius: 8px; margin-top: 30px; }
.entreprise h3 { margin: 0 0 10px 0!important; padding: 0; font-weight: bold; }
.entreprise h4 { margin: 0 0 15px 0; padding: 0; font-weight: bold; }
.entreprise .entreprises-block > div { margin-bottom: 7px; }
.entreprise div.website a { font-size: 14px; }
.entreprise div i { color: #d6a34c; margin-right: 0;  }
.entreprise .horaires { margin-top: 30px; }
.entreprise .horaires span { display: block; }
.entreprise .reviews { font-weight: bold; font-size: 15px; margin-bottom: 20px;  }

i.gold { color: #fbbc04; }
i.grey { color: #BBB; }
.star-container { display: inline-block; position: relative; line-height: 1; }
.star-container .star-background img { vertical-align: -3px }
.star-container .star-foreground img { vertical-align: -3px }
.star-container .star-foreground { color: gold; position: absolute; top:0; left: 0; width: 0; overflow: hidden; white-space: nowrap; }

.entreprise {  }
.entreprise .review { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dotted #ccc; }
.entreprise .review:last-child { padding-bottom: 0; border-bottom: none; }
.entreprise .review:first-child { padding-top: 0; }
.entreprise .review h4 { font-size: 14px; margin-bottom: 10px; }
.entreprise .review span.rating {  }
.entreprise .review span.date {  }
.entreprise .review p.comment { margin: 10px 0 0 0; padding: 0; font-size: 14px; line-height: 22px; }



/************************************************* COMMENTAIRE ********************/
.comments { margin-bottom: 30px; }
.comments textarea { width: 100%; height: 100px; border: 1px solid #ccc; padding: 10px; border-radius: 5px; }
.content .comments h3 { font-style: normal; font-size: 20px; }
.comments .comments-list { margin-top: 20px; }
.comments .comments-list .comment-one { margin-bottom: 20px; width: 100%; border: 1px solid #ccc; padding: 10px 20px; border-radius: 5px; }
.comments .comments-list .comment-one:last-child { margin-bottom: 0px; }
.comments .comments-list .comment-one .comment-header { margin: 0 0 0 0; }
.comments .comments-list .comment-one .comment-header span { }
.comments .comments-list .comment-one .comment-header span.comment-name { font-weight: bold; }
.comments .comments-list .comment-one .comment-header span.comment-date { color: #444; font-size: 13px; margin-left: 15px; }
.comments .comments-list .comment-one .comment-content { margin-top: 0; }

/************************************************* AUTOCOMPLETE */
.ui-autocomplete { position: absolute; z-index: 1000; float: left; min-width: 160px; padding: 0; margin: 2px 0 0;  list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #0b6ba8; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } 
.ui-autocomplete > li { list-style-type: none; margin-bottom: 0; }
.ui-autocomplete > li > div { display: block; padding: 7px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; }
.ui-state-hover,
.ui-state-active,
.ui-state-focus { text-decoration: none; color: #262626; background-color: #f5f5f5; cursor: pointer; }

/******************* A LIRE AUSSI *****************/
.see-also { background-color: #416285; border-left: 6px solid #f96d74; }
.see-also:hover { text-decoration: none; }
.see-also a { color: #fff; font-size: 20px; padding: 25px 15px; margin: 40px 0 30px 0;  display: block; font-weight: normal!important; text-decoration: none!important;}
.see-also a:hover { text-decoration: none; }
@media (max-width: 768px) {
    .see-also a { padding: 15px; font-size: 15px; }
    .sidebar { padding: 0; }
}
i.gold { color: #fbbc04; }
i.grey { color: #BBB; }
.star-container { display: inline-block; position: relative; line-height: 1; }
.star-container .star-background img { vertical-align: -3px }
.star-container .star-foreground img { vertical-align: -3px }
.star-container .star-foreground { color: gold; position: absolute; top:0; left: 0; width: 0; overflow: hidden; white-space: nowrap; }

/********************** FOOTER **********************************/
footer { text-align: center; background-color: #416285; padding: 30px 0 30px 0;}
footer p.informations { font-size: 13px; line-height: 20px; margin: 30px 0 0 0; padding: 0; font-family: "Quicksand", Sans-serif; color: #fff; }
footer ul {  }
footer ul li { margin: 0 20px; display: inline-block; }
footer ul li a { font-family: "Quicksand", Sans-serif; color: #fff; text-decoration: none; }
@media (max-width: 768px) {
    .navbar { text-align: center; margin-bottom: 5px; padding-top: 5px !important;}
    footer { padding: 15px 0 15px 0; }
    footer ul li { display: block; margin: 10px 0; }
}

/********************* SEARCH *************************/
.search { margin-bottom: 30px; }
.content .search p { margin: 10px 0 10px 0; }
.content .search .input-group input { width: 300px; }

/********************* DEVIS *************************/
div.start-devis { margin: 30px 0; padding: 0; }
div.start-devis p { color: #fff; padding: 5px 0 5px 20px; margin: 0; font-size: 17px; background-color: #416285; margin-bottom: 0; }
div.start-devis div.content-devis { border: 1px solid #416285; padding: 20px 10px 0px 20px; margin-top: 0; }
div.start-devis div.content-devis label { font-weight: normal; }
div.start-devis div.content-devis button { background-color: #1b6e32; border: none; color: #fff; display: block; font-size: 18px; margin: 0 0 15px 0; padding: 15px 40px 15px 30px; text-align: center; width: auto; }

.start-devis .form-field { margin-bottom: 30px; min-height: 72px; }
.start-devis .form-field .form-label { line-height: 0.5; }
.start-devis .form-field .form-label label { display: block; width: 100%; letter-spacing: -.3px; font-weight: 400; font-size: 16px; color: #6d6d6d; margin-bottom: 0; line-height: 24px; padding-left: 0; }
.start-devis .form-field .form-data .input input { box-shadow: none!important; margin-top: 10px; border-radius: 4px; background-color: #fafafa; font-size: 16px; border: 1px solid #dadbdd; height: 39px; }
.start-devis .form-field sup { color:#d57171; font-size: 20px; top: 0;}
.start-devis .form-field .form-data textarea { margin-top: 10px; border-radius: 4px; background-color: #fafafa; font-size: 16px; border: 1px solid #dadbdd; height: 100px;  }

@media (max-width: 768px) {
    div.start-devis p { line-height: 25px; padding-right: 10px; }
}

/********************* GENERAL ************************/
.content p, .content li { font-family: "Quicksand", Sans-serif; font-size: 17px; line-height: 32px; margin-top: 15px; text-align: justify; }
.content li { margin-top: 10px; }
.content a { font-weight: bold; text-decoration: underline; }
.content h1 { font-family: "Quicksand", sans-serif; text-align: center; color: #30383B; margin-bottom: 40px; font-size: 30px; margin-top: 30px; text-align: left; }
.content h1:after, .content h2:after { display: block; content: ''; height: 3px; background-color: #f96d74; width: 10%; margin: 15px 0 10px 0; }
.content h1.text-center:after { margin-left: auto; margin-right: auto; }
.content h2 { font-family: "Quicksand", sans-serif; text-align: left; color: #30383B; margin-bottom: 30px; font-size: 25px; margin-top: 45px; line-height: 35px; }
.content h3 { font-family: "Quicksand", sans-serif; text-align: left; color: #333; margin-top: 40px; margin-bottom: 25px; font-style: italic; }
.content ul, .content ol { margin-bottom: 35px; margin-left: 30px; }
.content ul.sitemap { margin-left: 15px; }
.article-one { margin-top: 0px; }
.article-one h1 { margin-bottom: 30px; text-align: center; }
.article-one h1:after { margin: 15px auto; }
.article-one span.date { display: block; text-align: center; font-size: 15px; font-style: italic; margin: 10px auto 30px 0; }
.article-one .illustration { display: block; margin: 30px auto; max-width: 300px; }

.content .cd-item { margin-top: 15px; padding-left: 5px; }
.content .cd-item p { margin: 0; }
.content .cd-item p.name { font-weight: bold; }

.list-villes { margin-top: 10px; margin-bottom: 30px; }
.list-villes h2 { margin-bottom: 10px; }
.list-villes a { display: block; margin-bottom: 5px; font-weight: bold; text-decoration: none!important; }

.breadcrumb { padding: 6px 10px; background-color: #f1f2f4; margin-bottom: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 0; }
.breadcrumb .container { background-color: #f1f2f4;   }
.breadcrumb a { font-weight: normal!important; text-decoration: none!important; font-size: 15px; margin: 0 5px; }

@media (max-width: 768px) {
    .content ul { margin-left: 0; }
    .content h1 { font-size: 25px; line-height: 38px;  }
    .content h2 { line-height: 38px; }
    .article-one { margin-top: 0; }
    .article-one .illustration  { max-height: 70%; max-width: 70%; margin-left: auto; margin-right: auto; }
    .breadcrumb { display: none; }
}

/*** Autres articles ***/
.content .card { padding: 20px 15px; border-radius: 3px; background-color: #29343B; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); }
.content .card.list-items {  }
.content .card.list-items a { display: block; color: #fff; font-size: 15px; margin-bottom: 7px; font-family: "Quicksand", sans-serif; }
.content .card-body { padding: 1.25rem; flex: 1 1 auto; }

.content .article { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; background-color: #fff; padding: 0; border-radius: 4px; margin-bottom: 20px; }
.content .article img { border-top-left-radius: 4px; border-top-right-radius: 4px; max-width: 100%; }
.content .article p.card-title { font-family: "Quicksand", sans-serif; font-size: 17px; margin-top: 0; line-height: 30px; text-align: center; }
.content .article p.card-title:after { display: block; content: ''; border-top: 1px solid #ccc; width: 30px; margin: 10px auto; }
.content .article p.card-text { font-size: 13px; line-height: 20px; text-align: center;}
.content .article p.card-text i.date { display: block; margin-bottom: 10px; }
.content .article p.read-next { margin-top: 20px; }
.content .article p.read-next a { background-color: #42c63f; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; border: 1px solid #42c63f;  }
.content .linked-articles { display: flex; flex-wrap: wrap; }
.content .linked-articles > div { display: flex; flex-direction: column; }
.content .linked-articles .card.article { flex-grow: 1; display: flex; flex-direction: column; }
.content .linked-articles a { display: block; color: inherit; font-weight: normal; text-decoration: none; }
.content .linked-articles a:hover { text-decoration: none; }
.content .linked-articles a p.card-title:hover { color: #416285; text-decoration: underline; }

@media (max-width: 768px) {
    .content .article img { height: auto; }
}

/****************** SIDEBAR *******************/
.sidebar { margin-top: 30px; padding-left: 25px; padding-right: 15px; }
.sidebar h3 { font-family: "Quicksand", sans-serif; text-align: left; color: #30383B; margin-bottom: 30px; font-size: 20px; margin-top: 0; font-style: normal; text-align: center;}
.sidebar h3:after { display: block; content: ''; height: 3px; background-color: #f96d74; margin-top: 10px; width: 30%; margin: 10px auto; }
.sidebar .article-sidebar { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 25px;  }
.sidebar .article-sidebar:last-child { border: 0; }
.sidebar .article-sidebar .image { position: relative; box-shadow: 0 2px 20px 0 rgba(27,40,54,.3); border-radius: 50px; }
.sidebar .article-sidebar .image a { background: transparent; border-radius: 6px;}
.sidebar .article-sidebar .image img { display: block; max-width: 100%; border-radius: 6px; }
.sidebar .article-sidebar .image h4 { position: absolute; bottom: 0; left: 0; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); color: #333; font-family: "Quicksand", sans-serif; text-align: center; color: #30383B; margin: 0; font-size: 16px; line-height: 25px; font-weight: bold; padding: 10px; }
.sidebar .article-sidebar p.insight { margin: 10px 0 0 0; line-height: 22px; }
.sidebar .article-sidebar p.insight a { font-size: 13px; line-height: 22px; margin: 0; padding: 0; color: #000; text-decoration: none; font-weight: normal; }
.sidebar .article-sidebar p.insight a:hover { text-decoration: none; }

.sidebar .article-sidebar-list {  }
.sidebar .article-sidebar-list h4 { padding: 0 0 20px 0; margin-bottom: 20px; font-family: "Quicksand", sans-serif; text-align: left; color: #30383B; line-height: 25px; border-bottom: 1px dotted #bbb; }
.sidebar .article-sidebar-list h4 a { color: #000; font-size: 15px; font-weight: normal!important; text-decoration: none!important; }

.sidebar .who { margin-bottom: 30px; }
.sidebar .who img { width: 40%; display: block; margin: 0 auto; }
.sidebar .who p.link { text-align: center; }
.sidebar .who p.link a { text-decoration: none; }
.sidebar .who p { font-size: 14px; line-height: 25px; }

@media (max-width: 768px) {
    .sidebar { padding-left: 0; padding-right: 0; }
    .sidebar .article-sidebar p.insight a { font-size: 16px; }
}

/********************* HEADER ******/

/********************************* HEADER ****************************************/
.header { opacity: 0.95; box-shadow: 1px 1px 10px rgba(0,0,0,.15); -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.15); width: 100%; z-index: 10000; background-color: #fff; margin-bottom: 0px; position: relative; }
.header .logo { height: 100px; padding: 10px 0; text-align: center; }
.header .logo img { max-height: 100%; display: block; margin: 0 auto; }


@media (max-width: 768px) {
    .header { margin-bottom: 10px; }
    .header .menu { height: 0; }
    .header .logo { padding-top: 6px; padding-bottom: 6px; height: 55px; width: 100%; }
    .header .logo img { width: auto; }
    .content { padding-top: 0px !important; }
    .vite1devis { width: 100%; }
}

@media (max-width: 1200px) {
    .header-top .middle p, .header-top-mobile p { font-size: 13px; }
    .header-top ul li a { font-size: 13px; }
    .header .navbar-wrapper .navbar ul.nav > li.dropdown > a { padding-left: 4px; padding-right: 4px; font-size: 13px; }
}

@media (max-width: 810px) {
    .header .navbar-wrapper .navbar ul.nav > li.dropdown { margin-left: 7px; margin-right: 7px; }
    .header .navbar-wrapper .navbar ul.nav > li.dropdown > a { font-size: 12px; padding-left: 0px; padding-right: 0px; }
}

.header .navbar-wrapper { background-color: transparent; padding: 29px 0 25px 0;}
.header .navbar-wrapper .navbar { border: 0; margin-bottom: 0;  background-color: transparent; height: 100%; min-height: 100%; padding: 0;  }
.header .navbar-wrapper .navbar #navbar { padding-left: 0; padding-right: 0; height: 100%; text-align: right; }
.header .navbar-wrapper .navbar ul.nav { display: inline-block; position: relative; }
.header .navbar-wrapper .navbar ul.nav > li.dropdown { display: inline-block!important; margin: 0 13px; font-size: 15px; width: auto; }
.header .navbar-wrapper .navbar ul.nav > li.dropdown:last-child { margin-right: 0; }
.header .navbar-wrapper .navbar ul.nav > li.dropdown:first-child { margin-left: 0; }
.header .navbar-wrapper .navbar ul.nav > li.dropdown > a { text-decoration: none; color: #000; padding: 10px 0; display: inline-block; font-weight: 400; line-height: 25.6px; font-size: 16px; }
.header .navbar-wrapper .navbar ul.nav > li.dropdown > a i { margin-left: 7px; }

.dropdown-menu { border-radius: 0; padding: 0; box-shadow: 0 2px 6px #ddd; border-bottom: 3px solid #777; width: 100%; width: 310px; z-index: 10000; }
.dropdown-menu li { list-style-type: none; border-bottom: 1px solid #ccc; text-decoration: none; border-top: 0; margin-bottom: 0; }
.dropdown-menu li a { display: inline-block; color: #000; padding: 12px 35px 12px 20px; text-decoration: none; font-size: 13px; text-transform: none; }
.dropdown-menu li:hover { background-color: #f9f9f9; }

.navbar-toggle { background-color: transparent; padding: 0; margin: 0; border: none; }
.navbar-toggle .icon-bar { background-color: #fff; width: 30px; height: 3px; background-color: #00487F; display: block;}
.navbar-toggle .icon-bar+.icon-bar { margin-top: 7px; }

@media (max-width: 768px) {
    .navbar-toggle { position: absolute; top: -67px; left: -25px; }

}

/** MENU RESPONSIVE **/
#slide-menu-mobile { }
#slide-menu-mobile *{}
#slide-menu-mobile .subline{display: block;font-size: 12px;font-weight: normal;color: #999;}
#slide-menu-mobile ul { margin-left: 0; }
#slide-menu-mobile ul.off-canvas { position: fixed; width: 272px; top: 0; left: 0; padding: 0; overflow-x: hidden; overflow-y: auto; background-color: #fff; -webkit-box-shadow: 0 100px 0 0 #fff; box-shadow: 0 100px 0 0 #fff; z-index: 99999; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);transition: all 0.3s ease; backface-visibility: hidden;-webkit-backface-visibility: hidden;}
#slide-menu-mobile ul li.menu-item { border-bottom: 1px solid #eee; position: static; display: block; margin: 0; float: none; overflow: hidden; width: 100% }
#slide-menu-mobile ul li.menu-item:hover { border-top: none; }
#slide-menu-mobile ul li.menu-item > a { color: #666; line-height: 22px !important; float:left; padding: 10px 15px; font-size: 15px; text-transform: none; border-top: none; width: calc(100% - 50px); text-decoration: none; text-align: left; }
#slide-menu-mobile ul li.menu-item > a i { margin-right: 6px; font-size: 12px; vertical-align: 1px;}
#slide-menu-mobile ul li.menu-item > a:after { display: none; }
#slide-menu-mobile ul ul.sub-menu { transition: all 0.3s ease; opacity: 1; visibility: visible; position: absolute; border: 0; width: 100%; min-height: 100%; top: 0; left: 0; background-color: #fff; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); backface-visibility: hidden;-webkit-backface-visibility: hidden;}
#slide-menu-mobile ul ul.sub-menu li { margin-bottom: 5px; }
#slide-menu-mobile ul ul.sub-menu li a { font-size: 13px; line-height: 20px;}
#slide-menu-mobile ul ul.sub-menu li:hover { border-top: 0; }
#slide-menu-mobile ul ul.sub-menu.sub-menu-active { -webkit-transform: translateX(0); transform: translateX(0); z-index: 999; padding-left: 0; }
#slide-menu-mobile ul li.back-mb span{ color: #000; cursor:pointer; background-color: rgba(0, 0, 0, 0.02);padding: 13px 15px; font-size: 15px; text-decoration: none; display: block; }
#slide-menu-mobile ul.off-canvas-active { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); }
#slide-menu-mobile ul span.submenu-toggle { float:right; width: 42px; height: 42px; line-height: 42px; text-align: center; cursor: pointer;  color: #000; font-size: 20px; }
#slide-menu-mobile ul span.submenu-toggle i { font-size: 15px !important; }
#slide-menu-mobile ul span.submenu-toggle .fa, #slide-menu-mobile ul span.submenu-toggle .far, #slide-menu-mobile ul span.submenu-toggle .fab, #slide-menu-mobile ul span.submenu-toggle .fal { font-size: 14px; line-height: 42px; }
#slide-menu-mobile ul .rehub-custom-menu-item, #slide-menu-mobile .countdown_dashboard .dash{display: none;}
#slide-menu-mobile ul > li.close-menu { list-style-type: none; cursor: pointer; border:none !important; text-align: center;width: 30px; height: 30px;font-size: 20px;margin: 10px auto;line-height: 30px;}
#slide-menu-mobile ul > li#social_icons_in_panel{padding: 15px;}
#slide-menu-mobile ul li.rh-megamenu .vc_row{padding: 15px 0}
#slide-menu-mobile ul li.rh-megamenu .vc_column_container>.vc_column-inner{padding: 0 15px; margin: 0}
#slide-menu-mobile ul li.rh-megamenu .vc_row a{ font-size: 15px; float: none; width: auto; padding: 0 }
#slide-menu-mobile ul li.rh-megamenu .vc_row .vc_tta-panel-heading a{padding: 14px 20px}
#slide-menu-mobile ul li.rh-megamenu .vc_row .vc_tta-panel-heading a.active {border-color: #ededed;background-color: #f2f2f2; color: #111;}
#slide-menu-mobile ul li.rh-megamenu .vc_row .vc_tta-panel-body{padding: 0; margin: 12px 2px;}
#slide-menu-mobile ul li.rh-megamenu .vc_row li{border: none;}
#slide-menu-mobile .rh-menu-label{display: none;}
.offsetnav-overlay { position: fixed;  top: 0; left: 272px; right: 0; height: 120vh; background-color: rgba(0,0,0,0.5); z-index: 99999; }