*, html {
    padding: 0;
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
    background: #f7f7f7 !important;
    font-family: 'Source Sans Pro', sans-serif;
}

a {
    text-decoration: none !important;
}

/*==============RWD=============*/
.rwd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

/*==========Column==========*/
/*.col-1 {*/
/*    width: 6.5%;*/
/*}*/

/*.col-2 {*/
/*    width: 15%;*/
/*}*/

/*.col-3 {*/
/*    width: 23.5%;*/
/*}*/

/*.col-4 {*/
/*    width: 32%;*/
/*}*/

/*.col-5 {*/
/*    width: 40.5%;*/
/*}*/

/*.col-6 {*/
/*    width: 49%;*/
/*}*/

/*.col-7 {*/
/*    width: 57.5%;*/
/*}*/

/*.col-8 {*/
/*    width: 66%;*/
/*}*/

/*.col-9 {*/
/*    width: 74.3%;*/
/*}*/

/*.col-10 {*/
/*    width: 83%;*/
/*}*/

/*.col-11 {*/
/*    width: 91.5%;*/
/*}*/

/*.col-12 {*/
/*    width: 100%;*/
/*}*/

/*==========================================================
================Container===================================
============================================================*/
.container {
    max-width: 1250px !important;

}

/*====================================
=============BTN======================
======================================*/
.btn {
    padding: 8px 15px;
    border: 1px solid #cbcaca;
    border-radius: 5px;
}

.btn.btn-primary {
    background: #1a8ab4;
}

.btn.btn-success {
    background: #e59a3f;
}

.btn:hover {
    background: #e59a3f;
}

.top-navigation {
    color: #fff;
    background: #000;
    width: 100%;
}

.top-nav-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 0;
    align-items: center;
}

.top-nav-news {
    display: flex;
    width: 50%;
    align-items: center;

}

.top-nav-news span a {
    margin-left: 30px;
    padding: 0;
}

.top-nav-news span {
    display: flex;
    align-items: center;
    width: 80%;
}

.top-nav-news span marquee {
    width: 100%;
}

.top-nav-member a {
    font-size: 12px;
    color: #ffffff;
}

.top-nav-news label {
    font-size: 12px;
    width: auto;
    padding: 0 10px;

}

.top-nav-news span a {
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
}

.top-nav-social a {
    color: #ffffff;
    margin: 0 5px;
}

.top-nav-social a:hover {
    color: #ffffff;
}

.social-media {
    position: fixed;
    right: 0;
    z-index: 100;
    list-style: none;
    margin-top: 100px;
}

.social-media a {
    display: list-item;
    padding: 10px;
    color: #ffffff;
}

.social-media a:hover {
    background: #0c4128;
    color: #ffffff;
}

.social-media .facebook {
    background: #1a8ab4;
}

.social-media .twitter {
    background: #484747;
}

.social-media .instragram {
    background: #cbcaca;
}

.social-media .youtubes {
    background: #ec9831;
}

.top-nav-member a:hover {
    color: #ffffff;
}

/*========================================================
=======================NAVIGATION=========================
==========================================================*/
.navigation {
    width: 100%;
    background: #ffffff;
    box-shadow: 0 4px 2px -2px gray;
}

.navigation nav {
    padding: 0;
}

.bg-red {
    background: #ffffff;
}

.navigation .navbar {
    border-radius: 0;
}

.navbar-nav li {
    position: relative;
}

.navbar-nav li a {
    padding: 25px 8px !important;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #6633CC !important;
}

.navbar-nav li a span {
    font-size: 10px;
    margin-left: 5px;
}

.navbar-nav li ul li a {
    font-size: 11px;
    font-weight: 500;
}

.navbar-nav li:hover > ul {
    display: initial;
    padding: 0 !important;
    width: 180px;
    background: #CCFFFF !important;
}

.navbar-nav li ul li a {
    padding: 8px 8px !important;
}

.navbar-nav li ul li:hover > ul {
    left: 178px;
    top: 0;
}

.dropdown-toggle::after {
    display: none !important;
}

.navbar-nav li ul li hr {
    padding: 0 !important;
    margin: 0;
}


/*======================================================
=================WELCOME================================
========================================================*/
.welcome {
    width: 100%;
    margin-top: 30px;
}

.title-bottom-border {
    width: 100%;
    border-bottom: 1px solid #cbcaca;
    position: relative;
}

.title-bottom-border h1 {
    font-size: 20px;
    padding: 10px;
    font-weight: 600;
    color: #484747;
    text-transform: uppercase;
}

.title-bottom-border:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    width: 20%;
    border-bottom: 3px solid #ec9831;
}

/*===============================================
===============SLIDER============================
=================================================*/
.slider {
    width: 100%;
    margin: 20px 0;
}

.slider .slider-content {
    width: 100%;
}

.slider .slider-content img {
    width: 100%;
    height: 400px;
}

.slider-text {
    left: 0 !important;
    background: #4f5050;
    color: #ffffff;
    bottom: 0 !important;
    width: 100%;
    padding: 5px 10px !important;
    text-align: left !important;

}

.slider-text h5 {
    font-size: 15px !important;
}

.slide-img {
    height: 450px !important;
}

/*===========================================================
========================NEWS=============================
=========================================================*/
.news {
    width: 100%;
    margin-bottom: 20px;
}

/*===============================================
=====================UPDATES=====================
================================================*/
.updates {
    width: 100%;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #efefef;
    margin-bottom: 10px;
}

.updates .updates-title {
    border-bottom: 3px solid #ec9831;
    text-transform: uppercase;

}

.updates .updates-title h1 {
    font-size: 20px;
    padding: 10px;
    font-weight: 600;
    color: #484747;
}

.updates .updates-content {
    padding: 10px;
}

.updates .updates-content ul {
    left: 0;
}

.updates .updates-content ul li {
    margin-left: 8%;
    font-size: 20px;
    line-height: 18px;
}

.updates .updates-content ul li a {
    display: block;
    padding: 4px 0;
    font-size: 13px;
    color: #484747;
}

.tickerv-wrap {
    box-sizing: content-box;
    overflow: hidden;
    height: 260px;
}

.tickerv-wrap ul {
    padding: 0;
    margin: 0;
    animation: tickerv 8s infinite;
    animation-timing-function: linear;
}

.tickerv-wrap ul:hover {
    animation-play-state: paused;
}


@keyframes tickerv {
    0% {
        margin-top: 0;
    }
    30% {
        margin-top: -20%;
    }
    60% {
        margin-top: -43%;
    }
    90% {
        margin-top: -65%;
    }
    100% {
        margin-top: 0;
    }
}

/*============================================
==============YOUTUBE=====================
==============================================*/
.youtube {
    width: 100%;
    padding: 8px;
    background: #ffffff;
    margin-bottom: 10px;

}

.youtube iframe {
    width: 100%;
    height: 210px;
    padding: 0;
    margin: 0;
}

/*============================================
==============LATEST-NEWS=====================
==============================================*/
.latest-news {
    width: 100%;
    margin-top: 20px;
}

.latest-news a {
    color: #ffffff;
    font-size: 13px;
}

.latest-news .latest-news-content {
    margin-top: 30px;
    background: #ffffff;
    border: 1px solid #efefef;
    padding: 10px 10px;
    margin-bottom: 10px;
}

.news-section {
    padding-bottom: 9px;
}

.news-section h3 {
    font-size: 15px;
    font-weight: 600;
    padding-top: 5px;
    margin: 0;
    color: #1a8ab4;
}

.news-section p {
    font-size: 13px;
    margin: 0;
    padding: 5px 0;
    color: #959494;
    text-align: justify;
}

.news-section .news-dsc {
    display: flex;
    border-bottom: 1px solid #efefef;
    color: #959494;
}

.news-section .news-detail {
    padding: 0 5px;
    margin: 0;
}

.news-dsc .news-img {
    margin-right: 5px;
}

.news-dsc .news-img img {
    height: 75px;
    width: 120px;
}

.news-section .news-detail p {
    margin: 0;
    padding: 0;
}

/*=============================================
===================Side-advertise============
===============================================*/
.advertise-side {
    width: 100%;
}

.advertise-side a img {
    margin-bottom: 5px;
    height: 140px;
}

/*=============================================
===================Bottom-advertise============
===============================================*/
.advertise {
    width: 100%;
    margin-bottom: 30px;
}

.advertise .advertise-content {
    display: flex;
}

.advertise .advertise-content a img {
    margin-right: 8px;
}

/*=============================================
===================Bottom-ASSOCIATES============
===============================================*/
.associate {
    margin-bottom: 30px;
    width: 100%;
}

.associate .associates-body {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10px;
}

.associate .associates-body a img {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 20px;
    margin-left: 1px;
    height: 100px;
}

/*=============================================
===================BLOCK CONTENT============
===============================================*/
.blog {
    width: 100%;
}

.blog-content {
    width: 100%;
    margin-top: 20px;
    background: #ffffff;
    padding: 10px;
}

.post-body {
    margin-bottom: 10px;
    border: 1px solid #efefef;
    padding: 5px;
    border-radius: 5px;
}

.post-body img {
    padding-right: 5px;
    height: 150px;
    width: 100%;

}

.post-body .post-desc {
    width: 100%;
    padding-left: 5px;
    color: #484747;
}

.post-body .post-desc h3 {
    font-size: 16px;
    color: #0a53be;
    font-weight: 600;
    padding: 0;
    margin: 0;
}

.post-body .post-desc span {
    font-size: 13px;
}

.post-body .post-desc p {
    font-size: 13px;
    color: #959494;
}

.sidebar-ads {
    width: 100%;
    margin: 10px 0;
}

.sidebar-ads a img {
    margin-bottom: 10px;
    width: 100%;
}

/*=============================================
===================Global============
===============================================*/
.page-content {
    width: 100%;
    margin-top: 20px;
    background: #ffffff;
    padding: 10px;
}

/*=============================================
===================Detail-Page============
===============================================*/
.detail-page {
    width: 100%;
}

.detail-page img {
    height: 350px;
    width: 100%;
}

.detail-page .post-desc span i {
    padding: 10px 0;
}

.under-construct {
    width: 100%;
    background: #cbcaca;
    padding: 100px 0;
    text-align: center;
}

/*=============================================
===================Gallery============
===============================================*/
.gallery-body {
    margin-top: 30px;
}

.gallery-body table {
    width: 100%;
    padding: 0 10px;
}

.gallery-body table .td-1 {
    width: 50%;
}

.gallery-body table .td-2 {
    text-align: right;
}

.gallery-body table tr {
    border-top: 1px solid #cbcaca;
    border-bottom: 1px solid #cbcaca;
}

.gallery-body table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.gallery-body table td a {
    color: #0c4128;
    font-size: 14px;
}

.gallery-body table td {
    padding: 5px 8px;
}

.gallery-body table td a:hover {
    text-decoration: underline !important;
}

.gallery-img img {
    width: 100%;
    height: 200px;
}

.gallery-img h3, .video-gallery h3 {
    font-size: 16px;
    padding: 5px 0;
    color: #0a53be;
}

.video-gallery a iframe {
    width: 100%;
    height: 200px;
}

/*=============================================
===================DETAIL-PAGE============
===============================================*/
.detail-section {
    width: 100%;
    margin: 20px 0;
}

.detail-section img {
    width: 100%;
    margin-bottom: 20px;
}

/*=============================================
===================CONTACT============
===============================================*/
.contact-form {
    width: 100%;
}

.md-3 label span {
    color: red !important;
}

.form-control:focus {
    background-color: #ffffff !important;
    box-shadow: none !important;
}

.contact-info {
    margin: 30px 0;
}

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

.contact-info p {
    font-size: 13px;
    margin: 0;
}

/*=============================================
===================MEMBERS============
===============================================*/
.member-contain {
    width: 100%;
    margin: 20px 0;
}

.member-contain .member-body {
    border: 1px solid #cbcaca;
    padding: 5px;
    border-radius: 3px;
    margin: 5px 0;
}

.member-contain .member-body a {
    color: #0c4128;
}

.member-contain .member-body img {
    width: 100%;
    height: 150px;
}

.member-contain .member-body h5 {
    font-size: 15px;
    margin: 0;
    padding: 5px 0;
}

.member-contain .member-body p {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

/*=============================================
===================Message============
===============================================*/
.message-body {
    width: 100%;
    margin: 20px 0;
}

.message-body {
    font-size: 14px;
    color: #0c4128;
}

.message-body img {
    width: 100%;
    height: 350px;
}

/*=============================================
===================Board of Member============
===============================================*/
.p-member {
    width: 100%;
    /*display: flex;*/
    /*flex-flow: wrap;*/
    /*justify-content: center;*/
    margin: 20px 0;
}

.p-member-section {
    width: 100%;
    display: flex;
}

.p-member-body {
    text-align: center;
    border: 2px solid #9a9a9a;
    margin: 5px;
    border-radius: 5px;
    width: 100%;
    height: 270px !important;
}

.p-member-body a img {
    height: 200px;
    width: 100%;
}

.p-member-body h6 {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0 0 0;
    margin: 0;
    color: #484747;
}

.position {
    color: #6d8fc2;
    font-style: italic;
}

/*=============================================
===================MISSION============
===============================================*/
.mission {
    width: 100%;
}

.mission .mission-body {
    width: 100%;
    margin: 20px 0;
}

/*=============================================
===================AWARDS============
===============================================*/
.awards {
    width: 100%;
}

.awards .award-body {
    width: 100%;
    margin: 20px 0;
}

.award-title {
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid #cbcaca;
}

.award-title h5 {
    font-size: 15px;
    font-weight: 500;
}

/*=============================================
===================History============
===============================================*/
.history-body {
    width: 100%;
    margin: 20px 0;
}

.history-title {
    width: 100%;
    background: #cbcaca;
    padding: 5px;
    color: #ffffff;
}

.history-title h4 {
    padding: 0;
    margin: 0;
}

.history- {
    width: 100%;
    margin: 10px 0;
}

/*=============================================
===================allied-members============
===============================================*/
.allied-members {
    width: 100%;
}

.allied-members .allied-body {
    margin: 20px 0;
}

.allid-member {
    border: 1px solid #cbcaca;
    border-radius: 3px;
    padding: 5px;
}

.name-title {
    background: #4f5050;
    color: #cbcaca;
    padding: 5px;
}


/*=============================================
===================member-Detail============
===============================================*/
.member-identity {
    width: 100%;
    border: 1px solid #cbcaca;
    padding: 10px;
}

.member-img {
    width: 100%;
    text-align: justify;
}

.member-img img {
    width: 100%;

}

.member-img h5 {
    font-size: 17px;
    color: #0a58ca;
    padding-top: 5px;
    text-align: center;
    margin: 0;
}

.member-img p {
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.member-table table {
    width: 100%;
}

.member-table table td {
    padding: 5px 10px;
}

.member-table table {
    border-left: 1px solid #cbcaca;
}

.name-tag {
    width: 100%;
    background: #4f5050;
    color: #ffffff;
    padding: 5px 10px;
}

/*=============================================
===================NEWS-EVENT============
===============================================*/
.news-event {
    width: 100%;
}

.news-event-body {
    width: 100%;
    margin: 20px 0;
}

.news-sec .news-img img {
    width: 100%;
    height: 230px;
}

.news-event-body .news-sec {
    margin-bottom: 30px;
    border-bottom: 1px solid #cbcaca;
    padding-bottom: 20px;
}

.news-sec .news-desc h4 {
    font-size: 15px;
    color: #0a58ca;
    padding: 0;
    margin: 0;
}

.news-sec .news-desc span {
    font-size: 12px;
    color: #cbcaca;
}

.news-sec .news-desc p {
    color: #4f5050;
    font-size: 14px;
}

.datetime {
    font-size: 14px;
    color: #cbcaca;
    padding: 10px 0;
}

/*=============================================
===================e-newsletter============
===============================================*/
.e-newsletter {
    width: 100%;
}

.news-letter-body {
    margin: 20px 0;
}

.news-letter-title {
    width: 100%;
    display: flex;
}

.news-letter-date h4 {
    font-size: 15px;
    margin-right: 5px;
    color: #0a58ca;
}

.news-letter-name h4 {
    font-size: 15px;
}

.letter-items {
    margin-bottom: 30px;
}

.news-letter-sec a {
    width: 100%;
    background: #f7f7f7;
    display: block;
    padding: 10px 15px;
    border: 1px solid #cbcaca;
    font-size: 13px;
    text-transform: uppercase;
}

/*=============================================
===================Media-Coverage============
===============================================*/
.media-coverage {
    width: 100%;
    margin-bottom: 30px;
}

/*=============================================
===================Tour-package============
===============================================*/
.tour-package-body {
    width: 100%;
    margin: 20px 0;
}

.tour-package-body .tour-package-sec {
    border: 1px solid #cbcaca;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 3px;
}

.tour-package-body .tour-package-sec a img {
    width: 100%;
    height: 200px;
}

.tour-package-body .tour-package-sec a h4 {
    font-size: 16px;
    text-align: center;
    padding: 5px 0;
}

.share-on-social-media {
    width: 100%;
    font-size: 20px;
}

.share-on-social-media a {
    padding: 0 15px;
}

/*=============================================
===================Adventure============
===============================================*/
.adventure {
    width: 100%;
}

.adventure-body {
    width: 100%;
    margin: 20px 0;
}

.adventure-detail img {
    width: 100%;
    height: 350px;
}

.adventure-detail .images {
    width: 100%;
    display: flex;
    padding: 10px 0px;
    justify-content: space-between;
}

.adventure-detail .images img {
    height: 150px;
    padding: 5px;
}

/*=============================================
===================Footer============
===============================================*/
.footer {
    margin-top: 30px;
    width: 100%;
}

.footer-section {
    padding-top: 50px;
}

.quick-link {
    width: 100%;
}

.quick-link h4, .about h4, .user-link h4 {
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-align: left;
}

.quick-link ul, .about ul, .user-link ul {
    list-style: none;
}

.quick-link ul li a, .about ul li a, .user-link ul li a {
    display: block;
    color: #ffffff;
    font-size: 12px;
    padding: 5px;
    text-transform: uppercase;
    border-bottom: 1px dotted #ffffff;
}


.footer .footer-top {
    height: 50px;
    background-image: url("https://natta.org.np/wp-content/themes/nata/assets/images/footer-image.png");
    background-size: contain;
}

.footer .footer-body {
    width: 100%;
    background: #93dcf8;
}

.footer-copyright {
    width: 100%;
    text-align: center;
    color: #ffffff;
    background: #82cce8;
    padding: 10px 0;
    font-size: 13px;
}

.footer-copyright .developed-by {
    float: right;
    color: #ffffff;
    font-size: 11px;
    margin-right: 10px;
}

.footer-copyright .developed-by a {
    color: #fcf7f7;
}


@media screen and (max-width: 992px) {
    .social-media {
        z-index: 100;
        list-style: none;
        display: flex;
        overflow: hidden;
        text-align: center;
        align-items: center;
        bottom: 0;
        right: 0;
    }
    .social-media a{
        padding: 10px;
        list-style: none;
    }

    /*======Navigation======*/
    .navbar-nav li a {
        padding: 7px 0px !important;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        color: #6633CC !important;
    }

    .news-letter-name h4 {
        font-size: 12px !important;
    }

    .news-letter-date h4 {
        font-size: 12px;
    }

    .top-nav-news {
        width: 100%;
    }


    /*============Navigation============*/
    .navbar-nav li:hover > ul {
        padding: 0 !important;
        width: 180px;
        background: #CCFFFF !important;
    }

    .dropdown-divider {
        display: none;
        padding: 0;
    }

    /*
   ===================Member======*/
    .member-img h5, .member-img p {
        display: none;
    }

    /*=====================SLIDER=========*/
    .slider .slider-content img {
        width: 100%;
        height: 300px !important;
    }
}

@media screen and (max-width: 580px) {
    .post-body img {
        width: 100%;
        height: 200px;
    }

    .news-letter-name h4 {
        font-size: 11px !important;
    }

    .news-letter-date h4 {
        font-size: 11px;
    }

    .top-nav-news {
        width: 100%;
    }

    .top-nav-news label {
        width: 25%;
    }

    .top-nav-social {
        display: none;
    }

    .top-nav-member {
        display: none;
    }

    /*
    ===================Member======*/
    .member-img h5, .member-img p {
        display: none;
    }

    /*=====================SLIDER=========*/
    .slider .slider-content img {
        width: 100%;
        height: 200px !important;
    }

    /*=========PLACE======*/
    .post-desc h3 {
        padding: 10px 0 !important;
    }
}

@media screen and (max-width: 420px) {
    .top-nav-news label {
        width: 30%;
    }

    /*=====================SLIDER=========*/
    .slider .slider-content img {
        width: 100%;
        height: 200px !important;
    }
}