/*START: brands-we-represent*/
.brands-we-represent {
    height: auto;
}

.brands-we-represent-description {
    padding-bottom: 0;
}

.brands-we-represent li {
    height: auto !important;
}

    .brands-we-represent li:last-child {
        margin-bottom: 60px;
    }

.grid-container.news .grid-list .description-container.brands-we-represent-description p {
    font-size: 18px;
    color: #808080;
    font-weight: 300;
    text-align: left;
    float: left;
    height: 75px;
    line-height: 45px;
    float: left;
    margin-bottom: 0px;
    transition: color 400ms;
}

.brands-we-represent li img {
    transition: opacity 400ms;
}

.brands-we-represent li:hover img {
    opacity: 0.6;
}

.grid-container.news .grid-list li:hover .description-container.brands-we-represent-description p {
    color: #c0001f;
}

.grid-container.news .grid-list .description-container.brands-we-represent-description {
    padding-bottom: 0px;
    min-height: 105px;
    max-height: 105px;
}

ul.brands-we-represent > li:nth-child(2) {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    z-index: 3;
}

ul.brands-we-represent > li:nth-child(5) {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    z-index: 3;
}

ul.brands-we-represent > li:nth-child(8) {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    z-index: 3;
}

ul.brands-we-represent > li:nth-child(11) {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    z-index: 3;
}

ul.brands-we-represent > li:nth-child(14) {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    z-index: 3;
}

ul.brands-we-represent > li:nth-child(17) {
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    z-index: 3;
}

.brands-we-represent li a .ribbon {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../images/ribbon.png);
    background-repeat: no-repeat;
    background-size: 70px 70px;
    width: 70px;
    height: 70px;
}

.brands-we-represent li {
    position: relative;
}


@media only screen and (min-width: 768px) {
    .image-container.brands-we-represent-image {
        height: auto !important;
    }
}


@media only screen and (min-width: 992px) {
    .image-container.brands-we-represent-image {
        height: auto !important;
    }
}
/*END: brands-we-represent*/


/*START: Website Sustainable Environment*/

.sustainable-title {
    font-weight: 500;
    text-align: center;
    width: 100%;
    font-size: 18px;
    color: #808080;
    line-height: 23px;
    display: block;
}


article.capabilities-item.capabilities-left {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}


article.capabilities-item.capabilities-right {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    article.capabilities-item.capabilities-left {
        margin-left: 0;
        margin-right: 2%;
        width: 48%;
    }


    article.capabilities-item.capabilities-right {
        margin-right: 0;
        margin-left: 2%;
        width: 48%;
    }
}
/*END: Website Sustainable Environment*/



/*START: Website Investors-Company Structure*/

.clear-top-padding {
    padding-top: 0 !important;
}

.add-top-padding {
    padding-top: 30px;
}

.full-width-p {
    width: 100% !important;
}


p.align-left {
    float: left;
}

.clear-top-padding table {
    width: 100%;
    border-collapse: collapse;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
}
/* Zebra striping */
.clear-top-padding tr:nth-of-type(odd) {
    background: #fff;
}

.clear-top-padding tr:nth-of-type(even) {
    background: #f7f7f7;
}

.clear-top-padding th {
    background: #f7f7f7;
    text-transform: uppercase;
    font-size: 12px;
    color: #808080;
    font-weight: 600;
    padding: 14px;
}

.clear-top-padding td {
    padding: 14px;
    text-align: left;
    font-size: 16px;
    line-height: 27px;
    font-weight: 300;
    margin-bottom: 0px;
}


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {


    .clear-top-padding tr:nth-of-type(even) {
        padding: 16px 0;
    }


    .clear-top-padding tr:nth-of-type(odd) {
        padding: 16px 0;
    }
    /* Force table to not be like tables anymore */
    .clear-top-padding table, thead, tbody, th, td, tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .clear-top-padding thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .clear-top-padding tr {
        /*border: 1px solid #ccc;*/
    }

    .clear-top-padding td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        text-align: center;
        padding: 0px;
    }

        .clear-top-padding td:before {
            padding-bottom: 2px;
        }

        /*
	Label the data
	*/
        .clear-top-padding td:nth-of-type(2):before {
            content: "registered office";
            width: 100%;
            display: block;
            text-transform: uppercase;
            font-size: 11px;
            color: #808080;
            font-weight: 600;
            padding: 8px 14px 0 14px;
        }

        .clear-top-padding td:nth-of-type(3):before {
            content: "principal activities";
            width: 100%;
            display: block;
            text-transform: uppercase;
            font-size: 11px;
            color: #808080;
            font-weight: 600;
            padding: 8px 14px 0 14px;
        }

        .clear-top-padding td:nth-of-type(4):before {
            content: "percentage of shares held 2011";
            width: 100%;
            display: block;
            text-transform: uppercase;
            font-size: 11px;
            color: #808080;
            font-weight: 600;
            padding: 8px 14px 0 14px;
        }

        .clear-top-padding td:nth-of-type(5):before {
            content: "percentage of shares held 2010";
            width: 100%;
            display: block;
            text-transform: uppercase;
            font-size: 11px;
            color: #808080;
            font-weight: 600;
            padding: 8px 14px 0 14px;
        }


        .clear-top-padding td:nth-of-type(2):after {
            padding: 30px;
        }

        .clear-top-padding td:nth-of-type(3):after {
            padding: 30px;
        }

        .clear-top-padding td:nth-of-type(4):after {
            padding: 30px;
        }

        .clear-top-padding td:nth-of-type(5):after {
            padding: 30px;
        }
}


/*END: Website Investors-Company Structure*/