#wrap [data-border_style]
{
    position: relative;
}
#wrap [data-border_style="0"]
{
    max-width: -webkit-calc(100% - 0.5714em - 0.5714em);
    max-width: calc(100% - 0.5714em - 0.5714em);
    /*max-height: -webkit-calc(100% - 0.5em - 0.5em);
    max-height: calc(100% - 0.5em - 0.5em);*/
    margin: 0.5em auto;

    min-height: 1em;
    min-width: 2em;

    -o-border-image-source: url('../images/ui/borders/ng_border_0.png');
    -o-border-image-slice: 18 18 18 18 fill;
    -o-border-image-width: 1.2857em 1.2857em 1.2857em 1.2857em;
    -o-border-image-outset: 0.5em 0.5714em 0.5em 0.5714em;
    -o-border-image-repeat: stretch stretch;

    -moz-border-image-source: url('../images/ui/borders/ng_border_0.png');
    -moz-border-image-slice: 18 18 18 18 fill;
    -moz-border-image-width: 1.2857em 1.2857em 1.2857em 1.2857em;
    -moz-border-image-outset: 0.5em 0.5714em 0.5em 0.5714em;
    -moz-border-image-repeat: stretch stretch;

    -webkit-border-image-source: url('../images/ui/borders/ng_border_0.png');
    -webkit-border-image-slice: 18 18 18 18 fill;
    -webkit-border-image-width: 1.2857em 1.2857em 1.2857em 1.2857em;
    -webkit-border-image-outset: 0.5em 0.5714em 0.5em 0.5714em;
    -webkit-border-image-repeat: stretch stretch;

    border-image-source: url('../images/ui/borders/ng_border_0.png');
    border-image-slice: 18 18 18 18 fill;
    border-image-width: 1.2857em 1.2857em 1.2857em 1.2857em;
    border-image-outset: 0.5em 0.5714em 0.5em 0.5714em;
    border-image-repeat: stretch stretch;
}
#wrap [data-border_style="1"]
{
    max-width: -webkit-calc(100% - 1.7857em - 2.2857em);
    max-width: calc(100% - 1.7857em - 2.2857em);
    /*max-height: -webkit-calc(100% - 1.4285em - 1.9285em);
    max-height: calc(100% - 1.4285em - 1.9285em);*/
    margin: 1.4285em auto 1.9285em auto;

    min-height: 4em;
    min-width: 5em;

    -o-border-image-source: url('../images/ui/borders/ng_border_1.png');
    -o-border-image-slice: 66 92 66 92 fill;
    -o-border-image-width: 4.7142em 6.5714em 4.7142em 6.5714em;
    -o-border-image-outset: 1.4285em 1.7857em 1.9285em 2.2857em;
    -o-border-image-repeat: stretch stretch;

    -moz-border-image-source: url('../images/ui/borders/ng_border_1.png');
    -moz-border-image-slice: 66 92 66 92 fill;
    -moz-border-image-width: 4.7142em 6.5714em 4.7142em 6.5714em;
    -moz-border-image-outset: 1.4285em 1.7857em 1.9285em 2.2857em;
    -moz-border-image-repeat: stretch stretch;

    -webkit-border-image-source: url('../images/ui/borders/ng_border_1.png');
    -webkit-border-image-slice: 66 92 66 92 fill;
    -webkit-border-image-width: 4.7142em 6.5714em 4.7142em 6.5714em;
    -webkit-border-image-outset: 1.4285em 1.7857em 1.9285em 2.2857em;
    -webkit-border-image-repeat: stretch stretch;

    border-image-source: url('../images/ui/borders/ng_border_1.png');
    border-image-slice: 66 92 66 92 fill;
    border-image-width: 4.7142em 6.5714em 4.7142em 6.5714em;
    border-image-outset: 1.4285em 1.7857em 1.9285em 2.2857em;
    border-image-repeat: stretch stretch;
}
#wrap [data-border_style="2"]
{
    max-width: -webkit-calc(100% - 1.5em - 1.6428em);
    max-width: calc(100% - 1.5em - 1.6428em);
    /*max-height: -webkit-calc(100% - 1.5714em - 2em);
    max-height: calc(100% - 1.5714em - 2em);*/
    margin: 1.5714em auto 2em auto;

    min-height: 4em;
    min-width: 4em;

    -o-border-image-source: url('../images/ui/borders/ng_border_2.png');
    -o-border-image-slice: 50 50 50 50 fill;
    -o-border-image-width: 3.5714em 3.5714em 3.5714em 3.5714em;
    -o-border-image-outset: 1.5714em 1.6428em 2em 1.5em;
    -o-border-image-repeat: stretch stretch;

    -moz-border-image-source: url('../images/ui/borders/ng_border_2.png');
    -moz-border-image-slice: 50 50 50 50 fill;
    -moz-border-image-width: 3.5714em 3.5714em 3.5714em 3.5714em;
    -moz-border-image-outset: 1.5714em 1.6428em 2em 1.5em;
    -moz-border-image-repeat: stretch stretch;

    -webkit-border-image-source: url('../images/ui/borders/ng_border_2.png');
    -webkit-border-image-slice: 50 50 50 50 fill;
    -webkit-border-image-width: 3.5714em 3.5714em 3.5714em 3.5714em;
    -webkit-border-image-outset: 1.5714em 1.6428em 2em 1.5em;
    -webkit-border-image-repeat: stretch stretch;

    border-image-source: url('../images/ui/borders/ng_border_2.png');
    border-image-slice: 50 50 50 50 fill;
    border-image-width: 3.5714em 3.5714em 3.5714em 3.5714em;
    border-image-outset: 1.5714em 1.6428em 2em 1.5em;
    border-image-repeat: stretch stretch;
}
#wrap [data-border_style="3"]
{
    max-width: -webkit-calc(100% - 13.8571em - 13.8571em);
    max-width: calc(100% - 13.8571em - 13.8571em);
    /*max-height: -webkit-calc(100% - 12.9285em - 12.9285em);
    max-height: calc(100% - 12.9285em - 12.9285em);*/
    margin: 12.9285em auto;

    min-height: 4em;
    min-width: 4em;

    -o-border-image-source: url('../images/ui/borders/ng_border_3.png');
    -o-border-image-slice: 181 194 181 194 fill;
    -o-border-image-width: 12.9285em 13.8571em 12.9285em 13.8571em;
    -o-border-image-outset: 12.9285em 13.8571em 12.9285em 13.8571em;
    -o-border-image-repeat: repeat repeat;

    -moz-border-image-source: url('../images/ui/borders/ng_border_3.png');
    -moz-border-image-slice: 181 194 181 194 fill;
    -moz-border-image-width: 12.9285em 13.8571em 12.9285em 13.8571em;
    -moz-border-image-outset: 12.9285em 13.8571em 12.9285em 13.8571em;
    -moz-border-image-repeat: repeat repeat;

    -webkit-border-image-source: url('../images/ui/borders/ng_border_3.png');
    -webkit-border-image-slice: 181 194 181 194 fill;
    -webkit-border-image-width: 12.9285em 13.8571em 12.9285em 13.8571em;
    -webkit-border-image-outset: 12.9285em 13.8571em 12.9285em 13.8571em;
    -webkit-border-image-repeat: repeat repeat;

    border-image-source: url('../images/ui/borders/ng_border_3.png');
    border-image-slice: 181 194 181 194 fill;
    border-image-width: 12.9285em 13.8571em 12.9285em 13.8571em;
    border-image-outset: 12.9285em 13.8571em 12.9285em 13.8571em;
    border-image-repeat: repeat repeat;
}

#wrap [data-border_style="4"]
{
    max-width: -webkit-calc(100% - 1.2142em - 1.2142em);
    max-width: calc(100% - 1.2142em - 1.2142em);
    margin: 1.0714em auto 1.1428em auto;

    min-height: 8.4285em;
    min-width: 8.4285em;

    -o-border-image-source: url('../images/ui/borders/ng_border_4.png');
    -o-border-image-slice: 59 59 59 59 fill;
    -o-border-image-width: 4.2142em 4.2142em 4.2142em 4.2142em;
    -o-border-image-outset: 1.0714em 1.2142em 1.1428em 1.2142em;
    -o-border-image-repeat: stretch stretch;

    -moz-border-image-source: url('../images/ui/borders/ng_border_4.png');
    -moz-border-image-slice: 59 59 59 59 fill;
    -moz-border-image-width: 4.2142em 4.2142em 4.2142em 4.2142em;
    -moz-border-image-outset: 1.0714em 1.2142em 1.1428em 1.2142em;
    -moz-border-image-repeat: stretch stretch;

    -webkit-border-image-source: url('../images/ui/borders/ng_border_4.png');
    -webkit-border-image-slice: 59 59 59 59 fill;
    -webkit-border-image-width: 4.2142em 4.2142em 4.2142em 4.2142em;
    -webkit-border-image-outset: 1.0714em 1.2142em 1.1428em 1.2142em;
    -webkit-border-image-repeat: stretch stretch;

    border-image-source: url('../images/ui/borders/ng_border_4.png');
    border-image-slice: 59 59 59 59 fill;
    border-image-width: 4.2142em 4.2142em 4.2142em 4.2142em;
    border-image-outset: 1.0714em 1.2142em 1.1428em 1.2142em;
    border-image-repeat: stretch stretch;
}
#wrap [data-border_style="5"]
{
    max-width: -webkit-calc(100% - 2em - 2em);
    max-width: calc(100% - 2em - 2em);
    margin: 2em auto 2em auto;

    min-height: 17em;
    min-width: 17em;

    -o-border-image-source: url('../images/ui/borders/ng_border_5.png');
    -o-border-image-slice: 310 300 310 300 fill;
    -o-border-image-width: 11.4285em 10.7142em 11.4285em 10.7142em;
    -o-border-image-outset: 3.2em 2.5em 3.5em 2.5em;
    -o-border-image-repeat: stretch stretch;

    -moz-border-image-source: url('../images/ui/borders/ng_border_5.png');
    -moz-border-image-slice: 310 300 310 300 fill;
    -moz-border-image-width: 11.4285em 10.7142em 11.4285em 10.7142em;
    -moz-border-image-outset: 3.2em 2.5em 3.5em 2.5em;
    -moz-border-image-repeat: stretch stretch;

    -webkit-border-image-source: url('../images/ui/borders/ng_border_5.png');
    -webkit-border-image-slice: 310 300 310 300 fill;
    -webkit-border-image-width: 11.4285em 10.7142em 11.4285em 10.7142em;
    -webkit-border-image-outset: 3.2em 2.5em 3.5em 2.5em;
    -webkit-border-image-repeat: stretch stretch;

    border-image-source: url('../images/ui/borders/ng_border_5.png');
    border-image-slice: 310 300 310 300 fill;
    border-image-width: 11.4285em 10.7142em 11.4285em 10.7142em;
    border-image-outset: 3.2em 2.5em 3.5em 2.5em;
    border-image-repeat: stretch stretch;
}

#wrap [data-border_style="6"]
{
    max-width: -webkit-calc(100% - 1.5em - 1.5em);
    max-width: calc(100% - 1.5em - 1.5em);
    margin: 0 auto 0 auto;

    min-height: 5em;
    min-width: 5em;

    -o-border-image-source: url('../images/ui/borders/ng_border_6.png');
    -o-border-image-slice: 0 42 0 42 fill;
    -o-border-image-width: 0 1.5em 0 1.5em;
    -o-border-image-outset: 0 1.3571em 0 1.5em;
    -o-border-image-repeat: repeat repeat;

    -moz-border-image-source: url('../images/ui/borders/ng_border_6.png');
    -moz-border-image-slice: 0 42 0 42 fill;
    -moz-border-image-width: 0 1.5em 0 1.5em;
    -moz-border-image-outset: 0 1.3571em 0 1.5em;
    -moz-border-image-repeat: repeat repeat;

    -webkit-border-image-source: url('../images/ui/borders/ng_border_6.png');
    -webkit-border-image-slice: 0 42 0 42 fill;
    -webkit-border-image-width: 0 1.5em 0 1.5em;
    -webkit-border-image-outset: 0 1.3571em 0 1.5em;
    -webkit-border-image-repeat: repeat repeat;

    border-image-source: url('../images/ui/borders/ng_border_6.png');
    border-image-slice: 0 42 0 42 fill;
    border-image-width: 0 1.5em 0 1.5em;
    border-image-outset: 0 1.3571em 0 1.5em;
    border-image-repeat: repeat repeat;
}



/*Цветовые схемы*/
#wrap[data-theme="dark"] [data-border_style="0"]
{
    -o-border-image-source: url('../images/ui/themes/dark/borders/ng_border_0.png');
    -moz-border-image-source: url('../images/ui/themes/dark/borders/ng_border_0.png');
    -webkit-border-image-source: url('../images/ui/themes/dark/borders/ng_border_0.png');
    border-image-source: url('../images/ui/themes/dark/borders/ng_border_0.png');
}
#wrap[data-theme="dark"] [data-border_style="1"]
{
    -o-border-image-source: url('../images/ui/themes/dark/borders/ng_border_1.png');
    -moz-border-image-source: url('../images/ui/themes/dark/borders/ng_border_1.png');
    -webkit-border-image-source: url('../images/ui/themes/dark/borders/ng_border_1.png');
    border-image-source: url('../images/ui/themes/dark/borders/ng_border_1.png');
}
#wrap[data-theme="dark"] [data-border_style="2"]
{
    -o-border-image-source: url('../images/ui/themes/dark/borders/ng_border_2.png');
    -moz-border-image-source: url('../images/ui/themes/dark/borders/ng_border_2.png');
    -webkit-border-image-source: url('../images/ui/themes/dark/borders/ng_border_2.png');
    border-image-source: url('../images/ui/themes/dark/borders/ng_border_2.png');
}
#wrap[data-theme="dark"] [data-border_style="3"]
{
    -o-border-image-source: url('../images/ui/themes/dark/borders/ng_border_3.png');
    -moz-border-image-source: url('../images/ui/themes/dark/borders/ng_border_3.png');
    -webkit-border-image-source: url('../images/ui/themes/dark/borders/ng_border_3.png');
    border-image-source: url('../images/ui/themes/dark/borders/ng_border_3.png');
}
#wrap[data-theme="dark"] [data-border_style="4"]
{
    -o-border-image-source: url('../images/ui/themes/dark/borders/ng_border_4.png');
    -moz-border-image-source: url('../images/ui/themes/dark/borders/ng_border_4.png');
    -webkit-border-image-source: url('../images/ui/themes/dark/borders/ng_border_4.png');
    border-image-source: url('../images/ui/themes/dark/borders/ng_border_4.png');
}
#wrap[data-theme="dark"] [data-border_style="5"]
{
    -o-border-image-source: url('../images/ui/themes/dark/borders/ng_border_5.png');
    -moz-border-image-source: url('../images/ui/themes/dark/borders/ng_border_5.png');
    -webkit-border-image-source: url('../images/ui/themes/dark/borders/ng_border_5.png');
    border-image-source: url('../images/ui/themes/dark/borders/ng_border_5.png');
}
#wrap[data-theme="dark"] [data-border_style="6"]
{
    -o-border-image-source: url('../images/ui/themes/dark/borders/ng_border_6.png');
    -moz-border-image-source: url('../images/ui/themes/dark/borders/ng_border_6.png');
    -webkit-border-image-source: url('../images/ui/themes/dark/borders/ng_border_6.png');
    border-image-source: url('../images/ui/themes/dark/borders/ng_border_6.png');
}