/* Settings */
.resposive-test {
    color: #FFF;
    text-shadow: #000 0 1px 1px;
    font-family: Helvetica, Arial, sans;
    text-align: center;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /*
  /* USING AT-LEAST
  */
    margin: 25px auto;
}

    .resposive-test:before, .resposive-test:after {
        display: block;
        padding: .5em;
    }

.two-col-checkboxes label {
    float: left;
    width: 52%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    clear: none;
    margin: 2px 0 !important;
}

.preferences input[type=checkbox] {
    margin-top: 0 !important;
}

div.preferences div.preferences-list {
    margin-bottom: 0;
}

.two-col-checkboxes label:nth-child(even) {
    width: 40%;
}

h2 {
    clear: both;
}

.two-col-checkboxes {
    margin-bottom: 20px;
}

    .two-col-checkboxes, .two-col-checkboxes div {
        float: left;
        width: 100%;
    }

.clear {
    clear: both;
}

.no-margin {
    margin: 0;
}

.no-margin-top {
    margin-top: 0 !important;
}

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

/* Spacers */
.spacer-20 {
    display: block;
    clear: both;
    height: 20px;
}

.spacer-30 {
    display: block;
    clear: both;
    height: 30px;
}

.spacer-50 {
    display: block;
    clear: both;
    height: 50px;
}

.spacer-100 {
    display: block;
    clear: both;
    height: 100px;
}


@media screen and (min-width: 320px) {
    .resposive-test {
        background: orange;
    }

        .resposive-test:before {
            content: "iPhone Portrait";
        }
}

@media screen and (min-width: 480px) {
    .resposive-test {
        background: green;
    }

        .resposive-test:before {
            content: "iPhone Landscape";
        }
}

@media screen and (min-width: 768px) {
    .resposive-test {
        background: red;
    }

        .resposive-test:before {
            content: "iPad Portrait";
        }
}

@media screen and (min-width: 1000px) {
    .resposive-test {
        background: blue;
    }

        .resposive-test:before {
            content: "Original Website Size";
        }
}

@media screen and (max-width: 999px) {
    .resposive-test:after {
        content: "Screen is less than 1000px";
    }
}

@media screen and (max-width: 767px) {
    .resposive-test:after {
        content: "Screen is less than 768px";
    }
}

@media screen and (max-width: 479px) {
    .resposive-test:after {
        content: "Screen is less than 480px";
    }
}

@media screen and (max-width: 319px) {
    .resposive-test {
        background: orange;
    }

        .resposive-test:after {
            content: "Screen is less than 320px";
        }
}

.clearfix {
    *zoom: 1;
    clear: both;
}

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

.pink {
    color: #007CC3;
}


.align-left {
    float: left;
    margin: 0 15px 8px 0;
}

.align-right {
    float: right;
    margin: 0 0 8px 15px;
}

.button {
    position: relative;
    display: inline-block;
    padding: 7px 10px;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 14px;
    font-weight: normal;
    color: #FFF;
    text-align: center;
    border: 0;
}

    .button.rounded-btn.rounded-btn.btn-left {
        width: auto;
        float: left;
        clear: both;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

@media screen and (max-width: 767px) {
    .button {
        width: 100%;
    }
}

.button img {
    position: absolute;
    top: 6px;
    right: 6px;
}



.button.pink {
    background: #007CC3;
    font-weight: 700;
    color: #FFF;
}

    .button.pink:hover {
        background: #0b4364;
        color: #FFF;
    }

.button.dark-grey {
    background: #666666;
    color: #ffffff;
}

button.dark-grey:hover {
    background: #515151;
}

.button.rounded-btn.button.white {
    background: #ffffff;
    font-weight: 400;
    color: #636466;
    border: 0;
}

    .button.rounded-btn.button.white:hover {
        background: #636466;
        font-weight: 400;
        color: #ffffff;
    }

.button.rounded-btn.button.white-pink-text {
    color: #007CC3;
    font-weight: 700;
    background-color: #ffffff;
    border: 0;
}

    .button.rounded-btn.button.white-pink-text:hover {
        background-color: #e5e5e5;
    }

.button.rounded-btn.button.grey {
    background: #636466;
    font-weight: 400;
    color: #ffffff;
    border: 0;
}

    .button.rounded-btn.button.grey:hover {
        background: #838486;
        font-weight: 400;
    }

.button.pink.hollow {
    background: none;
    border: 3px solid #007CC3;
    font-weight: 700;
    color: #007CC3;
}


    .button.pink.hollow:hover {
        background: #007CC3;
        font-weight: 700;
        color: #ffffff;
    }

.button.dark-grey.hollow {
    background: none;
    border: 3px solid #666666;
    font-weight: 700;
    color: #666666;
}

    .button.dark-grey.hollow:hover {
        border: 3px solid #515151;
        background: #515151;
        color: #ffffff;
    }


.button.white-border {
    background: none;
    border: 3px solid #ffffff;
    font-weight: 700;
    color: #ffffff;
}


    .button.white-border:hover {
        background: #ffffff;
        font-weight: 700;
        color: #007CC3;
    }


.button.blue {
    background: #df006e;
    border: 1px solid #868EC6;
    font-weight: 700;
}

    .button.blue:hover {
        background: #007CC3;
        color: #FFF;
    }

.button.white {
    background: white;
    border: 2px solid rgba(48, 190, 169, 0.25);
    color: #007CC3;
}

    .button.white:hover {
        background: rgba(255, 255, 255, 0.9);
    }

.button.icon {
    padding-right: 25px;
}

.button.rounded-btn {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 14px;
    text-decoration: none !important;
}

    .button.rounded-btn.larger {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 1.4em;
        margin-bottom: 25px;
    }

    .button.rounded-btn.hollow {
        padding: 11px;
    }

        .button.rounded-btn.hollow.thin-border {
            border-width: 1px;
        }

.large-button {
    position: relative;
    display: block;
    margin-bottom: 40px;
    padding: 15px 60px 15px 15px;
    background: #007CC3;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #FFF;
    text-align: left;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pink-bar {
    background-color: #E2006C;
}

    .pink-bar h3 {
        color: #ffffff;
        font-size: 18px;
        text-align: center;
        margin-bottom: 32px;
    }

/* quote widget */
.quote-widget {
    padding: 50px 0;
    color: #ffffff;
    margin: 25px 0;
}

    .quote-widget .six.columns.content-left {
        padding-right: 40px;
    }

.quote-widget {
    width: 100%;
}

    .quote-widget .row {
        display: table;
    }

    .quote-widget .six.columns {
        display: table-cell;
        vertical-align: middle;
        float: none !important;
        width: 50%;
    }

blockquote.styled-quote {
    background: none;
    padding: 15px 0;
    color: #ffffff;
    border: 0;
    font-style: normal;
    font-size: 1.8em;
    text-transform: none;
    text-align: center;
    margin: 0;
}

blockquote:before, blockquote:after {
    display: none !important;
}

blockquote.styled-quote p {
    display: inline;
    font-size: inherit;
    text-transform: none;
}

blockquote.styled-quote span.quote-container:before, blockquote.styled-quote span.quote-container:after {
    font-size: 1.9em;
    line-height: 0.5;
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: visible;
}

blockquote.styled-quote span.quote-container:before {
    content: open-quote;
}

blockquote.styled-quote span.quote-container:after {
    content: close-quote;
}


blockquote.styled-quote p, blockquote.styled-quote cite, blockquote.styled-quote cite p {
    color: #ffffff;
    font-style: normal;
}

blockquote.styled-quote cite {
    font-size: 0.65em;
    display: block;
    padding-top: 20px;
}

blockquote.dark, blockquote.dark cite {
    color: #636466;
}

blockquote.dark, blockquote.dark {
    margin: 15px 0;
}

blockquote.styled-quote span.quote-container span {
    color: #007CC3;
}

p.big-text {
    font-size: 1.6em;
    margin: 0;
    font-weight: 700;
    text-align: center;
    color: #636466;
}

    p.big-text span {
        color: #007CC3;
    }

div.grey-box-area {
    background-color: #636466;
    padding: 25px;
    width: 100%;
    margin: 25px 0;
}

    div.grey-box-area ul {
        margin-left: 60px;
    }

        div.grey-box-area ul li {
            font-size: 1.6em;
            font-weight: 700;
            position: relative;
        }

            div.grey-box-area ul li:before {
                content: "\f00c";
                font-family: FontAwesome;
                width: 28px;
                height: 28px;
                position: absolute;
                left: -40px;
                top: 15px;
                display: block;
                background: #ffffff;
                color: #636466;
                -moz-border-radius: 14px;
                -webkit-border-radius: 14px;
                border-radius: 14px;
                text-align: center;
                line-height: 28px;
                font-size: 14px;
                vertical-align: middle;
            }

    div.grey-box-area ul {
        color: #ffffff;
        list-style: none;
    }

        div.grey-box-area ul li {
            background: none !important;
            margin: 0;
            padding: 10px 0 !important;
        }

.login-left-col, .login-right-col {
    padding-bottom: 30px;
}

.content-left ul {
    list-style: disc !important;
    margin-left: 20px;
}

    .content-left ul li {
        list-style: disc !important;
    }

.login-left-col {
    float: left;
}

.login-right-col {
    float: right;
}

@media screen and (max-width: 767px) {
    .large-button {
        width: 100% !important;
    }

    .quote-widget .six.columns {
        padding-right: 15px !important;
        padding-left: 15px !important;
        display: block;
    }
}

hr.grey-hr {
    height: 1px;
    width: 100%;
    margin: 12px 0;
    background: #e8e3e9;
    border: 0;
    display: inline-block;
}

.large-button img {
    position: absolute;
    top: 9px;
    right: 12px;
}

.large-button:hover {
    color: #FFF;
    background: #0b4364;
}

.large-button.blue {
    background: #df006e;
}

    .large-button.blue:hover {
        background: #951E59;
        color: #FFF;
    }

.large-button.handy-guide, .large-button.request-sample {
    padding: 22px 170px 22px 15px;
}

    .large-button.handy-guide img, .large-button.request-sample img {
        top: -22px;
        right: 0;
    }

@media screen and (min-width: 480px) {
    .large-button.handy-guide img, .large-button.request-sample img {
        width: 110px;
        height: 106px;
    }
}

@media screen and (min-width: 768px) {
    .large-button.handy-guide img, .large-button.request-sample img {
        width: auto;
        height: auto;
    }
}

.large-button.request-sample {
    padding-right: 210px;
}

.exlarge-button {
    padding: 35px 60px 35px 15px;
    font-size: 24px;
}

@media screen and (max-width: 767px) {
    .exlarge-button {
        padding: 15px;
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .exlarge-button img {
        display: none;
    }
}

.exlarge-button.download:before {
    margin-right: 15px;
    font-family: "FontAwesome";
    content: "\f019";
    font-size: 34px;
    line-height: 1;
    color: #FFF;
}

@media screen and (max-width: 767px) {
    .exlarge-button.download:before {
        display: none;
    }
}

.content {
    padding-top: 20px;
    padding-bottom: 20px;
}

.content-left h1, .content-left h2, .content-left h3, .content-left h4, .content-left h5, .content-left h6 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;
    color: #202021;
}

.content-left p a, .content-left ul a, .content-left td a {
    font-weight: 700;
}

    .content-left p a:hover, .content-left ul a:hover, .content-left td a:hover {
        color: #007CC3;
        text-decoration: underline;
    }

.content-left ul {
    list-style: none;
    /*margin-left: 20px;*/
}

    .content-left ul li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        /*padding-left: 15px;
        background: url("../img/bullet.png") no-repeat 0 9px;*/
    }

@media screen and (max-width: 767px) {
    .content-left {
        margin-bottom: 10px;
    }
}

.content-left > :first-child {
    margin-top: 0;
}

.content-left > :last-child {
    /*margin-bottom: 0;*/
}

.content-left .large-button {
    margin-bottom: 40px;
}

    .content-left .large-button.large-icon img {
        margin-top: -50px;
    }

    .content-left .large-button:hover {
        color: #FFF;
        text-decoration: none;
    }

.feature-image {
    display: block;
    margin-bottom: 15px;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
}

.addthis_toolbox {
    margin-top: 20px;
}

    .addthis_toolbox .addthis_button_linkedin_counter {
        width: 110px;
        margin-top: 4px;
    }

    .addthis_toolbox .addthis_button_tweet {
        width: 85px;
        margin-top: 3px;
    }

    .addthis_toolbox .addthis_button_google_plusone {
        width: 70px;
        margin-top: 3px;
    }

    .addthis_toolbox .addthis_button_facebook_like {
        width: 85px;
        margin-top: 3px;
    }

    .addthis_toolbox .addthis_button_pinterest_pinit {
        width: 50px;
        margin-top: 5px;
    }

    .addthis_toolbox .addthis_counter {
        width: 80px;
        margin-top: 4px;
    }

.breadcrumb {
    margin: 0;
    padding: 12px 0;
    border: 0;
    background-color: #636466;
    overflow: hidden;
    *zoom: 1;
    margin: 0 0 0 0 !important;
    border-radius: 0;
}

    .breadcrumb ul {
        margin: 0;
    }

    .breadcrumb li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        white-space: nowrap;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
    }

        .breadcrumb li:first-child {
            padding-left: 0;
        }

        .breadcrumb li:last-child {
            padding-right: 0;
        }

        .breadcrumb li.last {
            padding-right: 0;
        }

    .breadcrumb li {
        padding: 0 5px !important;
        background: none !important;
        color: #ffffff;
    }

        .breadcrumb li:after {
            content: "/";
            color: #ffffff;
        }

        .breadcrumb li + li:before {
            content: "";
            padding: 0;
        }

        .breadcrumb li:last-child:before, .breadcrumb li:last-child:after {
            display: none;
        }

        .breadcrumb li a {
            font-weight: normal;
            color: #ffffff;
            padding-right: 10px;
        }

            .breadcrumb li a:hover {
            }

    .breadcrumb > :last-child {
        font-weight: 700;
    }


        .breadcrumb > :last-child:after {
            content: "";
        }

@media only screen and (max-width:767px) {
    .breadcrumb {
        padding: 7px 0;
    }

        .breadcrumb ul li {
            font-size: 11px;
        }
}

.content-left .accordion {
    margin: 0 0 17px;
    list-style: none !important;
}

    .content-left .accordion li {
        list-style-image: none !important;
        list-style-type: none !important;
        margin-left: 0;
    }

    .content-left .accordion a.toggle {
        display: inline-block;
        width: 100%;
        min-height: 52px;
        margin: 0;
        padding: 15px 10px 15px 35px;
        background: url("../img/accordion-open.png") no-repeat left 15px;
        border-bottom: 2px solid #007CC3;
        font-size: 14px;
        line-height: 1.4;
        font-weight: 700;
        cursor: pointer;
        outline: none;
    }

        .content-left .accordion a.toggle.active {
            background-image: url("../img/accordion-close.png");
        }

        .content-left .accordion a.toggle:hover {
            text-decoration: none;
        }

        .content-left .accordion a.toggle span {
            font-weight: normal;
            color: #414042;
        }

    .content-left .accordion li {
        padding: 0 !important;
        background: none !important;
    }

        .content-left .accordion li a > ul {
            display: none;
        }

    .content-left .accordion div {
        display: none;
        padding: 15px 0;
    }

        .content-left .accordion div ul {
            list-style: none;
            margin-bottom: 17px;
        }

            .content-left .accordion div ul li {
                list-style-image: none;
                list-style-type: none;
                margin-left: 0;
            }

            .content-left .accordion div ul li {
                padding-left: 15px !important;
                background: url("../img/bullet.png") no-repeat 0 9px !important;
            }

.box-nav a {
    position: relative;
    display: block;
    min-height: 180px;
    line-height: 140px;
    border: 2px solid #E8E3E9;
    text-align: center;
    background-color: #E8E3E9;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZTNlOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e3e9));
    background-image: -moz-linear-gradient(#ffffff, #e8e3e9);
    background-image: -webkit-linear-gradient(#ffffff, #e8e3e9);
    background-image: linear-gradient(#ffffff, #e8e3e9);
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .box-nav a:hover {
        border-color: #007CC3;
    }

        .box-nav a:hover span {
            color: #007CC3;
        }

    .box-nav a img {
        vertical-align: middle;
    }

    .box-nav a span {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        display: inline-block;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.4;
        color: #414042;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .box-nav a span.new {
            top: 0;
            right: 0;
            left: auto;
            background-image: url(../img/new-area-icon.png);
            background-position: top right;
            background-repeat: no-repeat;
            width: 60px;
            height: 60px;
            text-indent: -9999px;
        }

    .box-nav a.active {
        border-color: #007CC3;
        background: rgba(48, 190, 169, 0.5);
    }

        .box-nav a.active span {
            color: #FFF;
        }

    .box-nav a.button {
        line-height: 1;
    }

.box-nav .button {
    min-height: inherit;
    border: none;
}

.wrap .columns {
    margin-bottom: 20px;
    text-align: center;
}

    .wrap .columns > :last-child {
        margin: 0;
    }

.wrap p {
    text-align: left;
}

.wrap img {
    margin-bottom: 10px;
}

ul.wrap.gallery, ul.wrap.gallery li {
    list-style: none !important;
}


.wrap.gallery .columns {
    height: auto;
    min-height: inherit !important;
}

.about-page .wrap .columns {
    min-height: 410px;
}

.case-studies-page .wrap .columns {
    min-height: 350px;
}

.application-detail-page .wrap .columns {
    min-height: 410px;
}

table {
    background: #fff;
    margin: 0 0 18px;
}

    table thead, table tfoot {
        background: #df006e;
    }

    table tbody tr.inner-head td {
        background: rgba(48, 190, 169, 0.35);
    }

    table thead tr th,
    table tfoot tr th,
    table tbody tr td,
    table tr td,
    table tfoot tr td {
        display: table-cell;
        font-size: 12px;
        line-height: 18px;
        text-align: left;
    }

    table thead tr th,
    table tfoot tr td,
    table tbody tr.inner-head td {
        padding: 8px 10px 9px;
        font-weight: bold;
        color: #FFF;
    }

        table thead tr th:first-child, table tfoot tr td:first-child {
            border-left: none;
        }

        table thead tr th:last-child, table tfoot tr td:last-child {
            border-right: none;
        }

    table tbody tr.alt,
    table tbody tr.even {
        background: #E8E3E9;
    }

    table tbody tr:nth-child(odd) {
        background: #E8E3E9;
    }

    table tbody tr td {
        color: #414042;
        padding: 5px 5px;
        vertical-align: middle;
        border: none;
    }

        table thead tr th img,
        table tbody tr td img {
            display: inline-block;
        }

        table thead tr th.center,
        table tbody tr td.center {
            text-align: center;
        }

.table-page-head tbody tr {
    background: none !important;
}

    .table-page-head tbody tr th {
        text-align: left;
        color: #007CC3;
    }

    .table-page-head tbody tr td {
        font-size: 14px;
    }

@media screen and (max-width: 479px) {
    .table-compare {
        display: none;
    }
}

.table-compare tbody tr th {
    padding-left: 15px;
    font-size: 12px;
    text-align: left;
}

.table-compare tbody tr.close td {
    text-align: right;
}

.table-compare tbody tr.pink td, .table-compare tbody tr.pink th {
    color: #007CC3;
    text-transform: uppercase;
}

.table-compare tbody tr.image td {
    padding: 25px 0;
    text-align: center;
}

.table-compare tbody tr.buttons td {
    padding: 15px 5px;
}

.rotate-device {
    text-align: center;
}

    .rotate-device img {
        margin-bottom: 10px;
    }

@media screen and (min-width: 480px) {
    .rotate-device {
        display: none;
    }
}

.gallery {
    list-style: none;
}

    .gallery li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
    }

    .gallery li {
        background: none !important;
        padding-left: 0 !important;
    }

    .gallery img {
        margin: 0;
    }

.video-container {
    margin-bottom: 20px;
}

.reveal-modal {
    background: #E8E3E9;
}

    .reveal-modal h6 {
        margin-bottom: 25px;
        font-size: 16px;
        color: #007CC3;
    }

ul.download-list {
    margin-left: 0;
    list-style: none;
}

    ul.download-list li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
    }

    ul.download-list li {
        border-bottom: 1px solid #007CC3;
    }

        ul.download-list li.pdf {
            background: url("../img/icon-pdf.png") no-repeat 0 12px;
        }

        ul.download-list li.zip {
            background: url("../img/icon-zip.png") no-repeat 0 12px;
        }

        ul.download-list li a {
            display: block;
            padding: 25px 0 25px 55px;
        }

    ul.download-list > :last-child {
        border: none;
    }

.pagenavi-container {
    margin: 15px 0 25px;
    padding: 10px;
    background: #E8E3E9;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    text-align: center;
}

    .pagenavi-container .pagenavi {
        display: inline-block;
    }

        .pagenavi-container .pagenavi a, .pagenavi-container .pagenavi span {
            float: left;
            border: 1px solid #CCC;
            font-size: 14px;
            margin: 0 3px;
            padding: 7px;
            background: #FFF;
        }

        .pagenavi-container .pagenavi .pages {
            padding-left: 0;
            background: none;
            border: none;
        }

        .pagenavi-container .pagenavi a:hover {
            border-color: #007CC3;
        }

        .pagenavi-container .pagenavi .current {
            background: #007CC3;
            border-color: #007CC3;
            color: #FFF;
            font-weight: 700;
        }

.login-box {
    margin-bottom: 25px !important;
    padding: 15px;
    background: #E8E3E9;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
}

    .login-box h3 {
        margin-top: 0;
    }

    .login-box iframe {
        margin-bottom: 15px;
    }

    .login-box .large-button {
        margin: 0 0 10px;
        padding: 15px;
        text-align: center;
    }

    .login-box .forgot-password {
        display: block;
        margin: 0 0 15px;
    }

.row {
    max-width: none;
    clear: both;
}

    .row.relative {
        position: relative;
    }

aside p {
    font-size: inherit;
    font-style: inherit;
    line-height: 1.4;
}

hr {
    border-width: 2px 0 0;
    border-color: #007CC3;
}

[class*="column"] + [class*="column"]:last-child {
    float: left;
}

@media screen and (max-width: 767px) {
    [class*="column"] + [class*="column"]:last-child {
        float: none;
    }
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="file"],
textarea {
    clear: both;
    display: block;
    margin: 0 0 12px;
    padding: 6px;
    background: #FFF;
    border: 1px solid #CDCDCD;
    font-size: 14px;
    color: #414042;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="date"]:focus,
    input[type="datetime"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="time"]:focus,
    input[type="url"]:focus,
    input[type="file"]:focus,
    textarea:focus {
        color: #414042;
    }

input[type="submit"] {
    clear: both;
    display: block;
    cursor: pointer;
    -webkit-appearance: none;
}

@media screen and (max-width: 767px) {
    input[type="submit"] {
        width: 100%;
    }

    .form-style a.rounded-btn, .password-field {
        width: 100% !important;
        margin-bottom: 10px;
    }
}

textarea {
    font-family: Verdana, sans-serif;
}

select,
.selectBox {
    margin-bottom: 12px !important;
    border: 1px solid #CDCDCD;
}

label {
    clear: both;
    display: block;
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: 700;
    color: #666;
    cursor: pointer;
}

    label.inline {
        line-height: 32px;
        margin: 0 0 12px 0;
    }

    label.right {
        float: none;
        text-align: right;
    }



input[type="submit"] {
    padding: 7px 15px 6px;
    border: none;
    background: #007CC3;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    input[type="submit"]:hover {
        background: #0b4364;
    }


.form {
    margin-bottom: 25px !important;
    padding: 15px;
    background: #E8E3E9;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .form h1, .form h2, .form h3, .form h4, .form h5, .form h6, .form-subtitle {
        margin: 15px 0 15px;
        font-size: 16px;
        color: #007CC3;
        font-weight: bold;
    }

    .form .select-products {
        margin-bottom: 20px;
    }

        .form .select-products > :last-child {
            float: left;
        }

@media screen and (max-width: 767px) {
    .form .select-products > :last-child {
        float: none !important;
    }
}

.form input[type="text"]:last-of-type {
    margin-bottom: 0;
}

.form #TargetUValue input[type="text"] {
    margin-bottom: 12px;
}

.filter {
    padding: 10px 0;
}

@media screen and (max-width: 767px) {
    .filter > :first-child {
        margin-bottom: 10px;
    }
}

.filter input {
    float: left;
}

    .filter input[type="text"],
    .filter .selectBox {
        margin: 0 7px 0 0 !important;
    }

        .filter .selectBox .selectBox-arrow:before {
            margin-top: 3px;
        }

@media screen and (max-width: 767px) {
    .filter input[type="text"],
    .filter .selectBox {
        width: 100%;
        margin: 0 0 10px 0 !important;
    }
}

.filter input[type="submit"] {
    clear: none;
    display: inline;
}

.checkbox.long-checkbox {
    line-height: 1.45;
    margin-bottom: 20px;
    display: block;
}

    .checkbox.long-checkbox input[type="checkbox"] {
        margin-top: 3px !important;
    }


.checkboxArea {
    display: block;
    padding-bottom: 20px;
}

    .checkboxArea input[type=checkbox] {
        display: inline;
        margin: 0 5px 0 0;
        clear: both;
    }

    .checkboxArea label {
        display: inline-block;
        font-weight: 400;
        font-size: 0.9em;
        line-height: 1.6 !important;
        margin-bottom: 12px;
        position: relative;
        padding-left: 25px;
        position: relative;
    }

        .checkboxArea label input[type=checkbox] {
            position: absolute;
            left: 0;
            top: 0px;
        }

    .checkboxArea .hidden-msg {
        display: none;
        position: absolute;
        left: -50px;
        right: -50px;
        text-align: center;
        padding: 10px;
        background: #dad7db;
        z-index: 99;
        top: 25px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

@media screen and (max-width: 767px) {
    .rememberme :last-child {
        margin-top: 10px;
        text-align: left;
    }
}

input[type="text"].datepicker {
    float: left;
    display: inline;
}

input[type="text"].us-datepicker {
    float: left;
    display: inline;
}

input[type="radio"], input[type="checkbox"] {
    margin-right: 4px;
}

.ui-datepicker-trigger {
    margin: 6px 0 0 6px;
}

@media screen and (max-width: 767px) {
    .ui-datepicker-trigger {
        display: none;
    }
}

input[type="text"].datepicker-extend {
    float: left;
    display: inline;
}

.ui-datepicker-extend-trigger {
    margin: 6px 0 0 6px;
}

@media screen and (max-width: 767px) {
    .ui-datepicker-extend-trigger {
        display: none;
    }
}

.has-js .label_radio,
.has-js .label_check {
    width: 27px;
    height: 27px;
    margin: 0;
    margin-bottom: 10px;
    padding-left: 35px;
    font-size: 14px;
    line-height: 1.7;
    font-weight: normal;
    color: #414042;
}

    .has-js .label_radio input,
    .has-js .label_check input {
        position: absolute;
        left: -9999px;
    }

.has-js .label_radio {
    background: url("../img/radio-off.png") no-repeat;
}

.has-js .label_check {
    background: url("../img/check-off.png") no-repeat;
}

.has-js label.c_on {
    background: url("../img/check-on.png") no-repeat;
}

.has-js label.r_on {
    background: url("../img/radio-on.png") no-repeat;
}

.opt-email-call {
    clear: both;
}

    .opt-email-call .label_check {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        font-size: 10px;
        font-weight: normal;
    }

        .opt-email-call .label_check input {
            margin-right: 5px;
            vertical-align: top;
            margin-top: 0;
        }

.lookup {
    height: auto;
    overflow: hidden;
    margin-bottom: 12px;
}

    .lookup input {
        display: inline-block;
    }

/* Website Layout */
#header {
    background: #007CC3;
}

@media screen and (max-width: 767px) {
    #header {
    }
}

#header .relative {
    position: relative;
    overflow: visible;
}

#header .logo {
    z-index: 10;
    float: left;
}

    #header .logo img {
        display: block;
        margin: 65px 20px 40px 20px;
    }

@media screen and (max-width: 767px) {
    #header .logo {
        position: relative;
        width: 100%;
        left: 0;
        display: inline-block;
        text-align: center;
    }

        #header .logo img {
            display: inline;
            margin: 25px auto;
        }
}

#header .contact {
    margin: 20px 0 20px;
}

#header p.contact-link, #footer .contact p {
    /*font-size: 15px;*/
    display: inline-block;
    float: right;
    color: #ffffff;
    /*margin: 0 20px 0 0;*/
    margin: 0 10px 0 0;
    padding-right: 10px;
    border-right: 1px solid #ffffff;
    line-height: 1;
    text-align: center;
}


#footer .contact p {
    margin-bottom: 12px;
}

    #footer .contact p:first-child {
        border: 0;
        padding-right: 0;
        margin-right: 0;
    }

#header .mobile-contact-links {
    display: none;
}

@media only screen and (max-width:768px) {

    #header .mobile-contact-links {
        display: block;
        float: right;
    }

    #header .contact {
        display: none;
    }

    #header p.mob-only {
        display: inline-block;
        clear: both;
        margin-right: 0;
        padding-right: 0;
        border: 0;
        padding: 4px 0 6px;
    }

    #header .contact p.contact-link {
        display: none;
    }
}

#header p.contact-link a, #footer .contact p a {
    color: #ffffff;
    font-size: inherit;
}

#header p.contact-link:before, #footer .contact p:before {
    display: inline-block;
    margin-right: 8px;
    font-family: 'FontAwesome';
    color: #ffffff;
}


#header p.contact-link.phone:before, #footer .contact p.phone:before {
    content: "\f095";
}

#header p.contact-link.email:before, #footer .contact p.email:before {
    content: "\f0e0";
}


a.link-social {
    display: inline-block;
    float: left;
    padding: 0;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    text-align: center;
}

.link-social:last-child {
    margin-left: 0;
}

a.link-social:hover {
    opacity: 0.86;
}

a.link-social:before {
    font-family: 'FontAwesome';
    color: #ffffff;
    float: right;
    width: 20px;
    display: block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-size: 1.15em;
}

a.link-social.twitter:before {
    content: "\f099";
}

a.link-social.facebook:before {
    content: "\f09a";
}

a.link-social.linkedin:before {
    content: "\f0e1";
}

a.link-social.youtube:before {
    content: "\f16a";
}

@media screen and (max-width: 767px) {
    #header .contact {
        margin: 15px 0;
        text-align: center;
    }
}

#header .offset-by-three {
    width: 78%;
    margin-left: 22%;
}

#header .members-login {
    padding: 16px 14px 10px 14px;
    margin-bottom: 5px;
    margin-top: 20px;
    background-color: #e8e3e9;
    float: right;
    min-width: 400px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(143,0,71,0.4);
    -moz-box-shadow: 0px 2px 2px 0px rgba(143,0,71,0.4);
    box-shadow: 0px 2px 2px 0px rgba(143,0,71,0.4);
}

@media only screen and (min-width:768px) {
    #header .members-login {
        display: block !important;
    }
}

#header .members-login h6 {
    margin: 0 0 10px;
    font-size: 18px;
    color: #FFF;
}

    #header .members-login h6:before {
        font-family: FontAwesome;
        content: "\f023";
        color: #685f66;
        display: inline-block;
        margin-right: 7px;
    }

#header .members-login p {
    margin: 0;
    font-size: 12px;
    color: #685f66;
}

    #header .members-login p a {
        font-weight: 700;
    }

#header .members-login a {
    color: #FFF;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #685f66;
}

    #header .members-login a.login {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        text-decoration: none;
        float: right;
        padding: 12px 16px;
        width: 100%;
        max-width: 120px;
        background-color: #007CC3;
        color: #ffffff;
        text-align: center;
    }

    #header .members-login a:hover {
        text-decoration: none;
    }

    #header .members-login a.login:hover {
        text-decoration: none;
        background-color: #0b4364;
    }

#header .members-login .login-buttons {
    text-decoration: underline;
}

    #header .members-login .login-buttons:first-of-type {
        margin-right: 10px;
        padding-right: 10px;
        border-right: 1px solid #8e8c90;
    }

#header .member-login-left {
    float: left;
}

#header .member-login-full {
    width: 100%;
}

    #header .member-login-full p {
        float: left;
        padding-top: 8px;
    }


.header-pink {
    color: #FFF;
    background-color: #fff;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 767px) {
    .header-pink {
        padding-bottom: 10px;
    }
}

.header-pink h1, .header-pink h2, .header-pink h3, .header-pink h4, .header-pink h5, .header-pink h6, .header-pink p {
    color: #202021;
}

.header-pink h1, .header-pink .title {
    margin-top: 20px;
    margin-bottom: 14px;
    font-size: 28px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .header-pink h1, .header-pink .title {
        margin-top: 30px;
    }
}

.header-pink h2, .header-pink .subtitle {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
}

.header-pink p.subtitle {
    display: block;
}

.header-pink .four > :last-child {
    border: none;
}

@media screen and (max-width: 767px) {
    #nav {
        margin-bottom: 15px;
    }
}

.main-nav {
    margin: 2px 0 2px 0;
    display: inline-block;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    overflow: visible;
    text-align: left;
    position: relative;
    width: 100%;
    padding-left: 22px;
    /*padding-left: 45px;*/
}

#header .header-logo {
    /*margin-top: 45px;*/
    margin-top: 5px;
    display: inline-block;
    float: left !important;
}

.main-nav li:nth-last-child(2) a {
    border-right: 0 !important;
}

.main-nav li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    position: relative;
    /*padding: 15px 0;*/
    padding-top: 12px;
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: top;
}

    .main-nav li button.search-toggle {
        border: 0;
        background: none;
        margin: 0 20px;
    }

        .main-nav li button.search-toggle:before {
            font-family: FontAwesome;
            content: "\f002";
            color: #ffffff;
            display: inline-block;
            vertical-align: top;
        }

.twitter-typeahead {
    width: 100%;
}

/*.main-nav li:first-child {
            padding-left: 0;
        }*/

.main-nav li:last-child {
    border-right: 0;
}

.main-nav li.last {
    padding-right: 0;
}


.main-nav > li > a {
    /*border-right: 1px solid #636466;*/
    /*padding: 0 10px;*/
    padding-right: 20px;
    text-align: left !important;
}

.main-nav li a {
    display: block;
    color: #fff;
}

    .main-nav li a:hover {
        text-decoration: none;
    }



/*.main-nav li:hover {
             background: url("../img/nav-active.png") no-repeat center bottom;
        }*/

/*Hide search dropdown arrow*/
.main-nav li:last-child:hover {
    /*background: none;*/
}


.main-nav li.active {
    font-weight: 800;
}

.main-nav li ul {
    visibility: hidden;
    position: absolute;
    top: 39px;
    /*top: 48px;*/
    left: 0;
    min-width: 200px;
    margin: 0;
    padding: 10px 0 10px;
    background: #666;
    z-index: 9999;
}

.main-nav > li > ul {
    border: 1px solid #ffffff;
}

.main-nav li ul li {
    float: none;
    display: block;
    position: relative;
    padding: 0;
}

    .main-nav li ul li a {
        padding: 3px 15px;
        font-size: 12px;
        color: #ffffff;
    }

    .main-nav li ul li:hover {
        background: #0b4364;
    }

    .main-nav li ul li ul {
        position: absolute;
        top: 0;
        left: 100%;
        padding: 0 0 10px;

    }
.main-nav li ul li.hover ul {
    border: 1px solid #ffffff;
}

.main-nav li.mega-dropdown {
    position: static;
}

    .main-nav li.mega-dropdown ul {
        display: none;
        top: 39px;
        /*top: 52px;*/
        /*left: -210px;*/
        visibility: visible;
        margin: 0;
        padding: 20px 5px;
        width: 100%;
    }

        .main-nav li.mega-dropdown ul > :first-child {
            padding-left: 0;
            border-left: none;
        }

        .main-nav li.mega-dropdown ul > :last-child {
            padding-right: 0;
            border-right: none;
        }

        .main-nav li.mega-dropdown ul li {
            float: left;
            width: auto;
            padding: 0;
            border-right: 1px solid #D0CCD1;
        }

            .main-nav li.mega-dropdown ul li a {
                margin-bottom: 10px;
                padding: 0 15px;
                font-size: 12px;
                font-weight: 700;
                color: #ffffff;
            }

                .main-nav li.mega-dropdown ul li a:hover {
                    color: #ffffff;
                }

            .main-nav li.mega-dropdown ul li:hover {
                background: none;
            }

        .main-nav li.mega-dropdown ul ul {
            display: block;
            position: static;
            width: auto;
            min-width: inherit;
            top: 0;
            left: 0;
            margin-left: 0;
            width: 100%;
            padding: 0;
            -moz-box-shadow: 6px 6px 10px -2px transparent;
            -webkit-box-shadow: 6px 6px 10px -2px transparent;
            box-shadow: 6px 6px 10px -2px transparent;
        }

            .main-nav li.mega-dropdown ul ul li {
                display: block;
                float: none;
                border: none;
                padding: 0;
                width: 100%;
            }

                .main-nav li.mega-dropdown ul ul li a {
                    margin: 0;
                    padding: 3px 15px;
                    font-weight: normal;
                    color: #ffffff;
                    word-wrap: break-word;
                    display: block;
                    width: 100%;
                    white-space: pre-wrap
                }

                    .main-nav li.mega-dropdown ul ul li a:hover {
                        color: #ffffff;
                    }

                .main-nav li.mega-dropdown ul ul li:hover {
                    background: #0b4364;
                }

.main-nav li.search-li {
    padding-top: 6px;
    float: right;
    margin-right: 1px;
    /*margin-right: 10px;*/
}

.tinynav {
    display: none;
}


.mobile-nav-btn {
    display: none;
}


/* styles for mobile */
@media screen and (max-width: 767px) {
    .tinynav {
        display: none;
        width: 100%;
    }

    nav#nav {
        display: none;
    }

    .main-nav {
        display: block;
        width: 100%;
        margin: 10px 0 0 0;
        padding: 15px 0;
        background: #007CC3;
    }

        .main-nav li {
            display: block;
            width: 100%;
            padding: 5px 0;
        }

            .main-nav li a {
                border: 0;
                padding: 0;
            }
}

.searchsite {
}

.nav-search-container {
    position: absolute;
    display: none;
    top: 50px;
    right: 0;
    background: #ffffff;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 346px;
    z-index: 99;
}

.searchsite .searchform {
    position: relative;
    padding: 0;
    margin: 0;
    background: none;
}

    .searchsite .searchform .searchbox {
        margin: 0;
        padding: 0 6px;
        background: #ffffff;
        border: 1px solid #FFF;
        font-size: 14px;
        color: #666; /*color: #007CC3;*/
        width: 200px;
        display: block;
        float: left;
        height: 36px;
        line-height: 36px;
        -moz-border-radius: 2px 0 0 2px;
        -webkit-border-radius: 2px 0 0 2px;
        border-radius: 2px 0 0 2px;
    }

    .searchsite .searchform .searchsubmit {
        background: none;
        padding: 0 18px;
        text-align: center;
        border: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
    }

        .searchsite .searchform .searchsubmit:before {
            font-family: FontAwesome;
            content: "\f002";
        }

.search-btn {
    width: 36px;
    height: 36px;
    /*background: #0b4364;*/
    background: #fff;
    display: block;
    position: relative;
    float: right;
    color: #666666;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

    .search-btn:before {
        font-family: FontAwesome;
        content: "\f002";
        color: #666;
        line-height: 35px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

a.close-search {
    width: 36px;
    height: 36px;
    display: block;
    background: none;
    border: 0;
    float: right;
    padding: 0;
    line-height: 36px;
    text-align: center;
    margin-left: 8px;
}

    a.close-search:before {
        font-family: FontAwesome;
        content: "\f00d";
        color: #cccccc;
        font-size: 24px;
    }

.u-value-calculator {
    padding: 20px 0;
    background-color: #636466;
    background-image: url(../img/uvalue-bg.png);
    background-position: top right;
    background-repeat: no-repeat;
    border: 0;
    padding: 18px;
    margin-bottom: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .u-value-calculator div {
        min-height: 48px;
        margin: 0 0 15px;
        background: url("../img/icon-white-calculator.png") no-repeat top right;
        padding-right: 50px;
        line-height: 1.4;
    }

        .u-value-calculator div h6 {
            margin: 0 0 8px;
            font-size: 22px;
            line-height: 1;
            color: #FFF;
        }

        .u-value-calculator div span {
            font-size: 17px;
        }

    .u-value-calculator .button {
        width: 100%;
    }

.prod-app-selectors h6 {
    font-size: 22px;
    line-height: 1;
    color: #FFF;
}

.prod-app-selectors .product {
    margin-bottom: 15px;
}

.prod-app-selectors .selectBox {
    color: #666666; /*color: #007CC3;*/
}

@media screen and (max-width: 767px) {
    .prod-app-selectors .selectBox {
        margin-bottom: 10px;
    }
}




.prod-app-selectors input[type="submit"] {
    clear: none;
    display: none;
}

.prod-app-selectors .button {
    width: 50px;
    padding: 3px 0;
}


/* ===================== 
    member area
===================== */

.members-area {
    margin-bottom: 25px;
    padding: 20px 20px;
    background: #df006e url("../img/header-members-area.png") no-repeat right 10px;
    color: #FFF;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .members-area h6 {
        margin: 0 0 25px;
        font-size: 22px;
        color: #FFF;
    }

        .members-area h6 a {
            color: #FFF;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .members-area h6 a:hover {
                color: #0b4364;
            }

    .members-area div .button {
        width: 100%;
    }

        .members-area div .button:first-child {
            margin-bottom: 10px;
        }



    /* ===================== 
    footer member area
===================== */

    .members-area.grey-version {
        margin-bottom: 30px;
        padding: 20px 20px;
        background: #e8e3e9;
        color: #636466;
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

        .members-area.grey-version h6 {
            margin: 0 0 25px;
            font-size: 22px;
            color: #FFF;
        }

            .members-area.grey-version h6 a {
                color: #636466;
                -moz-transition: 0.3s;
                -o-transition: 0.3s;
                -webkit-transition: 0.3s;
                transition: 0.3s;
                font-weight: 700;
            }

                .members-area.grey-version h6 a:hover {
                    color: #636466;
                }

        .members-area.grey-version div .button {
            width: 48%;
            float: right;
            display: inline-block;
        }

            .members-area.grey-version div .button:first-child {
                float: left;
            }

    .members-area.lite-members-area {
        width: 45%;
        display: inline-block !important;
        margin-left: 25px;
    }

@media only screen and (max-width:740px) {
    .members-area.lite-members-area {
        width: 100%;
        margin: 25px 0 0 0;
    }
}

@media only screen and (max-width:520px) {
    .members-area a {
        width: 100% !important;
    }
}



/*   */

.social-networks {
    /*margin-bottom: 5px;*/
    margin-top: 11px;
}

    .social-networks span {
        float: left;
        margin: 2px 15px 0 0;
        font-size: 22px;
        color: #007CC3;
    }

@media screen and (max-width: 767px) {
    .social-networks span {
        margin-top: 4px;
        font-size: 16px;
    }
}

.social-networks ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
}

    .social-networks ul li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
    }

    .social-networks ul li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        white-space: nowrap;
        float: left;
        padding-left: 4px;
        padding-right: 4px;
    }

        .social-networks ul li:first-child {
            padding-left: 0;
        }

        .social-networks ul li:last-child {
            padding-right: 0;
        }

        .social-networks ul li.last {
            padding-right: 0;
        }

        .social-networks ul li a {
            display: block;
            width: 29px;
            height: 29px;
            text-indent: -9999px;
        }

        .social-networks ul li.twitter a {
            background: url("../img/icon-social-twitter.png") no-repeat center center;
        }

        .social-networks ul li.facebook a {
            background: url("../img/icon-social-facebook.png") no-repeat center center;
        }

        .social-networks ul li.linkedin a {
            background: url("../img/icon-social-linkedin.png") no-repeat center center;
        }

        .social-networks ul li.youtube a {
            background: url("../img/icon-social-youtube.png") no-repeat center center;
        }

        .social-networks ul li.rss a {
            background: url("../img/icon-social-rss.png") no-repeat center center;
        }

.news-tabs {
    margin-bottom: 25px;
}

    .news-tabs h6 {
        margin: 0 0 15px;
        font-size: 22px;
        font-weight: normal;
        color: #007CC3;
    }

.tabwrap {
    overflow: hidden;
    width: 100%;
    border: 2px solid #007CC3;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.tabs {
    margin: 0;
    overflow: hidden;
    background: #E8E3E9;
}

    .tabs li {
        list-style: none;
    }

        .tabs li li {
            list-style-image: none;
            list-style-type: none;
            margin-left: 0;
        }

        .tabs li a {
            float: left;
            display: block;
            padding: 4px;
            color: #FFF;
            width: 33%;
            text-decoration: none;
            text-align: center;
            border-left: 2px solid #E8E3E9;
            background: #007CC3;
            font-size: 14px;
            font-weight: 700;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

            .tabs li a:hover {
                background: #0b4364;
            }

        .tabs li.current a {
            background: #E8E3E9;
            color: #414042;
        }

    .tabs > :first-child a {
        border-left: 0;
    }

    .tabs > :last-child a {
        width: 34%;
        border-right: 0;
    }

.tab-content > div {
    clear: both;
    padding: 15px;
    color: #414042;
    display: none;
    background: #E8E3E9;
}

    .tab-content > div ul {
        margin: 0;
        list-style: none;
    }

        .tab-content > div ul li {
            list-style-image: none;
            list-style-type: none;
            margin-left: 0;
        }

        .tab-content > div ul li {
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 2px solid #007CC3;
        }

            .tab-content > div ul li:last-child {
                margin: 0;
                padding: 0;
                border: none;
            }

            .tab-content > div ul li a:hover {
                text-decoration: underline;
            }

.tab-content .current {
    display: block;
}

.tab-content #news.first {
    display: block;
}

.tab-content p {
    margin: 0 0 20px 0;
}

    .tab-content p:last-child {
        margin: 0;
    }

.featured-article {
    margin-bottom: 25px;
    background: #E8E3E9;
    border: 2px solid #007CC3;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .featured-article .title {
        background: #007CC3;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .featured-article .title span {
            display: inline-block;
            padding: 4px 15px;
            background: #E8E3E9;
            font-size: 14px;
            line-height: 1.6;
            font-weight: 700;
            color: #414042;
        }

            .featured-article .title span:last-child {
                -webkit-border-top-left-radius: 5px;
                -moz-border-radius-topleft: 5px;
                border-top-left-radius: 5px;
            }

    .featured-article .container {
        padding: 15px;
    }

        .featured-article .container > :last-child {
            margin: 0;
        }

.product-nav {
    padding-top: 20px;
    margin-bottom: 25px;
    background: #df006e;
    color: #FFF;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .product-nav h6 {
        margin: 0 0 15px;
        padding: 0 20px;
        font-size: 14px;
        font-weight: normal;
        color: #FFF;
    }

    .product-nav strong {
        display: inline-block;
        margin: 0 0 15px;
        padding: 0 20px;
    }

    .product-nav ul {
        list-style: none;
    }

        .product-nav ul li {
            list-style-image: none;
            list-style-type: none;
            margin-left: 0;
        }

            .product-nav ul li:last-child {
                border-bottom: 0;
            }

        .product-nav ul li {
            border-bottom: 1px solid #868EC6;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

            .product-nav ul li.active a {
                background: #3D49A3;
            }

            .product-nav ul li:last-child a {
                border-bottom: none;
            }

            .product-nav ul li a {
                display: block;
                min-height: 70px;
                padding: 0 20px;
                font-size: 16px;
                line-height: 4.2;
                color: #FFF;
            }

                .product-nav ul li a img {
                    float: right;
                }

                .product-nav ul li a:hover {
                    background: #3D49A3;
                }

    .product-nav .accordion {
        margin: 0;
    }

        .product-nav .accordion li > ul {
            display: none;
            margin: 0;
            background: #3D49A3;
        }

            .product-nav .accordion li > ul > li {
                border-top: 1px solid #868EC6;
                border-bottom: none;
            }

            .product-nav .accordion li > ul li a {
                padding-left: 40px;
                min-height: 40px;
                line-height: 2.2;
            }

                .product-nav .accordion li > ul li a:hover {
                    background: #7278a3;
                }

#footer {
    border-top: 10px solid #007CC3;
    background: #666666;
    padding-top: 10px;
}

    #footer .logo {
        margin-bottom: 10px;
        text-align: right;
        /*text-align: center;*/
    }

        #footer .logo img {
            margin: 30px auto;
            max-width: 221px;
        }

.members-area.grey-version {
    margin-top: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .members-area.grey-version h6 {
        margin-bottom: 8px;
        font-size: 18px;
    }

    .members-area.grey-version p {
        font-size: 15px;
    }

#footer .links {
    margin-bottom: 25px;
    padding-left: 20px;
}

    #footer .links h6 {
        margin: 20px 0 15px 0;
        font-size: 22px;
        font-weight: normal;
        color: #ffffff;
    }

    #footer .links ul {
        list-style: none;
    }

        #footer .links ul li {
            list-style-image: none;
            list-style-type: none;
            margin-left: 0;
        }

        #footer .links ul li {
            margin-bottom: 2px;
        }

            #footer .links ul li a {
                color: #ffffff;
                font-size: 13px;
            }

                #footer .links ul li a:hover {
                    text-decoration: underline;
                }

#lower-footer {
    background: #ffffff;
    color: #666666 !important;
}

@media screen and (max-width: 767px) {
    #footer .links {
        padding: 0;
        text-align: center;
    }
}

#footer .saint-gobain {
    margin-bottom: 25px;
    text-align: center;
}

    #footer .saint-gobain img {
        margin-bottom: 10px;
    }

    #footer .saint-gobain p {
        font-size: 12px;
        color: #7E7B7E;
    }

#footer #lower-footer {
    margin: 0;
    padding: 10px 0;
}

@media screen and (max-width: 767px) {
    #footer #lower-footer {
        text-align: center;
    }
}

#footer #lower-footer ul {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    color: inherit;
    *zoom: 1;
}

    #footer #lower-footer ul li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        white-space: nowrap;
        float: left;
        padding-left: 8px;
        padding-right: 8px;
        border-left: 1px solid #808080;
    }

        #footer #lower-footer ul li:first-child {
            padding-left: 0;
            border: 0;
        }

        #footer #lower-footer ul li:last-child {
            padding-right: 0;
        }

        #footer #lower-footer ul li.last {
            padding-right: 0;
        }

    #footer #lower-footer ul li {
        font-size: 12px;
    }

@media screen and (max-width: 767px) {
    #footer #lower-footer ul li {
        display: inline-block;
        float: none;
        padding-left: 2px;
        padding-right: 2px;
    }
}

#footer #lower-footer ul li a {
    color: inherit;
}

    #footer #lower-footer ul li a:hover {
        text-decoration: underline;
    }

@media screen and (max-width: 767px) {
    #footer #lower-footer ul {
        display: inline-block;
    }
}

#footer #lower-footer .credit {
    font-size: 12px;
    color: #7E7B7E;
}

    #footer #lower-footer .credit a {
        color: #7E7B7E;
    }

@media screen and (max-width: 767px) {
    #footer #lower-footer .credit {
        display: block;
        text-align: center;
    }
}

/* Extra Components */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {
        width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 100px 0 100px;
    zoom: 1;
}

.flex-viewport {
    /*max-height: 150px !important;*/ /*max-height: 2000px;*/
    /*-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;*/
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        width: 30px;
        height: 30px;
        margin: -20px 0 0;
        display: block;
        background: url("../img/bg_direction_nav.png") no-repeat 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        cursor: pointer;
        text-indent: -9999px;
        opacity: 0;
        -webkit-transition: all .3s ease;
    }

    .flex-direction-nav .flex-next {
        background-position: 100% 0;
        right: -36px;
    }

    .flex-direction-nav .flex-prev {
        left: -36px;
    }

.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 5px;
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 5px;
}

    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: 0.3 !important;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Control Nav */
.flex-control-nav {
    width: 95%;
    position: absolute;
    bottom: 5px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 4px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 14px;
    height: 14px;
    display: block;
    background: #FFF;
    background: rgba(255, 255, 255, 0);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #FFF;
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(255, 255, 255, 0.5);
    }

    .flex-control-paging li a.flex-active {
        background: #FFF;
        background: rgba(255, 255, 255, 0.8);
        cursor: default;
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: .7;
        cursor: pointer;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0;
    }
}
/* Custom CSS */
.flexslider {
    min-height: 250px;
    color: #FFF;
    margin: 60px -20px 35px 0;
}

@media screen and (max-width: 767px) {
    .flexslider {
        margin: 30px 0 50px 0;
    }
}

.flexslider .slide-container {
    margin: 0 20px 0 0;
}

@media screen and (max-width: 767px) {
    .flexslider .slide-container {
        margin: 0;
    }
}

.flexslider h3 {
    margin: 0 0 25px;
    font-size: 32px;
    color: #FFF;
}

@media screen and (max-width: 767px) {
    .flexslider h3 {
        font-size: 32px;
    }
}

.flexslider p {
    margin-bottom: 25px;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .flexslider p {
        font-size: 14px;
    }
}

.flexslider .left {
    float: left;
    width: 65%;
    padding-right: 15px;
}

@media screen and (max-width: 767px) {
    .flexslider .left {
        margin-bottom: 25px;
        padding-right: 0;
    }
}

.flexslider .right {
    float: right;
    width: 35%;
}

@media screen and (max-width: 767px) {
    .flexslider .left, .flexslider .right {
        width: 100%;
        padding: 0 10px;
    }
}

.flexslider .button {
    display: inline-block;
    padding: 5px 40px 5px 10px;
    background-image: url("../img/arrow-right.png");
    background-position: 95% 50%;
    background-repeat: no-repeat;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #007CC3;
}

@media screen and (max-width: 767px) {
    .flexslider .button {
        font-size: 12px;
    }
}

.flexslider .button:hover {
    background-image: url("../img/arrow-right.png");
    background-position: 95% 50%;
    background-repeat: no-repeat;
}

.flexslider .flex-direction-nav {
    display: none;
}

/*Select Drop Down
------------------------------------------------------*/
.selectBox-dropdown {
    margin: 0 7px 0 0;
    padding: 7px 40px 7px 10px;
    position: relative;
    text-decoration: none;
    outline: none;
    float: left;
    background: #FFF;
    display: inline-block;
    cursor: pointer;
    color: rgba(65, 64, 66, 0.55);
}

    .selectBox-dropdown .selectBox-label {
        width: 100% !important;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
    }

    .selectBox-dropdown .selectBox-arrow {
        position: absolute;
        top: 5px;
        bottom: 5px;
        right: 5px;
        width: 30px;
        background: #fff; /*background: #007CC3;*/
        padding: 0;
        text-align: center;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        .selectBox-dropdown .selectBox-arrow:before {
            content: "\f0d7";
            font-family: FontAwesome;
            color: #414042;
            margin-top: 7px;
            display: inline-block;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

.product-selector-container .selectBox-dropdown .selectBox-arrow:before {
    margin-top: 7px;
}

.selectBox-dropdown.selectBox-menuShowing .selectBox-arrow:before {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.alert-danger {
    clear: both;
}

.alert.policy-modal ol {
    text-align: left;
}

    .alert.policy-modal ol li {
        color: #ffffff !important;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
    }

.modal-button-row {
    text-align: center;
    padding-top: 10px;
}

    .modal-button-row .button {
        display: inline-block;
        width: auto !important;
        margin: 0 5px;
    }

@media only screen and (max-width: 767px) {
    .modal-button-row .button {
        width: 100% !important;
        margin-bottom: 5px;
    }
}

/*Dropdown menu*/
.selectBox-dropdown-menu {
    position: absolute;
    z-index: 99999;
    max-height: 200px;
    border: 0;
    /*should be the same border width as .selectBox-dropdown*/
    background: #FFF;
    overflow: auto;
}

/* Inline control */
.selectBox-inline {
    width: 250px;
    outline: none;
    border: 1px solid #BBB;
    background: #FFF;
    display: inline-block;
    overflow: auto;
}

    .selectBox-inline:focus {
        border-color: #666;
    }

/* Options */
.selectBox-options, .selectBox-options li, .selectBox-options li a {
    list-style: none;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: #999;
}

    .selectBox-options li a {
        padding: 7px 10px;
        white-space: nowrap;
        overflow: hidden;
        line-height: 1;
    }

    .selectBox-options li.selectBox-hover a {
        background-color: #f7cec3;
    }

    .selectBox-options li.selectBox-disabled a {
        color: #888;
        background-color: transparent;
    }

    .selectBox-options li.selectBox-selected a {
        background-color: #f7cec3;
    }

    .selectBox-options .selectBox-optgroup {
        color: #666;
        background: #666;
        font-weight: bold;
        line-height: 1.5;
        padding: 0 0.3em;
        white-space: nowrap;
    }

/* Disabled state */
.selectBox.selectBox-disabled {
    color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
    opacity: .5;
    filter: alpha(opacity=50);
    border-color: #666;
}

.selectBox-inline.selectBox-disabled {
    color: #888 !important;
}

    .selectBox-inline.selectBox-disabled .selectBox-options a {
        background-color: transparent !important;
    }

.product .selectBox,
.application .selectBox {
    width: 255px;
}

@media screen and (max-width: 767px) {
    .product .selectBox,
    .application .selectBox {
        width: 100%;
    }
}

div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
    height: 13px;
}

    div.pp_default .pp_top .pp_left {
        background: url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
    }

    div.pp_default .pp_top .pp_middle {
        background: url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x;
    }

    div.pp_default .pp_top .pp_right {
        background: url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
    }

div.pp_default .pp_content .ppt {
    color: #f8f8f8;
}

div.pp_default .pp_content_container .pp_left {
    background: url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px;
}

div.pp_default .pp_content_container .pp_right {
    background: url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px;
}

div.pp_default .pp_next:hover {
    background: url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer;
}

div.pp_default .pp_previous:hover {
    background: url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer;
}

div.pp_default .pp_expand {
    background: url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

    div.pp_default .pp_expand:hover {
        background: url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
        cursor: pointer;
    }

div.pp_default .pp_contract {
    background: url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

    div.pp_default .pp_contract:hover {
        background: url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
        cursor: pointer;
    }

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer;
}

div.pp_default .pp_gallery ul li a {
    background: url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa;
}

div.pp_default .pp_social {
    margin-top: 7px;
}

div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto;
}

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px;
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px;
}

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
    background: url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    width: 20px;
    margin: 4px 0 0;
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px;
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px;
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative;
}

    div.pp_default .pp_nav .currentTextHolder {
        font-family: Georgia;
        font-style: italic;
        color: #999;
        font-size: 11px;
        left: 75px;
        line-height: 25px;
        position: absolute;
        top: 2px;
        margin: 0;
        padding: 0 0 0 10px;
    }

    div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
        opacity: 0.7;
    }

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 5px 50px 5px 0;
}

div.pp_default .pp_bottom .pp_left {
    background: url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
}

div.pp_default .pp_bottom .pp_middle {
    background: url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
}

div.pp_default .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
}

div.pp_default .pp_loaderIcon {
    background: url(../img/prettyPhoto/default/loader.gif) center center no-repeat;
}

div.light_rounded .pp_top .pp_left {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
}

div.light_rounded .pp_top .pp_right {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
}

div.light_rounded .pp_next:hover {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_previous:hover {
    background: url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_expand {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

    div.light_rounded .pp_expand:hover {
        background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }

div.light_rounded .pp_contract {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

    div.light_rounded .pp_contract:hover {
        background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }

div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_nav .pp_play {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_rounded .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_rounded .pp_arrow_previous {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
}

div.light_rounded .pp_arrow_next {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
}

div.light_rounded .pp_bottom .pp_left {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
}

div.light_rounded .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
}

div.dark_rounded .pp_top .pp_left {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
}

div.dark_rounded .pp_top .pp_right {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}

div.dark_rounded .pp_content_container .pp_left {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
}

div.dark_rounded .pp_content_container .pp_right {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
}

div.dark_rounded .pp_next:hover {
    background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_previous:hover {
    background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_expand {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

    div.dark_rounded .pp_expand:hover {
        background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }

div.dark_rounded .pp_contract {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

    div.dark_rounded .pp_contract:hover {
        background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }

div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_description {
    margin-right: 85px;
    color: #fff;
}

div.dark_rounded .pp_nav .pp_play {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.dark_rounded .pp_arrow_previous {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
}

div.dark_rounded .pp_arrow_next {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}

div.dark_rounded .pp_loaderIcon {
    background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}

div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
    background: #000;
}

div.dark_square .pp_description {
    color: #fff;
    margin: 0 85px 0 0;
}

div.dark_square .pp_loaderIcon {
    background: url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat;
}

div.dark_square .pp_expand {
    background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

    div.dark_square .pp_expand:hover {
        background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }

div.dark_square .pp_contract {
    background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

    div.dark_square .pp_contract:hover {
        background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }

div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

div.dark_square .pp_nav {
    clear: none;
}

    div.dark_square .pp_nav .pp_play {
        background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
        height: 15px;
        width: 14px;
    }

    div.dark_square .pp_nav .pp_pause {
        background: url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
        height: 15px;
        width: 14px;
    }

div.dark_square .pp_arrow_previous {
    background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
}

div.dark_square .pp_arrow_next {
    background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
}

div.dark_square .pp_next:hover {
    background: url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer;
}

div.dark_square .pp_previous:hover {
    background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

div.light_square .pp_expand {
    background: url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

    div.light_square .pp_expand:hover {
        background: url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }

div.light_square .pp_contract {
    background: url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

    div.light_square .pp_contract:hover {
        background: url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

div.light_square .pp_nav .pp_play {
    background: url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_square .pp_nav .pp_pause {
    background: url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_square .pp_arrow_previous {
    background: url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}

div.light_square .pp_arrow_next {
    background: url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}

div.light_square .pp_next:hover {
    background: url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer;
}

div.light_square .pp_previous:hover {
    background: url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

div.facebook .pp_top .pp_left {
    background: url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
}

div.facebook .pp_top .pp_middle {
    background: url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
}

div.facebook .pp_top .pp_right {
    background: url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
}

div.facebook .pp_content_container .pp_left {
    background: url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
}

div.facebook .pp_content_container .pp_right {
    background: url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
}

div.facebook .pp_expand {
    background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

    div.facebook .pp_expand:hover {
        background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }

div.facebook .pp_contract {
    background: url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

    div.facebook .pp_contract:hover {
        background: url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

div.facebook .pp_description {
    margin: 0 37px 0 0;
}

div.facebook .pp_loaderIcon {
    background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat;
}

div.facebook .pp_arrow_previous {
    background: url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

    div.facebook .pp_arrow_previous.disabled {
        background-position: 0 -96px;
        cursor: default;
    }

div.facebook .pp_arrow_next {
    background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

    div.facebook .pp_arrow_next.disabled {
        background-position: -32px -96px;
        cursor: default;
    }

div.facebook .pp_nav {
    margin-top: 0;
}

    div.facebook .pp_nav p {
        font-size: 15px;
        padding: 0 3px 0 4px;
    }

    div.facebook .pp_nav .pp_play {
        background: url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
        height: 22px;
        width: 22px;
    }

    div.facebook .pp_nav .pp_pause {
        background: url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
        height: 22px;
        width: 22px;
    }

div.facebook .pp_next:hover {
    background: url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer;
}

div.facebook .pp_previous:hover {
    background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

div.facebook .pp_bottom .pp_left {
    background: url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
}

div.facebook .pp_bottom .pp_middle {
    background: url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
}

div.facebook .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
}

div.pp_pic_holder a:focus {
    outline: none;
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}

.pp_content {
    height: 40px;
    min-width: 40px;
}

* html .pp_content {
    width: 40px;
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}

    .pp_content_container .pp_left {
        padding-left: 20px;
    }

    .pp_content_container .pp_right {
        padding-right: 20px;
    }

    .pp_content_container .pp_details {
        float: left;
        margin: 10px 0 2px;
    }

.pp_description {
    display: none;
    margin: 0;
}

.pp_social {
    float: left;
    margin: 0;
}

    .pp_social .facebook {
        float: left;
        margin-left: 5px;
        width: 55px;
        overflow: hidden;
    }

    .pp_social .twitter {
        float: left;
    }

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}

    .pp_nav p {
        float: left;
        white-space: nowrap;
        margin: 2px 4px;
    }

    .pp_nav .pp_play, .pp_nav .pp_pause {
        float: left;
        margin-right: 4px;
        text-indent: -10000px;
    }

a.pp_arrow_previous, a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}

    .pp_gallery div {
        float: left;
        overflow: hidden;
        position: relative;
    }

    .pp_gallery ul {
        float: left;
        height: 35px;
        position: relative;
        white-space: nowrap;
        margin: 0 0 0 5px;
        padding: 0;
    }

        .pp_gallery ul a {
            border: 1px rgba(0, 0, 0, 0.5) solid;
            display: block;
            float: left;
            height: 33px;
            overflow: hidden;
        }

            .pp_gallery ul a img {
                border: 0;
            }

    .pp_gallery li {
        display: block;
        float: left;
        margin: 0 5px 0 0;
        padding: 0;
    }

        .pp_gallery li.default a {
            background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
            display: block;
            height: 33px;
            width: 50px;
        }

    .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
        margin-top: 7px !important;
    }

a.pp_next {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_previous {
    background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_expand, a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px;
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -12px 0 0 -12px;
}

#pp_full_res {
    line-height: 1 !important;
}

    #pp_full_res .pp_inline {
        text-align: left;
    }

        #pp_full_res .pp_inline p {
            margin: 0 0 15px;
        }

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    z-index: 9999;
    margin: 0 0 5px 15px;
}

div.pp_default .pp_content, div.light_rounded .pp_content {
    background-color: #fff;
}

    div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline {
        color: #000;
    }

div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a {
    border-color: #fff;
}

div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details {
    position: relative;
}

div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content {
    background: #fff;
}

div.light_rounded .pp_description, div.light_square .pp_description {
    margin-right: 85px;
}

div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}

div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}

div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon {
    background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}

div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}

div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
    color: #c4c4c4;
}

div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {
    color: #fff;
}

.pp_top, .pp_bottom {
    height: 20px;
    position: relative;
}

* html .pp_top, * html .pp_bottom {
    padding: 0 20px;
}

    .pp_top .pp_left, .pp_bottom .pp_left {
        height: 20px;
        left: 0;
        position: absolute;
        width: 20px;
    }

    .pp_top .pp_middle, .pp_bottom .pp_middle {
        height: 20px;
        left: 20px;
        position: absolute;
        right: 20px;
    }

    * html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
        left: 0;
        position: static;
    }

    .pp_top .pp_right, .pp_bottom .pp_right {
        height: 20px;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
    }

.pp_fade, .pp_gallery li.default a img {
    display: none;
}

table th {
    font-weight: bold;
}

table td, table th {
    padding: 9px 10px;
    text-align: left;
}

/* Mobile */
@media only screen and (max-width: 767px) {
    table.responsive {
        margin-bottom: 0;
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

        .pinned table {
            border-right: none;
            border-left: none;
            width: 100%;
        }

            .pinned table th, .pinned table td {
                white-space: nowrap;
            }

        .pinned td:last-child {
            border-bottom: 0;
        }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }

        div.table-wrapper div.scrollable {
            margin-left: 35%;
        }

        div.table-wrapper div.scrollable {
            overflow: scroll;
            overflow-y: hidden;
        }

    table.responsive td, table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

        table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
            display: none;
        }
}

.show-for-small {
    display: none;
}

@media screen and (max-width: 767px) {
    .show-for-small {
        display: block;
    }
}

/* Specific Pages */
.homepage .content-left h1 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.4;
    color: #007CC3;
}

.products-features {
    padding: 40px 0 20px 0;
}

    .products-features h3 {
        margin-top: 0;
        font-size: 22px;
        color: #FFF;
    }

    .products-features .box {
        display: block;
        background: #E74C3C;
        margin: 0 0 20px 0;
        height: 140px;
        position: relative;
        color: #ffffff;
        padding: 15px 0 15px 40px;
        background-color: #007CC3;
        background-image: url(../img/home-link-bg.png);
        background-repeat: no-repeat;
        background-position: right -20px top;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

        .products-features .box:hover {
            text-decoration: none;
            background-position: right 0px top;
            /*background-color:#c90063;*/
        }

        .products-features .box h6 {
            margin: 0;
            display: block;
            font-size: 18px;
            line-height: 1.25;
            font-weight: 700;
            color: #ffffff;
            max-width: 50%;
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            margin-top: 0;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .products-features .box:hover h6 {
            margin-top: -4px;
        }

        .products-features .box img {
            position: absolute;
            right: 25px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            max-height: 55px;
            max-width: 55px;
        }

        .products-features .box .relative {
            position: relative;
            min-height: 95px;
        }

            .products-features .box .relative p, .products-features .box .relative a {
                font-size: 12px;
            }

            .products-features .box .relative p {
                width: 62%;
                margin: 0;
                padding-bottom: 27px;
                line-height: 1.4;
            }

            .products-features .box .relative a {
                position: absolute;
                bottom: 0;
                left: 0;
            }

                .products-features .box .relative a:hover {
                    text-decoration: underline;
                }

            .products-features .box .relative img {
                position: absolute;
                top: 0;
                right: 0;
            }

.history-box div {
    float: left;
}

.history-box .date {
    width: 13%;
    margin-top: 10px;
    padding-right: 15px;
    background: url("../img/arrow-left.png") no-repeat center right;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #007CC3;
}

@media screen and (max-width: 767px) {
    .products-features {
        padding: 0;
    }

    .history-box .date {
        width: 25%;
    }
}

.history-box .event {
    width: 87%;
    border-left: 1px solid #007CC3;
    border-bottom: 1px dashed #007CC3;
    padding: 13px 15px 15px;
}

@media screen and (max-width: 767px) {
    .history-box .event {
        width: 75%;
    }
}

.history-box .event > :last-child {
    margin: 0;
}

.timeline > :last-child .event {
    border-bottom: none;
}

.stockist-list {
    height: 580px;
    overflow: scroll;
    overflow-x: hidden;
}

@media screen and (max-width: 767px) {
    .stockist-list {
        height: auto;
        overflow: visible;
    }
}

.stockist-list .columns {
    min-height: 200px;
}

#map_canvas {
    height: 300px;
    margin-bottom: 25px;
}

.product-image, .application-image {
    position: relative;
    min-height: 222px;
}

@media screen and (max-width: 767px) {
    .product-image, .application-image {
        min-height: auto;
        text-align: center;
    }
}

.product-image img, .application-image img {
    position: absolute;
    top: 0;
    left: 7%;
    max-width: 86%;
}

@media screen and (max-width: 767px) {
    .product-image img, .application-image img {
        position: static;
    }
}

.application-image img {
    bottom: -10px;
}

.members-nav {
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .members-nav h6 {
        margin: 0;
        padding: 15px 10px;
        font-size: 18px;
        color: #FFF;
    }

    .members-nav ul {
        padding: 10px 0;
        list-style: none;
        background: #E8E3E9;
    }

        .members-nav ul li {
            list-style-image: none;
            list-style-type: none;
            margin-left: 0;
        }

        .members-nav ul li {
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .members-nav ul li:hover,
            .members-nav ul li .active {
                background: #D3CED4;
            }

            .members-nav ul li a {
                display: block;
                margin: 0 10px;
                padding: 5px 0;
                border-bottom: 1px solid #FFF;
                font-size: 12px;
                color: #414042;
            }

                .members-nav ul li a span {
                    color: #007CC3;
                }

        .members-nav ul > :last-child a {
            border-bottom: none;
        }

    .members-nav.blue h6 {
        background: #df006e;
    }

    .members-nav.pink h6 {
        background: #007CC3;
    }

.mybuttons {
    margin: 20px 0;
}

    .mybuttons a {
        display: block;
        min-height: 51px;
        padding-left: 80px;
        background-repeat: no-repeat;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 700;
        color: #FFF;
    }

    .mybuttons .u-value {
        margin-bottom: 15px;
        background-image: url("../img/icon-white-calculator.png");
    }

@media screen and (max-width: 767px) {
    .mybuttons .u-value {
        padding-top: 15px;
    }
}

.mybuttons .projects {
    padding-top: 15px;
    background-image: url("../img/icon-white-folder.png");
}

.checkboxes .columns {
    position: relative;
    min-height: 48px;
    margin-bottom: 30px;
}

    .checkboxes .columns img {
        float: left;
        margin-top: 2px;
        margin-right: 15px;
    }

    .checkboxes .columns span {
        display: table-cell;
        height: 48px;
        padding-right: 35px;
        font-size: 14px;
        line-height: 1.4;
        vertical-align: middle;
    }

    .checkboxes .columns .label_check {
        position: absolute;
        right: 0;
        top: 12px;
    }

.form {
    overflow: hidden;
    *zoom: 1;
}

    .form fieldset {
        margin: 0 0 20px;
        padding: 15px 15px;
        border: 1px solid #FFF;
    }

        .form fieldset legend {
            font-size: 18px;
            font-weight: 700;
            color: #007CC3;
        }

    .form small {
        clear: both;
        display: block;
        height: 16px;
        background: url("../img/icon-16x16-info.png") no-repeat;
        padding: 2px 0 0 22px;
        font-size: 11px;
    }


.password-checker p {
    margin: 18px 0 10px;
    font-size: 1.1em;
    color: #666;
    font-weight: 700;
}

.password-checker strong {
    color: #007CC3;
    display: block;
}

.password-checker ul {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    margin: 0 0 20px;
}

    .password-checker ul li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        white-space: nowrap;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
    }

        .password-checker ul li::before {
            background: #007CC3 none repeat scroll 0 0;
            border-radius: 8px;
            content: "";
            display: inline-block;
            height: 8px;
            margin-right: 4px;
            width: 8px;
        }

        .password-checker ul li:first-child {
            padding-left: 0;
        }

        .password-checker ul li:last-child {
            padding-right: 0;
        }

        .password-checker ul li.last {
            padding-right: 0;
        }

    .password-checker ul li {
        background: none;
        padding-left: 0;
    }

        .password-checker ul li .fa {
            width: 13px;
            text-align: center;
        }

        .password-checker ul li .fa-check {
            color: green;
        }

        .password-checker ul li .fa-times {
            color: red;
        }

.password-field {
    overflow: hidden;
    *zoom: 1;
    display: block;
}

    .password-field input[type="password"], .password-field input#password {
        display: inline;
        float: left;
        -moz-border-radius-topright: 0;
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-bottom: 10px;
    }

@media screen and (max-width: 767px) {
    .password-field input[type="password"] {
        margin: 0;
        -moz-border-radius-topleft: 2px;
        -webkit-border-top-left-radius: 2px;
        border-top-left-radius: 2px;
        -moz-border-radius-topright: 2px;
        -webkit-border-top-right-radius: 2px;
        border-top-right-radius: 2px;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

/*.password-field .showpassword {
    float: left;
    width: 90px;
    height: 31px;
    padding: 0;
    background: #CDCDCD;
    border: 1px solid #CDCDCD;
    color: #FFF;
    line-height: 28px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}*/

.password-field {
    float: left;
    width: 100%;
    background: none;
    height: 41px;
}

.form-field .password-field {
    float: right;
    width: 31%;
    background: none;
    height: 41px;
}

.password-field .showpassword label {
    float: left;
    display: block;
    margin: 0;
    border: 0;
    cursor: pointer;
    height: 41px;
    width: 100%;
    padding: 0;
    background: #636466;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    text-align: center;
    line-height: 41px;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

    .password-field .showpassword label input[type=checkbox] {
        display: none;
    }

    .password-field .showpassword label.c_on {
        color: #c2c2c2;
    }

.password-field .showpassword span {
    float: left;
    font-weight: bold;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .password-field .showpassword {
        width: 100%;
        margin: 0 0 15px;
        -moz-border-radius-topleft: 0;
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
        -moz-border-radius-topright: 0;
        -webkit-border-top-right-radius: 0;
        border-top-right-radius: 0;
        -moz-border-radius-bottomleft: 2px;
        -webkit-border-bottom-left-radius: 2px;
        border-bottom-left-radius: 2px;
        -moz-border-radius-bottomright: 2px;
        -webkit-border-bottom-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }
}

.bold-paragraph {
    font-weight: 600;
    font-size: 16px;
    margin: 10px 0;
}

.blog article,
.archive article {
    margin-bottom: 20px;
    border-bottom: 2px solid #007CC3;
}

    .blog article:last-child,
    .archive article:last-child {
        margin-bottom: 0;
        border: none;
    }

.author-info {
    margin-top: 20px;
    padding: 15px;
    background: #E8E3E9;
}

    .author-info .author-avatar {
        float: left;
        width: 15%;
    }

    .author-info .author-description {
        float: left;
        width: 85%;
    }

        .author-info .author-description h1, .author-info .author-description h2 {
            margin-top: 0;
        }

.post-header {
    position: relative;
    padding-left: 70px;
}

    .post-header .title-meta {
        min-height: 65px;
        margin-bottom: 20px;
        border-bottom: 1px solid #CCC;
    }

        .post-header .title-meta .entry-title {
            margin: 0 0 5px 0;
            font-weight: bold;
        }

        .post-header .title-meta .meta {
            margin-bottom: 12px;
            font-size: 12px;
        }

    .post-header .entry-time {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 56px;
        height: 64px;
        background: url("../img/icon-pink-56x64-calendar.png") no-repeat;
    }

        .post-header .entry-time span {
            display: block;
            font-weight: bold;
            color: #007CC3;
            text-align: center;
        }

        .post-header .entry-time .day {
            padding-top: 23px;
            font-size: 20px;
        }

        .post-header .entry-time .month {
            text-transform: uppercase;
        }

.single .post-header .title-meta .entry-title {
    color: #414042;
}

.widget_categories,
.widget_archive {
    margin-bottom: 25px;
    background: #007CC3;
    border: 2px solid #007CC3;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
}

    .widget_categories .widget-title,
    .widget_archive .widget-title {
        display: inline-block;
        margin: 0;
        padding: 4px 15px;
        background: #E8E3E9;
        font-size: 14px;
        line-height: 1.6;
        font-weight: 700;
        color: #414042;
    }

    .widget_categories ul,
    .widget_archive ul {
        background: #E8E3E9;
        margin: 0;
        padding: 15px;
        list-style: none;
    }

        .widget_categories ul li,
        .widget_archive ul li {
            list-style-image: none;
            list-style-type: none;
            margin-left: 0;
        }

        .widget_categories ul li,
        .widget_archive ul li {
            padding: 3px 0;
            border-bottom: 1px solid #FFF;
        }

            .widget_categories ul li:last-child,
            .widget_archive ul li:last-child {
                border: 0;
            }

        .widget_categories ul ul,
        .widget_archive ul ul {
            margin: 0;
            padding: 0;
        }

.nav-single {
    padding: 15px 0;
    border-bottom: 2px solid #007CC3;
}

    .nav-single .meta-nav {
        width: 50%;
        font-weight: 700;
    }

    .nav-single .nav-previous {
        float: left;
    }

    .nav-single .nav-next {
        float: right;
        text-align: right;
    }

/* Comments */
.comments-area .comment-container {
    padding: 15px;
    background: #E8E3E9;
}

.comments-area .comments-title {
    margin-top: 0;
}

.comments-area .comment-meta {
    margin-bottom: 10px;
    font-weight: 700;
    font-style: normal;
}

    .comments-area .comment-meta .fn {
        margin-right: 10px;
    }

.comments-area .commentlist {
    margin: 0;
    list-style: none;
}

    .comments-area .commentlist li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
    }

        .comments-area .commentlist li.comment {
            border-bottom: 1px solid #000;
        }

            .comments-area .commentlist li.comment:last-child,
            .comments-area .commentlist li.comment li.comment {
                border: none;
            }

            .comments-area .commentlist li.comment article {
                position: relative;
                padding: 15px 0;
            }

                .comments-area .commentlist li.comment article section.comment > :last-child {
                    margin: 0;
                }

            .comments-area .commentlist li.comment .reply {
                position: absolute;
                top: 10px;
                right: 0;
            }

            .comments-area .commentlist li.comment .comment-awaiting-moderation {
                font-weight: 700;
                color: #F00;
            }

/* Image & Videos */
.wp-post-image {
    display: block;
    margin-bottom: 20px;
}

.video-container {
    background-color: #FFF;
    padding-left: 1px;
    border: 1px solid #CCC;
    margin-bottom: 17px;
}

    .video-container p {
        margin-bottom: 0;
    }

img.alignleft, .wp-caption.alignleft {
    margin: 8px 25px 25px 0;
    float: left;
}

img.alignright, .wp-caption.alignright {
    margin: 8px 0 25px 25px;
    float: right;
}

img.aligncenter, .wp-caption.aligncenter {
    display: block;
    margin: 8px auto 25px auto;
}

.attachment-thumbnail,
.attachment-medium {
    float: left;
    margin: 0 25px 25px 0;
    border: 2px solid #FFF;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
}

.wp-caption {
    text-align: center;
    border: 1px solid #CCC;
}

@media screen and (max-width: 767px) {
    .wp-caption {
        width: 100% !important;
        margin: 0 0 25px;
    }
}

.wp-caption img {
    display: block;
}

@media screen and (max-width: 767px) {
    .wp-caption img {
        margin: 0 auto;
    }
}

.wp-caption p {
    margin: 0;
    padding: 7px 10px;
    background: #E8E3E9;
}

/* Blockquotes */
blockquote {
    background: #E8E3E9;
    padding: 20px;
    color: #414042;
    border-width: 4px;
    border-color: #CCC;
}

    blockquote > :first-child {
        margin-top: 0;
    }

    blockquote > :last-child {
        margin-bottom: 0;
    }

    blockquote p {
        color: #414042;
        font-style: italic;
    }

/* Post Content */
.post-content ul, .post-content ol {
    margin: 0 0 17px 45px;
    list-style-position: outside;
}

    .post-content ul li, .post-content ol li {
        margin: 0 0 10px;
        line-height: 1.4;
    }

        .post-content ul li > :last-child, .post-content ol li > :last-child {
            margin-bottom: 0;
        }

.faq-content h3 {
    font-size: 16px;
}

.content-left .key-benefits li {
    background: none;
}

.key-benefits {
    display: inline-block;
    min-width: 75%;
    margin: 0 0 40px !important;
    padding: 0;
}

ul.key-benefits, ul.key-benefits li {
    list-style: none !important;
}

@media screen and (max-width: 767px) {
    .key-benefits {
        min-width: 100%;
    }
}

.key-benefits > li {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ZTNlOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==') !important;
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e3e9)) !important;
    background-image: -moz-linear-gradient(#ffffff, #e8e3e9) !important;
    background-image: -webkit-linear-gradient(#ffffff, #e8e3e9) !important;
    background-image: linear-gradient(#ffffff, #e8e3e9) !important;
    padding: 4px 0 0 !important;
    border-bottom: 3px solid #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
    vertical-align: top;
    text-align: left;
}

    .key-benefits > li:before {
        margin: 0 10px 0 0;
        padding: 4px 8px;
        background: #007CC3;
        border-right: 3px solid #FFF;
        font-family: "FontAwesome";
        content: "\f05d";
        font-size: 34px;
        line-height: 1;
        text-align: center;
        color: #FFF;
        font-weight: normal;
    }

.bba {
    margin-bottom: 70px !important;
    padding: 0 25px;
    background: url("../img/bba-line-background.png") repeat-y 10px top;
}

@media screen and (max-width: 767px) {
    .bba {
        margin-bottom: 40px !important;
        padding: 0;
        background: none;
    }
}

.bba p {
    font-size: 14px !important;
}

.bba > :first-child > :first-child {
    margin-top: 0;
}

.bba > :first-child > :last-child {
    margin-bottom: 0;
}

.bba > :last-child > :first-child {
    margin-top: 0;
}

.bba > :last-child > :last-child {
    margin-bottom: 0;
}

.contactinfo {
    overflow: hidden;
    *zoom: 1;
    margin: 0 0 20px;
    background: #E8E3E9;
    font-weight: 700;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    text-align: left;
}

    .contactinfo img {
        float: left;
        margin-right: 10px;
        border-right: 4px solid #FFF;
    }

    .contactinfo span {
        display: block;
        margin: 0 0 7px;
        font-size: 12px;
    }

        .contactinfo span p {
            display: block;
            margin: 0 0 7px;
            font-size: 12px;
            font-weight: 700;
        }

        .contactinfo span:first-child {
            padding: 10px 0 5px;
            border-bottom: 1px solid #007CC3;
        }

    .contactinfo ul {
        margin: 0 10px;
        list-style: none;
    }

        .contactinfo ul li {
            list-style-image: none;
            list-style-type: none;
            margin-left: 0;
        }

        .contactinfo ul li {
            margin: 0 0 3px;
            font-size: 12px;
            line-height: 1;
        }

            .contactinfo ul li :before {
                display: inline-block;
                width: 15px;
                margin-right: 5px;
                font-family: "FontAwesome";
                font-size: 12px;
                text-align: center;
            }

            .contactinfo ul li.email :before {
                content: "\f0e0";
            }

            .contactinfo ul li.linkedin :before {
                content: "\f0e1";
            }

.video-widget {
    margin-bottom: 20px;
}

    .video-widget .video-link {
    }

    .video-widget i {
        bottom: 55px;
        float: left;
        font-size: 5em;
        left: 5px;
        position: relative;
        font-size: 4em;
        color: #fff;
    }

    .video-widget h4 {
        font-size: 20px;
        font-weight: normal;
        color: #007CC3;
        display: inline;
        margin-left: -57px;
    }

@media screen and (max-width: 767px) {
    .roofpro {
        text-align: center;
    }
}

.roofpro .header-pink {
    min-height: 410px;
    padding: 30px 0;
    border-top: 15px solid #E8E3E9;
}

@media screen and (max-width: 767px) {
    .roofpro .header-pink {
        min-height: inherit;
        padding: 30px 0;
    }
}

.roofpro .header-pink .logo {
    margin: 0 0 30px;
    text-align: center;
}

.roofpro h1 {
    margin-top: 90px;
    font-size: 54px;
}

@media screen and (max-width: 767px) {
    .roofpro h1 {
        margin-top: 30px;
        font-size: 28px;
    }
}

.roofpro h2 {
    margin-bottom: 0;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .roofpro h2 {
        font-size: 18px;
    }
}

.roofpro .content-left > :first-child {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #262626 !important;
}

.roofpro .content-left p {
    margin-bottom: 30px;
    font-size: 18px;
    color: #262626 !important;
}

.roofpro aside h3 {
    margin-top: 0;
    font-size: 18px;
}

.roofpro aside p {
    font-size: 12px;
}

.roofpro aside .form {
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
}

    .roofpro aside .form p {
        font-size: 14px;
        font-weight: 700;
    }

        .roofpro aside .form p span {
            color: #007CC3;
        }

.steps {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    margin: 0 !important;
    padding: 0;
    border: 2px solid #CCC;
}

.content-left .steps li {
    list-style-image: none !important;
    list-style-type: none !important;
    margin-left: 0;
    white-space: nowrap;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
}

.steps li:first-child {
    padding-left: 0;
}

.steps li:last-child {
    padding-right: 0;
}

.steps li.last {
    padding-right: 0;
}

.steps li {
    width: 20%;
    height: 50px;
    margin: 0 !important;
    padding: 0 !important;
    background: #E8E3E9 !important;
    text-align: center;
    font-weight: 700;
    line-height: 50px;
}

    .steps li.active a {
        background: #007CC3;
    }

    .steps li a {
        display: block;
        background: #0b4364;
        color: #FFF;
    }

        .steps li a:hover {
            color: #FFF;
        }

.uvalue-btn {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 10px;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: #007CC3;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #FFF;
    text-align: center;
}

    .uvalue-btn:hover {
        background: #0b4364;
        color: #FFF;
        text-decoration: none;
    }

    .uvalue-btn:before, .uvalue-btn:after {
        font-family: "FontAwesome";
        font-size: 26px;
        line-height: 1;
    }

    .uvalue-btn.back:before {
        float: left;
        content: "\f0a8";
    }

    .uvalue-btn.continue:after {
        float: right;
        content: "\f0a9";
    }

    .uvalue-btn.margin {
        margin: 0 0 20px;
    }

.continue-amend-box {
    height: 161px;
    overflow: scroll;
}

.youraddress {
    margin-top: 4px !important;
    text-align: right;
    line-height: 1.6;
    font-weight: normal;
}

    .youraddress strong {
        display: block;
    }

.hor-line-title {
    position: relative;
    text-align: center;
    margin: 0 0 12px;
}

    .hor-line-title:before {
        content: "";
        display: block;
        border-top: solid 1px #414042;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 50%;
        z-index: 1;
    }

    .hor-line-title span {
        background: #E8E3E9;
        padding: 0 20px;
        position: relative;
        z-index: 5;
        font-weight: 700;
    }

dl {
    margin-top: 0;
    margin-bottom: 0;
}

dt,
dd {
    line-height: 2;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

.dl-horizontal dt {
    float: left;
    width: 100px;
    clear: left;
    text-align: right;
}

.dl-horizontal dd {
    overflow: hidden;
    *zoom: 1;
    margin-left: 100px;
    padding-left: 10px;
}

.calculation {
    margin-bottom: 25px !important;
    padding: 15px;
    background: #E8E3E9;
    -moz-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
    box-shadow: 6px 6px 10px -2px rgba(0, 0, 0, 0.4);
}

    .calculation h3 {
        margin-top: 0;
        font-size: 30px;
        font-weight: bold;
    }

    .calculation .dl-horizontal dt, .calculation .dl-horizontal dd {
        border-top: 1px solid #FFF;
    }

.addfileprojectmodal small {
    clear: both;
    display: block;
    margin: 0 0 15px;
    height: 16px;
    background: url("../img/icon-16x16-info.png") no-repeat;
    padding: 2px 0 0 22px;
    font-size: 11px;
}

.addfileprojectmodal .radio {
    margin: 0 0 15px;
}

.buildup {
    margin: 0 10px 20px 10px;
    border: 2px solid #E8E3E9;
}

    .buildup > :last-child {
        border: none;
    }

    .buildup div {
        padding: 8px;
        background: #E8E3E9;
        border-bottom: 1px solid #FFF;
        font-weight: bold;
        text-align: center;
    }

    .buildup :nth-child(2) {
        background: rgba(232, 227, 233, 0.6);
    }

    .buildup :nth-child(3) {
        background: rgba(232, 227, 233, 0.3);
    }

/*Webigence*/
.ajax-inprogress {
    background: transparent url("../img/loading.gif") no-repeat 50% 50%;
    z-index: 9999;
    width: 40px;
    height: 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: 45px;
    margin-left: -15%;
}

label.oneline {
    display: block;
    float: left;
    padding: 9px 10px 0 0;
}

.center {
    margin: 0 auto;
}

.right {
    float: right;
}

.content-left p {
    clear: both;
}

    .content-left p.left, .content-left p.right {
        clear: none;
    }

.products-features .box .relative p {
    padding-bottom: 0;
}

/*.opt-email-call .label_check{
    width: 100%;
    height: 60px;
    font-size: 14px;
}*/

.opt-email-call .label_check.higher {
    height: 150px;
}

.label-options .label_check {
    padding-top: 5px;
    padding-bottom: 5px;
}

#register-form .opt-email-call .label_check {
    /*height: 90px;*/
}

.realperson-challenge {
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
}

.password-input {
    float: left;
}

.lookup {
    height: auto;
    overflow: hidden;
}

    .lookup .button {
        width: 31% !important;
        float: right;
    }

    .lookup input {
        display: inline-block;
    }

#password-error {
    font-size: 11px;
}

.password-message {
    display: none;
}

ul#addressResultHolder li {
    margin-top: 5px;
}

    ul#addressResultHolder li a {
        display: block;
        background: #EBEBEB;
        padding: 5px 10px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        color: #000000;
    }

        ul#addressResultHolder li a:hover {
            background: #E8E3E9;
        }

.popupInfo {
    display: none;
}

    .popupInfo h3 {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.4;
        color: #007CC3;
    }

    .popupInfo .item {
        margin-bottom: 10px;
        color: #007CC3;
        font-size: 12px;
    }

        .popupInfo .item label {
            color: #666666;
        }

.delete-project {
    background: url('../img/close.png') no-repeat 187px 0px !important;
    /*border: 3px solid #E56565;
    color: #665252;*/
}

#applicationProducts th {
    font-size: 0.7em;
}

    #applicationProducts th.name {
        font-size: 1.2em;
    }

        #applicationProducts th.name a:hover {
            text-decoration: underline;
        }

#applicationProducts .message {
    text-align: center;
}

#butSearchApplicationProducts {
    padding-top: 9px;
    padding-bottom: 8px;
}

table tbody tr.inner-head td {
    padding: 8px 10px 9px;
    font-weight: bold;
    color: #FFF;
}

table tbody tr.inner-head td {
    background: rgba(48, 190, 169, 0.35);
}

.uvalert {
    width: 100%;
    margin: 0 0 10px 0 !important;
    padding: 10px 5px 2px 5px;
    background: #d6f5f0;
    font-size: 16px;
    font-weight: 700;
    color: #007CC3;
    text-align: center;
}

.modal-content {
    background-color: #E8E3E9;
}

.popuplist {
    background-color: #fff;
    border: 1px solid #000;
    overflow-x: auto;
    border-radius: 4px;
    max-height: 340px;
    margin: -13px 5px 0 0;
    position: absolute;
    z-index: 100;
}

    .popuplist ul {
        padding: 5px 10px 5px 10px;
    }

    .popuplist li {
        list-style: none;
    }

.modal-lg {
    width: 80%;
}

.popupTable {
    margin-bottom: 0px;
}

    .popupTable thead tr td,
    .popupTable tbody tr td,
    .popupTable tr td,
    .popupTable tfoot tr td,
    .popupTable thead tr th,
    .popupTable tbody tr th,
    .popupTable tr th,
    .popupTable tfoot tr th {
        border: 2px solid #fff;
    }

.close-reveal-modal {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    margin-left: 2px;
}

#deleteFilesModal .button.pink {
    margin-bottom: 10px;
}


@media screen and (min-width: 768px) {
    .inline {
        display: inline;
    }
}

.pt10 {
    padding-top: 5px;
}

.mobile-member-expand {
    display: none;
}


.product-selector-container {
    /*background-color: rgba(124,80,104,0.8);*/
    background-color: #e8e3e9;
}

    .product-selector-container > .container {
        position: relative;
    }

@-webkit-keyframes home-hero-scroll {
    0% {
        background-position: 0 50%;
    }

    100% {
        background-position: 1969px 50%;
    }
}

@-moz-keyframes home-hero-scroll {
    0% {
        background-position: 0 50%;
    }

    100% {
        background-position: 1969px 50%;
    }
}

@-o-keyframes home-hero-scroll {
    0% {
        background-position: 0 50%;
    }

    100% {
        background-position: 1969px 50%;
    }
}

@keyframes home-hero-scroll {
    0% {
        background-position: 0 50%;
    }

    100% {
        background-position: 1969px 50%;
    }
}



.home-hero {
    background-image: url(../img/background_image_1950x600.jpg?v=1.4);
    margin-top: -247px;
    padding-top: 300px;
    /*background-position: 0 50%;*/
    background-size: cover;
    background-repeat: repeat-x;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.6);
    /*-webkit-animation: home-hero-scroll 100s infinite linear;*/ /* Safari 4+ */
    /*-moz-animation: home-hero-scroll 100s infinite linear;*/ /* Fx 5+ */
    /*-o-animation: home-hero-scroll 100s infinite linear;*/ /* Opera 12+ */
    /*animation: home-hero-scroll 100s infinite linear;*/ /* IE 10+, Fx 29+ */
}

    .home-hero .flexslider {
        padding: 0;
        margin: 0;
        min-height: 0;
    }

    .home-hero .boxed-hero-content {
        text-align: center;
        width: 90%;
        margin: 0 auto;
        padding: 15px 40px;
        position: relative;
        margin-bottom: 240px;
    }

        .home-hero .boxed-hero-content .box-hero-left {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 35px;
            border-left: 4px solid #ffffff;
            border-top: 4px solid #ffffff;
            border-bottom: 4px solid #ffffff;
            display: none !important;
        }

.box-hero-left .box-hero-right {
    display: none !important;
}

.home-hero .boxed-hero-content .box-hero-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 35px;
    border-right: 4px solid #ffffff;
    border-top: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    display: none !important;
}

.home-hero .boxed-hero-content h1 {
    font-size: 34px;
    margin: 0;
    line-height: 1.3;
    font-weight: 400;
    color: #414042;
}

    .home-hero .boxed-hero-content h1 strong {
        font-size: 40px;
        display: block;
    }


h1.centre-heading, h2.centre-heading, h3.centre-heading {
    text-align: center;
    font-size: 36px;
    color: #636466;
    text-align: center;
    padding: 15px 0 6px 0;
    font-weight: 600;
    /*margin-top:30px;*/
    line-height: 1.4;
}

    h1.centre-heading.smaller, h2.centre-heading.smaller, h3.centre-heading.smaller {
        font-size: 28px;
    }

@media only screen and (max-width:767px) {
    .home-hero .boxed-hero-content h1 {
        font-size: 22px;
    }

        .home-hero .boxed-hero-content h1 strong {
            font-size: 25px;
        }

    h1.centre-heading, h2.centre-heading, h3.centre-heading {
        font-size: 24px;
        margin-top: 0;
    }
}

.centre-content {
    text-align: center;
    font-size: 18px;
    color: #666666;
    line-height: 1.45;
    text-align: center;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    position: relative;
}

    .centre-content p {
        font-size: 18px;
    }

p.centre-intro {
    font-size: 18px;
    color: #666666;
    line-height: 1.45;
    text-align: center;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
}

.centre-intro-container {
    font-size: 18px;
    color: #666666;
    line-height: 1.45;
    text-align: center;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    padding: 60px 15px 20px 15px;
}


    .centre-intro-container h1, .centre-intro-container h2, .centre-intro-container h3 {
        margin-top: 0;
        padding-top: 0;
    }

    .centre-intro-container p {
        font-size: 18px;
    }

@media only screen and (max-width:767px) {

    .centre-content p, .centre-intro-container p, p.centre-intro {
        font-size: 15px;
    }


    .centre-intro-container, body.home-page .centre-intro-container {
        font-size: 15px;
        padding-top: 30px;
    }
}

/* product/application search bar */

.prod-app-selectors {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
}

/*.prod-app-selectors > div {
        float: left;*/
/*width: 50%;*/
/*padding: 0 20px;*/
/*}*/



.product .selectBox, .application .selectBox {
    width: 100%;
    margin: 4px !important;
    border: 0;
    font-weight: 600;
    /*padding: 2px 2px 2px 2px;*/ /*padding: 12px 40px 12px 12px;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}



.prod-app-selectors h6 {
    text-align: center;
    font-weight: 300;
    margin: 0 0 20px 0;
}

.prod-app-selectors .product {
    margin-bottom: 0;
}

.product-selector-container {
    padding: 30px 0 0 0;
    height: 136px;
    z-index: 5;
    position: relative;
    margin-top: -136px;
}


@media screen and (max-width: 600px) {
    /*.prod-app-selectors > div {
        width: 100%;
    }*/

    .prod-app-selectors .product {
        margin-bottom: 7px;
    }

    .prod-app-selectors h6 {
        width: 40%;
        float: left;
        font-size: 1.1em;
        text-align: right;
        padding-right: 15px;
        padding-top: 12px;
    }

    .product .selectBox, .application .selectBox {
        width: 100% !important;
        float: left;
    }
    /*.product .selectBox, .application .selectBox {
        width: 60% !important;
        float: left;
    }*/

    .product-selector-container {
        padding-top: 22px;
    }
}

@media screen and (max-width: 475px) {

    .home-hero {
    }

    .prod-app-selectors .product {
        margin-bottom: 7px;
    }

    .prod-app-selectors h6 {
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
        padding-top: 6px;
    }

    .prod-app-selectors {
        position: relative;
        float: left;
    }

    .home-hero .boxed-hero-content {
        margin-bottom: 205px !important;
    }

    .product-selector-container {
        height: auto;
        padding: 20px 0;
        float: left;
        width: 100%;
        display: inline-block;
        height: 181px;
        margin-top: -181px;
    }

    .product .selectBox, .application .selectBox {
        width: 100% !important;
        float: left;
    }

    .product-selector-container {
        padding-top: 22px;
    }
}


/* tabbed banner */

.tabbed-banner-tabs {
    margin: 0 0 30px 0;
    display: inline-block;
    width: 100%;
}

    .tabbed-banner-tabs a:focus {
        outline: 0;
    }


    .tabbed-banner-tabs a {
        padding: 16px 8px;
        width: 32.33%;
        margin: 0 0.5% 10px 0.5%;
        float: left;
        text-align: center;
        cursor: pointer;
        color: #636466;
        font-size: 18px;
        background: #ffffff;
        border: 0;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        -webkit-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
    }

        .tabbed-banner-tabs a:hover {
            background-color: #f5f5f5;
            text-decoration: none;
        }

        .tabbed-banner-tabs a.flex-active {
            border: 2px solid #007CC3;
            padding: 14px 6px;
            background: #ffffff !important;
        }

@media only screen and (max-width:767px) {
    .tabbed-banner-tabs {
        padding-left: 15px;
        padding-right: 15px;
    }

        .tabbed-banner-tabs a {
            width: 49%;
            font-size: 15px;
            margin-bottom: 5px;
        }
}



.slide-carousel {
    margin-top: 80px;
    position: relative;
}

    .slide-carousel .flex-control-paging {
        position: absolute;
        top: -55px;
        width: 100%;
    }

        .slide-carousel .flex-control-paging li a {
            background: #e8e3e9;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            -moz-transition: background-color 0.2s ease-in-out;
            -o-transition: background-color 0.2s ease-in-out;
            -webkit-transition: background-color 0.2s ease-in-out;
            transition: background-color 0.2s ease-in-out;
        }

            .slide-carousel .flex-control-paging li a.flex-active {
                background-color: #007CC3;
            }

@media only screen and (max-width:767px) {
    .slide-carousel {
        margin-top: 50px;
    }

        .slide-carousel .flex-control-paging li a {
            width: 18px;
            height: 18px;
        }
}


/* temp styles for iPad */
/*.banner-slides .half-content-1, .banner-slides .half-content-2, .flexslider, .products-features, .home-hero, .product-selector-container {
        display:none!important;
    }

    body {
        overflow:hidden;
    }*/
/* / */


/* ==================================
        Image style section
    ================================== */

.image-style-section {
    padding: 18px 0;
}

    .image-style-section .slide-content.right-aligned .half-content-2 {
        float: right;
        clear: both;
    }

    .image-style-section .banner-slides .half-content .button {
        width: 100%;
        margin-top: 12px;
    }

    .image-style-section .banner-slides .half-content ul {
        list-style: none;
        padding-left: 25px;
        margin-left: 0;
    }

    .image-style-section .banner-slides .tab-slide-content {
        font-weight: 700;
    }

    .image-style-section .flex-direction-nav {
        display: none !important;
    }

    .image-style-section .banner-slides .tab-slide-content {
        list-style: none;
        margin-left: 0;
        padding: 45px 0 30px 0;
        border-bottom: 10px solid #007CC3;
    }

    .image-style-section .feed-container {
        max-width: 1180px;
        width: 100%;
        display: block;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    .image-style-section .feed-container-bottom.apply {
        position: relative;
    }

        .image-style-section .feed-container-bottom.apply .half-content-2 {
            position: absolute;
            bottom: 0;
            left: 0;
        }

    .image-style-section .slide-content.right-aligned .feed-container-bottom.apply .half-content-2 {
        right: 0;
        left: auto;
    }

    .image-style-section .banner-slides .tab-slide-content ul li {
        padding: 4px 0;
        position: relative;
    }

        .image-style-section .banner-slides .tab-slide-content ul li:before {
            font-family: FontAwesome;
            content: "\f00c";
            position: absolute;
            top: 4px;
            left: -25px;
            color: #007CC3;
        }

    .image-style-section .banner-slides .half-content-1 img {
        width: 100% !important;
        height: auto !important;
    }

    .image-style-section .banner-slides .flex-viewport {
        margin: 0 auto;
    }

    .image-style-section .banner-slides .half-content-1 {
        width: 50%;
        text-align: center;
        padding: 0 40px;
        display: block;
    }

    .image-style-section .banner-slides .half-content-2 {
        background-color: rgb(255,255,255);
        background-color: rgba(255,255,255,0.75);
        max-width: 50%;
        width: 100%;
        padding: 26px 30px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .image-style-section .slide-content.right-aligned .half-content-1 {
        float: right;
    }

    .image-style-section.pink-wire-bg .slide-content {
        background-image: url(../img/home-hero-wires.jpg);
        background-position: bottom left;
        background-repeat: repeat-x;
        background-size: auto;
        max-width: none;
    }

        .image-style-section.pink-wire-bg .slide-content .tab-slide-content {
            border-bottom: 0;
        }

    .image-style-section.pink-wire-bg .slide-content {
    }


    /* Override for 50/50 split sections */

    .image-style-section.content-split .banner-slides .half-content-1 {
        float: left;
    }

    .image-style-section.content-split .banner-slides .half-content-2 {
        float: right;
    }

        .image-style-section.content-split .banner-slides .half-content-2 h2 {
            color: #007CC3;
            text-align: center;
            margin: 0 0 15px 0;
            font-size: 2.2em;
        }

    .image-style-section.content-split .banner-slides .tab-slide-content {
        display: inline-block;
        width: 100%;
    }

@media only screen and (max-width:1240px) {
    .image-style-section .feed-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    body .main-nav > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .searchsite .searchform .searchbox {
        width: 160px;
    }
}

@media only screen and (max-width:950px) {
    .main-nav li.search-li {
        padding: 5px 10px 0 10px;
        margin: 0 auto;
        /*width: 80%;*/
        float: none;
    }

    .main-nav li {
        float: none;
    }

    .searchsite .searchform .searchbox {
        width: 120px; /*width: 100% !important;*/
        -moz-border-radius: 2px !important;
        -webkit-border-radius: 2px !important;
        border-radius: 2px !important;
    }

    .search-btn {
        position: absolute;
        top: 0;
        right: 0;
        -moz-border-radius: 0 1px 1px 0 !important;
        -webkit-border-radius: 0 1px 1px 0 !important;
        border-radius: 0 1px 1px 0 !important;
    }
}

@media only screen and (max-width:768px) {
    .image-style-section .banner-slides .tab-slide-content .feed-container {
        width: 100%;
    }

    .image-style-section .banner-slides .half-content-2 {
        padding: 15px;
    }


    .image-style-section .banner-slides .tab-slide-content {
        padding: 20px 10px;
    }

    .main-nav li.search-li {
        width: 100%;
    }
}


/* login area styles */

.form-field {
    position: relative;
    clear: both;
}

    .form-field div.invalid {
        display: block;
        color: #ffffff;
        margin-top: -6px;
        padding-bottom: 16px;
    }

    .form-field label {
        font-size: 14px;
        margin: 0;
        padding: 13px 0 0 11px;
    }

h3.grey-mid-title {
    font-size: 1.9em;
    color: #636466;
    margin: 0 0 20px 0;
}

.pink-form-container {
    padding: 20px;
    background-color: #e8e3e9;
    margin: 20px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .pink-form-container h4 {
        font-weight: 700;
        margin: 5px 0 25px 0;
        font-size: 1.8em;
    }

    .pink-form-container .checkboxArea {
        padding-bottom: 0;
        padding-top: 5px;
    }

        .pink-form-container .checkboxArea.rememberme label i.question:after {
            font-family: FontAwesome;
            content: "\f059";
            font-style: normal;
            vertical-align: middle;
            margin-left: 3px;
            color: #007CC3;
            display: inline-block;
            margin-top: -1px;
        }

.form-style input[type=text],
.form-style input[type=password],
.form-style input[type=number] .form-style input[type=tel],
.form-style select,
a.selectBox {
    background-color: #ffffff;
    border: 0;
    padding: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a.selectBox {
    width: 100% !important;
}

.form-style .selectBox-dropdown .selectBox-arrow:before {
    margin-top: 6px;
}

.form-style small {
    font-size: 12px;
    margin: -5px 0 0 0;
    padding: 0 0 20px 0;
    display: block;
}

.reset-password {
}

/* ==================================
    Grey style section
================================== */

.grey-style-section {
    padding: 30px 0;
}

    .grey-style-section .feed-container {
        background-color: #e8e3e9;
        padding: 30px 50px;
        margin: 0 auto;
        float: none;
        width: 100%;
        position: relative;
        max-width: 1160px;
    }

        .grey-style-section .feed-container:before {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 18px 18px 0 18px;
            border-color: #ffffff transparent transparent transparent;
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -18px;
        }

        .grey-style-section .feed-container .half-content {
            width: 50%;
            float: left;
            padding: 0 0 0 30px;
        }

            .grey-style-section .feed-container .half-content .half-content-inner {
                background-color: #ffffff;
                padding: 30px;
            }

            /* left column padding override */
            .grey-style-section .feed-container .half-content.half-content-1 {
                padding-left: 0;
                padding-right: 30px;
            }

                .grey-style-section .feed-container .half-content.half-content-1 ul li {
                    margin-bottom: 15px;
                    border-bottom: 1px solid #999999;
                    padding-bottom: 15px;
                }

                    .grey-style-section .feed-container .half-content.half-content-1 ul li:last-child {
                        border-bottom: 0;
                    }

            /* left column padding override */

            .grey-style-section .feed-container .half-content p {
                margin-bottom: 0;
            }

            .grey-style-section .feed-container .half-content span.news-date {
                font-size: 12px;
                color: #929292;
            }

            .grey-style-section .feed-container .half-content .feed-container {
                background: #ffffff;
                padding: 30px;
            }

            .grey-style-section .feed-container .half-content img {
                width: 100%;
                height: auto !important;
            }

            .grey-style-section .feed-container .half-content ul {
                list-style: none;
                margin-left: 0;
            }

            .grey-style-section .feed-container .half-content .rounded-btn {
                width: 100%;
            }


    .grey-style-section .half-content-inner ul li p {
        margin: 0;
    }

    .grey-style-section .half-content-2 .half-content-inner ul {
        margin-bottom: 15px;
    }

        .grey-style-section .half-content-2 .half-content-inner ul li {
            clear: both;
            padding-bottom: 3px;
            position: relative;
            padding-left: 22px;
        }

            .grey-style-section .half-content-2 .half-content-inner ul li:before {
                display: inline-block;
                position: absolute;
                left: 2px;
                top: 0;
                font-family: FontAwesome;
                content: "\f0a9";
                font-size: 18px;
                margin-top: -2px;
                color: #007CC3;
            }

            .grey-style-section .half-content-2 .half-content-inner ul li p, .grey-style-section .half-content-2 .half-content-inner ul li > span {
                color: #414042;
                margin-left: 8px;
                display: block;
                border-bottom: 1px solid #999999;
                margin-bottom: 12px;
                padding-bottom: 12px;
            }

            .grey-style-section .half-content-2 .half-content-inner ul li a {
                color: #414042;
            }

    .grey-style-section .half-content-inner ul li:last-child a {
        border-bottom: 0;
    }


    .grey-style-section .slide-content {
        padding: 0;
        background: none !important;
    }

        .grey-style-section .slide-content .tab-slide-fade {
            display: none !important;
        }

@media only screen and (max-width:768px) {
    .grey-style-section .feed-container .half-content {
        padding: 0;
    }

        .grey-style-section .feed-container .half-content.half-content-2 {
            margin-top: 20px;
        }

    .grey-style-section .feed-container {
        padding: 35px 15px 15px 15px;
    }

        .grey-style-section .feed-container .half-content .half-content-inner {
            padding: 15px;
        }
}





/* video wrapper */
.video-wrapper, .quote-video-container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .video-wrapper iframe, .quote-video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



/* common slide-content */

.slide-content {
    max-width: 1800px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

    .slide-content .tab-slide-fade {
        position: absolute;
        top: 0;
        bottom: 0;
        /*height:100%;*/
        width: 120px;
        background-repeat: repeat-y;
    }

        .slide-content .tab-slide-fade.left-fade {
            left: 0;
            bottom: -10px;
            height: auto;
            background-image: url(../img/slider-fade-left.png);
        }

        .slide-content .tab-slide-fade.right-fade {
            right: 0;
            bottom: -10px;
            height: auto;
            background-image: url(../img/slider-fade-right.png);
        }


/* ========================
    Academy styles
======================== */
/* Rating Stars */
.c-rating {
    /*display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;*/
    list-style: none;
    margin: 0;
    padding: 0;
}

.c-rating__item {
    width: 18px;
    height: 18px;
    background-image: url("../img/stars.png");
    background-position: 0 0;
    display: inline-block;
}

    .c-rating__item:hover,
    .c-rating__item.is-active {
        background-position: -18px 0;
    }

.static.c-rating__item {
    background-position: 0 0;
}


/* ========================
    grey top bar
======================== */
.grey-topbar {
    background: #e8e3e9;
    text-align: center;
    padding: 14px 0;
}

.grey-bar-btns {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .grey-bar-btns li {
        display: inline-block;
        padding: 0 4px;
    }

        .grey-bar-btns li a {
            display: block;
            background: red;
            padding-left: 30px !important;
            padding-right: 30px !important;
        }

@media only screen and (max-width:500px) {

    .grey-bar-btns li {
        padding-left: 2px;
        padding-right: 2px;
    }

        .grey-bar-btns li a.button {
            margin: 0 0 4px 0 !important;
            padding: 5px 8px;
            font-size: 12px;
        }
}


.academy-search {
    padding-top: 10px;
}

    .academy-search input[type="text"], .progress-search input[type="text"] {
        display: inline-block;
        margin: 0;
        height: 42px;
        border: 2px solid #007CC3;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        width: 100%;
    }

    .academy-search input[type="submit"], .progress-search input[type="submit"] {
        display: inline-block;
        margin: 0;
        width: auto;
    }

.progress-search input[type="text"] {
    width: 79%;
    float: left;
    margin-bottom: 15px;
}

.progress-search input[type="submit"] {
    width: 20%;
    float: left;
    clear: none;
    float: right;
    background-color: #636466;
}

    .progress-search input[type="submit"]:hover {
        background-color: #838486;
    }

.academy-search .grey-search-wrapper {
    display: inline-block;
    width: 100%;
    max-width: 530px;
    position: relative;
    vertical-align: top;
    max-width: 439px;
}

    .academy-search .grey-search-wrapper:after {
        font-family: FontAwesome;
        content: "\f002";
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
        z-index: 5;
        color: #007CC3;
    }


@media only screen and (max-width:1000px) {

    .academy-search .grey-search-wrapper {
        max-width: none;
        width: 75%;
    }

    .academy-search input[type="submit"] {
        width: 20%;
    }
}

@media only screen and (max-width:390px) {

    .academy-search .grey-search-wrapper {
        max-width: none;
        width: 95%;
        margin-bottom: 5px;
    }

    .academy-search input[type="submit"] {
        width: 95%;
    }
}

/* Employee Progress */
.progress-box {
    background-color: #e8e3e9;
    margin-bottom: 20px;
}

    .progress-box .progress-container {
        float: right;
        width: 105px;
        height: 105px;
    }

    .progress-box .donut-charts .donutchart .chart-text .text {
        display: none;
    }

    .progress-box .panel-content {
        padding: 10px;
    }

    .progress-box .button.rounded-btn {
        width: 85%;
        margin: 0 auto;
        position: relative;
        float: none;
    }

    .progress-box .panel-content {
        text-align: center;
    }

@media only screen and (max-width:1240px) {
    .progress-box .progress-container {
        text-align: center;
        clear: both;
        float: none;
        margin: 0 auto 15px auto;
    }

    .progress-box .donut-charts {
        width: 100% !important;
    }

    body .donut-charts .donutchart > div,
    body .donut-charts .donutchart > div > div {
        width: 100% !important;
    }

    body .progress-box .donut-charts .donutchart svg {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -85px;
        margin-top: -20px;
    }
}

/* Invite Employee area */
.invite-area {
    background-color: #e8e3e9;
    margin-bottom: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding: 30px 0;
}

    .invite-area h3 {
        text-align: center;
        font-weight: 700;
        border-bottom: 1px solid #a7a4a7;
        padding-bottom: 10px;
        font-size: 18px;
        margin: 0 0 20px 0;
    }

    .invite-area p.invite-intro {
        min-height: 85px;
    }

    .invite-area select,
    .invite-area textarea {
        width: 100%;
    }

    .invite-area select {
        min-height: 120px;
    }


    .invite-area input[type="text"],
    .invite-area input[type="password"],
    .invite-area input[type="date"],
    .invite-area input[type="datetime"],
    .invite-area input[type="email"],
    .invite-area input[type="number"],
    .invite-area input[type="search"],
    .invite-area input[type="tel"],
    .invite-area input[type="time"],
    .invite-area input[type="url"],
    .invite-area input[type="file"],
    .invite-area textarea,
    .invite-area select {
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .invite-area textarea {
        min-height: 100px;
    }

    .invite-area .invite-padding {
        padding: 0 30px;
    }

    .invite-area .invite-options .button.invite-add {
        margin-top: 58px;
        margin-bottom: 20px;
        position: relative;
    }


    .invite-area .invite-options .button:before {
        position: absolute;
        left: 50%;
        top: -48px;
        color: #007CC3;
        font-family: FontAwesome;
        font-size: 40px;
        margin-left: -17px;
    }

    .invite-area .invite-options .button.invite-add:before {
        content: "\f18e";
    }

    .invite-area .invite-options .button.invite-remove:before {
        display: none;
    }

    .invite-area .invite-options {
        padding-top: 155px;
    }

    .invite-area .invalid {
        color: #df003a;
        padding: 0 0 10px 0;
        font-weight: bold;
    }


@media only screen and (max-width:768px) {

    .invite-area .invite-padding {
        padding-left: 12px;
        padding-right: 12px;
    }

    .invite-area .invite-options {
        padding: 0 40px;
        margin: 25px 0;
    }

        .invite-area .invite-options .button.invite-add {
            margin-bottom: 10px;
            color: #ffffff;
            background: #007CC3;
            margin-top: 0;
        }

            .invite-area .invite-options .button.invite-add:before {
                position: relative;
                left: auto;
                top: 0;
                font-size: 20px;
                vertical-align: top;
                margin-top: -2px;
                display: inline-block;
                margin-right: 10px;
                color: #ffffff;
                content: "\f01a";
            }

    .invite-area p.invite-intro {
        min-height: 0;
    }

    .invite-area .button.invite-clear {
        background: none;
        color: #666666;
        padding: 0;
        text-align: right;
    }
}

/* Modal Alert styles */
.modal-background {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgb(102,102,102);
    background-color: rgba(102,102,102,0.75);
    z-index: 9999;
}

#modal-alert {
    position: absolute;
    width: 50%;
    left: 25%;
    border: 0;
    background: #007CC3;
    text-align: center;
    color: #ffffff;
    padding: 30px;
    top: 20%;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);
}

    #modal-alert button.close-modal {
        position: absolute;
        top: 15px;
        right: 15px;
        border: 0;
        background: none;
    }

        #modal-alert button.close-modal:before {
            font-family: FontAwesome;
            content: "\f057";
            color: #ffffff;
            font-size: 28px;
        }

        #modal-alert button.close-modal:hover:before {
            opacity: 0.75;
        }

    #modal-alert div {
        border: 0;
        background: none;
        padding: 0;
        color: #ffffff;
    }

    #modal-alert h2 {
        font-weight: 400;
    }

    #modal-alert h2, #modal-alert p {
        color: #ffffff;
    }

    #modal-alert p {
        font-size: 15px;
    }

@media only screen and (max-width:1100px) {
    #modal-alert {
        width: 80%;
        left: 10%;
        top: 15%;
    }
}

@media only screen and (max-width:768px) {
    #modal-alert {
        width: 96%;
        left: 2%;
        top: 15px;
        padding: 30px 20px 20px 20px;
    }

        #modal-alert h2 {
            font-size: 22px;
        }
}

.pending-acceptance {
    padding: 80px 10px 0 10px;
    text-align: center;
    font-weight: bold;
    color: #636466;
}

.centre-img {
    text-align: center;
    margin-bottom: 25px;
}

    .centre-img img {
        border: 1px solid #e6e6e6;
        max-width: 45%;
        display: inline-block !important;
    }

@media only screen and (max-width:740px) {
    .centre-img img {
        max-width: 100%;
    }
}


#module-video {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
}

    #module-video iframe {
        width: 100%;
        position: absolute;
        height: 100%;
        border: 1px solid #e6e6e6;
    }

.module-summary-search .module-summary {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.module-summary-search .four.columns:nth-child(3n+1) {
    clear: both;
}

.module-summary.module-page-info {
    border-bottom: 1px solid #e8e3e9;
    padding-bottom: 15px;
    margin-bottom: 20px;
    clear: both;
}

    .module-summary.module-page-info h2 {
        font-weight: 700;
        font-size: 26px;
        border-bottom: 1px solid #e8e3e9;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .module-summary.module-page-info p {
        font-size: 15px;
    }

    .module-summary.module-page-info .c-rating {
        float: left;
        margin: 2px 0 0 10px;
        font-size: 0;
    }

    .module-summary.module-page-info p.pre-icon:before {
        font-size: 16px;
    }

    .module-summary.module-page-info .addthis_toolbox {
        float: left;
        margin: 2px 0 0 10px;
    }

/* ========================
    Custom responsive styles
======================== */


@media only screen and (max-width:1800px) {
    .slide-content .tab-slide-fade.right-fade, .slide-content .tab-slide-fade.left-fade {
        display: none;
    }
}

@media only screen and (max-width:1240px) {

    .home-hero {
        padding-top: 260px;
    }

        .home-hero .boxed-hero-content {
            margin-bottom: 200px;
        }

            .home-hero .boxed-hero-content p {
                font-size: 30px;
                margin: 0;
                line-height: 1.3;
            }

                .home-hero .boxed-hero-content p strong {
                    font-size: 34px;
                }
}


@media only screen and (max-width:1100px) {

    .prod-app-selectors {
        width: 100%;
        left: 0;
    }
}


@media only screen and (max-width:767px) {

    #header {
        /*padding-top: 20px;*/
        padding-bottom: 15px;
    }

        #header .header-logo {
            margin-top: 0;
        }


    .home-hero .boxed-hero-content {
        margin-bottom: 165px;
        width: 100%;
    }

    #header .header-logo img {
        max-width: 140px;
    }

    .home-hero .boxed-hero-content p {
        font-size: 20px;
    }

        .home-hero .boxed-hero-content p strong {
            font-size: 24px;
        }

    #header .members-login {
        width: 100%;
        min-width: 0;
        display: none;
        padding: 0;
        -webkit-border-radius: 0;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius: 0;
        -moz-border-radius-bottomright: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

        #header .members-login h6 {
            display: none;
        }

        #header .members-login .members-login-inner {
            padding: 15px;
            width: 100%;
            float: left;
        }


    .tinynav {
        margin-top: 20px;
    }

    .mobile-member-expand {
        display: block;
        border: 0;
        float: left;
        background: #e8e3e9;
        width: auto;
        text-align: center;
        padding: 0 25px;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        font-weight: 800;
        color: #685f66;
        margin-top: 20px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .mobile-nav-btn {
        float: right;
        width: 45px;
        height: 40px;
        padding: 0;
        margin-top: 20px;
        background: none;
        display: block;
        border: 0;
        position: relative;
    }

        .mobile-nav-btn:focus {
            outline: 0;
        }

        .mobile-nav-btn span.nav-line {
            display: block;
            width: 100%;
            height: 4px;
            background: #007CC3;
            float: left;
            margin-top: 8px;
            position: absolute;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
        }


            .mobile-nav-btn span.nav-line.line-1 {
                top: 0;
            }

            .mobile-nav-btn span.nav-line.line-2 {
                top: 10px;
            }

            .mobile-nav-btn span.nav-line.line-2-copy {
                top: 10px;
            }

            .mobile-nav-btn span.nav-line.line-3 {
                top: 20px;
            }

        .mobile-nav-btn.active-nav span.nav-line.line-1 {
            opacity: 0;
        }

        .mobile-nav-btn.active-nav span.nav-line.line-2 {
            -ms-transform: rotate(45deg); /* IE 9 */
            -webkit-transform: rotate(45deg); /* Safari */
            transform: rotate(45deg);
        }

        .mobile-nav-btn.active-nav span.nav-line.line-2-copy {
            -ms-transform: rotate(-45deg); /* IE 9 */
            -webkit-transform: rotate(-45deg); /* Safari */
            transform: rotate(-45deg);
        }

        .mobile-nav-btn.active-nav span.nav-line.line-3 {
            opacity: 0;
        }

    /*.main-nav li ul {
        display:none!important;
    }*/

    .mobile-member-expand:before {
        font-family: FontAwesome;
        content: "\f067";
        display: inline-block;
        margin-right: 10px;
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
        transform: rotate(90deg);
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .mobile-member-expand:focus {
        outline: 0;
    }

    .mobile-member-expand.active {
        -webkit-border-radius: 4px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius: 4px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

        .mobile-member-expand.active:before {
            content: "\f068";
            -ms-transform: rotate(0deg); /* IE 9 */
            -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
            transform: rotate(0deg);
        }

    #header .members-login .login-buttons {
        clear: both;
        display: block;
        padding: 0 0 8px 0;
        border: 0 !important;
        margin: 0;
    }

        #header .members-login .login-buttons:last-child {
            padding-bottom: 0;
        }

    #footer .contact {
        text-align: center;
    }

        #footer .contact p {
            float: none;
            border: 0 !important;
            padding: 0 10px;
            margin: 0 0 12px 0;
        }

    a.link-social {
        float: none;
        margin: 30px 0;
    }

    #footer #lower-footer .credit {
        padding: 10px 0;
        line-height: 1.45;
    }

    #footer #lower-footer ul li a {
        padding: 0 10px;
        margin-bottom: 5px;
    }
}

.button.rounded-btn {
    width: 100%;
}


@media only screen and (max-width:350px) {
    #header p.contact-link:before {
        display: none;
    }
}

/* ========================
    Module summary
======================== */

.module-summary {
    color: #666666;
    margin-bottom: 35px;
}

    .module-summary .module-thumb {
        border: 1px solid #e3e3e3;
        display: block;
    }

    .module-summary h5 {
        border-bottom: 1px solid #b2b2b2;
        padding: 13px 0;
        color: inherit;
        min-height: 83px;
        line-height: 1.4;
    }

.featured-modules h5, .module-summary-search h5 {
    min-height: 73px;
}

.module-summary h5 a {
    color: inherit;
    display: block;
    height: 69px;
    overflow: hidden;
}

.module-summary p {
    margin-bottom: 6px;
    font-size: 13px;
    clear: both;
    float: left;
}

    .module-summary p a {
        color: inherit;
    }

.module-summary ol.c-rating {
    float: right;
}

.module-summary p.pre-icon {
    padding-left: 24px;
    position: relative;
    padding-top: 1px;
}

    .module-summary p.pre-icon:before {
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        left: 0;
        color: #007CC3;
        display: inline-block;
        margin-right: 7px;
        font-size: 14px;
    }

    .module-summary p.pre-icon.clock:before {
        content: "\f017";
    }

    .module-summary p.pre-icon.share:before {
        content: "\f1e1";
    }

    .module-summary p.pre-icon.mail:before {
        content: "\f0e0";
    }

    .module-summary p.pre-icon.thumb:before {
        content: "\f164";
    }

    .module-summary p.pre-icon.play:before {
        content: "\f04b";
    }

    .module-summary p.pre-icon.mail span {
        display: none;
    }

.module-summary .addthis_toolbox {
    float: right;
    margin: 0;
}

    .module-summary .addthis_toolbox a {
        margin: 0;
    }

        .module-summary .addthis_toolbox a span {
            vertical-align: top;
            display: block;
            background: none !important;
            width: 20px !important;
            height: 20px !important;
        }

        .module-summary .addthis_toolbox a span {
            width: 20px !important;
            height: 20px !important;
        }

            .module-summary .addthis_toolbox a span svg {
                width: 20px !important;
                height: 20px !important;
            }

                .module-summary .addthis_toolbox a span svg path {
                    fill: #636466;
                }

        .module-summary .addthis_toolbox a:hover span svg path {
            fill: #8e8f91;
        }


.padding-bottom-50 {
    padding-bottom: 50px;
}

@media only screen and (max-width:1050px) and (min-width:768px) {
    .nine.columns .four.columns .module-summary ol.c-rating,
    .nine.columns .four.columns .module-summary .addthis_toolbox {
        clear: both;
        float: left;
    }

    .nine.columns .four.columns .module-summary .addthis_toolbox {
        padding-bottom: 5px;
    }
}

/* ========================
    Questions box
======================== */

#module-questions {
    background-color: #e8e3e9;
    padding: 20px 80px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/* ========================
    Progress
======================== */

.pink-header {
    background-color: #007CC3;
    color: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .pink-header span.name {
        font-size: 26px;
        font-weight: 700;
        display: block;
        padding: 10px;
        width: 75%;
        float: left;
    }

    .pink-header span.job-title {
        font-size: 17px;
        padding-top: 15px;
        width: 25%;
        text-align: left;
        padding-left: 20px;
        border-left: 1px solid #ffffff;
        min-height: 48px;
        display: block;
    }

@media only screen and (max-width:768px) {
    .pink-header span.name {
        width: 100%;
        padding: 0;
        font-size: 22px;
        padding-top: 3px;
        line-height: 1.3;
    }

    .pink-header span.job-title {
        width: auto;
        float: left;
        padding: 0;
        min-height: 0;
        border-left: 0;
        border-top: 1px solid #ffffff;
        margin-top: 10px;
        padding-top: 8px;
        font-size: 12px;
        padding-bottom: 3px;
    }
}

.panel-head {
    background-color: #666666;
    color: #ffffff;
    padding: 12px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .panel-head h3 {
        color: #ffffff;
        margin: 0;
        font-weight: 700;
        font-size: 17px;
    }

    .panel-head p {
        margin: 0;
    }

.progress-box .panel-head {
    text-align: center;
}


.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-content {
    background-color: #e8e3e9;
    padding: 15px 20px;
    position: relative;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .panel-content.with-footer {
        padding-bottom: 70px;
    }

.panel-inner-scroll {
    background: #ffffff;
    padding: 10px 12px;
    height: 120px;
    overflow-y: scroll;
}

.panel-foot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #007CC3;
    color: #ffffff;
    padding: 17px 15px;
    font-weight: 700;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .panel-foot span.level {
        text-align: center;
        font-size: 24px;
        display: block;
    }

.employee-progress-boxes .three.columns:nth-child(4n+1) {
    clear: both;
}

/* Progress box */
.progress-container {
    width: 170px;
    height: 170px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    border: 6px solid #ffffff;
    background-color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.progress-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #007CC3;
}

.progress-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 170px;
}

    .progress-icon:before {
        font-family: FontAwesome;
        content: "\f0eb";
        color: #f7f7f7;
        width: 100%;
        line-height: 162px;
        font-size: 120px;
        display: block;
    }

.progress-box .progress-icon:before {
    font-size: 61px;
    line-height: 96px;
}

@media only screen and (max-width:960px) and (min-width:768px) {
    .progress-container {
        width: 120px;
        height: 120px;
    }

    .progress-icon:before {
        line-height: 110px;
        font-size: 80px;
    }
}

.linked-users {
    margin: 0 0 5px 0;
}

    .linked-users li {
        width: 100%;
        padding-right: 20px;
        position: relative;
        line-height: 1.25;
        padding-bottom: 10px;
    }

        .linked-users li:after {
            font-family: FontAwesome;
            content: "\f127";
            color: #666666;
            float: right;
            position: absolute;
            right: 0;
            top: 0;
        }

.unlink-user-form {
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
}

    .unlink-user-form input[type=submit] {
        float: right;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        color: transparent;
        background-color: transparent;
        width: 16px;
        height: 16px;
        padding: 0;
        z-index: 9;
    }

.row.module-links {
    margin-top: 12px;
    margin-bottom: 12px;
}

.search-option-box.sort-search-modules {
    display: inline-block;
    vertical-align: top;
    margin: 8px 10px 8px 0 !important;
}

.sort-search-modules label {
    display: block;
    float: left;
    font-weight: 400;
    font-size: 15px;
    margin: 0;
    padding: 8px 5px 0 0;
}

.sort-search-modules .module-search {
    float: left;
    clear: none;
    margin-bottom: 0;
}

.search-option-box.sort-search-modules select {
    padding: 6px;
}

.sort-search-modules .module-search-btn {
    float: left;
    clear: none;
    width: auto !important;
    padding: 6px !important;
    margin-left: 7px;
}

.rounded-btn.module-btn {
    margin-top: 12px;
}

/* module summary states 1/2/3 */
.module-summary[class*="module-status"] .img-link {
    position: relative;
    display: block;
}

    .module-summary[class*="module-status"] .img-link:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0,0,0,0.65);
        text-align: center;
        vertical-align: middle;
        display: block;
        z-index: 9;
        content: "";
    }

    .module-summary[class*="module-status"] .img-link .state-icon:after {
        content: "\f057";
        color: #ffffff;
        font-family: FontAwesome;
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
        top: 50%;
        display: block;
        z-index: 10;
        font-size: 46px;
        margin-top: -40px;
    }

    .module-summary[class*="module-status"] .img-link .state-text:after {
        content: "Almost Complete";
        color: #ffffff;
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
        top: 50%;
        display: block;
        z-index: 10;
        font-size: 20px;
        margin-top: 15px;
    }

/* Status try again */

.module-summary.module-status-2 .img-link .state-icon:after {
    content: "\f06a";
}

.module-summary.module-status-2 .img-link .state-text:after {
    content: "Attempted - Try Again";
}

/* Status passed */
.module-summary.module-status-3 .img-link:after {
    background-color: rgba(223,0,110,0.75);
}

.module-summary.module-status-3 .img-link .state-icon:after {
    content: "\f058";
}

.module-summary.module-status-3 .img-link .state-text:after {
    content: "Passed";
}


/* ========================
    Academy Search
======================== */

.academy-filter {
    background-color: #e8e3e9;
    padding: 15px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .academy-filter ul {
        list-style: none;
        display: block;
        width: 100%;
        margin-bottom: 0;
        position: relative;
    }

        .academy-filter ul li a {
            position: relative;
            display: block;
            padding-left: 26px;
            margin-bottom: 4px;
        }

            .academy-filter ul li a:before {
                display: block;
                position: absolute;
                text-align: center;
                line-height: 16px;
                color: #ffffff;
                left: 0;
                top: 2px;
                content: "";
                width: 16px;
                height: 16px;
                background-color: #ffffff;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                -moz-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
            }

            .academy-filter ul li a:hover {
                text-decoration: none;
                color: #007CC3;
            }

                .academy-filter ul li a:hover:before {
                    color: #007CC3;
                    font-family: FontAwesome;
                }

        .academy-filter ul li a {
            color: #666666;
        }

        .academy-filter ul li.selected a:before {
            background-color: #007CC3;
            content: "\f00c";
            font-family: FontAwesome;
            font-size: 12px;
        }

        .academy-filter ul li.selected a:hover:before {
            content: "\f00c";
            color: #ffffff;
        }

    .academy-filter h3 {
        margin: 0;
        padding-bottom: 12px;
        border-bottom: 1px solid #a7a4a7;
    }

        .academy-filter h3 a.clear-filter {
            float: right;
            color: #666666;
            text-decoration: underline;
            font-size: 15px;
            font-weight: 400;
            padding-top: 2px;
        }

    .academy-filter h4 {
        color: #007CC3;
    }

    .academy-filter h3, .academy-filter h4 {
        font-size: 16px;
    }

        .academy-filter h4 button.filter-accordion {
            border: 0;
            background: none;
            float: right;
            font-weight: bold;
            font-size: 0.8em;
            padding: 0 5px 0 0;
            height: 16px;
            line-height: 16px;
            color: #007CC3;
        }

            .academy-filter h4 button.filter-accordion:before {
                font-family: FontAwesome;
                content: "\f068";
            }


            .academy-filter h4 button.filter-accordion:hover {
                color: #a20050;
            }

            .academy-filter h4 button.filter-accordion:focus {
                outline: 0;
            }

            .academy-filter h4 button.filter-accordion.minimised:before {
                font-family: 'Open Sans', sans-serif;
                content: "+";
                font-size: 1.7em;
            }

.search-option-box {
    background-color: #e8e3e9;
    display: inline-block;
    font-size: 14px !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*padding:10px!important;*/
    /*margin:13px 0!important;*/
    padding: 10px 10px !important;
    margin: 0 0 13px 0 !important;
}

    .search-option-box input {
        border: 0;
    }

    .search-option-box select {
        border: 0;
        padding: 3px;
        margin: 0 5px !important;
        display: inline-block;
        vertical-align: top;
    }

    .search-option-box input, .search-option-box select {
        line-height: 22px;
        font-size: 14px;
    }

    .search-option-box.paging-nav {
        float: left;
    }

        .search-option-box.paging-nav p {
            margin: 0;
            font-size: inherit;
            line-height: 1.8;
        }

    /*.search-option-box.paging-nav select {
                    margin:0!important;
                }*/

    .search-option-box.pagenavi-container {
        float: right;
        margin: 0;
        padding: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: center;
        padding: 16px 10px 13px !important;
    }

        .search-option-box.pagenavi-container .pagenavi a,
        .search-option-box.pagenavi-container .pagenavi span {
            padding: 0;
            font-size: inherit;
        }

        .search-option-box.pagenavi-container .pagenavi {
            font-size: inherit;
        }

@media only screen and (max-width:385px) {
    .search-option-box.pagenavi-container {
        margin-left: 10px !important;
        float: left;
    }
}

@media only screen and (max-width:768px) {
    .search-option-box.paging-nav {
        margin-left: 10px !important;
    }

    .search-option-box.pagenavi-container {
        margin-right: 10px !important;
    }
}


.search-results {
    display: inline-block;
    float: left;
    width: 100%;
    position: relative;
}

.module-search-container {
    position: relative;
}

    .module-search-container .loader-animation {
        position: absolute;
        top: 10px;
        left: 50%;
        margin-left: -16px;
        z-index: 30;
        display: none;
    }

.search-results.search-loading {
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.paging {
    clear: both;
}

.academy-paging-top {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #f3f1f4;
}

@media only screen and (min-width:769px) {
    .academy-filter-inner {
        display: block !important;
    }
}

@media only screen and (max-width:768px) {
    .academy-filter {
        /*margin-bottom:25px;*/
        margin: 0 10px 25px 10px;
    }

    .academy-filter-inner {
        display: none;
    }

    .academy-filter h3 {
        border: 0;
        padding: 0 0 0 0;
    }

        .academy-filter h3 a.clear-filter {
            padding-top: 0;
        }

        .academy-filter h3:before {
            font-family: FontAwesome;
            content: "\f067";
            margin-right: 10px;
            margin-left: 5px;
            -moz-transition: color 0.25s ease-in-out;
            -o-transition: color 0.25s ease-in-out;
            -webkit-transition: color 0.25s ease-in-out;
            transition: color 0.25s ease-in-out;
        }

        .academy-filter h3:hover {
            cursor: pointer;
        }

        .academy-filter h3.active:before {
            color: #E2006C;
            content: "\f068";
        }

    .academy-filter h4:first-of-type {
        margin-top: 25px;
    }
}

/* Featured academy area */
.featured-modules {
    float: left;
    width: 100%;
    padding: 15px 10px 20px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 13px;
}

@media only screen and (max-width:767px) {
    .featured-modules {
        border-radius: 0;
    }
}

.pink-bar {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .pink-bar .module-summary {
        color: #ffffff;
    }

        .pink-bar .module-summary p.pre-icon:before {
            color: #ffffff;
        }

        .pink-bar .module-summary .addthis_toolbox a span svg path {
            fill: #ffffff;
        }

    .pink-bar h2 {
        color: #ffffff;
        text-align: center;
        font-size: 21px;
        width: 100%;
        border-bottom: 1px solid #e472ac;
        padding-bottom: 10px;
        margin-bottom: 15px;
        margin-top: 0;
    }

    .pink-bar .c-rating__item {
        background-image: url("../img/stars-white.png");
    }

    .pink-bar .module-summary h5 {
        border-bottom: 1px solid #e472ac;
    }


    .pink-bar .columns.six blockquote.styled-quote {
    }

@media only screen and (max-width:1240px) {
    .pink-bar .columns.six blockquote.styled-quote {
        margin-top: 0px;
    }
}

.text-center h2 {
    font-weight: 500;
    color: #007CC3;
}

/* Wizard Styles */

.wizard > .content {
    margin: 0;
    background-color: #e8e3e9;
    /*height:475px;
    min-height:0;*/
}

    .wizard > .content > .body {
        height: auto;
        padding-bottom: 100px !important;
    }

.wizard h3 {
    display: none;
}

    .wizard h3.current {
        display: block;
    }

.wizard > .steps {
    padding-bottom: 10px;
}

    .wizard > .steps a {
        border-right: 2px solid #ffffff;
    }

    .wizard > .steps .number {
        line-height: 22px;
        font-size: 18px;
    }

    .wizard > .steps > ul > li {
        width: 20%;
        height: auto;
    }

    .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
        margin: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-color: #007CC3;
    }

    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
        margin: 0;
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
        color: #ffffff;
        background: #e8e3e9;
    }

    .wizard > .steps > ul > li:first-child a {
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }


    .wizard > .steps > ul > li:last-child a {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: 0;
    }

.wizard > .content > .body label {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
    color: #333333;
    position: relative;
    padding-right: 20px;
    padding-left: 42px;
    padding-top: 4px;
}

    .wizard > .content > .body label.active-answer {
        color: #007CC3;
        -moz-transition: color 0.25s ease-in-out;
        -o-transition: color 0.25s ease-in-out;
        -webkit-transition: color 0.25s ease-in-out;
        transition: color 0.25s ease-in-out;
    }

.wizard > .content > .body .answer {
    width: 50%;
    float: left;
    padding-bottom: 25px;
}

    .wizard > .content > .body .answer div.invalid {
        position: absolute;
        top: 15px;
        right: 80px;
        text-align: right;
        padding: 10px 14px;
        background: #df002f;
        color: #ffffff;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        .wizard > .content > .body .answer div.invalid:before {
            content: "\f071";
            font-family: FontAwesome;
            margin-right: 10px;
        }


    .wizard > .content > .body .answer:nth-of-type(3) {
        clear: both;
    }


    .wizard > .content > .body .answer label:before {
        display: inline-block;
        width: 30px;
        height: 30px;
        content: "";
        border: 0;
        background: #ffffff;
        position: absolute;
        left: 0;
        top: 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .wizard > .content > .body .answer .active-answer:before {
        background-color: #007CC3;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background-color: #e976af;
}

.wizard > .content > .body input.question-option {
    opacity: 0;
    height: 0;
    padding: 0;
    margin: 0;
}

.wizard > .actions {
    padding: 0 80px;
    top: -80px;
    position: relative;
}

    .wizard > .actions > ul {
        width: 100%;
    }

        .wizard > .actions > ul > li {
            width: 48%;
            float: left;
            margin: 0;
        }

            .wizard > .actions > ul > li a {
                text-align: center;
            }

            .wizard > .actions > ul > li:nth-child(2), .wizard > .actions > ul > li:nth-child(3) {
                float: right;
            }

            .wizard > .actions > ul > li:first-child a {
                background-color: #666666;
            }



    .wizard > .actions a, .wizard > .wizard > .actions a:active {
        background-color: #007CC3;
    }

.actions a:hover {
    background-color: #c40061 !important;
}

.wizard > .actions > ul > li:first-child a:hover {
    background-color: #484848 !important;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active,
.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {
    width: 100%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #ffffff;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.wizard > .actions .disabled {
    display: none;
}

.steps {
    border: 0;
}

    .steps li {
        background: none !important;
    }

.wizard > .content > .title, .tabcontrol > .content > .title {
    position: relative;
    left: auto;
}

.wizard > .content > .body {
    padding: 60px 80px 0 80px;
    position: relative;
    width: 100%;
}

.wizard > .content > .title, .tabcontrol > .content > h3.title {
    padding: 0 80px;
    font-weight: 700;
    font-size: 24px;
    position: absolute;
    top: 20px;
    width: 100%;
}

.wizard > .content p {
    font-weight: 700;
    color: #333333;
    font-size: 17px;
    padding-bottom: 10px;
}


@media only screen and (max-width:1240px) {
    .wizard > .content > .body, .wizard > .content > .title, .tabcontrol > .content > h3.title, .wizard > .actions {
        padding-left: 40px;
        padding-right: 40px;
    }

        .wizard > .content > .body .answer {
            padding-bottom: 15px;
        }

            .wizard > .content > .body .answer div.invalid {
                right: 40px;
            }
}

@media only screen and (max-width:1000px) {
    .wizard > .content > .body, .wizard > .content > .title, .tabcontrol > .content > h3.title, .wizard > .actions {
        padding-left: 20px;
        padding-right: 20px;
    }

        .wizard > .content > .body .answer {
            padding-bottom: 10px;
        }

        .wizard > .content > .body .answer {
            width: 100%;
        }

            /*.wizard > .content {
        height:500px;
    }*/

            .wizard > .content > .body .answer div.invalid {
                right: 20px;
            }
}

@media only screen and (max-width:767px) {
    /*.wizard > .content {
        height:750px;
    }*/

    .wizard > .content > .body, .wizard > .content > .title, .tabcontrol > .content > h3.title, .wizard > .actions {
        padding-left: 12px;
        padding-right: 12px;
    }

        .wizard > .content > .body label {
            font-size: 13px;
        }

    .wizard > .content p {
        font-size: 14px;
    }

    .wizard > .content > .body .answer div.invalid {
        top: auto;
        right: auto;
        bottom: 60px;
        text-align: center;
    }

        .wizard > .content > .body .answer div.invalid:before {
            display: none;
        }
}

/* Alerts override */

.form-style #validation-container {
    padding: 0;
}

.alert > DIV {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 0 !important;
}

/* Academy Charts */
.donut-charts {
    height: 200px;
    text-align: center;
}

    .donut-charts .donutchart {
        float: left;
        width: 33%;
        text-align: center;
        height: 190px;
        overflow: hidden;
    }

.progress-box {
    padding-bottom: 5px;
    min-height: 270px;
}

    .progress-box .donut-charts {
        width: 50%;
        float: left;
        height: 135px;
    }

        .progress-box .donut-charts .donutchart {
            width: 100%;
        }

.donut-charts .donutchart > div {
    width: 190px !important;
    height: 190px !important;
    margin: 0 auto;
}

    .donut-charts .donutchart > div > div {
        width: 190px !important;
        height: 190px !important;
    }

.donut-charts .donutchart svg {
    margin-left: -46px;
    margin-top: -46px;
}

.progress-box .donut-charts .donutchart svg {
    margin-left: -60px;
    margin-top: -30px;
}

.chart-container {
    text-align: center;
}

.donut-charts .donutchart .chart-text {
    text-align: center;
    font-weight: bold;
}

    .donut-charts .donutchart .chart-text .number {
        font-size: 25px;
        margin-bottom: 2px;
    }

    .donut-charts .donutchart .chart-text .text {
        color: #007CC3;
    }

.donut-charts .donutchart.attempted .chart-text .text {
    font-size: 12px;
}

.points-by-month {
    height: 300px;
}

    .points-by-month ul {
        display: none;
    }

@media only screen and (max-width:1080px) {
    .donut-charts {
        height: 395px;
    }

        .donut-charts .donutchart {
            float: none;
            display: inline-block;
        }

            .donut-charts .donutchart:nth-child(3) {
                clear: both;
            }
}

@media only screen and (max-width:660px) {
    .donut-charts {
        height: 590px;
    }

        .donut-charts .donutchart {
            clear: both;
            display: block;
            width: 100%;
        }
}


/* Module pass/fail */

.grey-wire-bg {
    background-color: #e8e3e9;
    padding: 40px 0;
    background-image: url(../img/grey-wires.jpg);
    background-position: 50% 50%;
    background-repeat: repeat-x;
}

    .grey-wire-bg h1 {
        margin: 0 0 20px 0;
    }

    .grey-wire-bg .pink-box form#rating-form div.invalid {
        margin-bottom: 20px;
    }

.pink-box {
    background-color: #007CC3;
    padding: 25px 15px 32px 15px;
    text-align: center;
    color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .pink-box h1 {
        color: #ffffff;
        font-size: 38px;
        margin-bottom: 28px;
        font-weight: 400;
    }

    .pink-box p {
        margin-bottom: 30px;
    }

    .pink-box .button {
        margin-top: 15px;
        display: inline-block;
        width: auto;
        margin: 0 10px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .pink-box .c-rating__item {
        background-image: url("../img/stars-white.png");
    }

@media only screen and (max-width:768px) {
    .pink-box .button {
        margin: 0;
    }

    .pink-box h1 {
        font-size: 28px;
    }
}

/* Search menu */

.tt-menu {
    display: block !important;
    background: #ffffff;
    width: 100%;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
}

    .tt-menu .tt-suggestion {
        padding: 10px;
        text-align: left;
    }

        .tt-menu .tt-suggestion:hover {
            cursor: pointer;
            background: #f6f6f6;
        }



.image-container {
    text-align: center;
}


/* Preference centre stripped back styles */

.preference-full #header .nine.columns,
.preference-full .main-nav,
.preference-full #footer .eight.columns *,
.preference-full #header .mobile-contact-links {
    display: none;
}

.preference-full .preferences select {
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 20px !important;
}

.preference-full #footer .contact {
    padding-bottom: 40px;
    float: right;
    width: 100%;
}

.preference-full .policy-container {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .preference-full #footer .contact {
        padding: 20px 0 0 0;
    }
}


/* Global Announcement section */
.announcement-block {
    position: relative;
    background-color: #666666;
    color: #ffffff;
    z-index: 999;
}

    .announcement-block .row {
        position: relative;
    }

.announcement-block-expander {
    position: absolute;
    width: 100%;
    display: none;
    top: 100%;
    left: 0;
    background: #E8E3E9;
    padding: 0;
    color: #636466;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
}

.announcement-block-expander-inner {
    padding: 20px 60px 20px 20px;
}

.announcement-block-expander * {
    color: #636466 !important;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif !important;
}

.announcement-block-expander a {
    color: #007CC3 !important;
    font-weight: 700;
}

.close-announcement {
    width: 30px;
    height: 30px;
    background: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

    .close-announcement:before {
        content: "\f00d";
        font-family: 'FontAwesome';
        font-size: 24px;
        text-align: center;
        display: block;
        line-height: 30px;
        color: #e20177;
        transition: color 200ms;
    }

    .close-announcement:hover:before {
        color: #d2006e;
    }

.announcement-block-title {
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    padding: 20px;
    text-align: center;
}

    .announcement-block-title:before {
        font-family: 'FontAwesome';
        content: "\f071";
        font-weight: 400;
        margin-right: 10px;
    }


    .announcement-block-title span.expand-announcement {
        color: #ffffff;
        text-decoration: underline;
        cursor: pointer;
    }

        .announcement-block-title span.expand-announcement:hover {
            text-decoration: none;
        }

        .announcement-block-title span.expand-announcement:after {
            font-family: 'FontAwesome';
            content: "\f101";
            margin-left: 5px;
            display: inline-block;
            font-weight: normal;
        }

@media only screen and (max-width: 400px) {
    .announcement-block-expander-inner {
        padding: 50px 20px 20px 20px;
    }
}



/*New Styles Added*/
.min-input-height {
    min-height: 36px !important;
    max-height: 36px !important;
    width: 100%;
    min-width: 200px;
    margin: 0;
    padding: 0 5px;
    background: #ffffff;
    border: 1px solid #F9AD43;
    font-size: 14px;
    color: #F9AD43;
    display: block;
    float: left;
    height: 36px;
    line-height: 35px;
}

.input-font {
    font-size: 12px !important;
    height: 40px !important;
    line-height: 20px !important;
}

.dropdown-input-font {
    font-size: 12px !important;
    height: 40px !important;
}

.terms-con-text {
    font-size: 10px;
}

.table-bg-none {
    background-color: transparent !important;
}


.menu-top-padding {
    padding-top: 10px;
}

.search_box_width {
    width: 236px !important;
    float: right !important;
}

.div-center {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.font-size-widget {
    font-size: 0.9vw !important;
    font-weight: 400;
}

.widget_div_background_color {
    background: #F9AD43 !important;
    padding: 5px;
}

.div-border-black {
    border: solid 2px #414042;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.divider-bottom-orange {
    border-bottom: 10px solid #F9AD43;
}

.content-list-style-orange li:before {
    font-family: FontAwesome;
    content: "\f00c";
    color: #F9AD43;
    margin-right: 6px;
}

.content-list-style-black li:before {
    font-family: FontAwesome;
    content: "\f00c";
    color: #000;
    margin-right: 6px;
}

.inner-div-list-text {
    color: #F9AD43;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    text-rendering: optimizeLegibility;
    line-height: 1.4;
}

.flex-container-row {
    display: flex !important;
    flex-direction: row;
}

    .flex-container-row div {
        height: 100%;
        width: 98% !important;
    }

.flex-container-col {
    display: flex;
    flex-direction: column;
}

.min-div-height {
    min-height: 540px !important;
}

.min-div-height-2 {
    min-height: 310px !important;
}

.min-div-height-3 {
    min-height: 610px !important;
}

.button-position-bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.button-width {
    width: 98% !important;
    max-width: 400px;
    float: none !important;
    margin-right: auto;
    margin-left: auto;
}

.button-boarder {
    border: solid 4px #fff !important;
}


@media only screen and (max-width: 319px) {
    .display_none_in_small {
        display: none !important;
    }

    .div_order-1 {
        order: 2 !important;
    }

    .div_order-2 {
        order: 1 !important;
    }

    .main_manu_font_size {
        font-size: 4vw !important;
        text-align: center !important;
        line-height: 4vw;
    }

    .faq-box-image {
        width: 100%;
        height: 58vw;
    }

    .upload-icon {
        font-size: 90px;
    }

    .inner-div-list-text {
        font-size: 14px;
    }

    .flex-row-revers {
        flex-flow: row-reverse;
    }

    .flex-col-revers {
        flex-direction: column-reverse !important;
    }

    .file-upload li.invalid {
        left: 2.1vw;
    }

    .fa-icon-size {
        font-size: 5vw !important;
    }

    .div-middle {
        display: inline-block;
        margin-right: 0 auto !important;
        margin-left: 0 auto !important;
        margin: 0 auto;
        width: 200px;
        float: none !important;
        display: block;
    }

    .header_text_size {
        font-size: 2.5vw !important;
    }

    .members-area-mobile-view {
        padding: 10px;
        text-align: center;
        background-color: #666;
        color: #636466;
    }

    #header .header-logo img {
        max-width: 40vw;
        float: left !important;
    }

    #header .sub-logo img {
        max-width: 20vw;
        float: left !important;
    }

    .login-box-center {
        text-align: center;
        font-size: 18px;
        color: #666666;
        line-height: 1.45;
        text-align: center;
        width: 100%;
        max-width: 970px;
        margin: 0 auto;
        position: relative;
    }

    .mobile-bottom-margin {
        margin-bottom: 10px !important;
    }

    .main-menu-bar {
        background-color: none !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .main-nav li a {
        color: #fff !important;
    }

    .flex-viewport {
        max-height: 300px !important; /*max-height: 2000px;*/
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;
    }

    .searchsite .searchform .searchbox {
        width: 100% !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .display_none_in_small {
        display: none !important;
    }

    .div_order-1 {
        order: 2 !important;
    }

    .div_order-2 {
        order: 1 !important;
    }

    .main_manu_font_size {
        font-size: 4vw !important;
        text-align: center !important;
        line-height: 4vw;
    }

    .faq-box-image {
        width: 100%;
        height: 58vw;
    }

    .upload-icon {
        font-size: 90px;
    }

    .inner-div-list-text {
        font-size: 16px;
    }

    .flex-row-revers {
        flex-flow: row-reverse;
    }

    .flex-col-revers {
        flex-direction: column-reverse !important;
    }

    .file-upload li.invalid {
        left: 12vw;
    }

    .fa-icon-size {
        font-size: 5vw !important;
    }

    .div-middle {
        display: inline-block;
        margin-right: 0 auto !important;
        margin-left: 0 auto !important;
        margin: 0 auto;
        width: 340px;
        float: none !important;
        display: block;
    }

    /*.header_text_size {
        font-size: 2.6vw !important;
        text-align: center !important;
        margin-bottom: 8px !important;
    }

        .header_text_size:first-child {
            border-right: none !important;
        }*/

    .members-area-mobile-view {
        padding: 10px;
        text-align: center;
        background-color: #666;
        color: #636466;
    }

    #header .header-logo img {
        min-width: 160px !important;
        max-width: 160px !important;
        margin-left: -40px !important;
    }

    #header .sub-logo img {
        min-width: 160px !important;
        max-width: 160px !important;
        height: auto !important;
        margin-bottom: 15px;
        margin-left: -42px;
    }

    .mobile-bottom-margin {
        margin-bottom: 60px !important;
        padding-bottom: 30px !important;
    }

    .login-box-center {
        text-align: center;
        font-size: 18px;
        color: #666666;
        line-height: 1.45;
        text-align: center;
        width: 100%;
        max-width: 970px;
        margin: 0 auto;
        position: relative;
    }

    .backgroun-bar-height {
        background-color: #666;
        min-height: 160px !important;
    }

    .main-menu-bar {
        background-color: none !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .main-nav li a {
        color: #fff !important;
    }

    .flex-viewport {
        max-height: 300px !important; /*max-height: 2000px;*/
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;
    }

    .searchsite .searchform .searchbox {
        width: 100% !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .display_none_in_medium {
        display: none !important;
    }

    .display_none_in_small {
        display: none !important;
    }

    .div_order-1 {
        order: 2 !important;
    }

    .div_order-2 {
        order: 1 !important;
    }

    .main_manu_font_size {
        font-size: 3vw !important;
        text-align: center !important;
        line-height: 3vw;
    }

    .faq-box-image {
        width: 100%;
        height: 58vw;
    }

    .upload-icon {
        font-size: 90px;
    }

    .inner-div-list-text {
        font-size: 3vw;
    }

    .flex-row-revers {
        flex-flow: row-reverse;
    }

    .flex-col-revers {
        flex-direction: column-reverse !important;
    }

    .file-upload li.invalid {
        left: 32vw;
    }

    .fa-icon-size {
        font-size: 6vw !important;
    }

    .div-middle {
        display: inline-block;
        margin-right: 0 auto;
        margin-left: 0 auto;
        margin: 0 auto;
        width: 100%;
        float: none !important;
        display: block;
    }

    /*.header_text_size {
        font-size: 1.9vw !important;
        padding-bottom:10px !important;
    }*/

    #header .header-logo img {
        min-width: 200px !important;
        max-width: 200px !important;
        margin-left: -40px !important;
    }

    #header .sub-logo img {
        min-width: 200px !important;
        max-width: 200px !important;
        height: auto !important;
        margin-bottom: 15px;
    }

    .mobile-bottom-margin {
        margin-bottom: 60px !important;
        padding-bottom: 30px !important;
    }

    .login-box-center {
        text-align: center;
        font-size: 18px;
        color: #666666;
        line-height: 1.45;
        text-align: center;
        width: 100%;
        max-width: 970px;
        margin: 0 auto;
        position: relative;
    }

    .backgroun-bar-height {
        background-color: #666;
        min-height: 225px !important;
    }

    .main-menu-bar {
        background-color: none !important;
        margin-top: -15px !important;
        margin-bottom: 4px !important;
    }

    .main-nav li a {
        color: #fff !important;
    }

    #header p.contact-link, #footer .contact p {
        /*padding-right: 10px !important;*/
        /*padding-bottom: 10px !important;*/
        margin-bottom: 10px;
        line-height: 1;
    }

    .flex-viewport {
        max-height: 300px !important; /*max-height: 2000px;*/
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;
    }

    .searchsite .searchform .searchbox {
        width: 100% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .display_none_in_medium {
        display: none !important;
    }

    .display_none_in_large {
        display: none !important;
    }

    .main_manu_font_size {
        font-size: 14px !important;
        text-align: center !important;
        line-height: 1.7vw;
    }

    .four, .row .four {
        width: 32% !important;
        margin-left: 1%;
        margin-top: 8px !important;
    }

    .col-lg-77 {
        width: 14.2857142857142% !important;
    }

    .faq-box-image {
        width: 100%;
        height: 18vw;
    }

    .upload-icon {
        font-size: 80px;
    }

    .inner-div-list-text {
        font-size: 2.2vw;
    }

    .flex-row-revers {
        flex-direction: row-reverse;
    }

    .flex-col-revers {
        flex-direction: column-reverse !important;
    }

    .file-upload li.invalid {
        left: 3.2vw;
    }

    .fa-icon-size {
        font-size: 7vw !important;
    }

    /*.header_text_size {
        font-size: 1.2vw !important;
        font-size: 1vw !important;
    }*/

    #header .header-logo img {
        min-width: 250px;
        max-width: 300px;
        float: left !important;
    }

    #header .sub-logo img {
        min-width: 235px !important;
        max-width: 235px !important;
        height: auto !important;
        margin-left: 90px !important;
        margin-top: 20px !important;
        position: relative;
    }

    .backgroun-bar-height {
        background-color: #666;
        min-height: 200px !important;
    }

    #header p.contact-link, #footer .contact p {
        /*padding-right: 10px !important;*/
        /*padding-bottom: 10px !important;*/
        line-height: 1;
        margin-bottom: 10px;
    }

    .main-menu-bar {
        background-color: #666 !important;
        margin-top: -15px !important;
        margin-bottom: 4px !important;
    }

    .flex-viewport {
        max-height: 150px !important; /*max-height: 2000px;*/
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;
    }
}

@media only screen and (min-width: 992px) {
    .display_none_in_large {
        display: none !important;
    }

    .main_manu_font_size {
        font-size: 14px !important;
        text-align: center !important;
        line-height: 1vw;
    }

    .four, .row .four {
        width: 32% !important;
        margin-left: 1%;
        margin-top: 8px !important;
    }

    .col-lg-77 {
        width: 14.2857142857142% !important;
    }

    .faq-box-image {
        width: 100%;
        height: 18vw;
    }

    .upload-icon {
        font-size: 90px;
    }

    .inner-div-list-text {
        font-size: 25px;
    }

    .flex-row-revers {
        flex-direction: row-reverse !important;
    }

    .file-upload li.invalid {
        left: 3.2vw;
    }

    .fa-icon-size {
        font-size: 2vw !important;
    }

    /*.header_text_size {*/
        /*font-size: 0.76vw !important;*/
        /*font-size: 0.95vw !important;
    }*/

    #header .header-logo img {
        /*max-width: 24vw !important;*/
        min-width: 235px !important;
        max-width: 235px !important;
        /*float: none !important;
        margin-left: auto !important;*/
        /*margin-right: auto !important;*/
        margin-left: -30px !important;
    }

    #header .sub-logo img {
        /*max-width: 10vw;*/
        min-width: 235px !important;
        max-width: 235px !important;
        height: auto !important;
        /*margin-left: 50px !important;*/
        margin-left: 20px !important;
        margin-top: 68px !important;
        position: relative;
        /*float: left !important;*/
    }

    .backgroun-bar-height {
        background-color: #666;
        min-height: 64px !important;
    }

    .sub-logo-position {
        position: absolute !important;
        top: 0px;
        left: 10px;
    }

    .main-menu-bar {
        background-color: #666 !important;
        margin-top: -15px !important;
        margin-bottom: 4px !important;
    }

    .flex-viewport {
        max-height: 200px !important; /*max-height: 2000px;*/
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;
    }

    #header p.contact-link {
        margin: 0 15px 0 0;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1207px) {

    #header .sub-logo img {
        /*max-width: 10vw;*/
        min-width: 235px !important;
        max-width: 235px !important;
        height: auto !important;
        margin-left: 110px !important;
        margin-top: 68px !important;
        position: relative;
        /*float: left !important;*/
    }

    /*.header_text_size {*/
        /*font-size: 0.76vw !important;*/
        /*font-size: 0.92vw !important;
    }*/
}

@media only screen and (min-width: 613px) and (max-width: 718px) {

    .product .selectBox {
        width: 90% !important;
    }
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

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

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-10 {
    padding-left: 10px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-100 {
    padding-left: 100px;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-10 {
    padding-right: 10px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-100 {
    padding-right: 100px;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.p1 {
    padding: 10px;
}

.p2 {
    padding: 20px;
}

.p3 {
    padding: 30px;
}

.p4 {
    padding: 40px;
}

.p5 {
    padding: 50px;
}

.m1 {
    margin: 10px;
}

.m2 {
    margin: 20px;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-40 {
    margin-left: 16px;
    /*margin-left: 40px;*/
}

.ml-50 {
    margin-left: 50px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-100 {
    margin-left: 100px;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-100 {
    margin-right: 100px;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.link-pad-mar-reduse {
    margin: 0 10px 0 0 !important;
    padding-right: 10px !important;
}

.faq-page-heading {
    font-size: 36px !important;
    color: #636466 !important;
    font-weight: 600 !important;
    line-height: 1.4;
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizeLegibility;
}

.faq-page-sub-heading {
    font-size: 24px !important;
    color: #636466 !important;
    font-weight: 600 !important;
    line-height: 27px;
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizeLegibility;
}

.faq-page-box-heading {
    font-size: 24px !important;
    /*color: #636466 !important;*/
    font-weight: 600 !important;
    line-height: 27px;
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizeLegibility;
}

.faq-page-paragraph {
    font-size: 18px !important;
    color: #636466 !important;
    font-weight: 400 !important;
    line-height: 1.1;
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizeLegibility;
}

.faq-page-box-paragraph {
    font-size: 14px !important;
    color: #414042 !important;
    font-weight: 300 !important;
    line-height: 14px;
    font-family: 'Open Sans', sans-serif;
    text-rendering: optimizeLegibility;
}

.grey {
    color: #636466 !important;
}

.flex-grid {
    display: flex;
    justify-content: space-between;
    margin-left: -1rem;
    flex-flow: row wrap;
}

.flex-grid-cell {
    flex: auto;
    flex-wrap: wrap;
}

.error-text {
    color: #ff0000 !important;
}

div.form-field li {
    list-style: none !important;
    list-style-type: none !important;
    color: #ff0000 !important;
    margin-top: -5px;
    padding-bottom: 6px;
    text-align: left !important;
    font-size: 12px;
    font-style: italic;
}

.invalid {
    font-weight: 400 !important;
}

.file-upload li.invalid {
    position: absolute;
    top: 170px;
    list-style: none;
    color: #ff0000 !important;
    font-size: 12px;
    font-style: italic;
}

.long-checkbox li.invalid {
    color: #ff0000 !important;
    list-style: none;
    text-align: left !important;
    font-size: 12px;
    font-style: italic;
}

.recaptcha-error-lbl {
    color: #ff0000 !important;
    font-weight: 400;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 4px;
    text-align: left !important;
    font-size: 12px;
    font-style: italic;
}

.centre-heading {
    margin-top: 50px !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.div-border-bottom {
    border-bottom: 10px solid #F9AD43 !important;
}

    .div-border-bottom:last-child {
        border-bottom: 0px !important;
    }

.border-none {
    border: none !important;
}

.background-color-none {
    background: none !important;
}

.max-width-100 {
    max-width: 100px;
}

.text-color-white {
    color: #fff !important;
}

/*#header p.header_text_size:last-child {
    padding-right: 5px;
    border-right: none;
}*/



/*media queries for header bar menu text*/


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .header_text_size {
        font-size: 2.6vw !important;
        text-align: center !important;
        margin-bottom: 8px !important;
    }

    .header_text_size:first-child {
        border-right: none !important;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .header_text_size {
        font-size: 1.9vw !important;
        /*padding-bottom:10px !important;*/
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .header_text_size {
        font-size: 1.1vw !important;
        text-align: center !important;
        /*font-size: 1vw !important;*/
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .header_text_size {
        /*font-size: 0.76vw !important;*/
        font-size: 1vw !important;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .header_text_size {
        /*font-size: 0.76vw !important;*/
        font-size: 0.9vw !important;
    }
}
@media only screen and (min-width: 1599px){
    .header_text_size {
        /*font-size: 0.76vw !important;*/
        font-size: 0.90vw !important;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1600px) {
    .header_text_size {
        /*font-size: 0.76vw !important;*/
        font-size: 0.8vw !important;
    }
}

@media only screen and (max-width: 576px) {
    .banner-padding-top-space {
        padding-top: 30px !important;
    }
}

@media only screen and (max-width: 576px) {
    .slider-image-overlay {
        background-color: rgba(255,255,255,0.6) !important;
        width: 100%;
        height: 460px;
        position: absolute;
        top: 200px;
        left: 0;
        z-index: 0;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 575px) and (max-width: 768px) {
    .slider-image-overlay {
        background-color: rgba(255,255,255,0.6) !important;
        width: 100%;
        height: 460px;
        position: absolute;
        top: 200px;
        left: 0;
        z-index: 0;
    }
}

@media only screen and (min-width: 767px) and (max-width: 992px) {
    .slider-image-overlay {
        background-color: rgba(255,255,255,0.6) !important;
        width: 100%;
        height: 460px;
        position: absolute;
        top: 297px;
        left: 0;
        z-index: 0;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .slider-image-overlay {
        background-color: rgba(255,255,255,0.6) !important;
        width: 100%;
        height: 460px;
        position: absolute;
        top: 212px;
        left: 0;
        z-index: 0;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .slider-image-overlay {
        background-color: rgba(255,255,255,0.6) !important;
        width: 100%;
        height: 480px;
        position: absolute;
        top: 212px;
        left: 0;
        z-index: 0;
    }
}

/*author section styles*/
.contributor {
    background: #ffffff;
    min-height: 200px;
    padding: 20px 20px 20px 135px;
    position: relative;
    margin-bottom: 20px;
}


    .contributor header {
        color: #7d7d7d;
        margin-bottom: 5px;
        line-height: 1.2;
        height: 70px;
        overflow: hidden;
    }

.author-header {
    color: #7d7d7d;
    margin-bottom: 5px;
    line-height: 1.2;
    height: 70px;
    overflow: hidden;
}

    .author-header span {
        display: block;
    }

        .author-header span.name {
            color: #1e1d1b;
            font-size: 1.25em;
            margin-bottom: 8px;
        }

.contributor header span {
    display: block;
}

    .contributor header span.name {
        color: #1e1d1b;
        font-size: 1.25em;
        margin-bottom: 8px;
    }

.contributor .more-info {
    font-size: 0.9em;
    border-top: 1px solid #ebebeb;
    padding-top: 10px;
}

ul.social {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -7px;
    margin-bottom: 20px;
}

.contributor img.author-pic {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    position: absolute;
    left: 20px;
    top: 20px;
    max-width: 100px;
    max-height: 100px;
    border: 2px solid #d2d2d2;
}

.contributor img.company-profile-pic {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    position: absolute;
    left: 20px;
    top: 20px;
    max-width: 100px;
    max-height: 100px;
    border: 2px solid #636466;
}

ul.social li a {
    position: relative;
    text-indent: -999px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: block;
}

ul.social li {
    display: inline-block;
    margin-right: 3px;
}

    ul.social li a:before {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        color: #7d7d7d;
        display: block;
        text-indent: 0;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        -ms-transition: color 0.3s;
        -o-transition: color 0.3s;
        transition: color 0.3s;
        text-align: center;
        line-height: 30px;
        font-size: 1.3em;
    }

    ul.social li a:hover:before {
        /*color: #d81f2f;*/
        color: #df006e;
    }


    ul.social li a.linkedin:before {
        font-family: FontAwesome !important;
        content: "\f0e1";
    }

    ul.social li a.twitter:before {
        font-family: FontAwesome !important;
        content: "\f099";
    }

    ul.social li a.weblink:before {
        font-family: FontAwesome !important;
        content: "\f0ac";
    }

    ul.social li a.facebook:before {
        font-family: FontAwesome !important;
        content: "\f09a";
    }

    ul.social li a.email:before {
        font-family: FontAwesome !important;
        content: "\f003";
    }

.contributor .more-info {
    font-size: 0.9em;
    border-top: 1px solid #ebebeb;
    padding-top: 10px;
}

    .contributor .more-info span.articles {
        color: #7d7d7d;
        border-right: 1px solid #d2d2d2;
        line-height: 1;
        padding-right: 10px;
        margin-right: 10px;
    }

.red-arrow-link {
    color: #df006e;
    text-decoration: none;
}

    .red-arrow-link:after {
        font-family: FontAwesome !important;
        content: "\f054";
        display: inline-block;
        margin-left: 5px;
        font-size: 0.9em;
        -webkit-transition: margin 0.3s;
        -moz-transition: margin 0.3s;
        -ms-transition: margin 0.3s;
        -o-transition: margin 0.3s;
        transition: margin 0.3s;
    }

    .red-arrow-link:hover {
        text-decoration: none !important;
    }

.author-detail header {
    margin-bottom: 20px !important;
}

header.article-header h1 {
    font-size: 2.5em;
    font-weight: 400;
    clear: both;
    margin: 0 0 18px 0;
    display: block;
    line-height: 1.3;
}

.author-detail header h1 {
    margin-bottom: 0 !important;
}

.author-detail img.author-pic, .author-detail img.company-pic {
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-clip: padding-box;
    left: 20px;
    border: 2px solid #d2d2d2;
}

.author-detail img.author-pic {
    top: 0;
}

.author-detail img.company-pic {
    top: 120px;
}

.author-detail {
    position: relative;
    padding-left: 140px;
}

header.article-header {
    color: #091f2d;
}

/*p {
    clear: both;
    font-weight: 100;
    line-height: 1.7;
}*/

.author-detail ul.social {
    margin-top: 30px;
}

.author-detail.p {
    clear: both;
    margin-top: 20px;
    margin-bottom: 10px;
}

.author-detail header span.author-role {
    border-right: 1px solid #d2d2d2;
    padding-right: 12px;
    margin-right: 12px;
}

.author-detail header span {
    color: #7d7d7d;
    line-height: 1;
}