html, body {
    font-family: 'Montserrat';
    font-style: normal;
    min-height: 100%;
    height: 100%;
    position: relative;
}

body {
    display: grid;
    grid-template-areas:
        "h"
        "b"
        "f";
    grid-template-rows: auto 1fr auto;
}
.hidden{
    display:none !important;
}
.template {
    display: none;
}

.explo-search-icon {
    width: 24px;
    position: absolute;
    top: 7px;
    right: 15px;
    border-left: 1px solid #E3E3E3;
    padding-left: 5px;
    cursor:pointer;
}

.explorer-search.clearable {
    position: relative;
}

.explorer-search {
    text-align: center;
}

.clearable input[type="text"] {
    padding-right: 24px !important;
    padding-left: 15px !important;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #8d8d8d;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.06);
    border-radius: 30px;
    padding: 8px;
}

.clearable__clear {
    display: none;
    position: absolute;
    right: 38px;
    top: 11px;
    padding: 5px;
    font-style: normal;
    font-size: 18px;
    user-select: none;
    cursor: pointer;
    color: #9FAB9F;
    line-height: 0.5;
}

.dropdown-menu.current-profile {
    left: auto !important;
    right: 0 !important;
    min-width: 170px !important;
    top:47px!important;
}

.explorer-search.clearable input[type="text"]:focus {
    background: #ffffff !important;
    outline: none !important;
}

.explorer-search.clearable input[type="text"]::placeholder {
    color: #A9A9A9 !important;
}

.explorer-search.clearable input::-ms-clear { /* Remove IE default X */
    display: none;
}



a.download-btn-explorer {
    background: #D7FF2B;
    border: 1px solid #D7FF2B;
    color: #fff;
    transition: ease-in 0.2s all;
    font-size: 14px;
}

a.download-btn-explorer:hover {
    background: #fff !important;
    border: 1px solid #D7FF2B !important;
    color: #D7FF2B !important;
}

a.download-btn-explorer:hover svg path {
    fill: #000;
}


.profile-pic-sec {
    padding: 8px;
}

.profile-pic-sec img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.margin-btm {
    margin-bottom: 25px;
}


.watch-play-sec {
    padding: 10px 0 20px;
    text-align: center;
}

.watch-play-sec a {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #879487;
    text-decoration: none;
}

.watch-play-sec a span {
    vertical-align: middle;
    padding-right: 5px;
}

@media (max-width:767px) {
    .explorer-search.clearable input[type="text"].explorer-wid {
        width: 100%;
    }
}

.meetcertin-bg-sec {
    background: url('../images/meetcertin-pic.png') no-repeat 0 0;
    width: 298px;
    height: 578px;
    border-radius: 10px;
    padding: 20px;
}
@media (max-width:992px) {
    .meetcertin-bg-sec {
        width: 100% !important;
        background-size: cover;
    }
}

.meetcertin-bg-sec p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff;
}

.meetcertin-logo {
    padding: 0px 0 320px;
}

.meetcertin-btn {
    width: 120px;
    padding-top: 20px;
}

.meetcertin-btn a {
    background: #D7FF2B !important;
    border: 1px solid #D7FF2B !important;
    border-radius: 5px !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 300;
    padding: 12px !important;
    text-decoration: none;
    transition: ease-in 0.2s all;
}

.meetcertin-btn a:hover {
    background: none !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}



.explorer-content-block-lt h2 a {
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    color: #2F7AEA;
    text-decoration: none;
    transition: ease-in 0.2s all;
}

.explorer-content-block-lt h2 a:hover {
    text-decoration: underline;
}

.explorer-content-block-lt p {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    color: #B7C0B7;
    padding-bottom: 15px;
}




.explorer-content-block-lt .nav-tabs > li > a {
    color: #000;
    cursor: pointer;
    background-color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 0px !important;
}

.explorer-content-block-lt .nav-tabs .nav-link.active {
    border-color: transparent;
    border-bottom: 2px solid #D7FF2B !important;
    color: #000;
}

.explorer-content-block-lt .nav-tabs .nav-link:hover {
    border-color: transparent;
    color: #1e1e1e;
}

    .explorer-content-block-lt .nav-tabs .nav-link.active path,
    .explorer-content-block-lt .nav-tabs .nav-link:hover path {
        fill: #D7FF2B;
    }



.explorer-content-block-lt .nav-tabs > li.active > a {
    color: #D7FF2B;
    cursor: default;
    background-color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 2px solid #D7FF2B !important;
    border-bottom-color: transparent;
}

.explorer-content-block-lt .nav-tabs > li > a span {
    vertical-align: middle;
    padding-right: 5px
}

.explorer-content-block-lt .nav-tabs > li > a span path {
    fill: #000;
}

.explorer-content-block-lt .nav-tabs > li.active > a span path {
    fill: #000;
}

.explorer-content-block-lt .nav > li > a:focus, .nav > li > a:hover {
    background: #fff !important;
    outline: none !important;
}

.explorer-content-block-lt .tab-content h3 {
    color: #495849 !important;
    font-size: 16px !important;
    line-height: 20px;
    font-weight: 400;
    margin-top: 1.5rem;
    margin-bottom: 0.25rem;
}

.explorer-content-block-lt .tab-content p {
    color: #879487 !important;
    font-size: 12px !important;
    line-height: 15px;
    font-weight: 400;
}

.sort-filter-sec {
    padding: 0 0 10px;
}

.sort-filter-sec > a,
.sort-filter-sec > .dropdown > a {
    color: #879487 !important;
    font-size: 18px !important;
    line-height: 22px;
    font-weight: 400;
    text-decoration: none;
}

.sort-filter-sec > a:hover,
.sort-filter-sec > .dropdown > a:hover {
    color: #D7FF2B !important;
}

.sort-filter-sec > a span,
.sort-filter-sec > .dropdown > a span {
    vertical-align: middle;
    padding-right: 5px;
}

.sort-filter-sec > a:hover span path,
.sort-filter-sec > .dropdown > a:hover span path {
    fill: #000 !important;
}

.sort-filter-sec .dropdown-menu {
        padding: 5px 15px !important;
        border-radius: 0 !important;
    }

.sort-filter-sec .dropdown-menu li a {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #B7C0B7 !important;
    text-decoration: none !important;
}
.sort-filter-sec .dropdown-menu li a:hover {
    color: #D7FF2B !important;
}



.list-content-sec {
    padding: 15px 0;
}


    .list-content-sec h4 a {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        color: #3481DD;
        text-decoration: none;
        transition: ease-in 0.2s all;
    }

.list-content-sec h4 a:hover {
    text-decoration: underline;
}

.explorer-datetime {
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: #000;
}

.content-data {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    padding-bottom: 10px;
}

    .content-data small.small-label {
        color: #000;
        display: inline-block;
        width: 45px;
        font-weight:600;
    }

    .content-data a {
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        color: #000;
        text-decoration: none;
    }

        .content-data a:hover {
            color: #000;
            text-decoration: underline;
        }

.content-data a span {
    vertical-align: middle;
    padding-right: 5px;
}

.content-data a:hover span path {
    fill: #000;
}

.content-data em {
    font-size: 16px;
    font-weight: normal;
    color: #495849;
    font-style: normal;
    padding: 0 5px;
}

.content-data label {
    color: #000;
}

.transaction-info-wrapper span {
    word-break: break-all;
}


@media (max-width:767px) {
    .explorer-search.clearable input[type="text"] {
        width: 100%;
    }

}

.top__explorer__search__sec {
    display: flex;
    flex-wrap: wrap;
    margin:0 20px;
}

.top__search__explorer__block {
   /* width: 100%!important;*/
   /* max-width: calc(480px - 50px)!important;*/
    width:500px;
    margin: 0px auto;
    display:flex;
    flex-direction: column;
    align-items: center;
}

.header__btm__line {
    border-bottom:1px solid #101010;
    background:#101010;
    padding-bottom:0px!important;
    margin-bottom:0px;
    padding: 0 10px;
}



/*@media (max-width:1154px) {
    .top__search__explorer__block {
        width: 100%;
        margin: 0px auto;
    }

   
 
}*/

@media (max-width:995px) {
    .top__search__explorer__block {
        width: 400px;
        margin: 0px auto;
    }

    .login__block__area .navbar-nav {
        flex-direction: initial;
    }

    .navbar {
        justify-content: normal !important;
    }
}


    @media (max-width:767px) {
        .top__search__explorer__block {
            width: 100%;
            margin: 10px auto;
        }

      

        .top__explorer__search__sec {
            order: 1;
            margin: 0;
            width: 100%;
        }

        .help__content__area ul {
            width: 100% !important;
        }

       
    }

    .explorer__content__area, .blockcerts__content__area, .help__content__area, .google__content__area {
        padding: 15px 0 10px;
    }

        .explorer__content__area h4 a, .blockcerts__content__area h4 a, .google__content__area h4 a {
            font-size: 16px;
            font-weight: 500;
            line-height: 19px;
            color: #3481DD;
            text-decoration: none;
            transition: ease-in 0.2s all;
        }

            .explorer__content__area h4 a:hover, .blockcerts__content__area h4 a:hover, .google__content__area h4 a:hover {
                text-decoration: underline;
            }


        .blockcerts__content__area h4 a {
            color: #3544B1;
        }

        .blockcerts__content__area p {
            font-size: 14px;
            font-weight: 300;
            line-height: 18px;
            color: #8C8C8C;
            padding: 0 !important;
            margin: 0 !important;
        }

        .google__content__area h4 a {
            color: #1a0dab;
        }

        .google__content__area p {
            font-size: 14px;
            font-weight: 300;
            line-height: 18px;
            color: #4d5156;
            padding: 0 !important;
            margin: 0 !important;
        }

        .google__content__area small a {
            font-size: 14px;
            font-weight: 300;
            line-height: 18px;
            color: #202124;
            text-decoration: none;
            transition: ease-in 0.2s all;
        }

            .google__content__area small a:hover {
                text-decoration: underline;
            }

        .help__content__area ul {
            margin: 0;
            padding: 0;
            width: 46%;
            float: left;
            margin-top: 15px;
            margin-left: 20px;
        }

            .help__content__area ul li {
                list-style-type: disc;
                font-size: 16px;
                font-weight: 400;
                line-height: 18px;
                color: #4F85D6;
                padding-bottom: 10px;
            }

                .help__content__area ul li a {
                    color: #4F85D6;
                    text-decoration: none;
                    transition: ease-in 0.2s all;
                }

                    .help__content__area ul li a:hover {
                        text-decoration: underline;
                    }



.explorer-content-block-lt .pagination-bar nav ul.pagination {
    margin:15px 0;
}

    .explorer-content-block-lt .pagination-bar nav ul.pagination li {
        padding: 0 15px;
    }

        .explorer-content-block-lt .pagination-bar nav ul.pagination li a {
            font-size: 16px;
            font-weight: 500;
            line-height: 18px;
            color: #8C8C8C;
            text-decoration: none;
            transition: ease-in 0.2s all;
        }

        .explorer-content-block-lt .pagination-bar nav ul.pagination li a:hover {
           text-decoration: underline;
            
        }
            .explorer-content-block-lt .pagination-bar nav ul.pagination li a.active,
            .explorer-content-block-lt .pagination-bar nav ul.pagination li.active {
                color: #000;
            }
            .explorer-content-block-lt .pagination-bar nav ul.pagination li a.next {
                color: #8C8C8C;
            }




@media (max-width:420px) {
    .explorer-content-block-lt .nav-tabs > li > a {
        font-size: 16px!important;
        padding-left: 5px!important;
        padding-right: 5px!important;
    }
    }