/***********************************************************
* General
***********************************************************/

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
    clear: both;
}

.clearfix:after {
    clear: both;
}

.article {
}

.section {
    margin: 0;
    padding: 0;
    clear: both;
}

    .section:after {
        clear: both;
    }

    .section:before,
    .section:after {
        content: " ";
        display: table;
    }

    .section.collapse > .col,
    .section.collapse > .cols {
        padding-left: 0;
        padding-right: 0;
    }

    .section.collapse .section {
        margin-left: 0;
        margin-right: 0;
    }

.left {
    display: block;
    float: left;
}

.right {
    display: block;
    float: right;
}

.hide {
    display: none;
}

.show {
    display: block;
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
}

/***********************************************************
* Block, Colummns, BlockGrids, Side by side columns
***********************************************************/
.page, .col, .cols, .block {
    padding-left: 0.83333rem;
    padding-right: 0.83333rem;
    width: 100%;
}

    .block:before,
    .block:after {
        content: " ";
        display: table;
    }

    .block:after {
        clear: both;
    }

.col, .cols {
    float: left;
}

.col-ngap {
    padding-left: 0;
    padding-right: 0;
}

.col-lgap-0 {
    padding-left: 0;
}

.col-rgap-0 {
    padding-right: 0;
}

[class*="blgr-"] {
    display: block;
    padding: 0;
    margin: 0;
    *zoom: 1;
}

    [class*="blgr-"]:before,
    [class*="blgr-"]:after {
        content: " ";
        display: table;
    }

    [class*="blgr-"]:after {
        clear: both;
    }

    [class*="blgr-"] > li {
        display: block;
        height: auto;
        float: left;
        /*padding: 0 0.83333rem 1.25rem 0.83333rem;*/
        padding: 0 0.83333rem 0 0.83333rem;
    }

.blgr-nogap > li {
    padding: 0 0.8333em 0.8333em 0;
    margin-bottom: 0.8333em;
}

.blgr-smallgap > li {
    padding: 0 0.1rem;
    margin-bottom: 0;
}

    .blgr-smallgap > li:last-child,
    .blgr-nogap > li:last-child {
        padding-right: 0;
    }

.sideBySideList {
    text-align: center;
}

    .sideBySideList > li {
        display: inline-block;
        height: auto;
        padding: 0 0.83333rem 1.0rem 0;
        list-style: none;
    }


/*********************************************************************************************
 * Responsive styles (media queries)
 ********************************************************************************************/

/*********************************************************************************************
  S:
  Smallest screens and all screen size independent dimensions
*********************************************************************************************/
@media only screen {

    /*
  @-ms-viewport {
    width: device-width;
  }
*/
    .widthMarker {
        display: inline-block;
        height: 21px;
        width: 30px;
        background-position: 2px 6px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='0' y='15' fill='black' font-size='20'>S</text></svg>");
    }

    .container {
    }

        .container:before,
        .container:after {
            content: "";
            display: table;
        }

        .container:after {
            clear: both;
        }

    /*
  [class*="col"] + [class*="col"]:last-child {
    float: right;
  }
  [class*="col"] + [class*="col"].end {
    float: left;
  }
      */
    .col:last-child {
        float: right;
    }

    .col.end {
        float: left;
    }

    .s-page {
        min-height: inherit;
    }

    .s-span-1 {
        width: 8.33333%;
    }

    .s-span-2 {
        width: 16.66667%;
    }

    .s-span-3 {
        width: 25%;
    }

    .s-span-4 {
        width: 33.33333%;
    }

    .s-span-5 {
        width: 41.66667%;
    }

    .s-span-6 {
        width: 50%;
    }

    .s-span-7 {
        width: 58.33333%;
    }

    .s-span-8 {
        width: 66.66667%;
    }

    .s-span-9 {
        width: 75%;
    }

    .s-span-10 {
        width: 83.33333%;
    }

    .s-span-11 {
        width: 91.66667%;
    }

    .s-span-12 {
        width: 100%;
    }

    [class*="blgr-s-"] > li {
        list-style: none;
    }

        [class*="blgr-s-"] > li:nth-of-type(1n) {
            clear: none;
        }

    .blgr-s-1 > li {
        width: 100%;
    }

    .blgr-s-2 > li {
        width: 50%;
    }

    .blgr-s-3 > li {
        width: 33.33333%;
    }

    .blgr-s-4 > li {
        width: 25%;
    }

    .blgr-s-5 > li {
        width: 20%;
    }

    .blgr-s-6 > li {
        width: 16.66667%;
    }

    .blgr-s-7 > li {
        width: 14.28571%;
    }

    .blgr-s-8 > li {
        width: 12.5%;
    }

    .blgr-s-9 > li {
        width: 11.11111%;
    }

    .blgr-s-10 > li {
        width: 10%;
    }

    .blgr-s-11 > li {
        width: 9.09091%;
    }

    .blgr-s-12 > li {
        width: 8.33333%;
    }

        .blgr-s-1 > li:nth-of-type(1n+1),
        .blgr-s-2 > li:nth-of-type(2n+1),
        .blgr-s-3 > li:nth-of-type(3n+1),
        .blgr-s-4 > li:nth-of-type(4n+1),
        .blgr-s-5 > li:nth-of-type(5n+1),
        .blgr-s-6 > li:nth-of-type(6n+1),
        .blgr-s-7 > li:nth-of-type(7n+1),
        .blgr-s-8 > li:nth-of-type(8n+1),
        .blgr-s-9 > li:nth-of-type(9n+1),
        .blgr-s-10 > li:nth-of-type(10n+1),
        .blgr-s-11 > li:nth-of-type(11n+1),
        .blgr-s-12 > li:nth-of-type(12n+1) {
            clear: both;
        }

    .s-left {
        float: left;
    }

    .s-right {
        float: right;
    }

    .s-left-expand {
        float: none;
    }

    .s-hide {
        display: none;
    }

    .s-show {
        display: block;
    }

    .sideBySideCols {
        overflow: hidden; /* clear the float */
    }

        .sideBySideCols .leftCol-s {
            float: left;
            width: 90px;
            margin-right: 0.8333em;
        }

        .sideBySideCols .rightCol {
            overflow: hidden;
        }
}

/*********************************************************************************************
  S1:
  Width: 365px and more
*********************************************************************************************/
@media only screen and (min-width: 365px) {

    .widthMarker {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='0' y='15' fill='black' font-size='20'>S1</text></svg>");
    }

    .s1-span-1 {
        width: 8.33333%;
    }

    .s1-span-2 {
        width: 16.66667%;
    }

    .s1-span-3 {
        width: 25%;
    }

    .s1-span-4 {
        width: 33.33333%;
    }

    .s1-span-5 {
        width: 41.66667%;
    }

    .s1-span-6 {
        width: 50%;
    }

    .s1-span-7 {
        width: 58.33333%;
    }

    .s1-span-8 {
        width: 66.66667%;
    }

    .s1-span-9 {
        width: 75%;
    }

    .s1-span-10 {
        width: 83.33333%;
    }

    .s1-span-11 {
        width: 91.66667%;
    }

    .s1-span-12 {
        width: 100%;
    }

    [class*="blgr-s1-"] > li {
        list-style: none;
    }

        [class*="blgr-s1-"] > li:nth-of-type(1n) {
            clear: none;
        }

    .blgr-s1-1 > li {
        width: 100%;
    }

    .blgr-s1-2 > li {
        width: 50%;
    }

    .blgr-s1-3 > li {
        width: 33.33333%;
    }

    .blgr-s1-4 > li {
        width: 25%;
    }

    .blgr-s1-5 > li {
        width: 20%;
    }

    .blgr-s1-6 > li {
        width: 16.66667%;
    }

    .blgr-s1-7 > li {
        width: 14.28571%;
    }

    .blgr-s1-8 > li {
        width: 12.5%;
    }

    .blgr-s1-9 > li {
        width: 11.11111%;
    }

    .blgr-s1-10 > li {
        width: 10%;
    }

    .blgr-s1-11 > li {
        width: 9.09091%;
    }

    .blgr-s1-12 > li {
        width: 8.33333%;
    }

        .blgr-s1-1 > li:nth-of-type(1n+1),
        .blgr-s1-2 > li:nth-of-type(2n+1),
        .blgr-s1-3 > li:nth-of-type(3n+1),
        .blgr-s1-4 > li:nth-of-type(4n+1),
        .blgr-s1-5 > li:nth-of-type(5n+1),
        .blgr-s1-6 > li:nth-of-type(6n+1),
        .blgr-s1-7 > li:nth-of-type(7n+1),
        .blgr-s1-8 > li:nth-of-type(8n+1),
        .blgr-s1-9 > li:nth-of-type(9n+1),
        .blgr-s1-10 > li:nth-of-type(10n+1),
        .blgr-s1-11 > li:nth-of-type(11n+1),
        .blgr-s1-12 > li:nth-of-type(12n+1) {
            clear: both;
        }

    .s1-left {
        float: left;
    }

    .s1-right {
        float: right;
    }

    .s1-hide {
        display: none;
    }

    .s1-show {
        display: block;
    }

    .sideBySideCols .leftCol-s1 {
        float: left;
        width: 110px;
        margin-right: 0.8333em;
    }
}


/*********************************************************************************************
  S2:
  Width: 440px and more
*********************************************************************************************/
@media only screen and (min-width: 440px) {

    .widthMarker {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='0' y='15' fill='black' font-size='20'>S2</text></svg>");
    }

    .s2-span-1 {
        width: 8.33333%;
    }

    .s2-span-2 {
        width: 16.66667%;
    }

    .s2-span-3 {
        width: 25%;
    }

    .s2-span-4 {
        width: 33.33333%;
    }

    .s2-span-5 {
        width: 41.66667%;
    }

    .s2-span-6 {
        width: 50%;
    }

    .s2-span-7 {
        width: 58.33333%;
    }

    .s2-span-8 {
        width: 66.66667%;
    }

    .s2-span-9 {
        width: 75%;
    }

    .s2-span-10 {
        width: 83.33333%;
    }

    .s2-span-11 {
        width: 91.66667%;
    }

    .s2-span-12 {
        width: 100%;
    }

    [class*="blgr-s2-"] > li {
        list-style: none;
    }

        [class*="blgr-s2-"] > li:nth-of-type(1n) {
            clear: none;
        }

    .blgr-s2-1 > li {
        width: 100%;
    }

    .blgr-s2-2 > li {
        width: 50%;
    }

    .blgr-s2-3 > li {
        width: 33.33333%;
    }

    .blgr-s2-4 > li {
        width: 25%;
    }

    .blgr-s2-5 > li {
        width: 20%;
    }

    .blgr-s2-6 > li {
        width: 16.66667%;
    }

    .blgr-s2-7 > li {
        width: 14.28571%;
    }

    .blgr-s2-8 > li {
        width: 12.5%;
    }

    .blgr-s2-9 > li {
        width: 11.11111%;
    }

    .blgr-s2-10 > li {
        width: 10%;
    }

    .blgr-s2-11 > li {
        width: 9.09091%;
    }

    .blgr-s2-12 > li {
        width: 8.33333%;
    }

        .blgr-s2-1 > li:nth-of-type(1n+1),
        .blgr-s2-2 > li:nth-of-type(2n+1),
        .blgr-s2-3 > li:nth-of-type(3n+1),
        .blgr-s2-4 > li:nth-of-type(4n+1),
        .blgr-s2-5 > li:nth-of-type(5n+1),
        .blgr-s2-6 > li:nth-of-type(6n+1),
        .blgr-s2-7 > li:nth-of-type(7n+1),
        .blgr-s2-8 > li:nth-of-type(8n+1),
        .blgr-s2-9 > li:nth-of-type(9n+1),
        .blgr-s2-10 > li:nth-of-type(10n+1),
        .blgr-s2-11 > li:nth-of-type(11n+1),
        .blgr-s2-12 > li:nth-of-type(12n+1) {
            clear: both;
        }

    .s2-left {
        float: left;
    }

    .s2-right {
        float: right;
    }

    .s2-hide {
        display: none;
    }

    .s2-show {
        display: block;
    }

    .sideBySideCols .leftCol-s2 {
        float: left;
        width: 150px;
        margin-right: 0.8333em;
    }
}

/*********************************************************************************************
  S3:
  Width: 592px and more
*********************************************************************************************/
@media only screen and (min-width: 592px) {

    .widthMarker {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='0' y='15' fill='black' font-size='20'>S3</text></svg>");
    }

    .s3-span-1 {
        width: 8.33333%;
    }

    .s3-span-2 {
        width: 16.66667%;
    }

    .s3-span-3 {
        width: 25%;
    }

    .s3-span-4 {
        width: 33.33333%;
    }

    .s3-span-5 {
        width: 41.66667%;
    }

    .s3-span-6 {
        width: 50%;
    }

    .s3-span-7 {
        width: 58.33333%;
    }

    .s3-span-8 {
        width: 66.66667%;
    }

    .s3-span-9 {
        width: 75%;
    }

    .s3-span-10 {
        width: 83.33333%;
    }

    .s3-span-11 {
        width: 91.66667%;
    }

    .s3-span-12 {
        width: 100%;
    }

    [class*="blgr-s3-"] > li {
        list-style: none;
    }

        [class*="blgr-s3-"] > li:nth-of-type(1n) {
            clear: none;
        }

    .blgr-s3-1 > li {
        width: 100%;
    }

    .blgr-s3-2 > li {
        width: 50%;
    }

    .blgr-s3-3 > li {
        width: 33.33333%;
    }

    .blgr-s3-4 > li {
        width: 25%;
    }

    .blgr-s3-5 > li {
        width: 20%;
    }

    .blgr-s3-6 > li {
        width: 16.66667%;
    }

    .blgr-s3-7 > li {
        width: 14.28571%;
    }

    .blgr-s3-8 > li {
        width: 12.5%;
    }

    .blgr-s3-9 > li {
        width: 11.11111%;
    }

    .blgr-s3-10 > li {
        width: 10%;
    }

    .blgr-s3-11 > li {
        width: 9.09091%;
    }

    .blgr-s3-12 > li {
        width: 8.33333%;
    }

        .blgr-s3-1 > li:nth-of-type(1n+1),
        .blgr-s3-2 > li:nth-of-type(2n+1),
        .blgr-s3-3 > li:nth-of-type(3n+1),
        .blgr-s3-4 > li:nth-of-type(4n+1),
        .blgr-s3-5 > li:nth-of-type(5n+1),
        .blgr-s3-6 > li:nth-of-type(6n+1),
        .blgr-s3-7 > li:nth-of-type(7n+1),
        .blgr-s3-8 > li:nth-of-type(8n+1),
        .blgr-s3-9 > li:nth-of-type(9n+1),
        .blgr-s3-10 > li:nth-of-type(10n+1),
        .blgr-s3-11 > li:nth-of-type(11n+1),
        .blgr-s3-12 > li:nth-of-type(12n+1) {
            clear: both;
        }

    .s3-left {
        float: left;
    }

    .s3-right {
        float: right;
    }

    .s3-hide {
        display: none;
    }

    .s3-show {
        display: block;
    }

    .sideBySideCols .leftCol-s3 {
        float: left;
        width: 160px;
        margin-right: 0.8333em;
    }
}

/* max-width 647px */

/*********************************************************************************************
  M:
  Width: 648px and more
*********************************************************************************************/
@media only screen and (min-width: 648px) {

    .widthMarker {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='0' y='15' fill='black' font-size='20'>M</text></svg>");
    }

    .m-page {
        min-height: 480px;
    }

    .m-span-1 {
        width: 8.33333%;
    }

    .m-span-2 {
        width: 16.66667%;
    }

    .m-span-3 {
        width: 25%;
    }

    .m-span-4 {
        width: 33.33333%;
    }

    .m-span-5 {
        width: 41.66667%;
    }

    .m-span-6 {
        width: 50%;
    }

    .m-span-7 {
        width: 58.33333%;
    }

    .m-span-8 {
        width: 66.66667%;
    }

    .m-span-9 {
        width: 75%;
    }

    .m-span-10 {
        width: 83.33333%;
    }

    .m-span-11 {
        width: 91.66667%;
    }

    .m-span-12 {
        width: 100%;
    }

    [class*="blgr-m-"] > li {
        list-style: none;
    }

        [class*="blgr-m-"] > li:nth-of-type(1n) {
            clear: none;
        }

    .blgr-m-1 > li {
        width: 100%;
    }

    .blgr-m-2 > li {
        width: 50%;
    }

    .blgr-m-3 > li {
        width: 33.33333%;
    }

    .blgr-m-4 > li {
        width: 25%;
    }

    .blgr-m-5 > li {
        width: 20%;
    }

    .blgr-m-6 > li {
        width: 16.66667%;
    }

    .blgr-m-7 > li {
        width: 14.28571%;
    }

    .blgr-m-8 > li {
        width: 12.5%;
    }

    .blgr-m-9 > li {
        width: 11.11111%;
    }

    .blgr-m-10 > li {
        width: 10%;
    }

    .blgr-m-11 > li {
        width: 9.09091%;
    }

    .blgr-m-12 > li {
        width: 8.33333%;
    }

        .blgr-m-1 > li:nth-of-type(1n+1),
        .blgr-m-2 > li:nth-of-type(2n+1),
        .blgr-m-3 > li:nth-of-type(3n+1),
        .blgr-m-4 > li:nth-of-type(4n+1),
        .blgr-m-5 > li:nth-of-type(5n+1),
        .blgr-m-6 > li:nth-of-type(6n+1),
        .blgr-m-7 > li:nth-of-type(7n+1),
        .blgr-m-8 > li:nth-of-type(8n+1),
        .blgr-m-9 > li:nth-of-type(9n+1),
        .blgr-m-10 > li:nth-of-type(10n+1),
        .blgr-m-11 > li:nth-of-type(11n+1),
        .blgr-m-12 > li:nth-of-type(12n+1) {
            clear: both;
        }

    .sideBySideCols .leftCol-m {
        float: left;
        width: 180px;
        margin-right: 0.8333em;
    }

    .m-left {
        float: left;
    }

    .m-right {
        float: right;
    }

    .m-hide {
        display: none;
    }

    .m-show {
        display: block;
    }
}

/*********************************************************************************************
  M2:
  Width: 712px and more
*********************************************************************************************/
@media only screen and (min-width: 712px) {

    .widthMarker {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='0' y='15' fill='black' font-size='20'>M2</text></svg>");
    }

    .m2-page {
        min-height: 480px;
    }

    .m2-span-1 {
        width: 8.33333%;
    }

    .m2-span-2 {
        width: 16.66667%;
    }

    .m2-span-3 {
        width: 25%;
    }

    .m2-span-4 {
        width: 33.33333%;
    }

    .m2-span-5 {
        width: 41.66667%;
    }

    .m2-span-6 {
        width: 50%;
    }

    .m2-span-7 {
        width: 58.33333%;
    }

    .m2-span-8 {
        width: 66.66667%;
    }

    .m2-span-9 {
        width: 75%;
    }

    .m2-span-10 {
        width: 83.33333%;
    }

    .m2-span-11 {
        width: 91.66667%;
    }

    .m2-span-12 {
        width: 100%;
    }

    [class*="blgr-m2-"] > li {
        list-style: none;
    }

        [class*="blgr-m2-"] > li:nth-of-type(1n) {
            clear: none;
        }

    .blgr-m2-1 > li {
        width: 100%;
    }

    .blgr-m2-2 > li {
        width: 50%;
    }

    .blgr-m2-3 > li {
        width: 33.33333%;
    }

    .blgr-m2-4 > li {
        width: 25%;
    }

    .blgr-m2-5 > li {
        width: 20%;
    }

    .blgr-m2-6 > li {
        width: 16.66667%;
    }

    .blgr-m2-7 > li {
        width: 14.28571%;
    }

    .blgr-m2-8 > li {
        width: 12.5%;
    }

    .blgr-m2-9 > li {
        width: 11.11111%;
    }

    .blgr-m2-10 > li {
        width: 10%;
    }

    .blgr-m2-11 > li {
        width: 9.09091%;
    }

    .blgr-m2-12 > li {
        width: 8.33333%;
    }

        .blgr-m2-1 > li:nth-of-type(1n+1),
        .blgr-m2-2 > li:nth-of-type(2n+1),
        .blgr-m2-3 > li:nth-of-type(3n+1),
        .blgr-m2-4 > li:nth-of-type(4n+1),
        .blgr-m2-5 > li:nth-of-type(5n+1),
        .blgr-m2-6 > li:nth-of-type(6n+1),
        .blgr-m2-7 > li:nth-of-type(7n+1),
        .blgr-m2-8 > li:nth-of-type(8n+1),
        .blgr-m2-9 > li:nth-of-type(9n+1),
        .blgr-m2-10 > li:nth-of-type(10n+1),
        .blgr-m2-11 > li:nth-of-type(11n+1),
        .blgr-m2-12 > li:nth-of-type(12n+1) {
            clear: both;
        }

    .sideBySideCols .leftCol-m2 {
        float: left;
        width: 256px;
        margin-right: 0.8333em;
    }

    .m2-left {
        float: left;
    }

    .m2-right {
        float: right;
    }

    .m2-hide {
        display: none;
    }

    .m2-show {
        display: block;
    }
}

/*********************************************************************************************
  M3:
  Width: 768px and more
*********************************************************************************************/
@media only screen and (min-width: 768px) {

    .widthMarker {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='0' y='15' fill='black' font-size='20'>M3</text></svg>");
    }

    .m3-page {
        min-height: 480px;
    }

    .m3-span-1 {
        width: 8.33333%;
    }

    .m3-span-2 {
        width: 16.66667%;
    }

    .m3-span-3 {
        width: 25%;
    }

    .m3-span-4 {
        width: 33.33333%;
    }

    .m3-span-5 {
        width: 41.66667%;
    }

    .m3-span-6 {
        width: 50%;
    }

    .m3-span-7 {
        width: 58.33333%;
    }

    .m3-span-8 {
        width: 66.66667%;
    }

    .m3-span-9 {
        width: 75%;
    }

    .m2-span-10 {
        width: 83.33333%;
    }

    .m3-span-11 {
        width: 91.66667%;
    }

    .m3-span-12 {
        width: 100%;
    }

    [class*="blgr-m3-"] > li {
        list-style: none;
    }

        [class*="blgr-m3-"] > li:nth-of-type(1n) {
            clear: none;
        }

    .blgr-m3-1 > li {
        width: 100%;
    }

    .blgr-m3-2 > li {
        width: 50%;
    }

    .blgr-m3-3 > li {
        width: 33.33333%;
    }

    .blgr-m3-4 > li {
        width: 25%;
    }

    .blgr-m3-5 > li {
        width: 20%;
    }

    .blgr-m3-6 > li {
        width: 16.66667%;
    }

    .blgr-m3-7 > li {
        width: 14.28571%;
    }

    .blgr-m3-8 > li {
        width: 12.5%;
    }

    .blgr-m3-9 > li {
        width: 11.11111%;
    }

    .blgr-m3-10 > li {
        width: 10%;
    }

    .blgr-m3-11 > li {
        width: 9.09091%;
    }

    .blgr-m3-12 > li {
        width: 8.33333%;
    }

        .blgr-m3-1 > li:nth-of-type(1n+1),
        .blgr-m3-2 > li:nth-of-type(2n+1),
        .blgr-m3-3 > li:nth-of-type(3n+1),
        .blgr-m3-4 > li:nth-of-type(4n+1),
        .blgr-m3-5 > li:nth-of-type(5n+1),
        .blgr-m3-6 > li:nth-of-type(6n+1),
        .blgr-m3-7 > li:nth-of-type(7n+1),
        .blgr-m3-8 > li:nth-of-type(8n+1),
        .blgr-m3-9 > li:nth-of-type(9n+1),
        .blgr-m3-10 > li:nth-of-type(10n+1),
        .blgr-m3-11 > li:nth-of-type(11n+1),
        .blgr-m3-12 > li:nth-of-type(12n+1) {
            clear: both;
        }

    .sideBySideCols .leftCol-m3 {
        float: left;
        width: 256px;
        margin-right: 0.8333em;
    }

    .m3-left {
        float: left;
    }

    .m3-right {
        float: right;
    }

    .m3-hide {
        display: none;
    }

    .m3-show {
        display: block;
    }
}

/*********************************************************************************************
  L:
  Width: 1024px and more
*********************************************************************************************/
@media only screen and (min-width: 1023px) {

    .widthMarker {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='0' y='15' fill='black' font-size='20'>L</text></svg>");
    }

    .container {
        max-width: 1250px;
        margin-left: auto;
        margin-right: auto;
    }

    .l-span-1 {
        width: 8.33333%;
    }

    .l-span-2 {
        width: 16.66667%;
    }

    .l-span-3 {
        width: 25%;
    }

    .l-span-4 {
        width: 33.33333%;
    }

    .l-span-5 {
        width: 41.66667%;
    }

    .l-span-6 {
        width: 50%;
    }

    .l-span-7 {
        width: 58.33333%;
    }

    .l-span-8 {
        width: 66.66667%;
    }

    .l-span-9 {
        width: 75%;
    }

    .l-span-10 {
        width: 83.33333%;
    }

    .l-span-11 {
        width: 91.66667%;
    }

    .l-span-12 {
        width: 100%;
    }

    [class*="blgr-l-"] > li {
        list-style: none;
    }

        [class*="blgr-l-"] > li:nth-of-type(1n) {
            clear: none;
        }

    .blgr-l-1 > li {
        width: 100%;
    }

    .blgr-l-2 > li {
        width: 50%;
    }

    .blgr-l-3 > li {
        width: 33.33333%;
    }

    .blgr-l-4 > li {
        width: 25%;
    }

    .blgr-l-5 > li {
        width: 20%;
    }

    .blgr-l-6 > li {
        width: 16.66667%;
    }

    .blgr-l-7 > li {
        width: 14.28571%;
    }

    .blgr-l-8 > li {
        width: 12.5%;
    }

    .blgr-l-9 > li {
        width: 11.11111%;
    }

    .blgr-l-10 > li {
        width: 10%;
    }

    .blgr-l-11 > li {
        width: 9.09091%;
    }

    .blgr-l-12 > li {
        width: 8.33333%;
    }

        .blgr-l-1 > li:nth-of-type(1n+1),
        .blgr-l-2 > li:nth-of-type(2n+1),
        .blgr-l-3 > li:nth-of-type(3n+1),
        .blgr-l-4 > li:nth-of-type(4n+1),
        .blgr-l-5 > li:nth-of-type(5n+1),
        .blgr-l-6 > li:nth-of-type(6n+1),
        .blgr-l-7 > li:nth-of-type(7n+1),
        .blgr-l-8 > li:nth-of-type(8n+1),
        .blgr-l-9 > li:nth-of-type(9n+1),
        .blgr-l-10 > li:nth-of-type(10n+1),
        .blgr-l-11 > li:nth-of-type(11n+1),
        .blgr-l-12 > li:nth-of-type(12n+1) {
            clear: both;
        }

    .sideBySideCols .leftCol-l {
        float: left;
        width: 360px;
        margin-right: 0.8333em;
    }

    .l-left {
        float: left;
    }

    .l-right {
        float: right;
    }

    .l-hide {
        display: none;
    }

    .l-show {
        display: block;
    }
}

/*********************************************************************************************
  XL:
  Width: 1440px and more
 ********************************************************************************************/
@media only screen and (min-width: 1440px) {


    .widthMarker {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='0' y='15' fill='black' font-size='20'>XL</text></svg>");
    }

    .xl-span-1 {
        width: 8.33333%;
    }

    .xl-span-2 {
        width: 16.66667%;
    }

    .xl-span-3 {
        width: 25%;
    }

    .xl-span-4 {
        width: 33.33333%;
    }

    .xl-span-5 {
        width: 41.66667%;
    }

    .xl-span-6 {
        width: 50%;
    }

    .xl-span-7 {
        width: 58.33333%;
    }

    .xl-span-8 {
        width: 66.66667%;
    }

    .xl-span-9 {
        width: 75%;
    }

    .xl-span-10 {
        width: 83.33333%;
    }

    .xl-span-11 {
        width: 91.66667%;
    }

    .xl-span-12 {
        width: 100%;
    }

    [class*="blgr-xl-"] > li {
        list-style: none;
    }

        [class*="blgr-xl-"] > li:nth-of-type(1n) {
            clear: none;
        }

    .blgr-xl-1 > li {
        width: 100%;
    }

    .blgr-xl-2 > li {
        width: 50%;
    }

    .blgr-xl-3 > li {
        width: 33.33333%;
    }

    .blgr-xl-4 > li {
        width: 25%;
    }

    .blgr-xl-5 > li {
        width: 20%;
    }

    .blgr-xl-6 > li {
        width: 16.66667%;
    }

    .blgr-xl-7 > li {
        width: 14.28571%;
    }

    .blgr-xl-8 > li {
        width: 12.5%;
    }

    .blgr-xl-9 > li {
        width: 11.11111%;
    }

    .blgr-xl-10 > li {
        width: 10%;
    }

    .blgr-xl-11 > li {
        width: 9.09091%;
    }

    .blgr-xl-12 > li {
        width: 8.33333%;
    }

        .blgr-xl-1 > li:nth-of-type(1n+1),
        .blgr-xl-2 > li:nth-of-type(2n+1),
        .blgr-xl-3 > li:nth-of-type(3n+1),
        .blgr-xl-4 > li:nth-of-type(4n+1),
        .blgr-xl-5 > li:nth-of-type(5n+1),
        .blgr-xl-6 > li:nth-of-type(6n+1),
        .blgr-xl-7 > li:nth-of-type(7n+1),
        .blgr-xl-8 > li:nth-of-type(8n+1),
        .blgr-xl-9 > li:nth-of-type(9n+1),
        .blgr-xl-10 > li:nth-of-type(10n+1),
        .blgr-xl-11 > li:nth-of-type(11n+1),
        .blgr-xl-12 > li:nth-of-type(12n+1) {
            clear: both;
        }

    .sideBySideCols .leftCol-xl {
        float: left;
        width: 480px;
        margin-right: 0.8333em;
    }
}

/*********************************************************************************************
  XXL:
  Width: 1920px and more
 ********************************************************************************************/
@media only screen and (min-width: 1920px) {

    .widthMarker {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='0' y='15' fill='black' font-size='20'>XLL</text></svg>");
    }
}