@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded&wght@100;400;700&display=block");
@import url("https://fonts.googleapis.com/css?family=Hind:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic,700");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400,700");
@import url("https://fonts.googleapis.com/css?family=Oswald");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,400i,700");
@import url("https://fonts.googleapis.com/css?family=Work+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Poppins:400,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Bad+Script&display=swap");
@import url("https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Dancing+Script&display=swap");

@font-face {
    font-family: TrimPoster-Average;
    src: url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Average.woff2) format("woff2"),url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Average.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: TrimPoster-Fat;
    src: url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Fat.woff2) format("woff2"),url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Fat.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: TrimPoster-Hefty;
    src: url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Hefty.woff2) format("woff2"),url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Hefty.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: TrimPoster-Lanky;
    src: url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Lanky.woff2) format("woff2"),url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Lanky.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: TrimPoster-Lean;
    src: url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Lean.woff2) format("woff2"),url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Lean.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: TrimPoster-Skinny;
    src: url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Skinny.woff2) format("woff2"),url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Skinny.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: TrimPoster-Slender;
    src: url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Slender.woff2) format("woff2"),url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Slender.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: TrimPoster-Slim;
    src: url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Slim.woff2) format("woff2"),url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Slim.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: TrimPoster-Variable;
    src: url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Variable.woff2) format("woff2"),url(../../../../../Bootstrap/plugins/fonts/trimposter/webfonts/TrimPoster-Variable.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.trimposter-average {
    font-family: TrimPoster-Average
}

.trimposter-fat {
    font-family: TrimPoster-Fat
}

.trimposter-hefty {
    font-family: TrimPoster-Hefty
}

.trimposter-lanky {
    font-family: TrimPoster-Lanky
}

.trimposter-lean {
    font-family: TrimPoster-Lean
}

.trimposter-skinny {
    font-family: TrimPoster-Skinny
}

.trimposter-slender {
    font-family: TrimPoster-Slender
}

.trimposter-slim {
    font-family: TrimPoster-Slim
}

.trimposter-variable {
    font-family: TrimPoster-Variable
}

.hiddenH1 {
    font-size: 0;
    width: 1px;
    height: 1px;
    display: inline-block;
    overflow: hidden;
    position: absolute !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    clip: rect(1px,1px,1px,1px)
}

.Grid {
    background-color: #fff;
    margin: 5px 0 10px;
    border: 1px solid #666;
    border-collapse: collapse;
    color: #000
}

    .Grid td {
        padding: 2px;
        border: 1px solid #c1c1c1
    }

    .Grid th {
        padding: 4px 2px;
        color: #fff;
        background: #be1428;
        border-left: 1px solid #525252;
        font-size: 1.1em
    }

    .Grid .alt {
        background: #fcfcfc url(Images/grid-alt.png) repeat-x top
    }

    .Grid .pgr {
        background: #363670 url(Images/grid-pgr.png) repeat-x top
    }

        .Grid .pgr table {
            margin: 3px 0
        }

        .Grid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: 1px solid #666;
            font-weight: 700;
            color: #fff;
            line-height: 12px
        }

        .Grid .pgr a {
            color: grey;
            text-decoration: none
        }

            .Grid .pgr a:hover {
                color: #000;
                text-decoration: none
            }

.info {
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif !important;
    font-weight: 400
}

a, a:link {
    text-decoration: none;
    font-size: 15px;
    color: #ba1322
}

    a:hover {
        text-decoration: underline;
        color: #f90218
    }

    a, a:active, a:focus {
        outline: none !important
    }

.sfContentBlock ul li a, .sfContentBlock ul li a:visited {
    color: #b30000 !important;
    text-decoration: underline
}

    .sfContentBlock ul li a:hover {
        text-decoration: underline !important;
        color: #f90218 !important
    }

.sfContentBlock p a, .sfContentBlock p a:visited {
    color: #b30000 !important;
    text-decoration: underline
}

    .sfContentBlock p a:hover {
        text-decoration: underline;
        color: #f90218 !important
    }

img {
    max-width: 100%
}

iframe {
    border: none
}

.animated {
    opacity: 0
}

.visible {
    opacity: 1
}

.header_inner {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 5px
}

.MainNav {
    position: relative;
    top: 20px
}

.tafeForm {
    background-color: #e5e5e5;
    border-radius: 6px
}

    .tafeForm h4 {
        margin-bottom: 6px !important;
        margin-top: 20px !important;
        font-size: 18px !important
    }

    .tafeForm .glyphicon, .tafeForm h4 {
        color: #be1428
    }

div#courseSelector {
    width: 100%
}

.selectCareer {
    width: 100%;
    display: block
}

    .selectCareer .selectHeader {
        float: left;
        font-size: 18px;
        font-weight: 700
    }

.clickable {
    cursor: pointer
}

.floatRight {
    float: right
}

.ui-icon.iconOpen {
    background: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/base/upArrowBlack.png) no-repeat !important;
    background-size: 15px;
    width: 14px;
    height: 14px
}

.ui-icon.iconClosed {
    background: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/base/downArrowRed.png) no-repeat -5px !important;
    background-size: 30px;
    width: 20px;
    height: 20px
}

.ui-accordion-header {
    background-color: #888;
    height: 32px
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
    height: 40px;
    background-color: #444;
    color: #fff;
    font-size: 18px !important
}

.ui-accordion .ui-accordion-li-fix {
    display: inline
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
    background-color: #be1428
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em
}

.ui-accordion a {
    zoom: 1
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    right: .5em;
    top: 0;
    margin-top: 2px;
    width: 30px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1
}

.ui-accordion .ui-accordion-content-active {
    display: block
}

.header .menu-top {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    float: right;
    line-height: 1.5
}

    .header .menu-top li {
        list-style: none;
        font-size: 11px
    }

        .header .menu-top li:last-child a {
            padding-right: 0;
            font-size: 12px
        }

        .header .menu-top li.divider a {
            border-right: 1px solid #ededed;
            text-transform: uppercase
        }

        .header .menu-top li a {
            color: #ededed;
            padding: 0 10px
        }

            .header .menu-top li a:hover {
                color: #fff;
                text-decoration: underline
            }

.mainNav {
    top: 45px;
    color: #fff;
    position: relative;
    left: -300px;
    font-size: 18px;
    box-shadow: 0 3px 8px 0 rgba(10,10,10,.3);
    transition: background .3s,box-shadow .3s;
    transform: translateZ(0)
}

.navrow {
    background-color: #fff;
    width: 100%
}

@media (max-width:479px) {
    h1 {
        font-size: 22px
    }
}

@media (min-width:768px) {
    h1 {
        font-size: 25px
    }
}

@media (min-width:1200px) {
    h1 {
        font-size: 30px
    }
}

h3 {
    font-size: 22px
}

@media (min-width:768px) {
    h3 {
        font-size: 18px
    }
}

@media (min-width:992px) {
    h3 {
        font-size: 22px
    }
}

@media (min-width:768px) {
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        margin: 14px 0
    }
}

.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff
}

.navbar {
    border-radius: 0
}

.header .navbar {
    background-color: #be1428;
    box-shadow: 0 1px 1px rgba(0,0,0,.12)
}

.header .navbar-brand {
    padding: 0 !important;
    margin: 0 !important
}

@media (min-width:768px) {
    .header .navbar-brand {
        width: 214px
    }
}

.header .navbar-brand img {
    width: 100%;
    margin: 8px 0
}

.navbar-default {
    background-color: transparent;
    border: none;
    margin: 0
}

.header .navbar-nav.navbar-right:last-child {
    margin: 0;
    border-bottom: 50px solid #fff
}

.nav.navbar-nav.navbar-right {
    padding: 10px 0
}

.header .navbar-default .navbar-nav li a {
    font-size: 14px;
    text-decoration: none;
    color: #545454;
    text-transform: uppercase;
    padding: 11px 20px !important;
    font-weight: 600;
    background: none !important
}

@media (min-width:768px) {
    .header .navbar-default .navbar-nav li a {
        font-size: 12px;
        padding: 8px !important
    }
}

@media (min-width:992px) {
    .header .navbar-default .navbar-nav li a {
        font-size: 14px;
        padding: 11px 15px !important
    }
}

@media (min-width:1200px) {
    .header .navbar-default .navbar-nav li a {
        padding: 11px 20px !important
    }
}

.header .navbar-default .navbar-nav li a:hover {
    background: none !important;
    color: #888
}

.header .navbar-default .navbar-nav .active a, .header .navbar-default .navbar-nav .active a:focus, .header .navbar-default .navbar-nav .active a:hover {
    background: none;
    color: #888
}

@media (max-width:767px) {
    .header .navbar-default .navbar-nav li.apply_now a {
        background: transparent !important;
        color: #545454
    }

        .header .navbar-default .navbar-nav li.apply_now a:hover {
            color: #888
        }
}

@media (min-width:768px) {
    .header .navbar-default .navbar-nav li.apply_now a, .header .navbar-default .navbar-nav li.apply_now a:hover {
        background: #be1428 !important;
        color: #fff
    }
}

.header .navbar-default .navbar-nav li.apply_now.active a, .header .navbar-default .navbar-nav li.apply_now.active a:focus, .header .navbar-default .navbar-nav li.apply_now.active a:hover {
    color: #fff !important
}

.navbar-right .dropdown-menu {
    left: 0;
    right: auto
}

.banner {
    z-index: 900;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.05)
}

    .banner, .banner .slides, .banner .slides li {
        position: relative
    }

.flex-direction-nav {
    width: 100%;
    float: left;
    height: 100%;
    position: absolute;
    top: 0;
    margin: 0
}

    .flex-direction-nav a {
        height: 100%;
        width: 36px;
        height: 48px;
        margin-top: -24px;
        text-indent: -9999px;
        z-index: 9999
    }

.banner .flex-direction-nav a.flex-prev {
    background: transparent url(../images/home/slider/prev.png) no-repeat scroll 0;
    left: 0;
    position: absolute
}

.banner .flex-direction-nav a.flex-next {
    position: absolute;
    background: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/home/slider/next.png) no-repeat 0;
    right: 0
}

.flex-caption {
    position: absolute;
    margin-left: 15px;
    z-index: 999;
    bottom: 30px;
    color: #fff;
    display: inline-block;
    transition: all .5s ease-in-out;
    width: 90%
}

    .flex-caption .main {
        background: #be1428;
        margin-bottom: 5px;
        padding: 10px 15px;
        font-size: 25px;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        display: inline;
        position: absolute;
        bottom: 47px
    }

    .flex-caption .secondary {
        display: inline-block;
        background: #444;
        padding: 5px 15px;
        color: #fff;
        font-size: 25px;
        cursor: pointer
    }

        .flex-caption .main:empty, .flex-caption .secondary:empty {
            display: none
        }

@media (min-width:992px) and (max-width:1200px) {
    .flex-caption .main {
        font-size: 22px;
        bottom: 40px
    }

    .flex-caption .secondary {
        font-size: 20px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .flex-caption .main {
        font-size: 18px;
        bottom: 36px
    }

    .flex-caption .secondary {
        font-size: 18px
    }
}

@media (max-width:767px) {
    .flex-caption {
        bottom: 0 !important
    }

        .flex-caption .main {
            font-size: 18px !important;
            padding: 5px !important;
            bottom: 0 !important
        }

    .banner_caption {
        display: none
    }

    .banner {
        padding-top: 0
    }
}

@media (min-width:768px) {
    .banner_caption {
        bottom: 20px
    }
}

@media (min-width:992px) {
    .banner_caption {
        bottom: 30px
    }
}

.item.active .banner_caption {
    opacity: 1
}

#recommended-item-carousel .recommended-item-control {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    z-index: 999
}

#recommended-item-carousel:hover .recommended-item-control {
    display: block
}

#recommended-item-carousel .recommended-item-control.left {
    left: 0
}

#recommended-item-carousel .recommended-item-control.right {
    right: 0
}

section.mainBanner {
    position: relative;
    height: auto;
    padding-bottom: 0;
    padding-top: 0
}

.mainBanner .banner-image {
    width: 100%;
    height: 280px;
    background: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/home/banner/banner-img1.jpg) 50% no-repeat;
    background-size: cover
}

    .mainBanner .banner-image:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #444;
        background: linear-gradient(90deg,rgba(40,40,40,.75) 0,hsla(0,0%,100%,0) 70%)
    }

.banner-image img {
    width: 100%
}

.banner-img-caption {
    position: absolute;
    bottom: 20%;
    padding: 10px 0;
    margin: 0 20px
}

@media (max-width:768px) {
    .banner-img-caption {
        bottom: 0
    }
}

.banner-img-caption h1#main_title, .banner-img-caption h1#mainBannerImg_main_title {
    font-size: 4.05em;
    color: #fff;
    font-family: Mada,sans-serif;
    font-style: normal;
    font-weight: 400;
    text-shadow: 2px 2px 3px rgba(25,25,25,.5);
    text-transform: none;
    line-height: 1.2
}

@media (max-width:992px) {
    section.mainBanner {
        padding-top: 0
    }
}

@media (max-width:768px) {
    .banner-img-caption h1#main_title {
        font-size: 3.1em
    }

    section.mainBanner {
        margin-top: 0;
        padding-top: 0
    }
}

.banner-img-caption h2 {
    font-size: 2em;
    color: #fff;
    font-family: Cabin,sans-serif;
    font-weight: 500;
    font-style: normal;
    text-shadow: 1px 1px 2px #969696;
    text-transform: none
}

.caption_inner {
    padding: 10px 30px;
    background: rgba(0,0,0,.54);
    position: relative;
    z-index: 10
}

    .caption_inner h1 {
        font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
        color: #fff;
        text-transform: uppercase;
        float: left;
        padding-right: 20px;
        font-size: 24px;
        vertical-align: middle
    }

    .caption_inner p {
        color: #fff
    }

    .caption_inner a {
        float: right
    }

    .caption_inner a, information-block a {
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        background: #888;
        border: 1px solid #aeaeae;
        color: #fff !important;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        border-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box
    }

        .caption_inner a:hover {
            background: #be1428;
            color: #fff
        }

@media (min-width:768px) {
    .caption_inner {
        padding: 10px 30px
    }

        .caption_inner h1 {
            font-size: 18px
        }

        .caption_inner p {
            line-height: 18px
        }

        .caption_inner a {
            padding: 8px 25px
        }
}

@media (min-width:992px) {
    .caption_inner {
        padding: 15px 30px
    }

        .caption_inner h1 {
            font-size: 20px
        }

        .caption_inner p {
            line-height: 18px
        }
}

section.homePageContent h2 {
    font-size: 26px;
    font-weight: 700;
    padding: 3px 0 18px;
    color: #6d6d6d
}

section.homePageContent p {
    line-height: 25px
}

section.homePageContent {
    background-color: #e9e9e9
}

section.homepageCourse {
    padding: 40px 0 10px
}

@media (max-width:767px) {
    section.homepageCourse {
        padding: 30px 0 10px
    }
}

.aboutImage, .aboutTitle, .footer, .mainContent, .menuFooter, section.homepageCourse {
    width: 100%;
    display: block
}

section.homepageCourse {
    background-color: #e9e9e9
}

.footer {
    background-color: #c3c3c3
}

.homepageCourse a, .homepageCourse a:link {
    color: #eee
}

    .homepageCourse a:hover {
        color: #fff
    }

.homepageCourse h3 a {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    line-height: 21px;
    display: block;
    margin: 20px 0;
    text-decoration: none
}

    .homepageCourse h3 a:hover {
        color: hsla(0,0%,100%,.8)
    }

section.homepageCourse .captionLink {
    background-color: #be1428;
    color: #fff
}

.homepageCourse .aboutImage {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .homepageCourse .col-xs-12 {
        padding-bottom: 0
    }
}

@media (min-width:992px) {
    .homepageCourse .col-sm-6 {
        padding-bottom: 0
    }
}

@media (min-width:1200px) {
    .homepageCourse .col-md-4 {
        padding-bottom: 0
    }
}

.homepageCourse .viewAllCourse, .moreNews {
    width: 100%;
    padding: 10px 0;
    text-align: center
}

    .homepageCourse .viewAllCourse .btnViewCourses, .moreNews a.btnMoreNews {
        padding: 5px 30px;
        font-size: 22px;
        font-weight: 700;
        background-color: #dedede !important;
        color: #6d6d6d !important;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        border: 1px solid #d9d9d9 !important
    }

        .homepageCourse .viewAllCourse .btnViewCourses:hover, .moreNews a:hover.btnMoreNews {
            background: #be1428 !important;
            color: #fff !important
        }

.aboutImage {
    position: relative;
    margin-right: 10px
}

    .aboutImage img {
        width: 100%
    }

    .aboutImage .overlay {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 44px;
        width: 100%;
        padding: 10px 20px;
        text-align: center;
        background: transparent;
        transition: background .3s
    }

@media (max-width:479px) {
    .aboutImage .overlay {
        display: none
    }
}

@media (min-width:768px) {
    .aboutImage .overlay {
        text-align: left;
        padding: 10px;
        bottom: 30px
    }
}

@media (min-width:992px) {
    .aboutImage .overlay {
        bottom: 36px
    }
}

@media (min-width:1200px) {
    .aboutImage .overlay {
        bottom: 44px
    }
}

.aboutImage .overlay p {
    font-size: 16px;
    line-height: 23px;
    margin: 0;
    color: #fff;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .3s,transform .3s;
    font-weight: 400;
    padding: 10px 5px
}

@media (max-width:768px) {
    .aboutImage .overlay p {
        font-size: 15px;
        line-height: 20px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .aboutImage .overlay p {
        font-size: 16px;
        line-height: 20px
    }
}

@media (min-width:1200px) {
    .aboutImage .overlay p {
        font-size: 16px;
        line-height: 23px
    }
}

.aboutImage:hover .overlay {
    background: rgba(0,0,0,.45);
    transition: background .3s
}

    .aboutImage:hover .overlay p {
        opacity: 1;
        transition-delay: .1s;
        transform: translate(0)
    }

.course-img-short {
    max-height: 220px
}

.captionLink {
    width: 100%;
    height: 44px;
    display: block;
    text-align: left;
    line-height: 44px;
    text-indent: 13px;
    background-color: #5d5d5d;
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 1.45em;
    color: #fff;
    margin-right: 30px
}

    .captionLink:hover {
        background-color: #505050
    }

@media (min-width:768px) {
    .captionLink, .captionLink:hover {
        font-size: 1.1em;
        text-indent: 10px;
        height: 30px;
        line-height: 30px
    }
}

@media (min-width:992px) {
    .captionLink, .captionLink:hover {
        font-size: 1.25em;
        text-indent: 10px;
        height: 36px;
        line-height: 36px
    }
}

@media (min-width:1200px) {
    .captionLink, .captionLink:hover {
        font-size: 1.35em;
        text-indent: 13px;
        height: 44px;
        line-height: 44px
    }
}

.captionLink:focus {
    color: #fff;
    text-decoration: none
}

.captionLink > span {
    background-image: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/read_more_link.png);
    background-repeat: no-repeat;
    width: 8px;
    height: 13px;
    display: inline-block;
    float: right;
    margin: 16px 10px 0 0
}

@media (min-width:768px) {
    .captionLink > span {
        margin: 9px 10px 0 0
    }
}

@media (min-width:992px) {
    .captionLink > span {
        margin: 11px 10px 0 0
    }
}

@media (min-width:1200px) {
    .captionLink > span {
        margin: 16px 10px 0 0
    }
}

@media (max-width:479px) {
    .about_inner .col-xs-12 {
        width: 100%
    }
}

@media (max-width:767px) {
    .about_inner .col-xs-6 {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .about_inner .col-sm-4 {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {
    .about_inner .col-md-3 {
        margin-bottom: 40px
    }
}

.group-space {
    margin: 60px 0
}

@media (max-width:992px) {
    .group-space {
        margin: 20px 0
    }
}

.mainContent {
    padding: 40px 0;
    background-color: #fff;
    float: left;
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 25px
}

.nopadding {
    padding: 0 !important
}

.container section .container {
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    width: auto
}

@media (max-width:767px) {
    .mainContent {
        padding: 30px 0;
        margin: 0 0 20px
    }
}

.mainContent ul {
    padding: 2px 15px 2px 40px;
    list-style-type: circle
}

    .mainContent ul li {
        padding: 2px 0 5px
    }

.mainContent ol li {
    padding: 5px 0
}

.mainContent table td {
    padding: 10px 15px
}

.mainContent a, .mainContent a:link {
    color: #b30000;
    text-decoration: underline
}

    .mainContent a:hover {
        color: #f90218;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline
    }

    .mainContent a:visited {
        color: #ba1322
    }

.videoArea {
    margin-bottom: 27px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dce4ea
}

    .videoArea > h3 {
        margin-bottom: 30px;
        text-transform: uppercase;
        font-size: 20px
    }

.videoLeft {
    position: relative;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .videoLeft {
        margin-bottom: 0
    }
}

.videoLeft img {
    cursor: pointer;
    width: 100%
}

.videoLeft iframe {
    width: 100%
}

.videoButton {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    cursor: pointer;
    margin-top: -39px
}

.videoRight > p {
    margin: 0 0 15px
}

.learnBtn {
    padding: 0;
    height: 42px;
    background: #888;
    border-radius: 0;
    line-height: 42px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400 !important
}

@media (max-width:767px) {
    .learnBtn {
        padding: 0 20px !important;
        width: auto;
        display: inline-block
    }
}

.learnBtn:hover {
    color: #fff
}

.videoNine .related_post_sec ul li {
    border-bottom: none !important
}

    .videoNine .related_post_sec ul li:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

@media (max-width:767px) {
    .videoNine .related_post_sec ul li:last-child {
        padding: 0 0 25px;
        margin: 0 0 22px
    }
}

.resultPart h4 {
    color: #000;
    margin-bottom: 13px;
    font-size: 15px
}

@media (max-width:479px) {
    .resultPart h4 {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .resultPart h4 {
        font-size: 13px
    }
}

@media (min-width:992px) {
    .resultPart h4 {
        font-size: 14px
    }
}

@media (min-width:1200px) {
    .resultPart h4 {
        font-size: 18px
    }
}

.videoNine {
    padding-right: 30px;
    border-right: 1px solid #dce4ea
}

@media (max-width:767px) {
    .videoNine {
        padding-right: 0;
        border-right: none
    }
}

@media (max-width:479px) {
    .resultPart .col-sm-4 {
        width: 100%
    }
}

@media (max-width:767px) {
    .resultPart .col-sm-4 {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .resultPart .col-sm-4:first-child {
        padding-right: 5px
    }

    .resultPart .col-sm-4:nth-child(2n) {
        padding: 0 10px
    }

    .resultPart .col-sm-4:last-child {
        padding-left: 5px
    }
}

@media (min-width:1200px) {
    .resultPart .col-sm-4:first-child, .resultPart .col-sm-4:last-child, .resultPart .col-sm-4:nth-child(2n) {
        padding: 0 15px
    }
}

.count {
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% !important;
    float: left;
    width: 100%;
    padding: 65px 0;
    color: #fff;
    background-color: #323b42
}

.icon {
    padding-top: 40px;
    border: 2px solid hsla(0,0%,100%,.2);
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 50%
}

@media (max-width:767px) {
    .icon {
        padding-top: 35px;
        width: 110px;
        height: 110px
    }
}

.icon i {
    font-size: 36px !important
}

@media (max-width:767px) {
    .icon i {
        font-size: 30px !important
    }
}

section.countStats {
    padding: 0
}

.counter {
    font-family: Roboto Slab,serif;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    margin-top: 10px
}

@media (max-width:767px) {
    .counter {
        font-size: 40px
    }
}

.seperator-small {
    width: 10%;
    height: 2px;
    background-color: hsla(0,0%,100%,.47);
    margin: 15px auto
}

.count h2 {
    font-family: Roboto Slab,serif;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin: 0;
    color: #fff;
    text-transform: uppercase
}

@media (max-width:479px) {
    .count .col-xs-6, .menuFooter .col-xs-6 {
        width: 100%
    }
}

@media (max-width:767px) {
    .count .col-xs-6, .menuFooter .col-xs-6 {
        margin-bottom: 5px
    }
}

.count .col-xs-6:nth-child(2), .menuFooter .col-xs-6:nth-child(2) {
    clear: right
}

@media (max-width:767px) {
    .count-bottom {
        padding-top: 45px;
        margin-top: 45px
    }
}

.count-bottom h1 {
    margin-bottom: 25px;
    color: #fff
}

@media (max-width:767px) {
    .count-bottom h1 {
        font-size: 22px
    }
}

.count-bottom p {
    margin: 0
}

.count-bottom a {
    padding-right: 45px;
    padding-left: 45px;
    margin-top: 40px
}

.footer ul.bottom-menu, .social-links ul, ul.menuLink {
    padding-left: 0 !important
}

.menuLink li {
    list-style: none;
    padding: 10px
}

    .menuLink li a {
        line-height: 20px;
        color: #fff;
        font-weight: 400;
        font-size: 16px
    }

        .menuLink li a:hover {
            opacity: .8
        }

.menuFooter a, .menuFooter a:link {
    font-size: 16px;
    color: #fff !important
}

.menuFooter p {
    font-size: 14px;
    padding: 10px 0
}

.menuFooter {
    color: #fff;
    width: 100%;
    float: left;
    height: auto;
    padding: 90px 0 0;
    background-color: #444;
    background-image: url(/Images/TAFE_SA_FirstNations_Web_1920X90.png);
    background-position: top;
    background-repeat: repeat-x
}

    .menuFooter .footer-col-inner .subscribe-email {
        width: 70%;
        background: #f5f5f5;
        border: none;
        border-radius: 0;
        float: left;
        margin-right: 5px
    }

@media (max-width:768px) {
    .menuFooter .footer-col-inner .subscribe-email {
        width: 60%
    }
}

.menuFooter h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
    color: #fff
}

.menuFooter img.winner {
    margin: 15px 0 20px;
    max-width: 100%
}

@media (max-width:768px) {
    .menuFooter img.winner {
        margin-top: 0;
        max-width: 100%
    }
}

.menuFooter img.whiteRibbon {
    margin-left: 40%;
    max-width: 30%
}

@media (max-width:992px) {
    .menuFooter img.whiteRibbon {
        margin-left: 30%;
        max-width: 30%
    }
}

@media (max-width:768px) {
    .menuFooter img.whiteRibbon {
        margin-left: 30%;
        max-width: 30%
    }
}

@media (max-width:479px) {
    .menuFooter img.whiteRibbon {
        margin-left: 40%;
        max-width: 30%
    }
}

.social-icons {
    list-style: none;
    padding: 10px 0;
    margin-bottom: 0
}

    .social-icons li {
        float: left
    }

        .social-icons li.row-end {
            margin-right: 0
        }

    .social-icons a {
        display: inline-block;
        background: #606060;
        width: 32px;
        height: 32px;
        text-align: center;
        padding-top: 4px;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        font-size: 18px;
        margin-right: 10px;
        float: left
    }

        .social-icons a:hover {
            background: #be1428
        }

        .social-icons a .fa {
            color: #fff
        }

            .social-icons a .fa:before {
                font-size: 18px;
                text-align: center;
                padding: 0
            }

.contactNo > h5, .footer-address h5, .socialArea > h5 {
    margin-bottom: 10px;
    text-transform: uppercase
}

.socialArea > .list-inline > li > a:hover > img {
    opacity: .8
}

.socialArea {
    margin-bottom: 20px
}

    .socialArea .list-inline {
        margin-left: 0;
        text-align: center
    }

        .socialArea .list-inline li {
            padding: 0;
            float: left;
            margin: 0 4px 4px 0
        }

    .socialArea .fa {
        background: #c5c5c5;
        color: #fff;
        font-size: 18px;
        height: 31px;
        line-height: 32px;
        text-align: center;
        width: 31px;
        border-radius: 50%;
        opacity: 1;
        filter: alpha(opacity=100)
    }

        .socialArea .fa:hover {
            opacity: .8;
            filter: alpha(opacity=80);
            transition: opacity .3s
        }

.contactNo > h3 {
    font-weight: 700
}

@media (min-width:768px) {
    .contactNo > h3 {
        font-size: 18px
    }
}

@media (min-width:992px) {
    .contactNo > h3 {
        font-size: 22px
    }
}

@media (max-width:767px) {
    .border-wrap {
        border-top: 1px solid #656565;
        border-bottom: 1px solid #656565;
        min-height: 180px;
        padding: 20px 15px;
        margin: 20px 0
    }
}

@media (min-width:767px) and (max-width:992px) {
    .border-wrap {
        border-left: 1px solid #656565;
        padding: 0 15px;
        margin: 0
    }
}

@media (min-width:992px) {
    .border-wrap {
        border-left: 1px solid #656565;
        border-right: 1px solid #656565;
        padding: 0 15px;
        margin: 0
    }
}

.sbToggle {
    background: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/home/dropdown_arrow.png) no-repeat
}

.footer {
    float: left;
    background-color: #444;
    color: #fff
}

@media (max-width:767px) {
    .footer {
        text-align: center
    }
}

.footer a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    transition: color .3s
}

    .footer a:focus, .footer a:hover {
        color: hsla(0,0%,100%,.5);
        transition: color .3s
    }

.footer ul.bottom-menu li {
    display: inline;
    font-size: 12px;
    white-space: nowrap
}

    .footer ul.bottom-menu li a {
        color: #fff;
        font-size: 12px
    }

.footer ul.bottom-menu li {
    border-right: 1px solid #dedede;
    padding: 0 6px 0 3px
}

    .footer ul.bottom-menu li:last-child {
        border-right: none
    }

.social-links {
    display: block
}

    .social-links ul li {
        display: inline;
        list-style: none;
        float: left;
        padding: 0 5px
    }

        .social-links ul li a {
            font-size: 30px !important
        }

.copyRight p {
    font-size: 13px;
    margin-bottom: 0;
    color: #fff
}

    .copyRight p a {
        text-decoration: underline;
        color: #fff
    }

.privacy_policy {
    text-align: right;
    color: #fff
}

@media (max-width:767px) {
    .privacy_policy {
        text-align: center
    }
}

.privacy_policy a {
    display: inline-block;
    margin-right: 3px;
    border-right: 2px solid hsla(0,0%,100%,.5);
    padding-right: 8px;
    line-height: 16px
}

    .privacy_policy a:last-child {
        margin-right: 0;
        border-right: none;
        padding-right: 0
    }

#about_banner .flex-direction-nav a {
    width: 30px;
    height: 76px
}

    #about_banner .flex-direction-nav a.flex-prev {
        background: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/about/prev.png) no-repeat 0
    }

    #about_banner .flex-direction-nav a.flex-next {
        background: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/about/next.png) no-repeat 0
    }

.content_bottom {
    padding: 55px 0 45px;
    background: #f1f4f7
}

.carousal_title {
    text-align: center;
    padding: 0 25%
}

@media (max-width:767px) {
    .carousal_title {
        padding: 0 5%
    }
}

@media (min-width:768px) {
    .carousal_title {
        padding: 0 15%
    }
}

@media (min-width:992px) {
    .carousal_title {
        padding: 0 25%
    }
}

.carousal_title h1 {
    margin: 0 0 20px
}

@media (max-width:479px) {
    .carousal_title h1 {
        font-size: 22px
    }
}

.carousal_title p {
    margin: 0 0 42px
}

.carousal_section ul {
    margin: 0
}

    .carousal_section ul li {
        position: relative;
        float: left;
        height: auto;
        margin: 0
    }

@media (min-width:768px) {
    .carousal_section ul li {
        margin: 0
    }
}

@media (min-width:992px) {
    .carousal_section ul li {
        width: 447px !important;
        margin: 0 15px
    }
}

@media (min-width:1200px) {
    .carousal_section ul li {
        width: 475px !important;
        margin: 0 50px
    }
}

.carousal_content {
    background: #fff;
    border-radius: 3px;
    padding: 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,.08);
    position: relative;
    margin: 0 0 36px
}

    .carousal_content p {
        font-size: 14px;
        font-weight: 600;
        font-style: italic;
        color: #7e7e7e;
        margin: 0;
        line-height: 28px
    }

    .carousal_content:after {
        width: 26px;
        height: 27px;
        position: absolute;
        content: " ";
        background: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/about/bottom_arrow.png) no-repeat 50%;
        bottom: -27px;
        left: 30px
    }

.carousal_bottom .thumb {
    width: 70px;
    float: left;
    height: auto;
    margin-right: 18px
}

    .carousal_bottom .thumb img {
        border-radius: 50%
    }

.thumb_title {
    margin: 12px 0 0;
    float: left
}

    .thumb_title span {
        display: block;
        font-weight: 600
    }

    .thumb_title .author_name {
        font-size: 16px;
        color: #000;
        text-transform: uppercase
    }

    .thumb_title .author_designation {
        font-style: italic;
        font-size: 14px;
        color: #7e7e7e
    }

        .thumb_title .author_designation a {
            text-decoration: none;
            color: #be1428
        }

.carousal_section .flex-control-paging {
    position: relative;
    bottom: 0;
    margin-top: 80px
}

.form-control {
    border-radius: 0;
    border-color: #aeaeae
}

    .form-control:focus {
        border-color: #ccc;
        box-shadow: none
    }

.commonBtn {
    padding: 0;
    background-color: #be1428;
    text-transform: uppercase;
    color: #fff;
    border-color: #be1428;
    height: 42px;
    line-height: 42px;
    font-weight: 700
}

    .commonBtn:focus, .commonBtn:hover {
        background-color: #be1428 !important;
        color: #fff !important
    }

.formTitle h3 {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 20px;
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif
}

.formTitle p {
    margin-bottom: 25px
}

.selectBox {
    margin-bottom: 20px;
    width: 100%
}

.formArea .form-group {
    margin: 0 0 20px
}

.sbHolder, .sbOptions a, .sbSelector, .sbSelector:hover {
    font-family: Open Sans,sans-serif;
    font-weight: 400
}

.formArea, .getArea {
    width: 100%;
    margin-bottom: 20px;
    padding: 15px 12px 25px;
    border: 1px solid #dce4ea;
    border-top: 6px solid #be1428
}

.getArea {
    margin-bottom: 0
}

.extraPadding {
    padding-right: 25px;
    margin-bottom: 18px !important
}

.getImage {
    width: 100%;
    border: 1px solid #dce4ea;
    margin-bottom: 20px;
    text-align: center
}

    .getImage img {
        display: block;
        width: 100%
    }

@media (max-width:767px) {
    .post_right {
        margin: 30px 0 0
    }
}

.reduceMargin {
    margin-bottom: 17px !important
}

.menuFooter.event {
    background: #444
}

.custom_content {
    padding: 35px 0;
    background: #fff
}

.custom_title h1 {
    margin: 0 0 15px
}

ul.list {
    border-bottom: 1px solid #dce4ea;
    margin: 30px 0 50px;
    float: left;
    clear: both
}

    ul.list li {
        margin: 0 4% 45px 0;
        text-align: center;
        width: 48%;
        float: left;
        display: inline-block
    }

@media (max-width:479px) {
    ul.list li {
        margin: 0 0 30px;
        text-align: center;
        width: 100%;
        float: none
    }
}

@media (min-width:768px) {
    ul.list li {
        width: 23%;
        margin: 0 2% 45px 0
    }
}

@media (min-width:992px) {
    ul.list li {
        width: 220px;
        margin: 0 20px 45px 0
    }
}

@media (min-width:1200px) {
    ul.list li {
        width: 237px;
        margin: 0 63px 60px 0
    }
}

ul.list li .thumb {
    width: 100%;
    margin: 0 0 22px
}

ul.list li a {
    text-decoration: none
}

@media (max-width:767px) {
    ul.list li:nth-child(2n) {
        margin-right: 0;
        clear: right
    }
}

@media (min-width:992px) {
    ul.list li:nth-child(4n) {
        margin-right: 0;
        clear: right
    }
}

ul.list.last {
    border: none;
    margin-bottom: 0
}

ul.list h3 {
    font-size: 20px;
    margin: 0 0 2px
}

ul.list h3, ul.list h5 {
    font-weight: 400;
    color: #000
}

ul.list h5 {
    font-size: 14px;
    line-height: normal
}

#image-item-carousel .carousel-inner .item {
    padding: 0 30px
}

#image-item-carousel .recommended-item-control {
    margin-top: -12px;
    position: absolute;
    top: 50%;
    z-index: 999
}

    #image-item-carousel .recommended-item-control.right {
        right: 0
    }

.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
    background: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/prev.png) no-repeat 50%
}

.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
    background: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/next.png) no-repeat 50%
}

.mfp-arrow-left .mfp-a, .mfp-arrow-left .mfp-b, .mfp-arrow-left:after, .mfp-arrow-left:before, .mfp-arrow-right .mfp-b, .mfp-arrow-right:before, .mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
    border: none
}

.carousel-inner img {
    width: 100%
}

.mfp-arrow {
    width: 40px !important;
    height: 50px !important
}

    .mfp-arrow.mfp-arrow-right.mfp-prevent-close {
        background: rgba(0,0,0,.7) url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/next.png) no-repeat 50%
    }

    .mfp-arrow.mfp-arrow-left.mfp-prevent-close {
        background: rgba(0,0,0,.7) url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/prev.png) no-repeat 50%
    }

.apply_from .form-group .label {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: normal;
    white-space: normal;
    padding: 10px 0;
    float: left;
    text-align: left
}

.apply_from .form-group .form-control {
    box-shadow: none
}

.apply_from .form-group .label span {
    color: red
}

.apply_from h4 {
    text-transform: uppercase;
    margin: 30px 0 20px
}

.apply_from .form-group textarea {
    height: 120px;
    resize: vertical
}

.text-field {
    width: 100%;
    float: left;
    height: auto
}

    .text-field.custom {
        display: table
    }

.field-prefix {
    display: table-cell
}

.text-field.custom .form-control {
    display: inline-block
}

.card-type {
    width: 100%;
    float: left
}

    .card-type li {
        display: inline-block;
        position: relative;
        margin: 0 15px 0 0
    }

input[type=radio] + label {
    font-size: 14px;
    color: #000
}

    input[type=radio] + label span {
        display: inline-block;
        width: 40px;
        height: 25px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        cursor: pointer;
        opacity: .5
    }

input[type=radio]:checked + label span {
    opacity: 1
}

.apply_from .commonBtn {
    width: 200px;
    border: none
}

@media (max-width:767px) {
    .col-xs-12.col-sm-4.select-year {
        margin-top: 15px
    }

    .apply_from .custom_margin {
        margin: 15px 0 0
    }
}

.cooming-dark-page {
    background: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/home/count-bg.jpg) no-repeat 50% fixed;
    background-size: cover
}

.cooming-page.cooming-dark-page .light-section {
    background: transparent
}

.cooming-page.cooming-dark-page #simple_timer, .cooming-page.cooming-dark-page h3 {
    color: #fff
}

    .cooming-page.cooming-dark-page #simple_timer .table-cell .tab-val {
        border-bottom: 2px solid #fff
    }

    .cooming-page.cooming-dark-page #simple_timer .table-cell .tab-metr {
        color: #fff
    }

.cooming-page.cooming-dark-page .ed-form .form-group .form-control {
    color: #fff;
    border: 1px solid #fff;
    background: transparent
}

    .cooming-page.cooming-dark-page .ed-form .form-group .form-control:focus {
        border: 1px solid #be1428
    }

.cooming-page.cooming-dark-page .social-icon ul li a {
    color: rgba(0,0,0,.5)
}

.dropdown-menu {
    background: #707070;
    color: #fff;
    font-size: 13px
}

.nav-tabs {
    border-bottom: none;
    position: relative;
    margin-bottom: -1px
}

.tab-content {
    border: 1px solid #e8e8e8;
    padding: 15px 15px 25px;
    margin-bottom: 30px;
    z-index: 50
}

.nav-tabs > li > a {
    border: 1px solid #e8e8e8;
    border-bottom: none;
    background: #f5f5f5;
    padding: 5px 15px;
    margin-right: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #444;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s
}

.nav-tabs > li {
    margin-right: 2px
}

    .nav-tabs > li.active {
        border-top: 2px solid #be1428
    }

        .nav-tabs > li.active a, .nav-tabs > li.active a:active, .nav-tabs > li.active a:focus, .nav-tabs > li.active a:hover {
            border-bottom: 0;
            border-top: 0
        }

.main-nav {
    background-color: rgba(51,51,51,.9)
}

@media (max-width:786px) {
    .main-nav {
        background-color: #303030
    }
}

.main-nav button {
    background: #828282;
    color: #fff !important;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

    .main-nav button:focus {
        outline: none
    }

    .main-nav button .icon-bar {
        background-color: #fff
    }

.main-nav .navbar-collapse {
    overflow-y: auto
}

@media (max-width:768px) {
    .main-nav .navbar-collapse {
        padding: 0 20px
    }
}

.main-nav .nav .nav-item {
    font-weight: 600;
    font-family: open sans,arial,sans-serif;
    z-index: 100
}

    .main-nav .nav .nav-item a {
        color: #fff;
        transition: all .4s ease-in
    }

    .main-nav .nav .nav-item ul {
        padding: 0;
        margin: 0
    }

.main-nav ul li a:only-of-type {
    font-size: 15px
}

@media (max-width:768px) {
    .main-nav ul li a:only-of-type {
        font-size: 15px
    }

    .main-nav .nav > li > a {
        padding: 10px 8px 0
    }

    .main-nav .navbar-nav {
        padding-left: 10px
    }
}

@media (max-width:992px) and (min-width:768px) {
    .main-nav ul li a:only-of-type {
        font-size: 13px
    }
}

@media (max-width:1200px) and (min-width:993px) {
    .main-nav ul li a:only-of-type {
        font-size: 15px
    }
}

.header_inner .navbar-header {
    padding-left: 15px
}

.main-nav .nav .nav-item a:hover {
    background: #828282;
    color: #fff
}

.main-nav .nav .nav-item.active {
    position: relative
}

    .main-nav .nav .nav-item.active > a {
        background: #777;
        color: #fff;
        background-color: #e5e5e5;
        background-image: linear-gradient(0deg,#f5f5f5 0,#e5e5e5);
        background-repeat: repeat-x;
        border-bottom: 1px solid #d5d5d5
    }

        .main-nav .nav .nav-item.active > a:before {
            content: "\f0d8";
            position: absolute;
            bottom: -8px;
            left: 0;
            text-align: center;
            font-family: FontAwesome;
            display: block;
            font-size: 12px;
            width: 100%
        }

        .main-nav .nav .nav-item.active > a.dropdown-toggle:before {
            display: none
        }

.main-nav .nav .nav-item.open a {
    background: #828282;
    color: #fff
}

.kiddy {
    padding-left: 12px
}

.main-nav .nav .nav-item .dropdown-menu {
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    border: none;
    padding: 0;
    text-transform: none;
    min-width: 230px
}

    .main-nav .nav .nav-item .dropdown-menu a {
        border-bottom: 1px solid #8f8f8f;
        padding: 6px 30px 6px 20px
    }

@media (max-width:768px) {
    .main-nav .nav .nav-item .dropdown-menu a {
        white-space: normal;
        padding: 8px 30px 8px 20px
    }
}

.main-nav .nav .nav-item .dropdown-submenu {
    position: relative
}

    .main-nav .nav .nav-item .dropdown-submenu .fa {
        position: absolute;
        right: 15px;
        top: 10px
    }

    .main-nav .nav .nav-item .dropdown-submenu li {
        position: relative;
        background: #828282
    }

        .main-nav .nav .nav-item .dropdown-submenu li .fa {
            position: absolute;
            right: 15px;
            top: 10px
        }

    .main-nav .nav .nav-item .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0;
        margin-left: -1px;
        z-index: 1100
    }

hr {
    margin: 30px 0
}

section {
    width: 100%;
    padding: 40px 0;
    float: left;
    position: relative;
    font-size: 15px
}

    section .courses {
        background: rgba(71,2,0,.66)
    }

.header_inner a {
    font-size: 11px
}

strong {
    color: #6d6d6d
}

@media (max-width:991px) {
    .header .top-bar .search-form {
        text-align: center
    }

    .search-header {
        width: auto !important
    }
}

.left-nav h3 {
    font-size: 1.05em;
    font-weight: 500
}

.left-nav ul li {
    padding: 6px 4px 6px 8px;
    border-bottom: 1px solid #dedede
}

    .left-nav ul li.active {
        background-color: #828282
    }

        .left-nav ul li.active a {
            color: #fff
        }

    .left-nav ul li a {
        color: #555
    }

    .left-nav ul li:hover {
        background-color: #be1428;
        color: #fff
    }

    .left-nav ul li a:hover {
        color: #fff
    }

.logo {
    width: auto
}

@media (max-width:768px) {
    .header_inner {
        height: 120px
    }

        .header_inner .custom-search {
            min-width: 240px
        }
}

.industry h2 {
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 25px
}

.element-shadow {
    box-shadow: 3px 3px 5px 6px #ccc
}

.buffer-top-sm {
    margin-top: 10px
}

.buffer-top-md {
    margin-top: 20px
}

.buffer-top-lg {
    margin-top: 30px
}

.buffer-bottom-sm {
    margin-bottom: 10px
}

.buffer-bottom-md {
    margin-bottom: 20px
}

.buffer-bottom-lg {
    margin-bottom: 30px
}

.buffer-bottom-xlg {
    margin-bottom: 40px
}

.remove-buffer-top {
    margin-top: 0;
    padding-top: 0
}

.remove-buffer-bottom {
    margin-bottom: 0;
    padding-bottom: 0
}

.space-leftright {
    padding-left: 15px;
    padding-right: 15px
}

.remove-space-leftright {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

remove-space-topbottom {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0
}

.span-block {
    display: block
}

.center-content {
    display: inline-block;
    float: none;
    text-align: center
}

section.call-to-action {
    background-color: #444;
    color: #fff;
    width: 100%;
    float: left;
    background-size: cover;
    background-position: 50% !important;
    border-bottom: 1px solid #dcdcdc;
    margin: 0 0 40px
}

.call-to-action h2 {
    font-size: 26px;
    text-transform: uppercase;
    padding: 0 0 10px !important
}

.call-to-action h2, .call-to-action p {
    text-shadow: 2px 2px 3px rgba(25,25,25,.6)
}

.call-to-action p {
    font-weight: 400 !important
}

.call-to-act-img {
    background-image: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/home/calltoaction/calltoAction-img3.jpg)
}

@media (max-width:768px) {
    section.call-to-action {
        text-align: center
    }
}

.testimonials p {
    font-size: 13px
}

.testimonials a, .testimonials a:link, .testimonials a:visited {
    color: #ba1322
}

    .testimonials a:hover {
        text-decoration: underline;
        color: #f90218
    }

.testimonials h3.quoteName {
    font-size: 18px;
    font-weight: 600;
    padding: 40px 10px 5px 0;
    text-align: right;
    color: #656565
}

.testimonials h2.description {
    font-family: Oswald;
    font-size: 21px !important;
    padding: 20px 0 10px 20px;
    font-style: italic;
    line-height: 36px;
    font-weight: 400 !important;
    text-shadow: 1px 1px 1px hsla(0,0%,39.2%,.05)
}

.testimonials h3.graduate {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #8a8a8a;
    text-align: right;
    font-style: italic;
    padding: 0 10px 10px 20px
}

.testimonials span.graduateCourse {
    font-weight: 400
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px
}

.testimonials .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #ccc
}

    .testimonials .carousel-indicators .active, .testimonials .carousel-indicators li:active {
        width: 10px;
        height: 10px;
        margin: 0 5px;
        background: #8a8a8a
    }

.carousel-indicators {
    padding: 10px 0 0;
    position: inherit
}

.testimonials .profile-circle img {
    width: 200px;
    margin: 0 auto 10px;
    border-radius: 50%;
    border: 1px solid #ccc
}

.testimonials .carousel-control {
    background-image: none;
    padding-top: 5%
}

.testimonials blockquote {
    background: none;
    border: none
}

.testimonials .carousel-space {
    padding: 30px 15%
}

.testimonials .wrapper {
    padding: 0 100px !important
}

@media only screen and (max-width:768px) {
    .testimonials .center-content {
        text-align: center
    }

    .carousel-indicators {
        padding: 30px 0 0
    }

    .testimonials img {
        margin: 0 auto
    }

    .testimonials h2.description {
        padding: 20px !important
    }

    .testimonials .wrapper {
        padding: 0 !important
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .testimonials .wrapper {
        padding: 0 40px !important
    }
}

.custom-search-box {
    padding-right: 0
}

.custom-search {
    margin: 23px 0 0;
    padding: 0
}

    .custom-search filedset {
        text-align: right
    }

    .custom-search input {
        background: #f5f5f5;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        border-radius: 0;
        padding-left: 10px
    }

        .custom-search input:focus {
            background: #fff;
            border-color: #ddd
        }

        .custom-search input:hover {
            background: #fff
        }

    .custom-search button {
        background: none;
        position: relative;
        margin-bottom: 0
    }

        .custom-search button .fa {
            color: #999
        }

.search-query:focus + button {
    z-index: 3
}

@media only screen and (max-width:768px) {
    .custom-search {
        margin: 20px 0 0
    }
}

.nav-bar-top-space {
    position: relative;
    z-index: 999
}

@media only screen and (max-width:768px) {
    .nav-bar-top-space {
        height: auto
    }
}

.navbar-nav > li > a {
    line-height: 15px
}

.input-group-btn {
    background: #585858;
    background: linear-gradient(180deg,#585858 0,#585858 0,#585858)
}

    .input-group-btn:hover {
        background: #4a4a4a
    }

.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0
}

.nav > li > a {
    padding: 13px 25px 0 15px;
    font-size: 13px
}

.sfInlineEditingPageMenu .sfInlineEditingToggleLnk {
    top: 22px !important
}

section.information-block {
    padding-bottom: 60px !important
}

.information-block .column, .information-block .columns {
    padding: 20px;
    min-height: 320px
}

.information-block h2 {
    padding: 10px 0 0;
    font-size: 24px;
    font-weight: 700;
    color: #6d6d6d !important
}

.information-block p {
    padding: 20px 0;
    font-size: 15px
}

.information-block ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    padding-left: 20px
}

.information-block .video-container {
    position: relative;
    padding-bottom: 45%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    width: 100%
}

.information-block .img-container {
    width: 100%
}

.information-block .video-container embed, .information-block .video-container iframe, .information-block .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.information-block .sf-form {
    background-color: #f8f8f8
}

section.virtual-room {
    padding-bottom: 60px !important
}

.virtual-room h2 {
    padding: 20px 0 0;
    font-size: 24px;
    font-weight: 700;
    color: #6d6d6d !important
}

.virtual-room p {
    padding: 20px 0;
    font-size: 15px
}

.virtual-room .img-container {
    width: 100%
}

section.pageCategories {
    padding-bottom: 25px;
    padding-top: 0;
    color: #fff
}

    section.pageCategories a, section.pageCategories a:link {
        color: #eee
    }

        section.pageCategories a:hover {
            color: #fff
        }

@media (max-width:768px) {
    section.pageCategories a, section.pageCategories a:link {
        font-size: 16px
    }
}

.icon-arrow-right {
    float: right;
    display: inline-block;
    padding: 9px 10px 0 0;
    font-weight: 400
}

section.breadcrumbs-nav {
    background-color: #dedede
}

.breadcrumbs-nav a, .breadcrumbs-nav a:link {
    color: #505050 !important
}

    .breadcrumbs-nav a:hover {
        text-decoration: underline
    }

    .breadcrumbs-nav a:visited {
        color: #787878
    }

section.breadcrumbs-nav .breadcrumb {
    background: #dedede !important;
    color: #505050 !important
}

.breadcrumbs-nav .goog-te-gadget-simple {
    margin-top: 6px;
    border: 0;
    height: 30px;
    padding-top: 4px
}

    .breadcrumbs-nav .goog-te-gadget-simple img {
        display: none
    }

    .breadcrumbs-nav .goog-te-gadget-simple a {
        text-decoration: none
    }

    .breadcrumbs-nav .goog-te-gadget-simple span {
        border-left: 0 !important;
        padding-left: 7px
    }

.breadcrumbs-nav .translator {
    margin-bottom: 0;
    padding-right: 5px
}

@media (max-width:768px) {
    .breadcrumbs-nav .translator {
        margin-bottom: 6px;
        padding-right: 15px
    }
}

.detail-box {
    position: relative;
    border: 1px solid #dedede;
    min-height: 200px;
    padding: 30px
}

    .detail-box .overlay-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        opacity: 1;
        padding: 75px 30px
    }

    .detail-box:hover .overlay-box {
        opacity: 0
    }

.overlay-box {
    background-image: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/home/learn/Regency-89.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    transition: opacity .5s ease-in-out
}

    .overlay-box span {
        font-size: 26px;
        font-weight: 600;
        padding: 40px
    }

.detail-box h2 {
    font-size: 26px;
    font-weight: 700
}

.detail-box h3 {
    font-size: 24px;
    font-weight: 700
}

section.news {
    background-color: #fff;
    padding-bottom: 0
}

    section.news h2 {
        font-size: 26px !important;
        font-weight: 700 !important;
        padding-bottom: 20px;
        color: #6d6d6d
    }

.mainContent section.news {
    background-color: #fff
}

.news h3.news-title {
    padding: 20px 0 10px
}

.news .read-more {
    margin: 20px 0
}

.news .more-news {
    color: #ba1322
}

.news h3.news-title a {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: #be1428 !important
}

.moreNews {
    margin: 50px 0 10px
}

.sf_PagerCurrent {
    font-weight: bolder;
    border: solid;
    border-width: thin
}

.sf_PagerCurrent, .sf_pagerNumeric a {
    color: #ba1322;
    padding-left: 10px;
    padding-right: 10px
}

.sf_pagerNumeric a {
    font-weight: 400
}

.news h3 a {
    color: #ba1322;
    text-decoration: none;
    font-size: 16px
}

.news ul.nav-tabs li a {
    padding: 15px 25px;
    font-size: 16px
}

.news .media {
    padding-left: 0;
    font-size: 14px
}

.mainContent .sfnewsAuthorAndDate {
    color: #9a9a9a
}

section.social-media span {
    display: block;
    text-align: center
}

section.social-media h2 {
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 20px
}

.social-media-control {
    background-color: #fff;
    padding: 20px 10px;
    border: none;
    overflow: hidden;
    height: 500px;
    width: 100%
}

.social-media a, .social-media a:hover {
    font-size: 2.5em;
    padding-bottom: 0;
    position: relative;
    top: 22px
}

.social-media-wrap {
    max-width: 320px
}

.social-media i.fa-facebook-square {
    color: #3b5998
}

.social-media i.fa-twitter-square {
    color: #55acee
}

.social-media i.fa-youtube-square {
    color: #b00
}

@media only screen and (max-width:768px) {
    section.social-media span {
        display: block;
        text-align: center
    }
}

section.courseSearch {
    background-color: #bebebe;
    padding: 10px
}

#courseSearch1_searchBox_ctl00_ctl00_main {
    position: relative
}

.courseSearch .sfsearchBox .sfsearchTxt {
    background: #f1f1f1 !important;
    border-radius: 0 !important;
    margin: 8px auto;
    width: 100% !important;
    height: 50px !important;
    font-size: 22px !important;
    padding: 0 25px 0 15px;
    color: #666
}

    .courseSearch .sfsearchBox .sfsearchTxt:focus {
        background: #fff;
        border-color: #cdcdcd
    }

    .courseSearch .sfsearchBox .sfsearchTxt:hover {
        background: #fff;
        border-color: #dedede
    }

.courseSearch button {
    padding: 10px 20px;
    margin: 10px 0
}

.courseSearch .input-group-lg {
    width: 90%;
    margin: 0 auto;
    position: relative
}

.courseSearch .sfsearchBox .sfsearchSubmit {
    cursor: pointer;
    width: 40px;
    background: transparent !important;
    padding: 0 !important;
    color: transparent;
    position: absolute;
    top: 11px;
    right: 5px;
    z-index: 2
}

.courseSearch .input-group-lg i {
    top: 14px;
    right: 12px;
    color: #ccc;
    font-size: 20px;
    position: absolute;
    z-index: 1
}

@media (max-width:768px) {
    .courseSearch .input-group-lg i, .courseSearch .sfsearchBox .sfsearchSubmit {
        display: none
    }

    .courseSearch .sfsearchBox .sfsearchTxt {
        font-size: 19px !important
    }

    .courseSearch .input-group-lg {
        width: 100%
    }
}

.sfsearchBox .sfsearchSubmit {
    cursor: pointer;
    padding: 0 !important;
    border: 0;
    color: transparent;
    font-size: 1.1em;
    background-position: 8px 9px;
    background-size: 50% 50%
}

.custom-search-box .sfsearchBox .sfsearchTxt {
    margin: 0 !important;
    background-color: #ab1224 !important;
    color: #fff !important;
    border: 0;
    height: 32px;
    border-radius: 0
}

.sfsearchBox .sfsearchTxt {
    margin: 0 !important;
    background-color: #fff;
    border: 0;
    height: 32px;
    border-radius: 0
}

    .sfsearchBox .sfsearchTxt.k-autocomplete {
        display: initial
    }

.k-animation-container {
    left: 177px !important;
    top: 574px !important
}

    .k-animation-container ul {
        padding-left: 0 !important
    }

    .k-animation-container .k-list .k-item {
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer
    }

    .k-animation-container .k-list-scroller {
        margin: 8px 0 0;
        height: auto;
        background-color: #fff;
        border: 1px solid #f2f2f2;
        width: 1080px
    }

.TSASearchBoxWrapper {
    padding-bottom: 20px !important
}

.FacetedSearchFilterHolderList {
    list-style-type: none !important
}

.FacetedSearchFilterHolderListItem {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#FacetedSearchBoxHolder, #FacetedSearchFilterHolder, #FacetedSearchResultHolder, #NonFacetedSearchBoxHolder, #NonFacetedSearchResultHolder {
    padding-top: 30px !important
}

#FacetedSearchFilterHolderHeader, #FacetedSearchResultHolderHeader, #NonFacetedSearchResultHolderHeader {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

#FacetedSearchFilterHolderSubHeader {
    background-color: #f6f6f6;
    padding: 5px !important;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px
}

section.pageDescription h2 {
    padding: 20px 0;
    font-size: 24px;
    font-weight: 700;
    margin: 0
}

#sb-container #sb-counter {
    float: left
}

@media only screen and (max-width:768px) {
    .navbar-nav {
        margin-right: 0
    }
}

.pageCategories .aboutImage .overlay {
    bottom: 32px
}

@media (max-width:479px) {
    .pageCategories .aboutImage .overlay {
        display: none
    }
}

@media (min-width:768px) {
    .pageCategories .pageCategories.aboutImage .overlay {
        bottom: 28px
    }
}

@media (min-width:992px) {
    .pageCategories .aboutImage .overlay {
        bottom: 30px
    }
}

@media (min-width:1200px) {
    .pageCategories .aboutImage .overlay {
        bottom: 32px
    }
}

.pageCategories .aboutImage .overlay p {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    padding: 8px 5px
}

@media (max-width:768px) {
    .pageCategories .aboutImage .overlay p {
        line-height: 20px
    }
}

@media (min-width:768px) and (max-width:992px) {
    .pageCategories .aboutImage .overlay p {
        line-height: 22px
    }
}

@media (min-width:1200px) {
    .pageCategories .aboutImage .overlay p {
        line-height: 20px
    }
}

.pageCategories .captionLink {
    height: 32px;
    line-height: 32px;
    font-size: 1.12em
}

@media (max-width:768px) {
    .pageCategories .captionLink, .pageCategories .captionLink:hover {
        font-size: 1.1em;
        text-indent: 6px
    }
}

@media (max-width:992px) and (min-width:768px) {
    .pageCategories .captionLink, .pageCategories .captionLink:hover {
        font-size: 1.1em;
        text-indent: 10px
    }
}

@media (max-width:1200px) and (min-width:992px) {
    .pageCategories .captionLink, .pageCategories .captionLink:hover {
        font-size: 1.12em;
        text-indent: 10px
    }
}

@media (min-width:1200px) {
    .pageCategories .captionLink, .pageCategories .captionLink:hover {
        font-size: 1.12em;
        text-indent: 6px
    }
}

@media (max-width:479px) {
    .pageCategories .about_inner .col-xs-12 {
        width: 100%
    }
}

@media (max-width:767px) {
    .pageCategories .about_inner .col-sm-6 {
        margin-bottom: 20px
    }
}

@media (min-width:768px) {
    .pageCategories .about_inner .col-md-4 {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 30px
    }
}

@media (min-width:992px) {
    .pageCategories .about_inner .col-lg-3 {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 40px
    }
}

.help_with_fees_title {
    font-weight: 700;
    color: #6d6d6d
}

.report-error-link {
    bottom: 5em;
    right: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 80px;
    position: fixed;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    z-index: 255;
    line-height: 1.2
}

    .report-error-link li {
        display: block;
        margin-bottom: 1em
    }

    .report-error-link a {
        display: none;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0
    }

        .report-error-link a:hover {
            border-top: 1px solid #a50c1e !important;
            border-left: 1px solid #a50c1e !important;
            border-bottom: 1px solid #a50c1e !important;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1
        }

@media screen and (min-width:450px) {
    .report-error-link a {
        display: block;
        font-size: 12px;
        font-weight: 400;
        background: #ab1224 !important;
        color: #fff !important;
        border-top: 1px solid #aeaeae !important;
        border-left: 1px solid #aeaeae !important;
        border-bottom: 1px solid #aeaeae !important;
        padding: 8px;
        text-decoration: none;
        -webkit-opacity: .1;
        -moz-opacity: .1;
        opacity: .1;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        animation: fadeOut 6s
    }
}

.header .landingPageHeader {
    padding: 10px 0 15px;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.05)
}

.landingPageContent .indicates-required {
    padding: 10px
}

.landingPageContent {
    color: #fff;
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif
}

    .landingPageContent hr {
        margin: 5px 0
    }

    .landingPageContent h1 {
        font-size: 22px;
        color: #fff;
        padding: 15px 10px;
        font-weight: 700;
        font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .landingPageContent label {
        font-size: 16px;
        font-weight: 400
    }

body.landingPageContent {
    background-image: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/landingPageImg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #464646
}

#mc_embed_signup {
    background: #333;
    background: #0a0a0a;
    background: rgba(10,10,10,.6)
}

.landingPageContent .color-block {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0a0a0a50,endColorstr=#0a0a0a50);
    zoom: 1
}

@media (max-width:768px) {
    body.landingPageContent {
        padding-top: 135px !important
    }
}

@media (min-width:769px) {
    .dropdown-menu-right {
        right: auto;
        left: auto
    }
}

section.error-content {
    padding-bottom: 0
}

.error-content {
    background: #fff;
    text-align: center
}

    .error-content a {
        font-size: 16px
    }

        .error-content a:hover, .errorLinks:hover {
            text-decoration: underline
        }

h3.errorLinks {
    font-size: 20px !important;
    font-weight: 700;
    color: #be1428 !important;
    margin-top: 0 !important;
    padding-left: 10px
}

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

.error-content ul {
    padding-left: 0;
    list-style-type: none !important
}

@media (min-width:768px) {
    .error-content h2 {
        font-size: 30px;
        color: #eee
    }
}

.error-content h2 {
    font-size: 24px !important;
    font-weight: 700;
    padding: 24px 0 10px;
    color: #6d6d6d
}

.error-content h3 {
    font-size: 22px;
    font-weight: 700;
    padding: 0 0 16px;
    color: #eee
}

.error-content h3, h3 {
    border: 0 !important
}

.error-content-top {
    width: 150px;
    height: 150px;
    margin: 0 auto 25px;
    background: #be1428;
    border-radius: 50%
}

@media (min-width:768px) {
    .error-content-top {
        width: 200px;
        height: 200px
    }
}

.error-content-top h2 {
    color: #eee !important;
    font-size: 60px !important;
    margin-bottom: 10px !important;
    padding-top: 40px !important
}

@media (min-width:768px) {
    .error-content-top h2 {
        font-size: 70px !important;
        margin-bottom: 15px !important;
        font-weight: 700 !important
    }
}

@media (max-width:768px) {
    .deviceSpace {
        padding-bottom: 20px
    }
}

.start-collapsed {
    display: none
}

.results-table .label {
    white-space: nowrap;
    padding-right: 1em;
    vertical-align: top;
    line-height: 25px;
    display: table-cell;
    color: #333;
    font-size: 100%;
    text-align: left
}

.results-table .value {
    padding-bottom: 1em
}

tr.rgGroupHeader:nth-child(n) {
    background: #be1428
}

legend {
    padding-top: 20px
}

table.profiletbl:first-child {
    background: #f5f5f5
}

table.profiletbl td {
    margin-left: 10px;
    margin-right: 10px
}

.profiletbl {
    width: 100%
}

table.rgMasterTable p {
    height: 100%;
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-style: normal !important;
    color: #fff;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.RadGrid {
    border-color: transparent !important
}

table.rgMasterTable label {
    display: inline
}

table.rgMasterTable td {
    border-color: transparent !important
}

input[id^=ctl00_MainContent_C001_grQuestions_ctl00_], input[id^=ctl00_MainContent_C008_grQuestions_ctl00_] {
    margin-right: 10px;
    outline-color: #be1428 !important
}

@media (max-width:767px) {
    #ctl00_MainContent_C001_grQuestions, #ctl00_MainContent_C008_grQuestions {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (max-width:479px) {
    #ctl00_MainContent_C001_grQuestions, #ctl00_MainContent_C008_grQuestions {
        -moz-column-count: 1;
        column-count: 1
    }
}

@media (min-width:768px) {
    #ctl00_MainContent_C001_grQuestions, #ctl00_MainContent_C008_grQuestions {
        -moz-column-count: 3;
        column-count: 3
    }
}

@media (min-width:992px) {
    #ctl00_MainContent_C001_grQuestions, #ctl00_MainContent_C008_grQuestions {
        -moz-column-count: 4;
        column-count: 4
    }
}

#printCSSLogo {
    display: none
}

.pac-selected {
    background-color: #be1428
}

.pac-item {
    font-size: 12px;
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif
}

    .pac-item:hover {
        background-color: #be1428;
        color: #fff
    }

.address-lookup {
    background-color: #fafad2 !important
}

.postal-address-toggle {
    padding-left: 20px;
    vertical-align: 3px
}

.leaf-out-note, .postal-address-toggle {
    color: #be1428 !important
}

.inline-asterisk {
    display: inline !important
}

#MainNavTAFELogo {
    padding-top: 6px
}

.skip-to-content-link {
    background: #fff;
    color: #fff !important;
    font-weight: 700;
    height: 30px;
    left: 0;
    padding: 8px;
    position: absolute
}

    .skip-to-content-link:focus {
        background: #be1428;
        position: unset
    }

.rcRefreshImage {
    background-image: url(images/refresh.png);
    margin-right: 20px !important
}

.rcCaptchaAudioLink, .rcRefreshImage {
    font-size: 14px !important;
    float: left !important;
    background-repeat: no-repeat;
    color: transparent !important
}

.rcCaptchaAudioLink {
    background-image: url(images/audio.png)
}

.sfFormCaptcha p .sfTxtLbl {
    margin-top: 10px;
    position: relative !important
}

.sfFormCaptcha p .sfTxt {
    margin-top: 10px
}

.telephone {
    text-decoration: none !important
}

.info-session-course {
    height: 125px
}

@media (max-width:768px) {
    .info-session-course {
        height: 125px
    }
}

.print_only {
    display: none
}

a.scrollAnchor {
    display: block;
    height: 194px;
    margin-top: -194px;
    visibility: hidden
}

#tooltip {
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px
}

    #tooltip:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: "";
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px
    }

    #tooltip.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid #111;
        top: -20px;
        bottom: auto
    }

    #tooltip.left:after {
        left: 10px;
        margin: 0
    }

    #tooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0
    }

ul#ciyear-nav, ul#course-type {
    list-style-type: none
}

#ciyear-nav, #course-type {
    background-color: #fff;
    list-style: none
}

ul#ciyear-nav, ul#course-type {
    height: 47px;
    border-bottom: 1px solid #e9e9e9
}

    ul#ciyear-nav li, ul#course-type li {
        float: left;
        padding: 6px 0 0 !important;
        font-size: 1em
    }

.mainContent ul#ciyear-nav, .mainContent ul#course-type {
    padding: 2px 0 0 !important
}

ul#ciyear-nav li a, ul#course-type li a {
    display: inline-block;
    text-align: center;
    padding: 10px 20px 5px;
    height: 39px;
    text-decoration: none;
    outline: none;
    background: #f9f9f9;
    color: #666 !important;
    border-bottom: 1px solid #e9e9e9
}

    ul#ciyear-nav li a:hover, ul#course-type li a:hover {
        background-color: #f5f5f5;
        color: #ba1322 !important
    }

    ul#ciyear-nav li a.active, ul#course-type li a.active {
        background-color: #fff;
        color: #ba1322 !important;
        border-color: #be1428 #e9e9e9 #fff;
        border-style: solid;
        border-width: 2px 1px 1px
    }

.course_table_box {
    padding: 0 0 3px;
    background: #fefefe;
    position: relative
}

    .course_table_box h2 {
        color: #666;
        padding: 15px 0;
        margin-bottom: 0;
        margin-top: 0;
        font-weight: 700
    }

        .course_table_box h2 a, .course_table_box h2 a:link {
            font-size: 22px
        }

    .course_table_box h3 {
        padding: 10px 0
    }

.campus_delivery_locations {
    font-size: 18px;
    padding: 1px 0 0 10px !important;
    margin: 14px 0 !important
}

.course_table_box .no_wrap {
    white-space: nowrap
}

.compress {
    letter-spacing: -1pt
}

.course_table_box .apply_now, .course_table_box .apply_now a {
    width: 118px;
    height: 31px
}

.course_table_box .apply_now {
    position: absolute;
    right: 20px;
    margin-top: -41px
}

    .course_table_box .apply_now a {
        display: block;
        text-indent: -999em
    }

.course_table_box .help a {
    margin-left: 1em;
    margin-top: .7em
}

.application-column .apply-now {
    width: 72px
}

a.check-status {
    width: 72px;
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 15px !important;
    padding: 0 !important;
    color: #ba1322 !important;
    white-space: normal !important
}

    a.check-status:hover {
        color: #ba1322 !important;
        text-decoration: underline !important
    }

.application-column .apply-now.direct {
    width: 102px !important;
    background-repeat: no-repeat
}

.application-column.year-2013 .apply-now, .application-column.year-2013 .check-status, .application-column.year-2014 .apply-now, .application-column.year-2014 .check-status {
    width: 85px
}

table.course_locations {
    border: 1px solid #f5f5f5
}

.course_locations th {
    background: #f5f5f5;
    padding: 20px 15px;
    font-size: 17px;
    font-weight: 400;
    color: #787878;
    border-bottom: 0
}

@media (max-width:768px) {
    .course_locations th {
        font-size: 15px
    }

    .course_locations .studyload .ft_pt {
        font-size: 12px !important
    }
}

@media (min-width:768px) and (max-width:992px) {
    .course_locations th {
        font-size: 15px
    }

    .course_locations .studyload .ft_pt {
        font-size: 13px !important
    }
}

.course_locations td {
    font-size: 1em;
    padding: 10px 15px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #e5e5e5
}

table.course_locations.notes {
    font-weight: 600;
    border-top: 0
}

.course_locations td a {
    padding: 0
}

@media (min-width:992px) {
    .course_locations td a {
        white-space: nowrap
    }
}

table.course_locations tr.info-session {
    border-top: 0;
    font-size: 13px
}

.course_locations.notes td.notetext, .course_locations.notes td.symbol {
    border-top: 0
}

tr.info-session td {
    border-top-style: none
}

.course_locations .application-column a.apply-now, .short-course-detail-table .enquire a {
    color: #fff !important;
    padding: 7px 10px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    text-decoration: none;
    background-color: #5cb85c;
    border-color: #4cae4c;
    white-space: nowrap;
    font-size: 16px
}

.course_locations .application-column a.check-status {
    color: #ba1322
}

.course_locations .application-column a:hover, .short-course-detail-table .enquire a:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.course_locations {
    width: 100%
}

    .course_locations table td {
        border-top: 0
    }

    .course_locations .studyload .ft_pt {
        font-size: 14px
    }

    .course_locations td.start-date-end-date, .course_locations th.start-date-end-date {
        text-align: center
    }

table.course_locations.short-courses td.first, table.course_locations.short-courses th.first {
    padding-left: 18px
}

table.course_locations.short-courses .sc-notes-table {
    margin-left: 18px;
    width: 95%
}

    table.course_locations.short-courses .sc-notes-table .label {
        font-weight: 700;
        width: 140px;
        text-align: right;
        padding-right: 8px
    }

table.course_locations.short-courses .notes {
    color: #555
}

table.course_locations.short-courses td {
    border: 0
}

table.course_locations.short-courses .notes td {
    border: 0;
    font-size: 11px
}

table.course_locations .notetext, table.course_locations .symbol {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px
}

.competitive_applications .help a {
    width: 12px;
    height: 12px
}

.course_table_box.international h2 a {
    font-size: 22px;
    padding: 20px
}

.competitive_applications h2 a, .course_table_box.international h2 a, .immediate_applications h2 a {
    text-decoration: none;
    padding: 0 0 0 15px
}

    .competitive_applications h2 a:hover, .course_table_box.international h2 a:hover, .immediate_applications h2 a:hover {
        text-decoration: underline
    }

.immediate_applications h2, .immediate_applications h3 {
    color: #6d6d6d
}

    .immediate_applications h2 a {
        font-size: 22px
    }

.immediate_applications .content h3 {
    padding: 30px 0 10px
}

.content .info p.note {
    padding: 15px 0 0
}

.course_table_box.international .help a, .immediate_applications .help a {
    font-size: medium;
    font-weight: 400
}

.competitive_applications h2, .competitive_applications h2 a, .competitive_applications h3 {
    color: #858585
}

.course_table_box.international h2 a {
    color: #ba1322
}

div.immediate_applications {
    border: 0
}

.course_summary {
    position: relative;
    margin: 0 0 50px
}

    .course_summary th {
        white-space: nowrap
    }

@media (max-width:768px) {
    .course_summary th, .course_table_box .no_wrap {
        white-space: normal;
        word-wrap: break-word;
        font-size: 15px
    }
}

.course_summary tr.fee-free-for-jobseekers th, .course_summary tr.fee-free th {
    display: none
}

.course_summary tr.fee-free-for-jobseekers td, .course_summary tr.fee-free td {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    right: 0;
    text-indent: -9999em;
    margin: 0;
    padding: 0
}

.course_summary tr.fee-free-for-jobseekers a, .course_summary tr.fee-free a {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0;
    text-indent: -9999em;
    margin: 0;
    padding: 0
}

.course_summary tr.fee-free-for-jobseekers a {
    width: 123px;
    height: 123px
}

.courses_title {
    font-size: 1.8em
}

.course_type_title {
    font-size: 1.5em;
    padding: 20px 0 0
}

h2.delivery_locations_title {
    padding: 40px 15px 15px !important;
    text-align: left
}

.thgrid {
    background-color: #fafafa;
    color: #0f0f0f;
    font-size: 1.1em;
    text-align: right;
    width: 25%;
    padding: 0 15px;
    font-weight: 400;
    border-right: 3px solid #e9e9e9
}

.thgrid_name {
    color: #0f0f0f;
    padding: 5px 10px 5px 5px;
    text-align: left
}

.thgrid_code, .thgrid_name {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e4e3e3;
    font-size: .8em
}

.thgrid_code {
    text-align: right
}

.thgrid_code, .thgrid_universityprogram {
    color: #888;
    font-weight: 700;
    margin: 0;
    padding: 5px
}

.thgrid_universityprogram {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e4e3e3;
    font-size: .8em;
    text-align: left;
    width: 370px
}

.tdgrid {
    font-size: .9em;
    margin: 0;
    padding: 7px 3px 7px 10px;
    text-align: left;
    vertical-align: top
}

    .tdgrid p {
        margin-top: 0;
        padding-top: 0
    }

.tdgrid_code {
    text-align: right
}

.tdgrid_code, .tdgrid_universityprogram {
    color: #888;
    font-size: .9em;
    margin: 0;
    padding: 7px 4px 7px 10px;
    vertical-align: top
}

.tdgrid_universityprogram {
    text-align: left;
    width: 370px
}

.course_table_box .help a, .thgrid_course_type .help a, .thgrid_name .help a {
    text-indent: -999em;
    display: inline-block;
    width: 16px;
    height: auto;
    margin-left: 20px;
    cursor: pointer;
    background-position: 0;
    background-repeat: no-repeat;
    background-image: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/help.gif)
}

.course_display .thgrid_code, .course_display .thgrid_course_type {
    background: #f5f5f5;
    padding: 20px 15px;
    font-size: 18px;
    font-weight: 400;
    color: #787878;
    border-bottom: 0
}

.study_area_course_list table.course_display {
    width: 100%;
    border: 1px solid #f2f2f2;
    margin: 40px 0
}

.course_table_box .help.ie a {
    margin-top: 0 !important
}

.course_display {
    margin: 8px 0 17px
}

.inc_quals td {
    font-size: 1.2em;
    padding: 20px 0
}

.ft_pt {
    color: #777;
    font-size: .9em;
    font-weight: lighter
}

.inc_quals li, .inc_quals ul {
    margin-top: 0;
    padding-top: 0
}

.note {
    font-size: 13px !important;
    line-height: 19px
}

.note, .notes {
    color: #0f0f0f
}

.notes-link {
    font-size: 13px !important
}

#skills_for_all_eligibilty {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 35px;
    margin-bottom: 25px
}

.course_general #skills_for_all_eligibilty {
    border: 0 !important
}

.skills_for_all_yes {
    color: #6d6d6d
}

#course_cost_table {
    width: 100% !important
}

.course-section {
    padding: 40px 0
}

.course_general h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    padding: 20px 0 0;
    color: #6d6d6d
}

.contact-details h2 {
    padding: 10px 0
}

.contactInfo label {
    font-size: 17px !important
}

.contact-details ul.contactInfo {
    list-style-type: none
}

ul.contactInfo li {
    font-size: 25px;
    color: #505050;
    line-height: 40px;
    float: left;
    margin-right: 40px
}

    ul.contactInfo li a {
        font-size: 24px
    }

    ul.contactInfo li i {
        padding-right: 20px
    }

.how-to-apply .contactInfo a {
    font-size: 24px;
    padding-right: 15px
}

    .how-to-apply .contactInfo a.online-application {
        margin-left: 15px
    }

.how-to-apply .contactInfo i {
    font-size: 24px;
    padding: 0 15px;
    color: #9d9d9d
}

@media (max-width:768px) {
    ul.contactInfo li {
        font-size: 16px;
        float: none;
        line-height: 30px
    }

        ul.contactInfo li a {
            font-size: 16px
        }
}

.course_fees .international-fees {
    width: 100%;
    border: 5px solid #f5f5f5;
    margin-bottom: 40px;
    margin-left: 0 !important;
    float: none !important
}

    .course_fees .international-fees tr:first-child {
        background-color: #f5f5f5
    }

    .course_fees .international-fees td, .course_fees .international-fees th {
        padding: 20px !important;
        font-size: 20px;
        color: #9b9b9b;
        font-weight: 400
    }

        .course_fees .international-fees td.value {
            color: #8b8b8b
        }

.credit-transfer-search-results table {
    width: 100%;
    border: 1px solid #f2f2f2
}

    .credit-transfer-search-results table th {
        background-color: #f5f5f5;
        padding: 20px 15px;
        font-size: 18px;
        font-weight: 400;
        color: #787878;
        border-bottom: 0
    }

.credit_transfer_box_header h3.credit_transfer_title {
    padding: 30px 0 25px
}

.credit-transfer-search-results span.course-name, .credit-transfer-search-results span.course-name-inactive {
    font-weight: 700;
    font-size: 18px;
    color: #6d6d6d;
    padding-right: 10px
}

.credit-transfer-search-results span a {
    font-weight: 700;
    font-size: 18px;
    padding-right: 10px
}

.credit-transfer-search-results span.course-name-inactive {
    cursor: help
}

table.inc_quals ul {
    list-style-type: none
}

.even {
    background-color: #fcfcfc
}

.study-group {
    border: 1px solid #ccc
}

.cg-toggle {
    padding: 12px 0 9px 20px;
    float: right;
    width: 10%;
    background-color: #ececec
}

    .cg-toggle img {
        width: 35px;
        height: 35px;
        position: relative;
        left: 30px
    }

@media (max-width:992px) {
    .cg-toggle img {
        left: 10px
    }
}

@media (max-width:768px) {
    .cg-toggle img {
        left: 10px
    }

    .cg-toggle {
        padding: 12px 0 0
    }
}

@media (max-width:540px) {
    .cg-toggle img {
        left: 0
    }

    .cg-toggle {
        padding: 12px 0 0
    }
}

.cg-link {
    color: #777;
    padding: 15px 0 15px 20px;
    background-color: #ececec;
    border-bottom: 3px solid #fcfcfc
}

    .cg-link h3 {
        display: inline;
        margin: 0;
        padding: 0
    }

    .cg-link img, h2 img {
        margin-bottom: 10px;
        padding: 0
    }

    .cg-link a {
        text-decoration: none;
        font-size: 18px
    }

        .cg-link a.expando {
            font-size: .9em;
            color: #999
        }

        .cg-link a:hover {
            text-decoration: underline
        }

.info {
    margin: 0;
    padding: 15px 0 5px
}

    .info .info {
        padding: 0 15px
    }

        .info .info table, .info table.course_display {
            margin: 1px 0 20px;
            width: 100%
        }

    .info th.thgrid_course_type {
        background: #f8f8f8;
        padding: 5px 30px;
        font-size: 16px;
        font-weight: 400;
        color: #787878;
        border-bottom: 0
    }

    .info th.thgrid_code {
        font-size: 16px
    }

    .info table.course_display .tdgrid {
        padding-left: 30px
    }

    .info table {
        margin-bottom: 20px;
        border-top: 3px solid #e9e9e9
    }

    .info br {
        display: none
    }

    .info table .tdgrid br {
        display: block
    }

.credit_transfer_options, .regional_search_options {
    padding: 20px 20px 0;
    border: 3px solid #f1f1f1;
    background-color: #f9f9f9
}

    .credit_transfer_options .industry_group select, .regional_search_options .industry_group select {
        height: 40px;
        width: 30%;
        border: 1px solid #d5d5d5 !important;
        font-size: 15px !important;
        padding: 0 10px !important;
        float: left;
        margin: 0 0 20px 10px
    }

    .credit_transfer_options .industry_group label, .regional_search_options .industry_group label {
        width: 10%;
        font-size: 18px;
        font-weight: 400;
        margin: 8px 0 5px 20px;
        float: left
    }

    .credit_transfer_options .industry_group input.go_button, .regional_search_options .industry_group input.go_button {
        background: #888 !important;
        border: 1px solid #aeaeae !important;
        color: #fff !important;
        height: 38px;
        padding: 0 25px;
        margin-left: 10px;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out
    }

        .credit_transfer_options .industry_group input.go_button:hover, .regional_search_options .industry_group input.go_button:hover {
            background: #be1428 !important
        }

@media (max-width:540px) {
    .credit_transfer_options .industry_group label, .credit_transfer_options .industry_group select, .regional_search_options .industry_group label, .regional_search_options .industry_group select {
        width: 90%
    }

    .credit_transfer_options .industry_group input.go_button, .regional_search_options .industry_group input.go_button {
        width: 90%;
        margin-bottom: 20px
    }
}

@media (max-width:992px) and (min-width:540px) {
    .credit_transfer_options .industry_group label, .regional_search_options .industry_group label {
        width: 100%
    }

    .credit_transfer_options .industry_group select, .regional_search_options .industry_group select {
        width: 75%;
        float: none
    }
}

table.course_locations.short-courses .notes .short-course-detail-table td {
    font-size: 15px
}

table.course_locations.short-courses .notes table {
    width: 100%
}

    table.course_locations.short-courses .notes table td {
        margin: 5px 10px;
        display: inline-block
    }

        table.course_locations.short-courses .notes table td.class-times {
            width: 20%
        }

.course_display a {
    text-decoration: underline !important;
    color: #ba1322 !important
}

    .course_display a:visited {
        text-decoration: underline !important;
        color: #ba1322
    }

    .course_display a:hover {
        text-decoration: underline !important;
        color: #f90218 !important
    }

.mainContent #hbform fieldset, .mainContent #MainContent_C011 fieldset {
    background-color: #f8f8f8;
    border: 0
}

.mainContent #hbform input[type=radio], .mainContent #MainContent_C011 input[type=radio] {
    border: 1px solid #f5f5f5;
    height: 40px;
    width: 20px;
    float: left;
    display: block;
    margin-right: 10px;
    outline: none
}

.mainContent #hbform input, .mainContent #MainContent_C011 input[type=text] {
    border: 1px solid #f5f5f5;
    height: 40px;
    width: 100%
}

.mainContent #hbform label {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #9a9a9a;
    width: 100%;
    text-align: left
}

.mainContent #hbform fieldset legend, .mainContent #MainContent_C011 fieldset legend {
    font-size: 20px;
    font-weight: 700;
    padding: 50px 0 0 15px !important;
    color: #6d6d6d;
    border: 0
}

.mainContent #hbform select, .mainContent #MainContent_C011 select {
    background: #fefefe;
    border: 1px solid #f5f5f5;
    height: 40px;
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    width: 60%
}

.mainContent #hbform textarea, .mainContent #MainContent_C011 textarea, .mainContent .sfFormsEditor textarea {
    background: #fefefe;
    border: 1px solid #d5d5d5;
    color: #000;
    width: 60%;
    font-size: 15px
}

.mainContent #hbform input.submit, .mainContent #MainContent_C011 input.submit {
    width: 100px;
    background: #888;
    border: 1px solid #aeaeae !important;
    color: #fff !important;
    height: 40px;
    right: 25px;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

    .mainContent #hbform input.submit:hover, .mainContent #MainContent_C011 input.submit:hover {
        background: #ba1322
    }

.mainContent #hbform table.rbl, .mainContent #MainContent_C011 table.rbl {
    width: 100%
}

.mainContent #hbform table label, .mainContent #MainContent_C011 table label {
    width: auto !important;
    margin-top: 12px
}

.mainContent .MainContent_C011 table, .mainContent .sfContentBlock table {
    background: #fefefe;
    border: 1px solid #f5f5f5;
    width: 100% !important
}

    .mainContent .MainContent_C011 table td, .mainContent .sfContentBlock table td {
        border: 0;
        padding: 15px
    }

.mainContent #hbform fieldset fieldset ol, .mainContent #MainContent_C011 fieldset fieldset ol {
    margin: 0 0 0 40px
}

@media (max-width:768px) {
    .mainContent #hbform input, .mainContent #hbform select, .mainContent #hbform textarea, .mainContent #MainContent_C011 input[type=text], .mainContent #MainContent_C011 select, .mainContent #MainContent_C011 textarea {
        width: 100%
    }

    .mainContent #hbform label, .mainContent #MainContent_C011 label {
        width: 100%;
        text-align: left
    }

    .mainContent #hbform fieldset li, .mainContent #MainContent_C011 fieldset li {
        padding-bottom: 0
    }
}

#fees_table img.dollar {
    display: none !important
}

#div-course-modules {
    margin: 20px 0
}

    #div-course-modules table {
        width: 100% !important;
        border: 1px solid #f2f2f2
    }

        #div-course-modules table th {
            background-color: #f5f5f5;
            padding: 20px 15px;
            font-size: 18px;
            font-weight: 400;
            color: #787878;
            border-bottom: 0
        }

section.map {
    padding: 40px 0 0 !important
}

.LocationButtons ul {
    margin: 5px 0 13px;
    list-style-type: none !important;
    padding-left: 0;
    padding-right: 0
}

.LocationButtons .custMapBtn li a, .LocationButtons .custMapBtn li a:link, .LocationButtons .custMapBtn li a:visited {
    padding: 12px 35px;
    margin: 0 30px 10px 0;
    background-color: #ba1322 !important;
    border: 1px solid #ab000f !important;
    font-size: 16px
}

    .LocationButtons .custMapBtn li a:hover {
        background-color: #f90218 !important;
        border: 1px solid #ba1322 !important
    }

@media (max-width:450px) {
    .LocationButtons .custMapBtn li a {
        width: 100%
    }
}

@media (max-width:486px) {
    .hidecolumn {
        display: none
    }
}

#UNITS table {
    border: 1px solid #f5f5f5
}

    #UNITS table th {
        background: #f5f5f5;
        padding: 20px 15px;
        font-size: 17px;
        font-weight: 400;
        color: #787878;
        border-bottom: 1px solid #e5e5e5
    }

@media (max-width:768px) {
    #UNITS table th {
        font-size: 15px
    }
}

@media (min-width:768px) and (max-width:992px) {
    #UNITS table th {
        font-size: 16px
    }
}

#MainContent_C007, #MainContent_C008, #MainContent_C009, #MainContent_C011 {
    border: 5px solid #f7f7f7;
    padding: 45px 25px;
    position: relative;
    background-color: #fbfbfb
}

#MainContent_C007, #MainContent_C008, #MainContent_C009 {
    padding: 25px !important
}

    #MainContent_C007 input, #MainContent_C008 input, #MainContent_C009 input, #MainContent_C011 input, #MainContent_C015 input {
        padding-left: 15px;
        font-size: 15px;
        font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif
    }

        #MainContent_C007 input[type=radio] {
            margin-left: 35px;
            float: left;
            display: block;
            margin-right: 10px;
            width: 20px;
            border: 1px solid #f5f5f5;
            height: 40px;
            outline: none
        }

    #MainContent_C007 span.sfRadioList label {
        width: auto !important;
        margin-top: 15px;
        height: 30px
    }

#MainContent_C011 input[type=radio] {
    margin-left: 35px;
    float: left;
    display: block;
    margin-right: 10px;
    width: 20px;
    border: 1px solid #f5f5f5;
    height: 40px;
    outline: none
}

#MainContent_C011 span.sfRadioList label {
    width: auto !important;
    margin-top: 15px;
    height: 30px
}

#MainContent_C007 .sfsearchBox .sfsearchTxt, #MainContent_C008 .sfsearchBox .sfsearchTxt, #MainContent_C009 .sfsearchBox .sfsearchTxt, #MainContent_C011 .sfsearchBox .sfsearchTxt, #MainContent_C015 .sfsearchBox .sfsearchTxt {
    border: 2px solid #d5d5d5;
    height: 50px !important;
    width: 100% !important;
    font-size: 22px !important
}

#MainContent_C007 .sfsearchBox .sfsearchTxt, #MainContent_C008 .sfsearchBox .sfsearchTxt, #MainContent_C009 .sfsearchBox .sfsearchTxt {
    padding: 0 45px 0 15px
}

#MainContent_C007 span.sfsearchTxt, #MainContent_C008 span.sfsearchTxt, #MainContent_C009 span.sfsearchTxt, #MainContent_C011 span.sfsearchTxt, #MainContent_C015 span.sfsearchTxt {
    border: 0 !important
}

#MainContent_C007 .sfsearchBox .sfsearchTxt:focus, #MainContent_C008 .sfsearchBox .sfsearchTxt:focus, #MainContent_C009 .sfsearchBox .sfsearchTxt:focus, #MainContent_C011 .sfsearchBox .sfsearchTxt:focus, #MainContent_C015 .sfsearchBox .sfsearchTxt:focus {
    background: #fff !important;
    border-color: #cdcdcd
}

#MainContent_C007 .sfsearchBox .sfsearchTxt:hover, #MainContent_C008 .sfsearchBox .sfsearchTxt:hover, #MainContent_C009 .sfsearchBox .sfsearchTxt:hover, #MainContent_C011 .sfsearchBox .sfsearchTxt:hover, #MainContent_C015 .sfsearchBox .sfsearchTxt:hover {
    border-color: #f2f2f2
}

#MainContent_C007 .sfsearchBox .sfsearchSubmit, #MainContent_C008 .sfsearchBox .sfsearchSubmit, #MainContent_C009 .sfsearchBox .sfsearchSubmit, #MainContent_C011 .sfsearchBox .sfsearchSubmit, #MainContent_C015 .sfsearchBox .sfsearchSubmit {
    cursor: pointer;
    width: 25px;
    height: 25px;
    background: #fff !important;
    padding: 0 !important;
    color: transparent;
    position: absolute;
    top: 58px;
    right: 35px;
    background-image: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/images/base/searchIcon.png) !important;
    background-repeat: no-repeat;
    background-position: 8px 9px;
    background-size: contain !important;
    opacity: .5
}

    #MainContent_C007 .sfsearchBox .sfsearchSubmit:hover, #MainContent_C008 .sfsearchBox .sfsearchSubmit:hover, #MainContent_C009 .sfsearchBox .sfsearchSubmit:hover, #MainContent_C011 .sfsearchBox .sfsearchSubmit:hover, #MainContent_C015 .sfsearchBox .sfsearchSubmit:hover {
        opacity: .99
    }

#MainContent_C008 .sfsearchBox .sfsearchTxt, #MainContent_C009 .sfsearchBox .sfsearchTxt {
    padding-right: 28px !important
}

#MainContent_C007 .sfsearchBox .sfsearchTxt {
    padding-right: 40px !important
}

#MainContent_C007 .sfsearchBox .sfsearchSubmit, #MainContent_C008 .sfsearchBox .sfsearchSubmit, #MainContent_C009 .sfsearchBox .sfsearchSubmit {
    top: 38px !important
}

#MainContent_C015 .input-group-lg i {
    position: absolute;
    top: 14px;
    right: 30px;
    color: #ccc;
    font-size: 20px
}

@media (max-width:768px) {
    #MainContent_C007 .input-group-lg i, #MainContent_C007 .sfsearchBox .sfsearchSubmit, #MainContent_C008 .input-group-lg i, #MainContent_C008 .sfsearchBox .sfsearchSubmit, #MainContent_C009 .input-group-lg i, #MainContent_C009 .sfsearchBox .sfsearchSubmit, #MainContent_C011 .input-group-lg i, #MainContent_C011 .sfsearchBox .sfsearchSubmit, #MainContent_C015 .input-group-lg i, #MainContent_C015 .sfsearchBox .sfsearchSubmit {
        display: none
    }

    #MainContent_C007 input, #MainContent_C008 input, #MainContent_C009 input, #MainContent_C011 input, #MainContent_C015 input {
        padding: 0 0 0 10px
    }

    #MainContent_C007, #MainContent_C008, #MainContent_C009, #MainContent_C011, #MainContent_C015 {
        padding: 15px 10px
    }
}

.sfsearchResultStatistics {
    font-size: 18px !important;
    padding: 0 0 40px !important;
    margin: 0 !important;
    font-weight: 400 !important
}

.sfsearchResultTitle h2 {
    padding: 0 0 10px !important
}

.mainContent dd h3 {
    padding: 10px 0 !important;
    font-size: 18px !important
}

dd h3 i {
    margin-right: 10px
}

.sfsearchResultTitle a, .sfsearchResultTitle a:active, .sfsearchResultTitle a:visited {
    font-size: 20px !important;
    color: #ba1322
}

    .sfsearchResultTitle a:hover {
        font-size: 20px;
        text-decoration: underline
    }

.studyMode {
    padding: 5px 0
}

.sfsearchResultTitle hr {
    margin: 0
}

.sf_pagerNumeric {
    margin-top: 25px;
    border-top: 3px solid #eee;
    padding: 20px 15px 5px
}

    .sf_pagerNumeric a, .sf_pagerNumeric a:visited {
        color: #ba1322 !important;
        margin: 0 5px
    }

        .sf_pagerNumeric a:hover {
            color: #ba1322;
            border: 1px solid #f90218 !important
        }

        .sf_pagerNumeric a.sf_PagerCurrent, .sf_pagerNumeric a:visited.sf_PagerCurrent {
            background-color: #ba1322 !important;
            border: 1px solid #ab000f !important;
            color: #fff !important
        }

        .sf_pagerNumeric a:hover.sf_PagerCurrent {
            background-color: #f90218 !important;
            border: 1px solid #ba1322 !important;
            color: #fff !important
        }

.pagination > .active > a, .pagination > .active > span {
    background-color: #ba1322 !important;
    border-color: #ba1322 !important;
    color: #fff !important
}

    .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span:focus, .pagination > .active > span:hover {
        background-color: #ba1322 !important;
        border-color: #fff !important;
        color: #fff !important
    }

.pagination > li > a, .pagination > li > span {
    color: #ba1322 !important
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        border: 1px solid #ab000f !important
    }

.errorBorder {
    border: 1px solid #ba1322
}

.brochure-notes .international-application {
    padding: 20px 0 5px
}

.brochure-notes a.online-enquiry {
    font-size: 24px
}

.brochure-notes a.online-application {
    font-size: 28px;
    color: #fff !important;
    padding: 7px 10px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    text-decoration: none;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
    white-space: nowrap;
    font-size: 16px
}

    .brochure-notes a.online-application:hover {
        color: #fff !important;
        background-color: #449d44 !important;
        border-color: #398439 !important
    }

.delveryLocDetails {
    padding: 0 15px 20px
}

    .delveryLocDetails .value, .delveryLocDetails label {
        font-size: 14px
    }

    .delveryLocDetails .special .value, .delveryLocDetails .special label {
        font-size: 17px
    }

    .delveryLocDetails .contactInfo .value, .delveryLocDetails .contactInfo a, .delveryLocDetails .contactInfo i {
        font-size: 17px;
        padding-right: 10px
    }

    .delveryLocDetails .contactInfo i {
        padding-right: 15px
    }

.costNote {
    font-size: 13px
}

#MainContent_SoftwareWebstoreForm input {
    width: auto;
    height: auto;
    float: left;
    display: block;
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    padding: 6px 12px;
    text-decoration: none;
    margin: 6px 20px 0 0;
    outline: none;
    background: #ba1322 !important;
    border: 1px solid #ab000f !important;
    color: #fff !important
}

    #MainContent_SoftwareWebstoreForm input:hover {
        text-decoration: none;
        outline: none;
        background: #f90218 !important;
        border: 1px solid #ba1322 !important;
        color: #fff !important
    }

.sfError {
    color: #ba1322;
    display: block;
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: left
}

#MainContent_SoftwareWebstoreForm label {
    display: block;
    font-weight: unset;
    padding: 0;
    outline: none
}

#MainContent_SoftwareWebstoreForm .btn {
    outline: none
}

.sfRadDatePicker {
    margin-bottom: 20px
}

table.credit_transfer img {
    max-width: 170px
}

@media handheld,projection,screen,tv {
    #sb-info-inner, #sb-loading-inner, #sb-title-inner, div.sb-message {
        font-family: HelveticaNeue-Light,Helvetica Neue,Helvetica,Arial,sans-serif;
        font-weight: 700;
        color: #fff
    }

    #sb-container {
        position: fixed;
        margin: 0;
        padding: 0;
        top: 0;
        left: 0;
        z-index: 999;
        text-align: left;
        visibility: hidden;
        display: none
    }

    #sb-overlay {
        position: relative;
        height: 100%;
        width: 100%
    }

    #sb-wrapper {
        position: absolute;
        visibility: hidden;
        width: 100px
    }

    #sb-wrapper-inner {
        position: relative;
        border: 1px solid #303030;
        overflow: hidden;
        height: 100px
    }

    #sb-body {
        position: relative;
        height: 100%
    }

    #sb-body-inner {
        position: absolute;
        height: 100%;
        width: 100%
    }

    #sb-player.html {
        height: 100%;
        overflow: auto
    }

    #sb-body img {
        border: none
    }

    #sb-loading {
        position: relative;
        height: 100%
    }

    #sb-loading-inner {
        position: absolute;
        font-size: 14px;
        line-height: 24px;
        height: 24px;
        top: 50%;
        margin-top: -12px;
        width: 100%;
        text-align: center
    }

        #sb-loading-inner span {
            background: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/Images/ShadowBox/loading.gif) no-repeat;
            padding-left: 34px;
            display: inline-block
        }

    #sb-body, #sb-loading {
        background-color: #060606
    }

    #sb-info, #sb-title {
        position: relative;
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    #sb-title, #sb-title-inner {
        height: 26px;
        line-height: 26px
    }

    #sb-title-inner {
        font-size: 16px
    }

    #sb-info, #sb-info-inner {
        height: 20px;
        line-height: 20px
    }

    #sb-info-inner {
        font-size: 12px
    }

    #sb-nav {
        padding: 2px 0;
        width: 45%
    }

        #sb-nav, #sb-nav a {
            float: right;
            height: 16px
        }

            #sb-nav a {
                display: block;
                width: 16px;
                margin-left: 3px;
                cursor: pointer;
                background-repeat: no-repeat
            }

    #sb-nav-close {
        background-image: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/Images/ShadowBox/close.png)
    }

    #sb-nav-next {
        background-image: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/Images/ShadowBox/next.png)
    }

    #sb-nav-previous {
        background-image: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/Images/ShadowBox/previous.png)
    }

    #sb-nav-play {
        background-image: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/Images/ShadowBox/play.png)
    }

    #sb-nav-pause {
        background-image: url(/SiteFinity/WebsiteTemplates/TAFESABootstrap/App_Themes/TAFESA/Images/ShadowBox/pause.png)
    }

    #sb-counter {
        float: left;
        width: 45%
    }

        #sb-counter a {
            padding: 0 4px 0 0;
            text-decoration: none;
            cursor: pointer;
            color: #fff
        }

            #sb-counter a.sb-counter-current {
                text-decoration: underline
            }

    div.sb-message {
        font-size: 12px;
        padding: 10px;
        text-align: center
    }

        div.sb-message a:link, div.sb-message a:visited {
            color: #fff;
            text-decoration: underline
        }

    .ModalLoaderPane {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        margin-top: 50px
    }

    .ModalLoaderMessage {
        color: #fff;
        margin: 3px;
        font-family: Trebuchet MS;
        font-size: small;
        vertical-align: middle
    }
}

.flex-direction-nav a, .flex-direction-nav a:before {
    color: rgba(0,0,0,.8);
    text-shadow: 1px 1px 0 hsla(0,0%,100%,.3)
}

@font-face {
    font-family: flexslider-icon;
    src: url(fonts/flexslider-icon.eot);
    src: url(fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"),url(fonts/flexslider-icon.woff) format("woff"),url(fonts/flexslider-icon.ttf) format("truetype"),url(fonts/flexslider-icon.svg#flexslider-icon) format("svg");
    font-weight: 400;
    font-style: normal
}

.flex-container a:hover, .flex-slider a:hover {
    outline: 0
}

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

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

.flexslider {
    padding: 0;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    border-radius: 4px;
    -o-box-shadow: "" 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px "" rgba(0,0,0,.2)
}

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

    .flexslider .slides:after {
        content: "\0020";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

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

* html .flexslider .slides {
    height: 1%
}

.no-js .flexslider .slides > li:first-child {
    display: block
}

.flexslider .slides {
    zoom: 1
}

    .flexslider .slides img {
        width: 100%;
        display: block;
        height: auto;
        -moz-user-select: none
    }

.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease
}

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

.carousel li {
    margin-right: 5px
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    transition: all .3s ease-in-out
}

    .flex-direction-nav a:before {
        font-family: flexslider-icon;
        font-size: 40px;
        display: inline-block;
        content: "\f001"
    }

    .flex-direction-nav a.flex-next:before {
        content: "\f002"
    }

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: 10px
}

    .flexslider:hover .flex-direction-nav .flex-prev:hover {
        opacity: 1
    }

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px
}

    .flexslider:hover .flex-direction-nav .flex-next:hover {
        opacity: 1
    }

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

    .flex-pauseplay a:before {
        font-family: flexslider-icon;
        font-size: 20px;
        display: inline-block;
        content: "\f004"
    }

    .flex-pauseplay a:hover {
        opacity: 1
    }

    .flex-pauseplay a.flex-play:before {
        content: "\f003"
    }

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

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

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,.5);
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    border-radius: 20px
}

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

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0,0,0,.9);
        cursor: default
    }

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

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

    .flex-control-thumbs img {
        width: 100%;
        height: auto;
        display: block;
        opacity: .7;
        cursor: pointer;
        -moz-user-select: none;
        transition: all 1s ease
    }

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

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

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

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */ .flickity-enabled {
    position: relative
}

    .flickity-enabled:focus {
        outline: none
    }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: grab
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: grabbing
        }

.flickity-button {
    position: absolute;
    background: hsla(0,0%,100%,.75);
    border: none;
    color: #333
}

    .flickity-button:hover {
        background: #fff;
        cursor: pointer
    }

    .flickity-button:focus {
        outline: none;
        box-shadow: 0 0 0 5px #19f
    }

    .flickity-button:active {
        opacity: .6
    }

    .flickity-button:disabled {
        opacity: .3;
        cursor: auto;
        pointer-events: none
    }

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

    .flickity-prev-next-button.previous {
        left: 10px
    }

    .flickity-prev-next-button.next {
        right: 10px
    }

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

    .flickity-page-dots .dot.is-selected {
        opacity: 1
    }

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms
    }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s
    }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s
    }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s
    }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s
    }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s
    }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s
    }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s
    }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s
    }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s
    }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s
    }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s
    }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s
    }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s
    }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s
    }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s
    }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s
    }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s
    }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s
    }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s
    }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s
    }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s
    }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s
    }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s
    }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s
    }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s
    }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s
    }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s
    }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s
    }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s
    }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s
    }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s
    }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s
    }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s
    }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s
    }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s
    }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s
    }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s
    }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s
    }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s
    }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s
    }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s
    }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s
    }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s
    }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s
    }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s
    }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s
    }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s
    }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s
    }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s
    }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s
    }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s
    }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s
    }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s
    }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s
    }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s
    }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s
    }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s
    }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s
    }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s
    }

[data-aos] {
    pointer-events: none
}

    [data-aos].aos-animate {
        pointer-events: auto
    }

    [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
        transition-timing-function: cubic-bezier(.25,.25,.75,.75)
    }

    [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
        transition-timing-function: ease
    }

    [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
        transition-timing-function: ease-in
    }

    [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
        transition-timing-function: ease-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
        transition-timing-function: ease-in-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
        transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.47,0,.745,.715)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.39,.575,.565,1)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.445,.05,.55,.95)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity,transform
    }

        html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
            opacity: 1;
            transform: none
        }

    html:not(.no-js) [data-aos=fade-up] {
        transform: translate3d(0,100px,0)
    }

    html:not(.no-js) [data-aos=fade-down] {
        transform: translate3d(0,-100px,0)
    }

    html:not(.no-js) [data-aos=fade-right] {
        transform: translate3d(-100px,0,0)
    }

    html:not(.no-js) [data-aos=fade-left] {
        transform: translate3d(100px,0,0)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        transform: translate3d(-100px,100px,0)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        transform: translate3d(100px,100px,0)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        transform: translate3d(-100px,-100px,0)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        transform: translate3d(100px,-100px,0)
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity,transform
    }

        html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
            opacity: 1;
            transform: translateZ(0) scale(1)
        }

    html:not(.no-js) [data-aos=zoom-in] {
        transform: scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-up] {
        transform: translate3d(0,100px,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-down] {
        transform: translate3d(0,-100px,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-right] {
        transform: translate3d(-100px,0,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-left] {
        transform: translate3d(100px,0,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-out] {
        transform: scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-up] {
        transform: translate3d(0,100px,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-down] {
        transform: translate3d(0,-100px,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-right] {
        transform: translate3d(-100px,0,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-left] {
        transform: translate3d(100px,0,0) scale(1.2)
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
        transition-property: transform;
        visibility: hidden
    }

        html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
            visibility: visible;
            transform: translateZ(0)
        }

    html:not(.no-js) [data-aos=slide-up] {
        transform: translate3d(0,100%,0)
    }

    html:not(.no-js) [data-aos=slide-down] {
        transform: translate3d(0,-100%,0)
    }

    html:not(.no-js) [data-aos=slide-right] {
        transform: translate3d(-100%,0,0)
    }

    html:not(.no-js) [data-aos=slide-left] {
        transform: translate3d(100%,0,0)
    }

    html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
        backface-visibility: hidden;
        transition-property: transform
    }

    html:not(.no-js) [data-aos=flip-left] {
        transform: perspective(2500px) rotateY(-100deg)
    }

        html:not(.no-js) [data-aos=flip-left].aos-animate {
            transform: perspective(2500px) rotateY(0)
        }

    html:not(.no-js) [data-aos=flip-right] {
        transform: perspective(2500px) rotateY(100deg)
    }

        html:not(.no-js) [data-aos=flip-right].aos-animate {
            transform: perspective(2500px) rotateY(0)
        }

    html:not(.no-js) [data-aos=flip-up] {
        transform: perspective(2500px) rotateX(-100deg)
    }

        html:not(.no-js) [data-aos=flip-up].aos-animate {
            transform: perspective(2500px) rotateX(0)
        }

    html:not(.no-js) [data-aos=flip-down] {
        transform: perspective(2500px) rotateX(100deg)
    }

        html:not(.no-js) [data-aos=flip-down].aos-animate {
            transform: perspective(2500px) rotateX(0)
        }
}

.hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

    .hamburger:hover {
        opacity: 1
    }

    .hamburger.is-active:hover {
        opacity: 1;
        background-color: #be1428
    }

    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
        background-color: #fff
    }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #be1428
}

.hamburger-box {
    width: 28px;
    height: 10px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
        width: 28px;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
        position: absolute;
        transition-property: transform;
        transition-duration: .15s;
        transition-timing-function: ease
    }

        .hamburger-inner:after, .hamburger-inner:before {
            content: "";
            display: block
        }

        .hamburger-inner:before {
            top: -8px
        }

        .hamburger-inner:after {
            bottom: -8px
        }

.hamburger--squeeze .hamburger-inner {
    transition-duration: 75ms;
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--squeeze .hamburger-inner:before {
        transition: top 75ms ease .12s,opacity 75ms ease
    }

    .hamburger--squeeze .hamburger-inner:after {
        transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

    .hamburger--squeeze.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
        transition: top 75ms ease,opacity 75ms ease .12s
    }

    .hamburger--squeeze.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s
    }

input[type=checkbox] {
    width: 30px;
    height: 30px
}

.RadLabel {
    display: inline-block;
    line-height: 1.42857143;
    padding-right: 5px
}

.RadLabel_Default {
    color: #333
}

    .RadLabel_Default .rlOptMark {
        color: rgba(51,51,51,.5)
    }

.RadInput, .RadInputMgr {
    vertical-align: middle
}

    * + html .RadForm.rfdTextbox .riSingle input.rfdDecorated[type=text], * + html .riSingle input.riTextBox, .RadInput .riTextBox, .RadInputMgr {
        height: 17px
    }

.RadForm.rfdTextbox .riSingle input.rfdDecorated[type=text], .riSingle .riTextBox {
    height: 1.833em
}

.RadInput textarea.riTextBox {
    height: auto
}

.RadInput table {
    border: 0;
    vertical-align: bottom
}

    .RadInput table.riTable td {
        border: 0;
        padding: 0;
        vertical-align: middle;
        overflow: visible
    }

    .RadInput table td.riCell {
        padding-right: 4px
    }

.RadInput textarea {
    vertical-align: bottom;
    overflow: auto;
    resize: none;
    white-space: pre-wrap
}

.RadInput.riResizable .riTextBox {
    min-width: 65px;
    min-height: 40px;
    padding-right: 2px
}

.RadInput.riContButton .riResizeIcon {
    margin-left: -27px
}

.RadInput.riButtonSwap .riResizeIcon, .RadInput .riResizeIcon {
    width: 7px;
    height: 7px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: -7px
}

.RadInput .rfdRoundedContent {
    width: 100% !important
}

.RadInput .rfdRoundedWrapper {
    table-layout: fixed
}

html body .RadInput .riTextBox, html body .RadInputMgr {
    border-width: 1px;
    border-style: solid;
    padding: 2px 2px 1px;
    vertical-align: middle
}

    html body .RadInput .riTextBox:disabled, html body .RadInputMgr:disabled {
        opacity: 1
    }

.riSingle input.rfdDecorated {
    *padding-left: 5px !important
}

input.RadInputMgr.rfdDecorated {
    *padding-left: 2px !important
}

textarea.RadInputMgr {
    overflow: auto
}

html body .RadInput input.riEmpty, html body .RadInput textarea.riEmpty, html body input.RadInput_Empty {
    font-style: italic
}

.RadInput a {
    display: block;
    overflow: hidden;
    position: relative;
    outline: 0;
    z-index: 2;
    text-indent: -2222px;
    text-align: center;
    text-decoration: none
}

* + html .RadInput a {
    text-indent: 0;
    text-align: right
}

    * + html .RadInput a span {
        text-indent: -2222px;
        display: inline-block
    }

.RadInput .riSpin a {
    margin: 0 1px
}

.RadInput a.riDown {
    margin-top: 3px
}

.RadInput .riLabel {
    margin: 0 4px 0 0;
    white-space: nowrap;
    width: 40%;
    background: transparent
}

* + html .RadInput .riLabel {
    padding-right: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .rdfd_ {
        position: absolute
    }
}

.RadInputRTL table td.riCell {
    padding: 0 0 0 4px
}

.RadInputRTL .riLabel {
    margin: 0 0 0 4px
}

.riStrengthBar {
    background: url(/img/telerik/Common/PasswordStrength.png) repeat-y;
    display: inline-block;
    width: 100px;
    height: 20px;
    margin-left: 5px;
    font: 12px/18px segoe ui,arial,sans-serif;
    color: #000;
    text-align: center;
    vertical-align: middle;
    overflow: hidden
}

.riStrengthBarL0 {
    background: 0
}

.riStrengthBarL1 {
    background-color: #ff3933;
    background-position: 0 0;
    color: #620000
}

.riStrengthBarL2 {
    background-color: #ff7833;
    background-position: -300px 0;
    color: #922b00
}

.riStrengthBarL3 {
    background-color: #ffbe33;
    background-position: -600px 0;
    color: #9e5900
}

.riStrengthBarL4 {
    background-color: #dc3;
    background-position: -900px 0;
    color: #696400
}

.riStrengthBarL5 {
    background-color: #6bcc33;
    background-position: 100% 0;
    color: #236800
}

.riSingle {
    display: inline-block;
    white-space: nowrap;
    text-align: left
}

    .riLabel, .riSingle, .riSingle .riContentWrapper, .riSingle .riTextBox {
        box-sizing: border-box
    }

        .riSingle a.riButton {
            display: inline-block;
            vertical-align: middle;
            background-position: 3px 5px;
            height: 18px;
            line-height: 18px;
            width: 20px
        }

            .riSingle a.riButton:hover {
                background-position: 3px -45px
            }

        .riSingle .riLabel {
            vertical-align: middle;
            display: inline-block;
            margin: 0;
            padding-right: 5px
        }

        .riSingle a.riDown, .riSingle a.riUp {
            display: inline-block;
            height: 8px;
            width: 15px;
            vertical-align: top
        }

        .riSingle a.riDown {
            margin-left: -15px;
            vertical-align: bottom
        }

        .riSingle .riContentWrapper {
            display: inline-block;
            vertical-align: middle;
            overflow: visible;
            width: 60%
        }

        * + html .riSingle .riContentWrapper {
            overflow: visible
        }

.riContButton {
    padding-right: 22px
}

.riContSpinButtons {
    padding-right: 17px
}

.riContButton.riContSpinButtons {
    padding-right: 35px
}

.riContButton .riContentWrapper {
    padding-right: 21px
}

* + html .riContButton .riContentWrapper {
    text-align: right
}

.riContSpinButtons .riContentWrapper {
    padding-right: 17px
}

.riContButton.riContSpinButtons .riContentWrapper {
    padding-right: 35px
}

html body .riSingle .riTextBox {
    margin: 0;
    width: 100%
}

.RadForm.rfdTextbox .riSingle input.rfdDecorated, .RadForm.rfdTextbox .riSingle input.rfdDecorated[type=text], html body .riSingle .riTextBox {
    padding-right: 5px;
    padding-left: 5px
}

.RadForm.rfdTextbox input.rfdDecorated.RadInputMgr {
    width: auto
}

.riSingle .riButton {
    display: inline-block;
    margin-top: 2px
}

.riSingle .riStrengthBar {
    margin-left: 0
}

.rcSingle .riSingle {
    white-space: normal
}

div.RadPicker table.rcSingle .rcInputCell {
    padding-right: 0
}

.RadInputRTL {
    text-align: right
}

    .RadInputRTL.riResizable .riTextBox {
        padding-right: 5px;
        padding-left: 2px
    }

    .RadInputRTL.riContButton .riResizeIcon {
        margin-left: 0;
        margin-right: -27px
    }

    .RadInputRTL.riButtonSwap .riResizeIcon, .RadInputRTL .riResizeIcon {
        margin-left: 0;
        margin-right: -7px
    }

.riSingle.RadInputRTL a.riDown {
    margin-left: 0;
    margin-right: -15px
}

._Telerik_Opera11 .riSingle.RadInputRTL a.riUp {
    margin-right: -15px
}

._Telerik_Opera11 .riSingle.RadInputRTL a.riDown {
    margin-right: 0
}

.riContSpinButtons .RadInputRTL {
    padding-right: 0;
    padding-left: 17px
}

.riContButton.riContSpinButtons.RadInputRTL {
    padding-right: 0;
    padding-left: 35px
}

.riContButton.RadInputRTL .riContentWrapper {
    padding-right: 0;
    margin-right: 0;
    padding-left: 21px;
    margin-left: -21px
}

.riContSpinButtons.RadInputRTL .riContentWrapper {
    padding-right: 0;
    padding-left: 17px
}

.riContButton.riContSpinButtons.RadInputRTL .riContentWrapper {
    padding-right: 0;
    padding-left: 35px
}

.RadInput_Default, .RadInputMgr_Default {
    font: 12px segoe ui,arial,sans-serif
}

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    border-color: #b3b3b3;
    color: #333;
    background-color: #fff;
    font: 12px segoe ui,arial,sans-serif
}

html body .RadInput_Default .riEmpty, html body .RadInput_Empty_Default {
    color: #a6a6a6
}

html body .RadInput_Default .riFocused, html body .RadInput_Default .riHover, html body .RadInput_Focused_Default, html body .RadInput_Hover_Default {
    border-color: #515151;
    color: #333
}

html body .RadInput_Default .riRead, html body .RadInput_Read_Default {
    border-color: #d0d0d0
}

html body .RadInput_Default .riDisabled, html body .RadInput_Disabled_Default {
    border-color: #d0d0d0;
    color: #8a8a8a;
    cursor: default
}

.RadForm.rfdTextbox .RadInput_Default .riError[type=text], .RadForm.rfdTextbox .RadInput_Error_Default[type=text], html body .RadInput_Default .riError, html body .RadInput_Error_Default {
    border-color: #d51923;
    background: #fff 100% -298px no-repeat url(/img/telerik/Default/Input/sprite.gif);
    color: #d51923
}

html body .RadInput_Default .riNegative, html body .RadInput_Negative_Default {
    color: #565656
}

.RadInput_Default a {
    background: transparent no-repeat url(/img/telerik/Default/Input/sprite.gif)
}

.RadInput_Default .riBtn a {
    width: 20px;
    height: 18px;
    line-height: 18px;
    background-position: 3px 5px
}

    .RadInput_Default .riBtn a:hover {
        background-position: 3px -45px
    }

.RadInput_Default .riSpin a {
    width: 15px;
    height: 7px;
    line-height: 7px
}

.RadInput_Default a.riUp {
    background-position: 4px -98px
}

    .RadInput_Default a.riUp:hover {
        background-position: 4px -148px
    }

.RadInput_Default a.riDown {
    background-position: 4px -199px
}

    .RadInput_Default a.riDown:hover {
        background-position: 4px -249px
    }

.RadInput_Default .riLabel {
    color: #000
}

.RadInput_Default .riResizeIcon {
    background: url(/img/telerik/Default/Common/radActionsSprite.png) no-repeat transparent;
    background-position: -6.5px -966.5px;
    margin-bottom: -1px
}

html body .RadInputRTL_Default .riError, html body .RadInputRTL_Error_Default {
    background-position: 3px -298px
}

html body .RadInputRTL_Default .riResizeIcon {
    background-position: -6.5px -986.5px
}

.RadForm.rfdTextbox .RadInputRTL_Default .riError[type=text], .RadForm.rfdTextbox .RadInputRTL_Error_Default[type=text] {
    background-position: 3px -298px
}

.RadCalendar {
    table-layout: auto;
    border-collapse: separate;
    border: 0;
    width: 220px
}

    .RadCalendar, .RadCalendar .rcTitlebar .rcFastNext, .RadCalendar .rcTitlebar .rcFastPrev, .RadCalendar .rcTitlebar .rcNext, .RadCalendar .rcTitlebar .rcPrev, .RadCalendar caption div {
        color: inherit
    }

        .RadCalendar .rcTitlebar {
            width: 100%;
            border-style: solid;
            border-width: 1px;
            padding: 0
        }

            .RadCalendar .rcTitlebar table {
                table-layout: auto;
                width: 100%;
                border-collapse: separate;
                border: 0
            }

            .RadCalendar .rcTitlebar td {
                border: 0;
                padding: 0;
                text-align: center;
                vertical-align: middle
            }

            .RadCalendar .rcTitlebar .rcTitle {
                width: 100%;
                cursor: pointer
            }

        .RadCalendar .rcNoNav .rcTitle {
            cursor: default
        }

        .RadCalendar .rcTitlebar .rcFastNext, .RadCalendar .rcTitlebar .rcFastPrev, .RadCalendar .rcTitlebar .rcNext, .RadCalendar .rcTitlebar .rcPrev {
            display: block;
            width: 15px;
            height: 15px;
            overflow: hidden;
            margin: 0 4px;
            background-color: transparent;
            background-repeat: no-repeat;
            text-indent: -2222px;
            text-decoration: none
        }

        .RadCalendar .rcMain {
            width: 100%;
            border-style: solid;
            border-width: 0 1px 1px;
            padding: 0
        }

        .RadCalendar .rcMainTable {
            table-layout: auto;
            border-collapse: separate;
            border: 0;
            width: 100%
        }

        .RadCalendar .rcFooter, .RadCalendar .rcHeader {
            border-style: solid;
            border-width: 0 1px 1px;
            padding: 0
        }

        .RadCalendar .rcRow th, .RadCalendar .rcWeek th {
            border: 0;
            padding: 0;
            font-weight: 400;
            vertical-align: middle;
            cursor: default
        }

        .RadCalendar .rcWeek th {
            text-align: right
        }

        .RadCalendar .rcRow th, .RadCalendar .rcWeek .rcViewSel {
            text-align: center
        }

        .RadCalendar .rcRow td {
            border-style: solid;
            border-width: 1px;
            padding: 0;
            text-align: right;
            vertical-align: middle
        }

        .RadCalendar .rcMain .rcRow a, .RadCalendar .rcMain .rcRow span {
            display: block;
            padding: 1px 5px 1px 0;
            text-decoration: none
        }

        .RadCalendar .rcPreview .rcRow a {
            outline: 0
        }

        .RadCalendar .rcMain .rcOutOfRange span {
            cursor: default
        }

        .RadCalendar .rcDisabled {
            cursor: default;
            filter: alpha(opacity=50);
            opacity: .5
        }

.RadCalendarTimeView {
    color: inherit
}

table.RadCalendarMultiView {
    width: auto
}

.RadCalendarMultiView .rcCalendar {
    width: 220px;
    border-style: solid;
    border-width: 1px;
    padding: 0
}

.RadCalendarMultiView .rcMainTable .rcTitle {
    border-style: solid;
    border-width: 0 0 1px;
    padding: 0;
    text-align: center
}

table.RadCalendarMonthView {
    table-layout: auto;
    border-collapse: separate;
    border-style: solid;
    border-width: 1px
}

    table.RadCalendarMonthView td {
        border: 0;
        padding: 5px 2px 0
    }

.RadCalendarMonthView [type=button], .RadCalendarMonthView button {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

.RadCalendarMonthView a {
    display: block;
    padding: 2px 4px;
    text-align: center;
    text-decoration: none
}

.RadCalendarMonthView .rcHover a, .RadCalendarMonthView .rcSelected a {
    border-style: solid;
    border-width: 1px;
    padding: 1px 3px
}

.RadCalendarMonthView #rcMView_NextY a, .RadCalendarMonthView #rcMView_PrevY a {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    background-color: transparent;
    background-repeat: no-repeat;
    text-indent: -2222px;
    text-align: center;
    text-decoration: none;
    box-sizing: content-box
}

.RadCalendarMonthView .rcButtons {
    border: 0;
    text-align: center
}

.RadCalendarMonthView input {
    border-style: solid;
    border-width: 1px;
    cursor: pointer
}

.RadCalendarMonthView #rcMView_Today {
    margin: 0 .4em 0 0
}

table.RadCalendarTimeView {
    border-collapse: separate;
    border-style: solid;
    border-width: 1px
}

.RadCalendarTimeView th {
    border: 0;
    text-align: center;
    cursor: default;
    font-weight: 400
}

table.RadCalendarTimeView td {
    border-style: solid;
    border-width: 0 0 0 1px;
    padding: 2px 2px 3px
}

    table.RadCalendarTimeView td:first-child {
        border-left: 0
    }

.RadCalendarTimeView a {
    display: block;
    padding: 2px 6px;
    text-align: center;
    text-decoration: none
}

.RadCalendarTimeView td.rcHover a, .RadCalendarTimeView td.rcSelected a {
    border-style: solid;
    border-width: 1px;
    padding: 1px 5px
}

.RadCalendarTimeView .rcFooter {
    border-style: solid;
    border-width: 1px 0 0;
    padding: 0
}

.RadPicker, .RadPicker td {
    vertical-align: middle
}

    .RadPicker .RadInput {
        vertical-align: baseline
    }

    .RadPicker .rcTable {
        table-layout: auto
    }

    .RadPicker table.rcTable, .RadPicker table.rcTable td {
        border: 0;
        margin: 0;
        padding: 0
    }

        .RadPicker table.rcTable .rcInputCell {
            padding: 0 4px 0 0
        }

    .RadPicker td a {
        position: relative;
        outline: 0;
        z-index: 2;
        margin: 0 2px;
        text-decoration: none
    }

    .RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
        display: block;
        overflow: hidden;
        width: 22px;
        height: 22px;
        background-color: transparent;
        background-repeat: no-repeat;
        text-indent: -2222px;
        text-align: center;
        box-sizing: content-box
    }

    .RadCalendarMonthView .rcDisabled, .RadPicker .rcDisabled {
        filter: alpha(opacity=50);
        opacity: .5
    }

body > .RadCalendarPopupShadows {
    padding: 0 5px 5px 0
}

.RadCalendarPopupShadows > .rcShadBL, .RadCalendarPopupShadows > .rcShadBR, .RadCalendarPopupShadows > .rcShadTR {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent
}

.RadCalendarPopupShadows > .rcShadBL, .RadCalendarPopupShadows > .rcShadBR {
    height: 5px;
    bottom: 0;
    background-image: url(/img/telerik/Common/Menu/ShadowBottom.png)
}

.RadCalendarPopupShadows > .rcShadBL {
    left: 0;
    width: 100%;
    background-position: 0 -3px
}

.RadCalendarPopupShadows > .rcShadBR {
    width: 5px;
    right: 0;
    background-position: 100% 100%
}

.RadCalendarPopupShadows > .rcShadTR {
    width: 5px;
    height: 100%;
    top: 0;
    right: 0;
    background-image: url(/img/telerik/Common/Menu/ShadowRight.png);
    background-position: 100% 0
}

.rcIE > .rcShadBL, .rcIE > .rcShadBR, .rcIE > .rcShadTR {
    background-image: none
}

.RadPickerRTL table.rcTable .rcInputCell {
    padding: 0 0 0 4px
}

.RadCalendar_Default {
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    font-size: 12px;
    font-family: Segoe UI,Arial,Helvetica,sans-serif
}

    .RadCalendar_Default .rcTitlebar {
        border-color: #868686 #868686 #c4c4c4;
        background: #eaeaea 0 -1000px repeat-x url(/img/telerik/Default/Calendar/sprite.gif);
        color: #000
    }

        .RadCalendar_Default .rcTitlebar table {
            font-family: Segoe UI,Arial,Helvetica,sans-serif;
            font-size: 12px;
            line-height: 23px
        }

        .RadCalendar_Default .rcTitlebar td {
            padding: 0 0 1px
        }

        .RadCalendar_Default .rcTitlebar .rcFastNext, .RadCalendar_Default .rcTitlebar .rcFastPrev, .RadCalendar_Default .rcTitlebar .rcNext, .RadCalendar_Default .rcTitlebar .rcPrev {
            background-image: url(/img/telerik/Default/Calendar/sprite.gif);
            color: #ccc
        }

        .RadCalendar_Default .rcTitlebar .rcFastPrev {
            margin-left: 6px;
            background-position: 1px -197px
        }

        .RadCalendar_Default .rcTitlebar a.rcFastPrev:hover {
            background-position: 1px -247px
        }

        .RadCalendar_Default .rcTitlebar .rcPrev {
            background-position: 4px -297px
        }

        .RadCalendar_Default .rcTitlebar a.rcPrev:hover {
            background-position: 4px -347px
        }

        .RadCalendar_Default .rcTitlebar .rcNext {
            background-position: 3px -397px
        }

        .RadCalendar_Default .rcTitlebar a.rcNext:hover {
            background-position: 3px -447px
        }

        .RadCalendar_Default .rcTitlebar .rcFastNext {
            margin-right: 6px;
            background-position: 1px -497px
        }

        .RadCalendar_Default .rcTitlebar a.rcFastNext:hover {
            background-position: 1px -547px
        }

    .RadCalendar_Default .rcMain {
        border-color: #868686
    }

    .RadCalendar_Default .rcMainTable {
        font-family: Segoe UI,Arial,Helvetica,sans-serif;
        font-size: 12px;
        line-height: 17px
    }

    .RadCalendar_Default .rcFooter, .RadCalendar_Default .rcHeader {
        border-color: #868686
    }

    .RadCalendar_Default .rcWeek th {
        border-bottom: 1px solid #c5c5c5;
        padding: 4px 6px 3px 0;
        color: #333
    }

    .RadCalendar_Default .rcRow th, .RadCalendar_Default .rcWeek .rcViewSel {
        width: 13px;
        padding: 0 7px 0 9px;
        background: #eee
    }

    .RadCalendar_Default .rcRow th {
        color: #696969
    }

    .RadCalendar_Default .rcRow td {
        border-color: #fff
    }

    .RadCalendar_Default .rcMain .rcRow a, .RadCalendar_Default .rcMain .rcRow span {
        color: #333
    }

    .RadCalendar_Default .rcMain .rcWeekend a {
        color: #666
    }

    .RadCalendar_Default .rcRow .rcToday {
        border-color: #898989
    }

    .RadCalendar_Default .rcMain .rcOtherMonth a, .RadCalendar_Default .rcMain .rcOutOfRange span {
        color: #898989
    }

    .RadCalendar_Default .rcRow .rcSelected {
        border-color: #8d8d8d #7d7d7d #6c6c6c;
        background: #828282 0 -1700px repeat-x url(/img/telerik/Default/Calendar/sprite.gif)
    }

    .RadCalendar_Default .rcMain .rcRow .rcSelected a {
        color: #fff
    }

    .RadCalendar_Default .rcRow .rcHover {
        border-color: #c4c4c4 #b2b2b2 #9e9e9e;
        background: #c5c5c5 0 -1600px repeat-x url(/img/telerik/Default/Calendar/sprite.gif)
    }

    .RadCalendar_Default .rcMain .rcRow .rcHover a {
        color: #333
    }

.RadCalendarMultiView_Default .rcTitlebar {
    border-color: #9a9a9a #9c9c9c #9c9c9c;
    background: #c5c5c5 0 -1199px repeat-x url(/img/telerik/Default/Calendar/sprite.gif)
}

    .RadCalendarMultiView_Default .rcTitlebar table {
        border-color: #fdfdfd #f3f3f3 #e7e7e7;
        border-style: solid;
        border-width: 1px;
        line-height: 27px
    }

    .RadCalendarMultiView_Default .rcTitlebar a.rcFastPrev:hover {
        background-position: 1px -647px
    }

    .RadCalendarMultiView_Default .rcTitlebar a.rcPrev:hover {
        background-position: 4px -747px
    }

    .RadCalendarMultiView_Default .rcTitlebar a.rcNext:hover {
        background-position: 3px -847px
    }

    .RadCalendarMultiView_Default .rcTitlebar a.rcFastNext:hover {
        background-position: 1px -947px
    }

.RadCalendarMultiView_Default .rcMain {
    border-color: #9b9b9b
}

.RadCalendarMultiView_Default .rcCalendar {
    border-color: #868686
}

    .RadCalendarMultiView_Default .rcCalendar .rcMainTable {
        height: 176px
    }

.RadCalendarMultiView_Default .rcMainTable .rcTitle {
    border-color: #c4c4c4;
    padding: 0 0 2px;
    background: #eaeaea 0 -1000px repeat-x url(/img/telerik/Default/Calendar/sprite.gif);
    line-height: 22px
}

table.RadCalendarMonthView_Default {
    border-color: #979797;
    background: #fff;
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #333
}

.RadCalendarMonthView_Default #rcMView_Apr, .RadCalendarMonthView_Default #rcMView_Aug, .RadCalendarMonthView_Default #rcMView_Dec, .RadCalendarMonthView_Default #rcMView_Feb, .RadCalendarMonthView_Default #rcMView_Jun, .RadCalendarMonthView_Default #rcMView_Oct {
    border-right: 1px solid #e0e0e0
}

.RadCalendarMonthView_Default a {
    color: #333
}

.RadCalendarMonthView_Default .rcSelected a {
    border-color: #8d8d8d #7d7d7d #6c6c6c;
    background: #828282 0 -1700px repeat-x url(/img/telerik/Default/Calendar/sprite.gif);
    color: #fff
}

.RadCalendarMonthView_Default #rcMView_NextY a, .RadCalendarMonthView_Default #rcMView_PrevY a {
    width: 17px;
    height: 14px;
    background-image: url(/img/telerik/Default/Calendar/sprite.gif);
    color: #ccc
}

.RadCalendarMonthView_Default #rcMView_PrevY a {
    background-position: 7px -196px
}

.RadCalendarMonthView_Default #rcMView_NextY a {
    background-position: 7px -496px
}

.RadCalendarMonthView_Default .rcButtons {
    padding: 6px 7px 5px
}

.RadCalendarMonthView_Default input {
    border-color: #a7a7a7 #7b7b7b #7b7b7b #a7a7a7;
    background: #e9e9e9 0 -2300px repeat-x url(/img/telerik/Default/Calendar/sprite.gif);
    color: #000;
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
    font-size: 12px
}

table.RadCalendarTimeView_Default {
    border-color: #868686;
    background: #fff;
    font-family: Segoe UI,Arial,Helvetica,sans-serif;
    font-size: 12px
}

.RadCalendarTimeView_Default th {
    border-bottom: 1px solid #c4c4c4;
    padding: 0 0 1px;
    background: #eaeaea 0 -1000px repeat-x url(/img/telerik/Default/Calendar/sprite.gif);
    color: #000;
    line-height: 23px
}

table.RadCalendarTimeView_Default td {
    border-color: #c5c5c5
}

.RadCalendarTimeView_Default a {
    color: #333
}

.RadCalendarTimeView_Default td.rcSelected a {
    border-color: #8d8d8d #7d7d7d #6c6c6c;
    background: #828282 0 -1700px repeat-x url(/img/telerik/Default/Calendar/sprite.gif);
    color: #fff
}

.RadCalendarTimeView_Default td.rcHover a {
    border-color: #c4c4c4 #b2b2b2 #9e9e9e;
    background: #c5c5c5 0 -1600px repeat-x url(/img/telerik/Default/Calendar/sprite.gif);
    color: #000
}

.RadCalendarTimeView_Default .rcFooter {
    border-color: #c5c5c5
}

.RadPicker_Default .rcCalPopup, .RadPicker_Default .rcTimePopup {
    background-image: url(/img/telerik/Default/Calendar/sprite.gif)
}

.RadPicker_Default .rcCalPopup, .RadPicker_Default a.rcDisabled.rcCalPopup:hover {
    background-position: 0 0
}

.RadPicker_Default a.rcCalPopup:active, .RadPicker_Default a.rcCalPopup:focus, .RadPicker_Default a.rcCalPopup:hover {
    background-position: 0 -50px
}

.RadPicker_Default .rcTimePopup, .RadPicker_Default a.rcDisabled.rcTimePopup:hover {
    background-position: 0 -100px
}

.RadPicker_Default a.rcTimePopup:active, .RadPicker_Default a.rcTimePopup:focus, .RadPicker_Default a.rcTimePopup:hover {
    background-position: 0 -150px
}

.RadCalendarRTL_Default .rcTitlebar .rcFastPrev {
    background-position: 1px -497px
}

.RadCalendarRTL_Default .rcTitlebar a.rcFastPrev:hover {
    background-position: 1px -547px
}

.RadCalendarRTL_Default .rcTitlebar .rcPrev {
    background-position: 3px -397px
}

.RadCalendarRTL_Default .rcTitlebar a.rcPrev:hover {
    background-position: 3px -447px
}

.RadCalendarRTL_Default .rcTitlebar .rcNext {
    background-position: 4px -297px
}

.RadCalendarRTL_Default .rcTitlebar a.rcNext:hover {
    background-position: 4px -347px
}

.RadCalendarRTL_Default .rcTitlebar .rcFastNext {
    background-position: 1px -197px
}

.RadCalendarRTL_Default .rcTitlebar a.rcFastNext:hover {
    background-position: 1px -247px
}

.RadCalendarMultiViewRTL_Default .rcTitlebar a.rcFastPrev:hover {
    background-position: 1px -947px
}

.RadCalendarMultiViewRTL_Default .rcTitlebar a.rcPrev:hover {
    background-position: 3px -847px
}

.RadCalendarMultiViewRTL_Default .rcTitlebar a.rcNext:hover {
    background-position: 4px -747px
}

.RadCalendarMultiViewRTL_Default .rcTitlebar a.rcFastNext:hover {
    background-position: 1px -647px
}

@font-face {
    font-family: TelerikWebUI;
    src: url(/img/telerik/Common/TelerikWebUI.woff) format("woff"),url(/img/telerik/Common/TelerikWebUI.ttf) format("truetype")
}

@font-face {
    font-family: TelerikWebUIEditor;
    src: url(/img/telerik/Common/TelerikWebUI/Editor.woff) format("woff"),url(/img/telerik/Common/TelerikWebUI/Editor.ttf) format("truetype")
}

@font-face {
    font-family: WebComponentsIcons;
    src: url(/img/telerik/Common/WebComponentsIcons.woff) format("woff"),url(/img/telerik/Common/WebComponentsIcons.ttf) format("truetype")
}

@font-face {
    font-family: Material Icons;
    font-style: normal;
    font-weight: 400;
    src: local("Material Icons"),local("MaterialIcons-Regular"),url(/img/telerik/Common/fonts/material/MaterialIcons-Regular.woff2) format("woff2"),url(/img/telerik/Common/fonts/material/MaterialIcons-Regular.woff) format("woff"),url(/img/telerik/Common/fonts/material/MaterialIcons-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff) format("woff"),url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2212,u+2215,u+e0ff,u+effd,u+f000
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"),local("Roboto-Medium"),url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"),url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2212,u+2215,u+e0ff,u+effd,u+f000
}

.p-sprite {
    width: 16px;
    height: 16px;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    text-align: center;
    background-color: transparent;
    background-repeat: no-repeat;
    overflow: hidden
}

.k-icon, .p-icon, .t-efi, .t-font-icon, .t-icon {
    width: 1em;
    height: 1em;
    background-image: none;
    font: 16px/1 WebComponentsIcons;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

    .k-icon:before, .p-icon:before, .t-efi:before, .t-font-icon:before, .t-icon:before {
        display: block
    }

.RadCalendar .t-font-icon, .RadGrid .t-font-icon, .RadTreeList .t-font-icon {
    font: inherit;
    display: table-cell;
    height: 1.42857143em;
    width: 1.42857143em;
    min-width: 1.42857143em
}

    .RadCalendar .t-font-icon:before, .RadGrid .t-font-icon:before, .RadTreeList .t-font-icon:before {
        display: block;
        font: 16px/1.25 WebComponentsIcons
    }

.RadAutoCompleteBox .p-icon, .RadCloudUpload .p-icon, .RadComboBox .p-icon, .RadComboBoxDropDown .p-icon, .RadDropDownList .p-icon, .RadPanelBar .rpExpandHandle .p-icon, .RadRotator .p-icon, .RadScheduler .p-icon, .RadSpreadsheet .p-icon {
    font-size: inherit;
    display: table-cell;
    height: 1.42857143em;
    width: 1.42857143em
}

    .RadAutoCompleteBox .p-icon:before, .RadCloudUpload .p-icon:before, .RadComboBox .p-icon:before, .RadComboBoxDropDown .p-icon:before, .RadDropDownList .p-icon:before, .RadPanelBar .rpExpandHandle .p-icon:before, .RadRotator .p-icon:before, .RadScheduler .p-icon:before, .RadSpreadsheet .p-icon:before {
        font-size: 16px;
        display: block
    }

.p-i-arrow-45-up-right:before {
    content: "\e000"
}

.p-i-arrow-45-down-right:before {
    content: "\e001"
}

.p-i-arrow-45-down-left:before {
    content: "\e002"
}

.p-i-arrow-45-up-left:before {
    content: "\e003"
}

.k-i-arrow-60-up:before, .k-i-arrow-n:before, .p-i-arrow-60-up:before, .p-i-arrow-n:before, .p-i-arrow-up:before, .t-i-arrow-n:before, .t-i-arrow-up:before {
    content: "\e004"
}

.p-i-arrow-60-right:before, .p-i-arrow-e:before, .p-i-arrow-right:before, .t-i-arrow-e:before, .t-i-arrow-right:before {
    content: "\e005"
}

.k-i-arrow-60-down:before, .k-i-arrow-s:before, .p-i-arrow-60-down:before, .p-i-arrow-down:before, .p-i-arrow-s:before, .t-i-arrow-down:before, .t-i-arrow-s:before {
    content: "\e006"
}

.p-i-arrow-60-left:before, .p-i-arrow-left:before, .p-i-arrow-w:before, .t-i-arrow-left:before, .t-i-arrow-w:before {
    content: "\e007"
}

.p-i-arrow-double-60-left:before, .t-i-arrow-double-60-left:before {
    content: "\e00f"
}

.p-i-arrow-double-60-right:before, .t-i-arrow-double-60-right:before {
    content: "\e00d"
}

.p-i-arrow-chevron-up:before, .p-i-expand-n:before, .p-i-expand-up:before, .t-i-expand-n:before, .t-i-expand-up:before {
    content: "\e013"
}

.p-i-arrow-chevron-right:before, .p-i-expand-e:before, .p-i-expand-right:before, .t-i-expand-e:before, .t-i-expand-right:before {
    content: "\e014"
}

.p-i-arrow-chevron-down:before, .p-i-expand-down:before, .p-i-expand-s:before, .t-i-expand-down:before, .t-i-expand-s:before {
    content: "\e015"
}

.p-i-arrow-chevron-left :before, .p-i-expand-left:before, .p-i-expand-w:before, .t-i-expand-left:before, .t-i-expand-w:before {
    content: "\e016"
}

.p-i-checkbox:before, .rfdCheckboxUnchecked:before {
    content: "\e304"
}

.p-i-checkbox-checked:before, .rfdCheckboxChecked:before {
    content: "\e305"
}

.p-i-three-state-indeterminate:before, .p-i-tri-state-indeterminate:before {
    content: "\e306"
}

.p-i-three-state-null:before, .p-i-tri-state-null:before {
    content: "\e307"
}

.p-i-radio:before, .p-i-radiobutton:before, .rfdRadioUnchecked:before {
    content: "\e309"
}

.p-i-radio-checked:before, .p-i-radiobutton-checked:before, .rfdRadioChecked:before {
    content: "\e30a"
}

.p-i-window-maximize:before {
    content: "\e137"
}

.p-i-window-minimize:before {
    content: "\e139"
}

.p-i-add:before, .p-i-plus:before, .t-i-add:before, .t-i-plus:before {
    content: "\e11e"
}

.p-i-edit:before, .p-i-pencil:before, .t-i-edit:before, .t-i-pencil:before {
    content: "\e10b"
}

.p-i-cancel:before {
    content: "\e115"
}

.p-i-check:before {
    font-size: 20px;
    content: "\e118"
}

.p-i-minus:before, .p-i-remove:before, .t-i-minus:before, .t-i-remove:before {
    content: "\e121"
}

.p-i-close:before, .p-i-delete:before, .p-i-x:before, .t-i-delete:before {
    content: "\e11b"
}

.p-i-trash:before, .t-i-trash:before {
    content: "\e10c"
}

.p-i-close:before, .p-i-x:before, .t-i-close:before, .t-i-x:before {
    content: "\e11b"
}

.p-i-calendar:before, .p-i-date:before, .t-i-calendar:before, .t-i-date:before {
    content: "\e108"
}

.p-i-clock:before, .p-i-time:before, .t-i-clock:before, .t-i-time:before {
    content: "\e107"
}

.p-i-recurrence:before, .p-i-refresh:before, .p-i-reload:before, .t-i-recurrence:before {
    content: "\e103"
}

.p-i-non-recurrence:before, .p-i-recurrence-exception:before, .t-i-non-recurrence:before, .t-i-recurrence-exception:before {
    content: "\e104"
}

.p-i-bell:before, .p-i-notification:before, .p-i-reminder:before, .t-i-bell:before, .t-i-reminder:before {
    content: "\e400"
}

.p-i-download:before {
    content: "\e133"
}

.p-i-upload:before {
    content: "\e134"
}

.p-i-filter-add-expression:before {
    content: "\e12e"
}

.p-i-filter-add-group:before {
    content: "\e12f"
}

.p-i-about:before, .p-i-info:before, .p-i-information:before, .t-efi-about:before, .t-efi-info:before, .t-efi-information:before {
    content: "\e401"
}

.p-i-page-properties:before, .t-efi-page-properties:before {
    content: "\e600"
}

.p-i-save:before, .t-efi-save:before {
    content: "\e109"
}

.p-i-select-all:before, .t-efi-select-all:before {
    content: "\e63c"
}

.p-i-folder:before, .t-efi-folder:before {
    content: "\e900"
}

.p-i-find-and-replace:before, .p-i-find:before, .t-efi-find-and-replace:before, .t-efi-find:before {
    content: "\e65c"
}

.p-i-align-center:before, .t-efi-align-center:before {
    content: "\e61e"
}

.p-i-align-justify:before, .t-efi-align-justify:before {
    content: "\e620"
}

.p-i-align-left:before, .t-efi-align-left:before {
    content: "\e61d"
}

.p-i-align-right:before, .t-efi-align-right:before {
    content: "\e61f"
}

.p-i-align-remove:before, .t-efi-align-remove:before {
    content: "\e621"
}

.p-i-bold:before, .t-efi-bold:before {
    content: "\e601"
}

.p-i-italic:before, .t-efi-italic:before {
    content: "\e602"
}

.p-i-underline:before, .t-efi-underline:before {
    content: "\e603"
}

.p-i-strikethrough:before, .t-efi-strikethrough:before {
    content: "\e608"
}

.p-i-sub-script:before, .t-efi-sub-script:before {
    content: "\e609"
}

.p-i-sup-script:before, .t-efi-sup-script:before {
    content: "\e60a"
}

.p-i-foreground-color:before, .t-efi-foreground-color:before {
    content: "\e605"
}

.p-i-background-color:before, .p-i-background:before, .p-i-droplet:before, .p-i-paint:before, .t-efi-background-color:before, .t-efi-background:before, .t-efi-droplet:before, .t-efi-paint:before {
    content: "\e50f"
}

.p-i-convert-lowercase:before, .p-i-lowercase:before, .t-efi-convert-lowercase:before, .t-efi-lowercase:before {
    content: "\e606"
}

.p-i-convert-uppercase:before, .p-i-uppercase:before, .t-efi-convert-uppercase:before, .t-efi-uppercase:before {
    content: "\e607"
}

.p-i-new-paragraph:before, .p-i-paragraph-add:before, .t-efi-new-paragraph:before, .t-efi-paragraph-add:before {
    content: "\e645"
}

.p-i-list-numbered:before, .p-i-list-ordered:before, .p-i-numbered-list:before, .t-efi-list-numbered:before, .t-efi-list-ordered:before, .t-efi-numbered-list:before {
    content: "\e613"
}

.p-i-bullet-list:before, .p-i-list-bulleted:before, .p-i-list-unordered:before, .t-efi-bullet-list:before, .t-efi-list-bulleted:before, .t-efi-list-unordered:before {
    content: "\e614"
}

.p-i-indent:before, .t-efi-indent:before {
    content: "\e615"
}

.p-i-outdent:before, .t-efi-outdent:before {
    content: "\e616"
}

.p-i-calendar-date:before, .p-i-insert-date:before, .t-efi-calendar-date:before, .t-efi-insert-date:before {
    content: "\e63f"
}

.p-i-document-manager:before, .t-efi-document-manager:before {
    content: "\e64f"
}

.p-i-email:before, .t-efi-email:before {
    content: "\e809"
}

.p-i-cog:before, .p-i-custom:before, .p-i-gear:before, .t-efi-cog:before, .t-efi-custom:before, .t-efi-gear:before {
    content: "\e13a"
}

.p-i-media-manager:before, .p-i-media:before, .t-efi-media-manager:before, .t-efi-media:before {
    content: "\e659"
}

.p-i-video-external:before, .t-efi-video-external:before {
    content: "\e65a"
}

.p-i-flash:before, .t-efi-flash:before {
    content: "\e65b"
}

.p-i-silverlight:before, .t-efi-silverlight:before {
    content: "\e658"
}

.p-i-help:before, .t-efi-help:before {
    content: "\e402"
}

.p-i-anchor:before, .t-efi-anchor:before {
    content: "\e675"
}

.p-i- .p-i-hyperlink-light-dialog:before, .t-efi- .p-i-hyperlink-light-dialog:before {
    content: "\e671"
}

.p-i-image-light-dialog:before, .t-efi-image-light-dialog:before {
    content: "\e652"
}

.p-i-image:before, .t-efi-image:before {
    content: "\e501"
}

.p-i-image-edit:before, .t-efi-image-edit:before {
    content: "\e653"
}

.p-i-image-map-editor:before, .t-efi-image-map-editor:before {
    content: "\e654"
}

.p-i-image-absolute-position:before, .t-efi-image-absolute-position:before {
    content: "\e69a"
}

.p-i-rule-horizontal:before, .t-efi-rule-horizontal:before {
    content: "\e623"
}

.p-i-button:before, .t-efi-button:before {
    content: "\e63d"
}

.p-i-code-snippet:before, .t-efi-code-snippet:before {
    content: "\e63b"
}

.p-i-form:before, .t-efi-form:before {
    content: "\e639"
}

.p-i-form-element:before, .t-efi-form-element:before {
    content: "\e63a"
}

.p-i-group-box:before, .t-efi-group-box:before {
    content: "\e640"
}

.p-i-textbox-hidden:before, .t-efi-textbox-hidden:before {
    content: "\e643"
}

.p-i-password:before, .t-efi-password:before {
    content: "\e644"
}

.p-i-radiobutton-checked:before, .t-efi-radiobutton-checked:before {
    content: "\e30a"
}

.p-i-select-box:before, .t-efi-select-box:before {
    content: "\e63e"
}

.p-i-symbol:before, .t-efi-symbol:before {
    content: "\e693"
}

.p-i-textarea:before, .t-efi-textarea:before {
    content: "\e641"
}

.p-i-textbox:before, .t-efi-textbox:before {
    content: "\e642"
}

.p-i-cut:before, .t-efi-cut:before {
    content: "\e65e"
}

.p-i-copy:before, .t-efi-copy:before {
    content: "\e65d"
}

.p-i-paste:before, .t-efi-paste:before {
    content: "\e65f"
}

.p-i-paste-as-html:before, .t-efi-paste-as-html:before {
    content: "\e660"
}

.p-i-paste-from-word:before, .t-efi-paste-from-word:before {
    content: "\e661"
}

.p-i-paste-from-word-strip-file:before, .t-efi-paste-from-word-strip-file:before {
    content: "\e662"
}

.p-i-paste-html:before, .t-efi-paste-html:before {
    content: "\e663"
}

.p-i-paste-markdown:before, .t-efi-paste-markdown:before {
    content: "\e664"
}

.p-i-paste-plain-text:before, .t-efi-paste-plain-text:before {
    content: "\e665"
}

.p-i-print:before, .t-efi-print:before {
    content: "\e10a"
}

.p-i-undo:before, .t-efi-undo:before {
    content: "\e100"
}

.p-i-redo:before, .t-efi-redo:before {
    content: "\e101"
}

.p-i-refresh:before, .p-i-reload:before, .t-efi-refresh:before, .t-efi-reload:before {
    content: "\e103"
}

.p-i-add-comment:before, .t-efi-add-comment:before {
    content: "\e655"
}

.p-i-comment-remove:before, .t-efi-comment-remove:before {
    content: "\e656"
}

.p-i-comments-remove-all:before, .t-efi-comments-remove-all:before {
    content: "\e657"
}

.p-i-bookmark-outline:before, .p-i-star-outline:before, .t-efi-bookmark-outline:before, .t-efi-star-outline:before {
    content: "\e302"
}

.p-i-bookmark:before, .p-i-star:before, .t-efi-bookmark:before, .t-efi-star:before {
    content: "\e303"
}

.p-i-module-manager:before, .t-efi-module-manager:before {
    content: "\e670"
}

.p-i-apply-format:before, .t-efi-apply-format:before {
    content: "\e666"
}

.p-i-copy-format:before, .t-efi-copy-format:before {
    content: "\e668"
}

.p-i-strip-all-formating:before, .t-efi-strip-all-formating:before {
    content: "\e669"
}

.p-i-strip-css-format:before, .t-efi-strip-css-format:before {
    content: "\e66a"
}

.p-i-strip-font-elements:before, .t-efi-strip-font-elements:before {
    content: "\e66b"
}

.p-i-strip-span-elements:before, .t-efi-strip-span-elements:before {
    content: "\e66c"
}

.p-i-strip-word-formatting:before, .t-efi-strip-word-formatting:before {
    content: "\e66d"
}

.p-i-style-builder:before, .t-efi-style-builder:before {
    content: "\e66f"
}

.p-i-format-code-block:before, .t-efi-format-code-block:before {
    content: "\e66e"
}

.p-i-table-align-bottom-center:before, .t-efi-table-align-bottom-center:before {
    content: "\e62b"
}

.p-i-table-align-bottom-left:before, .t-efi-table-align-bottom-left:before {
    content: "\e62a"
}

.p-i-table-align-bottom-right:before, .t-efi-table-align-bottom-right:before {
    content: "\e62c"
}

.p-i-table-align-middle-center:before, .t-efi-table-align-middle-center:before {
    content: "\e628"
}

.p-i-table-align-middle-left:before, .t-efi-table-align-middle-left:before {
    content: "\e627"
}

.p-i-table-align-middle-right:before, .t-efi-table-align-middle-right:before {
    content: "\e629"
}

.p-i-table-align-top-center:before, .t-efi-table-align-top-center:before {
    content: "\e625"
}

.p-i-table-align-top-left:before, .t-efi-table-align-top-left:before {
    content: "\e624"
}

.p-i-table-align-top-right:before, .t-efi-table-align-top-right:before {
    content: "\e626"
}

.p-i-table-light-dialog:before, .t-efi-table-light-dialog:before {
    content: "\e676"
}

.p-i-table:before, .t-efi-table:before {
    content: "\e677"
}

.p-i-table-properties:before, .t-efi-table-properties:before {
    content: "\e678"
}

.p-i-borders-show-hide:before, .t-efi-borders-show-hide:before {
    content: "\e638"
}

.p-i-table-delete:before, .t-efi-table-delete:before {
    content: "\e682"
}

.p-i-table-cell-delete:before, .t-efi-table-cell-delete:before {
    content: "\e681"
}

.p-i-table-column-delete:before, .p-i-table-delete-column:before, .t-efi-table-column-delete:before, .t-efi-table-delete-column:before {
    content: "\e67f"
}

.p-i-table-delete-row:before, .p-i-table-row-delete:before, .t-efi-table-delete-row:before, .t-efi-table-row-delete:before {
    content: "\e680"
}

.p-i-table-column-insert-left:before, .p-i-table-insert-column-to-the-left:before, .t-efi-table-column-insert-left:before, .t-efi-table-insert-column-to-the-left:before {
    content: "\e67b"
}

.p-i-table-column-insert-right:before, .p-i-table-insert-column-to-the-right:before, .t-efi-table-column-insert-right:before, .t-efi-table-insert-column-to-the-right:before {
    content: "\e67c"
}

.p-i-table-insert-row-above:before, .p-i-table-row-insert-above:before, .t-efi-table-insert-row-above:before, .t-efi-table-row-insert-above:before {
    content: "\e67d"
}

.p-i-table-insert-row-below:before, .p-i-table-row-insert-below:before, .t-efi-table-insert-row-below:before, .t-efi-table-row-insert-below:before {
    content: "\e67e"
}

.p-i-cell-properties:before, .t-efi-cell-properties:before {
    content: "\e67a"
}

.p-i-cells-merge-horizontally:before, .p-i-merge-cells-h:before, .t-efi-cells-merge-horizontally:before, .t-efi-merge-cells-h:before {
    content: "\e684"
}

.p-i-cells-merge-vertically:before, .p-i-merge-cells-v:before, .t-efi-cells-merge-vertically:before, .t-efi-merge-cells-v:before {
    content: "\e685"
}

.p-i-cell-split-horizontally:before, .t-efi-cell-split-horizontally:before {
    content: "\e686"
}

.p-i-cell-split-vertically:before, .t-efi-cell-split-vertically:before {
    content: "\e687"
}

.p-i-template-manager:before, .t-efi-template-manager:before {
    content: "\e647"
}

.p-i-toolbar-float:before, .t-efi-toolbar-float:before {
    content: "\e68c"
}

.p-i-toggle-full-screen-mode:before, .t-efi-toggle-full-screen-mode:before {
    content: "\e690"
}

.p-i-track-changes-enable:before, .t-efi-track-changes-enable:before {
    content: "\e64a"
}

.p-i-track-changes:before, .t-efi-track-changes:before {
    content: "\e649"
}

.p-i-track-changes-accept:before, .t-efi-track-changes-accept:before {
    content: "\e64b"
}

.p-i-track-changes-accept-all:before, .t-efi-track-changes-accept-all:before {
    content: "\e64c"
}

.p-i-track-changes-reject:before, .t-efi-track-changes-reject:before {
    content: "\e64d"
}

.p-i-track-changes-reject-all:before, .t-efi-track-changes-reject-all:before {
    content: "\e64e"
}

.p-i-file-pdf:before, .p-i-pdf:before, .t-efi-file-pdf:before, .t-efi-pdf:before {
    content: "\e90e"
}

.p-i-change-manually:before, .t-efi-change-manually:before {
    content: "\e648"
}

.p-i-dictionary-add:before, .t-efi-dictionary-add:before {
    content: "\e651"
}

.p-i-spell-checker:before, .t-efi-spell-checker:before {
    content: "\e68d"
}

.p-i-validation-xhtml:before, .t-efi-validation-xhtml:before {
    content: "\e68e"
}

.p-i-custom-icon:before, .t-efi-custom-icon:before {
    content: "\e650"
}

.p-i-clear-css:before, .t-efi-clear-css:before {
    content: "\e667"
}

.p-i-div:before, .t-efi-div:before {
    content: "\e60b"
}

.p-i-h1:before, .t-efi-h1:before {
    content: "\e60d"
}

.p-i-h2:before, .t-efi-h2:before {
    content: "\e60e"
}

.p-i-h3:before, .t-efi-h3:before {
    content: "\e60f"
}

.p-i-h4:before, .t-efi-h4:before {
    content: "\e610"
}

.p-i-h5:before, .t-efi-h5:before {
    content: "\e611"
}

.p-i-h6:before, .t-efi-h6:before {
    content: "\e612"
}

.p-i-all:before, .t-efi-all:before {
    content: "\e60c"
}

.p-i-table-cell:before, .t-efi-table-cell:before {
    content: "\e679"
}

.p-i-plus:before, .t-efi-plus:before {
    content: "\e11e"
}

.p-i-minus:before, .t-efi-minus:before {
    content: "\e121"
}

.p-i-hyperlink:before, .p-i-link-horizontal:before, .p-i-link:before, .t-efi-hyperlink:before, .t-efi-link-horizontal:before, .t-efi-link:before {
    content: "\e10f"
}

.p-i-hyperlink-remove:before, .p-i-unlink-horizontal:before, .p-i-unlink:before, .t-efi-hyperlink-remove:before, .t-efi-unlink-horizontal:before, .t-efi-unlink:before {
    content: "\e110"
}

.p-i-edit-tools:before, .t-efi-edit-tools:before {
    content: "\e646"
}

.p-i-borders-all:before, .t-efi-borders-all:before {
    content: "\e62e"
}

.p-i-borders-inside:before, .t-efi-borders-inside:before {
    content: "\e630"
}

.p-i-borders-inside-horizontal:before, .t-efi-borders-inside-horizontal:before {
    content: "\e631"
}

.p-i-borders-inside-vertical:before, .t-efi-borders-inside-vertical:before {
    content: "\e632"
}

.p-i-borders-outside:before, .t-efi-borders-outside:before {
    content: "\e62f"
}

.p-i-border-top:before, .p-i-borders-top:before, .t-efi-border-top:before, .t-efi-borders-top:before {
    content: "\e633"
}

.p-i-border-right:before, .p-i-borders-right:before, .t-efi-border-right:before, .t-efi-borders-right:before {
    content: "\e636"
}

.p-i-border-bottom:before, .p-i-borders-bottom:before, .t-efi-border-bottom:before, .t-efi-borders-bottom:before {
    content: "\e634"
}

.p-i-border-left:before, .p-i-borders-left:before, .t-efi-border-left:before, .t-efi-borders-left:before {
    content: "\e635"
}

.p-i-border-no:before, .p-i-borders-no:before, .t-efi-border-no:before, .t-efi-borders-no:before {
    content: "\e637"
}

.p-i-cells-merge:before, .p-i-merge-cells:before, .t-efi-cells-merge:before, .t-efi-merge-cells:before {
    content: "\e683"
}

.p-i-table-unmerge:before, .p-i-unmerge:before, .t-efi-table-unmerge:before, .t-efi-unmerge:before {
    content: "\e688"
}

.p-i-column-freeze:before, .p-i-freeze-columns:before, .t-efi-column-freeze:before, .t-efi-freeze-columns:before {
    content: "\e68b"
}

.p-i--freeze:before, .p-i-freeze-rows:before, .t-efi--freeze:before, .t-efi-freeze-rows:before {
    content: "\e68a"
}

.p-i-freeze-panes:before, .p-i-pane-freeze:before, .t-efi-freeze-panes:before, .t-efi-pane-freeze:before {
    content: "\e689"
}

.p-i-text-wrap:before, .t-efi-text-wrap:before {
    content: "\e622"
}

.p-i-formula-fx:before, .t-efi-formula-fx:before {
    content: "\e691"
}

.p-i-sum:before, .t-efi-sum:before {
    content: "\e692"
}

.p-i-decimal-increase:before, .p-i-increase-decimal:before, .t-efi-decimal-increase:before, .t-efi-increase-decimal:before {
    content: "\e697"
}

.p-i-decimal-decrease:before, .p-i-decrease-decimal:before, .t-efi-decimal-decrease:before, .t-efi-decrease-decimal:before {
    content: "\e698"
}

.p-i-dollar:before, .t-efi-dollar:before {
    content: "\e694"
}

.p-i-percent:before, .t-efi-percent:before {
    content: "\e695"
}

.p-i-custom-format:before, .t-efi-custom-format:before {
    content: "\e696"
}

.p-i-align-top:before, .t-efi-align-top:before {
    content: "\e61a"
}

.p-i-align-middle:before, .t-efi-align-middle:before {
    content: "\e61b"
}

.p-i-align-bottom:before, .t-efi-align-bottom:before {
    content: "\e61c"
}

.p-i-filter:before, .t-efi-filter:before {
    content: "\e129"
}

.p-i-filter-clear:before, .t-efi-filter-clear:before {
    content: "\e12a"
}

.p-i-filter-sm:before, .t-efi-filter-sm:before {
    content: "\e12b"
}

.p-i-sort-asc:before, .t-efi-sort-asc:before {
    content: "\e124"
}

.p-i-sort-desc:before, .t-efi-sort-desc:before {
    content: "\e125"
}

.p-i-sort-clear:before, .p-i-unsort:before, .t-efi-sort-clear:before, .t-efi-unsort:before {
    content: "\e126"
}

.p-i-sort-asc-sm:before, .t-efi-sort-asc-sm:before {
    content: "\e127"
}

.p-i-sort-desc-sm:before, .t-efi-sort-desc-sm:before {
    content: "\e128"
}

.p-i-filter-sort-asc-sm:before, .t-efi-filter-sort-asc-sm:before {
    content: "\e12c"
}

.p-i-filter-sort-desc-sm:before, .t-efi-filter-sort-desc-sm:before {
    content: "\e12d"
}

.p-i-data-validation:before, .p-i-validation-data:before, .t-efi-data-validation:before, .t-efi-validation-data:before {
    content: "\e68f"
}

.RadButton {
    font: inherit;
    line-height: 1.42857143;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    outline: 0
}

    .RadButton::-moz-focus-inner {
        padding: 0;
        border: 0;
        outline: 0
    }

.rbButton {
    padding: 4px 10px;
    min-width: 64px;
    border-width: 1px;
    border-style: solid;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rbIconOnly {
    min-width: 0;
    padding: 4px
}

.RadButton.rbRounded {
    border-radius: 4px
}

.RadButton .rbIcon {
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    background-repeat: no-repeat;
    position: relative
}

    .RadButton .rbIcon:before {
        display: inline-block;
        font: 16px/1 WebComponentsIcons
    }

.RadButton .rbPrimaryIcon {
    margin: 0 5px 0 0
}

.RadButton .rbSecondaryIcon {
    margin: 0 0 0 5px
}

.RadButton.rbPrimary, .RadButton.rbSecondary {
    position: relative
}

    .RadButton.rbPrimary .rbIcon, .RadButton.rbSecondary .rbIcon {
        position: absolute
    }

.RadButton.rbButton.rbPrimary {
    padding-left: 1.5em
}

    .RadButton.rbButton.rbPrimary .rbText {
        margin-left: 10px
    }

.RadButton.rbButton.rbSecondary {
    padding-right: 1.5em
}

    .RadButton.rbButton.rbSecondary .rbText {
        margin-right: 10px
    }

.RadButton.rbPrimary .rbPrimaryIcon {
    left: 10px
}

.RadButton.rbSecondary .rbSecondaryIcon {
    right: 10px
}

.RadButton .rbCustomIcon {
    background-repeat: no-repeat
}

.RadButton .rbText {
    display: inline-block;
    vertical-align: top
}

.RadButton.rbCheckBox .rbIcon, .RadButton.rbRadioButton .rbIcon, .RadButton.rbToggleButton .rbIcon {
    margin: 0 5px 0 0
}

.RadButton .rbToggleRadio, .RadButton .rbToggleRadio:before, .RadButton .rbToggleRadioChecked, .RadButton .rbToggleRadioChecked:before {
    border-radius: 45px
}

.RadButton.rbButton span.rbIcon:before {
    box-shadow: none
}

.RadButton + .RadLabel {
    vertical-align: bottom;
    margin-left: -3px
}

.RadButton .rbSplitPart {
    padding: 4px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: -1px
}

.RadButton .rbSplitPartRight {
    border-radius: 0 .21428571em .21428571em 0;
    right: -1px
}

.RadButton .rbSplitPartLeft {
    border-radius: .21428571em 0 0 .21428571em;
    left: -1px
}

    .RadButton .rbSplitPartLeft + .rbText {
        padding: 0 0 0 1.78571429em
    }

.RadButton .rbSplitPartRight + .rbText {
    padding: 0 1.78571429em 0 0
}

.RadButton .rbSplitIcon {
    width: auto;
    height: auto;
    vertical-align: top
}

.RadButton span.rbSplitIcon:before {
    display: inline-block;
    vertical-align: middle;
    line-height: .9
}

.RadButton.rbButton.rbImageButton {
    background-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 0;
    min-width: 0
}

.RadButton.rbDisabled {
    opacity: .5;
    cursor: default
}

.RadButton.rbRtl .rbIcon {
    margin: 0 -5px 0 5px
}

.RadButton.rbRtl .rbPrimaryIcon {
    margin: 0 0 0 5px
}

.RadButton.rbRtl .rbSecondaryIcon {
    margin: 0 5px 0 0
}

.RadButton.rbRtl .rbSplitPart {
    margin: -.07142857em .35714286em -.14285714em -.71428571em;
    border-left: 0;
    border-radius: .21428571em 0 0 .21428571em;
    border-right: 1px solid transparent
}

    .RadButton.rbRtl .rbSplitPart .rbIcon {
        margin: .07142857em -.14285714em 0 .35714286em
    }

.RadButton.rbRtl.rbCheckBox .rbIcon, .RadButton.rbRtl.rbRadioButton .rbIcon, .RadButton.rbRtl.rbToggleButton .rbIcon {
    margin-left: 5px;
    margin-right: 0
}

.RadButton .rbHiddenImages {
    position: absolute;
    top: -9999px;
    visibility: hidden
}

.RadButton .rbHideElement {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important
}

.rbCheckBox, .rbRadioButton, .rbToggleButton {
    padding: 5px 0;
    border-width: 0;
    color: inherit;
    background: 0
}

.rbRtl.rbCheckBox, .rbRtl.rbRadioButton, .rbRtl.rbToggleButton {
    padding: 5px 0
}

.rbAdd:before {
    content: "\e11e"
}

.rbRemove:before {
    content: "\e10c"
}

.rbOk:before {
    content: "\e118"
}

.rbCancel:before {
    content: "\e11b"
}

.rbUpload:before {
    content: "\e133"
}

.rbDownload:before {
    content: "\e132"
}

.rbPrevious:before {
    content: "\e100"
}

.rbNext:before {
    content: "\e101"
}

.rbOpen:before {
    content: "\e901"
}

.rbAttach:before {
    content: "\e10e"
}

.rbSave:before {
    content: "\e109"
}

.rbConfig:before {
    content: "\e13c"
}

.rbPrint:before {
    content: "\e10a"
}

.rbRefresh:before {
    content: "\e103"
}

.rbSearch:before {
    content: "\e13e"
}

.rbHelp:before {
    content: "\e402"
}

.rbCart:before {
    content: "\e143"
}

.rbEdit:before {
    content: "\e10b"
}

.rbRSS:before {
    content: "\e827"
}

.rbMail:before {
    content: "\e809"
}

.rbFB:before {
    content: "\e80b"
}

.rbTwitter:before {
    content: "\e81f"
}

.rbLinkedIn:before {
    content: "\e811"
}

.rbPinterest:before {
    content: "\e815"
}

.rbYouTube:before {
    content: "\e82b"
}

.rbVimeo:before {
    content: "\e829"
}

.rbBehance:before {
    content: "\e823"
}

.rbDribble:before {
    content: "\e825"
}

.rbGooglePlus:before {
    content: "\e80f"
}

.rbVerticalList {
    display: inline-block;
    vertical-align: top
}

    .rbVerticalList + .rbVerticalList {
        margin: 0 7px
    }

    .rbVerticalList .rbCheckBox, .rbVerticalList .rbRadioButton, .rbVerticalList .rbToggleButton {
        display: block;
        padding: 0 0 4px
    }

.rbColumnList, .rbHorizontalList .RadButton {
    padding: 0 7px 0 0
}

ol.rbVerticalList, ul.rbVerticalList {
    margin: 0;
    padding: 0 0 0 15px
}

    ol.rbVerticalList button.RadButton.rbCheckBox, ol.rbVerticalList button.RadButton.rbRadioButton, ol.rbVerticalList button.RadButton.rbToggleButton, ul.rbVerticalList button.RadButton.rbCheckBox, ul.rbVerticalList button.RadButton.rbRadioButton, ul.rbVerticalList button.RadButton.rbToggleButton {
        display: inline-block;
        vertical-align: baseline
    }

.RadCheckBoxList_Rtl.rbColumnList, .RadRadioButtonList_Rtl.rbColumnList, .rbHorizontalList button.RadButton.rbRtl {
    padding: 0 0 0 7px
}

.RadCheckBoxList_Rtl.rbVerticalList, .RadCheckBoxList_Rtl .rbVerticalList, .RadRadioButtonList_Rtl.rbVerticalList, .RadRadioButtonList_Rtl .rbVerticalList {
    float: right
}

ol.RadCheckBoxList_Rtl.rbVerticalList, ol.RadRadioButtonList_Rtl.rbVerticalList, ul.RadCheckBoxList_Rtl.rbVerticalList, ul.RadRadioButtonList_Rtl.rbVerticalList {
    padding: 0 15px 0 0;
    white-space: nowrap
}

.RadButton_Default.rbButton, .RadButton_Default.rbButton.rbDisabled, .RadButton_Default .rbSplitPart {
    border-color: #b3b3b3;
    color: #333;
    background-color: #e6e6e6;
    background-image: linear-gradient(#fff,#e6e6e6)
}

    .RadButton_Default.rbButton.rbHovered, .RadButton_Default.rbButton .rbHovered, .RadButton_Default.rbButton.rbToggled.rbHovered {
        border-color: #a9a9a9;
        color: #000;
        background-color: #c2c2c2;
        background-image: linear-gradient(#dcdcdc,#c2c2c2)
    }

    .RadButton_Default.rbButton:focus {
        box-shadow: inset 0 0 5px hsla(0,0%,40.4%,.5)
    }

    .RadButton_Default.rbButton.rbSelected, .RadButton_Default.rbButton.rbToggled, .RadButton_Default.rbSelected .rbHovered {
        border-color: #676767;
        color: #fff;
        background-color: grey;
        background-image: linear-gradient(#9a9a9a,grey)
    }

    .RadButton_Default.rbButton.rbHovered .rbSplitPart, .RadButton_Default.rbButton:hover {
        border-color: #a9a9a9
    }

    .RadButton_Default.rbButton.rbSelected, .RadButton_Default.rbButton.rbSelected:active .rbSplitPart {
        border-color: #676767
    }

.RadButton_Default.rbCheckBox .rbText, .RadButton_Default.rbRadioButton .rbText, .RadButton_Default.rbToggleButton .rbText {
    color: #333
}

.RadButton_Default .rbToggleCheckboxChecked, .RadButton_Default .rbToggleCheckboxFilled, .RadButton_Default .rbToggleRadioChecked {
    color: #1976d2
}

.RadButton_Default.rbHovered .rbToggleCheckboxChecked, .RadButton_Default.rbHovered .rbToggleCheckboxFilled, .RadButton_Default.rbHovered .rbToggleRadioChecked {
    color: #11508e
}

.RadButton_Default:focus .rbToggleCheckbox:before, .RadButton_Default:focus .rbToggleRadio:before {
    box-shadow: 0 0 1px 1px rgba(51,51,51,.5)
}

.RadButton_Default:focus .rbToggleCheckboxChecked:before, .RadButton_Default:focus .rbToggleCheckboxFilled:before, .RadButton_Default:focus .rbToggleRadioChecked:before {
    box-shadow: 0 0 1px 1px rgba(25,118,210,.5)
}

.RadButton_Default.rbPrimaryButton {
    border-color: #1667b7;
    color: #fff;
    background-color: #1976d2;
    background-image: linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,0))
}

    .RadButton_Default.rbPrimaryButton.rbFocused, .RadButton_Default.rbPrimaryButton.rbHovered, .RadButton_Default.rbPrimaryButton.rbToggled.rbHovered {
        border-color: #12579b;
        color: #fff;
        background-color: #1667b7;
        background-image: linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,0));
        box-shadow: none
    }

    .RadButton_Default.rbPrimaryButton.rbSelected, .RadButton_Default.rbPrimaryButton.rbToggled {
        border-color: #0f4880;
        color: #fff;
        background-color: #12579b;
        background-image: linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,0))
    }

    .RadButton_Default.rbPrimaryButton.rbDisabled {
        border-color: #1667b7;
        color: #fff;
        background-color: #1976d2;
        background-image: linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,0))
    }

.sfContentBlock h1, .sfContentBlock h2, .sfContentBlock h3, .sfContentBlock h4, .sfContentBlock h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit
}

.main_wrapper {
    background-color: #fff
}

.tsa_container {
    width: 1170px !important;
    margin: 0 auto !important
}

@media only screen and (max-width:1200px) {
    .tsa_container {
        width: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important
    }

        .tsa_container div[class*=sf_2cols_] {
            width: auto !important;
            margin-left: 0;
            clear: both;
            float: none
        }
}

.tsa_container div[class*="-3"]:first-child, .tsa_container div[class*="-4"]:first-child, .tsa_container div[class*="-6"]:first-child {
    padding-left: 0
}

.tsa_container div[class*="-3"]:last-child, .tsa_container div[class*="-4"]:last-child, .tsa_container div[class*="-6"]:last-child {
    padding-right: 0
}

@media (max-width:767px) {
    .tsa_container [class*="-12"] {
        padding: 0 !important
    }
}

.tsa_container .no_padding_left {
    padding-left: 0 !important
}

.tsa_container .no_padding_right {
    padding-right: 0 !important
}

.no_padding_left {
    padding-left: 0 !important
}

.no_padding_right {
    padding-right: 0 !important
}

.no_padding_top {
    padding-top: 0 !important
}

.no_padding_bottom {
    padding-bottom: 0 !important
}

.tsa_space-top {
    margin-top: 32px
}

.tsa_space-bottom {
    margin-bottom: 32px
}

.tsa_empty-space, .tsa_spacer {
    margin-top: 32px;
    margin-bottom: 32px
}

.tsa_empty-space {
    display: inline-block
}

.tsa_space-top-double {
    margin-top: 64px
}

.tsa_space-bottom-double {
    margin-bottom: 64px
}

.tsa_empty-space-double, .tsa_spacer-double {
    margin-top: 64px;
    margin-bottom: 64px
}

.tsa_empty-space-double {
    display: inline-block
}

.tsa_space-vert-left {
    padding-left: 30px
}

@media only screen and (max-width:1200px) {
    .tsa_space-vert-left {
        padding-left: 0
    }
}

.tsa_space-vert-right {
    padding-right: 30px
}

@media only screen and (max-width:1200px) {
    .tsa_space-vert-right {
        padding-right: 0
    }
}

.tsa_background-brand {
    background-color: #be1428
}

.tsa_grey_theme {
    background-color: #efefef;
    color: #555
}

.youtube_containier {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

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

.tsa_dynamic-spacer {
    opacity: 0;
    position: relative;
    z-index: 1
}

.moveDown {
    margin-top: 140px !important
}

@media only screen and (max-width:1200px) {
    .moveDown {
        margin-top: 112px !important
    }
}

.sf_cols .lp-footer {
    left: -15px;
    bottom: -3px
}

@media only screen and (max-width:992px) {
    .sf_cols .lp-footer {
        left: 0
    }
}

._auto-middle {
    display: flex;
    flex-direction: row;
    align-items: center
}

@media only screen and (max-width:992px) {
    ._auto-middle {
        display: block
    }
}

.margin_zero_auto {
    margin: 0 auto
}

a.width-auto {
    width: auto;
    padding-left: 12px;
    padding-right: 12px
}

.add_padding_top {
    padding-top: 60px
}

.add_padding_bottom {
    padding-bottom: 60px
}

@media (max-width:767px) {
    .row.mob_stack {
        transform: rotate(180deg);
        direction: rtl
    }

        .row.mob_stack > [class*=col-] {
            transform: rotate(-180deg);
            direction: ltr
        }
}

.row_with_bkgnd > div {
    width: 40% !important;
    background-color: rgba(51,51,51,.8);
    border-radius: 25px;
    z-index: 5;
    position: relative;
    padding: 30px;
    height: 100%
}

@media only screen and (max-width:992px) {
    .row_with_bkgnd > div {
        width: 100% !important;
        padding: 18px
    }
}

.row_with_bkgnd a {
    width: auto;
    padding: 0 35px
}

@media only screen and (max-width:480px) {
    .row_with_bkgnd a {
        padding: 0 27px
    }
}

.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    *zoom: 1;
    touch-action: pan-y
}

    .bx-wrapper img {
        max-width: 100%;
        display: block
    }

.bxslider {
    margin: 0;
    padding: 0
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

.bx-wrapper {
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: #fff
}

    .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
        position: absolute;
        bottom: -30px;
        width: 100%
    }

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(images/bx_loader.gif) 50% no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000
    }

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: 700;
        color: #666;
        padding-top: 20px
    }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: #666;
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            border-radius: 5px
        }

            .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
                background: #000
            }

    .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {
        display: inline-block;
        vertical-align: bottom;
        *zoom: 1;
        *display: inline
    }

    .bx-wrapper .bx-pager-item {
        font-size: 0;
        line-height: 0
    }

    .bx-wrapper .bx-prev {
        left: 10px;
        background: url(images/controls.png) no-repeat 0 -32px
    }

        .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover {
            background-position: 0 0
        }

    .bx-wrapper .bx-next {
        right: 10px;
        background: url(images/controls.png) no-repeat -43px -32px
    }

        .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
            background-position: -43px 0
        }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none
        }

    .bx-wrapper .bx-controls-auto {
        text-align: center
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(images/controls.png) -86px -11px no-repeat;
            margin: 0 3px
        }

            .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover {
                background-position: -86px 0
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(images/controls.png) -86px -44px no-repeat;
            margin: 0 3px
        }

            .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover {
                background-position: -86px -33px
            }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px
    }

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666;
        background: rgba(80,80,80,.75);
        width: 100%
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px
        }

body, html {
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif !important;
    font-size: 15px !important;
    line-height: 25px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    color: #0f0f0f !important
}

p {
    margin: 0 0 15px
}

h1, h2, h3, h4 {
    font-weight: 400 !important;
    color: #282428;
    margin: 0
}

#form1 h1 {
    font-size: 26px
}

#form1 h2 {
    font-size: 24px
}

h3 {
    font-size: 20px !important
}

h4 {
    font-size: 18px !important
}

ul {
    list-style-type: none;
    margin: 0;
    padding-left: 40px
}

a, a:active, a:hover, a:link, a:visited {
    color: #be1428
}

.mainContent h1, .sfContentBlock h1 {
    font-size: 26px;
    font-weight: 400;
    margin: 24px 0 18px;
    color: #6d6d6d;
    font-family: Hind,sans-serif
}

.mainContent h2, .sfContentBlock h2 {
    font-size: 24px;
    font-weight: 400;
    margin: 24px 0 18px;
    color: #555;
    font-family: Poppins,sans-serif
}

.call-to-action h2 {
    color: #fff
}

ul.accordion-section li a.cp_heading h2 {
    margin: 0;
    font-size: 18px !important
}

@media screen and (min-width:320px) {
    ul.accordion-section li a.cp_heading h2 {
        font-size: calc(15.81818px + .68182vw) !important
    }
}

@media screen and (min-width:1200px) {
    ul.accordion-section li a.cp_heading h2 {
        font-size: 24px !important
    }
}

.mainContent h3, .sfContentBlock h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 22px 0 16px;
    color: #555;
    font-family: Poppins,sans-serif
}

.mainContent h4, .sfContentBlock h4 {
    font-size: 18px !important;
    font-weight: 400 !important;
    margin: 20px 0 14px;
    color: #555;
    font-family: Poppins,sans-serif
}

.mainContent h5, .sfContentBlock h5 {
    font-size: 16px !important;
    font-weight: 400 !important;
    margin: 18px 0 14px;
    color: #555;
    font-family: Poppins,sans-serif
}

h1.cp_title {
    color: #6d6d6d;
    padding: 24px 0 18px;
    font-weight: 400 !important;
    font-family: Hind,sans-serif !important;
    font-size: 32px !important
}

@media screen and (min-width:320px) {
    h1.cp_title {
        font-size: calc(28.36364px + 1.13636vw) !important
    }
}

@media screen and (min-width:1200px) {
    h1.cp_title {
        font-size: 42px !important
    }
}

._h2, ._h2 h2 {
    font-family: Poppins,sans-serif;
    line-height: 1;
    font-weight: 400;
    margin: 0 !important;
    font-weight: 400 !important;
    font-size: 32px !important
}

@media screen and (min-width:320px) {
    ._h2, ._h2 h2 {
        font-size: calc(28.36364px + 1.13636vw) !important
    }
}

@media screen and (min-width:1200px) {
    ._h2, ._h2 h2 {
        font-size: 42px !important
    }
}

.cp_cd_row .cp_cell a:not(.btn_cp), .cp_table_row .cp_cell p, .sc_delivery-table p:not(.note), .sc_table_sc-panel-content .sc_cell, .sc_table_sc-panel-fullWidth, .sc_table_sc-panel-fullWidth span, .sc_table_sc-panel-heading .sc_cell {
    font-size: 13px !important
}

@media screen and (min-width:320px) {
    .cp_cd_row .cp_cell a:not(.btn_cp), .cp_table_row .cp_cell p, .sc_delivery-table p:not(.note), .sc_table_sc-panel-content .sc_cell, .sc_table_sc-panel-fullWidth, .sc_table_sc-panel-fullWidth span, .sc_table_sc-panel-heading .sc_cell {
        font-size: calc(12.27273px + .22727vw) !important
    }
}

@media screen and (min-width:1200px) {
    .cp_cd_row .cp_cell a:not(.btn_cp), .cp_table_row .cp_cell p, .sc_delivery-table p:not(.note), .sc_table_sc-panel-content .sc_cell, .sc_table_sc-panel-fullWidth, .sc_table_sc-panel-fullWidth span, .sc_table_sc-panel-heading .sc_cell {
        font-size: 15px !important
    }
}

@media print {
    .cp_cd_row .cp_cell a:not(.btn_cp), .cp_table_row .cp_cell p, .sc_delivery-table p:not(.note), .sc_table_sc-panel-content .sc_cell, .sc_table_sc-panel-fullWidth, .sc_table_sc-panel-fullWidth span, .sc_table_sc-panel-heading .sc_cell {
        font-size: 15px !important
    }
}

.sc_delivery-table .sc_cell a {
    font-size: 13px !important
}

@media screen and (min-width:320px) {
    .sc_delivery-table .sc_cell a {
        font-size: calc(11.90909px + .34091vw) !important
    }
}

@media screen and (min-width:1200px) {
    .sc_delivery-table .sc_cell a {
        font-size: 16px !important
    }
}

@media print {
    .sc_delivery-table .sc_cell a {
        font-size: 15px !important
    }
}

.heading_row {
    font-size: 11px !important
}

@media screen and (min-width:320px) {
    .heading_row {
        font-size: calc(9.54545px + .45455vw) !important
    }
}

@media screen and (min-width:1200px) {
    .heading_row {
        font-size: 15px !important
    }
}

@media print {
    .heading_row {
        font-size: 15px !important
    }
}

.sc_delivery-table .heading_row .sc_cell p {
    font-size: 13px !important
}

@media screen and (min-width:320px) {
    .sc_delivery-table .heading_row .sc_cell p {
        font-size: calc(11.90909px + .34091vw) !important
    }
}

@media screen and (min-width:1200px) {
    .sc_delivery-table .heading_row .sc_cell p {
        font-size: 16px !important
    }
}

@media print {
    .sc_delivery-table .heading_row .sc_cell p {
        font-size: 15px !important
    }
}

.table-item p {
    font-size: 10px !important
}

@media screen and (min-width:320px) {
    .table-item p {
        font-size: calc(9.27273px + .22727vw) !important
    }
}

@media screen and (min-width:1200px) {
    .table-item p {
        font-size: 12px !important
    }
}

h2.cp_heading, h2.cp_heading a {
    padding: 24px 0 18px;
    color: #6d6d6d !important;
    text-decoration: none !important;
    font-size: 18px !important
}

@media screen and (min-width:320px) {
    h2.cp_heading, h2.cp_heading a {
        font-size: calc(15.81818px + .68182vw) !important
    }
}

@media screen and (min-width:1200px) {
    h2.cp_heading, h2.cp_heading a {
        font-size: 24px !important
    }
}

h2.partner-copy {
    font-weight: 400;
    text-align: center;
    line-height: 1;
    padding: 0;
    font-size: 15px !important
}

@media screen and (min-width:320px) {
    h2.partner-copy {
        font-size: calc(11.72727px + 1.02273vw) !important
    }
}

@media screen and (min-width:1200px) {
    h2.partner-copy {
        font-size: 24px !important
    }
}

.cp_feesTable-content {
    font-size: 14px !important
}

@media screen and (min-width:320px) {
    .cp_feesTable-content {
        font-size: calc(11.09091px + .90909vw) !important
    }
}

@media screen and (min-width:1200px) {
    .cp_feesTable-content {
        font-size: 22px !important
    }
}

.cp_feesTable-content .cp_cell:first-child {
    font-size: 10px !important
}

@media screen and (min-width:320px) {
    .cp_feesTable-content .cp_cell:first-child {
        font-size: calc(8.18182px + .56818vw) !important
    }
}

@media screen and (min-width:1200px) {
    .cp_feesTable-content .cp_cell:first-child {
        font-size: 15px !important
    }
}

@media print {
    .cp_feesTable-content .cp_cell:first-child {
        font-size: 15px !important
    }
}

a.head > h2.accordian_link {
    margin: 0;
    font-size: 18px !important
}

@media screen and (min-width:320px) {
    a.head > h2.accordian_link {
        font-size: calc(15.81818px + .68182vw) !important
    }
}

@media screen and (min-width:1200px) {
    a.head > h2.accordian_link {
        font-size: 24px !important
    }
}

h4.accordian_link {
    margin: 0
}

.ctaRow h1 {
    font-size: 22px !important
}

@media screen and (min-width:320px) {
    .ctaRow h1 {
        font-size: calc(19.81818px + .68182vw) !important
    }
}

@media screen and (min-width:1200px) {
    .ctaRow h1 {
        font-size: 28px !important
    }
}

a.tooltips > p {
    font-size: 9px !important
}

@media screen and (min-width:320px) {
    a.tooltips > p {
        font-size: calc(7.90909px + .34091vw) !important
    }
}

@media screen and (min-width:1200px) {
    a.tooltips > p {
        font-size: 12px !important
    }
}

.legend_table-wrapper p.desc-legend, .legend_table-wrapper p.icon-legend {
    font-size: 9px !important
}

@media screen and (min-width:320px) {
    .legend_table-wrapper p.desc-legend, .legend_table-wrapper p.icon-legend {
        font-size: calc(7.90909px + .34091vw) !important
    }
}

@media screen and (min-width:1200px) {
    .legend_table-wrapper p.desc-legend, .legend_table-wrapper p.icon-legend {
        font-size: 12px !important
    }
}

section.main-slider .caption {
    font-size: 14px !important
}

@media screen and (min-width:320px) {
    section.main-slider .caption {
        font-size: calc(4.54545px + 2.95455vw) !important
    }
}

@media screen and (min-width:1200px) {
    section.main-slider .caption {
        font-size: 40px !important
    }
}

button#gdpr-cookie-accept {
    float: right
}

@media only screen and (max-width:768px) {
    button#gdpr-cookie-accept {
        float: left;
        margin-top: 20px
    }
}

* {
    outline: 0;
    margin: 0;
    padding: 0
}

body, html {
    height: 100%;
    background: #f2f2f2
}

body {
    min-width: 0 !important;
    width: auto !important
}

.tooltip.top .tooltip-inner {
    background-color: #be1428
}

.tooltip.top .tooltip-arrow {
    border-top-color: #be1428
}

#tooltip {
    height: 18px;
    width: 18px;
    position: relative
}

    #tooltip .circle {
        fill: #bebebe
    }

    #tooltip .content {
        fill: #fff
    }

    #tooltip:hover .content {
        fill: #be1428
    }

#Layer_1 > path:nth-child(4) {
    fill: #bebebe
}

ul.cp_file-links, ul.cp_rel-links, ul.cp_useful-links {
    list-style-type: none !important;
    padding: 0;
    list-style: none
}

    ul.cp_file-links p, ul.cp_rel-links p, ul.cp_useful-links p {
        display: inline-block;
        top: -5px;
        position: relative
    }

    ul.cp_file-links a, ul.cp_rel-links a, ul.cp_useful-links a {
        color: #333
    }

        ul.cp_file-links a:hover, ul.cp_rel-links a:hover, ul.cp_useful-links a:hover {
            color: #be1428
        }

    ul.cp_file-links li, ul.cp_rel-links li, ul.cp_useful-links li {
        list-style-position: inside;
        text-indent: -35px;
        padding: 8px 0 8px 35px;
        margin-left: 24px
    }

        ul.cp_file-links li:before, ul.cp_rel-links li:before, ul.cp_useful-links li:before {
            content: "";
            background-position: bottom;
            height: 13px;
            width: 13px;
            background-size: contain;
            display: inline-block;
            background-repeat: no-repeat;
            margin-right: 18px;
            position: relative;
            top: 2px
        }

        ul.cp_rel-links li:before, ul.cp_useful-links li:before {
            content: "";
            background-image: url(https://www.tafesa.edu.au/docs/default-source/sgvassets/lnr-select.svg)
        }

        ul.cp_file-links li:before {
            content: "";
            background-image: url(https://www.tafesa.edu.au/images/default-source/hostedassets/lnr-link_red.png)
        }

ul.cp_feeHelp {
    list-style-type: none !important;
    padding: 8px 0
}

    ul.cp_feeHelp p {
        display: inline-block;
        top: -5px;
        position: relative
    }

    ul.cp_feeHelp a {
        color: #333
    }

        ul.cp_feeHelp a:hover {
            color: #be1428
        }

    ul.cp_feeHelp li {
        padding: 8px 0
    }

        ul.cp_feeHelp li:before {
            content: "";
            background-position: bottom;
            height: 22px;
            width: 22px;
            display: inline-block;
            background-repeat: no-repeat;
            margin-right: 8px;
            background-image: url(https://www.tafesa.edu.au/images/default-source/hostedassets/book-hand.png)
        }

a.tooltips {
    position: relative;
    display: inline;
    text-decoration: none
}

    a.tooltips span {
        position: absolute;
        width: 350px;
        color: #fff;
        background: #be1428;
        height: auto;
        line-height: 13px;
        text-align: center;
        visibility: hidden;
        border-radius: 3px;
        box-shadow: 2px 2px 8px maroon;
        font-size: 10px;
        padding: 7px
    }

a:hover.tooltips span {
    visibility: visible;
    opacity: .9;
    bottom: 30px;
    left: 50%;
    z-index: 999;
    transform: translateX(-50%)
}

.icon_help:hover {
    background-color: #be1428;
    border-radius: 50%
}

.text-wrap {
    word-wrap: break-word
}

#CourseName, #productKey, #tafeSaCode {
    visibility: hidden;
    height: 1px;
    width: 1px;
    z-index: -9999
}

span.asterick {
    color: #be1428
}

.elevator-button {
    display: none;
    background: none;
    margin: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 90px;
    height: 55px;
    z-index: 100;
    text-decoration: none;
    color: #6d6d6d;
    background-color: none;
    text-transform: uppercase;
    font-size: 8px;
    text-align: center;
    line-height: 16px;
    cursor: pointer
}

    .elevator-button:hover {
        color: #be1428
    }

    .elevator-button span.upchevron {
        font-size: 45px
    }

a.mainMenuItem {
    height: 40px
}

.cp_footer-top {
    margin-top: 32px
}

#watermark {
    position: absolute;
    transform: rotate(90deg) translateY(40%);
    right: 0;
    color: #f2f2f2;
    width: 5%;
    white-space: nowrap;
    display: none;
    font-size: 30px !important
}

@media screen and (min-width:320px) {
    #watermark {
        font-size: calc(.54545px + 9.20455vw) !important
    }
}

@media screen and (min-width:1200px) {
    #watermark {
        font-size: 111px !important
    }
}

@media screen and (min-width:1375px) {
    #watermark {
        display: block
    }
}

.note_href {
    font-size: 13px !important
}

.atsi_fix {
    line-height: 19px !important;
    top: 7px !important;
    position: relative
}

@media only screen and (max-width:992px) {
    .atsi_fix {
        top: 9px !important
    }
}

@media only screen and (max-width:320px) {
    .atsi_fix {
        top: 27px !important
    }
}

.extra_spacer {
    height: 350px
}

@media screen and (max-width:1091) {
    .extra_spacer {
        height: 250px
    }
}

@media only screen and (max-width:480px) {
    .extra_spacer {
        height: 350px
    }
}

.rhs-footer a.btn_enq-now {
    margin-top: 16px;
    margin-bottom: 16px
}

.bx-wrapper {
    box-shadow: none !important;
    border: none !important
}

    .bx-wrapper .bx-next, .bx-wrapper .bx-pager-item, .bx-wrapper .bx-prev {
        opacity: .2
    }

    .bx-wrapper .bx-next {
        background: url(https://www.tafesa.edu.au/images/default-source/hostedassets/chevron-right-circle.png)
    }

        .bx-wrapper .bx-next:hover {
            background-position: 0 0
        }

    .bx-wrapper .bx-prev {
        background: url(https://www.tafesa.edu.au/images/default-source/hostedassets/chevron-left-circle.png)
    }

p.accordian_link {
    font-size: 16px;
    padding: 25px 60px 25px 25px;
    margin: 0
}

ul.ui-autocomplete {
    z-index: 9999
}

    ul.ui-autocomplete li div.ui-state-active {
        font-weight: 400;
        background: #f1f1f1
    }

    ul.ui-autocomplete li:hover {
        color: #be1428
    }

.partner_wrapper {
    background-color: rgba(190,20,40,.1);
    padding: 20px 8px
}

    .partner_wrapper h2 {
        font-weight: 400;
        text-align: center;
        padding: 0
    }

.rem_padding {
    padding-right: 0;
    padding-left: 0
}

.pagination {
    display: flex;
    list-style-type: none !important;
    padding: 0 !important
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

button#ihavecookiesBtn {
    margin-left: 0 !important
}

.gdpr_wrapper {
    background-color: #474747;
    opacity: .9;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 99999
}

#gdpr-cookie-message {
    max-width: 1200px;
    padding: 20px 100px;
    margin: 0 auto
}

@media only screen and (max-width:768px) {
    #gdpr-cookie-message {
        padding-right: 20px;
        padding-left: 20px
    }
}

#gdpr-cookie-message h4 {
    text-align: left;
    color: #fff;
    margin-bottom: 10px
}

#gdpr-cookie-message h5 {
    margin-bottom: 10px
}

#gdpr-cookie-message p {
    color: #fff;
    line-height: 1
}

    #gdpr-cookie-message p:last-child {
        margin-bottom: 0;
        text-align: right
    }

@media only screen and (max-width:768px) {
    #gdpr-cookie-message p:last-child {
        -moz-text-align-last: left;
        text-align-last: left
    }
}

#gdpr-cookie-message li {
    width: 49%;
    display: inline-block
}

#gdpr-cookie-message a {
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px dotted hsla(0,0%,100%,.75);
    transition: all .3s ease-in;
    color: #fff
}

    #gdpr-cookie-message a:hover {
        color: #be1428;
        transition: all .3s ease-in
    }

#gdpr-cookie-message button, button#ihavecookiesBtn {
    color: #fff;
    padding: 12px 47px;
    margin-left: 15px;
    cursor: pointer;
    transition: all .3s ease-in;
    background-color: #474747;
    border: 1px solid #fff
}

    #gdpr-cookie-message button:hover, button#ihavecookiesBtn:hover {
        color: #424242;
        background: #fff;
        transition: all .3s ease-in
    }

@media only screen and (max-width:768px) {
    #gdpr-cookie-message button, button#ihavecookiesBtn {
        margin-left: 0
    }
}

button#gdpr-cookie-advanced {
    background: #fff
}

#gdpr-cookie-message button:disabled {
    opacity: .3
}

#gdpr-cookie-message input[type=checkbox] {
    float: none;
    margin-top: 0;
    margin-right: 5px
}

.gdpr_inner {
    display: flex;
    flex-direction: row;
    padding-right: 170px
}

@media only screen and (max-width:768px) {
    .gdpr_inner {
        padding-right: 0;
        flex-direction: column
    }
}

.sc_page_bkgnd {
    background: url(/img/assets/shortCourseGuideRow/tonsley.jpg);
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    min-height: auto
}

#menuFooterLinks {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

@media (max-width:992px) {
    #menuFooterLinks {
        flex-direction: column
    }
}

.footer_links {
    text-align: center
}

    .footer_links .menuLink li {
        display: inline-block;
        border-right: 1px solid #dedede;
        padding: 0 6px 0 3px
    }

@media (max-width:992px) {
    .footer_links .menuLink {
        display: flex;
        flex-direction: column;
        margin: 12px 0
    }

        .footer_links .menuLink li {
            border-right: none
        }
}

.footer_links .menuLink li:last-child {
    border-right: none
}

#menuFooterLinks .phone {
    text-align: center
}

    #menuFooterLinks .phone p {
        padding: 0;
        margin: 0
    }

    #menuFooterLinks .phone .social-links {
        display: flex;
        justify-content: center
    }

        #menuFooterLinks .phone .social-links a:hover {
            color: #be1428 !important
        }

.footer_bottom {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 30px;
    padding-bottom: 20px
}

    .footer_bottom .footer_bottom-logos {
        display: flex;
        align-items: center;
        bottom: 9px;
        position: relative
    }

@media (max-width:992px) {
    .footer_bottom {
        flex-direction: column
    }
}

@media (max-width:992px) {
    .footer ul.bottom-menu li {
        font-size: 10px
    }
}

.btn {
    transition: all .2s ease;
    border-radius: 0;
    background-clip: padding-box;
    text-decoration: none !important
}

    .btn .fa {
        color: #fff;
        margin-right: 5px
    }

        .btn .fa.fa-search {
            margin-right: 0
        }

.btn-theme:not(.shopping-cart) {
    background: #be1428 !important;
    border: 1px solid #be1428 !important;
    color: #fff !important
}

    .btn-theme:not(.shopping-cart):hover {
        background: #fff !important;
        color: #be1428 !important;
        text-decoration: none !important
    }

.btn_cp.tafebtn {
    background-color: #be1428;
    color: #fff !important;
    border: 1px solid #be1428;
    margin-right: 16px;
    line-height: 16px;
    padding: 12px
}

    .btn_cp.tafebtn:hover {
        color: #be1428 !important;
        background-color: #fff
    }

.contact-form {
    padding: 20px;
    border: 1px solid #f2f2f2;
    box-shadow: 2px 2px 4px #f2f2f2
}

    .contact-form .row {
        margin: 1em 0
    }

        .contact-form .row label {
            display: block;
            font-size: 14px;
            font-weight: 700;
            color: #333
        }

        .contact-form .row .form-group {
            margin-bottom: 0
        }

@media only screen and (max-width:992px) {
    .contact-form .row .form-group, .contact-form .row [class*=col] {
        padding-left: 0;
        padding-right: 0
    }
}

.contact-form .message .input-control, .contact-form .organisation .input-control {
    width: 100%
}

@media only screen and (max-width:992px) {
    .contact-form .message .input-control, .contact-form .organisation .input-control {
        padding-left: 0;
        padding-right: 0
    }
}

.contact-form .no_margin {
    margin: -8px !important
}

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    font: 15px Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 12px
}

.g-recaptcha {
    position: relative;
    float: right
}

.success-feedback .h2 {
    font-size: 24px;
    font-weight: 700;
    padding: 24px 0 18px;
    color: #333;
    margin: 0;
    display: block
}

.contact-form .row label sup {
    padding-left: 2px;
    color: #be1428
}

.contact-form .row .error {
    display: inline-block;
    width: 17px;
    height: 17px;
    text-indent: -9999em;
    margin-left: .5em
}

.contact-form .row span.error[style*=inline] {
    display: inline-block
}

.contact-form .row.submit {
    padding-top: 2em;
    width: 100%;
    clear: both
}

    .contact-form .row.submit input {
        float: right;
        width: 100px;
        background: #888;
        border: 1px solid #aeaeae;
        color: #fff;
        height: 40px;
        right: 27%;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out
    }

        .contact-form .row.submit input:hover {
            background: #be1428
        }

.validation-summary {
    color: #d01833;
    padding-left: 0;
    padding-bottom: 2em
}

.row.radio-buttons ul {
    padding: 0;
    display: block;
    float: left;
    margin: 0 0 0 11em
}

    .row.radio-buttons ul li {
        display: block;
        margin: 0 0 1em
    }

    .row.radio-buttons ul label {
        text-align: left;
        display: inline;
        position: inherit;
        width: auto
    }

.contact-form input[type=radio] {
    display: block;
    float: left;
    margin-left: 2px
}

.contact-form .fieldset {
    margin: 1em 0;
    padding: 0;
    border: 0
}

.contact-form input.RadInput_Default, .contact-form input.riTextBox {
    background-color: #fff;
    color: #666;
    height: 40px;
    width: 100%;
    border: 1px solid #d5d5d5;
    font-size: 15px
}

.contact-form input.riTextBox {
    padding: 0 15px
}

.contact-form input.rcbInput {
    background-color: #fff;
    color: #333;
    height: 35px;
    width: 100%;
    border: none;
    background: none;
    font-size: 15px;
    padding: 0 15px
}

    .contact-form input.rcbInput:hover {
        border: none
    }

ul.rcbList li.rcbHovered, ul.rcbList li.rcbItem {
    font-size: 15px
}

.contact-form .campusesList input.rcbInput, .contact-form .rcbReadOnly input.rcbInput {
    border: 0
}

.RadComboBox_Metro .rcbReadOnly .rcbInputCell {
    background-color: #fff
}

.contact-form textarea {
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.contact-form input:hover, .contact-form textarea {
    border: 1px solid #d5d5d5
}

.contact-form rcbSlide ul {
    border: 1px solid #d5d5d5;
    background-color: #fefefe
}

.contact-form .RadComboBoxDropDown ul li {
    color: #787878;
    padding: 5px;
    font-size: 15px
}

.contact-form rcbSlide .RadComboBoxDropDown {
    border: 1px solid #d5d5d5
}

label.lblFullWidth {
    width: 100%
}

.formDate {
    width: 85px
}

.formMonth {
    width: 130px
}

.formYear {
    width: 90px
}

.formDate, .formMonth, .formYear {
    margin-bottom: 10px
}

@media (max-width:414px) {
    .formDate, .formMonth, .formYear {
        width: 100%
    }
}

@media (min-width:414px) and (max-width:768px) {
    .formDate, .formMonth, .formYear {
        width: 50%
    }
}

@media screen and (max-width:575px) {
    .g-recaptcha {
        transform: scale(.8);
        -webkit-transform: scale(.8);
        transform-origin: right
    }

    #rc-imageselect {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}

div[id*=formControls] {
    padding: 20px 20px 58px;
    border: 1px solid #f2f2f2;
    box-shadow: 2px 2px 4px #f2f2f2
}

    div[id*=formControls] .sfFormBlock, div[id*=formControls] .sfFormBox, div[id*=formControls] .sfFormDropdown, div[id*=formControls] .sfFormRadiolist {
        display: flex;
        flex-direction: row;
        align-content: center;
        margin: 1em 0
    }

        div[id*=formControls] .sfFormBlock .sfFieldWrp, div[id*=formControls] .sfFormBox .sfFieldWrp, div[id*=formControls] .sfFormDropdown .sfFieldWrp, div[id*=formControls] .sfFormRadiolist .sfFieldWrp {
            width: 75%
        }

            div[id*=formControls] .sfFormBlock .sfFieldWrp input:not([type=radio]), div[id*=formControls] .sfFormBlock .sfFieldWrp select, div[id*=formControls] .sfFormBlock .sfFieldWrp textarea, div[id*=formControls] .sfFormBox .sfFieldWrp input:not([type=radio]), div[id*=formControls] .sfFormBox .sfFieldWrp select, div[id*=formControls] .sfFormBox .sfFieldWrp textarea, div[id*=formControls] .sfFormDropdown .sfFieldWrp input:not([type=radio]), div[id*=formControls] .sfFormDropdown .sfFieldWrp select, div[id*=formControls] .sfFormDropdown .sfFieldWrp textarea, div[id*=formControls] .sfFormRadiolist .sfFieldWrp input:not([type=radio]), div[id*=formControls] .sfFormRadiolist .sfFieldWrp select, div[id*=formControls] .sfFormRadiolist .sfFieldWrp textarea {
                width: 100%;
                font: 15px Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
                padding: 12px;
                border: 1px solid #b3b3b3
            }

                div[id*=formControls] .sfFormBlock .sfFieldWrp input:not([type=radio]):focus, div[id*=formControls] .sfFormBlock .sfFieldWrp select:focus, div[id*=formControls] .sfFormBlock .sfFieldWrp textarea:focus, div[id*=formControls] .sfFormBox .sfFieldWrp input:not([type=radio]):focus, div[id*=formControls] .sfFormBox .sfFieldWrp select:focus, div[id*=formControls] .sfFormBox .sfFieldWrp textarea:focus, div[id*=formControls] .sfFormDropdown .sfFieldWrp input:not([type=radio]):focus, div[id*=formControls] .sfFormDropdown .sfFieldWrp select:focus, div[id*=formControls] .sfFormDropdown .sfFieldWrp textarea:focus, div[id*=formControls] .sfFormRadiolist .sfFieldWrp input:not([type=radio]):focus, div[id*=formControls] .sfFormRadiolist .sfFieldWrp select:focus, div[id*=formControls] .sfFormRadiolist .sfFieldWrp textarea:focus {
                    border-color: #515151
                }

@media only screen and (max-width:992px) {
    div[id*=formControls] .sfFormBlock .sfFieldWrp, div[id*=formControls] .sfFormBox .sfFieldWrp, div[id*=formControls] .sfFormDropdown .sfFieldWrp, div[id*=formControls] .sfFormRadiolist .sfFieldWrp {
        width: 100%
    }
}

@media only screen and (max-width:992px) {
    div[id*=formControls] .sfFormBlock, div[id*=formControls] .sfFormBox, div[id*=formControls] .sfFormDropdown, div[id*=formControls] .sfFormRadiolist {
        flex-direction: column
    }
}

div[id*=formControls] .sfFormBlock > div, div[id*=formControls] .sfFormBox > div {
    width: 25%
}

    div[id*=formControls] .sfFormBlock > div label, div[id*=formControls] .sfFormBox > div label {
        padding: 0 12px;
        display: block;
        font-size: 14px;
        font-weight: 700;
        color: #333
    }

@media only screen and (max-width:992px) {
    div[id*=formControls] .sfFormBlock > div label, div[id*=formControls] .sfFormBox > div label {
        padding: 0
    }
}

@media only screen and (max-width:992px) {
    div[id*=formControls] .sfFormBlock > div, div[id*=formControls] .sfFormBox > div {
        width: 100%
    }
}

div[id*=formControls] .sfFormCheckboxlist > div, div[id*=formControls] .sfFormRadiolist > div {
    width: 25%;
    padding: 0 12px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

@media only screen and (max-width:992px) {
    div[id*=formControls] .sfFormCheckboxlist > div, div[id*=formControls] .sfFormRadiolist > div {
        width: 100%;
        padding: 0
    }
}

div[id*=formControls] .sfFormCheckboxlist {
    margin: 1em 0
}

div[id*=formControls] .sfCheckListBox input, div[id*=formControls] .sfFormRadiolist input {
    margin-right: 12px;
    margin-left: 12px
}

div[id*=formControls] .sfFormCheckboxlist .sfCheckListBox label {
    margin-bottom: 0 !important;
    margin-right: 20px !important
}

div[id*=formControls] .sfFormDropdown {
    width: 100%
}

    div[id*=formControls] .sfFormDropdown label {
        padding: 0 12px;
        width: 25%;
        display: block;
        font-size: 14px;
        font-weight: 700;
        color: #333
    }

@media only screen and (max-width:992px) {
    div[id*=formControls] .sfFormDropdown label {
        padding: 0
    }
}

div[id*=formControls] .sfFormInstructions {
    padding: 0 12px
}

    div[id*=formControls] .sfFormInstructions h3 {
        font-size: 24px
    }

@media only screen and (max-width:992px) {
    div[id*=formControls] .sfFormInstructions {
        padding: 0
    }
}

div[id*=formControls] .sfFormFile .RadUpload {
    text-align: right
}

div[id*=formControls] .sfFormSubmit input {
    background: #be1428 !important;
    border: 1px solid #be1428 !important;
    color: #fff !important;
    float: right;
    width: 100px;
    height: 40px;
    -webkit-appearance: button;
    cursor: pointer;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle
}

    div[id*=formControls] .sfFormSubmit input:hover {
        background: #fff !important;
        color: #be1428 !important
    }

div[id*=formControls] .sf_cols > div {
    width: 100%
}

    div[id*=formControls] .sf_cols > div .sfFormDropdown {
        margin: 0
    }

div[id*=formControls] .sf_2cols_2_33 .sf_2cols_2in_33, div[id*=formControls] .sf_2cols_2_50 .sf_2cols_2in_50 {
    margin-left: 0
}

select {
    background-image: linear-gradient(45deg,transparent 50%,grey 0),linear-gradient(135deg,grey 50%,transparent 0),linear-gradient(90deg,#ccc,#ccc);
    background-position: calc(100% - 20px) calc(1em + 6px),calc(100% - 15px) calc(1em + 6px),calc(100% - 2.5em) .5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ""
}

    select, select:focus {
        background-size: 5px 5px,5px 5px,1px 28px;
        background-repeat: no-repeat
    }

        select:focus {
            background-image: linear-gradient(45deg,#be1428 50%,transparent 0),linear-gradient(135deg,transparent 50%,#be1428 0),linear-gradient(90deg,#ccc,#ccc);
            background-position: calc(100% - 15px) 1em,calc(100% - 20px) 1em,calc(100% - 2.5em) .5em;
            outline: 0
        }

.form_wrapper {
    display: none
}

    .form_wrapper.active {
        display: block
    }

.RadUpload {
    width: 430px;
    text-align: left
}

    .RadUpload .ruInputs {
        position: relative;
        zoom: 1;
        list-style: none;
        margin: 0;
        padding: 0
    }

        .RadUpload .ruInputs li {
            margin: 0 0 5px
        }

            .RadUpload .ruInputs li.ruActions {
                margin: 1.4em 0 0
            }

    .RadUpload .ruCheck {
        top: 1px;
        padding: 3px;
        position: static;
        zoom: 1
    }

    .RadUpload .ruFileWrap {
        position: relative;
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;
        line-height: 20px;
        zoom: 1;
        overflow: hidden !important;
        height: 24px
    }

.RadUpload_rtl {
    text-align: right
}

    .RadUpload_rtl .ruFileWrap {
        padding-left: .8em;
        padding-right: 0
    }

.ruRtlWrap {
    position: absolute;
    top: 0;
    left: 0 !important;
    display: block
}

.ruFileWrap .ruRtlWrap input.ruFileInput {
    position: static
}

.RadAsyncUpload span.ruFileWrap {
    padding-left: 0
}

* + html .RadUpload .ruFileWrap {
    top: -1px
}

.RadUpload input.ruFileInput {
    font: 100px monospace;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0
}

.RadUpload .ruFakeInput, .RadUpload .ruStyled .ruFileInput {
    border-width: 1px;
    border-style: solid;
    line-height: 18px;
    padding: 4px 4px 0;
    box-sizing: content-box
}

.RadUpload .ruButton, .RadUpload .ruFakeInput, .RadUpload .ruFileInput {
    float: none;
    vertical-align: top
}

.RadUpload .ruButton, .RadUpload .ruFakeInput {
    border-radius: 0;
    -webkit-appearance: none
}

.RadUpload .ruStyled .ruFileInput {
    position: absolute;
    z-index: 1;
    filter: alpha(opacity=0);
    opacity: 0
}

.RadUpload .ruReadOnly .ruFakeInput {
    position: relative;
    z-index: 2
}

.RadUpload .ruFakeInput {
    height: 16px;
    margin-right: 4px;
    background-position: 0 -93px;
    background-repeat: repeat-x;
    background-color: #fff;
    line-height: 20px\9;
    height: 20px\9;
    padding-top: 0\9
}

.RadAsyncUpload.RadUpload_rtl .ruFakeInput {
    margin-right: 0
}

* + html .RadUpload .ruFakeInput {
    height: 20px;
    margin-top: -1px;
    padding-top: 0;
    padding-right: .5em;
    line-height: 20px;
    vertical-align: middle
}

.RadUpload .ruButton {
    width: 79px;
    height: 22px;
    border: 0;
    padding-bottom: 2px;
    background-position: 0 -23px;
    background-repeat: no-repeat;
    background-color: transparent;
    text-align: center
}

    .RadUpload .ruButton.ruButtonFocus {
        border: 1px dotted #000
    }

* + html .RadUpload .ruButton {
    padding-bottom: 0
}

.RadUpload .ruBrowse {
    width: 65px;
    background-position: 0 0
}

.RadUpload_rtl .ruBrowse {
    margin-left: 0;
    margin-right: 4px
}

.RadUpload .ruRemove {
    overflow: visible;
    border: 0;
    background-position: 4px -70px;
    width: auto;
    padding-left: 16px;
    cursor: pointer;
    font-size: 10px
}

.RadUpload_rtl .ruCancel {
    background-position: 100% -70px;
    padding-left: 0;
    padding-right: 14px;
    margin-right: 4px
}

.RadUpload .ruCancel {
    overflow: visible;
    border: 0;
    background-position: 4px -70px;
    width: auto;
    padding-left: 16px;
    cursor: pointer;
    font-size: 10px
}

.RadUpload_rtl .ruRemove {
    background-position: 100% -70px;
    padding-left: 0;
    padding-right: 14px;
    margin-right: 4px
}

.RadUpload .ruActions .ruButton {
    width: 79px;
    margin: 0 16px 0 0;
    background-position: 0 -23px
}

.RadUpload_rtl .ruActions .ruButton {
    margin: 0 0 0 16px
}

.RadUpload .ruButtonDisabled, .RadUpload input[disabled] {
    filter: alpha(opacity=60);
    opacity: .6
}

.RadUploadSubmit {
    width: 115px;
    height: 22px;
    border: 0;
    margin: 0;
    padding: 0;
    background-position: 0 -46px;
    background-repeat: no-repeat;
    background-color: transparent;
    font: 11px/22px Segoe UI,Arial,sans-serif;
    text-align: center
}

.RadUpload .ruUploadProgress {
    padding-left: 18px;
    display: block;
    background: transparent url(/WebResource.axd?d=i0PDkJwI743IslWP7llN9ZRsbwDMlUtNxxrvVjhCYTGBtAfZ7Tp9EK_QNA7oue9sRnSttMDUJ8QotOFXlo0toLXRdZRnuwnVQdRCbZ6YdTFtERdNlrpfvQbjvE7GS2N2TQhKgONTE0N61a8MqFbvYzZ0IfnMh-Nd3aJXcYn9sKI1&t=637042236940000000) no-repeat 0 50%
}

.RadUpload_rtl .ruUploadProgress {
    padding-left: 0;
    padding-right: 18px;
    background-position: 100% 50%
}

.RadUpload .ruUploadCancelled, .RadUpload .ruUploadFailure, .RadUpload .ruUploadSuccess {
    background-image: url(/WebResource.axd?d=LH7IPdKSnXpYsQOPhJgUDpXJPdPDTd256-rI3SlvGNgqmQpYwunthHTBW1Qqa6jmZtKKAIE0zZdWPqiIPEdXJ7BJ7ZvDC_6Eve9xRTOhLKPVGLp318HhhjIjr2mClrORvW2sC-j6sENHNz5lTxOepFCmhVGejxYR3TOhGPnkAMM1&t=637042236940000000);
    background-repeat: no-repeat;
    background-color: transparent
}

.RadUpload .ruFileRemoved {
    height: 0;
    margin-bottom: 0
}

.RadUpload .ruUploadSuccess {
    background-position: 0 18%
}

.RadUpload_rtl .ruUploadSuccess {
    background-position: 100% 18%
}

.RadUpload .ruUploadCancelled, .RadUpload .ruUploadFailure {
    background-position: 0 80%
}

.RadUpload_rtl .ruUploadCancelled, .RadUpload_rtl .ruUploadFailure {
    background-position: 100% 80%
}

.RadUpload .ruFileWrap .ruUploadInvalid {
    border-color: #d51923;
    color: #d51923
}

.RadUpload .ruFileProgress, .RadUpload .ruFileProgressWrap {
    display: block;
    height: 5px;
    background-repeat: repeat-x;
    background-color: transparent
}

.RadUpload .ruFileProgress {
    margin-left: -2px;
    width: 2px
}

.RadUpload_rtl .ruFileProgress {
    margin-left: 0;
    margin-right: -2px
}

.RadUpload .ruFileProgressWrap {
    margin: -3px 0 0;
    position: relative;
    width: 100%
}

* + html .RadUpload .ruFileProgressWrap {
    width: auto;
    margin-top: -4px
}

.RadUpload .ruProgressComplete, .RadUpload .ruUploadCancelled .ruFileProgressWrap, .RadUpload .ruUploadFailure .ruFileProgressWrap {
    display: none
}

.ruDropZone {
    padding: 10px;
    height: 100%;
    border: 1px solid;
    border-radius: 3px;
    font-size: 18px;
    display: none;
    left: -11px;
    top: -11px;
    z-index: 2000
}

    .ruDropZone, .ruDropZone span {
        width: 100%;
        text-align: center;
        position: absolute
    }

        .ruDropZone span {
            margin: -9px 0 0;
            height: 18px;
            line-height: 1;
            top: 50%;
            left: 0
        }

@media (-webkit-max-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) {
    .RadUpload_rtl .ruRemove {
        margin: 0 0 0 4px
    }

    .RadUpload_rtl .ruActions .ruButton {
        margin: 0 16px 0 0
    }

    .RadUpload_rtl .ruBrowse {
        margin: 0 0 0 3px
    }
}

.RadUpload_Default, .RadUpload_Default a, .RadUpload_Default input {
    font: normal 11px/10px Segoe UI,Arial,sans-serif
}

    .RadUpload_Default .ruStyled .ruFileInput {
        border-color: #abadb3
    }

    .RadUpload_Default .ruFakeInput {
        border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
        color: #333
    }

    * + html .RadUpload_Default .ruFileWrap .ruInputHover {
        border-color: #abadb3
    }

    .RadUpload_Default .ruReadOnly .ruFakeInput {
        background: #f3f3f3
    }

    .RadUpload_Default .ruButton {
        background-image: url(/WebResource.axd?d=7GfeW4t6lgZVg4ZCCuHEBHpm6ddWsMrp0dU516GCJiIhX5MRo1PpQU-3BL94TCacXUchjl4u-VRkJfsgqjHd_MtMQTADK6tMybIrtnZqQ8RWL5kb2zF4-SQyse0pUv-3I1gAPx2RMYrzlQ4X-xXom79CiA4gJgDlhJy_r3k8dGs1&t=637042236940000000);
        color: #000
    }

    .RadUpload_Default .ruRemove {
        color: #333
    }

div.RadUpload_Default .ruActions .ruButtonHover, div.RadUpload_Default .ruInputs .ruButtonHover {
    background-position: 100% -23px
}

div.RadUpload_Default .ruFileWrap .ruButtonHover {
    background-position: 100% 0
}

.RadUpload_Default .ruButton.ruButtonFocus {
    border: 1px dotted #ccc;
    background-position: -1px -1px
}

    .RadUpload_Default .ruButton.ruButtonFocus.ruButtonHover {
        border: 1px dotted #ccc;
        background-position: 64px -1px;
        background-repeat: repeat-x
    }

.RadUploadSubmit {
    background-image: url(/WebResource.axd?d=7GfeW4t6lgZVg4ZCCuHEBHpm6ddWsMrp0dU516GCJiIhX5MRo1PpQU-3BL94TCacXUchjl4u-VRkJfsgqjHd_MtMQTADK6tMybIrtnZqQ8RWL5kb2zF4-SQyse0pUv-3I1gAPx2RMYrzlQ4X-xXom79CiA4gJgDlhJy_r3k8dGs1&t=637042236940000000);
    color: #000
}

.RadUpload_Default .ruUploadInvalid {
    background-repeat: no-repeat;
    background-position: 100% -297px;
    background-image: url(/WebResource.axd?d=Lboi6zOSBbbeZFlVTNivw-ydc335daDqmPSB4nJAUfj0BHhZSDbaG-FtzO8TZfrVZHghzOPAXfSwT64fa7cUF1y_bMIZv036NIDJ4694bFdvDJR7d2r73ACcY6w2zcGbn_vBJ6iqh4G_dJY1DQ4PoO6v2qT_7ED2aQC-y7kNKw81&t=637042236940000000)
}

.RadUpload_Default_rtl .ruUploadInvalid {
    background-position: 3px -297px
}

.RadUpload_Default .ruFileProgress, .RadUpload_Default .ruFileProgressWrap {
    background-image: url(/WebResource.axd?d=JAc-l39xkxeRkU4ZnFcm1G6KF6URvz4ktDWvy1vvb59OJXCZPK-VutOQqAgizhBlFQBW0MqzRn2etcbVgPmp40S5G3PraHte414Y_80qcsWtud8Js7DgkFZBWuMEjiw2Zc21pnsdglpfrwCD5SmVU83W1EZh5Y6XT4ZIZgIW9PY1&t=637042236940000000)
}

.RadUpload_Default .ruFileProgress, .RadUpload_Default_rtl .ruFileProgressWrap {
    background-position: 0 0
}

.RadUpload_Default .ruFileProgressWrap, .RadUpload_Default_rtl .ruFileProgress {
    background-position: 100% 0
}

.RadUpload_Default .ruProgressStarted, .RadUpload_Default_rtl .ruProgressComplete {
    background-position: 0 -5px
}

.RadUpload_Default .ruProgressComplete, .RadUpload_Default_rtl .ruProgressStarted {
    background-position: 100% -5px
}

.RadUpload_Default .ruDropZone, .RadUpload_Default_rtl .ruDropZone {
    border-color: #9b9b9b;
    color: #6e6e6e;
    background-color: #eee
}

#tafegosa ._path, #tafegosa ._path1 {
    fill: #fff
}

#tafegosa ._path1 {
    fill-rule: evenodd;
    clip-rule: evenodd
}

img#MainNavTAFELogo {
    max-height: 60px;
    padding-top: 0
}

@media only screen and (max-width:992px) {
    img#MainNavTAFELogo {
        max-height: 50px
    }
}

@media (max-width:992px) {
    .navbar-default {
        height: auto;
        width: 100%
    }

    .header_inner {
        text-align: center
    }
}

.tsalogo_holder {
    position: relative;
    top: 6px;
    margin-left: 12px
}

@media only screen and (min-width:320px) {
    .tsalogo_holder {
        width: 254px;
        max-width: 254px;
        min-width: 254px;
        margin-bottom: 4px
    }
}

@media only screen and (max-width:992px) {
    .tsalogo_holder {
        margin-left: 0
    }
}

.tsalogo_holder #tafesa-group {
    fill: #fff
}

.tsalogo_holder #circle1, .tsalogo_holder #circle2, .tsalogo_holder #circle3, .tsalogo_holder #circle4 {
    opacity: 1
}

/*#navbar, .navbar-fixed-top {
    position: relative
}*/

#navbar {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
    transition: all .5s
}

.header_inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 6px;
    margin-bottom: 4px;
    height: 80px
}

    .header_inner #navbarQuickLink {
        top: 16px;
        position: relative
    }

@media only screen and (max-width:992px) {
    .header_inner #navbarQuickLink {
        top: 0
    }
}

@media only screen and (max-width:992px) {
    .header_inner {
        flex-direction: column
    }
}

.header_inner nav.navbar-header {
    float: none;
    clear: both
}

#MainMenuNavBarul, #MainNavBarQuickLinksDiv, #MainNavInnerHeaderDiv, #navbarQuickLink {
    padding-left: 0;
    padding-right: 0
}

#MainNavNavBarHeaderDiv {
    padding: 0
}

#MainMenuNavBarul {
    display: flex;
    flex-direction: row;
    align-items: center
}

    #MainMenuNavBarul li a {
        font-weight: 600
    }

@media only screen and (min-width:320px) {
    #MainMenuNavBarul li a {
        font-size: 10px;
        padding: 0 5px;
        border-right: 0
    }
}

@media only screen and (min-width:768px) {
    #MainMenuNavBarul li a {
        border-right: 1px solid #ededed;
        padding: 0 6px
    }
}

@media only screen and (min-width:1200px) {
    #MainMenuNavBarul li a {
        font-size: 10px;
        padding: 0 5px
    }
}

@media only screen and (min-width:1303px) {
    #MainMenuNavBarul li a {
        font-size: 12px;
        padding: 0 9px
    }
}

@media only screen and (max-width:992px) {
    #MainMenuNavBarul {
        width: 100%;
        justify-content: space-evenly;
        align-items: center
    }
}

._navbar-header {
    display: none
}

@media only screen and (max-width:992px) {
    ._navbar-header {
        display: block;
        margin: 0 12px
    }
}

#navbarHeader ._container {
    margin-right: 15px;
    margin-left: 15px
}

@media only screen and (max-width:992px) {
    #navbarHeader ._container {
        margin-right: 7px;
        margin-left: 7px
    }
}

@media only screen and (max-width:480px) {
    #navbarHeader ._container {
        margin-right: 0;
        margin-left: 0
    }
}

#navbarHeader ._container .row {
    margin-right: 0;
    margin-left: 0
}

#MainNavInnerHeaderDiv, #navbarQuickLink {
    width: 100%;
    height: auto
}

@media only screen and (max-width:768px) {
    #MainNavInnerHeaderDiv, #navbarQuickLink {
        height: auto;
        width: 100%
    }
}

@media only screen and (max-width:992px) {
    #MainNavBarQuickLinksDiv, #navbarQuickLink {
        width: auto
    }

    #MainMenuNavBarul {
        width: auto;
        float: none;
        clear: both
    }
}

@media only screen and (max-width:768px) {
    #MainNavBarQuickLinksDiv, #navbarQuickLink {
        width: 100%
    }
}

#MainNavNavBarHeaderDiv {
    width: auto;
    text-align: left
}

#navbarNavigation .container {
    width: auto
}

@media only screen and (max-width:992px) {
    #navbarNavigation .container {
        flex-direction: row-reverse;
        display: flex;
        align-items: flex-start
    }
}

.main-nav {
    background-color: #333;
    height: 50px
}

@media only screen and (max-width:992px) {
    .main-nav {
        height: 0
    }
}

@media only screen and (max-width:768px) {
    .main-nav {
        height: 0
    }
}

.main-nav .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    padding: 0;
    justify-content: center
}

    .main-nav .container .navbar-collapse {
        flex-grow: 1
    }

@media only screen and (max-width:992px) {
    .main-nav .container .navbar-collapse {
        flex-grow: 0;
        flex-grow: 1;
        align-items: flex-start;
        text-align: center;
        margin-right: 0
    }
}

.main-nav .container .navbar-collapse.in {
    background-color: rgba(68,68,68,.98);
    height: 100vh;
    overflow-y: scroll;
    min-height: 100vh;
    overflow: visible;
    padding: 0 0 0 20px
}

    .main-nav .container .navbar-collapse.in ul.navbar-nav {
        width: 100%
    }

@media only screen and (max-width:992px) {
    .main-nav .container .navbar-collapse.in ul.navbar-nav {
        width: calc(100% + 15px);
        margin: 0 0 0 -15px;
        background-color: rgba(68,68,68,.98)
    }
}

.main-nav .container .navbar-collapse.in ul.navbar-nav ul.dropdown-menu {
    text-align: center;
    box-shadow: none
}

@media only screen and (max-width:992px) {
    .main-nav .container .navbar-collapse.in ul.navbar-nav ul.dropdown-menu {
        background: #444;
        width: 100%
    }
}

@media only screen and (max-width:992px) {
    .main-nav .navbar-nav, .main-nav .navbar-nav li {
        float: none
    }
}

.main-nav .nav {
    display: inline-block
}

    .main-nav .nav .nav-item {
        transition: all .2s ease-in-out
    }

        .main-nav .nav .nav-item a {
            padding: 17px 30px 0;
            height: 50px;
            letter-spacing: 1px
        }

            .main-nav .nav .nav-item a:hover {
                background: #444
            }

@media only screen and (max-width:1200px) {
    .main-nav .nav .nav-item a {
        padding: 17px 18px 0 30px
    }
}

@media only screen and (max-width:1100px) {
    .main-nav .nav .nav-item a {
        padding: 17px 8px 0
    }
}

@media only screen and (max-width:992px) {
    .main-nav .nav .nav-item a {
        padding: 13px 5px 0;
        font-size: 12px;
        height: 40px;
        height: 50px;
        width: 100%;
        padding: 18px 5px 0
    }
}

@media only screen and (max-width:992px) {
    .main-nav .nav .nav-item a:hover {
        background: #333
    }
}

@media only screen and (max-width:992px) {
    .main-nav .nav .nav-item a.first-level {
        font-size: 20px !important
    }

    .main-nav .nav .nav-item .menu_h1 a {
        font-size: 18px !important
    }

    .main-nav .nav .nav-item .dropdown-menu .nav-item a {
        font-size: 16px !important
    }
}

@media only screen and (max-width:768px) {
    .main-nav .nav .nav-item .first-level {
        font-size: 18px
    }
}

.main-nav .nav .nav-item .dropdown-menu {
    background: #444;
    padding-bottom: 12px;
    transform: translate3d(0,-1px,0) !important
}

    .main-nav .nav .nav-item .dropdown-menu li.nav-item {
        height: 30px
    }

        .main-nav .nav .nav-item .dropdown-menu li.nav-item a {
            border-bottom: none;
            height: 30px;
            transition: all .1s ease-in;
            line-height: 1
        }

@media only screen and (max-width:992px) {
    .main-nav .nav .nav-item .dropdown-menu li.nav-item a {
        line-height: 1.5;
        padding: 10px 0;
        height: 40px
    }
}

.main-nav .nav .nav-item .dropdown-menu li.nav-item a:hover {
    background: #333;
    padding-left: 20px
}

@media only screen and (max-width:992px) {
    .main-nav .nav .nav-item .dropdown-menu li.nav-item a:hover {
        background: #444;
        padding: 10px 0
    }
}

.main-nav .nav .nav-item .dropdown-menu li.nav-item a:focus {
    background: #333
}

@media only screen and (max-width:992px) {
    .main-nav .nav .nav-item .dropdown-menu li.nav-item {
        height: 40px
    }
}

.main-nav .nav .nav-item .dropdown-menu .menu_h1 {
    margin-top: 19px;
    margin-bottom: 13px;
    font-size: 15px;
    color: #fff;
    text-align: center
}

@media only screen and (max-width:992px) {
    .main-nav .nav .nav-item .dropdown-menu .menu_h1 {
        margin-top: 0;
        padding-top: 19px;
        margin-bottom: 0;
        padding-bottom: 13px;
        background-color: #333
    }
}

.main-nav .nav .nav-item .dropdown-menu .menu_h1 a, .main-nav .nav .nav-item .dropdown-menu .menu_h1 a:hover {
    background: none;
    padding: 0;
    text-decoration: none;
    border-bottom: none
}

.main-nav .nav .nav-item .dropdown-menu .menu_hr {
    margin: 0;
    border-top: 1px solid #505050
}

.main-nav .nav .nav-item.open a {
    background: #444
}

    .main-nav .nav .nav-item.open a i {
        transform: rotate(180deg);
        transition: all .2s ease-in-out
    }

@media only screen and (max-width:992px) {
    .main-nav .nav .nav-item.open a {
        background: #333
    }
}

@media only screen and (max-width:992px) {
    .main-nav .nav .nav-item.open a ul.dropdown-menu > li > a:hover {
        background: #444;
        padding: 0;
        margin: 10px 0
    }
}

@media only screen and (max-width:992px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none
    }
}

.nav-item.open .mainMenuItem {
    background: #444
}

    .nav-item.open .mainMenuItem i {
        transform: rotate(180deg);
        transition: all .2s ease-in-out
    }

    .nav-item.open .mainMenuItem ul.dropdown-menu > li > a:hover {
        background: #444;
        padding: 0;
        margin: 10px 0
    }

.nav > li > a:focus {
    background: #333
}

.main-nav ul li a:only-of-type {
    font-size: 14px
}

.custom-search-box {
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    transition: all .1s ease-in-out
}

@media only screen and (max-width:1200px) {
    .custom-search-box {
        display: none
    }
}

#mainNav1_searchBox fieldset input:first-child {
    width: 200px;
    background-color: #be1428;
    border-bottom: 1px solid #f2f2f2;
    padding-left: 4px;
    font-size: 14px
}

    #mainNav1_searchBox fieldset input:first-child::-moz-placeholder {
        color: #f2f2f2
    }

    #mainNav1_searchBox fieldset input:first-child::placeholder {
        color: #f2f2f2
    }

    #mainNav1_searchBox fieldset input:first-child:focus {
        background-color: #f2f2f2;
        opacity: 1
    }

        #mainNav1_searchBox fieldset input:first-child:focus::-moz-placeholder {
            color: #ab1224
        }

        #mainNav1_searchBox fieldset input:first-child:focus::placeholder {
            color: #ab1224
        }

ul.ui-autocomplete li.ui-menu-item {
    text-align: left;
    font-size: 15px;
    line-height: 1
}

    ul.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper {
        position: relative;
        padding: 9px 1em 9px .4em;
        font-size: 15px;
        line-height: 1
    }

.sfsearchBox .sfsearchSubmit {
    background-color: transparent;
    background-image: url(/img/assets/headerMenu/search.svg);
    height: 32px;
    width: 32px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0
}

    .sfsearchBox .sfsearchSubmit:hover {
        background-color: #fff;
        background-position-y: 100%
    }

.custom-search-box.show_search .sfsearchBox .sfsearchSubmit {
    background-image: url(/img/assets/headerMenu/search_grey.svg)
}

    .custom-search-box.show_search .sfsearchBox .sfsearchSubmit:hover {
        background-color: #fff;
        background-position-y: 100%
    }

.custom-search-box.show_search {
    display: block;
    position: absolute;
    top: 58px;
    background: #333;
    z-index: 9999
}

    .custom-search-box.show_search:before {
        content: "";
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 24px solid #333;
        width: 0;
        height: 0;
        top: -55px;
        right: 51px;
        position: relative
    }

@media only screen and (max-width:1200px) {
    .custom-search-box.show_search #mainNav1_searchBox fieldset input:first-child {
        background-color: #333
    }

        .custom-search-box.show_search #mainNav1_searchBox fieldset input:first-child::-moz-placeholder {
            color: #fff
        }

        .custom-search-box.show_search #mainNav1_searchBox fieldset input:first-child::placeholder {
            color: #fff
        }

        .custom-search-box.show_search #mainNav1_searchBox fieldset input:first-child:focus {
            background-color: #f2f2f2
        }

            .custom-search-box.show_search #mainNav1_searchBox fieldset input:first-child:focus::-moz-placeholder {
                color: #333
            }

            .custom-search-box.show_search #mainNav1_searchBox fieldset input:first-child:focus::placeholder {
                color: #333
            }
}

@media only screen and (max-width:1200px) {
    .custom-search-box.show_search {
        top: 107px;
        right: 5%;
        padding: 24px
    }
}

@media only screen and (max-width:992px) {
    .custom-search-box.show_search {
        top: 90px;
        right: 4%
    }
}

@media only screen and (max-width:768px) {
    .custom-search-box.show_search {
        top: 58px;
        right: auto;
        padding: 24px
    }
}

@media only screen and (max-width:480px) {
    .custom-search-box.show_search {
        padding: 18px 24px 28px
    }
}

.search_modal_trigger {
    background-image: url(/img/assets/headerMenu/search.svg);
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    display: none;
    cursor: pointer;
    margin: 0 12px;
    background-size: 100%
}

    .search_modal_trigger:hover {
        background-position-y: 100%;
        background-color: #fff
    }

@media only screen and (max-width:1200px) {
    .search_modal_trigger {
        display: block;
        height: 22px;
        width: 22px
    }
}

@media only screen and (max-width:992px) {
    .search_modal_trigger {
        height: 20px;
        width: 20px;
        background-size: 20px
    }
}

.search_modal_trigger.change_icon {
    background-image: url(/img/assets/headerMenu/close.svg)
}

button.shopping-cart .cart_icon_holder {
    background-image: url(/Images/cart.svg);
    height: 32px;
    position: relative;
    background-repeat: no-repeat;
    width: 32px;
    display: inline-block
}

@media only screen and (max-width:992px) {
    button.shopping-cart .cart_icon_holder {
        height: 20px;
        width: 20px;
        background-size: 20px
    }
}

@media only screen and (max-width:992px) {
    button.shopping-cart {
        padding: 2px
    }
}

button.shopping-cart:hover {
    background-color: #fff
}

    button.shopping-cart:hover .cart_icon_holder {
        background-position-y: 100%
    }

@media only screen and (max-width:992px) {
    button.shopping-cart:hover {
        padding: 2px
    }
}

button.shopping-cart .cart_quantity_holder {
    display: inline;
    position: relative;
    top: -9px
}

@media only screen and (max-width:992px) {
    button.shopping-cart .cart_quantity_holder {
        top: -3px
    }
}

@media (max-width:992px) {
    .navbar-header {
        float: none
    }

    .navbar-left, .navbar-right {
        float: none !important
    }

    .navbar-toggle {
        display: block
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1)
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
        position: fixed !important;
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px
    }

        .navbar-nav > li {
            float: none
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px
            }

    .collapse.in {
        display: block !important
    }
}

.nav_fs-wrapper {
    position: fixed;
    top: 0;
    z-index: 10003;
    width: 100vw;
    height: 100vh;
    background-color: #333;
    color: #fff;
    padding: 40px;
    overflow: auto
}

.cta_button {
    background-color: #be1428;
    width: 270px;
    border: 1px solid #fff;
    padding: 10px 65px;
    border-radius: 3px;
    color: #fff !important;
    font-size: 18px !important;
    margin: 16px 0
}

    .cta_button:hover {
        background-color: transparent;
        text-decoration: none
    }

.cta_wrapper.mobile {
    height: 110px
}

    .cta_wrapper.mobile .cta_image-holder img {
        display: none
    }

    .cta_wrapper.mobile .cta_inner {
        top: 15%
    }

        .cta_wrapper.mobile .cta_inner .cta_inner-content-holder {
            width: 100%;
            left: 8%
        }

.carousel-cell {
    width: 100%;
    height: 300px;
    padding: 16px 120px
}

    .carousel-cell img {
        max-height: 100px;
        width: auto;
        margin-right: 60px
    }

    .carousel-cell .testimonial_content {
        overflow: hidden;
        position: relative;
        line-height: 1.2em;
        max-height: 3.6em;
        text-align: justify;
        margin-right: -1em;
        padding-right: 1em
    }

        .carousel-cell .testimonial_content:before {
            content: "...";
            position: absolute;
            right: 0;
            left: 0
        }

        .carousel-cell .testimonial_content:after {
            content: "";
            position: absolute;
            right: 0;
            width: 1em;
            height: 1em;
            margin-top: .2em;
            background: #fff
        }

.help-fee_wrapepr {
    min-height: 310px
}

.help-fee_flex {
    display: flex;
    flex-direction: row
}

@media only screen and (max-width:992px) {
    .help-fee_flex {
        flex-direction: column
    }
}

.help-fee_flex .help-fee_item {
    flex-basis: 0;
    flex-grow: 1;
    padding: 0 14px
}

p.course-codes {
    color: #6d6d6d
}

    p.course-codes span {
        margin-right: 16px;
        color: #000
    }

.cp_icon {
    height: 23px;
    width: auto
}

.cp_footer.cp_content-row {
    display: inline-block
}

.cp_content-row.top-row {
    margin-top: 0;
    margin-bottom: 0
}

#background {
    background-size: cover;
    height: 350px;
    width: auto;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: 50%
}

@media only screen and (min-width:768px) {
    #background {
        top: 73px;
        position: relative
    }
}

#background-body {
    background-size: cover;
    height: 350px;
    width: auto;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: 50%
}

@media only screen and (min-width:768px) {
    #background-body {
        position: relative
    }
}

h2.cp_heading a.tooltips {
    margin: 0 16px
}

h2.heading_half-row {
    padding: 0 !important
}

svg .link-ico {
    fill: #be1428
}

.solid-background {
    background-color: #ececec;
    display: inline-block;
    padding-bottom: 16px;
    margin-top: 32px
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap
}

    .row-eq-height > [class*=col-] {
        display: flex;
        flex-direction: column
    }

.cp_icon-footer__phone {
    fill: #000
}

    .cp_icon-footer__phone:active, .cp_icon-footer__phone:hover {
        fill: #be1428
    }

.contactInfo {
    list-style: none;
    list-style-type: none !important
}

.contactInfo, .cp_form-wrapper {
    padding: 0 !important
}

#cp_form input, #cp_form textarea, #enq_form input, #enq_form textarea, .inherit_form_style input, .inherit_form_style textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #eee;
    box-shadow: none
}

    #cp_form input::-moz-placeholder, #cp_form textarea::-moz-placeholder, #enq_form input::-moz-placeholder, #enq_form textarea::-moz-placeholder, .inherit_form_style input::-moz-placeholder, .inherit_form_style textarea::-moz-placeholder {
        color: #bebebe
    }

    #cp_form input::placeholder, #cp_form textarea::placeholder, #enq_form input::placeholder, #enq_form textarea::placeholder, .inherit_form_style input::placeholder, .inherit_form_style textarea::placeholder {
        color: #bebebe
    }

    #cp_form input.contact_textarea, #cp_form textarea, #enq_form input.contact_textarea, #enq_form textarea, .inherit_form_style input.contact_textarea, .inherit_form_style textarea {
        height: 80px;
        min-height: 80px;
        max-width: 100%
    }

        #cp_form input.contact_textarea::-moz-placeholder, #cp_form textarea::-moz-placeholder, #enq_form input.contact_textarea::-moz-placeholder, #enq_form textarea::-moz-placeholder, .inherit_form_style input.contact_textarea::-moz-placeholder, .inherit_form_style textarea::-moz-placeholder {
            top: 0
        }

        #cp_form input.contact_textarea::placeholder, #cp_form textarea::placeholder, #enq_form input.contact_textarea::placeholder, #enq_form textarea::placeholder, .inherit_form_style input.contact_textarea::placeholder, .inherit_form_style textarea::placeholder {
            top: 0
        }

#cp_form label, #enq_form label, .inherit_form_style label {
    color: #6d6d6d;
    margin-bottom: 0;
    margin-top: 8px;
    font-weight: 400
}

#cp_form button[type=submit], #cp_form input[type=submit], #enq_form button[type=submit], #enq_form input[type=submit], .inherit_form_style button[type=submit], .inherit_form_style input[type=submit] {
    width: 25%;
    background-color: #be1428;
    color: #fff !important;
    border: 1px solid #be1428;
    box-shadow: 1px 1px 3px #8e0617;
    margin: 24px 16px 16px 0;
    padding: 8px
}

@media (max-width:767px) {
    #cp_form button[type=submit], #cp_form input[type=submit], #enq_form button[type=submit], #enq_form input[type=submit], .inherit_form_style button[type=submit], .inherit_form_style input[type=submit] {
        width: 30%;
        margin: 0 4px 0 0
    }
}

#cp_form button[type=submit]:hover, #cp_form input[type=submit]:hover, #enq_form button[type=submit]:hover, #enq_form input[type=submit]:hover, .inherit_form_style button[type=submit]:hover, .inherit_form_style input[type=submit]:hover {
    top: 1px;
    left: 1px;
    position: relative;
    box-shadow: none
}

.cp_content-row.lhs-grey {
    background-color: #f2f2f2;
    padding: 15px;
    display: inline-block
}

p.international-application {
    margin: 16px 0
}

.sidebar-watermark {
    display: block
}

    .sidebar-watermark p {
        color: #f2f2f2
    }

.pathways_wrapper {
    display: flex;
    align-items: center
}

    .pathways_wrapper .pathways-block {
        text-align: center
    }

        .pathways_wrapper .pathways-block h2, .pathways_wrapper .pathways-block p {
            text-align: left
        }

        .pathways_wrapper .pathways-block img {
            text-align: center;
            max-width: 350px
        }

@media only screen and (max-width:480px) {
    .pathways_wrapper .pathways-block img {
        max-width: 100%
    }
}

.cp_form-success, .enq_form-success {
    color: #01bc01 !important;
    text-align: center
}

.cp_success-hide, .enq_success-hide {
    display: none
}

.cp_form-fail, .enq_form-fail {
    color: #ff4500 !important
}

.cp_fail-hide, .enq_fail-hide {
    display: none
}

.intake_tab-wrapper {
    margin-top: 32px;
    border-bottom: 1px solid #be1428
}

    .intake_tab-wrapper a.intake_tab {
        color: #505050;
        border-top: 1px solid #bbb;
        border-right: 1px solid #bbb;
        border-left: 1px solid #bbb;
        background-color: #f5f5f5;
        height: 50px;
        width: 19%;
        text-align: center;
        font-size: 16px;
        line-height: 44px;
        display: inline-block;
        margin-right: 8px;
        font-weight: 700;
        border-radius: 5px 5px 0 0;
        text-decoration: none !important
    }

        .intake_tab-wrapper a.intake_tab:first-child {
            margin-left: 16px
        }

@media only screen and (max-width:480px) {
    .intake_tab-wrapper a.intake_tab:first-child {
        margin: 0
    }
}

.intake_tab-wrapper a.intake_tab:hover {
    position: relative;
    top: 1px;
    left: 1px;
    color: #fff;
    background-color: #be1428;
    border-top: 1px solid #be1428;
    border-right: 1px solid #be1428;
    border-left: 1px solid #be1428
}

@media only screen and (max-width:992px) {
    .intake_tab-wrapper a.intake_tab {
        width: 25%;
        line-height: 3;
        font-size: 13px
    }
}

@media only screen and (max-width:480px) {
    .intake_tab-wrapper a.intake_tab {
        width: 32%;
        line-height: 4;
        font-size: 10px;
        margin: 0
    }
}

a.intake_tab.active {
    color: #be1428;
    background-color: #fff;
    height: 50px;
    z-index: 999;
    top: 1px
}

    a.intake_tab.active, a.intake_tab.active:hover {
        border-top: 1px solid #be1428;
        border-right: 1px solid #be1428;
        border-left: 1px solid #be1428;
        position: relative
    }

        a.intake_tab.active:hover {
            color: #fff;
            background-color: #be1428;
            top: 0;
            left: 0
        }

a.tab_adjuster {
    line-height: 16px !important;
    padding-top: 10px !important
}

    a.tab_adjuster, a.tab_adjuster:hover {
        position: relative !important;
        top: 12px !important
    }

@media only screen and (max-width:992px) {
    a.tab_adjuster:hover {
        top: 12px !important
    }
}

@media only screen and (max-width:480px) {
    a.tab_adjuster:hover {
        top: 11px !important
    }
}

@media only screen and (max-width:992px) {
    a.tab_adjuster {
        top: 12px !important
    }
}

@media only screen and (max-width:480px) {
    a.tab_adjuster {
        top: 11px !important
    }
}

a.tab_adjuster.active {
    top: 13px !important
}

    a.tab_adjuster.active.only_tab_fix {
        top: 1px !important
    }

.cp_video-holder {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

    .cp_video-holder iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.marketing_wrapper .row .col-md-6 {
    padding-right: 0;
    padding-left: 0
}

    .marketing_wrapper .row .col-md-6 h3, .marketing_wrapper .row .col-md-6 p {
        padding-right: 15px;
        padding-left: 15px
    }

.cp_feesTable-row > .cp_cell:first-child:not(#duration) {
    line-height: 14px
}

.cp_table-wrapper.cp_feesTable {
    display: flex
}

@media only screen and (max-width:480px) {
    .cp_table-wrapper.cp_feesTable {
        display: none
    }
}

.divTable {
    display: none;
    width: 100%
}

@media only screen and (max-width:480px) {
    .divTable {
        display: table
    }
}

.divTableRow {
    display: table-row;
    vertical-align: middle;
    height: 76px
}

.divTableCell, .divTableHead {
    display: table-cell
}

.divTableCell {
    text-align: center;
    vertical-align: middle
}

.divTableRow .divTableCell:not(.heading_col) {
    width: 50px;
    table-layout: fixed
}

.heading_col {
    font-weight: 700;
    background-color: #f5f5f5;
    font-size: 12px;
    max-width: 50px
}

.heading_row-top {
    line-height: 15px;
    font-size: 12px
}

    .heading_row-top .divTableCell {
        vertical-align: bottom
    }

.divTableHeading {
    display: table-header-group;
    font-weight: 700
}

.divTableBody {
    display: table-row-group
}

#careerGroup {
    margin: 0
}

.guide-pdf img {
    width: 221px
}

object.icon_stats {
    width: 180px;
    margin: 32px
}

.studystats {
    text-align: center
}

    .studystats div:nth-child(2) {
        margin-bottom: 32px
    }

    .studystats span.stat-number {
        font-size: 64px;
        font-weight: 700;
        display: block
    }

    .studystats span.stat-copy {
        font-size: 18px
    }

.show_mob {
    display: none
}

@media only screen and (max-width:480px) {
    .show_mob {
        display: block;
        height: 1px
    }
}

#content .half_img-row {
    padding-right: 16px
}

@media only screen and (max-width:992px) {
    .mob_hide {
        display: none
    }
}

.int_block .pathways-block:first-child {
    margin-bottom: 32px
}

.footer_container {
    margin-top: 64px
}

@media only screen and (max-width:480px) {
    .footer_container {
        padding-top: 64px
    }
}

.image_half-buffer {
    margin-bottom: 105px !important
}

.des_half-buffer {
    padding-right: 32px !important
}

a.funded_link-resize {
    font-size: 1px
}

@media only screen and (max-width:768px) {
    .cp_heading a.tooltips, a.tooltips span {
        display: none
    }
}

input#honey {
    height: 1px;
    width: 1px;
    opacity: 0;
    padding: 0
}

input#cp_message, input#enq_message {
    margin-bottom: 30px
}

.modal-dialog {
    margin: 12px auto
}

.modal-title {
    display: inline-block
}

.faux-content {
    width: 170px;
    margin: 5px
}

.btn_cp {
    line-height: 44px;
    width: 170px;
    display: block;
    text-align: center;
    font-weight: 700;
    border-radius: 0;
    transition: ease-in-out;
    display: inline-block
}

    .btn_cp, .btn_cp:hover {
        text-decoration: none !important
    }

@media only screen and (min-width:320px) {
    .btn_cp {
        width: 180px
    }
}

@media only screen and (min-width:480px) {
    .btn_cp {
        width: 180px
    }
}

@media only screen and (min-width:768px) {
    .btn_cp {
        width: 123px
    }
}

@media only screen and (min-width:992px) {
    .btn_cp {
        width: 180px
    }
}

.btn_subs-cspa {
    background-color: #fff;
    color: #12872a !important;
    border: 1px solid #12872a;
    border-radius: 8px;
    font-family: Poppins;
    font-weight: 600;
    text-decoration: none !important
}

.btn_cp.btn_applynow {
    background-color: #12872a;
    color: #fff !important;
    border: 1px solid #12872a
}

    .btn_cp.btn_applynow:hover {
        background-color: #1caa39;
        color: #fff !important;
        border: 1px solid #1caa39;
        position: relative
    }

        .btn_cp.btn_applynow:hover i {
            color: #fff !important
        }

.btn_cp.closed {
    border: 1px solid #12872a;
    min-width: 200px !important
}

    .btn_cp.closed, .btn_cp.closed:hover {
        background-color: #fff;
        color: #12872a !important
    }

.btn_cp.btn_registerinterest {
    background-color: #12872a;
    color: #fff !important;
    border: 1px solid #12872a
}

    .btn_cp.btn_registerinterest:hover {
        background-color: #fff;
        color: #12872a !important
    }

.btn_cp.btn_subsidisedeligibility {
    background-color: #12872a;
    color: #fff !important;
    border: 1px solid #12872a
}

    .btn_cp.btn_subsidisedeligibility:hover {
        background-color: #fff;
        color: #12872a !important
    }

.btn_cp.btn_jobtrainereligibility {
    background-color: #12872a;
    color: #fff !important;
    border: 1px solid #12872a
}

    .btn_cp.btn_jobtrainereligibility:hover {
        background-color: #fff;
        color: #12872a !important
    }

.btn_cp.btn_expand {
    line-height: 24px;
    width: 140px;
    background-color: #f5f5f5;
    color: #6d6d6d;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px #f2f2f2;
    margin: 16px 0;
    position: relative;
    left: 100%;
    transform: translateX(-100%)
}

    .btn_cp.btn_expand:hover, .btn_cp.btn_expand:hover:after {
        color: #be1428
    }

    .btn_cp.btn_expand:after {
        content: "\f054";
        font-family: FontAwesome;
        margin-left: 11px;
        color: #6d6d6d;
        font-size: 12px;
        transform: rotate(90deg);
        transition: all .2s ease-out;
        display: inline-block
    }

.btn_cp.btn_startyr {
    background-color: #be1428;
    color: #fff !important;
    border: 1px solid #be1428;
    box-shadow: 1px 1px 3px #8e0617;
    margin-right: 16px
}

    .btn_cp.btn_startyr:hover {
        top: 1px;
        left: 1px;
        position: relative;
        box-shadow: none
    }

        .btn_cp.btn_startyr:hover:after {
            transform: rotate(0)
        }

    .btn_cp.btn_startyr:after {
        content: "▼";
        padding: 2px;
        font-size: 18px;
        transform: rotate(-90deg);
        transition: all .2s ease-out;
        display: inline-block
    }

.btn_cp.btn_courseType {
    background-color: #be1428;
    color: #fff !important;
    border: 1px solid #be1428;
    box-shadow: 1px 1px 3px #8e0617;
    margin: 16px 16px 16px 0
}

@media (max-width:767px) {
    .btn_cp.btn_courseType {
        width: 30%;
        margin: 0 4px 0 0
    }
}

.btn_cp.active, .btn_cp.btn_courseType:hover {
    top: 1px;
    left: 1px;
    position: relative;
    box-shadow: none
}

.btn_cp.active {
    background-color: #fff;
    color: #be1428 !important;
    border: 1px solid #be1428;
    cursor: auto
}

    .btn_cp.active:hover {
        background-color: #be1428;
        color: #fff !important
    }

.btn_cp.btn_startyr.active:after {
    transform: rotate(90deg)
}

.modal-footer a.active {
    margin-right: 45px
}

.hide {
    display: none
}

.btn_cp.btn_enq-now {
    background-color: #be1428;
    color: #fff !important;
    border: 1px solid #be1428;
    margin-right: 16px
}

    .btn_cp.btn_enq-now:hover {
        color: #be1428 !important;
        background-color: #fff !important;
        text-decoration: none !important
    }

button.btn_startyr {
    margin: 16px 8px
}

@media only screen and (max-width:480px) {
    .international-application .btn_cp {
        margin: 16px 0
    }
}

.vet_btn {
    margin: 32px 0 0
}

.cp_table-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.cp_summary {
    border-bottom: 1px solid #eee
}

.cp_table_row {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 45px
}

    .cp_table_row .cp_cell, .cp_table_row .vet_cell {
        width: 100%;
        padding: 12px 0;
        text-align: center;
        min-height: 52px
    }

@media (max-width:767px) {
    .cp_table_row {
        height: auto
    }
}

.cp_cd_row {
    margin: 4px 0
}

    .cp_cd_row .cp_cell {
        padding: 12px 0
    }

        .cp_cd_row .cp_cell p {
            margin: 0
        }

        .cp_cd_row .cp_cell:first-child {
            text-align: left;
            padding-left: 8px
        }

        .cp_cd_row .cp_cell:last-child {
            border: none;
            padding: 0
        }

@media (max-width:768px) {
    .cp_cd_row .cp_cell:last-child {
        width: 70%
    }
}

.cp_cd_row .cp_cell:last-child a {
    margin: 5px
}

.cp_cd_row .cp_cell .vet_cell {
    padding: 12px 0
}

    .cp_cd_row .cp_cell .vet_cell p {
        margin: 0
    }

@media (max-width:767px) {
    .cp_cd_row {
        flex-wrap: wrap;
        flex-direction: row
    }

        .cp_cd_row .cp_cell, .cp_cd_row .vet_cell {
            width: 20%;
            height: 50px;
            line-height: 14px
        }

            .cp_cd_row .cp_cell:last-child {
                flex-basis: 100%;
                margin-bottom: 16px
            }

                .cp_cd_row .cp_cell:last-child a {
                    width: 60%
                }
}

@media (max-width:480px) {
    .cp_cd_row .cp_cell:first-child {
        line-height: 14px;
        width: 34%
    }
}

.cp_cell.align-R {
    text-align: right;
    margin-right: 16px;
    flex-shrink: 5 !important
}

.cp_cell.align-L {
    text-align: left !important;
    padding: 12px 0 !important
}

    .cp_cell.align-L br {
        display: none
    }

.heading_row .cp_cell {
    background-color: #f5f5f5;
    line-height: 46px;
    font-weight: 700
}

@media only screen and (max-width:992px) {
    .heading_row .cp_cell:first-child {
        line-height: 1;
        top: 6px;
        position: relative
    }
}

@media only screen and (max-width:992px) {
    .heading_row .cp_cell {
        line-height: 2
    }
}

@media only screen and (max-width:768px) {
    .heading_row .cp_cell {
        line-height: 1;
        position: relative;
        top: 6px
    }
}

.heading_row .cp_spacer {
    border: none;
    height: 100%
}

@media (max-width:767px) {
    .heading_row .cp_spacer {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .cp_cell > .note {
        display: none
    }
}

@media (max-width:768px) {
    .cp_table-wrapper.cp_summary {
        flex-direction: row
    }
}

@media (max-width:768px) {
    .cp_table-wrapper.cp_summary .cp_table_row {
        flex-direction: column;
        justify-content: normal;
        width: 47%;
        height: auto !important
    }
}

.icon_img {
    height: 22px;
    width: auto;
    margin-right: 8px
}

@media (max-width:350px) {
    .icon_img {
        height: 12px
    }
}

@media only screen and (max-width:768px) {
    .icon_img {
        height: 16px
    }
}

.cp_cell a, a.cp_link {
    text-decoration: none
}

a.cp_link {
    color: #be1428
}

    a.cp_link:hover {
        color: #f90218
    }

#cp_table-toggle {
    color: #be1428;
    text-align: center;
    font-size: 18px;
    position: relative;
    line-height: 14px;
    margin-right: 12px
}

    #cp_table-toggle:hover {
        cursor: pointer
    }

.cp_table_sc-panel-content .cp_cell {
    background-color: #fff
}

.cp_table_sc-panel-content.cp_table_row, .cp_table_sc-panel-heading.heading_row {
    justify-content: start
}

.cp_content-row {
    margin-bottom: 32px
}

.brochure-notes, .courseYear, .cp_content-row, .employee-outcome, .helpWithFees, .howToApply, .int_testimonials, .margin-btm_zero, .sc_table_sc-panel, .sc_table_sc-panel-content, .sc_table_sc-panel-content.col-sm-12, .sc_table_sc-panel-content.col-xs-12, .sc_table_sc-panel-heading, .sc_table_sc-panel-heading.col-sm-12, .sc_table_sc-panel-heading.col-xs-12, .sc_table_sc-panel.col-sm-12, .sc_table_sc-panel.col-xs-12, .study_selector, .testimonials, .vocational-placement {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0
}

.del_row {
    padding-right: 0;
    padding-left: 0
}

#testimonial-heading, .additional_files, .credit_transfer, .employee-outcomes, .int_block, .margin-btm_zero, .marketing_api, .packaged_offer, .pathways-block, .related_course, .vocational-placement {
    margin-bottom: 0 !important
}

.cp_tabs-wrapper ul, .cp_tabs-wrapper ul li, .sc_summary-wrapper ul, .sc_summary-wrapper ul li {
    padding: 0
}

    .cp_tabs-wrapper ul.nav-pills, .sc_summary-wrapper ul.nav-pills {
        margin-top: 32px
    }

        .cp_tabs-wrapper ul.nav-pills li:first-child, .sc_summary-wrapper ul.nav-pills li:first-child {
            margin-left: 16px
        }

        .cp_tabs-wrapper ul.nav-pills li a, .sc_summary-wrapper ul.nav-pills li a {
            color: #505050;
            border-top: 1px solid #bbb;
            border-right: 1px solid #bbb;
            border-left: 1px solid #bbb;
            background-color: #f5f5f5;
            height: 50px;
            width: 100%;
            text-align: center;
            font-size: 16px;
            display: inline-block;
            font-weight: 700;
            border-radius: 5px 5px 0 0;
            text-decoration: none;
            line-height: 25px;
            padding-left: 25px;
            padding-right: 25px
        }

            .cp_tabs-wrapper ul.nav-pills li a:hover, .sc_summary-wrapper ul.nav-pills li a:hover {
                position: relative;
                top: 1px;
                left: 1px;
                color: #fff;
                background-color: #be1428;
                border-top: 1px solid #be1428;
                border-right: 1px solid #be1428;
                border-left: 1px solid #be1428
            }

@media only screen and (max-width:480px) {
    .cp_tabs-wrapper ul.nav-pills li a, .sc_summary-wrapper ul.nav-pills li a {
        width: 40%
    }
}

.cp_tabs-wrapper ul.nav-pills > li.active a, .sc_summary-wrapper ul.nav-pills > li.active a {
    color: #be1428;
    border: 1px solid #be1428;
    border-bottom: 6px solid #fff;
    background-color: #fff;
    height: 50px;
    z-index: 999;
    position: relative;
    top: 2px
}

    .cp_tabs-wrapper ul.nav-pills > li.active a:hover, .sc_summary-wrapper ul.nav-pills > li.active a:hover {
        color: #fff;
        border: 1px solid #be1428;
        border-bottom: none;
        background-color: #be1428;
        position: relative;
        top: 0;
        left: 0
    }

.cp_tabs-wrapper .nav-pills > li + li, .sc_summary-wrapper .nav-pills > li + li {
    margin-left: 10px
}

.sc_summary-wrapper .tab-content {
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 36px
}

.sc_table-wrapper > div {
    padding-left: 0;
    padding-right: 0
}

.sc_table_row.heading_row {
    font-weight: 700;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    cursor: pointer
}

    .sc_table_row.heading_row .sc_cell {
        width: 20%
    }

@media only screen and (max-width:768px) {
    .sc_table_row.heading_row .sc_cell {
        width: 20%
    }
}

.sc_table_row.heading_row .sc_cell p {
    line-height: 1;
    top: 23px;
    position: relative
}

span.additional_info {
    font-weight: 700;
    font-size: 15
}

.sc_cd_row {
    margin: 2px 0;
    line-height: 55px;
    display: flex;
    flex-wrap: wrap;
    cursor: pointer
}

    .sc_cd_row .sc_cell {
        width: 16.66666667%
    }

    .sc_cd_row p {
        margin: 0
    }

@media screen and (max-width:991px) {
    .sc_cd_row {
        line-height: 10px
    }
}

.sc_top-row .sc_cell:first-child {
    text-align: left;
    padding-left: 26px;
    line-height: 2;
    top: 7px;
    position: relative
}

@media only screen and (max-width:768px) {
    .sc_top-row .sc_cell:first-child {
        text-align: center;
        flex-grow: .5
    }
}

@media only screen and (max-width:480px) {
    .sc_top-row .sc_cell:first-child {
        text-align: left;
        display: flex;
        flex-grow: 1.5;
        line-height: 13px;
        top: 0
    }
}

.sc_cell {
    text-align: center;
    display: inline-block;
    padding-right: 0;
    padding-left: 0
}

@media screen and (max-width:991px) {
    .sc_cell {
        padding-top: 6px
    }
}

.sc_cell p {
    display: inline
}

.flex_grow {
    flex-grow: 2
}

@media screen and (max-width:991px) {
    .sc_cell.cta_btn-cell {
        padding-top: 0
    }
}

@media only screen and (max-width:768px) {
    .sc_cell.cta_btn-cell {
        width: 100%;
        padding: 10px 0
    }
}

.sc_cell.fullWidth {
    text-align: left;
    padding: 0 8px 12px;
    margin-left: 0;
    margin-right: 0
}

.sc_table_sc-panel-content .sc_cell {
    width: 13.5%;
    text-align: center;
    line-height: normal;
    vertical-align: top
}

    .sc_table_sc-panel-content .sc_cell:first-child {
        padding-left: 0;
        text-align: center
    }

@media only screen and (max-width:992px) {
    .sc_table_sc-panel-content .sc_cell:first-child {
        width: 100%;
        text-align: left
    }
}

@media only screen and (max-width:992px) {
    .sc_table_sc-panel-content .sc_cell {
        width: 100%;
        text-align: left;
        display: inline-block
    }
}

.sc_table_sc-panel-content .sc_cell .sc_cell-heading {
    font-weight: 600;
    text-align: center;
    padding: 11px 0;
    color: #505050
}

@media only screen and (max-width:992px) {
    .sc_table_sc-panel-content .sc_cell .sc_cell-heading {
        width: 35%;
        text-align: left;
        display: inline-block
    }
}

.sc_table_sc-panel-content .sc_cell.fullWidth {
    width: 100%;
    text-align: left
}

    .sc_table_sc-panel-content .sc_cell.fullWidth strong {
        font-weight: 600
    }

.sc_table_sc-panel-fullWidth {
    display: inline-block;
    line-height: 16px;
    margin: 24px 0 16px 8px
}

@media only screen and (max-width:992px) {
    .sc_table_sc-panel-fullWidth {
        margin: 8px 0
    }
}

@media only screen and (max-width:992px) {
    .sc_table_sc-panel {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:768px) {
    .sc_spacer {
        display: none
    }
}

.cp_table_sc-panel.hide-panel {
    display: none;
    transition: all .5s ease
}

.label-toggle {
    cursor: pointer;
    transition: all .25s ease-out;
    text-decoration: none !important
}

    .label-toggle:before {
        content: "\f054";
        font-family: FontAwesome;
        margin-right: 9px;
        background-size: contain;
        display: inline-block;
        transition: all .5s ease-out
    }

    .label-toggle.active:before {
        content: "\f054";
        font-family: FontAwesome;
        transform: rotate(180deg)
    }

hr.sc_div {
    display: block;
    margin: 0;
    border: 1px solid #f9f9f9
}

@media only screen and (max-width:992px) {
    .collapse.in {
        display: flex
    }
}

#delivery {
    display: none;
    padding: 12px 0
}

.cta_btn-cell {
    z-index: 999
}

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

#importantInfo_scroll {
    cursor: pointer
}

.prefcodes tr {
    line-height: .5
}

.credit_transfer img {
    max-width: 150px;
    height: auto
}

@media only screen and (max-width:768px) {
    .credit_transfer img {
        max-width: 100%
    }
}

.legend_table-wrapper {
    padding: 8px;
    border-radius: 3px;
    margin-top: 24px;
    margin-bottom: 24px;
    display: inline-block
}

    .legend_table-wrapper p {
        font-weight: 600;
        margin: 0;
        color: #6d6d6d
    }

        .legend_table-wrapper p.icon-legend {
            margin-bottom: 12px
        }

.legend_table {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap
}

    .legend_table .table-item {
        text-align: center;
        margin: 0 8px
    }

        .legend_table .table-item img {
            position: relative;
            top: -2px
        }

@media only screen and (max-width:992px) {
    .legend_table .table-item img {
        height: 16px
    }
}

.legend_table .table-item p {
    font-weight: 400;
    display: inline-block;
    margin-left: 4px;
    line-height: 4px;
    color: #6d6d6d
}

.testimonial {
    text-align: center
}

    .testimonial img {
        border-radius: 50%;
        height: 180px;
        width: 180px;
        display: inline-block !important;
        position: relative;
        vertical-align: top;
        margin: 8px
    }

    .testimonial .testimonial-content {
        width: 75%;
        display: inline-block;
        margin: 0 60px
    }

@media only screen and (max-width:768px) {
    .testimonial .testimonial-content {
        width: 80%;
        margin: 0
    }
}

.testimonial .testimonial-content .testimonial-author {
    font-style: italic;
    padding-top: 8px;
    text-align: right;
    font-weight: 700;
    position: relative;
    left: 150px
}

@media only screen and (max-width:768px) {
    .testimonial .testimonial-content .testimonial-author {
        left: 0
    }
}

.testimonial .testimonial-content .testimonial-qual {
    font-style: italic;
    padding-top: 8px;
    position: relative;
    left: 150px;
    top: -9px
}

@media only screen and (max-width:768px) {
    .testimonial .testimonial-content .testimonial-qual {
        left: 0
    }
}

.testie_row .container {
    width: auto
}

.testimonials h2.description {
    color: #282428
}

p.sc_contact {
    margin-bottom: 8px;
    display: inline-block
}

    p.sc_contact i {
        color: #6d6d6d
    }

@media only screen and (max-width:992px) {
    p.sc_contact {
        display: inline-block
    }
}

.sc_table hr {
    border-top: 1px solid #6d6d6d;
    margin: 0;
    max-width: 250px
}

.sc_table .sc_table-wrapper {
    padding-right: 0;
    padding-left: 0;
    margin: 12px 0;
    display: flex
}

@media only screen and (max-width:992px) {
    .sc_table .sc_table-wrapper {
        flex-direction: column;
        border: 1px solid #e5e5e5
    }
}

.sc_table .sc_table-wrapper .sc_table-RHS {
    background-color: #e5e5e5;
    display: flex;
    flex-direction: column;
    height: auto;
    text-align: center
}

    .sc_table .sc_table-wrapper .sc_table-RHS .fees_block {
        display: inline-block
    }

    .sc_table .sc_table-wrapper .sc_table-RHS .fees_value {
        text-align: right;
        display: inline-block;
        width: 51%
    }

    .sc_table .sc_table-wrapper .sc_table-RHS .fees_title {
        width: 47%
    }

    .sc_table .sc_table-wrapper .sc_table-RHS .fees_row {
        border-top: 1px solid #6d6d6d;
        border-bottom: 1px solid #6d6d6d;
        margin: 0 auto;
        padding-top: 12px;
        padding-bottom: 12px;
        width: 75%
    }

        .sc_table .sc_table-wrapper .sc_table-RHS .fees_row .sc_table-delivery__row {
            margin: 0 auto;
            display: inline-block
        }

    .sc_table .sc_table-wrapper .sc_table-RHS a.btn_cp {
        margin: 20px auto 0
    }

.sc_table .sc_table-wrapper .sc_table-LHS {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #f2f2f2
}

.sc_table .shopping-cart-fa {
    color: #fff !important;
    padding-left: 10px !important
}

.sc_table-delivery-item {
    padding-top: 20px;
    padding-bottom: 20px
}

.sc_table-delivery__row {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px
}

@media only screen and (max-width:480px) {
    .sc_table-delivery__row {
        flex-direction: column
    }
}

.sc_table-delivery__row:last-child {
    margin-bottom: 0
}

.sc_table-delivery__row .sc_delivery-item__heading {
    width: 24%
}

@media only screen and (max-width:480px) {
    .sc_table-delivery__row .sc_delivery-item__heading {
        width: 100%;
        margin-bottom: 8px
    }
}

.sc_table-delivery__row .sc_delivery-item__heading h5 {
    padding: 0;
    margin: 0;
    font-size: 15px !important;
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #6d6d6d
}

    .sc_table-delivery__row .sc_delivery-item__heading h5.note {
        font-size: 13px !important;
        margin-top: -3px
    }

.sc_table-delivery__row .sc_delivery-item__heading h4 {
    padding: 0;
    margin: 0;
    font-size: 18px !important
}

.sc_table-delivery__row .sc_delivery-item__content {
    width: 75%;
    margin-top: -3px
}

@media only screen and (max-width:480px) {
    .sc_table-delivery__row .sc_delivery-item__content {
        width: 100%;
        line-height: 1.2
    }
}

.sc_table-delivery__row .sc_delivery-item__content p {
    margin: 0
}

.sc_table-delivery__row .sc_delivery-item__content h4 {
    padding: 0;
    margin: 0;
    font-size: 18px !important
}

.sc_delivery-item__content, .sc_delivery-item__heading {
    display: inline-block
}

    .sc_delivery-item__content > i.fa.fa-phone {
        margin-left: 8px
    }

.sc_accordion {
    display: none
}

    .sc_accordion.animated {
        animation: showtoggler;
        animation-duration: .5s
    }

    .sc_accordion.revert {
        animation: showtoggler;
        animation-duration: .3s;
        animation-direction: reverse
    }

    .sc_accordion.display {
        display: flex
    }

.btn_cp.sc_del_expand {
    line-height: 0;
    width: 90px;
    color: #be1428;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    height: 22px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    padding: 14px 0
}

    .btn_cp.sc_del_expand:hover, .btn_cp.sc_del_expand:hover:after {
        color: #be1428
    }

    .btn_cp.sc_del_expand:after {
        content: "\f054";
        font-family: FontAwesome;
        color: #be1428;
        font-size: 12px;
        transform: rotate(90deg);
        transition: all .2s ease-out;
        display: inline-block
    }

.sc_table-delivery-item.active .btn_cp.sc_del_expand:after {
    transform: rotate(-90deg)
}

.gstinc {
    font-size: 10px
}

.additional_files .cp_acc-content#content, .related_course .cp_acc-content#content {
    padding-left: 32px
}

@media only screen and (max-width:480px) {
    .additional_files .cp_acc-content#content, .related_course .cp_acc-content#content {
        padding-left: 0
    }
}

.cp_file-card {
    background-image: url(https://www.tafesa.edu.au/images/default-source/hostedassets/thumbnail-cover.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 240px;
    margin: 16px
}

    .cp_file-card h3.cp_file-title {
        color: #fff;
        font-size: 22px;
        position: absolute;
        bottom: 0
    }

.vet_details-warpper {
    background-color: none;
    border: none;
    display: flex;
    flex-wrap: wrap
}

    .vet_details-warpper .vet_row {
        flex-direction: row;
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }

    .vet_details-warpper .vet_details-heading {
        background-color: #f5f5f5;
        color: #505050;
        font-weight: 700;
        text-align: center;
        min-height: 55px;
        border-left: 1px solid #eee;
        border-top: 1px solid #eee;
        width: 25%
    }

        .vet_details-warpper .vet_details-heading p {
            line-height: 1;
            margin: 0;
            padding-top: 17px
        }

@media only screen and (max-width:768px) {
    .vet_details-warpper .vet_details-heading p {
        line-height: 1;
        padding: 8px 0
    }
}

@media only screen and (max-width:768px) {
    .vet_details-warpper .vet_details-heading {
        width: 100%
    }
}

.vet_details-warpper .vet_details-content {
    width: 75%;
    min-height: 55px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-left: 16px;
    line-height: 1
}

    .vet_details-warpper .vet_details-content p {
        line-height: 1;
        margin: 0;
        padding-top: 17px
    }

@media only screen and (max-width:768px) {
    .vet_details-warpper .vet_details-content p {
        line-height: 1;
        padding: 8px 0
    }
}

@media only screen and (max-width:768px) {
    .vet_details-warpper .vet_details-content {
        width: 100%;
        line-height: 1
    }
}

.ctaRow {
    text-align: center;
    padding: 32px 0
}

@media only screen and (max-width:768px) {
    .ctaRow a {
        margin: 12px
    }
}

.vet_table-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

#content > div.vet_details-warpper > div:first-child > div.vet_details-content, .vet_competencies .vet_table-wrapper .vet_cd_row {
    border-top: 1px solid #eee
}

.vet_table_row {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px
}

    .vet_table_row .left_align {
        text-align: left !important
    }

    .vet_table_row .vet_cell {
        width: 100%;
        padding: 12px 0;
        text-align: center;
        height: 100%;
        min-height: 52px;
        flex: 1
    }

        .vet_table_row .vet_cell p {
            margin: 0;
            font-size: 10px !important
        }

@media screen and (min-width:320px) {
    .vet_table_row .vet_cell p {
        font-size: calc(8.54545px + .45455vw) !important
    }
}

@media screen and (min-width:1200px) {
    .vet_table_row .vet_cell p {
        font-size: 14px !important
    }
}

.vet_table_row .vet_cell.flex-grow {
    flex-grow: 4
}

@media (max-width:767px) {
    .vet_table_row .vet_cell {
        width: 20%;
        height: 50px;
        line-height: 10px
    }
}

@media (max-width:480px) {
    .vet_table_row .vet_cell:first-child {
        line-height: 14px
    }
}

.vet_heading_row {
    text-align: center;
    color: #505050;
    font-weight: 400;
    background-color: #f5f5f5
}

    .vet_heading_row .vet_cell {
        padding: 21px 0;
        background-color: #f5f5f5;
        line-height: 16px;
        font-weight: 700
    }

.heading_row {
    text-align: center;
    color: #505050;
    font-weight: 400;
    background-color: #f5f5f5;
    height: 76px
}

    .heading_row .vet_cell {
        line-height: 46px;
        font-weight: 700
    }

@media only screen and (max-width:992px) {
    .heading_row .vet_cell {
        line-height: 1;
        position: relative
    }
}

@media only screen and (max-width:480px) {
    .heading_row .vet_cell {
        line-height: 1;
        position: relative;
        top: 6px
    }
}

.slick-initialized .slick-slide {
    padding: 0
}

.vet_row-CTA {
    justify-content: center
}

section.app-graphic__holder {
    max-width: 1200px;
    margin: 0 auto
}

.app-graphic__redbackground {
    background-color: #be1428;
    transform: skew(0,5deg);
    position: absolute;
    top: 53px;
    max-width: 1200px
}

.app-graphic__item-wrapper {
    margin: 45px 0
}

.app-graphic__content {
    transform: skew(0,-5deg)
}

.icon__holder img {
    width: 100px;
    height: auto
}

.column_RHS {
    margin-top: 160px
}

@media screen and (max-width:992px) {
    .column_RHS {
        margin-top: 0
    }
}

.app-graphic__content > .col-md-6, .app-graphic__content > .col-xs-12 {
    padding: 0 100px
}

@media screen and (max-width:992px) {
    .app-graphic__content > .col-md-6, .app-graphic__content > .col-xs-12 {
        padding: 15px
    }
}

.item_header {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1em;
    padding-top: 18px;
    padding-bottom: 18px
}

.icon__holder {
    text-align: center
}

.item_copy, .item_header {
    font-family: Arial,Helvetica,sans-serif;
    text-align: center
}

    .item_header strong {
        color: #fff
    }

    .item_copy p {
        color: #fff;
        text-align: center
    }

.number_holder {
    font-size: 70px;
    position: relative;
    top: 20px
}

@media screen and (max-width:450px) {
    .number_holder {
        font-size: 42px
    }
}

#one {
    margin: 0
}

.uniPathways_wrapper .table_cell {
    margin: 20px 0
}

#content.uniPathways_wrapper {
    padding: 8px 15px
}

.ft_cell {
    height: 61px;
    text-align: center;
    padding: 0;
    line-height: 61px
}

.ft_table-wrapper {
    display: block;
    padding-right: 0;
    padding-left: 0
}

    .ft_table-wrapper .ft_table-duration {
        background-color: #f5f5f5;
        height: 61px
    }

        .ft_table-wrapper .ft_table-duration .ft_cell {
            text-align: center
        }

            .ft_table-wrapper .ft_table-duration .ft_cell h5 {
                color: #505050;
                padding: 0;
                margin: 0;
                line-height: 61px;
                height: 61px;
                font-weight: 400 !important
            }

@media only screen and (max-width:768px) {
    .ft_table-wrapper .ft_table-duration .ft_cell h5 {
        top: 50%;
        position: relative;
        transform: translateY(-50%)
    }
}

.ft_table-wrapper .ft_table-sub-wrapper {
    margin: 22px 0;
    border-radius: 13px;
    background-color: rgba(92,184,92,.05);
    padding: 22px;
    display: inline-block
}

@media only screen and (max-width:768px) {
    .ft_table-wrapper .ft_table-subsidied {
        margin: 22px 0 0
    }
}

.ft_table-wrapper .ft_table-subsidied .ft_cell {
    text-align: center;
    font-size: 22px;
    color: #333
}

@media only screen and (max-width:480px) {
    .ft_table-wrapper .ft_table-subsidied .ft_cell {
        text-align: right
    }
}

@media only screen and (max-width:320px) {
    .ft_table-wrapper .ft_table-subsidied .ft_cell {
        font-size: 18px
    }
}

.ft_table-wrapper .ft_table-subsidied .ft_cell h5 {
    padding: 0;
    color: #333;
    font-size: 18px !important;
    margin: 0;
    line-height: 61px;
    height: 61px
}

.ft_table-wrapper .ft_table-funded {
    padding: 20px 50px
}

    .ft_table-wrapper .ft_table-funded a.workready {
        min-width: 250px;
        max-height: 46px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 12px
    }

@media only screen and (max-width:320px) {
    .ft_table-wrapper .ft_table-funded a.workready {
        min-width: auto;
        width: auto;
        padding: 0 4px
    }
}

.ft_table-wrapper .ft_table-funded a.jobtrainer-subsidsed {
    min-width: 250px;
    max-height: 46px;
    position: relative;
    left: 70%;
    transform: translateX(-50%);
    margin-top: 12px
}

@media only screen and (max-width:1200px) {
    .ft_table-wrapper .ft_table-funded a.jobtrainer-subsidsed {
        left: 65%
    }
}

@media only screen and (max-width:992px) {
    .ft_table-wrapper .ft_table-funded a.jobtrainer-subsidsed {
        left: 50%
    }
}

@media only screen and (max-width:320px) {
    .ft_table-wrapper .ft_table-funded a.jobtrainer-subsidsed {
        min-width: auto;
        width: auto;
        padding: 0 4px;
        left: 50%
    }
}

.ft_table-wrapper .ft_table-funded a.jobtrainer-jobtrainer {
    min-width: 250px;
    max-height: 46px;
    position: relative;
    left: 30%;
    transform: translateX(-50%);
    margin-top: 12px
}

@media only screen and (max-width:1200px) {
    .ft_table-wrapper .ft_table-funded a.jobtrainer-jobtrainer {
        left: 35%
    }
}

@media only screen and (max-width:992px) {
    .ft_table-wrapper .ft_table-funded a.jobtrainer-jobtrainer {
        left: 50%
    }
}

@media only screen and (max-width:320px) {
    .ft_table-wrapper .ft_table-funded a.jobtrainer-jobtrainer {
        min-width: auto;
        width: auto;
        padding: 0 4px;
        left: 50%
    }
}

.ft_table-wrapper .ft_table-funded p {
    font-size: 13px !important;
    line-height: 16px;
    position: relative;
    top: -1px;
    text-align: center;
    width: 730px;
    margin: 0 auto
}

@media only screen and (max-width:1200px) {
    .ft_table-wrapper .ft_table-funded p {
        width: auto
    }
}

.ft_table-wrapper .ft_table-concession .ft_cell, .ft_table-wrapper .ft_table-fullFee .ft_cell {
    text-align: center;
    font-size: 18px !important;
    color: #333
}

@media only screen and (max-width:480px) {
    .ft_table-wrapper .ft_table-concession .ft_cell, .ft_table-wrapper .ft_table-fullFee .ft_cell {
        text-align: right
    }
}

.ft_table-wrapper .ft_table-concession h5, .ft_table-wrapper .ft_table-fullFee h5 {
    padding: 0;
    color: #333;
    font-size: 18px !important;
    margin: 0;
    line-height: 61px;
    height: 61px
}

.ft_table-wrapper .ft_table-duration, .ft_table-wrapper .ft_table-fullFee, .ft_table-wrapper .ft_table-note, .ft_table-wrapper .ft_table-partner {
    padding-left: 44px;
    padding-right: 44px
}

@media only screen and (max-width:768px) {
    .ft_table-wrapper .ft_table-fullFee, .ft_table-wrapper .ft_table-note, .ft_table-wrapper .ft_table-partner {
        padding-left: 22px;
        padding-right: 22px
    }
}

@media only screen and (max-width:480px) {
    .ft_table-wrapper .ft_table-duration, .ft_table-wrapper .ft_table-fullFee, .ft_table-wrapper .ft_table-note, .ft_table-wrapper .ft_table-partner {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:992px) {
    .hide_mobile {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .empty {
        display: none
    }
}

h2.acc_title, h3.acc_title {
    margin: 25px 0
}

.cp_heading #content.cl_acc-content {
    padding: 0
}

    .cp_heading #content.cl_acc-content tr.cl_heading_row {
        height: auto;
        border-bottom: 1px solid #f8f8f8
    }

table.course_display {
    border-top: 0
}

.cl_acc-content th.thgrid_code, .cl_acc-content th.thgrid_course_type {
    padding: 8px 0;
    background: none;
    font-size: 16px
}

.cl_acc-content td.tdgrid, .cl_acc-content td.tdgrid_code {
    padding: 10px 0;
    background: none
}

.accordian_link span.no-of-courses {
    font-size: 14px !important;
    color: #999;
    font-weight: 400;
    margin-left: 15px
}

ul.accordion-section li a.cp_heading.inner-accordion:before {
    right: 21px
}

ul.accordion-section li a.cp_heading.inner-accordion h2 {
    font-weight: 400 !important;
    font-size: 18px !important;
    margin: 0;
    padding: 25px 60px 25px 10px
}

#content-inner {
    display: none;
    padding: 0 10px
}

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

    .accordion_section-wrapper ul li {
        padding: 2px 0 5px
    }

    .accordion_section-wrapper a.cp_heading.head.active {
        background-color: #ededed
    }

ul.accordion-section {
    padding: 2px 0
}

    ul.accordion-section li a.cp_heading {
        width: 100%;
        display: inline-block;
        background-color: #f5f5f5;
        text-decoration: none !important;
        color: #6d6d6d
    }

        ul.accordion-section li a.cp_heading:hover {
            color: #be1428;
            cursor: pointer
        }

            ul.accordion-section li a.cp_heading:hover:before {
                color: #be1428
            }

        ul.accordion-section li a.cp_heading:before {
            content: "\f054";
            font-family: FontAwesome;
            color: #6d6d6d;
            position: absolute;
            right: 15px;
            font-size: 15px;
            padding: 25px;
            transition: all .5s ease-out;
            transform: rotate(-90deg)
        }

@media only screen and (max-width:320px) {
    ul.accordion-section li a.cp_heading:before {
        right: 0
    }
}

ul.accordion-section li a.cp_heading h2 {
    padding: 25px 60px 25px 25px;
    color: #6d6d6d;
    text-decoration: none
}

    ul.accordion-section li a.cp_heading h2:hover {
        color: #be1428;
        cursor: pointer
    }

ul.accordion-section li a.cp_heading h3 {
    margin-left: 20px
}

ul.accordion-section li a.cp_heading.active:before {
    transform: rotate(90deg);
    color: #6d6d6d
}

ul.accordion-section li a.cp_heading.active h2 {
    color: #6d6d6d
}

.sc_summary-wrapper {
    border: 1px solid #f2f2f2
}

ul.accordion-section {
    list-style-type: none !important;
    padding: 0
}

    ul.accordion-section li a.sc_heading {
        width: 100%;
        display: inline-block;
        background-color: #f2f2f2;
        text-decoration: none;
        color: #6d6d6d
    }

        ul.accordion-section li a.sc_heading:hover {
            color: #be1428;
            background-color: #ededed;
            cursor: pointer
        }

            ul.accordion-section li a.sc_heading:hover:before {
                color: #be1428
            }

        ul.accordion-section li a.sc_heading:before {
            content: "\f054";
            font-family: FontAwesome;
            color: #6d6d6d;
            position: absolute;
            right: 15px;
            font-size: 15px;
            padding: 18px 5px;
            transition: all .5s ease-out;
            transform: rotate(-90deg)
        }

@media only screen and (max-width:320px) {
    ul.accordion-section li a.sc_heading:before {
        right: 0
    }
}

ul.accordion-section li a.sc_heading h4 {
    padding: 20px 60px 20px 25px;
    color: #6d6d6d;
    text-decoration: none
}

    ul.accordion-section li a.sc_heading h4:hover {
        color: #be1428;
        cursor: pointer
    }

ul.accordion-section li a.sc_heading.active:before {
    transform: rotate(90deg);
    color: #6d6d6d
}

ul.accordion-section li a.sc_heading.active h4 {
    color: #6d6d6d
}

ul.accordion-section li #content {
    padding: 20px 15px
}

    ul.accordion-section li #content p {
        margin: 0 0 7px
    }

ul.sc_accordion-section {
    list-style-type: none !important;
    padding: 0
}

    ul.sc_accordion-section li {
        padding: 10px 0
    }

        ul.sc_accordion-section li div.delivery-line:before {
            content: "\f054";
            font-family: FontAwesome;
            color: #6d6d6d;
            position: absolute;
            left: 2px;
            margin-top: -2px;
            font-size: 15px;
            transform: rotate(90deg);
            transition: all .5s ease-out
        }

@media only screen and (max-width:992px) {
    ul.sc_accordion-section li div.delivery-line:before {
        margin-top: 5px
    }
}

@media only screen and (max-width:480px) {
    ul.sc_accordion-section li div.delivery-line:before {
        font-size: 12px
    }
}

ul.sc_accordion-section li div.delivery-line.active:before {
    transform: rotate(-90deg);
    color: #be1428
}

#content {
    display: none;
    padding: 48px 15px
}

@media only screen and (max-width:768px) {
    #content {
        padding: 32px 0
    }
}

a.head.active + #content {
    display: block
}

.tdgrid, .tdgrid_code {
    line-height: 1.1
}

.tdgrid_code {
    font-size: 11px !important
}

@media screen and (min-width:320px) {
    .tdgrid_code {
        font-size: calc(9.54545px + .45455vw) !important
    }
}

@media screen and (min-width:1200px) {
    .tdgrid_code {
        font-size: 15px !important
    }
}

@media only screen and (max-width:768px) {
    .TSASearch-container #FacetedSearchFilterHolder #MainContent_C006, .TSASearch-container #FacetedSearchResultHolder #MainContent_C006, .TSASearch-container #NonFacetedSearchBoxHolder #MainContent_C006, .TSASearch-container #NonFacetedSearchResultHolder #MainContent_C006 {
        padding: 25px 6px !important
    }
}

.TSASearch-container #FacetedSearchFilterHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox), .TSASearch-container #FacetedSearchResultHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox), .TSASearch-container #NonFacetedSearchBoxHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox), .TSASearch-container #NonFacetedSearchResultHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) {
    border: 1px solid #dedede;
    background-color: #fff;
    padding: 12px
}

    .TSASearch-container #FacetedSearchFilterHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) h1[id*=HolderHeader], .TSASearch-container #FacetedSearchResultHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) h1[id*=HolderHeader], .TSASearch-container #NonFacetedSearchBoxHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) h1[id*=HolderHeader], .TSASearch-container #NonFacetedSearchResultHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) h1[id*=HolderHeader] {
        margin: 0;
        display: inline
    }

    .TSASearch-container #FacetedSearchFilterHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) a.btn, .TSASearch-container #FacetedSearchResultHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) a.btn, .TSASearch-container #NonFacetedSearchBoxHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) a.btn, .TSASearch-container #NonFacetedSearchResultHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) a.btn {
        display: inline
    }

    .TSASearch-container #FacetedSearchFilterHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) h4[id*=SubHeader], .TSASearch-container #FacetedSearchResultHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) h4[id*=SubHeader], .TSASearch-container #NonFacetedSearchBoxHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) h4[id*=SubHeader], .TSASearch-container #NonFacetedSearchResultHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) h4[id*=SubHeader] {
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
        background-color: #fff;
        margin: 8px 0
    }

    .TSASearch-container #FacetedSearchFilterHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) .item-list ul, .TSASearch-container #FacetedSearchResultHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) .item-list ul, .TSASearch-container #NonFacetedSearchBoxHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) .item-list ul, .TSASearch-container #NonFacetedSearchResultHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) .item-list ul {
        padding: 2px 15px;
        -moz-column-count: 4;
        column-count: 4
    }

@media only screen and (max-width:992px) {
    .TSASearch-container #FacetedSearchFilterHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) .item-list ul, .TSASearch-container #FacetedSearchResultHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) .item-list ul, .TSASearch-container #NonFacetedSearchBoxHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) .item-list ul, .TSASearch-container #NonFacetedSearchResultHolder div[id*=MainContent]:not(#MainContent_C006_ctl00_ctl00_topSearchBox) .item-list ul {
        -moz-column-count: 2;
        column-count: 2;
        padding: 5px
    }
}

#FacetedSearchResultHolder #MainContent_C006 {
    border: none !important
}

.filter_showall {
    line-height: 24px;
    width: 106px;
    background-color: #fff;
    color: #be1428;
    border: 1px solid #be1428;
    box-shadow: 1px 1px 3px #f2f2f2;
    position: relative;
    top: -5px;
    left: 40px
}

    .filter_showall:hover {
        border: 1px solid #be1428;
        color: #fff;
        background-color: #be1428
    }

        .filter_showall:hover:after {
            transform: rotate(-90deg);
            color: #fff
        }

    .filter_showall:after {
        content: "\f054";
        font-family: FontAwesome;
        margin-left: 11px;
        color: #be1428;
        font-size: 12px;
        transition: all .2s ease-out;
        display: inline-block
    }

    .filter_showall.active:after, .filter_showall:after {
        transform: rotate(90deg)
    }

.profile_table .profile_table-wrapper {
    margin: 12px 0 32px
}

.profile_table .profile_table-delivery__row {
    margin-bottom: 20px
}

.profile_courses {
    margin: 32px 25px;
    float: none;
    clear: both
}

.profile_delivery-item__heading.h4 {
    margin: 0
}

.profile_table-wrapper {
    padding-right: 0;
    padding-left: 0;
    margin: 40px 0;
    display: flex
}

@media only screen and (max-width:992px) {
    .profile_table-wrapper {
        flex-direction: column;
        border: 1px solid #e5e5e5
    }
}

.profile_table-wrapper .profile_table-RHS {
    background-color: #e5e5e5;
    display: flex;
    flex-direction: column;
    height: auto;
    text-align: center
}

    .profile_table-wrapper .profile_table-RHS .fees_block {
        display: inline-block
    }

    .profile_table-wrapper .profile_table-RHS .fees_value {
        text-align: right;
        display: inline-block;
        width: 51%
    }

    .profile_table-wrapper .profile_table-RHS .fees_title {
        width: 47%
    }

    .profile_table-wrapper .profile_table-RHS .fees_row {
        border-top: 1px solid #6d6d6d;
        border-bottom: 1px solid #6d6d6d;
        margin: 0 auto;
        padding-top: 12px;
        padding-bottom: 12px;
        width: 75%
    }

        .profile_table-wrapper .profile_table-RHS .fees_row .profile_table-delivery__row {
            margin: 0 auto;
            display: inline-block
        }

    .profile_table-wrapper .profile_table-RHS a.btn_cp {
        margin: 20px auto 0
    }

.profile_table-wrapper .profile_table-LHS {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #f2f2f2
}

.shopping-cart-fa {
    color: #fff !important;
    padding-left: 10px !important
}

.profile_table-delivery-item {
    padding-top: 20px;
    padding-bottom: 20px
}

.profile_table-delivery__row {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px
}

@media only screen and (max-width:480px) {
    .profile_table-delivery__row {
        flex-direction: column
    }
}

.profile_table-delivery__row:last-child {
    margin-bottom: 0
}

.profile_table-delivery__row .profile_delivery-item__heading {
    width: 24%
}

@media only screen and (max-width:480px) {
    .profile_table-delivery__row .profile_delivery-item__heading {
        width: 100%;
        margin-bottom: 8px
    }
}

.profile_table-delivery__row .profile_delivery-item__heading h5 {
    padding: 0;
    margin: 0;
    font-size: 15px !important;
    font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #6d6d6d
}

    .profile_table-delivery__row .profile_delivery-item__heading h5.note {
        font-size: 13px !important;
        margin-top: -3px
    }

.profile_table-delivery__row .profile_delivery-item__heading h4 {
    padding: 0;
    margin: 0;
    font-size: 18px !important
}

.profile_table-delivery__row .profile_delivery-item__content {
    width: 75%;
    margin-top: -3px
}

@media only screen and (max-width:480px) {
    .profile_table-delivery__row .profile_delivery-item__content {
        width: 100%;
        line-height: 1.2
    }
}

.profile_table-delivery__row .profile_delivery-item__content p {
    margin: 0
}

.profile_table-delivery__row .profile_delivery-item__content h4 {
    padding: 0;
    margin: 0;
    font-size: 18px !important
}

.profile_delivery-item__content, .profile_delivery-item__heading {
    display: inline-block
}

    .profile_delivery-item__content > i.fa.fa-phone {
        margin-left: 8px
    }

@keyframes showtoggler {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.profile_accordion {
    display: none
}

    .profile_accordion.animated {
        animation: showtoggler;
        animation-duration: .5s
    }

    .profile_accordion.revert {
        animation: showtoggler;
        animation-duration: .3s;
        animation-direction: reverse
    }

    .profile_accordion.display {
        display: flex
    }

.discount_row {
    text-align: center;
    margin: 20px 0 0
}

    .discount_row p {
        margin: 0
    }

.discount-code {
    color: #01bc01;
    font-size: 24px
}

.btn_cp.profile_del_expand {
    line-height: 0;
    width: 90px;
    color: #be1428;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    height: 22px;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    padding: 14px 0
}

    .btn_cp.profile_del_expand:hover, .btn_cp.profile_del_expand:hover:after {
        color: #be1428
    }

    .btn_cp.profile_del_expand:after {
        content: "\f054";
        font-family: FontAwesome;
        color: #be1428;
        font-size: 12px;
        transform: rotate(90deg);
        transition: all .2s ease-out;
        display: inline-block
    }

.profile_table-delivery-item.active .btn_cp.profile_del_expand:after {
    transform: rotate(-90deg)
}

._news {
    padding: 70px 0 90px;
    background-color: #efefef
}

    ._news ul.container {
        padding-right: 0;
        padding-left: 0
    }

    ._news a {
        text-decoration: none;
        color: #be1428 !important
    }

    ._news h2.title {
        color: #333;
        text-align: left;
        margin-left: 15px
    }

        ._news h2.title:hover {
            text-decoration: none
        }

    ._news .cards {
        display: flex;
        flex-wrap: wrap;
        margin-right: 0;
        margin-left: 0
    }

        ._news .cards .card {
            background-color: #fff;
            padding: 0 !important;
            width: calc(33.33333% - 30px);
            box-shadow: 3px 3px 4px 0 rgba(51,51,51,.31);
            margin: 15px
        }

@media only screen and (max-width:768px) {
    ._news .cards .card {
        max-width: 375px;
        width: 100%;
        margin: 15px auto;
        text-align: center
    }
}

._news .cards .card img {
    max-width: 100%;
    height: auto;
    max-height: 210px;
    width: 100%
}

._news .cards .card .card_content {
    margin: 15px;
    line-height: 1.5;
    min-height: 200px
}

    ._news .cards .card .card_content .news-title {
        margin-bottom: 12px
    }

        ._news .cards .card .card_content .news-title a {
            font-size: 18px;
            font-weight: 600
        }

    ._news .cards .card .card_content .news_content {
        display: inline-block;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
        line-height: 1.5;
        max-height: 89px
    }

    ._news .cards .card .card_content .read-more {
        margin: 12px 0 24px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

        ._news .cards .card .card_content .read-more a {
            padding: 6px 30px
        }

._news .date-tag {
    border-color: #fff;
    border-style: solid;
    border-width: 8px 10px 32px;
    height: 0;
    width: 36px;
    right: 30px;
    box-sizing: content-box;
    position: absolute;
    margin: 0;
    line-height: 1;
    text-align: center
}

    ._news .date-tag .sfTxtContent {
        color: #be1428;
        font-weight: 800
    }

    ._news .date-tag:after {
        content: "";
        position: absolute;
        top: 32px;
        left: -11px;
        width: 0;
        height: 0;
        border-color: #fff transparent transparent;
        border-style: solid;
        border-width: 18px 30px 0 28px;
        z-index: 0
    }

._featurecourses {
    padding: 70px 0 90px;
    background-color: #fff
}

    ._featurecourses ul.container {
        padding-right: 0;
        padding-left: 0
    }

    ._featurecourses a {
        text-decoration: none;
        color: #be1428 !important
    }

    ._featurecourses h2.title {
        color: #333;
        text-align: left;
        margin-left: 15px
    }

        ._featurecourses h2.title:hover {
            text-decoration: none
        }

    ._featurecourses .cardRs {
        display: flex;
        flex-wrap: wrap;
        margin-right: 0;
        margin-left: 0
    }

        ._featurecourses .cardRs .cardR {
            background-color: #fff !important;
            padding: 0 !important;
            width: calc(33.33333% - 30px);
            box-shadow: 3px 3px 4px 0 rgba(51,51,51,.31) !important;
            margin: 15px;
            height: 100% !important
        }

@media only screen and (max-width:480px) {
    ._featurecourses .cardRs .cardR {
        width: 100%;
        margin: 15px;
        text-align: center;
        height: 100% !important
    }
}

._featurecourses .cardRs .cardR img {
    max-width: 100%;
    height: auto;
    max-height: 210px;
    width: 100%
}

._featurecourses .cardRs .cardR .cardR_content {
    margin: 15px;
    line-height: 1.5;
    min-height: 200px
}

    ._featurecourses .cardRs .cardR .cardR_content .news-title {
        margin-bottom: 12px
    }

        ._featurecourses .cardRs .cardR .cardR_content .news-title a {
            font-size: 18px;
            font-weight: 600
        }

    ._featurecourses .cardRs .cardR .cardR_content .news_content {
        display: inline-block;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
        line-height: 1.5;
        max-height: 89px
    }

    ._featurecourses .cardRs .cardR .cardR_content .read-more {
        margin: 12px 0 24px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

        ._featurecourses .cardRs .cardR .cardR_content .read-more a {
            padding: 6px 30px
        }

._featurecourses .date-tag {
    border-color: #fff;
    border-style: solid;
    border-width: 8px 10px 32px;
    height: 0;
    width: 36px;
    right: 30px;
    box-sizing: content-box;
    position: absolute;
    margin: 0;
    line-height: 1;
    text-align: center
}

    ._featurecourses .date-tag .sfTxtContent {
        color: #be1428;
        font-weight: 800
    }

    ._featurecourses .date-tag:after {
        content: "";
        position: absolute;
        top: 32px;
        left: -11px;
        width: 0;
        height: 0;
        border-color: #fff transparent transparent;
        border-style: solid;
        border-width: 18px 30px 0 28px;
        z-index: 0
    }

section.breadcrumbs-nav {
    padding: 0;
    float: none;
    clear: both;
    font-size: inherit;
    position: inherit
}

ol.breadcrumb {
    display: flex;
    align-items: center;
    border-radius: 0;
    padding: 15px;
    margin-bottom: 0;
    height: auto
}

    ol.breadcrumb li + li:before {
        content: url(/img/assets/headerMenu/chevron_right.svg);
        height: 16px;
        width: auto
    }

@media only screen and (max-width:768px) {
    ol.breadcrumb {
        padding: 13px 7px
    }
}

ol.breadcrumb li {
    display: flex
}

    ol.breadcrumb li a {
        height: 21px;
        position: relative;
        top: 3px;
        line-height: 1
    }

@media only screen and (max-width:768px) {
    ol.breadcrumb li a {
        display: flex;
        align-items: center;
        top: -1px
    }
}

ol.breadcrumb li a {
    font-size: 10px !important
}

@media screen and (min-width:320px) {
    ol.breadcrumb li a {
        font-size: calc(8.18182px + .56818vw) !important
    }
}

@media screen and (min-width:1200px) {
    ol.breadcrumb li a {
        font-size: 15px !important
    }
}

ol.breadcrumb li:first-child a {
    top: 0
}

@media only screen and (max-width:768px) {
    ol.breadcrumb li:first-child a {
        top: -2px;
        position: relative
    }
}

ol.breadcrumb .translator {
    margin-left: auto
}

.lp_container-main a, .lp_container-main h1, .lp_container-main h2, .lp_container-main h3, .lp_container-main h4, .lp_container-main li, .lp_container-main p, .lp_container-main ul {
    font-family: Roboto,sans-serif
}

.lp_container-main a {
    text-transform: uppercase
}

.lp_container-main h1 {
    font-size: 48px;
    color: #333
}

.lp_container-main p {
    font-size: 15px;
    color: #333
}

.heroTitle h1 {
    font-family: Roboto,sans-serif;
    font-size: 28px !important
}

@media screen and (min-width:320px) {
    .heroTitle h1 {
        font-size: calc(5.45455px + 7.04545vw) !important
    }
}

@media screen and (min-width:1200px) {
    .heroTitle h1 {
        font-size: 90px !important
    }
}

.ig_container h3 {
    font-size: 15px !important
}

@media screen and (min-width:320px) {
    .ig_container h3 {
        font-size: calc(13.90909px + .34091vw) !important
    }
}

@media screen and (min-width:1200px) {
    .ig_container h3 {
        font-size: 18px !important
    }
}

.jquery-background-video-wrapper {
    position: relative;
    overflow: hidden;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.jquery-background-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translate(-50%,-50%)
}

.js .video-bg video {
    opacity: 0
}

    .js .video-bg video.is-playing {
        opacity: 1
    }

.lp-footer {
    float: left;
    color: #fff;
    width: 100%;
    position: fixed;
    bottom: 0;
    opacity: 0;
    z-index: -99
}

@media only screen and (max-width:800px) {
    .lp-footer {
        padding: 0;
        line-height: 1
    }
}

.lp-footer .lp-footer_bkgnd {
    background-color: #444;
    padding: 9px 0;
    position: relative;
    bottom: -39px;
    height: 40px;
    z-index: -1;
    opacity: 0
}

@media only screen and (max-width:800px) {
    .lp-footer .lp-footer_bkgnd {
        bottom: -53px;
        height: 60px;
        z-index: -99
    }
}

.lp-footer .footer-wrapper {
    max-width: 1200px;
    margin: 0 auto
}

    .lp-footer .footer-wrapper .footer-inner {
        padding: 8px 0
    }

@media only screen and (max-width:800px) {
    .lp-footer .footer-wrapper .footer-inner {
        text-align: center
    }
}

.lp-footer ul.bottom-menu {
    display: inline-block;
    padding: 0
}

.lp-footer #footerLinks {
    float: right
}

@media only screen and (max-width:800px) {
    .lp-footer #footerLinks {
        float: none
    }
}

.lp-footer ul.bottom-menu li {
    display: inline;
    white-space: nowrap;
    border-right: 1px solid #dedede;
    padding: 0 6px 0 3px;
    font-size: 8px !important
}

@media screen and (min-width:320px) {
    .lp-footer ul.bottom-menu li {
        font-size: calc(6.54545px + .45455vw) !important
    }
}

@media screen and (min-width:1200px) {
    .lp-footer ul.bottom-menu li {
        font-size: 12px !important
    }
}

.lp-footer ul.bottom-menu li a {
    color: #fff;
    font-size: 8px !important
}

@media screen and (min-width:320px) {
    .lp-footer ul.bottom-menu li a {
        font-size: calc(6.54545px + .45455vw) !important
    }
}

@media screen and (min-width:1200px) {
    .lp-footer ul.bottom-menu li a {
        font-size: 12px !important
    }
}

.lp-footer ul.bottom-menu li:last-child {
    border-right: none
}

body {
    background: #fff !important
}

.lp_nav {
    height: 80px;
    top: 0;
    position: fixed;
    width: 100%;
    background-color: #be1428;
    opacity: 0;
    z-index: 10
}

.overlay_dots {
    display: none
}

.lp_mainContent h3 {
    padding: 0 0 4px
}

@media only screen and (max-width:800px) {
    .lp_mainContent h3 {
        padding: 0
    }
}

.lp_mainContent {
    padding: 16px 0
}

video#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    pointer-events: none
}

@media only screen and (max-width:800px) {
    video#bgvid {
        top: 0;
        transform: translateX(-50%)
    }
}

.lp_container-main {
    height: 100vh;
    width: 100%;
    top: 0;
    bottom: 0;
    position: fixed
}

.lp_complex .lp_container-main {
    height: 100vh;
    width: 100%;
    top: 0;
    bottom: 0;
    position: absolute
}

.logo-wrapper {
    display: block;
    bottom: 55px;
    right: 55px;
    position: absolute;
    opacity: 0
}

@media only screen and (max-width:800px) {
    .logo-wrapper {
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: 70px;
        margin: 0
    }
}

@media only screen and (max-width:800px) {
    .tafe_logo-btm {
        width: 100%;
        text-align: center
    }
}

.logoMain-wrapper {
    opacity: 0
}

.logoMain, .logoMain-wrapper {
    display: block;
    position: absolute;
    z-index: 1;
    margin: 14px
}

.red-overlay {
    background-color: #be1428;
    position: absolute;
    transform: scaleY(0);
    transform-origin: center;
    width: 100%;
    height: 451px;
    bottom: 0;
    opacity: .8
}

@media only screen and (max-width:800px) {
    .red-overlay {
        display: none
    }
}

.logo_holder {
    z-index: 999;
    position: absolute;
    width: 250px;
    bottom: 0;
    right: 0;
    margin: 16px
}

.h1_learn, .h1_work {
    width: 100%;
    color: #fff;
    font-weight: 800;
    position: relative;
    z-index: 999;
    font-family: Roboto,sans-serif
}

.h1_learn {
    left: -250%
}

.h1_learn, .h1_work {
    position: relative;
    opacity: 0
}

.h1_work {
    color: #f4a9ca;
    line-height: -1;
    left: 250%
}

.heroTitle h1 {
    line-height: .8
}

    .heroTitle h1 span {
        white-space: nowrap
    }

@media only screen and (max-width:800px) {
    .heroTitle h1 span {
        white-space: normal;
        overflow-wrap: normal;
        overflow-wrap: break-word
    }
}

.heroTitle {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center
}

@media only screen and (max-width:800px) {
    .heroTitle {
        top: 30%
    }
}

.click_holder {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 23px;
    margin-bottom: 140px;
    opacity: 0
}

@media only screen and (max-width:800px) {
    .click_holder {
        margin-bottom: 245px
    }
}

@media (max-width:767px) {
    .click_holder {
        margin-bottom: 245px
    }
}

.click_holder a.btn {
    line-height: 50px;
    min-width: 240px;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    border-radius: 0;
    transition: ease-in-out;
    display: inline-block;
    text-decoration: none;
    background-color: #be1428;
    color: #fff !important;
    border: 1px solid #fff;
    z-index: 9
}

    .click_holder a.btn:hover {
        background-color: #fff;
        color: #be1428 !important;
        border: 1px solid #be1428;
        position: relative;
        text-decoration: none
    }

.click_button {
    padding-top: 2px
}

a.show-me {
    transform: translateX(-50%);
    text-decoration: none;
    margin-bottom: 6px;
    padding: 8px;
    text-align: center;
    border-radius: 50%;
    height: 100%;
    width: auto
}

    a.show-me, a.show-me p {
        color: #be1428;
        font-size: 10px !important;
        background-color: #fff !important
    }

.cta-block {
    position: relative;
    z-index: 1
}

.landing_container {
    height: 1080px;
    background-color: #fff;
    max-width: 600px;
    border: 1px solid #f2f2f2;
    padding: 12px;
    height: 100%;
    top: 150px;
    left: -250px;
    position: relative;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    z-index: 1
}

    .landing_container .cta_title-container {
        font-weight: 700;
        text-transform: uppercase
    }

    .landing_container .cta_subtext-container {
        font-size: 18px;
        line-height: 1.5
    }

div[class^=cta_] {
    display: block
}

.heroImage {
    position: relative;
    left: 50%;
    opacity: 0
}

.banner-stripe {
    background-color: #be1428;
    height: auto;
    width: 700px;
    position: absolute;
    top: 75%;
    right: 0;
    z-index: 9
}

    .banner-stripe a, .banner-stripe a.btn {
        line-height: 44px;
        width: 250px;
        display: block;
        text-align: center;
        font-weight: 500;
        border-radius: 0;
        transition: ease-in-out;
        display: inline-block;
        text-decoration: none;
        background-color: #be1428;
        color: #fff !important;
        border: 1px solid #fff;
        margin: 20px;
        z-index: 9
    }

        .banner-stripe a.btn:hover, .banner-stripe a:hover {
            background-color: #fff;
            color: #be1428 !important;
            border: 1px solid #be1428;
            position: relative;
            text-decoration: none
        }

.kb-image-effect {
    position: absolute;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
    animation-name: kenburns;
    animation-timing-function: forwards;
    animation-iteration-count: 1;
    animation-duration: 16s;
    opacity: 1;
    transform: scale(1.2)
}

@keyframes kenburns {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.2)
    }
}

.heroTitle.lp_simple {
    font-size: 45px !important
}

@media screen and (min-width:320px) {
    .heroTitle.lp_simple {
        font-size: calc(32.27273px + 3.97727vw) !important
    }
}

@media screen and (min-width:1200px) {
    .heroTitle.lp_simple {
        font-size: 80px !important
    }
}

.heroTitle.lp_simple h1 span.h1_learn {
    display: block
}

.heroTitle.lp_simple h1 span.h1_work {
    word-break: break-word;
    white-space: normal
}

@media only screen and (max-width:800px) {
    .heroTitle.lp_simple h1 span.h1_work {
        word-break: break-word;
        white-space: normal
    }
}

.kb-image-effect_2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: slideShow 24s linear 0s infinite
}

@keyframes slideShow {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    5% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    30% {
        opacity: 0;
        transform: scale(1.1)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

.lp_simple-wrapper {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: absolute
}

    .lp_simple-wrapper .heroTitle h1 {
        line-height: 1
    }

@keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.shake {
    animation-name: shake
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes jello {
    0%,11.1%,to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.39063deg) skewY(.39063deg)
    }

    88.8% {
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    animation-name: jello;
    transform-origin: center
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.heartBeat {
    animation-name: heartBeat;
    animation-duration: 1.3s;
    animation-timing-function: ease-in-out
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    animation-duration: .75s;
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    animation-duration: .75s;
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-duration: .75s;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    animation-duration: .75s;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    animation-duration: 2s;
    animation-name: hinge
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    animation-name: jackInTheBox
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    animation-name: zoomInDown
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    animation-name: zoomInLeft
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    animation-name: zoomInRight
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    animation-name: zoomInUp
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    animation-name: zoomOutDown
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

.zoomOutRight {
    animation-name: zoomOutRight
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    animation-name: zoomOutUp
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

    .animated.infinite {
        animation-iteration-count: infinite
    }

    .animated.delay-1s {
        animation-delay: 1s
    }

    .animated.delay-2s {
        animation-delay: 2s
    }

    .animated.delay-3s {
        animation-delay: 3s
    }

    .animated.delay-4s {
        animation-delay: 4s
    }

    .animated.delay-5s {
        animation-delay: 5s
    }

    .animated.fast {
        animation-duration: .8s
    }

    .animated.faster {
        animation-duration: .5s
    }

    .animated.slow {
        animation-duration: 2s
    }

    .animated.slower {
        animation-duration: 3s
    }

@media (prefers-reduced-motion),(print) {
    .animated {
        animation: unset !important;
        transition: none !important
    }
}

[class*=" imghvr-"], [class^=imghvr-] {
    position: relative;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    background-color: #2266a5;
    color: #fff;
    overflow: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transform: translateZ(0)
}

    [class*=" imghvr-"] > img, [class^=imghvr-] > img {
        vertical-align: top;
        max-width: 100%
    }

    [class*=" imghvr-"] figcaption, [class^=imghvr-] figcaption {
        background-color: #135796;
        padding: 30px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        color: #fff
    }

        [class*=" imghvr-"] figcaption h1, [class*=" imghvr-"] figcaption h2, [class*=" imghvr-"] figcaption h3, [class*=" imghvr-"] figcaption h4, [class*=" imghvr-"] figcaption h5, [class*=" imghvr-"] figcaption h6, [class^=imghvr-] figcaption h1, [class^=imghvr-] figcaption h2, [class^=imghvr-] figcaption h3, [class^=imghvr-] figcaption h4, [class^=imghvr-] figcaption h5, [class^=imghvr-] figcaption h6 {
            color: #fff
        }

    [class*=" imghvr-"] a, [class^=imghvr-] a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1
    }

    [class*=" imghvr-"], [class*=" imghvr-"] *, [class*=" imghvr-"]:after, [class*=" imghvr-"] :after, [class*=" imghvr-"]:before, [class*=" imghvr-"] :before, [class^=imghvr-], [class^=imghvr-] *, [class^=imghvr-]:after, [class^=imghvr-] :after, [class^=imghvr-]:before, [class^=imghvr-] :before {
        box-sizing: border-box;
        transition: all .35s ease
    }

[class*=" imghvr-fade"]:hover > img, [class*=" imghvr-fade"] figcaption, [class^=imghvr-fade]:hover > img, [class^=imghvr-fade] figcaption {
    opacity: 0
}

[class*=" imghvr-fade"]:hover figcaption, [class^=imghvr-fade]:hover figcaption {
    opacity: 1
}

[class*=" imghvr-fade"]:hover > img, [class*=" imghvr-fade"]:hover figcaption, [class^=imghvr-fade]:hover > img, [class^=imghvr-fade]:hover figcaption {
    transform: translate(0)
}

.imghvr-fade-in-up figcaption {
    transform: translateY(15%)
}

.imghvr-fade-in-down figcaption {
    transform: translateY(-15%)
}

.imghvr-fade-in-left figcaption {
    transform: translate(-15%)
}

.imghvr-fade-in-right figcaption {
    transform: translate(15%)
}

[class*=" imghvr-push-"]:hover figcaption, [class^=imghvr-push-]:hover figcaption {
    transform: translate(0)
}

.imghvr-push-up figcaption {
    transform: translateY(100%)
}

.imghvr-push-down figcaption, .imghvr-push-up:hover > img {
    transform: translateY(-100%)
}

.imghvr-push-down:hover > img {
    transform: translateY(100%)
}

.imghvr-push-left figcaption {
    transform: translateX(100%)
}

.imghvr-push-left:hover > img, .imghvr-push-right figcaption {
    transform: translateX(-100%)
}

.imghvr-push-right:hover > img {
    transform: translateX(100%)
}

[class*=" imghvr-slide-"]:hover figcaption, [class^=imghvr-slide-]:hover figcaption {
    transform: translate(0)
}

.imghvr-slide-up figcaption {
    transform: translateY(100%)
}

.imghvr-slide-down figcaption {
    transform: translateY(-100%)
}

.imghvr-slide-left figcaption {
    transform: translateX(100%)
}

.imghvr-slide-right figcaption {
    transform: translateX(-100%)
}

.imghvr-slide-top-left figcaption {
    transform: translate(-100%,-100%)
}

.imghvr-slide-top-right figcaption {
    transform: translate(100%,-100%)
}

.imghvr-slide-bottom-left figcaption {
    transform: translate(-100%,100%)
}

.imghvr-slide-bottom-right figcaption {
    transform: translate(100%,100%)
}

[class*=" imghvr-reveal-"]:before, [class^=imghvr-reveal-]:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: #135796
}

[class*=" imghvr-reveal-"] figcaption, [class^=imghvr-reveal-] figcaption {
    opacity: 0
}

[class*=" imghvr-reveal-"]:hover:before, [class^=imghvr-reveal-]:hover:before {
    transform: translate(0)
}

[class*=" imghvr-reveal-"]:hover figcaption, [class^=imghvr-reveal-]:hover figcaption {
    opacity: 1;
    transition-delay: .21s
}

.imghvr-reveal-up:before {
    transform: translateY(100%)
}

.imghvr-reveal-down:before {
    transform: translateY(-100%)
}

.imghvr-reveal-left:before {
    transform: translateX(100%)
}

.imghvr-reveal-right:before {
    transform: translateX(-100%)
}

.imghvr-reveal-top-left:before {
    transform: translate(-100%,-100%)
}

.imghvr-reveal-top-right:before {
    transform: translate(100%,-100%)
}

.imghvr-reveal-bottom-left:before {
    transform: translate(-100%,100%)
}

.imghvr-reveal-bottom-right:before {
    transform: translate(100%,100%)
}

[class*=" imghvr-hinge-"], [class^=imghvr-hinge-] {
    perspective: 50em
}

    [class*=" imghvr-hinge-"] figcaption, [class^=imghvr-hinge-] figcaption {
        opacity: 0;
        z-index: 1
    }

    [class*=" imghvr-hinge-"]:hover img, [class^=imghvr-hinge-]:hover img {
        opacity: 0
    }

    [class*=" imghvr-hinge-"]:hover figcaption, [class^=imghvr-hinge-]:hover figcaption {
        opacity: 1;
        transition-delay: .21s
    }

.imghvr-hinge-up img {
    transform-origin: 50% 0
}

.imghvr-hinge-up figcaption {
    transform: rotateX(90deg);
    transform-origin: 50% 100%
}

.imghvr-hinge-up:hover > img {
    transform: rotateX(-90deg)
}

.imghvr-hinge-up:hover figcaption {
    transform: rotateX(0)
}

.imghvr-hinge-down img {
    transform-origin: 50% 100%
}

.imghvr-hinge-down figcaption {
    transform: rotateX(-90deg);
    transform-origin: 50% -50%
}

.imghvr-hinge-down:hover > img {
    transform: rotateX(90deg);
    opacity: 0
}

.imghvr-hinge-down:hover figcaption {
    transform: rotateX(0)
}

.imghvr-hinge-left img {
    transform-origin: 0 50%
}

.imghvr-hinge-left figcaption {
    transform: rotateY(-90deg);
    transform-origin: 100% 50%
}

.imghvr-hinge-left:hover > img {
    transform: rotateY(90deg)
}

.imghvr-hinge-left:hover figcaption {
    transform: rotateY(0)
}

.imghvr-hinge-right img {
    transform-origin: 100% 50%
}

.imghvr-hinge-right figcaption {
    transform: rotateY(90deg);
    transform-origin: 0 50%
}

.imghvr-hinge-right:hover > img {
    transform: rotateY(-90deg)
}

.imghvr-hinge-right:hover figcaption {
    transform: rotateY(0)
}

[class*=" imghvr-flip-"], [class^=imghvr-flip-] {
    perspective: 50em
}

    [class*=" imghvr-flip-"] img, [class^=imghvr-flip-] img {
        backface-visibility: hidden
    }

    [class*=" imghvr-flip-"]:hover > img, [class*=" imghvr-flip-"] figcaption, [class^=imghvr-flip-]:hover > img, [class^=imghvr-flip-] figcaption {
        opacity: 0
    }

    [class*=" imghvr-flip-"]:hover figcaption, [class^=imghvr-flip-]:hover figcaption {
        opacity: 1;
        transition-delay: .14s
    }

.imghvr-flip-horiz figcaption {
    transform: rotateX(90deg);
    transform-origin: 0 50%
}

.imghvr-flip-horiz:hover img {
    transform: rotateX(-180deg)
}

.imghvr-flip-horiz:hover figcaption {
    transform: rotateX(0deg)
}

.imghvr-flip-vert figcaption {
    transform: rotateY(90deg);
    transform-origin: 50% 0
}

.imghvr-flip-vert:hover > img {
    transform: rotateY(-180deg)
}

.imghvr-flip-vert:hover figcaption {
    transform: rotateY(0deg)
}

.imghvr-flip-diag-1 figcaption {
    transform: rotate3d(1,-1,0,100deg)
}

.imghvr-flip-diag-1:hover > img {
    transform: rotate3d(-1,1,0,100deg)
}

.imghvr-flip-diag-1:hover figcaption {
    transform: rotate3d(0,0,0,0deg)
}

.imghvr-flip-diag-2 figcaption {
    transform: rotate3d(1,1,0,100deg)
}

.imghvr-flip-diag-2:hover > img {
    transform: rotate3d(-1,-1,0,100deg)
}

.imghvr-flip-diag-2:hover figcaption {
    transform: rotate3d(0,0,0,0deg)
}

[class*=" imghvr-shutter-out-"]:before, [class^=imghvr-shutter-out-]:before {
    background: #135796;
    position: absolute;
    content: "";
    transition-delay: .105s
}

[class*=" imghvr-shutter-out-"] figcaption, [class^=imghvr-shutter-out-] figcaption {
    opacity: 0;
    transition-delay: 0s
}

[class*=" imghvr-shutter-out-"]:hover:before, [class^=imghvr-shutter-out-]:hover:before {
    transition-delay: 0s
}

[class*=" imghvr-shutter-out-"]:hover figcaption, [class^=imghvr-shutter-out-]:hover figcaption {
    opacity: 1;
    transition-delay: .105s
}

.imghvr-shutter-out-horiz:before {
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0
}

.imghvr-shutter-out-horiz:hover:before {
    left: 0;
    right: 0
}

.imghvr-shutter-out-vert:before {
    top: 50%;
    bottom: 50%;
    left: 0;
    right: 0
}

.imghvr-shutter-out-vert:hover:before {
    top: 0;
    bottom: 0
}

.imghvr-shutter-out-diag-1:before {
    top: 50%;
    bottom: 50%;
    left: -35%;
    right: -35%;
    transform: rotate(45deg)
}

.imghvr-shutter-out-diag-1:hover:before {
    top: -35%;
    bottom: -35%
}

.imghvr-shutter-out-diag-2:before {
    top: 50%;
    bottom: 50%;
    left: -35%;
    right: -35%;
    transform: rotate(-45deg)
}

.imghvr-shutter-out-diag-2:hover:before {
    top: -35%;
    bottom: -35%
}

[class*=" imghvr-shutter-in-"]:after, [class*=" imghvr-shutter-in-"]:before, [class^=imghvr-shutter-in-]:after, [class^=imghvr-shutter-in-]:before {
    background: #135796;
    position: absolute;
    content: ""
}

[class*=" imghvr-shutter-in-"]:after, [class^=imghvr-shutter-in-]:after {
    top: 0;
    left: 0
}

[class*=" imghvr-shutter-in-"]:before, [class^=imghvr-shutter-in-]:before {
    right: 0;
    bottom: 0
}

[class*=" imghvr-shutter-in-"] figcaption, [class^=imghvr-shutter-in-] figcaption {
    opacity: 0;
    z-index: 1
}

[class*=" imghvr-shutter-in-"]:hover figcaption, [class^=imghvr-shutter-in-]:hover figcaption {
    opacity: 1;
    transition-delay: .21s
}

.imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before {
    width: 0;
    height: 100%
}

.imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before {
    width: 50%
}

.imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before {
    height: 0;
    width: 100%
}

.imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before {
    height: 50%
}

.imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before {
    width: 0;
    height: 100%;
    opacity: .75
}

.imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before {
    width: 100%
}

.imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before {
    height: 0;
    width: 100%;
    opacity: .75
}

.imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before {
    height: 100%
}

.imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {
    width: 200%;
    height: 200%;
    transition: all .6s ease;
    opacity: .75
}

.imghvr-shutter-in-out-diag-1:after {
    transform: skew(-45deg) translateX(-150%)
}

.imghvr-shutter-in-out-diag-1:before {
    transform: skew(-45deg) translateX(150%)
}

.imghvr-shutter-in-out-diag-1:hover:after {
    transform: skew(-45deg) translateX(-50%)
}

.imghvr-shutter-in-out-diag-1:hover:before {
    transform: skew(-45deg) translateX(50%)
}

.imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before {
    width: 200%;
    height: 200%;
    transition: all .6s ease;
    opacity: .75
}

.imghvr-shutter-in-out-diag-2:after {
    transform: skew(45deg) translateX(-100%)
}

.imghvr-shutter-in-out-diag-2:before {
    transform: skew(45deg) translateX(100%)
}

.imghvr-shutter-in-out-diag-2:hover:after, .imghvr-shutter-in-out-diag-2:hover:before {
    transform: skew(45deg) translateX(0)
}

[class*=" imghvr-fold"], [class^=imghvr-fold] {
    perspective: 50em
}

    [class*=" imghvr-fold"] img, [class^=imghvr-fold] img {
        transform-origin: 50% 0
    }

    [class*=" imghvr-fold"] figcaption, [class^=imghvr-fold] figcaption {
        z-index: 1;
        opacity: 0
    }

    [class*=" imghvr-fold"]:hover > img, [class^=imghvr-fold]:hover > img {
        opacity: 0;
        transition-delay: 0
    }

    [class*=" imghvr-fold"]:hover figcaption, [class^=imghvr-fold]:hover figcaption {
        transform: rotateX(0) translateZ(0) scale(1);
        opacity: 1;
        transition-delay: .21s
    }

.imghvr-fold-up > img {
    transform-origin: 50% 0
}

.imghvr-fold-up figcaption {
    transform: rotateX(-90deg) translate3d(0,-50%,0) scale(.6);
    transform-origin: 50% 100%
}

.imghvr-fold-up:hover > img {
    transform: rotateX(90deg) scale(.6) translateY(50%)
}

.imghvr-fold-down > img {
    transform-origin: 50% 100%
}

.imghvr-fold-down figcaption {
    transform: rotateX(90deg) translate3d(0,50%,0) scale(.6);
    transform-origin: 50% 0
}

.imghvr-fold-down:hover > img {
    transform: rotateX(-90deg) scale(.6) translateY(-50%)
}

.imghvr-fold-left > img {
    transform-origin: 0 50%
}

.imghvr-fold-left figcaption {
    transform: rotateY(90deg) translate3d(-50%,0,0) scale(.6);
    transform-origin: 100% 50%
}

.imghvr-fold-left:hover > img {
    transform: rotateY(-90deg) scale(.6) translateX(50%)
}

.imghvr-fold-right > img {
    transform-origin: 100% 50%
}

.imghvr-fold-right figcaption {
    transform: rotateY(-90deg) translate3d(50%,0,0) scale(.6);
    transform-origin: 0 50%
}

.imghvr-fold-right:hover > img {
    transform: rotateY(90deg) scale(.6) translateX(-50%)
}

.imghvr-zoom-in figcaption {
    opacity: 0;
    transform: scale(.5)
}

.imghvr-zoom-in:hover figcaption {
    transform: scale(1);
    opacity: 1
}

[class*=" imghvr-zoom-out"] figcaption, [class^=imghvr-zoom-out] figcaption {
    transform: scale(.5);
    transform-origin: 50% 50%;
    opacity: 0
}

[class*=" imghvr-zoom-out"].hover figcaption, [class*=" imghvr-zoom-out"]:hover figcaption, [class^=imghvr-zoom-out].hover figcaption, [class^=imghvr-zoom-out]:hover figcaption {
    transform: scale(1);
    opacity: 1;
    transition-delay: .35s
}

.imghvr-zoom-out:hover > img {
    transform: scale(.5);
    opacity: 0
}

.imghvr-zoom-out-up.hover > img, .imghvr-zoom-out-up:hover > img {
    animation: imghvr-zoom-out-up .4025s linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes imghvr-zoom-out-up {
    50% {
        transform: scale(.8) translateY(0);
        opacity: .5
    }

    to {
        transform: scale(.8) translateY(-150%);
        opacity: .5
    }
}

.imghvr-zoom-out-down.hover > img, .imghvr-zoom-out-down:hover > img {
    animation: imghvr-zoom-out-down .4025s linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes imghvr-zoom-out-down {
    50% {
        transform: scale(.8) translateY(0);
        opacity: .5
    }

    to {
        transform: scale(.8) translateY(150%);
        opacity: .5
    }
}

.imghvr-zoom-out-left.hover > img, .imghvr-zoom-out-left:hover > img {
    animation: imghvr-zoom-out-left .4025s linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes imghvr-zoom-out-left {
    50% {
        transform: scale(.8) translateX(0);
        opacity: .5
    }

    to {
        transform: scale(.8) translateX(-150%);
        opacity: .5
    }
}

.imghvr-zoom-out-right.hover > img, .imghvr-zoom-out-right:hover > img {
    animation: imghvr-zoom-out-right .4025s linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes imghvr-zoom-out-right {
    50% {
        transform: scale(.8) translateX(0);
        opacity: .5
    }

    to {
        transform: scale(.8) translateX(150%);
        opacity: .5
    }
}

.imghvr-zoom-out-flip-horiz {
    perspective: 50em
}

    .imghvr-zoom-out-flip-horiz figcaption {
        opacity: 0;
        transform: rotateX(90deg) translateY(-100%) scale(.5)
    }

    .imghvr-zoom-out-flip-horiz.hover > img, .imghvr-zoom-out-flip-horiz:hover > img {
        transform: rotateX(-100deg) translateY(50%) scale(.5);
        opacity: 0;
        transition-delay: 0
    }

    .imghvr-zoom-out-flip-horiz.hover figcaption, .imghvr-zoom-out-flip-horiz:hover figcaption {
        transform: rotateX(0) translateY(0) scale(1);
        opacity: 1;
        transition-delay: .35s
    }

.imghvr-zoom-out-flip-vert {
    perspective: 50em
}

    .imghvr-zoom-out-flip-vert figcaption {
        opacity: 0;
        transform: rotateY(90deg) translate(50%) scale(.5)
    }

    .imghvr-zoom-out-flip-vert.hover > img, .imghvr-zoom-out-flip-vert:hover > img {
        transform: rotateY(-100deg) translateX(50%) scale(.5);
        opacity: 0;
        transition-delay: 0
    }

    .imghvr-zoom-out-flip-vert.hover figcaption, .imghvr-zoom-out-flip-vert:hover figcaption {
        transform: rotateY(0) translate(0) scale(1);
        opacity: 1;
        transition-delay: .35s
    }

.imghvr-blur figcaption {
    opacity: 0
}

.imghvr-blur:hover > img {
    filter: blur(30px);
    transform: scale(1.2);
    opacity: 0
}

.imghvr-blur:hover figcaption {
    opacity: 1;
    transition-delay: .21s
}

.sliderContent {
    height: 600px;
    background-position: 50%;
    max-height: 600px
}

    .sliderContent .slider_heading-holder {
        position: absolute;
        top: 33%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        text-align: center
    }

    .sliderContent .sliderContent-img-holder {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .sliderContent .slider_heading1, .sliderContent .slider_heading2 {
        color: #fff;
        font-weight: 800;
        z-index: 999;
        font-family: Roboto,sans-serif;
        transition: color .2s ease-in;
        text-transform: uppercase;
        text-align: center;
        font-size: 24px !important
    }

@media screen and (min-width:320px) {
    .sliderContent .slider_heading1, .sliderContent .slider_heading2 {
        font-size: calc(10.90909px + 4.09091vw) !important
    }
}

@media screen and (min-width:1200px) {
    .sliderContent .slider_heading1, .sliderContent .slider_heading2 {
        font-size: 60px !important
    }
}

@media only screen and (max-width:800px) {
    .sliderContent .slider_heading1, .sliderContent .slider_heading2 {
        line-height: 1
    }
}

.sliderContent .slider_heading1 {
    line-height: 1
}

.sliderContent .slider_paragraph {
    color: #fff;
    font-weight: 400;
    z-index: 999;
    font-family: Roboto,sans-serif;
    text-align: center;
    line-height: 1;
    margin-top: 15px;
    transition: color .2s ease-in;
    font-size: 13px !important
}

@media screen and (min-width:320px) {
    .sliderContent .slider_paragraph {
        font-size: calc(9px + 1.25vw) !important
    }
}

@media screen and (min-width:1200px) {
    .sliderContent .slider_paragraph {
        font-size: 24px !important
    }
}

.sliderContent .target.background--light {
    color: #333
}

.sliderContent .target.background--dark {
    color: #f2f2f2
}

.sliderContent .target.background--complex {
    color: #909090
}

.slider_cta-holder {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    position: absolute;
    right: 0;
    top: 53%
}

@media only screen and (max-width:768px) {
    .slider_cta-holder {
        width: 100%;
        text-align: center;
        justify-content: center
    }
}

.slider_cta-holder .slider_cta1, .slider_cta-holder .slider_cta2 {
    background-color: #333;
    width: 100%;
    position: relative;
    padding: 22px 34px;
    margin: 16px 0;
    color: #fff;
    align-self: flex-end;
    min-width: 450px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:480px) {
    .slider_cta-holder .slider_cta1, .slider_cta-holder .slider_cta2 {
        min-width: auto;
        text-align: center;
        justify-content: center;
        flex-direction: column
    }
}

.slider_cta-holder .slider_cta1 a, .slider_cta-holder .slider_cta2 a {
    text-transform: uppercase
}

.slider_cta-holder .cta19_btn {
    border: 1px solid #be1428;
    color: #fff;
    background-color: #be1428;
    margin: 0 16px
}

    .slider_cta-holder .cta19_btn:hover {
        text-transform: uppercase;
        color: #be1428;
        background-color: #fff;
        border: 1px solid #be1428
    }

.slider_cta-holder .cta-inner {
    text-transform: uppercase;
    font-weight: 700;
    min-width: 200px
}

    .slider_cta-holder .cta-inner a {
        min-width: 200px
    }

    .slider_cta-holder .cta-inner p {
        min-width: 200px;
        margin: 0;
        display: inline
    }

@media only screen and (max-width:480px) {
    .slider_cta-holder .cta-inner_txt {
        margin: 3px 0 0
    }
}

.vid-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden
}

    .vid-wrapper .overlay_dots-slider {
        background: url(https://www.tafesa.edu.au/images/default-source/hostedassets/landing-page-assets/overlay_dots.png);
        width: 100%;
        height: 100%;
        z-index: 99;
        background-repeat: repeat;
        position: relative;
        opacity: .1
    }

    .vid-wrapper .vid {
        height: 100vh;
        width: 100%;
        -o-object-fit: fill;
        object-fit: fill;
        position: absolute
    }

.flexslider {
    margin: 0 0 60px;
    border: none
}

    .flexslider .flex-next:before, .flexslider .flex-prev:before {
        content: "" !important
    }

.cta19_wrapper {
    width: 100%;
    background-color: #333;
    padding: 32px 0;
    margin: 60px 0
}

    .cta19_wrapper .cta19_banner {
        color: #fff;
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center
    }

@media only screen and (max-width:992px) {
    .cta19_wrapper .cta19_banner {
        flex-direction: column;
        margin: 22px
    }
}

.cta19_wrapper .cta19_banner .cta19_copy, .cta19_wrapper .cta19_banner a {
    display: inline-block;
    text-transform: uppercase
}

.cta19_wrapper .cta19_banner .cta19_banner-copy-wrapper {
    display: flex;
    flex-direction: column
}

    .cta19_wrapper .cta19_banner .cta19_banner-copy-wrapper .cta19_copy {
        font-size: 28px;
        font-weight: 800;
        position: relative;
        top: 4px;
        margin: 0 24px 9px 0
    }

@media only screen and (max-width:992px) {
    .cta19_wrapper .cta19_banner .cta19_banner-copy-wrapper {
        margin: 12px 0
    }
}

.cta19_wrapper .cta19_banner .cta19_btn {
    border: 1px solid #be1428;
    color: #fff;
    background-color: #be1428
}

    .cta19_wrapper .cta19_banner .cta19_btn:hover {
        color: #be1428;
        background-color: #fff;
        border: 1px solid #be1428;
        height: 46px
    }

.slider19_wrapper {
    height: 800px;
    width: 100%
}

    .slider19_wrapper .slider19_inner {
        background-size: cover
    }

.marketingBanner h1 {
    text-align: center;
    font-family: Montserrat,sans-serif;
    color: #333;
    margin-top: 150px
}

.marketingBanner .accordion {
    width: 100%;
    height: 400px;
    overflow: hidden;
    margin: 0 auto
}

    .marketingBanner .accordion ul {
        width: 100%;
        display: table;
        table-layout: fixed;
        margin: 0;
        padding: 0
    }

        .marketingBanner .accordion ul li {
            display: table-cell;
            vertical-align: bottom;
            position: relative;
            width: 16.666%;
            height: 250px;
            background-repeat: no-repeat;
            background-position: 0;
            transition: all .5s ease
        }

            .marketingBanner .accordion ul li div {
                display: block;
                overflow: hidden;
                width: 100%
            }

                .marketingBanner .accordion ul li div a {
                    display: block;
                    height: 400px;
                    width: 100%;
                    position: relative;
                    z-index: 3;
                    vertical-align: bottom;
                    padding: 15px 20px;
                    box-sizing: border-box;
                    color: #fff;
                    text-decoration: none;
                    font-family: Open Sans,sans-serif;
                    transition: all .2s ease
                }

                    .marketingBanner .accordion ul li div a * {
                        opacity: 0;
                        margin: 0;
                        width: 100%;
                        text-overflow: ellipsis;
                        position: relative;
                        z-index: 5;
                        white-space: nowrap;
                        overflow: hidden;
                        transform: translateX(-20px);
                        transition: all .4s ease
                    }

                    .marketingBanner .accordion ul li div a h2 {
                        font-family: lato,sans-serif;
                        text-overflow: clip;
                        font-size: 24px;
                        text-transform: uppercase;
                        margin-bottom: 2px;
                        top: 160px;
                        color: #fff
                    }

                    .marketingBanner .accordion ul li div a p {
                        top: 160px;
                        font-size: 13.5px
                    }

        .marketingBanner .accordion ul:hover li {
            width: 8%
        }

            .marketingBanner .accordion ul:hover li:hover {
                width: 60%
            }

                .marketingBanner .accordion ul:hover li:hover a {
                    background: rgba(0,0,0,.4)
                }

                    .marketingBanner .accordion ul:hover li:hover a * {
                        opacity: 1;
                        transform: translateX(0)
                    }

@media screen and (max-width:600px) {
    .marketingBanner .accordion {
        height: auto
    }

        .marketingBanner .accordion ul:hover li, .marketingBanner .accordion ul:hover li:hover, .marketingBanner .accordion ul li, .marketingBanner .accordion ul li:hover {
            position: relative;
            display: table;
            table-layout: fixed;
            width: 100%;
            transition: none
        }

            .marketingBanner .accordion ul li div a * {
                opacity: 1;
                transform: translateX(0)
            }
}

.marketingBanner .about {
    text-align: center;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    color: #666
}

    .marketingBanner .about a {
        color: #00f;
        text-decoration: none
    }

        .marketingBanner .about a:hover {
            text-decoration: underline
        }

.caption, .slick-slide, .slick-slide:before {
    backface-visibility: hidden
}

    .slick-slide:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.main-slider {
    position: relative;
    width: 100%;
    height: 800px;
    min-height: 12vw;
    margin-bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 1.2s ease;
    padding: 0;
    max-width: 100%;
    overflow-y: hidden
}

    .main-slider.slick-initialized {
        opacity: 1;
        visibility: visible
    }

.slick-slide.image .slide-video {
    display: none
}

.slick-slide.image .slide-image {
    display: block
}

.slick-slide.video .slide-image {
    display: none
}

.slick-slide.video .slide-video {
    display: block
}

.slick-slide {
    position: relative;
    height: 800px
}

    .slick-slide:before {
        background-color: transparent;
        opacity: .3;
        z-index: 1
    }

    .slick-slide video {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translate(-50%,-50%)
    }

@media only screen and (min-width:480px) {
    .slick-slide video {
        padding-left: 0 !important
    }
}

.slick-slide iframe {
    position: relative;
    pointer-events: none
}

.slick-slide figure {
    position: relative;
    height: 100%
}

.slick-slide .slide-image {
    opacity: 1;
    height: 100%;
    background-size: cover;
    background-position: top;
    background-color: #333;
    transition: all .8s ease
}

    .slick-slide .slide-image.show {
        opacity: 1
    }

@media only screen and (max-width:480px) {
    .slick-slide .slide-image {
        background-position: 30%
    }
}

.slick-slide .image-entity {
    width: 100%;
    opacity: 0;
    visibility: hidden
}

.slick-slide .loading {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%
}

.slick-slide .slide-media {
    animation: slideOut 3s cubic-bezier(.4,.29,.01,1)
}

.slick-slide.slick-active {
    z-index: 1
}

    .slick-slide.slick-active .slide-media {
        animation: slideIn 5s cubic-bezier(.4,.29,.01,1)
    }

    .slick-slide.slick-active .caption {
        opacity: 1;
        text-transform: uppercase;
        transform: translateY(0);
        transition: all 2s cubic-bezier(.32,.34,0,1.62) .6s;
        z-index: 2;
        max-width: 40%
    }

@media only screen and (max-width:1100px) {
    .slick-slide.slick-active .caption {
        max-width: none
    }
}

@media only screen and (max-width:480px) {
    .slick-slide.slick-active .caption {
        left: 50%;
        transform: translateX(-50%) translateY(0);
        top: 33%
    }
}

.slick-slide .overlay_holder {
    height: 100%;
    width: 100%;
    z-index: 1;
    position: absolute;
    opacity: .2
}

    .slick-slide .overlay_holder.dark_hero_overlay {
        background-color: #000
    }

    .slick-slide .overlay_holder.light_hero_overlay {
        background-color: #fff
    }

    .caption, .slick-slide .overlay_holder.noverlay {
        opacity: 0
    }

.caption {
    position: absolute;
    text-align: center;
    padding: 20px;
    color: #fff;
    margin: 0;
    font-weight: 800;
    font-family: Muli,sans-serif;
    line-height: 1;
    z-index: 1;
    transition: all .3s ease
}

    .caption p {
        margin: 0;
        font-size: 32px !important
    }

@media screen and (min-width:320px) {
    .caption p {
        font-size: calc(11.63636px + 6.36364vw) !important
    }
}

@media screen and (min-width:1200px) {
    .caption p {
        font-size: 88px !important
    }
}

.caption p span {
    color: transparent;
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 1px
}

.caption a {
    padding-left: 32px;
    padding-right: 32px;
    margin-top: 18px;
    font-size: 18px !important
}

@media screen and (min-width:320px) {
    .caption a {
        font-size: calc(16.54545px + .45455vw) !important
    }
}

@media screen and (min-width:1200px) {
    .caption a {
        font-size: 22px !important
    }
}

.caption .tag_alt {
    font-family: Dancing Script,cursive;
    text-transform: none;
    font-size: 32px !important
}

@media screen and (min-width:320px) {
    .caption .tag_alt {
        font-size: calc(21.81818px + 3.18182vw) !important
    }
}

@media screen and (min-width:1200px) {
    .caption .tag_alt {
        font-size: 60px !important
    }
}

.caption .tag_alt_ofont {
    text-transform: capitalize;
    font-size: 32px !important
}

@media screen and (min-width:320px) {
    .caption .tag_alt_ofont {
        font-size: calc(21.81818px + 3.18182vw) !important
    }
}

@media screen and (min-width:1200px) {
    .caption .tag_alt_ofont {
        font-size: 60px !important
    }
}

.caption .slider-overlay {
    width: 320px
}

@media only screen and (max-width:768px) {
    .caption .slider-overlay {
        max-width: 60%
    }
}

@media only screen and (max-width:480px) {
    .caption {
        top: 50%;
        width: 75%;
        left: 0;
        margin: 0 auto
    }

        .caption a.btn_cp.btn_enq-now {
            margin-right: 0;
            line-height: 1;
            padding: 12px
        }
}

.caption.left_side {
    top: 25%;
    transform: translateY(-50%);
    left: 5%
}

@media only screen and (max-width:480px) {
    .caption.left_side {
        left: 50%;
        transform: translateX(-50%) translateY(0);
        top: 33%
    }
}

.caption.right_side {
    top: 25%;
    transform: translateY(-50%);
    right: 5%
}

@media only screen and (max-width:480px) {
    .caption.right_side {
        top: 0;
        transform: none;
        right: 0
    }
}

.caption.center_side {
    top: 25%;
    transform: translateY(-50%);
    left: 36.6%
}

@media only screen and (max-width:480px) {
    .caption.center_side {
        top: 0;
        transform: none;
        right: 0
    }
}

@media (max-width:767px) {
    padding:12px;border-width:1px;left:0
}

@keyframes slideIn {
    0% {
        filter: blur(15px)
    }

    to {
        filter: blur(0)
    }
}

@keyframes slideOut {
    0% {
        filter: blur(0)
    }

    to {
        filter: blur(15px)
    }
}

.caro_media {
    overflow: hidden
}

    .caro_media .caro_media-image {
        width: 100%;
        background-position: 50%;
        background-size: cover
    }

.hide_this {
    display: none
}

.section-wrapper {
    width: 100%;
    height: 100vh;
    margin: auto;
    position: absolute;
    opacity: 0;
    z-index: 0;
    display: none;
    background-color: #333
}

@media only screen and (max-width:800px) {
    .section-wrapper {
        margin: 79px 0 45px
    }
}

@media only screen and (max-width:800px) {
    #section-wrapper > section > div > ul > li:nth-child(12) > a > div {
        border-bottom: none
    }
}

section.icon-block {
    display: inline;
    position: relative;
    z-index: 9;
    width: 100%;
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translatey(-50%) translateX(-50%);
    max-width: 1200px;
    margin: 0 auto
}

@media only screen and (max-width:800px) {
    section.icon-block {
        top: 0;
        transform: translateX(-50%);
        padding: 0
    }
}

section.icon-block .icon_container {
    margin: 60px auto
}

@media only screen and (max-width:800px) {
    section.icon-block .icon_container {
        margin: 0 auto
    }
}

section.icon-block .icon_container .icons {
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch
}

    section.icon-block .icon_container .icons .icon_box, section.icon-block .icon_container .icons .icon_box_grid {
        width: 14%;
        margin: 8px;
        text-align: center;
        padding: 0;
        position: relative
    }

@media only screen and (max-width:1200px) {
    section.icon-block .icon_container .icons .icon_box, section.icon-block .icon_container .icons .icon_box_grid {
        width: 22%
    }
}

@media only screen and (max-width:768px) {
    section.icon-block .icon_container .icons .icon_box, section.icon-block .icon_container .icons .icon_box_grid {
        width: 100%;
        text-align: left;
        margin: 0
    }
}

section.icon-block .icon_container .icons .icon_box:hover, section.icon-block .icon_container .icons .icon_box_grid:hover {
    background-color: #404040
}

section.icon-block .icon_container .icons .icon_box .course-links, section.icon-block .icon_container .icons .icon_box_grid .course-links {
    text-align: center;
    height: 32px
}

    section.icon-block .icon_container .icons .icon_box .course-links a, section.icon-block .icon_container .icons .icon_box_grid .course-links a {
        text-decoration: none;
        color: #fff;
        font-weight: 500
    }

section.icon-block .icon_container .icons .icon_box .course-link_copy, section.icon-block .icon_container .icons .icon_box_grid .course-link_copy {
    text-align: center;
    margin: 15px 0
}

    section.icon-block .icon_container .icons .icon_box .course-link_copy .tafe_button.btn_red, section.icon-block .icon_container .icons .icon_box_grid .course-link_copy .tafe_button.btn_red {
        font-weight: 600
    }

        section.icon-block .icon_container .icons .icon_box .course-link_copy .tafe_button.btn_red:hover, section.icon-block .icon_container .icons .icon_box_grid .course-link_copy .tafe_button.btn_red:hover {
            background-color: #333;
            font-weight: 600
        }

li a {
    width: 100%;
    height: auto
}

.ig_inner, li a {
    text-decoration: none
}

.ig_inner {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    padding: 8px
}

@media only screen and (max-width:768px) {
    .ig_inner {
        width: 100%;
        padding: 8px;
        display: flex;
        flex-direction: row;
        align-items: center
    }
}

.ig_inner .svg-wrapper {
    height: 61px;
    width: 54px;
    margin: 4px auto
}

@media only screen and (max-width:768px) {
    .ig_inner .svg-wrapper {
        width: 45px;
        margin: 0;
        display: inline-block
    }
}

.ig_inner h3 {
    font-family: Roboto,sans-serif;
    text-transform: uppercase;
    font-size: 15px !important
}

@media screen and (min-width:320px) {
    .ig_inner h3 {
        font-size: calc(13.90909px + .34091vw) !important
    }
}

@media screen and (min-width:1200px) {
    .ig_inner h3 {
        font-size: 18px !important
    }
}

.ig_inner:hover path {
    fill: #f20000
}

.ig_inner:hover h3 {
    color: #f20000;
    text-decoration: none
}

li.icon_box img, li.icon_box object {
    width: 65px;
    height: auto;
    position: relative;
    margin-bottom: 16px
}

[class*=" imghvr-"], [class*=" imghvr-"] figcaption, [class^=imghvr-], [class^=imghvr-] figcaption {
    background-color: transparent;
    padding: 4px
}

    [class*=" imghvr-"] a, [class^=imghvr-] a {
        position: relative
    }

.ig_container {
    width: auto;
    height: 165px;
    margin: auto
}

@media only screen and (max-width:800px) {
    .ig_container {
        border-bottom: 1px solid #404040;
        height: 100%
    }
}

@media only screen and (max-width:800px) {
    .ig_container h3 {
        display: inline-block
    }
}

@media (max-width:768px) {
    .ig_container h3 {
        margin-left: 24px
    }
}

.iGrid_mainContent h3 {
    padding: 0 0 16px
}

@media only screen and (max-width:800px) {
    .iGrid_mainContent h3 {
        padding: 0
    }
}

.iGrid_mainContent {
    padding: 16px 0
}

.iGrid_section-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    z-index: 0
}

@media only screen and (max-width:800px) {
    .iGrid_section-wrapper {
        margin: 79px 0 45px
    }
}

.iGrid_section-wrapper section {
    display: inline;
    position: relative;
    top: 0;
    transform: translateX(-50%)
}

    .iGrid_section-wrapper section .icon_container {
        margin: 0 auto
    }

    .iGrid_section-wrapper section ul.icons {
        list-style-type: none
    }

        .iGrid_section-wrapper section ul.icons li.icon_box {
            opacity: 1 !important
        }

        .iGrid_section-wrapper section ul.icons a {
            text-decoration: none
        }

.back_333 {
    background-color: #333;
    width: 100%;
    padding: 100px 0 160px;
    position: relative;
    display: inline-block
}

@media only screen and (max-width:768px) {
    .back_333 {
        padding: 50px 0
    }
}

.back_333 ._h2, .back_333 p {
    text-align: center;
    color: #fff
}

.back_333 p {
    padding: 0 15px
}

.grid_mainContent, .icon-block {
    padding: 0;
    background-color: #333;
    height: 100%
}

.grid_section-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    z-index: 0
}

    .grid_section-wrapper section {
        display: inline;
        position: relative;
        top: 0;
        transform: translateX(-50%)
    }

        .grid_section-wrapper section .icon_container {
            margin: 0 auto
        }

        .grid_section-wrapper section ul.icons {
            list-style-type: none
        }

section.icon-block .icon_container {
    background-color: #333
}

.ig_inner .svg-wrapper path {
    fill: #fff
}

.ig_container h3 {
    text-decoration: none;
    color: #333;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1;
    color: #fff
}

section.icon-block .icon_container .icons .icon_box_grid {
    width: 23%;
    box-shadow: 0 0 0 0 #b31217;
    transition: box-shadow .1s ease-in-out,background-color .2s ease-in-out;
    position: relative;
    text-align: center
}

    section.icon-block .icon_container .icons .icon_box_grid a {
        text-decoration: none
    }

@media only screen and (max-width:768px) {
    section.icon-block .icon_container .icons .icon_box_grid {
        width: 100%;
        text-align: left;
        margin: 0
    }
}

section.icon-block .icon_container .icons .icon_box_grid:hover {
    background-color: #f5f5f5;
    box-shadow: 0 6px 0 0 #b31217
}

    section.icon-block .icon_container .icons .icon_box_grid:hover .ig_inner .svg-wrapper path {
        fill: #be1428
    }

    section.icon-block .icon_container .icons .icon_box_grid:hover h3 {
        color: #333
    }

:root section.icon-block .icon_container .icons .icon_box_grid:hover, _:-ms-fullscreen {
    background-color: #f5f5f5;
    box-shadow: none
}

    :root section.icon-block .icon_container .icons .icon_box_grid:hover .ig_inner .svg-wrapper path, _:-ms-fullscreen .ig_inner .svg-wrapper path {
        fill: #be1428
    }

    :root section.icon-block .icon_container .icons .icon_box_grid:hover h3, _:-ms-fullscreen h3 {
        color: #333
    }

.searchRow {
    width: 100%
}

    .searchRow .row {
        margin-right: 0;
        margin-left: 0
    }

    .searchRow .row_background-image {
        background-image: url(/img/assets/serachRow/searchRow_image.jpg);
        background-repeat: no-repeat;
        height: 900px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-position: 50%;
        background-size: cover
    }

    .searchRow .search_container {
        background-color: rgba(51,51,51,.8);
        width: 600px;
        position: relative;
        padding: 50px 40px
    }

@media only screen and (max-width:480px) {
    .searchRow .search_container {
        padding: 20px;
        margin: 0 20px
    }
}

.searchRow .search_container h2 {
    padding: 0;
    margin: 0;
    text-align: left;
    color: #fff
}

.searchRow .search_container .input_wrapper {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    margin: 21px 0
}

@media only screen and (max-width:480px) {
    .searchRow .search_container .input_wrapper {
        margin: 20px 0 0
    }
}

.searchRow .search_container .input_wrapper object {
    height: 32px
}

.searchRow .search_container .input_wrapper div, .searchRow .search_container .input_wrapper div .sfsearchBox {
    width: 100%
}

    .searchRow .search_container .input_wrapper div .sfsearchBox .sfsearchTxt {
        height: 32px;
        width: 100%;
        border: none;
        border-bottom: 1px solid #f2f2f2;
        margin-left: 11px;
        background-color: transparent;
        color: #fff;
        font-size: 22px;
        padding: 32px 32px 32px 10px
    }

        .searchRow .search_container .input_wrapper div .sfsearchBox .sfsearchTxt:focus {
            box-shadow: 0 0 1px hsla(0,0%,100%,.4)
        }

    .searchRow .search_container .input_wrapper div .sfsearchBox .sfsearchSubmit {
        position: relative;
        top: -49px;
        left: 91%
    }

@media only screen and (max-width:480px) {
    .searchRow .search_container .input_wrapper div .sfsearchBox .sfsearchSubmit {
        left: 88%
    }
}

.fill_grey {
    background-color: #333
}

.TSASearch-container .sfsearchBox .sfsearchTxt {
    width: 95%;
    font-size: 18px
}

@media only screen and (max-width:480px) {
    .TSASearch-container .sfsearchBox .sfsearchTxt {
        width: 87%
    }
}

.TSASearch-container .sfsearchBox .sfsearchSubmit {
    background-color: #fff;
    background-position-y: 100%
}

    .TSASearch-container .sfsearchBox .sfsearchSubmit:hover {
        background-color: #be1428;
        background-position-y: 0
    }

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.course-gallery__item.course-floated-description {
    background-color: #000
}

    .course-gallery__item.course-floated-description .course-background {
        opacity: .4
    }

.course_type > div {
    width: 100%
}

.course-gallery__item {
    border-radius: 0;
    height: 330px;
    display: flex;
    margin-bottom: 2rem;
    justify-content: center;
    position: relative;
    padding: 2rem;
    overflow: hidden;
    width: 100.1%
}

    .course-gallery__item:hover {
        text-decoration: none
    }

        .course-gallery__item:hover .course-background {
            transform: scale(1.1) rotate(.01deg);
            opacity: .6
        }

@media only screen and (max-width:480px) {
    .course-gallery__item {
        min-height: 180px;
        height: auto;
        padding: 4rem 2rem
    }
}

.course-gallery.no-gutters .course-gallery__item {
    margin-bottom: 0
}

.course-gallery__item .course-gallery__item-description {
    color: #fff;
    z-index: 1;
    text-align: center;
    margin: auto;
    width: 100%
}

    .course-gallery__item .course-gallery__item-description h2 {
        color: #fff;
        margin: 12px 0
    }

.course-gallery__item .course-background {
    transform: scale(1) rotate(.01deg);
    backface-visibility: hidden;
    transition: .8s ease;
    z-index: 0
}

.course-background-image, .course-img-into-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

    .course-background-image img, .course-img-into-bg img {
        display: none
    }

section.pageCategories {
    padding: 0
}

@media only screen and (max-width:992px) {
    section.pageCategories {
        text-align: center
    }
}

section.pageCategories .about_inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

    section.pageCategories .about_inner .studyType {
        text-align: center;
        padding: 10px;
        margin-bottom: 0;
        border-radius: 25px
    }

        section.pageCategories .about_inner .studyType a.btnStudyType {
            width: 260px;
            height: 60px;
            font-weight: 500;
            font-size: 16px;
            background-color: #be1428;
            color: #fff;
            border: 1px solid #be1428;
            text-transform: uppercase;
            border-radius: 70px;
            white-space: pre-wrap;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            text-align: center;
            justify-content: center;
            margin: 0 auto
        }

            section.pageCategories .about_inner .studyType a.btnStudyType:hover {
                background: #fff;
                color: #be1428;
                font-weight: 500;
                border: 1px solid #be1428
            }

section.pageCategories ._h2 {
    color: #333;
    margin-bottom: 32px
}

.title_block-holder {
    text-align: center
}

    .title_block-holder h2._h2._title {
        color: #333;
        margin: 32px 0
    }

.campus_cutout-wrapper {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 900px;
    width: 100%;
    position: relative;
    min-height: 900px;
    padding-top: 60px !important
}

@media only screen and (max-width:768px) {
    .campus_cutout-wrapper {
        height: 550px;
        min-height: 0
    }
}

.campus_cutout-wrapper .row_with_bkgnd > div > div.sf_colsIn {
    padding: 12px
}

.counter_wrapper {
    min-height: 580px;
    display: block;
    background-image: url(/img/assets/marketingCounter/counterBackground.jpg);
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: 50%;
    padding: 160px 0
}

@media only screen and (max-width:1200px) {
    .counter_wrapper {
        min-height: 700px
    }
}

@media only screen and (max-width:800px) {
    .counter_wrapper {
        padding: 30px
    }
}

@media only screen and (max-width:768px) {
    .counter_wrapper {
        display: none
    }
}

h1.h1_section_title {
    color: #fff;
    position: relative;
    text-align: center;
    margin-top: -60px
}

.counter_wrapper .container {
    padding: 50px 0;
    text-align: center;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    flex-wrap: wrap;
    justify-content: center
}

.chart {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    text-align: center;
    z-index: 999
}

    .chart figcaption {
        padding: 45px 110px;
        width: 100px;
        height: 50px;
        border: 20px solid transparent;
        border-radius: 100px;
        line-height: 1;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: center
    }

        .chart figcaption span {
            font-size: 32px;
            font-weight: 800
        }

    .chart img {
        position: absolute;
        max-width: 100px;
        max-height: 100px;
        background: #fff
    }

.counter_val1 {
    top: 50px;
    left: 45px
}

    .counter_val1 + svg .outer {
        stroke: #be1428
    }

.counter_val2 {
    top: 55px;
    left: 48px
}

    .counter_val2 + svg .outer {
        stroke: #be1428
    }

.counter_val3 {
    max-width: 90px;
    max-height: 90px;
    top: 45px;
    left: 45px
}

    .counter_val3 + svg .outer {
        stroke: #be1428
    }

.counter_val4 {
    width: 200px;
    height: 200px;
    top: 45px;
    left: 45px
}

    .counter_val4 + svg .outer {
        stroke: #be1428
    }

.chart svg {
    position: absolute;
    top: 6px;
    left: 36px;
    z-index: -1
}

.outer {
    fill: transparent;
    stroke: #be1428;
    stroke-width: 20;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    -moz-transform: rotate(-89deg) translateX(-190px)
}

.chart:hover .outer {
    stroke-dashoffset: 534 !important;
    -webkit-animation-play-state: paused
}

.chart[data-percent="100"] .outer {
    stroke-dashoffset: 0;
    animation: show100 2s
}

.chart[data-percent="75"] .outer {
    stroke-dashoffset: 133;
    animation: show75 2s
}

.chart[data-percent="50"] .outer {
    stroke-dashoffset: 267;
    animation: show50 2s
}

.chart[data-percent="25"] .outer {
    stroke-dashoffset: 401;
    animation: show25 2s
}

@keyframes show100 {
    0% {
        stroke-dashoffset: 537
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes show75 {
    0% {
        stroke-dashoffset: 537
    }

    to {
        stroke-dashoffset: 124
    }
}

@keyframes show50 {
    0% {
        stroke-dashoffset: 537
    }

    to {
        stroke-dashoffset: 267
    }
}

@keyframes show25 {
    0% {
        stroke-dashoffset: 537
    }

    to {
        stroke-dashoffset: 401
    }
}

.banner-w-search {
    width: 100%
}

    .banner-w-search .banner-search-inner {
        background-size: cover;
        height: 600px;
        width: 100%;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .banner-w-search .banner-search-inner .search_bx {
            margin-left: 25%
        }

@media only screen and (max-width:768px) {
    .banner-w-search .banner-search-inner .search_bx {
        margin-left: 0
    }
}

.banner-w-search .search_container {
    background-color: rgba(51,51,51,.8);
    width: 600px;
    position: relative;
    padding: 50px 40px
}

@media only screen and (max-width:768px) {
    .banner-w-search .search_container {
        width: auto
    }
}

@media only screen and (max-width:480px) {
    .banner-w-search .search_container {
        padding: 20px;
        margin: 0 20px
    }
}

.banner-w-search .search_container h2 {
    padding: 0;
    margin: 0;
    text-align: left;
    color: #fff
}

.banner-w-search .search_container .input_wrapper {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    margin: 21px 0
}

@media only screen and (max-width:480px) {
    .banner-w-search .search_container .input_wrapper {
        margin: 20px 0 0
    }
}

.banner-w-search .search_container .input_wrapper object {
    height: 32px
}

.banner-w-search .search_container .input_wrapper .input_field {
    height: 32px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #f2f2f2;
    margin-left: 11px;
    background-color: transparent;
    color: #fff;
    font-size: 22px;
    padding: 32px 32px 32px 10px
}

@media only screen and (max-width:480px) {
    .banner-w-search .search_container .input_wrapper .input_field {
        margin-left: 0
    }
}

.banner-w-search .search_container .input_wrapper .input_field:focus {
    box-shadow: 0 0 1px hsla(0,0%,100%,.4)
}

.moreCourseRow {
    width: 100%;
    padding: 0 0 160px;
    position: relative;
    display: inline-block
}

    .moreCourseRow ._h2, .moreCourseRow p {
        text-align: center;
        color: #333
    }

@media only screen and (max-width:768px) {
    .moreCourseRow .ig_inner {
        padding: 30px 0
    }
}

.moreCourseRow .ig_inner .svg-wrapper {
    height: 64px;
    width: 64px;
    margin: 12px auto
}

@media only screen and (max-width:768px) {
    .moreCourseRow .ig_inner .svg-wrapper {
        display: none
    }
}

.moreCourseRow .icon_box_grid:hover .svg-wrapper {
    background-position-y: -100% !important
}

.moreCourseRow section.icon-block .icon_container {
    background-color: #fff
}

.moreCourseRow .ig_container h3 {
    color: #333
}

.moreCourseRow .ig_inner .svg-wrapper path {
    fill: #333
}

.banner-breadcrumb_wrapper .banner-background {
    height: 800px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    opacity: 0
}

@media only screen and (max-width:768px) {
    .banner-breadcrumb_wrapper .banner-background {
        background-position: 70%;
        height: 500px
    }
}

.banner-breadcrumb_wrapper .banner-breadcrumb-inner {
    position: relative
}

.banner-breadcrumb_wrapper .breadcrumb-holder {
    background-color: #be1428;
    position: absolute;
    width: 550px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-right: 22px;
    text-align: right;
    opacity: 0;
    left: 0;
    top: 50%
}

    .banner-breadcrumb_wrapper .breadcrumb-holder h1 {
        color: #fff;
        font-size: 28px !important
    }

@media screen and (min-width:320px) {
    .banner-breadcrumb_wrapper .breadcrumb-holder h1 {
        font-size: calc(22.90909px + 1.59091vw) !important
    }
}

@media screen and (min-width:1200px) {
    .banner-breadcrumb_wrapper .breadcrumb-holder h1 {
        font-size: 42px !important
    }
}

@media only screen and (max-width:992px) {
    .banner-breadcrumb_wrapper .breadcrumb-holder {
        width: 350px
    }
}

@media only screen and (max-width:768px) {
    .banner-breadcrumb_wrapper .breadcrumb-holder {
        width: 100%;
        padding-right: 0;
        text-align: center
    }
}

.banner-w-breadcrumb_wrapper .banner-w-background {
    opacity: 0
}

@media only screen and (max-width:768px) {
    .banner-w-breadcrumb_wrapper .banner-w-background {
        background-position: 70%;
        height: 500px
    }
}

.banner-w-breadcrumb_wrapper .banner-w-breadcrumb-inner {
    position: relative
}

.banner-w-breadcrumb_wrapper .breadcrumb-w-holder {
    background-color: #be1428;
    position: absolute;
    width: 550px;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-right: 22px;
    text-align: right;
    opacity: 0;
    left: 0;
    top: 50%
}

    .banner-w-breadcrumb_wrapper .breadcrumb-w-holder h2 {
        color: #fff;
        font-size: 28px !important
    }

@media screen and (min-width:320px) {
    .banner-w-breadcrumb_wrapper .breadcrumb-w-holder h2 {
        font-size: calc(22.90909px + 1.59091vw) !important
    }
}

@media screen and (min-width:1200px) {
    .banner-w-breadcrumb_wrapper .breadcrumb-w-holder h2 {
        font-size: 42px !important
    }
}

@media only screen and (max-width:992px) {
    .banner-w-breadcrumb_wrapper .breadcrumb-w-holder {
        width: 350px
    }
}

@media only screen and (max-width:768px) {
    .banner-w-breadcrumb_wrapper .breadcrumb-w-holder {
        width: 100%;
        padding-right: 0;
        text-align: center
    }
}

.areas_of_study {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .areas_of_study .flex_item {
        width: 25%
    }

@media only screen and (max-width:992px) {
    .areas_of_study .flex_item {
        width: 50%
    }
}

@media only screen and (max-width:768px) {
    .areas_of_study .flex_item {
        width: 100%
    }
}

.areas_of_study .flex_item .course-gallery__item {
    margin-bottom: 0
}

    .areas_of_study .flex_item .course-gallery__item h2 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 28px
    }

.caro_media {
    margin: 0 auto
}

    .caro_media .caro_media-item {
        height: auto
    }

        .caro_media .caro_media-item:before {
            background-color: #fff;
            opacity: 1;
            position: relative
        }
/*# sourceMappingURL=style.css.map */