/* ==================
    CONFIG
===================== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ==================
    GRID
===================== */
.pfr {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    margin: 0 0%;
}
.pfr .pfc1 {
    float: left;
    margin-right: -100%;
    width: 8.33%;
    total_columns: 12;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .pfr .pfc1 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfc1-handheld {
        float: left;
        margin-right: -100%;
        width: 8.33%;
    }
}
.pfr .pfc1-fixed {
    float: left;
    margin-right: -100%;
    width: 8.33%;
    padding: 0;
}
.pfr .pfp1 {
    margin-left: 8.33%;
}
@media screen and (max-width: 767px) {
    .pfr .pfp1 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfp1-handheld {
        margin-left: 8.33%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.pfr .pfp1-fixed {
    margin-left: 8.33%;
}
.pfr .pfc2 {
    float: left;
    margin-right: -100%;
    width: 16.67%;
    total_columns: 12;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .pfr .pfc2 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfc2-handheld {
        float: left;
        margin-right: -100%;
        width: 16.67%;
    }
}
.pfr .pfc2-fixed {
    float: left;
    margin-right: -100%;
    width: 16.67%;
    padding: 0;
}
.pfr .pfp2 {
    margin-left: 16.67%;
}
@media screen and (max-width: 767px) {
    .pfr .pfp2 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfp2-handheld {
        margin-left: 16.67%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.pfr .pfp2-fixed {
    margin-left: 16.67%;
}
.pfr .pfc3 {
    float: left;
    margin-right: -100%;
    width: 25%;
    total_columns: 12;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .pfr .pfc3 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfc3-handheld {
        float: left;
        margin-right: -100%;
        width: 25%;
    }
}
.pfr .pfc3-fixed {
    float: left;
    margin-right: -100%;
    width: 25%;
    padding: 0;
}
.pfr .pfp3 {
    margin-left: 25%;
}
@media screen and (max-width: 767px) {
    .pfr .pfp3 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfp3-handheld {
        margin-left: 25%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.pfr .pfp3-fixed {
    margin-left: 25%;
}
.pfr .pfc4 {
    float: left;
    margin-right: -100%;
    width: 33.33%;
    total_columns: 12;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .pfr .pfc4 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfc4-handheld {
        float: left;
        margin-right: -100%;
        width: 33.33%;
    }
}
.pfr .pfc4-fixed {
    float: left;
    margin-right: -100%;
    width: 33.33%;
    padding: 0;
}
.pfr .pfp4 {
    margin-left: 33.33%;
}
@media screen and (max-width: 767px) {
    .pfr .pfp4 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfp4-handheld {
        margin-left: 33.33%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.pfr .pfp4-fixed {
    margin-left: 33.33%;
}
.pfr .pfc5 {
    float: left;
    margin-right: -100%;
    width: 41.67%;
    total_columns: 12;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .pfr .pfc5 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfc5-handheld {
        float: left;
        margin-right: -100%;
        width: 41.67%;
    }
}
.pfr .pfc5-fixed {
    float: left;
    margin-right: -100%;
    width: 41.67%;
    padding: 0;
}
.pfr .pfp5 {
    margin-left: 41.67%;
}
@media screen and (max-width: 767px) {
    .pfr .pfp5 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfp5-handheld {
        margin-left: 41.67%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.pfr .pfp5-fixed {
    margin-left: 41.67%;
}
.pfr .pfc6 {
    float: left;
    margin-right: -100%;
    width: 50%;
    total_columns: 12;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .pfr .pfc6 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfc6-handheld {
        float: left;
        margin-right: -100%;
        width: 50%;
    }
}
.pfr .pfc6-fixed {
    float: left;
    margin-right: -100%;
    width: 50%;
    padding: 0;
}
.pfr .pfp6 {
    margin-left: 50%;
}
@media screen and (max-width: 767px) {
    .pfr .pfp6 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfp6-handheld {
        margin-left: 50%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.pfr .pfp6-fixed {
    margin-left: 50%;
}
.pfr .pfc7 {
    float: left;
    margin-right: -100%;
    width: 58.33%;
    total_columns: 12;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .pfr .pfc7 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfc7-handheld {
        float: left;
        margin-right: -100%;
        width: 58.33%;
    }
}
.pfr .pfc7-fixed {
    float: left;
    margin-right: -100%;
    width: 58.33%;
    padding: 0;
}
.pfr .pfp7 {
    margin-left: 58.33%;
}
@media screen and (max-width: 767px) {
    .pfr .pfp7 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfp7-handheld {
        margin-left: 58.33%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.pfr .pfp7-fixed {
    margin-left: 58.33%;
}
.pfr .pfc8 {
    float: left;
    margin-right: -100%;
    width: 66.67%;
    total_columns: 12;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .pfr .pfc8 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfc8-handheld {
        float: left;
        margin-right: -100%;
        width: 66.67%;
    }
}
.pfr .pfc8-fixed {
    float: left;
    margin-right: -100%;
    width: 66.67%;
    padding: 0;
}
.pfr .pfp8 {
    margin-left: 66.67%;
}
@media screen and (max-width: 767px) {
    .pfr .pfp8 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfp8-handheld {
        margin-left: 66.67%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.pfr .pfp8-fixed {
    margin-left: 66.67%;
}
.pfr .pfc9 {
    float: left;
    margin-right: -100%;
    width: 75%;
    total_columns: 12;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .pfr .pfc9 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfc9-handheld {
        float: left;
        margin-right: -100%;
        width: 75%;
    }
}
.pfr .pfc9-fixed {
    float: left;
    margin-right: -100%;
    width: 75%;
    padding: 0;
}
.pfr .pfp9 {
    margin-left: 75%;
}
@media screen and (max-width: 767px) {
    .pfr .pfp9 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfp9-handheld {
        margin-left: 75%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.pfr .pfp9-fixed {
    margin-left: 75%;
}
.pfr .pfc10 {
    float: left;
    margin-right: -100%;
    width: 83.33%;
    total_columns: 12;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .pfr .pfc10 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfc10-handheld {
        float: left;
        margin-right: -100%;
        width: 83.33%;
    }
}
.pfr .pfc10-fixed {
    float: left;
    margin-right: -100%;
    width: 83.33%;
    padding: 0;
}
.pfr .pfp10 {
    margin-left: 83.33%;
}
@media screen and (max-width: 767px) {
    .pfr .pfp10 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfp10-handheld {
        margin-left: 83.33%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.pfr .pfp10-fixed {
    margin-left: 83.33%;
}
.pfr .pfc11 {
    float: left;
    margin-right: -100%;
    width: 91.67%;
    total_columns: 12;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .pfr .pfc11 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfc11-handheld {
        float: left;
        margin-right: -100%;
        width: 91.67%;
    }
}
.pfr .pfc11-fixed {
    float: left;
    margin-right: -100%;
    width: 91.67%;
    padding: 0;
}
.pfr .pfp11 {
    margin-left: 91.67%;
}
@media screen and (max-width: 767px) {
    .pfr .pfp11 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .pfr .pfp11-handheld {
        margin-left: 91.67%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.pfr .pfp11-fixed {
    margin-left: 91.67%;
}

.ten {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    margin: 0 0%;
}
.ten .pfc1 {
    float: left;
    margin-right: -100%;
    width: 10%;
    total_columns: 10;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .ten .pfc1 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfc1-handheld {
        float: left;
        margin-right: -100%;
        width: 10%;
    }
}
.ten .pfc1-fixed {
    float: left;
    margin-right: -100%;
    width: 10%;
    padding: 0;
}
.ten .pfp1 {
    margin-left: 10%;
}
@media screen and (max-width: 767px) {
    .ten .pfp1 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfp1-handheld {
        margin-left: 10%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.ten .pfp1-fixed {
    margin-left: 10%;
}
.ten .pfc2 {
    float: left;
    margin-right: -100%;
    width: 20%;
    total_columns: 10;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .ten .pfc2 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfc2-handheld {
        float: left;
        margin-right: -100%;
        width: 20%;
    }
}
.ten .pfc2-fixed {
    float: left;
    margin-right: -100%;
    width: 20%;
    padding: 0;
}
.ten .pfp2 {
    margin-left: 20%;
}
@media screen and (max-width: 767px) {
    .ten .pfp2 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfp2-handheld {
        margin-left: 20%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.ten .pfp2-fixed {
    margin-left: 20%;
}
.ten .pfc3 {
    float: left;
    margin-right: -100%;
    width: 30%;
    total_columns: 10;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .ten .pfc3 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfc3-handheld {
        float: left;
        margin-right: -100%;
        width: 30%;
    }
}
.ten .pfc3-fixed {
    float: left;
    margin-right: -100%;
    width: 30%;
    padding: 0;
}
.ten .pfp3 {
    margin-left: 30%;
}
@media screen and (max-width: 767px) {
    .ten .pfp3 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfp3-handheld {
        margin-left: 30%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.ten .pfp3-fixed {
    margin-left: 30%;
}
.ten .pfc4 {
    float: left;
    margin-right: -100%;
    width: 40%;
    total_columns: 10;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .ten .pfc4 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfc4-handheld {
        float: left;
        margin-right: -100%;
        width: 40%;
    }
}
.ten .pfc4-fixed {
    float: left;
    margin-right: -100%;
    width: 40%;
    padding: 0;
}
.ten .pfp4 {
    margin-left: 40%;
}
@media screen and (max-width: 767px) {
    .ten .pfp4 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfp4-handheld {
        margin-left: 40%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.ten .pfp4-fixed {
    margin-left: 40%;
}
.ten .pfc5 {
    float: left;
    margin-right: -100%;
    width: 50%;
    total_columns: 10;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .ten .pfc5 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfc5-handheld {
        float: left;
        margin-right: -100%;
        width: 50%;
    }
}
.ten .pfc5-fixed {
    float: left;
    margin-right: -100%;
    width: 50%;
    padding: 0;
}
.ten .pfp5 {
    margin-left: 50%;
}
@media screen and (max-width: 767px) {
    .ten .pfp5 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfp5-handheld {
        margin-left: 50%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.ten .pfp5-fixed {
    margin-left: 50%;
}
.ten .pfc6 {
    float: left;
    margin-right: -100%;
    width: 60%;
    total_columns: 10;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .ten .pfc6 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfc6-handheld {
        float: left;
        margin-right: -100%;
        width: 60%;
    }
}
.ten .pfc6-fixed {
    float: left;
    margin-right: -100%;
    width: 60%;
    padding: 0;
}
.ten .pfp6 {
    margin-left: 60%;
}
@media screen and (max-width: 767px) {
    .ten .pfp6 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfp6-handheld {
        margin-left: 60%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.ten .pfp6-fixed {
    margin-left: 60%;
}
.ten .pfc7 {
    float: left;
    margin-right: -100%;
    width: 70%;
    total_columns: 10;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .ten .pfc7 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfc7-handheld {
        float: left;
        margin-right: -100%;
        width: 70%;
    }
}
.ten .pfc7-fixed {
    float: left;
    margin-right: -100%;
    width: 70%;
    padding: 0;
}
.ten .pfp7 {
    margin-left: 70%;
}
@media screen and (max-width: 767px) {
    .ten .pfp7 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfp7-handheld {
        margin-left: 70%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.ten .pfp7-fixed {
    margin-left: 70%;
}
.ten .pfc8 {
    float: left;
    margin-right: -100%;
    width: 80%;
    total_columns: 10;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .ten .pfc8 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfc8-handheld {
        float: left;
        margin-right: -100%;
        width: 80%;
    }
}
.ten .pfc8-fixed {
    float: left;
    margin-right: -100%;
    width: 80%;
    padding: 0;
}
.ten .pfp8 {
    margin-left: 80%;
}
@media screen and (max-width: 767px) {
    .ten .pfp8 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfp8-handheld {
        margin-left: 80%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.ten .pfp8-fixed {
    margin-left: 80%;
}
.ten .pfc9 {
    float: left;
    margin-right: -100%;
    width: 90%;
    total_columns: 10;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .ten .pfc9 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfc9-handheld {
        float: left;
        margin-right: -100%;
        width: 90%;
    }
}
.ten .pfc9-fixed {
    float: left;
    margin-right: -100%;
    width: 90%;
    padding: 0;
}
.ten .pfp9 {
    margin-left: 90%;
}
@media screen and (max-width: 767px) {
    .ten .pfp9 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfp9-handheld {
        margin-left: 90%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.ten .pfp9-fixed {
    margin-left: 90%;
}
.ten .pfc10 {
    float: left;
    margin-right: -100%;
    width: 100%;
    total_columns: 10;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .ten .pfc10 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfc10-handheld {
        float: left;
        margin-right: -100%;
        width: 100%;
    }
}
.ten .pfc10-fixed {
    float: left;
    margin-right: -100%;
    width: 100%;
    padding: 0;
}
.ten .pfp10 {
    margin-left: 100%;
}
@media screen and (max-width: 767px) {
    .ten .pfp10 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfp10-handheld {
        margin-left: 100%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.ten .pfp10-fixed {
    margin-left: 100%;
}
.ten .pfc11 {
    float: left;
    margin-right: -100%;
    width: 110%;
    total_columns: 10;
    gutter_width: 0;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    .ten .pfc11 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfc11-handheld {
        float: left;
        margin-right: -100%;
        width: 110%;
    }
}
.ten .pfc11-fixed {
    float: left;
    margin-right: -100%;
    width: 110%;
    padding: 0;
}
.ten .pfp11 {
    margin-left: 110%;
}
@media screen and (max-width: 767px) {
    .ten .pfp11 {
        margin-left: 0%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .ten .pfp11-handheld {
        margin-left: 110%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
.ten .pfp11-fixed {
    margin-left: 110%;
}

#layout .pfr {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    margin: 0 0%;
}
#layout .pfr .pfc1 {
    float: left;
    margin-right: -100%;
    width: 5.47%;
    total_columns: 12;
    gutter_width: 3.125;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc1 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc1-handheld {
        float: left;
        margin-right: -100%;
        width: 5.47%;
    }
}
#layout .pfr .pfc1-fixed {
    float: left;
    margin-right: -100%;
    width: 5.47%;
    padding: 0;
}
#layout .pfr .pfp1 {
    margin-left: 8.595%;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp1 {
        margin-left: -0.005%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp1-handheld {
        margin-left: 8.595%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
#layout .pfr .pfp1-fixed {
    margin-left: 8.595%;
}
#layout .pfr .pfc2 {
    float: left;
    margin-right: -100%;
    width: 14.06%;
    total_columns: 12;
    gutter_width: 3.125;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc2 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc2-handheld {
        float: left;
        margin-right: -100%;
        width: 14.06%;
    }
}
#layout .pfr .pfc2-fixed {
    float: left;
    margin-right: -100%;
    width: 14.06%;
    padding: 0;
}
#layout .pfr .pfp2 {
    margin-left: 17.185%;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp2 {
        margin-left: -0.005%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp2-handheld {
        margin-left: 17.185%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
#layout .pfr .pfp2-fixed {
    margin-left: 17.185%;
}
#layout .pfr .pfc3 {
    float: left;
    margin-right: -100%;
    width: 22.66%;
    total_columns: 12;
    gutter_width: 3.125;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc3 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc3-handheld {
        float: left;
        margin-right: -100%;
        width: 22.66%;
    }
}
#layout .pfr .pfc3-fixed {
    float: left;
    margin-right: -100%;
    width: 22.66%;
    padding: 0;
}
#layout .pfr .pfp3 {
    margin-left: 25.785%;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp3 {
        margin-left: -0.005%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp3-handheld {
        margin-left: 25.785%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
#layout .pfr .pfp3-fixed {
    margin-left: 25.785%;
}
#layout .pfr .pfc4 {
    float: left;
    margin-right: -100%;
    width: 31.25%;
    total_columns: 12;
    gutter_width: 3.125;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc4 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc4-handheld {
        float: left;
        margin-right: -100%;
        width: 31.25%;
    }
}
#layout .pfr .pfc4-fixed {
    float: left;
    margin-right: -100%;
    width: 31.25%;
    padding: 0;
}
#layout .pfr .pfp4 {
    margin-left: 34.375%;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp4 {
        margin-left: -0.005%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp4-handheld {
        margin-left: 34.375%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
#layout .pfr .pfp4-fixed {
    margin-left: 34.375%;
}
#layout .pfr .pfc5 {
    float: left;
    margin-right: -100%;
    width: 39.84%;
    total_columns: 12;
    gutter_width: 3.125;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc5 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc5-handheld {
        float: left;
        margin-right: -100%;
        width: 39.84%;
    }
}
#layout .pfr .pfc5-fixed {
    float: left;
    margin-right: -100%;
    width: 39.84%;
    padding: 0;
}
#layout .pfr .pfp5 {
    margin-left: 42.965%;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp5 {
        margin-left: -0.005%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp5-handheld {
        margin-left: 42.965%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
#layout .pfr .pfp5-fixed {
    margin-left: 42.965%;
}
#layout .pfr .pfc6 {
    float: left;
    margin-right: -100%;
    width: 48.44%;
    total_columns: 12;
    gutter_width: 3.125;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc6 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc6-handheld {
        float: left;
        margin-right: -100%;
        width: 48.44%;
    }
}
#layout .pfr .pfc6-fixed {
    float: left;
    margin-right: -100%;
    width: 48.44%;
    padding: 0;
}
#layout .pfr .pfp6 {
    margin-left: 51.565%;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp6 {
        margin-left: -0.005%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp6-handheld {
        margin-left: 51.565%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
#layout .pfr .pfp6-fixed {
    margin-left: 51.565%;
}
#layout .pfr .pfc7 {
    float: left;
    margin-right: -100%;
    width: 57.03%;
    total_columns: 12;
    gutter_width: 3.125;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc7 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc7-handheld {
        float: left;
        margin-right: -100%;
        width: 57.03%;
    }
}
#layout .pfr .pfc7-fixed {
    float: left;
    margin-right: -100%;
    width: 57.03%;
    padding: 0;
}
#layout .pfr .pfp7 {
    margin-left: 60.155%;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp7 {
        margin-left: -0.005%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp7-handheld {
        margin-left: 60.155%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
#layout .pfr .pfp7-fixed {
    margin-left: 60.155%;
}
#layout .pfr .pfc8 {
    float: left;
    margin-right: -100%;
    width: 65.63%;
    total_columns: 12;
    gutter_width: 3.125;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc8 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc8-handheld {
        float: left;
        margin-right: -100%;
        width: 65.63%;
    }
}
#layout .pfr .pfc8-fixed {
    float: left;
    margin-right: -100%;
    width: 65.63%;
    padding: 0;
}
#layout .pfr .pfp8 {
    margin-left: 68.755%;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp8 {
        margin-left: -0.005%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp8-handheld {
        margin-left: 68.755%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
#layout .pfr .pfp8-fixed {
    margin-left: 68.755%;
}
#layout .pfr .pfc9 {
    float: left;
    margin-right: -100%;
    width: 74.22%;
    total_columns: 12;
    gutter_width: 3.125;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc9 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc9-handheld {
        float: left;
        margin-right: -100%;
        width: 74.22%;
    }
}
#layout .pfr .pfc9-fixed {
    float: left;
    margin-right: -100%;
    width: 74.22%;
    padding: 0;
}
#layout .pfr .pfp9 {
    margin-left: 77.345%;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp9 {
        margin-left: -0.005%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp9-handheld {
        margin-left: 77.345%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
#layout .pfr .pfp9-fixed {
    margin-left: 77.345%;
}
#layout .pfr .pfc10 {
    float: left;
    margin-right: -100%;
    width: 82.81%;
    total_columns: 12;
    gutter_width: 3.125;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc10 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc10-handheld {
        float: left;
        margin-right: -100%;
        width: 82.81%;
    }
}
#layout .pfr .pfc10-fixed {
    float: left;
    margin-right: -100%;
    width: 82.81%;
    padding: 0;
}
#layout .pfr .pfp10 {
    margin-left: 85.935%;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp10 {
        margin-left: -0.005%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp10-handheld {
        margin-left: 85.935%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
#layout .pfr .pfp10-fixed {
    margin-left: 85.935%;
}
#layout .pfr .pfc11 {
    float: left;
    margin-right: -100%;
    width: 91.41%;
    total_columns: 12;
    gutter_width: 3.125;
    column_padding: 0;
    padding: 0;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc11 {
        float: left;
        margin-right: -100%;
        width: 100%;
        float: none !important;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfc11-handheld {
        float: left;
        margin-right: -100%;
        width: 91.41%;
    }
}
#layout .pfr .pfc11-fixed {
    float: left;
    margin-right: -100%;
    width: 91.41%;
    padding: 0;
}
#layout .pfr .pfp11 {
    margin-left: 94.535%;
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp11 {
        margin-left: -0.005%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    #layout .pfr .pfp11-handheld {
        margin-left: 94.535%;
        float: left;
        margin-right: -100%;
        width: 100%;
        margin-top: 30px;
    }
}
#layout .pfr .pfp11-fixed {
    margin-left: 94.535%;
}

/* ==================
    HIDE / SHOW
===================== */
.hide {
    display: none;
}

.show {
    display: block;
}

/* ==================
    MEDIA QUERIES
===================== */
@media screen and (max-width: 767px) {
    .show-handheld {
        display: block;
    }

    .hide-handheld {
        display: none !important;
    }

    .show-only-handheld {
        display: block;
    }

    .show-only-tablet {
        display: none !important;
    }

    .show-only-desktop {
        display: none !important;
    }
}

@media screen and (min-width: 767px) and (max-width: 1025px) {
    .show-tablet {
        display: block;
    }

    .hide-tablet {
        display: none !important;
    }

    .show-only-handheld {
        display: none !important;
    }

    .show-only-tablet {
        display: block;
    }

    .show-only-desktop {
        display: none !important;
    }
}

@media screen and (min-width: 1024px) {
    .show-desktop {
        display: block;
    }

    .hide-desktop {
        display: none !important;
    }

    .show-only-handheld {
        display: none !important;
    }

    .show-only-tablet {
        display: none !important;
    }

    .show-only-desktop {
        display: block;
    }
}

@media print {
    .hide,
    .hide-handheld,
    .hide-tablet,
    .hide-desktop {
        display: none !important;
    }
}

/* ==================
    PANES
===================== */
/*#fieldset-preview,
#panopoly-form-widget-preview, 
#panels-ipe-edit-control-form .url-textfield,
#edit-field-imagetext-text-und-0-format,
#fieldable-panels-panes-fieldable-panels-pane-content-type-edit-form .url-textfield,
#fieldable-panels-panes-fieldable-panels-pane-content-type-edit-form .form-item-link,
#fieldable-panels-panes-fieldable-panels-pane-content-type-edit-form .form-item-reusable,
#fieldable-panels-panes-fieldable-panels-pane-content-type-edit-form .description,
#fieldable-panels-panes-fieldable-panels-pane-content-type-edit-form fieldset.form-wrapper legend{display:none !important;}*/

/* GENERAL */
.pane h2{margin:0 0 1em 0;}
.panels-ipe-sort-container > .panels-ipe-portlet-marker:first-child{margin-top:0 !important;}

/* FILE */
.pane-bundle-bestand{}
.pane-bundle-bestand .field-name-field-file{display:inline-block;}
.pane-bundle-bestand .field-name-field-description{display:inline-block;}
.pane-bundle-bestand.links .field-name-field-description{margin-right:1em;}
.pane-bundle-bestand.rechts .field-name-field-description{margin-left:1em;}

/* IMAGE/TEXT */
.pane-bundle-afbeelding-tekst .imagetext{overflow:hidden;}
.pane-bundle-afbeelding-tekst.top-left .imagetext .field-name-field-text{}
.pane-bundle-afbeelding-tekst.top-left .imagetext .main-image{display:block;margin-bottom:1em;}
.pane-bundle-afbeelding-tekst.top-center .imagetext .field-name-field-text{}
.pane-bundle-afbeelding-tekst.top-center .imagetext .main-image{display:block;margin-top:0;margin-right:auto;margin-bottom:1em;margin-left:auto;}
.pane-bundle-afbeelding-tekst.top-right .imagetext{text-align:right;}
.pane-bundle-afbeelding-tekst.top-right .imagetext .field-name-field-text{text-align:left;}
.pane-bundle-afbeelding-tekst.top-right .imagetext .main-image{display:inline-block;margin-bottom:1em;}
.pane-bundle-afbeelding-tekst.left .imagetext .field-name-field-text{}
.pane-bundle-afbeelding-tekst.left .imagetext .main-image{float:left;margin-right:1em;margin-bottom:1em;}
.pane-bundle-afbeelding-tekst.right .imagetext .field-name-field-text{}
.pane-bundle-afbeelding-tekst.right .imagetext .main-image{float:right;margin-left:1em;margin-bottom:1em;}
.pane-bundle-afbeelding-tekst.bottom-left .imagetext .field-name-field-text{}
.pane-bundle-afbeelding-tekst.bottom-left .imagetext .main-image{display:block;margin-top:1em;}
.pane-bundle-afbeelding-tekst.bottom-center .imagetext .field-name-field-text{}
.pane-bundle-afbeelding-tekst.bottom-center .imagetext .main-image{display:block;margin-top:1em;margin-right:auto;margin-bottom:0;margin-left:auto;}
.pane-bundle-afbeelding-tekst.bottom-right .imagetext{text-align:right;}
.pane-bundle-afbeelding-tekst.bottom-right .imagetext .field-name-field-text{text-align:left;}
.pane-bundle-afbeelding-tekst.bottom-right .imagetext .main-image{display:inline-block;margin-top:1em;}

/* COMPARE */
.pane-bundle-vergelijken{}
.pane-bundle-vergelijken .compare{overflow:hidden;margin-top:1em;}
.pane-bundle-vergelijken .compare img{margin:0;}
.pane-bundle-vergelijken .compare b{display:block;text-transform:uppercase;font-weight:bold;}
.pane-bundle-vergelijken .compare .before{float:left;}
.pane-bundle-vergelijken .compare .after{float:right;}

@media all and (max-width:768px){
    .pane-bundle-vergelijken .compare div{float:none !important;margin-top:1em;}
    .pane-bundle-vergelijken .compare div:first-child{margin:0;}
}

/* ==================
    OTHERS
===================== */
/*#panelizer-ipe-revert, 
#panelizer-save-default,
.panels-ipe-linkbar .style{display:none !important;}*/