﻿/*! qik_element.css | v171121-2047 Copyright QikCss 2010 - 2016 | MIT License | http://QikCss.com  */
/* qik_element.css is a collection of peconfigured containers to control uniform content presentation over multiple browsers  */
/* Making changes to qik_element.css is not recommended. */
/* Use qik_theme.css to extend/override/style. */

/*#region - ELEMENT - */
/*===================================================ELEMENT */

audio {
    display: inline-block;
    vertical-align: baseline;
}

br {
    line-height: 1.43em;
    overflow: hidden;
}

/*#region -  BUTTON  - */
button, input.btn, a.btn, .navMblBtn, .xxnavMblBtnLable  {
    display: inline-block;
    background-color: #f4f4f4;
    line-height: 1.5em;
    font-size: .9em;
    font-weight: normal;
    color: #2e2e2e;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    margin: 5px 0;
    padding: 7px 10px;
    border: #d9d9d9 1px solid;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.before:before {
    content: "\0020";
    text-align: left;
    font-size: .9em;
    color: #575353;
}

.after:after {
    content: "\0020";
    text-align: right;
    font-size: .9em;
    color: #575353;
}

.iconChvrn {
    content: "\0020\226B";
}

.iconChvrnDbl {
    content: "\0020\226B";
}

.navMblBtnLable {
    content: "menu";
}

button:hover, input.btn:hover, a.btn:hover,
button:focus, input.btn:focus, a.btn:focus,
button:active, input.btn:active, a.btn:active
.menuBtn:hover, .menuBtnLable:hover {
    color: #000;
    background-color: #f6f3eb !important;
    border-color: #b5aaa3 !important;
    text-decoration: none;
}

button[disabled] {
    cursor: default;
    -ms-opacity: .6;
    opacity: .6;
}


button.xLrg, .btn.xLrg {
    padding: 10px 16px;
    font-size: 22px;
    line-height: 1.6;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

button.lrg, .btn.lrg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33em;
    -ms-border-radius: 6px;
    border-radius: 6px;
}

button.sml, button.small, .btn.sml, .btn.small,
button.smlr, button.smaller, .btn.smlr, .btn.smaller,
button.xSml, button.xSmall, .btn.xSml, .btn.xSmall {
    padding: 4px 9px;
    font-size: 11px;
    line-height: 1.5em;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

button.smlr, button.smaller, .btn.smlr, .btn.smaller {
    padding: 2px 5px;
}

button.xSml, button.xSmall, .btn.xSml, .btn.xSmall {
    padding: 1px 5px;
}

button.danger, .btn.danger {
    background: #f6b4b3;
    color: #ac403e;
}

button.error, .btn.error {
    background: #f47474;
    color: #ea0000;
}

button.info, .btn.info {
    background: #b1ddf3;
    color: #31799c;
}

button.mute, .btn.mute, button.disable, .btn.disable {
    background: #f2f2f2;
    color: #cfcfcf;
}

button.primary, .btn.primary {
    background: #b2d5f3;
    color: #377db9;
}

button.success, .btn.success {
    background: #b0f3b1;
    color: #39793a;
}

button.warn, .btn.warn {
    background: #f3cbaf;
    color: #b18a47;
}

/*#endregion */


canvas {
    display: inline-block;
    vertical-align: baseline;
}


/*#region -  FORM  - */

fieldset {
    margin: .5em;
    padding: .5em;
    border: 1px solid #c0c0c0;
}

.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

form {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

/*#endregion */


footer, #Footer {
    background-color: #fff;
    font-size: .9em;
    color: #565656;
}


hr {
    width: 95%;
    height: 1px;
    position: relative;
    vertical-align: middle;
    color: #D6D6D6;
    margin: .5em auto;
    padding: 0;
    border-top: 1px solid #8f8f8f;
}

    hr.style3 {
        height: .8em;
        background-color: #333;
    }

    hr.style6 {
        height: .8em;
        background-color: #666;
    }

    hr.style9 {
        height: .8em;
        background-color: #999;
    }

    hr.styleC {
        height: .8em;
        background-color: #ccc;
    }

    hr.styleE {
        height: .8em;
        background-color: #eee;
    }

    hr.styleF {
        height: .8em;
        background-color: #fff;
    }


header, #Header {
    background-color: #fff;
    font-size: 1.1em;
    color: #565656;
}

iframe {
    position: relative;
    width: 100% !important;
    max-width: 100%;
    position: relative;
    top: 0;
    bottom: 0;
}

img, .img {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    vertical-align: middle;
    border: 0;
}

    img.descrpt {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        color: #595D61;
        visibility: hidden;
        -ms-opacity: 0;
        opacity: 0;
        margin: 0;
        padding: 2.5%;
    }

    img.thumb {
        display: inline-block;
        height: auto;
        padding: 4px;
        line-height: 1.43em;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        img.hvr:hover, img.descrpt:hover, img.thumb:hover {
            visibility: visible;
            -ms-opacity: 1;
            opacity: 1;
        }


/*#region -  INPUT  - */

input {
    width: 95%;
    max-width: 1024px;
    line-height: 1em;
    font-weight: normal;
    color: inherit;
    font: inherit;
    -ms-border-radius: 4px 4px;
    border-radius: 4px 4px;
    -webkit-transition: all linear 200ms;
    -moz-transition: all linear 200ms;
    -ms-transition: all linear 200ms;
    -o-transition: all linear 200ms;
    transition: all linear 200ms;
    margin: .3em auto;
    padding: .3em;
    border: 1px solid #d9d9d9;
}

    input[type=text],
    input[type=text-area],
    input[type=password],
    textarea {
        background-color: #ffffff;
        border: 1px solid #cccccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
        -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
        -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
        transition: border linear 0.2s, box-shadow linear 0.2s;
    }

        input[type=text]:focus,
        input[type=text-area]:focus,
        input[type=password]:focus,
        textarea:focus {
            border-color: rgba(82, 168, 236, 0.8);
            outline: 0;
            outline: thin dotted \9;
            /* IE6-9 */
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        }

    input.btn, input[type=button], input[type=reset], input[type=submit] {
        width: auto;
        display: inline-block;
        background-color: #f9f9f9;
        line-height: 1.2em;
        font-size: .9em;
        font-weight: normal;
        color: #2e2e2e;
        text-align: center;
        text-decoration: none;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        margin: 5px 0;
        padding: 7px 10px;
        border: #d9d9d9 1px solid;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

        input.btn:hover, input[type=button]:hover,
        input.btn:hover, input[type=button]:focus,
        input.btn:hover, input[type=button].active {
            color: #000 !important;
            background-color: #f6f3eb !important;
            border-color: #b5aaa3 !important;
            text-decoration: none;
        }

    input[type="checkbox"], input[type="radio"] {
        width: auto;
        line-height: inherit;
        padding: .3em;
    }

        input[type="checkbox"].chkdShdwGrn:checked, input[type="radio"].chkdShdwGrn:checked {
            width: auto;
            line-height: inherit;
            padding: .3em;
            -webkit-box-shadow: 0 0 8px 1.5px greenyellow;
            -ms-box-shadow: 0 0 8px 1.5px greenyellow;
            box-shadow: 0 0 8px 1.5px greenyellow;
            color: green !important;
        }

        input[type="checkbox"].chkdShdwRed:checked, input[type="radio"].chkdShdwRed:checked {
            width: auto;
            line-height: inherit;
            padding: .3em;
            -webkit-box-shadow: 0 0 6px 1px rgba(254, 11, 6, 0.75);
            -ms-box-shadow: 0 0 6px 1px rgba(254, 11, 6, 0.75);
            box-shadow: 0 0 6px 1px rgba(254, 11, 6, 0.75);
            color: red;
        }

        input[type="checkbox"].chkdShdwBlu:checked, input[type="radio"].chkdShdwBlu:checked {
            width: auto;
            line-height: inherit;
            padding: .3em;
            -webkit-box-shadow: 0 0 6px 1px rgba(11, 146, 252, 0.80);
            -ms-box-shadow: 0 0 6px 1px rgba(11, 146, 252, 0.80);
            box-shadow: 0 0 6px 1px rgba(11, 146, 252, 0.80);
            color: blue;
        }

    input.danger {
        background: #f6b4b3;
        color: #ac403e;
    }

    input.error {
        background: #f47474;
        color: #ea0000;
    }

    input.info {
        background: #b1ddf3;
        color: #31799c;
    }

    input.mute {
        background: #f2f2f2;
        color: #cfcfcf;
    }

    input.primary {
        background: #b2d5f3;
        color: #377db9;
    }

    input.success {
        background: #b0f3b1;
        color: #39793a;
    }

    input.warn {
        background: #f3cbaf;
        color: #b18a47;
    }

    

    input.chkToView1 ~ p.chkToViewContent1,
    input.chkToView2 ~ p.chkToViewContent2,
    input.chkToView3 ~ p.chkToViewContent3,
    input.chkToView4 ~ p.chkToViewContent4,
    input.chkToView5 ~ p.chkToViewContent5,
    input.chkToView6 ~ p.chkToViewContent6,
    input.chkToView7 ~ p.chkToViewContent7,
    input.chkToView8 ~ p.chkToViewContent8,
    input.chkToView9 ~ p.chkToViewContent9 {
        display: block;
        -ms-opacity: 0;
        opacity: 0; 
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    input.chkToView1:checked ~ p.chkToViewContent1,
    input.chkToView2:checked ~ p.chkToViewContent2,
    input.chkToView3:checked ~ p.chkToViewContent3,
    input.chkToView4:checked ~ p.chkToViewContent4,
    input.chkToView5:checked ~ p.chkToViewContent5,
    input.chkToView6:checked ~ p.chkToViewContent6,
    input.chkToView7:checked ~ p.chkToViewContent7,
    input.chkToView8:checked ~ p.chkToViewContent8,
    input.chkToView9:checked ~ p.chkToViewContent9 {
        -ms-opacity: 1;
        opacity: 1;
        line-height: initial;
        font-size: 100%;
        height: auto;
        margin: initial;
        padding: initial;
}



/*#endregion */


optgroup {
    font-weight: bold;
    margin: 0;
}

picture {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    vertical-align: middle;
    border: 0;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

select {
    width: 100%;
    max-width: 300px;
    text-transform: none;
    color: inherit;
    font: inherit;
    margin: 0;
}

/*#region -  TABLE  - */

table {
    width: 99.5%;
    background: #fff;
    color: #444;
    font-size: 70%;
    font-family: Helvextica, Arial, sans-serif;
    text-align: left;
    margin: 2% auto;
    border-collapse: collapse;
    border-spacing: 0;
}

thead {
    font-weight: 600;
    background: #eee;
}

tbody {
    background: transparent;
}

tfoot {
    background: #eee;
}

tr, th, td {
    border: 0px solid #808080;
    padding: 1%;
}

th {
    font-weight: 600;
    background-color: #ddd;
}

table.bdr0 tr, table.bdr0 th, table.bdr0 td {
    border: none;
}



/*- alternating row colors - even -------------------------------------------------*/
table.altRowClrEvn tr:nth-child(even) {
    background: #f5f5f5;
}

table.altRowClrEvn tr:nth-child(odd) {
    background: #fff;
}



/*- alternating row colors - odd ------------------------------------------------------*/
table.altRowClrOdd tr:nth-child(odd), table.altRowClr tr:nth-child(odd) {
    background: #f5f5f5;
}

table.altRowClrOdd tr:nth-child(even), table.altRowClr tr:nth-child(even) {
    background: #fff;
}



/*Table Style------------------------------------------------------------------------------*/
table.style0 tr, table.style0 th, table.style0 td {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

table.style1 tr, table.style1 th, table.style1 td {
    background-color: #fff;
    border-right: 1px solid #ddd;
}

table.style1 th, table.style1 td:first-child {
    border-left: 1px solid #ddd;
}


table.style2 tr, table.style2 th, table.style2 td {
    background-color: #fff;
    border: 1px solid #ddd;
}



table.style3 tr, table.style3 th, table.style3 td {
    border: 1px solid #ddd;
}

table.style3 tr:nth-child(even) {
    background: #f5f5f5;
}

table.style3 tr:nth-child(odd) {
    background: #fff;
}



table.style4 tr, table.style4 th, table.style4 td {
    border: 1px solid #ddd;
}

table.style4 tr:nth-child(odd) {
    background: #f5f5f5;
}

table.style4 tr:nth-child(even) {
    background: #fff;
}


table.style5 tr, table.style5 th, table.style5 td {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}


table.style6 tr, table.style6 th, table.style6 td {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

/*#endregion */


video {
    display: inline-block;
    vertical-align: baseline;
}
/*#endregion Style_Element*/

/*#region CLASS */

/*#region -background */
.danger {background: #f6b4b3; color: #ac403e;}
.error {background: #f47474; color: #ea0000;}
.info {background: #b1ddf3; color: #31799c;}
.mute {background: #f2f2f2; color: #cfcfcf;}
.primary {background: #b2d5f3; color: #377db9;}
.success {background: #b0f3b1; color: #39793a;}
.warn {background: #f3cbaf; color: #b18a47;}

.bkg0 {background-color: #000;}
.bkg3 {background-color: #333 !important;}
.bkg6 {background-color: #666 !important;}
.bkg9 {background-color: #999 !important;}
.bkgC {background-color: #ccc !important;}
.bkgE {background-color: #eee !important;}
.bkgF {background-color: #fff !important;}
.bkgDanger {background: #f6b4b3;}
.bkgError {background: #f47474;}
.bkgInfo {background: #b1ddf3;}
.bkgMute {background: #f2f2f2;}
.bkgNone {background-color: transparent !important;}
.bkgPrimary {background: #b2d5f3;}
.bkgTransp {background-color: transparent !important;}
.bkgSuccess {background: #b0f3b1;}
.bkgWarn {background: #f3cbaf;}
/*#endregion background*/

/*#region - border - */
.bdr0 {border: 1px solid #000;}
.bdr0-B, .bdr0-TB {border-bottom: 1px solid #000;}
.bdr0-L, .bdr0-LR {border-left: 1px solid #000;}
.bdr0-R, .bdr0-LR {border-right: 1px solid #000;}
.bdr0-T, .bdr0-TB {border-top: 1px solid #000;}

.bdr3 {border: 1px solid #333;}
.bdr3-B, .bdr3-TB {border-bottom: 1px solid #333;}
.bdr3-L, .bdr3-LR {border-left: 1px solid #333;}
.bdr3-R, .bdr3-LR  {border-right: 1px solid #333;}
.bdr3-T, .bdr3-TB {border-top: 1px solid #333;}

.bdr6 {border: 1px solid #666;}
.bdr6-B, .bdr6-TB {border-bottom: 1px solid #666;}
.bdr6-L, .bdr6-LR {border-left: 1px solid #666;}
.bdr6-R, .bdr6-LR  {border-right: 1px solid #666;}
.bdr6-T, .bdr6-TB {border-top: 1px solid #666;}

.bdr9 {border: 1px solid #999;}
.bdr9-B, .bdr9-TB {border-bottom: 1px solid #999;}
.bdr9-L, .bdr9-LR {border-left: 1px solid #999;}
.bdr9-R, .bdr9-LR  {border-right: 1px solid #999;}
.bdr9-T, .bdr9-TB {border-top: 1px solid #999;}

.bdrC {border: 1px solid #ccc;}
.bdrC-B, .bdrC-TB {border-bottom: 1px solid #ccc;}
.bdrC-L, .bdrC-LR {border-left: 1px solid #ccc;}
.bdrC-R, .bdrC-LR  {border-right: 1px solid #ccc;}
.bdrC-T, .bdrC-TB {border-top: 1px solid #ccc;}

.bdrE {border: 1px solid #eee;}
.bdrE-B, .bdrE-TB {border-bottom: 1px solid #eee;}
.bdrE-L, .bdrE-LR {border-left: 1px solid #eee;}
.bdrE-R, .bdrE-LR  {border-right: 1px solid #eee;}
.bdrE-T, .bdrE-TB {border-top: 1px solid #eee;}

.bdrF {border: 1px solid #fff;}
.bdrF-B, .bdrF-TB {border-bottom: 1px solid #fff;}
.bdrF-L, .bdrF-LR {border-left: 1px solid #fff;}
.bdrF-R, .bdrF-LR  {border-right: 1px solid #fff;}
.bdrF-T, .bdrE-TB {border-top: 1px solid #fff;}

.bdrNone {border: none}
.bdrNone-B, .bdr0-TB {border-bottom: none}
.bdrNone-L, .bdr0-LR {border-left: none}
.bdrNone-R, .bdr0-LR  {border-right: none}
.bdrNone-T, .bdr0-TB {border-top: none}

.bdrR {border: 1px solid red !important;}
.bdrB {border: 1px solid blue !important;}
.bdrY {border: 1px solid Yellow !important;}
.bdrG {border: 1px solid green !important;}

.bdrDanger {border: 1px solid #f85552;}
.bdrError {border: 1px solid #f61313;}
.bdrInfo {border: 1px solid #63c3f3;}
.bdrMute {border: 1px solid #e6e0e0;}
.bdrPrimary {border: 1px solid #65b2f4;}
.bdrTransp {border: 1px solid transparent !important;}
.bdrSuccess {border: 1px solid #67f369;}
.bdrWarn {border: 1px solid #f4a066;}
/*#endregion border*/

/*#region - box-shadow - */
.shdw0 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
.shdw2 {
    -webkit-box-shadow: 2px 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px 2px #ccc;
    -ms-box-shadow: 2px 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px 2px #ccc;
}
.shdw4 {
    -webkit-box-shadow: 2px 2px 4px 2px #727272;
    -moz-box-shadow: 2px 2px 4px 2px #727272;
    -ms-box-shadow: 2px 2px 4px 2px #727272;
    box-shadow: 2px 2px 4px 2px #727272;
}
.shdw6 {
    -webkit-box-shadow: 2px 2px 6px 2px #595D61;
    -moz-box-shadow: 2px 2px 6px 2px #595D61;
    -ms-box-shadow: 2px 2px 6px 2px #595D61;
    box-shadow: 2px 2px 6px 2px #595D61;
}
.shdw8 {
    -webkit-box-shadow: 3px 3px 8px 3px #333;
    -moz-box-shadow: 3px 3px 8px 3px #333;
    -ms-box-shadow: 3px 3px 8px 3px #333;
    box-shadow: 3px 3px 8px 3px #333;
}
.shdwIn4 {
    -webkit-box-shadow: Inset 2px 2px 4px 2px #333;
    -moz-box-shadow: Inset 2px 2px 4px 2px #333;
    -ms-box-shadow: Inset 2px 2px 4px 2px #333;
    box-shadow: Inset 2px 2px 4px 2px #333;
}
/*#endregion box-shadow*/

/*#region - radius - */
.rad0 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    overflow: hidden;
}
.rad3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
.rad5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.rad7 {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
}
.rad9 {
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    border-radius: 9px;
    overflow: hidden;
}
.rad11 {
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    border-radius: 11px;
    overflow: hidden;
}
.rad17 {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    border-radius: 17px;
    overflow: hidden;
}
.rad25 {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    overflow: hidden;
}
.rad50 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
}
.rad90 {
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    -ms-border-radius: 90px;
    border-radius: 90px;
    overflow: hidden;
}
/*#endregion radius*/

/*#region - display - */

.dsply0 {
    display: none;
}
.dsplyBlk {
    display: block;
}
.dsplyInln, .inln {
    display: inline;
}

.dsplyInlnBlk, .inlnBlk {
    display: inline-block;
}

.hide, .hideTarget, .isHidden {
    visibility: hidden;
}

.show, .showTarget {
    visibility: visible;
}


.isCollapsedHgt {
    height: 0;
    overflow: hidden;
}

.isCollapsedWdth {
    width: 0;
    overflow: hidden;
}

.isCollapsedMaxHgt {
    height: 100%;
    max-height: 0;
    overflow: hidden;
}

.isCollapsedMaxWdth {
    max-width: 0;
    overflow: hidden;
}

.isCollapsedMaxHgt:hover {
    max-height: 1000px;
    overflow: visible;
}

.isCollapsed {
    width: 0;
    height: 0;
    overflow: hidden;
}



/*#endregion display*/

/*#region - event - */
.clck {
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    border: none;
}

.hvr0:hover {background-color: transparent !important;}
.hvr3:hover {background-color: #333 !important;}
.hvr6:hover {background-color: #666 !important;}
.hvr9:hover {background-color: #999 !important;}
.hvrC:hover {background-color: #ccc !important;}
.hvrE:hover {background-color: #eee !important;}
.hvrF:hover {background-color: #fff !important;}
/*#endregion event*/

/*#region -  images  - */

/*#region -  filmstrip  - */
.bdrFilmStrip {
    border-top: 8px dashed #666;
    border-bottom: 8px dashed #666;
}

.filmstrip {
    display: block;
    position: relative;
    background: #333;
    width: 350%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.filmstrip  ul{
    display: block;
    height: 128px;
    border-top: 8px dashed #666;
    border-bottom: 8px dashed #666;
    padding: 0;
    margin: 3px 0;
}
.filmstrip li{
    display: inline-block;
    float: left\9;
    width: 180px;
    padding: 0;
    margin: .35em 1.3em;
}
.filmstrip  li iframe{
    display: inline;
    width: 100%;
    height: 100px;
    padding: .5em 1.5em;
    margin: 0;
}
.filmstrip ul:first-child{
    padding-left: 0;
    margin-left: 0;
}
/*#endregion */


/*#region Parallax */

.rowParlx {
    -webkit-perspective: 1px;
    -moz-perspective: 1px;
    -ms-perspective: 1px;
    -o-perspective: 1px;
    perspective: 1px;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: visible;
    -webkit-perspective-origin-x: 100%;
    -moz-perspective-origin-x: 100%;
    -ms-perspective-origin-x: 100%;
    -o-perspective-origin-x: 100%;
    perspective-origin-x: 100%;
}

    .parlxForgrnd, .parlxBkgrnd, .rowParlx > * {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

.parlxBkgrnd {
    -webkit-transform: translateZ(-1px) scale(2);
    -moz-transform: translateZ(-1px) scale(2);
    -ms-transform: translateZ(-1px) scale(2);
    -o-transform: translateZ(-1px) scale(2);
    transform: translateZ(-1px) scale(2);
}

.parlxForgrnd {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.parlxBkgrnd-2 {
    -webkit-transform: translateZ(-2px) scale(3);
    -moz-transform: translateZ(-2px) scale(3);
    -ms-transform: translateZ(-2px) scale(3);
    -o-transform: translateZ(-2px) scale(3);
    transform: translateZ(-2px) scale(3);
}

.parlxBkgrnd-3 {
    -webkit-transform: translateZ(-3px) scale(4);
    -moz-transform: translateZ(-3px) scale(4);
    -ms-transform: translateZ(-3px) scale(4);
    -o-transform: translateZ(-3px) scale(4);
    transform: translateZ(-3px) scale(4);
}

.parlxBkgrnd-4 {
    -webkit-transform: translateZ(-4px) scale(5);
    -moz-transform: translateZ(-4px) scale(5);
    -ms-transform: translateZ(-4px) scale(5);
    -o-transform: translateZ(-4px) scale(5);
    transform: translateZ(-4px) scale(5);
}

.parlxBkgrnd-5 {
    -webkit-transform: translateZ(-5px) scale(6);
    -moz-transform: translateZ(-5px) scale(6);
    -ms-transform: translateZ(-5px) scale(6);
    -o-transform: translateZ(-5px) scale(6);
    transform: translateZ(-5px) scale(6);
}

.parlxBkgrnd-6 {
    -webkit-transform: translateZ(-6px) scale(7);
    -moz-transform: translateZ(-6px) scale(7);
    -ms-transform: translateZ(-6px) scale(7);
    -o-transform: translateZ(-6px) scale(7);
    transform: translateZ(-6px) scale(7);
}

.parlxBkgrnd-7 {
    -webkit-transform: translateZ(-7px) scale(8);
    -moz-transform: translateZ(-7px) scale(8);
    -ms-transform: translateZ(-7px) scale(8);
    -o-transform: translateZ(-7px) scale(8);
    transform: translateZ(-7px) scale(8);
}


/*#endregion */


/*#region - Scroller - */

.scrollerHz {
    display: block;
    position: relative;
    width: auto;
    white-space: nowrap !important;
    text-align: center;
    overflow: auto;
    background: #ccc;
}

    .scrollerHz > * {
        display: inline-block;
        position: relative;
        padding: .6em .2em;
    }

        .scrollerHz > * > * {
            display: inline-block;
            position: relative;
            position: relative;
        }


    * + html .scrollerHz > * {
        display: inline;
        width: auto;
    }

        * + html .scrollerHz > * > * {
            display: inline;
            position: relative;
            width: auto;
        }



/*#endregion */

/*#endregion */

/*#region - modal - */
/*===================================================MODAL */
/*  styles for the modal dialog box */

body > #Modal:target {
    overflow: hidden !important;
}

#Modal {
    display: inline-block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #747373;
    background-color: rgba(30, 30, 30, 0.5);
    z-index: 500;
}

    #Modal:target {
        display: inline;
        visibility: visible;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

#ModalDialog {
    display: block;
    height: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 4px 3px 7px #727272;
    -webkit-box-shadow: 4px 3px 7px #727272;
    -ms-box-shadow: 4px 3px 7px #727272;
    box-shadow: 4px 3px 7px #727272;
    margin: 8% 5%;
    padding: 1.5em;
    z-index: 1000;
}

#Modal header {
    display: block;
    width: 100%;
    background: #ccc;
    border-top: 1px solid #b5aaa3;
    -moz-border-radius: 9px 9px 0 0;
    -webkit-border-radius: 9px 9px 0 0;
    -ms-border-radius: 9px 9px 0 0;
    border-radius: 9px 9px 0 0;
    padding: 1.5em 0;
}

#Modal footer {
    display: block;
    width: 100%;
    background: #ccc;
    border-bottom: 1px solid #b5aaa3;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 1.5em 0;
}

#Modal > .btn {
    float: right;
    margin: 0 5em;
}

/*#endregion MODAL */

/*#region - outline - */
.outln0 {outline: none;}
.outln1 {outline: 1px solid #ffa400;}
.outln2 {outline: 1px solid #4cff00;}
.outln3 {outline: 1px solid  #333;}
.outln6 {outline: 1px solid  #666;}
.outln9 {outline: 1px solid  #999;}
.outlnC {outline: 1px solid  #ccc;}
.outlnE {outline: 1px solid  #eee;}
.outlnF {outline: 1px solid #fff;}
/*#endregion outline*/

/*#region - scroller - */

.rowScroller {
    white-space: nowrap;
    overflow: auto;
    text-align: center;
}

    .rowScroller > * {
        display: inline-block;
    }

/*#endregion */

/*#region - margin - */
.mrg0 {margin: 0;}
.mrg1 {margin: 1%;}
.mrg2 {margin: 2%;}
.mrg3 {margin: 3%;}
.mrg4 {margin: 4%;}
.mrg5 {margin: 5%;}
.mrg6 {margin: 6%;}
.mrg7 {margin: 7%;}
.mrg8 {margin: 8%;}
.mrg9 {margin: 9%;}
.mrg10 {margin: 10%;}
.mrg15 {margin: 15%;}
.mrg20 {margin: 20%;}

.mrgBtm0 {margin: 0;}
.mrgBtm1 {margin-bottom: 1%;}
.mrgBtm2 {margin-bottom: 2%;}
.mrgBtm3 {margin-bottom: 3%;}
.mrgBtm4 {margin-bottom: 4%;}
.mrgBtm5 {margin-bottom: 5%;}
.mrgBtm6 {margin-bottom: 6%;}
.mrgBtm7 {margin-bottom: 7%;}
.mrgBtm8 {margin-bottom: 8%;}
.mrgBtm9 {margin-bottom: 9%;}
.mrgBtm10 {margin-bottom: 10%;}
.mrgBtm15 {margin-bottom: 15%;}
.mrgBtm20 {margin-bottom: 20%;}

.mrgLft0 {margin: 0;}
.mrgLft1 {margin-left: 1%;}
.mrgLft2 {margin-left: 2%;}
.mrgLft3 {margin-left: 3%;}
.mrgLft4 {margin-left: 4%;}
.mrgLft5 {margin-left: 5%;}
.mrgLft6 {margin-left: 6%;}
.mrgLft7 {margin-left: 7%;}
.mrgLft8 {margin-left: 8%;}
.mrgLft9 {margin-left: 9%;}
.mrgLft10 {margin-left: 10%;}
.mrgLft15 {margin-left: 15%;}
.mrgLft20 {margin-left: 20%;}

.mrgRt0 {margin: 0;}
.mrgRt1 {margin-right: 1%;}
.mrgRt2 {margin-right: 2%;}
.mrgRt3 {margin-right: 3%;}
.mrgRt4 {margin-right: 4%;}
.mrgRt5 {margin-right: 5%;}
.mrgRt6 {margin-right: 6%;}
.mrgRt7 {margin-right: 7%;}
.mrgRt8 {margin-right: 8%;}
.mrgRt9 {margin-right: 9%;}
.mrgRt10 {margin-right: 10%;}
.mrgRt15 {margin-right: 15%;}
.mrgRt20 {margin-right: 20%;}

.mrgTop0 {margin: 0;}
.mrgTop1 {margin-top: 1%;}
.mrgTop2 {margin-top: 2%;}
.mrgTop3 {margin-top: 3%;}
.mrgTop4 {margin-top: 4%;}
.mrgTop5 {margin-top: 5%;}
.mrgTop6 {margin-top: 6%;}
.mrgTop7 {margin-top: 7%;}
.mrgTop8 {margin-top: 8%;}
.mrgTop9 {margin-top: 9%;}
.mrgTop10 {margin-top: 10%;}
.mrgTop15 {margin-top: 15%;}
.mrgTop20 {margin-top: 20%;}
/*#endregion margin*/

/*#region - padding - */
.pad0 {padding: 0;}
.pad1 {padding: 1%;}
.pad2 {padding: 2%;}
.pad3 {padding: 3%;}
.pad4 {padding: 4%;}
.pad5 {padding: 5%;}
.pad6 {padding: 6%;}
.pad7 {padding: 7%;}
.pad8 {padding: 8%;}
.pad9 {padding: 9%;}
.pad10 {padding: 10%;}
.pad15 {padding: 15%;}
.pad20 {padding: 20%;}

.padBtm0 {padding-bottom: 0;}
.padBtm1 {padding-bottom: 1%;}
.padBtm2 {padding-bottom: 2%;}
.padBtm3 {padding-bottom: 3%;}
.padBtm4 {padding-bottom: 4%;}
.padBtm5 {padding-bottom: 5%;}
.padBtm6 {padding-bottom: 6%;}
.padBtm7 {padding-bottom: 7%;}
.padBtm8 {padding-bottom: 8%;}
.padBtm9 {padding-bottom: 9%;}
.padBtm10 {padding-bottom: 10%;}
.padBtm15 {padding-bottom: 15%;}
.padBtm20 {padding-bottom: 20%;}

.padLft0 {padding-left: 0;}
.padLft1 {padding-left: 1%;}
.padLft2 {padding-left: 2%;}
.padLft3 {padding-left: 3%;}
.padLft4 {padding-left: 4%;}
.padLft5 {padding-left: 5%;}
.padLft6 {padding-left: 6%;}
.padLft7 {padding-left: 7%;}
.padLft8 {padding-left: 8%;}
.padLft9 {padding-left: 9%;}
.padLft10 {padding-left: 10%;}
.padLft15 {padding-left: 15%;}
.padLft20 {padding-left: 20%;}

.padRt0 {padding-right: 0;}
.padRt1 {padding-right: 1%;}
.padRt2 {padding-right: 2%;}
.padRt3 {padding-right: 3%;}
.padRt4 {padding-right: 4%;}
.padRt5 {padding-right: 5%;}
.padRt6 {padding-right: 6%;}
.padRt7 {padding-right: 7%;}
.padRt8 {padding-right: 8%;}
.padRt9 {padding-right: 9%;}
.padRt10 {padding-right: 10%;}
.padRt15 {padding-right: 15%;}
.padRt20 {padding-right: 20%;}

.padTop0 {padding-top: 0;}
.padTop1 {padding-top: 1%;}
.padTop2 {padding-top: 2%;}
.padTop3 {padding-top: 3%;}
.padTop4 {padding-top: 4%;}
.padTop5 {padding-top: 5%;}
.padTop6 {padding-top: 6%;}
.padTop7 {padding-top: 7%;}
.padTop8 {padding-top: 8%;}
.padTop9 {padding-top: 9%;}
.padTop10 {padding-top: 10%;}
.padTop15 {padding-top: 15%;}
.padTop20 {padding-top: 20%;}
/*#endregion padding*/

/*#region - alignment - */
/*=================================================== alignment */

.ctrHz {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.ctrVrt {
    display: block;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}

.hAlgnLft {
    float: left;
    margin-left: 0;
    margin-right: auto;
}

.hAlgnCtr {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.hAlgnRt {
    display: block;
    float: right;
    margin-left: auto;
    margin-right: 0;
}

.vAlgnBtm {
    position: relative;
    vertical-align: bottom !important;
}

.vAlgnMid {
    display: inline-block;
    position: relative;
    vertical-align: middle !important;
    margin-top: 0;
    margin-bottom: 0;
}

.vAlgnSblng {
    display: inline-block;
    position: relative;
    vertical-align: middle !important;
}

.vAlgnTop {
    position: relative;
    vertical-align: top !important;
}

.fxdTop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

.fxdBtm {
    display: inline;
    position: fixed !important;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

.flt0 {float: none;}
.fltRt {float: right;}
.fltLft {float: left;}
.posRel {position: relative;}
.posStatc {position: static;}
.posFxd {position: fixed;}
.posAbslt {position: Absolute;}
.posInhrt {position: inherit;}

/*#endregion Alignment*/

/*#region - size - */
/*======================================================================================= Size */

/*#region - Width in em's'" - */
.w40em {width: 40em;}
.w35em {width: 35em;}
.w30em {width: 30em;}
.w25em {width: 25em;}
.w20em {width: 20em;}
.w19em {width: 19em;}
.w18em {width: 18em;}
.w17em {width: 17em;}
.w16em {width: 16em;}
.w15em {width: 15em;}
.w14em {width: 14em;}
.w13em {width: 13em;}
.w12em {width: 12em;}
.w11em {width: 11em;}
.w10em {width: 10em;}
.w9em {width: 9em;}
.w8em {width: 8em;}
.w7em {width: 7em;}
.w6em {width: 6em;}
.w5em {width: 5em;}
.w4em {width: 4em;}
.w3em {width: 3em;}
.w2em {width: 2em;}
.w1em {width: 1em;}
.w08em {width: .08em;}
.w05em {width: .05em;}
.w03em {width: 03em;}
/*#endregion */


/*#region - Equal Width Columns - */

 html > body .col.wEql:nth-child(1):nth-last-child(1),
 html > body .col.wEql:nth-child(1):nth-last-child(1) ~ .col.wEql {
    width: 100%;
}
 html > body .col.wEql:nth-child(1):nth-last-child(2),
 html > body .col.wEql:nth-child(1):nth-last-child(2) ~ .col.wEql {
    width: 50%;
}
 html > body .col.wEql:nth-child(1):nth-last-child(3),
 html > body .col.wEql:nth-child(1):nth-last-child(3) ~ .col.wEql {
    width: 33.3333%;
}
 html > body .col.wEql:nth-child(1):nth-last-child(4),
 html > body .col.wEql:nth-child(1):nth-last-child(4) ~ .col.wEql {
    width: 25%;
}
 html > body .col.wEql:nth-child(1):nth-last-child(5),
 html > body .col.wEql:nth-child(1):nth-last-child(5) ~ .col.wEql {
    width: 20%;
}
 html > body .col.wEql:nth-child(1):nth-last-child(6),
 html > body .col.wEql:nth-child(1):nth-last-child(6) ~ .col.wEql {
    width: 16.6666%;
}
 html > body .col.wEql:nth-child(1):nth-last-child(7),
 html > body .col.wEql:nth-child(1):nth-last-child(7) ~ .col.wEql {
    width: 14.28571%;
}
 html > body .col.wEql:nth-child(1):nth-last-child(8),
 html > body .col.wEql:nth-child(1):nth-last-child(8) ~ .col.wEql {
    width: 12.5%;
}
 html > body .col.wEql:nth-child(1):nth-last-child(9),
 html > body .col.wEql:nth-child(1):nth-last-child(9) ~ .col.wEql {
    width: 11.1111%;
}
 html > body .col.wEql:nth-child(1):nth-last-child(10),
 html > body .col.wEql:nth-child(1):nth-last-child(10) ~ .col.wEql {
    width: 10%;
}
 html > body .col.wEql:nth-child(1):nth-last-child(11),
 html > body .col.wEql:nth-child(1):nth-last-child(11) ~ .col.wEql {
    width: 9.0909%;
}
 html > body .col.wEql:nth-child(1):nth-last-child(12),
 html > body .col.wEql:nth-child(1):nth-last-child(12) ~ .col.wEql {
    width: 8.333111111%;
}

/*#endregion */


/*#region -  % Width - */
/*======================================================================================= Width-% */
.w100 {width: 100%;}
.w99 {width: 99%;}
.w98 {width: 98%;}
.w97 {width: 97%;}
.w96 {width: 96%;}
.w95 {width: 95%;}
.w94 {width: 94%;}
.w93 {width: 93%;}
.w92 {width: 92%;}
.w91 {width: 91%;}
.w90 {width: 90%;}
.w89 {width: 89%;}
.w88 {width: 88%;}
.w87 {width: 87%;}
.w86 {width: 86%;}
.w85 {width: 85%;}
.w84 {width: 84%;}
.w83 {width: 83%;}
.w82 {width: 82%;}
.w81 {width: 81%;}
.w80 {width: 80%;}
.w79 {width: 79%;}
.w78 {width: 78%;}
.w77 {width: 77%;}
.w76 {width: 76%;}
.w75 {width: 75%;}
.w74 {width: 74%;}
.w73 {width: 73%;}
.w72 {width: 72%;}
.w71 {width: 71%;}
.w70 {width: 70%;}
.w69 {width: 69%;}
.w68 {width: 68%;}
.w67 {width: 67%;}
.w66 {width: 66.6663%;}
.w65 {width: 65%;}
.w64 {width: 64%;}
.w63 {width: 63%;}
.w62 {width: 62%;}
.w61 {width: 61%;}
.w60 {width: 60%;}
.w59 {width: 59%;}
.w58 {width: 58%;}
.w57 {width: 57%;}
.w56 {width: 56%;}
.w55 {width: 55%;}
.w54 {width: 54%;}
.w53 {width: 53%;}
.w52 {width: 52%;}
.w51 {width: 51%;}
.w50 {width: 50%;}
.w49 {width: 49%;}
.w48 {width: 48%;}
.w47 {width: 47%;}
.w46 {width: 46%;}
.w45 {width: 45%;}
.w44 {width: 44%;}
.w43 {width: 43%;}
.w42 {width: 42%;}
.w41 {width: 41%;}
.w40 {width: 40%;}
.w39 {width: 39%;}
.w38 {width: 38%;}
.w37 {width: 37%;}
.w36 {width: 36%;}
.w35 {width: 35%;}
.w34 {width: 34%;}
.w33 {width: 33.3331%;}
.w32 {width: 32%;}
.w31 {width: 31%;}
.w30 {width: 30%;}
.w29 {width: 29%;}
.w28 {width: 28%;}
.w27 {width: 27%;}
.w26 {width: 26%;}
.w25 {width: 25%;}
.w24 {width: 24%;}
.w23 {width: 23%;}
.w22 {width: 22%;}
.w21 {width: 21%;}
.w20 {width: 20%;}
.w19 {width: 19%;}
.w18 {width: 18%;}
.w17 {width: 17%;}
.w16 {width: 16%;}
.w15 {width: 15%;}
.w14 {width: 14%;}
.w13 {width: 13%;}
.w12 {width: 12%;}
.w11 {width: 11%;}
.w10 {width: 10%;}
.w9 {width: 9%;}
.w8 {width: 8%;}
.w7 {width: 7%;}
.w6 {width: 6%;}
.w5 {width: 5%;}
.w4 {width: 4%}
.w3 {width: 3%}
.w2 {width: 2%}
.w1 {width: 1%}
.w09 {width: .09%}
.w08 {width: .08%}
.w07 {width: .07%}
.w06 {width: .06%}
.w05 {width: .05%}
.w04 {width: .04%}
.w03 {width: .03%}
.w02 {width: .02%}
.w01 {width: .01%}
.w0 {width: 0;}
.wAuto {width: auto;}
/*#endregion Width_Set*/


/*#region - Max_Width - */
/*======================================= mxW# */
.mxW10 {max-width: 10px;}
.mxW20 {max-width: 20px;}
.mxW25 {max-width: 25px;}
.mxW30 {max-width: 30px;}
.mxW35 {max-width: 35px;}
.mxW40 {max-width: 40px;}
.mxW45 {max-width: 45px;}
.mxW50 {max-width: 50px;}
.mxW55 {max-width: 55px;}
.mxW60 {max-width: 60px;}
.mxW65 {max-width: 65px;}
.mxW70 {max-width: 70px;}
.mxW75 {max-width: 75px;}
.mxW80 {max-width: 80px;}
.mxW85 {max-width: 85px;}
.mxW90 {max-width: 90px;}
.mxW95 {max-width: 95px;}
.mxW100 {max-width: 100px;}
.mxW110 {max-width: 110px;}
.mxW120 {max-width: 120px;}
.mxW130 {max-width: 130px;}
.mxW140 {max-width: 140px;}
.mxW150 {max-width: 150px;}
.mxW160 {max-width: 160px;}
.mxW170 {max-width: 170px;}
.mxW180 {max-width: 180px;}
.mxW190 {max-width: 190px;}
.mxW200 {max-width: 200px;}
.mxW210 {max-width: 210px;}
.mxW220 {max-width: 220px;}
.mxW230 {max-width: 230px;}
.mxW240 {max-width: 240px;}
.mxW250 {max-width: 250px;}
.mxW260 {max-width: 260px;}
.mxW270 {max-width: 270px;}
.mxW280 {max-width: 280px;}
.mxW290 {max-width: 290px;}
.mxW300 {max-width: 300px;}
.mxW310 {max-width: 310px;}
.mxW320 {max-width: 320px;}
.mxW330 {max-width: 330px;}
.mxW340 {max-width: 340px;}
.mxW350 {max-width: 350px;}
.mxW360 {max-width: 360px;}
.mxW370 {max-width: 370px;}
.mxW380 {max-width: 380px;}
.mxW390 {max-width: 390px;}
.mxW400 {max-width: 400px;}
.mxW410 {max-width: 410px;}
.mxW420 {max-width: 420px;}
.mxW430 {max-width: 430px;}
.mxW440 {max-width: 440px;}
.mxW450 {max-width: 450px;}
.mxW460 {max-width: 460px;}
.mxW470 {max-width: 470px;}
.mxW480 {max-width: 480px;}
.mxW490 {max-width: 490px;}
.mxW500 {max-width: 500px;}
.mxW510 {max-width: 510px;}
.mxW520 {max-width: 520px;}
.mxW530 {max-width: 530px;}
.mxW540 {max-width: 540px;}
.mxW550 {max-width: 550px;}
.mxW560 {max-width: 560px;}
.mxW570 {max-width: 570px;}
.mxW580 {max-width: 580px;}
.mxW590 {max-width: 590px;}
.mxW600 {max-width: 600px;}
.mxW610 {max-width: 610px;}
.mxW620 {max-width: 620px;}
.mxW630 {max-width: 630px;}
.mxW640 {max-width: 640px;}
.mxW650 {max-width: 650px;}
.mxW660 {max-width: 660px;}
.mxW670 {max-width: 670px;}
.mxW680 {max-width: 680px;}
.mxW690 {max-width: 690px;}
.mxW700 {max-width: 700px;}
.mxW710 {max-width: 710px;}
.mxW720 {max-width: 720px;}
.mxW730 {max-width: 730px;}
.mxW740 {max-width: 740px;}
.mxW750 {max-width: 750px;}
.mxW760 {max-width: 760px;}
.mxW770 {max-width: 770px;}
.mxW780 {max-width: 780px;}
.mxW790 {max-width: 790px;}
.mxW800 {max-width: 800px;}
.mxW840 {max-width: 840px;}
.mxW860 {max-width: 860px;}
.mxW900 {max-width: 900px;}
.mxW940 {max-width: 940px;}
.mxW960 {max-width: 960px;}
.mxW980 {max-width: 980px;}
.mxW1000 {max-width: 1000px;}
.mxW1024 {max-width: 1024px;}
.mxW1050 {max-width: 100px;}
.mxW1080 {max-width: 1080px;}
.mxW1150 {max-width: 1150px;}
.mxW1200 {max-width: 1200px;}
.mxW1280 {max-width: 1280px;}
.mxW1320 {max-width: 1320px;}
.mxW1360 {max-width: 1320px;}
.mxW1400 {max-width: 1400px;}
.mxW1440 {max-width: 1440px;}
.mxW1600 {max-width: 1600px;}
.mxW1680 {max-width: 1680px;}
.mxW1920 {max-width: 1920px;}
/*#endregion Max_Width*/


/*#region - Fixed_Width - */
/*======================================= mxW# */
.fxdW10 {width: 10px;}
.fxdW20 {width: 20px;}
.fxdW25 {width: 25px;}
.fxdW30 {width: 30px;}
.fxdW35 {width: 35px;}
.fxdW40 {width: 40px;}
.fxdW45 {width: 45px;}
.fxdW50 {width: 50px;}
.fxdW55 {width: 55px;}
.fxdW60 {width: 60px;}
.fxdW65 {width: 65px;}
.fxdW70 {width: 70px;}
.fxdW75 {width: 75px;}
.fxdW80 {width: 80px;}
.fxdW85 {width: 85px;}
.fxdW90 {width: 90px;}
.fxdW95 {width: 95px;}
.fxdW100 {width: 100px;}
.fxdW110 {width: 110px;}
.fxdW120 {width: 120px;}
.fxdW130 {width: 130px;}
.fxdW140 {width: 140px;}
.fxdW150 {width: 150px;}
.fxdW160 {width: 160px;}
.fxdW170 {width: 170px;}
.fxdW180 {width: 180px;}
.fxdW190 {width: 190px;}
.fxdW200 {width: 200px;}
.fxdW210 {width: 210px;}
.fxdW220 {width: 220px;}
.fxdW230 {width: 230px;}
.fxdW240 {width: 240px;}
.fxdW250 {width: 250px;}
.fxdW260 {width: 260px;}
.fxdW270 {width: 270px;}
.fxdW280 {width: 280px;}
.fxdW290 {width: 290px;}
.fxdW300 {width: 300px;}
.fxdW310 {width: 310px;}
.fxdW320 {width: 320px;}
.fxdW330 {width: 330px;}
.fxdW340 {width: 340px;}
.fxdW350 {width: 350px;}
.fxdW360 {width: 360px;}
.fxdW370 {width: 370px;}
.fxdW380 {width: 380px;}
.fxdW390 {width: 390px;}
.fxdW400 {width: 400px;}
.fxdW410 {width: 410px;}
.fxdW420 {width: 420px;}
.fxdW430 {width: 430px;}
.fxdW440 {width: 440px;}
.fxdW450 {width: 450px;}
.fxdW460 {width: 460px;}
.fxdW470 {width: 470px;}
.fxdW480 {width: 480px;}
.fxdW490 {width: 490px;}
.fxdW500 {width: 500px;}
.fxdW510 {width: 510px;}
.fxdW520 {width: 520px;}
.fxdW530 {width: 530px;}
.fxdW540 {width: 540px;}
.fxdW550 {width: 550px;}
.fxdW560 {width: 560px;}
.fxdW570 {width: 570px;}
.fxdW580 {width: 580px;}
.fxdW590 {width: 590px;}
.fxdW600 {width: 600px;}
.fxdW610 {width: 610px;}
.fxdW620 {width: 620px;}
.fxdW630 {width: 630px;}
.fxdW640 {width: 640px;}
.fxdW650 {width: 650px;}
.fxdW660 {width: 660px;}
.fxdW670 {width: 670px;}
.fxdW680 {width: 680px;}
.fxdW690 {width: 690px;}
.fxdW700 {width: 700px;}
.fxdW710 {width: 710px;}
.fxdW720 {width: 720px;}
.fxdW730 {width: 730px;}
.fxdW740 {width: 740px;}
.fxdW750 {width: 750px;}
.fxdW760 {width: 760px;}
.fxdW770 {width: 770px;}
.fxdW780 {width: 780px;}
.fxdW790 {width: 790px;}
.fxdW800 {width: 800px;}
.fxdW840 {width: 840px;}
.fxdW860 {width: 860px;}
.fxdW900 {width: 900px;}
.fxdW940 {width: 940px;}
.fxdW960 {width: 960px;}
.fxdW980 {width: 980px;}
.fxdW1000 {width: 1000px;}
.fxdW1024 {width: 1024px;}
.fxdW1050 {width: 100px;}
.fxdW1080 {width: 1080px;}
.fxdW1150 {width: 1150px;}
.fxdW1200 {width: 1200px;}
.fxdW1280 {width: 1280px;}
.fxdW1320 {width: 1320px;}
.fxdW1360 {width: 1320px;}
.fxdW1400 {width: 1400px;}
.fxdW1440 {width: 1440px;}
.fxdW1600 {width: 1600px;}
.fxdW1680 {width: 1680px;}
.fxdW1920 {width: 1920px;}
/*#endregion Max_Width*/


/*#region - Height - */

.h0005px {
    height: 5px;
}

.h0010px {
    height: 10px;
}

.h0020px {
    height: 20px;
}

.h0040px {
    height: 40px;
}

.h0060px {
    height: 60px;
}

.h0080px {
    height: 80px;
}

.h0100px {
    height: 100px;
}

.h0120px {
    height: 120px;
}

.h0140px {
    height: 140px;
}

.h0160px {
    height: 160px;
}

.h0180px {
    height: 180px;
}

.h0200px {
    height: 200px;
}

.h0220px {
    height: 220px;
}

.h0240px {
    height: 240px;
}

.h0260px {
    height: 260px;
}

.h0280px {
    height: 280px;
}

.h0300px {
    height: 300px;
}

.h0320px {
    height: 320px;
}

.h0340px {
    height: 340px;
}

.h0360px {
    height: 360px;
}

.h0380px {
    height: 380px;
}

.h0400px {
    height: 400px;
}

.h0500px {
    height: 500px;
}

.h0600px {
    height: 600px;
}

.h0700px {
    height: 700px;
}

.h0800px {
    height: 800px;
}

.h0900px {
    height: 900px;
}

.h1000px {
    height: 1000px;
}

.h1100px {
    height: 1100px;
}

.h1200px {
    height: 1200px;
}

.h1300px {
    height: 1300px;
}

.h1400px {
    height: 1400px;
}

.h1500px {
    height: 1500px;
}

.h1600px {
    height: 1600px;
}


/*#endregion */

/*#endregion SIZE */
/*#endregion class*/
