/* At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* Euroelec - net.netnetnetnet.net */

/* General Custom CSS */

/*
|--------------------------------------------------------------------------
| Reset a styles / menu a style
|--------------------------------------------------------------------------
*/

a {
	transition: all ease-in-out 0.20s;
}
a:hover {
	opacity: 0.5;
	text-decoration: none!important;
	
}
br {
	display: inline-block;

}
strong {
	color: inherit!important;
}
.special_amp {
	font-family: inherit!important;
	font-size:  inherit!important;
	font-style:  inherit!important; 
	color:  inherit!important; 
}
.avia-menu-fx {
	display:none;
}

/*
|--------------------------------------------------------------------------
| Spinner loader
|--------------------------------------------------------------------------
*/

.av-siteloader, #top div.avia-popup .mfp-preloader, .av-siteloader::after, #top div.avia-popup .mfp-preloader::after {
	height: 65px!important;
	width: 65px!important;
}

/*
|--------------------------------------------------------------------------
| Button
|--------------------------------------------------------------------------
*/

.avia-button {
	border-radius: 9999px!important;
	padding: 18px 22px!important;
	border: 2px solid!important;
}

.avia-color-theme-color {
	border-color: #00bb6b!important;
	box-shadow: 0 6px 20px 0 rgba(60,63,64,0.15);

}
.avia-button:hover {
	opacity: 1!important;
}
.avia-color-light:hover {
	opacity: 1!important;
}
#main .avia-color-theme-color:hover {
	opacity: 0.7!important;

}
#tophead .avia-button:hover {
	opacity: 0.5!important;
}
/*
|--------------------------------------------------------------------------
| Basic balise 
|--------------------------------------------------------------------------
*/



.av-main-nav > li > a {
	font-size: 20px;
	transition: all ease-out 0.15s!important;	
}
.av-main-nav > li > a:hover {
	opacity: 0.3!important;
}

a.avia-color-light:hover {
	background: rgba(255, 255, 255, 0.2)!important;
}
.rotator h1 span {
	text-transform: uppercase!important;	
}
h1 {
	font-weight: 900!important;	
	text-transform: none!important;
	letter-spacing: 0px!important;
}
 h2, h3, h4, h5, h6 {
	
	text-transform: none!important;
	letter-spacing: 1px!important;
}

.iconbox_top .iconbox_content  {
	border-radius: 1px;	
}
#top .av-rotator-container-inner {
		
}
#top .scroll-down-link {
	content:"\f103"!important;
}
#work h2 {
	font-weight: 500!important;
	text-transform: none!important;
}
#work h2 img {
	margin-bottom: -25px;
}



#services .av-flex-placeholder {
	width: 2%!important;	
}
#services .flex_column {
	background: rgba(255, 255, 255, 0.35)!important;
	padding: 30px!important;
	transition: all ease-in-out 0.15s;
}
#services .flex_column:hover {
	background: rgba(255, 255, 255, 0.15)!important;	
}
#services h3 {
	font-size: 26px!important;
}
#services .iconbox_icon {
	font-size: 44px!important;	
	border-width: 2px!important; 
}
/*
input, textarea {
	border: none!important;
	border-radius: 5px!important;
	background: rgba(128, 178, 228, 0.3)!important; 
	color: white;
}
input.button {
	color: #4E729B!important; 
	font-weight: bold!important;
}
input.button:hover {
	opacity: 0.5;
}
*/

/*
|--------------------------------------------------------------------------
| #Form Stuff
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| Tabs Stuff
|--------------------------------------------------------------------------
*/

#tabs h3 {
	font-weight: 400!important;
	letter-spacing: 0px!important;
	padding: 20px;
	background: #efefef;
	font-family: Arial;
}
#tabs .flex_column {
	border: 2px solid #efefef!important;
}
#tabs .av-special-heading {
	margin-bottom: 0px;
}
#tabs div .av_one_third {
	width: 30%!important;
	margin-left: 3%!important;
}
.av-inner-tab-title {
	font-size:  22px;

	Font-weight: bold;
	width: auto;
}
.av-tab-arrow-container {
	width: auto;
}

#foot img {
	
}
.button-white {
	background: rgba(255, 255, 255, 0.1)!important;
	color: white!important;
	transition: all ease-in-out 0.15s!important;
}
.button-white:hover {
	background: rgba(255, 255, 255, 0.5)!important;
}
#temoignages .avia-testimonial-image {
	display: none;
}
#temoignages .av-large-testimonial-slider .avia-testimonial-meta-mini {
	text-align: center;
}
#scroll-top-link  {
	border: none!important;
}	
.container_wrap {
	border: none!important;
}
#foot #adresse p, #foot #adresse h3  {
	margin: 0;
}
#socket h3, #socket p {
	
}
#foot li {
	list-style-type: none;
}
#foot li a {
	color: white;
}
#socket #adresse .av_font_icon {
	color: white;
	margin: 20px 15px 0 0!important;
	display: inline-block;
	font-size: 20px!important;
} 
#tophead h1, #tophead h1 span {
	color: #3c3f40!important;
}


/* h1:after, h2:after, h3:after, h4:after, h5:after, h6:after { */
	/* content:" "; */
	/* display:block; */
	/* width: 100%; */
	/* margin: -20px 0 0 10px; */
	/* background: #00bb6b; */
/* } */



#top label {
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
}

input, textarea {
	box-shadow:inset 0 2px 4px 0 rgba(206, 209, 224, 0.20);
	border-radius: 3px;
	transition: all ease-in-out 0.2s;
}

#foot a,#foot h3, #foot p {
	color: #777!important;
}



#contact {
	padding: 35px!important;
}




#form-adress span.avia_iconbox_title {
	font-family: 'Questrial';	
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}
#form-adress .av-button-description p {
	font-size: 13px;
	line-height: 22px;
	margin: 0;
}

#form-adress a.avia-color-theme-color {
	box-shadow: none!important;
	border: none;
}

#form-adress a.avia-button {
	text-align: left!important;
	padding: 0 0 10px 80px!important;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #e1e1e1!important;
	border-left: none!important;
	border-right: none!important;
	border-top: none!important;
	
	color: #3c3f40!important;
	border-radius: 0px!important;
}
#form-adress .location a {
	background: url(img/maps-google.png) no-repeat left -15px bottom 12px!important;
}
#form-adress a.avia-button:after {
	font-family: "entypo-fontello";
	content: "\e875";
	float:right;
	margin: -45px 20px 0 0;
	color: #d1d1d1;
	transition: all ease-in-out 0.2s;
}
#form-adress a.avia-button:hover:after {
	margin: -45px 5px 0 0;
}

#form-adress .iconbox p {
	margin: 0!important;
}

#form-adress span.avia_button_background {
	display:none;
}
#form-adress .avia_button_icon {
	float: right;
}



#form-adress .mail a {
	margin: 40px 0 0 0;
	background: url(img/mail.png) no-repeat left -4px bottom 12px !important;
}

#form-adress .mail a.avia-button:after {
	font-family: "entypo-fontello";
	content: "\e875";
	float:right;
	margin: -25px 20px 0 0;
	color: #d1d1d1;
	transition: all ease-in-out 0.2s;
}

#form-adress .mail a.avia-button:hover:after {
	margin: -25px 5px 0 0;
}

#contact input.button {
	margin-top: 40px;
}

#top form, #top fieldset{
	margin-bottom: 0;
}




#contact .button {
	background: #00bb6b!important;
	width: 100%;
	transition: ease-in-out all 0.2s;
}


#contact .button:hover {
	opacity: 0.5;
}



#adresse h3 {
	margin-bottom: 15px!important;
}
#adress {
	margin-bottom: 30px;
}
#socket h3, #socket a,  #socket p  {
	color: #777;
}
#socket .av-icon-char {
		margin: 10px 10px 0 0!important;
		font-size: 40px!important;
		line-height:40px!important;
		display:inline-block;
		color: #777;
}
#socket p small {
	font-size: 12px;
}
#foot li {
	margin: 0 0 0 0;
}
#foot a {
	text-decoration: none!important;
}

#foot .av-icon-char {

		
}

#header {
	background: white!important;
}




#pdf-link .avia-button-wrap {
	width: 100%!important;
}

#pdf-link .avia-color-orange {
	background: transparent!important;
	border: none!important;
	color: #3c3f40!important;
	border-bottom: 1px solid #f1f1f1!important;
	font-size: 18px!important;
	border-radius: 0px!important;
	width: 100%!important;
	text-align: left!important;
}
#pdf-link .avia_button_icon {
	font-size: 22px;
	left: -17px;
	margin-bottom: -2px;
	color: #ccc;
}
#pdf-link .avia-color-orange:after {
	font-family: "entypo-fontello";
	content: "\e875";
	float:right;
	margin: 0px 10px 0 0;
	color: #d1d1d1;
	transition: all ease-in-out 0.2s;
}
#pdf-link .avia-color-orange:hover:after {
	margin: 0px 0px 0 0;
	color: #00bb6b;
}


#pdf-link .avia-color-orange:hover  {
	color: #00bb6b!important;
}





.wpcf7-form {
	border: 1px solid #e8e8e8;
	background: white;
	box-shadow: 0 6px 20px 0 rgba(60,63,64,0.15);
	
}

.wpcf7-submit {
	padding: 10px;
	width: 100%;
	font-size: 20px;
	margin-top: 30px;
	text-transform: uppercase;
}











#ref-button .avia-button {
	border-radius: 0px!important;
}


.avia_show_sort, .all_sort_button {
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	border: 2px solid #00c56e!important;
	padding: 5px 19px; 
	margin: 0 17px 17px 0;
	transition: all ease-in-out 0.2s;
	
}
.all_sort_button {
	border: 2px solid #00c56e!important;
	background: #00c56e;
}
.all_sort_button span span {
	color: white!important;
}
.avia_show_sort span span {
	color: #00c56e;
}
.avia_show_sort:hover {
	background: #00c56e;
	
	opacity: 1;
}
.avia_show_sort:hover span span {
	color: white;
}

.text-sep {
		display: none;
}















/*
|--------------------------------------------------------------------------
| Desktop styles
|--------------------------------------------------------------------------
|
| To centralize and simplify 404 handling, Laravel uses an awesome event
| system to retrieve the response. Feel free to modify this function to
| your tastes and the needs of your application.
|
| Similarly, we use an event to handle the display of 500 level errors
| within the application. These errors are fired when there is an
| uncaught exception thrown in the application.
|
*/

@media only screen and (min-width: 1200px) {
  /* Add your Desktop Styles here */
	  
	  
	/*
	|--------------------------------------------------------------------------
	| Menu / Sub-menu
	|--------------------------------------------------------------------------
	*/
	#top #header .av-main-nav > li > a {
		cursor: pointer!important;
		font-size: 13px;
		
	}
	#top #header .dropdown_ul_available .avia-menu-text {
		padding-right: 8px;
	}
	#top #header .dropdown_ul_available .avia-menu-text:after {
		content:"\e873";
		font-family: 'entypo-fontello';	
		font-size: 14px;
		position: absolute;
		color: #00bb6b;
		right: 5px;
		bottom: 0px;
	}
	#top #header .dropdown_ul_available ul li .avia-menu-text:after {
		content:" "!important;
	}
	#top #header .mega_menu_title   {
	
	}
	#top #header .mega_menu_title a {
		font-family: 'montserrat';
		font-size: 13px!important;
		display:inline-block!important;
		line-height: 24px!important;
		transition: all ease-in-out 0.2s;
		padding: 15px 0px 15px 65px!important;
		width: 250px!important;
	}
	#top #header .mega_menu_title a:hover {
		text-decoration: none!important;
		color:#00bb6b;
		opacity: 1;
		
	}
	#top #header .mega_menu_title a span {
		color: #b1b2b3;
		margin-top: 10px;
		font-weight: normal;
		transition: all ease-in-out 0.2s;
		
	}
	#top #header .mega_menu_title a:hover > span {
		color: #b1b2b3;
		opacity: 0.5;
	}
	#top #header .avia_mega_div > .sub-menu {
		border:none!important;
	}
	.av-main-nav > li > a {
		padding: 0 0!important;
		margin: 0 12px!important;
	}
	#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
		background: #00bb6b!important;
		border: #00bb6b!important;
		box-shadow: 0 6px 20px 0 rgba(60,63,64,0.15);
	}
	#top .av-menu-button > a .avia-menu-text {
		border-radius: 9999px!important;
		padding: 15px 20px!important;
	}
	#top #header .nine.units {
		width: 1099px;
	}
	#top #header .sub-menu {
		padding: 0 20px 20px 20px!important;
	}
	#top #header .avia_mega_div  {
		padding: 30px 0 10px 0;
		display:block!important;
	}
	#top #header .lang-item a {
		color: #b1b2b3;
		margin: 0 4px!important;
	}
	/*
	|--------------------------------------------------------------------------
	| Menu / Sub-menu
	|--------------------------------------------------------------------------
	*/

	#top #header .pv:before {
		content:"\e866";
		font-family: 'entypo-fontello';	
		font-size: 24px;
		position: absolute;
		color: #b1b2b3;
		top: 25px;
		left: 20px;
		
	}	
	#top #header .bi:before {
		content:"\e84c";
		font-family: 'entypo-fontello';	
		font-size: 24px;
		position: absolute;
		color: #b1b2b3;
		top: 25px;
		left: 41px;
	}	
	#top #header .cs:before {
		content:"\e8d2";
		font-family: 'entypo-fontello';	
		font-size: 24px;
		position: absolute;
		color: #b1b2b3;
		top: 25px;
		left: 40px;
	}	
	#top #header .ri:before {
		content:"\e8d9";
		font-family: 'entypo-fontello';	
		font-size: 24px;
		position: absolute;
		color: #b1b2b3;
		top: 25px;
		left: 26px;
	}	
	#top #header .vd:before {
		content:"\e8b8";
		font-family: 'entypo-fontello';	
		font-size: 24px;
		position: absolute;
		color: #b1b2b3;
		top: 25px;
		left: 40px;
		
	}	
	#top #header .gd:before {
		content:"\e8d3";
		font-family: 'entypo-fontello';	
		font-size: 24px;
		position: absolute;
		color: #b1b2b3;
		top: 25px;
		left: 40px;
	}	
	#top #header .cv:before {
		content:"\e8ce";
		font-family: 'entypo-fontello';	
		font-size: 24px;
		position: absolute;
		color: #b1b2b3;
		top: 25px;
		left: 25px;
	}
	#top #header .menuwhite a {
		color: white!important;
	}
	
	#top #header .cv {
	
		border-right: 1px dotted #ccc;
	}
	.av-main-nav > li > ul {
		border: 0px;
		border-top-width: 0px;
		border-top-style: solid;
	}
	.av-main-nav ul li a {
		border-right-style: solid;
		border-right-width: 0px;
		border-left-style: solid;
		border-left-width: 0px;
	}
	.sub-menu li a {
		border-bottom: 1px solid #f1f1f1;
	}
	.av-main-nav ul {
		
	}
	#menu-item-7906, #menu-item-7901 {
		border:none!important; 
		
	}
	#tophead {
	
	
		
	}
	#header .menu-item-7906 {
		border: none!important;
	}

#contact #element_avia_2_1  { 
	margin-left: 2%!important;
	width: 49%!important;
}

#contact #element_avia_1_1  { 
	width: 49%!important;
}	



#top #header .mobile { 
	display:none!important;
}
#foot .av-special-heading {
	margin-top: 15px;
}
#foot ul {
	margin: 10px 0 0 0;
}

#foot .avia_textblock  {
	margin: 0 0 15px 0;
}
#foot #adresse p, #foot #adresse h3  {
	color: white;	
	margin: 0;
}
#foot #adresse h3 {
	font-size: 30px;
}
#foot #adresse .av_font_icon {
	color: white;
	margin: 5px 15px 0 0!important;
	display: inline-block;
	font-size: 20px!important;
} 
#foot a, #foot p {
	
}

/*
|--------------------------------------------------------------------------
| Form focus styles
|--------------------------------------------------------------------------
*/

#contact input:focus, #contact textarea:focus {
	
}
#contact .button {
	
	border: none!important;
	font-size: 18px;
	letter-spacing: 1px;
	color: white!important;
}

#contact {

	margin-top: -450px;
}




/*
|--------------------------------------------------------------------------
| Socket Stuff
|--------------------------------------------------------------------------
*/

#socket li {
	border-color: #5e5e5e;
	font-size: 12px;
}	
#socket li a {
	border-color: #5e5e5e;
	font-size: 10px;
	font-weight: bold;
	transition: all ease-in-out 0.15s;
}	
#socket li a:hover {
	opacity: 0.5!important;
}


#foot .flex_column:first-child {
	margin: 0 0 20px 0!important;
}
#foot .flex_column:first-child img {
	width: 150px;
}


.av-masonry-image-container img {
	animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	width: 185px;
}

.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
	-webkit-transform: none;
	transform: none;
}

p, li {
	font-size: 18px;
	line-height: 32px;
}
::marker {
	color: #00bb6b;
}

/*
|--------------------------------------------------------------------------
| Home style Desktop - 1024px
|--------------------------------------------------------------------------
*/
.bind img {
	width: 500px;
	margin-top: -250px!important;
	
}
.bind li {
	list-style-type: none;
	padding: 12px 0;
	border-bottom: 1px solid #e1e1e1!important;
	transition: all ease-in-out 0.2s;
}
.bind li:hover {
	margin-left: 30px;
}
.bind2 h3 {
	margin-bottom: 5px!important;
	font-size: 22px!important;
}
.bind2 .iconbox p {
	font-size: 16px;
	margin: 0 0 5px 30px;
}
.bind2 .iconbox_icon {
	top: -5px;
	left: -12px!important;
	color: #00bb6b!important;
}
.bind2 .up {
	margin-top: -620px!important;
	background: white;
	
}
.bind2 .up2 {
	margin-top: -780px!important;
	background: white;
}
.space {
	padding: 200px 0 0 0;
	
}
.spacebottom {
	padding: 0 0 200px 0;
	
}
.iconbox_content p {

}
.space-left .flex_column  {
	padding-left: 50px;
}




#scroll-top-link {
	background: white!important;
	border: 1px solid #3c3f40!important;
	transition: all ease-in-out 0.2s!important;
	color: #3c3f40!important;
}

#scroll-top-link:hover {
	border: 1px solid #00bb2b!important;
	color: #00bb2b!important;
}




body.page-id-2269 div .avia-gallery, body.page-id-4061 div .avia-gallery{
	margin-top: -200px!important;
}


#header_main .logo img {
	position:fixed!important;
	top: -10px;
	width: 230px;
	overflow: hidden!important;
	z-index: 3!important;
}


div .logo {
	position: absolute;
	z-index: 9999;
}

#main .avia-logo-grid img {
	width: 185px;
	
}


#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
	background: rgba(0, 187, 43, 0.7);
}

#pdf-link .flex_column {
	margin-top: -250px;
	background: white;
}






.wpcf7-form {
	padding: 50px;

}









#elements {
	margin-top: -650px;
}

#body-text h2 b, #side-elements h3 b, #body-text b, #side-elements h3 b {
	color: #333!important;
}
#body-text p, #body-text li {
	font-size: 16px!important;
	line-height: 22px;
}

#body-text ul li {
  list-style: none; /* Remove default bullets */
}

#body-text ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: black; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}










/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 1199px) {
  /* Add your Mobile Styles here */

nav.main_menu {
	display: block !important;
}

.av-burger-menu-main.menu-item-avia-special {
	display: block;
}
.desktop { 
	display: none;
}
#top #header .mega_menu_title a span {
	color: #b1b2b3;
	margin-top: 10px;
	font-weight: normal;
}
.menu-item-3669 .sub-menu:nth-child(-n+8), .menu-item-4121 .sub-menu:nth-child(-n+8)   { 
	display: none!important;
	
}

#av-burger-menu-ul li {
	padding: 0!important;
	
}	
#av-burger-menu-ul li a {
	font-size: 26px!important;
	line-height: 46px!important;
}
#av-burger-menu-ul .sub-menu li a{
	font-size: 16px!important;
	line-height: 26px!important;
}
#av-burger-menu-ul .lang-item {
	padding: 0;
	line-height: 18px;
}
#av-burger-menu-ul .lang-item a {
	font-size: 16px!important;
	line-height: 26px!important;
}	
#av-burger-menu-ul .lang-item-69 {
	margin-top: 35px;
}

/*
|--------------------------------------------------------------------------
| Mobile menu
|--------------------------------------------------------------------------
*/

#foot ul, #foot li {
	margin: 0 0 0 0!important;
}

#foot .flex_column {
	margin: 0 0 45px 0!important;
}

#foot a {
	text-decoration: none!important;
}
#foot .av-special-heading {
	margin-top: 15px;
}
#foot .entry-content-wrapper li {
	padding: 0!important;
}

#adress .avia_textblock {
	margin-bottom: 20px;
}



#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
	width: 82%;
}
#element_avia_1_1, #element_avia_2_1 {
	width: 100%!important;
}

#contact .button {
	width: 82%;
	
}




.wpcf7-form {
	padding: 20px;
	
}





	
}