﻿@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);

/* RESET
********************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* HELPERS
********************************************************************************/
/* FLOATS */
.cf:before,
.cf:after	{ content:""; display:table; }
.cf:after	{ clear:both; }
.cf 	 	{ zoom:1;}

.cleft		{ clear: left; }
.cright		{ clear: right; }
.cboth		{ clear: both; }

/* IMAGES */
.alignleft		{ float: left; }
.alignright		{ float: right; }
.aligncenter	{ display: block; margin: auto; }

/* MAIN BLOCKS
********************************************************************************/
body	{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; }

.content	{ width: 940px; padding: 0 10px; margin: 0 auto; }

/* MAIN TEXT
********************************************************************************/
.content h2			{ font-size: 35px; font-weight: 700; color: #434343; text-transform: uppercase; text-align: center; margin: 10px 0; }
.content h2:after	{ content: ''; display: block; width: 180px; height: 1px; background: #d2d2d2; margin: 20px auto; }
.content h3			{ font-size: 24px; font-weight: 700; color: #434343; text-transform: uppercase; margin: 50px 0 30px; }
.content h4			{ font-size: 20px; font-weight: 300; color: #414141; line-height: 30px; }
.content p			{ margin: 30px 0; line-height: 30px; }
.content li			{ line-height: 30px; margin-left: 30px; margin-bottom:10px; }
.content ul			{ margin: 30px 0; list-style-type: disc; }
.content ol			{ margin: 30px 0; list-style-type: decimal; }

a 		{ color: #629632; text-decoration: none; }
a:hover	{ text-decoration: underline; }

/*::selection { background: #f0663b; color: #fff;*/

::selection { background: #629632; color: #fff; } }

strong, b	{ font-weight: 700; }

/* HEADER
********************************************************************************/

.page-id-372 .header-band,
.page-id-56 .header-band	{ margin-bottom:10px; }

.header-inner	{ width: 940px; padding: 0 10px; margin: 0 auto; }
.header-left	{ float: left; margin-top:5px; padding-bottom:5px; width:274px}
.header-right	{ float: center;}
.header-lang	{ float: right; margin-top:5px; padding-bottom:5px; width:74px; z-index:1999;}

/*.logo { max-height: 75px;margin-top:4px}*/

.header-image	{ height: 853px; line-height: 110px; text-align: left; background:#fff /*url(../images/header-image-fallback.jpg)*/ center; margin-bottom:0px; margin-top:0px; position:absolute; top:0px; width:100%;display:inline;}
.header-image h1	{ font-size: 80px; color: #fff;  margin-left:5%;text-transform: uppercase; font-weight: 680; text-decoration: none; text-shadow: 0px 0px 0px #000;  position:relative; top:-653px; z-index:999; }
.header-image p{
	padding: 0 10px;
    margin: 0 auto;
    font-size: 90px;
    font-weight: 800;
    color: #fff;
    top: -515px;
    z-index: 999;
    position: relative;
    text-transform: uppercase;
    background: #948c8e94;
    display: table;
    margin-left: 5%;
    margin-top: 20px;
}
iframe {
    margin-top:70px;
}
}
.contact-infos	{ margin-top: 18px; text-align: right; }
.contact-infos a	{ color: #000; }


a.slider-btn { background:#629632; border:1px solid #686868; color:#fff; padding: 8px 80px; text-decoration:none; font-size: 20px; font-weight: 300; }
a.slider-btn:hover { background:#686868; border:1px solid #629632; } 

/* NAVIGATION
********************************************************************************/
.top-nav-wrap 		{ text-align: left; margin-top: 42px; }
.top-nav-wrap li		{ display: inline-block; font-size: 12px; border-right: 2px solid #000; padding-right: 6px; margin-right: 3px; }
.top-nav-wrap li.last	{ border: none; padding-right: 0; margin-right: 0; }

.top-nav-wrap li a		{ color: #000; }

.main-nav-wrap			{ text-align: center; margin-top: 50px; }
.main-nav-wrap li		{ font-size:15px; display: inline-block; border-right: 2Px solid #000; padding-right: 6px; margin-right: 3px; text-transform: uppercase; /*text-shadow: 1px 1px 1px #fff;*/ }
/* .main-nav-wrap li.last	{ border: none; padding-right: 0; margin-right: 0; } */
.main-nav-wrap li.menu-item-962 { border: none; padding-right: 0; margin-right: 0; }
.main-nav-wrap li a		{ color: #000; }

.main-nav-wrap li a:hover,
.main-nav-wrap li.current-menu-item a	{ color: #629632; text-decoration: none; }

#trp-floater-ls.trp-color-dark {
    background: #ffffff;
}
#trp-floater-ls {
    box-shadow: 0 0 2px #212121;
}

/****menu smaller on scroll*****/
#navbar {
  overflow: hidden;
  background-color: #ffffff;
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  width: 100%;
  height:100px;
  top: 0; /* At the top */
    
}

#navbar-right {margin-top: 65px;transition: 0.4s; /* Adds a transition effect when the padding is decreased */}
#logo { max-height: 75px;margin-top:6px;transition: 0.4s; /* Adds a transition effect when the padding is decreased */}
/*********/

/*****MENU TOGGLE****/

@media only screen and (min-width:1069px) { 
	#toggle2 {
		display:none;
	}

} 
@media screen and (max-width: 1068px) { 
	#popout {
		position: fixed;
		height: 100%;
		width: 400px;
		background: rgb(25, 25, 25);
		background: rgba(255, 255, 255, .9);
		color: white;
		top: 0px;
		left: -400px;
		overflow:auto;
	}
	#toggle2 {
		transition: 0.4s; /* Adds a transition effect when the padding is decreased */
		float: right;
		position: fixed;
		right: 35px;
		width: 60px;
		height: 60px;
		margin-top: 18px		
	}
	.nav-menu li { 
		border-bottom:1px solid #eee; 
		padding:20px;
		width:100%;
	}
	.nav-menu li:hover { 
		background:#CCC;
	}
	.nav-menu li a { 
		color:#FFF;
		text-decoration:none;
		width:100%;
	}
	.main-nav-wrap			{ text-align: center; margin-top: 0px; padding: 20px;}
	.main-nav-wrap li		{ font-size:35px; display: block;  padding: 20px; margin-right: 3px; text-transform: uppercase; border-right: 0px; /*text-shadow: 1px 1px 1px #fff;*/ }
	/* .main-nav-wrap li.last	{ border: none; padding-right: 0; margin-right: 0; } */
	.main-nav-wrap li.menu-item-962 { border: none; padding-right: 0; margin-right: 0; }
	.main-nav-wrap li a		{ color: #000; }

	.main-nav-wrap li a:hover { color: #629632; text-decoration: none; }
	.main-nav-wrap li.current-menu-item a	{ color: #fff; text-decoration: none; }
	.main-nav-wrap li.current-menu-item 	{ background: #629632; text-decoration: none; }
	} 
} 


/**********/

/* CONTENT
********************************************************************************/
body.home section.main,
body.page-id-56 section.main/*, body.page-id-372 section.main */ { margin-top:0; } 

.main { margin-top:875px; } 
.btn-down		{ position:relative; z-index:999; top:-1093px; display: none; width: 52px; height: 60px; margin: -30px auto 0; background: url(../images/btn-down.png) top; text-indent: -999px; overflow: hidden; }
.btn-down:hover	{ background-position: bottom; }
		
.call-to-action			{ border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 35px 0; margin: 20px 0 75px; }
.call-to-action-inner	{ width: 940px; padding: 0 10px; margin: 0 auto; }
.call-to-action h1		{ font-size: 35px; font-weight: 700; color: #414141; text-transform: uppercase; }
.call-to-action h2		{ font-size: 25px; font-weight: 300; color: #414141; }
.call-to-action a		{ display: inline-block; padding: 8px 80px; font-size: 20px; font-weight: 300; color: #fff; text-transform: uppercase;						  background: #629632; border: 1px solid #686868; text-decoration: none; }.call-to-action a:hover	{ background: #686868; border-color: #629632; }

/* MARCHAND
********************************************************************************/
.form-selection ul { list-style-type:none; }
.form-selection ul li { display:inline; }
.form-selection ul li a { background:#f0663b; color:#fff; padding:20px 10px; font-size:13px; border:1px solid #686868; } 
.form-selection ul li a:hover { background:#686868; border:1px solid #f0663b; text-decoration:none; }
.form-selection ul li a.selected { background:#686868; border:1px solid #f0663b; text-decoration:none; }

/* HOME
********************************************************************************/
.header-band { background-color: rgb(255,255,255, .95); position: fixed;top:0px; z-index: 1999; padding:0px; height:100px; width:100%; /*border-bottom: 3px solid #DC143C;*/ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.home .slideshow-wrap			{ margin-top: -200px;}
.home .slideshow-wrap .btn-down	{ position: relative; z-index: 999; top:0; }

.home .headerbox h3					{ text-align: center; padding: 10px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; margin: 7px 0 17px;}
.home .headerbox p					{ margin: 17px 24px; text-align: center; line-height: 1; }
.home .headerbox .wpb_single_image	{ margin-bottom: 7px; }

/* PRODUCTS
********************************************************************************/
.post-type-archive-product .header-image,
.tax-category_product .header-image,
.single-product .header-image	{ margin-bottom: 80px; background-image: url(../images/header-image-products.jpg); }

.single.single-product header.header div.header-image { background-image:url(../images/header-image-products.jpg) !important; }

.products-sidebar				{ width: 250px; float: left; }		  
.products-sidebar ul				{ list-style-type: none; margin: 0; }
.products-sidebar > ul > li 		{ margin-bottom: 20px; margin: 0; }
.products-sidebar > ul > li > ul 	{ display: none; list-style-type: disc; }

.products-sidebar h3 				{ font-size: 18px; font-weight: bold; text-transform: uppercase;  border-bottom: 2px solid #959595; position: relative;
									  margin: 0; line-height: 1; padding-bottom: 8px; margin-bottom: 8px; }				  
.products-sidebar h3 a				{ color: #000; }
.products-sidebar h3 .toggle			{ width: 13px; height: 13px; display: block; right: 0; background: url(../images/btn-toggle.png); bottom: 8px; position: absolute; }
.products-sidebar h3 .toggle.open	{ background-position: bottom; }

.products-sidebar li ul a		{ color: #000; }

.products-grid				{ width: 670px; float: left; margin-left: 20px; }
.products-grid .product		{ width: 198px; float: left; margin: 12px; }
.products-grid .product h3	{ font-size: 16px; font-weight: 400; margin: 20px 0 5px; text-align: center; line-height: 22px; }
.products-grid .product h3 a	{ color: #434343; }
.products-grid .product p	{ margin: 5px 0; text-align: center; } 

ul.page-numbers			{ font-size: 18px; float: right; text-align: right; margin: 30px 0; }
ul.page-numbers li 		{ display: inline; padding: 10px; margin: 0; }
ul.page-numbers li a		{ color: #f0663b; }
ul.page-numbers li a.next,
ul.page-numbers li a.prev,
ul.page-numbers li a:hover	{ color: #434343; }

.single-product .product				{ width: 670px; float: left; margin-left: 20px; }
.single-product .product-image		{ width: 220px; float: left; margin-right: 40px; }
.single-product .product-description	{ width: 410px; float: left; }

.product-logos { float:left; width:690px; }
.product-logos img { margin:21px 14px; }

/* VRAC********************************************************************************/
 /*.products { border: 1px solid #c3c3c3; min-height: 320px!important; }
.products h2	{ margin: 20px 20px 10px; }*/
.products h2	{ text-align:center; }
.products-no-bg h2	{ margin: 20px 20px 10px; }
.content .products h3 { font-size:14px; }
.content .products h3,	.products p	{ margin: 10px 20px 10px 20px; }
.content .post .calc-wrap h3 { margin:0; font-size:18px; color:#f0663b; }
.content .post .calc-wrap p  { margin:10px 0;  }
.calc-wrap { width:100%; float:left; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc; }
.calc-inputs { float:left; margin-right:20px; width:360px; }
.calc-results { float:left; width:550px; }
.calc-result { margin-bottom:20px; width:400px; }
.calc-result,
.calc-result label,
.calc-result div { float:left; }
.result-value { margin:0 5px; }
.brouette { position:absolute; }

/* FOOTER
********************************************************************************/
.footer					{ background: url(../images/bg-footer.jpg) top; padding-top: 88px; }.page-id-56 .footer     { background:#fff;  }.page-id-56 .footer .wpb_wrapper p,.page-id-56 .footer .wpb_wrapper a { color:#333; }
.footer .footer-inner	{ width: 940px; padding: 0 10px; margin: 0 auto; }

.footer h1	{ font-size: 35px; font-weight: 700; color: #414141; text-transform: uppercase; text-align: center; margin: 40px 0 10px; }
.footer h2	{ font-size: 25px; font-weight: 300; color: #414141; text-align: center; }

.footer .wpb_tabs .wpb_tabs_nav					{ width: 940px; padding: 0 10px; margin: 0 auto; text-align: center; }
.footer .wpb_tabs .wpb_tabs_nav li					{ float: none; display: inline-block; background: rgba(255, 255, 255, 0.9) url(../images/gradient-tab.png) repeat-x bottom;
												  width: 260px; height: 47px; line-height: 47px; text-align: center; margin: 0; }
.footer .wpb_tabs .wpb_tabs_nav li a				{ padding: 0; font-size: 18px; font-weight: 300; color: #434343; text-transform: uppercase; }
/*.footer .wpb_tabs .wpb_tabs_nav li.ui-tabs-active	{ background-color: #f0663b; }*/.footer .wpb_tabs .wpb_tabs_nav li.ui-tabs-active	{ background-color: #DC143C; }
.footer .wpb_tabs .wpb_tabs_nav li.ui-tabs-active a	{ color: #fff; } 

.footer .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab	{ background-color: rgba(255, 255, 255, 0.9); }

.footer .gform_wrapper input[type=text], 
.footer .gform_wrapper input[type=email], 
.footer .gform_wrapper input[type=tel],
.footer .gform_wrapper textarea		{ font-size: 16px; font-weight: 300; background: none; border: 1px solid #aeaeae; }

.footer .gform_wrapper .gform_footer						{ text-align: center; }
/*.footer .gform_wrapper .gform_footer input.button			{ padding: 8px 80px; font-size: 20px; font-weight: 300; color: #fff; text-transform: uppercase;														  background: #f0663b; border: 1px solid #686868; cursor: pointer; }.footer .gform_wrapper .gform_footer input.button:hover	{ background: #686868; border-color: #f0663b; }*/.footer .gform_wrapper .gform_footer input.button			{ padding: 8px 80px; font-size: 20px; font-weight: 300; color: #fff; text-transform: uppercase;														  background: #629632; border: 1px solid #686868; cursor: pointer; }.footer .gform_wrapper .gform_footer input.button:hover	{ background: #686868; border-color: #629632; }

.footer .copyright	{ border-top: 1px solid #cdcdcd; }
.footer .copyright p	{ line-height: 60px; color: #fff; font-size: 11px; }
.footer .copyright a	{ color: #fff; }
/* CONTACT********************************************************************************/
.ginput_container input { width:100% !important; }

.contact-half { width:435px; float:left; color:#848484; margin-top:20px; } .contact-half strong { color:#333; }.contact-half h3 { font-size:16px; margin:0 0 15px 0; }.contact-half p { margin:15px 0; }.contact-half.first { margin-right:20px; width:475px; }.contact-half.first div { border-bottom:1px dashed #ccc; margin-right:40px; padding-left:25px; margin-bottom:15px; }.contact-half.first .adress { background:url(../images/adress-icon.png) no-repeat left 0; }.contact-half.first .phone { background:url(../images/phone-icon.png) no-repeat left 0; }.contact-half.first .email { background:url(../images/email-icon.png) no-repeat left 2px; }.contact-half.first .email p { line-height:15px; margin:0 0 15px 0; } .contact-half.first .phone div { width:192px; float:left; margin:0; border:none; padding:0; }.contact-half.first table { width:370px; font-family: 'Open Sans', sans-serif; margin-bottom:5px; }.contact-half.first tr { margin-bottom:10px; }.contact-half.first th { text-align:left; padding-bottom:10px; }.contact-half.first td { text-align:right; }.contact-half .gform_body input,.contact-half .gform_body textarea { background:#f8f5ef; border:1px solid #ccc; }


/* WOOCOMMERCE */ 
.related.products {
display: none;
}
.woocommerce-loop-category__title mark.count {
    display: none;
}
.woocommerce { width: 1000px; margin:0 auto;}
.woocommerce-tabs #tab-description h2 {
    display: none;
}

.woocommerce-tabs #tab-additional_information h2 {
    display: none;
}
.woocommerce div.product div.images img {
	width: 100%;
	max-width:300px;
}
.woocommerce ul.products li.product a img {
	max-width:200px;
	margin: 0 auto;
}	
.woocommerce div.product .product_title {
 font-size: 2em;   
 padding-bottom: .5em;
}    
 .woocommerce div.product .woocommerce-tabs .panel {
    line-height:1.6
 }
/*.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 */
 .woocommerce ul.products li.product .woocommerce-loop-category__title {
	padding: 0.5em 0;
    margin: 0;
    font-size: 15px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
	text-transform: uppercase;
	color: #434343;
	font-weight: 700;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product a{
	color: #434343;

}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product a:hover	{
	color: #434343;

}
.woocommerce .woocommerce-breadcrumb {
    margin: -2px 0 4em;
    padding: 0;
    font-size: .92em;
    color: #767676;
}
.woocommerce ul.products li.product a img {
    padding: 10px;
}

