/*
	Theme Name: Wattelez
	Template: Divi
	Theme URI:          https://roots.io/sage/
	Description:        WSI World Site Theme
	Version:            8.4.0
	Author:             WSI World
	Author URI:         http://wsiworld.com/
	Text Domain:        wsi

	License:            MIT License
	License URI:        http://opensource.org/licenses/MIT
*/


/*------------ Common CSS -------------------*/


@font-face {
    font-family: 'museo';
    src: url('fonts/museo_slab_500.woff2') format('woff2'),
         url('fonts/museo_slab_500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Regular.otf');
    font-weight: 400;
    font-style: normal;
}


a{
	outline: none !important;
}


.container{
	max-width: 1200px;
        width: 100%;
}

body{
	font-family: 'open sans';
	color:#333333;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
}

#et-info-phone {
  border: 1px solid #000;
  padding: 2px 5px;
  display:inline-block;
  width: 270px;
  max-width: 100%;
  text-align: left;
  margin-right: 0px !important;
  
}
/*----------------- Header section Css --------------------*/

#main-header {
  border-top: 2px solid #000;
  box-shadow: none;
}

.header-right, .header-left{
	text-align: center;
}

.header-menu-row {
  background: #000 none repeat scroll 0 0;
  border-bottom: 7px solid #fbcc15;
}

#top-menu a {
  color: #f4f3e7;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro';
}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation{
	padding-top: 0px;
}
.et_header_style_left .logo_container{
	position: relative;
        width: auto;
        max-width: 250px;
}
#et-top-navigation{
	float: left;
	padding-left: 0px !important;
}
.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a{
	padding:15px;
        padding-left: 8px;
        padding-right: 20px;
}

.header-product-selection{
	margin-top: 15px;
        position: relative;
        width: 270px;
        display: inline-block;
        max-width: 100%;
}

.header-center {
          padding-top: 20px;
          text-align: center;
}




/*------------------ Sidebar CSS -----------------*/

.et_right_sidebar #left-area{
	padding-right: 0px;
	padding-left: 0px;
}

.et_right_sidebar #sidebar, .et_right_sidebar #divi-sidebar{
	padding-left: 0px;
	font-family: 'Changa One';
	color:#1d1d1b;
	font-size: 14px;/* Approximation due to font substitution */
	font-weight: 400;
	text-align: left;
	letter-spacing: 1px;
}
#sidebar{
	margin-right: 0px;

}
#divi-sidebar{
	padding-right: 0px;
	border-right: none;
}
#sidebar .et_pb_widget a, #divi-sidebar .et_pb_widget a{
	color: #000;
}
#sidebar .widgettitle, #divi-sidebar .widgettitle{
	color: #ffffff;
	padding: 3px 20px;
	background: #000000;
	margin-top: 0px;
	font-family: 'Changa One';
	font-size: 14px;/* Approximation due to font substitution */
	font-weight: 400;
	line-height: 30px;/* Approximation due to font substitution */
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#sidebar .menu li, #divi-sidebar .menu li{
	padding-bottom:10px;
	margin: 0px;
}

#sidebar .widget_nav_menu, #divi-sidebar .widget_nav_menu{
	background: #fbcc15;
}
#sidebar .widget_nav_menu a, #divi-sidebar .widget_nav_menu a{
	font-family: 'Changa One';
	color:#1d1d1b;
	font-size: 14px;/* Approximation due to font substitution */
	font-weight: 400;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0;
  text-decoration: none;
}
#sidebar .personal .menu li, #divi-sidebar .personal .menu li{
	list-style: inside url('images/per_list.png');
}
#sidebar .personal .widgettitle, #divi-sidebar .personal .widgettitle{
	background: #2173b4;
}
#sidebar .batiment .menu li, #divi-sidebar .batiment .menu li{
	list-style: inside url('images/bat_list.png');
}
#sidebar .batiment .widgettitle, #divi-sidebar .batiment .widgettitle{
	background: #8f7d70;
}
#sidebar .industrial .menu li, #divi-sidebar .industrial .menu li{
	list-style: inside url('images/ind_list.png');
}
#sidebar .industrial .widgettitle, #divi-sidebar .industrial .widgettitle{
	background: #cc1f26;
}



/*---------------- Main content area ----------------------*/

#main-content .container{
	padding-top: 0px;
}


.home-slider .et_pb_slide{
	
}

.home-slider .et_pb_slide_description{
	padding: 40% 8% 15% 8%;
}

.home-slider .et_pb_slide_title{
	font-family: 'Changa One';
	color:#00734a !important;
	font-size: 72px;/* Approximation due to font substitution */
	font-weight: 400;
	line-height: 72px;/* Approximation due to font substitution */
	text-align: left;
	text-transform: uppercase;
	background: rgba(255,255,255,.5);
padding: 15px;
border-radius: 5px;
text-shadow: 1px 1px 1px #fff;
	/*-webkit-text-stroke: 2px #fff;*/
}

.home-slider  .et_pb_more_button{
	font-family: 'Changa One';
	color:#ffffff;
	background: #00734a;
	font-size: 30px;/* Approximation due to font substitution */
	font-weight: 400;
	line-height: 72px;/* Approximation due to font substitution */
	text-align: left;
	text-transform: uppercase;
	border: none;
	padding: 0px 10px;
	text-decoration: none;
	position: absolute;
    /*bottom: 50px;*/	
    right: 0;
}

.home-slider  a.et_pb_more_button:hover{
	padding: 0px 10px;
	border: none;
}


.header-strip {
  background: #fbcc15 none repeat scroll 0 0;
  padding-bottom: 30px;
}

.header-product-selection select {

  /* styling */
  background-color: #fbcc15;
  border: thin solid #000;
  border-radius: 0px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  /*padding: 0.1em 3.5em 0.1em 1em;*/
  /*padding : 0.1em 0.7em;*/
  padding-right: 30px;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
  max-width: 100%;
  width:270px;
}

/*.header-product-selection select {
  background-image:
    linear-gradient(45deg, transparent 50%, #000 50%),
    linear-gradient(135deg, #000 50%, transparent 50%),
    linear-gradient(to right, #000, #000);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}
*/
.header-product-selection .widget::after{
    background: #000 none repeat scroll 0 0;
    color: #fff;
    content: "\55";
    padding: 2px 10px;
    position: absolute;
    top: 0;
    right: 0;
    height: 27px;
    width: 35px;
    text-align: center;
    font-family: "ETmodules" !important;
    font-weight: 700;
    -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.header-right {
  padding-top: 0px;
}
#et-info-phone::before {
    display: none;
}
#et-info-phone::after {
  background: #000 none repeat scroll 0 0;
  color: #fff;
  content: "";
  padding: 2px 10px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: "ETmodules" !important;
  height: 100%;
}

.container-fulid.headerbarstrip {
  background-image: url("https://www.wattelez.com/wp-content/themes/wattelez/images/topbar.jpg");
  height: 30px;
}

.footer-content-tab {
  font-size: 18px;
  text-transform: uppercase;
}

.footer-images {
  float: left;
  margin-right: 15px;
}

.title {
  color: #fff !important;
  margin: 0 0 0 9px;
  text-align: center;
  margin-left:0; 	
}

.textwidget > a {
  margin-right: 13px;
}

/*******************  FAQ Page css *********************/
.et_pb_toggle_open, .et_pb_toggle_close{
    padding: 10px 20px;
}

.et_pb_toggle_title{
    color: #333;
    font-weight: bold;
}



/*Home Page css-----------------------*/

.logo_showcase {
}
.logo_showcase .slick-slide img{
    padding: 0px;
    border: none;
}


/*Woocomerce Product Details page---------------*/

body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li{
    background: #666666;
    border-top: 3px solid #d9d9d9;
    margin-top: -3px !important;
    margin-right: 10px;
    margin-left: 0px;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a{
    color:#ffffff !important;
    font-size: 18px;/* Approximation due to font substitution */
    font-weight: 700;
    line-height: 18px;/* Approximation due to font substitution */
    text-align: left;
    padding: 10px 22px !important;
}

body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active{
    background: #000000 !important;
    margin-right: 10px;
    border-top: 3px solid #fbcc15;
    margin-left: 0px;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a{
    color: #ffffff !important;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a::after{
    content: '';
    background: url("images/arrow-down.png") no-repeat center bottom;
    width: 20px;
    height: 9px;
    display: block;
    background-size: 100%;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
}
body.woocommerce .woocommerce-tabs{
    border: none;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs{
    border-top: 3px solid #d9d9d9;
    overflow: visible;
    background: none;
    
}
body.woocommerce div.product .woocommerce-tabs ul.tabs::before, body.woocommerce div.product .woocommerce-tabs ul.tabs::after{
    display:none;
}

body.woocommerce div.product .woocommerce-tabs .panel, body.woocommerce #content-area div.product .woocommerce-tabs .panel{
    padding: 30px 0px;
    border: none;
}
.woocommerce-tabs .panel h2{
    border-bottom: 1px solid #000000;
    font-family: 'Changa One';
    color:#6e6868;
    font-size: 30px;/* Approximation due to font substitution */
    font-weight: 400;
    line-height: 18px;/* Approximation due to font substitution */
    text-align: left;
}

.woocommerce .add-request-quote-button.button, .woocommerce .add-request-quote-button-addons.button{
    background: #fbcc15;
    color: #333333;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
}
.fitche_technique_button{
    float: left;
    margin: 10px 0px 10px 0px;
    display: none;
}
.fitche_technique_button a:active, .fitche_technique_button a:focus{
    text-decoration: none;
}
.fitche_technique_button a {
    background: #fbcc15;
    color: #333333;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0.3em 1em;
    border-radius: 5px;
    display: inline-block;
    line-height: 1.7em;
}

.woocommerce .add-request-quote-button.button:hover, .woocommerce .add-request-quote-button-addons.button:hover, .fitche_technique_button a:hover{
    background-color: #E4D51A;
    text-decoration: none;
}
.yith-ywraq-add-to-quote{
    float: left;
    margin: 10px 20px 10px 0px;
}
.woocommerce div.product div.summary .clear{
    clear: none;
    
}
.product_meta{
    color: #333333;
    border-top: none;
    margin-top: 30px;
    display: inline-block;
}
.posted_in a{
    color: #4475a1;
}
.posted_in a:hover{
    color: #23527c;
}
.woocommerce div.product div.images img, .woocommerce-page div.product div.images img{
    border: 1px solid #d9d9d9;
}

.woocommerce-products-header__title{
    background: #333335 none repeat scroll 0 0;
    color: #FFF223;
    font-family: "changa one";
    font-size: 24px;
    margin-bottom: 10px;
    padding: 8px 0 8px 6px;
    line-height: 30px;
    margin-top: 0px;
}


.woocommerce-loop-category__title .count{
    display: none;
}

/************** Woocommerce css ********************/
.woocommerce a.button, .woocommerce input.button, .woocommerce .cart .button{
    border-radius: 5px;
    /*background: -webkit-linear-gradient(90deg, #f6b10c 0%, #fbcc15 100%);
    background: -moz-linear-gradient(90deg, #f6b10c 0%, #fbcc15 100%);
    background: -o-linear-gradient(90deg, #f6b10c 0%, #fbcc15 100%);
    background: -ms-linear-gradient(90deg, #f6b10c 0%, #fbcc15 100%);
    background: linear-gradient(0deg, #f6b10c 0%, #fbcc15 100%);*/
    border: none;
	border: 2px solid #fbcc15;
    color: #333;
    font-weight: 500;
    transition: none;
}
.woocommerce a.button:hover, .woocommerce input.button:hover, .woocommerce .cart .button:hover{
    border-radius: 5px;
    background: #fbcc15;
    border: none;
    color: #333;
    font-weight: 500;
    padding: 0.3em 1em;
}
.woocommerce a.button:hover::after{
    display: none;
}
.et_pb_pagebuilder_layout #main-content{
    padding: 0px;
}
#main-content, .page-template-calculator-template #main-content{
    padding: 20px 0 0;
}


#left-area .woocommerce-MyAccount-navigation ul{
    padding-left:0px; 
}
.woocommerce-MyAccount-navigation ul li{
    list-style: none; 
    background: #666666;
    border-top: 3px solid #d9d9d9;
}
.woocommerce-MyAccount-navigation ul li:hover, .woocommerce-MyAccount-navigation ul li.is-active{
    background: #000000;
    border-top: 3px solid #fbcc15;
}
.woocommerce-MyAccount-navigation ul li a{
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    padding: 10px 22px;
    display: block;
}
.woocommerce-MyAccount-navigation ul li a:hover{
    text-decoration: none;
}
.et_pb_title_container{
    display: block;
}
.et_pb_title_container h1 {
    background: #333335 none repeat scroll 0 0;
    color: #fbcc15;
    font-family: "changa one";
    font-size: 24px;
    margin-bottom: 10px;
    padding: 8px 0 8px 6px;
    line-height: 30px;
    margin-top: 0px;
    width: 100%;
}
.woocommerce .woocommerce-info{
    background-color: #d9edf7;
    color: #31708f !important;
}
.woocommerce .woocommerce-error{
    background-color: #f2dede;
    color: #a94442 !important;
}

#left-area .wcml_currency_switcher ul{
    padding: 0;
}




/************** Calculator Page css ********************/
#externaly_triggered_wrapper-controls{
    text-align: center;
}
#external_filter_container_wrapper{
    margin-bottom: 20px;
}
#externaly_triggered_wrapper-controls input{
    border-radius: 5px;
    background: -webkit-linear-gradient(90deg, #916c04 0%, #fec20a 100%);
    background: -moz-linear-gradient(90deg, #916c04 0%, #fec20a 100%);
    background: -o-linear-gradient(90deg, #916c04 0%, #fec20a 100%);
    background: -ms-linear-gradient(90deg, #916c04 0%, #fec20a 100%);
    background: linear-gradient(0deg, #916c04 0%, #fec20a 100%);
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 20px;
    margin-right: 10px;
}
#externaly_triggered_wrapper-controls input:hover{
    background: #916c04;
}
.calculator_result thead{
    background: -webkit-linear-gradient(90deg, #000000 0%, #494949 100%);
    background: -moz-linear-gradient(90deg, #000000 0%, #494949 100%);
    background: -o-linear-gradient(90deg, #000000 0%, #494949 100%);
    background: -ms-linear-gradient(90deg, #000000 0%, #494949 100%);
    background: linear-gradient(0deg, #000000 0%, #494949 100%);


}
.calculator_result thead th{
    color:#ffffff;
    font-size: 11px;/* Approximation due to font substitution */
    font-weight: 600;
    text-align: left;
}
.calculator_result{
    overflow: auto;
}
.calculator_result tbody tr:nth-child(even) td{
    background-color: #f5f3e0 !important;
}
.calculator_result tbody tr:nth-child(odd) td{
    background-color: #ffffff !important;
}



.et_pb_section {
  padding: 20px 0 0 !important;
}
.nav > li > a:hover { 
  color: #2ea3f2 !important;
}
#footer-bottom {
  display: none !important;
}
#main-footer {
  background-color: #000 !important;
}

.widget_wysija .title{
    text-align: left;
    text-transform: uppercase;
}
.wysija-input{
    width: 100%;
    border-radius: 5px;
    height: 35px;
}
.widget_wysija_cont .wysija-submit{
    border-radius: 5px;
    background: -webkit-linear-gradient(90deg, #916c04 0%, #fec20a 100%);
    background: -moz-linear-gradient(90deg, #916c04 0%, #fec20a 100%);
    background: -o-linear-gradient(90deg, #916c04 0%, #fec20a 100%);
    background: -ms-linear-gradient(90deg, #916c04 0%, #fec20a 100%);
    background: linear-gradient(0deg, #916c04 0%, #fec20a 100%);
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 20px;
    margin-right: 10px;

}
.widget_wysija_cont .wysija-submit:hover{
    background: #916c04;
}
.header-strip {
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}
.titleone {
  background: #000 none repeat scroll 0 0;
  color: #ffffff;
  font-family: "Changa One";
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  padding: 6px 0 6px 8px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.childone img {
  width: 196px;
}
/*.childone {
  float: left;
  width: 30%;
}
.childtwo {
  float: left;
  width: 70%;
}*/
.childtwo h5 {
  font-weight: bold;
  line-height: 1px;
}
.childtwo h3 {
  font-weight: 600;
  line-height: 24px;
  margin-top: 0px;
}
.childtwo > a {
  background: #000 none repeat scroll 0 0;
  border-radius: 15px;
  color: #fff;
  font-family: museo;
  font-size: 18px;
  line-height: 20px;
  padding: 8px 30px;
  text-decoration: none;
}
#left-area {
  padding-bottom: 0px;
}
.childtwo span {
  color: #fbcc15;
  font-family: museo;
  font-size: 18px;
  line-height: 20px;
}
.childtwo p {
font-family: "Source Sans Pro";
color:#090606;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
}
.homeproducts {
  float: left;
  padding-top: 3%;
  width: 100%;
}
.titletwo {
  background: #fbcc15 none repeat scroll 0 0;
  color: #000000;
  font-family: "Changa One";
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  padding: 6px 0 6px 8px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.mainsection {
  float: left;
  width: 100%;
}
.sectionthree {
  float: left;
  width: 100%;
}
.sectionthree .images > img {
  padding-right: 59px;
  padding-top: 10px;
  float: left;
}
.productlist ul.products li a h2 {
  color: #333333;
  font-family: "Source Sans Pro";
  font-size: 18px !important;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}
#text-5 .widgettitle, #text-6 .widgettitle, #text-7 .widgettitle, #text-8 .widgettitle {
  font-size: 22px;
}
#text-6 a, #text-7 a, #text_icl-8 .textwidget a, #text_icl-6 .textwidget a, #text_icl-7 .textwidget a, #text_icl-9 .textwidget a{
  background: #000 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff !important;
  padding: 2px 5px 3px;
  text-decoration: none;
}

#text_icl-4 .sidesectiontwo > span {
  color: #000000;
  font-family: "Changa One";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 30px;
  text-align: left;
}
#text_icl-5 .sidesectiontwo > span {
  color: #000000;
  font-family: "Changa One";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 30px;
  text-align: left;
}
.widget-5.widget-odd.et_pb_widget.widget_text, .widget-6.widget-even.et_pb_widget.widget_text_icl, .widget-7.widget-odd.et_pb_widget.widget_text_icl, .widget-5.widget-odd.et_pb_widget.widget_text_icl {
  background: #fbcc15 none repeat scroll 0 0;
}
.sidesectiontwo {
  padding-bottom: 10%;
  padding-top: 5%;
  text-align: center;
}

.textwidget { padding-left:20px; padding-bottom: 10px;
	 }
/*
.tax-product_cat #et-main-area, .single-product #et-main-area {
  padding-top: 20px;
}

.tax-product_cat #et-main-area .container, .single-product #et-main-area .container {
  padding: 0;
}*/
span#et-info-phone, .footer-content-tab {
  cursor: pointer;
}
.sectionthree img {
  width: 196px;
}
.woocommerce div.product .product_title {
  display: none;
}
.col-md-8.producttitle {
  background: #333335 none repeat scroll 0 0;
  color: #FFF223;
  font-family: "changa one";
  font-size: 24px;
  margin-bottom: 10px;
  padding: 8px 0 8px 6px;
  line-height: 30px;
}
.single-product figure div {
  padding: 15px 0 0 3px;
}
.product .related h2, .product .upsells h2 {
  background: #333335 none repeat scroll 0 0;
  color: #fff223;
  font-family: "changa one";
  font-size: 24px !important;
  padding: 6px 0 6px 6px;
  margin-bottom: 30px;
  line-height: 30px;
}
.product h2.woocommerce-loop-product__title {
  font-size: 18px !important;
  text-align: center;
}
.sectionthree .row {
  
}
section.related.products {
  float: left;
  width: 100%;
}
.pagetitle {
    background: #333335 none repeat scroll 0 0;
    color: #fbcc15;
    font-family: "changa one";
    font-size: 24px;
    margin-bottom: 10px;
    padding: 8px 0 8px 6px;
    line-height: 30px;
    margin-top: 0px;
}
.container.header-menu-row {
  background: rgb(81,74,0) url("/wp-content/uploads/2017/05/menuseparator.png") repeat scroll 0 0;
}
.yikes-custom-woo-tab-title {
  display: none;
}
li#menu-item-wpml-ls-15-fr, li#menu-item-wpml-ls-15-en {
  padding: 0 !important;
}

li#menu-item-wpml-ls-15-fr a, li#menu-item-wpml-ls-15-en a {
  padding: 2px !important;
  background-color:none;
}
.nav li#menu-item-wpml-ls-15-fr > a:hover, .nav li#menu-item-wpml-ls-15-en > a:hover {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  opacity:100;
}
#top-menu li {
  padding-right: 6px;
}
.et_left_sidebar #left-area {
  padding-left: 0px;
}
#divi-sidebar {
  font-family: "changa one";
}
.center-heading {
   font-family: 'changa one';
   color:#333333;
   font-size: 18px;
   font-weight: 400;
   line-height: 18px;
   text-align: left;
}

.form-seperator {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #000;
    margin: 20px 0px;
}
.col-4-checkbox .wpcf7-list-item, .col-3-checkbox .wpcf7-list-item, .col-2-checkbox .wpcf7-list-item {
    float: left;
    margin: 0;
    padding:5px 10px; 
}

.col-4-checkbox .wpcf7-list-item {
    width: 25%;
    
}
.col-2-checkbox .wpcf7-list-item {
    width: 50%;
    
}
.col-3-checkbox .wpcf7-list-item {
    width: 33.3333%;
   
}

.wpcf7-form-control.wpcf7-textarea {
    height: 100px;
}
.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
  border-radius: 3px;
  width: 300px;
padding:12px 6px;
}

.wpcf7-form-control.wpcf7-submit {
	background: #fbcc15;
padding: 12px 20px;
font-size: 1.4em;
text-transform: uppercase;
border-radius: 9px;
}

.frdetails input.wpcf7-form-control.wpcf7-text, .frdetails .wpcf7-textarea {
  width: 100%;
}
.buttons input[type="submit"], .buttons input[type="reset"] {
    border-radius: 5px;
    background: -webkit-linear-gradient(90deg, #f6b10c 0%, #fbcc15 100%);
    background: -moz-linear-gradient(90deg, #f6b10c 0%, #fbcc15 100%);
    background: -o-linear-gradient(90deg, #f6b10c 0%, #fbcc15 100%);
    background: -ms-linear-gradient(90deg, #f6b10c 0%, #fbcc15 100%);
    background: linear-gradient(0deg, #f6b10c 0%, #fbcc15 100%);
    border: none;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 20px;
    margin-right: 10px;
}
.buttons input[type="reset"]:hover, .buttons input[type="submit"]:hover {
  background: #fbcc15;
}

span.wpcf7-not-valid-tip {
  display: none;
}
input.wpcf7-not-valid {
  border: 1px solid red;
}
.custompage #sidebar .et_pb_widget ul {
  padding: 0;
}
table#example th {
  font-size: 11px;
  font-weight: bold;
}
.nav li ul {
  padding: 10px 0;
  background: #716700 none repeat scroll 0 0;
  width: 200px;
}
#top-menu .menu-item-has-children > a:first-child::after, #et-secondary-nav .menu-item-has-children > a:first-child::after {
  top: 13px;
}
.nav ul li a:hover {
  color: #2ea3f2 !important;
  opacity: 0.7;
}
#top-menu li li {
  padding:0px;
}
#top-menu li li a {
  padding: 4px 20px;
}

.custompage table td {
  color: #000;
  font-size: 11px;
}
.dataTables_scrollFoot {
  overflow: auto !important;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
  display: none;
}
.dataTables_scrollHead {
  padding-top: 6%;
}
.dataTables_scrollFoot {
  position: absolute;
  top: 0;
}
.dataTables_wrapper .dataTables_info {
  display: none;
}

span.logo_helper{
    display: none;
}

.et_header_style_left #logo{
    max-width: 100%;
}

.dataTables_scrollBody table{
    border: none;
}


span.et_close_search_field{
    right: 25px;
}
.et-search-form input{
    color: #ffffff;
}



/********************* Calculator New page css *************************/

#wattelez_calculator_container{
    margin-bottom: 30px;
}
.page-template-calculator-template .et_pb_section{
    padding: 0px !important;
}
.page-template-calculator-template .et_pb_row{
    width: 100%;
    padding: 0px;
}
.cal-item {
    margin-bottom: 20px;
    margin-top: 20px;
}
.cal-item .item-title {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-family: 'Changa One';
    color:#060501;
    font-size: 21px;/* Approximation due to font substitution */
    font-weight: 400;
    line-height: 21px;/* Approximation due to font substitution */
    text-align: left;
}
.cal-item .item-readmore {
    font-family:'Changa One';
    color:#060501;
    font-size: 14px;/* Approximation due to font substitution */
    font-weight: 400;
    line-height: 21px;/* Approximation due to font substitution */
    text-align: left;
    padding: 5px 10px;
    border-radius: 5px;
    background: #fbcc15;
}
.cal-item .item-readmore:hover {
    background: #E4D51A;
    text-decoration: none;
}

.cal-item .item-img {
    float: left;
    max-width: 200px;
    width: 50%;
    padding: 0px 10px 20px 0px;
}
.cal-item .item-content{
    width: 50%;
    float:left;
}
#calculator_result_container {
    position: relative;
}
#calculator_result_container .result_heading{
    font-family:'Changa One';
    color:#060501;
    font-size: 14px;/* Approximation due to font substitution */
    font-weight: 400;
    line-height: 21px;/* Approximation due to font substitution */
    text-align: left;
    margin: 30px 0px 30px 0px;
}
#calculator_result{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ajax_loader {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 100px;
    z-index: 9;
    display: none;
}
#filter_form select{
    width:100%;
}
.item-seperator {
    display: inline-block;
    height: 2px;
    background: #fbcc15;
    width: 100%;
}
#filters_container label, #filters_container select{
    font-family: Open Sans;
    color:#060501;
    font-size: 14px;/* Approximation due to font substitution */
    font-weight: 400;
    line-height: 14px;/* Approximation due to font substitution */
    text-align: left;
}


/*************** Phone Numbers popup ************************/
.toggle_phone_btn{
    position: relative;
    cursor: pointer;
}

#hidden_quote_count{
    display: none;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* STYLES GO HERE */
    .cal-item .item-img {
        width: 100%;
        padding: 0px 0px 20px 0px;
    }
    .cal-item .item-content {
        width: 100%;
    }
    .col-4-checkbox .wpcf7-list-item, .col-3-checkbox .wpcf7-list-item, .col-2-checkbox .wpcf7-list-item {
        width: 100%;
    
    }
  
}

@media only screen
and (max-device-width : 640px) {
    .et_header_style_left #logo, .et_header_style_split #logo{
        max-width: 200px;
    }
    .header-center {
          padding-top: 20px;
          text-align: center;
    }
    .et_header_style_left .logo_container{
        display: inline-block;
    }
}

 

 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* STYLES GO HERE */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* STYLES GO HERE */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* STYLES GO HERE */
	.header-left{
		text-align: left;
	}
	
	.header-right{
		float: right;
		text-align: right;
	}
        .et_header_style_left #logo, .et_header_style_split #logo{
            max-width: 200px;
        }
        .header-center {
            padding-top: 20px;
            text-align: left;
        }
.textwidget {
    padding-left: 0;
    }
}

.container.et_search_form_container.et_pb_search_visible {top:65px; color:#fff;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

#et_top_search {top:15px; color:#fff;}

/*upsell*/
.product .upsells h2 {
}

/*H3 design for pages */
.page h3 {
color:#fbcc15;
background-color:#000;
font-size:20px;
padding:5px;
}

.tablepress thead th {background:#bbb;}

@media only screen
and (min-width : 1350px) {
/* STYLES GO HERE */
    .et_pb_row .et_pb_row_1-4_3-4 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        position: relative;
		width: 100% !important;
		max-width: 1200px !important;
		margin: auto;
    }
}

/* sub menu margin */
.nav li li ul {
    left: 190px;
}

/* modifs WSI-Obiweb */
.container.et_search_form_container.et_pb_search_visible {top:65px; color:#fff;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

#et_top_search {top:15px; color:#fff;}

/* page tutos */


#post-469 .et_pb_column_1 .et_pb_specialty_column
{
width:70%;
}

#post-469 .et_pb_column .et_pb_column_1_4 .et_pb_column_0 {
	margin-right: 0 !important;
}
#post-469 .et_pb_gutters3 .et_pb_column {
	margin-right: 0 !important;
}

#post-469 .et_pb_row .et_pb_row_1-4_3-4 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        position: relative;
		width: 100% !important;
		max-width: 1200px !important;
		margin: auto;
    }

/*upsell*/
.product .upsells h2 {
}

/*H3 design for pages */
.page h3 {
color:#fbcc15;
background-color:#000;
font-size:20px;
padding:5px;
}

.tablepress thead th {background:#bbb;}

@media only screen
and (min-width : 1350px) {
/* STYLES GO HERE */
    .et_pb_row{
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* sub menu margin */
.nav li li ul {
    left: 190px;
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
 #sidebar { 
	 max-width: 530px !important;
	  }
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
	.header-left{
		text-align: left;
	}
	
	.header-right{
		float: right;
		text-align: right;
	}
        .woocommerce-account .woocommerce-MyAccount-navigation{
            width: 25%;
        }
        .et_header_style_left .logo_container{
            float: left;
        }
        .header-center {
          padding-top: 50px;
        }
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1350px) {
/* STYLES GO HERE */
    .et_pb_row{
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-width: 1200px;
        width: 100%;
    }
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
/* STYLES GO HERE */
    .header-center {
        text-align: center;
    }
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
    
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
}

/*
* Create Masonry styles for archive pages
*/

.search #content-area,
.category #content-area {
	padding-top: 20px
	}
	
.search #left-area,
.category #left-area {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 60px;
         column-gap: 60px;
}
 
.category .et_pb_post > a,
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}
 
.search #left-area .et_pb_post,
.category #left-area .et_pb_post {
    overflow: hidden; /* fix for Firefox */
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
    display: inline-block;
}
 
.search #left-area .et_pb_post h2,
.category #left-area .et_pb_post h2 {
    font-size: 18px;
}
 
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.category #left-area .et_pb_post.format-link,
.category #left-area .et_pb_post.format-quote,
.category #left-area .et_pb_post.format-audio{
    padding: 0;
}
 
.category .et_pb_post .et_pb_image_container,
.category .et_pb_post .et_main_video_container,
.category .et_pb_post .et_audio_content,
.category .et_pb_post .et_pb_slider,
.et_pb_post .et_pb_image_container,
.et_pb_post .et_main_video_container,
.et_pb_post .et_audio_content,
.et_pb_post .et_pb_slider {
    margin: -20px -20px 10px;
}
 
.category .et_pb_post.format-audio .et_audio_content{
    margin: 0px -38px 0px;
}
 
.category .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide {
    min-height: 180px;
}
 
.category .pagination,
.search .pagination {
    padding: 20px 0;
}
 
/*
* Media Queries
*/
@media screen and (max-width: 980px) {
    .search #left-area,
    .category #left-area {
        -moz-column-count: 2;
            column-count: 2;
        -moz-column-gap: 60px;
            column-gap: 60px;
    }
}
@media screen and (max-width: 767px) {
    .search #left-area,
    .category #left-area {
        -moz-column-count: 1;
            column-count: 1;
    }
    .search .et_pb_post.format-audio .et_audio_content,
    .category .et_pb_post.format-audio .et_audio_content{
        margin: 0;
    }
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .category #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .category #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
        min-width: 300px!important;
        width: 300px!important;
    }
}

/* pages categories */

.tax-product_cat .page-title {
	font-family: 'Changa One';
	color: #fbcc15;
	background: rgba(0,0,0,.7);
	padding-left: 15px;
	z-index: 100;
	position: relative;
}


.woocommerce-page ul.products li.product a img {
	margin-bottom: 0px !important;
}

/* galeries photo */

.et_pb_gallery_grid .et_pb_gallery_item h3 {
	padding:8px; 
}

.et_pb_gallery_grid .et_pb_gallery_item img {
	border: 1px solid #fbcc15;
}

.header-right .wpml-ls-legacy-list-horizontal a {
  font-family: 'changa one';
  color:  #200045;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  padding: 0px 4px;
  text-decoration: none;
}
.header-right .wpml-ls-legacy-list-horizontal {
  padding: 0px 7px;
}
.header-quote-list {
    background-color: #050000;
    width: 202px;
    float: right;
    border-radius: 20px;
    text-align: center;
    height: 39px;
}
.header-quote-list a {
    font-family: 'changa one';
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    line-height: 35px;
    text-decoration: none;
}
.header-quote-list a img {
  margin-right: 12px;
}
.header-quote-list a span {
    font-family: 'changa one';
    color: #050000;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    text-align: left;
    background-color: #fcfcfc;
    padding: 2px 8px 4px;
    border-radius: 50%;
    margin-left: 12px;
}

/* widgets */

#text_icl-18, #text_icl-19 {
  display: none;
}

#text_icl-21 .textwidget, #text_icl-22 .textwidget { padding-left: 0; }
/* i have add this css */
/*
#left-area {
    width: 75% !important;
    float: left !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
	display:none;
}
.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}
*/