/*
Theme Name: GC Dent
Template: Zephyr
Version: 1.0
Author:	AW
Theme URI: https://reactive-com.com
Author URI: AW
*/

/*Add your own styles here:*/


/* Header */
.no-touch .l-header.bg_transparent:not(.sticky) .at_middle .type_desktop .menu-item.level_1:hover>a {
    color: #fff!important;
    z-index: 1;
}
.no-touch .l-header.bg_transparent.sticky .at_middle .type_desktop .menu-item.level_1:hover>a {
    color: var(--color-content-text)!important;
}
.no-touch .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 .w-nav-title:after{
	display: block;
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
	background: var(--color-content-link) ;
	bottom: -0.1em;
    margin: 0 auto;
    height: 15px;
 }
.no-touch .w-nav.type_desktop .hover_underline .current-menu-item .w-nav-anchor.level_1 .w-nav-title:after {opacity:1}

.l-header.sticky .l-subheader.at_middle {
    backdrop-filter: blur(4px);
}
 .w-nav-anchor:not(.level_1) {
	line-height: 4em;}
 a.w-nav-anchor:not(.level_1):before { 
	content: " ";
	display: inline-block;
	height: 4rem;
	width: 3.5rem;
	margin: 0 .9rem 0 0;
	vertical-align: middle;
	background: url("img/materiel-peripherique.svg");
	background-repeat: no-repeat!important;
	background-size:90%!important; 
}
.fauteuil a.w-nav-anchor:not(.level_1):before { 
	background: url("img/table-dentaire.svg");
}
.intra a.w-nav-anchor:not(.level_1):before { 
	background: url("img/imagerie-intra-orale.svg");
}
.extra a.w-nav-anchor:not(.level_1):before { 
	background: url("img/imagerie-extra-orale.svg");
}
.radio a.w-nav-anchor:not(.level_1):before { 
	background: url("img/radio-dentaire.svg");
}
.steril a.w-nav-anchor:not(.level_1):before { 
	background: url("img/sterilisation-dentaire.svg");
}
.mobilier a.w-nav-anchor:not(.level_1):before { 
	background: url("img/mobilier.svg");
}
.microscope a.w-nav-anchor:not(.level_1):before { 
	background: url("img/microscope.svg");
}
.fourniture a.w-nav-anchor:not(.level_1):before { 
	background: url("img/fourniture-dentiste.svg");
}
.visuel a.w-nav-anchor:not(.level_1):before { 
	background: url("img/ergonomie-visuelle.svg");
}


.l-subheader.at_middle .type_mobile .w-nav-list.level_1,.l-subheader.at_right .type_mobile .w-nav-list.level_1 {
	background: #fff!important;}
.l-subheader .at_right .ush_menu_1.type_mobile .menu-item.level_1.current-menu-item>a:not(.w-btn) {color:var(--color-content-link)!important;}
.w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 { padding: 2rem 1rem; }
.w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 .w-nav-close, .w-popup-box:not([style*="100%"]) + .w-popup-closer { background: var(--color-content-link)!important; color:#fff!important; opacity:1; }
header.sticky .ush_menu_1 .menu-item.level_1.current-menu-item>a:not(.w-btn), header.sticky .ush_menu_2 .menu-item.level_1.current-menu-item>a:not(.w-btn) {color: var(--color-content-text)!important; }
.ush_menu_1.type_mobile .w-nav-anchor.level_1.us-btn-style_4 { font-size: 1.2rem!important;}
.hero .l-section-h.i-cf {position: relative; height: 325px}
.hero h1 {height: 8.5rem; margin: 2rem 0!important; padding: 0;}
.g-breadcrumbs {position: absolute; z-index: 3; bottom: -.35rem; right: 1.5rem;}
.g-breadcrumbs>li, .g-breadcrumbs>span {color: #fff;}
.g-breadcrumbs .g-breadcrumbs-item a:not(:last-child) {color:#fff;}
.g-breadcrumbs .g-breadcrumbs-item a:not(:last-child):hover {color:var(--color-content-link);}
.g-breadcrumbs-separator { margin: 0.2rem 0.6em 0; }

.headline {
	position: absolute;
	z-index: 3;
	top: 175px;
	width: 100%;
	height: 5rem;
	font-weight: 900;
	font-size: 3rem;
}

@supports (backdrop-filter: blur(4px)) {
  .visually-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  p.headline {
    backdrop-filter: blur(4px);
    background: rgba(255,255,255,0.18)!important;
    clip-path: url(#lockup-headline-mask-path);
  }
}

.titre, .eyeb {
	position: relative; color:var(--color-content-link); 
	margin: -1.5rem 0 1.3rem 4rem;
	text-transform: uppercase;
	letter-spacing: .03em;
	line-height: 1;
	font-weight: 600;
	font-size:max( 1.2rem,1.2vw );
}
.titre:before, .eyeb:before  {
    position: absolute;
	left: -4rem;
    top: 50%; 
    content:""; 
    background:var(--color-content-link); 
    height: 3px; 
    width: 3rem;
    border-radius: var(--site-border-radius);
}
.eyeb {
    letter-spacing: .08em;
    font-weight: 700;
    font-size: .78rem;
    margin: 0 0 .7rem 2.6rem;
}
.eyeb:before {
    left: -2.6rem;
    transform: translateY(-50%);
    width: 2rem;
}

main .vc_row ul {
  list-style-type: none;
  margin-left: 0; }
main .vc_row ul li:not(.panel) {
    list-style: none; }
main .vc_row ul li:not(.panel):before {
      content: " ";
      display: inline-block;
      height: 3px;
      width: 0.889rem;
      margin: 0 10px 0 0;
      list-style: none;
      background: #171727;
      vertical-align: middle; 
        border-radius: var(--site-border-radius);
    }
main .color_alternate .vc_row ul li:not(.panel):before {
      background: #fff; 
}

.carhome .w-grid-list {
    margin: 0;
}

.w-iconbox-icon { font-size: 1.5rem;}
.w-iconbox.style_circle .w-iconbox-icon, .w-iconbox.style_outlined .w-iconbox-icon {
    line-height: 2em;
    height: 2em;
	width: 2em;
	text-shadow: none;
	box-shadow: none;
}
.w-iconbox.style_circle.color_primary .w-iconbox-icon {
    background: var(--color-content-bg-alt-grad);
    color: var(--color-content-text)!important;
}
.w-iconbox.style_circle .w-iconbox-link:active .w-iconbox-icon, .no-touch .w-iconbox.style_circle .w-iconbox-link:hover .w-iconbox-icon {
    box-shadow:none;
}
a.w-iconbox-link:hover {
    color: var(--color-content-link);
}
.no-touch .w-iconbox.style_circle .w-iconbox-link:hover .w-iconbox-icon, .no-touch .w-iconbox.style_outlined .w-iconbox-link:hover .w-iconbox-icon {
    color: var(--color-content-link);
}
@-webkit-keyframes move-zebra {
	from { -webkit-transform: translateX(0); }
	to {  -webkit-transform: translateX(46px);}
}

@keyframes move-zebra {
	from { transform: translateX(0); } 
	to { transform: translateX(46px); }
}
.zebra:before, .layout_335 .w-grid-item-anchor:after {
	position: absolute; 
	bottom: 0;
	left: -46px;
	content:'';
	height:6px;
	width:calc(100% + 46px);
	background: repeating-linear-gradient(
    -33deg,
/*    #fff,
    #fff 3px,
    var(--color-content-bg-alt) 3px,
    var(--color-content-bg-alt) 6px*/
    #fff 1px,
    var(--color-content-bg-alt) 2px,
    var(--color-content-bg-alt) 11px,
    #fff 12px,
    #fff 20px

  );
	background: -webkit-repeating-linear-gradient(
    123deg,
    #fff,
    #fff 3px,
    var(--color-content-bg-alt) 3px,
    var(--color-content-bg-alt) 6px
  );
}
.layout_335 .w-grid-item-anchor:hover:after {
    -webkit-animation-name: move-zebra;
	-webkit-animation-duration: .9s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	
    animation-name: move-zebra;
	animation-duration: .9s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.zebra:before {
	position: absolute; 
	top:0;
	left: 0;
	content:'';
	height:6px;
	width:100%;
	background: repeating-linear-gradient(
    -33deg,
    #fff,
    #fff 3px,
    var(--color-content-bg-alt) 3px,
    var(--color-content-bg-alt) 6px
	);
	background: -webkit-repeating-linear-gradient(
    -33deg,
    #fff,
    #fff 3px,
    var(--color-content-bg-alt) 3px,
    var(--color-content-bg-alt) 6px
	);
}

/* habilage img*/
.hero:after { position: absolute; bottom: 0; z-index: 2;content: "";display: block;
    left: 0;
    width: 100%;
	height: 1rem;
    padding: 1rem 0;
	background: rgba(255,255,255,0.18);
	backdrop-filter: blur(4px); 
}
/*.sstitre {position: absolute; bottom: 2rem; left: 0;}*/
.bg { position:relative; z-index: 0;
	padding: 1rem 1rem 0 0;}
.bg:after { z-index: -1; position: absolute; content: "";
	mask-image: url(img/bg-carre.svg);
	-webkit-mask-image: url(img/bg-carre.svg);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
/*	background: var(--color-content-bg-alt);*/
	background: #F6F4EE;
	top: -1rem;
	right:1rem;
	width: 50%;
	height: 80%;
}
.bg.bas:after {
	top:inherit!important;
	bottom: -1rem;
}

.bg .w-image-h {margin-right: 10%}
#cercle { position: relative; width: 100%;  }
#cercle text { font-size: 17px; font-weight: 600; }
#cercle svg { position: absolute; z-index: 1; left: -4.25rem; top: -6.5rem; width: 50%; height: 240px;
  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 15s;
     -moz-animation-duration: 15s;
      -ms-animation-duration: 15s;
       -o-animation-duration: 15;
          animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@-moz-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@-ms-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@-o-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}

body:not(.single-us_portfolio) .l-canvas section:last-child {padding-bottom: 6rem;}

/* a propos */ 
.w-person.layout_simple_circle .w-person-image {position: relative; overflow: inherit!important; margin: 4% 20% 2%;}
.w-person.layout_simple_circle .w-person-image:after {  z-index: -1; position: absolute; content: "";
	mask-image: url(img/bg-rond.svg);
	-webkit-mask-image: url(img/bg-rond.svg);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background: var(--color-content-bg-alt);
	top: -1rem;
	left:3rem;
	width: 80%;
	height: 80%;
}
.w-person a.w-person-links-item {
    color: inherit;
    background: var(--color-content-bg-alt);
    margin: 0.5rem 0.5rem 2rem;
}
.no-touch .w-person-links-item:hover {
    background: var(--color-content-link);
}

.travail .w-iconbox-icon {font-size: 3.5rem!important;}
.travail .w-iconbox .w-iconbox-title { font-weight: 600; margin-bottom: 1.5rem; font-size: 1.1rem; }
.travail .w-iconbox h3.w-iconbox-title { margin-bottom:.6rem;}
.travail .w-iconbox-text {margin-bottom: 3rem; padding: 0 1.5rem 0 0;}

.w-tabs.style_trendy>.w-tabs-list .w-tabs-item.active { color: var(--color-header-top-text-hover); }
.w-tabs-list-bar {background: var(--color-header-top-text-hover); }
/* Réalisation */
/*.us_custom_c70c97eb {
    background: var(--color-content-bg-alt)!important;
    background-position: 100px 50px;
    width: calc(100% - 4rem);
	padding: 0 2rem;}*/
.rea .w_grid, .layout_446 {position: relative; z-index: 1;}
.rea .usg_post_title_1 {
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px); }
.rea .w-grid-item-h:hover .usg_post_image_1 {transform: scale(1) translate(0%,0%); transition-duration: 0.3s;
    opacity: 0.6;  }
.g-filters.style_2 .g-filters-item.active, .no-touch .g-filters.style_2 .g-filters-item:hover {background:var(--color-content-link); color:var(--color-content-text);  }
.g-filters-item { /*background: var(--color-content-bg-alt-grad);*/background: #dad8d4; color: var(--color-content-text)!important;
	line-height: 2.2rem;
	font-weight: 700; 
	border-radius: 1.1rem!important;
	padding: 0 0.9rem;
	margin: 0 0.6rem 1rem;}
.single-us_portfolio.w-grid-list:not(.autoheight) .owl-stage {margin-top: 1rem;}
.layout_446 {position: relative; z-index: 9;}
.layout_portfolio_1 .usg_post_title_1, .layout_portfolio_1 .w-grid-item-h:hover .usg_vwrapper_1 {display: none !important;}

/* FORM */
input:not([type="submit"]), textarea, select {
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: unset!important;
}
.w-form-row-description { color: inherit!important; }
/* marques */
.owl-nav { display: inherit!important;}
.owl-carousel.navpos_inside>.owl-nav div {background: var(--color-content-text);}
.owl-carousel.navstyle_circle .owl-nav div { height: 2rem; width: 2rem; top:0; }
.owl-carousel.navpos_inside .owl-prev { right: 3rem; left:inherit; }
.owl-carousel .owl-nav.disabled { display: none!important;}
.owl-carousel button.owl-dot { margin: 0 0.3rem;}
/* POPUP */ 
.w-popup-box-content {border: solid 2px var(--color-content-secondary);}
.usoverlay_fixed body .l-header, .usoverlay_fixed body .l-main, .w-popup-overlay.active {
	background: rgba(255, 255, 255, 0.33);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px); 
}
/* Catégorie */
.w-grid.matos.overflow_hidden .w-grid-item-h {
    overflow: inherit;
}

.matos .w-post-elm.type_image.image_cat {
    aspect-ratio: 16 / 9 !important;
}
.icone-marque {height: 4.5rem!important; margin: 1rem!important;}
.icone-marque img[src$="svg"] {width: 3.5rem!important; height: 4.5rem!important; object-fit: inherit!important;}
.layout_323 .usg_vwrapper_1 {backdrop-filter: blur(4px);}
.single-materiel_dentaire .logo {float: right;}
.single-materiel_dentaire .extrait {clear: both;}
/*.single-materiel_dentaire .layout_335 .w-grid-item-h {background: #fff!important;}*/

.w-separator.bleu, .rea .w-separator,  .w-separator.real {
    background-color: #F6F4EF;
	position: absolute;
    width: 80%;
    right: 0;
    bottom: -1rem;
    margin-left: 20%;
    z-index: 0;
    height: 78% !important;
}
.w-separator.bleu.mat {
    bottom: 2.5rem;
    height: 350px !important;
}
.rea .w-separator, .w-separator.real {
    bottom: 2.5rem;
    height: 78% !important;
}

/* FOOTER */
.l-footer {
	position: relative; 
	overflow: unset;
}
.l-footer .l-section:first-child {padding: 4rem 2.5rem 0;}
.l-footer .g-cols.via_grid.type_boxes>.vc_column_container, .g-cols.via_flex.type_boxes>div>.vc_column-inner { padding: 2rem 3rem;}
.l-footer .w-image.style_circle img { width: 100px; }
.l-footer .us_menu_2.w-menu.layout_ver .menu>li { margin-bottom: .2rem; }
.couleur-footer, .footer-colors {left: 0;
    right: 0;
    bottom: 0;
    top: -150px;
    position: absolute;
    display: block;
    pointer-events: none;
    overflow: hidden;
}
.degrade-footer, .footer-gradients {
    background: repeating-linear-gradient(#171728 0 45%,#0D0D16 45% 64%,#000000 64% 100%);
    left: 0;
    right: 0;
    bottom: 0;
    top: 105px;
    position: absolute;
    display: block;
    pointer-events: none;
    transform: skewY(-3deg);
}
.gc {color: #fff;}
.gc img {width: 205px}
.gc p {font-size:.8em;}

div div.grecaptcha-badge {display: none}

@media screen and (min-width: 1025px) {
	.w-person.layout_simple_circle .w-person-image { margin: 4% 20% 2%; }
	.bg .w-image-h {margin-right: 0}
}
@media screen and (min-width: 1005px) {
	.headline { top: 11.7rem; }
}

@media screen and (min-width: 769px) and (max-width: 1025px) {
}
/* tablette to laptop */
@media screen and (min-width: 768px) and (max-width: 1025px) {
	.w-person.layout_simple_circle .w-person-image { margin: 4% 10% 2%; }
}
/* tablette et + */
@media screen and (min-width: 769px) {
	.l-footer .g-cols.via_grid.type_boxes>.vc_column_container, .g-cols.via_flex.type_boxes>div>.vc_column-inner { padding: 2rem 4rem;}
	
}
@media screen and (min-width: 760px) and (max-width: 1004px) {
	/*.l-subheader-cell { flex-flow: wrap;}
	.l-subheader-cell .w-nav {margin-top: 3rem;}*/
}
@media screen and (min-width: 601px) and (max-width: 1004px) {
	.headline { top: 11.7rem; }
}
@media screen and (max-width: 900px) {
	.g-filters { padding-bottom: 3rem; }
	.rea .w-separator, .category-13 .w-separator { bottom: 0;}
}
/* Portable */
@media screen and (max-width: 600px) {
	.vc_column_container.gc {align-items: center;}
	.hero h1 {height: 10.5rem; }
	.w-form-row.cols_4 { width: 50%!important;}
}
@media screen and (max-width: 480px) {
	.g-filters-item, .w-filter.state_desktop[class*="style_switch_"] .w-filter-item-value {
		margin: 0 0.6rem 1rem!important;
		padding-left: 0.6rem!important;
		padding-right: 0.6rem!important;
		width: calc(50% - 2rem);
	}
}
@media screen and (max-width: 400px) {
	.g-filters-item, .w-filter.state_desktop[class*="style_switch_"] .w-filter-item-value {
    width: calc(100% - 2rem);
}
}