/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */


/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*HIDE FOOTERS + tel header*/
#top #custom_html-3, #top #text_icl-4, #top #text_icl-7, #top #text_icl-8, #top #text_icl-9, #top #text_icl-10, #top #text_icl-11, #top #text_icl-12, #top .phone-info, #top #text_icl-13  {display: none;}

/* hide projects-no-forest for all sites, and function makes it appear for DK only*/
#top .projects-no-forest {display:none;}

/*drapeaux pays contact*/
.team-img-container img {
    margin: 0 !important;
    width:2vw;
    height:2vw;
    min-width:20px;
    min-height:20px;
}

html.responsive, .responsive body {
    overflow-x: visible !important;
}

.team-member-name {
    max-width: 190px !important;
}

.avia-team-member {
    margin: 0px !important;
}
h3.team-member-name {
    font-size: 1em !important;
}

.contact-list {
    padding:0 10vw 0 10vw;
}
.contact-list p {
     line-height:115% !important;
}

li.wpml-ls-menu-item ul li a {
width: auto;
}

#top .av_header_transparency {
	color:white !important;
}


#top #header .avia_mega_div {
width:500px !important;
}

#top #header .avia_mega_div>.sub-menu {
width:100% !important;
}

#top #header .mega_menu_title a {
font-size:13px !important;
 letter-spacing:1px !important;
 color: #83a846 !important ;
}


.wpml-ls-statics-footer{
display:inline !important;
text-align:center !important;
}

.av-tab-arrow-container {
margin: auto;
}

.svg-g-line {
height:700px !important;
}

#feature-list .container {
 padding:0 !important;
 }

#top div .lichen-colors .avia-gallery img {
border-style: none !important;
width:250px;
max-height:250px;
float:none !important;
}

#top .avia-gallery .avia-gallery-thumb a:after {
	clear:all;
content: attr(title);
margin-bottom: 0px;
position: relative;
display: block;
text-align: center;
}


.portfolio-title {
 text-align:right;
}

.portfolio-text {
 text-align:right;
}

#top .av-iconlist-small article.article-icon-entry {
margin-top:30px;
}

.mfp-title {
 display: none;
 }
.mfp-container {
height: auto !important;
top:60px;
}

#raw-materials .container {
width:90% !important;
}




@media only screen and (max-width: 768px) {
	.iconlist-padding {padding:1% 2% 1% 2% !important;}
	} 


/*SELECTEUR PAYS MOBILE*/
@media only screen and (max-width: 767px) {
	.responsive #top .av_header_transparency #header_meta, #top #wrap_all .header_color.av_header_transparency .phone-info.with_nav span{
	color:grey !important;
	padding:2px !important;
	}
}
	

/*COULEURS LICHEN*/
#top .lichen-colors .entry-content {
bottom: -22px !important;
text-align:center
}



#process .container {
	width:70%;
	height:auto;
}

.masonry-products  {
	padding-left:10% !important;
	padding-right:10% !important;
}


.title-products {
	margin:auto;
	max-width:50% !important;
	box-shadow: none !important;
}

#footer .container {
 	text-align:center !important;
 }

#footer .widget {
	margin: 0;
}


#top .downloads-padding{
	margin:auto;
	margin-top:20px;
	text-align:center !important;
	font-size:88% !important;
	width:70%;
}




/* tab element produits (cadres etc)*/

.responsive .tabcontainer .tab {
	text-align: center !important;
 }

.tab_titles {
	text-align: center !important;
	font-size:18px;
	letter-spacing:1px;
}

#tabs-products  {
	text-align: center !important;
	display: block !important;
}
.av-outer-tab-title {
	display:inline !important;
}

#tabs-products a.alignnone {
	padding:2% !important;
	text-align:center;
}

.tab_titles .tab {
	padding:1%!important;
	display: inline-block !important;
	float: none !important;
 }
 
 #top .tab_titles {
	display:inline-block;
	margin-bottom:-1.5px;
 }
 
@media only screen and (max-width: 1400px) {
		#top .tab_titles {
		display:inline-flex;
		margin-bottom:-1px;
		}
}

@media only screen and (max-width: 768px) {
		#top .tab_titles {display:none;}
		#top .active_tab {border-bottom: none !important;background-color: #f8f8f8 !important; color:#555555 !important;}
		#top .tab_content { border: 2px solid #83a846 !important;}
		#top .tabcontainer {border:none !important;}
}


.js_active .active_tab_content, .js_active .top_tab .tab {
	border-color: #83a846 !important;
	border-width:2px !important;
	border-left:none !important;
	border-right:none !important;
 }
 
.js_active .tab  {
	border-style:none !important;
}

.js_active  .top_tab .active_tab  {
	border-style:solid !important;
	border-color: #83a846 !important;
	border-width:2px !important;
}


#top .main_color .tabcontainer .tab.active_tab {
	border-bottom:none !important;
}


#top .tab{
	width: fit-content !important;
}

table.aligncenter {
	width:auto !important;
	margin:auto !important;
	text-align: justify !important;
	display: inline;
 }
 
.js_active td {
	margin:auto !important;
	border-style: none !important;
}



.avia-tooltip .inner_tooltip {
	font-size: 12px;
	color:white !important
}
.avia-tooltip a {
	font-size: 12px;
	color:white !important
}

#accordion-creations .container {
	width:100%;
	height:auto;
	max-width: 100% !important;
	padding: 0;
	margin: 0;
 }

#top .aviaccordion-preview-title-wrap {
	background: rgba(0,0,0,0.2);
 }
 
 
.aviaccordion-slide:hover .aviaccordion-preview-title-wrap {
	background: transparent !important;
}

#top .aviaccordion-title {
	font-family:montserrat !important;
	font-weight:500 !important;
	text-shadow:  -2px 2px 8px #000;
}


.responsive .av-image-hotspot {
    height: 40px;
    width: 40px;
    line-height: 40px;
}


.av-sort-by-term {
	padding:40px;
	font-size:16px;
	text-transform:uppercase;
 
}

.av-image-hotspot_inner {
	opacity:0;
}

.av-hotspot-container .av-image-hotspot-pulse {
    background: transparent !important;
    border:solid 1px white;
size:50%;
}

.av-tt-hotspot,.av-tt-hotspot .avia-arrow {
	opacity: 0.8 !important;
	background-color:grey !important;
}


@media only screen and (max-width: 989px){
.responsive #top #wrap_all .masonry-home .container {
    width: 100% !important;
    max-width: 100% !important;
    }   
}

#top .masonry-home-caption p {
	width:100%;
	font-size: 30px !important;
	font-weight:500 !important;
	line-height:135% !important;
	letter-spacing:2px;
	padding:0px !important;
	-webkit-filter: drop-shadow( -1px 1px 4px #000 );
}


/*IPAD PORTAIT = une seule colone*/

@media only screen and (max-width: 768px) { 
	.home .av-flex-cells .no_margin {

		display: block !important;
		width:100% !important;
		margin: 0;
		height: auto !important;
		overflow: hidden;
		padding-left: 8% !important;
		padding-right: 8% !important;
	}
}



#home-parallax {
	width:100%;
	margin-bottom:3%;
	margin-top:3%;
	font-size:18px !important;
	text-shadow:  -2px 2px 6px #000;
}

/*GLINE*/
#title-g-line {
	height:400px;
	max-height:400px;
	padding-top:150px;
	margin-bottom:-80px !important;
}

.title-g-line-text {
	margin:auto;
}

	
#title-g-line {
	height:250px;
	max-height:250px;
	padding-top:80px;
	margin-bottom:-50px !important;
}

#top .map {
	width:100% !important;
}

/*CONTACT FORM*/
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search']{
    border: 0px !important;
    border-bottom: 1px #93c22e !important;
    border-style: solid !important;
    background: transparent !important;
}


#top .main_color textarea, #top .main_color select{
    border: 1px #93c22e !important;
    border-style: solid !important;
    background: transparent !important;
}


.avia_ajax_form fieldset p .button{
	background-color: #4b7a15;
        text-transform: uppercase;
        letter-spacing: 1px;
}
 


#contact-form .container {
	width:100%;
 	height:auto;
 	max-width: 100% !important;
 	padding: 0;
	margin: 0;
 }

/* REFERENCES */

.home-references .av-masonry-image-container { 
	background-size: contain;
    background-repeat: no-repeat;
	max-height: 50%;
    max-width: 80%;
    margin: auto;
    }

.home-references {
    margin-bottom:2% !important;
    }
    
.home-references.av-masonry-col-6 .av-masonry-entry {
width: 10% !important;
}

.home-references a.av-masonry-pagination.av-masonry-load-more {
	width: 300px;
    margin: auto;
    border-style:solid !important;
	 border-color: #83a846;
	 border-width:2px !important;
	 background:none;
	 color: #83a846;
	 text-align:center;
	 padding:10px !important;
	 font-weight:500 !important;
	 font-size:16px !important;
	 
}

/* GREEN LOGO PAGE*/


#top .green-wall-type-masonry {
 width:80.8% !important;
 margin-left:9.6% !important;
 margin-bottom:150px !important;
 padding:0px !important;
 }
 
#top .green-wall-type-masonry .av-large-gap.av-masonry {
    padding: 15px 0px 0px 0px !important;
    }

#top .green-wall-type-title {
 width:80% !important;
 margin-left:10% !important;
 margin-right:10% !important;
 
 }

/*PRELOADER LOADING SITE PAGE*/


#top .av-preloading-logo {
-webkit-filter: drop-shadow( 2px 2px 1px rgba(0,0,0,0.2) );
}

#top .av-siteloader {
width:100px ;
 height:100px;
}


/*MODIF VRAC CLASSES POUR MOBILE*/

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

	.mobile-home-materials-description p {
		padding-left:0px !important;
		padding-right:0px !important;
		text-align: left !important;
	}

	.franchises-map p {
		font-size:10px !important;
		padding: 0px !important;
	}

	.franchises-map .av-hotspot-fallback-tooltip-inner {
		padding: 5px !important;
	}

	.franchises-map .av-hotspot {
		column-count:2 !important;
	}


	.mobile-home-masonry .container{
		margin:0px !important;
		padding:0px !important;
	}

	
	#top .av-section-tab-title {
	padding-right:0px!important;
	}
	.av-inner-tab-title {
	font-size:9px !important;
	 letter-spacing:1px;
	}

        #top #tab-g-line .av-tab-section-image {
        width: 20vw !important;
     }
	.responsive .logo img {
    max-width:80% !important;
	}

#top .logo {
position: initial !important;
}
	
	#titre-creations {
	font-size:500px !important;
 	font-weight:500 !important;
	}

}
/*COLONES REFERENCES RESPONSIVE*/
@media only screen and (max-width: 1900px) {
.home-references.av-masonry-col-6 .av-masonry-entry {width: 12.5% !important;}}
@media only screen and (max-width: 1600px) {
.home-references.av-masonry-col-6 .av-masonry-entry {width: 16.6% !important;}}
@media only screen and (max-width: 1300px) {
.home-references.av-masonry-col-6 .av-masonry-entry {width: 20% !important;}}
@media only screen and (max-width: 989px) {
.home-references a.av-masonry-pagination.av-masonry-load-more {font-size:11px !important; padding:5px !important; width:150px;}
.home-references.av-masonry-col-6 .av-masonry-entry {width: 33% !important;}}
@media only screen and (max-width: 768px) {
.home-references.av-masonry-col-6 .av-masonry-entry {width: 50% !important;}}



/*MENU*/

#av-burger-menu-ul {
    padding: 0px 0px !important;
    }

.menu-g-line{
margin-right:10px;
}

#top #wrap_all .header_color.av_header_transparency, #top #wrap_all .header_color.av_header_transparency .phone-info.with_nav span, #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text, #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-subtext {
	-webkit-filter: drop-shadow( 1px 1px 2px rgba(0,0,0,0.5) );
	color:white;
}

.av-main-nav a {
	padding:0px 0px 0px 18px !important;
}


.main_menu .menu ul {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border-style:none !important;
padding:5px;
}


.avia-menu-text {
	font-weight:500 !important;
	letter-spacing:1.5px;
	text-transform:uppercase !important;
}


#header_meta .phone-info{
	font-size:   12px !important;
	font-weight: 500 !important;

}

#top #avia-menu .av-language-switch-item{
 display: none;
 }

.av-subheading.av-subheading_above p {
margin-bottom:30px;
}


.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {

  -webkit-animation: none !important;
  -moz-animation: none !important;
  animation: none !important;
  visibility: visible;
  opacity: 1;
 }


.av-inner-tab-title {
font-size:1vw;
 letter-spacing:2px;
 width:100%;
}

.av-tab-section-image {
padding-right:2%!important;
padding-left:2%!important;
text-align:center!important;
width: 120px;
margin: auto !important;
height:12vh
}

.avia-button {
border-color: #83a846 !important;
}



/*TAILLE MENUS NAV RESPONSIVE*/


.avia-menu-text {  font-size:12px;} .logo * { max-width: 100%; top:10px; }
.av-main-nav a {padding:0px 0px 0px 14px !important;}
	}


@media only screen and (max-width: 1920px) {
	.avia-menu-text {  font-size:12px;} .logo * { max-width: 94%; top: 12px; }
	.av-main-nav a {padding:0px 0px 0px 14px !important;}
	}

@media only screen and (max-width: 1700px) {
	.avia-menu-text {  font-size:12px;} .logo * { max-width: 93%;  top:13px; }
	.av-main-nav a {padding:0px 0px 0px 13px !important;}
}


@media only screen and (max-width: 1570px) {
	.avia-menu-text {  font-size:11px;} .logo * { max-width: 91%; top: 16px;  } 
	.av-main-nav a {padding:0px 0px 0px 12px !important;}
}


@media only screen and (max-width: 1500px) {
	.avia-menu-text {  font-size:11px; letter-spacing:0.8px;} .logo * { max-width: 88%; top: 18px;  } 
}


@media only screen and (max-width: 1370px) {
	.avia-menu-text {  font-size:10px;letter-spacing:0.8px;} .logo * { max-width: 82%; top: 19px; } 
	.av-main-nav a { padding:0px 0px 0px 8px !important;}	
}


@media only screen and (max-width: 1230px) {
	.avia-menu-text {  font-size:10px;letter-spacing:0.2px;} .logo * { max-width: 74%;  }
}


@media only screen and (max-width: 768px) {
	.logo * { max-width: 150%; top:0px;}

}




/*TAILLES TEXTES GLOBALES - RESPONSIVE*/
@media only screen and (max-width: 1700px) {
h1 {font-size: 32px;}
h2 {font-size: 26px;}
h3 {font-size: 18px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

}

@media only screen and (max-width: 1550px) {
h1 {font-size: 30px;}
h2 {font-size: 24px;}
h3 {font-size: 16px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 13px;}
p {font-size: 13px; line-height:17px !important;}
.mobile-home-materials-description p {
		padding-left:0px !important;
		padding-right:0px !important;
		text-align: left !important;
	}
}


@media only screen and (max-width: 1400px) {
h1 {font-size: 28px;}
h2 {font-size: 23px;}
h3 {font-size: 15px;}
h4 {font-size: 15px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}
}

@media only screen and (max-width: 1300px) {
h1 {font-size: 25px;}
h2 {font-size: 22px;}
h3 {font-size: 14px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 12px;}
p {font-size: 12px; line-height:15px !important;}
}


/*TAILLES TEXTES MOBILES*/

@media only screen and (max-width: 989px) {
h1 {font-size: 22px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 14px;}
p {font-size: 13px; line-height:16px !important;}
}


/*CUSTOM MOBILE VRAC*/

/* MOBILE PORTRAIT*/

@media only screen and (max-width: 768px) {
  .responsive #top #wrap_all .av-flex-cells .no_margin{ 
   padding:2% !important;}
  }

/* regle le probleme de marge enorme au dessus du slider Home*/
@media only screen and (max-width: 767px) {
#top .inner-container {height:auto;}
}


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



  .responsive #top #wrap_all .av-flex-cells .no_margin{ 
   padding-top:2% !important;
   padding-bottom:2% !important;
   }
  }



							/*TAILLES ELEMENTS SLIDERS TABLET*/


@media only screen and (max-width: 989px) {
	.home-slider-text{
	width:50% !important;
	}
}


@media only screen and (max-width: 480px) {
	.slider-title{
	font-size:18px !important;
	}
}


/*Add your own styles here:*/

.avia_transform .avia_start_delayed_animation { 
    animation-iteration-count: 1 !important;
    -moz-animation-iteration-count: 1 !important;
    -webkit-iteration-count:1 !important;
}


/*IMAGES APERCU ONGLET GLINE*/

#top #tab-g-line .av-tab-section-image {
	text-align:center !important;
	padding-top:0px !important;
	margin-top:0px !important;
        margin-left:auto;
        margin-right:auto;
}

@media only screen and (max-width: 989px) {
	#tab-g-line .av-tab-section-image {
	text-align:center !important;
	width: 100px !important;
	padding-top:0px !important;
	margin-top:0px !important;}
}