/*
Template:       techkit
Theme Name:     techkit Child Theme
Theme URI:      http://radiustheme.com/demo/wordpress/themes/techkit
Author:         RadiusTheme
Author URI:     http://radiustheme.com
Description:    Techkit is an Responsive Software & IT Solutions WordPress Theme.
Version:        1.0
Text Domain:    techkit
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, editor-style, featured-images, post-formats, sticky-post, threaded-comments, translation-ready
License:   	  Envato split License
License URI:  https://themeforest.net/licenses/terms/regular
*/
@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Bellefair&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Pacifico&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&display=swap');*/
header#masthead {
    position: absolute;
    width: 100%;
    z-index: 9;
}
a.agence .rtin-item {
    clear: both;
    margin-bottom: 30px !important;
}
.rtin-address-default .rtin-item {
	margin-bottom: 50px;
}
div#header-1 {
    background-color: transparent;
}

div#header-menu {
    background-color: transparent;
}
div#header-6 {
    background-color: transparent;
}
div#header-menu .container {
    padding-left: 90px;
    padding-right: 90px;
    max-width: initial;
}
.header-logo {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 200px;
}

.menu-wrap {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

li#menu-item-7904 {
    margin-left: 200px;
}

.site-branding a:before {
	content: "HaiR.G Clinic";
    display: block;
    text-align: center;
    color: #fff;
    /*font-family: 'Monotype Corsiva', sans-serif;*/
    font-family: "Baskervville", serif;
    font-weight: 500;
    font-size: 24px;
    margin-top: 20px;
    padding-left: 16px;
}
.site-branding {
    margin-left: 8px;
}
.site-header .site-branding a img {
    max-width: 165px;
    margin: 0 auto;
    height: 50px;
    margin-top: -15px;
}

.site-header .site-branding a {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.site-branding {
    display: block;
}

body .site-header .main-navigation nav ul li a {
    color: #fff;
    padding: 15px;
    margin: 20px 0;
    margin-bottom: 0;
}

.site-header .main-navigation ul.menu li.current-menu-item > a, .site-header .main-navigation ul.menu > li.current > a {
    color: #fff !important;
}

.site-header .main-navigation nav > ul > li.current-menu-item > a::before {
    transform-origin: top right;
    transform: scaleX(1);
}
.home-one-banner .title-text-button .rtin-title, .home-one-banner .title-text-button .rtin-content {
    width: 100%;
    margin: 0 auto;
}
.elementor-element.elementor-element-23ad6492 {
    right: -2%;
    top: initial !important;
    bottom: 0;
	display:none;
}
div#header-menu.rt-sticky {
    background-color: #fff;
}

a {}

div#header-menu.rt-sticky .main-navigation nav ul li a {
    color: #14133b;
}

div#header-menu.rt-sticky .main-navigation nav ul li.current-menu-item a {
    color: #000 !important;
}

div#header-menu.rt-sticky a.light-logo {
    display: block;
}

div#header-menu.rt-sticky .site-branding a img {
    max-width: 140px;
    height: 45px;
}

div#header-menu.rt-sticky a.dark-logo {
    display: none;
}

div#header-menu.rt-sticky .header-logo {
    padding-top: 10px;
}

div#header-menu.rt-sticky .site-branding a:before {
    color: #000;
    font-size: 20px;
    margin-top: -10px;
    padding-left: 15px;
}
.footer-style-1 .footer-area .widget_media_image:before {
    content: "HaiR.G Clinic";
    display: block;
    text-align: center;
    color: #fff;
/*font-family: 'Monotype Corsiva', sans-serif;*/
	font-family: "Baskervville", serif;
    font-weight: 500;
	font-size: 20px;
    padding-left: 15px;
}
.footer-style-1 .footer-area .widget_media_image img {
    width: 140px;
    height: 45px !important;
    margin-top: -15px;
}

.footer-style-1 .footer-area .widget_media_image {
    width: 145px;
}
body .site-header .main-navigation nav ul ul li a {
    margin: 0;
    padding-left: 25px;
}

body .site-header .main-navigation nav ul ul li.current-menu-item a {
    color: black !important;!i;!;
}
h1.entry-title {}

.single-techkit_service h1.entry-title {
	font-weight: 400;
    font-size: 38px !important;
    max-width: 800px;
    margin: 0 auto;
}
.single-techkit_service h1.entry-title:after,
.single-techkit_service .breadcrumb-area:before{
    display: block;
    font-weight: 400;
    font-family: "Montserrat", serif;
    font-size: 20px;
	color: #fff;
}
.elementor-page-7813 h1.entry-title:before {
    content: "LA MESOTHERAPIE CAPILLAIRE";
}
.elementor-page-7813 h1.entry-title:after {
    content: "Pour des cheveux plus denses, plus forts, plus hydratés";
}
.elementor-page-1401 h1.entry-title,
.elementor-page-225 h1.entry-title,
.elementor-page-214 h1.entry-title{
  font-size: 32px;
    font-weight: 400;
    font-family: "Bellefair", Sans-serif !important;
}
.elementor-page-214 h1.entry-title:after {
    content: "Nous restons à votre disposition pour répondre à toutes vos questions ";
	display: block;
    font-weight: 400;
    font-family: "Montserrat", serif;
    font-size: 20px;
	color: #fff;
	text-transform: initial;
}
.elementor-page-7808 h1.entry-title:before {
    content: "LE SOIN PRP";
}
.elementor-page-7808 h1.entry-title:after {
    content: "Pour des cheveux plus forts, brillants, plus épais et soyeux";
}
.elementor-page-7799 h1.entry-title:before {
    content: "LA LUMINOTHERAPIE CAPILLAIRE";
}
.elementor-page-7799 h1.entry-title:after {
    content: "Le soin aux multiples effets thérapeutiques";
}
.elementor-page-7793 h1.entry-title:before {
    content: "NOTRE MAITRE ARTISAN";
}
.elementor-page-7793 h1.entry-title:after {
    content: "COIFFEUR – BARBER – VISAGISTE";
    font-size: 32px;
    font-weight: 400;
    font-family: "Bellefair", Sans-serif;
}
.elementor-page-7793 .breadcrumb-area:before {
    content: "A votre disposition pour continuer à vous embellir et prendre soin de vous";
}
.elementor-page-412 h1.entry-title:before {
    content: "METHODE D’IMPLANTATION CAPILLAIRE EXCLUSIVE FUE COUPLEE A LA LAME SAPHIR";
}
.elementor-page-411 h1.entry-title:before {
    content: "LA GREFFE DE BARBE FUE / LAME SAPHIR";
}
.elementor-page-410 h1.entry-title:before {
    content: "LA GREFFE DE SOURCILS FUE / LAME SAPHIR";
}
.elementor-page-412 h1.entry-title:after {
    content: "Retrouver la plus belle version de vous-même !";
}
.elementor-page-411 h1.entry-title:after {
    content: "Amplifier votre pouvoir de séduction !";
}
.elementor-page-412 .breadcrumb-area:before {
content: "La solution la plus efficace pour un rendu parfaitement naturel et durable";
}
.elementor-page-411 .breadcrumb-area:before {
    content: "La Barbe, l’atout majeur pour révéler votre masculinité et votre virilité";
}
.elementor-page-410 h1.entry-title:after {
    content: "Charmer votre regard !";
}
.elementor-page-410 .breadcrumb-area:before {
    content: "Grâce à notre technique d’implantation retrouver un regard authentique, intense et élégant";
}
.single-techkit_service h1.entry-title {
    font-size: 0 !important;
}
.site-header .main-navigation ul.menu li.current-menu-ancestor > a {
    /*color: #979191 !important;*/
}
.single-techkit_service h1.entry-title:before {
    font-size: 32px !important;
}
.single-techkit_service .entry-banner .entry-banner-content {
    padding-top: 40vh;
    padding-bottom: 180px;
}
.single-techkit_service .entry-banner {
    min-height: 100vh;
	background-position: center top;
}
.title-text-button.barshow .subtitle::before {
    display: none;
}
.subtitle.wow.fadeInUp.animated {
    color: black;
}
.site-header .main-navigation ul.menu ul li.current-menu-item > a {
    color: black !important;
}
.site-header .main-navigation ul.menu > li > a:hover {
   /* color: #979191 !important;*/
}
.site-header .main-navigation nav > ul > li > a::before {
    background-color: #979191 !important;
}
.page-id-225 .entry-banner,
.page-id-214 .entry-banner,
.page-id-1401 .entry-banner {
    min-height: 100vh;
    background-position: center top;
}
.page-id-225 .entry-banner h1.entry-title,
.page-id-214 .entry-banner h1.entry-title,
.page-id-1401 .entry-banner h1.entry-title {
    margin-top: 20vh;
	font-family: "Montserrat", Sans-serif;
    font-size: 40px;
    font-weight: 400;
    text-transform: uppercase;
}
.page-id-1401 .entry-banner h1.entry-title:after {
    content: "Profitez d’une qualité de prestation digne des plus Grandes Cliniques Françaises";
	    display: block;
    font-weight: 400;
    font-family: "Montserrat", serif;
    font-size: 20px;
	text-transform: initial;
}
.page-id-1401 .breadcrumb-area:before {
    content: "à des tarifs exceptionnels";
	display: block;
    font-weight: 400;
    font-family: "Montserrat", serif;
    font-size: 20px;
	color: #fff;
}
.entry-banner:after {
    background: rgb(76 76 76 / 55%) !important;
}
.rtin-address-default .rtin-item .rtin-info h3 {
    font-size: 18px;
    font-weight: 400;
    font-family: "Montserrat", serif;
	color: #fff;
	margin: 0;
}
.rtin-address-default .rtin-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    float: left;
}
.rtin-address-default .rtin-item .rtin-icon {
	color: #fff !important;
    font-size: 20px;
}

.rtin-button {
    clear: both;
    max-width: 300px;
}
.rtin-button a {
    background-color: #fff;
    color: black !important;
}
.animated {
    animation-duration: 0.5s !important;
}
.title-text-button .subtitle {
    font-size: 18px;
    color: #0554f2;
    font-weight: 500;
    letter-spacing: 2.4px;
    margin-bottom: 0px;
    position: relative;
    display: inline-block;
}
.service-layout4 .rtin-item .services-item-overlay {
    background-color: #1e1e1e !important;
}
.rt-accordion .accordion-header .accordion-button:not(.collapsed), .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
    background-color: #1c1b1a !important;
}
.wpr-advanced-accordion .wpr-acc-panel {
    display: block !important;
    overflow: visible !important;
}
.elementor-invisible {
    visibility: visible !important;
}
.page-id-225 .rtin-contact-info .rtin-item {
    padding: 10px 15px;
}
.page-id-225 h3.rtin-title {
    margin: 0 !important;
}
.page-id-225 p.rtin-text {
    font-size: 15px;
}
.ff-t-cell {
    padding: 0 !important;
}
.animated{
    animation-duration: 0.3s !important;
    animation-delay: 0.3s !important;
}
.title-text-button ul {
    margin-top: -10px !important;
	list-style: outside !important;
	    overflow: visible;
	margin-left: 20px;
}
.title-text-button ul li {
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 400;
	padding-left: 0;
}
.elementor-element-9842a70 .subtitle.wow.fadeInUp.animated {
    margin-top: 45px;
    position: absolute;
    width: 100%;
    left: 0;
}

.elementor-element-9842a70 .rtin-content.wow.fadeInUp.animated {
    margin-top: 40px;
}
.elementor-element-c59ab5b span.wpr-title-icon {
    display: none;
}
.wpr-acc-panel-content ul {
    margin-left: -20px !important;
}
.wpr-acc-panel {
    padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.rtin-contact-info .rtin-item {
    background-color: #E0E0E0;
    border: 1px solid #000;
}
button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css {
    background-color: #000 !important;
}
div#meanmenu .mean-bar a{
	background:url(https://hair-gclinic.com/wp-content/uploads/2025/02/icon-logo-hairgclinic.png) no-repeat;
	background-size: 144px 50px;
}
div#meanmenu .mean-bar a img {
        display: none;
}
div#meanmenu .mean-bar a:before {
	content: "HaiR.G Clinic";
    display: block;
    text-align: center;
    color: #000;
    /*font-family: 'Monotype Corsiva', sans-serif;*/
    font-family: "Baskervville", serif;
    font-weight: 500;
    font-size: 21px;
    margin-top: -2px;
    padding-left: 16px;
	padding-bottom: 24px;
}
ul.act {
    /*display: flex;*/
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 14px;
}

ul.act li {
    margin: 0 10px;
    color: #fff;
    padding: 14px;
    font-weight: 700;
    border-radius: 5px;
}
ul.act li a{
    color: #fff;
	font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
ul.act li a i {
    padding-right: 10px;
}
div#header-menu.rt-sticky ul.act li a {
    display:none;
}
.page-id-225 #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:before {
height: 35px;
line-height: 32px;
width: 35px;
font-size: 25px;
}
.page-id-225 #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:after,
.page-id-225 #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step.fw-visited:after{
height: 8px;
top: -60px;
}
.page-id-225 #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step {
width: 32%;
font-size: 16px;
}
.page-id-225 #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step:last-child:before {
font-size: 18px;
padding-top: 3px;
}
.page-id-225 #multi-step-form [data-type=fw-radio] label:before, #multi-step-form [data-type=fw-checkbox] label:before {
    position: absolute;
    width: 100%;
    z-index: -1;
}
.page-id-225 #multi-step-form label {
    border: 1px solid;
    padding: 5px 7px !important;
    margin: 5px;
    border-radius: 5px;
}
.page-id-225 #multi-step-form label:hover {
    background-color: #1c0900;
    color: #fff;
}
#multi-step-form .fw-wizard-buttons button.fw-button-next,
#multi-step-form button.fw-button-previous{
font-size: 0 !important;
padding-top: 7px !important;;
}
.page-id-225 #multi-step-form .fw-wizard-buttons button i, .page-id-225 #multi-step-form .fw-wizard-buttons .fw-btn i {
    font-size: initial;
}
.page-id-225 #multi-step-form .fw-radio-row input[type=radio]:checked+label:before {
line-height: 24px;
font-size: 41px;
color: #fff;
background-color: #000;
position: absolute;
z-index: -1;
height: 100%;
border-radius: 5px;
}
.page-id-225 #multi-step-form .fw-radio-row input[type=radio]:checked+label{
	color: #fff;
    background-color: #1c0900;
}
.page-id-225 #multi-step-form  .fw-input-container label {
    border: 0 !important;
    margin: 0 !important;
}
.page-id-225 #multi-step-form .fw-step-block {
    margin: 0;
}
.page-id-225 #multi-step-form [data-type=fw-text] .fw-input-container label {
    margin-top: 0 !important;
}
.page-id-225 #multi-step-form .fw-input-container label:hover {
    background-color: transparent;
    color: initial;
}
button.fw-toggle-summary:before {
    content: "afficher le résumé";
    font-size: 15px !important;
}
button.fw-btn-submit,
button.fw-toggle-summary {
    font-size: 0 !important;
}

button.fw-btn-submit:before {
    content: "Envoyer";
	font-size: 15px !important;
}
.page-id-225 #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step.fw-visited:before,
.page-id-225 #multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step.fw-active:last-child:before{
font-size: 24px !important;
}
.fw-step-part {
    background-color: #fff !important;
    color: #000;
	border: 1px solid;
    border-radius: 5px;
    border-left: 1px solid !important;
	text-align: center;
}
span.fw-step-part-title {
    text-align: center;
    float: none !important;
}
#multi-step-form .fw-wizard-step-container .msf-h3 {
    display: block;
}
.fw-step-part {
    background-color: #E0E0E0 !important;
}
span.fw-txt-ellipsis {
    display: none !important;
}
@media (max-width: 1200px) {
div#header-menu .container {
    padding-left: 20px;
    padding-right: 20px;
}
.footer-top-area .container {
    max-width: initial;
}
}
@media (max-width: 1290px) {
ul.act {
    display:none;
}
}
@media (max-width: 991px) {
ul.act {
    display:none;
}
}
@media (max-width: 767px) {
.elementor-column.elementor-col-50 {
    min-height: 400px;
}
.footer-top-area .col-sm-6.col-12 {
    width: 100%;
}
.service-layout4 .rtin-item .rtin-content {
    padding: 10px;
}
.rtin-address-default .rtin-item {
    width: 100%;
    float: none;
}
.single-techkit_service .entry-banner,
.page-id-225 .entry-banner, .page-id-214 .entry-banner, .page-id-1401 .entry-banner{
    min-height: 400px;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px !important;
}
a.agence .rtin-item {
    margin-top: 30px;
    margin-bottom: 30px !important;
}
.rtin-address-default .rtin-item {
    margin-bottom: 30px;
}
}