#index_banner, #index_banner .carousel-item {
    min-height: 60vh
}

#hero .hero-container, #hero:before {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

#hero h1, .service_section .box .detail-box h5 {
    font-weight: 700
}

.footer .copyright a, .navbar-brand {
    font-weight: 600
}

.back-to-top, .owl-controls .owl-buttons div, .owl-controls .owl-page {
    cursor: pointer
}

#about .about-container .icon-box .title, #hero .btn-get-started, #hero h1, #ptitle, #services .title, .experience-time h3, .single-blog .ready-btn, .timeline-content h4.title {
    text-transform: uppercase
}

@font-face {
    font-family: "Century Gothic";
    src: url(../fonts/GOTHIC.TTF)
}

body {
    font-family: "Century Gothic";
    font-weight: 400;
    line-height: 1.65;
    color: #484b59;	
}

#footer {
    background: #f7f7f7;
    padding: 15px 0;
    color: #fff;
    font-size: 14px
}

    #footer .copyright {
        color: #000;
        text-align: center
    }

    #footer .credits {
        padding-top: 10px;
        text-align: center;
        font-size: 13px;
        color: grey
    }

#ptitle {
    text-align: center;
    letter-spacing: 2px
}

.about-img img, .contact-box .block img, .team-carousel, img {
    width: 100%
}

#about .about-container .background {
    min-height: 300px;
    background: url(../img/sasref-presedent.html) center top no-repeat;
    margin-bottom: 10px
}

#about .about-container .content {
    background: #fff
}

#about .about-container .title {
    color: #333;
    font-weight: 700;
    font-size: 32px
}

#about .about-container p {
    line-height: 26px
}

    #about .about-container p:last-child {
        margin-bottom: 0
    }

#about .about-container .icon-box {
    background: 0 0/cover #fff;
    padding: 0 0 30px
}

    #about .about-container .icon-box .icon {
        float: left;
        background: #fff;
        width: 64px;
        height: 64px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        border-radius: 50%
    }

        #about .about-container .icon-box .icon i {
            color: #2dc997;
            font-size: 24px
        }

    #about .about-container .icon-box .title {
        margin-left: 80px;
        font-weight: 500;
        margin-bottom: 5px;
        font-size: 18px
    }

        #about .about-container .icon-box .title a, #services .title a {
            color: #111
        }

    #about .about-container .icon-box .description {
        margin-left: 80px;
        line-height: 24px;
        font-size: 14px
    }

.pr_img {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: block
}

.client_left {
    width: 40%;
    float: left
}

.client_section_2 {
    width: 100%;
    float: left;
    padding-top: 60px
}

.client_text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #444443;
    text-align: center;
    margin: 0
}

.client_taital {
    font-size: 30px
}

.service_section .heading_container {
    margin-bottom: 35px
}

.service_section .box {
    margin: 10px;
    text-align: center;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.15);
    box-shadow: 0 0 5px 2px rgba(0,0,0,.15);
    padding: 25px 15px;
    -webkit-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.avatar, .blog-item, .blog-single-wrap .post-meta, .card-testimonial .author, .filterable-btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.service_section .box .img-box, .service_section .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center
}

.service_section .box .img-box {
    width: 65px;
    height: 65px;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .service_section .box .img-box img {
        max-height: 100%;
        max-width: 100%;
        -webkit-transition: .3s;
        transition: .3s
    }

.service_section .box .detail-box {
    margin-top: 15px
}

    .gallery-timeline .cd-timeline-block, .service_section .box .detail-box p {
        margin: 0
    }

.service_section .btn-box {
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 45px
}

    .service_section .btn-box a {
        display: inline-block;
        padding: 10px 45px;
        background-color: #2c7873;
        color: #fff;
        border-radius: 0;
        -webkit-transition: .3s;
        transition: .3s;
        border: 1px solid #2c7873
    }

        .service_section .btn-box a:hover {
            background-color: transparent;
            color: #2c7873
        }

.service_section .owl-stage .owl-item.active {
    -webkit-transform: scale(.85);
    transform: scale(.85);
    -webkit-transition: .6s;
    transition: .6s
}

    .service_section .owl-stage .owl-item.active.center {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

        .service_section .owl-stage .owl-item.active.center .box {
            background-color: #004445;
            color: #fff
        }

            .service_section .owl-stage .owl-item.active.center .box .img-box img {
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1)
            }

.experience-time-responsive, .service_section .owl-nav {
    display: none
}

.service_section .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 25px
}

    .service_section .owl-dots .owl-dot {
        width: 15px;
        height: 15px;
        border: none;
        border-radius: 100%;
        margin: 0 2px;
        background-color: #ccc;
        outline: 0
    }

        .service_section .owl-dots .owl-dot.active {
            background: #2c7873
        }

.footer {
    background: #f5f5f5;
    text-align: center;
    padding: 80px 0
}

    .footer p {
        font-size: 13px;
        line-height: 25px;
        color: #919191
    }

    .footer a {
        color: #595959
    }

    .footer .footer-manu {
        padding-bottom: 25px
    }

        .footer .footer-manu ul {
            margin: 0;
            padding: 0
        }

            .footer .footer-manu ul li {
                display: inline-block;
                padding: 10px 20px
            }

                .footer .footer-manu ul li a {
                    display: inline-block;
                    color: #494949
                }

                    .footer .footer-manu ul li a:hover {
                        color: #000
                    }

#index_banner {
    background-image: url('../img/home/sasref-home.html');
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%
}

    #index_banner .carousel-control-next i, #index_banner .carousel-control-prev i {
        color: #6266ea !important;
        text-decoration: none;
        font-size: 4em
    }

    #index_banner .carousel-inner {
        height: 80vh
    }

    #index_banner .carousel-indicators li, #index_banner .carousel-indicators.active {
        background-color: #6266ea !important
    }

@media (min-width:1024px) {
    #hero {
        background-attachment: fixed
    }
}

#hero:before {
    content: "";
    background: rgba(0,0,0,.6)
}

#hero .hero-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center
}

#hero h1 {
    margin: 30px 0 10px;
    font-size: 48px;
    line-height: 56px;
    color: #fff
}

#hero h2 {
    color: #eee;
    margin-bottom: 50px;
    font-size: 24px
}

#hero .btn-get-started {
    font-family: Poppins,sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 50px;
    transition: .5s;
    margin: 10px;
    border: 2px solid #fff;
    color: #fff
}

    #hero .btn-get-started:hover {
        background: #2dc997;
        border: 2px solid #2dc997
    }

.slider {
    background: url("../img/sasref-header2.html") 10% 40%/cover no-repeat fixed;
    /* padding: 200px 0 */
}

    .fact .block, .fact-2030 .block, .fact-testimonial .block, .slider .block {
        color: #e3e3e4;
        text-align: center
    }

        .fact .block h1, .fact-2030 .block h1, .fact-testimonial .block h1, .slider .block h1 {
            font-weight: 100;
            font-size: 45px;
            line-height: 60px;
            letter-spacing: 10px;
            padding-bottom: 15px;
            text-transform: uppercase
        }

        .fact .block p, .fact-2030 .block p, .fact-testimonial .block p, .slider .block p {
            margin-bottom: 30px;
            color: #b9b9b9;
            font-size: 18px;
            line-height: 27px;
            font-weight: 300
        }

.contact-box {
    padding-top: 35px;
    padding-bottom: 58px;
    margin-left: 0
}

    .contact-box .block h2 {
        font-weight: 300;
        color: #000;
        font-size: 28px;
        padding-bottom: 30px
    }

    .contact-box .block p {
        color: #5c5c5c;
        display: block
    }

#services .icon a, .blog-btn, .single-blog .ready-btn, .social-icons a, .social-icons li, .team-content .social-button a {
    display: inline-block
}

.social-icons li {
    margin: 0 6px
}

.social-icons i {
    color: #2c2c2c;
    margin-right: 25px;
    font-size: 25px
}

.address-block li {
    margin-bottom: 10px;
    list-style: none
}

    .address-block li i {
        margin-right: 15px;
        margin-left: 0;
        font-size: 20px;
        width: 20px
    }

.bg-img, .bg-img-overlay-dark, .blog-item, .categories, .divider, .experience-time, .fact, .footer-menu, .google-map, .header-overly, .header-overly-home, .header-overly-home-2030, .header-overly-inPage, .img-place, .main-timeline, .main-timeline .timeline, .maps-container, .overly, .page-footer, .page-title, .search-form .form-group, .slider, .tagcloud {
    position: relative
}

    .google-map .map {
        width: 100%;
        height: 300px
    }

contact-form {
    padding-top: 70px;
    padding-bottom: 35px
}

.contact-form .block .form-group {
    padding-bottom: 15px;
    margin: 0
}

    .contact-form .block .form-group .form-control {
        background: #f6f8fa;
        height: 60px;
        padding: 10px 20px;
        border: 1px solid #eef2f6;
        box-shadow: none;
        width: 100%
    }

.contact-form .block .form-group-2 {
    margin-bottom: 13px
}

    .contact-form .block .form-group-2 textarea {
        background: #f6f8fa;
        height: 135px;
        border: 1px solid #eef2f6;
        box-shadow: none;
        width: 100%;
        padding: 15px 20px
    }

.contact-form .block button {
    width: 100%;
    height: 60px;
    background: #47424c;
    border: none;
    color: #fff;
    font-size: 18px
}

.gallery-timeline#cd-timeline {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
}

    .gallery-timeline#cd-timeline::before {
        background: #dfdfdf
    }

.gallery-timeline .cd-timeline-img {
    background-color: #e54d42;
    width: 38px;
    height: 38px;
    left: 51%;
    top: 15%
}

.gallery-timeline .cd-timeline-content .cd-date {
    right: -55%;
    left: auto;
    text-align: right;
    top: 9%;
    font-size: 22px;
    font-weight: 700;
    opacity: 1
}

.gallery-timeline .cd-timeline-content {
    float: left;
    padding: 0;
    width: 39%;
    box-shadow: 0 0 8px #ccc
}

    .gallery-timeline .cd-timeline-content::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 41px;
        border-top: 15px solid transparent;
        border-left: 25px solid #cdcdcd;
        border-bottom: 15px solid transparent
    }

.gallery-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 25px solid #cdcdcd;
    border-bottom: 15px solid transparent;
    top: 41px
}

.gallery-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date {
    right: auto;
    left: -52%;
    text-align: left
}

.gallery-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content {
    float: right
}

.gallery-timeline .fables-blog-head, .gallery-timeline .fables-gallery-timeline-details {
    padding: 0 20px
}

.gallery-timeline .line, .gallery-timeline#cd-timeline::before {
    position: absolute;
    left: 50%;
    width: 2px;
    height: 2%;
    top: 5px;
    transform: translate(-50%);
    -o-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -webkit-transform: translate(-50%)
}

.multi-event-timeline .line {
    left: 50%;
    height: 2%;
    top: 17px;
    margin-left: 0;
    width: 3px
}

.header-overly-home-2030:before, .header-overly-home:before, .header-overly-inPage:before, .header-overly:before, .overly:before, .page-title:before, .slider:before {
    top: 0;
    left: 0;
    content: "";
    right: 0;
    position: absolute;
    bottom: 0
}

.gallery-timeline .fables-blog-cat-block img {
    position: relative;
    z-index: 999
}

.overly:before, .page-title:before, .slider:before {
    width: 100%;
    height: 100%;
    background: #00185a;
    opacity: .7
}

.overly:before {
    content: ""
}

.header-overly-inPage:before, .header-overly:before {
    background: rgba(0,0,0,.7)
}

.header-overly-home:before {
    background: rgba(0,0,0,.25)
}

.header-overly-home-2030:before {
    background: rgba(0,0,0,.8)
}

.portfolio-centered-about {
    position: absolute;
    top: 40%;
    left: 30%;
    transform: translate(-30%,-30%);
    color: #fff
}

.portfolio-hover-about {
    content: "";
    background: rgba(0,0,0,.9);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.page-section-alternate {
    background-color: #e6ebf047
}

.section {
    padding: 100px 0
}

.section-small {
    padding: 50px 0
}

.faded_line {
    margin: 10px 0;
    height: 3px;
    width: 60%;
    background: #000;
    background: -webkit-gradient(linear,0 0,100% 0,from(#f26522),to(white),color-stop(50%,#f26522))
}

.faded_line_hsse, .faded_line_right {
    background: #000;
    margin: 10px 0;
    height: 3px
}

.faded_line_right {
    width: 60%;
    background: -webkit-gradient(linear,0 0,100% 0,from(white),to(#f26522),color-stop(50%,#f26522))
}

.faded_line_hsse {
    width: 70%;
    background: -webkit-gradient(linear,0 0,100% 0,from(#f26522),to(white),color-stop(50%,#f26522))
}

.faded_line_right_hsse {
    margin: 10px 0;
    height: 3px;
    width: 70%;
    background: #000;
    background: -webkit-gradient(linear,0 0,100% 0,from(white),to(#f26522),color-stop(50%,#f26522))
}

.faded_line_padding {
    padding-top: 5px
}

.section-lite {
    padding: 25px 0
}

.section-supplier, .section-title {
    padding-bottom: 50px
}

.single-feature {
    margin-bottom: 60px;
    margin-top: 30px
}

    .single-feature h5 {
        font-size: 18px
    }

.media-right-margin {
    margin-right: 25px
}

.media-left-margin {
    margin-left: 25px
}

.blog-meta span.comments-type, .blog_meta span.date_type i, .page-link {
    margin-left: 5px
}

.single-feature p {
    font-size: 16px
}

.icon-border span {
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    color: #123648;
    font-size: 18px;
    line-height: 60px;
    border: 1px solid #123648
}

.blog-area {
    height: auto;
    width: 100%
}

.custom-select, .form-control {
    height: calc(1.5em + 1.375rem + 2px)
}

.blog-text h4 a {
    color: #444;
    text-decoration: none
}

.blog-text h4 {
    color: #444;
    margin-bottom: 15px
}

.blog-btn {
    border-bottom: 1px dotted #444;
    color: #444;
    padding: 0 1px 5px 0;
    text-decoration: none;
    position: relative
}

    .blog-btn::after {
        content: "\f178";
        font-family: fontawesome;
        position: absolute;
        right: -20px;
        top: 1px;
        transition: .3s
    }

    .blog-btn:hover::after {
        right: -30px
    }

    .blog-btn:hover {
        color: #333;
        text-decoration: none
    }

.blog-meta span i, .two-slide .item {
    padding-right: 10px
}

.blog-content .blog-meta {
    border-bottom: 1px dotted #333
}

.blog-meta {
    border-bottom: 1px dotted #fff;
    padding: 10px 0
}

    .blog-meta span.comments-type, .comments-type > a, .date-type {
        color: #333;
        letter-spacing: 1px;
        margin-right: 5px
    }

    .blog-meta .comments-type i {
        padding-right: 0 !important
    }

.blog-content-right .blog-meta span.comments-type, .blog-content-right .blog-text p, .blog-content-right .comments-type > a, .blog-content-right .date-type {
    color: #fff;
    letter-spacing: 1px
}

.single-blog .ready-btn {
    border: 1px solid #444;
    border-radius: 30px;
    color: #444;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    padding: 10px 20px;
    text-align: center;
    transition: .4s
}

    .single-blog .ready-btn:hover {
        border: 1px solid #3ec1d5;
        color: #fff
    }

.fact {
    background: url("../img/home/sasref-in-numbers.jpg") 10% 0/cover no-repeat fixed;
    padding: 200px 0
}

.fact-2030, .fact-HSSE, .fact-about {
    padding: 100px 0;
    position: relative
}

.fact-2030 {
    background: url("../img/home/sasref-2030-vision.jpg") 10% 0/cover no-repeat fixed
}

.fact-HSSE {
    background: url("../img/hse/tm2.html") 10% 0/cover no-repeat fixed
}

.fact-about {
    background: url("../img/about/V_M.png") 10% 0/cover no-repeat fixed
}

.fact-testimonial {
    background: 10% 0/cover fixed #e6ebf047;
    padding: 50px 0;
    position: relative
}

@media (max-width:992px) {
    .fact, .fact-2030, .fact-testimonial, .slider {
        padding: 150px 0
    }

        .fact .block h1, .fact-2030 .block h1, .fact-testimonial .block h1, .slider .block h1 {
            font-size: 36px;
            line-height: 46px
        }

        .fact .block p, .fact-2030 .block p, .fact-testimonial .block p, .slider .block p {
            font-size: 16px
        }
}

@media (max-width:768px) {
    #about .about-container .title {
        padding-top: 15px
    }

    #hero h1 {
        font-size: 28px;
        line-height: 36px
    }

    #hero h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px
    }

    .fact .block h1, .fact-2030 .block h1, .fact-testimonial .block h1, .slider .block h1 {
        font-size: 32px;
        line-height: 42px
    }
}

.fact:before, .overly:before, .page-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7) !important
}

#services {
    background: 0 0/cover #fff;
    padding: 80px 0 60px
}

    #services .box {
        padding: 50px 20px;
        margin-bottom: 50px;
        text-align: center;
        border: 1px solid #e6e6e6;
        height: 200px;
        position: relative;
        background: #fafafa
    }

    #services .icon {
        position: absolute;
        top: -36px;
        left: calc(50% - 36px);
        transition: .2s;
        border-radius: 50%;
        border: 6px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        width: 72px;
        height: 72px;
        background: #f26522
    }

        #services .icon i {
            color: #fff;
            font-size: 24px
        }

    #services .box:hover .icon {
        background: #fff;
        border: 2px solid #f26522
    }

        #services .box:hover .icon a, #services .box:hover .icon i {
            color: #f26522
        }

    #services .title {
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 15px
    }

    #services .description {
        font-size: 14px;
        line-height: 24px
    }

a {
    color: #4b74fe;
    text-decoration: none;
    background-color: transparent
}

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.3
}

.text-xs {
    font-size: 12px !important
}

.text-sm {
    font-size: 14px !important
}

.text-sm1 {
    font-size: 19px !important
}

.text-md {
    font-size: 16px !important
}

.text-lg {
    font-size: 18px !important
}

.text-xl {
    font-size: 21px !important
}

.bg-black {
    background-color: #000 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-primary {
    background-color: #2f89fc !important
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #167bfc !important
}

.bg-accent {
    background-color: #f52e91 !important
}

a.bg-accent:focus, a.bg-accent:hover {
    background-color: #f41684 !important
}

.bg-secondary {
    background-color: #6d728b !important
}

a.bg-secondary:focus, a.bg-secondary:hover {
    background-color: #62667d !important
}

.bg-success {
    background-color: #06cc89 !important
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #05b378 !important
}

.bg-info {
    background-color: #0ea1e6 !important
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #0d90ce !important
}

.bg-warning {
    background-color: #f68718 !important
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #eb7a09 !important
}

.bg-danger {
    background-color: #ff4457 !important
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #ff2b40 !important
}

.bg-grey {
    background-color: #afb7c1 !important
}

a.bg-grey:focus, a.bg-grey:hover {
    background-color: #a1aab6 !important
}

.bg-dark {
    background-color: #33374b !important
}

a.bg-dark:focus, a.bg-dark:hover {
    background-color: #292c3c !important
}

.bg-light {
    background-color: #f2f4fe !important
}

a.bg-light:focus, a.bg-light:hover {
    background-color: #dae0fc !important
}

.fg-black {
    color: #000 !important
}

.fg-white {
    color: #fff !important
}

.fg-primary {
    color: #0033a0 !important
}

a.fg-primary:focus, a.fg-primary:hover {
    color: #167bfc !important
}

.fg-accent {
    color: #f52e91 !important
}

a.fg-accent:focus, a.fg-accent:hover {
    color: #f41684 !important
}

.fg-secondary {
    color: #f26522 !important
}

a.fg-secondary:focus, a.fg-secondary:hover {
    color: #d29847 !important
}

.fg-success {
    color: #06cc89 !important
}

a.fg-success:focus, a.fg-success:hover {
    color: #05b378 !important
}

.fg-info {
    color: #0ea1e6 !important
}

a.fg-info:focus, a.fg-info:hover {
    color: #0d90ce !important
}

.fg-warning {
    color: #f68718 !important
}

a.fg-warning:focus, a.fg-warning:hover {
    color: #eb7a09 !important
}

.fg-danger {
    color: #ff4457 !important
}

a.fg-danger:focus, a.fg-danger:hover {
    color: #ff2b40 !important
}

.fg-grey, .fg-grey1 {
    color: #6c757d !important
}

a.fg-grey:focus, a.fg-grey:hover {
    color: #a1aab6 !important
}

.fg-dark {
    color: #33374b !important
}

a.fg-dark:focus, a.fg-dark:hover {
    color: #292c3c !important
}

.fg-light {
    color: #f2f4fe !important
}

a.fg-light:focus, a.fg-light:hover {
    color: #dae0fc !important
}

.border-primary {
    border-color: #2f89fc !important
}

.border-accent {
    border-color: #f52e91 !important
}

.border-secondary {
    border-color: #6d728b !important
}

.border-success {
    border-color: #06cc89 !important
}

.border-info {
    border-color: #0ea1e6 !important
}

.border-warning {
    border-color: #f68718 !important
}

.border-danger {
    border-color: #ff4457 !important
}

.border-grey {
    border-color: #afb7c1 !important
}

.border-dark {
    border-color: #33374b !important
}

.border-light {
    border-color: #f2f4fe !important
}

.bg-facebook {
    background-color: #3b5999 !important
}

.btn.bg-facebook:focus, .btn.bg-facebook:hover {
    background-color: #344e87 !important
}

.bg-twitter {
    background-color: #1da1f2 !important
}

.btn.bg-twitter:focus, .btn.bg-twitter:hover {
    background-color: #0d95e8 !important
}

.bg-google-plus {
    background-color: #db4437 !important
}

.btn.bg-google-plus:focus, .btn.bg-google-plus:hover {
    background-color: #d33426 !important
}

.bg-youtube {
    background-color: #cd201f !important
}

.btn.bg-youtube:focus, .btn.bg-youtube:hover {
    background-color: #b71d1c !important
}

.bg-dribbble {
    background-color: #ea4c89 !important
}

.btn.bg-dribbble:focus, .btn.bg-dribbble:hover {
    background-color: #e7357a !important
}

.bg-pinterest {
    background-color: #bd081c !important
}

.btn.bg-pinterest:focus, .btn.bg-pinterest:hover {
    background-color: #a50718 !important
}

.bg-slack {
    background-color: #3aaf85 !important
}

.btn.bg-slack:focus, .btn.bg-slack:hover {
    background-color: #349c76 !important
}

.bg-linkedin {
    background-color: #0077b5 !important
}

.btn.bg-linkedin:focus, .btn.bg-linkedin:hover {
    background-color: #00669c !important
}

.btn {
    -webkit-transition: .2s;
    transition: .2s
}

    .btn-accent:not(:disabled):not(.disabled).active:focus, .btn-accent:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-grey:not(:disabled):not(.disabled).active:focus, .btn-grey:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .btn-outline-accent:not(:disabled):not(.disabled).active:focus, .btn-outline-accent:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-grey:not(:disabled):not(.disabled).active:focus, .btn-outline-grey:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .btn.focus, .btn:focus, .page-link:focus, .show > .btn-accent.dropdown-toggle:focus, .show > .btn-danger.dropdown-toggle:focus, .show > .btn-dark.dropdown-toggle:focus, .show > .btn-grey.dropdown-toggle:focus, .show > .btn-info.dropdown-toggle:focus, .show > .btn-light.dropdown-toggle:focus, .show > .btn-outline-accent.dropdown-toggle:focus, .show > .btn-outline-danger.dropdown-toggle:focus, .show > .btn-outline-dark.dropdown-toggle:focus, .show > .btn-outline-grey.dropdown-toggle:focus, .show > .btn-outline-info.dropdown-toggle:focus, .show > .btn-outline-light.dropdown-toggle:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .show > .btn-outline-secondary.dropdown-toggle:focus, .show > .btn-outline-success.dropdown-toggle:focus, .show > .btn-outline-warning.dropdown-toggle:focus, .show > .btn-primary.dropdown-toggle:focus, .show > .btn-secondary.dropdown-toggle:focus, .show > .btn-success.dropdown-toggle:focus, .show > .btn-warning.dropdown-toggle:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn-outline-primary.disabled, .btn-outline-primary:disabled, .btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #2f89fc;
    border-color: #2f89fc
}

    .btn-primary:hover {
        color: #fff;
        background-color: #167bfc;
        border-color: #0974fb;
        -webkit-box-shadow: 0 4px 12px rgba(47,137,252,.3);
        box-shadow: 0 4px 12px rgba(47,137,252,.3)
    }

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: #4897fc;
        border-color: #3c90fc;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0974fb;
        border-color: #046df4
    }

.btn-accent, .btn-accent.disabled, .btn-accent:disabled, .btn-outline-accent.disabled, .btn-outline-accent:disabled {
    color: #fff;
    background-color: #f52e91;
    border-color: #f52e91
}

    .btn-accent:hover {
        color: #fff;
        background-color: #f41684;
        border-color: #f10c7e;
        -webkit-box-shadow: 0 4px 12px rgba(245,46,145,.3);
        box-shadow: 0 4px 12px rgba(245,46,145,.3)
    }

    .btn-accent.focus, .btn-accent:focus {
        color: #fff;
        background-color: #f6469e;
        border-color: #f63a97;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-accent:not(:disabled):not(.disabled).active, .btn-accent:not(:disabled):not(.disabled):active, .show > .btn-accent.dropdown-toggle {
        color: #fff;
        background-color: #f10c7e;
        border-color: #e50b77
    }

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled, .btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6d728b;
    border-color: #6d728b
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #62667d;
        border-color: #5c6076;
        -webkit-box-shadow: 0 4px 12px rgba(109,114,139,.3);
        box-shadow: 0 4px 12px rgba(109,114,139,.3)
    }

    .btn-secondary.focus, .btn-secondary:focus {
        color: #fff;
        background-color: #7a7f97;
        border-color: #737891;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #5c6076;
        border-color: #575b6e
    }

.btn-outline-success.disabled, .btn-outline-success:disabled, .btn-success, .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #06cc89;
    border-color: #06cc89
}

    .btn-success:hover {
        color: #fff;
        background-color: #05b378;
        border-color: #05a770;
        -webkit-box-shadow: 0 4px 12px rgba(6,204,137,.3);
        box-shadow: 0 4px 12px rgba(6,204,137,.3)
    }

    .btn-success.focus, .btn-success:focus {
        color: #33374b;
        background-color: #07e59a;
        border-color: #06d891;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #05a770;
        border-color: #059a68
    }

.btn-info, .btn-info.disabled, .btn-info:disabled, .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #fff;
    background-color: #0ea1e6;
    border-color: #0ea1e6
}

    .btn-info:hover {
        color: #fff;
        background-color: #0d90ce;
        border-color: #0c88c2;
        -webkit-box-shadow: 0 4px 12px rgba(14,161,230,.3);
        box-shadow: 0 4px 12px rgba(14,161,230,.3)
    }

    .btn-info.focus, .btn-info:focus {
        color: #fff;
        background-color: #1cadf1;
        border-color: #10a9f0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #0c88c2;
        border-color: #0b7fb6
    }

.btn-outline-warning.disabled, .btn-outline-warning:disabled, .btn-warning, .btn-warning.disabled, .btn-warning:disabled {
    color: #33374b;
    background-color: #f68718;
    border-color: #f68718
}

    .btn-warning:hover {
        color: #fff;
        background-color: #eb7a09;
        border-color: #df7409;
        -webkit-box-shadow: 0 4px 12px rgba(246,135,24,.3);
        box-shadow: 0 4px 12px rgba(246,135,24,.3)
    }

    .btn-warning.focus, .btn-warning:focus {
        color: #33374b;
        background-color: #f79431;
        border-color: #f68d24;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #df7409;
        border-color: #d36e08
    }

.btn-danger, .btn-danger.disabled, .btn-danger:disabled, .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #fff;
    background-color: #ff4457;
    border-color: #ff4457
}

    .btn-danger:hover {
        color: #fff;
        background-color: #ff2b40;
        border-color: #ff1e35;
        -webkit-box-shadow: 0 4px 12px rgba(255,68,87,.3);
        box-shadow: 0 4px 12px rgba(255,68,87,.3)
    }

    .btn-danger.focus, .btn-danger:focus {
        color: #fff;
        background-color: #ff5e6e;
        border-color: #ff5162;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #ff1e35;
        border-color: #ff1129
    }

.btn-grey, .btn-grey.disabled, .btn-grey:disabled, .btn-outline-grey.disabled, .btn-outline-grey:disabled {
    color: #33374b;
    background-color: #afb7c1;
    border-color: #afb7c1
}

    .btn-grey:hover {
        color: #33374b;
        background-color: #a1aab6;
        border-color: #99a4b0;
        -webkit-box-shadow: 0 4px 12px rgba(175,183,193,.3);
        box-shadow: 0 4px 12px rgba(175,183,193,.3)
    }

    .btn-grey.focus, .btn-grey:focus {
        color: #33374b;
        background-color: #bdc4cc;
        border-color: #b6bdc7;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-grey:not(:disabled):not(.disabled).active, .btn-grey:not(:disabled):not(.disabled):active, .show > .btn-grey.dropdown-toggle {
        color: #33374b;
        background-color: #99a4b0;
        border-color: #929dab
    }

.btn-dark, .btn-dark.disabled, .btn-dark:disabled, .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #fff;
    background-color: #33374b;
    border-color: #33374b
}

    .btn-dark:hover {
        color: #fff;
        background-color: #292c3c;
        border-color: #242634;
        -webkit-box-shadow: 0 4px 12px rgba(51,55,75,.3);
        box-shadow: 0 4px 12px rgba(51,55,75,.3)
    }

    .btn-dark.focus, .btn-dark:focus {
        color: #fff;
        background-color: #3d425a;
        border-color: #383d53;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #242634;
        border-color: #1e212d
    }

.btn-light, .btn-light.disabled, .btn-light:disabled, .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #33374b;
    background-color: #f2f4fe;
    border-color: #f2f4fe
}

    .btn-light:hover {
        color: #33374b;
        background-color: #dae0fc;
        border-color: #ced6fb;
        -webkit-box-shadow: 0 4px 12px rgba(242,244,254,.3);
        box-shadow: 0 4px 12px rgba(242,244,254,.3)
    }

    .btn-light.focus, .btn-light:focus {
        color: #33374b;
        background-color: #fff;
        border-color: #fefeff;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
        color: #33374b;
        background-color: #ced6fb;
        border-color: #c3ccfa
    }

.btn-outline-primary {
    color: #2f89fc;
    background-color: transparent;
    border-color: #2f89fc
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #2f89fc;
        border-color: #2f89fc;
        -webkit-box-shadow: 0 4px 12px rgba(47,137,252,.3);
        box-shadow: 0 4px 12px rgba(47,137,252,.3)
    }

    .btn-outline-primary.focus, .btn-outline-primary:focus {
        color: #2f89fc;
        background-color: transparent;
        border-color: #2f89fc;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #167bfc;
        border-color: #0974fb
    }

.btn-outline-accent {
    color: #f52e91;
    background-color: transparent;
    border-color: #f52e91
}

    .btn-outline-accent:hover {
        color: #fff;
        background-color: #f52e91;
        border-color: #f52e91;
        -webkit-box-shadow: 0 4px 12px rgba(245,46,145,.3);
        box-shadow: 0 4px 12px rgba(245,46,145,.3)
    }

    .btn-outline-accent.focus, .btn-outline-accent:focus {
        color: #f52e91;
        background-color: transparent;
        border-color: #f52e91;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-outline-accent:not(:disabled):not(.disabled).active, .btn-outline-accent:not(:disabled):not(.disabled):active, .show > .btn-outline-accent.dropdown-toggle {
        color: #fff;
        background-color: #f41684;
        border-color: #f10c7e
    }

.btn-outline-secondary {
    color: #6d728b;
    background-color: transparent;
    border-color: #6d728b
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6d728b;
        border-color: #6d728b;
        -webkit-box-shadow: 0 4px 12px rgba(109,114,139,.3);
        box-shadow: 0 4px 12px rgba(109,114,139,.3)
    }

    .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        color: #6d728b;
        background-color: transparent;
        border-color: #6d728b;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #62667d;
        border-color: #5c6076
    }

.btn-outline-success {
    color: #06cc89;
    background-color: transparent;
    border-color: #06cc89
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #06cc89;
        border-color: #06cc89;
        -webkit-box-shadow: 0 4px 12px rgba(6,204,137,.3);
        box-shadow: 0 4px 12px rgba(6,204,137,.3)
    }

    .btn-outline-success.focus, .btn-outline-success:focus {
        color: #06cc89;
        background-color: transparent;
        border-color: #06cc89;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #05b378;
        border-color: #05a770
    }

.btn-outline-info {
    color: #0ea1e6;
    background-color: transparent;
    border-color: #0ea1e6
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #0ea1e6;
        border-color: #0ea1e6;
        -webkit-box-shadow: 0 4px 12px rgba(14,161,230,.3);
        box-shadow: 0 4px 12px rgba(14,161,230,.3)
    }

    .btn-outline-info.focus, .btn-outline-info:focus {
        color: #0ea1e6;
        background-color: transparent;
        border-color: #0ea1e6;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #0d90ce;
        border-color: #0c88c2
    }

.btn-outline-warning {
    color: #f68718;
    background-color: transparent;
    border-color: #f68718
}

    .btn-outline-warning:hover {
        color: #33374b;
        background-color: #f68718;
        border-color: #f68718;
        -webkit-box-shadow: 0 4px 12px rgba(246,135,24,.3);
        box-shadow: 0 4px 12px rgba(246,135,24,.3)
    }

    .btn-outline-warning.focus, .btn-outline-warning:focus {
        color: #f68718;
        background-color: transparent;
        border-color: #f68718;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: #eb7a09;
        border-color: #df7409
    }

.btn-outline-danger {
    color: #ff4457;
    background-color: transparent;
    border-color: #ff4457
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #ff4457;
        border-color: #ff4457;
        -webkit-box-shadow: 0 4px 12px rgba(255,68,87,.3);
        box-shadow: 0 4px 12px rgba(255,68,87,.3)
    }

    .btn-outline-danger.focus, .btn-outline-danger:focus {
        color: #ff4457;
        background-color: transparent;
        border-color: #ff4457;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #ff2b40;
        border-color: #ff1e35
    }

.btn-outline-grey {
    color: #afb7c1;
    background-color: transparent;
    border-color: #afb7c1
}

    .btn-outline-grey:hover {
        color: #33374b;
        background-color: #afb7c1;
        border-color: #afb7c1;
        -webkit-box-shadow: 0 4px 12px rgba(175,183,193,.3);
        box-shadow: 0 4px 12px rgba(175,183,193,.3)
    }

    .btn-outline-grey.focus, .btn-outline-grey:focus {
        color: #afb7c1;
        background-color: transparent;
        border-color: #afb7c1;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-outline-grey:not(:disabled):not(.disabled).active, .btn-outline-grey:not(:disabled):not(.disabled):active, .show > .btn-outline-grey.dropdown-toggle {
        color: #33374b;
        background-color: #a1aab6;
        border-color: #99a4b0
    }

.btn-outline-dark {
    color: #33374b;
    background-color: transparent;
    border-color: #33374b
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #33374b;
        border-color: #33374b;
        -webkit-box-shadow: 0 4px 12px rgba(51,55,75,.3);
        box-shadow: 0 4px 12px rgba(51,55,75,.3)
    }

    .btn-outline-dark.focus, .btn-outline-dark:focus {
        color: #33374b;
        background-color: transparent;
        border-color: #33374b;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #292c3c;
        border-color: #242634
    }

.btn-outline-light {
    color: #f2f4fe;
    background-color: transparent;
    border-color: #f2f4fe
}

    .btn-outline-light:hover {
        color: #33374b;
        background-color: #f2f4fe;
        border-color: #f2f4fe;
        -webkit-box-shadow: 0 4px 12px rgba(242,244,254,.3);
        box-shadow: 0 4px 12px rgba(242,244,254,.3)
    }

    .btn-outline-light.focus, .btn-outline-light:focus {
        color: #f2f4fe;
        background-color: transparent;
        border-color: #f2f4fe;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
        color: #33374b;
        background-color: #dae0fc;
        border-color: #ced6fb
    }

.breadcrumb .breadcrumb-item + .breadcrumb-item::before, .breadcrumb .breadcrumb-item.active, .page-link {
    color: #a1aab6
}

    .breadcrumb, .page-link:hover {
        background-color: #f2f4fe
    }

.breadcrumb-item + .breadcrumb-item {
    padding-left: 1rem
}

    .breadcrumb-item + .breadcrumb-item::before {
        content: "\2022";
        padding-right: 1rem
    }

.breadcrumb-dark .breadcrumb-item a {
    color: rgba(255,255,255,.4)
}

.breadcrumb-dark .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    color: rgba(255,255,255,.8)
}

.breadcrumb-dark .breadcrumb-item.active {
    color: rgba(255,255,255,.8)
}

.navbar {
    min-height: 65px
}

.navbar-float {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px rgba(51,55,75,.15);
    box-shadow: 0 2px 6px rgba(51,55,75,.15);
    z-index: 1070
}

.navbar.sticky {
    z-index: 1080
}

    .navbar.sticky.fixed ~ * {
        margin-top: 70px
    }

    .navbar.sticky.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-animation: .5s navTransition;
        animation: .5s navTransition;
        -webkit-box-shadow: 0 2px 6px rgba(51,55,75,.15);
        box-shadow: 0 2px 6px rgba(51,55,75,.15);
        z-index: 1080
    }

@-webkit-keyframes navTransition {
    from {
        top: -100%
    }

    to {
        top: 0
    }
}

@keyframes navTransition {
    from {
        top: -100%
    }

    to {
        top: 0
    }
}

.navbar-brand {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.25rem
}

.navbar-nav {
    margin-top: 10px;
    border-top: 1px solid #e4e7ee;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.25rem
}

    .navbar-nav .nav-link {
        -webkit-transition: .2s;
        transition: .2s;
        font-size: 1.25rem
    }

    .navbar-nav .btn, .top-bar {
        font-size: 14px
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(109,114,139,.75);
    font-size: 1.25rem
}

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .show > .nav-link {
        color: #123648;
        font-size: 1.25rem
    }

@media (min-width:576px) {
    .navbar-expand-sm .navbar-nav {
        margin-top: 0;
        border-top: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .navbar-expand-sm .navbar-nav .nav-link {
            padding-right: 1rem;
            padding-left: 1rem
        }
}

@media (min-width:1200px) {
    .navbar-expand-xl .navbar-nav {
        margin-top: 0;
        border-top: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .navbar-expand-xl .navbar-nav .nav-link {
            padding-right: 1rem;
            padding-left: 1rem
        }
}

.form-control {
    padding: 8px 15px;
    border-color: #dee1e6
}

.page-link {
    min-width: 40px;
    border: 1px solid #dee1e6;
    text-align: center;
    border-radius: 4px
}

    .page-link:hover {
        color: #6d728b;
        border-color: #dee1e6
    }

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2f89fc;
    border-color: #0974fb
}

.page-item.disabled .page-link {
    color: #6d728b;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.img-place {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden
}

    .img-place img {
        width: auto;
        max-width: 100%;
        height: 100%
    }

.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

    .bg-img > *, .page-banner .container {
        position: relative;
        z-index: 10
    }

.bg-img-parallax, .bg-img-parallax-about {
    background-attachment: local
}

.bg-img-overlay-dark::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    background-color: #33374b
}

.bg-img-size-contain {
    background-size: contain
}

.bg-img-size-100 {
    background-size: 100% 100%
}

.avatar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-blog, .divider, .page-section, .subhead, .tagcloud, .team-carousel, .team-content, .team-profile, .title-section, .top-bar {
    display: block
}

.avatar-img {
    margin-right: 8px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden
}

    #google-maps, .avatar-img img, .card-blog .avatar img, .card-testimonial .avatar img {
        width: 100%;
        height: 100%
    }

.divider {
    margin: 12px 0 24px;
    max-width: 250px;
    height: 2px;
    background-color: #cbd9ff;
    border-radius: 20px;
    border: none
}

    .divider::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 20px;
        width: 40px;
        height: 2px;
        background-color: #2f89fc
    }

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 25px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(175,183,193,.7);
    visibility: hidden;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 1100
}

    .back-to-top::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: -4px auto;
        width: 12px;
        height: 12px;
        border-top: 2px solid #555;
        border-right: 2px solid #555;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .back-to-top:hover {
        background: #2f89fc
    }

        .back-to-top:hover::after {
            border-color: #fff
        }

.top-bar {
    height: 35px;
    border-bottom: 1px solid #f0f1f6
}

    .hero-carousel, .owl-carousel .owl-stage-outer, .top-bar .container, .top-bar .row {
        height: 100%
    }

    .blog-single-wrap .post-meta a, .page-section p, .top-bar a {
        color: #6d728b
    }

        .blog-item .post-title a:hover, .top-bar a:hover {
            color: #2f89fc;
            text-decoration: none
        }

.social-mini-button a {
    padding-left: 12px;
    padding-right: 12px
}

    .social-mini-button a:not(:last-child) {
        border-right: 1px solid #dfe1eb
    }

.page-banner {
    position: relative;
    height: 440px
}

    .page-banner.home-banner {
        height: auto;
        max-height: 500px
    }

    .page-banner.overlay-dark::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #00185a;
        opacity: .7;
        z-index: 1
    }

.slider-wrapper {
    position: relative;
    height: 100%
}

.default-carousel-nav .owl-nav [class*=owl-] {
    border-radius: 50%;
    padding: 0;
    margin: 0;
    height: 44px;
    width: 44px;
    line-height: 44px;
    color: #e54d42;
    text-align: center;
    position: absolute;
    top: 38%;
    background-color: rgba(255,255,255,.2)
}

    .default-carousel-nav .owl-nav [class*=owl-]:hover {
        background-color: rgba(255,255,255,.5);
        color: #e54d42
    }

.default-carousel-nav .owl-nav .owl-prev {
    left: 20px
}

.hero-carousel-item {
    position: relative;
    width: 100%;
    height: 100%
}

    .hero-carousel-item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(51,55,75,.5)
    }

    .hero-carousel-item img {
        width: 100%;
        height: auto
    }

.hero-carousel .owl-nav {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.hero-carousel:hover .owl-nav {
    opacity: 1;
    visibility: visible
}

.hero-carousel .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0
}

.hero-carousel .img-caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 13% auto auto;
    padding: 0 16px;
    width: auto;
    max-width: 900px;
    height: 100%;
    text-align: center;
    align-items: center;
    color: #fff
}

.blog-single-wrap .post-meta, .card-testimonial .author {
    -ms-flex-direction: row
}

.hero-carousel h1 {
    font-weight: 300
}

.hero-carousel .subhead {
    color: #fff;
    font-weight: 400
}

@media (min-width:768px) {
    .navbar-expand-md .navbar-nav {
        margin-top: 0;
        border-top: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .navbar-expand-md .navbar-nav .nav-link {
            padding-right: 1rem;
            padding-left: 1rem
        }

    .page-banner.home-banner {
        height: 740px;
        max-height: unset
    }

    .hero-carousel h1 {
        font-size: 56px
    }

    .hero-carousel .subhead {
        font-size: 20px
    }
}

.page-section {
    position: relative;
    padding: 80px 0
}

.subhead {
    text-transform: capitalize;
    color: #afb7c1;
    font-weight: 500;
    margin-bottom: 8px
}

.title-section {
    max-width: 450px;
    color: #2d2f38;
    font-weight: 600;
    margin-bottom: 32px
}

.text-center .title-section {
    margin-left: auto;
    margin-right: auto
}

.about-img, .presedent-img {
    position: relative;
    margin: 15px auto;
    width: auto;
    max-width: 500px;
    border-radius: 12px;
    overflow: hidden;
    -webkit-box-shadow: 0 8px 16px rgba(109,114,139,.3);
    box-shadow: 0 8px 16px rgba(109,114,139,.3)
}

.card-blog, .card-testimonial, .team-wrap {
    margin: 0 auto;
    position: relative
}

.team-wrap {
    width: auto;
    max-width: 280px
}

.team-profile {
    aspect-ratio: 1;
    object-fit: fill;
    position: relative;
    width: 100%;
    border-radius: 6px;
    background-color: #afb7c1;
    overflow: hidden
}

.team-content {
    padding: 20px;
    background-color: #fff;
    color: #33374b
}

    .team-content .social-button {
        margin-top: 24px
    }

        .team-content .social-button a {
            margin-right: 4px;
            margin-bottom: 4px;
            width: 28px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            font-size: 14px;
            background-color: #f2f4fe;
            color: #6d728b;
            border-radius: 4px;
            -webkit-transition: background .2s,color .3s;
            transition: background .2s,color .3s
        }

.card-testimonial, .portfolio {
    border-radius: 8px;
    -webkit-transition: .2s;
    display: block;
    background-color: #f2f4fe
}

.team-content .social-button a:hover {
    background-color: #2f89fc;
    color: #fff;
    text-decoration: none
}

.portfolio {
    overflow: hidden;
    transition: .2s
}

    .portfolio:hover {
        -webkit-box-shadow: 0 3px 12px rgba(109,114,139,.2);
        box-shadow: 0 3px 12px rgba(109,114,139,.2)
    }

    .blog-single-wrap .post-thumbnail img, .portfolio img {
        width: auto;
        max-width: 100%
    }

.card-testimonial {
    padding: 30px 20px;
    color: #6d728b;
    transition: .2s
}

    .card-testimonial:hover, .widget-box {
        background-color: #fff
    }

    .card-testimonial .content, .page-footer h5 {
        margin-bottom: 24px
    }

    .card-testimonial .author {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .card-testimonial .avatar {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        overflow: hidden
    }

    .card-testimonial .author-name {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0;
        color: #33374b
    }

    .card-testimonial .author-info {
        font-size: 11px;
        color: #a1aab6
    }

.card-blog {
    padding: 32px 20px 70px;
    max-width: 260px;
    min-height: 290px;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 6px rgba(51,55,75,.16);
    box-shadow: 0 2px 6px rgba(51,55,75,.16)
}

    .card-blog .header {
        margin-bottom: 16px
    }

    .card-blog .avatar {
        position: relative;
        display: inline-block;
        margin-right: 6px;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background-color: #d0d4e4;
        overflow: hidden
    }

.blog-single-wrap .post-thumbnail, .widget-box {
    border-radius: 8px;
    margin-bottom: 32px;
    position: relative
}

.card-blog-row :first-child .card-blog, .categories li a span, .search-form .btn {
    background-color: #2f89fc
}

.card-blog .entry-footer {
    display: inline-block;
    vertical-align: top
}

.card-blog .post-author {
    font-weight: 500;
    color: #6d728b
}

.card-blog .post-date {
    font-size: 13px;
    color: #b2b6c5
}

.card-blog .post-title {
    margin-bottom: 8px;
    font-size: 18px
}

    .card-blog .post-title a {
        font-weight: 500;
        color: #2d2f38
    }

.card-blog .post-excerpt {
    font-size: 14px;
    color: #afb7c1
}

.card-blog .footer {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.card-blog-row :first-child .card-blog .footer a, .card-blog-row :first-child .card-blog .post-author, .card-blog-row :first-child .card-blog .post-title a, .footer-menu a:hover {
    color: #fff
}

.card-blog-row :first-child .card-blog .post-date {
    color: rgba(255,255,255,.6)
}

.blog-single-wrap {
    position: relative;
    display: block;
    padding: 16px 0
}

    .blog-single-wrap .post-thumbnail {
        display: block;
        width: 100%;
        -webkit-box-shadow: 0 4px 24px rgba(109,114,139,.3);
        box-shadow: 0 4px 24px rgba(109,114,139,.3);
        overflow: hidden
    }

    .blog-single-wrap .post-meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        font-size: 14px;
        font-weight: 600;
        margin-top: 12px;
        margin-bottom: 24px
    }

        .blog-single-wrap .post-meta a:hover {
            color: #167bfc;
            text-decoration: none
        }

        .blog-single-wrap .post-meta .gap {
            padding-left: 8px;
            padding-right: 8px
        }

    .blog-single-wrap .post-tags {
        display: block;
        padding: 16px 0
    }

        .blog-single-wrap .post-tags a {
            display: inline-block;
            padding: 4px 12px;
            background-color: #f2f4fe;
            color: #99a4b0;
            font-size: 14px;
            border-radius: 4px;
            -webkit-transition: .2s;
            transition: .2s
        }

            .blog-single-wrap .post-tags a:hover, .categories li a:hover {
                text-decoration: none;
                background-color: #2f89fc;
                color: #fff
            }

.widget {
    padding: 16px 0
}

.widget-box {
    display: block;
    padding: 24px;
    border: 1px solid #ebeefd;
    -webkit-box-shadow: 0 4px 12px rgba(109,114,139,.1);
    box-shadow: 0 4px 12px rgba(109,114,139,.1)
}

    .widget-box::after {
        display: block;
        clear: both;
        content: ""
    }

.widget-title {
    font-weight: 600;
    color: #6d728b
}

.search-form .btn {
    position: absolute;
    top: 5px;
    right: 6px;
    padding: 6px 12px;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s
}

    .search-form .btn:hover {
        background-color: #167bfc
    }

.categories {
    list-style: none;
    padding-left: 0
}

    .categories li {
        display: block;
        float: left;
        margin-bottom: 12px;
        width: 50%
    }

        .categories li a {
            display: inline-block;
            width: 90%;
            padding: 6px 12px;
            background-color: #eef5ff;
            color: #2f89fc;
            border-radius: 4px;
            -webkit-transition: .2s;
            transition: .2s
        }

            .categories li a span {
                float: right;
                margin-left: 8px;
                padding: 3px 6px;
                color: #fff;
                font-size: 12px;
                font-weight: 600;
                border-radius: 40px
            }

            .categories li a:hover span {
                -webkit-box-shadow: 0 0 0 1px #fff;
                box-shadow: 0 0 0 1px #fff
            }

.blog-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dae0fc
}

    .blog-item .post-thumb {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        display: inline-block;
        margin-right: 15px;
        width: 100px;
        height: 80px;
        background-color: #afb7c1;
        overflow: hidden
    }

        .blog-item .post-thumb img {
            width: auto;
            height: 100%
        }

    .blog-item .post-title a {
        color: #6d728b;
        -webkit-transition: .2s;
        transition: .2s
    }

    .blog-item .meta a {
        margin-right: 6px;
        font-size: 12px;
        color: #62667d
    }

        .blog-item .meta a:hover {
            text-decoration: none
        }

.tag-cloud-link {
    display: inline-block;
    padding: 4px 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    border: 1px solid #dae0fc;
    border-radius: 40px;
    font-size: 14px;
    color: #6d728b;
    -webkit-transition: .2s;
    transition: .2s
}

    .tag-cloud-link:focus, .tag-cloud-link:hover {
        text-decoration: none;
        background-color: #f2f4fe;
        color: #2f89fc;
        border-color: #2f89fc
    }

.filterable-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 24px
}

    .filterable-btn .btn {
        margin: 4px;
        padding: 8px 16px;
        font-size: 14px;
        background-color: #f2f4fe;
        color: #898da2
    }

        .filterable-btn .btn.active {
            background-color: #a9a9a9;
            color: #fff
        }

.grid-item {
    padding: 16px;
    width: 33.33333%
}

.form-contact .form-control {
    background-color: #0033a0;
    opacity: .1;
    border-color: transparent
}

    .form-contact .form-control:focus {
        background-color: transparent;
        border-color: #94c2fd;
        -webkit-box-shadow: 0 0 0 1px #94c2fd;
        box-shadow: 0 0 0 1px #94c2fd
    }

.maps-container {
    display: block;
    width: 100%;
    height: 400px;
    background-color: #f2f4fe;
    overflow: hidden
}

.page-footer {
    display: block;
    padding-top: 80px;
    padding-bottom: 20px;
    background-color: #33374b;
    color: #fff
}

    .page-footer hr {
        border-color: #464b61
    }

    .page-footer p {
        color: rgba(255,255,255,.7)
    }

.footer-menu {
    padding-left: 0;
    list-style: none
}

    .footer-menu li {
        margin-bottom: 8px
    }

    .footer-menu a {
        color: #afb7c1
    }

.sosmed-button a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255,255,255,.1);
    color: rgba(255,255,255,.6);
    outline: 0 !important
}

.owl-bg-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel, .owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

    .owl-carousel .owl-wrapper:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height .5s ease-in-out;
            -moz-transition: height .5s ease-in-out;
            -ms-transition: height .5s ease-in-out;
            -o-transition: height .5s ease-in-out;
            transition: height .5s ease-in-out
        }

    .owl-carousel .owl-item {
        float: left
    }

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center
}

.grabbing {
    cursor: url(grabbing.html) 8 8,move
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-theme .owl-controls {
    margin-top: 5px;
    text-align: center
}

    .owl-theme .owl-controls .owl-buttons div {
        color: #fff;
        zoom: 1;
        display: inline;
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50);
        opacity: .5
    }

    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        opacity: 1;
        text-decoration: none
    }

    .owl-theme .owl-controls .owl-page {
        zoom: 1;
        display: inline
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 10px;
            height: 10px;
            margin: 5px 6px;
            filter: Alpha(Opacity=90);
            opacity: .9;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            border: 1px solid #888
        }

        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100);
            opacity: 1;
            background: #8a8f6a;
            border-color: #8a8f6a
        }

        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #fff;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px
        }

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.html) center center no-repeat
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: .7s both fadeOut;
    -moz-animation: .7s both fadeOut;
    animation: .7s both fadeOut
}

.owl-fade-in {
    -webkit-animation: .7s both fadeIn;
    -moz-animation: .7s both fadeIn;
    animation: .7s both fadeIn
}

.owl-backSlide-out {
    -webkit-animation: 1s both backSlideOut;
    -moz-animation: 1s both backSlideOut;
    animation: 1s both backSlideOut
}

.owl-backSlide-in {
    -webkit-animation: 1s both backSlideIn;
    -moz-animation: 1s both backSlideIn;
    animation: 1s both backSlideIn
}

.owl-goDown-out {
    -webkit-animation: .7s both scaleToFade;
    -moz-animation: .7s both scaleToFade;
    animation: .7s both scaleToFade
}

.owl-goDown-in {
    -webkit-animation: .6s both goDown;
    -moz-animation: .6s both goDown;
    animation: .6s both goDown
}

.owl-fadeUp-in {
    -webkit-animation: .5s both scaleUpFrom;
    -moz-animation: .5s both scaleUpFrom;
    animation: .5s both scaleUpFrom
}

.owl-fadeUp-out {
    -webkit-animation: .5s both scaleUpTo;
    -moz-animation: .5s both scaleUpTo;
    animation: .5s both scaleUpTo
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }

    100%,75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }

    100%,75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    100%,75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {
    0%,25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideIn {
    0%,25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {
    0%,25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }

    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

.testimonials .owl-controls {
    position: static;
    bottom: 0;
    text-align: center
}

.owl-bg-slide-1 {
    background-image: url(../images/home2/slide8.html)
}

.owl-bg-slide-2 {
    background-image: url(../images/home2/slide7.html)
}

.owl-bg-slide-3 {
    background-image: url(../images/home2/home2slide.html)
}

@media (min-width:992px) {
    .navbar-expand-lg .navbar-nav {
        margin-top: 0;
        border-top: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .navbar-expand-lg .navbar-nav .nav-link {
            padding-right: 1rem;
            padding-left: 1rem
        }

    .feature-text {
        margin-left: -100px
    }
}

.btn {
    font-weight: 600;
    padding: 10px 25px
}

.btn-model {
    font-weight: 600;
    height: 40px;
    padding: 5px 5px 15px;
    background-color: #e6ebf047;
    border-color: #f26522;
    color: #f26522
}

    .btn-model:hover {
        border-color: #0454a4;
        color: #0454a4;
        background-color: #e6ebf047
    }

.btn-square {
    width: 36px;
    height: 36px
}

.btn-sm-square {
    width: 28px;
    height: 28px
}

.btn-lg-square {
    width: 46px;
    height: 46px
}

.btn-lg-square, .btn-sm-square, .btn-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.experience {
    padding: 50px 0 100px;
    border-top: 1px solid #e5ebf2
}

.experience-content {
    padding-top: 100px
}

.single-timeline-box {
    margin-bottom: 75px
}

.experience-time h2 {
    font-weight: 400
}

.experience-time h3 {
    font-size: 16px;
    font-weight: 300;
    color: #636a82;
    margin-top: 14px
}

.main-timeline:before {
    content: "";
    width: 2px;
    height: 84%;
    background: #b2c1ce;
    position: absolute;
    top: 1.5%;
    left: 45.8%;
    z-index: -1
}

.experience-time span > i, .timeline-content span > i {
    color: #d92cf9;
    position: absolute;
    font-size: 10px;
    left: -14.5%;
    z-index: 1
}

.timeline-content h4.title {
    font-size: 16px;
    font-weight: 400
}

.timeline-content h5 {
    color: #636a82;
    font-size: 14px;
    font-weight: 300;
    margin: 18px 0 20px
}

.main-timeline .description {
    font-size: 14px;
    color: #999fb3
}

.main-timeline .timeline-content.right {
    float: right;
    text-align: left
}

.timeline-single-before:before {
    content: '';
    top: 57px;
    left: -3px;
    position: absolute;
    width: 100%;
    height: 400px;
    border-left: 15px solid #fff
}

.hsePageBullet {
    font-size: 25px;
    color: #f26522 !important
}



/**************20250807*/
.container-updated {
    width: 100%;
    padding-right: 15%;
    padding-left: 15%;
}

.container-news {
    width: 100%;
    padding-right: 10%;
    padding-left: 10%;
}

.sectionHeader {
    font-family: GOODTIME;
    font-size: 2rem;
    text-align: center;
    padding-bottom: 25px;
}

.sectionHeader-white {
    font-family: GOODTIME;
    color: #fff !important;
    font-size: 2rem;
    text-align: center;
    padding-bottom: 25px;
}

.text-white-1 {
    color: #fff !important;
    font-size: 1.5rem;
}

.text-white-default {
    color: #fff !important;
}

.text-white-subHead-Normal {
    color: #fff !important;
    font-size: 1.5rem;
    font-size-adjust: 0.5;
}

.text-white-subHead {
    font-family: GOODTIME;
    color: #fff !important;
    font-size: 1.28rem;
}

.text-normal-subtext {
    font-size: 1.25rem;
}

.text-white-subtext {
    font-family: GOODTIME;
    color: #fff !important;
    font-size: 1.25rem;
}

.text-normal-subtext2 {
    font-size: 1rem;
}

.text-white-subtext2 {
    color: #fff !important;
    font-size: 1.15rem;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 767px) {
    .fact, .fact-2030, .fact-testimonial, .slider {
        padding: 0px 0!important;
    }
    .btn-application-submit {
        display: block!important;
        margin: 0 auto;
        margin-bottom: 10px;
    }
        .btn-application-cancel{
        display: block!important;
        margin: 0 auto;
        text-align: center;
    }
}