/*  ========================================================================================= 
                                          SITE CSS INDEX                           
    =========================================================================================
    // DN: Reorganized into one file on 06/28/2017

    SECTION 1 - GENERAL STYLES
		1.0 - Reset
		1.1 - Base Styles
		1.2 - Print Styles

	SECTION 2 - CUSTOM AUTHOR STYLES
        2.0 - Default Aveda Styles w/ Bootstrap
        2.1 - Author's Custom Classes
		2.2 - Helper classes

	SECTION 3 - SITE-WIDE
		3.0 - Site-Wide Elements
            3.0.1 - Modal
            3.0.2 - Tabs
            3.0.3 - Panels
            3.0.4 - Comments
            3.0.5 - Accordion
            3.0.6 - Search Inputs
            3.0.7 - Navigation
            3.0.8 - Top Bar
            3.0.9 - Sticky Header (Refer to ~/Scripts/common/stickyHeader.js)
            3.0.10 - Footer
            3.0.11 - Forms and Form Elements (ex. Inputs, Buttons, Checkboxes, Radios, Validation etc.)
            3.0.12 - Law cookie popup

        3.1 - Library Overwrites
            3.1.1 - JIRA
            3.1.2 - Summer Note Customization
            3.1.3 - Select 2 Dropdowns

    SECTION 4 - AREAS
        4.0 - Registration Page
        4.1 - MSDS
        4.2 - FAQ
        4.3 - Forum
        4.4 - Admin
        4.5 - Aveda Mission / Umbraco Content
        4.6 - Dashboard
        4.7 - Portfolio
        4.8 - Resource Library
        4.9 - Social
        4.9.1 - Social Landing Pages
        4.10 - Education
        4.11 - Surveys
        4.12 - Tests
        4.13 - Newsfeed
        4.14 - Gamification
        4.15 - Catalog
        4.16 - Goal Simulator 
        4.17 - Popup message
        4.18 - Home Page
        4.19 - Learning Path Redesign
        4.21 - Ambassador Pages
        4.22 - Dealership login page
        4.23 - What is Cem
    
    
    SECTION 5 - EVENT REGISTRATION
        5.1 - Widget
        5.2 - Events list page
        5.3 - Registration process
        5.4 - Registration Landing/Browse
  */


/* ========================================================================================= */
/*                               SECTION 1 - GENERAL STYLES                                  */
/* ========================================================================================= */

/*#region 1.0 - Reset
***************************************** */

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    font-size: 1em;
    line-height: 1.4em;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #a39e9d;
    margin: 20px 0;
    padding: 0;
}
hr.div {
    max-width: 100%;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    border-color: #ccc;
}

@media (max-width: 767px) {
    hr {
        margin: 20px -15px;
    }
}

hr.no-line {
    margin: 0;
    padding: 20px 0 0 0;
    border: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

* {
    box-sizing: border-box;
    word-wrap: break-word;
}

h1, h2 {
    margin-top: 0;
}

/*#endregion*/

/*#region 1.1 - Base Styles
   ***************************************** */

body {
    font-family: FordAntennaRegular;
    background-color: #F7F7F7;
    color: #0b2b45;
}

/* ----------- Anchors */
a {
    color: #0b2b45;
    text-decoration: none;
}

@media (pointer: fine) {
    a:hover,
    a:focus {
        color: #0b2b45;
        outline: none;
        text-decoration: underline;
        -moz-text-decoration-color: #cdcbc9;
        text-decoration-color: #cdcbc9;
    }

    a:hover,
    a:focus,
    a:hover::before,
    a:hover::after,
    a:focus::before,
    a:focus::after {
        color: #a39e9d;
        outline: none;
        text-decoration: none;
    }

        a:focus,
        a:focus::before,
        a:focus::after {
            color: #0b2b45;
        }

    a:focus:hover,
    a:focus:hover::before,
    a:focus:hover::after {
        color: #a39e9d;

    }
}

a span.link-text,
a:hover span.link-text,
a:focus span.link-text,
a.link-text,
a:hover.link-text,
a:focus.link-text {
    text-decoration: underline;
    -moz-text-decoration-color: #cdcbc9;
    text-decoration-color: #cdcbc9;
}

a.inactive,
a.inactive span.link-text,
a:hover span.link-text,
a.inactive:hover span.link-text,
a:focus span.link-text,
a.inactive:focus span.link-text {
    color: #a39e9d;
    cursor: default;
    pointer-events:none;
}

/* ----------- Headers */
h1, h2 {
    text-transform: uppercase;
}
h5, .h5 {
    font-weight: bold;
}

/*#endregion*/

/*#region 1.2 - Print Styles
   ***************************************** */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*#endregion*/

/* ========================================================================================= */
/*                          SECTION 2 - CUSTOM AUTHOR STYLES                                 */
/* ========================================================================================= */

/*#region 2.0 - Default Aveda Styles w/ Bootstrap
   ***************************************** */

/* ----------- Panels */
.panel.aveda-default {
    padding: 15px;
}

.panel.aveda-default .panel-heading {
    padding: 0 0 15px;
}

.panel.aveda-default .panel-body {
    padding: 0;
}

/*#endregion*/

/*#region  2.1 - Author's Custom Classes
   ***************************************** */
.container-white {
    background-color: #FFF;
    padding-top: 15px;
    padding-bottom: 15px;
}

.section-title {
    margin: 20px 0;
    text-transform: uppercase;
    font-size: 22px;
}

.top-line-path {
    font-size: 20px;
}

.top-line-path .info-text{
    font-size: 13px;
    color: #999;
}

.clear-cat-btn {
    border: 1px solid #24292f;
    padding: 6px 10px;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
    display:inline-block;
}

    .clear-cat-btn:lang(fr), .clear-cat-btn:lang(de), .clear-cat-btn:lang(it) {
        font-size: 12px;
        display: block;
        margin-top: 10px;
    }

    .clear-cat-btn img {
        margin-right: 5px;
        margin-top: -2px;
    }

    @media (max-width: 767px) {
        .top-title {
        text-align: left;
    }

    .top-line-path {
        font-size: 16px;
    }

    .top-line-path .info-text {
        font-size: 10px;
    }

    .clear-cat-btn {       
        width: 100%;
    }
}

/* Mimic button for display purposes only */
.display-btn-primary {
    display: inline-block;
    color: #fff;
    background-color: #392720;
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
    border: 1px solid #392720;
    padding: 9px 30px 8px 30px;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 0;
    font-weight: normal;
}

@media (max-width: 767px) {
    .display-btn-primary {
        width: 100%;
    }
}

.page-top-description {
    margin: 0;
    padding: 0 0 20px 0;
}

#ForumEditPostPage .page-top-description {
    padding-top: 20px;
}

.page-top-description > * {
    margin: 0;
    padding: 0;
}

@media (max-width: 767px) {
    .page-top-description > * {
        text-align: center;
    }
}

.person-image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
@media (min-width: 768px) {

    .person-image .btn-side-group.flex-buttons {
        margin-top: -70px;
        margin-left: 10px;
        margin-right: 10px;
    }

        .person-image .btn-side-group.flex-buttons a.btn-icon {
            z-index: 1;
        }
}
    

.commentbox .person-image,
.panel-item-auter .person-image {
    width: 50px;
}

.person-image img {
    position: absolute;
    height: 100%;
    width: auto;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.person-name {
    font-family: FordAntennaMedium;
    font-size: 14px;
    line-height: 1.28em;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.portifolio__comment,
.portifolio__like {
    cursor: pointer;
}

.social-info span,
.social-info span::before {
    line-height: 20px;
    height: 20px;
}

#writeComment > span > img{
    position:relative;
    top:1px;
}

/* ----------- Social Icons */
.social-info span:not(:first-of-type) {
    padding-left: 5px;
    font-size: 15px;
}

.social-info span.icon {
    font-size: 20px;
    padding-right: 5px;
}

.social-icon > * {
    padding: 10px 15px;
}
.social-info #btnFavorite #favoritesCount {
    position:relative;
    top:2px;
}

#ProfilePage .social-icon > a {
    padding-left: 0;
}

.social-icon .icon {
    font-size: 20px;
    margin-bottom: 20px;
}

.person-info-box .person-name {
    padding: 0 0 10px 0;
    font-family: FordAntennaMedium;
    font-size: 18px;
    line-height: 1.28em;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .person-info-box .person-name {
        font-size: 40px;
    }

    .person-info-box .person-job-info {
        font-size: 20px;
    }
}



.person-info-box .person-job-info {
    padding: 0 0 15px 0;
}

.person-info-box .social-info {
    padding: 0 0 10px 0;
}

/* ----------- Top Back Button */
.back-button a {
    display: inline-block;
    color: #0b2b45;
    font-weight: bold;
    padding: 20px 10px;
    font-family: FordAntennaMedium;
    text-decoration: none;
    line-height: 17px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.back-button a:hover {
    text-decoration: none;
    padding-left: 0;
}

    .back-button a:before {
        content: "";
        background-image: url('../Images/ford/chevron2@1x.png');
        background-size: 7px 12px;
        background-repeat: no-repeat;
        width: 15px;
        height: 12px;
        display: inline-block;
        font-family: 'icons' !important;
        font-size: 11px;
        line-height: 17px;
        padding-right: 5px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

.back-button a:hover:before {
    padding-right: 0;
}

/* ----------- Dynamically Generated Content */
.dynamic-content img {
    max-width: 100% !important;
    height: auto !important;
}
/*#endregion*/

/*#region 2.2 - Helper Classes
   ***************************************** */

/* ----------- Text Helpers */
.nowrap {
    white-space: nowrap;
}

.uppercase-text,
.uppercase-text a {
    text-transform: uppercase;
}
.underline-text,
.underline-text a {
    text-decoration: underline;
}

.small-header {
    font-family: FFMetaWebProMedium;
    font-size: 14px;
    line-height: 1.28em;
    letter-spacing: 0.02em;
}

.gray-text {
    color: #a39e9d;
}

.bold {
    font-weight: bold;
}

.error-info-text {
    color: #d74027;
}


/* ----------- Vertical/Horizontal Content */
.vertical-content > * {
    margin: 0 0 10px 0;
}

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

.horizontal-content > * {
    display: block;
    text-align: left;
}

.horizontal-content > .btn {
    text-align: center;
}

.horizontal-content > *:not(:first-child) {
    margin: 10px 0 0 0;
}

.detail-btn-row .btn {
    margin-top: 10px!important;
}

@media (max-width: 768px) {
    .detail-btn-row .btn:lang(fr), .detail-btn-row .btn:lang(it), .detail-btn-row .btn:lang(de) {
        font-size: 10px;
    }
}

@media (min-width: 768px) {
    .horizontal-content > * {
        display: inline-block;
        text-align: right;
    }

    .horizontal-content > *:not(:first-child) {
        margin: 0 0 0 20px;
    }
}

@media (max-width: 1023px) {
    .detail-btn-row .btn {
        margin-top: 0 !important;
        margin-bottom: 15px !important;
        width: 100%;
    }
}
/* ----------- Table Container (for vertical alignment) */
.table-container {
    display: table;
}

.table-container > * {
    display: table-cell;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* ----------- Margin Helpers */
.mg-reset {
    margin: 0 !important;
}

@media (max-width: 767px) {
    .mg-reset-xs {
        margin: 0;
    }
}

.mg-t-0 {
    margin-top: 0 !important;
}

.mg-r-0 {
    margin-right: 0 !important;
}

.mg-b-0 {
    margin-bottom: 0 !important;
}

.mg-t-5 {
    margin-top: 5px !important;
}

.mg-l-0 {
    margin-left: 0 !important;
}

.mg-t-10 {
    margin-top: 10px !important;
}

.mg-r-10 {
    margin-right: 10px !important;
}

.mg-b-10 {
    margin-bottom: 10px !important;
}

.mg-l-10 {
    margin-left: 10px !important;
}

.mg-t-15 {
    margin-top: 15px !important;
}

.mg-r-15 {
    margin-right: 15px !important;
}

.mg-b-15 {
    margin-bottom: 15px !important;
}

.mg-l-15 {
    margin-left: 15px !important;
}

.mg-t-20 {
    margin-top: 20px !important;
}

.mg-r-20 {
    margin-right: 20px !important;
}

.mg-b-20 {
    margin-bottom: 20px !important;
}

.mg-l-20 {
    margin-left: 20px !important;
}

.mg-t-30 {
    margin-top: 30px !important;
}

.mg-b-30 {
    margin-bottom: 30px !important;
}

.mg-t-40 {
    margin-top: 40px !important;
}

.mg-b-40 {
    margin-bottom: 40px !important;
}
.mg-t-50 {
    margin-top: 50px !important;
}

/* ----------- Padding Helpers */
.pd-reset {
    padding: 0;
}

@media (max-width: 767px) {
    .pd-reset-xs {
        padding: 0;
    }
}

.pd-t-5 {
    padding-top: 5px !important;
}

.pd-r-5 {
    padding-right: 5px !important;
}

.pd-b-5 {
    padding-bottom: 5px !important;
}

.pd-l-5 {
    padding-left: 5px !important;
}

.pd-t-10 {
    padding-top: 10px !important;
}

.pd-r-10 {
    padding-right: 10px !important;
}

.pd-b-10 {
    padding-bottom: 10px !important;
}

.pd-l-10 {
    padding-left: 10px !important;
}

.pd-t-15 {
    padding-top: 15px !important;
}

.pd-r-15 {
    padding-right: 15px !important;
}

.pd-b-15 {
    padding-bottom: 15px !important;
}

.pd-l-15 {
    padding-left: 15px !important;
}

.pd-t-20 {
    padding-top: 20px !important;
}

.pd-r-20 {
    padding-right: 20px !important;
}

.pd-b-20 {
    padding-bottom: 20px !important;
}

.pd-l-20 {
    padding-left: 20px !important;
}

/* ----------- Float Helpers */
.float-r {
    float: right;
}

.float-l {
    float: left;
}

@media (max-width: 767px) {
    .float-l-xs {
        float: left;
    }
}

@media (min-width: 768px) {
    .md-pull-right {
        float: right;
    }
}

/* ----------- Text-Alignment Helpers */
.content-right {
    text-align: right;
}

.content-center {
    text-align: center;
}

@media (max-width: 767px) {
    .sm-mg-b-15 {
        margin-bottom: 15px;
    }

    .sm-full-width {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

.one-word-per-line {
    word-spacing: 100000px;
}

.full-width {
    width: 100%;
}

/* ----------- Icon Class Helpers */
.icon-green {
    color: #2e9f00;
}

.icon-red {
    color: #cc0d0d;
}

.xs-icon {
    font-size: 12px !important;
}

.sm-icon {
    font-size: 16px !important;
}

.md-icon {
    font-size: 20px !important;
}

.lg-icon {
    font-size: 24px !important;
}

.icon.icon-close--x:before {
    content: 'x';
    font-weight: 300;
    font-family: Arial, sans-serif;
}

/*#endregion*/
/* ========================================================================================= */
/*                                   SECTION 3 - SITE-WIDE                                   */
/* ========================================================================================= */
/* *****************************************
   3.0 - SITE-WIDE ELEMENTS
   ***************************************** */
/*#region 3.0.1 - Modal
   ----------------------------------------- */
.popup-body h1,
.popup-body h2,
.popup-body h4 {
    text-transform: none;
}
.min-height-content {
    min-height: 480px;
}
.modal-dialog {
    top: 150px;
}

    .modal-dialog .modal-header {
        background-color: #24292f;
        color: #ffffff;
        border: none;
        margin: 0;
        padding: 0;
    }

.modal-dialog .modal-header h4.modal-title {
    padding: 6px 15px;
}

.modal-dialog .modal-header button.close {
    margin: 0;
    padding: 15px;
    color: #fff;
    float: right;
    font-family: FFMetaWebProLight;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0.08em;
    text-shadow: none;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}

.modal-dialog .modal-body {
    margin: 0;
    padding: 20px 15px;
    background: #fbf8f6;
}

.modal-dialog .modal-body .modal-title {
    margin: 0;
    padding: 0;
}

.modal-body-tile {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d4d2;
}

.modal-body-tile:last-child {
    border-bottom: none;
}

@media (max-width: 767px) {
    .modal-dialog .btn-group {
        display: block;
    }
}

.language-select-modal h1, .language-select-modal h2 {
    text-align: center;
}
.language-select-modal button{
    width:100%;
}
.language-select-modal .language-title {
    text-transform:uppercase;
}

.language-select-modal .modal-content {
    padding: 30px 0;
    
}
.language-select-modal .modal-body {
    background: white;
    margin: 0 auto;
    position: relative;
    width: 490px;
}
.language-select-modal {
    color: #00095B;
}
.language-select-modal h2{  
    font-size:32px
}
.language-select-modal h3{
    font-size:24px;
}
.language-select-modal h5{
    font-size:18px;
    text-transform:uppercase;
}
.language-select-modal select{
    padding: 5px 0px 5px 30px; 
    width:100%;
    background: url('../Images/icons_globe_blue_20.png') white no-repeat 5px 4px;
    background-size:20px 20px;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 920px;
        }
}
/*#endregion*/
/*#region 3.0.2 - Tabs
   ----------------------------------------- */
.tab-section {
    margin: 0;
    padding: 20px 0 0 0;
}

.tab-section ul.nav-tabs {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    font-size: 0;
    text-align: center;
    margin-bottom: 20px;
}

.tab-section ul.nav-tabs li {
    margin: 0;
    padding: 0;
    border: none;
    display: inline-block;
    float: none;
}

    .tab-section ul.nav-tabs li a,
    .tab-section ul.nav-tabs li.active a,
    .tab-section ul.nav-tabs li a:hover,
    .tab-section ul.nav-tabs li a:focus {
        display: block;
        margin: 0;
        padding: 9px 30px 8px 30px;
        font-family: FordAntennaRegular;
        font-size: 15px;
        line-height: 15px;
        text-transform: uppercase;
        white-space: nowrap;
        border: 1px solid #2096CD;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-appearance: none;
    }

@media (max-width: 991px)    {
    .tab-section ul.nav-tabs li a:lang(it),
    .tab-section ul.nav-tabs li a:lang(fr),
    .tab-section ul.nav-tabs li a:lang(de) {
        font-size: 11px;
        padding: 9px 10px 8px 10px;
    }
}

.tab-section ul.nav-tabs li:not(:first-of-type) a {
    border-left: none;
}

    .tab-section ul.nav-tabs li a {
        color: #2096CD;
        background: #fff;
        font-family: FordAntennaRegular;
    }

    .tab-section ul.nav-tabs li.active a,
    .tab-section ul.nav-tabs li a:hover,
    .tab-section ul.nav-tabs li a:focus {
        background: #2096CD;
        color: #fff;
        -webkit-transition: background-color 250ms linear;
        -ms-transition: background-color 250ms linear;
        transition: background-color 250ms linear;
    }

.tab-section ul.nav-tabs li.inactive a,
.tab-section ul.nav-tabs li.inactive a:hover,
.tab-section ul.nav-tabs li.inactive a:focus {
    color: #a39e9d;
    background: #fff;
    cursor: not-allowed;
}

.tab-section .tab-content {
    padding: 20px;
    background: #fff;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
}



@media (max-width: 991px) {

    .tab-section ul.nav-tabs li {
        display: block;
        width: 100%;
    }

    .tab-section ul.nav-tabs li:not(:first-of-type) a {
        border-left: 1px solid #392720;
    }

    .tab-section ul.nav-tabs li a,
    .tab-section ul.nav-tabs li.active a,
    .tab-section ul.nav-tabs li a:hover,
    .tab-section ul.nav-tabs li a:focus {
        margin: 0 0 15px 0;
    }

    #SectionGroup .tab-section ul.nav-tabs li a,
    #SectionGroup .tab-section ul.nav-tabs li.active a,
    #SectionGroup .tab-section ul.nav-tabs li a:hover,
    #SectionGroup .tab-section ul.nav-tabs li a:focus {
        margin: 0;
    }

    #SectionGroup .tab-section ul.nav-tabs li:not(:first-of-type) a {
        border-top: none;
    }
}

/*#endregion*/

/*#region 3.0.3 - Panels
   ----------------------------------------- */

.panel {
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
}

.panel.light {
    background: #fbf8f6;
}

.panel.panel__contact {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.aditional-icon {
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
}

.learning-heading:hover {
    cursor: pointer;
}

.learning-panel .header-toggle {
    float: none;
}

.learning-panel .icon {
    float: right;
}

.learning-panel .panel-content.content-box {
    height: auto;
}

.learning-panel .panel-heading,
.learning-panel .panel-body {
    padding: 0;
}

.learning-panel .activityDetail {
    width: 100%;
    padding: 10px;
}

.learning-panel .panel.panel__education {
    margin-top: 0;   
    padding: 0;
}

.learning-panel .panel.panel-default,
.learning-panel .panel-heading {
    background-color: #FFFFFF;
}

.learning-panel .panel-heading {
    border-bottom: 1px solid rgba(163, 158, 157, 0.6);
}


@media (max-width: 767px) {
    .panel.panel__portfolio-detail, .panel.panel__portfolio-edit, .panel.panel__portfolio-upload, .panel.Panel__resource-detail {
    margin-top: 0;
    }
}

@media (min-width: 768px) {
    .panel.panel__forum,
    .panel.panel__post,
    .panel.panel__portfolio-detail,
    .panel.panel__portfolio-edit,
    .panel.panel__portfolio-upload,
    .panel.Panel__resource-detail {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.panel-item {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #cdcbc9 ;
}

.panel-item::before,
.panel-item::after {
    content: " ";
    display: table;
}

.panel-item:last-of-type {
    border-bottom: none;
}

.panel.panel__portifolio .panel-item,
.panel.resource__panel {
    background: #fff;
}

@media (min-width: 768px) {
    .panel.panel__portifolio .panel-item,
    .panel.resource__panel {
        margin-bottom: 20px;
    }
}

.panel-title > a {
    display: block;
}

/* ----------- Panel Auter */

.panel-item-auter {
    display: table;
    padding: 20px 0;
    width: 100%;
}

@media (max-width: 767px) {
    .panel.panel__portfolio-detail .panel-item-auter {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.panel-item-auter .auter-image {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
}

.panel-item-auter .auter-info {
    display: table-cell;
    padding: 0 0 0 10px;
    text-align: left;
    vertical-align: middle;
}

    .panel-item-auter .auter-info > *:not(:first-child) {
        padding-top: 5px;
    }

/* ----------- Panel Title */

@media (min-width: 768px) {
    .Panel__resource-detail .panel-item-title,
    .panel__portfolio-detail .panel-item-title {
        padding: 0;
    }
}

.panel-item-title h4,
.panel-item-title h4 a,
.panel-item-title h4 a span {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: FFMetaWebProNormal;
    font-size: 18px;
    line-height: 1.28em;
    font-weight: normal;
    position: relative;
}

/* ----------- Resource Detail Page Title Icons */
.panel-item-title h4.item-document::before,
.panel-item-title h4.item-courses::before {
    position: absolute;
    font-size: 90%;
    top: 43%;
    left: 0;
    transform: translate(0, -50%);
}

.Panel__resource-detail .panel-item-title h4,
.panel__portfolio-detail .panel-item-title h4 {
    font-family: FordAntennaRegular;
    font-size: 28px;
    line-height: 0.98em;
    letter-spacing: 0;
    margin-top: 15px;
    display: inline;
}

/* ----------- Panel Body */
.panel-item-body {
    margin: 0;
    padding: 0 0 20px 0;
}

@media (max-width: 767px) {
    .panel-item-body {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.panel.panel__msds .panel-item-body,
.Panel__resource-detail .panel-item-body,
.panel.panel__new-topic .panel-item-body,
.panel.panel__post .panel-item-body,
.panel__portfolio-edit .panel-item-body,
.panel__portfolio-upload .panel-item-body,
.panel__contact .panel-item-body,
#postlist .panel-item-body {
    padding-top: 20px;
}

#postlist, [id^=postReplies] {
    margin-left: 50px;
}

@media (max-width: 767px) {
    #postlist, [id^=postReplies] {
        margin-left: 10px;
    }
}

#postlist .panel__forum {
    margin-bottom: 30px;
}

[id^=postReplies] .panel__forum {
    background-color: #e6e0e0;
}

#Posts.panel__post {
    margin-bottom: 30px;
}

/* ----------- Panel Description */

@media (max-width: 767px) {
    .panel-item-description {
        margin-top: 15px;
    }
    .panel.panel__forum .panel-item-description,
    .panel.panel__post .panel-item-description {
        /*padding-bottom: 20px;*/
    }

    .panel.panel__post .panel-item-description {
        padding-top: 20px;
    }

    .panel .panel-item-description > *:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .panel-item-body .horizontal-content {
        padding-top: 5px;
    }

    .panel-item-body .social-info.form-group {
        margin: 0 0 10px 0;
    }
}

/* ----------- panel Image */
/* Aspect Ratio 16:9 */

@media (max-width: 767px) {
    .panel-item-image-container {
        padding-bottom: 20px;
    }
}

.panel-item-image {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    outline: 0;
}

.Panel__newsfeed-detail .panel-item-image {
    background: none;
}

a.panel-item-image {
    display: block;
}

.panel-item-image img {
    position: absolute;
    max-width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    outline: 0;
}

.panel__portfolio-upload .panel-item-image,
.panel__portfolio-detail .panel-item-image,
.panel__portfolio-edit .panel-item-image,
.Panel__resource-detail .panel-item-image,
.Panel__newsfeed-detail .panel-item-image {
    position: relative;
    margin: 0;
    padding: 0;
}

    .panel__portfolio-upload .panel-item-image img,
    .panel__portfolio-detail .panel-item-image img,
    .panel__portfolio-edit .panel-item-image img,
    .Panel__resource-detail .panel-item-image img,
    .Panel__newsfeed-detail .panel-item-image img {
        position: relative;
        margin: 0;
        padding: 0;
        transform: none;
        top: 0;
        left: 0;
    }


.panel-item-description img {
    max-width: 100% !important;
    height: auto;
}

.panel-item-description p {
    word-wrap: break-word;
}


/* ----------- Tags */

.panel-item-tags {
    padding: 10px 0 20px 0;
}

ul.panel__taglist {
    display: block;
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #fbf8f6;
}

    ul.panel__taglist li {
        display: block;
        list-style: none;
        float: left;
        margin: 10px;
        font-weight: bold;
    }

/* ----------- Panel Items */
.panel-item-box {
    display: block;
    margin: 0 0 30px 0;
    padding: 0;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    outline: 0;    
}

#categories .panel-item-box {
    height: 330px;
}

#resources .panel-item-box {
    height: 360px;
}

@media (max-width: 767px) {
    .panel-item-box {
        margin: 0;
        /*padding-bottom: 20px;*/
        border-top: 1px solid #cdcbc9;       
    }

    #categories .panel-item-box {
        height: auto;
    }
}

.panel .panel__item:not(:first-of-type) {
    border-top: 1px solid #cdcbc9;
}

.panel__item.no-result {
    padding-top: 20px;
}

.portfolio__panel.portfolio__artist {
    min-height: 216px;
}

.panel-item-box.panel-item--portfolio .panel__ambassador-tag {
    margin: 0;
}

.portfolio__panel.portfolio__artist .panel__ambassador-tag {
    margin: .5rem 0 1rem 20px;
}

/* ----------- Header Toggle */
.header-toggle {
    float: right;
    clear: none;
    text-decoration: none;
}

/* panel Image - Aspect Ratio 16:9 */
.panel-item__image {
    position: relative;
    width: 100%;
    height: 50%;
    /*padding-top: 56.25%;*/
    overflow: hidden;
    /*
    background: rgb(215,212,210);
    background: -moz-radial-gradient(center, ellipse cover, rgba(215,212,210,1) 0%, rgba(255,255,255,1) 0%, rgba(215,212,210,1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(215,212,210,1) 0%,rgba(255,255,255,1) 0%,rgba(215,212,210,1) 100%);
    background: radial-gradient(ellipse at center, rgba(215,212,210,1) 0%,rgba(255,255,255,1) 0%,rgba(215,212,210,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcbc9', endColorstr='#cdcbc9',GradientType=1 );
    */
    background: #ffffff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    outline: 0;
}

.panel-item__image img {
    position: absolute;
    max-width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    outline: 0;
}

/* ----------- Auter */
.truncate {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.panel-item__auter {
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 15px;
    width: 100%;
    height: 50px;
}

.panel-item__auter .auter-image {
    display: table-cell;
    width: 50px;
    height: 50px;
    max-height: 50px;
    vertical-align: top;
}

.panel-item__auter .auter-info {
    display: block;
    padding: 0 0 0 10px;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 82px;
}

   .panel-item__auter .auter-info > *:not(:first-child) {
        padding-top: 5px;
    }

.portfolio__panel p.location:after {
    content: '.';
    visibility: hidden;
}

.portfolio__panel h3, .portfolio__panel p.location {
    padding-right: 20px;
}

/* ----------- Panel Body */
.panel-item__body {
    margin: 0;
    padding: 0 15px 15px 15px;
    height: 25%;
}

/* ----------- Panel Title */
.panel-item__title *:not(.icon) {
    font-family: FordAntennaRegular;
    font-size: 14px;
    line-height: 1.28em;
    letter-spacing: 0.02em;
    font-weight: normal;
}

.panel-item__title h4 {
    margin: 0;
    padding: 0;
}

.panel-item__title h4 a {
    display: block;
    margin: 0;
    padding: 20px 0;
}

@media (min-width: 768px) {
    .panel-item__title h4 a > span {
        display: block;
        height: 35px;
        overflow: hidden;
    }
}

.panel .panel-item__title h4 a {
    padding-left: 20px;
    padding-right: 20px;
}

.panel .panel-item__title h4 a > span {
    height: auto;
    overflow: visible;
}

/* ----------- Information Icons */

.panel-item-new .panel-item__new.hide,
.panel-item-close .panel-item__closed.hide {
    display: block !important;
    position: absolute;
    right: 20px;
    top: 20px;
    margin: 0;
    padding: 5px 10px;
    background: #aa2a2a;
    color: #fff;
    font-family: FFMetaWebProNormal;
    font-size: 14px;
    line-height: 1em;
    font-weight: bold;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.panel-item-new .panel-item__new.hide {
    padding: 6px 10px 3px 10px;
}

.panel-item-private .panel-item__image:before {
    content: "\e912";
    position: absolute;
    top: 15px;
    left: 20px;
    display: block;
    color: #0b2b45;
    font-family: Icons;
    font-size: 20px;
    z-index: 2;
}

/* ----------- Panel Publish Info */
/*.panel-item__publish-info {
    padding: 20px 0;
}*/

/* ----------- Panel Social Icons */
.panel-item__social .horizontal-content {
    padding-top: 0;
}

.horizontal-content > * {
    display: inline-block;
    text-align: right;
}

    .horizontal-content > *:not(:first-child) {
        margin: 0 0 0 20px;
    }



@media (max-width: 767px) {

    #categories .col-sm-4,
    #portfolio .col-sm-4,
    #resources .col-sm-4 {
        padding: 0;
    }

    #categories .col-sm-4:last-of-type .panel-item-box,
    #portfolio .col-sm-4:last-of-type .panel-item-box,
    #resources .col-sm-4:last-of-type .panel-item-box {
        border-bottom: 1px solid #cdcbc9;
    }
}

/* ----------- Panel Boxes */
.panel-header {
    padding: 15px;
}

@media (max-width: 767px) {
    .panel-header {
        border-top: 1px solid rgba(163, 158, 157, 0.7);
        border-bottom: 1px solid rgba(163, 158, 157, 0.7);
    }

    .panel-header.borderless-xs {
        border: none;
    }
}

.panel-header .panel-header-title {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}

@media (max-width: 767px) {
    .panel-header .panel-header-title {
        width: 90%;
    }
}

.panel-content {
    padding: 15px;
}

@media (min-width: 768px) {
    .panel-content.content-box {
        overflow-y: auto;
        height: 300px;
    }
}

.panel-tile {
    padding: 10px 0;
    border-bottom: 1px solid rgba(163, 158, 157, 0.2);
}

.panel-content .panel-tile:first-child {
    padding-top: 0;
}

.panel-show-more.form-group {
    margin: 0;
    padding-top: 15px;
}

/* ----------- For Mobile Panel Toggles */
@media (max-width: 767px) {
    .panel.off .panel-content {
        display: none !important;
    }
}

.icon.off {
    display: none !important;
}

/*#endregion*/

/*#region 3.0.4 - Comments
   ----------------------------------------- */

.commentbox {
    margin: 20px 0 0 0;
    padding: 0;
}

.commentbox .comment-input-box {
    padding: 0 10px 10px 10px;
}

.commentbox .comment-input,
.commentbox .comment-box {
    display: table;
    padding: 10px 0;
    width: 100%;
    vertical-align: top;
}

.commentbox .person-image {
    width: 50px;
    height: 50px;
    vertical-align: top;
}

.commentbox .comment-body {
    display: table-cell;
    margin: 0;
    padding: 0 0 0 10px;
    width: 100%;
    vertical-align: top;
}

.commentbox .comment-body p {
    word-break: break-all;
}

.commentbox .comment-body textarea.form-control {
    min-height: 100px;
    overflow: hidden;
}

.commentbox .comment-group {
    margin: 0;
    padding: 0;
}

.commentbox .comment-group li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.commentbox .comment-group li:not(:last-of-type) {
    border-bottom: 1px solid #cdcbc9;
}

/*#endregion*/

/*#region 3.0.5 - Accordion
   ----------------------------------------- */

.accordion .panel-item__title h4 a {
    position: relative;
    display: block;
}

.accordion .panel-item__title h4 a:before {
    content: "\e915";
    position: absolute;
    top: 20px;
    right: 20px;
    font-family: 'icons' !important;
    font-size: 11px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.accordion .panel-item__title h4 a.collapsed:before {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .accordion .panel-item__title h4 a:before,
    .accordion .panel-item__title h4 a:hover:before,
    .accordion .panel-item__title h4 a:focus:before {
        color: #0b2b45;
    }

/*#endregion*/

/*#region 3.0.6 - Search Inputs
   ----------------------------------------- */

.main-filter-group {
    padding: 20px 0 0 0;
}

.search-input.form-group {
    position: relative;
}
.search-input.form-group .form-control,
.search-input.form-group .form-control:focus,
.search-input.form-group .form-control:hover {
    padding: 0 40px 0 15px;
}



input.search,
input.search:focus,
input.search:hover {
    padding: 0 36px 0 15px;
    margin: 0;
    height: 35px;
    color: #0b2b45;
    font-family: FFMetaWebProLight;
    font-size: 16px;
    line-height: 35px;
    background-color: transparent;
    border: 1px solid #392720;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    outline: 0;
    background-image: none;
    border-radius: 0;
}

input.search::-ms-clear {
    display: none;
}

input.search::-moz-placeholder {
    color: #a39e9d;
    opacity: 1;
}

input.search:-ms-input-placeholder {
    color: #a39e9d;
}

input.search::-webkit-input-placeholder {
    color: #a39e9d;
}

input.search::-ms-expand {
    border: 0;
    background-color: transparent;
}

/*#endregion*/

/*#region 3.0.7 - Navigation Related
   ----------------------------------------- */

/* ----------- Navigation */

/* Not Desktop --> @media (max-width: 1199px) */
.top-navigation,
.top-navigation nav {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
}

.top-navigation {
    position: relative;
}
nav.nav {
    background: #fff;
}


.nav-header {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.top-navigation button,
.top-navigation button span,
.top-navigation button span::before {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
}

.icon-hamburger:before {
    content: "" !important;
    background-image: url('../Images/ford/MENU@1x.png') !important;
    background-size: 23px 18px !important;
    width: 23px;
    height: 18px;
    position: absolute;
    top: 18px;
    left: 0;
}

.top-navigation .nav-header button,
.top-navigation .nav-header button:hover,
.top-navigation .nav-header button:focus {
    padding: 20px;
}

.top-navigation .nav-header button span::before {
    color: #fff;
    font-size: 30px;
}

.top-navigation .nav-header button.hamburger-toggle span::before {
    font-size: 20px;
}

.top-navigation .main-logo a {
    display: inline-block;
    padding: 20px 0;
}

.top-navigation .main-logo a img {
    height: 23px;
    width: auto;
}

.top-navigation ul:not(.container),
.top-navigation ul li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
}

    .top-navigation ul li a,
    button {
        display: block;
        font-family: FordAntennaRegular;
        font-size: 14px;
        font-weight: normal;
        text-transform: capitalize;
        letter-spacing: 0.02em;
        line-height: 20px;
    }

        .top-navigation ul li a:lang(fr), .top-navigation ul li a:lang(de) {
            font-size: 12px;
        }

        .top-navigation ul li a:lang(it) {
            font-size: 11px;
        }

        .top-navigation ul li a,
        .top-navigation ul li a:hover,
        .top-navigation ul li a:focus,
        .top-navigation ul li.active a,
        .top-navigation ul li.active a:hover,
        .top-navigation ul li.active a:focus,
        .top-navigation button,
        .top-navigation button:hover,
        .top-navigation button:focus,
        .top-navigation ul li.active button,
        .top-navigation ul li.active button:hover,
        .top-navigation ul li.active button:focus {
            margin: 0;
            padding: 10px;
            color: #a39e9d;
            text-decoration: none;
            cursor: pointer;
            background: transparent;
        }

.top-navigation button {
    color: #0b2b45;
    position: relative;
}
.top-navigation .hasChild button {
    padding-right: 22px;
}

.top-navigation .hasChild button:after {
    content: "\e914";
    font-family: "icons";
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 7.5px;
    font-size: 50%;
}
.top-navigation .hasChild button.on:after {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#mainNavigation > ul li a,
button.subnav-toggle {
    color: #fff;
    display: inline-block;
}

#mainNavigation > ul li a:hover {
    color: #a39e9d;
}

.top-menu-right a{
    text-transform: uppercase;
}


@media (min-width: 1200px) {
    .top-news-feed {
        }

        .top-menu-right {
            display: inline-block;
        }

            .top-menu-right:after {
                clear: both;
            }

            .top-menu-right ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
                background-color: #333;
            }

                .top-menu-right ul li {
                    float: left;
                }

                    .top-menu-right ul li a {
                        font-size: 14px;
                        letter-spacing: 0.3px;
                        text-align: center;
                        text-transform: capitalize;
                    }

        .top-menu-placeholder {
            display: none;
        }
    }



    @media (max-width: 1199px) {
        .top-menu-right {
            background: #392720;
            color: #d8d8d8;
            line-height: 1.21;
            letter-spacing: 0px;
        }

        .nav-items {
            position: absolute;
            top: 70px;
            left: 0;
            width: 100%;
            -webkit-transition: all 0.125s linear;
            -moz-transition: all 0.125s linear;
            -ms-transition: all 0.125s linear;
            -o-transition: all 0.125s linear;
            transition: all 0.125s linear;
            opacity: 0;
            z-index: -1;
            overflow: hidden;
            height: 0;
        }

            .nav-items.on {
                opacity: 1;
                z-index: 999999;
                height: auto;
            }

        .nav-header {
            display: table;
        }

        .top-navigation {
            height: auto;
            z-index: 999999;
        }

        nav.main-navigation {
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            z-index: 1;
        }

        .top-navigation nav > .container {
            margin: 0;
            padding: 0;
            width: 100%;
        }

        .top-navigation .nav-header > * {
            display: table-cell;
            margin: 0;
            padding: 0;
            vertical-align: middle;
            text-align: center;
        }

        .top-navigation ul li a,
        .top-navigation ul li a:hover,
        .top-navigation ul li a:focus,
        .top-navigation ul li.active a,
        .top-navigation ul li.active a:hover,
        .top-navigation ul li.active a:focus,
        .top-navigation button,
        .top-navigation button:hover,
        .top-navigation button:focus,
        .top-navigation ul li.active button,
        .top-navigation ul li.active button:hover,
        .top-navigation ul li.active button:focus {
            padding: 0 20px;
        }

        .top-navigation .main-logo {
            width: 100%;
        }

        #userNavigation {
            background: #392720;
            position: fixed;
        }

            #userNavigation > .container,
            #loginUserNavigation > .container {
                padding-left: 0;
                padding-right: 0;
            }

        ul.nav-items__user li.nav-items__user-li {
            display: block;
            margin: 0;
            padding: 0;
            position: relative;
        }

            ul.nav-items__user li.nav-items__user-li:after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 65px;
            }

            ul.nav-items__user li.nav-items__user-li button {
                display: -webkit-flex;
                display: flex;
                -webkit-flex-direction: row-reverse;
                flex-direction: row-reverse;
                -webkit-align-items: end;
                align-items: end;
                margin: 0;
                padding: 0 20px;
                width: 100%;
                height: 50px;
                background: #fff;
                overflow: hidden;
            }

                ul.nav-items__user li.nav-items__user-li button span {
                    margin: 0;
                    padding: 0 0 5px 10px;
                    width: 100%;
                    text-align: left;
                }

                ul.nav-items__user li.nav-items__user-li button img {
                    margin: 0;
                    padding: 0;
                    width: 50px;
                    height: 50px;
                }

        ul.nav-items__user li {
            border-bottom: 1px solid #fff;
        }

            ul.nav-items__user li a {
                color: #fff;
                line-height: 40px;
            }

        #mainNavigation ul.nav {
            background: #fbf8f6;
        }

            #mainNavigation ul.nav li {
                border-bottom: 1px solid #cdcbc9;
            }

                #mainNavigation ul.nav li:last-of-type {
                    border-bottom: none;
                }

                #mainNavigation ul.nav li.hidden-lg {
                    background: #392720;
                }

                #mainNavigation ul.nav li a,
                #mainNavigation ul.nav li button {
                    display: block;
                    width: 100%;
                    line-height: 40px;
                    color: #0b2b45;
                    text-align: left;
                }

                #mainNavigation ul.nav li.hidden-lg a {
                    color: #fff;
                }

        #mainNavigation .toggle-nav {
            display: none;
        }

            #mainNavigation .toggle-nav.on {
                display: block;
                background: #f4f0ed;
            }

                #mainNavigation .toggle-nav.on ul li:first-child {
                    border-top: 1px solid #cdcbc9;
                }

                #mainNavigation .toggle-nav.on ul li {
                    padding: 0 10px;
                }

        #mainNavigation ul .container {
            padding: 0;
        }

        .top-navigation .hasChild button:after {
            font-size: 20px;
            right: 20px;
            vertical-align: middle;
            top: auto;
        }
    }

    /* ----------- Toggles */

    @media (min-width: 1200px) {

        .nav {
            overflow: hidden;
        }

        nav.nav {
            /*position: relative;*/
        }

        .toggle-nav {
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            opacity: 0;
            /*-webkit-transition: all 0.8s linear;
        -moz-transition: all 0.8s linear;
        -ms-transition: all 0.8s linear;
        -o-transition: all 0.8s linear;
        transition: all 0.8s linear;*/
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            overflow: hidden;
            z-index: 999999;
        }

            .toggle-nav.on {
                opacity: 1;
                height: 40px;
            }

                .toggle-nav.on.sub-on {
                    height: 80px;
                }

        #userNavigation .toggle-nav.on {
            bottom: -70px;
        }

            #userNavigation .toggle-nav.on.sub-on {
                bottom: -110px;
            }

        #userNavigation .toggle-nav.toggle-subnav.on {
            bottom: 0px;
        }

        .nav-placeholder {
            height: 0;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            background: #fbf8f6;
        }

            .nav-placeholder.on {
                height: 40px;
            }

                .nav-placeholder.on.sub-on {
                    height: 80px;
                }

                    .nav-placeholder.on.sub-on:after {
                        content: "";
                        position: absolute;
                        width: 100%;
                        height: 40px;
                        bottom: 0;
                        background: #f4f0ed;
                    }

        .toggle-nav {
            text-align: right;
        }

            #mainNavigation ul li .toggle-nav ul li a,
            .toggle-nav ul li a,
            .toggle-nav button {
                color: #0b2b45;
            }

        /* ----------- User Navigation */
        #userNavigation {
            background: #fff;
            position: relative;
        }

            #userNavigation .container {
                padding: 0 30px;
            }

            #userNavigation ul.nav-items__user {
                display: inline-block;
                float: right;
                height: 30px;
            }

            #userNavigation ul li {
                display: inline-block;
            }

            #userNavigation ul.nav-items__user > li {
                display: inline-block;
                float: left;
                z-index: 9999;
            }

            #userNavigation button.nav-toggle__admin,
            #userNavigation button.nav-toggle__user {
                margin: 0;
                padding: 0 5px;
            }

                #userNavigation button.nav-toggle__admin img {
                    padding: 2px;
                    height: 30px;
                }


            #userNavigation button:focus {
                outline: 0;
            }

        .top-navigation nav > .container {
            display: table;
        }

        .nav-header {
            display: table-cell;
        }

            .nav-header .nav-toggle {
                display: none;
            }

        .top-navigation .main-logo a img {
            height: 23px;
        }

        .nav-toggle__user img {
            margin: 0;
            padding: 0 0 0 5px;
            height: 30px;
            width: auto;
        }

        #mainNavigation ul li {
            display: inline-block;
        }

        nav.main-navigation > .container > div {
            display: table;
            width: 100%;
        }

        .nav-header {
            display: table-cell;
            vertical-align: middle;
        }

        #mainNavigation {
            display: table-cell;
            width: 100%;
            text-align: right;
            vertical-align: bottom;
        }

        .nav-header .main-logo {
            display: inline-block;
            float: left;
        }

        #mainNavigation button.on {
            color: #0b2b45;
            background: #fbf8f6;
        }
    }

    @media (max-width: 767px) {
        .navbar-inverse .navbar-brand {
            margin-top: 13px;
        }
    }

    /*#endregion*/

    /*#region 3.0.8 - Top Bar
   ----------------------------------------- */

    .topbar {
        background-color: white;
        position: relative;
        padding-top: 20px;
    }
    .topbar:before {
        content: "";
        clear: both;
    }
    .topbar h2 {
            margin: 0 0 5px 0;
            text-transform: uppercase;
        }

        .topbar p {
            margin: 0 0 0 0;
        }
    
    /* fix for float issue caused by newsfeed*/ 
    .top-menu-small:after { 
        content: "";
        display: table;
        clear: both;
    }
    /*#endregion*/

    /*#region 3.0.9 - Sticky Header
   ----------------------------------------- */

    #sticky-header {
        display: none;
        position: fixed;
        z-index: 5;
        width: 100%;
        left: 0;
        top: 0;
        background-color: #fff;
        box-shadow: 1px 12px 20px -9px rgba(0,0,0,0.5);
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        -o-transition: all 0.8s ease;
        transition: all 0.8s ease;
    }

    @media (max-width: 1199px) {
        #sticky-header {
            top: 63px;
        }
    }

    #sticky-header .container-fluid {
        width: 100%;
    }

    #sticky-header .title {
        padding: 10px;
        text-transform: uppercase;
    }

        #sticky-header .title h2 {
            font-size: 18px;
            margin-bottom: 0;
        }

#sticky-header .back-to-top {
    position: absolute;
    top: 5px;
    right: 30px;
}

.icon-caret--up:before {
    content: "";
    background-image: url('../Images/ford/chevron@1x.png');
    background-size: 16px 9px;
    position: absolute;
    width: 16px;
    height: 9px;
    display: block;
    text-align: center;
}

        #sticky-header .back-to-top .icon {
            font-size: 18px;
        }

#sticky-header .back-to-top::after {
    position: absolute;
    top: 23px;
    font-size: 12px;
    left: -4px;
    content: "TOP";
}

    /*#endregion*/

    /*#region 3.0.10 - Footer
   ----------------------------------------- */

footer {
    background-color: #24292f;
    font-size: 16px;
    padding: 75px 0 40px;
    border-top: 80px solid white;
    margin-top: 20px;
    position: relative;
}

        footer a {
            font-size: 14px;
            display: block;
            font-weight: normal;
            line-height: 1.9;
        }

    footer .logo-footer {
        height: 80px;
        background-image: url('../Images/ford/blue-circle-pattern 3 col copy@3x.png');
        background-size: cover;
    }

    .footer-title-section {
        margin-bottom: 45px;
    }

.logos-area .language-title {
    color: white;
    text-transform:uppercase;
}
.logos-area .language-select-container select {
    width: 100%;
    padding: 5px 5px 5px 30px;
    background: url('../Images/icons_globe_blue_20.png') white no-repeat 5px 5px;
    background-size:20px 20px;
}


.footer-links a {
    color: #ffffff;
}

        .terms-area a,
        .terms-area span {
            font-size: 14px;
            line-height: 1.57;
            letter-spacing: 0px;
            color: #9ca4ab;
            display: block;
        }

    @media (max-width: 768px) {
        footer .logo-footer {
            display: inline-block;
            margin: 10px auto 0 auto;
        }

        .logos-area.footer-logos .terms-area {
            text-align: left;
            margin-top: 10px;
            margin-left: -15px;
        }

        .footer-btm-line {
            padding-bottom: 30px;
            margin-bottom: 30px;
            border-bottom: 1px solid #9ca4ab;
        }        
    }

    @media (max-width: 991px) {
        footer .logo-footer {
            padding-top: 15px;
        }

        .footer-btm-line {
            padding-bottom: 30px;
            margin-bottom: 30px;
            border-bottom: 1px solid #9ca4ab;
        }
        .language-select-container {
            position: absolute;
            float: left;
            top:60px;
            padding-left:30px;
            text-align:left;
            
        }
        .logos-area.footer-logos{
            width:100% !important;
            height:200px;
            position:absolute;
            overflow:hidden;
        }
        .logos-area.footer-logos img{
            max-width:225px;
            float:right;
            width:25%;
        }
        .footer-title-section {
            margin-bottom: 150px !important
        }


        
    }

    html[lang="hu"] .main-link-section {
        min-width:195px;
    }

@media (min-width: 992px){
    html[lang="hu"] .footer-links .col-md-6 {
        width: 33%;
    }
}

@media (max-width: 1200px) {

    .logos-area {
            text-align: center;
        }

        .terms-area {
            text-align: left;
            padding-left: 30px;
        }

            .terms-area a,
            .terms-area span {
            }

        .main-link-section {
            padding-bottom: 30px;
            margin-bottom: 30px;
            border-bottom: 1px solid #9ca4ab;
        }
    }

    footer a {
    padding: 3px 0;
    display: block;
    font-family: FordAntennaLight;
}

    footer .row a {
        /*text-transform: uppercase;*/
    }


    /*#endregion*/

    /*#region  3.0.11 - Forms
   ----------------------------------------- */

    /* ----------- Form Group */
    .form-group {
        margin: 0 0 30px 0;
    }

        .form-group label,
        .form-group .item-label,
        .form-group a:not(.btn),
        .form-group .field-validation-error,
        .form-group .field-validation-error span {
            margin: 0;
            padding: 0 0 10px 0;
            font-family: FordAntennaRegular;
            font-size: 16px;
            line-height: 1em;
            letter-spacing: 0;
        }

        .form-group strong label {
            color: #0b2b45;
        }

        .form-group span.text {
            margin: 0;
            padding: 0 0 10px 0;
            line-height: 1em;
            letter-spacing: 0;
            display: block;
        }

        .form-group label,
        .item-label {
            display: block;
            text-transform: uppercase;
        }

        .has-error,
        .form-group.has-error label,
        .form-group .form-control,
        .form-group .field-validation-error,
        .form-group .field-validation-error span {
            color: #d74027;
            border-color: #23292F;
        }

            .form-group .field-validation-error span {
                padding: 10px 0 0 0;
                display: block;
            }

            .form-group .form-control,
            .form-group .form-control:focus,
            .form-group .form-control:hover {
                padding: 0 15px;
                margin: 0;
                width: 100%;
                height: 35px;
                color: #0b2b45;
                font-family: FordAntennaLight;
                font-size: 16px;
                line-height: 35px;
                outline: none;
                border-radius: 0;
                border: 1px solid #23292F;
                box-shadow: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                -webkit-appearance: none;
            }

    @media (max-width: 767px) {
        .form-group .form-control,
        .form-group .form-control:hover,
        .form-group .form-control:focus {
            height: 45px;
        }
    }

    /* ----------- Textareas */
    .form-group textarea.form-control,
    .form-group textarea.form-control:hover,
    .form-group textarea.form-control:focus {
        /*resize: none;*/
        /*min-height: 100px;*/
        line-height: 1.25em;
    }

    .form-group .form-control::-moz-placeholder {
        color: #a39e9d;
        background: transparent;
        opacity: 1;
    }

    .form-group .form-control:-ms-input-placeholder {
        color: #a39e9d;
        background: transparent;
    }

    .form-group .form-control::-webkit-input-placeholder {
        color: #a39e9d;
        background: transparent;
    }

    .form-group .form-control::-ms-expand {
        border: 0;
        background: transparent;
    }

    form-group .form-control:-webkit-autofill {
        /*background-color: #fff;*/
    }

    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        /*background-color: #fff !important;*/
    }

    .form-group.has-error .form-control,
    .form-group.has-error .form-control:focus,
    .form-group.has-error .form-control:hover {
        border-color: #d74027;
        color: #d74027;
    }

    .form-group .form-control.inactive,
    .form-group .form-control.inactive:focus,
    .form-group .form-control.inactive:hover {
        border-color: #a39e9d;
        color: #a39e9d;
        cursor: not-allowed;
    }

    .form-group .date-picker {
        position: relative;
    }

        .form-group .date-picker::before {
            content: "";
            background-image: url('../Images/ford/Icon_calendar.png');
            background-size: 20px 18px;
            position: absolute;
            top: 9px;
            left: 210px;
            width: 20px;
            height: 18px;
            font-family: 'icons' !important;
            font-size: 20px;
            font-style: normal;
            font-weight: normal;
            line-height: 1em;
            z-index: 1;
            cursor: pointer;
        }

        .form-group .date-picker input {
            display: block;
            margin: 0;
            width: 238px;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143em;
            color: #0b2b45;
            border: 1px solid #392720;
            background-color: transparent;
            background-image: none;
            border-radius: 0;
            position: relative;
            z-index: 2;
        }

            .form-group .date-picker input::-ms-clear {
                display: none;
            }

    /* ----------- Select */

.form-group select.form-control,
.form-group select.form-control:hover,
.form-group select.form-control:focus {
    background-color: #FFFFFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../Images/chevron.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 30px;
}

.ms-options-wrap > button:focus, .ms-options-wrap > button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url('../Images/chevron.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    font-family: FFMetaWebProLight;
    font-size: 16px;
    text-transform: none;
}

        .ms-options-wrap > button:after, .ms-options-wrap .button:after,
        .ms-options-wrap > button:before {
            display: none;
        }

    .form-group select.form-control::-ms-expand {
        display: none; /* hide the default arrow in ie10 and ie11 */
    }

    /* ----------- Tables */

    table thead {
        font-weight: bold;
    }

    .action-icons {
        margin: 0 5px;
        cursor: pointer;
    }

        .action-icons span {
            font-size: 18px;
            vertical-align: middle;
        }

    /* Border Table */
    .border-table {
        border: 1px solid black;
    }

        .border-table thead {
            background-color: #edeae9;
        }

        .border-table tbody {
            background-color: #fff;
        }

            .border-table tbody .form-group {
                margin: 0;
            }

            .border-table tbody tr > td {
                display: table-cell;
                vertical-align: middle;
            }

    /* Data Sorting for Tables*/
    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc {
        background: none;
    }

        table.dataTable thead .sorting:hover,
        table.dataTable thead .sorting_asc:hover,
        table.dataTable thead .sorting_desc:hover {
            color: #a39e9d;
        }

        table.dataTable thead .sorting:after,
        table.dataTable thead .sorting_asc:after,
        table.dataTable thead .sorting_desc:after {
            font-family: FontAwesome !important;
            padding-left: 5px;
            color: #A39E9D;
        }

        table.dataTable thead .sorting:after {
            content: "\f0dc";
        }

        table.dataTable thead .sorting_desc:after {
            content: "\f0dd";
        }

        table.dataTable thead .sorting_asc:after {
            content: "\f0de";
        }

    /* ----------- Checkbox */
    .form-group input[type=checkbox],
    .form-group input[type=checkbox]:focus,
    .form-group input[type=checkbox]:hover {
        width: 16px;
        height: 15px;
        display: inline-block;
        position: relative;
    }

    /* Fancy Checkbox - Start */
    .form-group.checkbox input.form-control,
    .form-group.checkbox input.form-control:focus,
    .form-group.checkbox input.form-control:hover {
        padding: 0;
    }

.form-group.checkbox label {
    display: inline-block;
    color: #0b2b45;
    padding-left: 10px;
    text-transform: none;
    line-height: 20px;
}

        .form-group.checkbox label::before {
            display: block;
            position: absolute;
            top: -1px;
            left: -1px;
            font-family: 'icons' !important;
            font-size: 20px;
            line-height: 1em;
            text-align: center;
            background: #fff;
            border: none;
        }

        .form-group.checkbox label:not(.checked)::before {
            content: "";            
        }

        .form-group.checkbox label.checked::before {
            content: "";
            left: 6px;
            top: 2px;
            width: 5px;
            height: 10px;
            border: solid #333;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .form-group.checkbox .style-checkbox.disabled + label {
        cursor: not-allowed;
    }

        .form-group.checkbox .style-checkbox.disabled + label::before {
            color: #ccc8c8;
        }

    input[type=checkbox].disabled-checkbox {
        border: 1px solid #edeae9;
    }

    /* ----------- Toggle Button */
    .form-group.toggle-button .toggles {
        display: block;
        margin: 0;
        padding: 0;
    }

        .form-group.toggle-button .toggles span {
            margin: 0;
            padding: 0 15px;
            display: inline-block;
            line-height: 35px;
            height: 35px;
            border: 1px solid #392720;
        }

            .form-group.toggle-button .toggles span.yes {
                border-right: none;
            }

            .form-group.toggle-button .toggles span.no {
                border-left: none;
            }

        .form-group.toggle-button .toggles.not-checked span.yes,
        .form-group.toggle-button .toggles.checked span.no {
            color: #0b2b45;
            background: #fff;
        }

        .form-group.toggle-button .toggles.checked span.yes,
        .form-group.toggle-button .toggles.not-checked span.no {
            color: #fff;
            background: #392720;
        }

    .form-group-custom-radio label:not(:first-child) {
        display: inline-block;
        margin-right: 1.5rem;
    }

    /*.default-toggle-state span.yes,
.default-toggle-state span.no {
    color: #392720!important;
    background: #fff!important;
}

.default-toggle-state span.yes {
    border-right: 1px solid #392720!important;
}*/


    .form-group.language-select .form-control {
        display: inline-block;
        margin-right: 15px;
        width: 50%;
    }

    /* ----------- Input for Thumbnail */
    .input-thumbnail {
        margin: 0;
        padding: 0;
        width: 150px;
    }

    .fileinput-btn {
        padding-top: 10px;
    }

    .fileinput.fileinput-new,
    .fileinput.fileinput-exists {
        display: block;
        margin-bottom: 0;
    }

#videoDisplay .input-video-box {
    width: 150px;
    height: 85px;
    background-image: url('../Images/uploadVideo.png');
    background-size: auto 100%;
    overflow: hidden;
}

    #ThumbnailImage .input-thumbnail {
        width: 150px;
        height: 85px;
    }

        #ThumbnailImage .input-thumbnail img {
            max-width: 150px;
            max-height: 85px;
        }

    select.strong-options {
        font-weight: bold;
        text-transform: uppercase;
    }

    /* ----------- Fancy Radio */
    .group-radio {
        margin: 0 0 10px 0;
    }

    .radio-button {
        display: inline-block;
        border: 1px solid #39271f;
        border-radius: 50%;
        margin: 0 5px 0 0;
        position: relative;
        top: -2px;
    }

    input[type="radio"] + label {
        color: #292321;
        font-family: Arial, sans-serif;
        font-size: 14px;
        cursor: pointer;
        padding: 0;
        text-transform: none;
    }

        input[type="radio"] + label span {
            display: inline-block;
            width: 22px;
            height: 22px;
            border: 2px solid #fff;
            vertical-align: middle;
            cursor: pointer;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        input[type="radio"] + label span {
            background-color: transparent;
        }

    input[type="radio"]:checked + label span {
        background-color: #39271f;
    }

    input[type="radio"] + label span,
    input[type="radio"]:checked + label span {
        -webkit-transition: background-color 0.2s;
        -o-transition: background-color 0.2s;
        -moz-transition: background-color 0.2s;
        transition: background-color 0.2s;
    }

    /* ----------- Editor */
    .panel.note-editor .note-toolbar.panel-heading {
        background: none;
        padding: 0 15px;
    }

.note-btn.btn.btn-default.btn-sm,
.note-btn.btn.btn-default.btn-sm:hover,
.note-btn.btn.btn-default.btn-sm:focus {
    margin: 0;
    padding: 10px 20px;
    font-size: 20px;
    border: none;
    background: none;
    color: #0b2b45;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
}

    .note-image-input-wrapper button {
        z-index: -1;
    }

    .form-control.note-image-input,
    .form-control.note-image-input:hover,
    .form-control.note-image-input:focus {
        margin: -35px 0 0 0;
        opacity: 0;
    }

    /* ----------- Buttons */
.btn {
    text-transform: uppercase;
    border: 1px solid #2096CD;
    padding: 9px 30px 8px 30px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-appearance: none;
    font-family: FordAntennaRegular;
}

    .btn:lang(fr), .btn:lang(de), .btn:lang(it) {
        font-size: 12px;
    }

    .btn:hover {
        -webkit-transition: background-color 250ms linear;
        -ms-transition: background-color 250ms linear;
        transition: background-color 250ms linear;
    }

            .btn.btn-primary.inactive,
            .btn.btn-secondary.inactive,
            .btn.btn-primary.inactive:hover,
            .btn.btn-secondary.inactive:hover,
            .btn.btn-primary.inactive:focus,
            .btn.btn-secondary.inactive:focus {
                color: #a39e9d;
                background-color: #fff;
                border-color: #a39e9d;
                cursor: not-allowed;
                pointer-events:  none;
            }

.btn-primary-inverted {
    color: #2096CD;
    background-color: #fff;
    border: 1px solid #2096CD;
    box-shadow: none;
    text-transform: none;
}

.btn.btn-primary-inverted:hover,
.btn.btn-primary-inverted:focus {
    color: #fff;
    background-color: #2096CD;
    box-shadow: none;
}
    .add-path-button {
        max-width: 90%;
    }

    .project-manager .btn {
        white-space: normal;
    }

@media (max-width: 767px) {
    .add-path-button {
        white-space: normal;
    }

    .btn-icon {
        padding: 9px 10px 8px;
    }

        .btn-icon .icon {
            font-size: 11px;
        }

    .btn-icon {
        padding: 9px 10px 8px;
    }

        .btn-icon .icon {
            font-size: 11px;
        }
}

.btn-inverted {
    color: #0b2b45;
    background-color: #fbf8f6;
    border: 1px solid #0b2b45;
}

        .btn-inverted:focus,
        .btn-inverted.focus {
            color: #0b2b45;
            background-color: #FFF;
            border-color: #0b2b45;
        }

        .btn-inverted:hover {
            color: #0b2b45;
            background-color: #FFF;
            border-color: #0b2b45;
        }

    .form-group .btn, .btn-group .btn {
        margin: 0 15px 0 0;
    }

        .form-group .btn:last-of-type, .btn-group .btn:last-of-type {
            margin: 0;
        }

    .vertical-content .btn,
    .btn-full-width {
        width: 100%;
    }

    @media (max-width: 768px) {
        .btn.btn-primary,
        .btn.btn-secondary {
            width: 100%;
            margin: 5px 0 10px;
        }

        .form-group .btn, .btn-group .btn {
            margin: 0 0 15px 0;
        }

            .form-group .btn:last-of-type, .btn-group .btn:last-of-type {
                margin: 0;
            }

        .btn-side {
            width: auto !important;
            line-height: 14px;
            font-size: 12px;
        }

            .btn-side + .btn-side {
                border-left: none;
            }

        .btn-side-group {
            font-size: 1px;
            font-size: 0px;
        }

        .btn-side.btn-secondary {
            padding: 9px 10px 8px;
        }
    }

    .form-group ul.item-list {
        display: block;
        margin: 0;
        padding: 0;
        border-top: 1px solid #a39e9d;
    }

        .form-group ul.item-list li {
            display: table;
            width: 100%;
            margin: 0;
            padding: 5px 20px;
            line-height: 37px;
            border-bottom: 1px solid #a39e9d;
        }

        .form-group ul.item-list a {
            margin: 0;
            padding: 0;
            line-height: 37px;
        }

/*translation buttons margin style*/
#translationList .form-group .btn:not(:last-child) {
    margin-right: 20px;
}

    .form-group hr {
        margin: 20px 0;
    }

    hr.form-hr {
        margin: 0;
        padding: 20px 0 0 0;
        border: none;
    }

    /* ----------- Server Side Error Response */

    .validation-summary-errors {
        color: #d74027;
        font-family: FFMetaWebProLight;
        font-size: 16px;
        font-weight: bold;
    }

        .validation-summary-errors ul {
            list-style: none;
            padding: 0;
        }

            .validation-summary-errors ul li:before {
                content: "\e909";
                font-family: 'icons' !important;
                padding-right: 5px;
                font-size: 13px;
            }

    /* ----------- Form Helper Classes */
label.label-normal-text {
    color: #0b2b45;
    text-transform: none;
}

    /*#endregion*/

    /*#region 3.0.12 - Law cookie popup
   ----------------------------------------- */
    .eupopup-container {
        display: block;
        background-color: #FFFFFF !important;
        border: 1px solid #392720 !important;
    }

        .eupopup-container .eupopup-body {
            text-align: left;
            color: #0b2b45;
            font-size: 13px;
            line-height: 1.5;
        }

            .eupopup-container .eupopup-body a {
                display: inline-block;
                font-size: 14px;
                text-decoration: underline;
                margin-left: 0;
                color: #0b2b45;
            }

    /*#endregion*/


    /* *****************************************
   3.1 - LIBRARY OVERWRITES
   ***************************************** */

    /*#region  3.1.1 - JIRA button
   ----------------------------------------- */

    .jira-button {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 999999;
        display: block;
        display: none;
    }

        .jira-button .button {
            min-width: 150px;
            max-width: 250px;
            display: block;
            margin: 1em;
            padding: 1em 2em;
            border: none;
            background: none;
            color: inherit;
            vertical-align: middle;
            position: relative;
            z-index: 1;
            -webkit-backface-visibility: hidden;
            -moz-osx-font-smoothing: grayscale;
            font-weight: 600;
            border-radius: 40px;
            border-color: #37474f;
            background: #392720;
            color: #fff;
            overflow: hidden;
            -webkit-transition: color 0.3s;
            transition: color 0.3s;
            text-align: center;
        }

            .jira-button .button:focus {
                outline: none;
            }

            .jira-button .button > span {
                vertical-align: middle;
            }


            .jira-button .button::after,
            .jira-button .button::before {
                content: '';
                position: absolute;
                height: 100%;
                width: 100%;
                bottom: 100%;
                left: 0;
                z-index: -1;
                -webkit-transition: -webkit-transform 0.3s;
                transition: transform 0.3s;
                -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
                transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
            }

        .jira-button .button--aylen::before {
            background: #c26499;
        }

        .jira-button .button--aylen::after {
            background: #c3006f;
        }

        .jira-button .button--aylen:hover {
            color: #fff;
        }

            .jira-button .button--aylen:hover::before,
            .jira-button .button--aylen:hover::after {
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }

            .jira-button .button--aylen:hover::after {
                -webkit-transition-delay: 0.175s;
                transition-delay: 0.175s;
            }

    /*#endregion*/

    /*#region 3.1.2 - Summer Note customization
   ----------------------------------------- */
    .note-editable {
        font-size: 16px;
    }

        .note-editable a {
            text-decoration: underline;
        }

            .note-editable a:hover,
            .note-editable a:focus {
                cursor: pointer;
            }

    /*.note-group-select-from-files {
  display: none;
}*/

    .has-error .note-editor.note-frame {
        border-color: #d74027;
    }

    .upload-image {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        margin-top: 10%;
        margin-bottom: 10%;
    }

    /*#endregion*/

    /*#region 3.1.3 - Select 2 Dropdowns
   ----------------------------------------- */

.select2-container--default .select2-selection--multiple {
    background-image: url('../Images/chevron.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 30px;
}

.select2-container--default .select2-results__option label {
    margin: 0;
    color: #0b2b45;
}

    .select2-container--default .select2-results__option {
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
        margin-top: -1px;
    }

        .select2-container--default .select2-results__option[aria-selected=true] {
            background-color: #ddd;
            border-color: #999;
        }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        font-weight: normal;
        font-size: 2.5em;
        margin-top: -2px;
    }

    /*#endregion*/

    /* ========================================================================================= */
    /*                                   SECTION 4 - AREAS                                       */
    /* ========================================================================================= */

    /*#region 4.0 - Registration
   ----------------------------------------- */

    .login-panel {
        padding-top: 40px;
    }

        .login-panel label.required::after {
            content: " *";
        }

    #ForgotPasswordConfirmationPage .login-panel,
    #ResetPasswordConfirmtionPage .login-panel,
    #ResendConfirmEmailConfirmationPage .login-panel {
        padding-bottom: 20px;
    }

    .register-panel::before {
        content: "1.";
        display: block;
        padding: 0;
        margin-bottom: 20px;
        font-family: FFMetaWebProLight;
        font-size: 30px;
        line-height: 1em;
    }

    .register-panel__second::before {
        content: "2.";
    }

    .register-panel__third::before {
        content: "3.";
    }

    #register-step3.content-blur {
        position: relative;
        opacity: 0.5;
    }

        #register-step3.content-blur:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: none;
            z-index: 99999;
        }

    /* Align lengthy text properly with stylish checkbox*/
    #register-step3 .agree-checkbox {
        vertical-align: top;
    }

        #register-step3 .agree-checkbox ~ label {
            width: calc(100% - 20px);
        }

    #RegisterPage hr {
        margin: 20px 0;
        padding: 0;
    }

    #RegisterPage .form-group hr {
        margin-bottom: 0;
    }

    .panel.job-panel {
        margin: 20px 0 0 0;
        padding: 20px;
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-appearance: none;
    }

        .panel.job-panel h4 {
            margin-top: 0;
            font-family: FFMetaWebProMedium;
            font-size: 16px;
            line-height: 1.28em;
            letter-spacing: 0.02em;
        }

        .panel.job-panel p {
            margin: 0;
            padding: 0;
        }


    @media (min-width: 768px) {

        .register-panel {
            padding: 0 35px;
            position: relative;
        }

            .register-panel::before {
                position: absolute;
                top: 0;
                left: 0;
            }
    }

    /*#endregion*/

    /*#region 4.1 - MSDS
   ----------------------------------------- */

    /*ul.msds-sheets {
    margin: 0;
    padding: 0;
}

ul.msds-sheets li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}*/

    a.msds-sheet {
        display: table;
        margin: 0;
        padding: 0;
        line-height: 30px;
    }

        a.msds-sheet::before {
            content: "\e90d";
            display: table-cell;
            margin: 0;
            padding: 0 5px 0 0;
            font-family: 'icons' !important;
            font-size: 20px;
            line-height: 20px;
            vertical-align: top;
        }

    @media (max-width: 767px) {

        .pagetop__filters > div:not(:first-of-type),
        #advancedFilterCollapse > .row > div:not(:first-of-type) {
            padding-top: 15px;
        }

        #advancedFilterCollapse .btn-primary {
            margin-bottom: 15px;
        }
    }

    @media (min-width: 768px) {
        #advancedFilterCollapse .btn-primary {
            margin-right: 15px;
        }
    }

    /*#endregion*/

    /*#region 4.2 - FAQ 
   ----------------------------------------- */

    .panel.panel--faq,
    .panel.panel--faq-detail {
        margin-top: 20px;
    }

    /*#endregion*/

    /*#region 4.3 - Forum
   ----------------------------------------- */

    /* ----------- Quote Box */
    .quote-box {
        background-color: rgba(57,39,31,0.03);
        border: 1px solid rgba(57,39,31,0.03);
        padding: 10px 0 10px 15px;
    }

        .quote-box .quote-box {
            margin-top: 7px;
            padding-top: 10px;
        }

        .quote-box:not(:first-child) {
            padding-top: 10px;
        }

    /*.quote-box .quote-box {
    padding: 0 0 0 5px;
}*/

    /*@media (min-width: 768px) {
    .quote-box .quote-box {
        padding-left: 20px;
    }
}*/

    .quote-begin,
    .quote-end {
        display: none;
        /*display:block;
    position: relative;
    margin: 10px 0;
    padding: 0;
    height: 1px;
    background: #cdcbc9;*/
    }

    /*.quote-end {
    margin-top: 20px;
}*/

    /*.quote-begin::before,
.quote-end::after {
    content: "\e92f";
    position: absolute;
    left: 50%;
    top: -15px;
    display: block;
    padding: 0 10px;
    font-family: 'icons' !important;
    font-size: 20px;
    background: #fff;
}

.quote-end::after {
    content: "\e93c";
}*/

    /* ----------- /Forum/Category Specific */
    #categories .panel-item__cta.horizontal-content {
        padding-top: 0;
        padding-left: 0;
    }

        #categories .panel-item__cta.horizontal-content a {
            margin: 0 5px;
            vertical-align: top;
        }

    /* Default item Placeholder */
    #categories .panel-item--category .panel-item__image a::before {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        font-size: 60px;
        text-align: center;
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-family: 'icons' !important;
        content: "\e942";
    }

    #ForumEditCategoryPage .page-top-description {
        margin: 0;
        padding: 20px 0 0 0;
    }

    .closed {
        font-size: 12px !important;
        font-weight: bold !important;
        color: #fff;
        background-color: #aa2a2a;
        text-decoration: none;
        top: -12px;
        padding: 1px 4px !important;
        text-transform: uppercase;
        letter-spacing: 0.02em;
        line-height: 1em !important;
    }

    /* ----------- /Forum/Topics  */
    #stickyTopics {
        margin: 0 0 20px 0;
        border: 1px solid #000000;
    }

        #topics .panel-item,
        #stickyTopics .panel-item,
        #followedTopics .panel-item {
            padding: 15px 0;
        }

    @media (max-width: 767px) {
        #topics .panel-item,
        #stickyTopics .panel-item,
        #followedTopics .panel-item {
            padding: 15px;
        }
    }

    #topics .panel-item::before,
    #topics .panel-item::after,
    #stickyTopics .panel-item::before,
    #stickyTopics .panel-item::after,
    #followedTopics .panel-item::before,
    #followedTopics .panel-item::after {
        clear: both;
    }

    .forum-topic-content {
        float: left;
        width: calc(100% - 20px);
    }

        .forum-topic-content .panel-item-title {
            min-height: 40px;
        }

        .forum-topic-content .panel-item-body {
            padding: 0;
        }

    @media (max-width: 991px) {
        .forum-topic-content {
            width: 100%;
        }
    }

    .forum-topic-controls {
        float: left;
        width: 20px;
    }

        .forum-topic-controls > ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .forum-topic-controls > ul > li {
                text-align: center;
                height: 20px;
            }

    /* /Forum/Category/Topics page, aligns social icons horizontally */
    #topics .panel-item-body .social-info,
    #stickyTopics .panel-item-body .social-info,
    #followedTopics .panel-item-body .social-info {
        float: left;
        margin-right: 35px;
        margin-top: 12px;
        overflow: hidden;
    }

    .followed-topicks-btn {
        margin-top: 1px;
        height: 35px;
        background-color: transparent !important;
    }

        .followed-topicks-btn:hover {
            background-color: #392720 !important;
        }

    /* /Forum/  Emoji popup window  */
    #emoji-dropdown {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        #emoji-dropdown .icon--close {
            margin: 5px 17px 10px 0;
        }

            #emoji-dropdown .icon--close:before {
                content: "\e910";
            }

    @media (max-width: 767px) {
        #topics .panel-item-body .social-info,
        #stickyTopics .panel-item-body .social-info,
        #followedTopics .panel-item-body .social-info {
            width: 100%;
        }
    }

    #emoji-dropdown {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        #emoji-dropdown .icon--close {
            margin: 5px 17px 10px 0;
        }

            #emoji-dropdown .icon--close:before {
                content: "\e910";
            }

    /* /Forum/Category/SearchResult */

    .forum-post-content img {
        max-width: 100%;
        height: auto;
    }

    .forum-post-content .quote-box {
        padding: 10px 10px 10px 15px;
    }

    /* /Forum/Post/Edit page inserted video styling  */

    .note-editor .note-video-clip {
        width: 100%;
    }

    iframe.note-video-clip {
        display: block;
    }

    .forum-button-area {
        padding: 10px;
        float: right;
        margin-top: -15px !important;
    }

        .forum-button-area div {
            display: inline-block;
        }

            .forum-button-area div:first-child {
                margin-right: 10px;
            }

    .btn-ViewMoreComments {
        display: block;
        text-align: center;
        margin-bottom: 15px;
        font-weight: bold;
        cursor: pointer;
    }

    .person-profile-image.float-l a img {
        width: 50%;
        margin-bottom: 5px;
    }

    .social-info.form-group {
        font-weight: bold;
        font-style: italic;
    }

    @media (max-width: 767px) {
        .forum-button-area {
            float: none;
            margin-top: 0 !important;
            background-color: transparent;
        }

            .forum-button-area div:first-child {
                margin-right: 0px;
            }

            .forum-button-area div {
                display: block;
                margin-right: 0;
            }
    }

    /*#endregion*/

    /*#region 4.4 - Admin
   ----------------------------------------- */

    /* ----------- Breadcrumb Bar */

    .breadcrumb-bar {
        background-color: rgba(221, 221, 221, 0.4);
    }

        .breadcrumb-bar .breadcrumb {
            background-color: transparent;
            margin: 0;
            padding: 15px 0;
        }

    /* ----------- Admin Dashboard */

    .admin-roles {
        padding: 20px 20px 0 20px;
        margin: 30px auto;
    }

        .admin-roles .fa-remove {
            float: right;
        }

    .admin__dash {
        padding: 10px 0 0 0;
    }

        .admin__dash .panel {
            padding: 10px 20px;
        }

        .admin__dash h5 {
            font-size: 20px;
            text-transform: uppercase;
            color: #A39E9D;
            margin: 20px 0 30px;
        }

    .admin__links {
        display: block;
        overflow: hidden;
        padding: 0 0 20px 0;
    }

        .admin__links:last-of-type {
            padding: 0;
        }

        .admin__links .fa {
            font-size: 26px;
            float: left;
            width: 35px;
            margin-top: 2px;
            margin-right: 10px;
            text-align: center;
        }

        .admin__links a {
            display: block;
            font-weight: bold;
            margin-top: 7px;
            cursor: pointer;
        }


    /* -----------  Search Indexer */

    .searchindexer__main .btn-default {
        width: 200px;
    }

    .searchindexer__main td {
        vertical-align: middle !important;
    }

        .searchindexer__main td label {
            margin: 0;
        }

    .searchindexer__main .form-group {
        margin-bottom: 0;
    }

    .searchindexer__main .form-control,
    .searchindexer__main .form-control:hover,
    .searchindexer__main .form-control:focus {
        width: 200px;
    }

    /* ----------- Profile */

    #ProfileCardPage .panel__profile-bref-info {
        margin: 20px 0 0 0;
        padding: 20px;
    }

    @media (max-width: 767px) {
        #ProfileCardPage .panel__profile-bref-info {
            margin: 0 -15px 20px -15px;
            border-top: 1px solid #cdcbc9;
            border-bottom: 1px solid #cdcbc9;
            padding: 20px;
        }
    }

    #ProfilePage .panel__profile-bref-info {
        margin: 20px 0 0 0;
        padding: 20px;
    }

    @media (max-width: 767px) {
        #ProfilePage .panel__profile-bref-info {
            margin: 0 -15px 20px -15px;
            border-bottom: 1px solid #cdcbc9;
            padding: 20px;
            background-color: #F7F7F7;
        }

            #ProfilePage .panel__profile-bref-info .panel__box {
                width: 100%;
                margin: auto;
                background-color: #FFFFFF;
            }
    }

    /*Ambassador changes*/
    .panel__box {
        border: 1px solid #979797;
        padding: 1.5rem 0.5rem 1.5rem 0.5rem;
    }

    .ambassador-container {
        display: flex;
        justify-content: space-between;
    }

    .panel__ambassador {
        padding-left: 2.5rem;
        flex: 1 1 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        border-left: 1px solid #5D5D5D;
    }

    .person-info-box {
        flex: 1 1 50%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .profile-card .person-info-box {
        border: 0;
    }

    .profile-card .social-icon > a:first-child {
        padding-left: 0;
    }

    .profile-card .person-job-info:last-child {
        padding: 0;
    }

    .person-name--ambassador {
        font-size: 18px;
        color: #2D8186;
        padding-bottom: 10px;
    }

    .panel__ambassador-copy {
        padding: .9rem 0 2rem 0;
        margin-bottom: auto;
    }

    .panel__ambassador-tag {
        border-radius: 7.5px;
        background-color: #D6E7E9;
        color: #5B9FA7;
        text-align: center;
        font-size: 10px;
        display: inline-block;
        text-transform: uppercase;
        padding: 5px 8px;
        margin: 0 0 1rem 0;
        line-height: 10px;
    }

    .panel-item-image--ambassador {
        border: 5px solid #2D8186;
    }
    .social-icon {
        margin-bottom: auto;
    }
    @media screen and (max-width: 767px) {
        .ambassador-container {
            flex-direction: column;
        }      

        .person-info-box {
            border: 0;
            /* border-bottom: 1px solid #5D5D5D; */
            padding-bottom: 1rem;
        }

        .panel__ambassador {
            padding: 2.5rem 0 0 0;
        }
    }
    /*#endregion*/

    /*#region 4.5 - Aveda Mission / Umbraco Content
   ----------------------------------------- */
    .mission-callout {
        /*background-color: #E8f3f5;
    margin-top: 30px;
    margin-bottom: 60px;*/
    }

    .mission-callout-table {
        display: table;
        vertical-align: middle;
        height: 352px;
        margin-left: auto;
    }

    .mission-callout-table-cell {
        display: table-cell;
        vertical-align: middle;
        max-width: 260px;
    }

    /* ----------- Content Page */
    #content-page {
        margin: 10px 0;
        background: #fff;
    }

    .content-item {
        padding: 0 15px;
    }

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

        .content-item-title h2 {
            margin: 0;
        }

    .content-item-hero img {
        margin: auto;
    }

    .content-item-body img {
        text-align: center;
        float: none !important;
        display: block !important;
        margin: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .content-item-body a {
        text-decoration: underline;
    }

    .integrated-content a {
        font-weight: bold;
        margin: 0 5px 0 5px;
        text-decoration: underline;
    }

    /*#endregion*/

    /*#region 4.6 - Dashboard
   ----------------------------------------- */

    .dashboard-logo {
        height: 75px;
    }

    button.show-more {
        margin: 15px 0 30px;
    }

    /* ----------- Dashboard Panels */
    .dashboard-panel-header {
        padding: 15px;
        position: relative;
    }

    @media (max-width: 767px) {
        .dashboard-panel-header {
            border-bottom: 1px solid #a39e9d;
            border-top: 1px solid #a39e9d;
        }
    }

    .dashboard-panel-header > * {
        display: inline-block;
    }

    .dashboard-panel-header .add-post,
    .dashboard-panel-header .event-feed {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: 12px;
        padding: 5px 15px;
    }


    .dashboard-panel {
        height: 400px;
        background: #ffffff content-box;
        overflow: hidden;
        padding: 15px;
    }

    @media (max-width: 767px) {
        .dashboard-panel {
            height: auto;
            margin: 0;
        }

            .dashboard-panel.off {
                height: 53px !important;
            }

                .dashboard-panel.off .header-toggle .icon {
                    -moz-transform: rotate(-180deg);
                    -webkit-transform: rotate(-180deg);
                    -o-transform: rotate(-180deg);
                    -ms-transform: rotate(-180deg);
                    transform: rotate(-180deg);
                }
    }

    @media (max-width: 767px) {
        .dashboard-panel[class*="col-"] {
            padding: 0;
        }
    }

    .dashboard-panel h4 {
        text-transform: uppercase;
        margin: 0;
    }

    .dashboard-panel h5 {
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .dashboard-panel p {
        word-wrap: break-word;
    }

    .dashboard-panel .date {
        text-align: right;
        font-weight: bold;
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .dashboard-panel .date {
            text-align: left;
        }
    }

    .dashboard-panel .date.due-today {
        color: #ff6200;
    }

    #dashboard .img-responsive {
        margin: auto;
    }

    /* -----------  Dashboard Content */

    .dashboard-content {
        overflow-y: auto;
        height: calc(100% - 52px);
        padding: 0 15px;
        width: 100%;
    }

    @media (max-width: 767px) {
        .dashboard-content {
            background-color: #FBF8F6;
        }

            .dashboard-content.off {
                height: 0;
            }
    }

    .dashboard-content .row {
        margin: 0;
    }

    .dashboard-content div[class*="col"] {
        padding: 0;
        padding-bottom: 10px;
    }

    @media (min-width: 768px) {
        .dashboard-content div[class*="-tile"]:not(:first-child) {
            padding-top: 15px;
        }
    }

    @media (max-width: 767px) {
        .dashboard-content div[class*="-tile"] {
            padding: 15px 0 0 0;
        }
    }

    .dashboard-content hr {
        margin: 0;
    }

    /* ----------- Newsfeed */

    .newsfeed-thumbnail img {
        min-height: 80px;
        min-width: 80px;
    }

    /* ----------- Social */
    /* See social.css file for social embed related css */

    @media (min-width: 768px) {
        /* Allow space for social icon navigation*/
        #social .dashboard-panel-header {
            padding-bottom: 0;
        }
    }

    @media (max-width: 767px) {
        #social .social-tabs {
            background-color: #FBF8F6;
        }
    }

    #social .dashboard-content {
        height: calc(100% - 85px);
    }

    /* ----------- Living Aveda */
    #living-aveda .iframe-content {
        height: calc(100% - 52px);
    }

    @media (max-width: 767px) {
        #living-aveda .iframe-content {
            height: 300px;
        }
    }

    #living-aveda .date {
        text-align: left;
    }

    /* ----------- Portfolio */

    .portfolio-title {
        height: 50px;
    }

        .portfolio-title li:last-of-type {
            float: right;
        }

        .portfolio-title li {
            display: inline-block;
            vertical-align: middle;
        }

    .portfolio-author-pic img {
        height: 50px;
        padding-right: 20px;
    }

    .portfolio-info p {
        margin: 0;
    }

    .portfolio-author {
        font-weight: bold;
        text-transform: uppercase;
    }

    .portfolio-arrow a {
        text-decoration: none;
        line-height: 50px;
        width: 20px;
    }

    .portfolio-thumbnail {
        padding: 20px;
    }

    /* ----------- Aveda Links */
    .aveda-link-tile {
        padding-bottom: 10px;
    }

        .aveda-link-tile hr {
            margin: 10px 0;
        }

        .aveda-link-tile p {
            margin: 0;
            line-height: 1.75em;
        }

        .aveda-link-tile a {
            text-decoration: none;
            text-transform: uppercase;
            cursor: pointer;
        }

            .aveda-link-tile a:hover {
                text-decoration: underline;
            }

            .aveda-link-tile a span.link-text {
                text-decoration: none;
            }

    /* Pure Benefits */
    .dashboard-pure-benefits {
        text-align: center;
    }

        .dashboard-pure-benefits .dashboard-panel-header {
            /*border-bottom: 1px solid #392720;*/
        }

        .dashboard-pure-benefits .pure-sub {
            text-transform: uppercase;
            letter-spacing: 5px;
            font-size: 12px;
            margin: 40px auto 30px;
            display: block;
        }

        .dashboard-pure-benefits .pure-box {
            border: 4px solid #392720;
            position: relative;
            margin: 30px auto;
        }

            .dashboard-pure-benefits .pure-box .before,
            .dashboard-pure-benefits .pure-box .after {
                position: relative;
                background: #fff;
                display: inline-block;
                padding: 0 10px;
                font-size: 12px;
            }

            .dashboard-pure-benefits .pure-box .before {
                top: -12px;
            }

            .dashboard-pure-benefits .pure-box .after {
                bottom: -12px;
            }

            .dashboard-pure-benefits .pure-box h1 {
                font-size: 72px;
                font-weight: 800;
                margin: 0 auto;
            }

        .dashboard-pure-benefits .dashboard-panel-header {
            text-align: left;
        }

    /* Quick Links */
.quickLink-button-link {
    background-color: transparent;
    text-decoration: none;
    border: none;
    color: #0b2b45;
    font-family: FFMetaWebProNormal;
}

        .quickLink-button-link:Hover {
            color: #cdcbc9;
            text-decoration: underline;
        }

    .points-adjustment {
        margin-top: 40px
    }

        .points-adjustment #pointsAmount {
            border: 1px solid #392720;
        }

        .points-adjustment .form-group {
            margin: 0 0 10px 0;
        }

    .points-adjustment-button {
        padding: 0;
    }

    .points-button-group {
        float: none;
    }

    @media (max-width: 767px) {
        .dashboard-pure-benefits .pure-box .before,
        .dashboard-pure-benefits .pure-box .after {
            background: #FBF8F6;
        }

        .dashboard-pure-benefits .dashboard-panel-header .dashboard-tooltip {
            display: none;
        }
    }

    .pureb-purep-nav {
        margin: 2rem 0;
        display: inline-block;
        border: solid 1px #392720;
        text-align: center;
    }

    .pureb-purep-nav__link {
        padding: .5rem 3rem;
        display: inline-block;
    }

    .pureb-purep-nav__link.active,
    #purepb-dd a {
        background: #392720;
        color: #fff;
        text-transform: uppercase;
    }

    .purepb-no-access {
        height: calc(60vh - 100px);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .purepb-no-access__card {
        max-width: 20rem;
    }

    #purepb-dd {
        display: block;        
    }
    #purepb-dd > button {
        background: white;
        text-align: left;       
    }

        #purepb-dd.open > .dropdown-menu {
            width: 100%;
            top: 2rem;
            background-color: #0b2b45;
        }

@media screen and (max-width : 992px) {
    .pureb-purep-nav {
            display: flex;
        }
        .pureb-purep-nav__link {
            flex: 1 1 auto;
            padding: .5rem; 
        }

        #purepb-dd .caret {
            margin-left: 90%;
        }
    }
@media screen and (max-width : 768px) {
    html[lang="da"] .top-title > h2{
        font-size:21px;
    }
}

    /*#endregion*/

    /*#region 4.7 - Portfolio
   ----------------------------------------- */

    /*.fileinput-exists .fileinput-filename {
    display: none;
}*/

    .fileinput-exists .close {
        display: none;
    }

    /* -----------  Portfolio Detail */
    .panel-item-image {
        text-align: center;
    }

    @media (max-width: 767px) {
        #post,
        .btn.deleteComment {
            width: initial;
        }
    }

    .panel__portfolio-edit .form-group:last-of-type,
    .panel__portfolio-upload .form-group:last-of-type {
        margin-bottom: 0;
    }

    .panel__portfolio-upload .private-checkbox label, .panel__portfolio-edit .private-checkbox label {
        padding-left: 25px;
    }

    .portifoliodetails__likebar {
        overflow: hidden;
        padding: 15px 15px 0 15px;
        font-weight: bold;
    }

    .portifoliodetails__likebar__like {
        display: inline-block;
        float: left;
    }

        .portifoliodetails__likebar__like span {
            margin-right: 5px;
        }

    .portifoliodetails__commentbox {
        background-color: #fbf8f6;
        padding: 15px;
    }

        .portifoliodetails__commentbox .form-group {
            margin-bottom: 0;
        }

        .portifoliodetails__commentbox div {
            padding-left: 50px;
            position: relative;
        }

            .portifoliodetails__commentbox div img {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 34px;
                height: 34px;
            }

    /* ----------- Related Submissions List */
    .related-submissions-list {
        list-style: none;
        padding: 0;
        margin-top: 20px;
    }

    .related-submission-list-item {
        width: 100%;
        margin: 0;
    }

    .related-submission-link {
        display: inline-block;
        width: 100%;
    }

        .related-submission-link > * {
            display: inline-block;
            vertical-align: top;
        }

    .related-submission-img img {
        width: 100%;
    }

    .related-submission-title {
        margin-top: 0;
        font-weight: bold;
    }

    .related-submission-img,
    .related-submission-text {
        padding: 0;
    }

    .related-submission-link .related-submission-text {
        padding-left: 10px;
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .related-submission-link .related-submission-text {
            padding-left: 0;
            padding-top: 10px;
        }
    }

    /* ----------- Search Field */
    #searchTerm {
        padding-right: 35px;
    }

    /* ----------- Portfolio Page - Filtered by All Portfolio/My Portfolio */
    #portfolio .auter-image a,
    #portfolio .auter-image a img {
        display: block;
    }

        #portfolio .auter-image a img {
            width: 100%;
            max-width: 100%;
            height: auto;
        }

    #portfolio .panel-item--portfolio .auter-image a img {
        max-height: 50px;
    }

    .portfolio__artist .auter-image a {
        padding-top: 15px;
        padding-left: 15px;
    }

    /*#endregion*/

    /*#region 4.8 - Resource Library
   ----------------------------------------- */

    #resources {
        padding-top: 20px;
    }


    .resource-header__select {
        width: 10rem;
        height: inherit;
        display: inline-block;
        padding-top: 5px;
    }

    .icon-fave_no:before {
        content: "";
        background-image: url('../Images/ford/favorite@1x.png');
        background-size: 19px 18px;
        background-repeat: no-repeat;
        background-position: center;
        width: 19px;
        height: 18px;
        display: inline-block;
    }

    .icon-fave_yes:before {
        content: "";
        background-image: url('../Images/ford/favoriteR@1x.png');
        background-size: 17px 16px;
        background-repeat: no-repeat;
        background-position: center;
        width: 19px;
        height: 18px;
        display: inline-block;
    }

    .icon-heart--filled:before {
        content: "";
        background-image: url('../Images/ford/heart_full.png');
        background-size: 15px 13px;
        background-repeat: no-repeat;
        background-position: center;
        width: 15px;
        height: 13px;
        display: inline-block;
    }

    .icon-heart--outline:before {
        content: "";
        background-image: url('../Images/ford/heart@1x.png');
        background-size: 15px 13px;
        background-repeat: no-repeat;
        background-position: center;
        width: 15px;
        height: 13px;
        display: inline-block;
    }

    @media screen and (max-width: 766px) {
        .resource-header__select {
            width: 100%;
        }
    }

    /* ----------- Title */
    .panel-item--resource .panel-item__title {
        padding: 15px;
        height: 25%;
    }

        .panel-item--resource .panel-item__title h4 {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

            .panel-item--resource .panel-item__title h4 a:first-child {
                display: table-cell;
                width: 100%;
                height: 35px;
                position: relative;
                padding: 0 0 0 25px;
                overflow: hidden;
                vertical-align: middle;
            }

            .panel-item--resource .panel-item__title h4 a span {
                height: auto;
                max-height: 50px;
                color: #0b2b45;
            }

    .panel-item__title h4 a.download-file {
        padding: 0 0 0 10px;
        display: table-cell;
        vertical-align: middle;
        width: 30px;
        text-align: right;
    }

    .panel-item--resource .panel-item__title h4 a::before {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        font-family: 'icons' !important;
        font-size: 20px;
    }

    .resource-search .search,
    .resource-search .search:hover,
    .resource-search .search:focus {
        height: 50px;
    }

    .resource-search .search-submit {
        height: 49px;
        width: 50px;
    }

    .sort-result select {
        background-color: #F7F7F7;
    }

    .radio-btn-block .radiobutton-text {
        font-weight: bold;
        text-transform: uppercase;
        display: inline-block;
        margin-top: -13px;
        vertical-align: text-top;
        padding-top: 6px;
        font-size: 12px;
    }

    .radio-btn-block {
        width: auto;
        padding: 0;
        font-size: 13px;
        margin-right: 15px;
    }


    @media (max-width: 991px) {
        .radio-btn-block {
            width: 100%;
        }
    }

    .radio-btn-block input {
        border: 0px;
        width: 20px;
        height: 20px;
        margin-right: 5px
    }


    /* ----------- Image */
    .panel-item--resource .panel-item__image a::before {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        font-family: 'icons' !important;
        font-size: 60px;
        text-align: center;
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .panel-item-video .panel-item__title h4 a::before,
    .panel-item-video .panel-item__image a::before {
        background-image: url('../Images/ford/icon-video-webinar1-3x.png');
        background-size: 15px 15px;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        content: "";
        width: 15px;
        height: 15px;
    }

    .panel-item-webinar .panel-item__title h4 a::before,
    .panel-item-webinar .panel-item__image a::before {
        background-image: url('../Images/ford/icon-video-webinar1-3x.png');
        background-size: 15px 15px;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        content: "";
        width: 15px;
        height: 15px;
    }

    .panel-item-document .panel-item__title h4 a::before,
    .panel-item-document .panel-item__image a::before {
        background-image: url('../Images/ford/icon-document1-1x.png');
        background-size: 15px 15px;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        content: "";
        width: 15px;
        height: 15px;
    }

    .panel-item-course .panel-item__title h4 a::before,
    .panel-item-course .panel-item__image a::before {
        background-image: url('../Images/ford/icon-elearning1-1x.png');
        background-size: 15px 15px;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        content: "";
        width: 15px;
        height: 15px;
    }

    .panel-item-externalurl .panel-item__title h4 a::before,
    .panel-item-externalurl .panel-item__image a::before {
        background-image: url('../Images/ford/Icon-external-link.png');
        background-size: 15px 15px;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        content: "";
        width: 15px;
        height: 15px;
    }

    .panel-item-podcast .panel-item__title h4 a::before {
        content: url('../Images/icons/Aveda-Podcast-Icon-Sml 24x26.png');
    }

    .panel-item-podcast .panel-item__image a::before {
        content: url('../Images/icons/Aveda-Podcast-Icon-Lrg 70x78.png');
    }

    .panel-item__title h4 a.download-file::before {
        display: none;
    }
    /* ---- resource filter -----*/
    .flex-container {
        display: flex;
        justify-content: space-between;
    }

    .sort-result {
        width: 12rem;
    }

    @media screen and (max-width: 991px) {
        .flex-container {
            justify-content: flex-start;
        }

        .flex-item {
            width: 50%;
        }
    }

    @media screen and (max-width: 767px) {
        .flex-container {
            flex-direction: column;
        }

        .sort-result {
            order: -1;
            width: 100%;
        }

        .flex-item {
            width: 100%;
        }
    }
    /* ----------- Resource Item Detail */
    .video-views h4 {
        font-weight: bold;
    }

    .panel-social-icons > * {
        display: inline-block;
    }

    ul.social-icons {
        display: table;
        padding: 0;
        margin: 0;
    }

        ul.social-icons > li {
            display: table-cell;
            margin: 0;
            padding: 0;
            list-style: none;
            text-align: center;
            min-width: 80px;
        }

    #favoritesSpan {
        font-size: 24px;
    }

    @media (max-width: 767px) {
        ul.social-icons > li {
            text-align: left;
        }
    }

    .related-resource-list {
        list-style: none;
        padding: 0;
        margin-top: 20px;
    }

    .related-resource-list-item {
        width: 100%;
        margin: 0;
    }

    .related-resource-link {
        display: inline-block;
        width: 100%;
    }

        .related-resource-link > * {
            display: inline-block;
            vertical-align: top;
        }

    .related-resource-img img {
        width: 100%;
    }

    .related-resource-title {
        margin-top: 0;
        font-weight: bold;
    }

    .related-resource-img,
    .related-resource-text {
        padding: 0;
    }

    .related-resource-link .related-resource-text {
        padding-left: 10px;
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .related-resource-link .related-resource-text {
            padding-left: 0;
            padding-top: 10px;
        }
    }

    .load-more-container {
        text-align: center;
    }

    #AddResourcePage .page-top-description {
        padding: 20px 0 0 0;
    }

    /* ----------- Resource Item Upload ----------*/

    #AddResourcePage .thumbnail-buttons {
        min-width: 150px;
        max-width: 225px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        white-space: normal;
    }

    .vimeo-video > iframe {
        width: 100%;
    }

    .select2.select2-container.select2-container--default .select2-search__field {
        min-width: 150px;
    }

    /*#endregion*/

    /*#region 4.9 - Social
   ----------------------------------------- */

    #social-wall.sticky .social-nav {
        position: fixed;
        z-index: 2;
        width: 100%;
        left: 0;
        top: 0;
        background-color: #fff;
        box-shadow: 1px 12px 20px -9px rgba(0,0,0,0.5);
    }

    @media (max-width: 1199px) {
        #social-wall.sticky .social-nav {
            top: 69px;
            padding: 0 40px;
        }
    }

    #social-wall.sticky .social-content {
        margin-top: 50px;
    }

    .social-tabs {
        text-align: center;
        height: 50px;
        display: table;
        width: 100%;
    }

        .social-tabs > li {
            display: table-cell;
            vertical-align: middle;
            width: 50px;
            font-size: 1.5em;
        }

    @media (min-width: 320px) and (max-width: 400px) {
        #social-wall .social-tabs > li {
            font-size: 1.15em;
        }

            #social-wall .social-tabs > li .icon {
                font-size: 16px;
            }
    }

    .social-tabs a {
        text-decoration: none;
    }

        .social-tabs a.active {
            text-decoration: none;
            border-bottom: 1px solid #392720;
        }

    .social-panel {
        height: 0;
        width: 100%;
        display: block;
        overflow: hidden;
    }

        .social-panel.active {
            height: 100%;
            display: block;
            height: auto;
            overflow: hidden;
        }


    /* ----------- Custom Flockler classes */
    .social-content .flockler-posts * {
        /* Default to Aveda styles */
        font-family: FFMetaWebProNormal;
        color: #0b2b45;
    }

    .social-content a.flockler-btn-load-more {
        /* Customize "Load More" Button */
        border: 1px solid #392720;
        background-color: #fff;
        text-transform: uppercase;
        padding: 12px;
        text-decoration: none;
        color: #0b2b45;
        padding: 9px 30px 8px 30px;
        width: 100%;
        line-height: 1;
        margin: 0;
    }

        .social-content a.flockler-btn-load-more:hover {
            color: #ffffff;
            background-color: #0b2b45;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -webkit-appearance: none;
            -webkit-transition: background-color 250ms linear;
            -ms-transition: background-color 250ms linear;
            transition: background-color 250ms linear;
        }

    .views-counter {
        margin-bottom: 15px;
        text-align: left;
        font-weight: bold;
        float: left;
        margin-right: 20px;
    }

    .panel-item__body .panel-item__publish-info {
        text-align: left;
    }

    .panel-item__social .social-info {
        text-align: center;
        color: #0b2b45;
    }

    #social-wall .flockler-btn-load-more {
        /* Hide Load More button on Social Page due to infinite scroll*/
        visibility: hidden !important;
    }

    .flockler-posts.flockler-posts--small,
    .flockler-posts--small .flockler-wall-item {
        max-width: none;
    }

    .flockler-wall-item__content {
        margin: 10px;
    }

    @media (max-width: 767px) {
        .flockler-wall-item__content {
            margin: 0 0 15px 0;
        }
    }

    .flockler-wall-item__profile__avatar-img {
        border-radius: 0;
    }

    .flockler-wall-item.flockler-wall-item--video .flockler-wall-item__body--full {
        /* Youtube: Body Adjustments */
        padding: 0;
    }

    .flockler-wall-item__profile {
        width: 75%;
    }

    .flockler-wall-item.flockler-wall-item--video .flockler-wall-item__footer {
        /* Youtube: Footer Adjustments */
        padding-top: 0;
    }

    .flockler-wall-item__share {
        /* Hide Share Icons */
        display: none !important;
    }

    .flockler-btn-new {
        /* Hide "Show New Content" Button at top of feeds */
        display: none !important;
    }

    /* ----------- Social Feed Specific */
    .flockler-wall-item__footer:after {
        font-family: 'icons' !important;
        font-size: 1.1em;
        position: absolute;
        bottom: 20px;
        right: 25px;
    }

    /* Pinterest */
    .flockler-wall-item--pinterest .flockler-wall-item__footer:after {
        content: "\e920";
    }

    .flockler-wall-item--pinterest .flockler-wall-item__body {
        /* Hide Pinterest Description */
        /*display: none;*/
    }

    /* Instagram */
    .flockler-wall-item--instagram .flockler-wall-item__footer:after {
        content: "\e91b";
    }

    /* Facebook */
    .flockler-wall-item--facebook .flockler-wall-item__footer:after {
        content: "\e916";
    }

    /* Twitter */
    .flockler-wall-item--tweet .flockler-wall-item__footer:after {
        content: "\e925";
    }

    /* Youtube Videos */
    .flockler-wall-item--video .flockler-wall-item__footer:after {
        content: "\e927";
    }

    .flockler-wall-item.flockler-wall-item--video .flockler-wall-item__title {
        font-weight: 400;
        font-size: 1em;
        width: 90%; /* To prevent clashing with social icon*/
    }

    /* Olapic */
    .olapic-loadmore {
        z-index: 1 !important;
        background-color: #392720 !important;
        border: 1px solid #392720 !important;
        font-family: FFMetaWebProNormal !important;
        padding: 9px 30px 8px 30px !important;
        font-size: 15px !important;
        line-height: 15px !important;
        text-align: center !important;
        white-space: nowrap !important;
        margin-bottom: 0 !important;
        font-weight: normal !important;
    }

    .olapic-wall-header .olapic-top .olapic-tools {
        display: none !important;
    }

    .resource-access-filter-container .form-group > label {
        min-height: 45px;
    }

    @media (max-width:992px) {
        .resource-access-filter-container .form-group > label {
            min-height: auto;
        }
    }

    /*#endregion*/
    /*#region 4.9.1 - Social Landing Pages
       ----------------------------------------- */
    .heading-banner {
        height: 325px;
        background: url(../Images/owner-artist-landing/100_SocialResources_Banner_Desktop-flipped.jpg) no-repeat top;
        background-size: cover;
        padding: 12.5rem 0 0 100px;
        margin-top: 1rem;
    }

    .heading-banner__subtitle {
        font-size: 18px;
        text-transform: uppercase;
        font-family: "FFMetaWebProLight";
    }

    .ao-image-block {
        position: relative;
        display: block;
    }

    .ao-image-block__text {
        position: absolute;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        left: 50%;
        color: #FFF;
        font-size: 1.4rem;
        display: inline-block;
        text-shadow: black 3px 3px 1rem;
    }

    @media screen and (max-width: 1199px) {
        .row > .featured-image-block:first-child {
            margin-top: 30px;
        }
    }

    @media screen and (max-width: 767px) {
        .ao-image-block {
            background-color: #267C85;
        }

            .ao-image-block img {
                display: none;
            }

        .ao-image-block__text {
            position: relative;
            text-shadow: none;
            transform: none;
            left: 0;
            display: inline-block;
            margin: 0;
            padding: 25px 0;
        }
    }
    @media screen and (max-width: 992px) {
        .heading-banner {
            padding-left: 50px;
        }
    }
    @media screen and (max-width: 600px) {
        .heading-banner {
            background: url(../Images/owner-artist-landing/100_SocialResources_Banner_Mobile.jpg) no-repeat top;
            background-size: cover;
            height: 662px;
            padding: 26rem 0 0 5px;
        }
    }
    /*#endregion*/
    /*#region 4.10 - Education
   ----------------------------------------- */

    /* ----------- Panel Specific Classes */
    .panel.panel__education {
        margin-top: 20px;
        background-clip: content-box;
        padding: 10px;
        overflow: hidden;
    }

    .panel__education .panel-content label {
        color: #0b2b45;
    }

        .panel__education .panel-content label span {
            margin-left: 5px;
        }

    @media (max-width: 767px) {
        .panel.panel__education {
            padding: 0;
            margin-top: 0;
            margin: 0;
        }
    }

    .panel.panel__education .panel-tile h5,
    .panel.panel__education .panel-tile p {
        margin: 0;
    }

    .panel.panel__education .row {
        margin-left: 0;
        margin-right: 0;
    }

    .panel.panel__education .panel-tile div[class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }

    .panel.panel__education .panel-tile hr {
        margin: 0;
    }

    @media (max-width: 767px) {
        .panel.panel__education .panel-tile {
            border-bottom: 2px solid #fff;
        }

        .panel-content.dark-xs {
            background-color: #fbf8f6;
        }
    }

    /* ----------- General */
    .modules-completed {
        font-weight: normal;
        font-style: italic;
        font-family: FFMetaWebProLight;
    }

    /* ----------- Cards (Carousel) */
    .card {
        border: 1px solid #d5d5d5;
        text-align: center;
        height: 180px;
        width: 200px;
        padding: 5px;
        overflow: hidden;
        -ms-box-shadow: 0px 1px 5px 0 rgba(0,0,0,0.4);
        -webkit-box-shadow: 0px 1px 5px 0 rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 1px 5px 0 rgba(0,0,0,0.4);
        box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .card:hover {
            -ms-box-shadow: 0px 1px 8px 0 rgba(0,0,0,0.6);
            -webkit-box-shadow: 0px 1px 8px 0 rgba(0,0,0,0.6);
            -moz-box-shadow: 0px 1px 8px 0 rgba(0,0,0,0.6);
            box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.6);
        }

        .card.selected {
            border: 4px solid #392720;
        }

    .card-header {
        width: 100%;
        min-height: 45px;
    }

    .card-title {
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        line-height: 1;
    }

    .card-status {
        display: none;
        margin: 0;
    }

    .card.selected .card-status {
        display: block;
    }

    /* ----------- Progress Bars */
    .progress-semicircle {
        width: 90%;
        margin: auto;
    }

    .progress-semicircle-label {
        color: #0b2b45;
        font-family: FFMetaWebProLight, Arial, sans-serif;
    }

    /* ----------- Education Home - Part 1 */
    #level-cards.disabled-details .card-details {
        cursor: default;
    }

    .explore-levels .panel-content {
        font-weight: bold;
    }

    .explore-levels .progress-semicircle {
        height: 85px;
    }

    .explore-levels .progress-semicircle-label {
        font-size: 30px;
    }

    .explore-levels .owl-stage-outer {
        padding: 5px 0;
    }

    /* Chosen Plan */
    .specialty-type,
    .current-level {
        font-weight: bold;
    }

    /* ----------- Carousel Controls */
    .btn.carousel-controls {
        position: absolute;
        z-index: 2;
        width: 30px;
        height: 50px;
        padding: 0;
        border: 1px solid #392720;
        top: calc( 50% - 10px );
    }

    .btn.carousel-prev {
        left: 10px;
        background-color: #fff;
        color: #0b2b45;
        box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.5);
        -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.5);
        -moz-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.5);
    }

    .btn.carousel-next {
        right: 10px;
        background-color: #fff;
        color: #0b2b45;
        box-shadow: -2px 2px 5px 0 rgba(0,0,0,0.5);
        -webkit-box-shadow: -2px 2px 5px 0 rgba(0,0,0,0.5);
        -moz-box-shadow: -2px 2px 5px 0 rgba(0,0,0,0.5);
    }

    /* ----------- Education Plan Detail */
    .specialty-level {
        text-align: right;
    }

    @media (min-width: 992px) {
        #education-plan-detail .specialty-level,
        #education-plan-detail .chosen-level-progress,
        #education-plan-detail .add-secondary-specialty {
            height: 225px;
        }
    }

    .chosen-level-progress .progress-semicircle {
        width: 80%;
    }

    .chosen-level-progress .progress-semicircle-label {
        font-size: 48px;
    }

    @media (max-width: 767px) {
        .specialty-level {
            text-align: center;
        }

        .chosen-level-progress .progress-semicircle {
            width: 60%;
        }

        .chosen-level-progress .progress-semicircle-label {
            font-size: 40px;
        }
    }

    /* ----------- Training Paths */
    .learning-bundle-name .glyphicon-info-sign {
        cursor: pointer;
    }

    .leafning-bundle-container {
        float: left;
    }

    .bundle-info-sign {
        margin-left: 10px;
        top: 4px;
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .col-sm-8-center {
            margin-left: 16.66666667%;
        }
    }

    /* ----------- Training History */
    .aveda-training .status-label h5 {
        text-decoration: underline;
        line-height: 1.3;
    }

    @media (max-width: 767px) {
        .training-buttons {
            margin-top: 20px;
        }

            .training-buttons .btn {
                width: 100%;
                padding-left: 5px;
                padding-right: 5px;
            }
    }

    .accomplishments .panel-controls .btn {
        width: 45%;
        margin: 0;
    }

        .accomplishments .panel-controls .btn:first-of-type {
            margin-right: 1%;
        }

        .accomplishments .panel-controls .btn:last-of-type {
            margin-left: 1%;
        }

    @media (max-width: 991px) {
        .accomplishments .panel-controls {
            text-align: center;
        }
    }

    /* Toggle checked/unchecked status icon on learning items by appending class .complete on .panel-tile */
    .status-icon .icon {
        font-size: 24px;
    }

    .status-icon + .icon-label {
        padding-left: 10px;
    }


    .completed .complete-icon::before {
        content: "\e90c";
    }

    .incomplete .complete-icon::before {
        content: "\e90b";
    }

    .panel-tile.completed .status-complete,
    .panel-tile .status-incomplete {
        display: block;
    }

    #allBadgeList .icon-label p,
    #allBadgeList .icon-label a {
        font-family: FFMetaWebProNormal;
    }

    /* Lock/unlock status on Education Home Levels*/
    .lock-status {
        position: absolute;
        bottom: 8px;
        right: 12px;
    }

    .card .lock-icon {
        font-size: 24px;
    }

    .card.locked {
        cursor: default;
    }

    .card.unlocked {
        cursor: pointer;
    }

        .card.unlocked .lock-icon::before {
            content: "\f09c";
        }

    .card.locked .lock-icon::before {
        content: "\f023";
    }

    /* Toggle Edit Mode */
    .accomplishments .status-icon .status-delete {
        cursor: pointer;
    }

    .accomplishments .panel-content .add,
    .accomplishments .panel-content .edit,
    .accomplishments .panel-content.edit-mode .exit {
        display: inline-block;
    }

    .accomplishments .panel-content .exit,
    .accomplishments .panel-content .status-delete,
    .accomplishments .panel-content.edit-mode .add,
    .accomplishments .panel-content.edit-mode .edit,
    .accomplishments .panel-content.edit-mode .status-complete {
        display: none;
    }

    .accomplishments .panel-content.edit-mode .status-delete,
    .accomplishments .panel-content .status-complete {
        display: block;
    }

    /* ----------- My Team Learning */
    .border-table .plan-buttons .btn {
        min-width: 49%;
        padding-left: 5px;
        padding-right: 5px;
    }

    #tblUsers td.plan-buttons .btn {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Update Plan Modal */
    #update-plan-modal .modal-header {
        background: #edeae9;
        color: #0b2b45;
    }

    #update-plan-modal .modal-body {
        background: #fff;
    }

    #update-plan-modal .close {
        font-size: 30px;
        color: #000000;
    }

    .icon-podcast:before {
        content: url('../Images/icons/Aveda-Podcast-Icon-Sml 24x26.png');
    }

    .video-radio-btn,
    .courses-radio-btn,
    .documents-radio-btn, 
    .externalurl-radio-btn {
        display: inline-block;
        vertical-align: top;
        margin-top: 4px;
        margin-left: 5px;
    }

        .video-radio-btn img {
            width: 15px;
            height: 13px;
        }

    .icon-courses:before {
        content: url('../Images/ford/icon elearning1@1x.png');
    }
    /* ----------- Fancy Checkbox Customizations */
    .add-elective .form-group.checkbox,
    .add-secondary-specialty .form-group.checkbox {
        margin: 0;
    }

        .add-elective .form-group.checkbox label,
        .add-secondary-specialty .form-group.checkbox label {
            padding-bottom: 0;
        }

    .select2-search__field {
        width: 503px;
    }

    /*#endregion*/

    /*#region 4.11 - Surveys
   ----------------------------------------- */

    /* ----------- Heading */
    #survey .panel-content,
    #tests .panel-content {
        padding: 40px;
    }

        #survey .panel-content > h5.heading,
        #tests .panel-content > h5.heading {
            color: #a39e9d;
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: 0.04em;
            margin-top: 0;
        }

            #survey .panel-content > h5.heading .icon,
            #tests .panel-content > h5.heading .icon {
                display: inline-block;
                top: -2px;
                position: relative;
                font-size: 30px;
                margin-right: 5px;
            }

            #survey .panel-content > h5.heading .icon-round_checked,
            #tests .panel-content > h5.heading .icon-round_checked {
                color: #2e9f00;
            }

            #survey .panel-content > h5.heading .icon-delete,
            #tests .panel-content > h5.heading .icon-delete {
                color: #cc0d0d;
            }

        /* ----------- Page Top Description */
        #survey .panel-content .page-top-description h3,
        #tests .panel-content .page-top-description h3 {
            text-align: left;
        }

        /* Make sure user generated content always display block */
        #tests .panel-content .page-top-description * {
            display: block;
        }

    /* ----------- Footer */
    .survey-footer {
        border-top: 1px solid #d7d4d2;
        padding: 30px 0 20px;
        margin-top: 40px;
    }

    /* ----------- Checkbox */
    #survey .form-group.checkbox label,
    #tests .form-group.checkbox label {
        padding-bottom: 0;
    }

        #survey .form-group.checkbox input.form-control,
        #survey .form-group.checkbox label::before,
        #tests .form-group.checkbox input.form-control,
        #tests .form-group.checkbox label::before {
            top: 9px;
        }

    /* ----------- Textarea */
    #survey .form-group textarea.form-control,
    #tests .form-group textarea.form-control {
        /*margin-top: 40px;*/
        min-height: 100px;
        resize: vertical;
        line-height: 1.5em;
    }

    #survey .form-label,
    #tests .form-label {
        margin-top: 30px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.04em;
    }

    #survey .form-answer.answer-right,
    #tests .form-answer.answer-right {
        color: #2e9f00;
    }

    #survey .form-answer.answer-wrong,
    #tests .form-answer.answer-wrong {
        color: #cc0d0d;
    }

    .panel.panel__survey,
    .panel.panel__tests {
        margin-top: 20px;
        background-clip: content-box;
        padding: 10px;
        overflow: hidden;
    }

    @media (max-width: 767px) {
        .panel.panel__survey,
        .panel.panel__tests {
            padding: 0;
            margin-top: 0;
        }
    }

    .panel.panel__survey.panel__survey_a,
    .panel.panel__survey.panel__tests_a {
        margin-top: 0;
    }

    /* ----------- Test Question Tip */
    .test-question-tip {
        font-size: 12px;
        padding: 5px 0;
        text-align: left;
    }

    /*#endregion*/

    /*#region 4.12 - Tests
   ----------------------------------------- */

    /* ----------- TESTS ADMIN TABLE */
    #testTable th,
    #testTable td {
        vertical-align: middle;
        max-width: 500px;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        width: auto !important;
    }

    select:focus::-ms-value {
        background-color: transparent; /*make the select background transparent in ie */
        color: #0b2b45;
    }

    /*#endregion*/

    /*#region 4.13 - Newsfeed
   ----------------------------------------- */

    /* ----------- NEWSFEED LIST PANELS */
    .newsfeedpanels .newsfeed-tile {
        margin-bottom: 15px;
    }

    .newsfeedpanels .panel-item-box {
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        position: relative;
        margin-bottom: 0;
    }

    .panel-item-body-img {
        text-align: center;
    }

        .panel-item-body-img .img-responsive {
            display: inline-block;
        }

    @media (max-width: 767px) {
        .newsfeedpanels .panel-item-box {
            border: 1px solid #e1e1e1;
        }
    }

    .newsfeedpanels .panel-item-box:hover {
        transform: translateY(-2px);
        box-shadow: 0 18px 35px rgba(50,50,93,.1), 0 8px 15px rgba(0,0,0,.07);
    }

    .newsfeedpanels .panel-item__image {
        padding: 0;
    }

        .newsfeedpanels .panel-item__image img {
            position: relative;
            transform: none;
            top: 0;
            left: 0;
            width: 100%;
            height: auto;
        }

    .newsfeedpanels .panel-item__title .panel-item__publish-info {
        padding-bottom: 0;
        padding-top: 6px;
        color: #a39e9d;
        font-size: 11px;
    }

    .newsfeedpanels .panel-item--resource .panel-item__title h4 {
        font-size: 18px;
    }

    .newsfeedpanels .panel-item__more,
    .newsfeedpanels .panel-item__more a {
        padding: 30px;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(255,255,255, 0.6);
        text-align: center;
        display: block;
    }

        .newsfeedpanels .panel-item__more a > span {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 22px;
            color: #0b2b45;
        }

    .newsfeedpanels .panel-item-box .panel-item__more {
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .newsfeedpanels .panel-item-box:hover .panel-item__more {
        opacity: 1;
    }

    /*#endregion*/


    /*#region 4.13 - Reports
   ----------------------------------------- */
    .voffset3 {
        margin-bottom: 50px;
    }

    .fs-14 .form-group > label {
        font-size: 14px;
    }

    /*#endregion*/


    /*#region 4.14 - Gamification
   ----------------------------------------- */
    .badge-task {
        padding-left: 0;
    }

        .badge-task li {
            margin: 10px 10px 0 20px;
            text-decoration: underline;
        }

            .badge-task li a:after {
                content: "  \00BB";
                text-decoration: none;
                display: inline-block;
                padding-left: 5px;
            }

    .badge-text {
        font-family: FFMetaWebProMedium;
        text-transform: uppercase;
        margin: 0;
        padding: .8rem 0 0 0;
        font-size: .8rem;
        font-weight: bold;
    }

    .increased .badge-text {
        margin-top: .8rem;
    }

    .badge-item {
        display: inline-block;
        margin: 15px;
        vertical-align: top;
        position: relative;
    }

    .badge-content:hover {
        cursor: default;
    }

    .og-close {
        right: 30px !important;
    }

        .badge-item:hover,
        .og-close:hover {
            cursor: pointer;
        }

    .badge-item img {
        width: 164px;
    }

    .badge-content {
        position: absolute;
        width: 100%;
        background-color: #ccc;
        margin-top: 25px;
        display: none;
        padding: 20px;
    }

        .badge-content.active {
            display: block;
        }

    .badge-arrow-up {
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #ccc;
        position: absolute;
        top: -20px;
    }


    /*#endregion*/
    /*#region 4.15 - Catalog
   ----------------------------------------- */
    #featuredImagesDiv {
        width: 100%;
        max-height: 400px;
        position: relative;
        overflow: hidden;
    }

        #featuredImagesDiv img {
            width: 100%;
        }

    #offer-carousel {
        height: 100%;
    }

        #offer-carousel .item {
        }

    #featuredImagesDiv .carousel-control.left,
    #featuredImagesDiv .carousel-control.right {
        background-image: none;
    }

    .categories-filter ul {
        padding-left: 0;
    }

    .catalogDetail .location-header {
        margin-top: -30px !important;
    }

    .featured-image-big {
        display: block;
    }

    .featured-image-small {
        display: none;
    }

    .special-offer-area {
        background-color: #FFFFFF;
    }

    .level-1 {
        font-size: 16px;
    }

    .level-2 {
        font-style: italic;
    }








    @media (max-width: 767px) {

        .catalogDetail .location-header {
            margin-top: 20px !important;
        }

        .featured-image-big {
            display: none;
        }

        .featured-image-small {
            display: block;
        }
    }


    .category-bg-img-1, .category-bg-img-2 {
        position: absolute;
        width: auto;
    }

    @media (max-width: 1199px) {
        .category-bg-img-1, .category-bg-img-2, .bg-container {
            display: none;
        }
    }

    /*

@media (min-width: 768px) {
    .category-bg-img-1 {
        left: calc((100vw - 750px)/2 - 160px);
        top: 34%;
    }
    .category-bg-img-2 {
        right: calc((100vw - 750px)/2 - 70px);
        top: 40%;
    }
}

@media (min-width: 992px) {
    .category-bg-img-1 {
        left: calc((100vw - 970px)/2 - 160px);
        top: 34%;
    }
    .category-bg-img-2 {
        right: calc((100vw - 970px)/2 - 70px);
        top: 30%;
    }
}

*/

    @media (min-width: 1200px) {
        .category-bg-img-1 {
            left: -150px;
            top: 500px;
        }

        .category-bg-img-2 {
            right: -60px;
            top: 350px;
        }
    }

    /*#endregion*/

    /*#region 4.16 - Goal Simulator
   ----------------------------------------- */

    .custom-select .select2-selection__arrow {
        display: none;
    }

    #GoalLocationSelect,
    .custom-select .select2-selection {
        background: transparent;
        background-image: url('../Images/chevron.png');
        background-repeat: no-repeat;
        background-position: right 10px center;
        padding-right: 30px;
    }

    #GoalLocationSelect {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
    }

    .custom-select .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 0;
    }

    .custom-select .select2-container {
        width: 100% !important;
    }

    .custom-select .form-group {
        margin: 0 0 15px 0;
    }
    /*#endregion*/

    /*#region 4.17 - Popup message
   ----------------------------------------- */
    #contentPopupModal .modal-body {
        padding: 0;
    }

    #contentPopupModal .modal-content {
        width: 350px;
    }

    #contentPopupModal .modal-footer {
        padding: 15px 30px;
        border-top: none;
        text-align: center;
    }

        #contentPopupModal .modal-footer a {
            font-size: 14px;
            margin-top: 20px;
            display: block;
            float: none;
        }


            #contentPopupModal .modal-footer a:hover {
                color: #edeae9;
            }


    .popup-title {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        padding: 0 30px;
    }

    .popup-body {
        padding: 0 30px;
    }

    .popup-img {
        width: 100%;
        margin-bottom: 30px;
    }

    .transparent-img {
        margin-top: -60px;
    }

    .non-transparent-img {
        margin-top: 0px;
    }

    .modal-content {
        border: none;
    }

    @media(max-width: 400px) {
        #contentPopupModal .modal-content {
            width: auto;
        }
    }

    /*#endregion*/


    /*#region 4.18 - Home Page
   ----------------------------------------- */
    .mobile-img {
        display: none;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    @media (max-height: 750px) and (max-width: 500px) {
        .mobile-img {
            height: calc(100vh - 55px);
            overflow: hidden;
        }
    }

    .desktop-img {
        display: inherit;
        width: 100%;
    }

    .mobile-img img {
        display: block;
        width: 100%;
        line-height: 0;
    }

    .desktop-img img {
        display: block;
        width: 100%;
        line-height: 0;
    }

    .text-gradient {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 60%;
    }

    .text-caption {
        position: absolute;
        top: 50%;
        text-align: center;
        width: 50%;
        max-width: 470px;
        text-align: left;
        font-size: 12px;
        line-height: normal;
        text-transform: none;
        transform: translateY(-50%);
    }

        .text-caption h2 {
            font-size: 22px;
            font-weight: 300;
            font-style: normal;
            font-stretch: normal;
            line-height: 110%;
            letter-spacing: 0px;
        }

    .block-name {
        font-weight: bold;
        line-height: 36px;
        padding-bottom: 5px;
        letter-spacing: 0.36px;
    }

    .text-gradient.left.light {
        left: 0;
        background-image: linear-gradient(to right, #000000, rgba(0, 0, 0, 0));
    }

    .text-gradient.right.light {
        right: 0;
        background-image: linear-gradient(to left, #000000, rgba(0, 0, 0, 0));
    }

    .text-caption.right {
        right: 0;
        /*transform: translate( 0%, -50%);*/
        padding-right: 100px;
    }

    .text-caption.left {
        left: 0;
        /*transform: translate( 0%, -50%);*/
        padding-left: 100px;
    }

    .text-caption.light {
        color: #ffffff;
    }

    .text-caption.dark {
        color: #0b2b45;
    }

    .text-caption .btn-outer {
        margin-top: 20px;
    }

    .text-caption.dark .btn {
        color: #ffffff;
        background: #038fc5;
        border: solid 1px #038fc5;
    }

        .text-caption.dark .btn:hover,
        .text-caption.dark .btn:focus,
        .text-caption.dark .btn.focus,
        .text-caption.dark .btn.active {
            color: #fff;
            background-color: #038fc5;
            border: solid 1px #fff;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -webkit-appearance: none;
        }

    .featured-image-block {
        position: relative;
        display: block;
        text-transform: uppercase;
        font-family: FordAntennaRegular;
        width: 100%;
    }

        .featured-image-block.top-padding {
            margin-top: 15px;
        }


    .acheivement-content {
        /*background-image: url('/EmployeeEngagement.Web/Content/Images/Pure_Benefits/background-badges.jpg');*/
        background-size: cover;
        background-repeat: no-repeat;
    }

    .circle-container {
        display: table;
        margin: 60px auto 75px;
    }

    .circle-button {
        display: table-cell;
        height: 220px;
        width: 220px;
        text-align: center;
        vertical-align: middle;
        border-radius: 50%;
        background: #77c7c8;
        color: #fff;
        font-size: 21px;
        line-height: 100%;
    }

    .uk-learning-circle,
    .forum-circle,
    .mission-circle,
    .living-circle,
    .elerning-circle,
    .virtual-circle,
    .classes-circle {
        background-size: contain;
    }

    .uk-learning-circle {
        /*background-image: url("Images/AdvancedAcademy_1060x1060.jpg");*/
        background-image: url('../Images/circle_images/UK/Academy Calendar.jpg');
    }

    .forum-circle {
        /*background-image: url("Images/Forum_1060x1060.jpg");*/
        background-image: url('../Images/circle_images/US/Forum_400x400.jpg');
    }

    .mission-circle {
        /*background-image: url("Images/OurMission_1060x1060.jpg");*/
        background-image: url('../Images/circle_images/US/OurMission_400x400.jpg');
    }

    .living-circle {
        /*background-image: url("Images/LivingAveda_1060x1060.jpg");*/
        background-image: url('../Images/circle_images/US/LivingAveda_400x400.jpg');
    }

    .elerning-circle {
        /*background-image: url("Images/Elearning_1060x1060.jpg");*/
        background-image: url('../Images/circle_images/US/Elearning_400x400.jpg');
    }


    .virtual-circle {
        /*background-image: url("Images/VirtualClasses_1080x1080.jpg");*/
        background-image: url('../Images/circle_images/US/VirtualClasses_400x400.jpg');
    }

    .classes-circle {
        /*background-image: url("Images/LiveClasses_1060x1060.jpg");*/
        background-image: url('../Images/circle_images/US/LiveClasses.jpg');
    }





    @media screen and (max-width: 992px) {
        .text-caption {
            font-size: 12px;
        }

            .text-caption h2 {
                font-size: 18px;
            }

            .text-caption.right {
                right: 0;
                transform: translate( 0%, -50%);
                padding-right: 50px;
            }

            .text-caption.left {
                left: 0;
                transform: translate( 0%, -50%);
                padding-left: 50px;
            }

        .featured-image-block.top-padding {
            margin-top: 0px;
        }

        .acheivement-content {
            background-image: none;
        }

        .circle-container {
            display: block;
            margin: 0;
        }

        .circle-button {
            background-image: none;
            background-color: #267C85;
            display: block;
            border-radius: 0;
            width: unset;
            height: unset;
            padding: 25px 0;
            margin-bottom: 20px;
        }
    }

    @media screen and (max-width: 600px) {
        .mobile-img {
            display: inherit;
        }

        .desktop-img {
            display: none;
        }

        .featured-image-block {
            height: inherit;
            padding: 0;
            margin: 0;
            margin-bottom: 15px;
        }

            .featured-image-block[class*="col-"] {
                padding: 0;
            }

        .text-caption {
            position: absolute;
            top: initial;
            bottom: 0;
            width: auto;
            max-width: none;
            height: auto;
            transform: none;
        }

            .text-caption .btn {
                margin-bottom: 20px;
            }

            .text-caption h2 {
                font-size: 22px;
                font-weight: 300;
                font-style: normal;
                font-stretch: normal;
                line-height: 1;
            }

            .text-caption.right {
                right: 0;
                transform: none;
                padding: 20px;
            }

            .text-caption.left {
                left: 0;
                transform: none;
                padding: 20px;
            }

        .text-gradient.left.light {
            width: 100%;
            top: 35%;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
        }

        .text-gradient.right.light {
            width: 100%;
            top: 35%;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
        }
    }
    /*#endregion*/

    /*#region 4.19 - Learning Path Redesign
   ----------------------------------------- */
    .sp-bw {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

    .paths-container {
        max-width: 960px;
    }

    .my-paths {
        padding-top: 3rem;
    }

    .btn-aveda {
        background: #2d8186;
        color: #fff;
        border: 0;
        padding: 9px 17.5px;
    }

    .heading--lp,
    .sub-heading--lp,
    .small-heading--lp {
        text-transform: none;
        color: #0b2b45;
        font-family: "FFMetaWebProMedium"
    }

    .heading--lp {
        font-size: 26px;
    }

    .sub-heading--lp {
        font-size: 24px;
        line-height: 35px;
        margin-bottom: 0;
    }

    .small-heading--lp {
        font-size: 14px;
        line-height: 21px;
        margin: 0 0 2rem;
    }

    .paths-area {
        margin-bottom: 45px;
    }

    .paths {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }


    .paths__card {
        width: 340px;
        max-width: 100%;
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
    }

    .paths > .paths__card:nth-child(3n + 2) {
        margin: 0 3.7rem 1rem;
    }

    .paths > .paths__card > img {
        width: 100%;
        height: 154px;
        object-fit: cover;
    }
}

    .paths-area > .paths__card {
        max-width: 100%;
        width: 460px;
    }

    .paths__card--wide {
        width: 100%;
        margin-right: 5px;
        min-height: 350px;
    }

    .paths__card--wide img {
        max-height: 216px;
        object-fit: cover;
    }

    .paths__copy {
        border: 1px solid #E1DEDE;
        border-top-color: transparent;
        padding: 10px 12px 15px;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .paths__title {
        font-family: "FFMetaWebProMedium";
        font-size: 16px;
        text-transform: uppercase;
    }

    .paths__description {
        font-size: 12px;
        margin-bottom: auto;
        
    }

    .paths__link:link,
    .paths__link:visited {
        font-size: 12px;
        text-decoration: underline;
        margin-right: 1rem;
    }

    .paths__links a {
        text-decoration: underline;
        font-weight: bold;
    }

    .card-check {
        height: 10rem;
        width: 12rem;
        background: red;
    }

    .paths-carousel {
        position: relative;
    }

    .path-detail {
        margin-bottom: 1.5rem;
    }
    .path-detail > img {
        max-height: 434px;
        object-fit: cover;
    }

    .path-detail__description {
        border: solid #E1DEDE 1px;
        padding: 42px 272px 24px 97px;
    }

    .path-detail__copy {
        font-size: 1rem;
        line-height: 1.625rem;
    }

    .path-detail__btn {
        margin-top: 1.375rem;
        border-width: 2px;
        font-family: "FFMetaWebProMedium"
    }

    .path-courses {
        background: linear-gradient(#277E85 0%, #277E85 90%, white 90%);
        padding: 2rem 4rem 0;
        border-radius: .5rem .5rem 0 0;
        position: relative;
        height: 11rem;
    }

    .path-courses__heading {
        color: #FBF9F7;
        text-align: center;
        margin-bottom: 1rem;
    }

        .path-courses__heading h2 {
            font-size: 2rem;
        }

    .path-course__indicator {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 27px 53px 0 53px;
        border-color: #277f85 transparent transparent transparent;
    }

    .path-courses__link {
        font-size: 1.5rem;
        color: #FFFFFF;
        line-height: 35px;
        text-transform: capitalize;
        display: inline-block;
        position: relative;
    }

        .path-courses__link.active {
            border-bottom: solid 5px white;
        }

        .path-courses__link:focus {
            color: white;
        }

        .path-courses__link.active::after {
            content: "";
            position: absolute;
            top: 192%;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 27px 53px 0 53px;
            border-color: #277f85 transparent transparent transparent;
        }
    .d-lp-placeholder {
        max-width: 30rem;
        padding: 2.9rem 0;
        border: solid 1px rgba(151,151,151,0.51);
        border-radius: 8px;
    }            

    .d-lp-placeholder__items {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        text-align: center;
    }

    .d-lp-placeholder__copy {
        font-size: 14px;
        padding-top: 1.5rem;
        color: #979797
    }
    .paths > .d-lp-placeholder {
        flex: 1 0 auto;
    }
    @media screen and (max-width: 1025px) {
        .paths {
            justify-content: space-between;
        }

        .paths > .paths__card:nth-child(3n + 2) {
            margin: 0 0 1rem 0;
        }
    }
    /* Enrolled State styling Navigation styling */
    .path-courses--enrolled > .path-courses__heading {
        display: none;
        visibility: hidden;
    }

    .path-courses__group {
        text-align: center;
        transform: scale(.8);
        transition: .3s;
    }

    .path-courses--enrolled .path-courses__group:not(.active):hover {
        transform: scale(.9);
    }

        .path-courses__group.active {
            transform: scale(1);
        }

    .path-courses--enrolled {
        background: linear-gradient(#fbf8f6 0%, #fbf8f6 90%, white 90%);
        min-height: 17.7rem;
    }

        .path-courses--enrolled .path-courses__link {
            color: #2D7D84;
        }

        .path-courses--enrolled .owl-stage {
            min-height: 16.5rem;
        }

        .path-courses--enrolled .path-courses__link:focus,
        .path-courses--enrolled .path-courses__link {
            color: #2D7D84;
        }

            .path-courses--enrolled .path-courses__link.active {
                border-bottom: solid 5px #2D7D84;
            }

    .progress-path-label {
        font-family: "FFMetaWebProMedium";
        font-size: 3.5rem;
    }

.path__completed {
    display: block;
    text-transform: capitalize;
    font-size: .8rem;
    color: #0b2b45;
}

.path-courses--enrolled .path-courses__link.active::after {
    content: "";
    position: absolute;
    top: 176%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 36px 77px 0 68px;
    border-color: #fbf8f6 transparent transparent transparent;
}

.path__percent {
    color: #0b2b45;
    font-size: 1.1rem;
    display: inline-block;
    padding-left: .3rem;
    vertical-align: middle;
}

    .courses {
        background: white;
        padding: 3rem 2rem;
        transform: translateY(-1.1rem);
    }

    .main-requirements {
    }

    .main-requirements__status {
        color: #999999;
        font-size: .875rem;
        line-height: 1;
        padding-top: .8rem;
    }

    .main-requirements__link {
        padding-left: 6rem;
        font-size: 24px;
        color: rgba(0,0,0,.5);
        font-weight: 500;
        font-family: "FFMetaWebProMedium";
        margin-bottom: 1rem;
        display: inline-block;
        position: relative;
        width: 100%;
    }
    .main-requirements--manager > .main-requirements__link {
        margin-bottom: 1rem;
    }

        .main-requirements__link:focus {
            color: rgba(0,0,0,.5);
        }

        .main-requirements__link[aria-expanded="true"] {
            color: #3D2C25;
        }

            .main-requirements__link[aria-expanded="false"]:before,
            .main-requirements__link[aria-expanded="true"]:before {
                content: "";
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPAQMAAADJdO3fAAAAA3NCSVQICAjb4U/gAAAABlBMVEUAAABoaGgN7iuSAAAAAXRSTlMAQObYZgAAAC5JREFUCB0FwTEBACAIALCpHJxEIArRiO7Gg1jkoBpdmMQGx+U6BCsZRWvKkJb4i8sD+lUHxkYAAAAASUVORK5CYII=');
                width: 30px;
                height: 15px;
                position: absolute;
                top: 17%;
                left: 0;
                transform: rotate(90deg)
            }

            .main-requirements__link[aria-expanded="true"]:before {
                transform: rotate(180deg);
            }

    .lo-requirements {
        margin: 0 0 1rem 1.5rem;        
    }

        .lo-requirements > .main-requirements__link {
            margin-bottom: 1rem;
            padding-left: 4.5rem;
            position: relative;
        }

            .lo-requirements > .main-requirements__link[aria-expanded="true"]:after {
                content: "";
                height: 40px;
                width: 5px;
                background: #277E85;
                position: absolute;
                left: -3.5rem;
                top: 0;
            }

.main-requirements__description {
    padding: 0 0 1rem 4.5rem;
    max-width: 30rem;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #0b2b45;
}

    .main-requirements__items {
        padding-left: 4.5rem;
        margin-bottom: 2rem;
    }

    .main-requirements__text {
        border-bottom: 1px solid #979797;
        padding: 1rem 0 .3rem 0;
        color: #999999;
        display: block;
        margin-left: 1rem;
    }

    .main-requirements--enrolled .main-requirements__text {
        color: #3D2C25;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .main-requirements__text::before {
        opacity: 0;
    }

    .main-requirements--enrolled .main-requirements__text::before {
        display: inline-block;
        padding-right: 1rem;
        opacity: 1;
    }

    .main-requirements__items--manager {
        padding-left: 10.5rem;
    }
    .main-requirements__name > a {
        display: flex;
    }

    .main-requirements__name span {
        margin-right: 4px;
    }

    @media screen and (min-width: 992px) and (max-width: 1199px) {
        .paths__card {
            width: 272px;
        }

        .paths__card--wide {
            width: 100%;
        }
    }
    @media screen and (max-width: 1199px) {
        .path-courses--enrolled {            
            min-height: 15.7rem;
        }
        .paths__card--wide {         
            min-height: 325px;
        }
    }

    @media screen and (max-width: 991px) {
        .path-detail__description {
            padding: 3rem;
        }
    
    }

    @media screen and (max-width: 500px) {
        /*responsive styles*/

        .path-courses--enrolled .owl-stage {
            min-height: 19.5rem;
        }

        .courses {
            margin: 3.5rem 0 1rem 0;
        }
        
        .main-requirements__link {
            margin-left: 1rem;
        }

        .paths {
            flex-direction: column;
        }

        .paths__card {
            max-width: 100%;
            width: 100%;
            margin-right: 0;
        }

        .paths__card > img {
            object-fit: cover;
        }

        .path-detail__description {
            padding: 1rem;
        }

        .progress-path-label {
            font-size: 2.5rem;
        }

        .path-courses--enrolled {
            background: #fbf8f6;
            min-height: 18rem;
            padding: 0;
        }

        .path-courses--enrolled .path-courses__link.active::after {
            top: 170%;
        }

        .active-stroke {
            stroke: #2D7D84;
        }

        .main-requirements__link {
            font-size: 1.125rem;
            padding-left: 4.5rem;
        }              

        .lo-requirements {
            margin: 0 0 1rem 0;
        }

        .main-requirements__description {
            padding: 0 0 1rem 1rem;
        }

        .main-requirements__items {
            padding-left: 0;
        }

        .main-requirements__text {
            margin: 0 .8rem;
            font-size: .75rem;
        }
        
        .d-lp-placeholder {
            padding: 1rem 0;
        }

        .main-requirements--enrolled .main-requirements__text {
            flex-direction: column;
            align-items: flex-start;
        }
        
        .main-requirements__text > a {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
        }

        .main-requirements__status {
            float: none;
            display: block;
            padding-top: .3rem;
        }

        .main-requirements__text .main-requirements__status {
            padding-left: 30px;
        }

        .main-requirements__items--manager .main-requirements__status {
            padding-left: 0;
        }

    }
    
    @media screen and (max-width: 445px) {
        .path-courses--enrolled {
            min-height: 16rem;
        }
    }

    @media screen and (max-width: 376px) {
        .path-courses--enrolled {
            min-height: 14.6rem;
        }
    }
    /*#endregion*/
    
    /*#region 4.21 - Ambassador Pages   
    ----------------------------------------- */
    
    .hero-banner {
        position: relative;
        max-height: 490px;
    }

        .hero-banner img {
            object-fit: cover;
        }

    .hero-banner__copy {
        position: absolute;
        top: 35%;
        left: 55%;
        color: #fff;
    }

    .hero-banner__heading > * {
        font-family: FFMetaWebProLight;
        font-size: 48px;
        line-height: 62px;
        text-transform: uppercase;
        padding: 0 0 .5rem;
    }

    .hero-banner__title {
        font-size: 14px;
        text-transform: uppercase;
    }

    .ambassador-d {
        padding: 2rem 12rem;
    }

    .ambassador-d__heading {
        font-size: 36px;
        color: #3A271F;
        padding-bottom: .5rem;
        font-family: "FFMetaWebProMedium";
    }

    .ambassador-heading {
        font-family: "FFMetaWebProMedium";        
    }

    .ambassador-d__copy {
        font-size: 14px;
        line-height: 26px;
        max-width: 38.5rem;
        text-align: justify;
    }

    .a-requirements__link {
        display: flex;
    }

    .spotlights {

    }

        .spotlights > .spotlight:nth-child(even) > .spotlight__image {
            order: 1;
        }

        .spotlights > .spotlight:nth-child(even) > .spotlight__copy {
            text-align: right;
        }

    .spotlight {
        display: flex;
        justify-content: space-between;
        margin: 4rem 0;
    }

    .spotlight__image {
        flex: 0 0 36%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-repeat: no-repeat;
        position: relative;
    }

        .spotlight__image > img {
            height: 250px;
            width: 250px;
            z-index: 2;
            object-fit: cover;
            -webkit-box-shadow: 0px 10px 30px 4px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 10px 30px 4px rgba(0,0,0,0.75);
            box-shadow: 0px 10px 30px 4px rgba(0,0,0,0.75);
        }

        .spotlight__image::before {
            z-index: 1;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .spotlight__image > img {
            border-radius: 10rem;
        }

    .spotlight__copy {
        flex: 0 0 65%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .spotlight_heading {
        text-transform: none;
    }

    .spotlight__description {

        color: #3A271F;
        font-size: 14px;
        line-height: 26px;
    }

    .spotlights > .spotlight:nth-child(even) .spotlight__description {
        padding-left: 14rem;        
    }

    .spotlights > .spotlight:nth-child(odd)  .spotlight__description {
        padding-right: 14rem;
    }
    .faq {
        flex: 1 1 33.333%;
        min-height: 16.875rem;
        background: #fff;
        text-align: center;
        margin: 5px;
        padding: 2rem;
    }

    .faq__answer {
        padding-top: 1.5rem;
    }
    .a-m-label {
        display: none;
    }
    
    @media screen and (max-width: 1199px) {
        .hero-banner__heading > * {
            font-size: 36px;
            line-height: 1.2;
        }
    }
@media screen and (max-width: 991px) {
    .hero-banner__heading > * {
        font-size: 26px;
    }

    .ambassador-d {
        padding: 2rem 1rem;
    }

    .spotlights > .spotlight:nth-child(even) .spotlight__description {
        padding-left: 3rem;
    }

    .spotlights > .spotlight:nth-child(odd) .spotlight__description {
        padding-right: 3rem;
    }

    .spotlight__image {
        flex: 0 0 45%;
    }
}

    @media screen and (max-width: 769px) {
        .ambassador-d {
            padding: 1rem;
        }
        
        .ambassador-d__heading {
            font-size: 26px;
        }

        .spotlights {
            overflow-x: hidden;
        }

        .spotlight {
            flex-direction: column;

        }
        
        .spotlight__copy {
            margin-top: 3rem;
            text-align: center;
        }
        .spotlight__description {
            max-width: 100%;
        }

        .spotlights > .spotlight:last-child > .spotlight__copy {
            margin-top: 3rem;
        }

        .spotlights > .spotlight:nth-child(even) > .spotlight__image {
            order: 0;
        }

        .spotlights > .spotlight:nth-child(even) > .spotlight__copy {
            text-align: center;
        }
        .spotlights > .spotlight:nth-child(even) .spotlight__description {
            padding: 0;
        }

        .spotlights > .spotlight:nth-child(odd) .spotlight__description {
            padding: 0;
        }
        .hero-banner__heading > * {
            font-size: 22px;
            line-height: 1.4;
        }
        
        .a-m-label {
            display: inline-block;
            margin-left: 35px;
            padding-right: .5rem;
        }     
    }
    @media screen and (max-width: 767px) {
        .hero-banner__copy {
            display: none;
        }
    }
    /*#endregion*/


    /*#region 4.22 - Dealership login page   
        ----------------------------------------- */
.cem-bg{
    background: #fff;
    padding-bottom: 50px;
}
.cem-video-container {
    text-align: center;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background: #fff;
}
.cem-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cem-page-container {
    background: white;
    color: #00095B;
}

.cem-page-container .container {
    padding:20px 30px 60px
}

input.name-search:hover, input.name-search:focus {
    font-family: FordAntennaRegular !important;
    font-size: 14px;
}
.language-select-modal h3{
    text-align:center;
}

.language-select-modal h5{
    font-size:14px;
}

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

@media (min-width: 768px) {
    .language-select-modal .modal-dialog {
        width: 700px;
    }
}


@media (max-width: 768px) {
    .language-select-modal .modal-dialog {
        width: 100%;
    }
    .language-select-modal .modal-body {
        width: 100%;
    }
    .language-select-modal .modal-dialog {
        margin: auto;
    }
}

@media (max-width: 992px) {
    input.name-search {
        width: 100% !important;
    }
    .confirm-search-btn{
        width:100%;
        margin-top:10px;
    }
    .language-select-container {
        width:100%;       
    }
    .language-select-modal .modal-content{
        padding-right:10px;
    }
}

.cem-page-container .confirm-search-btn{
    height:35px;
    text-transform: none;
}
.cem-no-result {
    text-align: center;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    white-space: pre-wrap;
}
input.name-search {
    display: inline-block;
    font-family: FordAntennaRegular;
    font-size:14px;
}
.language-select-modal #btnConfirm{
    text-transform:none;
}

#langSelectorFooter-button, #langSelector-button {
    width: 100%;
    padding: 5px 5px 5px 35px;
    background: url(../Images/icons_globe_blue_20.png) white no-repeat 5px 3px;
    background-size: 20px 20px;
    font-family: FordAntennaRegular;
    margin-bottom: 40px;
}

.language-select-modal #langSelector-button{
    margin-bottom:0;
}

#langSelectorFooter-menu .ui-menu-item > div,
#langSelector-menu .ui-menu-item > div {
    font-family: FordAntennaRegular;
    font-weight: 400;
    padding-left: 35px;
}
#langSelectorFooter-menu .ui-menu-item > div{
    font-size:16px;
}
#langSelector-menu .ui-menu-item > div{
    font-size:14px;
}
.ui-selectmenu-menu {
    z-index: 9999999999;
}

.language-select-container {
    width: 100%;
}
.ui-menu.ui-widget.ui-widget-content{
    max-height: 200px;
    /*overflow-y:scroll;
    overflow-x:hidden;*/
}

#langSelectorFooter-menu.ui-menu.ui-widget.ui-widget-content {
    max-height: 130px;
}
@media (max-width: 991px) {
    #langSelectorFooter-menu.ui-menu.ui-widget.ui-widget-content {
        max-height: 200px;
    }
}
/*#endregion*/
/*#region 4.23 - Dealership video page   
        ----------------------------------------- */
.video-page-container {
    background: white;
    color: #00095B;
}

.video-page-container .container {
    padding: 20px 30px 60px
}

/*#endregion*/

/* ========================================================================================= */
/*                                   SECTION 5 - EVENT REGISTRATION                          */
/* ========================================================================================= */
/*#region 5.1 - Widget
   ----------------------------------------- */
/*#endregion*/
/*#region 5.2 - Events list page
   ----------------------------------------- */
/*#endregion*/
/*#region 5.3 - Registration process
   ----------------------------------------- */
.reg-info-area img,
.reg-multiple .image-conteiner img,
.payment-review img,
.payment-info img {
    width: 100%;
}

    .reg-info-area .price-info-lines {
        font-size: 20px;
    }

    .reg-info-btm-section .reg-btn-section {
        text-align: right;
    }

    .reg-btn-section {
        text-align: right;
    }

    .reg-user-table {
        margin-bottom: 20px;
    }

    .user-selection-table {
        border: 1px solid #000000;
        margin-top: -1px;
        font-size: 18px;
        padding: 10px;
        height: 56px;
        min-height: 56px;
        overflow: hidden;
    }

    @media (max-width: 767px) {
        .user-selection-table {
            min-height: 56px;
            height: auto;
        }
    }

    .user-selection-table input {
        float: right;
    }

        .user-selection-table input[type="checkbox"] {
            float: right;
            width: 20px;
            height: 20px;
        }

    .reg-info-lines {
        margin-top: 15px;
        font-size: 16px;
    }

        .reg-info-lines span {
            font-weight: bold;
            text-transform: uppercase;
        }

    .enroll-review,
    .enroll-info {
        border: 1px solid #000000;
        line-height: 50px;
        margin-bottom: 15px;
        padding: 0;
    }

        .enroll-review,
        .enroll-info input {
            line-height: 34px;
            padding-left: 8px;
        }


            .enroll-review span,
            .enroll-info span {
                margin-left: 20px;
                text-transform: uppercase;
                font-weight: bold;
                color: #a39e9d;
            }

    .text-label-reg {
        text-transform: uppercase;
        font-weight: bold;
        color: #a39e9d;
    }

    .enroll-review .balance-review,
    .enroll-info .balance-review {
        border-top: 1px solid #000000;
    }

    .complete-area {
        overflow: hidden;
        text-align: center;
    }

        .complete-area img {
            width: 80%;
            margin: 10%;
        }

        .complete-area h1 {
            font-weight: bold;
            margin-top: 80px;
        }

        .complete-area .btn {
            margin-bottom: 40px;
            height: 50px;
        }

    .addeventatc {
        height: 34px;
        padding: 10px !important;
        border: 1px solid #392720 !important;
        border-radius: 0 !important;
        font-size: 15px !important;
        font-family: FFMetaWebProNormal !important;
    }

    .addeventatc_dropdown {
        width: 100% !important;
    }

    .addeventatc:hover,
    .addeventatc:active,
    .addeventatc:focus {
        color: #FFFFFF !important;
    }

    .addeventatc_icon {
        display: none;
    }

    .no-padding-big {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #choose-payment-options .balance-review {
        border: 1px solid #000000;
        line-height: 50px;
        margin-bottom: 15px;
        padding: 0;
    }

        #choose-payment-options .balance-review span {
            margin-left: 20px;
            text-transform: uppercase;
            font-weight: bold;
            color: #a39e9d;
        }

.event-pagination ul li a {
    color: #0b2b45;
}

    .no-message {
    }

        .no-message h4 {
            text-transform: uppercase;
            font-weight: bold;
        }

    @media (max-width: 991px) {
        .complete-area img {
            width: 50%;
            margin: 10% 25%;
        }

        .share-buttons {
            margin-top: 0;
        }

        .no-padding-big {
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    .event-detail-area,
    .reg-info-area,
    .reg-multiple,
    .payment-info,
    .payment-review,
    .complete-area {
        background-color: #FFFFFF;
        border: 1px solid #afafaf;
        padding: 15px;
    }

        .event-detail-area .image-conteiner img {
            width: 100%;
        }

        .event-detail-area h3,
        .reg-info-area h3,
        .reg-multiple h3,
        .payment-info h3,
        .payment-review h3 {
            font-size: 36px;
            margin-top: 0;
        }

        .event-detail-area .btn {
            width: 100%;
            padding: 0;
        }

    .price-info-lines {
        font-size: 18px;
    }

    .extra-margin {
        margin-top: 0;
    }

    .addeventatc {
        z-index: 0;
    }

    .detail-btns {
        padding: 0;
        position: relative;
        bottom: 0px;
        opacity: 0;
    }

    .share-buttons {
        opacity: 0;
    }

    .detail-btns button {
        height: 50px;
    }

    .select-multiple-btn {
        height: 50px;
        width: 100%;
    }

    .detail-btns .col-xs-6,
    .detail-btns .col-md-4,
    .detail-btns .col-md-3,
    .share-buttons,
    .share-buttons .col-xs-6,
    .share-buttons .col-md-4,
    .share-buttons .col-md-3 {
        padding-left: 0;
    }

        .share-buttons .btn {
            height: 50px;
            padding: 0;
            white-space: normal;
        }

    .mobile-event-info {
        padding-left: 0;
    }

    @media (max-width: 767px) {

        .event-detail-area h3 {
            font-size: 24px;
        }

        .reg-info-area .image-conteiner img,
        .reg-multiple .image-conteiner img,
        .payment-info .image-conteiner img,
        .payment-review .image-conteiner img {
            display: none;
        }

        .detail-btns {
            background-color: #fbf8f6;
            z-index: 1;
            padding: 0;
            margin-left: -15px;
        }

            .detail-btns button {
                white-space: normal;
                padding-left: 5px;
                padding-right: 5px;
            }

            .detail-btns,
            .detail-btns .col-xs-6,
            .detail-btns .col-md-4,
            .detail-btns .col-md-3,
            .share-buttons,
            .share-buttons .col-xs-6,
            .share-buttons .col-md-4,
            .share-buttons .col-md-3 {
                padding-left: 15px;
            }

        .mobile-event-info {
            padding-left: 15px;
        }
    }

    .no-side-padding {
        padding-left: 0;
        padding-right: 15px;
    }

    @media (max-width: 991px) {
        .no-side-padding {
            padding-left: 0;
            padding-right: 0;
        }
    }

    .small-no-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    @media (max-width: 767px) {
        .small-no-padding {
            padding-left: 0;
            padding-right: 0;
        }

        .small-no-padding-share {
            padding-left: 0 !important;
        }
    }

    .reg-info-btm-section {
        border: 1px solid #afafaf;
        padding: 15px;
        margin-top: 10px;
    }

    .reg-info-area {
        position: relative;
    }

        .reg-info-area input {
            height: 50px;
            box-shadow: none
        }

    .reg-btn-section {
        float: right;
        margin-top: 10px;
    }

    .reg-btn-back {
        float: left;
        margin-top: 10px;
        padding-left: 15px;
    }

        .reg-btn-section .btn,
        .reg-btn-back .btn {
            height: 50px;
            width: 100%;
        }

    /*#endregion*/
    /*#region 5.3 - Registration process
       ----------------------------------------- */
    .stickyheader {
        position: sticky;
        position: -webkit-sticky;
        top: 0px;
        z-index: 5;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    @media screen and (max-width: 1199px) {
        .stickyheader {
            position: relative;
            padding-bottom: 0;
        }
    }

    .featured-events__panel {
        background-color: #000;
        color: #FFF;
        margin-bottom: 5px;
    }

    /*override bootstrap grid form photos*/
    .featured-events > .col-md-6 {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }

    .marketing-headline {
        font-size: 41px;
        font-family: FFMetaWebProMedium;
    }

    @media screen and (max-width: 767px) {
        .marketing-headline--browse {
            font-size: 34px;
            padding: 60px 20px;
        }
    }

    .class-results, .signup-pro-container {
        background-color: #eaeaea;
    }

    .class-types {
        font-size: 20px;
        text-transform: uppercase;
        line-height: 1;
        font-family: FFMetaWebProMedium;
    }

    .educator-headline {
        font-size: 28px;
        font-weight: bold;
        text-transform: none;
    }

    .filter-menu {
        text-transform: uppercase;
    }

    .filter-link, .filter-link:link, .filter-link:visited {
        font-weight: bold;
        text-decoration: none;
        font-size: 20px;
        margin: 0 20px;
    }

    .filter-link__selected {
        border-bottom: solid 5px;
    }

    .browse-dropdown, .categories-search {
        background: #eaeaea;
        width: 100%;
        display: block;
        padding: 10px 20px;
        text-transform: uppercase;
        color: black;
        border: 0;
        text-align: left;
        font-family: inherit;
    }

    .categories-search__label {
        width: 100%;
        position: relative;
    }

        .categories-search__label::after {
            content: "\f002";
            font-family: "FontAwesome";
            font-size: 16px;
            display: block;
            position: absolute;
            top: 50%;
            right: 20px;
            transform: translateY(-50%);
        }

    .browse-dropdown[aria-expanded="false"]::after {
        content: "\f078";
        font-family: "FontAwesome";
        float: right;
    }

    .browse-dropdown[aria-expanded="true"]::after {
        content: "\f077";
        font-family: "FontAwesome";
        float: right;
    }

    .select-wrapper > select {
        -webkit-appearance: none;
        -moz-apperance: none;
        appearance: none;
    }

    .select-wrapper.mg-b-10 {
        position: relative;
    }

    .select-wrapper::after {
        content: "\f078";
        font-family: "FontAwesome";
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        pointer-events: none;
    }

    .browse-panel {
        background: #eaeaea;
    }

        .browse-panel > .checkbox {
            padding: .5rem 0;
            text-transform: uppercase;
        }

    @media screen and (max-width: 1199px) {
        .navFix {
            margin-top: 30px;
        }
    }

    /* Class Cards */

    .classcard__container {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        background: #eaeaea;
        padding-top: 15px;
    }

    .classcard {
        width: 272.5px;
        background-color: white;
        padding: 10px;
        display: flex;
        flex-direction: column;
        margin-right: 10px;
        margin-left: 10px;
    }

    .classcard__copy {
        margin-bottom: auto;
    }

    .classcard__image {
        position: relative;
        padding: 0;
        margin: 0;
        min-height: 1px; /* fix for ie */
    }

    .classcard__image__tag {
        position: absolute;
        display: block;
        top: 30px;
        right: 0;
        font-size: 11px;
        text-transform: uppercase;
        background-color: black;
        color: white;
        text-align: center;
        width: 116px;
        padding: 2px 0;
    }

    .classcard__categories {
        display: flex;
    }

        .classcard__categories > * {
            height: .5rem;
            flex: 1 0 auto;
        }

    .classcard__heading {
        font-size: 18px;
        line-height: 1.4;
        text-transform: uppercase;
        padding-bottom: .3rem;
        font-family: FFMetaWebProMedium;
        margin-top: 15px;
    }

    @media screen and (max-width: 1199px) {
        .classcard {
            width: 400px;
        }
    }

    @media screen and (max-width: 991px) {
        .classcard__container {
            flex-direction: column;
            align-items: center;
        }
    }

    .classcard__copy, .classcard__price {
        padding-bottom: .6rem;
    }

    .classcard__price {
        font-size: 1.1rem;
    }

    /*end class card*/

    .educator-thumbnails {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }

    .educator-thumnails__thumbnail img {
        max-width: 120px;
    }

    @media screen and (max-width: 768px) {
        .educator-thumnails__thumbnail img {
            max-width: 100px;
            height: auto;
        }

        .filter-link, .filter-link:link, .filter-link:visited {
            display: block;
            margin: 10px auto;
            width: 125px;
        }
    }



    .meetEducators--headline {
        font-size: 1.5rem;
    }

    .educator-thumbnails__name.hidden-xs {
        min-width: 200px;
        text-transform: uppercase;
    }

    .educator-modal-title, .educator-modal-summary {
        text-transform: uppercase;
    }

    .educator-video {
        max-width: 640px;
    }

        .educator-video iframe, .educator-modal iframe {
            max-width: 100%;
            margin-bottom: 10px;
        }

    .signup-pro {
        max-width: 525px;
    }

        .signup-pro > h2, .signup-pro p {
            line-height: 1.5;
        }

    .search-submit--browse {
        width: 55px;
        height: 87%;
        top: 0;
        padding: 0;
        font-size: inherit;
        right: 20px;
    }
    /*#endregion*/

    /*#region 5.3 - Registration process
       ----------------------------------------- */
    .search-submit--search {
        width: 55px;
        height: 87%;
        top: 0;
        padding: 0;
        font-size: inherit;
        right: 7%;
    }

    .searchBox {
        position: relative;
    }
    /*#endregion*/

    /*fix for nav covering content*/
    @media screen and (max-width: 1199px) {
        body {
            margin-top: 60px;
        }

        .topbar {
            /*padding-top: 50px;*/
        }
    }

.hire-month-dropdown {
    margin-top: 56px;
}

@media screen and (max-width: 767px) {
    .hire-month-dropdown {
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .hire-month-dropdown {
        margin-top: auto;
    }
}



.relative {
    position: relative;
}

.bg-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.logos-area.footer-logos {
    position: absolute;
    width: 30%;
    top: 0;
    right: 0;
}

.logos-area.footer-logos img {
    position: relative;
    width: 100%;
}


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

#ErrorPage main.container, main.container {
    min-height: calc(100vh - 500px);
}

#selectedCategoryNameSpan {
    color: #fff;
    font-size: 12px;
    background-color: #2096CD;
    padding: 11px 30px 8px 30px;
    display:inline-block;
    margin-bottom:10px;
}

    #selectedCategoryNameSpan:lang(fr), #selectedCategoryNameSpan:lang(it), #selectedCategoryNameSpan:lang(de) {
        font-size: 10px;
    }

    #breadcrumbsTitle {
        font-size: 12px;
        color: #999;
    }
@media screen and (max-width: 992px) {
    #addResources.btn.btn-primary {
        display: none;
    }

    #selectedCategoryNameSpan {
        display: block;
        width: 100%;
    }

    #myFavorites {
        width: 35%;
    }
    .logos-area.footer-logos img{
        width:25%;
    }
}

@media screen and (max-width: 769px) {
    #clearFilterOption.clear-cat-btn {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    #selectedCategoryNameSpan {
        display: block;
        width: 100%;
    }

    #myFavorites {
        width: 100%;
    }
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #7B1FA2;
}

.custom-control-input:checked ~ .custom-control-label.red::before {
    background-color: red;
}

.custom-control-input:checked ~ .custom-control-label.green::before {
    background-color: green;
}
/*#endregion*/

/*#region 5.4 - Direct Resource Link
       ----------------------------------------- */
.time-outer {
    position: relative;
    color: #1700f4;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

.cir-timer-svg {
    transform: scaleX(1);
}

.cir-timer-circle {
    fill: none;
    stroke: none;
}

.timer-path-elapsed {
    stroke-width: 2px;
    stroke: #ffffff;
}

.time-left-remaining {
    stroke-width: 2px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}


.time-left-count {
    position: absolute;
    width: 200px;
    height: 200px;
    top: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    font-weight: 600;
}
.access-error-msg{
    text-align: center;
    padding: 30px 20px;
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.6em;
}
.access-error-msg ul {
    text-align: left;
}
.access-error-refresh {
    margin-top: 30px;
}
.access-error-refresh a{
    color: #1700f4;
}
.direct-resource-count {
    position: relative; min-height: 220px;
}
.btn-refresh img{
    width: 22px;
    margin-right: 15px;
    margin-top: -3px;
}

/*#endregion*/