* {
    box-sizing: border-box !important;
}

.pad-6-bottom {
    padding-bottom: 6px !important;
}

.pad-6-top {
    padding-top: 6px !important;
}

.pad-6-right {
    padding-right: 6px !important;
}

.pad-6-left {
    padding-left: 6px !important;
}

.pad-3-right {
    padding-right: 3px !important;
}

.pad-3-left {
    padding-left: 3px !important;
}

.pad-0-left {
    padding-left: 0px !important;
}

.pad-0-right {
    padding-right: 0px !important;
}

.pad-6 {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.pad-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

ul {
    margin: 0;
    padding: 0;
}

    ul li {
        list-style: none;
       
    }



.clear {
    clear: both;
}

 





.main-top-big {
    margin-bottom: 12px;
}

    .main-top-big .main-top-big-img {
        height: 380px;
    }

    .main-top-big .main-top-big-links {
        height: 100%;
    }

        .main-top-big .main-top-big-links .main-top-big-create-profile-upper {
            height: 24%;
            padding-bottom: 6px;
        }

            .main-top-big .main-top-big-links .main-top-big-create-profile-upper .main-top-big-create-profile {
                height: 100%;
                background: #457b9d;
                display: grid;
                align-items: center;
                text-align: center;
                margin: auto;
               
            }

                .main-top-big .main-top-big-links .main-top-big-create-profile-upper .main-top-big-create-profile .main-top-big-create-profile-div {
                    font-size: 27px;
                    font-weight: 100;
                }

                    .main-top-big .main-top-big-links .main-top-big-create-profile-upper .main-top-big-create-profile .main-top-big-create-profile-div > a {
                        border: 1px solid white;
                        width: 90%;
                        padding: 12px;
                        text-decoration: none;
                       
                        display: inline-block;
                    }

        .main-top-big .main-top-big-links .main-top-big-learn-rocking-upper {
            height: 70%;
            padding-top: 6px;
        }

            .main-top-big .main-top-big-links .main-top-big-learn-rocking-upper .main-top-big-learn-rocking {
                height: 100%;
            }

                .main-top-big .main-top-big-links .main-top-big-learn-rocking-upper .main-top-big-learn-rocking .main-top-big-learn-rocking-img {
                    height: 100%;
                    position: relative;
                    background: black;
                }

                    .main-top-big .main-top-big-links .main-top-big-learn-rocking-upper .main-top-big-learn-rocking .main-top-big-learn-rocking-img .main-top-big-learn-rocking-img-hover {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        font-size: 30px;
                       
                        width: 55%;
                    }

                        .main-top-big .main-top-big-links .main-top-big-learn-rocking-upper .main-top-big-learn-rocking .main-top-big-learn-rocking-img .main-top-big-learn-rocking-img-hover p:first-child span {
                            border-bottom: 1px solid white;
                        }

.main-site-aside .aside-find-route {
    background-color: white;
    padding: 10px 20px;
    box-shadow: 0 1px 15px rgba(136, 136, 136, 0.12), 0 1px 5px rgba(144, 144, 144, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    margin-bottom: 12px;
    border-radius: 5px;
}

    .main-site-aside .aside-find-route .aside-find-route-header {
        text-align: center;
        background: #003663;
       
        padding: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 5px;
    }

        .main-site-aside .aside-find-route .aside-find-route-header h6 {
            margin-bottom: 0px;
            font-size: 14px;
        }

    .main-site-aside .aside-find-route .aside-find-route-form {
        margin-bottom: 5px;
    }

        .main-site-aside .aside-find-route .aside-find-route-form .aside-find-route-form-input {
            margin-bottom: 2px;
        }

            .main-site-aside .aside-find-route .aside-find-route-form .aside-find-route-form-input input {
                background-color: #fcc2f0;
                border: none;
                border-radius: 9px;
                font-size: 12px;
                width: 100%;
                padding: 4px;
            }

            .main-site-aside .aside-find-route .aside-find-route-form .aside-find-route-form-input label {
                margin-bottom: 0;
                font-size: 13px;
                padding: 5px;
            }

            .main-site-aside .aside-find-route .aside-find-route-form .aside-find-route-form-input button {
                width: 100%;
                background: #457b9d;
                border: none;
               
                margin-top: 35px;
                padding: 4px;
                border-radius: 8px;
                font-size: 13px;
            }

    .main-site-aside .aside-find-route .aside-find-route-links .aside-find-route-direction button {
        width: 100%;
        background: #a8dadc;
        border: none;
        color: #5b5b5b;
        margin-top: 5px;
        padding: 4px;
        border-radius: 8px;
        font-size: 13px;
    }

    .main-site-aside .aside-find-route .aside-find-route-links .aside-find-route-archive button {
        width: 100%;
        background: #f1f3f6;
        border: none;
        color: #e74c57;
        margin-top: 5px;
        padding: 4px;
        border-radius: 8px;
        font-size: 13px;
    }

.main-site-aside .aside-council {
    background-color: white;
    padding: 1px ;
    box-shadow: 0 1px 15px rgba(136, 136, 136, 0.12), 0 1px 5px rgba(144, 144, 144, 0.24);
    margin-bottom: 1px;
    border-radius: 5px;
    overflow: hidden;
}

    .main-site-aside .aside-council .aside-council-header {
        text-align: center;
        background: #003663;
      
        padding: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 2px;
    }

        .main-site-aside .aside-council .aside-council-header h6 {
            margin-bottom: 0px;
            font-size: 14px;
        }

    .main-site-aside .aside-council .aside-council-form .aside-council-form-input textarea {
        background-color: #ebebeb;
        border: none;
        border-radius: 9px;
        font-size: 12px;
        width: 100%;
        padding: 4px;
    }

    .main-site-aside .aside-council .aside-council-form .aside-council-form-input button {
        width: 100%;
        background: #457b9d;
        border: none;
 
        padding: 4px;
        border-radius: 8px;
        font-size: 13px;
    }

.main-site-aside .aside-ranking {
    background-color: white;
    padding: 10px 20px;
    box-shadow: 0 1px 15px rgba(136, 136, 136, 0.12), 0 1px 5px rgba(144, 144, 144, 0.24);
    margin-bottom: 12px;
    border-radius: 5px;
    overflow: hidden;
}

    .main-site-aside .aside-ranking .aside-ranking-header fieldset {
        border-top: 1px solid #003663;
    }

        .main-site-aside .aside-ranking .aside-ranking-header fieldset legend {
            width: 29%;
            font-size: 14px;
            font-weight: 400;
        }

    .main-site-aside .aside-ranking .aside-ranking-list ul {
        list-style: none;
        /* Remove default bullets */
    }

        .main-site-aside .aside-ranking .aside-ranking-list ul li {
            font-size: 13px;
        }

            .main-site-aside .aside-ranking .aside-ranking-list ul li a {
                text-decoration: none;
                display: block;
                color: black;
                display: inline-block;
            }

                .main-site-aside .aside-ranking .aside-ranking-list ul li a:hover {
                    color: #003663;
                }

            .main-site-aside .aside-ranking .aside-ranking-list ul li::before {
                content: "\2022";
                color: red;
                fontx-weight: bold;
                display: inline-block;
                width: 40px;
                margin-left: -1.32em;
                font-size: 22px;
                /* margin-top: -11px; */
            }

    .main-site-aside .aside-ranking .aside-ranking-btn button {
        width: 100%;
        background: #457b9d;
        border: none;
       
        margin-top: 5px;
        padding: 4px;
        border-radius: 8px;
        font-size: 13px;
    }

.main-site-aside .aside-project {
    background-color: white;
    padding: 10px 20px;
    box-shadow: 0 1px 15px rgba(136, 136, 136, 0.12), 0 1px 5px rgba(144, 144, 144, 0.24);
    margin-bottom: 12px;
    border-radius: 5px;
    overflow: hidden;
}

    .main-site-aside .aside-project .aside-project-header fieldset {
        border-top: 2px solid #003663;
    }

        .main-site-aside .aside-project .aside-project-header fieldset legend {
            width: 69%;
            font-size: 14px;
            font-weight: 400;
        }

    .main-site-aside .aside-project .aside-project-list ul {
        list-style: none;
        /* Remove default bullets */
    }

        .main-site-aside .aside-project .aside-project-list ul li {
            font-size: 13px;
        }

            .main-site-aside .aside-project .aside-project-list ul li a {
                text-decoration: none;
                display: block;
                color: black;
                display: inline-block;
            }

                .main-site-aside .aside-project .aside-project-list ul li a:hover {
                    color: #003663;
                }

            .main-site-aside .aside-project .aside-project-list ul li::before {
                content: "\2022";
                color: red;
                fontx-weight: bold;
                display: inline-block;
                width: 40px;
                margin-left: -1.32em;
                font-size: 22px;
                /* margin-top: -11px; */
            }

    .main-site-aside .aside-project .aside-project-link a {
        float: left;
        text-decoration: none;
        font-size: 2px;
        color: red;
    }

.main-posts-carousel .main-posts-carousel-header fieldset {
    border-top: 1px solid #afafaf;
}

    .main-posts-carousel .main-posts-carousel-header fieldset legend {
        width: 9%;
        font-size: 15px;
        font-weight: 600;
        color: #505050;
    }

.main-posts-carousel .main-posts-carousel-body {
    background-color: white;
    border-radius: 5px;
}

    .main-posts-carousel .main-posts-carousel-body .main-posts-carousel-item .main-product-carousel-item-img {
        height: 104px;
        max-width: 100%;
        margin: auto;
    }

    .main-posts-carousel .main-posts-carousel-body .main-posts-carousel-item .main-product-carousel-item-body {
        overflow: hidden;
        margin-top: 10px;
        background-color: white;
    }

        .main-posts-carousel .main-posts-carousel-body .main-posts-carousel-item .main-product-carousel-item-body p {
            font-size: 12px;
            text-align: justify;
            white-space: normal;
        }

        .main-posts-carousel .main-posts-carousel-body .main-posts-carousel-item .main-product-carousel-item-body a {
            float: left;
            text-decoration: none;
            color: #003663;
            font-size: 13px;
        }

.main-posts-video-play {
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
}
/************************************************************* new style ************************************/
.sub-main-posts-video-play {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 5px 10px;
    background-color: rgba(0,0,0,0.3);
}

.main-posts-video-play:hover .sub-main-posts-video-play {
    display: none;
    transition: all 0.5s;
}

.sub-main-posts-video-play-title {
    width: 100%;
    height: auto;
}

    .sub-main-posts-video-play-title h3 {
        font-size: 18px;
    }

.sub-main-posts-video-play-desc {
    width: 100%;
    height: auto;
}

    .sub-main-posts-video-play-desc p {
        font-size: 14px;
        margin-bottom: 2px;
    }
/************************************************************* new style ************************************/

.main-posts-video-play video {
    object-fit: fill;
    width: 100%;
    height: 380px;
}

.main-saloon-archives .main-saloon-archives-header fieldset {
    border-top: 1px solid #afafaf;
}

    .main-saloon-archives .main-saloon-archives-header fieldset legend {
        width: 24%;
        font-size: 15px;
        font-weight: 600;
        color: #505050;
    }

.main-saloon-archives .main-saloon-archives-body {
    margin-top: 10px;
}

    .main-saloon-archives .main-saloon-archives-body .main-saloon-archives-item .main-saloon-archives-item-img {
        height: 125px;
    }

        .main-saloon-archives .main-saloon-archives-body .main-saloon-archives-item .main-saloon-archives-item-img img {
            object-fit: cover;
        }

    .main-saloon-archives .main-saloon-archives-body .main-saloon-archives-item .main-saloon-archives-item-detail {
        color: #5d5d5d;
        margin-top: 10px;
        text-align: center;
    }

        .main-saloon-archives .main-saloon-archives-body .main-saloon-archives-item .main-saloon-archives-item-detail h6 {
            font-size: 14px;
        }

.main-instagram {
    border-radius: 5px;
    background: #f09433;
    background: -moz-linear-gradient(0deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(0deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(0deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    margin-top: 12px;
    height: 100px;
    display: grid;
    align-items: center;
    background-color: white;
}

    .main-instagram h6 {
       
    }

.main-footer {
    margin-top: 12px;
    padding: 20px;
    background-color: #43799b;
}

    .main-footer .main-footer-menus .main-footer-menus-item h6 {
        color: #013354;
        font-size: 14px;
        margin-bottom: 0px;
    }

    .main-footer .main-footer-menus .main-footer-menus-item ul {
        margin: 0;
        padding: 0;
    }

        .main-footer .main-footer-menus .main-footer-menus-item ul li {
            display: inline-block;
        }

            .main-footer .main-footer-menus .main-footer-menus-item ul li a {
                text-decoration: none;
                color: #013354;
            }

            .main-footer .main-footer-menus .main-footer-menus-item ul li:hover a {
                text-decoration: none;
                color: #013354;
            }

        .main-footer .main-footer-menus .main-footer-menus-item ul li {
            font-size: 14px;
        }

    .main-footer .main-footer-social {
        display: flex;
        align-items: flex-end;
        height: 100%;
        padding: 20px;
    }

        .main-footer .main-footer-social ul {
            margin: 0;
            padding: 0;
        }

            .main-footer .main-footer-social ul li {
                display: inline-block;
            }

                .main-footer .main-footer-social ul li a {
                    text-decoration: none;
                    color: black;
                }

                .main-footer .main-footer-social ul li:hover a {
                    text-decoration: none;
                    color: black;
                }

            .main-footer .main-footer-social ul li {
                background-color: grey;
          
                border-radius: 5px;
                margin-top: 5px;
            }

                .main-footer .main-footer-social ul li a {
                    text-decoration: none;
                    display: block;
                    
                    display: flex;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    padding: 7px 9px;
                }

                    .main-footer .main-footer-social ul li a:hover {
                   
                    }

            .main-footer .main-footer-social ul .plus-share {
                background-color: #0166ff;
            }

            .main-footer .main-footer-social ul .facebook-share {
                background-color: #3b5998;
            }

            .main-footer .main-footer-social ul .twitter-share {
                background-color: #55acee;
            }

            .main-footer .main-footer-social ul .google-plus-share {
                background-color: #dd4b39;
            }

            .main-footer .main-footer-social ul .linkedin-share {
                background-color: #007bb5;
            }

            .main-footer .main-footer-social ul .telegram-share {
                background-color: #2ca5e0;
            }

            .main-footer .main-footer-social ul .envelop-share {
                background-color: #0166ff;
            }

            .main-footer .main-footer-social ul .yahoo-share {
                background-color: #400090;
            }

.bottom-footer {
    background-color: #1d3557;
    text-align: center;
   
    font-size: 14px;
    padding: 6px;
}

    .bottom-footer p {
        margin-bottom: 0px;
    }

        .bottom-footer p a {
            text-decoration: none;
            display: block;
           
            display: inline-block;
        }

            .bottom-footer p a:hover {
               
            }

.post-list-main .post-list-posts .post-list-tabs .post-list-tab-header ul {
    margin: 0;
    padding: 0;
}

    .post-list-main .post-list-posts .post-list-tabs .post-list-tab-header ul li {
        display: inline-block;
    }

        .post-list-main .post-list-posts .post-list-tabs .post-list-tab-header ul li a {
            text-decoration: none;
            color: black;
        }

        .post-list-main .post-list-posts .post-list-tabs .post-list-tab-header ul li:hover a {
            text-decoration: none;
            color: black;
        }

    .post-list-main .post-list-posts .post-list-tabs .post-list-tab-header ul li {
        margin-left: 9px;
        background-color: #dedede;
        font-size: 13px;
        padding: 10px;
        border-radius: 5px 5px 0px 0px;
    }

        .post-list-main .post-list-posts .post-list-tabs .post-list-tab-header ul li.active, .post-list-main .post-list-posts .post-list-tabs .post-list-tab-header ul li:hover {
            background-color: white;
        }

.post-list-main .post-list-posts .post-list-tabs .post-list-tab-body {
    background-color: white;
    padding: 12px;
}

    .post-list-main .post-list-posts .post-list-tabs .post-list-tab-body .main-saloon-archives-body {
        display: none;
        margin-top: 10px;
    }

        .post-list-main .post-list-posts .post-list-tabs .post-list-tab-body .main-saloon-archives-body .main-saloon-archives-item .main-saloon-archives-item-img {
            height: 125px;
        }

            .post-list-main .post-list-posts .post-list-tabs .post-list-tab-body .main-saloon-archives-body .main-saloon-archives-item .main-saloon-archives-item-img img {
                object-fit: cover;
            }

        .post-list-main .post-list-posts .post-list-tabs .post-list-tab-body .main-saloon-archives-body .main-saloon-archives-item .main-saloon-archives-item-detail {
            color: #5d5d5d;
            margin-top: 10px;
            text-align: center;
        }

            .post-list-main .post-list-posts .post-list-tabs .post-list-tab-body .main-saloon-archives-body .main-saloon-archives-item .main-saloon-archives-item-detail h6 {
                font-size: 14px;
            }

        .post-list-main .post-list-posts .post-list-tabs .post-list-tab-body .main-saloon-archives-body:first-child {
            display: block;
        }

.post-list-main .post-list-posts .post-list-newest .post-list-newest-header {
    margin: 10px 0px;
}

    .post-list-main .post-list-posts .post-list-newest .post-list-newest-header fieldset {
        border-top: 1px solid #003663;
    }

        .post-list-main .post-list-posts .post-list-newest .post-list-newest-header fieldset legend {
            width: 17%;
            font-size: 14px;
            font-weight: 400;
        }

.post-list-main .post-list-posts .post-list-newest .post-list-newest-body {
    background-color: white;
    padding: 10px;
    box-shadow: 0 1px 15px rgba(136, 136, 136, 0.12), 0 1px 5px rgba(144, 144, 144, 0.24);
}

    .post-list-main .post-list-posts .post-list-newest .post-list-newest-body .post-list-newest-item {
        border-bottom: 2px dotted #eee;
        padding: 15px 0px;
    }

        .post-list-main .post-list-posts .post-list-newest .post-list-newest-body .post-list-newest-item .post-list-newest-item-img {
            position: relative;
            height: 170px;
        }

            .post-list-main .post-list-posts .post-list-newest .post-list-newest-body .post-list-newest-item .post-list-newest-item-img img {
                object-fit: cover;
            }

            .post-list-main .post-list-posts .post-list-newest .post-list-newest-body .post-list-newest-item .post-list-newest-item-img .post-list-newest-item-img-hover {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
            }

                .post-list-main .post-list-posts .post-list-newest .post-list-newest-body .post-list-newest-item .post-list-newest-item-img .post-list-newest-item-img-hover span {
                    font-size: 13px;
                   
                    padding: 7px;
                    display: block;
                    text-align: center;
                    background-color: black;
                }

        .post-list-main .post-list-posts .post-list-newest .post-list-newest-body .post-list-newest-item .post-list-newest-item-desc a {
            text-decoration: none;
        }

        .post-list-main .post-list-posts .post-list-newest .post-list-newest-body .post-list-newest-item .post-list-newest-item-desc h3 {
            color: #003663;
            font-size: 18px;
        }

        .post-list-main .post-list-posts .post-list-newest .post-list-newest-body .post-list-newest-item .post-list-newest-item-desc p {
            font-size: 14px;
            color: dimgrey;
            font-weight: 100;
            text-align: justify;
        }

.post-list-main .post-list-posts .post-list-category .post-list-category-header {
    margin: 10px 0px;
}

    .post-list-main .post-list-posts .post-list-category .post-list-category-header fieldset {
        border-top: 1px solid #003663;
    }

        .post-list-main .post-list-posts .post-list-category .post-list-category-header fieldset legend {
            width: 17%;
            font-size: 14px;
            font-weight: 400;
        }

.post-list-main .post-list-posts .post-list-category .post-list-category-body {
    background-color: white;
    padding: 10px;
    box-shadow: 0 1px 15px rgba(136, 136, 136, 0.12), 0 1px 5px rgba(144, 144, 144, 0.24);
}

    .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-header {
        border-bottom: 1px solid #eee;
        margin-bottom: 6px;
    }

        .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-header h4 {
            font-size: 14px;
            color: #003663;
            font-weight: 100;
        }

    .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active {
        box-shadow: 0 1px 15px rgba(136, 136, 136, 0.12), 0 1px 5px rgba(144, 144, 144, 0.24);
        padding: 10px;
    }

        .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item {
            display: none;
        }

            .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item .post-list-category-body-body-active-img {
                height: 200px;
            }

                .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item .post-list-category-body-body-active-img img {
                    object-fit: cover;
                }

            .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item .post-list-category-body-body-active-desc {
                padding: 10px 0px;
                text-align: center;
            }

                .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item .post-list-category-body-body-active-desc a {
                    text-decoration: none;
                    color: #003663;
                }

                    .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item .post-list-category-body-body-active-desc a h3 {
                        font-size: 16px;
                    }

                    .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item .post-list-category-body-body-active-desc a p {
                        font-weight: 100;
                        font-size: 14px;
                        text-align: justify;
                    }

            .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item:first-child {
                display: block;
            }

    .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-list ul li {
        margin: 10px;
    }

        .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-list ul li a {
            text-decoration: none;
            color: #003663;
            font-size: 15px;
            font-weight: 100;
        }

            .post-list-main .post-list-posts .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-list ul li a i {
                color: red;
            }

.post-list-main .post-show .post-show-box {
    background-color: white;
    padding: 30px;
    box-shadow: 0 1px 15px rgba(136, 136, 136, 0.12), 0 1px 5px rgba(144, 144, 144, 0.24);
}

    .post-list-main .post-show .post-show-box .post-show-box-info {
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
        margin-bottom: 12px;
    }

        .post-list-main .post-show .post-show-box .post-show-box-info ul {
            margin: 0;
            padding: 0;
        }

            .post-list-main .post-show .post-show-box .post-show-box-info ul li {
                display: inline-block;
            }

                .post-list-main .post-show .post-show-box .post-show-box-info ul li a {
                    text-decoration: none;
                    color: #003663;
                }

                .post-list-main .post-show .post-show-box .post-show-box-info ul li:hover a {
                    text-decoration: none;
                    color: #003663;
                }

            .post-list-main .post-show .post-show-box .post-show-box-info ul li {
                width: 24%;
                text-align: center;
                font-size: 13px;
                font-weight: 100;
            }

    .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-header {
        margin: 12px 0px;
    }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-header h1 {
            font-size: 22px;
        }

    .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-body .post-show-box-post-body-brief {
        font-size: 14px;
        color: dimgrey;
        font-weight: 100;
        text-align: justify;
    }

    .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-body .post-show-box-post-body-main {
        margin: 15px 0px;
    }

.post-show-box-post-body-img {
    width: 100%;
    height: 400px;
}
/******************************** new style *********************************/
.author-rate {
    width: 100%;
    height: auto;
    margin: 35px 0 0 0;
}

    .author-rate ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .author-rate ul li {
            width: 43%;
            text-align: center;
            font-size: 13px;
            font-weight: 100;
            display: inline-block;
        }

.post-rate {
    margin-right: 10px;
}

/******************************** new style *********************************/

.post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-body .post-show-box-post-body-main p {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 100;
    text-align: justify;
}

.post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-body table td ul {
    margin: 0;
    padding: 0;
}

    .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-body table td ul li {
        display: inline-block;
    }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-body table td ul li a {
            text-decoration: none;
           
        }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-body table td ul li:hover a {
            text-decoration: none;
           
        }

    .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-body table td ul li {
        background-color: #003663;
        font-size: 13px;
        padding: 1px 13px;
        border-radius: 5px;
    }

.post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social {
    display: flex;
    align-items: flex-end;
    height: 100%;
    padding: 6px;
    border-top: 1px solid #eee;
    padding-top: 13px;
}

    .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul {
        margin: 0;
        padding: 0;
        margin: auto;
    }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul li {
            display: inline-block;
        }

            .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul li a {
                text-decoration: none;
                color: black;
            }

            .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul li:hover a {
                text-decoration: none;
                color: black;
            }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul li {
            background-color: grey;
           
            border-radius: 5px;
        }

            .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul li a {
                text-decoration: none;
                display: block;
               
                display: flex;
                align-items: center;
                width: 100%;
                height: 100%;
                padding: 7px 9px;
            }

                .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul li a:hover {
                   
                }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul .plus-share {
            background-color: #0166ff;
        }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul .facebook-share {
            background-color: #3b5998;
        }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul .twitter-share {
            background-color: #55acee;
        }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul .google-plus-share {
            background-color: #dd4b39;
        }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul .linkedin-share {
            background-color: #007bb5;
        }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul .telegram-share {
            background-color: #2ca5e0;
        }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul .envelop-share {
            background-color: #0166ff;
        }

        .post-list-main .post-show .post-show-box .post-show-box-post .post-show-box-post-social ul .yahoo-share {
            background-color: #400090;
        }

.post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-header {
    margin: 10px 0px;
}

    .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-header fieldset {
        border-top: 1px solid #003663;
    }

        .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-header fieldset legend {
            width: 17%;
            font-size: 14px;
            font-weight: 400;
        }

.post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body {
    background-color: white;
    padding: 10px;
    box-shadow: 0 1px 15px rgba(136, 136, 136, 0.12), 0 1px 5px rgba(144, 144, 144, 0.24);
}

    .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body .post-list-category-body-header {
        border-bottom: 1px solid #eee;
        margin-bottom: 6px;
    }

        .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body .post-list-category-body-header h4 {
            font-size: 14px;
            color: #003663;
            font-weight: 100;
        }

    .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active {
        box-shadow: 0 1px 15px rgba(136, 136, 136, 0.12), 0 1px 5px rgba(144, 144, 144, 0.24);
        padding: 10px;
    }

        .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item .post-list-category-body-body-active-img {
            height: 200px;
        }

            .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item .post-list-category-body-body-active-img img {
                object-fit: cover;
            }

        .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item .post-list-category-body-body-active-desc {
            padding: 10px 0px;
            text-align: center;
        }

            .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item .post-list-category-body-body-active-desc a {
                text-decoration: none;
                color: #003663;
            }

                .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item .post-list-category-body-body-active-desc a h3 {
                    font-size: 16px;
                }

                .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-active .post-list-category-body-body-active-item .post-list-category-body-body-active-desc a p {
                    font-weight: 100;
                    font-size: 14px;
                    text-align: justify;
                }

    .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-list ul li {
        margin: 10px;
    }

        .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-list ul li a {
            text-decoration: none;
            color: #003663;
            font-size: 15px;
            font-weight: 100;
        }

            .post-list-main .post-show .post-show-box-related .post-list-category .post-list-category-body .post-list-category-body-body .post-list-category-body-body-list ul li a i {
                color: red;
            }

.post-list-main .post-show .product-page-product-comments {
    margin-top: 10px;
    background-color: white;
    padding: 16px;
    box-shadow: 0 1px 15px rgba(136, 136, 136, 0.12), 0 1px 5px rgba(144, 144, 144, 0.24);
}

    .post-list-main .post-show .product-page-product-comments .product-page-product-comments-header {
        border-bottom: 1px solid #eee;
        margin-bottom: 22px;
    }

        .post-list-main .post-show .product-page-product-comments .product-page-product-comments-header h3 {
            font-size: 14px;
        }

    .post-list-main .post-show .product-page-product-comments .product-page-product-comments-body .product-page-product-comments-body-form .comment-btn button {
        float: left;
        background: #003663;
        border: none;
       
        font-size: 13px;
        padding: 6px 19px;
        border-radius: 7px;
    }

    .post-list-main .post-show .product-page-product-comments .product-page-product-comments-body .product-page-product-comments-body-form input, .post-list-main .post-show .product-page-product-comments .product-page-product-comments-body .product-page-product-comments-body-form textarea {
        font-size: 14px;
    }

    .post-list-main .post-show .product-page-product-comments .product-page-product-comments-body .product-page-product-comments-body-comments .product-page-product-comments-body-comments-item {
        border: 1px solid #eee;
        margin: 10px 0;
        padding: 15px;
    }

        .post-list-main .post-show .product-page-product-comments .product-page-product-comments-body .product-page-product-comments-body-comments .product-page-product-comments-body-comments-item .product-page-product-comments-body-comments-item-header {
            overflow: hidden;
            padding: 5px 18px;
            border-bottom: 2px solid #003663;
            margin-bottom: 5px;
        }

            .post-list-main .post-show .product-page-product-comments .product-page-product-comments-body .product-page-product-comments-body-comments .product-page-product-comments-body-comments-item .product-page-product-comments-body-comments-item-header .product-page-product-comments-body-comments-item-header-name {
                float: right;
            }

            .post-list-main .post-show .product-page-product-comments .product-page-product-comments-body .product-page-product-comments-body-comments .product-page-product-comments-body-comments-item .product-page-product-comments-body-comments-item-header .product-page-product-comments-body-comments-item-header-date {
                float: left;
                font-size: 12px;
                font-weight: 100;
                color: grey;
            }

        .post-list-main .post-show .product-page-product-comments .product-page-product-comments-body .product-page-product-comments-body-comments .product-page-product-comments-body-comments-item .product-page-product-comments-body-comments-item-body p {
            font-size: 14px;
            font-weight: 100;
        }

        .post-list-main .post-show .product-page-product-comments .product-page-product-comments-body .product-page-product-comments-body-comments .product-page-product-comments-body-comments-item .product-page-product-comments-body-comments-item-body .product-page-product-comments-body-comments-item-body-reply-btn {
            text-align: left;
            margin: 10px;
        }

            .post-list-main .post-show .product-page-product-comments .product-page-product-comments-body .product-page-product-comments-body-comments .product-page-product-comments-body-comments-item .product-page-product-comments-body-comments-item-body .product-page-product-comments-body-comments-item-body-reply-btn a {
                text-decoration: none;
                display: block;
                color: #003663;
                display: inline-block;
            }

                .post-list-main .post-show .product-page-product-comments .product-page-product-comments-body .product-page-product-comments-body-comments .product-page-product-comments-body-comments-item .product-page-product-comments-body-comments-item-body .product-page-product-comments-body-comments-item-body-reply-btn a:hover {
                    color: #457b9d;
                }

        .post-list-main .post-show .product-page-product-comments .product-page-product-comments-body .product-page-product-comments-body-comments .product-page-product-comments-body-comments-item .product-page-product-comments-body-comments-item-body .product-page-product-comments-body-comments-reply-item {
            background-color: aliceblue;
            padding: 21px;
            border-radius: 10px;
        }

.post-list-main .post-list-aside {
    position: sticky;
    top: 100px;
}

    .post-list-main .post-list-aside .aside-project {
        background-color: white;
        padding: 10px 20px;
        box-shadow: 0 1px 15px rgba(136, 136, 136, 0.12), 0 1px 5px rgba(144, 144, 144, 0.24);
        margin-bottom: 12px;
        border-radius: 5px;
        overflow: hidden;
    }

        .post-list-main .post-list-aside .aside-project .aside-project-header fieldset {
            border-top: 2px solid #003663;
        }

            .post-list-main .post-list-aside .aside-project .aside-project-header fieldset legend {
                width: 30%;
                font-size: 14px;
                font-weight: 400;
            }

        .post-list-main .post-list-aside .aside-project .aside-project-list ul {
            list-style: none;
            /* Remove default bullets */
        }

            .post-list-main .post-list-aside .aside-project .aside-project-list ul li {
                font-size: 13px;
            }

                .post-list-main .post-list-aside .aside-project .aside-project-list ul li a {
                    text-decoration: none;
                    display: block;
                    color: black;
                    display: inline-block;
                }

                    .post-list-main .post-list-aside .aside-project .aside-project-list ul li a:hover {
                        color: #003663;
                    }

                    .post-list-main .post-list-aside .aside-project .aside-project-list ul li a i {
                        font-size: 5px;
                        color: red;
                        margin-left: 9px;
                    }

        .post-list-main .post-list-aside .aside-project .aside-project-link a {
            float: left;
            text-decoration: none;
            font-size: 12px;
            color: red;
        }

.login-main .login-page-item {
    width: 300px;
    margin: auto;
    border: 1px solid #eee;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin: 17px auto;
    background-color: #f3f3f3;
    border-radius: 5px;
}

    .login-main .login-page-item .login-page-item-logo {
        width: 100px;
        height: 100px;
        margin: auto;
    }

    .login-main .login-page-item .login-page-item-desc {
        margin: 10px auto;
        text-align: center;
    }

        .login-main .login-page-item .login-page-item-desc h3 {
            font-size: 19px;
        }

        .login-main .login-page-item .login-page-item-desc p {
            font-size: 13px;
            font-weight: 100;
        }

    .login-main .login-page-item .login-page-item-form {
        overflow: hidden;
    }

        .login-main .login-page-item .login-page-item-form button {
            font-size: 13px;
            float: left;
            padding: 3px 37px;
            border: none;
           
            background-color: #003663;
            border-radius: 28px;
        }

        .login-main .login-page-item .login-page-item-form .login-checkbox {
            font-size: 13px;
            font-weight: 100;
            color: #003663;
        }

        .login-main .login-page-item .login-page-item-form .inp {
            position: relative;
            margin: auto;
            width: 100%;
            max-width: 280px;
        }

            .login-main .login-page-item .login-page-item-form .inp .label {
                position: absolute;
                top: 23px;
                right: 0;
                font-size: 14px;
                color: #9098a9;
                font-weight: 500;
                transform-origin: 0 0;
                transition: all 0.2s ease;
            }

            .login-main .login-page-item .login-page-item-form .inp .border {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 2px;
                width: 100%;
                background: #003663;
                transform: scaleX(0);
                transform-origin: 0 0;
                transition: all 0.15s ease;
            }

            .login-main .login-page-item .login-page-item-form .inp input {
                -webkit-appearance: none;
                width: 100%;
                border: 0;
                font-family: inherit;
                padding: 2px 0;
                height: 48px;
                font-size: 14px;
                font-weight: 300;
                border-bottom: 2px solid #c8ccd4;
                background: none;
                border-radius: 0;
                color: #003663;
                transition: all 0.15s ease;
            }

                .login-main .login-page-item .login-page-item-form .inp input:hover {
                    background: rgba(34, 50, 84, 0.03);
                }

                .login-main .login-page-item .login-page-item-form .inp input:not(:placeholder-shown) + span {
                    color: #5a667f;
                    transform: translateY(-26px) scale(0.75);
                }

                .login-main .login-page-item .login-page-item-form .inp input:focus {
                    background: none;
                    outline: none;
                }

                    .login-main .login-page-item .login-page-item-form .inp input:focus + span {
                        color: #003663;
                        transform: translateY(-26px) scale(0.75);
                    }

                        .login-main .login-page-item .login-page-item-form .inp input:focus + span + .border {
                            transform: scaleX(1);
                        }

    .login-main .login-page-item .login-page-item-have {
        margin: 11px;
        font-size: 13px;
        font-weight: 100;
        text-align: center;
    }

        .login-main .login-page-item .login-page-item-have p {
            margin: 0;
        }

.login-main .register-page {
    width: 800px !important;
}

    .login-main .register-page .register-item input, .login-main .register-page .register-item textarea {
        font-size: 10px;
        font-weight: 300;
        background-color: #e8e8e8;
    }

    .login-main .register-page .register-item label {
        font-size: xx-small;
        font-weight: 100;
    }

        .login-main .register-page .register-item label .important-red-form {
            color: red;
        }

.about-page .about-page-box {
    position: relative;
    background-color: white;
    padding-top: 63px;
    margin: 85px 0px 25px 0px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

    .about-page .about-page-box .about-page-box-logo {
        width: 110px;
        height: 110px;
        position: absolute;
        top: -60px;
        left: 46%;
    }

        .about-page .about-page-box .about-page-box-logo img {
            border-radius: 50%;
            border: 5px solid white;
            box-shadow: 0 0px 2px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        }

    .about-page .about-page-box .about-page-box-header {
        text-align: center;
    }

        .about-page .about-page-box .about-page-box-header h3 {
            font-size: 19px;
        }

        .about-page .about-page-box .about-page-box-header p {
            font-size: 14px;
            font-weight: 100;
        }

    .about-page .about-page-box .about-page-box-body {
        background-color: white;
        padding: 39px;
        margin: 25px 0px 25px 0px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        transform: rotateZ(-1deg) translate(3%);
        font-size: 14px;
        font-weight: 100;
        text-align: justify;
    }

    .about-page .about-page-box #about-page-box-body2 {
        transform: rotateZ(1deg) translate(-3%);
    }

.contact-page .contact-page-item {
    position: relative;
    background-color: white;
    padding: 25px;
    padding-top: 63px;
    margin: 85px 0px 25px 0px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

    .contact-page .contact-page-item .contact-page-item-logo {
        width: 110px;
        height: 110px;
        position: absolute;
        top: -60px;
        left: 45%;
    }

        .contact-page .contact-page-item .contact-page-item-logo img {
            border-radius: 50%;
            border: 5px solid white;
            box-shadow: 0 0px 2px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        }

    .contact-page .contact-page-item .contact-page-item-header {
        text-align: center;
    }

        .contact-page .contact-page-item .contact-page-item-header h3 {
            font-size: 19px;
        }

        .contact-page .contact-page-item .contact-page-item-header p {
            font-size: 14px;
            font-weight: 100;
        }

    .contact-page .contact-page-item .contact-page-item-body .contact-page-item-body-item {
        border: 1px solid #eee;
        margin: 10px 0px;
        padding: 10px 10px;
    }

        .contact-page .contact-page-item .contact-page-item-body .contact-page-item-body-item .contact-page-google iframe {
            width: 100%;
        }

        .contact-page .contact-page-item .contact-page-item-body .contact-page-item-body-item .contact-page-item-body-item-header h4 {
            font-size: 18px;
            font-weight: 500;
        }

        .contact-page .contact-page-item .contact-page-item-body .contact-page-item-body-item .contact-page-item-body-item-body p {
            font-size: 14px;
            color: #003663;
            font-weight: 100;
        }

        .contact-page .contact-page-item .contact-page-item-body .contact-page-item-body-item .contact-page-form label {
            font-size: 13px;
        }

        .contact-page .contact-page-item .contact-page-item-body .contact-page-item-body-item .contact-page-form input, .contact-page .contact-page-item .contact-page-item-body .contact-page-item-body-item .contact-page-form textarea {
            font-size: 13px;
        }

.post-list-category-body-body-active-item {
    display: none;
}

    .post-list-category-body-body-active-item:first-child {
        display: block;
    }

@media (max-width: 768px) {
    .xs-remove {
        display: none;
    }

    .pad-6-right {
        padding-right: 15px !important;
    }

    .pad-6-left {
        padding-left: 15px !important;
    }

    .pad-3-right {
        padding-right: 15px !important;
    }

    .pad-3-left {
        padding-left: 15px !important;
    }

    .pad-0-left {
        padding-left: 15px !important;
    }

    .pad-0-right {
        padding-right: 15px !important;
    }

    .main-top-big-links {
        margin-top: 10px;
    }

    .main-posts-video-play {
        margin-top: 10px;
    }

        .main-posts-video-play video {
            height: 250px;
        }

    .main-posts-carousel-header, .main-saloon-archives-header {
        margin: 10px 0px;
    }

        .main-posts-carousel-header fieldset legend {
            width: 16% !important;
        }

        .main-saloon-archives-header fieldset legend {
            width: 42% !important;
        }

    .post-list-aside {
        margin-top: 10px;
    }

    .aside-project-header fieldset legend {
        width: 80%;
    }

    nav ul li {
        padding: 10px 16px;
        font-size: 12px;
    }
}

@media (max-width: 998px) {
    .post-list-aside {
        margin-top: 10px;
    }

    .aside-project-header fieldset legend {
        width: 80%;
    }

    .main-posts-carousel-header fieldset legend {
        width: 15% !important;
    }

    .main-saloon-archives-header fieldset legend {
        width: 40% !important;
    }

    .main-top-big .main-top-big-img {
        height: 339px;
    }
}

/*# sourceMappingURL=style.css.map */
.modal-header .close {
    padding: 3px 6px;
    margin: 0;
}

.modal-header button {
    background-color: #003663;
    border-radius: 5px;
   
}

.modal-send-msg-section {
    width: 100%;
    height: auto;
    padding: 20px;
}

.modal-send-msg-name {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}

    .modal-send-msg-name input {
        width: 100%;
        border: 1px solid #dbdbdb;
        font-size: 13px;
    }

.modal-send-msg-email {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}

    .modal-send-msg-email input {
        width: 100%;
        border: 1px solid #dbdbdb;
        font-size: 13px;
    }

.modal-send-msg-number {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}

    .modal-send-msg-number input {
        width: 100%;
        border: 1px solid #dbdbdb;
        font-size: 13px;
    }

.modal-send-msg-register button {
    padding: 6px 30px;
    background-color: #003663;
    border-radius: 5px;
    border: none;
   
}

.login-page-item-desc-modal {
    width: 100%;
    text-align: center;
    margin: 5px 0;
}

    .login-page-item-desc-modal h3 {
        font-size: 16px;
    }

    .login-page-item-desc-modal p {
        font-size: 14px;
    }

#button2.show {
    opacity: 1;
    visibility: visible;
    z-index: 20;
}

#button2 {
    display: inline-block;
    background-color: #003663;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 3px;
    position: fixed;
    bottom: 100px;
    left: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

    #button2::after {
        content: "\f062";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 14px;
        line-height: 25px;
        color: #f1f8ff;
    }

    #button2:hover {
        cursor: pointer;
    }

.main-navbar ul li {
    position: relative;
}

.main-navbar ul ul {
    position: absolute;
    top: 50px;
    visibility: hidden;
    right: 0;
}

.main-navbar ul li:hover ul {
    visibility: visible;
}

.page-pagination {
    width: 100%;
    height: auto;
    text-align: center;
}

.page-item {
    border: 1px solid #d7d7d7;
}

.previous-page {
    border-radius: 0 5px 5px 0;
}

.next-page {
    border-radius: 5px 0 0 5px;
}

.page-link {
    color: #003663;
}


[data-pagination] {
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    margin: 40px auto;
    text-align: center;
    transition: font-size .2s ease-in-out;
}

    [data-pagination] ul {
        list-style-type: none;
        display: inline;
        font-size: 100%;
        margin: 0;
        padding: .5em;
    }

        [data-pagination] ul li {
            display: inline-block;
            font-size: 100%;
            width: auto;
            border-radius: 3px;
            padding: 5px;
        }

    [data-pagination] > a {
        font-size: 140%;
    }

    [data-pagination] a {
        color: #777;
        font-size: 16px;
        padding: .5em;
        text-decoration: none;
    }

        [data-pagination] a:focus,
        [data-pagination] a:hover {
            color: #003663;
        }


    /* Disabled & Hidden Styles */
    [data-pagination] .disabled,
    [data-pagination] [hidden],
    [data-pagination] [disabled] {
        opacity: .5;
        pointer-events: none;
    }

@media (min-width: 350px) {
    [data-pagination] {
        font-size: 10pt;
    }
}

@media (min-width: 500px) {
    [data-pagination] {
        font-size: 12pt;
    }
}

@media (min-width: 700px) {
    [data-pagination] {
        font-size: 14pt;
    }
}

@media (min-width: 900px) {
    [data-pagination] {
        font-size: 16pt;
    }
}

.main-min-navbar {
    margin: 10px auto;
}

.main-min-navbar-bar {
    background-color: #003663;
    padding: 9px;
}

    .main-min-navbar-bar a {
        text-decoration: none;
       
    }

.main-min-navbar-list {
    display: none;
    background-color: #003663;
    padding: 5px;
}

    .main-min-navbar-list ul li {
        margin: 10px;
    }

        .main-min-navbar-list ul li a {
            text-decoration: none;
           
            padding: 15px;
        }

@media (max-width: 768px) {
    .main-min-navbar {
        display: block;
    }

    .main-navbar {
        display: none;
    }
}

@media (min-width: 768px) {
    .main-min-navbar {
        display: none;
    }

    .main-navbar {
        display: block;
    }
}



p {
    text-align: justify;
    white-space: normal;
}

.Div_Image {
    text-align: center;
    padding: 10px;
}


.Div_Title {
    text-align: center;
    font-size: 16px;
    color: red;
    padding-bottom: 10px;
}