/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 04 September 2016 08:59:39
*/


/* -- Reset to Desktop -- */
/* -- Reset to Desktop -- */
.footer-quick-links .readmore {
    display: none;
}

/* asset id: 29976 */
/* Before iPad Portrait */
@media screen and (max-width: 767px) {
    /**
     * Table of Contents
     *
     * 1. Page Elements
     *         1.1 Header
     *         1.2 Navigation
     *         1.3 Footer
     *         1.4 Removals
     *         1.5 Box Modules
     *         1.6 Page Banners
     *        1.7 Image Width
     *        1.8 Featured Box
     *        1.9 Search
     * 2. Content Elements
     *         2.1 Home Page
     *         2.2 General Inside
     *        2.3 Short Course Landing
     *            2.3.1 Coming Up
     *        2.4 Short Course Search
     *        2.5 Short Course Detail
     *        2.6 Video Page
     *        2.7 Blog
     *        2.8 Staff Page
     *        2.9 Photo Gallery
     *        2.10 Grad Book
     *        2.11 Web forms
     *        2.12 Future Stars of Radio
     * 3. Additional Elements
     *        3.1 Social Media
     *        3.2 Areas of Specification
     *        3.3 Related Section
     *        3.4 Closed Course
     *        3.5 Overlay
     *        3.6 Others
     *
     */
    /*
    --------------------
    1. Page Elements
    --------------------
    */
    /* Override specific page widths */
    *, *:before, *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #wrapper {
        max-width: 767px;
        margin: 0 auto;
        overflow: hidden;
        width: 100%;
    }
    #header { width: 100%; margin-top: 32px; }
    #content-inner { margin-left: 0; width: 100%; }
    #content-main {    width: 100%; padding: 20px !important; height: auto !important; }
        #content-main .standalone { margin-right: 0; }
        #content-main img { width: 100%; max-width: 100%; }
        .hr-module, hr-module.promo { width: 100% !important; }
    .page-banner { max-width: 100% !important; float: none; }
    #footer { width: 100%; }

    /* Temporary mobile overrides */
    #content-aside {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    #nav {
        display: none;
    }
    .tile-long {
        float: none;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .with-hero-unit .page-banner, .with-hero-unit .page-banner .banners, .with-hero-unit .page-banner .banners div, .with-hero-unit .page-banner .banners a.video {
        width: 100%;
    }

    /* -- 1.1 Header -- */
    #header .header-inner {
        margin: 0;
        height: 60px;
    }

    #header form {
        display: none;
    }

    #header .branding {
        top: -20px;
    }
        #header .branding img {
            height:  100px;
            width: 100px;
        }

    /* -- 1.2 Navigation -- */
    .mobile-nav-main-button {
        display: block !important;
        /*background: url('http://www.aftrs.edu.au/_designs/css/screen.css/mobile-nav-main-button.png');*/
        background: url('https://www.aftrs.edu.au/__data/assets/image/0012/30135/mobile-nav-main-button.png');
        width: 30px;
        height: 21px;
        float: right;
        margin-right: 58px;
        margin-top: 3px;
    }
        .mobile-nav-main-button a {
            color: #000000;
            display: block;
            font-size: 22px;
            margin-left: 34px;
            margin-top: 2px;
            text-decoration: none;
        }
    .mobile-nav-main #nav {
        display: block;
    }
        .mobile-nav-main #nav > ul > li:first-child {
            background: #000;
            padding-bottom: 10px;
            padding-top: 30px;
        }
            #header .mobile-nav-main form {
                display: block;
                float: none;
            }
                #header .mobile-nav-main form input[type="text"] {
                    width: 100%;
                    padding: 12px 10px 10px;
                }
                #header .mobile-nav-main form input[type="submit"] {
                    top: 15px;
                }

        .mobile-nav-main #nav li.secondary_nav {
            margin-top: 0;
            width: 100%;
            border-top: 1px solid #000;
        }
        .mobile-nav-main #nav li.additional_nav {
            width: 100%;
            border-top: 1px solid #000;
        }
            .mobile-nav-main #nav ul li ul li a {
                margin: 0;
                padding: 10px;
                background: #fff;
            }
            .mobile-nav-main #nav ul li ul li.selected a,
            .mobile-nav-main #nav ul li ul li.active a {
                background: #83f3eb;
            }

    /* -- 1.3 Footer -- */
    #footer .footer-inner {
        width: 100%;
    }
        #footer .footer-inner .promo-block {
            height: auto !important;
            width: 100%;
        }
        #footer .footer-inner .footer-quick-links {
            height: auto !important;
            margin-left: 0;
            margin-top: 10px;
            overflow: auto;
            width: 100%;
        }
            #footer .footer-inner .footer-quick-links > div {
                width: 100%;
            }
                #footer .footer-inner .footer-quick-links > div:first-child {
                    margin-bottom: 20px;
                }
        #footer .footer-quick-links {
            height: auto !important;
            min-height: 0;
        }
            .footer-quick-links .readmore,
            .highlight-box .readmore {
                display: block;
                text-align: right;
                text-decoration: underline;
                cursor: pointer;
                text-transform: uppercase;
                font-size: 12px;
                font-weight: 700;
                text-decoration: none;
                /*background: url('http://www.aftrs.edu.au/__data/assets/image/0014/293/list-dark.png?v=0.1.1') no-repeat scroll right 2px transparent;*/
                background: url('https://www.aftrs.edu.au/__data/assets/image/0014/293/list-dark.png') no-repeat scroll right 2px transparent;
                padding-right: 13px;
                color: #000;
                width: 100%;
            }
                .footer-quick-links .readmore:hover,
                .highlight-box .readmore:hover {
                    text-decoration: underline;
                }
            #footer .footer-quick-links ul li:nth-child(n+4) {
                display: none;
            }

    /* -- 1.4 Removals -- */
    #header .scrolling-promo {
        display: none;
    }

    /* -- 1.5 Box modules -- */
    .tile,
    .search-results > li.tile {
        float: left;
        /*width: 100%;*/
        /**
         * Reduce the width of the box and align-center.
         * If don't want to use, just comment out below and uncomment the width:100% above.
         */
        width: 242px !important;
        margin: 0 10px 10px auto !important;
        padding-bottom: 0 !important;
    }
    .search-results > li.tile:nth-child(2) {
        margin-top: 10px !important;
    }
        .tile:nth-child(odd),
        .search-results > li.tile:nth-child(odd) {
            margin-left: 15px !important;
        }
        .search-results > .tile:first-child {
            margin-top: 10px !important;
        }


    /* -- 1.6 Page Banners -- */
    .page-banner {
        overflow: hidden;
    }

    /* -- 1.7 Image Width -- */
    .content-block img {
        width: 100%;
        height: auto !important;
    }

    /* -- 1.8 Featured Box -- */
    .tile-long + .featured {
        margin-top: 10px;
    }

    /* -- 1.9 Search -- */
    #content .search-filters .show-all a {
        width: auto;
    }

    /*
    --------------------
    2. Content Elements
    --------------------
    */
    /* -- 2.1 Home Page -- */
    .home #content-inner {
        width: 100%;
    }
    .home #content-main {
        width: 100%;
    }
        .home #content-main > div {
            float: none;
            width: 100%;
        }
            .home #content-main > div:first-child {
                width: 100%;
                overflow: hidden;
            }
        .home #content .feature-area {
            height: auto;
        }
        .home .hr-module {
            width: 100%;
        }
            .home #content .hr-module.area-specialisation {
                height: auto;
            }
        .home .content-block.quick-links {
            height: auto !important;
        }
            .home .content-block.quick-links:first-child {
                margin-top: 10px;
            }
        .branding-tagline {
            height: auto;
            margin-top: 0px;
            width: 100%;
        }
        .home .links.social-small {
            margin-top: 5px;
            width: 100%;
        }
        .links.social-small a {
            margin: 0 10px;
        }
        #content .contact-link {
            height: auto;
            width: 100%;
            margin-left: 0;
        }

    .box-events {
        width: 100% !important;
    }
        .box-events li {
            float: left;
            width: 50%;
        }

    /* -- 2.2 General Inside -- */
    #content-main {
        padding-bottom: 0;
    }
        #content .toc-contents {
            width: 100%;
        }
            #content .toc > ul:first-of-type {
                width: 100%;
                padding-bottom: 0;
                margin-bottom: 0;
            }
        #content-main .image_table_cell,
        #content-main .image_table_cell img {
            width: 100% !important;
            height: auto !important;
        }
        #content-main .caption_table_cell {
            height: auto !important;
        }

    /* fixing content layout pushed off to the left */
    .inside #content-main > .toc {
        float: none;
        margin-left: 0;
    }
        .inside #content-main > .toc > ul:first-of-type {
            padding-left: 0;
        }
        .inside #content-main > .toc .toc-contents  .toc {
            float: none;
            margin-left: 0;
        }

    /* -- 2.3 Short Course Landing -- */
    .page-heading h1 {
        float: none;
        margin: 0;
    }
    .page-heading.search > div {
        position: relative;
        top: 0;
        margin-bottom: 10px;
    }
        .page-heading input[type="text"] {
            width: 100%;
        }

    #nest-page-banner .page-banner  {
        width: 100% !important;
    }
        #nest-page-banner .page-banner .page-banner-wrapper .banners div a img,
        #content-main .page-banner .banners div img {
            width: 100% !important;
            min-width: 100%;
            /*max-height: 160px;*/
        }

    .mini.page-banner {
        height: auto !important;
    }
        .page-banner .banners,
        .mini > .page-banner,
        .mini > .page-banner .banners,
        .mini > .page-banner .banners div {
            width: 100%;
        }
        .page-banner span.caption, td.caption_table_cell {
            height: auto;
            display: block;
        }

    .featured, #content .search-results.featured {
        margin: 0;
    }


    .featured.unlinked .tile {
        width: 100%;
        height: auto !important;
    }
    .tile .overlay {
        width: 100%;
        /* BEGIN feature image centered */
        margin: 0 auto;
        max-width: 262px;
        line-height: 0;
        height: auto;
        /* END feature image centered */
    }
        .tile .overlay .tag em {
            line-height: 1em;
        }
    .tile, .search-results > li.tile {
        margin-left: 0;
    }
    #content-main .featured > .tile > a {
        height: auto !important;
        overflow: visible !important;
    }
    #content-main .featured .overlay img {
        width: 100% !important;
        height: auto !important;
    }
    #content-main > div.featured:last-child {
        margin-bottom: 10px;
    }

    .tile-long {
        height: auto !important;
    }

    #content .highlight-box > ul > li {
        float: none;
        width: 100%;
    }
        .highlight-box h2 {
            margin-top: 10px;
        }
        #content .highlight-box .readmore {
            display: none;
        }

    /* Depreciated */
    /*
    .highlight-box ul li:nth-child(n+4) {
        display: none;
    }
    */

    /* Compingups */
    .tile-long .article-list li:nth-child(n+7) {
        display: none;
    }

    .aos .tile > div, .aos .tile > a {
        height: auto;
    }

    .tile .read-more {
        float: none;
        margin-top: 15px;
        position: relative;
        text-align: right;
    }
    .tile > a, .featured.unlinked .tile, .tile.unlinked > div {
        padding-bottom: 0;
    }

    /* Take a look at */
    .short-courses-links-top {
        float: none;
        overflow: hidden;
        padding: 0;
    }
        .short-courses-links-top h2 {
            display: none;
        }

    /* -- 2.3.1 Coming Up -- */
    .mobile-rhc-bottom-1 #content-main > .tile-long {
        display: none;
    }
    .mobile-rhc-bottom-1 #content-main > div > .tile-long-bottom {
        display: block !important;
        background: none repeat scroll 0 0 #FFFFFF;
        border-color: #000000 #BBBBBB;
        border-image: none;
        border-left: 1px solid #BBBBBB;
        border-right: 1px solid #BBBBBB;
        border-style: solid;
        border-width: 3px 1px 2px;
        clear: both;
        color: #7C7C7C;
        display: block;
        float: none;
        margin-right: 0;
        overflow: visible;
        padding: 0 10px 10px;
        width: 100%;
        margin-bottom: 20px;
    }

    /* -- 2.4 Short Course Search -- */
    .search-filters {
        margin-bottom: 0;
    }
        .search-filters > div {
            padding-right: 0;
        }
            .search-filters > div > div,
            .search-filters > div > form {
                padding-left: 0;
            }

    .search-filters strong,
    .search-filters label {
        background: #eee;
        float: none;
        margin-left: 4px;
        margin-top: 10px;
        padding: 3px;
        width: auto;
    }
    .search-filters label {
        margin-left: -3px;
        background: none;
    }
    .search-filters div:last-of-type > div {
        margin-top: 0;
    }
        .search-filters div:last-of-type > div > strong:first-of-type {
            margin-top: 0;
        }

    .search-filters input[type="text"] {
        width: 100%;
    }

    #content-main > ol.search-results {
        margin-right: 0 !important;
    }
        .highlight-box .details {
            width: 100%;
            padding-left: 0;
        }
            .search-result .highlight-box {
                padding-top: 35px;
                position: relative;
            }
                .search-result .highlight-box > div:first-of-type {
                    margin-bottom: 10px;
                    width: 100%;
                    max-height: 370px;
                }
                    .search-result .highlight-box > div:first-of-type img {
                        width: 100%;
                        height: auto;
                        max-width: 100%;
                    }
                .search-result .highlight-box > .tag {
                    margin: 0 !important;
                    position: absolute;
                    right: 0;
                    top: 0;
                }
                .search-result .highlight-box > .details strong {
                    padding-right: 0;
                }

    .course-details .highlight-box > div:first-child > span {
        max-height: 370px;
    }

.course-details #content-main .highlight-box span .mobile-only {
    display: block !important;
}

    .ui-autocomplete {
        display: none !important;
    }

    #content .pagination ul {
        clear: both;
        display: block;
        float: right;
        margin-bottom: 0;
    }

    #content-main .search-results {
        margin-right: 0;
    }
    .highlight-box > div:first-child,
    .highlight-box > div:first-child span,
    .highlight-box > div:first-child span img {
        width: 100% !important;
        max-width: 100%;
    }
    .highlight-box > div:first-child {
        height: auto;
    }


    .pagination form .selector span {
        padding-right: 0;
    }
    #uniform-search-sorting {
        width: 210px !important;
    }
        #uniform-search-sorting span {
            width: 100% !important;
        }

    /* -- 2.5 Short Course Detail -- */

#content-main .lightbox-content-video.desktop-only {
    display: none !important;
}

    #content-main .details-content {
        margin-left: 0;
        width: 100%;
    }

    #content dl {
        padding-left: 0;
    }
        #content dl dt {
            background: #eee;
            float: none;
            margin: 0 0 5px;
            padding: 5px;
            width: 100%;
        }
        div.enrol {
            margin-left: 0;
        }

    /* Heading */
    .course-details .page-heading h1 {
        width: 100%;
    }

    /* -- 2.6 Video Page -- */
    .page-banner.page-banner-single {
        width: 100%;
    }

    .video-container span,
    span.video-container {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
        display: block;
    }
        .video-container span object,
        .video-container span embed,
        span.video-container object,
        span.video-container embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important;
        }

    span.video-container-iframe {
        display: block;
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }
    span.video-container-iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .video-container iframe,
    .video-container > div {
        width: 100% !important;
        height: 300px !important;
        /*height: calc(100% * 420 / 746) !important;*/
    }

    /* -- 2.7 Blog -- */
    .generic-listing .tag {
        margin-right: 0;
        margin-bottom: 10px;
    }
        .generic-listing .tag + strong {
            width: 80%;
        }
    #content-main .standalone, #content-main ol.generic-listing.standalone, #content ol.search-results.featured {
        width: 100%;
        margin-right: 0;
    }
        #content ol.generic-listing > li {
            padding-right: 0;
        }

    /* -- 2.8 Staff Page -- */
    .photo-grid .info-box {
        background: none;
        height: 153px;
        opacity: 1;
        top: 0;
    }
        .photo-grid .info-box > span:first-of-type {
            background: #84f3ec;
            width: 100%;
            height: 56px;
        }

    #content .photo-grid.small .overlay {
        width: 100%;
        height: auto;
    }
    .photo-grid.small .info-box {
        width: 100%;
        position: absolute;
        bottom: 0;
        height: auto;
    }
        .photo-grid.small .info-box > span {
            bottom: 0;
        }

    /* -- 2.9 Photo Gallery -- */
    #content .photo-album-gallery,
    #content .photo-grid {
        margin: 0;
        width: 100%;
    }
    #content .page-heading ul {
        position: relative;
    }
        #content .photo-album-gallery li,
        #content .photo-grid li {
            width: 50% !important;
        }
            #content .photo-album-gallery li a,
            #content .photo-album-gallery li a > span {
                width: 100%;
                height: auto;
            }
            #content .photo-album-gallery li .img-wrapper,
            #content .photo-album-gallery li .info-box {
                width: 100%;
                height: auto;
            }

    #content .photo-album-gallery li .info-box {
        background: none !important;
        display: none;
    }
        #content .photo-album-gallery li .info-box > span:first-of-type {
            background: #84f3ec;
        }

    #content .photo-album-gallery li .info-box span {
        background: #84f3ec;
        bottom: 0;
        display: block;
        height: 55%;
        padding: 10px;
        position: absolute;
        width: 100%;
        font-weight: bold;
    }
    .photo-album-gallery .img-wrapper img {
        width: 100%;
    }

    #content .photo-grid .overlay,
    .photo-grid .info-box {
        width: 100%;
    }

    #fancybox-overlay,
    #fancybox-wrap {
        display: none !important;
    }

    /* -- 2.10 Grad Book -- */
    #Grad_Table tr {
        height: auto !important;
    }
        #Grad_Table td a img {
            vertical-align: bottom;
            height: 57px;
        }

    /* -- 2.11 Web forms -- */
    /* Custom select styling
        - Normally aligns to right of field - force it to fall to new line so it doesnt do so without control
    */
    .sq-form-question-answer .selector span {
        clear: both;
        padding-left: 6px;
        margin-right: 6px;
        width: 100% !important;
    }

    /* Native select trigger */
    select.sq-form-field {
        width: 100% !important;
    }

    /* -- 2.12 Future Stars of Radio -- */
    #content-main table#FutureRS td img {
        height: auto !important;
        max-height: 187px;
    }
    #content-main table#FutureRS td h5 {
        font-size: 1.2em;
    }

    /*
    --------------------
    3. Additional Elements
    --------------------
    */
    /* -- 3.1 Social Media -- */
    .hr-module.social-media {
        padding-top: 10px;
    }
    .hr-module.social-media .links a {
        margin-top: 10px;
    }

    .links.social-small {
        padding-top: 0;
    }
        .links.social-small a {
            margin-left: 0;
            margin-right: 15px;
            margin-top: 10px;
        }

    #share-buttons img {
        width: 35px !important;
    }

    /* -- 3.2 Areas of Specification -- */
    #content .hr-module ul li {
        display: block;
        float: left;
    }

    /* -- 3.3 Related Section -- */
    .related-courses > ul {
        overflow: hidden;
    }

    /* -- 3.4 Closed Course -- */
    .page-heading p em.status-closed {
        padding-top: 6px;
        margin-bottom: 5px;
    }

    /* -- 3.5 Overlay -- */
    .sq_overlay {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        background-color: rgba(0,0,0,0.5);
    }

    /* -- 3.6 Others -- */
    .accordion {
        width: 100%;
    }

    h2.alt, h2.alternate {
        display: block;
        height: auto;
        margin: 0 0 10px;
        padding: 10px;
        width: 100%;
    }
    h2.alt:before, h2.alternate:before {
        border: none;
    }
    .sq-form-control,
    form .sq-form-unattached,
    form .sq-form-unattached .sq-form-question-answer .selector {
        width: 100% !important;
    }
    form .sq-form-unattached input[type="text"],
    form .sq-form-unattached textarea,
    form .sq-form-unattached select {
        width: calc(100% - 100px);
    }
    /* this is a quick solution; needs to be checked in js to fix */
    .quick-padding .sq-form-question-title,
    .quick-padding .sq-form-question-answer {
        position: relative;
        top: 3px;
    }
    .sq-form-question-select label,
    .sq-form-question-country label {
        margin-top: 1px;
    }
        .sq-form-question-select .sq-form-question-answer > div.selector,
        .sq-form-question-country .sq-form-question-answer > div.selector {
            width: calc(100% - 100px) !important;
        }
            .sq-form-question-select .sq-form-question-answer > div.selector span,
            .sq-form-question-country .sq-form-question-answer > div.selector span {
                width: 100% !important;
            }

    #content-main table {
        width: 100%;
    }

    #fancybox-overlay,
    #fancybox-wrap {
        display: none !important;
    }

    /* -- Shame -- */
    #content-main .page-banner .banners div > img {
        width: 100% !important;
        height: auto !important;
    }
        #content-main .page-banner .banners > div > .caption {
            display: block !important;
        }
}

@media screen and (max-width: 767px) and (min-width: 480px) {
    #content .photo-grid .overlay,
    .photo-grid .info-box {
        height: 200px;
    }
    .photo-grid .info-box > span {
        bottom: 0;
    }
    .page-banner .banners div {
        width: 100%;
    }

    #nav > ul > li > a {
        font-size: 30px;
    }

    .tile, .search-results > li.tile {
        min-height: 320px;
    }
    .aos .tile > div, .aos .tile > a {
        min-height: 390px;
    }

    .graduates-list .tile > div {
        height: 200px !important;
    }

    .highlight-box h3 {
        font-size: 21px;
    }

    .tile,
    .search-results > li.tile {
        min-height: 289px;
    }
}

@media screen and (max-width: 767px) and (min-width: 534px) {
    /* Tile gets two columns */
    .tile,
    .search-results > li.tile {
        float: left !important;
    }
    .tile:nth-child(2n+1),
       .search-results > li.tile:nth-child(2n+1) {
        margin-right: 10px !important;
    }
    #content-main .featured > .tile > a {
        height: 336px !important;
    }
    #content-main .featured,
    #content-main .sfilms {
        width: 494px !important;
        margin: 0px auto !important;
    }
    #content-main > ol.search-results {
        margin-right: auto !important;
    }

    #Grad_Table td a img {
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .tile,
    .search-results > li.tile {
        float: none;
        margin: 0 auto 10px !important;
    }
        .tile:nth-child(odd),
        .search-results > li.tile:nth-child(odd) {
            margin-left: auto !important;
        }
    #content-main .content-block{
      height:auto;
    }
}

@media screen and (max-width: 480px) {
    .page-banner span.caption, td.caption_table_cell {
        display: none;
    }

    .video-container iframe,
    .video-container > div {
        width: 100% !important;
        height: auto !important;
    }

}

/* -- Desktop Styles -- */
@media screen and (min-width: 768px) {
    .inside .short-courses-links {
        display: none;
    }
}

/* -- Retina -- */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .mobile-nav-main-button {
        /*background-image: url('http://www.aftrs.edu.au/_designs/css/screen.css/mobile-nav-main-button-2x.png');*/
        background-image: url('https://www.aftrs.edu.au/__data/assets/image/0013/30136/mobile-nav-main-button-2x.png');
        background-size: 30px 21px;
    }
}

/* -- Swipebox -- */
/*! Swipebox v1.2.8 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#swipebox-slider {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
}
#swipebox-slider .slide {
  /*background: url(http://www.aftrs.edu.au/_designs/css/screen.css/swpie-loader.gif) no-repeat center center;*/
  background: url(https://www.aftrs.edu.au/__data/assets/image/0017/30284/swpie-loader.gif) no-repeat center center;
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

#swipebox-action,
#swipebox-caption {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-action {
  bottom: -50px;
}
#swipebox-action.visible-bars {
  -ms-transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}
#swipebox-action #swipebox-prev,
#swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
  /*background-image: url(http://www.aftrs.edu.au/_designs/css/screen.css/icons.png);*/
  background-image: url(https://www.aftrs.edu.au/__data/assets/image/0015/30282/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
}
#swipebox-action #swipebox-prev {
  background-position: -32px 13px;
  right: 100px;
}
#swipebox-action #swipebox-next {
  background-position: -78px 13px;
  right: 40px;
}
#swipebox-action #swipebox-close {
  background-position: 15px 12px;
  left: 40px;
}
#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
  opacity: 0.3;
}

#swipebox-caption {
  top: -50px;
  text-align: center;
}
#swipebox-caption.visible-bars {
  -ms-transform: translateY(50px);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

#swipebox-slider.rightSpring {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s;
}

@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}
@keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}
@media screen and (max-width: 800px) {
  #swipebox-action #swipebox-close {
    left: 0;
  }

  #swipebox-action #swipebox-prev {
    right: 60px;
  }

  #swipebox-action #swipebox-next {
    right: 0;
  }
}
/* Skin
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-action,
#swipebox-caption {
  text-shadow: 1px 1px 1px black;
  background-color: #0d0d0d;
  background-color: #0d0d0d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0d0d0d), to(black));
  background-image: -webkit-linear-gradient(top, #0d0d0d, black);
  background-image: linear-gradient(to bottom, #0d0d0d, black);
  opacity: 0.95;
}

#swipebox-action {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#swipebox-caption {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}