/*

Theme Name: Coherence Child

Theme URI: http://weshore.com/

Author: Weshore Themes

Author URI: https://weshore.com

Template: coherence

Description: Smart, Powerful and Unlimited Customizable WordPress Theme.

Version: 1.0

License: Private License

License URI: license.txt

Text Domain: coherence-child

Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor

*/





/*************Image ful hight *****************/
.img-hight-full, .img-hight-full .elementor-widget-container, .img-hight-full img {min-height: 100% !important;height: 100% !important;}
/***********************DS****************/
.link-list-itm span.elementor-icon-list-text {
	width: 100% !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 5px !important;
}
.link-list-itm span.elementor-icon-list-text a{
	width: fit-content !important;
	color:var(--e-global-color-color_2) !important;
	text-decoration:underline !important;
}
.link-list-itm span.elementor-icon-list-text a:hover{
	color:var(--e-global-color-color_3) !important;
}
/*-----------------------------------------***style header***----------------------------------*/

.section-footer .menu-icon-home > a i{display:none !important;}

.section-header .coherence-core-nav-menu .menu-icon-rs {margin-inline: 5px !important;}

.section-header .coherence-core-nav-menu .menu-icon-rs > a {padding-inline: 5px !important;}
.section-header .menu-icon-home > i{color:--e-global-color-site2_color_1;}



@media only screen and (min-width: 1025px){
	.section-header .menu-icon-home > a span{display: none;}
}


.mega-menu nav:not(.coherence-core-nav-menu__layout-horizontal) .coherence-core-nav-menu > li.menu-item:not(:last-child) {
	margin-bottom: 0px!important;
}


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

	.section-header .menu-icon-home > a i{display:none !important;}

	.section-header .coherence-core-dropdown .menu-icon-rs{display:none !important;}

}







/*------------------------------------------------------***End***------------------------------------------------------*/

.marquee-container {
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	width: 100%;
}

.marquee-content {
	display: inline-block;
	animation: marquee 60s linear infinite;
	padding-left: 100%; /* Initial offset */
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

/* Optional: Add a fading effect on the sides */
.marquee-container:before,
.marquee-container:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 50px;
}




/*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/

.child_types .ginput_container .gfield_radio {
    display: flex;
    flex-direction: row;}

.child_types {
    background: #79983d3b !important;
    padding: 10px 20px 20px 20px !important}

.child_types legend {
    margin: 0 !important;}



/*------------------------------------------------------***End***------------------------------------------------------*/





/*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/



/**************************************Style : PRE-HOME*********************************/
body{background:#FAF9F7}
.back-to-top{ border-radius:15px ; }



/**************************************Style : SLIDER HOME*********************************/



.prime-slide-general .bdt-prime-slider .bdt-slideshow-items li > div{height: 100% !important;min-height: inherit !important;}

.col-slider-inner-content > .e-con-inner {margin-right: 0px !important;margin-left: auto !important;}


.slider-color-4{color:#009B4A};




/**************************************Style : section_presentation*********************************/
.divider-radius{border-radius:10px 10px 20px 32px}

.color-5{color:#F58A19}


/**************************************Style : section_prestations*********************************/




/**************************************Style : section_Actualites*********************************/



/**************************************Style : section_Realisations*********************************/



/**************************************Style : section_valeurs*********************************/





/**************************************Style : section_points_forts*********************************/





/**************************************Style : section_avis*********************************/

/*section avis*/
.widget-avis .ti-controls {top: unset !important;bottom: -30px !important;display: block !important;max-width: 95px;margin: auto !important;right: 0;left: 0;}
.widget-avis .ti-next,.widget-avis .ti-prev {background: var(--e-global-color-color_1) !important;border-radius:4px;width: 40px !important;height: 40px !important;display: flex !important;align-items: center;}
.widget-avis .ti-prev {left: calc (50% - 45px) !important;}
.widget-avis .ti-next {right: calc (50% - 45px) !important;}
.widget-avis .ti-next:hover, .widget-avis .ti-prev:hover {transform: unset !important;background: var(--e-global-color-color_2) !important;}
.widget-avis .ti-prev:before,.widget-avis .ti-prev:after,.widget-avis .ti-next:before,.widget-avis .ti-next:after {background:#fff !important;width: 14px !important;
	height: 2px !important;}
.widget-avis .ti-prev:before {top: 24px !important;left: 13px !important;}
.widget-avis .ti-prev:after {top: 15px !important;left: 13px !important;}
.widget-avis .ti-next:before {top: 15px !important;right: 13px !important;}
.widget-avis .ti-next:after {top: 24px !important;right: 13px !important;}
body .ti-widget.ti-goog .ti-controls-dots {display: none !important;}




/*--------------------------------------------------------------***End***----------------------------------------------------------------------*/







/*------------------------------------------------------***Begin footer style***------------------------------------------------------*/

.coherence-logo svg{width: 130px !important;height: auto !important;}

.coherence-logo svg * {fill: #fff !important;}

.menu-main-footer .hide-sub-mn .sub-menu , .menu-main-footer .hide-sub-mn .sub-arrow {display: none !important;}





/*------------------------------------------------------***End***------------------------------------------------------*/







/*------------------------------------------------------***Begin Responsive Media query style***------------------------------------------------------*/



/*------------***Large devices (desktops, more than 800px)***------------*/

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



	/*style header*/



	/*style main content*/



	/*style footer*/



}



/*------------***Large devices (desktops, less than 1501px)***------------*/

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



	/*style header*/



	/*style main content*/



	/*style footer*/



}



/*------------***Large devices (desktops, less than 1361px)***------------*/

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



	/*style header*/



	/*style main content*/



	/*style footer*/



}



/*------------***Large devices (desktops, less than 1281px)***------------*/

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



	/*style header*/



	/*style main content*/


	/*style footer*/

}





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



	/*style header*/



	/*style main content*/



	/*style footer*/



}





/*------------***Medium devices (tablets, less than 1025px)***------------*/

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



	/*style header*/



	/*style main content*/



	/*style footer*/



}



/*------------***Medium devices (tablets, Bootstrap less than 993px)***------------*/

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



	/*style header*/



	/*style main content*/



	/*style footer*/



}



/*------------***Tablet Media query style***------------*/

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

	/*style header*/



	/*style main content*/
	.item-body:hover .prestat-card {
		opacity: 1;
		padding: 100px 30px 62px 18px;
	}


	/*style footer*/



}



/*------------***Tablet Mini Media query style***------------*/

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



	/*style header*/



	/*style main content*/



	/*style footer*/



}



/*------------***Between Big Mobile and Tablet Media query style***------------*/

@media only screen and (min-width: 601px) and (max-width: 800px){



	/*style header*/



	/*style main content*/



	/*style footer*/



}



/*------------***Begin Big Mobile Media query style***------------*/

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



	/*style header*/



	/*style main content*/



	/*style footer*/


}



/*------------***Between Mobile and Tablet Media query style***------------*/

@media only screen and (min-width: 498px) and (max-width: 600px){



	/*style header*/



	/*style main content*/



	/*style footer*/



}



/*------------***Mobile Media query style***------------*/

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



	/*style header*/



	/*style main content*/
	.child_types .ginput_container .gfield_radio {flex-direction: column;}




	/*style footer*/

}



/*------------------------------------------------------***End Media query***------------------------------------------------------*/

/*-------------------------------------------------------- *** Formulaire de Devis *** --------------------------------------------*/
.form-devis  *{
	font-family: "Outfit", Sans-serif;
}
.form-devis .gform_heading {
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;

}
.form-devis .gform_heading h2{
	color:var(--e-global-color-color_1);
}
.form-devis  .gf_progressbar_wrapper,.form-devis  .gfield_required{display:none;}
.form-devis  .gfield_label,.form-devis .dimensions-title,.form-devis .pose-title,.form-devis .informations-title,.form-devis .telechargement-title,.entreprise-title,.contact-title{
	font-size:26px;
	color:var(--e-global-color-color_2);
}
.form-devis  .vous-etes .gfield_radio{
	display: flex;
	min-inline-size: min-content;
	margin-inline: 2px;
	border-width: 2px;
	border-style: groove;
	border-color: threedface;
	border-image: initial;
	padding-block: 0.35em 0.625em;
	padding-inline: 0.75em;
	padding: 0;
	margin: 0;
	border: 0;
	flex-direction:row
}

.form-devis .gfield_radio .gfield-choice-input:before{
	background:var(--e-global-color-color_2);
	width:12px;
	height:12px;
}
.code-projet .ginput_container input{
	display: block;
	height:50px;
	border: 2px solid #7A7A7A;
	border-radius: .25rem;
}
.code-projet .ginput_container input:focus{
	border-color: var(--e-global-color-color_1);
}

.form-devis  input[type=button],.form-devis  input[type=submit]  {
	background-color: var(--e-global-color-color_2) !important;
	color: white !important;
	padding: 18px 32px !important;
	font-size:18px !important;
	border:none !important;
}
.form-devis  input[type=button]:hover,.form-devis  input[type=submit]:hover {
	background-color: var(--e-global-color-color_1) !important;
}


.form-devis  .destination-projet .gfield_radio, .form-devis .configuration-envisagee .gfield_radio{
	display:flex  !important;
	flex-direction:row  !important;
	flex-wrap:wrap !important;
	gap:40px !important;
}
.form-devis  .destination-projet .gchoice, .form-devis .configuration-envisagee .gchoice{
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	text-align:center !important;
	gap:10px !important;
	position:relative !important;
	margin-top:120px !important;
}

.form-devis  .destination-projet .gchoice  .gform-field-label,.form-devis  .configuration-envisagee .gchoice  .gform-field-label{
	text-align:center !important;
	margin:0 !important;
	width:120px !important;
	font-size:16px !important;
}

.form-devis  .destination-projet .gchoice:nth-child(1):before,.form-devis  .destination-projet .gchoice:nth-child(2):before
,.form-devis  .destination-projet .gchoice:nth-child(3):before,.form-devis  .destination-projet .gchoice:nth-child(4):before
,.form-devis  .destination-projet .gchoice:nth-child(5):before,.form-devis  .destination-projet .gchoice:nth-child(6):before
,.form-devis  .destination-projet .gchoice:nth-child(7):before,
.form-devis  .configuration-envisagee .gchoice:nth-child(1):before,.form-devis  .configuration-envisagee .gchoice:nth-child(2):before,
.form-devis  .configuration-envisagee .gchoice:nth-child(3):before,.form-devis  .configuration-envisagee .gchoice:nth-child(4):before
,.form-devis  .configuration-envisagee .gchoice:nth-child(5):before,.form-devis  .configuration-envisagee .gchoice:nth-child(6):before
,.form-devis  .configuration-envisagee .gchoice:nth-child(7):before{
	content:'';
	position:absolute;
	bottom:calc(100% + 15px);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.form-devis  .destination-projet .gchoice:nth-child(1):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-01.svg');
	width:100px;
	height:90px;
}
.form-devis  .destination-projet .gchoice:nth-child(2):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-02.svg');
	width:100px;
	height:90px;
}
.form-devis  .destination-projet .gchoice:nth-child(3):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-03.svg');
	width:90px;
	height:100px;
}
.form-devis  .destination-projet .gchoice:nth-child(4):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-04.svg');
	width:100px;
	height:90px;
}
.form-devis  .destination-projet .gchoice:nth-child(5):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-05.svg');
	width:100px;
	height:90px;
}
.form-devis  .destination-projet .gchoice:nth-child(6):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-06.svg');
	width:100px;
	height:90px;
}
.form-devis  .destination-projet .gchoice:nth-child(7):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-07.svg');
	width:100px;
	height:90px;
}

.form-devis  .configuration-envisagee .gchoice:nth-child(1):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-08.svg');
	width:110px;
	height:75px;
}

.form-devis  .configuration-envisagee .gchoice:nth-child(2):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-09.svg');
	width:110px;
	height:75px;
}

.form-devis  .configuration-envisagee .gchoice:nth-child(3):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-10.svg');
	width:110px;
	height:78px;
}

.form-devis  .configuration-envisagee .gchoice:nth-child(4):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-11.svg');
	width:100px;
	height:70px;
}

.form-devis  .configuration-envisagee .gchoice:nth-child(5):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-13.svg');
	width:110px;
	height:80px;
}
.form-devis  .configuration-envisagee .gchoice:nth-child(6):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-14.svg');
	width:90px;
	height:80px;
}
.form-devis  .configuration-envisagee .gchoice:nth-child(7):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/02/open-control-installation-porte-automatique-cannes-07.svg');
	width:100px;
	height:90px;
}



@media only screen and (max-width: 1199px){
	.form-devis  .destination-projet .gfield_radio,.form-devis  .configuration-envisagee .gfield_radio{gap:30px;justify-content:center;}
	.form-devis  .gfield_label,.form-devis .dimensions-title,.form-devis .pose-title,.form-devis .informations-title,.form-devis .telechargement-title,.entreprise-title,.contact-title{font-size:20px;}
}


@media only screen and (max-width: 800px){
	.hauteur-style input,.largeur-style input  {width:100% !important;}
}


@media only screen and (max-width: 497px){
	.form-devis  .vous-etes .gfield_radio{flex-direction:column;}
	.form-devis  .gform_fields{gap:10px !important;}
	.code-projet .ginput_container input{width:280px !important;}

	.form-devis  .destination-projet .gfield_radio,.form-devis  .configuration-envisagee .gfield_radio{gap:20px;overflow:hidden !important;}
	.form-devis  .destination-projet .gchoice  .gform-field-label,.form-devis  .configuration-envisagee .gchoice  .gform-field-label{width:90px;}
	.form-devis  .destination-projet .gchoice,.form-devis  .configuration-envisagee .gchoice{width:40%;}
}

.img-pose img{
	width:140px;
}
 @media only screen and (max-width: 639px){.img-pose img{display:none;}}
.form-devis .gform_confirmation_message{
	background:#22bb33;
	padding:30px;
	color:#fff;
}


.form-devis .type_prod .gfield_radio {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 40px !important;}


.form-devis .type_prod .gchoice {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 10px !important;
    position: relative !important;
    margin-top: 120px !important;}


.form-devis  .type_prod .gchoice:nth-child(1):before,
.form-devis  .type_prod .gchoice:nth-child(2):before,
.form-devis  .type_prod .gchoice:nth-child(3):before,
.form-devis  .type_prod .gchoice:nth-child(4):before,
.form-devis  .type_prod .gchoice:nth-child(5):before,
.form-devis  .type_prod .gchoice:nth-child(6):before,
.form-devis  .type_prod .gchoice:nth-child(7):before{
	content:'';
	position:absolute;
	bottom:calc(100% + 15px);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;}


.form-devis .destination-projet .gchoice .gform-field-label, .form-devis .configuration-envisagee .gchoice .gform-field-label, .form-devis .type_prod .gchoice .gform-field-label {
    text-align: center;
    margin: 0;
    width: 120px;
    font-size: 16px;}

.form-devis .type_prod .gchoice:after {
    content: '';
    background: #79983d;
	border-radius:300px;
    width: 90px;
    height: 90px;
    position: absolute;
    top: -95px;
    z-index: -1;}


.form-devis  .type_prod .gchoice:before{filter: brightness(1); }


.form-devis  .type_prod .gchoice:nth-child(1):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/01/open-control-installation-porte-automatique-cannes-Portes-automatiques.svg');
	    width: 75px;
    height: 70px;}
.form-devis  .type_prod .gchoice:nth-child(2):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/01/open-control-installation-porte-automatique-cannes-Portes-industrielles.svg');
	    width: 75px;
    height: 70px;}

.form-devis  .type_prod .gchoice:nth-child(3):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/01/open-control-installation-porte-automatique-cannes-Portes-automatiques.svg');
	    width: 75px;
    height: 70px;}

.form-devis  .type_prod .gchoice:nth-child(4):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/01/open-control-installation-porte-automatique-cannes-Portes-de-garage.svg');
	    width: 75px;
    height: 70px;}

.form-devis  .type_prod .gchoice:nth-child(5):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/01/open-control-installation-porte-automatique-cannes-Portails.svg');
	    width: 75px;
    height: 70px;}

.form-devis  .type_prod .gchoice:nth-child(6):before{
	background-image:url('https://www.opencontrol.fr/wp-content/uploads/2025/01/open-control-installation-porte-automatique-cannes-Barrieres.svg');
	    width: 75px;
    height: 70px;}













