/*
Theme Name: MAE Development - ver3
Author: AndrayV
Author URI: http://www.andrayv.com/
License URI: http://www.andrayv.com
Description: MAE Development
Version: 4.0
Template: Divi
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

:focus {/* remember to define focus styles! */
  outline: 0;
}

body {

  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {/* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;

}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a img {
  border: 0;

}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
   word-wrap: break-word;
}


/* ------------------------------------------------------------------- */


html {width: 100%;scroll-behavior: smooth;}
html body.et_cover_background {  font-family: 'Source Sans Pro', Arial, serif; color: #3d260f; line-height: 1.4em; position: relative;  

background-image: url(images/briquette-machines-buy-online-maedev-bg.jpg);
background-position: center;
background-color: #3d260f;
background-attachment: fixed;


 }


.cky-consent-container {backdrop-filter: blur(9px);}





#page-container sup {
  bottom: 0.4em;
  font-size: smaller;
}

#page-container #main-content {
  background-color: transparent;
  position: relative;
  z-index: 1;
}

#page-container #turn-waste-into-value-section {}

#page-container .et_pb_sticky_placeholder {position: relative; z-index: 0 !important;}

#page-container #et-main-area {z-index: 5; position: relative;}





#turnwasteintovalue { opacity: 0;
animation: sloganfadein 2s ease forwards; /* Each child fades in */
  animation-delay:  0.5s; /* Delay  */ 
  animation-fill-mode: forwards;

}


h1.entry-title { opacity: 0;
animation: sloganfadein 2s ease forwards; /* Each child fades in */
  animation-fill-mode: forwards;

}





@keyframes sloganfadein {
  0% {
opacity: 0;
transform: translateY(-50px); /* Optional: Adds a slide effect */
  }

  100% {
opacity: 1;
transform: translateY(0px); /* Optional: Adds a slide effect */
  }
}





/* homepage turning images  */


    #page-container .row-container {

      position: relative;
      width: 250px;
      height: 250px;
      perspective: 1000px;
      margin: auto;
    }


    .row-container {visibility: hidden;}

    .stack {
      position: absolute;
      width: 100%;
      height: 100%;
      transform-style: preserve-3d;
      transform-origin: center;
      transition: transform 0.6s ease-in-out;
    }

    .image {
      position: absolute;
      z-index: 3;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      background-size: cover;
      background-position: center;
      transition: transform 1.5s ease, visibility 0.3s ease;
    }

    /* Image setup */
    .image1 {
      background-image: url('images/image1.png');
      transform: rotateY(0deg);
    }

    .image2 {
      background-image: url('images/image2.png');
      transform: rotateY(-180deg);
    }

    .image2-up {
      background-image: url('images/image2.png');
      visibility: hidden; /* Hidden initially */
    }

    .image3 {
      background-image: url('images/image3.png');
      visibility: hidden; /* Hidden initially */
    }

    /* Flip states */
    .flip-1 .stack {
      transform: rotateY(-180deg);
    }

    .flip-2 .stack {
      transform: rotateY(-360deg);
    }

    /* Show upright middle image before split */
    .ready-to-split .image2-up {
      visibility: visible;
    }

    .ready-to-split .image2 {
      visibility: hidden;
    }

    /* Split animations */
    .split .image1 {
      visibility: visible;
      transform: translateX(-150%);
    }

    .split .image2-up {
      transform: translateX(0%);
    }

    .split .image3 {
      visibility: visible;
      transform: translateX(150%);
    }

    .split .stack {
      transform: none;
      transition: none;
    }

    /* Arrow setup */
    .arrow {
      position: absolute; z-index: 4;
      width: 60px;
      height: 70px;
      background-size: contain;
      background-position: center;
      visibility: hidden;
      transform-origin: center;
      transition: transform 0.6s ease-in-out;
    }

    /* Positioning the arrows between the images */
    .arrow1 {
      background-image: url('images/arrow1.png');
      top: 50%;
      left: -25%;
      transform: translate(-50%, -50%) rotateY(-180deg);
      background-repeat: no-repeat;
    }

    .arrow2 {
      background-image: url('images/arrow2.png');
      top: 50%;
      right: -50%;
      transform: translate(-50%, -50%) rotateY(-180deg);
      background-repeat: no-repeat;
    }

    /* Flip animation for arrows */
    .show-arrow1 .arrow1 {
      visibility: visible;
      transform: translate(-50%, -50%) rotateY(0deg);
    }

    .show-arrow2 .arrow2 {
      visibility: visible;
      transform: translate(-50%, -50%) rotateY(0deg);
    }

    /* New stack for image3 and image4 flipping */
    .flip3-stack {
      position: absolute;
      width: 100%;
      height: 100%;
      transform-style: preserve-3d;
      transform-origin: center;
      visibility: hidden;
      z-index: 2;
      transition: transform 1.5s ease;
      right: -150%;
    }

    .flip3-stack .image4,
    .flip3-stack .image5 {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
    }

    .flip3-stack .image4 {
      background-image: url('images/image4.png');
      transform: rotateY(0deg); /* image3 facing up */
    }

    .flip3-stack .image5 {
      background-image: url('images/image5.png');
      transform: rotateY(180deg); /* image4 facing down */
    }

    /* Flip animation for image3 and image4 */
    .flipping {
      animation: flipInfinite 6s infinite linear;
    }

    @keyframes flipInfinite {
      0% {
        transform: rotateY(0deg); /* image3 facing up */
      }
      15% {
        transform: rotateY(0deg); /* image4 facing up */
      }

      25% {
        transform: rotateY(-180deg); /* image4 facing up */
      }


      35% {
        transform: rotateY(-180deg); /* image3 facing up */
      }
      45% {
        transform: rotateY(-360deg); /* image4 facing up */
      }

      100% {
        transform: rotateY(-360deg); /* image3 facing up */
      }
    }
    








#print-mae {display: none; text-align: center;}

a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #main-content .posted_in a, #main-content .tagged_as a {text-decoration: none; font-weight: bold; color: #3d260f; cursor: pointer; }



strong, .strong {font-weight: bold;}
em {font-style: italic;}
a:hover {color: #796755;}
.wrapper-link p, .wrapper-link ul li  {font-weight: normal;}

h1, h2, h3, h4, h5, h6 {font-weight: bold; font-style: italic; line-height: 1em;}
h1 {font-size: 35px; margin-bottom: 33px; }
body.home h1 {width: 100%;}
h2 {font-size: 30px; margin: 15px 0 20px;}
h3 {font-size: 23px; margin: 10px 0 20px;}
h4 {font-size: 20px; margin: 10px 0 20px;}
h3.puslating-shadow a {color:  #9ece7d;

animation: colour 3s infinite;
}
h3.puslating-shadow { line-height: 1em; margin-bottom: 0;

  transform: scale(1);
  animation: pulse 3s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);

  }

  50% {
    transform: scale(1);

  }

  100% {
    transform: scale(0.95);

  }
}

@keyframes colour {
  0% {
color:  #9ece7d;

  }

  50% {
        color: #5fb51a;

  }

  100% {
color:  #9ece7d;

  }
}



.home-main-blurb, .home-footer-blurb { opacity: 0;
animation: fadein 2s ease forwards; /* Each child fades in */
  animation-delay: calc(var(--index) * 0.5s); /* Delay based on index */ 
  animation-fill-mode: forwards;
    animation-play-state: paused; /* Pause the animation initially */
}

@keyframes fadein {
  0% {
opacity: 0;
transform: translateY(-50px); /* Optional: Adds a slide effect */
  }

  100% {
opacity: 1;
transform: translateY(0px); /* Optional: Adds a slide effect */
  }
}

/* Set custom properties for each child */
.home-main-blurb:nth-child(1) { --index: 0; }
.home-main-blurb:nth-child(2) { --index: 1; }
.home-main-blurb:nth-child(3) { --index: 2; }
.home-main-blurb:nth-child(4) { --index: 3; }
.home-main-blurb:nth-child(5) { --index: 4; }
.home-main-blurb:nth-child(6) { --index: 5; }




/* Set custom properties for each child */
.home-footer-blurb:nth-child(1) { --index: 0; }
.home-footer-blurb:nth-child(2) { --index: 1; }
.home-footer-blurb:nth-child(3) { --index: 2; }
.home-footer-blurb:nth-child(4) { --index: 3; }
.home-footer-blurb:nth-child(5) { --index: 4; }
.home-footer-blurb:nth-child(6) { --index: 5; }


.home-blurbs-animated,  .home-footer-blurbs-animated{

    animation-play-state: running; /* Start the animation */
}




#maincontent hr {color: #FFFFFF; background-color: none; 
border-top: 10px solid #3d260f99;
border-bottom: 10px solid #3d260f99;
border-left: none;
border-right: none;
margin: 40px -4%;
clear: both;
width: 108%;
border-radius: 12px;
}

div#icon-menu hr {clear: none;}
hr.responsive {display: none;}

table {width: 100%;}
table td {padding: 3px 6px; border: thin solid #C8BAAD; }
table thead td, table thead th {font-weight: 700;}
table th {text-align: left; }
table thead, table thead tr:nth-child(even) {background-color: #B4A392;}
table thead tr:nth-child(odd) td {border-bottom: none;}
table thead tr:nth-child(even) td {border-top: none;}
table tr:nth-child(even) {background-color: #E5EBDF; border-bottom: none;}
.faint {color: #84796F;}
.plus {background-color: #9DE2A0;}
.minus {background-color: #EFCC80;}
.hidden {display: none;}

div.captcha table tr:nth-child(even) {background: none;}


#mae { padding: 10px 20px 5px;  display: block; font: italic bold 20px 'Source Sans Pro', Arial, serif; color: #e1dbcd; position: relative; z-index: 99; text-transform: capitalize; font-variant: small-caps; letter-spacing: 0.3em;
  word-spacing: 1em;  }

div.faq-items div.item {display: none; margin-bottom: 50px;}
#ph-benefits {cursor: pointer; font-size: 23px; width: 96%; text-align: center;}
.ph-benefits {cursor: pointer; font-size: 23px; width: 96%; text-align: center;}
div#content .finance-button a {color: #9ece7d;}
div#content .finance-button {font-size: 24px;}

#ph-benefits-hidden {display: none; cursor: pointer; }
#hide-on-expand {text-align: center; margin-top: 10px; cursor: pointer;}

/*images*/
img {max-width: 100%; height: auto;}



.note {font-size: 20px; color: #e4221d; font-style: italic; font-weight: bold;}
p.err {color: #e4221d; margin-bottom: 10px;}
.alignleft {float: left; margin: 0 25px 15px 0;}
.alignright {float: right; margin: 0 0 15px 25px;}
.aligncenter {float: none; margin: 0 auto; text-align: center;}
img.aligncenter {display: block;}
.fiftypercent {width: 47%;}
.clear {clear: both;}
p.clear {display: block;}
.readmore {font-weight: bold;}
#content iframe {width: 100% !important; height: 350px !important; margin-top: 30px; margin-bottom: 30px;}
#menu-icon, #acc-icon, #header div.navigation ul#acc-menu, .hidden ul, .hidden .menu-arrow {display: none;}
.menu-arrow {background: url(images/arrow.png) no-repeat center bottom; background-size: 12px 10px; display: none; width: 100%; height: 10px;}


.button, #wp-members .buttons, #wpmem_reg .buttons, #wpmem_login .buttons, input.wpcf7-submit, a.edit, div.sidebar-widget input.wysija-submit, .enquiry-button a, #content .wp-block-button__link {border-radius: 25px;  -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; background-color: #3d260f; padding: 12px 5%; border: none; color: #f6f5f3; font: italic bold 20px 'Source Sans Pro', Arial, serif; text-align: center; height: auto; width: 100%; background-image: none; display: block; margin: 20px auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
white-space: normal;
}
.button a {color: #f6f5f3;}


#content .wp-block-column {

  margin: 20px auto;


        }

#maincontent .round-corners {border-radius: 35px; padding: 20px 30px; box-shadow: rgba(0, 0, 0, 0.4) 4px 8px 36px -14px;}





#content .wp-block-cover {padding: 0; border-radius: 40px;  min-height: 250px;}

#content .wp-block-cover .wp-block-button {width: 100%;}
#content .wp-block-button  .wp-block-button__link {text-align: center; margin: 0; width: 100%; cursor: pointer; letter-spacing: 0.05em; 
border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;}


.enquiry-button a {font: italic bold 18px 'Source Sans Pro', Arial, serif; white-space: normal;}

.button:hover, #wp-members .buttons:hover, #wpmem_reg .buttons:hover, #wpmem_login .buttons:hover, input.wpcf7-submit:hover, a.edit:hover, div.sidebar-widget input.wysija-submit:hover, .enquiry-button a:hover, #content ul.products li.product a.button:hover, .wp-block-button__link:hover, #maincontent .wp-element-button:hover   {color: #f6f5f3; background-color: #796755; background-image: none;}






input, #wp-members input, input.text, input.title, #main-content input[type="email"], #main-content input[type="password"], #main-content input[type="tel"], #main-content input[type="text"], #main-content select, textarea  {border: none;
padding: 12px 4.5%;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-o-border-radius: 25px;
-webkit-box-shadow: 0px 0px 16px -9px #000;
-moz-box-shadow: 0px 0px 16px -9px #000;
-o-box-shadow: 0px 0px 16px -9px #000;
display: block;
-webkit-appearance: none;
box-shadow: 0px 0px 16px -9px #000;
font: normal 20px 'Source Sans 3', Arial, serif;
background-color: #fbfff8;
margin: 5px auto;
transition: all .5s ease-in-out;
height: auto;
}



/*sharethis*/
div.sharebuttons {float: right; margin: 20px 0;}
div.sharethis {margin-top: -15px;}
span.stButton {margin: 0 5px 10px;}

/*cookie bar*/
body #cookie-law-info-bar {position: relative !important; line-height: 1.2em; bottom: 0 !important;}




/*main layout*/

#main-wrapper {width: 960px; margin: 0 auto; position: relative; }


/*header*/
div#logos {margin-top: 25px;}

#logo {width: 40%; height: auto; display: inline-block; vertical-align: middle;}
#enviro-project {width: 10%; height: auto;  margin: 0 6.8%; display: inline-block; vertical-align: middle;}
#carpills-banner, #starthere-banner {width: 35%; height: auto; display: inline-block; vertical-align: middle;  text-align: right;}
span.starthere {display: none;}

#page-container .et_pb_menu .et_pb_menu__menu, #page-container .et_pb_menu .et-menu-nav  {width: 100%;}



body.et-db #page-container .et_pb_menu .et_pb_menu__menu > nav > ul {justify-content: space-between !important; width: 100% !important; margin-left: 0 !important;}

#header {margin-top: 12px; position: relative;}
#header div.navigation {position: relative; margin-top: 10px; z-index: 2;}
#header div.navigation ul {width: 100%; position: relative; z-index: 99; text-align: center;}

#header div.navigation span.navigation-bg {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #3d260f; opacity: 0.5; -pie-background: rgba(61, 38, 15, 0.5); z-index: 98; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
#header div.navigation ul#main-menu span.navigation-bg, #header div.navigation ul#acc-menu span.navigation-bg {display: none;}


#header div.navigation ul li {display: inline-block; margin: 0; vertical-align: middle;}

/*#header div.navigation ul li.last a {border-right: 1px solid #72623B;}*/
#header div.navigation ul li#wpmenucartli a {font-size: 18px; border-left: 1px solid #AEA692; margin-left: -3px; color: #9ECE7D; padding-right: 0; padding-left: 15px; padding-top: 14px;}

#header div.navigation ul li a { padding: 12px 40px 15px;  display: block; font: italic bold 20px 'Source Sans Pro', Arial, serif; color: #FFFFFF; }
#header div.navigation ul li a:hover, #header div.navigation ul li.current-menu-item a, #header div.navigation ul li.current_page_item a, #header div.navigation ul li.current-page-ancestor a {color: #bca269; }


/*submenu*/


#page-container .et_mobile_menu {border-radius: 30px;
  width: 100%;

  text-align: center;}

#header div.navigation ul ul.sub-menu  li {display: block;}

#header div.navigation ul ul.sub-menu {
display: none; 
position: absolute;
left: 0;
top: 90%;
z-index: 1000;
padding:  0;
min-width: 180px;
 -webkit-box-shadow: #4C4C4C 0px 13px 13px;
-moz-box-shadow: #4C4C4C 0px 15px 16px;
box-shadow: #4C4C4C 0px 13px 13px;  }


#header div.navigation ul > li:hover > ul, 
#header div.navigation ul > li:hover > ul > li:hover > ul, 
#header div.navigation ul > li:hover > ul > li:hover > ul > li:hover > ul, 
#header div.navigation ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul
{display: block; }

#header div.navigation ul li  a:hover,  
#header div.navigation ul  li.current-menu-item  > a, 
#header div.navigation ul  li.current-post-parent > a, 
#header div.navigation ul  li.current_page_parent > a, 
#header div.navigation ul ul.sub-menu li.current-menu-item > a, 
#header div.navigation ul ul.sub-menu li.current-post-parent > a  {color: #bca269;}
#header div.navigation ul ul.sub-menu a {color: #170f10;}



#header div.navigation ul ul.sub-menu ul.sub-menu  {left: 100%; top: 0;}


#footer div.navigation ul ul.sub-menu li.current-menu-item > a, 
#footer div.navigation ul ul.sub-menu li.current-post-parent > a,
#footer div.navigation ul  li a:hover,  
#footer div.navigation ul  li.current-menu-item a  {color: #bca269;}

#footer div.navigation ul li {margin: 0 5px; vertical-align: text-top; }
#footer div.navigation ul ul.sub-menu {margin: 5px 0;}
#footer div.navigation ul ul.sub-menu li {display: block; margin-bottom: 5px; font-size: 15px; }
#footer div.navigation ul ul.sub-menu li a  {color: #e1d0db;}



/*hotline*/
div#hotline span.navigation-bg,  div#your-account span.navigation-bg, div#support span.navigation-bg {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #3d260f; opacity: 0.8; -pie-background: rgba(61, 38, 15, 0.8); z-index: 98; border-radius: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
div#hotline, div#your-account, div#support {position: relative; float: right; margin: 15px 0 15px 5px; padding: 1px 11px; color: #9ECE7D; display: block;}
div#your-account a, div#support a {color: #9ECE7D; z-index: 99; position: relative; }
div#hotline #number {z-index: 99; position: relative;}
div#hotline #number a {color: #9ece7d;}
div#hotline #number a:hover {color: #9ece7d;}
div#hotline, div#your-account, div#support {
  z-index: 1;
  font-size: 16px;
}

/*banner*/








#banner {margin-bottom: 50px;}   
#content #banner ul li {list-style-type: none; padding-left: 0;} 
   
/*content*/

#wrapper {position: relative; margin-top: 30px; padding: 10px; clear: both;}
#wrapper div.border {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #3d260f; opacity: 0.5; -pie-background: rgba(61, 38, 15, 0.5); }
div.border {
-webkit-box-shadow: 0 7px 7px -6px #000000;
-moz-box-shadow: 0 7px 7px -6px #000000;   
-o-box-shadow: 0 7px 7px -6px #000000;
box-shadow: 0 7px 7px -6px #000000;}
.content-bg {background-color: #f4fdf0f5; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; z-index: 1; }

#content {padding: 35px;}
#content div.hentry ul {margin-left: 30px;}
#content ul li {list-style-type: square; padding-left: 10px; margin-left: 30px;}
#content ol li {list-style-type: decimal; margin-left: 30px; padding-left: 10px; }
#content ol>li>ol {margin-bottom: 40px;}
#content ol li ol li {list-style-type: square; margin-left: 30px; padding-left: 10px; }

div.hentry, div#content div.product, div.blog-archive {float: left; width: 590px;}

body.page-id-1711 div.hentry {float:  none; width: 100%;}


div.blog-archive div.post {margin-bottom: 30px;}
div.blog-archive div.post span.alignleft  {margin: 7px 25px 10px 0;}
div.blog-archive div.post span.alignleft a img {width: 250px;}

#content ul#wooden-waste-processing {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

#content {position: relative; z-index: 1;}
#content div.metaslider ul li {margin-left: 0;}
#maincontent  a img, #maincontent img, #maincontent  dl.gallery-item a img, #maincontent iframe {box-shadow: 0px 0px 29px -18px #000;
-webkit-box-shadow: 0px 0px 29px -18px #000;
-moz-box-shadow: 0px 0px 29px -18px #000;   
-o-box-shadow: 0px 0px 29px -18px #000;

transition: all .5s ease-in-out;

border-radius: 33px;
border: none;
margin: auto;
}


#page-container .fluid-width-video-wrapper, #maincontent  a img, #maincontent img, #maincontent iframe, #maincontent .gallery {margin: 50px auto;}

#page-container #maincontent .et_pb_blog_grid img {margin-top: 0;}


#maincontent  a img:hover, #maincontent dl.gallery-item a img:hover  {transform: scale(1.05);} 

#maincontent a .et_shop_image img:hover  {transform: none;} 



#wrapper #content .visible, #wrapper #content .visible a {display: block;}
#content .quotation-button-bottom  {display: none;}



/*sidebar*/



#page-container #sidebar .et_pb_widget {margin-bottom: 0;}







#sidebar input.wpcf7-submit {margin: 20px auto 0;}

#sidebar .wpcf7 form .wpcf7-response-output, #enquiry-form  .wpcf7 form .wpcf7-response-output{
  margin: 0 0.5em;}

#sidebar-wrapper-absolute .fadeIn, #page-container .fadeIn { opacity: 1; }

#sidebar-wrapper-absolute .fadeOut, #page-container .fadeOut { opacity: 0; z-index: -1;}



#sidebar-wrapper-absolute .fadeOutCompletely { opacity: 0; display: none; z-index: -9;}




#sidebar-wrapper div.border {background-color: #5fb51a; -pie-background: rgba(95, 181, 26, 0.5);}

#sidebar h4.widgettitle {padding: 20px 0; margin: -20px -24px 25px; }

#sidebar div.sidebar-page img {display: block; margin: 20px auto; height: auto;}
#wp-members fieldset {margin-top: 10px;}

.button_div {margin-top: 10px;}
#sidebar img#samples-box {width: 112px;  }
#sidebar img#questions {width: 69px;}
input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {

  width: 100%;}
#sidebar .et_pb_widget {
    width: 100%;
    margin-bottom: 0;
  }






.sidebar-widget input, .sidebar-widget textarea , .sidebar-widget select {width: 90%;}
#content #sidebar iframe {width: 280px !important; height: auto !important; margin: 0 auto;}






/*footer*/

footer {position: relative; z-index: 0; 
}

footer .et_mobile_nav_menu {
    display: none !important;
}
footer .et_pb_menu__menu {
    display: flex !important;
}


/*thumbs*/
div#icon-menu {margin-top: 50px;}
div#icon-menu ul { text-align: center; margin-left: 0;}
body.home div#icon-menu, body.post-type-archive-product div#icon-menu {clear: both; }
body.home div#icon-menu ul li {width: 180px; margin: 0 40px 20px;}
div#icon-menu ul li {display: inline-block; margin: 20px 15px; padding-left: 0; position: relative; width: 155px; }
div#icon-menu ul li img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;   
   }
div#icon-menu ul li img, img.thumb {border: 10px solid #f1ffea; 
-webkit-box-shadow: 0 0 7px 0 #617B64;
-moz-box-shadow: 0 0 7px 0 #617B64;   
-o-box-shadow: 0 0 7px 0 #617B64;
box-shadow: 0 0 7px 0 #617B64;}

div#icon-menu ul li p.wp-caption-text {position: absolute; left: 0; bottom: 15px; width: 100%; color: #56b30e; font-variant: italic; font-weight: bold; font-size: 30px; background-color: #f1ffea; opacity: 0.8; padding: 10px 0; text-transform: uppercase;}
div#icon-menu ul li a:hover p.wp-caption-text {opacity: 1;}



/*gallery*/

body div.gallery {text-align: center;}
body dl.gallery-item {float: none !important; display: inline-block;  width: 30% !important; margin: 0 1.5% 20px; vertical-align: top;}
body div.gallery br {display: none;}







/*contact*/
#maincontent .round-corners form.wpcf7-form {text-align: center; width: 50%; margin-left: 25%; margin-top: 30px;}
 form.wpcf7-form p {margin: 10px 0;}


/*footer*/
#footer {z-index: 9;  background-color: #3d260f8a;
  -pie-background: rgba(61,38,15,.5);
  z-index: 98;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}
#footer div.navigation {margin: 60px 0 0; padding-top: 30px;}
#footer div.navigation ul {text-align: center;}
#footer div.navigation ul li {display: inline; margin: 0 15px 30px;}
#footer div.navigation ul li#wpmenucartli {display: none;}
#footer div.navigation ul li a {font-style: italic;  font-size: 20px ; color: #FFFFFF;}
#footer div.navigation ul li a:hover, #footer div.navigation ul li.active a, #footer #copyright a:hover, #footer #by a:hover {color: #bca269;}
#footer div#terms-nav {padding-top: 0; margin-top: 20px;}

#footer #copyright {margin-top: 50px; text-align: center;}
#footer #copyright a, #footer #by a {color: #FFFFFF; font-size: 16px; font-weight: normal; font-style: italic;  } 


img#footer-briquettes {width: 351px; height: auto; float: right; margin-bottom: 30px;  }


body .grecaptcha-badge {
line-height: 1.2em;
  position: relative !important;
  margin-top: -60px;
  right: 0 !important;
  text-align: right;
  left: 0;
  margin-left: auto;
  transition: all .3s ease-in-out !important;
  z-index: 5;
}


body .grecaptcha-badge:hover {
  margin-left: auto;}



/*WP members */

#wp-members input[type="text"], #wp-members input[type="password"] {width: 90%;}


#wpmem_reg small, #wpmem_login small {display: none;}
#wpmem_reg .button_div, #wpmem_login .button_div {padding-bottom: 20px;}

#wpmem_msg p, .wpmem_msg p {line-height: 1em !important;}


#wpmem_reg label.text, #wpmem_reg label.checkbox, #wpmem_reg label.textarea, #wpmem_reg label.select, #wpmem_login label {clear: left;}

/*Woocommerce*/







#maincontent div.hentry ul.products {text-align: center; margin-left: 0; }
#maincontent .woocommerce .products ul, .woocommerce ul.products {display: flex; flex-wrap: wrap;}
#maincontent ul.products li { position: relative; float: none; display: flex; flex-direction: column; vertical-align: top; width: 46%; margin: 30px 2%; background-color: #3d260f; padding: 0;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
-o-border-radius: 35px;
-webkit-box-shadow: 0px 0px 16px -9px #000;
-moz-box-shadow: 0px 0px 16px -9px #000;
-o-box-shadow: 0px 0px 16px -9px #000;
box-shadow: 0px 0px 16px -9px #000;

transition: all .5s ease-in-out;


}
#maincontent ul.products li:hover {transform: scale(1.1); z-index: 3;
-webkit-box-shadow: 0px 0px 10px 3px #daded7;
-moz-box-shadow: 0px 0px 10px 3px #daded7;
-o-box-shadow: 0px 0px 10px 3px #daded7;
box-shadow: 0px 0px 10px 3px #daded7;


} 


#wrapper #maincontent ul.products li a.woocommerce-loop-product__link img {
border-radius: 35px 35px 0 0;
  -webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;

}

#wrapper #maincontent ul.products li a.woocommerce-loop-product__link img:hover {transform: scale(1); z-index: 3;} 

#page-container #maincontent .et_overlay, #page-container #maincontent .et_overlay::before {display: none;}


#maincontent ul.products li a.add_to_cart_button { width: 80%;  }

#maincontent ul.products li, #maincontent div.widget_shopping_cart_content ul li {list-style-type: none; }
#page-container #maincontent  h2.woocommerce-loop-product__title {margin-bottom: 0; font-size: 1em;
  padding: 18px 5% 26px;
  background-color: #3d260f;
  position: relative;
  bottom: 0;
  width: 100%;
  color: #FFF;
  min-height: 80px;
border-radius: 0 0 35px 35px;}
.woocommerce ul.products li.product .button {
  display: inline-block;
  margin-top: auto;
  width: 92%;
}
#maincontent div#payment ul li {list-style-type: none;}
.woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product {width: 25%;}
div.related {margin-top: 40px;}

ul.payment_methods label {font-weight: bold; color: #F3F2F1;}

div.woocommerce-product-gallery {border-radius: 33px;}


/*cart widget*/

/*woocommerce styles*/

#maincontent form.wpcf7-form, #sidebar #enquiry-form {width: 50%;
  margin-left: 25%;

background-image: linear-gradient(180deg,#daffbf 10%,rgba(211,237,203,0.7) 18%);
  background-color: #d3edcb;
  border-radius: 38px 38px 38px 38px;
  overflow: hidden;
  border-color: rgba(91,117,83,0.22);
  padding: 30px 5%;
  box-shadow: 0px 0px 0px 9px #a5bca2;


}



#maincontent ul.cart_list, ul.product_list_widget,  #maincontent ul.cart_list, #maincontent  ul.product_list_widget {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}


#maincontent ul.cart_list li:after, #maincontent ul.product_list_widget li:after,  #maincontent ul.cart_list li:after,  #maincontent ul.product_list_widget li:after {
    clear: both;
    content: "";
    display: block;
}

#maincontent ul.cart_list li, #maincontent ul.product_list_widget li,  #maincontent ul.cart_list li,  #maincontent ul.product_list_widget li {
    list-style: none outside none;
    margin: 0;
    padding: 4px 0;
}


div.sidebar #maincontent ul.cart_list li a, div.sidebar #maincontent ul.product_list_widget li a, div.sidebar #maincontent ul.cart_list li a,  div.sidebar #maincontent ul.product_list_widget li a {
    display: block;
    font-weight: bold;
}


#maincontent ul.cart_list li img, #maincontent ul.product_list_widget li img,  #maincontent ul.cart_list li img,  #maincontent ul.product_list_widget li img, #maincontent div.widget_shopping_cart_content ul li a img{
    float: right;
    height: auto;
    margin: 5px 4px;
    width: 50px;
}

div.woocommerce-tabs ul.tabs {display: none;}

.woocommerce ul.products li.product a img.attachment-shop_catalog, img.attachment-shop_single, .woocommerce ul.products li.product a img, .woocommerce div.product div.images img {border: none; border-radius: 35px 35px 0 0; }
 .woocommerce div.product div.images img {margin-bottom: 20px;}
 .woocommerce-result-count {display: none;}

#maincontent div.widget_shopping_cart_content p.buttons {clear: both; margin: 10px 0; text-align: center;}


div#sidebar div.widget_shopping_cart_content {text-align: left; display: block;}
div#sidebar div.widget_shopping_cart_content li.empty {text-align: center;}

div#sidebar div.widget_shopping_cart_content span.quantity, div#sidebar div.widget_shopping_cart_content p.total {display: block; width: auto;}
div#sidebar div.widget_shopping_cart_content p.buttons {padding: 10px 13px 0;}
div#widget_shopping_cart_content p.buttons .button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #maincontent input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #maincontent input.button, a span.read-more, #maincontent .wp-element-button
 {border-radius: 30px; background-color: #3d260f; padding: 20px 30px; border: none; color: #f6f5f3; font: italic bold 25px 'Source Sans Pro', Arial, serif; height: auto;  background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
transition: all .5s ease-in-out;
}
div.widget_shopping_cart_content p.buttons .button:hover, a span.read-more:hover  {color: #f6f5f3; background-color: #796755; }


a span.read-more {display: block; text-align: center; margin-top: 20px;}

   /*responsive tables*/
    #maincontent #tab-description table.big {display: block; position: relative; width: 100%; clear: both;}
    #maincontent #tab-description table.big thead {display: block; float: left; max-width: 120px;}
    #maincontent #tab-description table.big tbody {display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
    #maincontent #tab-description table.big thead tr {display: block;} 
    #maincontent #tab-description table.big thead tr td {text-align: left !important;}
    #maincontent #tab-description table.big thead tr.large-cell { display: none; }
   #maincontent #tab-description table.big tbody tr { display: inline-block; vertical-align: top; border-right: 1px solid rgba(0, 0, 0, 0.1); position: relative; }
   #maincontent #tab-description table.big th,  #maincontent #tab-description table.big td { display: block; min-height: 1.25em; }
   #maincontent #tab-description table.big td {padding: 6px 12px; line-height: 0.85em; border: none; vertical-align: top;}
   #wrapper  #maincontent #tab-description table.large-cells td {padding: 3px 12px; height: 40px;}




/*main shop*/
.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb {margin: 0 0 20px;}
body.single div.product {margin-top: 0;}

ul.products, ul.products li  {text-align: center;} 
.woocommerce div.product div.images, .woocommerce #maincontent div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #maincontent div.product div.images {width: 30%; background-color: #FFFFFF;
-webkit-box-shadow: 0px 0px 16px -9px #000;
-moz-box-shadow: 0px 0px 16px -9px #000;
-o-box-shadow: 0px 0px 16px -9px #000;
box-shadow: 0px 0px 16px -9px #000;}
.woocommerce div.product div.summary, .woocommerce #maincontent div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #maincontent div.product div.summary {margin-left: 5%; width: 65%;}
div.product p.price {margin: 30px 0;}
div.product_meta {margin-top: 10px;}

/*cart*/
#maincontent div.cross-sells h2 {font-size: 20px; margin-bottom: 0;}
#maincontent div.cross-sells ul {margin-left: 0;}
#maincontent div.cross-sells ul.products li {width: 40%;}
#maincontent div.coupon {background-color: #B5A390; text-align: center;}
div.cart-buttons {text-align: right; margin: 20px 0 30px;}
div.int-shipping {clear: both; float: right; width: 48%;}

/*my account*/

div.woocommerce p.myaccount_address {margin-bottom: 30px;}
#sidebar div.sidebar-user-page span.user img {width: 45px; height: auto; margin: 10px auto 0;}


/*banner */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
body div#container div#banner .flexslider {margin: 0; padding: 0; border-radius: none;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
body .slides:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
body .flexslider {margin: 0 0 60px; position: relative;  zoom: 1; border-radius: none;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../flexslider/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; margin-top: 20px; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
p.flex-caption {display: none;}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}




/*MEDIA QUERIES*/

@media screen and (min-width: 1025px) {
#content .sticky .textwidget, #content .sticky input, #content .sticky select, #content .sticky textarea {font-size: 18px; margin-top: 5px; margin-bottom: 5px; width: 91%;}
#content .sticky form.wpcf7-form p {margin: 10px auto;}
#content #sidebar-wrapper input.wpcf7-submit {  margin: 20px auto 0;}
}

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



 #page-container .row-container {
      position: relative;
      width: 17vw;
      height: 17vw;
      perspective: 1000px;
    }


/* Arrow setup */
    .arrow {
      position: absolute;
      width: 6vw;
      height: 6vw;
      background-size: contain;
      background-position: center;
      visibility: hidden;
      transform-origin: center;
      transition: transform 0.6s ease-in-out;
    }

  .arrow2 {

      right: -60%;
     
    }

body.single-product #page-container .wpcf7-form {width: 80%; margin-left: 10%;}

}

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

      div#header {margin-top: 20px;}

html body.et_cover_background { 
background-size: 2000px !important;
background-position: center 0;

 }


}


@media screen and (max-width: 1025px) {
   
    /* disable webkit text size adjust (for iPhone) */
  html {
    -webkit-text-size-adjust: none;
  }


#mae {  letter-spacing: 0.1em;
  word-spacing: 0.5em; 
}

#content .quotation-button-bottom {
display: block; width: 100%; 
  font-size: 20px; 
  border-radius: 3px;  
  -moz-border-radius: 3px; 
  -webkit-border-radius: 3px; 
  -o-border-radius: 3px; 
transition: all .5s ease-in-out;
text-align: center; 
position: fixed; bottom: 0; left: 0; 
-webkit-box-shadow: 0px 0px 16px -9px #000;
-moz-box-shadow: 0px 0px 16px -9px #000;
-o-box-shadow: 0px 0px 16px -9px #000;
box-shadow: 0px 0px 16px -9px #000;
-webkit-appearance: none;
background-color: #9ece7ded;
padding: 5px 0 12px;
z-index: 10;
text-transform: uppercase;
font-style: italic;
letter-spacing: .2em;
}




body img,  body tr  {max-width: 100%; height: auto;}
body input, body select, body textarea {max-width: 90%; height: auto;}

table, form table, table td div {width: 100% !important; margin: 0 auto;}

img {max-width: 100%; height: auto;}

img.thumb {max-width: 90%; height: auto;}
h1 {font-size: 30px; }
h2 {font-size: 24px;}
div.flexslider {margin-bottom: 0;}

div.flex-viewport {overflow: hidden !important; 
box-shadow: 0px 0px 30px 0px #404040;
-moz-box-shadow: 0px 0px 30px 0px #404040;
-webkit-box-shadow: 0px 0px 30px 0px #404040;
}

#main-wrapper {width: 94%; padding: 0 3%;}
#header {margin-top: 80px;}


#maincontent hr {margin: 40px -4.35%;
width: 108.73%;}
#content {width: 92%; padding: 40px 4% 60px;}
div.hentry, div#content div.product, div.blog-archive {width: 100%; margin-bottom: 40px; float: none;}

div.sharethis {margin-top: 0; position: absolute; top: 10px; right: 10px;}




#sidebar-wrapper {float: none; margin: 0; padding: 0; width: 100%; clear: both; right: 0; text-align: center; overflow: auto;}

#sidebar-wrapper hr.responsive {display: block; clear: both;}

#sidebar-wrapper .sidebar-widget, #sidebar-wrapper .sidebar-page {width: 100%; float: none; margin: 0 0 20px;}
   
nav #menu-icon, nav #acc-icon {display: block; position: relative; z-index: 99; }
nav #menu-icon.active a, nav #acc-icon.active a {padding-bottom: 5px;}
nav #menu-icon {text-transform: uppercase; text-align: center;}
nav #acc-icon {float: right;}
nav #menu-icon a, nav #acc-icon a {padding: 12px 20px 15px;  display: block; font: italic bold 20px 'Source Sans Pro', Arial, serif; color: #FFFFFF;  }
nav #menu-icon a:hover, nav #acc-icon a:hover {color: #bca269;}

div#your-account {display: none;}


#header div.navigation ul#main-menu, #header div.navigation ul#acc-menu {display: none; text-align: center;
margin-top: 0; 
position: absolute;
top: 54px;
z-index: 110;
padding:  0;
}

#header div.navigation {height: 53px; margin-top: 0;}
#header div.navigation ul#acc-menu {width: 40%; right: 0; }
#header div.navigation ul#main-menu {left: 20%; width: 60%;}
#header div.navigation ul {padding-top: 0; overflow: auto; }
#header div.navigation ul#main-menu span.navigation-bg, #header div.navigation ul#acc-menu span.navigation-bg {opacity: 0.95; display: block; }


#header div.navigation ul li {display: block; padding: 0; margin: 0; position: relative; z-index: 100;}
#header div.navigation ul li.last a {border-right: none;}
#header div.navigation ul li a {padding-top: 8px 0;  border-bottom: 1px solid  #E4E0CF;}
#header div.navigation ul li a:hover {display: block; width: 100%; height: 100%;  padding-left: 0; padding-right: 0;}  

#header div.navigation ul li#wpmenucartli a, #header div.navigation ul li#wpmenucartli a:hover {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; border-left: none;}

#header div.navigation ul ul.sub-menu, #header div.navigation ul ul.sub-menu li {position: relative; display: block; width: 100%; height: 100%; 
 -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}


#header div.navigation ul ul.sub-menu,
#header div.navigation ul ul.sub-menu ul.sub-menu{left: 0; top: 0; border: none; }

body.home div#icon-menu ul li {margin-left: 20px; margin-right: 20px;}
#footer div.navigation {margin: 20px 20px 0; text-align: center;}
#footer div.navigation ul li {margin: 0 10px;}
#footer div.navigation li a {margin-bottom: 20px; display: inline-block;}
img#footer-briquettes {width: 325px;}
#footer #copyright a, #footer #by a {margin-left: 0; } 

}


@media screen and (max-width: 981px) {
#mae { padding: 0 20px 5px; }

#turnwasteintovalue #slogan {font-size: 11vw;}

#page-container footer .et_pb_menu .et_pb_menu__menu > nav > ul {justify-content: unset  ; width: 100%; text-align: center; display: block; }

 #page-container footer .et_pb_menu .et_pb_menu__menu > nav > ul > li {display: inline-block;}







 #page-container .row-container {
      position: relative;
      width: 22vw;
      height: 22vw;
      perspective: 1000px;
    }


/* Arrow setup */
    .arrow {
      position: absolute;
      width: 8vw;
      height: 8vw;
      background-size: contain;
      background-position: center;
      visibility: hidden;
      transform-origin: center;
      transition: transform 0.6s ease-in-out;
    }



footer {position: relative; z-index: 1;  background-image: linear-gradient(180deg,rgba(43,135,218,0) 0%,#e1dbcd 44%,#b5a694 100%) !important;}



}

@media screen and (max-width: 770px) {
  #mae {  padding-left: 0;} 
 .woocommerce div#content div.product div.summary, .woocommerce-page div#content div.product div.summary { float: right; clear: none;}   
.woocommerce div#content div.product div.images, .woocommerce-page div#content div.product div.images {float: left;}    

   
}

@media screen and (max-width: 720px) {
   body {margin-top: 0;}

   div#logos {text-align: center; }



   #sidebar-wrapper .sidebar-widget hr {display: block; margin: 20px 0;}
#sidebar-wrapper hr.responsive {display: none;}

body.home div#icon-menu ul li {margin-left: 10px; margin-right: 10px; width: 160px;}
img#footer-briquettes {float: none; display: block; margin: 20px  auto 0; }
#wpmem_reg fieldset, #wpmem_login fieldset {width: 100%; padding: 0;}
#wpmem_reg, #wpmem_login {margin: 20px 0 0;}
#wpmem_reg .div_textarea textarea, #wpmem_reg .textbox, #wpmem_login .textbox, #wpmem_reg .username, #wpmem_login .username, #wpmem_reg .password, #wpmem_login .password, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_select, #wpmem_login .div_text, #wpmem_reg .button_div, #wpmem_login .button_div, #wpmem_reg label.text, #wpmem_reg label.checkbox, #wpmem_reg label.textarea, #wpmem_reg label.select, #wpmem_login label {width: 96%; float: none;}

#wpmem_reg .div_textarea textarea, #wpmem_reg .textbox, #wpmem_login .textbox, #wpmem_reg .username, #wpmem_login .username, #wpmem_reg .password, #wpmem_login .password, #recaptcha_response_field  {padding: 5px;}
}

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

   /*responsive tables*/
   #content table.responsive {display: block; position: relative; width: 100%; clear: both;}
   #content table.responsive thead {display: block; float: left; max-width: 120px;}
   #content table.responsive tbody {display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
   #content table.responsive thead tr {display: block;} 
   #content table.responsive thead tr td {text-align: left !important;}
   #content table.responsive thead tr.large-cell { display: none; }
  #content table.responsive tbody tr { display: inline-block; vertical-align: top; border-right: 1px solid rgba(0, 0, 0, 0.1); position: relative; }
  #content table.responsive th, #content table.responsive td { display: block; min-height: 1.25em; }
  #content table.responsive td {padding: 6px 12px; line-height: 1.25em; border: none; vertical-align: top;}
   #wrapper #content table.large-cells td {padding: 3px 12px; height: 40px;}


 
  
   .woocommerce table.my_account_orders th, .woocommerce table.my_account_orders td, .woocommerce-page table.my_account_orders th, .woocommerce-page table.my_account_orders td {padding: 6px 12px; line-height: 1.25em;}
   .woocommerce table.shop_table td, .woocommerce-page table.shop_table td {border: none;}
   #content table.my_account_orders {display: block; position: relative; width: 100%;}
   #content table.my_account_orders thead {display: block; float: left;}
   #content table.my_account_orders tbody {display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
   #content table.my_account_orders thead tr { display: block; }
  #content table.my_account_orders tbody tr { display: inline-block; vertical-align: top; border-right: 1px solid rgba(0, 0, 0, 0.1); position: relative;}
  #content table.my_account_orders th, #content table.my_account_orders td { display: block; min-height: 1.25em; }
  #content table.my_account_orders tbody td.order-actions a.button{  padding: 3px 8px; }
  
  #content table.cart {display: block; position: relative; width: 100%;}
   #content table.cart thead {display: block; float: left;}
   #content table.cart tbody {display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
   #content table.cart thead tr { display: block; }
  #content table.cart tbody tr { display: inline-block; vertical-align: top; border-right: 1px solid rgba(0, 0, 0, 0.1); position: relative;}
  #content table.cart th, #content table.cart td { display: block; min-height: 1.25em; }
  #content table.cart tbody td.order-actions a.button{ bottom: 2px;    padding: 3px 8px;    position: absolute;    right: 6px;}
  
  .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {float: none; width: 100%; clear: both;}
  .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {margin-top: 30px; padding-top: 10px;}
  .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator {width: 100%;}
  
  .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {float: none; width: 100%;}
  
  #content ul.products li {width: 45%;}
  form.login p.form-row {float: none; width: 90%;}


}




@media  (orientation: landscape) and (max-height: 800px) {
  #sidebar h2.wp-block-heading {margin: 0 0 10px;}

input, #wp-members input, input.text, input.title, #main-content input[type="email"], #main-content input[type="password"], #main-content input[type="tel"], #main-content input[type="text"], select, textarea {
  padding: 6px 4.5% !important;}




}




@media  (orientation: landscape) and (max-height: 650px) {
  #sidebar h2.wp-block-heading {margin: 0 0 10px;}

input, #wp-members input, input.text, input.title, #main-content input[type="email"], #main-content input[type="password"], #main-content input[type="tel"], #main-content input[type="text"], select, textarea {
  padding: 6px 4.5% !important;}


#sidebar {padding: 10px 16px 0px !important;  top: 66px !important;

    height: 80vh;
    overflow-y: auto;
}


}










@media screen and (max-width: 540px) {
    #content .woocommerce div.addresses div.address {display: block; float: none; margin-bottom: 20px; width: 100%;}
    #slogan {font-size: 12vw;}

#footer-blurbs   .et_pb_column {
    width: 90% !important;
    margin-bottom: 30px;
    margin-left: 5%;
    margin-right: 5%;}



#footer-blurbs .et_pb_module_header a {
  font-size: 7vw;
  text-align: center;
}

  }



@media screen and (max-width: 480px) {
  #mae  {  font-size: 4.5vw; } 

  #page-container .row-container {
      position: relative;
      width: 28vw;
      height: 28vw;
      perspective: 1000px;
    }



/* Arrow setup */
    .arrow {
      position: absolute;
      width: 15vw;
      height: 15vw;
      background-size: contain;
      background-position: center;
      visibility: hidden;
      transform-origin: center;
      transition: transform 0.6s ease-in-out;
    }

    .arrow1 {
background-image: url('images/arrow.png');
      left: 0%;
     top: -6px;
    }

  .arrow2 {
background-image: url('images/arrow.png');
      right: -65%;
      top: -6px;
     
    }


 /* Split animations */
    .split .image1 {
      visibility: visible;
      transform: translateX(-110%);
    }

    .split .image2-up {
      transform: translateX(0%);
    }

    .split .image3 {
      visibility: visible;
      transform: translateX(110%);
    }


  #page-container .flip3-stack {

  right: -110%;
}


   #main-wrapper {width: 100%; padding: 0;}
#turnwasteintovalue #slogan {font-size: 13vw;}
#page-container .et_pb_row .et_pb_column.et_pb_column_1_6 {
    width: 45% !important;
    margin: 0 2.5% 30px;}


.alignleft, .alignright  {float: none; margin-left: auto; margin-right: auto; display: block;}
.alignleft img, .alignright img {margin-left: auto; margin-right: auto; display: block; }
#header div.navigation ul#main-menu, #header div.navigation ul#acc-menu {width: 80%; left: 10%;}
#header div.navigation span.navigation-bg
 {
   border-radius: 0px;  
   -moz-border-radius: 0px; 
   -webkit-border-radius: 0px; 
   -o-border-radius: 0px;}
   





#maincontent ul.products li { position: relative; float: none; display: flex; flex-direction: column; vertical-align: top; width: 96%; margin: 30px 2%; background-color: #3d260f; padding: 0;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
-o-border-radius: 35px;
-webkit-box-shadow: 0px 0px 16px -9px #000;
-moz-box-shadow: 0px 0px 16px -9px #000;
-o-box-shadow: 0px 0px 16px -9px #000;
box-shadow: 0px 0px 16px -9px #000;



}



   
   /*gallery*/
   
body div.gallery {text-align: center;}
body dl.gallery-item {float: none !important; display: inline-block;  width: 40% !important; margin: 0 10px 20px; vertical-align: top;}
body div.gallery br {display: none;}


/*videos*/

#content iframe {width: 100% !important; height: 250px !important; margin-bottom: 30px;}
#sidebar iframe {width: 100% !important; height: auto !important; margin-bottom: 30px;}


#footer div.navigation ul li {display: block;}
#footer #copyright, #footer #by {text-align: center; margin-left: 10px; margin-right: 10px;}



body.single-product #page-container .wpcf7-form {width: 100%; margin-left: 0;}





}
@media screen and (max-width: 390px) {
#banner h1 {font-size: 40px;}
div#hotline, div#your-account, div#support {

  font-size: 4vw;
}
}


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

  span.starthere {  height: 79%;}
nav #menu-icon, nav #acc-icon {float: none; text-align: center; display: block;}
nav #menu-icon { border-bottom: 1px solid  #E4E0CF; }
#header div.navigation {height: auto;}
#header div.navigation ul#main-menu  {top: 53px; width: 100%; left: 0;}
#header div.navigation ul#acc-menu {top: 106px; width: 100%;}
body.home div#icon-menu ul li, div#icon-menu ul li {margin-left: 5px; margin-right: 5px; width: 120px;}
div#icon-menu ul li img, img.thumb {border-width: 7px;}
div#icon-menu ul li p.wp-caption-text {bottom: 10px;}

#content {    padding: 40px 1% 60px;    width: 98%;}
.content-bg {    left: 0;    right: 0;}


}


@media screen and (max-height: 700px) {
#content .sticky .textwidget, #content .sticky input, #content .sticky select, #content .sticky textarea {
  font-size: 2.5vh;}

#page-container #turn-waste-into-value-section {height: auto;}



}

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

#page-container .et_pb_section_2_tb_header.et_pb_section {padding-top: 0px;}

}

@media print  {
  body, #main-wrapper {width: 100%; color: #000000;}
  #header div.navigation, #sidebar-wrapper, div.sharethis, div.wpcf7, div#icon-menu, #footer div.navigation, #footer div#terms-nav, img#footer-briquettes, body #cookie-law-info-bar, div#your-account, div.enquiry-button, div.related, #header #starthere-banner, #support, #hotline, #your-account, .grecaptcha-badge, #enviro-project, #logo {display: none !important;}
    #print-mae {display: block;}
  #mae  {
    padding: 3px 20px 5px;
    display: block;
    font: italic bold 20px 'Source Sans Pro',Arial,serif;
        font-variant-caps: normal;
        font-variant-alternates: normal;
        font-variant-east-asian: normal;
        font-variant-ligatures: normal;
        font-variant-numeric: normal;
        font-variant-position: normal;
    color: #e1dbcd;
    position: relative;
    z-index: 99;
    text-transform: capitalize;
    font-variant: small-caps;
    letter-spacing: 0.1em;
    word-spacing: 0.2em;
}