.main-menu-item>a {
   
    font-size:16px!important;
}


.flex-fill {
    flex: 1 1 auto!important;
}

#tt-intro {
    min-height: 400px
}

.tt-intro-inner {
    position: relative
}

@media (max-width:1440px) {
    .tt-intro-inner {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

#tt-intro .full-height-vh {
    min-height: calc(100vh - 82px) !important
}

@media (min-width:992px) {
    body.footer-minimal-on #tt-intro .full-height-vh {
        min-height: calc(100vh - 162px) !important
    }
}

@media (max-width:991px) {
    #tt-intro .full-height-vh {
        min-height: calc(100vh - 62px) !important
    }
}

body.header-transparent-on #tt-intro .full-height-vh {
    height: 100vh
}

#tt-intro .intro-caption {
    position: absolute;
    max-width: 800px;
    z-index: 9;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#tt-intro .intro-title {
    display: block;
    margin: 0;
    font-size: 68px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 20px rgba(0,0,0,.3)
}

@media (max-width:992px) {
    #tt-intro .intro-title {
        font-size: 52px
    }
}

@media (max-width:768px) {
    #tt-intro .intro-title {
        font-size: 42px
    }
}

#tt-intro .intro-subtitle {
    display: block;
    margin: 10px 0 0;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 20px rgba(0,0,0,.3)
}

#tt-intro .intro-description {
    margin: 15px auto 0 auto;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 0 20px rgba(0,0,0,.5)
}

#tt-intro .cc-category {
    display: inline-block;
    background-color: #08c1b8;
    padding: 0 5px;
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

#tt-intro .intro-caption.intro-caption-xs .intro-title {
    font-size: 48px
}

#tt-intro .intro-caption.intro-caption-xs .intro-subtitle {
    font-size: 20px
}

#tt-intro .intro-caption.intro-caption-sm .intro-title {
    font-size: 58px
}

#tt-intro .intro-caption.intro-caption-sm .intro-subtitle {
    font-size: 21px
}

@media (max-width:992px) {
    #tt-intro .intro-caption.intro-caption-sm .intro-title {
        font-size: 52px
    }
}

@media (max-width:768px) {
    #tt-intro .intro-caption.intro-caption-sm .intro-title {
        font-size: 42px
    }
}

#tt-intro .intro-caption.intro-caption-lg .intro-title {
    font-size: 78px
}

#tt-intro .intro-caption.intro-caption-lg .intro-subtitle {
    margin: 15px 0 0;
    font-size: 26px
}

#tt-intro .intro-caption.intro-caption-lg .intro-description {
    font-size: 18px
}

@media (max-width:992px) {
    #tt-intro .intro-caption.intro-caption-lg .intro-title {
        font-size: 72px
    }
}

@media (max-width:768px) {
    #tt-intro .intro-caption.intro-caption-lg .intro-title {
        font-size: 42px
    }

    #tt-intro .intro-caption.intro-caption-lg .intro-subtitle {
        font-size: 24px
    }
}

#tt-intro .intro-caption.intro-caption-xlg .intro-title {
    font-size: 92px
}

#tt-intro .intro-caption.intro-caption-xlg .intro-subtitle {
    margin: 15px 0 0;
    font-size: 28px
}

#tt-intro .intro-caption.intro-caption-xlg .intro-description {
    font-size: 18px
}

@media (max-width:992px) {
    #tt-intro .intro-caption.intro-caption-xlg .intro-title {
        font-size: 74px
    }
}

@media (max-width:768px) {
    #tt-intro .intro-caption.intro-caption-xlg .intro-title {
        font-size: 48px
    }

    #tt-intro .intro-caption.intro-caption-xlg .intro-subtitle {
        font-size: 24px
    }

    #tt-intro .intro-caption.intro-caption-xlg .intro-description {
        font-size: 18px
    }
}

#tt-intro .intro-caption.intro-caption-xxlg .intro-title {
    font-size: 110px
}

#tt-intro .intro-caption.intro-caption-xxlg .intro-subtitle {
    margin: 15px 0 0;
    font-size: 28px
}

#tt-intro .intro-caption.intro-caption-xxlg .intro-description {
    font-size: 20px
}

@media (max-width:992px) {
    #tt-intro .intro-caption.intro-caption-xxlg .intro-title {
        font-size: 78px
    }

    #tt-intro .intro-caption.intro-caption-xxlg .intro-description {
        font-size: 18px
    }
}

@media (max-width:768px) {
    #tt-intro .intro-caption.intro-caption-xxlg .intro-title {
        font-size: 48px
    }

    #tt-intro .intro-caption.intro-caption-xxlg .intro-subtitle {
        font-size: 24px
    }

    #tt-intro .intro-caption.intro-caption-xxlg .intro-description {
        font-size: 18px
    }
}

#tt-intro .intro-caption.top-left {
    top: 10%;
    left: 5%;
    text-align: left
}

#tt-intro .intro-caption.top-center {
    top: 10%;
    left: 50%;
    width: 100% !important;
    max-width: 800px !important;
    padding: 0 15px;
    text-align: center;
    -moz-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important
}

#tt-intro .intro-caption.top-right {
    top: 10%;
    right: 5%;
    text-align: right
}

#tt-intro .intro-caption.center-left {
    top: 50%;
    left: 13%;
    margin-right: 5%;
    text-align: left;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important
}

@media (max-width:992px) {
    #tt-intro .intro-caption.center-left {
        left: 10%
    }
}

#tt-intro .intro-caption.center {
    top: 50%;
    left: 50%;
    width: 100% !important;
    max-width: 800px;
    padding: 0 15px;
    text-align: center;
    -moz-transform: translate(-50%,-50%) !important;
    -ms-transform: translate(-50%,-50%) !important;
    -webkit-transform: translate(-50%,-50%) !important;
    transform: translate(-50%,-50%) !important
}

#tt-intro .intro-caption.center-right {
    top: 50%;
    right: 13%;
    margin-left: 5%;
    text-align: right;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important
}

@media (max-width:992px) {
    #tt-intro .intro-caption.center-right {
        right: 10%
    }
}

#tt-intro .intro-caption.bottom-left {
    bottom: 10%;
    left: 5%;
    margin-right: 5%;
    text-align: left
}

@media (max-width:768px) {
    #tt-intro .intro-caption.bottom-left {
        bottom: 45px
    }
}

#tt-intro .intro-caption.bottom-center {
    bottom: 10%;
    left: 50%;
    width: 100% !important;
    max-width: 800px;
    padding: 0 15px;
    text-align: center;
    -moz-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important
}

#tt-intro .intro-caption.bottom-right {
    bottom: 10%;
    left: auto;
    right: 5%;
    text-align: right
}

#tt-intro .owl-carousel .intro-caption.caption-animate {
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

#tt-intro .owl-carousel .owl-item.active .intro-caption.caption-animate {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translatey(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s
}