/* =============================================================================
    1. INIT

    2. BASIC ELEMENTS

    3. LAYOUT
        - General Layout
        - Vertical Spacing
        - Vertical Padding
        - Vertial Padding - Top & Bottom
        - Vertical Positoning

    4. COMPONENTS
        - Button
        - Calendar
        - Contact Info
        - Content Tab
        - Courses Search
        - Feature Item
        - Feature File List
        - Footer
        - GO To Top
        - Heading
        - Hero Text
        - Media
        - Navigation
        - Rich Text Editor
        - Sponsor - carousel sponsors (Home Page)
        - Subsidy Info
      
    5. 3RD PARTY
        - Bootstrap
	
    6. STATE & UTILITES
        - Scrolled - Navigation + Main Layout

============================================================================= */

/* =============================================================================
/* 1. INIT
/* ============================================================================= */

/* =============================================================================
/* 2. BASIC ELEMENTS
/* ============================================================================= */

html {
    color: #FFF;
    font-size: 62.5%
}

body {
	/*background-color: #ebebeb;*/
	font: 400 1.4rem/1.45 'Roboto', sans-serif;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    margin-bottom: 1.25rem;
    padding-top: 1.5rem;
    font-family: 'Signika', sans-serif;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.1rem;
}

h1, .h1 {
    font-size: 3.2rem
}

h2, .h2 {
    font-size: 2.4rem;
}

h3, .h3 {
    font-size: 2rem;
}

h4, .h4 {
    font-size: 1.6rem;
}

h5, .h5 {
    font-size: 1rem;
}

h6, .h6 {
    font-size: 0.8rem;
}

a {
    text-decoration: none;
    color: #000;
}

    a:hover,
    a:focus {
        text-decoration: none;
        color: inherit;
        /*color: #676086;*/
    }

p, p {
    font-size: 1.6rem;
    /*font-size: 1.4rem;*/
    margin-bottom: 0.8rem;
    /*margin-bottom: 1.8rem;*/
}

q{
    font-size: 1.2rem;
}

ul, ol {
    margin-left: 25px;
    margin-bottom: 1.8rem;
}

li {
    margin-bottom: 0.7rem;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
select,
textarea {
    padding: 0 7px;
    width: 100%;
    height: 35px;
    line-height: 35px;
    border: 1px solid #928ca9;
    font-size: 1.6rem;
    font-family: 'Signika', sans-serif;   
    font-weight: 600;
    letter-spacing: 0.1rem;
}

    input:focus,
    textarea:focus {
        box-shadow: none !important;
    }

textarea {
    resize: none;
    height: 200px;
}

strong {
    font-weight: 700;
}

option{
    font-size: 1.4rem;
}

/* =============================================================================
    3. LAYOUT
============================================================================= */

/* General Layout
/* ---------------------------------------- */


.l-generic{
   padding: 30px 0;
}

.l-header {
    display: block;
    width: 100%;
    height: 70px;    
    top: 0; 
    background-color: #fff;    
    z-index: 100;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0, 0.2);
    box-shadow: 0px 4px 7px 0px rgba(0,0,0, 0.2);
}

	@media only screen and (min-width: 992px) {
        .l-header {
            height: 75px;
            display: flex;
            justify-content: space-between;
        }
	}

.l-main {
	min-height: 580px;
}

    @media screen and (min-width: 768px){
        .l-main {
            
        }
    }

/*.l-intro, .l-contact{
    padding: 20px 0;
}

    @media only screen and (min-width: 768px) {
        .l-intro, .l-contact {
            padding: 60px 0;
        }
    }
    @media only screen and (min-width: 992px) {
        .l-intro, .l-contact {
            padding: 80px 0;
        }
    }*/



.l-media {
    background: url(/images/mountain.jpg) center center no-repeat fixed;
    background-size: cover;    
    position: relative;    
}

    .l-media::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.86);        
    }

.l-featured-link {
    margin-bottom: 30px;
}

.l-sponsor{
    padding: 20px 0;
}
    @media only screen and (min-width: 768px) {
        .l-sponsor {
            padding: 60px 0;
            /*border-top: 1px solid #000;*/
        }
    }


.l-footer {
    padding: 30px 0 20px;
    /*border-top: 1px solid #000;*/
    background-color: #fafafa;
    /*background-color: #eee3d1;*/
}


.l-hero {
    width: 100%;
    height: calc(100vh - 325px);
    text-align: center;
}

	@media only screen and (min-width: 768px){
        .l-hero {
            text-align: initial;
            height: calc(100vh - 325px);
        }
	}

	.l-hero--wrapper {
		position: relative;
		width: 100%;
		padding-top: 220px;
		background-image: url(../images/images/bg/home-pattern-v2.png);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: auto 70%;
	}	

	@media only screen and (min-width: 768px) {
		.l-hero--wrapper {
			padding-top: 140px;
			background-size: auto 100%;
		}
	}

	@media only screen and (min-width: 992px) {
		.l-hero--wrapper {
			padding-top: 210px;
			background-size: auto 100%;
		}
	}

	@media only screen and (min-width: 1200px) {
		.l-hero--wrapper {
			padding-top: 250px;
		}
	}



.l-intro h1{
    font-size: 2.2rem;
}
    @media only screen and (min-width: 576px) {
        .l-intro h1 {
            font-size: 3.2rem;
        }
    }

/* Vertial Spacing
/* ---------------------------------------- */


.l-section {
    padding: 15px 0;
}

@media screen and (min-width: 768px) {
    .l-section {
        padding: 30px 0;
    }
}

@media screen and (min-width: 992px) {
    .l-section {
        padding: 45px 0;
    }
}

@media screen and (min-width: 1200px) {
    .l-section {
        padding: 60px 0;
    }
}


.l-v-spacing {
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .l-v-spacing {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 992px) {
    .l-v-spacing {
        margin-bottom: 45px;
    }
}

@media screen and (min-width: 1200px) {
    .l-v-spacing {
        margin-bottom: 60px;
    }
}

.l-v-spacing-tight-1 {
    margin-bottom: 15px;
}

.l-v-spacing-tight-2 {
    margin-bottom: 20px;
}

.l-v-spacing-wide-1 {
    margin-bottom: 50px;
}


/* Vertial Padding
/* ---------------------------------------- */
.l-v-padding {
    padding-top: 15px;
}


/* Vertial Padding - Top & Bottom
/* ---------------------------------------- */
.l-v-padding-wide{
    padding: 125px 0;
}

.l-v-padding-wide-1 {
    padding: 50px 0;
}


/* =============================================================================
    4. COMPONENTS
============================================================================= */

/* Button
/* ---------------------------------------- */

.btn {
	padding: 10px 20px;
	max-width: 100%;
	background: none;
	border: none;
	font-size: 1.4rem;
	font-weight: 600;	
	font-family: 'Roboto', sans-serif;
	color: #fff;
	background-color: #ea6946;
}

    .btn:hover, .btn:focus {
        /*color: #ea6946;*/
        background-color: #ff6d46;
        outline: none;
        box-shadow: none;
    }

    .btn-primary:hover{
        color: #fff;
        background-color: #ea6946;
    }

    .btn-hover-stay:hover{
        background-color: #ea6946;
        color: #fff;
        outline: none;
        box-shadow: none;
    }

	.btn-m-flex {
		white-space: normal;
	}


.btn-m-alt {
    margin-top: 20px;
    background-color: transparent;
    border: 1px solid #000000;
    border-radius: 1.5rem;
	color: #000000;
}

    .btn-m-alt:hover {
        background-color: #ea6946;
        color: #fff;
        border: 1px solid #ea6946;
        border: none;
    }

.btn-m-empty{
    background: transparent;
    border: none;
}



/* Calendar
/* ---------------------------------------- */

.l-calendar {
    margin: 40px 10px;
    padding: 0;    
    font-size: 14px;
}

.calendar{
    
}

.fc-content{
    color:#fff;
}


/* Contact Info
/* ---------------------------------------- */

.contact-info--title{
    text-align: center;
    margin-bottom: 40px;
}

.contact-info--child {
    margin-bottom: 20px;
    text-align: center;
}

.contact-info--child h3{
    color: #999;
}

.contact-info--child .fas, .contact-info--child .far {
    font-size: 3rem;
    color: #ea6946
}

.contact-info address, .contact-info a{
    font-size: 1.6rem;
}

.contact-success-block {
    display: flex;
    height: 200px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ec7555;
    color: white;
}

.field-validation-error{
    color: red;
    font-weight: 500;
}
/* Content Tab
/* ---------------------------------------- */
.content-tab {
    display: flex;
    flex-direction: column;
}

    @media screen and (min-width: 768px){
        .content-tab {
            /*min-height: 580px;*/
        }
    }

.content-tab-item{
    display: block;
    background-color:#fff;
}

.content-tab-item--title{
    padding-bottom: 1.5rem;
    background-color: #eeeeee;
    border-radius: 16px;
    text-align: center;
}

.content-tab-item--content{
    /* display: none; */
    padding-bottom: 30px;
}
.content-tab-item--image-wrapper{
    text-align: center;
    margin-top: 20px;    
}
    @media screen and (min-width: 576px) {
        .content-tab-item--image-wrapper {
            text-align: center;
            margin-top: 30px;
        }
    }
    @media screen and (min-width: 768px) {
        .content-tab-item--image-wrapper {
            text-align: center;
            margin-top: 20px;
        }
    }


.content-tab ul{
    display: flex;
    flex-direction: column;
    justify-content:space-between;
    margin: 0;
    padding: 0;
    border: 0;
}

@media only screen and (min-width: 400px) {
    
}


.nav-tabs .nav-item {
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
}

.nav-tabs .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;    
    padding: 5px 10px;
    font-size: 1.6rem;
    border: 0;
    /* border-radius: 10px; */
    background-color: #eeeeee;
}
@media only screen and (min-width: 768px) {
    .nav-tabs .nav-link {
        /* width: 100px; */
        text-align: center;
        padding: 20px 10px;
        font-size: 1.8rem;
        border: 0;
        /* border-radius: 10px; */
        background-color: #eeeeee;
    } 
}


    .nav-tabs .nav-link:hover {
        color: #ffffff;
        background-color: #ea7452;
    }


    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #ffffff;
        background-color: #ea7452;
    }

.home-intro-image {
    width: 100%;
}

/* Courses
/* ---------------------------------------- */

.courses {
    margin-bottom: 20px;
    padding-top: 20px;
    background-color: #f2f2f1;
}

/* Courses Details
/* ---------------------------------------- */

.course-details--brife a, .course-details--brife span {
    display: block;
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
    overflow-wrap: break-word;
}

.course-details--title {
    font-size: 2.2rem;
    padding-bottom: 10px;
}

@media screen and (min-width:768px){
    .course-details--title {
        font-size: 3.2rem;
    }
}


.course-details--link{
    font-size: 1.6rem;
}

.course-item--level {
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px 8px;
    margin: 5px;
    font-size: 1.4rem;
    color: #fff;
    background-color: #fff;
}

    .course-item--level-m-1 {
        background-color: #c48fc4;
    }
    .course-item--level-m-2 {
        background-color: #02c4b4;
    }
    .course-item--level-m-3 {
        background-color: #ea6946;
    }

.course-details p {
    word-break: break-word;
}

.course-details .btn{
    display: block;
    width: 100%;
    margin: 20px 0;
}


@media screen and (min-width: 768px){
    .course-details .btn {                
        width: 40%;        
    }
}

.course-details .btn:hover {
    color: #fff;
}


.course-details--img{
    display:block;
    margin: 0 auto;
    margin-bottom: 20px;
    
}

.course-details .rte{
    margin-bottom: 20px;
}

.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}

    .iframe-container > * {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
    }

/* Courses Item
/* ---------------------------------------- */
.course-item-wrapper {
    /*background-color: #fff;*/ 
    margin-bottom: 20px;
}

.course-item {
    display: block;
    height: 100%;
    position: relative;
    background-color: #fff;
}

.course-item--details{
    margin: 0 20px;
    padding-bottom: 10px;
}

/* Courses Search
/* ---------------------------------------- */

.courses-search{
    margin-bottom: 30px;
}

.courses-search input[type="text"]{
    font-size: 1.5rem;
}

input.black-placeholder::placeholder {
    color: #000;
}
.courses-search--submit {
    width: 100%;
    height: 35px;
    margin-top: 25px;
    font-family: 'Signika', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #fff;
    background-color: #ea6946;
    outline: none;
    border: none;
    cursor: pointer;
}

.courses-search--submit:focus{
    outline: none;
}

/*.courses-search--submit:hover{
    color: #000;
}*/

.no-result-found-container{
    padding: 20px 0;
    text-align: center;
}

.no-result-found-container .btn{
    margin: 0 auto;
}

/* Feature
/* ---------------------------------------- */
.feature-section {
}

    .feature-item {
        padding: 30px 0;
    }

        .feature-item h2 {
            text-align: center;
        }

        .feature-item a {
            position: absolute;
            left: 50%;
            transform: translate(-50%, 0);
        }

    @media only screen and (min-width: 768px) {
        .feature-item a {
            position: relative;
            left: auto;
            transform: none;
        }

        .feature-item h2 {
            text-align: initial;
        }
    }

.feature-section-m-alt .feature-item--img {
    display: block;
    width: 90%;
    max-width: 306px;
    margin: 0 auto;
}

    @media only screen and (min-width: 768px) {
        .feature-section-m-alt .feature-item--img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }


@media only screen and (min-width: 768px) {
    .feature-item--left h2, .feature-item--left p {
        text-align: left;
    }

    .feature-item--right h2, .feature-item--right p {
        text-align: right;
    }
    .feature-item--left a {
        float: left;
    }

    .feature-item--right a {
        float: right;
    }
}



/* Feature File List
/* ---------------------------------------- */
.feature-file-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.feature-file-list--item{
    margin-bottom: 20px;
}

    .feature-file-list--item .rte{
        margin-left: 30px;
    }


.feature-file-list--item-link {
    display: block;
    position: relative;
    padding: 5px 0;
}

.feature-file-list--item a[href$=".pdf"] {
    background: url(../images/images/pdf.png) no-repeat repeat left center;
    background-size: contain;
    padding-right: 15px;
}


.feature-file-list--item-filetype-pdf {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-right: 10px;
    font-size: 2.5rem;
    color: #ed1b24;
}

.feature-file-list--item-file-name {
    position: relative;
    display: block;
    margin-left: 30px;
    font-size: 1.6rem;
}

/* Footer
/* ---------------------------------------- */
.footer p {
    font-size: 1.4rem;
}
.footer-contact p{
    line-height: 25px;
}
.footer ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .form-input{
    margin-bottom: 5px;
}

.footer input[type="email"]{
    width: 80%;
}


.footer-social-links a{
    display: inline-block;
    margin-right: 10px;
}

.footer-social-links i{
    font-size: 2.6rem;
}

.footer-copyright {
    padding-top: 20px;
    font-size: 1.1rem;
    text-align: center;
}

/* Go To Top
/* ---------------------------------------- */

.go-to-top {
    position: fixed;
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    line-height: 60px;
    color: #000;
    cursor: pointer;
    z-index: 101;
    bottom: 40px;
    right: 50px;
    background-color: #cbcbc5;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
}

        @media only screen and (min-width: 768px) {
            .go-to-top {                
                width: 60px;
                height: 60px;
                font-size: 1.4rem;                                
                line-height: 77px;
                bottom: 100px;
                right: 50px;
            }
        }

    .go-to-top:before {
        position: absolute;
        top: 8px;
        left: 50%;
        margin-left: -8px;
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8px 12px 8px;
        border-color: transparent transparent #000000 transparent;
    }

    @media only screen and (min-width: 768px) {
        .go-to-top:before {
            position: absolute;
            top: 12px;
            left: 50%;
            margin-left: -8px;
        }
    }

    .go-to-top:hover {
        background-color: #FFF;
        
    }
        .go-to-top:hover .go-to-top:before {
            border-color: transparent transparent #FFF transparent;
        }

/*Scroll event*/

.s-scrolled .go-to-top {
    right: 10px;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
    @media only screen and (min-width: 768px) {
        .s-scrolled .go-to-top {
            right: 40px;
        }
    }

/* Heading
/* ---------------------------------------- */
    .hd-main{
        font-size: 2.2rem;
    }


    @media only screen and (min-width: 768px) {
        .hd-main{
            font-size: 3.2rem;
        }
    }


/* Hero Text
/* ---------------------------------------- */

.hero-text {
	position: relative;
	top: calc(-220px + 25px);
	margin: 0 auto;
	padding: 0;
	width: 260px;
	height: 120px;
	background: transparent url(../images/images/bg/hero-text-mobile.png) no-repeat center;
	background-size: auto 100%;
	text-indent: -9999px;
}

	@media only screen and (min-width: 576px) {
        .hero-text {
            margin: 0;
            margin-left: calc(100% - 500px);
            width: 400px;
            height: 119px;
            background-image: url(../images/images/bg/hero-text.png);
        }
	}

	@media only screen and (min-width: 768px) {
        .hero-text {
            top: -60px;
            margin-left: calc(100% - 700px);
            width: 280px;
            height: 130px;
            background-image: url(../images/images/bg/hero-text-mobile.png);
        }
	}

	@media only screen and (min-width: 992px) {
        .hero-text {
            top: -170px;
            margin-left: calc(100% - 875px);
            width: 380px;
            height: 113px;
            background-image: url(../images/images/bg/hero-text.png);
        }
	}

	@media only screen and (min-width: 1200px) {
		.hero-text {
			top: -200px;
			margin-left: calc(100% - 1060px);
			width: 475px;
			height: 141px;
		}
	}

/* Media
/* ---------------------------------------- */

.media-facebook {
    display: block;
    width: 275px;
    /*height: 300px;*/
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

@media only screen and (min-width: 576px) {
    .media-facebook {        
        width: 320px;        
    }
}

@media only screen and (min-width: 768px) {
    .media-facebook {
        margin: 0;
    }
}

@media only screen and (min-width: 992px) {
    .media-facebook {
        text-align: center;
    }
}

.media-content{
    margin-top: 30px;
}

/* Navigation
/* ---------------------------------------- */
/*header Logo*/
.main-logo-link {
    display: inline;
    position: relative;
    float: left;
    text-decoration: none;
    z-index: 101;
    height: 100%;
    padding: 10px;
}

@media screen and (min-width: 768px) {
    .main-logo-link {
        padding: 10px 20px;
    }
}

.main-logo {
    height: 100%;
}


/*header Toogle - mobile*/
.nav-toggle{
    float: right;
    font-size: 30px;
    margin: 20px;
}
    @media screen and (min-width: 1100px) {
        .nav-toggle {
            display: none;
        }
    }

/*Main navigation*/

.main-nav {
    position: absolute;
    display: none;
    width: 100%;
    top: 70px;
    left: 0;
    background-color: #000;
    font-family: "Signika",sans-serif;
    font-weight: 600;
    z-index: 1;
}

    @media screen and (min-width: 1100px) {
        .main-nav {
            position: relative;
            display: flex;
            top: unset;
            left: unset;
            background-color: transparent;
            align-items: center;
            width: auto;
        }
    }

.main-nav--menu {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #fff;
    list-style: none;
}
    @media screen and (min-width: 1100px) {
        .main-nav--menu {
            background-color: transparent;
        }
    }

    .main-nav--link {
        position:relative;
        display: block;
        margin: 0;
        width: 100%;
        font-size: 1.6rem;
        list-style: none;        
    }
        @media screen and (min-width: 1100px) {
            .main-nav--link {
                display: inline;
                padding: 10px 20px 10px 0;
                border: 0;
            }
        }

        .main-nav--link:last-child {
            border: 0;
        }

/*Sub Menu*/
.main-nav--submenu{
    display: none;
    margin: 0;
    margin-left: 15px;
    padding: 0;
    list-style: none;
}
    @media screen and (min-width: 1100px) {
        .main-nav--submenu {
            position: absolute;
            right: -110px;
            min-width: 200px;
            background-color: black;
            margin-top: 10px;
        }
    }

    .main-nav--sub-link{
        display: block;
        margin: 0;
        font-size: 1.6rem;
        color: #ea7452;
        list-style: none;
    }
        @media screen and (min-width: 1100px) {
            .main-nav--sub-link {
                width: 190px;
            }
        }

        .main-nav--link a, .main-nav--sub-link a {
            display: block;
            padding: 12px 0;
            color: #ea7452;
            /*border-bottom: 1px solid #ea7452;*/
        }

        .main-nav--link:last-child a{
            border: 0;
        }

        .main-nav--link a{
            padding-left: 20px;            
            font-size: 1.8rem;
        }


            @media screen and (min-width: 1100px) {
                .main-nav--link a {
                    display: inline;
                    color: #000;
                    padding-left: 10px;
                    font-size: 1.4rem;
                }

                .main-nav--sub-link a {
                    display: block;
                    margin: 0;
                    color: #fff;
                    border: 0;
                }
            }

            @media screen and (min-width: 1200px){
                .main-nav--link a {                    
                    padding-left: 10px;
                    font-size: 1.6rem;
                }
            }

            @media screen and (min-width: 1300px){
                .main-nav--link a {                    
                    padding-left: 20px;
                    font-size: 1.8rem;
                }
            }


    .main-nav--link a:hover, .main-nav--sub-link a:hover {
        color: #ea6946;
    }



.btn-m-nav-link {
    position: absolute; 
    display: inline;
    top: 0;
    right: 14px;
    color: #ea7452;
    font-size: 1.6rem;
    text-align: left;
    cursor: pointer;
}
   
    @media only screen and (min-width: 992px) {
        .btn-m-nav-link {
            top: 0;
            padding: 10px;
            right: -2px;
        }
    }
    .btn-m-nav-link:hover {
        color: #ea6946;
        background-color: transparent;
    }


/* Rich Text Editor
/* ---------------------------------------- */
.rte a{
    text-decoration: underline;
    color: inherit;
}
.rte .btn a, .rte .btn {
    /*padding-top: 20px;*/
    margin: 1.5rem 0;
    color: #fff;
    background-color: #ea6946;
    text-decoration: none;
}

    .rte .btn .btn-m-alt {
        color: #000;
        background-color: transparent;
    }

.rte ul{
    padding: 0;
    margin: 0;
    padding-left: 15px;
}

.rte img{
    /*display: block;*/
    max-width: 100%;
    height: auto;
    margin: 20px 0;    
}

/* Sponsor - carousel sponsors (Home Page)
/* ------------------------------------ */
.sponsor-container {
    margin: 12px 0;
    padding: 0 5px;    
}

.sponsor-block--logo {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 147px;
    /* max-width: 147px; */
    height: 75px;
}


@media screen and (min-width: 576px){
    .sponsor-block--logo {
        width: 180px;
    }
}
@media screen and (min-width: 768px){
    .sponsor-block--logo {
        width: 320px;
    }
}
@media screen and (min-width: 1200px){
    .sponsor-block--logo {
        width: 380px;
    }
}

.sponsor-block img {
    max-width: 90%;
}


.carousel-sponsor-item {
    display: block;
    position: relative;
    height: 132px;
    margin: 0 5px;
}

    .carousel-sponsor-item img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 90%;
        max-height: 100%;
    }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ea6946;
}

/* Subsidy Info
/* ------------------------------------ */

.subsidy-info{
    margin: 20px 0;
}

.subsidy-info--category {
    color: #ea6946;
    padding: unset !important;
    margin: unset !important;
}

.subsidy-info--detail{
    padding-bottom: 15px;
}


.subsidy-form{
    margin: 0 auto;
}



/* =============================================================================
    6. 3RD PARTY
============================================================================= */
/* Boostrap
/* ---------------------------------------- */
.carousel {
    height: inherit;
}

.carousel-inner {
    height: inherit;
}
    .carousel-item{
        height: inherit;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

        .carousel-item img{
            height: inherit;
            /*object-fit: cover;*/
            font-family: "object-fit: cover;";
        }
.carousel-caption {
    bottom: 40px;
}

@media only screen and (min-width: 992px) {
    .carousel-caption {
        bottom: 50px;
    }
}

.form-control {
    border: 1px solid #928ca9;
    width: 100%;
    padding: 0 7px;
    font-size: 1.6rem;
    line-height: 35px;
}

select.form-control:not([size]):not([multiple]) {
    height: 35px !important;
}

.tab-content {
    display: flex;
    height: 100%;
    align-items: center;
}

/*Hamburgers

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

.hamburger {
    padding: 20px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

    @media only screen and (min-width: 1100px){
        .hamburger {
            display: none;
        }
    }

    .hamburger:hover {
        opacity: 0.7;
    }

    .hamburger:focus{
        outline: none;
    }

    .hamburger.is-active:hover {
        opacity: 0.7;
    }

    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after {
        background-color: #000;
    }

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 35px;
        height: 4px;
        background-color: #000;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

        .hamburger-inner::before, .hamburger-inner::after {
            content: "";
            display: block;
        }

        .hamburger-inner::before {
            top: -10px;
        }

        .hamburger-inner::after {
            bottom: -10px;
        }

    /*
       * Collapse
       */
    .hamburger--collapse .hamburger-inner {
        top: auto;
        bottom: 0;
        transition-duration: 0.13s;
        transition-delay: 0.13s;
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

        .hamburger--collapse .hamburger-inner::after {
            top: -20px;
            transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
        }

        .hamburger--collapse .hamburger-inner::before {
            transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        }

    .hamburger--collapse.is-active .hamburger-inner {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
        transition-delay: 0.22s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

        .hamburger--collapse.is-active .hamburger-inner::after {
            top: 0;
            opacity: 0;
            transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
        }

        .hamburger--collapse.is-active .hamburger-inner::before {
            top: 0;
            transform: rotate(-90deg);
            transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
        }



/* =============================================================================
    6. STATE & UTILITES
============================================================================= */

/* General Layout
/* ---------------------------------------- */

.s-hidden{
    display: none!important;
}

.s-show{
    display: block!important;
}

.active > .main-nav--submenu {
    display: block !important;
}

.bg-1{
    background-color: #d3d3d3;
    padding-bottom: 20px;
}

.s-flex{
    display:flex!important;
}

.general-section-seperator {
    border-bottom: 1px solid #edf0f2;
    margin-top: 33px;
    margin-bottom: 55px;
}


/*s-scrolled*/

.s-scrolled .l-header {
	-webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0, 0.2);
	box-shadow: 0px 4px 7px 0px rgba(0,0,0, 0.2);
}

/*.s-scrolled .l-main {
    margin-top: 50px;
}

.s-scrolled .main-logo {
    width: 40px;
    margin-left: 25px;
}*/

/*.s-scrolled .main-nav{
    top: 50px;
}*/

/*.s-scrolled .hamburger {
    padding: 15px 10px;
}

.s-scrolled .hamburger-inner,
.s-scrolled .hamburger-inner::before,
.s-scrolled .hamburger-inner::after {
    width: 35px;
}*/

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

    /*.s-scrolled .l-header {
        height: 60px;
    }

    .s-scrolled .l-main {
        margin-top: 60px;
    }

    .s-scrolled .main-logo {
        width: 50px;
    }
    .s-scrolled .main-nav {
        top: 50%;
    }*/
}