/* NEW CODE */


.lgbx_bt_menu
{

}

.lgbx_bt_menu, .lgbx_bt_menu_special
{
    webkit-transition: border-color 0.5s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: border-color 0.5s ease-in-out, background-color 0.25s ease-in-out;
    transition: border-color 0.5s ease-in-out, background-color 0.25s ease-in-out;
}

.lgbx_bt_menu_special > span
{
    webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

/* BT COMMON */

.lgbx_bt_menu, .lgbx_bt_menu_special
{
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 6em;
    line-height: 6em;
    padding-left: 2.5em;
    padding-right: 2.5em;
    border-radius: 6px;
    cursor: pointer;
}

.lgbx_bt_menu
{
    background-color: rgba(0, 0, 0, 0);
}

.lgbx_bt_menu_special
{
    border-width: 1px;
    border-style: solid;
    border-color: #2b9ecc;
    background-color: #33bcf2;
}

.lgbx_bt_menu:hover
{
    background-color: rgba(0, 0, 0, 0.05);
}

.lgbx_bt_menu_special:hover
{
    border-color: #2894bf;
    background-color: #2faee0;
}

.lgbx_bt_menu_special > span
{
    color: #FFFFFF;
}

.lgbx_bt_menu:not(:first-child) > span:before
{
    content: '';
    position: absolute;
    display: inline-block;
    width:0;
    height: 20px;
    border-right: 1px solid rgba(0, 0, 0, 0.15);

    left:-1px;
    top:20px;
}

.lgbx_bt_menu[data-short-menu] > span:before
{
    content: none;
}

.lgbx_bt_menu[data-short-menu]
{

    position: absolute;
    top:0;
    right:0;
    display: none;

}

div[data-menu-short=true] > .lgbx_bt_menu:not([data-short-menu])
{
    display: none;
}

div[data-menu-short=true] > .lgbx_bt_menu[data-short-menu]
{
    display: block;
}

.bkgCol_rgba_0 { background-color: rgba(0, 0, 0, 0); }

.hov_bkg_col05p, .hov_bkg_col15p
{
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
}

.hov_bkg_col05p:hover {background-color: rgba(0, 0, 0, 0.05);}
.hov_bkg_col15p:hover {background-color: rgba(0, 0, 0, 0.05);}

.bx_button
{
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 6em;
    line-height: 6em;
    padding-left: 2.5em;
    padding-right: 2.5em;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    background-color: #FFFFFF;
    border-color: #D9D9D9;

    webkit-transition: border-color 0.5s ease-in-out, background-color 0.25s ease-in-out;
    -moz-transition: border-color 0.5s ease-in-out, background-color 0.25s ease-in-out;
    transition: border-color 0.5s ease-in-out, background-color 0.25s ease-in-out;
}

.bx_button:hover
{
    background-color: #F5F5F5;
    border-color: #D9D9D9;
}

.bx_button.bt_style_blue {
    border-color: #2b9ecc;
    background-color: #33bcf2;
}

.bx_button.bt_style_blue:hover {
    border-color: #2894bf;
    background-color: #2faee0;
}



/* Footer related stuff */

a.foot_link
{
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    color: #888888;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
    transition: background-color .25s ease-in-out, color .25s ease-in-out;
}

a.foot_link[onclick]
{
    cursor: pointer;
}

a.foot_link:hover
{
    background-color: rgba(0, 0, 0, 0.05);
    color: #555555;
}

a.foot_link_img
{
    display: inline-block;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0.66;
    -webkit-transition: background-color .25s ease-in-out, opacity .25s ease-in-out;
    transition: background-color .25s ease-in-out, opacity .25s ease-in-out;
}

a.foot_link_img img {
    border: none;
}

a.foot_link_social
{
    display: inline-block;
    height: 6em;
    width: 25%;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0.66;
    -webkit-transition: background-color .25s ease-in-out, opacity .25s ease-in-out;
    transition: background-color .25s ease-in-out, opacity .25s ease-in-out;
    text-decoration: none;
    vertical-align: top;
}

a.foot_link_img:hover, a.foot_link_social:hover
{
    background-color: rgba(0, 0, 0, 0.05);
    opacity: 1;
}

.footer_social_box
{
    width: 30em;
    display: inline-block;
    border: 1px solid #CDCDCD;
    border-radius: 6px;
}

.fxt_2x1f_1024, .fxt_x4f, .fxt_x3f_hack
{
    display: inline-block;

    -webkit-flex-grow: 0;
    -webkit-flex-shrink: 0;
    -webkit-justify-content: center;

    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;

    position: relative;
}

.footer_link_content
{
    max-height: 100em;
    padding-bottom: 2em;

    -webkit-transition: max-height .25s ease-in-out, padding-bottom .25s ease-in-out;
    transition: max-height .25s ease-in-out, padding-bottom .25s ease-in-out;
}

.footer_link_set_box { overflow: hidden; }
.footer_toggle_icon                                         { background-image: url(/img/icons/svg/drop_d_b.svg); }
.footer_link_set_box[data-is-open=true] .footer_toggle_icon { background-image: url(/img/icons/svg/drop_u_b.svg); }
.footer_link_set_label
{
    background-color: rgba(0,0,0, 0);
    transition: background-color 0.25s ease-in-out;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
}

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

@media screen and (min-width: 1px) and (max-width: 767px)
{
    .vlh_54 { line-height: 3.8em; }
    .vlh_50 { line-height: 3.2em; }
    .vlh_40 { line-height: 2.4em; }
    .vlh_30 { line-height: 2.6em; }
    .vlh_20 { line-height: 2.4em; }
    .vlh_16 { line-height: 1.4em; }

    span.vfnt_54 { font-size: 3.6em; }
    span.vfnt_50 { font-size: 3em; }
    span.vfnt_40 { font-size: 2.4em; }
    span.vfnt_30 { font-size: 2.4em; }
    span.vfnt_20 { font-size: 1.8em; }
    span.vfnt_16 { font-size: 1.4em; }

    .fxt_x4f, .fxt_x3f_hack
    {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
    .fxt_2x1f_1024  { display:block; width:100%; }
    .foot_icon_box { margin-top: 2em; }

    .footer_link_set_label { cursor: pointer; }
    .footer_link_set_label:hover { background-color: rgba(0,0,0, 0.05); }

    .foot_icon_box { margin-top: 2em; }
    .foot_link_img { margin-bottom: 1em; }
    .footer_link_set_box { border-bottom: 1px solid rgba(0,0,0, 0.15); }
    .footer_link_set_label { height: 6em; line-height: 6em; }
    .footer_link_set_box:not([data-is-open=true]) .footer_link_content { max-height: 0; padding-bottom: 0; }
    a.foot_link { line-height: 3em; }
}

@media screen and (min-width: 768px) and (max-width: 1199px)
{
    .vlh_54 { line-height: 5.6em; }
    .vlh_50 { line-height: 4.2em; }
    .vlh_40 { line-height: 3.4em; }
    .vlh_30 { line-height: 3.2em; }
    .vlh_20 { line-height: 2.4em; }
    .vlh_16 { line-height: 1.8em; }

    span.vfnt_54 { font-size: 5.4em; }
    span.vfnt_50 { font-size: 4.2em; }
    span.vfnt_40 { font-size: 3.4em; }
    span.vfnt_30 { font-size: 3em; }
    span.vfnt_20 { font-size: 1.8em; }
    span.vfnt_16 { font-size: 1.6em; }

    .fxt_x4f
    {
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
    }
    .fxt_x3f_hack
    {
        -webkit-flex-basis: 33%;
        flex-basis: 33%;
    }
    .fxt_2x1f_1024  { display:block; width:100%; }

    .foot_link_img { margin-right: 2em; }
    .footer_toggle_icon {display: none;}
    .foot_icon_box { text-align: center; margin-top: 4em; }
}

@media screen and (min-width: 1200px)
{
    .vlh_54 { line-height: 5.6em; }
    .vlh_50 { line-height: 5.2em; }
    .vlh_40 { line-height: 4em; }
    .vlh_30 { line-height: 3.2em; }
    .vlh_20 { line-height: 2.6em; }
    .vlh_16 { line-height: 1.8em; }

    span.vfnt_54 { font-size: 5.4em; }
    span.vfnt_50 { font-size: 5em; }
    span.vfnt_40 { font-size: 4em; }
    span.vfnt_30 { font-size: 3em; }
    span.vfnt_20 { font-size: 2em; }
    span.vfnt_16 { font-size: 1.6em; }

    .fxt_x4f
    {
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
    }
    .fxt_x3f_hack
    {
        -webkit-flex-basis: 33%;
        flex-basis: 33%;
    }
    .fxt_2x1f_1024:nth-child(odd)
    {
        -webkit-flex-basis: calc( 100% - 30em);
        flex-basis: calc( 100% - 30em);
    }
    .fxt_2x1f_1024:nth-child(even)
    {
        -webkit-flex-basis: 30em;
        flex-basis: 30em;
    }

    a.foot_link { line-height: 2.4em; }
    .footer_toggle_icon { display: none; }
    .footer_link_set_label { margin-bottom: 0.5em; }
}

/*
====================================

====================================
*/

@media screen and (min-width: 1px) and (max-width: 320px)
{
    .bx_footer_box { width: 30em; }
}

@media screen and (min-width: 321px) and (max-width: 460px)
{
    .bx_footer_box { width: 30em; }
}

@media screen and (min-width: 461px) and (max-width: 640px)
{
    .bx_footer_box { width: 30em; }
}

@media screen and (min-width: 641px) and (max-width: 767px)
{
    .bx_footer_box { width: 30em; }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .bx_footer_box { width: 68.8em; }

    .footer_link_set_label { margin-bottom: 0.5em; }

    a.foot_link { line-height: 2.4em; }
}

@media screen and (min-width: 1024px) and (max-width: 1199px)
{
    .bx_footer_box { width: 86.4em; }
}

@media screen and (min-width: 1200px) and (max-width: 1360px)
{
    .bx_footer_box { width: 112em; }
}

@media screen and (min-width: 1361px) and (max-width: 1640px)
{
    .bx_footer_box { width: 120em; }

}

@media screen and (min-width: 1641px)
{
    .bx_footer_box { width: 120em; }

}