@import './_flexbox.css?v=1.0.1';
@import './_spacing.css?v=1.0.1';
@import './_card.css?v=1.0.1';

:root {
    --top-navbar-height: 60px;
    --top-navbar-primary: #27A8E0;
    --top-navbar-primary-rgb: 39,168,224;
    /* layout colors */
    --rf-deep-blue: #071d34;
    --rf-deep-blue-rgb: 7, 29, 52;
    --rf-blue: #14396f;
    --rf-blue-rgb: 20, 57, 111;
    --rf-medium-gray: #475569;
    --rf-medium-gray-rgb: 71, 85, 105;
    --rf-lime: #c4ff01;
    --rf-lime-rgb: 196,255, 1;
    --rf-lime-shade: #84cc16;
    --rf-lime-shade-rgb: 132, 204, 22;
    /* element colors */
    --primary: #27A8E0;
    --primary-rgb: 39,168,224;
    --primary-shade: #1f86b3;
    --primary-shade-rgb: 31,134,179;
    --secondary: #475569;
    --secondary-rgb: 71, 85, 105;
    --secondary-shade: #1e293b;
    --secondary-shade-rgb: 30, 41, 59;
    --secondary-tint: #3f3f46;
    --secondary-tint-rgb: 63,63,70;
    --default: #071d34;
    --default-rgb: 7, 29, 52; /*RF-Deep-Blue*/
    --default-shade: #003057;
    --default-shade-rgb: 0, 48, 87;
    --medium: #989aa2;
    --medium-rgb: 152, 154, 162;
    --cyan: #b2ebf2;
    --cyan-rgb: 178,235,242;
    --border-color: #b1b9c6;
    /* event colors*/
    --success: #00d27a;
    --success-shade: #27ae60;
    --info: #27bcfd;
    --danger: #dc3545;
    --warning: #f39c12;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    min-height: 100%;
    font-family: "open sans",Arial,sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: var(--rf-deep-blue);
    background-color: #fff;
    background-color: var(--rf-deep-blue);
}
main {
    background-color: #fff;
  /*  min-height: 100%;*/
}
h1, h3, h4 {
    margin: 0 0 35px;
    font-weight: 600;
}


@media screen and (max-width: 768px) {
    h1.brand-heading {
        font-size: 26px;
    }
}

/*
h2 {
        text-transform: uppercase;
    letter-spacing: .25px;
}

h3 {
    text-transform: uppercase;
    letter-spacing: 1.15px;
    font-weight: 600;
    line-height: 1.1;
}*/

    h5 {
    margin: 0 0 8px;
    letter-spacing: 0.25px;
    font-weight: 400;
    font-size: 25px;
    line-height: 1.2;
}

    h5.title {
        font-size: 18px;
        font-weight: 600;
    }

h6 {
    margin: 10px 0 5px;
    font-weight: 400;
    line-height: 1.25;
}

    h6.title {
        font-size: 35px;
        margin: 10px 0 5px;
    }

    h1.light, h2.light, h3.light, h4.light, h5.light, h6.light {
        font-weight: 300;
        margin-top: 25px;
    }

p {
    margin: 0 0 25px;
    font-size: 16px;
    line-height: 1.5;
}

ul {
    list-style-type: none;
}

.text-center {
    text-align: center !important;
}

.text-align-right {
    text-align: right
}

.text-align-left {
    text-align: left
}

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

.text-align-justify {
    text-align: justify
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-letterspace-0 {
    letter-spacing: unset;
}

.text-white {
    color: #fff;
}

.text-black {
    color: #000;
}

.text-standard {
    color: #676e76 !important
}
.text-primary {
    color: var(--primary) !important;
}
.text-secondary{
    color:var(--secondary);
}
.text-success {
    color: var(--success);
}
.text-danger {
    color: var(--danger);
}
.text-success:hover {
    color: var(--success-shade);
}
/*FIX*/
.white {
    color: #fff;
}

.black {
    color: #000 !important;
}

.orange {
    color: var(--primary);
}
.text-side-lines {
    display: grid;
    grid-template-columns: minmax(50px, 1fr) auto minmax(50px, 1fr);
    align-items: center;
    text-align: center;
    gap: 40px;
}

.text-side-lines::before, 
.text-side-lines::after {
    content: '';
    /*   border-top: 6px solid; */
    background: linear-gradient(90deg, #c4ff00, var(--primary));
    height: 4px;
    border-radius: 4px;
}

.text-side-lines::after {
    background: linear-gradient(270deg, #c4ff00, var(--primary));
}

.divider {
    width: 125px;
    height: 4px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--rf-lime), var(--primary));
    margin: 15px auto;
}


/*.text-side-lines {
    --sl-clr: var(--primary);
    margin: 2rem 0;
}

.text-side-lines {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: center;
}

.text-side-lines:before,
.text-side-lines:after {
    content: "";
    flex: 1;
    width: 100%;
    height: 2px;
    background-color: var(--sl-clr);
}

.text-side-lines:before {
    margin-right: 1rem;
}

.text-side-lines:after {
    margin-left: 1rem;
}*/


.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    border-top: 1px solid rgba(var(--medium-rgb), 0.3);
    border-bottom: 1px solid rgba(var(--medium-rgb), 0.3);
    font-size:12px;
}

    .breadcrumb > li {
        margin-bottom: 0;
    }

.border-0 {
    border: none;
}

.rounded {
    border-radius: 1rem;
}
.rounded-top{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

img.box-shadow {
    box-shadow: 0 10px 20px 0 rgba(0,25,50,.1);
}

img.ar-16-9 {
    aspect-ratio: 16 / 9;
}

img.ar-3-2 {
    aspect-ratio: 3 / 2;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overflow-x-hidden {
    overflow-x: hidden;
}
.object-fit-cover {
    object-fit: cover;
}
.h-100 {
    height: 100% !important;
}

.w-100 {
    width: 100% !important;
}


@media(min-width:768px) {
    p {
        margin: 0 0 35px;
        font-size: 15px;
        line-height: 1.5;
    }
}

a {
    color: var(--primary);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    a:focus,
    a:hover {
        color: var(--primary-shade);
    }

    a.white {
        color: #fff !important;
    }

        a.white:focus,
        a.white:hover {
            text-decoration: underline;
        }

    a.orange {
        color: var(--primary) !important;
    }

        a.orange:focus,
        a.orange:hover {
            color: var(--primary-shade);
            text-decoration: underline;
        }

    a.grey {
        color: var(--primary) !important;
    }

        a.grey:focus,
        a.grey:hover {
            color: var(--primary-shade);
            text-decoration: underline;
        }

.link-white {
    color: rgba(255,255,255,.8);
}

    .link-white:focus,
    .link-white:hover {
        color: rgba(255,255,255,1);
        text-decoration: underline;
    }

a.view-bio {
    color: var(--primary);
    display: block;
    cursor: pointer;
    margin-bottom: 10px;
}

    a.view-bio:hover {
        color: var(--primary-shade);
        text-decoration: none;
    }

.no-pad {
    padding: 0;
}

hr {
    margin-top: 15px;
    margin-bottom: 15px;
}


.headerline {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    display: inline-block;
    font-size: 38px;
}

.headerline2 {
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
    display: inline-block;
    font-size: 38px;
    text-align: center !important;
}

.headerline3 {
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    display: inline-block;
    font-size: 38px;
    line-height: 1.5;
    font-weight: 500;
}

.headerline4 {
    padding-bottom: 15px;
    display: inline-block;
    font-size: 30px;
    line-height: 1;
}

.headerline5 {
    display: inline-block;
    font-size: 30px;
    padding: 15px;
}

.overlay {
    /*background: rgba(0, 0, 0, 0.5);*/
    /*background: #BBBCBC;*/
    background: #53565a;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

section {
    position: relative;
    padding: 100px 0;
}


@media(max-width:768px) {
    section {
        padding: 70px 0;
    }
}



.list-inline > li {
    padding-bottom: 10px;
}

.label {
    border-radius: 0;
}

.label-danger {
    background-color: #c00;
}

/* -------------------------------- 

SEARCH STYLES

-------------------------------- */
@media only screen and (max-width: 1169px) {
    body.nav-on-left.overflow-hidden {
        overflow: hidden;
    }
}

input {
    font-family: "open sans",Arial,sans-serif;
    font-size: 1rem;
}

    input[type="search"]::-ms-clear {
        /* removes close icon - IE */
        display: none;
    }

    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-results-button,
    input[type="search"]::-webkit-search-results-decoration {
        display: none;
    }



/* Button */
.caret {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn {
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    padding: 6px 12px;
    white-space: nowrap;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .btn:hover {
        color: #000;
    }

.btn-link {
    color: var(--primary);
}

.btn-default {
    border: 2px solid var(--default);
    outline: 0;
    background-color: var(--default);
    color: #fff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    border: 2px solid var(--default-shade);
    outline: 0;
    background-color: var(--default-shade);
    color: #fff;
}
.btn-default.disabled{
    color:#ccc;
}
.btn-primary {
    border: 2px solid var(--primary);
    outline: 0;
    background-color: var(--primary);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
    border: 2px solid var(--primary-shade) !important;
    outline: 0;
    color: #fff;
    background-color: var(--primary-shade);
}

.btn-secondary {
    border: 2px solid var(--secondary);
    outline: 0;
    color: #fff !important;
    background-color: var(--secondary);
}

    .btn-secondary:hover,
    .btn-secondary:focus {
        border: 2px solid var(--secondary-shade) !important;
        outline: 0;
        color: #fff;
        background-color: var(--secondary-shade);
    }


.btn-tertiary {
    border: 2px solid var(--primary);
    outline: 0;
    background-color: var(--primary);
    color: #fff;
}

    .btn-tertiary:hover,
    .btn-tertiary:focus {
        border: 2px solid var(--primary) !important;
        outline: 0;
        color: var(--primary) !important;
        background-color: #fff;
    }

.btn.btn-tertiary:hover .caret,
.btn-tertiary:focus .caret {
    color: var(--primary) !important;
}

.btn-quaternary {
    border: 1px solid var(--primary);
    outline: 0;
    color: #000;
    background-color: #fff;
}

    .btn-quaternary:hover,
    .btn-quaternary:focus {
        border: 1px solid var(--primary);
        outline: 0;
        color: #fff;
        background-color: var(--primary);
    }


.btn-quinary {
    border: 2px solid var(--primary);
    outline: 0;
    color: #000 !important;
    background-color: transparent;
}

.btn.btn-quinary:hover {
    border: 2px solid var(--primary) !important;
    outline: 0;
    color: #fff !important;
    background-color: var(--primary) !important;
}

.btn-quinary:hover,
.btn-quinary:focus {
    border: 2px solid var(--primary) !important;
    outline: 0;
    color: #000;
    background-color: var(--primary);
}

.btn-white {
    border: 2px solid #fff !important;
    outline: 0 !important;
    color: #fff;
    background-color: transparent;
}

    .btn-white:hover,
    .btn-white:focus {
        border: 2px solid #000;
        outline: 0;
        color: #fff;
        background-color: #000;
    }


.btn-transparent-white {
    color: #eceef1;
    background-color: RGBA(255,255,255,.2);
    border-color: #eceef1;
}

    .btn-transparent-white:hover,
    .btn-transparent-white:focus,
    .btn-transparent-white:active,
    .btn-transparent-white.active,
    .open .dropdown-toggle.btn-transparent-white {
        color: #fff !important;
        background-color: RGBA(255,255,255,.3);
        border-color: #fff;
    }


.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
}

.btn-grey {
    border-color: #dde1e6;
    color: #303030 !important;
}

.btn-sm-grey {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    border-color: #dde1e6;
    color: #303030 !important;
}

.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active
.btn-grey.active,
.btn-sm-grey:hover,
.btn-sm-grey:focus,
.btn-sm-grey:active
.btn-sm-grey.active {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff !important;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-info {
    color: var(--primary) !important;
    background-color: #fff;
    border-color: #fff;
    /*    -webkit-box-shadow: 0 2px 0 0 #217dbb;
    -moz-box-shadow: 0 2px 0 0 #217dbb;
    box-shadow: 0 2px 0 0 #217dbb*/
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        color: #FFF!important;
        background-color: var(--primary);
        border-color: var(--primary);
        /*    -webkit-box-shadow: 0 2px 0 0 var(--primary);
    -moz-box-shadow: 0 2px 0 0 var(--primary);
    box-shadow: 0 2px 0 0 #eacece*/
    }

.btn-group-vertical > .btn-info:first-child:not(:last-child),
.btn-group-vertical > .btn-info:not(:first-child):not(:last-child),
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn-info,
.btn-group-vertical > .btn-info:first-child:not(:last-child):hover,
.btn-group-vertical > .btn-info:not(:first-child):not(:last-child):hover,
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn-info:hover, .btn-group-vertical > .btn-info:first-child:not(:last-child):focus,
.btn-group-vertical > .btn-info:not(:first-child):not(:last-child):focus, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn-info:focus, .btn-group-vertical > .btn-info:first-child:not(:last-child):active,
.btn-group-vertical > .btn-info:not(:first-child):not(:last-child):active, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn-info:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-info,
.input-group-btn .btn-info,
.input-group-btn.open .btn-info,
.input-group-btn .open .dropdown-toggle.btn-info {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #3498db;
        border-color: #3498db
    }

.btn-checkbox {
    color: #676e76;
    background-color: #fff;
    border-color: #b1b9c6;
    text-shadow: none; /*-webkit-box-shadow: 0 2px 0 0 #676e76; -moz-box-shadow: 0 2px 0 0 #676e76; box-shadow: 0 2px 0 0 #676e76*/
}

    .btn-checkbox:before {
        content: "\f096";
        font-family: "FontAwesome", Times, serif;
        padding-right: 4px;
        font-size: 16px;
        line-height: 16px;
        color: inherit
    }

    .btn-checkbox.active:before {
        content: "\f046";
    }


/*.btn-language {
    outline: none;
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    padding-top: 15px;
    color: #fff;
}*/



/* Alert Styles */
.alert-success {
    color: #000;
    background-color: transparent;
    border-color: #000;
    text-align: left;
}

.alert-load {
    color: #000;
    background-color: transparent;
    border-color: #ddd;
    text-align: center;
}

.alert-info {
    color: #000;
    background-color: #f9f9f9;
    border-color: var(--primary);
    text-align: center;
}

.alert-success .alert-link {
    color: var(--success) !important;
    text-align: left;
}

.alert-success:hover .alert-link:hover {
    color: var(--primary) !important;
    text-align: left;
}

/* Dropdown Customization */

.dropdown-menu {
    background-color: var(--secondary);
}

.dropdown-menu li {
    padding: 0;
}

.dropdown-menu > li > a {
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
}
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover {
    background-color: rgb(var(--rf-deep-blue-rgb));
    color: var(--primary);
}

.dropdown-menu > li.active > a {
    background-color: #000;
    color: var(--primary);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: rgb(var(--rf-deep-blue-rgb));
}

.dropdown-menu .divider {
    background-color: #334155;
    padding: 0px;
}

.split-padding0,
.split-padding,
.split-padding2,
.split-padding3,
.split-padding4,
.split-padding5 {
    padding: 100px 60px 50px;
}



@media(max-width:768px) {
    .split-padding0,
    .split-padding,
    .split-padding2,
    .split-padding3,
    .split-padding4,
    .split-padding5 {
        padding: 50px 20px 50px;
    }
}

.split-padding-demo {
    padding: 50px;
}

.split-padding0,
.split-padding,
.split-padding2 {
    color: #fff;
}

.split-padding3,
.split-padding4 {
    color: #111;
}

.split-padding0 {
    background-color: #151515;
}

.split-padding {
    background-color: #111;
}

.split-padding2 {
    background-color: #000;
}

.split-padding3 {
    background-color: rgba(255, 255, 255, 0.6);
}

.split-padding4 {
    background-color: rgba(255, 255, 255, 0.6);
}

a .fa-circle {
    color: var(--primary);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a:hover .fa-circle {
    color: #797b7d;
}

/* NavBar */

.navbar {
    margin-bottom: 0px;
    border-radius: 0px;
}

.nav.navbar-nav li {
    margin-bottom: 0;
}

#subnav {
}

#filterbar {
    width: 100%;
}

    #filterbar ul:not(.dropdown) li {
        margin-bottom: 0;
    }

    #filterbar .dropdown {
        display: none;
    }

@media screen and (max-width:768px) {
    .navbar-toggle {
        padding: 18px 10px 10px 10px;
    }

    #filterbar .nav {
        display: none;
    }

    #filterbar .dropdown {
        display: block;
    }
}

#filterbar.navbar {
    border-color: #d1d5db;
    background-color: #fff;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    border-bottom-width: 2px;
    font-weight: 600;
    min-height: unset;
    padding: 0.75em 0;
}

    #filterbar.navbar .navbar-nav {
        margin: 0;
    }

        #filterbar.navbar .navbar-nav > li > a {
            color: #303030;
        }

        #filterbar.navbar .navbar-nav > li.active > a {
            background-color: #fff;
            color: var(--primary);
        }

            #filterbar.navbar .navbar-nav > li.active > a:hover {
                background-color: #e5e7eb;
                color: var(--primary);
            }

        #filterbar.navbar .navbar-nav > li > a:hover {
            background-color: #e5e7eb;
        }

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: #fff;
}

#sign-in {
    position: relative; /* padding-top: 0px; */
}

    #sign-in #user-avatar {
        position: absolute;
        top: 3px;
        width: 40px;
        height: 40px;
    }

    #sign-in .sign-in-text {
        margin-left: 50px;
    }


.languageselect img {
    margin-right: 10px;
}

.goog-te-banner-frame {
    display: none !important;
}

html.translated-ltr body {
    top: 0 !important;
}



@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 15px;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 0px 0px 2px 60px;
    }
}





header.intro {
    display: flex;
    align-items: center;
    width: 100%;
    color: #fff;
    /*text-shadow: 0 1px 3px rgba(0,0,0,.2);*/
    text-shadow: 0px 0px 12px rgba(4, 4, 4, .45);
    height: 400px;
    margin-top: var(--top-navbar-height);
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

    header.intro h2 {
        font-size: 48px;
        letter-spacing: unset;
        line-height: 1;
    }

p.eyebrow {
    letter-spacing: 0.10em;
}



.color {
    color: var(--primary);
}

.head-section {
    text-align: center;
    /* color: #303030;*/
    padding: 2em 0;
}


/* About */

#about,
#about2,
#about3 {
    padding-top: 0;
    padding-bottom: 0;
    color: #333;
}

/* Big Triangle */
svg#bigTriangleColor {
    pointer-events: none;
}

#bigTriangleBlack path {
    fill: #FFF;
    stroke: #FFF;
    stroke-width: 2;
}

@media(max-width:768px) {
    #about,
    #about2,
    #about3 {
        text-align: center;
    }
}


/* Log In Page */

h6.light {
    font-weight: 300;
    padding-bottom: 15px;
    display: inline-block;
    font-size: 30px;
}

/* Background colors */
.bg-img {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.bg-light {
    background: #000;
    color: #fff;
}

    .bg-light a:hover {
        color: #fff;
    }


.bg-dark {
    background: rgb(var(--rf-deep-blue-rgb));
    color: #fff;
}

.bg-dark h1, .bg-dark .h1, .bg-dark h2, .bg-dark .h2, .bg-dark h3, .bg-dark .h3, .bg-dark h4, .bg-dark .h4, .bg-dark h5, .bg-dark .h5, .bg-dark h6, .bg-dark .h6 {
    color: #fff
}

.bg-dark > .text-white {
    color: #fff !important;
}

.bg-dark hr {
    border-top-color: rgba(var(--primary-rgb),0.4);
}

/*backgroud with fix for lesson video display*/
.bg-dark-lessonFix {
    background: rgb(var(--rf-deep-blue-rgb));
    color: #fff;
    width: fit-content;
    min-width: 100%;
}

.bg-dark.bg-dark-semitransparent {
    /*background: rgba(42, 47, 55, 0.75);*/
    background: rgba(var(--rf-deep-blue-rgb), 0.75);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    color: #fff;
    border-top: 1px solid RGBA(255,255,255,.2)
}
/*.bg-dark {background: #000; color: #fff; }
.bg-dark a:hover { color:#fff;}*/
.bg-light.bg-light-semitransparent {
    background: #fff;
    color: #fff;
    border-bottom: 2px solid #dadada;
    min-height: 50px;
    position: relative;
}



.bg-diagonal-gradient {
    background: rgba(42,47,55,0.8);
    color: #fff;
    background-image: linear-gradient(115deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(to left, #9E9E9E 0%, #212121 100%);
    box-sizing: border-box;
    transition: all .25s ease-in-out;
    position: relative;
}

    .bg-diagonal-gradient.red-gradient {
        background-image: linear-gradient(115deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(to left, #C3112E 0%, #330000 100%);
    }

    .bg-diagonal-gradient.mp {
        background: rgba(42,47,55,0.8);
        background-image: linear-gradient(115deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(to left, #4C72B5 0%, #052446 100%);
    }

    .bg-diagonal-gradient h1, .bg-diagonal-gradient .h1, .bg-diagonal-gradient h2, .bg-diagonal-gradient .h2, .bg-diagonal-gradient h3, .bg-diagonal-gradient .h3, .bg-diagonal-gradient h4, .bg-diagonal-gradient .h4, .bg-diagonal-gradient h5, .bg-diagonal-gradient .h5, .bg-diagonal-gradient h6, .bg-diagonal-gradient .h6 {
        color: #fff
    }

    .bg-diagonal-gradient p {
        color: #fff;
        color: RGBA(255,255,255,.8);
    }

    .bg-diagonal-gradient a {
        color: #ccc;
        color: RGBA(255,255,255,.7);
    }

        .bg-diagonal-gradient a:hover {
            color: #FFF;
        }

    .bg-diagonal-gradient .btn:hover {
        border-color: #fff;
    }

    .bg-diagonal-gradient hr {
        border-top-color: rgba(255,255,255,0.8);
        -webkit-box-shadow: 0 1px 2px rgba(53,59,69,0.8);
        -moz-box-shadow: 0 1px 2px rgba(53,59,69,0.8);
        box-shadow: 0 1px 2px rgba(53,59,69,0.8)
    }

.bg-inner-shadow {
    -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.1), inset 0 -3px 7px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.1), inset 0 -3px 7px rgba(0,0,0,.1);
    box-shadow: inset 0 3px 7px rgba(0,0,0,.1), inset 0 -3px 7px rgba(0,0,0,.1);
}

.bg-white {
    background: #fff;
    color: #303030;
}

.bg-orange {
    background: var(--primary);
    color: #fff;
}

.bg-secondary {
    background: var(--secondary);
}

.bg-gradient-blue-black {
    background: linear-gradient(135deg, #254a5d, #000 100%);
}

.bg-gradient-primary-deep-blue {
    background: linear-gradient(rgb(var(--rf-deep-blue-rgb)), var(--primary));
}

.bg-white-grey {
    background-color: #fff;
    border: 1px solid #ddd;
}

.bg-black {
    background: #000;
}

.bg-almost-black {
    background: #27272a;
    color: #fff
}

.transparent-bg {
    background: transparent;
}


.bg-img-split-left{
    /*background: linear-gradient( to right, pink 0%, pink 50%, paleturquoise 50%, paleturquoise 100% );*/
    --img: url(/content/images/interface/RACKP2.jpg);
    background-image: var(--img), linear-gradient(to bottom, transparent, transparent 100%);
    background-position: top center, center center;
    background-repeat: no-repeat, repeat;
    background-size: cover, cover;
}
    .bg-almost-black h1, .bg-almost-black .h1, .bg-almost-black h2, .bg-almost-black .h2, .bg-almost-black h3, .bg-almost-black .h3, .bg-almost-black h4, .bg-almost-black .h4, .bg-almost-black h5, .bg-almost-black .h5, .bg-almost-black h6, .bg-almost-black .h6 {
        color: #fff
    }

    .bg-almost-black hr {
        border-top-color: rgba(31,35,41,0.8);
        -webkit-box-shadow: 0 1px 1px rgba(53,59,69,0.8);
        -moz-box-shadow: 0 1px 1px rgba(53,59,69,0.8);
        box-shadow: 0 1px 1px rgba(53,59,69,0.8)
    }


.bg-highlight {
    /* background: #f9f9f9;*/
    background: linear-gradient(180deg, #e5e7eb, #fff);
    /*color: #676e76*/
}

    .bg-highlight h1, .bg-highlight .h1, .bg-highlight h2, .bg-highlight .h2, .bg-highlight h3, .bg-highlight .h3, .bg-highlight h4, .bg-highlight .h4, .bg-highlight h5, .bg-highlight .h5, .bg-highlight h6, .bg-highlight .h6 {
        /*color: #2f353e*/
    }

    .bg-highlight hr {
        border-top-color: #d1d5db;
        -webkit-box-shadow: 0 1px 1px #fff;
        -moz-box-shadow: 0 1px 1px #fff;
        box-shadow: 0 1px 1px #fff
    }

.bg-borders {
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #f9f9f9;
}

.bg-borders-grey {
    border-color: #EDEDED
}

.bg-borders-white {
    border-color: #f9f9f9
}


.input-group-addon {
    background-color: #eceef1;
    border: 1px solid #b1b9c6;
    border-radius: 2px
}

.has-warning .input-group-addon {
    color: var(--warning);
    border-color: var(--warning);
    background-color: #fbea86
}

.has-error .input-group-addon {
    color: var(--danger);
    border-color: var(--danger);
    background-color: #fcc8c8
}

.has-success .input-group-addon {
    color: #27ae60;
    border-color: #27ae60;
    background-color: #9fd757
}



.form-control {
    color: #676e76;
    border-width: 1px;
    border-color: #b1b9c6;
    border-radius: 2px
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: 0 0 2px 2px rgba(102,175,233,.6);
        -moz-box-shadow: 0 0 2px 2px rgba(102,175,233,.6);
        box-shadow: 0 0 2px 2px rgba(102,175,233,.6);
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eceef1
    }

.form-control-sm {
    width: 30%
}

.has-warning .form-control {
    border-color: var(--warning);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-warning .form-control:focus {
        border-color: #c87f0a;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #f8c573;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #f8c573;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #f8c573
    }

.has-error .form-control {
    border-color: #dc143c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-error .form-control:focus {
        border-color: #ad102f;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #f16581;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #f16581;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #f16581
    }

.has-success .form-control {
    border-color: #27ae60;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-success .form-control:focus {
        border-color: #1e8449;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #60db94;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #60db94;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #60db94
    }

#minimal-footer {
    /*position: absolute;*/
    --background: rgba(0, 0, 0, .4);
    bottom: 0;
    height: 50px;
    overflow: hidden;
    width: 100%;
    z-index: 11;
    background: #000;
    line-height: 50px;
    padding: 15px 10px;
    color: #ffffff;
    font-size: 12px;
    background: var(--background);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
}

    #minimal-footer a {
        color: #ccc;
    }

        #minimal-footer a:hover {
            color: #fff;
            text-decoration: none
        }

.left {
    float: left;
}

.right {
    float: right;
}

.full-width {
    width: 100%
}

ul { /*padding-left:0;*/
    list-style: none;
}



/* Extra markup and styles for table-esque vertical and horizontal centering */
.login-wrapper {
    display: flex;
    width: 100%;
    /*   height: 100vh;*/
    min-height: 100%;
    align-items: center;
}

.login-wrapper-inner {
    display: flex;
    align-items: center;
    width: 100%;
}

    .login-wrapper-inner .card.box-shadow {
        box-shadow: 2px 4px 12px rgba(0,0,0,.2) !important;
    }


/* My Account - Password */
#myAccount {
    margin: 0 0 10px;
}

h1.account {
    margin: 0 0 15px;
    text-transform: capitalize;
}



a.thumbnail {
    padding: 5px
}

    a.thumbnail:hover,
    a.thumbnail:focus {
        border-color: #C3112E
    }

.thumbnail {
    margin-bottom: 20px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #c0c7d1;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 6px 2px rgba(189,195,199,0.15);
    box-shadow: 0 0 6px 2px rgba(189,195,199,0.15)
}

    .thumbnail > a {
        display: block;
        z-index: 999
    }

        .thumbnail > a .thumbnail-category {
            position: absolute;
            left: 0;
            bottom: 0;
            padding: .5em 1em;
            background: #2a2f37;
            color: #fff;
            font-size: .8em;
            text-transform: uppercase
        }

    .thumbnail .overlay-container {
        position: relative
    }

    .thumbnail .overlay-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 2em 2em 0;
        background: rgba(42,47,55,0.85);
        z-index: 100;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
        visibility: hidden;
        opacity: 0;
    }

        .thumbnail .overlay-content, .thumbnail .overlay-content p, .thumbnail .overlay-content h1, .thumbnail .overlay-content .h1, .thumbnail .overlay-content h2, .thumbnail .overlay-content .h2, .thumbnail .overlay-content h3, .thumbnail .overlay-content .h3, .thumbnail .overlay-content h4, .thumbnail .overlay-content .h4, .thumbnail .overlay-content h5, .thumbnail .overlay-content .h5, .thumbnail .overlay-content h6, .thumbnail .overlay-content .h6 {
            color: #fff
        }

    .thumbnail:hover .overlay-content, .thumbnail:focus .overlay-content {
        visibility: visible;
        opacity: 1;
    }

    .thumbnail .caption {
        padding: 1em
    }

        .thumbnail .caption *:last-child {
            margin-bottom: 0
        }

        .thumbnail .caption h1 a, .thumbnail .caption .h1 a, .thumbnail .caption h2 a, .thumbnail .caption .h2 a, .thumbnail .caption h3 a, .thumbnail .caption .h3 a, .thumbnail .caption h4 a, .thumbnail .caption .h4 a, .thumbnail .caption h5 a, .thumbnail .caption .h5 a, .thumbnail .caption h6 a, .thumbnail .caption .h6 a {
            color: #2f353e
        }

        .thumbnail .caption p {
            margin: 0 0 0 10px;
        }

        .thumbnail .caption h1 a:hover, .thumbnail .caption .h1 a:hover, .thumbnail .caption h2 a:hover, .thumbnail .caption .h2 a:hover, .thumbnail .caption h3 a:hover, .thumbnail .caption .h3 a:hover, .thumbnail .caption h4 a:hover, .thumbnail .caption .h4 a:hover, .thumbnail .caption h5 a:hover, .thumbnail .caption .h5 a:hover, .thumbnail .caption h6 a:hover, .thumbnail .caption .h6 a:hover, .thumbnail .caption h1 a:focus, .thumbnail .caption .h1 a:focus, .thumbnail .caption h2 a:focus, .thumbnail .caption .h2 a:focus, .thumbnail .caption h3 a:focus, .thumbnail .caption .h3 a:focus, .thumbnail .caption h4 a:focus, .thumbnail .caption .h4 a:focus, .thumbnail .caption h5 a:focus, .thumbnail .caption .h5 a:focus, .thumbnail .caption h6 a:focus, .thumbnail .caption .h6 a:focus {
            color: #C3112E
        }

    .thumbnail .thumbnail-meta {
        padding: 1em;
        border-top: 1px solid #c0c7d1;
        font-size: 85%
    }

        .thumbnail .thumbnail-meta *:last-child {
            margin-bottom: 0
        }

    .thumbnail > img, .thumbnail > a img, .overlay-container > img {
        display: block;
        max-width: 100%;
        height: auto
    }

.thumbnail-frameless {
    border: 0;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

    .thumbnail-frameless .caption {
        padding: 1em 0
    }

.thumbnail-md {
    width: clamp(50px, 30%, 100px);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    color: #676e76
}

    .modal-header .close {
        margin-top: -2px
    }

    .modal-header button.close {
        opacity: .6
    }

        .modal-header button.close:hover {
            opacity: 1
        }



.no-border {
    border-color: transparent !important;
    border: none
}

/*.panel-body ul, .list-group ul {
    padding-left: 0;
    padding-right: 0
}*/
.panel-body .list-group ul {
    padding-left: 0;
    padding-right: 0
}

.panel-primary .list-group-item {
    background-color: #fff;
    border-color: #eceef1;
}

.panel-primary a.list-group-item:hover {
    background: #eceef1
}

ul.list-group, ul.list-group ul {
    list-style: none;
}

a.list-group-item {
    background-color: #fff;
    /*border: 1px solid #b1b9c6*/
}

    a.list-group-item:first-child {
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box
    }

    a.list-group-item:last-child {
        -webkit-border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        border-radius: 0 0 2px 2px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box
    }

    a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
        color: #fff;
        background-color: #2a2f37;
        border-color: #2a2f37
    }

        a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading {
            color: inherit
        }

        a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
            color: var(--primary)
        }

.list-group-flush {
    border-radius: 0;
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px;
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0;
        }

/* My Certification Dashboard */

#my-certification {
    background-color: #f9f9f9;
}

h3.small-box {
    font-size: 20px;
}

p.small-box {
    text-align: left;
}

.panel-heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
.panel-secondary {
    border-color: #eee
}

    .panel-secondary > .panel-heading {
        /*background-color: var(--primary);
border-color: var(--primary);*/
        background-color: var(--secondary);
        border-color: var(--secondary);
        -webkit-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0;
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }

        .panel-secondary > .panel-heading, .panel-secondary > .panel-heading .panel-title {
            color: #fff;
            letter-spacing: unset;
        }

            .panel-secondary > .panel-heading + .panel-collapse .panel-body {
                border-top-color: #2a2f37
            }

    .panel-secondary .panel-heading h1, .panel-secondary .panel-heading h2, .panel-secondary .panel-heading h3:not(.popover-title) {
        color: #fff;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .panel-secondary > .panel-heading > .dropdown .caret {
        border-color: #fff transparent
    }

    .panel-secondary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #2a2f37
    }

    .panel-secondary .panel-heading a i:hover {
        color: #FFF
    }

    .panel-secondary > .panel-heading .popover {
        color: #000;
        margin-top: 0;
    }

h3.popover-title {
    color: #fff;
    background-color: var(--secondary);
    margin-top: 0;
}
/*.popover-title {
    color: #fff;
    margin-top: 0;
}*/
.panel-group .panel-heading > .collapsed:after {
    content: "\f054" !important;
}

.panel-body-collapsed {
    display: none;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #b1b9c6
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #b1b9c6
}

.panel-secondary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #2a2f37
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #eceef1
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #eceef1
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #27ae60
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #27ae60
}

.panel-warning {
    border-color: var(--warning)
}

    .panel-warning > .panel-heading {
        background-color: var(--warning);
        border-color: var(--warning);
        -webkit-border-radius: 2px 2px 0 0;
        -moz-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box
    }

        .panel-warning > .panel-heading, .panel-warning > .panel-heading .panel-title {
            color: #fff
        }

            .panel-warning > .panel-heading + .panel-collapse .panel-body {
                border-top-color: var(--warning)
            }

            .panel-warning > .panel-heading > .dropdown .caret {
                border-color: #fff transparent
            }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: var(--warning)
    }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: var(--warning)
    }

.panel-danger > .panel-heading + .panel-collapse .panel-body {
    border-top-color: var(--danger)
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: var(--danger)
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #3498db
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #3498db
}

.panel-body-collapsed {
    display: none;
}

.panel-icon {
    padding: 2em
}

    .panel-icon img {
        max-width: 170px;
        height: 100px;
    }

.panel .icn.icn-certification {
    background: url('../Images/logos/obu-certfied-logo-dark.png') no-repeat center center;
    height: 70px;
}

.panel .table td {
    padding: 10px 15px;
}

.panel-footer {
    border-top: 1px solid #d1d5db;
    background-color: #e5e7eb;
}

.panel .info-toggle i {
    font-size: 20px;
    color: #fff;
}

#back a {
    color: var(--primary) !important;
}

/* CALLOUT */
.callout {
    position: relative;
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid var(rgb(--rf-deep-blue-rgb));
}

    .callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .callout p {
        font-size: inherit;
    }

        .callout p:last-child {
            margin-bottom: 0;
        }

    .callout code,
    .callout .highlight {
        background-color: #fff;
    }

/* Callout Variations */
.callout-danger {
    background-color: #FFF;
    border-color: var(--danger);
    border-width: 0;
    padding-left: 80px;
}

    .callout-danger h4 {
        color: var(--danger);
        font-weight: 900;
    }

    .callout-danger:before {
        content: "\f057";
        font-family: "FontAwesome", Times, serif;
        font-size: 28px;
        line-height: 2;
        text-align: center;
        color: #FFF;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        width: 60px;
        background-color: var(--danger);
    }

.callout-warning {
    background-color: #FFF;
    border-color: var(--warning);
    border-width: 0;
    padding-left: 80px;
}

    .callout-warning:before {
        content: "\f071";
        font-family: "FontAwesome", Times, serif;
        font-size: 28px;
        line-height: 2;
        text-align: center;
        color: #FFF;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        width: 60px;
        background-color: var(--warning);
    }

.callout-info {
    background-color: #fff;
    border-color: #3498db;
    border-width: 0;
    padding-left: 80px;
}

    .callout-info:before {
        content: "\f05a";
        font-family: "FontAwesome", Times, serif;
        font-size: 28px;
        line-height: 2;
        text-align: center;
        color: #FFF;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        width: 60px;
        background-color: var(--primary);
    }

.callout-success {
    background-color: #fff;
    border-color: #27ae60;
    border-width: 0;
    padding-left: 80px;
}

    .callout-success:before {
        content: "\f058";
        font-family: "FontAwesome", Times, serif;
        font-size: 28px;
        line-height: 2;
        text-align: center;
        color: #FFF;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        width: 60px;
        background-color: #27ae60;
    }

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



.table-fixed {
    table-layout: fixed
}



/* Events - My Certification */
ul.event-list {
    list-style: none !important;
}

.event-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .event-list > li {
        background-color: #fff;
        padding: 0px;
        margin: 0px 0px 1em;
        transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
    }

        .event-list > li > time {
            display: inline-block;
            width: 100%;
            color: #FFF;
            background-color: var(--secondary);
            padding: 5px;
            text-align: center;
            text-transform: uppercase;
        }


            .event-list > li > time > span {
                display: none;
            }

            .event-list > li > time > .day {
                display: block;
                font-size: 46pt;
                font-weight: 100;
                line-height: 1;
            }

        .event-list > li time > .month {
            display: block;
            font-size: 18pt;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 8px;
        }

        .event-list > li time > .year {
            display: block;
            font-size: 12pt;
            font-weight: 500;
            line-height: 1;
        }

        .event-list > li > .img img {
            width: 20%;
            height: 20%;
            margin: 10px 40%;
        }

        .event-list > li > .info {
            padding: 0 20px;
            text-align: center;
        }

            .event-list > li > .info .title {
                font-size: 17pt;
                font-weight: 700;
                margin: 0px;
                color: #000;
            }

            .event-list > li > .info .desc {
                font-size: 13pt;
                font-weight: 300;
                margin: 0px;
            }

@media (min-width: 768px) {
    .event-list > li {
        position: relative;
        display: table;
        width: 100%;
        padding: 0px;
    }

        .event-list > li > time,
        .event-list > li > .img {
            display: table-cell;
            width: 120px;
            height: 120px;
            padding: 0px;
            margin: 0px;
            vertical-align: middle;
        }

            .event-list > li > .img img {
                width: 90%;
                height: 90%;
                margin: 5%;
            }

        .event-list > li > .info {
            background-color: #FFF;
            position: relative;
            text-align: left;
            display: table-cell;
            vertical-align: middle;
        }
}

.card.people .card-info .desc {
    display: block;
    margin: 8px 14px 0 14px;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    color: #737373;
    text-overflow: ellipsis;
}

.card.hovercard .info .desc {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis;
}
.card.box-shadow.card-hover:hover,
.card.box-shadow.card-hover:focus,
.card.box-shadow.card-hover:focus-within
{
    color: #fff;
}
/* Test Results -My Certification */
.table {
    background-color: #fff;
}


h3.test-results {
    margin: 0 0 5px;
}

h4.test-results {
    margin: 0 0 15px;
    text-transform: none;
}

.test-result-panel-body {
    padding: 15px;
}

.label-grey {
    background: var(--primary) !important;
    Font-size: 14px;
}

/* BOX SHADOW */
.shadow-z-1 {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.08);
}

.shadow-z-1-hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}


/* Expert Profile Setup Homepage - My Certification */
.blocks {
    display: table;
    width: 100%
}

.block {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

    .block.full-width {
        width: 100%;
    }

    .block.one-third {
        width: 33.33%;
    }

    .block.one-forth {
        width: 25%;
    }

    .block.one-fifth {
        width: 20%;
    }

    .block.two-third {
        width: 66.66%;
    }

    .block.three-forth {
        width: 75%;
    }

    .block .img {
        height: auto;
        width: 100%;
    }

.block-content {
    padding: 15px;
}

.block-content-left {
    padding-right: 15px
}

.block-content-center {
    padding: 0 15px
}

.block-content-right {
    padding-left: 15px
}

.block-content-center-lg {
    padding: 40px;
}

.block .icon {
    padding: 2em
}

    .block .icon img {
        max-width: 120px;
    }

@media screen and (max-width:900px) {
    .block h3 {
        font-size: 18px
    }
}

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

    .block {
        display: inline-block;
        width: 100%;
    }

        .block.one-fifth {
            width: 49%;
        }
}

.label-success {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: var(--success);
    color: #fff;
    border: 1px solid var(--success);
}

    .label-success[href]:hover, .label-success[href]:focus {
        background-color: var(--success);
        color: #fff;
    }






/**
 * Progress Mods
 */
.progress-xs {
    height: 8px;
}

.progress-sm {
    height: 12px;
}

.badge {
    color: #fff;
    background-color: #303030;
}

a .badge:hover, a .badge:focus {
    color: #fff
}

a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #C3112E;
    background-color: #fff
}

.badge.badge-primary {
    color: #fff;
    background-color: #C3112E
}

.user-profile {
    position: relative;
    /*z-index: 999;*/
    padding: 40px 0 !important;
}

@media(max-width:768px) {
    .user-profile {
        padding: 30px 0 !important;
    }
}

.save-continue {
    border: 2px solid var(--primary);
    outline: 0;
    color: #fff;
    background-color: var(--primary);
}

    .save-continue:hover,
    .save-continue:focus {
        border: 2px solid var(--primary);
        outline: 0;
        color: var(--primary);
        background-color: #fff;
    }

/* Primary Address */
.has-warning .help-block, .has-warning .control-label {
    color: var(--warning)
}

.has-error .help-block, .has-error .control-label {
    color: #dc143c
}

.has-success .help-block, .has-success .control-label {
    color: #27ae60
}

.form-control {
    color: #676e76;
    border-width: 1px;
    border-color: #b1b9c6;
    border-radius: 2px
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: 0 0 2px 2px rgba(102,175,233,.6);
        -moz-box-shadow: 0 0 2px 2px rgba(102,175,233,.6);
        box-shadow: 0 0 2px 2px rgba(102,175,233,.6);
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eceef1
    }

.form-control-sm {
    width: 30%
}
/*.input-group {
    display:flex;
}*/
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    border-radius: 2px
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    border-radius: 2px
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

.input-group .btn {
    border: 1px solid #b1b9c6;
    border-bottom-right-radius: 2px !important;
    border-top-right-radius: 2px !important;
    background-color: #eceef1;
    color: #b1b9c6;
}

    .input-group .btn:hover {
        background-color: #b1b9c6;
        color: #fff;
    }

.input-group-addon {
    background-color: #eceef1;
    border: 1px solid #b1b9c6;
    border-radius: 2px
}

.has-warning .form-control {
    border-color: var(--warning);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-warning .form-control:focus {
        border-color: #c87f0a;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #f8c573;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #f8c573;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #f8c573
    }

.has-warning .input-group-addon {
    color: var(--warning);
    border-color: var(--warning);
    background-color: #fbea86
}

.has-error .help-block, .has-error .control-label {
    color: #dc143c
}

.has-error .form-control {
    border-color: #dc143c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-error .form-control:focus {
        border-color: #ad102f;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #f16581;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #f16581;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #f16581
    }

.has-error .input-group-addon {
    color: #dc143c;
    border-color: #dc143c;
    background-color: #fcc8c8
}

.has-success .help-block, .has-success .control-label {
    color: #27ae60
}

.has-success .form-control {
    border-color: #27ae60;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

    .has-success .form-control:focus {
        border-color: #1e8449;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #60db94;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #60db94;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #60db94
    }




/* User Profile - Profession */
.profession {
    position: relative;
    background: #eacece;
    border: 1px solid #ddd;
    -moz-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    -o-transition: all 1s ease-in;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    transition: all 1s ease-in;
    cursor: pointer
}

    .profession.selected {
        -o-transition: all 1s ease-out;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }

    .profession:hover:not(.selected) {
        -webkit-box-shadow: 0 0 8px rgba(177, 185, 198, 0.6);
        box-shadow: 0 0 8px rgba(177, 185, 198, 0.6);
    }

    .profession.soccer-profession .icn {
        background: url('../img/soccer_icn.svg') no-repeat center center;
        height: 75px;
        width: 30%;
        margin: 0 35%;
    }

    .profession.fitness-profession .icn {
        background: url('../img/fitness_icn.svg') no-repeat center center;
        height: 75px;
        width: 30%;
        margin: 0 35%;
    }

    .profession.medical-profession .icn {
        background: url('../img/medical_icn.svg') no-repeat center center;
        height: 75px;
        width: 30%;
        margin: 0 35%;
    }

    .profession.other-profession .icn {
        background: url('../img/other_icn.svg') no-repeat center center;
        height: 75px;
        width: 30%;
        margin: 0 35%;
    }

.fitness-profession.selected {
    border-color: #BF1E2D;
    background-color: rgba(195, 17, 46, 0.11);
    -webkit-box-shadow: 0 0 8px rgba(195, 17, 46, 0.3);
    box-shadow: 0 0 8px rgba(195, 17, 46, 0.3);
    background: #ec1c23;
    background: -moz-linear-gradient(top, #ec1c23 0%, #be1e2e 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ec1c23), color-stop(100%, #be1e2e));
    background: -webkit-linear-gradient(top, #ec1c23 0%, #be1e2e 100%);
    background: -o-linear-gradient(top, #ec1c23 0%, #be1e2e 100%);
    background: -ms-linear-gradient(top, #ec1c23 0%, #be1e2e 100%);
    background: linear-gradient(to bottom, #ec1c23 0%, #be1e2e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1c23', endColorstr='#be1e2e', GradientType=0 );
}

.soccer-profession.selected {
    border-color: #ddd;
    background-color: rgba(234, 116, 33, 0.11);
    -webkit-box-shadow: 0 0 8px rgba(234, 116, 33, 0.3);
    box-shadow: 0 0 8px rgba(234, 116, 33, 0.3);
    background: #8bc53f;
    background: -moz-linear-gradient(top, #eacece 0%, var(--primary) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #8bc53f), color-stop(100%, #37b349));
    background: -webkit-linear-gradient(top, #eacece 0%, var(--primary) 100%);
    background: -o-linear-gradient(top, #eacece 0%, var(--primary) 100%);
    background: -ms-linear-gradient(top, #eacece 0%, var(--primary) 100%);
    background: linear-gradient(to bottom, #eacece 0%, var(--primary) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc53f', endColorstr='#37b349', GradientType=0 );
}

.medical-profession.selected {
    border-color: #0F75BB;
    background-color: rgba(15, 117, 187, 0.11);
    -webkit-box-shadow: 0 0 8px rgba(15, 117, 187, 0.3);
    box-shadow: 0 0 8px rgba(15, 117, 187, 0.3);
    background: #26a8e0;
    background: -moz-linear-gradient(top, #26a8e0 0%, #1b76bb 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #26a8e0), color-stop(100%, #1b76bb));
    background: -webkit-linear-gradient(top, #26a8e0 0%, #1b76bb 100%);
    background: -o-linear-gradient(top, #26a8e0 0%, #1b76bb 100%);
    background: -ms-linear-gradient(top, #26a8e0 0%, #1b76bb 100%);
    background: linear-gradient(to bottom, #26a8e0 0%, #1b76bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a8e0', endColorstr='#1b76bb', GradientType=0 );
}

    .fitness-profession.selected h3, .soccer-profession.selected h3, .medical-profession.selected h3 {
        color: #fff;
    }

.other-profession.selected {
    border-color: #b1b9c6;
    background-color: #eceef1;
    -webkit-box-shadow: 0 0 8px rgba(177, 185, 198, 0.3);
    box-shadow: 0 0 8px rgba(177, 185, 198, 0.3);
    background: #eceef1;
    background: -moz-linear-gradient(top, #eceef1 0%, #b1b9c6 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #eceef1), color-stop(100%, #b1b9c6));
    background: -webkit-linear-gradient(top, #eceef1 0%, #b1b9c6 100%);
    background: -o-linear-gradient(top, #eceef1 0%, #b1b9c6 100%);
    background: -ms-linear-gradient(top, #eceef1 0%, #b1b9c6 100%);
    background: linear-gradient(to bottom, #eceef1 0%, #b1b9c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceef1', endColorstr='#b1b9c6', GradientType=0 );
}

.profession.selected:after {
    content: "\f00c";
    font-family: "FontAwesome", Times, serif;
    font-size: 18px;
    line-height: 32px;
    color: #000;
    position: absolute;
    top: 5px;
    right: 5px;
    border: 2px solid #FFF;
    background: RGBA(255,255,255,.8);
    border-radius: 50%;
    width: 36px;
    height: 36px
}

.profession .credential-info {
    display: none;
}

.profession.selected .credential-info {
    display: block;
}

.profession .credentials-list li, .profession .other-name-display {
    padding: 6px 10px;
    font-weight: bold;
    line-height: 18px;
    color: #000;
    background-color: rgba(255, 255, 255, 0.55);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    text-align: left;
    margin: 0 2% 10px 0;
    cursor: default
}

.profession .other-name {
    display: none;
}

.profession.selected .other-name {
    display: block;
}

.profession .credentials-list li span, .profession .other-name-display span {
    display: inline-block;
    width: 90%;
}

.profession .other-name-display span {
    width: 75%
}

.profession .credentials-list li a {
    color: #333;
}

    .profession .credentials-list li a:hover {
        color: #FFF;
    }

.profession .other-name-display a {
    font-size: 10px
}


h3.light-white {
    font-weight: 300;
    color: white;
}


.page-header {
    margin-top: 0;
    border-bottom: 1px solid #d2d4d7
}

.no-data {
    border: 2px solid #cfd4db;
    border-radius: 6px;
    padding: 24px 0px;
    margin: 0 auto;
    text-align: center;
    background-color: #FFF;
}

    .no-data i {
        font-size: 5em;
    }

    .no-data h1, .no-data h2, .no-data h3 {
        margin: 1em auto;
        border-bottom: none !important;
    }

    .no-data p {
        margin: 0 auto
    }


/* --- [ MODAL STYLES ] --- */
.cb-modal {
    padding: 1em;
    background: #000;
    color: #FFF;
}

    .cb-modal h1, .cb-modal h2, .cb-modal h3, .cb-modal h4, .cb-modal h5, .cb-modal h6 {
        color: #FFF;
    }

    .cb-modal h1 {
        margin: 0px 0 5px 0;
    }

    .cb-modal h4 {
        margin: 0px 0 5px 0;
    }

    .cb-modal p {
        color: #FFF;
    }

        .cb-modal p.large {
            font-size: 16px;
        }

.cb-modal-content {
    margin: 10px 0;
    display: inline-block;
    width: 100%;
}

.cb-modal hr {
    background: transparent url('../images/interface/rule_dark.png')repeat-x;
    height: 2px;
    border: none;
    margin: 5px 0;
}

.cb-modal .dbl_rule {
    width: 100%;
    height: 1px;
    background-color: #fff;
}
/*-- Modal light-- */
.cb-modal.light {
    background: #F8F8F9;
    color: #676e76;
}

    .cb-modal.light h1, .cb-modal.light h2, .cb-modal.light h3, .cb-modal.light h4, .cb-modal.light h5, .cb-modal.light h6 {
        color: #2f353e
    }

        .cb-modal.light h1.text-light {
            color: #fff;
        }

    .cb-modal.light p {
        color: #676e76;
    }

        .cb-modal.light p.large {
            font-size: 16px;
        }

    .cb-modal.light hr {
        background: none;
        height: 0px;
        margin: 5px 0;
        border-top: 1px solid #dde1e6;
        -webkit-box-shadow: 0 1px 1px #fff;
        -moz-box-shadow: 0 1px 1px #fff;
        box-shadow: 0 1px 1px #fff
    }

    .cb-modal.light .dbl_rule {
        width: 100%;
        height: 1px;
        background-color: #fff;
    }

.cb-modal .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0px 0px -35px;
    background: #000 url('../images/interface/progress.gif') no-repeat center center;
    width: 70px;
    height: 70px;
    z-index: 9999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.wb_loading {
    display: none;
    margin: -35px 0px 0px -35px;
    background: #fff url(images/pro/calendar/interface/loader.gif) no-repeat center center;
    width: 70px;
    height: 70px;
    z-index: 9999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.cb-modal-content .wb_loading {
    position: absolute;
    top: 45%;
    left: 50%;
}

.no-display {
    display: none
}
/* -- Note Bootstrap reserves the hide class with display:none!important making it impossible to override without getting cray -- */
.embed-wrapper {
    position: relative;
    padding-top: 30px;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden
}

    .embed-wrapper iframe, .embed-wrapper object, .embed-wrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

@media(min-width:768px) {
    .embed-wrapper.embed-sm {
        padding-bottom: 25%
    }

    .embed-wrapper.embed-lg {
        padding-bottom: 75%
    }

    .embed-wrapper.embed-square {
        padding-bottom: 100%
    }
}

h2.light-black {
    font-weight: 300;
    color: black;
}

.req {
    color: var(--primary);
}

h2.light-black {
    font-weight: 300;
    color: black;
}

/* Tests Questions */
.panel-highlight {
    padding: 9px 9px 0px 14px;
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd;
}

.badge-answers {
    padding: 7px 9px;
    border-radius: 4px;
    color: #fff;
    background-color: var(--primary);
}

/* Checkout Confirm */
/* -- MESSAGGING -- */
.mssg {
    min-width: 100px;
    padding: 15px 20px 15px 50px;
    margin: 0 0 10px;
    font: normal 12px/18px; /* border radius */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
}
    /*.mssg strong {margin-right: 10px;}*/
    .mssg a {
        font-weight: 600
    }

        .mssg a:hover {
            text-decoration: underline
        }
/* -- ERROR MESSAGGING -- */
.box {
    display: none;
    min-width: 100px;
    color: #000;
    padding: 15px 20px 15px 50px;
    margin: 10px 0;
    font: normal 12px/12px arial, helvetica, sans-serif; /* border radius */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .box strong {
        margin-right: 10px;
    }

.error {
    background: #fccac2 url('../images/interface/icons/error.png') no-repeat 10px center;
    border: 1px solid #eb5339;
}

    .error a {
        color: #eb5339;
    }
/* -- SUCCESS MESSAGGING -- */
.mssg.success {
    color: #000;
    background: #efffb9 url('../images/interface/icons/success.png') no-repeat 10px center;
    border: 1px solid #99c600;
}

    .mssg.success a {
        color: #99c600;
    }

.warning {
    background: #ffeaa8 url('../images/interface/icons/warning.png') no-repeat 10px center;
    border: 1px solid #f9b416;
}

    .warning a {
        color: #CC6600;
    }

.information {
    background: #cce1ef url('../images/interface/icons/info.png') no-repeat 10px center;
    border: 1px solid #4d8fcb;
}

    .information a {
        color: #4d8fcb;
    }

.tip {
    background: #ffeac8 url('../images/interface/icons/bulb.png') no-repeat 10px center;
    border: 1px solid #d38e4a;
}

    .tip a {
        color: #d38e4a;
    }

.message {
    background: #f2f2f2 url('../images/interface/icons/message.png') no-repeat 10px center;
    border: 1px solid #aaa;
}

    .message a {
        color: #aaa
    }

.download {
    background: #efffb9 url('../images/interface/icons/download.png') no-repeat 10px center;
    border: 1px solid #99c600;
}

    .download a {
        color: #99c600
    }

.mssg .edit {
    background: #ffeaa8 url('../images/interface/icons/edit.png') no-repeat 10px center;
    border: 1px solid #f9b416;
}

.lock {
    background: #f2f2f2 url('../images/interface/icons/lock.png') no-repeat 10px center;
    border: 1px solid #aaa;
}

.construction {
    background: #ffeac8 url('../images/interface/icons/construction.png') no-repeat 10px center;
    border: 1px solid #d38e4a;
}

    .construction a {
        color: #d38e4a;
    }

.mssg a#close {
}


/* Philosophy */

#philosophy {
    background: linear-gradient(rgb(var(--rf-deep-blue-rgb)), var(--primary));
    color: #fff;
    padding: 70px 0;
}

.staff-category {
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.5px;
    color: var(--primary) !important;
}

/* Advisory Staff */
.headshots {
    margin: 0 auto;
}

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

.one-third {
    width: 33.33%;
}

.two-third {
    width: 66.66%;
}

.media-left {
    padding-right: 15px;
}

.media-heading {
    margin-top: 17px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 35px;
    letter-spacing: 1px;
    color: var(--primary) !important;
}

/* Seminar Calendar Styles */

#seminar {
    padding: 80px 0;
}

.table {
    text-align: left;
}

.thead-default {
    background-color: var(--primary);
    color: #fff;
}


.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #dadada;
}

/* Seminar Schedule Styles */

#seminarschedule.table {
}

.schedule {
    text-align: center;
}


/* Articles Styles */

#author {
    color: var(--primary) !important;
}

#less-padding {
    margin: 0 0 20px !important;
}

h4.no-padding {
    margin: 0 0 0px;
    text-transform: none;
    letter-spacing: 0px;
}

p.no-padding {
    margin: 0 0 0px;
}

h1.less-padding {
    margin: 0 0 10px;
    text-align: center;
}

/*  Comments 
------------------------------------------------*/
#comments {
    padding: 10px 0 5px;
}

    #comments fieldset {
        border: none;
    }

#comments-container { /*width:645px;*/
}

#comments .comments-section h4 {
    margin: 5px 0;
    padding: 0 3px;
    border-bottom: 1px solid #CCC;
    color: #666;
    font-weight: normal;
    line-height: 1.9231em;
}
/* [ COMMENTS AVATAR ] */
#comments .comments-post-container {
    margin-top: 1em;
    padding: 3px;
}

#comments .comments-rating {
    width: 100%;
    position: relative;
    left: 100px;
    top: 5px;
    font-size: 1.1em;
    line-height: 1.2;
}

#comments .comment-thumb-80 {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 84px;
    height: 84px;
    border: 1px solid #3F474A;
    background-color: #fff;
}

    #comments .comment-thumb-80 img {
        width: 80px;
        height: 80px;
        margin: 1px;
    }

#comments .comment-thumb-40 {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    border: 1px solid #3F474A;
    background-color: #fff;
}

    #comments .comment-thumb-40 img {
        width: 40px;
        height: 40px;
        margin: 1px;
    }

#comments .comments-textarea-container {
    margin-left: 95px;
    position: relative;
}

    #comments .comments-textarea-container .comments-textarea-tip {
        position: absolute;
        left: -7px;
        top: 19px;
        height: 14px;
        width: 7px;
    }

    #comments .comments-textarea-container label {
        position: absolute;
        left: 10px;
        top: 10px;
        color: #666;
    }

    #comments .comments-textarea-container textarea {
        height: 5.8em;
        resize: vertical;
        width: 100%;
        padding: 5px;
        background: #F6F6F6;
        color: #666;
        font-size: 13px;
        border: 1px solid #B9B9B9;
        border-top-color: #A4A4A4;
        -moz-box-shadow: 0 1px 0 white,inset 0 1px 1px rgba(0, 0, 0, .17);
        -ms-box-shadow: 0 1px 0 white,inset 0 1px 1px rgba(0, 0, 0, .17);
        -webkit-box-shadow: 0 1px 0 white,inset 0 1px 1px rgba(0, 0, 0, .17);
        box-shadow: 0 1px 0 white,inset 0 1px 1px rgba(0, 0, 0, .17);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        #comments .comments-textarea-container textarea:focus {
            color: #444;
            background: #fff;
            outline: 0;
            border-color: #545D61;
        }

#comments .comments-post-buttons {
    margin-top: .5em;
    float: right;
}

#comments .comment-list {
    margin: 5px 0 0 0;
    clear: left;
    padding: 0;
}

    #comments .comment-list .comment {
        position: relative;
        margin: 0 0 10px;
        display: block;
        padding: 8px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -moz-transition: background-color .18s;
        -ms-transition: background-color .18s;
        -o-transition: background-color .18s;
        -webkit-transition: background-color .18s;
        transition: background-color .18s;
        border: 1px solid #E6E6E6;
    }

        #comments .comment-list .comment:hover {
            background-color: #FFF;
            -moz-box-shadow: 0 2px 2px #ccc;
            -ms-box-shadow: 0 2px 2px #ccc;
            -webkit-box-shadow: 0 2px 2px #ccc;
            box-shadow: 0 1px 2px #ccc;
        }

        #comments .comment-list .comment div.item { /*width: 450px;*/
        }

        #comments .comment-list .comment .avatar {
            position: relative;
            float: left;
            display: inline-block;
            vertical-align: middle;
            width: 44px;
            height: 44px;
            border: 1px solid #3F474A;
            background-color: #fff;
        }

            #comments .comment-list .comment .avatar:after {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                border: 5px solid transparent;
                border-left: 5px solid #3F474A;
                top: 16px;
                right: -10px
            }

            #comments .comment-list .comment .avatar img {
                width: 40px;
                height: 40px;
                margin: 1px;
            }

        #comments .comment-list .comment .comment-text {
            float: left;
            margin: 0 0 6px 12px;
            width: 80%;
        }

            #comments .comment-list .comment .comment-text p {
                margin-bottom: 10px;
            }

                #comments .comment-list .comment .comment-text p.metadata {
                    font-size: 11px;
                    margin-bottom: 0;
                }

        #comments .comment-list .comment .comment-actions {
            display: none;
            position: absolute;
            top: 10px;
            right: 5px;
        }

        #comments .comment-list .comment.reply {
        }

            #comments .comment-list .comment.reply textarea {
                height: 5.8em;
                resize: vertical;
                width: 100%;
                padding: 5px;
                background: #F6F6F6;
                color: #666;
                font-size: 13px;
                border: 1px solid #B9B9B9;
                border-top-color: #A4A4A4;
                -moz-box-shadow: 0 1px 0 white,inset 0 1px 1px rgba(0, 0, 0, .17);
                -ms-box-shadow: 0 1px 0 white,inset 0 1px 1px rgba(0, 0, 0, .17);
                -webkit-box-shadow: 0 1px 0 white,inset 0 1px 1px rgba(0, 0, 0, .17);
                box-shadow: 0 1px 0 white,inset 0 1px 1px rgba(0, 0, 0, .17);
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
            }

                #comments .comment-list .comment.reply textarea:focus {
                    color: #444;
                    background: #fff;
                    outline: 0;
                    border-color: #545D61;
                }

            #comments .comment-list .comment.reply .comment-actions {
                display: block;
                position: relative;
            }

        #comments .comment-list .comment.moderator {
            background: url("../images/interface/comments_moderator_bg.png")no-repeat right 10px;
        }

            #comments .comment-list .comment.moderator .avatar {
                border: 1px solid #C3112E;
            }

                #comments .comment-list .comment.moderator .avatar:after {
                    content: '';
                    position: absolute;
                    width: 0;
                    height: 0;
                    border: 5px solid transparent;
                    border-left: 5px solid #C3112E;
                    top: 16px;
                    right: -10px
                }

                #comments .comment-list .comment.moderator .avatar span {
                }

        #comments .comment-list .comment.depth_1:after,
        #comments .comment-list .comment.depth_2:after,
        #comments .comment-list .comment.depth_3:after,
        #comments .comment-list .comment.depth_4:after,
        #comments .comment-list .comment.depth_5:after {
            content: "\a0";
            float: left;
            position: absolute;
            left: -10px;
            top: 0;
            border-left: 3px solid #E6E6E6;
            height: 100%; /*background:url("../images/interface/rule_vert.gif")repeat-y 0 0px;*/
        }
        /*#comments .comment-list .comment.depth_1:after,
#comments .comment-list .comment.depth_2:after,
#comments .comment-list .comment.depth_3:after,
#comments .comment-list .comment.depth_4:after,
#comments .comment-list .comment.depth_5:after{content: ''; position: absolute; width: 0;height: 0;border: 15px solid transparent; border-bottom-color: #E6E6E6;bottom: 100%;left: 50%;margin-left: -15px; }*/
        #comments .comment-list .comment.depth_1 {
            margin-left: 10px;
        }

        #comments .comment-list .comment.depth_2 {
            margin-left: 20px;
        }

        #comments .comment-list .comment.depth_3 {
            margin-left: 30px;
        }

        #comments .comment-list .comment.depth_4 {
            margin-left: 40px;
        }

        #comments .comment-list .comment.depth_5 {
            margin-left: 50px;
        }

#comments .comments-sidebar {
    display: none;
}


.pagination {
    margin: 0px;
}



/* TIMESTAMP */
.article-list-img {
    position: relative
}

    .article-list-img img {
        border: 1px solid var(--border-color);
    }

.timestamp {
    width: 50px;
    background: url("../images/interface/dark_65_bg.png");
    position: absolute;
    top: 0;
    left: 15px;
    display: block;
}

    .timestamp .month, .timestamp .day, .timestamp .year {
        color: #FFF;
        font-weight: 700;
        font-size: 11px;
        display: block;
        text-align: center;
    }

    .timestamp .month {
        font-size: 13px;
    }

    .timestamp .day {
        font-size: 20px;
        line-height: 20px
    }

.ribbon {
    position: relative;
    margin-left: -9px;
    margin-right: -9px;
    padding-left: 9px;
    line-height: 30px;
    background: #C3112E;
    color: #fff
}

    .ribbon:after {
        content: "";
        position: absolute;
        right: 0;
        border: 15px solid #C3112E;
        border-color: transparent;
        border-right-color: #eceef1
    }

.the-stacks {
    position: relative;
}

    .the-stacks:before {
        content: "";
        display: block;
        position: absolute;
        top: -1px;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -25px;
        border-width: 25px;
        border-style: solid;
        border-color: #eceef1 transparent transparent;
    }

blockquote {
    border-left: 10px solid var(--border-color);
    background-color: #fff;
    padding: 1.5em;
    font-weight: 200;
}

.p1 {
    line-height: 1.5;
    font-size: 18.5px;
}

.p2 {
    text-align: center;
    line-height: 1.5;
    font-size: 23px;
    text-transform: uppercase;
}

.p3 {
    margin: 0px 0px 25px !important;
}

.blockquote-secondary {
    border: 2px solid var(--secondary);
    padding: 0.75em;
    padding-left: 1.25em;
    background-color: #fff;
    color: var(--secondary);
    font-weight: 700;
    letter-spacing: 0.5px;
}

.blockquote-decor {
    font-family: "FontAwesome", Times, serif;
    text-align: center;
    position: absolute;
    width: 60px;
    height: 50px;
    background-color: #fff4ed;
    top: .6em;
    left: -1px;
    content: "\f10d";
    font-size: 35px;
    line-height: 50px;
    color: inherit;
}


.well {
    background-color: #fff;
    margin-bottom: 0;
}

/* Tags */

.nav.nav-mini > li > a {
    padding: 5px 16px;
}

.nav-pills > li {
    margin-bottom: 0; /*transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out;*/
}

    .nav-pills > li > a {
        color: #303030;
        font-weight: 700;
        font-size:14px;
        background: transparent;
        border-radius: 4px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }

        .nav-pills > li > a:hover, .nav-pills > li > a:focus {
            color: #303030;
            background: #eceef1
        }

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: var(--primary);
    }

    .nav-pills > li.disabled > a, .nav-pills > li.disabled > a:hover, .nav-pills > li.disabled > a:focus {
        color: rgba(234, 116, 33,0.7);
        background: transparent
    }
/* -- NAV PILLS on dark background -- */
.nav-pills.nav-pills-dark > li {
    margin-bottom: 0;
    padding: 0px 15px;
}

    .nav-pills.nav-pills-dark > li > a {
        color: #303030;
        background: transparent;
        border-radius: 4px;
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }

        .nav-pills.nav-pills-dark > li > a:hover, .nav-pills.nav-pills-dark > li > a:focus {
            color: var(--primary);
            background: #ddd
        }

    .nav-pills.nav-pills-dark > li.active > a, .nav-pills.nav-pills-dark > li.active > a:hover, .nav-pills.nav-pills-dark > li.active > a:focus {
        color: var(--primary);
        background-color: #fff;
        font-weight: 600;
    }

    .nav-pills.nav-pills-dark > li.disabled > a, .nav-pills.nav-pills-dark > li.disabled > a:hover, .nav-pills.nav-pills-dark > li.disabled > a:focus {
        color: rgba(234,76,136,0.7);
        background: transparent
    }

.tag-list ul {
    list-style: none !important;
}

    .tag-list ul li {
        display: inline-block;
    }

.tags {
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

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

    .tags:after {
        clear: both
    }

    .tags li {
        display: inline-block;
        float: left;
        margin: 0 .4em .4em 0
    }

        .tags li span {
            margin-right: 5px
        }

.text-center .tags li {
    float: none
}

.text-right .tags li {
    float: right
}

.tags li a {
    display: inline-block;
    padding: 6px 12px;
    background: var(--primary);
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

    .tags li a:hover, .tags li a:focus {
        background: #eacece
    }

.tags .active a {
    background: #eacece
}


.no-display {
    display: none
}
/* -- Note Bootstrap reserves the hide class with display:none!important making it impossible to override without getting cray -- */

.center-element {
    display: table;
    margin: 0 auto
}

/* Event Details Styles */

#details {
    padding: 80px auto;
    background-color: #f9f9f9;
}

.bs-callout {
    padding: 15px;
    margin: 17px 0;
    border: 1px solid #eee;
    border-left-width: 5.5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
        font-weight: 400;
        letter-spacing: 0.5px;
        color: var(--primary) !important;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-default {
    border-left-color: var(--rf-lime);
}

    .bs-callout-default h4 {
        color: #777;
    }

.bs-callout-primary {
    border-left-color: var(--primary);
}

    .bs-callout-primary h4 {
        color: #428bca;
    }

.bs-callout-success {
    border-left-color: var(--success);
}

    .bs-callout-success h4 {
        color: var(--success);
    }

.bs-callout-danger {
    border-left-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

    .bs-callout-warning h4 {
        color: #f0ad4e;
    }

.bs-callout-info {
    border-left-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }

.panel > .table:last-child > tbody:last-child.tr:last-child th:last-child {
    margin: 10px 0 5px;
    font-weight: 600;
    color: var(--primary);
    font-size: 20px;
    font-style: normal !important;
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

tb {
    font-style: normal !important;
}

.panel {
    background-color: #fff;
}



.panel-body-bio {
    padding: 35px;
}

.table {
    text-align: left;
}

.thead-default {
    background-color: var(--primary);
    color: #fff;
}


.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #dadada;
}



/* Certification */
.number-circle {
    background: transparent;
    border: 1px solid #676E76;
    -webkit-border-radius: 50%;
    display: inline-block;
    font-weight: bold;
    line-height: 1.9em;
    margin-right: 5px;
    text-align: center;
    width: 2em;
    font-size: 20px;
}

#certify,
#certify2,
#certify3 {
    padding-top: 0;
    padding-bottom: 0;
    color: #333;
}

#certify {
    width: 100%;
    background: url(../img/5.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

@media(max-width:768px) {
    #certify,
    #certify2,
    #certify3 {
        text-align: center;
    }
}

/* Instructors */

/*#instructors {
    padding: 40px auto;
    background-color: #f9f9f9;
}
*/

#instructors a:hover {
    text-decoration: none;
}

#instructor-details {
    padding: 0 15px 8px 0;
}



.padding-x-lg {
    padding-top: 5em;
}

.padding-xx-lg {
    padding-top: 7em;
}

.padding-sides {
    padding-right: 3em;
    padding-left: 3em
}



/*-- 2. Thumbs --*/

.tile_thumbs {
    position: relative;
}

.tile_thumbs ul {
    list-style: none !important;
    display: grid;
    grid-gap: 1px;
    grid-template-columns: repeat(4, 1fr);
    padding: 0;
    margin: 0;
}

.tile_thumbs ul li {
    margin: 0;
    background: var(--rf-deep-blue);
    transition: background .3s cubic-bezier(0.38, 0.41, 0.27, 1);
}

.tile_thumbs ul li:nth-child(even) {
    background: #14396f;
}

.tile_thumbs ul li a:hover {
    text-decoration: none;
}

.tile_thumbs ul li:hover {
    background: #000;
}

.tile_thumbs ul li img {
    aspect-ratio: 1/1;
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: all .3s cubic-bezier(0.38, 0.41, 0.27, 1);
    transition: all .3s cubic-bezier(0.38, 0.41, 0.27, 1);
    background: transparent url('../images/interface/loading-dots-white.svg') no-repeat center center;
}

.tile_thumbs ul li div.item_info {
    width: 100%;
    padding: 25px;
}

.tile_thumbs ul li div.item_info h3 {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 21px;
    text-transform: uppercase;
    margin-top: 10px;
}

.tile_thumbs ul li div.item_info p {
    color: #FFF;
    color: RGBA(255,255,255,.8);
    font-size: 12px;
    line-height: 19px;
}

@media(max-width:767px) {
    .tile_thumbs ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

.opacityReduce {
    opacity: 0.4 !important;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


/* Progress Bar */
#progress {
    background-color: #000;
    color: #fff;
}

.progress {
    margin-bottom: 40px;
    background-color: #333;
}

/* Group Discount Available */

p.group-discount {
    margin: 0 0 5px !important;
}





@media(max-width:768px) {
    #test-results {
        padding: 0px;
    }
}


/* -------------------------------- 

SHOPPING CART STYLES

-------------------------------- */
body.overflow-hidden {
    /* prevent 2 vertical scrollbars on ie and firefox when the cart is visible */
    overflow: hidden;
}

.cd-img-replace {
    /* replace text with a background-image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#cart-pattern {
    background: url("../img/cart_pattern.png");
    height: 125px;
    width: 100%;
}


/*  Checkout specific -- move to separtate style sheet?
------------------------------------------------*/
/* CREDIT CARD ICONS */
.credit-options li {
    background: transparent url('../images/interface/cc-sprite.png') no-repeat 0 0;
    width: 54px;
    height: 34px;
    text-indent: -99999px;
    overflow: hidden;
    display: inline-block;
    float: left;
    padding: 0;
    margin-right: 5px;
}

    .credit-options li.visa {
        background-position: 0 0
    }

    .credit-options li.mastercard {
        background-position: -54px 0
    }

    .credit-options li.amex {
        background-position: -108px 0
    }

    .credit-options li.visa.selected {
        background-position: 0 -34px
    }

    .credit-options li.mastercard.selected {
        background-position: -54px -34px
    }

    .credit-options li.amex.selected {
        background-position: -108px -34px
    }


.btn.hover-black:hover {
    color: #000;
}

ul { /*padding-left:0;*/
    list-style: none;
}

    ul li {
        margin-bottom: .5em;
    }

    ul.check li::marker {
        font-family: "FontAwesome", Times, serif;
        content: "\f05d ";
        font-size: 1.2em;
        color: #27ae60;
    }

    ul.check li {
        padding-left: .75rem
    }

    ul.ban li::marker {
        font-family: "FontAwesome", Times, serif;
        content: "\f05e ";
        font-size: 1.2em;
        color: inherit;
    }

    ul.ban li {
        padding-left: .75rem
    }

    ul.ban.ban-danger li::marker {
        color: var(--danger)
    }

#content ul {
    list-style: disc;
}


.faq dl {
    margin-bottom: 50px
}

.faq dt {
    font-weight: bold;
    margin: 15px 0 5px 50px;
    margin-bottom: 21px;
}

    .faq dt:before {
        content: "Q";
        font-size: 12px;
        font-weight: bold;
        margin-right: 20px;
        padding: 6px 10px;
        color: #FFF;
        background-color: #C3112E;
        margin-left: -48px;
        position: relative;
        top: 2px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

.faq dd {
    margin: 25px 0 0px 50px;
    border-bottom: 1px solid #b1b9c6;
    padding-bottom: 20px;
}

.faq dd, .faq ul li {
    margin-bottom: 21px;
}

    .faq dd:before {
        content: "A";
        font-size: 12px;
        font-weight: bold;
        margin-right: 20px;
        padding: 6px 10px;
        color: #FFF;
        background-color: #676E76;
        margin-left: -48px;
        position: relative;
        top: 2px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }




nav div.eventCart {
    background-color: black;
}

/*CUSTOM KD CLASSES*/


.jumbotron {
    padding-top: 95px;
    margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
    .jumbotron h1 {
        font-size: 26px;
    }

    .jumbotron.bg-img.no-margin-bottom {
        position: relative;
        min-height: 20vh !Important;
        padding-bottom: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
}


.nav-pills.nav-pills-dark > li > a {
    color: #FFFFFF;
}


/* ON BASE WEBFLOW */

.onlinecourse-btn-nobanner {
    margin-left: 30%;
}

.w-col-6 {
    width: 50%;
}

.w-col {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.cont-featurecert {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}




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

    .cont-featurecert {
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: center;
    }

    .seccion-tienda {
        padding-top: 66px;
    }

    .onlinecourse-btn-nobanner {
        margin-left: 30%;
    }
}




@media (max-width: 480px) {
    img.fadeInDown.img-responsive {
        max-width: 250px !important;
    }

    .jumbotron.bg-img.no-margin-bottom {
        margin-top: 60px;
        background-size: contain;
    }

    .onlinecourse-btn-nobanner {
        margin-left: 10%;
    }
}

/* Add This
------------------------------------------------*/
.addthis_toolbox {
}

    .addthis_toolbox a {
        text-decoration: none;
        border-bottom: none;
        margin-right: 4px;
        padding: 0;
        color: #fff;
        text-align: center;
        border-radius: 4px;
        width: 30px !important;
        height: 30px !important;
        float: left;
        background: #2a2f37;
    }

        .addthis_toolbox a i {
            font-size: 14px;
            text-shadow: none;
            line-height: 30px;
            display: inline;
            padding: 0;
            margin-right: 0px;
        }

        .addthis_toolbox a:hover {
            background: #353b45;
            color: #fff;
        }

        .addthis_toolbox a.addthis_button_facebook:hover {
            background: #3B5998;
        }

        .addthis_toolbox a.addthis_button_twitter:hover {
            background: #00ACED;
        }

.addthis_counter {
    height: 30px;
    position: relative;
    margin-right: 4px;
}

.addthis_button_expanded {
    height: 30px;
    width: 30px;
    color: #FFF;
    text-shadow: none;
    line-height: 30px;
    background: #333;
    border: #333;
    border-radius: 4px;
    overflow: hidden;
}

    .addthis_button_expanded:hover {
        color: #fff
    }

    .addthis_button_expanded:after, .addthis_button_expanded:before {
        right: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .addthis_button_expanded:after {
        border-color: rgba(51, 51, 51, 0);
        border-right-color: #333;
        border-width: 4px;
        top: 50%;
        margin-top: -4px;
    }

.addthis_button_compact {
    display: none;
}


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

.validation-summary-errors li {
    padding-left: 1em;
}

    .validation-summary-errors li:before {
        font-family: "FontAwesome", Times, serif;
        content: "\f06a ";
        color: #dc143c;
        margin-right: .4em;
    }

input.input-validation-error {
    border-color: #dc143c;
}


.qq-uploader {
    text-shadow:unset;
    color: #000;
}
.qq-uploader:before {
    opacity:1
}



@media (min-width: 300px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        width: 96%;
    }
    .modal-dialog {
        width: 80%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.table-privacy {
    border-top: 1px solid #a1a1a1;
    background-color: #e5e7eb;
}