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

  Layout Column

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 Base
----------------------------------------------------------------- */
#one_column,
#two_column_left,
#two_column_right,
#three_column{
clear:both;
margin:0 auto;
padding:0;
width:var(--lyt-width-container);
}

#one_column:after,
#two_column_left:after,
#two_column_right:after,
#three_column:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}

#one_column #add_Col,
#two_column_left #add_Col,
#two_column_right #add_Col,
#three_column #add_Col{
margin-bottom:20px;
width:var(--lyt-width-container);
}


/* ----------------------------------------------------------------
 One Column
----------------------------------------------------------------- */
#one_Column #main_Col{
width:var(--lyt-width-container);
}


/* ----------------------------------------------------------------
 Two Column
----------------------------------------------------------------- */
/* sub column right
----------------------------------------------------------------- */
#two_column_right #main_Col{
float:left;
width:var(--lyt-width-two-column-main);
}

#two_column_right #sub_Col{
float:right;
width:var(--lyt-width-two-column-sub);
}

/* sub column left
----------------------------------------------------------------- */
#two_column_left #main_Col{
float:right;
width:calc(var(--lyt-width-two-column-main) + 30px);
}

#two_column_left #sub_Col{
float:left;
width:calc(var(--lyt-width-two-column-sub) - 30px);
}


/* ----------------------------------------------------------------
 Three Column
----------------------------------------------------------------- */
#three_column #main_Col{
float:right;
margin:0 0 0 -760px;
padding:0 230px 0 0;
width:530px;
}

#three_column #sub_Col{
float:left;
width:180px;
}

#three_column #extra_Col{
float:right;
width:210px;
}

/*___________ delete background-image _____________*/
#container div.bg_none{
background-image:none;
}


/* ----------------------------------------------------------------
 Layout Flexible
----------------------------------------------------------------- */
.lyt-flexible#container,
.lyt-flexible #container{
padding:0;
width:auto;
min-width:var(--lyt-width-container);
}
.lyt-flexible#container #one_column,
.lyt-flexible #container #one_column {
padding:0;
width:auto;
min-width:var(--lyt-width-container);
}