﻿body {
}
.bg-blue {
   background-color: #3a64b6!important;
}
.border-bottom {
    border-bottom:1px solid #fff;
}
.pad-10 {
    padding-bottom:10px;
}
.content .ol-li img {
    width: 321px;
    height: auto;
    padding-right: 5px;
}
@media (max-width: 1289px) {

    .text-dark {
        font-size: 16px !important;
    }
}
@media (max-width: 1199px) {
  
    #col3 video {
        height:auto!important;
    }

}
@media (max-width: 991px) {
    .bd-r {
        border-right: 1px solid #fff;
    }

    #col3 iframe {
        width: 100%;
    }

    #c3 {
        border-bottom: 1px solid #fff;
    }

    .bg-ham-mn {
        height: 50px !important;
    }
}
@media (max-width: 1679px) {
    header .fa-angle-down {
        padding-top: 5px !important;
    }

}
@media (max-width: 991px) {
    .bd-r {
        border-right: 1px solid #fff;
    }
    #col3 iframe {
        width: 100%;
    }
}

    @media (max-width: 767px) {

        .fp-iframe {
            height:400px!important;
        }
        .col-md-6, .col-sm-12 {
            padding-right: 0 !important;
        }

        .tm-catalog-item {
            flex-direction: inherit !important;
        }

        .large {
            display: none !important;
        }

        .small {
            display: block !important;
        }

        #col3 .gr-ct {
            width: 100%;
        }

        #c1 h3, #c2 h3, #c3 h3 {
            font-size: 30px !important;
        }

        .col-sm-12 {
            padding-left: 0 !important;
        }

        iframe {
            width: 100% !important;
        }

        #accordionExample button {
            font-size: 18px;
        }

        #accordionExample video {
            width: 100% !important;
        }

        #accordionExample .card-body {
            padding: 10px !important;
        }

        #accordionExample .btn-link {
            font-size: 20px !important;
        }
        .gr-ct {
           width:100%!important;
        }
    }

    /*.tm-catalog-item-list div:nth-child(3) {
    border-right:none!important;
}
.bd-r-blue {
    border-right: 1px solid #3a64b6;
}*/
    h3 {
        font-size: 18px !important;
    }

    ul li {
        padding-left: 0 !important;
    }

    .content {
        margin-top: 10px;
    }

    .p-4 {
        padding: 0px !important;
    }

    #news-detail .ol-li img, #col3 .ol-li img {
        height: 65px;
        width: auto;
        margin-bottom: 10px;
    }

    .text-dark {
        xfont-size: 18px !important;
    }

    h6 {
        font-weight: 500 !important;
    }

    footer h5 {
        font-size: 16px;
        letter-spacing: 2px;
    }

    .large {
        display: block;
    }

    .small {
        display: none;
    }

    #col3 h3, #c1 h3, #c2 h3, #c3 h3 {
        font-size: 20px;
        text-align: center !important;
        padding-top: 20px;
        letter-spacing: 1px;
        color: #fff;
    }

    #col3 .tm-catalog-item-description {
        height: auto;
    }

    #col3 video {
        height: 643px;
    }

    #col3 iframe {
        width: 100%;
        height: 349px;
    }

    .tm-content-container {
        padding-bottom: 0px !important;
    }
    /*.bread-crumb ul.content li {
    display: inline;
    float: left;
    padding: 0px 20px 10px 0px;
}
.bread-crumb ul.content {
    margin: 10px 0px 0px 0px;
    padding: 0px;
}
    .bread-crumb ul.content li a {
        font-size: 20px;
        color: #3a64b6;
    }
.bread-crumb ul.content li a:after, .bread-crumb ul.content li.narrow a:before {
            content: "";
            border-left: 6px solid;
            border-bottom: 5px solid transparent;
            border-top: 5px solid transparent;
            display: inline-block;
            height: 0;
            margin-left: 6px;
            vertical-align: middle;
            width: 0px;
            color: #3a64b6;
            pointer-events: none;
 }*/
    .tm-overlay-icon {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        left: 40%;
        top: 35%;
    }

    #c1, #c2 {
        border-right: 1px solid #fff;
    }

    #c3 h3 {
        padding-bottom: 0px;
        padding-top: 30px;
    }

    #c3 {
        border-bottom: 1px solid #fff;
    }

    #special-news strong {
        font-size: 24px !important;
        font-weight: 200 !important;
    }

    #special-news h3 {
        font-size: 24px !important;
        padding: 20px;
    }

    #accordionExample button {
        box-shadow: none !important;
        letter-spacing: 0 !important;
    }

    #accordionExample img {
        width: 100%
    }

    #accordionExample .btn-link {
        color: #534f4f;
        letter-spacing: 1px;
        text-align: left;
    }

.breadcrumbs a:hover {
    background-color: none !important;
    color: #f26d20;
    text-decoration: none;
}

    /*header h6 {
    font-size:18px!important;
}*/
    .mn01 {
        font-size: 16px!important;
        color: #fff;
        padding-top: 5px;
    }

.mn01-a {
    display: table-cell;
    margin-top: 20px !important;
    padding-top: 5px !important;
}

    header .fa-angle-down {
        /*padding-top: 9px;
        display: -webkit-box;
        padding-left: 5px;*/
        font-weight: 600;
    }

    #ctl00_bread1_divBC a {
        font-size: 16px;
    }
.mn01-a {
}
header a:hover {
    text-decoration:none;
}

.breadcrumbs {
    xborder: 1px solid #cbd2d9;
    xborder-radius: 0.3rem;
    display: inline-flex;
    overflow: hidden;
    background-color: #f26d20;
}

.breadcrumbs__item {
    background: #f26d20;
    color: #fff;
    outline: none;
    padding: 0.75em 0.75em 0.75em 1.25em;
    position: relative;
    text-decoration: none;
    transition: background 0.2s linear;
}

    .breadcrumbs__item:hover:after,
    .breadcrumbs__item:hover {
        background: #3a64b6;
    }

    .breadcrumbs__item:focus:after,
    .breadcrumbs__item:focus,
    .breadcrumbs__item.is-active:focus {
        background: #3a64b6;
        color: #fff;
    }

    .breadcrumbs__item:after,
    .breadcrumbs__item:before {
        xbackground: white;
        bottom: 0;
        clip-path: polygon(50% 50%, -50% -50%, 0 100%);
        content: "";
        left: 100%;
        position: absolute;
        top: 0;
        transition: background 0.2s linear;
        width: 1em;
        z-index: 1;
    }

    .breadcrumbs__item:before {
        background: #fff;
        xmargin-left: 1px;
        height: 15px;
        top: 15px;
    }

    .breadcrumbs__item:last-child {
        border-right: none;
    }

    .breadcrumbs__item.is-active {
        background: #3a64b6;
    }

.text-i {
    color: #fff !important;
    padding-right: 5px;
}

.bread-crumb {
    width: 100%;
    background-color: #f26d20;
    padding-left: 2px;
}
.fp-iframe {
    border: 1px solid lightgray;
    width: 100%;
    height: 800px;
}
#divBC a hover {
  
    background-color: #3a64b6 !important;
}
@media (max-width: 1680px) {
  
    .bg-ham-mn {
        padding-top: 0px!important;
    }
    header .fa-angle-down {
        padding-top: 6px !important;
    }
}
input[type="submit"] {
    border-radius: 0.5em;
    xbackground-color: #3a64b6;
    color: #fff !important;
    margin-bottom: 40px;
}
/*.bg-ham-mn {
    background-color: #3a64b6;

    display: -webkit-box;
}
    .bg-ham-mn .text-dark {
        color: #fff !important;
        top: 5px;
        display: -webkit-inline-box;
        margin-top: 3px;
        position: absolute;
        margin-left: 5px;
    }*/
/*.nav-main {
    height: 50px;
}*/
header h6, .h6 {
    font-size:15px!important;
}
#order-history .tbl-order {
    font-size: 12px !important;
}

#carouselExampleIndicators .see-more a {
    color:#fff!important;
}
.about {
    background-color: #1e63a2;
    color:#fff;
}

.logo-s1 {
    width: 50%;
}
.about .title {
    font-size: 50px;
}
.about hr {
    border-color: #fff;
    margin-left: 10px;
}