/*

 * Custom code goes here.

 * A template should always ship with an empty custom.css

 */



ul.htmlcontent-home {

    display: flex;

    flex-flow: wrap;

}





/* PRICES WITH & WITHOUT TAX */

p.inline-block { display: inline-block; margin-left: 20px; }

.tax-patern { font-size:80%; }

p.product-without-taxes {margin-top: 5px;}

#wrapper #htmlcontent_displayHome {

    margin: 0;

    padding-top: 0;

    }

body#index.layout-full-width #content-wrapper {padding-top: 1rem;}     

main #slideshow {margin-bottom: 0rem;} 

.product-variants>.product-variants-item {

    float: left;

}

.product-add-to-cart {

    clear: both;

}

#header #_desktop_top_menu .top-menu[data-depth="1"] > li.cat-thumb {

min-height: 70px;

}

* {

  box-sizing: border-box;





}

* {

  box-sizing: border-box;



}

/* Create two equal columns that floats next to each other */

.column {

  float: left;

  width: 50%;

  padding: 10px;

  height: 400px; /* Should be removed. Only for demonstration */

}

/* Clear floats after the columns */

.row:after {

  content: "";

  display: table;

  clear: both;

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

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

  .column {

    width: 100%;

  }

}

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

{

.youtube-container{

  position: relative;

  width: 100%;

  padding-bottom: 56%; 

  height: 0;

}

.youtube-container iframe{

  position: absolute;

  top:0;

  left: 0;

  width: 100%;

  height: 100%;

}

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}

body{

    font-family: Helvetica;

    -webkit-font-smoothing: antialiased;

    background: rgba( 71, 147, 227, 1);

}

/* Table Styles */

.table-wrapper{

    margin: 10px 70px 70px;

    box-shadow: 0px 35px 50px rgba( 0, 0, 0, 0.2 );

}

.fl-table {

    border-radius: 5px;

    font-size: 16px;

    font-weight: normal;

    border: none;

    border-collapse: collapse;

    width: 100%;

    max-width: 100%;

    white-space: normal;

    background-color: white;

}

.fl-table td, .fl-table th {

    text-align: left;

    padding: 8px;

}

.fl-table td {

    border-right: 1px solid #f8f8f8;

    font-size: 14px;

}

.fl-table thead th {

    color: #ffffff;

    background: #fbb821;

}

.fl-table thead th:nth-child(odd) {

    color: #ffffff;

    background: #fbb821;

}

.fl-table tr:nth-child(even) {

    background: #F8F8F8;

}

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

{

.table-wrapper{

    margin: 0px 0px 0px;

    box-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.2 );

.fl-table{

white-space: normal;

}