﻿@charset "utf-8";
/* CSS Document */


h3.h-learn-more {
    font-size: 18px !important;
    line-height: 30px;
    font-weight: 700;
    text-align: justify !important;
}

.padding-0 {
    padding: 0 !important;
}

.logo-ft {
    float: left;
    width: 100%;
    padding: 0 15px;
    position: absolute;
    z-index: 99;
    bottom: 0;
}

    .logo-ft a {
    }

.logo-left {
    width: 320px;
    position: relative;
    top: 12px;
}

.logo-right {
    width: 320px;
}

.bottom-line {
    font-size: 30px;
    text-align: center;
    color: #fff !important;
    margin: 0;
    padding-top: 20px;
}

.position-relative {
    position: relative;
}


.logo-cover-marquee {
    background: #bf4722;
    position: relative;
    z-index: 9999;
}

.marque-main {
    float: left;
    width: 100%;
    /* background: #ffffff; */
    /* border-top:3px solid #01379a; */
    /* border-bottom:3px solid #01379a; */
    /* padding:10px 8px 5px; */

    position: absolute;
    top: 0;
    margin-top: 110px;
}

    .marque-main ul {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        color: #fff;
        margin: 0;
        padding: 0;
    }

        .marque-main ul li:first-child {
            list-style: none;
        }

        .marque-main ul li {
            float: left;
            padding-right: 40px; /* color:#0030ff; */
            font-size: 32px; /* line-height: 20px; */
        }

            .marque-main ul li a {
                font-family: 'Roboto', sans-serif;
                font-size: 16px;
                color: #fff;
                text-decoration: none;
                font-weight: 700;
                line-height: 19px;
                position: relative;
                top: 0px;
            }

                .marque-main ul li a:hover {
                    text-decoration: none;
                    color: #d8c856;
                }

.live-section {
    padding: 0;
}

    .live-section iframe {
        height: 480px;
        width: 100%;
        margin-bottom: 30px;
    }

.live-new {
    background: #0014ff;
    color: #fff;
    padding: 1px 4px;
    border: 6px;
    font-size: 11px;
    margin-left: 0px;
    position: relative;
    top: -12px;
    animation: blink 1s infinite;
}

.marque-main ul li a span {
    color: #000 !important;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    76% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/*Menu Hidden 9 Namakan Form Menu Start*/
#navbar .navbar-nav > li:nth-child(9) {
    display: none;
}
/*Menu Hidden 9 Namakan Form Menu End*/

.header-main {
    float: left;
    width: 100%; /*z-index:9999; position:fixed; top:0;*/
}

.top-header {
    float: left;
    width: 100%;
    background-color: #bf4722;
}


.navbar {
    min-height: auto !important;
}

.navbar-brand {
    height: auto !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .navbar-brand img {
        width: 140px;
        float: left;
        position: relative;
        z-index: 99999;
    }

.navbar-default {
    background-color: #f3f3f3;
    border-color: #dbdbdb;
    margin-top: 154px;
    margin-bottom: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}

    .navbar-default .navbar-nav > li > a {
        color: #333;
        margin-right: 30px;
        font-size: 18px;
    }

        .navbar-default .navbar-nav > li > a:hover {
            color: #94381b;
        }

    .navbar-default .navbar-nav > li.active {
        margin-right: 15px;
    }


    .navbar-default .navbar-nav > li a:last-child {
        margin-right: 0px;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #bf4722;
    }

    .navbar-default .navbar-nav > li > a:focus {
        color: #94381b;
    }

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
}

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #000;
    }

.caret {
    margin-left: 8px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-top: 8px solid\9;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.social-icon {
    float: right;
    margin-top: 10px;
}

    .social-icon ul {
        padding: 0;
        list-style: none;
        margin: 0;
    }

        .social-icon ul li {
            float: left;
            margin: 6px 2.5px;
        }

            .social-icon ul li a {
                text-decoration: none;
                color: #fff;
                width: 22px;
                height: 22px;
                background: #bf4722;
                display: block;
                text-align: center;
                border-radius: 2px;
            }

                .social-icon ul li a:hover {
                    margin-top: 2px;
                    background: #94381b;
                }

                .social-icon ul li a i {
                    vertical-align: middle;
                    padding-top: 4px;
                }

.margin-right-0 {
    margin-right: 0 !important;
}

.logo-line {
    text-align: right;
}

    .logo-line h1 {
        font-size: 35px;
        line-height: 40px;
        margin-top: 25px;
        color: #ffe3a7;
        text-shadow: 2px 1px 4px #000;
    }

        .logo-line h1 span {
            font-size: 70px;
            color: #fff;
            text-shadow: 2px 1px 4px #000;
        }

.padding-left-0 {
    padding-left: 0;
}

.slider-main {
    float: left;
    width: 100%;
}

html,
body {
    height: 100%;
}

.tcb-bs-fullscreen {
    height: 100%;
    .carousel, .item, .active

{
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

}
/****************************
USE BACKGROUND IMAGES IN CAROUSEL SLIDER
*****************************/
.carousel-bg {
    .carousel-inner

{
    .item

{
    background-color: darkslategrey;
    background-size: cover;
    background-position: center;
    min-height: 360px;
}

}
}

.carousel-indicators {
    visibility: hidden;
}

.width-100 {
    width: 100%;
}

.text-overlay {
    bottom: 0% !important;
    padding-bottom: 0 !important;
    right: 0;
    left: 0;
}

    .text-overlay h2 {
        background: rgba(0,0,0,0.7);
        padding: 30px;
        margin: 0;
    }
/* Note: Try to remove the following lines to see the effect of CSS positioning */
/* .affix {
top: 0;
width: 100%;
z-index: 9999 !important; margin-top:0 !important;
}*/

.footer-main {
    float: left;
    width: 100%;
    background: #1a1d1f;
    padding: 10px 0;
    position: relative;
}

    .footer-main h3 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #fff;
        margin: 0;
    }

        .footer-main h3 a {
            text-decoration: none;
            outline: none;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #fff;
        }

            .footer-main h3 a:hover {
                color: #71b100;
                text-decoration: underline;
            }

.ft-menu {
    border-bottom: 1px solid #2a2a2a;
    padding: 8px 0;
    margin-bottom: 15px;
}

    .ft-menu ul {
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        display: inline-block;
    }

        .ft-menu ul li {
            float: left;
        }

            .ft-menu ul li a {
                text-decoration: none;
                color: #ccc;
                border-right: 1px solid #2a2a2a;
                padding: 0 15px;
            }

                .ft-menu ul li a:hover {
                    color: #bf4722;
                }

            .ft-menu ul li:last-child a {
                border-right: none;
            }

.body-main {
    background: #eff8ff;
    float: left;
    width: 100%;
}

.page-title {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 8px;
}

    .page-title h1 {
        font-size: 28px;
    }

.white-bg {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
}

.margin-top-40 {
    margin-top: 30px;
}

.margin-bottom-40 {
    margin-bottom: 30px;
}

.page-description {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.point-des {
    list-style: disclosure-closed;
    padding: 0 18px;
}

    .point-des li {
        font-size: 16px;
        padding-bottom: 15px;
    }

        .point-des li h4 {
            color: #bf4722;
            font-weight: 900;
            margin-bottom: 0;
        }

.table-th-name tr th {
    font-size: 18px;
}

.event-main {
    float: left;
    width: 100%;
    border: 1px solid #e7e7e7;
    padding: 10px;
    margin-bottom: 15px;
}

    .event-main h4 {
        padding: 15px 0;
    }

    .event-main ul {
        padding: 0;
        list-style: none;
    }

        .event-main ul li {
            float: left;
            width: 50%;
        }

            .event-main ul li:last-child {
                text-align: right;
            }

.height_main {
    height: 290px;
}

.read-more-h2 {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
    margin-bottom: 22px;
    color: #bf4722;
}

.read-more-ul li {
    float: left;
    width: 50%;
    font-size: 17px;
    line-height: 30px;
    color: #bf4722;
}

    .read-more-ul li b {
        color: #323232;
    }

.demo-gallery > ul {
    margin-bottom: 0;
}

    .demo-gallery > ul > li {
        /* float: left;*/
        margin-bottom: 15px;
        /*  margin-right: 20px;
width: 200px;*/
    }

        .demo-gallery > ul > li a {
            border: 3px solid #bf4722;
            border-radius: 3px;
            display: block;
            overflow: hidden;
            position: relative;
            float: left;
        }

            .demo-gallery > ul > li a > img {
                -webkit-transition: -webkit-transform 0.15s ease 0s;
                -moz-transition: -moz-transform 0.15s ease 0s;
                -o-transition: -o-transform 0.15s ease 0s;
                transition: transform 0.15s ease 0s;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
                height: 260px;
                width: 100%;
            }

            .demo-gallery > ul > li a:hover > img {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
            }

            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
                opacity: 1;
            }

            .demo-gallery > ul > li a .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.1);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                -webkit-transition: background-color 0.15s ease 0s;
                -o-transition: background-color 0.15s ease 0s;
                transition: background-color 0.15s ease 0s;
            }

                .demo-gallery > ul > li a .demo-gallery-poster > img {
                    left: 50%;
                    margin-left: -10px;
                    margin-top: -10px;
                    opacity: 0;
                    position: absolute;
                    top: 50%;
                    -webkit-transition: opacity 0.3s ease 0s;
                    -o-transition: opacity 0.3s ease 0s;
                    transition: opacity 0.3s ease 0s;
                }

            .demo-gallery > ul > li a:hover .demo-gallery-poster {
                background-color: rgba(0, 0, 0, 0.5);
            }

.demo-gallery .justified-gallery > a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}

    .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
        left: 50%;
        margin-left: -10px;
        margin-top: -10px;
        opacity: 0;
        position: absolute;
        top: 50%;
        -webkit-transition: opacity 0.3s ease 0s;
        -o-transition: opacity 0.3s ease 0s;
        transition: opacity 0.3s ease 0s;
    }

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark > ul > li a {
    border: 3px solid #04070a;
}

.home .demo-gallery {
    padding-bottom: 80px;
}

.lg-outer {
    z-index: 99999 !important;
}

.membership b {
    color: #bf4722;
}

.membership-detail li {
    font-size: 15px;
    line-height: 30px;
}

    .membership-detail li b {
        color: #bf4722;
    }


/*.page-title{ display:block;width: 100%; background: url(../img/page-title.jpg); background-size: cover; height: 156px;}
.page-title h1{ margin-bottom:0; color:#fff;padding-top: 40px; }
.page-title p{ margin-bottom:0; color:#fff;}*/

.border-radius-4 {
    border-radius: 4px;
}

.single-title {
}

    .single-title h2 {
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }


.form-control::-moz-placeholder {
    color: #313131;
    font-size: 18px;
    font-weight: 300;
}

.contact-info .form-group {
    margin-bottom: 8%;
}

.contact-info .form-control {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    border: 2px solid #000;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    box-shadow: none;
    color: #313131;
    font-size: 18px;
    height: 48px;
    font-weight: 300;
}

.contact-info textarea.form-control {
    height: auto;
}

.contact-info .form-control:focus {
    box-shadow: none;
    border-color: #009cb8;
}

.contact-btn {
    background: #bf4722;
    border-radius: 30px;
    border: none;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    padding: 6px 28px;
    position: absolute;
    left: 42%;
    right: 0;
    bottom: 6px;
}

    .contact-btn:hover {
        background: #94381b;
    }

.balance-sheet-btn {
    background: #bf4722;
    border-radius: 3px;
    border: none;
    font-size: 16px;
    /* font-weight:900; */ color: #fff;
    margin-top: 5px;
    padding: 6px 28px;
    letter-spacing: 1px;
    height: 34px;
    margin-left: 15px;
}


@media screen and (max-width:1440px) {
    .logo-line h1 {
        font-size: 32px;
        line-height: 51px;
    }
}

@media screen and (max-width:1365px) {
}


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


@media screen and (max-width: 1280px) {

    /*.logo-line h1{font-size: 32px; margin-top: 36px;}
.logo-line h1 span{font-size: 46px;}*/
    .navbar-default .navbar-nav > li > a {
        font-size: 13px;
        padding: 10px 8px;
    }

    .navbar-default .navbar-nav > li.active {
        margin-right: 0px;
    }

    .social-icon {
        float: right;
        margin-top: 3px;
    }

    .slider-main {
        margin-top: 0;
    }

    .body-mains {
        margin-top: 195px;
    }

    .page-title h1 {
        font-size: 18px;
    }

    .balance-sheet-btn {
        font-weight: 700 !important;
    }
}

@media screen and (max-width:1024px) {

    .logo-line h1 {
        font-size: 36px;
        margin-top: 15px;
    }

        .logo-line h1 span {
            font-size: 56px;
        }

    .navbar-default .navbar-nav > li > a {
        font-size: 13px;
        padding: 10px 8px;
    }

    .navbar-default .navbar-nav > li.active {
        margin-right: 0px;
    }

    .social-icon {
        float: right;
        margin-top: 3px;
    }

    .slider-main {
        margin-top: 0;
    }

    .body-mains {
        margin-top: 195px;
    }

    .page-title h1 {
        font-size: 18px;
    }

    .balance-sheet-btn {
        font-weight: 700 !important;
    }
}


@media screen and (max-width:980px) {


    .logo-line h1 {
        font-size: 22px;
        line-height: normal;
        margin-top: 0px;
    }

        .logo-line h1 span {
            font-size: 32px;
            line-height: normal;
        }

    .navbar-default .navbar-nav > li > a {
        font-size: 13px;
        padding: 10px 8px;
    }

    .navbar-default .navbar-nav > li.active {
        margin-right: 0px;
    }

    .social-icon {
        float: right;
        margin-top: 3px;
    }

    .navbar-default {
        margin-top: 105px;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #bf4722;
    }

    .navbar-default .navbar-nav > li.active {
        margin-right: 0px;
    }

    .navbar-brand > img {
        width: 89px;
    }

    .slider-main {
        margin-top: 0;
    }

    .fixed-ft_s {
        position: fixed;
        bottom: 0;
    }

    .body-mains {
        margin-top: 195px;
    }

    .page-title h1 {
        font-size: 18px;
    }

    .balance-sheet-btn {
        font-weight: 700 !important;
    }
}


@media screen and (max-width:768px) {
    .logo-line {
        text-align: center;
    }

        .logo-line h1 {
            font-size: 20px;
            line-height: normal;
            margin-top: 0px;
        }

            .logo-line h1 span {
                font-size: 28px;
                line-height: normal;
            }

    /*.navbar-brand {
    float: right;
}*/
    .navbar-brand > img {
        width: 89px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 13px;
        padding: 10px 8px;
    }

    .navbar-default .navbar-nav > li.active {
        margin-right: 0px;
    }

    .social-icon {
        float: right;
        margin-top: 3px;
    }

    .navbar-default {
        margin-top: 105px;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #bf4722;
    }

    .navbar-default .navbar-nav > li.active {
        margin-right: 0px;
    }



    .slider-main {
        margin-top: 0;
    }

    .fixed-ft_s {
        position: fixed;
        bottom: 0;
    }
    /*body.Index .footer-main {
    position: absolute;
    bottom: 0;
}*/

    .body-mains {
        margin-top: 195px;
    }

    .page-title h1 {
        font-size: 18px;
    }

    .event-main {
        height: auto !important;
    }

    .table-responsive {
        display: block;
        margin: 0 auto;
    }

    .balance-sheet-btn {
        font-weight: 700 !important;
        margin: 0 auto;
        display: block;
    }

    .marque-main {
        top: auto;
        margin-top: 0;
        bottom: -4px;
    }

        .marque-main ul li a {
            font-size: 12px;
        }

    .ft-menu ul li a {
        padding: 0 8px;
        font-size: 11px;
    }

    .text-overlay h2 {
        font-size: 15px;
        padding: 10px;
    }
}

@media screen and (max-width: 640px) {
    .logo-line h1 {
        font-size: 15px;
        line-height: normal;
        margin-top: 0;
    }

        .logo-line h1 span {
            font-size: 14px;
            line-height: normal;
        }

    .navbar-brand img {
        width: 90px;
        float: left;
        margin-top: 0px;
    }

    .navbar-default {
        margin-top: 105px;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #bf4722;
    }

    .navbar-default .navbar-nav > li.active {
        margin-right: 0px;
    }

    .social-icon {
        margin-top: 9px;
        z-index: 99999;
        position: absolute;
        top: 0;
    }

    .slider-main {
        margin-top: 0;
    }

    .fixed-ft_s {
        position: fixed;
        bottom: 0;
    }

    .body-mains {
        margin-top: 156px;
    }

    .page-title h1 {
        font-size: 18px;
    }

    .event-main {
        height: auto !important;
    }

    .table-responsive {
        display: block;
    }

    .ft-menu ul li a {
        padding: 0 8px;
        font-size: 11px;
    }

    .text-overlay h2 {
        font-size: 15px;
        padding: 10px;
    }
}

@media screen and (max-width: 600px) {
    .logo-line h1 {
        font-size: 15px;
        line-height: normal;
        margin-top: 0;
    }

        .logo-line h1 span {
            font-size: 14px;
            line-height: normal;
        }

    .navbar-brand img {
        width: 90px;
        float: left;
        margin-top: 0px;
    }

    .navbar-default {
        margin-top: 105px;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #bf4722;
    }

    .navbar-default .navbar-nav > li.active {
        margin-right: 0px;
    }

    .social-icon {
        margin-top: 9px;
        z-index: 99999;
        position: absolute;
        top: 0;
    }

    .slider-main {
        margin-top: 0;
    }

    .fixed-ft_s {
        position: fixed;
        bottom: 0;
    }

    .body-mains {
        margin-top: 156px;
    }

    .page-title h1 {
        font-size: 18px;
    }

    .event-main {
        height: auto !important;
    }

    .table-responsive {
        display: block;
    }

    .ft-menu ul li a {
        padding: 0 8px;
        font-size: 11px;
    }

    .text-overlay h2 {
        font-size: 15px;
        padding: 10px;
    }
}

@media screen and (max-width: 480px) {

    .logo-line h1 {
        font-size: 15px;
        line-height: 20px;
        margin-top: 0;
    }

        .logo-line h1 span {
            font-size: 18px;
            line-height: 28px;
        }

    .navbar-brand img {
        width: 90px;
        float: left;
        margin-top: 0px;
    }

    .navbar-default {
        margin-top: 105px;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #bf4722;
    }

    .navbar-default .navbar-nav > li.active {
        margin-right: 0px;
    }

    .social-icon {
        margin-top: 9px;
        z-index: 99999;
        position: absolute;
        top: 0;
    }

    .slider-main {
        margin-top: 0;
    }

    .fixed-ft_s {
        position: fixed;
        bottom: 0;
    }


    .body-mains {
        margin-top: 156px;
    }

    .event-main ul li {
        width: auto;
    }

    .page-title h1 {
        font-size: 18px;
    }

    .text-overlay h2 {
        font-size: 15px;
        padding: 10px;
    }

    .marque-main {
        position: absolute;
        bottom: -5px;
        margin-top: 0;
        top: auto;
    }

        .marque-main ul li a {
            font-size: 13px;
        }

    .event-main {
        height: auto !important;
    }

    .table-responsive {
        display: block;
    }

    .ft-menu ul li a {
        padding: 0 8px;
        font-size: 11px;
    }

    .contact-info td, .contact-info th {
        padding: 0;
        font-size: 13px;
    }

    .contact-info h3 {
        font-size: 18px;
        margin-top: 40px;
    }

    .contact-info .form-control {
        font-size: 14px;
    }

    .captures a {
        padding: 0px !important;
        padding-top: 72px !important;
        padding-left: 36px !important;
    }

    .captures .cap {
        padding: 0;
    }

    .cap input[type="text"] {
        height: 38px !important;
        border: 1px solid #d0d0d0 !important;
        width: 100%;
        padding: 10px;
    }

    .contact-btn {
        position: unset !important;
    }

    .demo-gallery > ul > li a > img {
        height: 260px;
    }
}

@media screen and (max-width: 414px) {

    .logo-line h1 {
        font-size: 15px;
        line-height: 20px;
        margin-top: 0;
    }

        .logo-line h1 span {
            font-size: 18px;
            line-height: 28px;
        }

    .navbar-brand img {
        width: 90px;
        float: left;
        margin-top: 0px;
    }

    .navbar-default {
        margin-top: 105px;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #bf4722;
    }

    .navbar-default .navbar-nav > li.active {
        margin-right: 0px;
    }

    .social-icon {
        margin-top: 9px;
        z-index: 99999;
        position: absolute;
        top: 0;
    }

    .slider-main {
        margin-top: 0;
    }

    .fixed-ft_s {
        position: fixed;
        bottom: 0;
    }

    .body-mains {
        margin-top: 156px;
    }

    .event-main ul li {
        width: auto;
    }

    .page-title h1 {
        font-size: 18px;
    }

    .text-overlay h2 {
        font-size: 15px;
        padding: 10px;
    }

    .marque-main {
        position: absolute;
        bottom: -5px;
        margin-top: 0;
        top: auto;
    }

        .marque-main ul li a {
            font-size: 13px;
        }

    .event-main {
        height: auto !important;
    }

    .table-responsive {
        display: block;
    }

    .ft-menu ul li a {
        padding: 0 8px;
        font-size: 11px;
    }

    .contact-info td, .contact-info th {
        padding: 0;
        font-size: 13px;
    }

    .contact-info h3 {
        font-size: 18px;
        margin-top: 40px;
    }

    .contact-info .form-control {
        font-size: 14px;
    }

    .captures a {
        padding: 0px !important;
        padding-top: 72px !important;
        padding-left: 36px !important;
    }

    .captures .cap {
        padding: 0;
    }

    .cap input[type="text"] {
        height: 38px !important;
        border: 1px solid #d0d0d0 !important;
        width: 100%;
        padding: 10px;
    }

    .contact-btn {
        position: unset !important;
    }

    .demo-gallery > ul > li a > img {
        height: 260px;
    }
}

@media screen and (max-width: 384px) {

    .logo-line h1 {
        font-size: 15px;
        line-height: 20px;
        margin-top: 0;
    }

        .logo-line h1 span {
            font-size: 18px;
            line-height: 28px;
        }

    .slider-main {
        margin-top: 0;
    }

    .event-main ul li {
        width: auto;
    }

    .page-title h1 {
        font-size: 18px;
    }

    .text-overlay h2 {
        font-size: 15px;
        padding: 10px;
    }

    .marque-main {
        position: absolute;
        bottom: -5px;
        margin-top: 0;
        top: auto;
    }

        .marque-main ul li a {
            font-size: 13px;
        }

    .event-main {
        height: auto !important;
    }

    .table-responsive {
        display: block;
    }

    .ft-menu ul li a {
        padding: 0 8px;
        font-size: 11px;
    }

    .contact-info td, .contact-info th {
        padding: 0;
        font-size: 13px;
    }

    .contact-info h3 {
        font-size: 18px;
        margin-top: 40px;
    }

    .contact-info .form-control {
        font-size: 14px;
    }

    .captures a {
        padding: 0px !important;
        padding-top: 72px !important;
        padding-left: 36px !important;
    }

    .captures .cap {
        padding: 0;
    }

    .cap input[type="text"] {
        height: 38px !important;
        border: 1px solid #d0d0d0 !important;
        width: 100%;
        padding: 10px;
    }

    .contact-btn {
        position: unset !important;
    }

    .demo-gallery > ul > li a > img {
        height: 260px;
    }
}

@media screen and (max-width: 375px) {

    .logo-line h1 {
        font-size: 15px;
        line-height: 20px;
        margin-top: 0;
    }

        .logo-line h1 span {
            font-size: 18px;
            line-height: 28px;
        }

    .navbar-brand img {
        width: 72px;
        float: left;
        margin-top: 0px;
        position: relative;
        left: 6px;
        top: -8px;
    }


    .navbar-default {
        margin-top: 87px;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #bf4722;
    }

    .navbar-default .navbar-nav > li.active {
        margin-right: 0px;
    }

    .social-icon {
        margin-top: 9px;
        z-index: 99999;
        position: absolute;
        top: 0;
    }

    .slider-main {
        margin-top: 0;
    }

    .fixed-ft_s {
        position: fixed;
        bottom: 0;
    }

    .body-mains {
        margin-top: 48%;
    }

    .event-main ul li {
        width: auto;
    }

    .page-title h1 {
        font-size: 18px;
    }

    .text-overlay h2 {
        font-size: 15px;
        padding: 10px;
    }

    .marque-main {
        position: absolute;
        bottom: -5px;
        margin-top: 0;
        top: auto;
    }

        .marque-main ul li a {
            font-size: 13px;
        }

    .event-main {
        height: auto !important;
    }

    .table-responsive {
        display: block;
    }

    .ft-menu ul li a {
        padding: 0 8px;
        font-size: 11px;
    }

    .contact-info td, .contact-info th {
        padding: 0;
        font-size: 13px;
    }

    .contact-info h3 {
        font-size: 18px;
        margin-top: 40px;
    }

    .contact-info .form-control {
        font-size: 14px;
    }

    .captures a {
        padding: 0px !important;
        padding-top: 72px !important;
        padding-left: 36px !important;
    }

    .captures .cap {
        padding: 0;
    }

    .cap input[type="text"] {
        height: 38px !important;
        border: 1px solid #d0d0d0 !important;
        width: 100%;
        padding: 10px;
    }

    .contact-btn {
        position: unset !important;
    }

    .demo-gallery > ul > li a > img {
        height: 260px;
    }
}


@media screen and (max-width: 360px) {
    .navbar-default {
        margin-top: 91px;
    }

    .logo-line {
        text-align: right;
    }

        .logo-line h1 {
            font-size: 13px;
            line-height: 20px;
            margin-top: 0;
        }

            .logo-line h1 span {
                font-size: 16px;
                line-height: 28px;
            }

    .event-main {
        height: auto !important;
    }

    .navbar-brand {
        float: none;
    }

    .table-responsive {
        display: block;
    }

    .ft-menu ul li a {
        padding: 0 8px;
        font-size: 11px;
    }

    .text-overlay h2 {
        font-size: 15px;
        padding: 10px;
    }

    .contact-info td, .contact-info th {
        padding: 0;
        font-size: 13px;
    }

    .contact-info h3 {
        font-size: 18px;
        margin-top: 40px;
    }

    .contact-info .form-control {
        font-size: 14px;
    }

    .captures a {
        padding: 0px !important;
        padding-top: 72px !important;
        padding-left: 36px !important;
    }

    .captures .cap {
        padding: 0;
    }

    .cap input[type="text"] {
        height: 38px !important;
        border: 1px solid #d0d0d0 !important;
        width: 100%;
        padding: 10px;
    }

    .contact-btn {
        position: unset !important;
    }

    .demo-gallery > ul > li a > img {
        height: 260px;
    }
}

@media screen and (max-width: 320px) {
    .logo-line {
        text-align: right;
    }

        .logo-line h1 {
            font-size: 12px;
            line-height: 20px;
            margin-top: 0;
        }

            .logo-line h1 span {
                font-size: 15px;
                line-height: 28px;
            }

    .navbar-brand {
        float: none;
    }

        .navbar-brand img {
            width: 64px;
            float: left;
            margin-top: 0px;
            position: relative;
            top: -8px;
            left: 8px;
        }

    .navbar-default {
        margin-top: 83px;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #bf4722;
    }

    .navbar-default .navbar-nav > li.active {
        margin-right: 0px;
    }

    .social-icon {
        margin-top: 9px;
        z-index: 99999;
        position: absolute;
        top: 0;
    }

    .slider-main {
        margin-top: 0;
    }


    /*body.Index .footer-main {
    position: absolute;
    bottom: 0;
}*/
    .fixed-ft_s {
        position: fixed;
        bottom: 0;
    }


    .body-mains {
        margin-top: 180px;
    }

    .event-main ul li {
        width: auto;
    }

    .page-title h1 {
        font-size: 18px;
    }


    .text-overlay h2 {
        font-size: 15px;
        padding: 10px;
    }

    .marque-main {
        position: absolute;
        bottom: -10px;
        margin-top: 0;
        top: auto;
    }

        .marque-main ul li a {
            font-size: 12px;
        }

    .event-main {
        height: auto !important;
    }

    .table-responsive {
        display: block;
    }

    .balance-sheet-btn {
        margin: 0 auto;
        display: block;
    }

    .ft-menu ul li a {
        padding: 0 8px;
        font-size: 11px;
    }

    .contact-info td, .contact-info th {
        padding: 0;
        font-size: 13px;
    }

    .contact-info h3 {
        font-size: 18px;
        margin-top: 40px;
    }

    .contact-info .form-control {
        font-size: 14px;
    }

    .captures a {
        padding: 0px !important;
        padding-top: 72px !important;
        padding-left: 36px !important;
    }

    .captures .cap {
        padding: 0;
    }

    .cap input[type="text"] {
        height: 38px !important;
        border: 1px solid #d0d0d0 !important;
        width: 100%;
        padding: 10px;
    }

    .contact-btn {
        position: unset !important;
    }

    .demo-gallery > ul > li a > img {
        height: 260px;
    }
}

.contact-btn {
    bottom: 10px;
}

.cap input[type="text"] {
    height: 38px !important;
    border: 1px solid #d0d0d0 !important;
    padding: 10px;
}

.Error {
    color: red !important;
    font-size: 12px;
}
.navbar {

    border-top: none;
}

.img-height {
    height: 300px;
    object-fit: cover;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 30px;
}