@charset 'UTF-8';
/*
Theme Name: SkillsCanadaWebsite
Author: Anonymous
Author URI:
Version: 1
Description: SkillsCanadaWebsite theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skillscanadawebs
Tags: one-column, two-columns
Theme URI:
*/
.bullet-list,
.js-filter-list,
.filter-drop,
.main-nav ul,
.main-nav .drop ul,
.footer-navigation
{
    margin: 0;
    padding: 0;

    list-style: none;
}

.clearfix:after
{
    display: block;
    clear: both; 

    content: '';
}

.ellipsis
{
    /* 2 */
    overflow: hidden; 

    white-space: nowrap;
    /* 1 */
    text-overflow: ellipsis;
}

h1,
.h1
{
    font-family: 'Cabin', 'Helvetica Neue', Arial, sans-serif; 
    line-height: 1.15;
}
@media (min-width: 375px)
{
    h1,
    .h1
    {
        font-size: 2.5rem;

        margin: 0;
    }
}

h2,
.h2
{
    font-family: 'Cabin', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.22;

    margin: 0 0 1.875rem;

    text-transform: uppercase;
}
@media (min-width: 769px)
{
    h2,
    .h2
    {
        font-size: 1.125rem;

        margin: 0 0 1.375rem;
    }
}

h3,
.h3
{
    line-height: 1.28;

    margin: 0 0 .3125rem;

    text-transform: uppercase;
}
@media (min-width: 769px)
{
    h3,
    .h3
    {
        margin: 0 0 .6875rem;
    }
}

a
{
    transition: color .3s ease-in-out, background .3s ease-in-out, border .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out, box-shadow .3s ease-in-out;
}
a:focus
{
    outline: #e2e2e2 auto 1px;
}

@media (max-width: 768.98px)
{
    p
    {
        margin: 0 0 .375rem;
    }
}

sub,
sup
{
    font-size: 65%;
}

	sup.tm {
    font-size: 120% !important;
    bottom: 0 !important;
    top: 0px;
}


[class^='icon-'],
[class*='icon-']
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    speak: never;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-subtract:before
{
    content: url(https://image.e.myamgensupport.com/lib/fe3f15707564057f761d70/m/1/5610330e-4430-41a0-851e-6550b9c40a1a.png);
}

.icon-close:before
{
    content: url(https://image.e.myamgensupport.com/lib/fe3f15707564057f761d70/m/1/ab2a9ea4-5d9f-479d-90af-8bbb10352d7e.png);
}

.icon-add-outline:before
{
    content: url(https://image.e.myamgensupport.com/lib/fe3f15707564057f761d70/m/1/c0b65b52-ff13-4735-96b7-1d7d4642552e.png);
}

.icon-close-outline:before
{
    content: url(https://image.e.myamgensupport.com/lib/fe3f15707564057f761d70/m/1/022c0a97-4ee1-4ff0-97f8-f126009bce9b.png);
}

.icon-search:before
{
    content: '\e902';
}

.icon-arrow-down:before
{
    content: url(https://image.e.myamgensupport.com/lib/fe3f15707564057f761d70/m/1/b317f822-8880-4877-8bcf-ffbe8b9df467.png);
}
@media (min-width: 769px) {
    .icon-arrow-down:before {
        content: url(https://image.e.myamgensupport.com/lib/fe3f15707564057f761d70/m/1/c1d29952-97b1-4490-8f06-5c6c0cffce60.png);
        position: absolute;
        top: 3px;
    }
}

.icon-arrow-right:before
{
    content: url(https://image.e.myamgensupport.com/lib/fe3f15707564057f761d70/m/1/71fb2abd-5bfe-4910-a7e4-b2220c9522b4.png);
}


.form-search
{
    position: relative;

    margin: 0 0 1.25rem;
}
@media (min-width: 769px)
{
    .form-search
    {
        margin: 0 0 1.5625rem;
    }
}
.form-search:before
{
    content: url(https://image.e.myamgensupport.com/lib/fe3f15707564057f761d70/m/1/9dd8ef10-67e0-4695-9932-2590834e03ca.png);
    width: 19px;
    height: 19px;
    background-size: cover;

    position: absolute;
    top: 50%;
    left: .5625rem; 
    
    transform: translateY(-50%);
}
.form-search:after
{
    position: absolute;
    top: 50%;
    left: 2.5rem; 

    width: .0625rem;
    height: 1.25rem;

    content: '';
    transform: translateY(-50%);

    background: #707070;
}
.form-search .form-control
{
    padding-right: 2.8125rem;
    padding-left: 3.125rem;
}
.form-search input[type='search']::-webkit-search-decoration,
.form-search input[type='search']::-webkit-search-cancel-button,
.form-search input[type='search']::-webkit-search-results-button,
.form-search input[type='search']::-webkit-search-results-decoration
{
    display: none;
}
.form-search .reset-button
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    display: -ms-flexbox;
    display: flex;

    width: 2.8125rem;
    padding: 0;

    transition: color .3s ease-in-out;

    color: #38939b;
    border: none;
    background: transparent; 

    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.form-search .reset-button:hover
{
    color: #1b0069;
}
.form-search .reset-button:focus
{
    outline-color: #38939b;
}

.btn-holder
{
    display: -ms-flexbox;
    display: flex;

    margin: 0 -.375rem; 

    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 375px)
{
    .btn-holder
    {
        margin: 0 -.5625rem;
    }
}
.btn-holder:last-child
{
    margin-bottom: -.625rem;
}
.btn-holder .btn
{
    margin: 0 .375rem .625rem;
}
@media (min-width: 375px)
{
    .btn-holder .btn
    {
        margin: 0 .5625rem .625rem;
    }
}

.card
{
    letter-spacing: -.03em; 

    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .16);
}
.card h3
{
    font-size: 1.125rem;
    line-height: 1.16;
}

.card-image
{
    height: 7.5rem;
    margin: 0 0 .9375rem; 

    text-align: center;
}
.card-image img
{
    width: 100%;
    height: 100%;

    object-fit: contain;
}

.card-footer
{
    border: none; 
    background: inherit;
}

.card-body
{
    padding: 1.25rem .75rem 1.25rem 1.25rem;
}

.card-title
{
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;

    min-height: 2.6875rem;
    margin: 0; 

    text-transform: none;
}

.heading-block
{
    font-size: .875rem;
    line-height: 1.14;

    padding: .55rem 0 .875rem; 

    color: #646464;
    background: #fff;
}
@media (min-width: 769px)
{
    .heading-block
    {
        line-height: 1.28;

        padding: .45rem 0;
    }
}
.heading-block .js-read-more,
.heading-block .js-close-more
{
    font-weight: 500;

    text-transform: capitalize;
}
.heading-block .container
{
    max-width: 61.25rem;
}
.heading-block .close
{
    font-size: 1.375rem;

    position: absolute;
    top: .25rem;
    right: 0;

    transition: color .3s ease-in-out;

    opacity: 1; 
    color: #38939b;
}
.heading-block .close:hover
{
    color: #1b0069;
}
.heading-block h2,
.heading-block .h2
{
    margin: 0 0 .375rem; 

    text-transform: uppercase;
}
@media (max-width: 768.98px)
{
    .heading-block h2,
    .heading-block .h2
    {
        font-size: 1.125rem;

        margin: 0 0 .625rem;
    }
}
.heading-block .js-close-more
{
    font-size: 1.125rem;

    display: block;

    margin: 0 0 .625rem;
}

.heading-inner
{
    position: relative;

    padding-right: 1.25rem;
}
@media (min-width: 769px)
{
    .heading-inner
    {
        padding-right: 3.75rem;
    }
}

[data-cookie-alert]
{
    overflow: hidden;

    height: 0; 

    transition: none !important;

    opacity: 0;
}
[data-cookie-alert].show
{
    height: auto; 

    opacity: 1;
}

.bullet-list
{
    margin: 0 0 .9375rem;
}
.bullet-list li
{
    display: inline-block;

    width: 100%;
    margin: 0 0 .625rem; 

    vertical-align: top;
}
.bullet-list li:before
{
    display: inline-block;

    margin: 0 .3125rem 0 0; 

    content: '•';
    vertical-align: top;

    color: #38939b;
}

.info-popup-active
{
    overflow: hidden;
}

.info-fixed-block
{
    position: fixed;
    z-index: 100; 
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    height: 100%;
    padding: .875rem 0 2.1875rem;

    transition: transform .3s ease-in-out;
    transform: translateY(calc(100% - 93px));

    background: #fff;
    box-shadow: 0 -.125rem .625rem 0 rgba(0, 0, 0, .14);
}
@media (max-width: 768.98px)
{
    .info-fixed-block
    {
        font-size: .875rem;
        line-height: 1.15;
    }
}
@media (min-width: 769px)
{
    .info-fixed-block
    {
        padding: 1.25rem 0 3.4375rem; 

        transform: translateY(calc(100% - 115px));
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
    .info-fixed-block
    {
        transform: translateY(89%);
    }
}
.info-popup-active .info-fixed-block
{
    overflow-x: hidden;
    overflow-y: auto;

    transform: translateY(0);
}
.info-fixed-block.hidden
{
    transform: translateY(105%);
}
.info-fixed-block .container
{
    max-width: 63rem;
}
.info-fixed-block h2,
.info-fixed-block .h2
{
    margin: 0; 

    text-transform: uppercase;
    
}
@media (min-width: 768px) {
    .info-fixed-header h2 {
        font-size: 18px;
        letter-spacing: 0.5px !important;
    }
}
.info-fixed-block .info-toggle-mobile,
.info-fixed-block .info-toggle-desktop
{
    width: 1.75rem;
    height: 1.75rem;
    padding: 0; 

    border: none;
    background: transparent;
}
.info-fixed-block .info-toggle-mobile:focus,
.info-fixed-block .info-toggle-desktop:focus
{
    outline: none;
}
.info-fixed-block .info-toggle-desktop
{
    display: none;
}
.info-fixed-block .text-holder {
    font-size: 14px;
    line-height: 18px;
}

.info-fixed-block .txt-nowrap {
    white-space: nowrap;
}

@media (max-width: 768.98px)
{
    .info-fixed-block .info-toggle-desktop
    {
        position: absolute;
        top: 0;
        right: 0;
    }
}
@media (min-width: 769px)
{
    .info-fixed-block .info-toggle-desktop
    {
        display: block;
        float: right;
    }
}
@media (min-width: 769px)
{
    .info-popup-active .info-fixed-block .info-toggle-desktop
    {
        position: absolute;
        top: 0;
        right: 0; 

        float: none;
    }
}
.info-fixed-block strong
{
    font-weight: inherit;
}
.info-popup-active .info-fixed-block strong
{
    font-weight: bold;
}
.info-fixed-block .info-toggle-mobile
{
    font: 700 1rem/1 'Cabin', 'Helvetica Neue', Arial, sans-serif; 

    position: absolute;
    z-index: 2;
    top: .25rem;
    left: -.25rem;

    display: block;

    width: 100%;
    height: 150px;
    margin-bottom: .875rem;
    padding-bottom: .875rem;

    text-align: left;
    text-transform: uppercase;

    background: none;
}
@media (min-width: 769px)
{
    .info-fixed-block .info-toggle-mobile
    {
        display: none;
    }
}
@media (max-width: 768.98px)
{
    .info-fixed-block .info-toggle-mobile:after
    {
        position: absolute;
        right: -1.25rem;
        bottom: 0;
        left: -1.25rem;

        height: .0625rem;

        content: '';

        background: #c8c8c8;
    }
}
.info-fixed-block .info-toggle-mobile i
{
    position: absolute;
    top: -.25rem;
    right: 0;
}
.info-popup-active .info-fixed-block .info-toggle-mobile
{
    position: relative;
    left: auto;

    width: 100%; 
    height: auto;
}
.info-fixed-block .info-close,
.info-fixed-block .info-opener
{
    color: #38939b;
}
.info-fixed-block .info-close i,
.info-fixed-block .info-opener i
{
    font-size: 1.375rem;
}
.info-fixed-block .info-opener
{
    position: absolute;
    top: -.4375rem;
    right: -.9375rem;
}
@media (min-width: 769px)
{
    .info-fixed-block .info-opener
    {
        right: 0;
    }
}
.info-fixed-block .info-close
{
    display: none;
}
.info-popup-active .info-fixed-block .info-close
{
    display: block;
}
.info-fixed-block .info-opener
{
    display: block;
}
.info-popup-active .info-fixed-block .info-opener
{
    display: none;
}
.info-fixed-block h1,
.info-fixed-block .h1,
.info-fixed-block h2,
.info-fixed-block .h2,
.info-fixed-block h3,
.info-fixed-block .h3,
.info-fixed-block h4,
.info-fixed-block .h4,
.info-fixed-block h5,
.info-fixed-block .h5,
.info-fixed-block h6,
.info-fixed-block .h6,
.info-fixed-block .h
{
    font-family: 'Cabin', 'Helvetica Neue', Arial, sans-serif;
}

@media (min-width: 769px)
{
    .info-toggle-desktop
    {
        top: 0;
    }
}

.info-fixed-inner
{
    position: relative;
}
@media (max-width: 768.98px)
{
    .info-fixed-inner
    {
        padding-right: .625rem;
    }
}
@media (max-width: 768.98px)
{
    .info-popup-active .info-fixed-inner
    {
        padding-right: 0;
    }
}

.info-fixed-header
{
    display: inline-block;

    padding: 0 .3125rem 0 0;
}
.info-popup-active .info-fixed-header
{
    display: block; 

    padding: 0 0 1.5625rem;
}
.info-fixed-header .br
{
    display: none;
}
.info-popup-active .info-fixed-header .br
{
    display: block;

    margin: 0 0 1.25rem;
}

.info-section
{
    font-size: .875rem;
    line-height: 1.28;

    position: relative;

    padding: 2.125rem 0 1.875rem;
}
@media (min-width: 769px)
{
    .info-section
    {
        padding: 2.5rem 0 2.1875rem;
    }
}
.info-section:before
{
    position: absolute;
    top: 0; 
    right: 0;
    left: 0;

    height: .25rem;

    content: '';

    background-image: linear-gradient(to left, #227683, #1e2170);
}
@media (min-width: 769px)
{
    .info-section:before
    {
        height: .3125rem;
    }
}
.info-section h3
{
    font-weight: 500;
}
@media (max-width: 768.98px)
{
    .info-section .text-holder
    {
        padding-bottom: 1.5rem;
    }
}
.info-section .text-holder:last-child p:last-child
{
    margin: 0;
}

.js-filters-section
{
    padding: .875rem 0 1.5625rem;
}
@media (min-width: 769px)
{
    .js-filters-section
    {
        padding: 3.375rem 0 1.875rem;
    }
}
.js-filters-section .logo
{
    margin: 0 0 2.0625rem;
}
.js-filters-section .logo img
{
    width: 7.25rem;
}
@media (min-width: 769px)
{
    .js-filters-section .logo img
    {
        width: 9.0625rem;
    }
}
.js-filters-section h1
{
    font-weight: 400;
}
@media (max-width: 768.98px)
{
    .js-filters-section .form-search
    {
        margin-right: .3125rem; 
        margin-left: .3125rem;
    }
}
@media (min-width: 769px)
{
    .js-filters-section .form-search
    {
        margin-top: .25rem;
    }
}
@media (min-width: 1025px)
{
    .js-filters-section .form-search
    {
        width: 19.4375rem;
    }
}
@media (min-width: 1025px)
{
    .js-filters-section .heading-holder
    {
        display: -ms-flexbox;
        display: flex;

        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media (min-width: 1025px)
{
    .js-filters-section .heading-text
    {
        margin: 0 1.875rem 0 0; 

        -ms-flex: 1 0;
            flex: 1 0;
    }
}

.js-filter-list-holder
{
    position: relative;
}
.js-filter-list-holder .btn-back
{
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.11;

    position: relative;

    padding: 0 0 0 1.0625rem;

    text-align: left; 

    border: none;
    background: transparent;
}
.js-filter-list-holder .btn-back:before
{
    font-family: 'icomoon';
    font-size: 1rem;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: -.3125rem;

    content: url(https://image.e.myamgensupport.com/lib/fe3f15707564057f761d70/m/1/a839899a-9e35-4f41-a6cb-8ab55fcf1a7e.png);
    transform: translateY(-50%);
    text-indent: 0;

    opacity: 0; 
    color: #38939b;
}
.js-filter-list-holder .btn-back:hover
{
    text-decoration: none;
}
.js-filter-list-holder .btn-back:focus
{
    text-decoration: underline; 

    outline: none;
}
.nav-filter-active .js-filter-list-holder .btn-back:before
{
    opacity: 1;
}
.js-filter-list-holder.first-level .btn-back
{
    padding: 0; 

    color: #6887bd;
}
.js-filter-list-holder.first-level .btn-back:before
{
    display: none;
}

@media (max-width: 768.98px)
{
    .js-filter-list-drop
    {
        position: absolute;
        top: 100%;
        right: -1.5625rem;
        left: -1.5625rem;

        padding: 0 1.5625rem 1.25rem;

        transition: opacity .3s ease-in-out;

        opacity: 0;
        background: #fff;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16);
    }
}

.nav-filter-active .js-filter-list-drop
{
    z-index: 99;
}
@media (max-width: 768.98px)
{
    .nav-filter-active .js-filter-list-drop
    {
        opacity: 1;
    }
}

.js-filter-text
{
    pointer-events: none;
}
.nav-filter-active .js-filter-text
{
    pointer-events: auto;
}

.js-filter-list-wrap
{
    position: relative;

    overflow: hidden;

    width: 100%;
}

.js-filter-list
{
    position: relative;
}
@media (max-width: 768.98px)
{
    .js-filter-list
    {
        padding-bottom: 1.6875rem;
    }
}
.js-filter-list > li
{
    display: block;
}
@media (min-width: 769px)
{
    .js-filter-list > li
    {
        margin: 0 0 .9375rem;
    }
}
@media (max-width: 768.98px)
{
    .js-filter-list > li:first-child .js-filter-category:before
    {
        display: none;
    }
}
.js-filter-list button
{
    text-align: left; 

    border: none;
    background: transparent;
}

@media (max-width: 768.98px)
{
    .js-filter-holder
    {
        margin: 0 .3125rem;
    }
}

@media (max-width: 768.98px)
{
    .filter-drop
    {
        position: absolute;
        top: 0;
        left: 100%;

        display: none; 

        width: 100%;
    }
}

@media (min-width: 769px)
{
    .filter-drop
    {
        padding: 0 0 1.25rem;
    }
}

.active-item .filter-drop
{
    display: block;
}

@media (min-width: 769px)
{
    .filter-drop
    {
        padding: .625rem 0 0;
    }
}

.filter-drop .btn-back
{
    display: none;
}

.filter-drop button
{
    font-size: .875rem;
    line-height: 1.4;

    padding: .5rem 1.125rem; 

    color: #646464;
}
@media (max-width: 768.98px)
{
    .filter-drop button
    {
        width: 100%; 

        border-top: .0625rem solid #c8c8c8;
    }
}
@media (min-width: 769px)
{
    .filter-drop button
    {
        margin: 0 0 .5625rem 0; 
        padding: 0 0 0 .625rem;
    }
}
.filter-drop button.active-filter
{
    font-weight: 700;

    text-decoration: underline;
}
.filter-drop button:hover
{
    text-decoration: underline;
}
.filter-drop button:focus
{
    text-decoration: underline;

    outline: none;
}

.opener-holder
{
    position: relative;

    margin-right: -5px; 
    margin-bottom: 1.375rem;
    margin-left: -5px;
    padding: 0 .3125rem .875rem;
}
.opener-holder > [class^='col'],
.opener-holder > [class*='col']
{
    padding-right: 5px; 
    padding-left: 5px;
}
.opener-holder:after
{
    position: absolute;
    right: .3125rem; 
    bottom: -.0625rem;
    left: .3125rem;

    height: .03125rem;

    content: '';

    background: #c8c8c8;
}

.filter-opener
{
    font-size: 1.125rem;
    font-weight: 700;

    position: relative;

    padding-right: 2.0625rem; 

    text-decoration: none;

    opacity: .5;
    color: #000;
}
.filter-opener:after
{
    font-family: 'icomoon';
    font-size: 1rem;
    line-height: 1;

    position: absolute;
    top: 50%;
    right: .4375rem; 

    content: url(https://image.e.myamgensupport.com/lib/fe3f15707564057f761d70/m/1/e8187fb0-e70d-4a4a-8442-78808ce2dae3.png);
    transform: translateY(-50%);
    text-indent: 0;
}
.filter-opener:hover,
.filter-opener:focus
{
    text-decoration: none; 

    color: #000;
}

.js-filter-category
{
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.1;
    line-height: 1.16;

    position: relative;

    display: block;
    overflow: hidden; 

    width: 100%;
    min-height: 2.8125rem;
    padding: .3125rem 2.5rem .3125rem 1.0625rem;
}
@media (min-width: 769px)
{
    .js-filter-category
    {
        min-height: 3.375rem;
        padding: .3125rem .625rem;
    }
}
@media (min-width: 769px)
{
    .js-filter-category:after
    {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 0;

        visibility: hidden; 

        content: '';
        transform: translateY(-50%);

        opacity: 0;
        border: 1.75rem solid transparent;
        border-right: .4375rem solid #fff;
    }
}
.js-filter-category.active-filter
{
    text-decoration: underline;
}
@media (min-width: 769px)
{
    .js-filter-category.active-filter:after
    {
        visibility: visible; 

        opacity: 1;
    }
}
.js-filter-category:focus
{
    text-decoration: underline; 

    outline: none;
}
@media (min-width: 769px)
{
    .js-filter-category:focus:after
    {
        visibility: visible; 

        opacity: 1;
    }
}
.js-filter-category:hover
{
    text-decoration: underline;
}
@media (min-width: 769px)
{
    .js-filter-category:hover:after
    {
        visibility: visible; 

        opacity: 1;
    }
}
.js-filter-category.bg-primary:hover,
.js-filter-category.bg-primary:focus
{
    background: #1b0069 !important;
}
.js-filter-category.bg-secondary:hover,
.js-filter-category.bg-secondary:focus
{
    background: #38939b !important;
}
.js-filter-category.bg-success:hover,
.js-filter-category.bg-success:focus
{
    background: #28a745 !important;
}
.js-filter-category.bg-danger:hover,
.js-filter-category.bg-danger:focus
{
    background: #dc3545 !important;
}
.js-filter-category.bg-warning:hover,
.js-filter-category.bg-warning:focus
{
    background: #2854a2 !important;
}
.js-filter-category.bg-info:hover,
.js-filter-category.bg-info:focus
{
    background: #6887bd !important;
}
.js-filter-category.bg-light:hover,
.js-filter-category.bg-light:focus
{
    background: #f8f9fa !important;
}
.js-filter-category.bg-dark:hover,
.js-filter-category.bg-dark:focus
{
    background: #343a40 !important;
}
.js-filter-category.bg-white:hover,
.js-filter-category.bg-white:focus
{
    background: #fff !important;
}

@media (max-width: 768.98px)
{
    .js-filter-btn
    {
        display: -ms-flexbox;
        display: flex;

        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
}

.js-filter-drop-opener
{
    font-weight: bold; 

    position: relative;

    width: 3.125rem;

    color: #fff;
}
@media (min-width: 769px)
{
    .js-filter-drop-opener
    {
        display: none;
    }
}
.js-filter-drop-opener:focus
{
    opacity: .6; 
    outline: none;
}
@media (max-width: 768.98px)
{
    .js-filter-drop-opener:before
    {
        font-family: 'icomoon';
        font-size: 1rem;
        line-height: 1;

        position: absolute;
        top: 50%;
        right: 1.375rem; 

        content: url(https://image.e.myamgensupport.com/lib/fe3f15707564057f761d70/m/1/71fb2abd-5bfe-4910-a7e4-b2220c9522b4.png);
        transform: translateY(-50%);
        text-indent: 0;
    }
}

.js-filter-items
{
    display: -ms-flexbox;
    display: flex;

    margin: 0 -1.3125rem; 

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media (max-width: 768.98px)
{
    .js-filter-items
    {
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (min-width: 769px)
{
    .js-filter-items
    {
        margin-bottom: -1.875rem;
    }
}
.js-filter-items > *.hidden-item
{
    display: none;
}
.js-filter-items > *.visible-item
{
    display: block;
}
.js-filter-items > *.visible-item.js-item
{
    display: -ms-flexbox;
    display: flex;
}
.js-filter-items .title
{
    width: calc(100% - 60px); 
    margin: 0 1.875rem .9375rem;
}
@media (min-width: 769px)
{
    .js-filter-items .title
    {
        width: calc(100% - 42px); 
        margin: 0 1.3125rem 1.5625rem;
    }
}
.all-visible .js-filter-items .title
{
    padding-top: 1.4375rem; 

    border-top: .03125rem solid #c8c8c8;
}
@media (min-width: 769px)
{
    .all-visible .js-filter-items .title
    {
        padding-top: 2.1875rem;
    }
}
.all-visible .js-filter-items .title:first-child
{
    padding-top: 0;

    border: none;
    border: none;
}
.js-filter-items .title h2
{
    font-size: 1.375rem;
    line-height: .9; 

    width: 100%;
}
.js-filter-items .title h1,
.js-filter-items .title h2,
.js-filter-items .title h3,
.js-filter-items .title h4,
.js-filter-items .title h5,
.js-filter-items .title h6
{
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;

    text-transform: none;

    color: inherit;
}
.js-filter-items .title h1:last-child,
.js-filter-items .title h2:last-child,
.js-filter-items .title h3:last-child,
.js-filter-items .title h4:last-child,
.js-filter-items .title h5:last-child,
.js-filter-items .title h6:last-child
{
    margin: 0;
}
.js-filter-items .title-holder
{
    display: -ms-flexbox;
    display: flex;

    margin: 0 0 .3125rem; 

    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 769px)
{
    .js-filter-items .title-holder
    {
        margin: 0 0 .625rem;
    }
}
.js-filter-items .title-icon
{
    width: 2.5rem;
    margin: 0 .6875rem 0 0;
}
@media (min-width: 769px)
{
    .js-filter-items .title-icon
    {
        width: 2.1875rem; 
        margin: 0 1rem 0 0;
    }
}
.js-filter-items .title-icon svg,
.js-filter-items .title-icon img
{
    width: 100%;
}
.js-filter-items .js-item
{
    width: 100%;
    max-width: 17.8125rem; 
    min-height: 25.4375rem;
    margin: 0 1.3125rem 1.875rem;
}
@media (min-width: 576px)
{
    .js-filter-items .js-item
    {
        margin-bottom: 2.5rem;
    }
}

.filters-main-holder
{
    margin-right: -13px; 
    margin-left: -13px;
}
.filters-main-holder > [class^='col'],
.filters-main-holder > [class*='col']
{
    padding-right: 13px; 
    padding-left: 13px;
}

.title-info-result
{
    font: 700 1rem/1.31 'Roboto', 'Helvetica Neue', Arial, sans-serif;

    margin: 0 0 .625rem; 

    text-transform: none;
}

.info-list,
.info-text
{
    display: none;
}
.no-results-found .info-list,
.no-results-found
  .info-text
{
    display: block;
}

body
{
    overflow-anchor: none;
}

#wrapper
{
    position: relative; 

    overflow: hidden;
}

.container
{
    width: 100%;
}

.accessibility
{
    position: absolute;
    top: auto;
    left: -10000px;

    overflow: hidden; 

    width: 1px;
    height: 1px;
}

.accessibility:focus
{
    position: static;

    width: auto;
    height: auto;
}

img,
svg
{
    max-width: 100%;
    height: auto;
}

.text-decor
{
    position: relative;

    margin: 0 0 1.5625rem; 
    padding: 0 0 1.6875rem;
}
@media (min-width: 769px)
{
    .text-decor
    {
        padding: 0 0 1.375rem;
    }
}
.text-decor:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 5.75rem;
    height: .375rem;

    content: '';

    background: #38939b;
}
.text-decor *:last-child
{
    margin-bottom: 0;
}

.text-holder.text-holder-secondary
{
    margin: 0 0 1.5rem;
}

#header
{
    font-size: .5rem;
    line-height: 1.1; 

    background: #000;
}
@media (min-width: 375px)
{
    #header
    {
        font-size: .625rem;
    }
}
@media (min-width: 769px)
{
    #header
    {
        font-size: .75rem;
        line-height: 1.16;
    }
}

@media (max-width: 1024.98px)
{
    .main-nav
    {
        margin: 0 -1.25rem;
    }
}

.main-nav a
{
    display: inline-block;

    vertical-align: top;
    letter-spacing: .029em; 

    color: #fff;
}
.main-nav a:hover
{
    text-decoration: none;

    color: #fff;
}

.main-nav li.has-drop-down:focus .drop
{
    visibility: visible; 

    opacity: 1;
}

.main-nav li.btn-wrap > a span
{
    vertical-align: top;
}
@media (max-width: 768.98px)
{
    .main-nav li.btn-wrap > a span
    {
        display: -ms-inline-flexbox;
        display: inline-flex;

        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 769px)
{
    .main-nav li.btn-wrap > a span
    {
        position: relative; 

        display: inline-block;
    }
}
@media (min-width: 769px)
{
    .main-nav li.btn-wrap > a span i
    {
        position: absolute;
        top: 50%;
        right: -.9375rem; 

        transform: translateY(-50%);
    }
}

.main-nav i
{
    font-size: .75rem;
    font-weight: inherit;

    display: inline-block;

    margin: 0 0 0 .125rem;

    vertical-align: top;

    color: #38939b;
}
@media (min-width: 375px)
{
    .main-nav i
    {
        font-size: .9375rem;
    }
}
@media (min-width: 769px)
{
    .main-nav i
    {
        color: inherit;
    }
}

.main-nav > ul
{
    font-weight: 700; 

    display: -ms-flexbox;
    display: flex;

    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 769px)
{
    .main-nav > ul
    {
        margin-left: -1.25rem;
    }
}
.main-nav > ul > li
{
    position: relative;

    display: -ms-flexbox;
    display: flex;
        flex-direction: column; 

    -ms-flex-direction: column;
}
.main-nav > ul > li > a
{
    display: -ms-inline-flexbox;
    display: inline-flex;

    height: 100%;
    padding: .4375rem .3125rem;

    text-align: center; 
    vertical-align: top;

    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 769px)
{
    .main-nav > ul > li > a
    {
        padding: .4375rem 1.25rem;
    }
}
.main-nav > ul > li > a:hover
{
    background: #38939b;
}
.main-nav > ul > li.active a:after,
.main-nav > ul > li.hover a:after
{
    right: 0; 
    left: 0;
}
.main-nav > ul > li.hover .drop
{
    visibility: visible; 

    opacity: 1;
}

.main-nav .drop-holder > a i
{
    display: inline-block;

    transition: transform .3s ease-in-out, color .3s ease-in-out;
    vertical-align: top;
}

.main-nav .drop-holder.hover > a
{
    background: #38939b;
}
.main-nav .drop-holder.hover > a i::before
{
    content: url(https://image.e.myamgensupport.com/lib/fe3f15707564057f761d70/m/1/6355d82a-6e5b-4aac-9cf1-747e336216d8.png);
}

.main-nav .drop
{
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;

    visibility: hidden;

    width: 100%;
    min-width: 7.5rem;
    padding: .9375rem 0; 

    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;

    opacity: 0;
    background: #000;
}
.main-nav .drop ul
{
    position: relative;
    z-index: 1; 

    letter-spacing: .01em;
}
.main-nav .drop li
{
    margin: 0;
}
.main-nav .drop a
{
    display: block;

    padding: .3125rem .9375rem;
}
.main-nav .drop a:after
{
    display: none;
}
.main-nav .drop a:hover
{
    background: #38939b;
}

#footer
{
    font-size: .6875rem;
    line-height: 1.27; 

    padding: 3.125rem 0 3.75rem;

    color: #fff;
    background-image: linear-gradient(to left, #227683, #1e2170);
}
@media (max-width: 768.98px)
{
    #footer
    {
        text-align: center;
    }
}
@media (min-width: 769px)
{
    #footer
    {
        font-size: .875rem;
        line-height: 1.2;

        padding: 2.125rem 0 1.5625rem;
    }
}
#footer p
{
    margin: 0 0 .125rem;
}
@media (max-width: 768.98px)
{
    #footer p
    {
        letter-spacing: -.01em;
    }
}
@media (min-width: 769px)
{
    #footer p
    {
        margin: 0 0 .25rem; 

        opacity: .6;
    }
}

.logo-footer
{
    margin: 0 0 3.125rem;
}
@media (min-width: 769px)
{
    .logo-footer
    {
        margin: 0 0 1.25rem;
    }
}
.logo-footer img
{
    width: 8.125rem;
}

.footer-navigation
{
    font-size: .875rem;
    line-height: 1.18;

    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media (max-width: 768.98px)
{
    .footer-navigation
    {
        margin: 0 0 .5rem; 

        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (min-width: 769px)
{
    .footer-navigation
    {
        font-size: 1rem;
    }
}
.footer-navigation li
{
    position: relative;

    margin: 0 .75rem .5625rem 0; 
    padding-right: 1.4375rem;
}
@media (min-width: 769px)
{
    .footer-navigation li
    {
        margin: 0 .75rem 1rem 0;
    }
}
.footer-navigation li:after
{
    position: absolute;
    top: 0; 
    right: 0;

    content: '|';
}
@media (max-width: 768.98px)
{
    .footer-navigation li:first-child
    {
        width: 100%;
        margin-right: 0; 
        padding: 0;
    }
}
@media (max-width: 768.98px)
{
    .footer-navigation li:first-child:after
    {
        display: none;
    }
}
.footer-navigation li:last-child
{
    margin-right: 0; 
    padding: 0;
}
.footer-navigation li:last-child:after
{
    display: none;
}
.footer-navigation a
{
    position: relative;
    z-index: 1;

    display: inline-block;

    vertical-align: middle;

    color: inherit;
}
.footer-navigation a:after
{
    position: absolute;
    z-index: -1;
    right: 51%;
    bottom: 0;
    left: 51%;

    height: .0625rem;

    content: '';
    transition-timing-function: ease-out; 
    transition-duration: .3s;
    transition-property: left, right;

    background: currentColor;
}
.footer-navigation a:hover
{
    text-decoration: none;
}
.footer-navigation a:hover:after
{
    right: 0; 
    left: 0;
}

.admin-injection {
    display: none;
}

@media (max-width: 767px) {
    .isi-tray {
        line-height: 16px;
        display: block;
    }

    .info-fixed-header h2 {
        line-height: 16px;
    }

    .info-fixed-block {
        padding-top: 10px;
    }
}

/* Text alignment with right block */
.align-down{
    margin-bottom: 17px;
}

.btn-primary {
    width: 122.17px;
    margin-left: 7px !important;
}

.btn {
    margin: 0 4px 10px 4px !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

.btn-space {
    margin-left: 133px !important;
}

@media (max-width: 1024px) {
    .align-down{
        margin-bottom: 0;
    }
}

@media (max-width: 345px) {
    .btn {
        margin: 0 2px 10px 0 !important;
    }
}

@media (max-width: 320px) {
    .btn-space {
        margin-left: 124px !important;
    }
}

@media screen and (min-width: 600px)  {
    .mobile-break { display: none; }
}