body {
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        transition-property: transform, opacity;
    }

.boxedcontainer {
    max-width: 1170px;
    margin: auto;
    padding: 0px 30px;
}
/*********************************************
    -   SETTINGS FOR BANNER CONTAINERS  -
**********************************************/
.tp-banner-container {
    width: 100%;
    position: relative;
    padding: 0;
}

.tp-banner {
    width: 100%;
    position: relative;
}

.tp-banner-fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0;
}
/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/
/* header 1 */
header {
    position: relative;
    z-index: 99999 !important;
}

.nav-list-container {
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    position: relative;
}

header.active .nav-list-container {
    position: fixed;
    top: 0;
    left: 0;
    background: #fafafa;
}

.navbar-default {
    background: #fafafa;
    border: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    margin: 0;
}

    .navbar-default .advertisement .desktop-advert {
        max-width: 728px;
    }

    .navbar-default .advertisement .tablet-advert {
        max-width: 468px;
    }

.top-line {
    padding: 7px 0 9px;
    background: #111111;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    overflow: hidden;
}

    .top-line ul.top-line-list {
        margin: 0;
        padding: 0;
    }

        .top-line ul.top-line-list li {
            display: inline-block;
            margin-right: 18px;
        }

            .top-line ul.top-line-list li span,
            .top-line ul.top-line-list li a {
                display: inline-block;
                color: #777777;
                font-size: 11px;
                font-family: 'Noto Sans', sans-serif;
                margin: 0;
                line-height: 15px;
            }

            .top-line ul.top-line-list li svg {
                margin: -5px 2px -2px 4px;
            }

            .top-line ul.top-line-list li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

                .top-line ul.top-line-list li a:hover {
                    color: #ffffff;
                }

            .top-line ul.top-line-list li:before {
                content: '';
                width: 0;
                height: 15px;
                border-left: 1px dotted #777777;
                margin-right: 20px;
            }

            .top-line ul.top-line-list li:first-child:before {
                display: none;
                margin-right: 0;
            }

            .top-line ul.top-line-list li:last-child {
                margin-right: 0;
            }

    .top-line ul.social-icons {
        margin: 0;
        padding: 0;
        text-align: right;
        margin-top: 2px;
    }

        .top-line ul.social-icons li {
            display: inline-block;
        }

            .top-line ul.social-icons li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                font-size: 14px;
                color: #666666;
                width: 18px;
                height: 18px;
                line-height: 18px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                -o-border-radius: 2px;
                border-radius: 2px;
                text-align: center;
                background: transparent;
            }

                .top-line ul.social-icons li a:hover {
                    color: #ffffff;
                    background: #f44336;
                }

.navbar-brand {
    display: inline-block;
    height: auto;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #222222;
    font-size: 15px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    margin: 0 0 30px;
    text-transform: uppercase;
    margin: 0;
    color: #222222 !important;
    font-size: 26px;
    text-transform: capitalize;
    padding: 8px 15px 8px 0;
    letter-spacing: 2.5px;
    border: none;
}

    .navbar-brand span {
        color: #f44336 !important;
    }

    .navbar-brand img {
        max-width: 100%;
    }

.logo-advertisement {
    background: #222222;
}

    .logo-advertisement .desktop-advert,
    .logo-advertisement .tablet-advert {
        float: right;
    }

    .logo-advertisement .advertisement span {
        color: #666666;
    }

.advertisement {
    overflow: hidden;
    padding: 7px 0 12px;
}

    .advertisement .desktop-advert,
    .advertisement .tablet-advert,
    .advertisement .mobile-advert {
        margin: 0 auto;
        text-align: center;
    }

    .advertisement .tablet-advert,
    .advertisement .mobile-advert {
        display: none;
    }

    .advertisement span {
        color: #ccc;
        font-size: 10px;
        font-family: 'Noto Sans', sans-serif;
        display: block;
        margin-bottom: 7px;
        text-transform: uppercase;
    }

.navbar-nav {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    .navbar-nav > li {
        margin-right: 1px;
        position: inherit;
    }

        .navbar-nav > li > a {
            color: #333333 !important;
            font-size: 16px;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 400;
            text-transform: uppercase;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            padding: 20px 30px 20px 12px;
            position: relative;
            z-index: 2;
        }

            .navbar-nav > li > a:before {
                position: absolute;
                content: '';
                width: 100%;
                height: 3px;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                top: 0;
                left: 0;
                z-index: -1;
                background: #f44336;
            }

            .navbar-nav > li > a:after {
                /*  position: absolute;
  font-family: 'FontAwesome';
  font-size: 13px;
  color: #666666;
  top: 21px;
  right: 13px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;*/
            }

        .navbar-nav > li > a {
            padding-left: 28px;
            padding-right: 28px;
        }

            .navbar-nav > li > a.world:before {
                background: #f58021;
            }

            .navbar-nav > li > a.travel:before {
                background: #33a3f1;
            }

            .navbar-nav > li > a.tech:before {
                background: #74b430;
            }

            .navbar-nav > li > a.fashion:before {
                background: #aa35d6;
            }

            .navbar-nav > li > a.video:before {
                background: #d6ac1b;
            }

            .navbar-nav > li > a.sport:before {
                background: #4c60f6;
            }

            .navbar-nav > li > a.latest:before {
                background: #32b47b;
            }

            .navbar-nav > li > a.features:before {
                background: #ab632e;
            }

            .navbar-nav > li > a.food:before {
                background: #32b47b;
            }

            .navbar-nav > li > a.business:before {
                background: goldenrod;
            }

            .navbar-nav > li:hover > a,
            .navbar-nav > li > a.active {
                color: #ffffff !important;
            }

                .navbar-nav > li:hover > a:before,
                .navbar-nav > li > a.active:before {
                    height: 100%;
                }

                .navbar-nav > li:hover > a:after,
                .navbar-nav > li > a.active:after {
                    color: #ffffff;
                }

    .navbar-nav li.drop {
        position: relative;
    }

        .navbar-nav li.drop ul.dropdown {
            margin: 0;
            padding: 0;
            position: absolute;
            top: 100%;
            left: 0;
            width: 182px;
            background: #ffffff;
            border-top: 3px solid #f44336;
            opacity: 0;
            visibility: hidden;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

            .navbar-nav li.drop ul.dropdown li {
                display: block;
                border-bottom: 1px solid #f4f4f4;
            }

                .navbar-nav li.drop ul.dropdown li a {
                    display: inline-block;
                    text-decoration: none;
                    transition: all 0.2s ease-in-out;
                    -moz-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    display: block;
                    color: #999999;
                    font-size: 11px;
                    font-family: 'Noto Sans', sans-serif;
                    font-weight: 400;
                    text-transform: uppercase;
                    padding: 15px 20px;
                    background: #ffffff;
                }

                    .navbar-nav li.drop ul.dropdown li a:hover {
                        color: #222222;
                        background: #fafafa;
                    }

                .navbar-nav li.drop ul.dropdown li ul.dropdown.level2 {
                    top: 0;
                    left: 100%;
                    border: none;
                    border-left: 1px solid #f4f4f4;
                }

                .navbar-nav li.drop ul.dropdown li:last-child {
                    border-bottom: none;
                }

                .navbar-nav li.drop ul.dropdown li.drop > a:after {
                    content: '\f105';
                    position: absolute;
                    font-family: 'FontAwesome';
                    font-size: 13px;
                    color: #666666;
                    top: 15px;
                    right: 12px;
                    transition: all 0.2s ease-in-out;
                    -moz-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                }

            .navbar-nav li.drop ul.dropdown.features-dropdown {
                border-top: 3px solid #ab632e;
            }

        .navbar-nav li.drop:hover > ul.dropdown {
            opacity: 1;
            visibility: visible;
        }

    .navbar-nav .megadropdown {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .navbar-nav .megadropdown .inner-megadropdown {
            background: #fff;
            border-top: 3px solid #f44336;
            margin-top: -1px;
            overflow: hidden;
            position: relative;
        }

            .navbar-nav .megadropdown .inner-megadropdown .filter-block {
                float: left;
                width: 220px;
                text-align: right;
                height: 100%;
            }

                .navbar-nav .megadropdown .inner-megadropdown .filter-block ul.filter-posts {
                    position: relative;
                    z-index: 2;
                    margin: 0;
                    padding: 0;
                    display: block;
                }

                    .navbar-nav .megadropdown .inner-megadropdown .filter-block ul.filter-posts li {
                        display: block;
                    }

                        .navbar-nav .megadropdown .inner-megadropdown .filter-block ul.filter-posts li a {
                            display: inline-block;
                            text-decoration: none;
                            transition: all 0.2s ease-in-out;
                            -moz-transition: all 0.2s ease-in-out;
                            -webkit-transition: all 0.2s ease-in-out;
                            -o-transition: all 0.2s ease-in-out;
                            display: block;
                            color: #999999;
                            font-size: 11px;
                            font-family: 'Noto Sans', sans-serif;
                            font-weight: 700;
                            text-transform: uppercase;
                            padding: 15px 20px;
                            background: #fafafa;
                            border-bottom: 1px solid #f2f2f2;
                        }

                            .navbar-nav .megadropdown .inner-megadropdown .filter-block ul.filter-posts li a:hover,
                            .navbar-nav .megadropdown .inner-megadropdown .filter-block ul.filter-posts li a.active {
                                color: #f58021;
                                background: #fff;
                            }

                .navbar-nav .megadropdown .inner-megadropdown .filter-block:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 220px;
                    height: 100%;
                    background: #fafafa;
                }

            .navbar-nav .megadropdown .inner-megadropdown .posts-filtered-block {
                width: 920px;
                float: right;
            }

                .navbar-nav .megadropdown .inner-megadropdown .posts-filtered-block > .owl-wrapper {
                    padding: 20px;
                }

            .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts {
                margin: 0;
                padding: 0;
                margin-bottom: 17px;
            }

                .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li {
                    display: inline-block;
                    margin-right: 2px;
                }

                    .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li a {
                        display: inline-block;
                        text-decoration: none;
                        transition: all 0.2s ease-in-out;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        -o-transition: all 0.2s ease-in-out;
                        color: #999999;
                        font-size: 10px;
                        font-family: 'Noto Sans', sans-serif;
                        font-weight: 700;
                        text-transform: uppercase;
                        padding: 3px 10px;
                        background: transparent;
                        border: 1px solid #cccccc;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        -o-border-radius: 3px;
                        border-radius: 3px;
                        position: relative;
                    }

                        .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li a:after {
                            content: '';
                            position: absolute;
                            top: 100%;
                            left: 50%;
                            margin-left: -4px;
                            width: 0;
                            height: 0;
                            border: 4px solid transparent;
                            transition: all 0.2s ease-in-out;
                            -moz-transition: all 0.2s ease-in-out;
                            -webkit-transition: all 0.2s ease-in-out;
                            -o-transition: all 0.2s ease-in-out;
                        }

                        .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li a:hover,
                        .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li a.active {
                            color: #222222;
                            background: #f5d76e;
                            border: 1px solid #f5d76e;
                        }

                            .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li a:hover:after,
                            .navbar-nav .megadropdown .inner-megadropdown ul.horizontal-filter-posts li a.active:after {
                                border-top-color: #f5d76e;
                            }

            .navbar-nav .megadropdown .inner-megadropdown .owl-wrapper h1 {
                color: #222222;
                font-size: 15px;
                font-family: 'Noto Sans', sans-serif;
                font-weight: 700;
                margin: 0 0 30px;
                text-transform: uppercase;
                margin-bottom: 17px;
                font-size: 13px;
            }

            .navbar-nav .megadropdown .inner-megadropdown .owl-wrapper .news-post.item {
                margin: 0 10px;
            }

            .navbar-nav .megadropdown .inner-megadropdown .owl-wrapper .owl-carousel {
                margin-left: -10px;
                margin-right: -10px;
            }

            .navbar-nav .megadropdown .inner-megadropdown .owl-wrapper .owl-theme .owl-controls {
                margin-top: -37px;
                margin-right: 7px;
            }

            .navbar-nav .megadropdown .inner-megadropdown > .owl-wrapper {
                padding: 20px 20px 25px;
            }

        .navbar-nav .megadropdown .world-dropdown {
            border-top: 3px solid #f58021;
        }

            .navbar-nav .megadropdown .world-dropdown .filter-block ul.filter-posts li a:hover,
            .navbar-nav .megadropdown .world-dropdown .filter-block ul.filter-posts li a.active {
                color: #f58021;
            }

        .navbar-nav .megadropdown .travel-dropdown {
            border-top: 3px solid #33a3f1;
        }

            .navbar-nav .megadropdown .travel-dropdown .filter-block ul.filter-posts li a:hover,
            .navbar-nav .megadropdown .travel-dropdown .filter-block ul.filter-posts li a.active {
                color: #33a3f1;
            }

        .navbar-nav .megadropdown .tech-dropdown {
            border-top: 3px solid #74b430;
        }

            .navbar-nav .megadropdown .tech-dropdown .filter-block ul.filter-posts li a:hover,
            .navbar-nav .megadropdown .tech-dropdown .filter-block ul.filter-posts li a.active {
                color: #74b430;
            }

        .navbar-nav .megadropdown .fashion-dropdown {
            border-top: 3px solid #aa35d6;
        }

            .navbar-nav .megadropdown .fashion-dropdown .filter-block ul.filter-posts li a:hover,
            .navbar-nav .megadropdown .fashion-dropdown .filter-block ul.filter-posts li a.active {
                color: #aa35d6;
            }

        .navbar-nav .megadropdown .video-dropdown {
            border-top: 3px solid #d6ac1b;
        }

            .navbar-nav .megadropdown .video-dropdown .filter-block ul.filter-posts li a:hover,
            .navbar-nav .megadropdown .video-dropdown .filter-block ul.filter-posts li a.active {
                color: #d6ac1b;
            }

        .navbar-nav .megadropdown .latest-dropdown {
            border-top: 3px solid #32b47b;
        }

            .navbar-nav .megadropdown .latest-dropdown .filter-block ul.filter-posts li a:hover,
            .navbar-nav .megadropdown .latest-dropdown .filter-block ul.filter-posts li a.active {
                color: #32b47b;
            }

        .navbar-nav .megadropdown .features-dropdown {
            border-top: 3px solid #ab632e;
        }

            .navbar-nav .megadropdown .features-dropdown .filter-block ul.filter-posts li a:hover,
            .navbar-nav .megadropdown .features-dropdown .filter-block ul.filter-posts li a.active {
                color: #ab632e;
            }

    .navbar-nav li:hover .megadropdown {
        visibility: visible;
        opacity: 1;
    }

.navbar-form {
    margin: 10px 0;
    padding: 0;
    position: relative;
}

    .navbar-form input[type="text"] {
        border: 1px solid #eeeeee;
        padding: 10px;
        color: #999999;
        font-size: 11px;
        font-family: 'Noto Sans', sans-serif;
        text-transform: uppercase;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        outline: none;
        width: 200px;
        margin: 0 !important;
    }

    .navbar-form button {
        background: transparent;
        border: none;
        position: absolute;
        top: 10px;
        right: 13px;
        padding: 0;
        font-size: 13px;
        color: #666666;
    }
/*header 2 */
header.second-style .top-line {
    background: #ffffff;
    border-bottom: 1px dotted #c6c6c6;
}

    header.second-style .top-line ul.top-line-list li a:hover {
        color: #222222;
    }

header.second-style .logo-advertisement {
    background: #ffffff;
}

header.second-style .nav-list-container {
    background: #069946;
    border-bottom: 1px solid #069946;
}

header.second-style .navbar-nav > li > a {
    color: #ffffff !important;
}

    header.second-style .navbar-nav > li > a:after {
        color: #7b7b7b;
    }

    header.second-style .navbar-nav > li:hover > a:after,
    header.second-style .navbar-nav > li > a.active:after {
        color: #fff;
    }

header.second-style .navbar-form input[type="text"] {
    background: #222222;
    border: 1px solid #333333;
}

header.second-style .navbar-form button {
    color: #ffffff;
}
/*header 3, header 4 */
header.third-style .navbar-brand {
    padding: 15px 0px;
}

header.third-style .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

    header.third-style .navbar-nav > li > a:after {
        top: 16px;
    }

header.third-style .list-line-posts {
    background: #222222;
}

    header.third-style .list-line-posts .owl-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

        header.third-style .list-line-posts .owl-wrapper .owl-carousel {
            margin-left: -15px;
            margin-right: -15px;
            width: auto;
        }

        header.third-style .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev,
        header.third-style .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next {
            border-color: #444444;
            background: #333333;
            color: #999999;
        }

            header.third-style .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
            header.third-style .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
                border-color: #f44336;
                background: #f44336;
                color: #ffffff;
            }

        header.third-style .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next {
            margin-right: -20px;
        }

    header.third-style .list-line-posts div.list-post {
        background: #333333;
        padding: 0px;
        margin: 0 15px;
        box-shadow: 0 0 10px #1a1a1a;
        -webkit-box-shadow: 0 0 10px #1a1a1a;
        -moz-box-shadow: 0 0 10px #1a1a1a;
        -o-box-shadow: 0 0 10px #1a1a1a;
    }

        header.third-style .list-line-posts div.list-post .post-content {
            padding: 8px 10px 8px 0;
        }

            header.third-style .list-line-posts div.list-post .post-content h2 {
                line-height: 18px;
                margin-bottom: 1px;
            }

                header.third-style .list-line-posts div.list-post .post-content h2 a {
                    color: #ffffff;
                }

                    header.third-style .list-line-posts div.list-post .post-content h2 a:hover {
                        opacity: 0.7;
                    }

header.third-style .nav-list-container ul.navbar-right {
    padding-right: 15px;
}
/* header 5 */
header.fifth-style .logo-advertisement {
    background: #ffffff;
}

header.fifth-style .navbar-header {
    text-align: center;
    float: none;
}

    header.fifth-style .navbar-header a.navbar-brand {
        display: inline-block;
        float: none;
        padding: 40px 0 20px;
    }
/*-------------------------------------------------*/
/* =  General
/*-------------------------------------------------*/
body.boxed {
    background: url('../../../images/pattern.png');
    /*background: #f44336db;*/
}

    body.boxed #container {
        max-width: 1260px;
        background: #fff;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        z-index: 2;
    }

#container {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    #container.active {
        opacity: 1;
    }

p {
    font-size: 14px;
    color: #666666;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 10px;
}

.title-section {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
}

    .title-section h1 {
        color: #222222;
        font-size: 20px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        margin: 0 0 30px;
        text-transform: uppercase;
        margin-bottom: -1px;
    }

        .title-section h1 span {
            display: inline-block;
            padding-bottom: 16px;
            padding-right: 5px;
            border-bottom: 1px solid #069946;
        }

            .title-section h1 span.world {
                border-bottom: 1px solid #069946;
            }

            .title-section h1 span.fashion {
                border-bottom: 1px solid #069946;
            }

            .title-section h1 span.travel {
                border-bottom: 1px solid #069946;
            }

            .title-section h1 span.sport {
                border-bottom: 1px solid #069946;
            }

            .title-section h1 span.latest {
                border-bottom: 1px solid #069946;
            }

    .title-section .arrow-box {
        float: right;
        text-align: right;
    }

        .title-section .arrow-box a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            font-size: 11px;
            color: #999999;
            width: 20px;
            height: 20px;
            line-height: 18px;
            text-align: center;
            background: transparent;
            border: 1px solid #cccccc;
            margin-left: 2px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
        }

            .title-section .arrow-box a:hover {
                color: #ffffff;
                background: #f44336;
                border: 1px solid #f44336;
            }

    .title-section.white {
        border-bottom: 1px solid #444444;
    }

        .title-section.white h1 {
            color: #ffffff;
        }

        .title-section.white .arrow-box a {
            color: #666666;
            border: 1px solid #666666;
        }

            .title-section.white .arrow-box a:hover {
                color: #ffffff;
                border: 1px solid #f44336;
            }

a.category-post {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #ffffff;
    font-size: 11px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    background: #f44336;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

    a.category-post:hover {
        opacity: 0.7;
    }

    a.category-post.travel {
        background: #33a3f1;
    }

    a.category-post.sport {
        background: #4c60f6;
    }

    a.category-post.world {
        background: #f58021;
    }

    a.category-post.fashion {
        background: #aa35d6;
    }

    a.category-post.tech {
        background: #74b430;
    }

    a.category-post.latest {
        background: #32b47b;
    }

    a.category-post.video {
        background: #d6ac1b;
    }

.shadow-white {
    background: #fafafa;
    border-top: 1px solid #f0f0f0;
}
/*-------------------------------------------------*/
/* =  home - default
/*-------------------------------------------------*/
/*heading-news section*/
section.heading-news {
    padding-top: 20px;
}

    section.heading-news .heading-news-box .image-post {
        width: 16.6666%;
        padding-right: 1px;
        padding-bottom: 1px;
    }

    section.heading-news .heading-news-box .snd-size {
        width: 33.3333%;
    }

        section.heading-news .heading-news-box .snd-size .image-post {
            width: 100%;
        }
/*ticker-news section*/
section.ticker-news {
    padding: 25px 0;
}

.ticker-news-box {
    overflow: hidden !important;
}

    .ticker-news-box span.breaking-news {
        display: inline-block;
        float: left;
        position: relative;
        margin-right: 25px;
        color: #ffffff;
        font-size: 11px;
        line-height: 12px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        padding: 8px 14px;
        padding-right: 17px;
        background: #f44336;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

        .ticker-news-box span.breaking-news:after {
            content: '';
            position: absolute;
            width: 22px;
            height: 22px;
            background: #f44336;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 3px;
            right: -7px;
        }

    .ticker-news-box span.new-news {
        display: inline-block;
        float: left;
        color: #ffffff;
        font-size: 9px;
        line-height: 9px;
        font-family: 'Noto Sans', sans-serif;
        text-transform: uppercase;
        padding: 3px;
        background: #222222;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        margin: 8px 10px 0 0;
    }

    .ticker-news-box .ticker-content {
        color: #171414;
        font-size: 13px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 400;
        margin: 0;
    }

        .ticker-news-box .ticker-content span.time-news {
            color: #f44336;
            margin-right: 3px;
        }

        .ticker-news-box .ticker-content a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            font-weight: 700;
            color: #666666;
        }

            .ticker-news-box .ticker-content a:hover {
                color: #f44336;
            }

    .ticker-news-box .ticker-controls li {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #999999;
        text-align: center;
        line-height: 16px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .ticker-news-box .ticker {
        width: 879px;
    }

    .ticker-news-box .ticker-controls li:after {
        color: #666666;
        font-family: 'FontAwesome';
        font-size: 11px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .ticker-news-box .ticker-controls li:hover {
        border: 1px solid #f44336;
        background: #f44336;
    }

        .ticker-news-box .ticker-controls li:hover:after {
            color: #ffffff;
        }

    .ticker-news-box .ticker-controls li.jnt-prev:after {
        content: '\f104';
    }

    .ticker-news-box .ticker-controls li.jnt-next:after {
        content: '\f105';
    }

    .ticker-news-box .ticker-controls li.jnt-play-pause {
        line-height: 14px;
    }

        .ticker-news-box .ticker-controls li.jnt-play-pause:after {
            content: '\f04c';
            font-size: 8px;
        }

        .ticker-news-box .ticker-controls li.jnt-play-pause.paused:after {
            content: '\f04b';
        }
/*features-today section*/
section.features-today {
    padding: 30px 0 20px;
    background: #fafafa;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

    section.features-today .owl-carousel {
        margin-left: -15px;
        margin-right: -15px;
    }

        section.features-today .owl-carousel .item {
            padding: 0 15px;
        }

        section.features-today .owl-carousel .news-post {
            margin-bottom: 15px;
        }

        section.features-today .owl-carousel .owl-wrapper-outer {
            padding: 3px 0;
        }

    section.features-today .owl-theme .owl-controls {
        margin-right: 12px;
    }

.owl-theme .owl-controls .owl-pagination {
    display: none !important;
}

.owl-carousel {
    width: auto;
}

.owl-theme .owl-controls {
    margin-top: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -64px;
    margin-right: 2px;
}

    .owl-theme .owl-controls .owl-buttons div {
        font-size: 11px;
        color: #999999;
        width: 20px;
        height: 20px;
        line-height: 18px;
        text-align: center;
        background: transparent;
        border: 1px solid #cccccc;
        margin-left: 2px;
        outline: none;
        padding: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        opacity: 1;
        margin: 0 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .owl-theme .owl-controls .owl-buttons div:hover {
            color: #ffffff;
            background: #f44336;
            border: 1px solid #f44336;
        }

        .owl-theme .owl-controls .owl-buttons div.owl-prev:after {
            content: '\f104';
            font-family: 'FontAwesome';
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            color: #999999;
        }

        .owl-theme .owl-controls .owl-buttons div.owl-next:after {
            content: '\f105';
            font-family: 'FontAwesome';
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            color: #999999;
        }

        .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:after {
            color: #ffffff;
        }

        .owl-theme .owl-controls .owl-buttons div.owl-next:hover:after {
            color: #ffffff;
        }
/*block wrapper section */
div.block-content {
    padding: 30px 0 60px;
    position: relative;
}

    div.block-content .advertisement {
        margin-bottom: 30px;
    }

    div.block-content:after {
        content: '';
        width: 0;
        height: 100%;
        position: absolute;
        top: 0;
        left: 100%;
        margin-left: 15px;
        border-right: 1px solid #f0f0f0;
    }

    div.block-content.non-sidebar:after {
        display: none;
    }

section.left-sidebar div.block-content:after {
    left: 0 !important;
    margin-left: -15px !important;
}

div.block-content:after {
    padding: 30px 0 60px;
}

.carousel-box {
    margin-bottom: 25px;
}

    .carousel-box .news-post,
    .carousel-box ul.list-posts {
        margin-bottom: 10px;
    }

.block-content .owl-carousel {
    margin-left: -5px;
    margin-right: -5px;
}

    .block-content .owl-carousel .item {
        margin: 0 5px 10px;
    }

.grid-box {
    margin-bottom: 15px;
}

    .grid-box .news-post,
    .grid-box ul.list-posts {
        margin-bottom: 30px;
    }

.masonry-box {
    margin-bottom: 25px;
}

.article-box {
    padding-bottom: 20px;
}

.image-post-slider {
    margin-bottom: 10px;
}

    .image-post-slider ul.bxslider {
        margin: 0;
        padding: 0;
    }

        .image-post-slider ul.bxslider .image-post2 {
            margin-bottom: 0 !important;
        }

    .image-post-slider .bx-wrapper .bx-prev,
    .image-post-slider .bx-wrapper .bx-next {
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .image-post-slider .bx-wrapper .bx-prev:hover,
        .image-post-slider .bx-wrapper .bx-next:hover {
            background: rgba(244, 67, 54, 0.9);
        }
/* feature-video style */
section.feature-video {
    padding: 30px 0 45px;
    background: #222222;
    overflow: hidden;
}

    section.feature-video .owl-carousel {
        margin-left: -15px;
        margin-right: -15px;
    }

        section.feature-video .owl-carousel .item {
            margin: 0 15px;
        }

    section.feature-video .features-video-box {
        position: relative;
    }

        section.feature-video .features-video-box:before {
            position: absolute;
            content: '';
            width: 10000px;
            height: 100%;
            background: rgba(34, 34, 34, 0.7);
            right: 100%;
            top: 0;
            z-index: 2;
        }

        section.feature-video .features-video-box:after {
            position: absolute;
            content: '';
            width: 10000px;
            height: 100%;
            background: rgba(34, 34, 34, 0.7);
            left: 100%;
            top: 0;
        }

    section.feature-video .owl-carousel .owl-wrapper-outer {
        overflow: visible;
    }

    section.feature-video .owl-theme .owl-controls {
        margin-right: 12px;
    }

        section.feature-video .owl-theme .owl-controls .owl-buttons div {
            color: #666666;
            border: 1px solid #666666;
        }

            section.feature-video .owl-theme .owl-controls .owl-buttons div:hover {
                color: #ffffff;
                background: #f44336;
                border: 1px solid #f44336;
            }

            section.feature-video .owl-theme .owl-controls .owl-buttons div.owl-prev:after {
                color: #999999;
            }

            section.feature-video .owl-theme .owl-controls .owl-buttons div.owl-next:after {
                color: #999999;
            }

            section.feature-video .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:after {
                color: #ffffff;
            }

            section.feature-video .owl-theme .owl-controls .owl-buttons div.owl-next:hover:after {
                color: #ffffff;
            }
/* latest articles style */
.latest-articles.iso-call {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
}

    .latest-articles.iso-call .news-post {
        width: 360px;
        margin: 15px 15px;
    }
/* pagination style */
.pagination-box ul.pagination-list {
    margin: 0;
    padding: 0;
}

    .pagination-box ul.pagination-list li {
        display: inline-block;
        margin-right: 3px;
    }

        .pagination-box ul.pagination-list li a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            color: #333333;
            font-size: 12px;
            font-family: 'Noto Sans', sans-serif;
            padding: 6px 11px;
            border: 1px solid #f0f0f0;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
        }

            .pagination-box ul.pagination-list li a:hover,
            .pagination-box ul.pagination-list li a.active {
                border: 1px solid #f44336;
                background: #f44336;
                color: #ffffff;
            }

        .pagination-box ul.pagination-list li span {
            display: inline-block;
            margin: 0;
            color: #333333;
            font-size: 12px;
            font-family: 'Noto Sans', sans-serif;
        }

.pagination-box p {
    text-align: right;
    margin-top: -22px;
    color: #333333;
    font-size: 12px;
}
/*-------------------------------------------------*/
/* =  home 2
/*-------------------------------------------------*/
/* heading news style */
.heading-news2 {
    padding: 10px 0 35px;
    background: #eeeeee;
}

    .heading-news2 .ticker-news-box {
        padding-bottom: 10px;
        margin-bottom: 5px;
        border-bottom: 1px dotted #424242;
        overflow: hidden !important;
    }

        .heading-news2 .ticker-news-box span.breaking-news {
            margin-right: 0px !important;
        }

        .heading-news2 .ticker-news-box .ticker-wrapper.has-js {
            margin-left: 145px;
        }

        .heading-news2 .ticker-news-box .ticker {
            width: 916px;
        }

        .heading-news2 .ticker-news-box .ticker-content a {
            color: #171414;
            ;
        }

            .heading-news2 .ticker-news-box .ticker-content a:hover {
                color: #f44336;
            }

        .heading-news2 .ticker-news-box .ticker-controls {
            margin: 7px 0 0;
        }

            .heading-news2 .ticker-news-box .ticker-controls li {
                border: 1px solid #333333;
            }

                .heading-news2 .ticker-news-box .ticker-controls li:after {
                    color: #666666;
                }

                .heading-news2 .ticker-news-box .ticker-controls li:hover {
                    border: 1px solid #f44336;
                    background: #f44336;
                }

                    .heading-news2 .ticker-news-box .ticker-controls li:hover:after {
                        color: #ffffff;
                    }

        .heading-news2 .ticker-news-box .ticker-swipe {
            background: #eeeeee;
        }

            .heading-news2 .ticker-news-box .ticker-swipe span {
                background: #222222;
            }

    .heading-news2 .heading-news-box {
        margin-left: -5px;
        margin-right: -5px;
    }

        .heading-news2 .heading-news-box .news-post {
            padding: 5px;
            width: 25%;
        }

            .heading-news2 .heading-news-box .news-post .hover-box {
                top: 5px;
                left: 5px;
                right: 5px;
                bottom: 5px;
            }

        .heading-news2 .heading-news-box .image-slider.snd-size {
            width: 50%;
        }

            .heading-news2 .heading-news-box .image-slider.snd-size .image-post {
                width: 100%;
            }

                .heading-news2 .heading-news-box .image-slider.snd-size .image-post .hover-box {
                    background: transparent;
                }

                    .heading-news2 .heading-news-box .image-slider.snd-size .image-post .hover-box .inner-hover h2 {
                        font-size: 30px;
                        font-weight: 900;
                        line-height: 36px;
                    }

                .heading-news2 .heading-news-box .image-slider.snd-size .image-post .inner-hover {
                    background: rgba(17, 17, 17, 0);
                    background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
                    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(10%, rgba(17, 17, 17, 0.1)), color-stop(100%, rgba(17, 17, 17, 0.95)));
                    background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
                    background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
                    background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
                    background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171717', endColorstr='#171717', GradientType=0);
                }

        .heading-news2 .heading-news-box .news-post:hover .hover-box {
            background: rgba(244, 67, 54, 0.9);
        }

            .heading-news2 .heading-news-box .news-post:hover .hover-box .inner-hover h2 a {
                color: #ffffff;
            }

                .heading-news2 .heading-news-box .news-post:hover .hover-box .inner-hover h2 a:hover {
                    opacity: 0.7;
                }

            .heading-news2 .heading-news-box .news-post:hover .hover-box .inner-hover ul.post-tags li {
                color: #ffffff;
            }

                .heading-news2 .heading-news-box .news-post:hover .hover-box .inner-hover ul.post-tags li a {
                    color: #ffffff;
                }

                    .heading-news2 .heading-news-box .news-post:hover .hover-box .inner-hover ul.post-tags li a:hover {
                        opacity: 0.7;
                    }

            .heading-news2 .heading-news-box .news-post:hover .hover-box .inner-hover p {
                color: #ffffff;
            }

.image-slider {
    width: 100%;
}

    .image-slider ul {
        padding: 0;
        margin: 0;
    }

    .image-slider .bx-wrapper .bx-viewport {
        background: transparent;
    }

    .image-slider .bx-wrapper .bx-pager,
    .image-slider .bx-wrapper .bx-controls-auto {
        bottom: inherit;
        top: 30px;
        right: 30px;
        width: auto;
        padding-top: 0;
    }

    .image-slider .bx-controls-direction {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -35px;
        height: 0px;
    }

    .image-slider .bx-wrapper .bx-prev {
        width: 70px;
        height: 70px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        left: 30px;
    }

        .image-slider .bx-wrapper .bx-prev:hover,
        .image-slider .bx-wrapper .bx-next:hover {
            background: #ececec;
        }

            .image-slider .bx-wrapper .bx-prev:hover:before,
            .image-slider .bx-wrapper .bx-next:hover:before {
                color: #333333;
            }

    .image-slider .bx-wrapper .bx-next {
        width: 70px;
        height: 70px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        right: 30px;
    }

    .image-slider .bx-wrapper .bx-prev:before {
        margin-top: -20px;
        margin-left: -6px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .image-slider .bx-wrapper .bx-next:before {
        margin-top: -20px;
        margin-left: -2px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .image-slider .image-post {
        width: 100%;
    }

        .image-slider .image-post .hover-box {
            bottom: 0px;
        }

            .image-slider .image-post .hover-box .inner-hover h2 {
                font-size: 30px;
                font-weight: 900;
                line-height: 36px;
            }

        .image-slider .image-post:hover .hover-box {
            background: transparent;
        }

            .image-slider .image-post:hover .hover-box .inner-hover {
                background: rgba(17, 17, 17, 0) !important;
                background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%) !important;
                background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(10%, rgba(17, 17, 17, 0.1)), color-stop(100%, rgba(17, 17, 17, 0.95))) !important;
                background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%) !important;
                background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%) !important;
                background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%) !important;
                background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%) !important;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171717', endColorstr='#171717', GradientType=0) !important;
            }

                .image-slider .image-post:hover .hover-box .inner-hover h2 a {
                    color: #ffffff !important;
                }

                    .image-slider .image-post:hover .hover-box .inner-hover h2 a:hover {
                        opacity: 0.7;
                    }

                .image-slider .image-post:hover .hover-box .inner-hover ul.post-tags li {
                    color: #ffffff;
                }

                    .image-slider .image-post:hover .hover-box .inner-hover ul.post-tags li a {
                        color: #ffffff;
                    }

                        .image-slider .image-post:hover .hover-box .inner-hover ul.post-tags li a:hover {
                            opacity: 0.7;
                        }

                .image-slider .image-post:hover .hover-box .inner-hover p {
                    color: #ffffff;
                }

.center-button {
    text-align: center;
}

    .center-button a {
        display: inline-block;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        padding: 6px 20px;
        background: #fafafa;
        border: 1px solid #eeeeee;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        color: #666666;
        font-size: 11px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }

        .center-button a i {
            margin-right: 9px;
        }

    .center-button > a:hover {
        color: #ffffff;
        background: #f44336;
        border-color: #f44336;
    }
/*-------------------------------------------------*/
/* =  home4
/*-------------------------------------------------*/
.heading-news3 {
    padding: 10px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
}

    .heading-news3 .heading-news-box .owl-wrapper .item {
        padding-right: 1px;
    }

    .heading-news3 .news-post.image-post2 .hover-box:before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        right: 9px;
        bottom: 9px;
        border: 1px solid #cccccc;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        opacity: 0;
    }

    .heading-news3 .news-post.image-post2 .hover-box {
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .heading-news3 .news-post.image-post2 .hover-box .inner-hover {
            z-index: 2;
        }

            .heading-news3 .news-post.image-post2 .hover-box .inner-hover h2 {
                font-size: 24px;
                text-transform: uppercase;
                font-weight: 900;
                line-height: 30px;
                max-height: 60px;
            }

    .heading-news3 .news-post.image-post2:hover .hover-box {
        background: rgba(255, 255, 255, 0.9);
    }

        .heading-news3 .news-post.image-post2:hover .hover-box .inner-hover h2 a {
            color: #333333;
        }

        .heading-news3 .news-post.image-post2:hover .hover-box .inner-hover ul.post-tags li {
            color: #999999;
        }

            .heading-news3 .news-post.image-post2:hover .hover-box .inner-hover ul.post-tags li a {
                color: #999999;
            }

        .heading-news3 .news-post.image-post2:hover .hover-box:before {
            opacity: 1;
        }

    .heading-news3 .owl-wrapper .owl-theme .owl-controls {
        top: 50%;
        margin-top: -35px;
        width: 100%;
        height: 0;
        margin-right: 0px;
        opacity: 0;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev {
            float: left;
            margin: 0;
            margin-left: 20px;
        }

        .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next {
            float: right;
            margin: 0;
            margin-right: 20px;
        }

        .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev,
        .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next {
            width: 70px;
            height: 70px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            line-height: 70px;
            font-size: 30px;
            border: none;
            background: rgba(34, 34, 34, 0.5);
        }

            .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
            .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
                background: rgba(255, 255, 255, 0.9);
            }

            .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:after,
            .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:after {
                color: #ffffff;
            }

            .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:after,
            .heading-news3 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:hover:after {
                color: #333333 !important;
            }

    .heading-news3:hover .owl-wrapper .owl-theme .owl-controls {
        opacity: 1;
    }

.features-today.second-style {
    overflow: hidden;
}

    .features-today.second-style .features-today-box {
        position: relative;
    }

        .features-today.second-style .features-today-box:before {
            position: absolute;
            content: '';
            width: 10000px;
            height: 100%;
            background: rgba(250, 250, 250, 0.7);
            right: 100%;
            top: 0;
            z-index: 2;
        }

        .features-today.second-style .features-today-box:after {
            position: absolute;
            content: '';
            width: 10000px;
            height: 100%;
            background: rgba(250, 250, 250, 0.7);
            left: 100%;
            margin-left: 3px;
            top: 0;
        }

    .features-today.second-style .owl-carousel .owl-wrapper-outer {
        overflow: visible;
    }

.slider-caption-box {
    padding: 20px;
    margin-bottom: 36px;
    margin-top: 30px;
    overflow: hidden;
    background: #222222;
}

    .slider-caption-box div.slider-holder {
        width: 68% !important;
        float: left;
    }

        .slider-caption-box div.slider-holder img {
            width: 100%;
        }

    .slider-caption-box .bx-wrapper .bx-next,
    .slider-caption-box .bx-wrapper .bx-prev {
        display: none;
    }

    .slider-caption-box #bx-pager {
        width: 32%;
        float: right;
        position: relative;
        z-index: 2;
    }

        .slider-caption-box #bx-pager a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            display: block;
            padding: 12px 20px;
            background: #333333;
            color: #999999;
            font-size: 13px;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
            margin: 0 0 1px;
            position: relative;
            line-height: 18px;
        }

            .slider-caption-box #bx-pager a:before {
                content: '';
                position: absolute;
                top: 0;
                left: -2px;
                width: 3px;
                height: 100%;
                background: transparent;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

            .slider-caption-box #bx-pager a.active {
                background: #f44336;
                color: #ffffff;
            }

                .slider-caption-box #bx-pager a.active:before {
                    background: #ffffff;
                }

.galery-box {
    padding: 25px 22px 20px;
    background: #222222;
    margin-bottom: 36px;
}

    .galery-box .title-section {
        border-bottom: 1px solid #444444;
    }

        .galery-box .title-section h1 {
            color: #ffffff;
        }

    .galery-box .slider-call2 img {
        width: 100%;
    }

    .galery-box .bx-wrapper .bx-next {
        width: 70px;
        height: 70px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        margin-right: 30px;
        top: 50%;
        margin-top: -35px;
    }

    .galery-box .bx-wrapper .bx-prev {
        width: 70px;
        height: 70px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        margin-left: 30px;
        top: 50%;
        margin-top: -35px;
    }

        .galery-box .bx-wrapper .bx-prev:hover,
        .galery-box .bx-wrapper .bx-next:hover {
            background: #ffffff;
        }

        .galery-box .bx-wrapper .bx-next:before,
        .galery-box .bx-wrapper .bx-prev:before {
            margin-top: -20px;
        }

        .galery-box .bx-wrapper .bx-next:hover:before,
        .galery-box .bx-wrapper .bx-prev:hover:before {
            color: #333333;
        }

    .galery-box #bx-pager2 {
        text-align: center;
        margin-top: 1px;
        overflow: hidden;
    }

        .galery-box #bx-pager2 a {
            float: left;
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            width: 86px;
            opacity: 1;
            margin: 0;
            margin-left: 1px;
            position: relative;
        }

            .galery-box #bx-pager2 a img {
                width: 100%;
            }

            .galery-box #bx-pager2 a:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: transparent;
            }

            .galery-box #bx-pager2 a.active:before {
                background: rgba(244, 67, 54, 0.9);
            }

            .galery-box #bx-pager2 a:first-child {
                margin-left: 0px;
            }
/*-------------------------------------------------*/
/* =  home5
/*-------------------------------------------------*/
section.big-slider {
    padding: 20px 0 25px;
    background: #fff;
    overflow: hidden;
}

    section.big-slider .bx-wrapper .bx-pager {
        position: relative;
        width: 100%;
        top: inherit;
        right: inherit;
        text-align: center;
        margin-top: 25px;
    }

        section.big-slider .bx-wrapper .bx-pager.bx-default-pager a {
            border-color: #d9d9d9;
        }

            section.big-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
                border-color: #f44336;
                background: #f44336;
            }

    section.big-slider .bx-viewport {
        overflow: visible !important;
        margin-left: -5px;
        margin-right: -5px;
        width: auto !important;
    }

    section.big-slider .big-bxslider li {
        padding: 0 5px;
    }

        section.big-slider .big-bxslider li .image-post2 .hover-box .inner-hover h2 {
            text-transform: uppercase;
            font-size: 30px;
            font-weight: 900;
            line-height: 36px;
            max-height: 72px;
            max-width: 880px;
            margin: 10px auto;
        }

.list-line-posts {
    background: #fafafa;
}

    .list-line-posts .owl-wrapper {
        padding: 15px 4px;
    }

        .list-line-posts .owl-wrapper .owl-carousel {
            margin-left: -10px;
        }

        .list-line-posts .owl-wrapper .owl-theme .owl-controls {
            top: 50%;
            margin-top: -10px;
            width: 100%;
            height: 0;
            margin-right: 0px;
        }

            .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev {
                float: left;
                margin: 0;
                margin-left: -20px;
            }

            .list-line-posts .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next {
                float: right;
                margin: 0;
                margin-right: -30px;
            }

    .list-line-posts div.list-post {
        background: #ffffff;
        padding: 10px;
        margin: 0 6px;
        box-shadow: 0 2px 2px #dedede;
        -webkit-box-shadow: 0 2px 2px #dedede;
        -moz-box-shadow: 0 2px 2px #dedede;
        -o-box-shadow: 0 2px 2px #dedede;
    }

.other-posts-box {
    padding: 0 70px;
}

    .other-posts-box .title-section {
        text-align: center;
    }

        .other-posts-box .title-section span {
            border-bottom: 1px solid #717171;
        }

    .other-posts-box .standard-post2 .post-title {
        padding: 7px 10px;
    }

        .other-posts-box .standard-post2 .post-title h2 {
            font-size: 13px;
            margin-bottom: 0;
            max-height: 40px;
            overflow: hidden;
        }

    .other-posts-box .standard-post2:hover .post-title {
        background: #ffffff;
    }
/*-------------------------------------------------*/
/* =  home6
/*-------------------------------------------------*/
.heading-news4 {
    background: #222222;
    padding-top: 23px;
    padding-bottom: 50px;
}

    .heading-news4 .ticker-news-box {
        padding-bottom: 10px;
        margin-bottom: 10px;
        overflow: hidden !important;
    }

        .heading-news4 .ticker-news-box span.breaking-news {
            margin-right: 0px !important;
        }

        .heading-news4 .ticker-news-box .ticker-wrapper.has-js {
            margin-left: 145px;
        }

        .heading-news4 .ticker-news-box .ticker {
            width: 916px;
        }

        .heading-news4 .ticker-news-box .ticker-content a {
            color: #cccccc;
        }

            .heading-news4 .ticker-news-box .ticker-content a:hover {
                color: #f44336;
            }

        .heading-news4 .ticker-news-box .ticker-controls {
            margin: 7px 0 0;
        }

            .heading-news4 .ticker-news-box .ticker-controls li {
                border: 1px solid #333333;
            }

                .heading-news4 .ticker-news-box .ticker-controls li:after {
                    color: #666666;
                }

                .heading-news4 .ticker-news-box .ticker-controls li:hover {
                    border: 1px solid #f44336;
                    background: #f44336;
                }

                    .heading-news4 .ticker-news-box .ticker-controls li:hover:after {
                        color: #ffffff;
                    }

        .heading-news4 .ticker-news-box .ticker-swipe {
            background: #222222;
        }

            .heading-news4 .ticker-news-box .ticker-swipe span {
                background: #222222;
            }

    .heading-news4 .owl-wrapper .owl-theme .owl-controls {
        top: 50%;
        margin-top: -35px;
        width: 100%;
        height: 0;
        margin-right: 0px;
        opacity: 0;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev {
            float: left;
            margin: 0;
            margin-left: 20px;
        }

        .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next {
            float: right;
            margin: 0;
            margin-right: 20px;
        }

        .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev,
        .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next {
            width: 70px;
            height: 70px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            line-height: 70px;
            font-size: 30px;
            border: none;
            background: rgba(34, 34, 34, 0.5);
        }

            .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
            .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
                background: rgba(255, 255, 255, 0.9);
            }

            .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:after,
            .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:after {
                color: #ffffff;
            }

            .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-prev:hover:after,
            .heading-news4 .owl-wrapper .owl-theme .owl-controls .owl-buttons div.owl-next:hover:after {
                color: #333333 !important;
            }

    .heading-news4 .news-post.image-post4 .post-gallery a.category-post {
        bottom: 30px;
        left: 30px;
    }

    .heading-news4 .news-post.image-post4 .post-content {
        padding: 20px 30px;
    }

        .heading-news4 .news-post.image-post4 .post-content h2 {
            color: #ffffff;
            font-size: 26px;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 34px;
            margin: 0 0 15px;
        }

            .heading-news4 .news-post.image-post4 .post-content h2 a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                color: #ffffff;
            }

                .heading-news4 .news-post.image-post4 .post-content h2 a:hover {
                    opacity: 0.7;
                }

    .heading-news4:hover .owl-wrapper .owl-theme .owl-controls {
        opacity: 1;
    }

.latest-videos-section {
    background: #222222;
    padding: 50px 0;
}

    .latest-videos-section .title-section {
        text-align: center;
        border-bottom: 1px solid #444444;
    }

        .latest-videos-section .title-section h1 {
            color: #ffffff;
        }

            .latest-videos-section .title-section h1 span {
                display: inline-block;
                padding: 0 28px 25px;
                border-bottom: 1px solid #d6ac1b;
            }

.slider-caption-box2 {
    background: #222222;
    overflow: hidden;
    padding: 0;
}

    .slider-caption-box2 div.slider-holder {
        width: 730px !important;
        float: left;
    }

        .slider-caption-box2 div.slider-holder .news-post iframe {
            width: 100%;
            height: 440px;
            margin-bottom: -5px !important;
        }

    .slider-caption-box2 .bx-wrapper .bx-next,
    .slider-caption-box2 .bx-wrapper .bx-prev {
        display: none;
    }

    .slider-caption-box2 #bx-pager {
        width: 380px;
        float: right;
        position: relative;
        z-index: 2;
        padding: 0;
    }

        .slider-caption-box2 #bx-pager a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            display: block;
            padding: 0px;
            padding-top: 10px;
            color: #cccccc;
            font-size: 13px;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
            margin: 0;
            position: relative;
            line-height: 18px;
            overflow: hidden;
        }

            .slider-caption-box2 #bx-pager a img {
                float: left;
                margin-right: 20px;
                opacity: 0.5;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                margin-top: -10px;
            }

            .slider-caption-box2 #bx-pager a span {
                display: block;
                font-style: italic;
                font-size: 12px;
                color: #999999;
                margin-top: 10px;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

                .slider-caption-box2 #bx-pager a span i {
                    margin-right: 7px;
                }

            .slider-caption-box2 #bx-pager a.active {
                background: #ffffff;
                color: #222222;
            }

                .slider-caption-box2 #bx-pager a.active img {
                    opacity: 1;
                }
/*-------------------------------------------------*/
/* =  Sidebar style
/*-------------------------------------------------*/
.sidebar {
    padding: 0;
}

    .sidebar .widget {
        margin-bottom: 15px;
    }

    .sidebar ul.social-share {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

        .sidebar ul.social-share li {
            width: 48%;
            float: left;
            list-style: none;
            margin-right: 4%;
            margin-bottom: 10px;
            overflow: hidden;
            background: #fafafa;
        }

            .sidebar ul.social-share li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                float: left;
                width: 40px;
                height: 40px;
                color: #ffffff;
                text-align: center;
                position: relative;
                line-height: 40px;
                font-size: 14px;
                margin-right: 16px;
            }

                .sidebar ul.social-share li a:after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    margin-top: -4px;
                    left: 100%;
                    width: 0;
                    height: 0;
                }

                .sidebar ul.social-share li a.rss {
                    background: #f0771e;
                }

                    .sidebar ul.social-share li a.rss:after {
                        border: 4px solid #f0771e;
                        border-right-color: transparent;
                        border-bottom-color: transparent;
                        border-top-color: transparent;
                    }

                .sidebar ul.social-share li a.facebook {
                    background: #436feb;
                }

                    .sidebar ul.social-share li a.facebook:after {
                        border: 4px solid #436feb;
                        border-right-color: transparent;
                        border-bottom-color: transparent;
                        border-top-color: transparent;
                    }

                .sidebar ul.social-share li a.twitter {
                    background: #43c9eb;
                }

                    .sidebar ul.social-share li a.twitter:after {
                        border: 4px solid #43c9eb;
                        border-right-color: transparent;
                        border-bottom-color: transparent;
                        border-top-color: transparent;
                    }

                .sidebar ul.social-share li a.google {
                    background: #f14133;
                }

                    .sidebar ul.social-share li a.google:after {
                        border: 4px solid #f14133;
                        border-right-color: transparent;
                        border-bottom-color: transparent;
                        border-top-color: transparent;
                    }

                .sidebar ul.social-share li a:hover {
                    opacity: 0.7;
                }

            .sidebar ul.social-share li span {
                display: block;
                margin: 0;
                color: #999999;
                font-size: 12px;
                font-family: 'Noto Sans', sans-serif;
                font-weight: 700;
                line-height: 15px;
            }

                .sidebar ul.social-share li span.number {
                    color: #333333;
                    margin-top: 5px;
                }

            .sidebar ul.social-share li:nth-child(2n) {
                margin-right: 0;
            }

    .sidebar .features-slide-widget .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .sidebar .features-slide-widget .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #f44336;
        border: 2px solid #f44336;
    }

    .sidebar .features-slide-widget ul.list-posts li img {
        max-width: 70px;
    }

    .sidebar .features-slide-widget ul.list-posts li .post-content {
        margin-left: 90px;
    }

    .sidebar .subscribe-widget form {
        background: #222222;
        padding: 20px;
        margin: 0;
    }

        .sidebar .subscribe-widget form h1 {
            color: #222222;
            font-size: 15px;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
            margin: 0 0 30px;
            text-transform: uppercase;
            color: #ffffff;
            margin-bottom: 14px;
        }

        .sidebar .subscribe-widget form input[type="text"] {
            width: 100%;
            outline: none;
            background: #ffffff;
            padding: 14px 20px 11px;
            color: #999999;
            font-size: 12px;
            font-family: 'Noto Sans', sans-serif;
            border: transparent;
            margin: 0;
            line-height: 12px;
        }

        .sidebar .subscribe-widget form button {
            position: relative;
            display: inline-block;
            background: #222222;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            color: #f44336;
            font-size: 30px;
            border: none;
            margin-top: -40px;
            z-index: 2;
            float: right;
            outline: none;
        }

        .sidebar .subscribe-widget form p {
            font-size: 12px;
            color: #999999;
            margin: 14px 0 0;
            line-height: 16px;
        }

    /*.sidebar .advertisement {
        margin-bottom: 10px;
    }*/

    .sidebar .advertisement .desktop-advert {
        width: auto;
    }

    .sidebar .advertisement .tablet-advert,
    .sidebar .advertisement .mobile-advert {
        width: auto;
        display: none;
    }

    .sidebar .tab-posts-widget ul.nav-tabs {
        text-align: center;
        border: none;
        border-bottom: 2px solid #069946;
    }

        .sidebar .tab-posts-widget ul.nav-tabs li {
            float: left;
            width: 33.333333333333%;
            border: none;
            margin: 0;
            padding-left: 1px;
        }

            .sidebar .tab-posts-widget ul.nav-tabs li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                display: block;
                padding: 11px 3px;
                background: #003366;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                -o-border-radius: 0px;
                border-radius: 0px;
                color: #ffffff;
                font-size: 17px;
                font-family: 'Noto Sans', sans-serif;
                text-transform: uppercase;
                font-weight: 700;
                border: none;
                margin: 0;
            }

                .sidebar .tab-posts-widget ul.nav-tabs li a:hover {
                    background: #069946;
                }

            .sidebar .tab-posts-widget ul.nav-tabs li:first-child {
                padding-left: 0;
            }

            .sidebar .tab-posts-widget ul.nav-tabs li.active a {
                border: none;
                background: #069946;
            }

    .sidebar .tab-posts-widget .tab-pane {
        padding: 20px 0 0;
        background: #fafafa;
    }

        .sidebar .tab-posts-widget .tab-pane ul.list-posts > li {
            padding-left: 20px;
            padding-right: 30px;
        }

            .sidebar .tab-posts-widget .tab-pane ul.list-posts > li img {
                max-width: 75px;
            }

    .sidebar .tags-widget ul.tag-list {
        margin: 0;
        padding: 0;
    }

        .sidebar .tags-widget ul.tag-list li {
            display: inline-block;
            margin-right: 2px;
            margin-bottom: 5px;
        }

            .sidebar .tags-widget ul.tag-list li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                color: #999999;
                font-size: 12px;
                font-family: 'Noto Sans', sans-serif;
                padding: 6px 9px;
                border: 1px solid #f0f0f0;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -o-border-radius: 3px;
                border-radius: 3px;
            }

                .sidebar .tags-widget ul.tag-list li a:hover {
                    border: 1px solid #333333;
                    background: #333333;
                    color: #ffffff;
                }

    .sidebar .recent-comments-widget ul {
        margin: 0;
        padding: 0;
    }

        .sidebar .recent-comments-widget ul li {
            list-style: none;
        }

        .sidebar .recent-comments-widget ul.comment-list li {
            overflow: hidden;
            margin-bottom: 25px;
        }

            .sidebar .recent-comments-widget ul.comment-list li img {
                float: left;
                max-width: 70px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
            }

            .sidebar .recent-comments-widget ul.comment-list li .comment-content {
                margin-left: 90px;
            }

                .sidebar .recent-comments-widget ul.comment-list li .comment-content p {
                    color: #333333;
                    font-style: italic;
                    font-weight: 700;
                    margin-bottom: 0;
                    padding: 0 20px;
                }

                    .sidebar .recent-comments-widget ul.comment-list li .comment-content p.main-message {
                        background: #fafafa;
                        font-weight: 400;
                        border: 1px solid #f0f0f0;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        -o-border-radius: 3px;
                        border-radius: 3px;
                        padding: 10px 19px;
                        margin-bottom: 7px;
                        position: relative;
                    }

                        .sidebar .recent-comments-widget ul.comment-list li .comment-content p.main-message:before {
                            content: '';
                            position: absolute;
                            width: 10px;
                            height: 10px;
                            left: -6px;
                            top: 27px;
                            background: #fafafa;
                            border-top: 1px solid #f0f0f0;
                            border-left: 1px solid #f0f0f0;
                            -webkit-transform: rotate(-45deg);
                            -moz-transform: rotate(-45deg);
                            -ms-transform: rotate(-45deg);
                            -o-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                        }

                .sidebar .recent-comments-widget ul.comment-list li .comment-content span {
                    display: inline-block;
                    padding-left: 20px;
                    color: #999999;
                    font-size: 12px;
                    font-family: 'Noto Sans', sans-serif;
                    font-style: italic;
                }

                    .sidebar .recent-comments-widget ul.comment-list li .comment-content span i {
                        margin-right: 10px;
                    }

            .sidebar .recent-comments-widget ul.comment-list li:last-child {
                margin-bottom: 0;
            }

    .sidebar .review-widget h1 {
        color: #222222;
        font-size: 15px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        margin: 0 0 30px;
        text-transform: uppercase;
        color: #ffffff;
        padding: 10px 20px;
        background: #f44336;
        margin-bottom: 10px;
    }

    .sidebar .review-widget ul.review-posts-list {
        margin: 0;
        padding: 0;
        padding: 0 10px;
        background: #fafafa;
    }

        .sidebar .review-widget ul.review-posts-list li {
            list-style: none;
            padding: 10px 0;
            border-bottom: 1px solid #f0f0f0;
            text-align: center;
            overflow: hidden;
        }

            .sidebar .review-widget ul.review-posts-list li img {
                width: 100%;
                margin-bottom: 4px;
            }

            .sidebar .review-widget ul.review-posts-list li h2 {
                color: #333333;
                font-size: 13px;
                font-family: 'Noto Sans', sans-serif;
                font-weight: 700;
                line-height: 20px;
                margin: 0 0 10px;
            }

                .sidebar .review-widget ul.review-posts-list li h2 a {
                    display: inline-block;
                    text-decoration: none;
                    transition: all 0.2s ease-in-out;
                    -moz-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    color: #333333;
                }

                    .sidebar .review-widget ul.review-posts-list li h2 a:hover {
                        color: #f44336;
                    }

            .sidebar .review-widget ul.review-posts-list li span.date {
                display: inline-block;
                float: left;
                margin-right: 5px;
                color: #999999;
                font-size: 11px;
                font-family: 'Noto Sans', sans-serif;
                font-style: italic;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

                .sidebar .review-widget ul.review-posts-list li span.date i {
                    color: #ccc;
                    margin-right: 5px;
                }

            .sidebar .review-widget ul.review-posts-list li span.post-rating {
                display: inline-block;
                float: right;
                line-height: 14px;
            }

                .sidebar .review-widget ul.review-posts-list li span.post-rating i {
                    font-size: 11px;
                    color: #f7ca18;
                    margin-left: -2px;
                }

    .sidebar .categories-widget .title-section h1 span {
        padding-left: 10px;
    }

    .sidebar .categories-widget ul.category-list {
        margin: 0;
        padding: 0;
        overflow: hidden;
        padding: 0 10px;
    }

        .sidebar .categories-widget ul.category-list li {
            list-style: none;
            margin-bottom: 10px;
        }

            .sidebar .categories-widget ul.category-list li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                display: block;
                color: #333333;
                font-size: 13px;
                font-family: 'Noto Sans', sans-serif;
                font-weight: 700;
            }

                .sidebar .categories-widget ul.category-list li a span {
                    display: inline-block;
                    float: right;
                    width: 30px;
                    font-size: 11px;
                    height: 20px;
                    text-align: center;
                    line-height: 18px;
                    border: 1px solid #f0f0f0;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    -o-border-radius: 2px;
                    border-radius: 2px;
                    transition: all 0.2s ease-in-out;
                    -moz-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                }

                .sidebar .categories-widget ul.category-list li a:hover {
                    color: #f44336;
                }

                    .sidebar .categories-widget ul.category-list li a:hover span {
                        background: #f44336;
                        border: 1px solid #f44336;
                        color: #ffffff;
                    }

    .sidebar .flickr-widget ul.flickr-list {
        margin: 0;
        padding: 0;
    }

        .sidebar .flickr-widget ul.flickr-list li {
            list-style: none;
            float: left;
            margin: 0 4px 8px;
        }

            .sidebar .flickr-widget ul.flickr-list li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

                .sidebar .flickr-widget ul.flickr-list li a img {
                    width: 74px;
                }

                .sidebar .flickr-widget ul.flickr-list li a:hover {
                    opacity: 0.7;
                }

    .sidebar .flickr-widget > a {
        display: inline-block;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        color: #999999;
        font-size: 12px;
        font-family: 'Noto Sans', sans-serif;
        margin-left: 5px;
    }

        .sidebar .flickr-widget > a:hover {
            color: #f44336;
        }

    .sidebar.large-sidebar .tab-posts-widget ul.nav-tabs li {
        width: 50%;
    }

    .sidebar.large-sidebar .tab-posts-widget .tab-pane {
        padding: 10px 0 0;
        background: #fafafa;
    }

        .sidebar.large-sidebar .tab-posts-widget .tab-pane ul.list-posts li {
            padding-left: 10px;
            padding-right: 10px;
        }

    .sidebar.small-sidebar {
        position: relative;
    }

        .sidebar.small-sidebar:after {
            content: '';
            width: 0;
            height: 100%;
            position: absolute;
            top: 0;
            left: 100%;
            margin-left: 15px;
            border-right: 1px solid #f0f0f0;
        }

form.search-form {
    position: relative;
    margin: 0;
}

    form.search-form input[type="text"] {
        border: 1px solid #eeeeee;
        padding: 10px;
        color: #999999;
        font-size: 11px;
        font-family: 'Noto Sans', sans-serif;
        text-transform: uppercase;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        outline: none;
        width: 100%;
        margin: 0 !important;
    }

    form.search-form button {
        background: transparent;
        border: none;
        position: absolute;
        top: 10px;
        right: 13px;
        padding: 0;
        font-size: 13px;
        color: #666666;
    }
/*-------------------------------------------------*/
/* =  News posts style
/*-------------------------------------------------*/
/* news post general style */
.news-post {
    position: relative;
}

    .news-post .post-gallery {
        position: relative;
    }

    .news-post img {
        width: 100%;
    }

    .news-post a.category-post {
        position: absolute;
        bottom: 20px;
        left: 20px;
    }

a.read-more-button {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding: 6px 10px;
    background: #fafafa;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #666666;
    font-size: 11px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

    a.read-more-button i {
        margin-right: 9px;
    }

    a.read-more-button:hover {
        color: #ffffff;
        background: #f44336;
        border-color: #f44336;
    }
/* image post style */
.image-post {
    position: relative;
}

    .image-post .hover-box {
        position: absolute;
        overflow: hidden !important;
        top: 0;
        left: 0px;
        bottom: 1px;
        right: 1px;
        transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        background: transparent;
    }

        .image-post .hover-box .inner-hover {
            position: absolute;
            width: 100%;
            bottom: 0;
            padding: 20px;
            background: rgba(17, 17, 17, 0);
            background: -moz-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0)), color-stop(10%, rgba(17, 17, 17, 0.1)), color-stop(100%, rgba(17, 17, 17, 0.95)));
            background: -webkit-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
            background: -o-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
            background: -ms-linear-gradient(top, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
            background: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.1) 10%, rgba(17, 17, 17, 0.95) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171717', endColorstr='#171717', GradientType=0);
            transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
        }

            .image-post .hover-box .inner-hover a.category-post {
                margin-bottom: 12px;
                position: relative;
                bottom: inherit;
                left: inherit;
            }

            .image-post .hover-box .inner-hover h2 {
                color: #333333;
                font-size: 13px;
                font-family: 'Noto Sans', sans-serif;
                font-weight: 700;
                line-height: 20px;
                margin: 0 0 10px;
                font-size: 15px;
                text-transform: uppercase;
            }

                .image-post .hover-box .inner-hover h2 a {
                    display: inline-block;
                    text-decoration: none;
                    transition: all 0.2s ease-in-out;
                    -moz-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    transition: all 0.4s ease-in-out;
                    -moz-transition: all 0.4s ease-in-out;
                    -webkit-transition: all 0.4s ease-in-out;
                    -o-transition: all 0.4s ease-in-out;
                    color: #ffffff;
                }

            .image-post .hover-box .inner-hover p {
                overflow: hidden;
                max-height: 0;
                margin: 0;
                transition: all 0.4s ease-in-out;
                -moz-transition: all 0.4s ease-in-out;
                -webkit-transition: all 0.4s ease-in-out;
                -o-transition: all 0.4s ease-in-out;
            }

            .image-post .hover-box .inner-hover ul.post-tags {
                margin: 0;
                padding: 0;
            }

                .image-post .hover-box .inner-hover ul.post-tags li {
                    display: inline-block;
                    margin-right: 7px;
                    color: #ccc;
                    font-size: 12px;
                    font-family: 'Noto Sans', sans-serif;
                    font-style: italic;
                    transition: all 0.4s ease-in-out;
                    -moz-transition: all 0.4s ease-in-out;
                    -webkit-transition: all 0.4s ease-in-out;
                    -o-transition: all 0.4s ease-in-out;
                }

                    .image-post .hover-box .inner-hover ul.post-tags li i {
                        margin-right: 9px;
                    }

                    .image-post .hover-box .inner-hover ul.post-tags li a {
                        display: inline-block;
                        text-decoration: none;
                        transition: all 0.2s ease-in-out;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        -o-transition: all 0.2s ease-in-out;
                        transition: all 0.4s ease-in-out;
                        -moz-transition: all 0.4s ease-in-out;
                        -webkit-transition: all 0.4s ease-in-out;
                        -o-transition: all 0.4s ease-in-out;
                        color: #ccc;
                    }

                    .image-post .hover-box .inner-hover ul.post-tags li:last-child {
                        margin-right: 0;
                    }

span.top-stories {
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    background: #f44336;
    position: absolute;
    top: 20px;
    left: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    z-index: 2;
}

.image-post.snd-size .hover-box .inner-hover h2 {
    font-size: 30px;
    font-weight: 900;
    line-height: 36px;
}

.image-post:hover .hover-box {
    background: rgba(255, 255, 255, 0.95);
}

    .image-post:hover .hover-box .inner-hover {
        background: transparent !important;
    }

        .image-post:hover .hover-box .inner-hover p {
            margin-top: 10px;
            max-height: 40px;
        }

        .image-post:hover .hover-box .inner-hover h2 a {
            color: #222222;
        }

            .image-post:hover .hover-box .inner-hover h2 a:hover {
                color: #f44336;
            }

        .image-post:hover .hover-box .inner-hover ul.post-tags li {
            color: #aaa;
        }

            .image-post:hover .hover-box .inner-hover ul.post-tags li a {
                color: #aaa;
            }

                .image-post:hover .hover-box .inner-hover ul.post-tags li a:hover {
                    color: #f44336;
                }
/* post tags list style */
ul.post-tags {
    margin: 0;
    padding: 0;
}

    ul.post-tags li {
        display: inline-block;
        margin-right: 7px;
        color: #999999;
        font-size: 12px;
        font-family: 'Noto Sans', sans-serif;
        font-style: italic;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        ul.post-tags li i {
            color: #ccc;
            margin-right: 9px;
        }

        ul.post-tags li a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            color: #999999;
        }

            ul.post-tags li a:hover {
                color: #f44336;
            }

        ul.post-tags li:last-child {
            margin-right: 0;
        }
/* standard post style */
.standard-post {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    .standard-post .post-content {
        padding-top: 15px;
    }

        .standard-post .post-content h2 {
            color: #333333;
            font-size: 13px;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
            line-height: 20px;
            margin: 0 0 10px;
        }

            .standard-post .post-content h2 a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                color: #333333;
            }

                .standard-post .post-content h2 a:hover {
                    color: #f44336;
                }
/* standard post2 style */
.standard-post2 .post-title {
    padding: 18px 20px;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    .standard-post2 .post-title h2 {
        color: #333333;
        font-size: 13px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        line-height: 20px;
        margin: 0 0 10px;
        font-size: 16px;
    }

        .standard-post2 .post-title h2 a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            color: #333333;
        }

            .standard-post2 .post-title h2 a:hover {
                color: #f44336;
            }

.standard-post2 .post-content {
    padding: 15px 20px 0;
}

    .standard-post2 .post-content p {
        margin-bottom: 15px;
    }

.standard-post2:hover .post-title {
    background: transparent;
}
/* standard post3 style */
.standard-post3 .post-title {
    padding: 18px 20px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

    .standard-post3 .post-title h2 {
        color: #333333;
        font-size: 13px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        line-height: 20px;
        margin: 0 0 10px;
        font-size: 16px;
    }

        .standard-post3 .post-title h2 a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            color: #333333;
        }

            .standard-post3 .post-title h2 a:hover {
                color: #f44336;
            }

    .standard-post3 .post-title a.category-post {
        position: relative;
        bottom: inherit;
        left: inherit;
        background: transparent;
        padding: 0 !important;
        margin-bottom: 6px;
    }

        .standard-post3 .post-title a.category-post.travel {
            color: #33a3f1;
        }

        .standard-post3 .post-title a.category-post.sport {
            color: #4c60f6;
        }

        .standard-post3 .post-title a.category-post.world {
            color: #f58021;
        }

        .standard-post3 .post-title a.category-post.fashion {
            color: #aa35d6;
        }

        .standard-post3 .post-title a.category-post.tech {
            color: #74b430;
        }

        .standard-post3 .post-title a.category-post.latest {
            color: #32b47b;
        }

        .standard-post3 .post-title a.category-post.video {
            color: #d6ac1b;
        }

.standard-post3 .post-content {
    padding: 15px 20px 0;
}

    .standard-post3 .post-content p {
        margin-bottom: 15px;
    }

.standard-post2:hover .post-title {
    background: transparent;
}
/* image post2 style */
.image-post2 {
    position: relative;
}

    .image-post2 .hover-box {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        display: block;
        background-color: rgba(0,0,0,0.5);
    }

        .image-post2 .hover-box .inner-hover {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            padding: 0 40px;
            text-align: center;
            margin-top: -40px;
        }

.inner-hover.sciencetext {
    position: absolute;
    top: 15% !important;
    left: 0;
    width: 100%;
    color: #7b1d1d;
    /* height: 48px; */
    padding: 0 40px;
    text-align: center;
    background: #a2aaaa;
}

.image-post2 .hover-box a.category-post {
    position: relative;
    bottom: inherit;
    left: inherit;
}

.image-post2 .hover-box h2 {
    color: #333333;
    font-size: 13px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 7px;
    margin-top: 10px;
    max-height: 48px;
    overflow: hidden;
}

    .image-post2 .hover-box h2 a {
        display: inline-block;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        color: #ffffff;
    }

.image-post2 .hover-box .sciencetext h2 a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #3f1d0c !important;
}

.image-post2 .hover-box h2 a:hover {
    opacity: 0.7;
}

.image-post2 .hover-box ul.post-tags li {
    color: #ccc;
}

    .image-post2 .hover-box ul.post-tags li a {
        color: #ccc;
    }

        .image-post2 .hover-box ul.post-tags li a:hover {
            color: #f44336;
        }

.image-post2 div.post-content {
    padding: 16px 16px 0;
}

    .image-post2 div.post-content p {
        margin-bottom: 3px;
    }

        .image-post2 div.post-content p a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            color: #f44336;
            text-decoration: underline;
        }

            .image-post2 div.post-content p a:hover {
                opacity: 0.7;
            }

    .image-post2 div.post-content > a {
        margin-top: 12px;
    }
/* list posts style */
ul.list-posts {
    margin: 0;
    padding: 0;
}

    ul.list-posts > li {
        list-style: none;
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #f0f0f0;
        overflow: hidden;
    }

        ul.list-posts > li img {
            width: 100px;
            margin-right: 20px;
            float: left;
        }

        ul.list-posts > li .post-content > a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            display: block;
            color: #999999;
            font-size: 12px;
            font-family: 'Noto Sans', sans-serif;
            font-style: italic;
            margin: 0;
            line-height: 16px;
            margin-top: -2px;
        }

            ul.list-posts > li .post-content > a:hover {
                opacity: 0.7;
            }

        ul.list-posts > li .post-content h2 {
            color: #333333;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
            line-height: 21px;
            margin: 0 0 10px;
            font-size: 17px;
            max-height: 42.5px;
            overflow: hidden;
            margin-bottom: 7px;
        }

            ul.list-posts > li .post-content h2 a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                color: #333333;
            }

                ul.list-posts > li .post-content h2 a:hover {
                    color: #003366;
                }
/* image post3 style */
.image-post3,
.video-post {
    position: relative;
}

    .image-post3 .hover-box,
    .video-post .hover-box {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px;
        background: rgba(0,51,102,0.8);
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .image-post3 .hover-box h2,
        .video-post .hover-box h2 {
            color: #333333;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
            line-height: 20px;
            margin: 0 0 10px;
            font-size: 13px;
            max-height: 40px;
            overflow: hidden;
            margin-bottom: 0;
        }

            .image-post3 .hover-box h2 a,
            .video-post .hover-box h2 a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                color: #ffffff;
            }

                .image-post3 .hover-box h2 a:hover,
                .video-post .hover-box h2 a:hover {
                    opacity: 0.7;
                }

        .image-post3 .hover-box ul.post-tags li,
        .video-post .hover-box ul.post-tags li {
            color: #ccc;
        }

            .image-post3 .hover-box ul.post-tags li a,
            .video-post .hover-box ul.post-tags li a {
                color: #ccc;
            }

    .image-post3:hover .hover-box,
    .video-post:hover .hover-box {
        background: #069946;
    }

.video-post {
    margin-bottom: 10px;
}

    .video-post a.video-link {
        display: inline-block;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        position: absolute;
        top: 20px;
        left: 20px;
        color: #ffffff;
        font-size: 30px;
        padding: 1px;
        outline: none;
    }

    .video-post a:hover {
        opacity: 0.6;
    }

button.mfp-close,
button.mfp-arrow {
    outline: none;
}
/* article post style */
.article-post {
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

    .article-post .post-gallery {
        margin-bottom: 20px;
    }

    .article-post .post-content {
        margin-bottom: 20px;
    }

        .article-post .post-content h2 {
            color: #333333;
            font-size: 13px;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
            line-height: 20px;
            margin: 0 0 10px;
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 7px;
        }

            .article-post .post-content h2 a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                color: #333333;
            }

                .article-post .post-content h2 a:hover {
                    color: #f44336;
                }

        .article-post .post-content span.post-rating {
            display: inline-block;
        }

            .article-post .post-content span.post-rating i {
                font-size: 12px;
                color: #f7ca18;
                line-height: 10px;
            }

        .article-post .post-content p {
            margin-bottom: 13px;
            margin-top: 15px;
        }
/* large post style */
.large-post {
    margin-bottom: 30px;
}

    .large-post .post-gallery iframe {
        width: 100%;
        height: 420px;
        margin-bottom: -5px;
    }

    .large-post .post-gallery ul.bxslider {
        margin: 0;
        padding: 0;
    }

    .large-post .post-gallery .bx-controls-direction {
        display: none !important;
    }

    .large-post .post-title {
        padding: 24px 20px;
        background: #fafafa;
        border-bottom: 1px solid #f0f0f0;
    }

        .large-post .post-title h2 {
            color: #333333;
            font-size: 13px;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
            line-height: 20px;
            margin: 0 0 10px;
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 6px;
        }

            .large-post .post-title h2 a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                color: #333333;
            }

                .large-post .post-title h2 a:hover {
                    color: #f44336;
                }

    .large-post .post-content {
        padding: 24px 20px 30px;
        border-bottom: 1px solid #f0f0f0;
    }

        .large-post .post-content p {
            margin-bottom: 24px;
        }
/* list post style */
div.list-post {
    overflow: hidden;
}

    div.list-post img {
        width: 100px;
        margin-right: 20px;
        float: left;
    }

    div.list-post .post-content > a {
        display: inline-block;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        display: block;
        color: #999999;
        font-size: 12px;
        font-family: 'Noto Sans', sans-serif;
        font-style: italic;
        margin: 0;
        line-height: 16px;
        margin-top: -2px;
    }

        div.list-post .post-content > a:hover {
            opacity: 0.7;
        }

    div.list-post .post-content h2 {
        color: #333333;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        line-height: 20px;
        margin: 0 0 10px;
        font-size: 13px;
        max-height: 40px;
        overflow: hidden;
        margin-bottom: 7px;
    }

        div.list-post .post-content h2 a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            color: #fff;
        }

            div.list-post .post-content h2 a:hover {
                color: #f44336;
            }
/* very-large-post style */
.very-large-post {
    background: #ffffff;
    text-align: center;
    margin-bottom: 30px;
    box-shadow: 1px 1px 1px #eeeeee;
    -webkit-box-shadow: 1px 1px 1px #eeeeee;
    -moz-box-shadow: 1px 1px 1px #eeeeee;
    -o-box-shadow: 1px 1px 1px #eeeeee;
}

    .very-large-post .title-post {
        padding: 60px 0 30px;
        max-width: 560px;
        margin: 0 auto;
    }

        .very-large-post .title-post a.category-post {
            display: inline-block;
            position: relative;
            margin: 0 2px;
            left: inherit;
            bottom: inherit;
        }

        .very-large-post .title-post h2 {
            color: #333333;
            font-size: 13px;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
            line-height: 20px;
            margin: 0 0 10px;
            font-size: 18px;
            line-height: 24px;
            margin: 20px 0 12px;
        }

            .very-large-post .title-post h2 a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                color: #333333;
            }

                .very-large-post .title-post h2 a:hover {
                    color: #f44336;
                }

    .very-large-post .post-gallery {
        margin-bottom: 25px;
    }

        .very-large-post .post-gallery .group-image {
            margin: -5px;
            overflow: hidden;
        }

            .very-large-post .post-gallery .group-image a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                width: 33.333333%;
                float: left;
                padding: 5px;
                outline: none;
            }

                .very-large-post .post-gallery .group-image a.big-size {
                    width: 66.666666%;
                }

        .very-large-post .post-gallery .bx-wrapper .bx-next {
            width: 70px;
            height: 70px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            margin-right: 30px;
            top: 50%;
            margin-top: -35px;
        }

        .very-large-post .post-gallery .bx-wrapper .bx-prev {
            width: 70px;
            height: 70px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            margin-left: 30px;
            top: 50%;
            margin-top: -35px;
        }

            .very-large-post .post-gallery .bx-wrapper .bx-prev:hover,
            .very-large-post .post-gallery .bx-wrapper .bx-next:hover {
                background: #ffffff;
            }

            .very-large-post .post-gallery .bx-wrapper .bx-next:before,
            .very-large-post .post-gallery .bx-wrapper .bx-prev:before {
                margin-top: -20px;
            }

            .very-large-post .post-gallery .bx-wrapper .bx-next:hover:before,
            .very-large-post .post-gallery .bx-wrapper .bx-prev:hover:before {
                color: #333333;
            }

        .very-large-post .post-gallery #bx-pager {
            text-align: center;
            margin-top: 10px;
        }

            .very-large-post .post-gallery #bx-pager a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                opacity: 0.7;
                margin: 0 3px;
            }

                .very-large-post .post-gallery #bx-pager a img {
                    width: auto;
                }

                .very-large-post .post-gallery #bx-pager a.active {
                    opacity: 1;
                }

        .very-large-post .post-gallery iframe {
            width: 100%;
            height: 480px;
        }

    .very-large-post .post-content {
        padding: 0 70px 35px;
    }

        .very-large-post .post-content p {
            margin-bottom: 20px;
        }

            .very-large-post .post-content p.highlight {
                color: #333333;
                font-weight: 700;
            }

        .very-large-post .post-content blockquote {
            padding: 25px 60px;
            background: #fff9e6;
            border: none;
            margin: 20px 0 40px;
        }

            .very-large-post .post-content blockquote p {
                margin: 0;
                color: #333333;
                font-style: italic;
            }

        .very-large-post .post-content .article-inpost {
            overflow: hidden;
            text-align: left;
        }

            .very-large-post .post-content .article-inpost img {
                width: auto;
                float: left;
                margin-right: 40px;
                margin-bottom: 16px;
            }

            .very-large-post .post-content .article-inpost .right-content {
                margin-top: 5px;
            }

    .very-large-post .share-box {
        overflow: hidden;
        margin-top: 30px;
        padding-top: 28px;
        border-top: 1px solid #f0f0f0;
    }

        .very-large-post .share-box a.likes {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            color: #666666;
            font-size: 13px;
            font-family: 'Noto Sans', sans-serif;
            float: left;
        }

            .very-large-post .share-box a.likes i {
                font-size: 14px;
                color: #999999;
                margin-right: 6px;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

            .very-large-post .share-box a.likes:hover {
                color: #f44336;
            }

                .very-large-post .share-box a.likes:hover i {
                    color: #f44336;
                }

        .very-large-post .share-box ul.share-list-post {
            margin: 0;
            padding: 0;
            float: right;
        }

            .very-large-post .share-box ul.share-list-post li {
                display: inline-block;
                color: #666666;
                font-size: 13px;
                font-family: 'Noto Sans', sans-serif;
            }

                .very-large-post .share-box ul.share-list-post li > i {
                    font-size: 14px;
                    color: #999999;
                    margin-right: 6px;
                }

                .very-large-post .share-box ul.share-list-post li span {
                    margin-right: 5px;
                }

                .very-large-post .share-box ul.share-list-post li a {
                    display: inline-block;
                    text-decoration: none;
                    transition: all 0.2s ease-in-out;
                    -moz-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    width: 18px;
                    height: 18px;
                    font-size: 14px;
                    color: #999999;
                    background: transparent;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    -o-border-radius: 2px;
                    border-radius: 2px;
                }

                    .very-large-post .share-box ul.share-list-post li a:hover {
                        color: #ffffff;
                        background: #333333;
                    }
/* Banner quote post */
.banner-quote-post {
    padding: 120px 85px 48px;
    margin-bottom: 30px;
    position: relative;
    background: url('../upload/news-posts/banner.jpg') center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

    .banner-quote-post .quote {
        position: relative;
        z-index: 2;
        text-align: center;
    }

        .banner-quote-post .quote p {
            color: #ffffff;
            font-size: 18px;
            font-weight: 700;
            font-style: italic;
            margin-bottom: 8px;
            line-height: 24px;
        }

        .banner-quote-post .quote span {
            color: #ccc;
            font-size: 12px;
            display: inline-block;
            font-family: 'Noto Sans', sans-serif;
            font-style: italic;
            margin: 0;
        }

            .banner-quote-post .quote span i {
                margin-right: 8px;
            }

        .banner-quote-post .quote:before {
            content: '\201C';
            position: absolute;
            top: -72px;
            left: 50%;
            margin-left: -28px;
            color: #ffffff;
            font-size: 90px;
            font-family: georgia;
            line-height: 90px;
            font-weight: 700;
        }

    .banner-quote-post:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(51, 51, 51, 0.8);
    }
/*-------------------------------------------------*/
/* =  single post pages
/*-------------------------------------------------*/
.single-post-box .title-post {
    padding: 0 20px 25px;
    margin-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    margin-top: -10px;
}

    .single-post-box .title-post h1 {
        color: #333333;
        font-size: 24px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        line-height: 30px;
        margin: 0 0 8px;
    }

.single-post-box .share-post-box {
    margin-bottom: 10px;
    padding: 0 20px;
}

    .single-post-box .share-post-box ul.share-box {
        margin: 0;
        padding: 0;
    }

        .single-post-box .share-post-box ul.share-box li {
            display: inline-block;
            color: #666666;
            font-size: 13px;
            font-family: 'Noto Sans', sans-serif;
            margin-right: 8px;
            margin-bottom: 2px;
        }

            .single-post-box .share-post-box ul.share-box li i {
                font-size: 20px;
                margin-right: 12px;
                color: #999999;
                float: left;
            }

            .single-post-box .share-post-box ul.share-box li span {
                display: inline-block;
                line-height: 15px;
            }

            .single-post-box .share-post-box ul.share-box li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                color: #ffffff;
                padding: 8px 12px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -o-border-radius: 3px;
                border-radius: 3px;
            }

                .single-post-box .share-post-box ul.share-box li a i {
                    color: #ffffff;
                }

                .single-post-box .share-post-box ul.share-box li a.facebook {
                    background: #1854dd;
                }

                .single-post-box .share-post-box ul.share-box li a.twitter {
                    background: #18a3dd;
                }

                .single-post-box .share-post-box ul.share-box li a.google {
                    background: #f14133;
                }

                    .single-post-box .share-post-box ul.share-box li a.google i {
                        margin-right: 0;
                    }

                .single-post-box .share-post-box ul.share-box li a.linkedin {
                    background: #1879dd;
                }

                    .single-post-box .share-post-box ul.share-box li a.linkedin i {
                        margin-right: 0;
                    }

                .single-post-box .share-post-box ul.share-box li a:hover {
                    opacity: 0.7;
                }

.single-post-box .post-gallery {
    text-align: center;
    margin-bottom: 20px;
}

    .single-post-box .post-gallery img {
        width: 100%;
        margin-bottom: 5px;
    }

    .single-post-box .post-gallery span.image-caption {
        display: inline-block;
        color: #aaa;
        font-size: 12px;
        font-family: 'Noto Sans', sans-serif;
        font-style: italic;
        margin: 0;
    }

    .single-post-box .post-gallery iframe {
        width: 100%;
        height: 422px;
        margin-bottom: 20px;
    }

    .single-post-box .post-gallery.audio-post iframe {
        height: 168px;
    }

.single-post-box > .post-content {
    margin-bottom: 10px;
    overflow: hidden;
}

    .single-post-box > .post-content p {
        padding: 0 20px;
        margin-bottom: 18px;
    }

        .single-post-box > .post-content p a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            color: #f44336;
            text-decoration: underline;
        }

            .single-post-box > .post-content p a:hover {
                opacity: 0.6;
            }

    .single-post-box > .post-content blockquote {
        padding: 20px;
        padding-left: 70px;
        background: #eeeeee;
        border: none;
        margin: 0 0 20px;
        position: relative;
    }

        .single-post-box > .post-content blockquote p {
            color: #222222;
            font-size: 18px;
            font-style: italic;
            margin-bottom: 0;
            line-height: 24px;
        }

        .single-post-box > .post-content blockquote:before {
            content: '\201C';
            position: absolute;
            top: 20px;
            left: 25px;
            font-size: 72px;
            color: #222222;
            font-family: georgia;
            line-height: 70px;
            font-weight: 700;
        }

    .single-post-box > .post-content > h2 {
        color: #333333;
        font-size: 13px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        line-height: 20px;
        margin: 0 0 10px;
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 24px;
        padding: 0 20px;
    }

.single-post-box .article-inpost {
    overflow: hidden;
    margin-bottom: 20px;
}

    .single-post-box .article-inpost .image-content {
        text-align: center;
        margin-bottom: 20px;
    }

        .single-post-box .article-inpost .image-content .image-place {
            position: relative;
            margin-bottom: 5px;
        }

            .single-post-box .article-inpost .image-content .image-place img {
                width: 100%;
            }

            .single-post-box .article-inpost .image-content .image-place .hover-image {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                text-align: center;
                background: rgba(255, 255, 255, 0.9);
                opacity: 0;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

                .single-post-box .article-inpost .image-content .image-place .hover-image a {
                    position: absolute;
                    display: inline-block;
                    text-decoration: none;
                    transition: all 0.2s ease-in-out;
                    -moz-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    width: 70px;
                    height: 70px;
                    background: #f44336;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -o-border-radius: 50%;
                    border-radius: 50%;
                    top: 50%;
                    margin-top: -35px;
                    left: 50%;
                    margin-left: -35px;
                    line-height: 70px;
                    color: #ffffff;
                    font-size: 30px;
                    outline: none;
                }

                    .single-post-box .article-inpost .image-content .image-place .hover-image a:hover {
                        opacity: 0.7;
                    }

            .single-post-box .article-inpost .image-content .image-place:hover .hover-image {
                opacity: 1;
            }

        .single-post-box .article-inpost .image-content span.image-caption {
            display: inline-block;
            color: #aaa;
            font-size: 12px;
            font-family: 'Noto Sans', sans-serif;
            font-style: italic;
            margin: 0;
        }

    .single-post-box .article-inpost .text-content {
        padding-top: 15px;
    }

        .single-post-box .article-inpost .text-content h2 {
            color: #333333;
            font-size: 13px;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
            line-height: 20px;
            margin: 0 0 10px;
            font-size: 18px;
            margin-bottom: 15px;
            line-height: 24px;
        }

        .single-post-box .article-inpost .text-content p {
            margin-bottom: 18px;
        }

.single-post-box .review-box .member-skills {
    padding: 0 20px;
    margin-bottom: 15px;
    overflow: hidden;
}

    .single-post-box .review-box .member-skills > p {
        font-weight: 700;
        color: #222222;
        margin-bottom: 16px;
    }

    .single-post-box .review-box .member-skills .meter {
        height: 17px;
        padding: 2px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -o-border-radius: 7px;
        border-radius: 7px;
        width: 100%;
        background: #fff;
        border: 1px solid #e1e1e1;
        margin-bottom: 16px;
    }

        .single-post-box .review-box .member-skills .meter p {
            height: 100%;
            background: #f44336;
            text-align: right;
            margin: 0;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
        }

.single-post-box .review-box .summary-box {
    padding: 14px 190px 14px 20px;
    background: #333333;
    position: relative;
    margin-bottom: 50px;
}

    .single-post-box .review-box .summary-box h2 {
        color: #333333;
        font-size: 13px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        line-height: 20px;
        margin: 0 0 10px;
        font-size: 15px;
        color: #ffffff;
        text-transform: uppercase;
        margin-bottom: 14px;
    }

    .single-post-box .review-box .summary-box p {
        color: #ffffff;
    }

    .single-post-box .review-box .summary-box .summary-degree {
        position: absolute;
        bottom: -10px;
        right: 20px;
        background: #f44336;
        padding: 10px 20px 14px;
        text-align: center;
    }

        .single-post-box .review-box .summary-box .summary-degree p {
            color: #333333;
            font-weight: 700;
            margin: 0;
        }

            .single-post-box .review-box .summary-box .summary-degree p span {
                display: block;
                color: #ffffff;
                font-size: 48px;
                margin-bottom: 4px;
                line-height: 48px;
            }

.single-post-box .post-tags-box {
    margin-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 20px 12px;
}

    .single-post-box .post-tags-box ul.tags-box {
        margin: 0;
        padding: 0;
    }

        .single-post-box .post-tags-box ul.tags-box li {
            display: inline-block;
            color: #666666;
            font-size: 13px;
            font-family: 'Noto Sans', sans-serif;
            margin-right: 3px;
            margin-bottom: 2px;
        }

            .single-post-box .post-tags-box ul.tags-box li i {
                font-size: 18px;
                margin-right: 10px;
                color: #999999;
            }

            .single-post-box .post-tags-box ul.tags-box li span {
                margin-right: 18px;
            }

            .single-post-box .post-tags-box ul.tags-box li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                padding: 6px 10px;
                border: 1px solid #efefef;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                -o-border-radius: 2px;
                border-radius: 2px;
                color: #999999;
                font-size: 12px;
                font-family: 'Noto Sans', sans-serif;
            }

                .single-post-box .post-tags-box ul.tags-box li a:hover {
                    background: #222222;
                    border: 1px solid #222222;
                    color: #ffffff;
                }

.single-post-box .prev-next-posts {
    overflow: hidden;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 30px;
}

    .single-post-box .prev-next-posts .prev-post {
        float: left;
        border-right: 1px solid #f0f0f0;
    }

    .single-post-box .prev-next-posts .next-post {
        width: 50%;
        float: right;
    }

        .single-post-box .prev-next-posts .next-post img {
            float: right;
            margin-right: 0;
            margin-left: 15px;
        }

    .single-post-box .prev-next-posts .prev-post,
    .single-post-box .prev-next-posts .next-post {
        width: 50%;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        padding: 25px 40px;
    }

        .single-post-box .prev-next-posts .prev-post:hover,
        .single-post-box .prev-next-posts .next-post:hover {
            background: #fafafa;
        }

    .single-post-box .prev-next-posts img {
        width: 100px;
        margin-right: 15px;
        float: left;
    }

    .single-post-box .prev-next-posts .post-content {
        margin-top: 10px;
    }

        .single-post-box .prev-next-posts .post-content > a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            display: block;
            color: #999999;
            font-size: 12px;
            font-family: 'Noto Sans', sans-serif;
            font-style: italic;
            margin: 0;
            line-height: 16px;
            margin-top: -2px;
        }

            .single-post-box .prev-next-posts .post-content > a:hover {
                opacity: 0.7;
            }

        .single-post-box .prev-next-posts .post-content h2 {
            color: #333333;
            font-family: 'Noto Sans', sans-serif;
            font-weight: 700;
            line-height: 20px;
            margin: 0 0 10px;
            font-size: 13px;
            max-height: 40px;
            overflow: hidden;
            margin-bottom: 7px;
        }

            .single-post-box .prev-next-posts .post-content h2 a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                color: #333333;
            }

                .single-post-box .prev-next-posts .post-content h2 a:hover {
                    color: #f44336;
                }

.single-post-box .about-more-autor {
    margin-bottom: 10px;
}

    .single-post-box .about-more-autor ul.nav-tabs {
        text-align: center;
        border: none;
        border-bottom: 2px solid #f44336;
    }

        .single-post-box .about-more-autor ul.nav-tabs li {
            float: left;
            width: 50%;
            border: none;
            margin: 0;
            padding-left: 1px;
        }

            .single-post-box .about-more-autor ul.nav-tabs li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                display: block;
                padding: 11px 3px;
                background: #222222;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                -o-border-radius: 0px;
                border-radius: 0px;
                color: #ffffff;
                font-size: 13px;
                font-family: 'Noto Sans', sans-serif;
                text-transform: uppercase;
                font-weight: 700;
                border: none;
                margin: 0;
            }

                .single-post-box .about-more-autor ul.nav-tabs li a:hover {
                    background: #f44336;
                }

            .single-post-box .about-more-autor ul.nav-tabs li:first-child {
                padding-left: 0;
            }

            .single-post-box .about-more-autor ul.nav-tabs li.active a {
                border: none;
                background: #f44336;
            }

    .single-post-box .about-more-autor .autor-box {
        padding: 30px 15px 30px 0;
        overflow: hidden;
        border: 1px solid transparent;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .single-post-box .about-more-autor .autor-box img {
            max-width: 100px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            float: left;
        }

        .single-post-box .about-more-autor .autor-box .autor-content {
            margin-left: 120px;
            margin-top: 10px;
        }

            .single-post-box .about-more-autor .autor-box .autor-content .autor-title {
                overflow: hidden;
                margin-bottom: 10px;
            }

                .single-post-box .about-more-autor .autor-box .autor-content .autor-title h1 {
                    float: left;
                    color: #333333;
                    font-size: 13px;
                    font-family: 'Noto Sans', sans-serif;
                    font-weight: 700;
                    line-height: 20px;
                    margin: 0 0 10px;
                }

                    .single-post-box .about-more-autor .autor-box .autor-content .autor-title h1 span:after {
                        content: '/';
                        color: #333333;
                        font-size: 13px;
                        font-family: 'Noto Sans', sans-serif;
                        font-weight: 700;
                        line-height: 20px;
                        margin: 0 0 10px;
                        margin: 0 6px;
                    }

                    .single-post-box .about-more-autor .autor-box .autor-content .autor-title h1 a {
                        text-decoration: underline;
                        display: inline-block;
                        color: #f44336;
                    }

                        .single-post-box .about-more-autor .autor-box .autor-content .autor-title h1 a:hover {
                            opacity: 0.7;
                        }

                .single-post-box .about-more-autor .autor-box .autor-content .autor-title ul.autor-social {
                    margin: 0;
                    padding: 0;
                    float: right;
                }

                    .single-post-box .about-more-autor .autor-box .autor-content .autor-title ul.autor-social li {
                        display: inline-block;
                    }

                        .single-post-box .about-more-autor .autor-box .autor-content .autor-title ul.autor-social li a {
                            display: inline-block;
                            text-decoration: none;
                            transition: all 0.2s ease-in-out;
                            -moz-transition: all 0.2s ease-in-out;
                            -webkit-transition: all 0.2s ease-in-out;
                            -o-transition: all 0.2s ease-in-out;
                            color: #666666;
                            font-size: 13px;
                            width: 18px;
                            height: 18px;
                            line-height: 18px;
                            background: transparent;
                            -webkit-border-radius: 2px;
                            -moz-border-radius: 2px;
                            -o-border-radius: 2px;
                            border-radius: 2px;
                            text-align: center;
                        }

                            .single-post-box .about-more-autor .autor-box .autor-content .autor-title ul.autor-social li a:hover {
                                color: #ffffff;
                                background: #f44336;
                            }

            .single-post-box .about-more-autor .autor-box .autor-content p {
                margin: 0;
            }

    .single-post-box .about-more-autor .more-autor-posts {
        overflow: hidden;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-left: -5px;
        margin-right: -5px;
    }

        .single-post-box .about-more-autor .more-autor-posts .news-post {
            float: left;
            width: 25%;
            padding: 5px;
        }

            .single-post-box .about-more-autor .more-autor-posts .news-post .hover-box {
                bottom: 5px;
                left: 5px;
                right: 5px;
                width: auto;
            }

.single-post-box .comment-area-box ul {
    margin: 0;
    padding: 0;
}

    .single-post-box .comment-area-box ul li {
        list-style: none;
    }

        .single-post-box .comment-area-box ul li .comment-box {
            overflow: hidden;
            padding-bottom: 30px;
            border-bottom: 1px solid #f3f3f3;
            margin-bottom: 30px;
        }

            .single-post-box .comment-area-box ul li .comment-box img {
                width: 100px;
                float: left;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
            }

            .single-post-box .comment-area-box ul li .comment-box .comment-content {
                margin-left: 120px;
                padding-top: 10px;
            }

                .single-post-box .comment-area-box ul li .comment-box .comment-content h4 {
                    color: #333333;
                    font-size: 13px;
                    font-family: 'Noto Sans', sans-serif;
                    font-weight: 700;
                    margin: 0;
                }

                    .single-post-box .comment-area-box ul li .comment-box .comment-content h4 a {
                        display: inline-block;
                        text-decoration: none;
                        transition: all 0.2s ease-in-out;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        -o-transition: all 0.2s ease-in-out;
                        color: #999999;
                        float: right;
                        font-size: 11px;
                        font-weight: 400;
                        text-transform: uppercase;
                        padding: 4px 9px;
                        border: 1px solid #eeeeee;
                        -webkit-border-radius: 2px;
                        -moz-border-radius: 2px;
                        -o-border-radius: 2px;
                        border-radius: 2px;
                    }

                        .single-post-box .comment-area-box ul li .comment-box .comment-content h4 a i {
                            font-size: 10px;
                            margin-right: 9px;
                        }

                        .single-post-box .comment-area-box ul li .comment-box .comment-content h4 a:hover {
                            background: #f44336;
                            color: #ffffff;
                            border: 1px solid #f44336;
                        }

                .single-post-box .comment-area-box ul li .comment-box .comment-content span {
                    font-size: 12px;
                    color: #999999;
                    font-family: 'Noto Sans', sans-serif;
                    display: inline-block;
                    font-style: italic;
                    margin: 0 0 13px;
                }

                    .single-post-box .comment-area-box ul li .comment-box .comment-content span i {
                        margin-right: 9px;
                    }

                .single-post-box .comment-area-box ul li .comment-box .comment-content p {
                    margin: 0 !important;
                }

    .single-post-box .comment-area-box ul.depth .comment-box {
        padding-left: 100px;
    }

.single-post-box .bx-wrapper .bx-next {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-right: 20px;
    top: 50%;
    margin-top: -35px;
}

.single-post-box .bx-wrapper .bx-prev {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-left: 20px;
    top: 50%;
    margin-top: -35px;
}

    .single-post-box .bx-wrapper .bx-prev:hover,
    .single-post-box .bx-wrapper .bx-next:hover {
        background: #ffffff;
    }

    .single-post-box .bx-wrapper .bx-next:before,
    .single-post-box .bx-wrapper .bx-prev:before {
        margin-top: -20px;
    }

    .single-post-box .bx-wrapper .bx-next:hover:before,
    .single-post-box .bx-wrapper .bx-prev:hover:before {
        color: #333333;
    }

.single-post-box .bx-wrapper .bx-pager {
    display: block !important;
}

.single-post-box ul.bxslider {
    margin: 0;
    padding: 0;
}

.single-wide .image-slider .news-post .hover-box .inner-hover {
    background: transparent !important;
    padding-bottom: 50px;
}

    .single-wide .image-slider .news-post .hover-box .inner-hover h1 {
        color: #222222;
        font-size: 15px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        margin: 0 0 30px;
        text-transform: uppercase;
        font-size: 24px;
        color: #ffffff;
        margin-bottom: 8px;
        font-weight: 900;
        line-height: 30px;
        padding: 0 20px;
    }

    .single-wide .image-slider .news-post .hover-box .inner-hover ul.post-tags {
        padding: 0 20px;
    }

.single-wide .image-slider .bx-wrapper .bx-pager {
    bottom: 20px;
    top: inherit;
    right: inherit;
    left: 50%;
}

.single-post-box.wide-version .share-post-box {
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
}
/*-------------------------------------------------*/
/* =  contact page
/*-------------------------------------------------*/
.contact-info-box {
    margin-bottom: 40px;
}

    .contact-info-box #map {
        height: 360px;
        margin-bottom: 25px;
    }

    .contact-info-box p {
        padding: 0 20px;
    }

.contact-form-box #contact-form,
.contact-form-box #comment-form {
    margin: 0;
}

    .contact-form-box #contact-form label,
    .contact-form-box #comment-form label {
        display: block;
        color: #333333;
        font-size: 13px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        margin: 0 0 16px;
        cursor: pointer;
    }

    .contact-form-box #contact-form input[type="text"],
    .contact-form-box #comment-form input[type="text"],
    .contact-form-box #contact-form textarea,
    .contact-form-box #comment-form textarea {
        display: block;
        width: 100%;
        padding: 10px 20px;
        background: #fafafa;
        color: #333333;
        font-size: 13px;
        font-family: 'Noto Sans', sans-serif;
        outline: none;
        border: 1px solid #e1e1e1;
        margin: 0 0 16px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .contact-form-box #contact-form input[type="text"]:focus,
        .contact-form-box #comment-form input[type="text"]:focus,
        .contact-form-box #contact-form textarea:focus,
        .contact-form-box #comment-form textarea:focus {
            border: 1px solid #f44336;
        }

    .contact-form-box #contact-form textarea,
    .contact-form-box #comment-form textarea {
        height: 130px;
    }

    .contact-form-box #contact-form button,
    .contact-form-box #comment-form button {
        color: #ccc;
        font-size: 11px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        background: #222222;
        padding: 8px 10px;
        border: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .contact-form-box #contact-form button i,
        .contact-form-box #comment-form button i {
            margin-right: 7px;
        }

        .contact-form-box #contact-form button:hover,
        .contact-form-box #comment-form button:hover {
            background: #f44336;
            color: #ffffff;
        }

.contact-form-box .title-section span.email-not-published {
    float: right;
    padding-right: 0;
    border: none;
    color: #999999;
    font-size: 13px;
    text-transform: initial;
    font-weight: 400;
}
/*-------------------------------------------------*/
/* =  404 erro page
/*-------------------------------------------------*/
.error-banner {
    background: #f44336;
    padding: 20px 30px;
    margin-bottom: 30px;
}

    .error-banner h1 {
        color: #ffffff;
        font-size: 48px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        margin: 0 0 7px;
    }

        .error-banner h1 span {
            font-weight: 900;
        }

    .error-banner p {
        color: #ffffff;
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 3px;
    }

div.search-box {
    padding: 0 30px;
    margin-bottom: 35px;
}
/*-------------------------------------------------*/
/* =  Autor list page
/*-------------------------------------------------*/
ul.autor-list {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}

    ul.autor-list > li {
        list-style: none;
        border-bottom: 1px solid #f0f0f0;
    }

        ul.autor-list > li .autor-box {
            padding: 30px;
            background: #fafafa;
            border: 1px solid transparent;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

            ul.autor-list > li .autor-box img {
                max-width: 100px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                float: left;
            }

            ul.autor-list > li .autor-box .autor-content {
                margin-left: 120px;
            }

                ul.autor-list > li .autor-box .autor-content .autor-title {
                    overflow: hidden;
                    margin-bottom: 10px;
                }

                    ul.autor-list > li .autor-box .autor-content .autor-title h1 {
                        float: left;
                        color: #333333;
                        font-size: 13px;
                        font-family: 'Noto Sans', sans-serif;
                        font-weight: 700;
                        line-height: 20px;
                        margin: 0 0 10px;
                    }

                        ul.autor-list > li .autor-box .autor-content .autor-title h1 span:after {
                            content: '/';
                            color: #333333;
                            font-size: 13px;
                            font-family: 'Noto Sans', sans-serif;
                            font-weight: 700;
                            line-height: 20px;
                            margin: 0 0 10px;
                            margin: 0 6px;
                        }

                        ul.autor-list > li .autor-box .autor-content .autor-title h1 a {
                            text-decoration: underline;
                            display: inline-block;
                            color: #f44336;
                        }

                            ul.autor-list > li .autor-box .autor-content .autor-title h1 a:hover {
                                opacity: 0.7;
                            }

                    ul.autor-list > li .autor-box .autor-content .autor-title ul.autor-social {
                        margin: 0;
                        padding: 0;
                        float: right;
                    }

                        ul.autor-list > li .autor-box .autor-content .autor-title ul.autor-social li {
                            display: inline-block;
                            margin-left: 7px;
                        }

                            ul.autor-list > li .autor-box .autor-content .autor-title ul.autor-social li a {
                                display: inline-block;
                                text-decoration: none;
                                transition: all 0.2s ease-in-out;
                                -moz-transition: all 0.2s ease-in-out;
                                -webkit-transition: all 0.2s ease-in-out;
                                -o-transition: all 0.2s ease-in-out;
                                color: #666666;
                                font-size: 13px;
                            }

                                ul.autor-list > li .autor-box .autor-content .autor-title ul.autor-social li a:hover {
                                    color: #f44336;
                                }

                ul.autor-list > li .autor-box .autor-content p {
                    margin: 0;
                }

        ul.autor-list > li .autor-last-line {
            overflow: hidden;
            padding: 10px 30px;
        }

            ul.autor-list > li .autor-last-line ul.autor-tags {
                margin: 0;
                padding: 0;
                float: left;
            }

                ul.autor-list > li .autor-last-line ul.autor-tags li {
                    display: inline-block;
                    margin-right: 3px;
                }

                    ul.autor-list > li .autor-last-line ul.autor-tags li span {
                        display: inline-block;
                        color: #666666;
                        font-size: 13px;
                        font-family: 'Noto Sans', sans-serif;
                        line-height: 30px;
                        padding-right: 3px;
                    }

                        ul.autor-list > li .autor-last-line ul.autor-tags li span i {
                            margin-right: 10px;
                            color: #999999;
                            font-size: 18px;
                        }

                    ul.autor-list > li .autor-last-line ul.autor-tags li a {
                        display: inline-block;
                        text-decoration: none;
                        transition: all 0.2s ease-in-out;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        -o-transition: all 0.2s ease-in-out;
                        color: #999999;
                        font-size: 12px;
                        font-family: 'Noto Sans', sans-serif;
                        padding: 6px 10px;
                        border: 1px solid #f0f0f0;
                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        -o-border-radius: 3px;
                        border-radius: 3px;
                    }

                        ul.autor-list > li .autor-last-line ul.autor-tags li a:hover {
                            color: #ffffff;
                            background: #f44336;
                            border-color: #f44336;
                        }

            ul.autor-list > li .autor-last-line a.autor-site {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                float: right;
                text-decoration: underline;
                color: #f58021;
                font-size: 13px;
                line-height: 30px;
                font-family: 'Noto Sans', sans-serif;
            }

                ul.autor-list > li .autor-last-line a.autor-site:hover {
                    opacity: 0.7;
                }

        ul.autor-list > li:hover .autor-box {
            border-color: #999999;
        }
/*-------------------------------------------------*/
/* =  forum-pages
/*-------------------------------------------------*/
.forum-box .search-box {
    padding: 30px;
    background: #fafafa;
}

.forum-box p.line-for-loggin {
    padding: 4px 20px;
    background: #fff3c9;
    font-size: 12px;
}

.forum-table {
    margin-bottom: 30px;
}

    .forum-table .table-head {
        overflow: hidden;
        background: #222222;
    }

        .forum-table .table-head > div {
            float: left;
            padding: 12px 20px;
        }

            .forum-table .table-head > div span {
                color: #ffffff;
                font-size: 10px;
                text-transform: uppercase;
                font-weight: 700;
            }

    .forum-table div.first-col {
        width: 55%;
    }

        .forum-table div.first-col a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            font-size: 13px;
            color: #ffffff;
            text-transform: uppercase;
            font-weight: 700;
        }

            .forum-table div.first-col a:hover {
                color: #f44336;
            }

    .forum-table div.second-col {
        width: 20%;
    }

    .forum-table div.third-col {
        width: 25%;
        text-align: right;
    }

    .forum-table div.table-row {
        overflow: hidden;
        background: #fafafa;
        position: relative;
    }

        .forum-table div.table-row > div {
            float: left;
            padding: 15px 20px;
        }

            .forum-table div.table-row > div span {
                color: #ffffff;
                font-size: 10px;
                text-transform: uppercase;
                font-weight: 700;
            }

            .forum-table div.table-row > div h2 {
                font-size: 13px;
                font-family: 'Noto Sans', sans-serif;
                font-weight: 700;
                color: #222222;
                margin: 0 0 8px;
            }

                .forum-table div.table-row > div h2 a {
                    display: inline-block;
                    text-decoration: none;
                    transition: all 0.2s ease-in-out;
                    -moz-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    color: #222222;
                }

                    .forum-table div.table-row > div h2 a:hover {
                        color: #f44336;
                    }

            .forum-table div.table-row > div p {
                display: block;
                margin: 0;
                font-size: 13px;
            }

        .forum-table div.table-row div.second-col span {
            color: #222222;
        }

        .forum-table div.table-row div.second-col p {
            font-size: 10px;
            text-transform: uppercase;
        }

        .forum-table div.table-row div.third-col img {
            width: 40px;
            float: right;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            margin-left: 17px;
        }

        .forum-table div.table-row div.third-col p {
            font-size: 10px;
            line-height: 16px;
        }

            .forum-table div.table-row div.third-col p a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                color: #f44336;
                text-transform: inherit;
            }

        .forum-table div.table-row div.forum-post {
            overflow: hidden;
            float: left;
            width: 80%;
        }

            .forum-table div.table-row div.forum-post img {
                max-width: 45px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                float: left;
            }

            .forum-table div.table-row div.forum-post .post-autor-date {
                margin-left: 60px;
            }

                .forum-table div.table-row div.forum-post .post-autor-date h2 {
                    color: #222222;
                    font-size: 13px;
                    font-family: 'Noto Sans', sans-serif;
                    font-weight: 700;
                    line-height: 16px;
                    margin: 0 0 3px;
                }

                    .forum-table div.table-row div.forum-post .post-autor-date h2 a {
                        display: inline-block;
                        text-decoration: none;
                        transition: all 0.2s ease-in-out;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        -o-transition: all 0.2s ease-in-out;
                        color: #222222;
                    }

                        .forum-table div.table-row div.forum-post .post-autor-date h2 a:hover {
                            color: #f44336;
                        }

                .forum-table div.table-row div.forum-post .post-autor-date p {
                    font-size: 10px;
                    line-height: 16px;
                }

                    .forum-table div.table-row div.forum-post .post-autor-date p a {
                        display: inline-block;
                        text-decoration: none;
                        transition: all 0.2s ease-in-out;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        -o-transition: all 0.2s ease-in-out;
                        color: #f44336;
                        text-transform: inherit;
                    }

            .forum-table div.table-row div.forum-post.comment-post {
                width: 100%;
            }

                .forum-table div.table-row div.forum-post.comment-post img {
                    max-width: 100px;
                }

                .forum-table div.table-row div.forum-post.comment-post .post-autor-date {
                    margin-left: 120px;
                }

                    .forum-table div.table-row div.forum-post.comment-post .post-autor-date p span {
                        color: #666666;
                    }

                    .forum-table div.table-row div.forum-post.comment-post .post-autor-date div.content-post-area p {
                        margin-top: 10px;
                        font-size: 13px;
                        line-height: 22px;
                    }

        .forum-table div.table-row div.forum-topics {
            width: 20%;
            float: left;
            padding-top: 25px;
            padding-bottom: 25px;
        }

            .forum-table div.table-row div.forum-topics span {
                color: #222222;
            }

            .forum-table div.table-row div.forum-topics p {
                font-size: 10px;
                text-transform: uppercase;
                margin: 0;
            }

        .forum-table div.table-row:after {
            content: '';
            position: absolute;
            top: 0;
            left: 20px;
            right: 20px;
            border-top: 1px solid #f0f0f0;
        }

        .forum-table div.table-row:first-child:after {
            border-top: none;
        }

    .forum-table div.table-title {
        background: #222222;
        padding: 20px;
    }

        .forum-table div.table-title h2 {
            font-size: 13px;
            color: #ffffff;
            text-transform: uppercase;
            font-weight: 700;
            margin: 0;
            line-height: 24px;
        }

        .forum-table div.table-title p {
            margin: 0;
            font-size: 13px;
        }

    .forum-table p.posted-in-category {
        font-size: 11px;
        margin: 7px 0;
        padding-left: 20px;
    }

        .forum-table p.posted-in-category a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            color: #f44336;
        }
/*-------------------------------------------------*/
/* =  Log in popup
/*-------------------------------------------------*/
.white-popup {
    position: relative;
    padding: 30px;
    width: auto;
    max-width: 430px;
    margin: 20px auto;
    background: #FFF;
}

    .white-popup .mfp-close-btn-in .mfp-close {
        color: #222222 !important;
        width: 16px !important;
        padding-top: 20px !important;
        padding-right: 45px !important;
    }

#log-in-popup {
    overflow: hidden;
}

    #log-in-popup form.login-form .title-section,
    #log-in-popup form.register-form .title-section,
    #log-in-popup form.lost-password-form .title-section {
        margin-bottom: 18px;
    }

    #log-in-popup form.login-form p,
    #log-in-popup form.register-form p,
    #log-in-popup form.lost-password-form p {
        font-size: 11px;
        margin: 0 0 18px;
        color: #666;
    }

    #log-in-popup form.login-form label,
    #log-in-popup form.register-form label,
    #log-in-popup form.lost-password-form label {
        display: block;
        margin: 0 0 5px;
        color: #222222;
        font-size: 13px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
    }

        #log-in-popup form.login-form label span,
        #log-in-popup form.register-form label span,
        #log-in-popup form.lost-password-form label span {
            color: #f44336;
        }

    #log-in-popup form.login-form input[type="text"],
    #log-in-popup form.register-form input[type="text"],
    #log-in-popup form.lost-password-form input[type="text"],
    #log-in-popup form.login-form input[type="password"],
    #log-in-popup form.register-form input[type="password"],
    #log-in-popup form.lost-password-form input[type="password"] {
        display: block;
        margin: 0 0 17px;
        color: #666666;
        font-size: 13px;
        font-family: 'Noto Sans', sans-serif;
        width: 100%;
        border: 1px solid #e1e1e1;
        background: #fafafa;
        outline: none;
        padding: 10px 20px;
    }

    #log-in-popup form.login-form button[type="submit"],
    #log-in-popup form.register-form button[type="submit"],
    #log-in-popup form.lost-password-form button[type="submit"] {
        border: none;
        float: left;
        padding: 8px 10px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        background: #222222;
        color: #ffffff;
        font-size: 11px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        margin-right: 49px;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        #log-in-popup form.login-form button[type="submit"] i,
        #log-in-popup form.register-form button[type="submit"] i,
        #log-in-popup form.lost-password-form button[type="submit"] i {
            margin-right: 8px;
        }

        #log-in-popup form.login-form button[type="submit"]:hover,
        #log-in-popup form.register-form button[type="submit"]:hover,
        #log-in-popup form.lost-password-form button[type="submit"]:hover {
            background: #f44336;
        }

    #log-in-popup form.login-form input[type="checkbox"],
    #log-in-popup form.register-form input[type="checkbox"],
    #log-in-popup form.lost-password-form input[type="checkbox"] {
        display: inline-block;
        float: left;
        margin-right: 5px;
        margin-top: 10px;
    }

    #log-in-popup form.login-form span,
    #log-in-popup form.register-form span,
    #log-in-popup form.lost-password-form span {
        display: inline-block;
        color: #222222;
        font-size: 11px;
        font-family: 'Noto Sans', sans-serif;
        margin-top: 8px;
    }

    #log-in-popup form.login-form > a,
    #log-in-popup form.register-form > a,
    #log-in-popup form.lost-password-form > a {
        display: inline-block;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        float: right;
        color: #222222;
        font-size: 11px;
        font-family: 'Noto Sans', sans-serif;
        text-decoration: underline;
        margin-top: 8px;
    }

        #log-in-popup form.login-form > a:hover,
        #log-in-popup form.register-form > a:hover,
        #log-in-popup form.lost-password-form > a:hover {
            color: #f44336;
        }

    #log-in-popup form.login-form p.register-line,
    #log-in-popup form.register-form p.register-line,
    #log-in-popup form.lost-password-form p.register-line,
    #log-in-popup form.login-form p.login-line,
    #log-in-popup form.register-form p.login-line,
    #log-in-popup form.lost-password-form p.login-line {
        margin-top: 10px;
        margin-bottom: 0;
        clear: both;
    }

        #log-in-popup form.login-form p.register-line a,
        #log-in-popup form.register-form p.register-line a,
        #log-in-popup form.lost-password-form p.register-line a,
        #log-in-popup form.login-form p.login-line a,
        #log-in-popup form.register-form p.login-line a,
        #log-in-popup form.lost-password-form p.login-line a {
            display: inline-block;
            text-decoration: none;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            color: #222222;
            font-size: 11px;
            font-family: 'Noto Sans', sans-serif;
            text-decoration: underline;
        }

            #log-in-popup form.login-form p.register-line a:hover,
            #log-in-popup form.register-form p.register-line a:hover,
            #log-in-popup form.lost-password-form p.register-line a:hover,
            #log-in-popup form.login-form p.login-line a:hover,
            #log-in-popup form.register-form p.login-line a:hover,
            #log-in-popup form.lost-password-form p.login-line a:hover {
                color: #f44336;
            }

    #log-in-popup form.register-form,
    #log-in-popup form.lost-password-form {
        display: none;
    }

        #log-in-popup form.register-form p,
        #log-in-popup form.lost-password-form p {
            clear: both;
            margin: 10px 0 0;
        }

        #log-in-popup form.register-form button[type="submit"],
        #log-in-popup form.lost-password-form button[type="submit"] {
            float: none;
        }

a.log-in-popup {
    outline: none;
}
/*-------------------------------------------------*/
/* =  comming-soon-page
/*-------------------------------------------------*/
body.comming-soon-page {
    width: 100%;
    height: 100%;
    background: url('../upload/banners/1.jpg') center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

    body.comming-soon-page #comming-soon-content {
        text-align: center;
        position: relative;
        z-index: 2;
        padding: 100px 0;
    }

        body.comming-soon-page #comming-soon-content .logo-place {
            margin-bottom: 200px;
        }

            body.comming-soon-page #comming-soon-content .logo-place a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

                body.comming-soon-page #comming-soon-content .logo-place a img {
                    max-width: 100%;
                }

                body.comming-soon-page #comming-soon-content .logo-place a:hover {
                    opacity: 0.8;
                }

        body.comming-soon-page #comming-soon-content #clock {
            max-width: 420px;
            margin: 0 auto 40px;
            overflow: hidden;
        }

            body.comming-soon-page #comming-soon-content #clock .comming-part {
                float: left;
                width: 25%;
                text-align: center;
            }

                body.comming-soon-page #comming-soon-content #clock .comming-part span {
                    display: inline-block;
                    color: #ffffff;
                    font-size: 48px;
                    font-family: 'Noto Sans', sans-serif;
                    font-weight: 900;
                    margin: 0 0 5px;
                }

                body.comming-soon-page #comming-soon-content #clock .comming-part p {
                    font-size: 13px;
                    color: #f44336;
                    text-transform: uppercase;
                    margin-bottom: 0;
                }

        body.comming-soon-page #comming-soon-content form.subscribe {
            margin: 0 0 40px;
        }

            body.comming-soon-page #comming-soon-content form.subscribe p {
                color: #ffffff;
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 40px;
                line-height: 24px;
            }

            body.comming-soon-page #comming-soon-content form.subscribe h1 {
                color: #ffffff;
                font-size: 48px;
                font-family: 'Noto Sans', sans-serif;
                font-weight: 300;
                text-transform: uppercase;
                margin: 0 0 20px;
            }

                body.comming-soon-page #comming-soon-content form.subscribe h1 span {
                    color: #f44336;
                    font-weight: 900;
                }

            body.comming-soon-page #comming-soon-content form.subscribe input[type=text] {
                display: inline-block;
                width: 430px;
                padding: 9px 10px;
                background: #ffffff;
                color: #aaa;
                font-size: 11px;
                font-family: 'Noto Sans', sans-serif;
                text-transform: uppercase;
                outline: none;
                border: 1px solid #eeeeee;
                -webkit-border-radius: 1px;
                -moz-border-radius: 1px;
                -o-border-radius: 1px;
                border-radius: 1px;
                margin: 0 10px 10px 0;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

                body.comming-soon-page #comming-soon-content form.subscribe input[type=text]:focus {
                    border: 1px solid #f44336;
                }

            body.comming-soon-page #comming-soon-content form.subscribe button {
                display: inline-block;
                margin: 0;
                padding: 10px 26px;
                background: #222222;
                border: none;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -o-border-radius: 3px;
                border-radius: 3px;
                outline: none;
                color: #fff;
                font-size: 11px;
                font-family: 'Noto Sans', sans-serif;
                text-transform: uppercase;
                font-weight: 700;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

                body.comming-soon-page #comming-soon-content form.subscribe button i {
                    margin: 0 8px;
                }

                body.comming-soon-page #comming-soon-content form.subscribe button:hover {
                    background: #f44336;
                }

        body.comming-soon-page #comming-soon-content .social-box {
            margin-top: 200px;
        }

            body.comming-soon-page #comming-soon-content .social-box ul.social-icons {
                margin: 0;
                padding: 0;
            }

                body.comming-soon-page #comming-soon-content .social-box ul.social-icons li {
                    display: inline-block;
                    margin-right: 1px;
                }

                    body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a {
                        display: inline-block;
                        text-decoration: none;
                        transition: all 0.2s ease-in-out;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        -o-transition: all 0.2s ease-in-out;
                        width: 36px;
                        height: 36px;
                        border: 1px solid #666666;
                        -webkit-border-radius: 2px;
                        -moz-border-radius: 2px;
                        -o-border-radius: 2px;
                        border-radius: 2px;
                        color: #666666;
                        font-size: 20px;
                        line-height: 34px;
                        text-align: center;
                    }

                        body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.facebook:hover {
                            border: 1px solid #1854dd;
                            background: #1854dd;
                            color: #ffffff;
                        }

                        body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.google:hover {
                            border: 1px solid #f14133;
                            background: #f14133;
                            color: #ffffff;
                        }

                        body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.twitter:hover {
                            border: 1px solid #18a3dd;
                            background: #18a3dd;
                            color: #ffffff;
                        }

                        body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.youtube:hover {
                            border: 1px solid #d31708;
                            background: #d31708;
                            color: #ffffff;
                        }

                        body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.instagram:hover {
                            border: 1px solid #a55900;
                            background: #a55900;
                            color: #ffffff;
                        }

                        body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.linkedin:hover {
                            border: 1px solid #1879dd;
                            background: #1879dd;
                            color: #ffffff;
                        }

                        body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.vimeo:hover {
                            border: 1px solid #2ea0f0;
                            background: #2ea0f0;
                            color: #ffffff;
                        }

                        body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.dribble:hover {
                            border: 1px solid #f05c9e;
                            background: #f05c9e;
                            color: #ffffff;
                        }

                        body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.pinterest:hover {
                            border: 1px solid #d30829;
                            background: #d30829;
                            color: #ffffff;
                        }

                        body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.flickr:hover {
                            border: 1px solid #a43e99;
                            background: #a43e99;
                            color: #ffffff;
                        }

                        body.comming-soon-page #comming-soon-content .social-box ul.social-icons li a.rss:hover {
                            border: 1px solid #f0590f;
                            background: #f0590f;
                            color: #ffffff;
                        }

    body.comming-soon-page.underconstruction {
        background: url('../upload/banners/2.jpg') center fixed;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }
/*-------------------------------------------------*/
/* =  Footer
/*-------------------------------------------------*/
footer {
    background: #069946;
    padding-top: 62px;
}
    /*footer .footer-widgets-part {
  padding-bottom: 25px;
}*/
    footer a, footer p a {
        color: #88c7fe;
    }

        footer a:hover, footer a:active, footer a:after {
            color: #fff;
        }

    footer h1 {
        color: #222222;
        font-size: 20px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        margin: 0 0 30px;
        text-transform: uppercase;
        padding-bottom: 15px;
        border-bottom: 1px solid #ffc107;
        margin-bottom: 15px;
        color: #ffffff;
        letter-spacing: 1px;
    }

    footer .widget {
        margin-bottom: 20px;
    }

        footer .widget p {
            color: #fff;
        }

    footer .text-widget a {
        display: inline-block;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        margin-bottom: 0px;
    }

        footer .text-widget a img {
            margin-top: 20px;
        }

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

        footer .social-widget ul.social-icons li {
            display: inline-block;
            margin-right: 1px;
            margin-bottom: 4px;
        }

            footer .social-widget ul.social-icons li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                width: 36px;
                height: 35px;
                line-height: 34px;
                text-align: center;
                border: 1px solid #fff;
                color: #fff;
                font-size: 20px;
                background: transparent;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                -o-border-radius: 2px;
                border-radius: 2px;
            }

                footer .social-widget ul.social-icons li a:hover {
                    color: #ffffff;
                }

                footer .social-widget ul.social-icons li a.facebook:hover {
                    background: #1854dd;
                    border: 1px solid #1854dd;
                }

                footer .social-widget ul.social-icons li a.google:hover {
                    background: #f14133;
                    border: 1px solid #f14133;
                }

                footer .social-widget ul.social-icons li a.twitter:hover {
                    background: #18a3dd;
                    border: 1px solid #18a3dd;
                }

                footer .social-widget ul.social-icons li a.youtube:hover {
                    background: #d31708;
                    border: 1px solid #d31708;
                }

                footer .social-widget ul.social-icons li a.instagram:hover {
                    background: #a55900;
                    border: 1px solid #a55900;
                }

                footer .social-widget ul.social-icons li a.linkedin:hover {
                    background: #1879dd;
                    border: 1px solid #1879dd;
                }

                footer .social-widget ul.social-icons li a.vimeo:hover {
                    background: #2ea0f0;
                    border: 1px solid #2ea0f0;
                }

                footer .social-widget ul.social-icons li a.dribble:hover {
                    background: #f05c9e;
                    border: 1px solid #f05c9e;
                }

                footer .social-widget ul.social-icons li a.pinterest:hover {
                    background: #d30829;
                    border: 1px solid #d30829;
                }

                footer .social-widget ul.social-icons li a.flickr:hover {
                    background: #a43e99;
                    border: 1px solid #a43e99;
                }

                footer .social-widget ul.social-icons li a.rss:hover {
                    background: #f0590f;
                    border: 1px solid #f0590f;
                }

    footer .posts-widget ul.list-posts > li {
        border-bottom: none;
        margin-bottom: 20px;
    }

        footer .posts-widget ul.list-posts > li img {
            width: 80px;
        }

        footer .posts-widget ul.list-posts > li .post-content {
            margin-left: 100px;
        }

            footer .posts-widget ul.list-posts > li .post-content > a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                display: block;
                color: #666666;
                font-size: 12px;
                font-family: 'Noto Sans', sans-serif;
                font-style: italic;
                margin: 0;
                line-height: 16px;
                margin-top: -2px;
            }

                footer .posts-widget ul.list-posts > li .post-content > a:hover {
                    opacity: 0.7;
                }

            footer .posts-widget ul.list-posts > li .post-content h2 {
                line-height: 18px;
                margin-bottom: 0;
                max-height: 36px;
                overflow: hidden;
            }

                footer .posts-widget ul.list-posts > li .post-content h2 a {
                    color: #999999;
                }

                    footer .posts-widget ul.list-posts > li .post-content h2 a:hover {
                        color: #ffffff;
                    }

    footer .categories-widget ul.category-list {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

        footer .categories-widget ul.category-list li {
            list-style: none;
            width: 33.33%;
            float: left;
            margin-bottom: 15px;
        }

            footer .categories-widget ul.category-list li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                display: block;
                color: #fff;
                font-size: 16px;
                font-family: 'Noto Sans', sans-serif;
                font-weight: 700;
                padding-bottom: 15px;
                border-bottom: 1px solid whitesmoke;
            }

                footer .categories-widget ul.category-list li a span {
                    display: inline-block;
                    float: right;
                    width: 30px;
                    height: 20px;
                    text-align: center;
                    line-height: 18px;
                    border: 1px solid #333333;
                    -webkit-border-radius: 2px;
                    -moz-border-radius: 2px;
                    -o-border-radius: 2px;
                    border-radius: 2px;
                    transition: all 0.2s ease-in-out;
                    -moz-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                }

                footer .categories-widget ul.category-list li a:hover {
                    color: #ffc107;
                }

                    footer .categories-widget ul.category-list li a:hover span {
                        background: #f44336;
                        border: 1px solid #f44336;
                        color: #ffffff;
                    }
    /*footer .categories-widget ul.category-list li:nth-child(2n) {
  padding-left: 9px;
}*/
    footer .flickr-widget ul.flickr-list {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }

        footer .flickr-widget ul.flickr-list li {
            display: inline-block;
            margin-right: 5px;
            margin-bottom: 8px;
        }

            footer .flickr-widget ul.flickr-list li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
            }

                footer .flickr-widget ul.flickr-list li a img {
                    max-width: 81px;
                }

                footer .flickr-widget ul.flickr-list li a:hover {
                    opacity: 0.7;
                }

            footer .flickr-widget ul.flickr-list li:nth-child(3n) {
                margin-right: 0;
            }

    footer .flickr-widget a {
        display: inline-block;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        color: #999999;
        font-size: 12px;
        font-family: 'Noto Sans', sans-serif;
    }

        footer .flickr-widget a:hover {
            color: #ffffff;
        }

    footer .tags-widget ul.tag-list {
        margin: 0;
        padding: 0;
    }

        footer .tags-widget ul.tag-list li {
            display: inline-block;
            margin-right: 2px;
            margin-bottom: 5px;
        }

            footer .tags-widget ul.tag-list li a {
                display: inline-block;
                text-decoration: none;
                transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                color: #999999;
                font-size: 12px;
                font-family: 'Noto Sans', sans-serif;
                padding: 6px 10px;
                border: 1px solid #444444;
                background: transparent;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -o-border-radius: 3px;
                border-radius: 3px;
            }

                footer .tags-widget ul.tag-list li a:hover {
                    color: #ffffff;
                    background: #f44336;
                    border: 1px solid #f44336;
                }

    footer .subscribe-widget form {
        margin: 0;
        background: #f44336;
        padding: 17px 20px;
    }

        footer .subscribe-widget form h1 {
            color: #ffffff;
            margin-bottom: 16px;
            padding: 0;
            border: none;
        }

        footer .subscribe-widget form input[type="text"] {
            outline: none;
            padding: 12px;
            color: #999999;
            font-size: 12px;
            font-family: 'Noto Sans', sans-serif;
            background: #ffffff;
            border: none;
            width: 100%;
            display: block;
        }

        footer .subscribe-widget form button {
            width: 40px;
            height: 42px;
            text-align: right;
            background: #f44336;
            border: none;
            outline: none;
            line-height: 40px;
            color: #ffffff;
            font-size: 30px;
            float: right;
            margin-top: -42px;
        }

        footer .subscribe-widget form p {
            color: #ffffff;
            margin: 0;
            font-size: 12px;
            line-height: 15px;
            margin-top: 15px;
        }

    footer .recent-comments-widget {
        margin-bottom: 45px;
    }

        footer .recent-comments-widget ul {
            margin: 0;
            padding: 0;
            background: transparent;
        }

        footer .recent-comments-widget .bx-wrapper .bx-viewport {
            background: transparent;
        }

        footer .recent-comments-widget .bx-wrapper .bx-controls-direction {
            display: none;
        }

        footer .recent-comments-widget .bx-wrapper .bx-pager {
            bottom: -35px !important;
            padding-top: 0;
        }

            footer .recent-comments-widget .bx-wrapper .bx-pager.bx-default-pager a:hover,
            footer .recent-comments-widget .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #f5d76e;
                border: 2px solid #f5d76e;
            }

        footer .recent-comments-widget div.recent-comment {
            text-align: center;
        }

            footer .recent-comments-widget div.recent-comment img {
                max-width: 70px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                margin: 0 auto 12px;
            }

            footer .recent-comments-widget div.recent-comment .comment-content p {
                color: #cccccc;
                font-style: italic;
                font-weight: 700;
                margin-bottom: 0;
            }

                footer .recent-comments-widget div.recent-comment .comment-content p.main-message {
                    font-weight: 400;
                    margin-bottom: 13px;
                    position: relative;
                    color: #999999;
                }

            footer .recent-comments-widget div.recent-comment .comment-content span {
                display: inline-block;
                color: #999999;
                font-size: 12px;
                font-family: 'Noto Sans', sans-serif;
                font-style: italic;
            }

                footer .recent-comments-widget div.recent-comment .comment-content span i {
                    margin-right: 10px;
                }

    footer .footer-last-line {
        padding: 10px 0;
        border-top: 1px solid #ffc107;
    }

        footer .footer-last-line p {
            font-size: 12px;
            color: #fff;
            margin-bottom: 0px;
        }

        footer .footer-last-line nav.footer-nav {
            text-align: right;
        }

            footer .footer-last-line nav.footer-nav ul {
                margin: 0;
                padding: 0;
            }

                footer .footer-last-line nav.footer-nav ul li {
                    display: inline-block;
                    margin-left: 10px;
                }

                    footer .footer-last-line nav.footer-nav ul li a {
                        display: inline-block;
                        text-decoration: none;
                        transition: all 0.2s ease-in-out;
                        -moz-transition: all 0.2s ease-in-out;
                        -webkit-transition: all 0.2s ease-in-out;
                        -o-transition: all 0.2s ease-in-out;
                        color: #666666;
                        font-size: 12px;
                        font-family: 'Noto Sans', sans-serif;
                    }

                        footer .footer-last-line nav.footer-nav ul li a:hover {
                            color: #ffffff;
                        }

                    footer .footer-last-line nav.footer-nav ul li:first-child {
                        margin-left: 0;
                    }

                    footer .footer-last-line nav.footer-nav ul li:before {
                        content: '|';
                        margin-right: 13px;
                        color: #666666;
                        font-size: 12px;
                        font-family: 'Noto Sans', sans-serif;
                    }

                    footer .footer-last-line nav.footer-nav ul li:first-child:before {
                        display: none;
                        margin-right: 0;
                    }
/*-------------------------------------------------*/
/* =  Responsive Part
/*-------------------------------------------------*/
@media (max-width: 1400px) {
    section.heading-news .heading-news-box .image-post {
        width: 20%;
    }

    section.heading-news .heading-news-box .snd-size {
        width: 40%;
    }

    section.heading-news .heading-news-box > .image-post:nth-last-of-type(-n+2) {
        display: none;
    }
}

@media (max-width: 1199px) {
    #container {
        overflow: hidden;
    }

    .navbar-brand {
        max-width: 230px;
        padding-top: 58px;
    }

    .navbar-nav > li > a {
        padding: 20px 12px;
    }

        .navbar-nav > li > a.home {
            padding: 20px 12px;
        }

        .navbar-nav > li > a:after {
            display: none;
        }

    .navbar-nav .megadropdown .inner-megadropdown .filter-block,
    .navbar-nav .megadropdown .inner-megadropdown .filter-block:before {
        width: 170px;
    }

    .navbar-nav .megadropdown .inner-megadropdown .posts-filtered-block {
        width: 770px;
    }

    section.heading-news .heading-news-box .image-post {
        width: 25%;
    }

    section.heading-news .heading-news-box .snd-size {
        width: 50%;
    }

    section.heading-news .heading-news-box > .image-post:nth-last-of-type(-n+4) {
        display: none;
    }

    .ticker-news-box .ticker {
        width: 679px;
    }

    .heading-news2 .ticker-news-box .ticker {
        width: 716px;
    }

    .latest-articles.iso-call .news-post {
        width: 293px;
    }

    .advertisement img {
        max-width: 100%;
    }

    .heading-news2 .heading-news-box .news-post {
        width: 33.33333%;
    }

    .heading-news2 .heading-news-box > .news-post:nth-last-of-type(-n+2) {
        display: none;
    }

    .heading-news2 .heading-news-box .image-slider.snd-size {
        width: 66.66666%;
    }

    .galery-box #bx-pager2 a {
        width: 69px;
    }

    .very-large-post .post-gallery .group-image a.big-size {
        width: 66%;
    }
}

@media (max-width: 991px) {
    .top-line ul.social-icons {
        display: none;
    }

    form.navbar-right {
        display: none;
    }

    .navbar-nav > li > a {
        padding: 15px 8px;
    }

        .navbar-nav > li > a.home {
            padding: 15px 8px;
        }

    .advertisement .desktop-advert,
    .sidebar .advertisement .desktop-advert {
        display: none;
    }

    .advertisement .tablet-advert,
    .sidebar .advertisement .tablet-advert {
        display: block;
    }

    .navbar-brand {
        padding: 45px 15px 40px 0;
    }

    .navbar-nav .megadropdown .inner-megadropdown .filter-block {
        display: none;
    }

    .navbar-nav .megadropdown .inner-megadropdown .posts-filtered-block {
        width: 720px;
    }

    section.heading-news .heading-news-box .image-post {
        width: 33.33333%;
    }

    section.heading-news .heading-news-box .snd-size {
        width: 66.66666%;
    }

    section.heading-news .heading-news-box > .image-post:nth-last-of-type(-n+6) {
        display: none;
    }

    section.ticker-news,
    .heading-news2 .ticker-news-box {
        display: none;
    }

    .sidebar ul.social-share li span {
        font-size: 9px;
    }

    .latest-articles.iso-call .news-post {
        width: 470px;
    }

    .sidebar .image-post-slider .news-post .hover-box .inner-hover {
        padding: 0 20px;
    }

        .sidebar .image-post-slider .news-post .hover-box .inner-hover h2 {
            font-size: 14px;
            line-height: 18px;
            max-height: 36px;
        }

        .sidebar .image-post-slider .news-post .hover-box .inner-hover .post-tags li:last-child {
            display: none;
        }

        .sidebar .image-post-slider .news-post .hover-box .inner-hover .post-tags li:nth-child(1) {
            display: none;
        }

    .sidebar .tab-posts-widget ul.nav-tabs li a {
        font-size: 10px;
    }

    .sidebar .tab-posts-widget .tab-pane ul.list-posts > li {
        padding-left: 10px;
        padding-right: 10px;
    }

        .sidebar .tab-posts-widget .tab-pane ul.list-posts > li img {
            margin-right: 10px;
        }

    footer .footer-last-line nav.footer-nav {
        display: none;
    }

    footer .footer-last-line p {
        text-align: center;
    }

    .sidebar .recent-comments-widget ul.comment-list li {
        text-align: center;
    }

        .sidebar .recent-comments-widget ul.comment-list li img {
            float: none;
            margin-bottom: 20px;
        }

        .sidebar .recent-comments-widget ul.comment-list li .comment-content {
            margin-left: 0;
            padding: 0 10px;
        }

            .sidebar .recent-comments-widget ul.comment-list li .comment-content p.main-message:before {
                top: -6px;
                left: 50%;
                margin-left: -3px;
            }

            .sidebar .recent-comments-widget ul.comment-list li .comment-content span {
                padding-left: 0;
            }

    header.third-style .list-line-posts {
        display: none;
    }

    header.third-style .navbar-nav > li > a.latest {
        display: none;
    }

    .sidebar.small-sidebar {
        display: none;
    }

    .slider-caption-box #bx-pager a {
        max-height: 45px;
        overflow: hidden;
        padding: 5px 15px;
        font-weight: 400;
        font-size: 12px;
    }

    .galery-box #bx-pager2 a {
        width: 60px;
    }

    .very-large-post .post-content {
        padding: 0 30px 35px;
    }

    .very-large-post .post-gallery .group-image a {
        width: 50%;
    }

        .very-large-post .post-gallery .group-image a.big-size {
            width: 100%;
        }

    .very-large-post .post-gallery #bx-pager {
        display: none;
    }

    .single-post-box .prev-next-posts img {
        display: none;
    }

    .single-post-box .about-more-autor .more-autor-posts .news-post {
        width: 50%;
    }

    .single-wide .image-slider .news-post .hover-box .inner-hover h1 {
        font-size: 15px;
        line-height: 18px;
        max-height: 36px;
        overflow: hidden;
    }

    .single-wide .image-slider .news-post .hover-box .inner-hover {
        padding-bottom: 35px;
    }

    .forum-table {
        overflow-x: scroll;
        width: 100%;
    }

        .forum-table div.table-head,
        .forum-table div.table-row,
        .forum-table div.table-title {
            min-width: 610px;
        }

        .forum-table.single-topic {
            overflow-x: hidden;
            width: 100%;
        }

            .forum-table.single-topic div.table-head,
            .forum-table.single-topic div.table-row,
            .forum-table.single-topic div.table-title {
                min-width: auto;
            }
}

@media (max-width: 767px) {
    .top-line {
        display: none;
    }

    .navbar-default .advertisement {
        display: block;
    }

    .navbar-brand,
    header.third-style .navbar-brand {
        padding: 20px 15px 20px;
    }

    .navbar-toggle {
        margin-top: 35px;
    }

    .navbar-nav > li > a {
        padding: 5px 15px;
        color: #333333 !important;
    }

    .navbar-nav > li:hover > a {
        color: #f44336 !important;
    }

    .navbar-nav > li > a.home {
        padding: 5px 15px;
    }

    .navbar-nav > li > a:before {
        display: none;
    }

    .navbar-nav li.drop ul.dropdown,
    .navbar-nav li.drop ul.dropdown li ul.dropdown.level2 {
        position: relative;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        border: none !important;
        top: inherit;
        left: inherit;
        background: transparent !important;
    }

        .navbar-nav li.drop ul.dropdown li,
        .navbar-nav li.drop ul.dropdown li ul.dropdown.level2 li {
            background: transparent;
            border: none;
        }

            .navbar-nav li.drop ul.dropdown li a,
            .navbar-nav li.drop ul.dropdown li ul.dropdown.level2 li a {
                padding: 5px 20px;
                background: transparent !important;
                font-weight: 700;
                font-size: 13px;
            }

    header.second-style .navbar-nav > li a {
        color: #ffffff !important;
    }

        header.second-style .navbar-nav > li a:hover {
            color: #f44336 !important;
        }

    header.third-style .navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar-nav .megadropdown {
        display: none !important;
    }

    .navbar-default .navbar-collapse {
        max-height: 220px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    section.heading-news .heading-news-box > .image-post {
        display: none;
    }

    section.heading-news .heading-news-box .snd-size {
        width: 100%;
    }

    .latest-articles.iso-call {
        margin-left: 0;
        margin-right: 0;
    }

        .latest-articles.iso-call .news-post {
            width: 100%;
            margin: 0 0 30px;
        }

    .advertisement .tablet-advert,
    .sidebar .advertisement .tablet-advert {
        display: none;
    }

    .advertisement .mobile-advert,
    .sidebar .advertisement .mobile-advert {
        display: block;
    }

    .heading-news2 .heading-news-box > .news-post {
        display: none;
    }

    .heading-news2 .heading-news-box .image-slider.snd-size {
        width: 100%;
    }

    .bx-controls {
        display: none;
    }

    .slider-caption-box #bx-pager a {
        max-height: inherit;
        overflow: hidden;
        padding: 12px 15px;
        font-weight: 400;
        font-size: 13px;
    }

    .galery-box #bx-pager2 a {
        width: 86px;
    }

    header.fifth-style .navbar-header a.navbar-brand {
        padding: 20px 0;
    }

    section.big-slider .big-bxslider li .image-post2 .hover-box .inner-hover h2 {
        font-size: 20px;
        line-height: 26px;
        max-height: 52px;
    }

    section.big-slider .big-bxslider li .image-post2 .hover-box .inner-hover ul.post-tags {
        display: none;
    }

    .banner-quote-post {
        padding-left: 35px;
        padding-right: 35px;
    }

    .image-slider .image-post2 .hover-box h2 {
        font-size: 15px;
        line-height: 18px;
        max-height: 36px;
    }

    .single-post-box .title-post,
    .single-post-box .share-post-box {
        padding-left: 0;
        padding-right: 0;
    }

        .single-post-box .share-post-box ul.share-box li {
            margin-right: 0;
        }

    .single-wide .image-slider .news-post .hover-box .inner-hover {
        padding: 0 0 10px;
    }

        .single-wide .image-slider .news-post .hover-box .inner-hover h2 {
            margin-bottom: 0;
        }

        .single-wide .image-slider .news-post .hover-box .inner-hover ul.post-tags {
            display: none;
        }

    .error-banner h1,
    body.comming-soon-page #comming-soon-content form.subscribe h1 {
        font-size: 40px;
    }

    body.comming-soon-page #comming-soon-content form.subscribe input[type=text] {
        width: 350px;
    }

    body.comming-soon-page #comming-soon-content .logo-place {
        margin-bottom: 60px;
    }

    body.comming-soon-page #comming-soon-content .social-box {
        margin-top: 80px;
    }
}

@media (max-width: 650px) {
    ul.autor-list > li .autor-last-line a.autor-site {
        float: none;
    }

    ul.autor-list > li .autor-box img {
        float: none;
        margin-bottom: 20px;
    }

    ul.autor-list > li .autor-box .autor-content {
        margin-left: 0;
    }
}

@media (max-width: 500px) {
    .image-slider .image-post .hover-box .inner-hover h2 {
        font-size: 16px;
        line-height: 20px;
    }

    footer .categories-widget ul.category-list li {
        width: 100%;
        float: none;
        padding-left: 0 !important;
    }

    .heading-news2 .heading-news-box .image-slider.snd-size .image-post .hover-box .inner-hover h2 {
        font-size: 16px;
        line-height: 20px;
    }

    .image-post-slider .image-post2 ul.post-tags {
        display: none;
    }

    .image-post-slider .image-post2 .hover-box h2 {
        font-size: 13px;
        line-height: 18px;
        max-height: 36px;
        overflow: hidden;
    }

    .slider-caption-box #bx-pager {
        display: none;
    }

    .slider-caption-box div.slider-holder {
        width: 100% !important;
        float: none;
    }

    .galery-box #bx-pager2 {
        display: none;
    }

    section.big-slider .big-bxslider li .image-post2 .hover-box .inner-hover h2,
    .image-post2 .hover-box h2 {
        font-size: 15px;
        line-height: 18px;
        max-height: 36px;
    }

    .other-posts-box {
        padding: 0;
    }

    .very-large-post .post-gallery .group-image a {
        width: 100%;
    }

    .very-large-post .post-content .article-inpost img {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .very-large-post .post-content {
        padding: 0 10px 35px;
    }

    .banner-quote-post {
        padding-left: 15px;
        padding-right: 15px;
    }

        .banner-quote-post .quote p {
            font-size: 15px;
        }

    .very-large-post .post-gallery iframe,
    .large-post .post-gallery iframe,
    .single-post-box .post-gallery iframe {
        height: 240px;
    }

    .image-slider .image-post2 .hover-box ul.post-tags,
    .image-post2 .hover-box ul.post-tags,
    .contact-form-box .title-section span.email-not-published,
    .single-post-box .review-box .summary-box .summary-degree {
        display: none;
    }

    .single-post-box .about-more-autor .more-autor-posts .news-post {
        width: 100%;
    }

    .single-post-box .prev-next-posts .prev-post,
    .single-post-box .prev-next-posts .next-post {
        padding: 10px;
    }

    .single-post-box .about-more-autor .autor-box img,
    .forum-table div.table-row div.forum-post.comment-post img {
        float: none;
        margin: 0 auto;
    }

    .single-post-box .about-more-autor .autor-box .autor-content,
    .forum-table div.table-row div.forum-post.comment-post .post-autor-date {
        margin-left: 0;
    }

    .single-post-box .review-box .summary-box {
        padding-right: 20px;
    }

    .error-banner h1,
    body.comming-soon-page #comming-soon-content form.subscribe h1,
    body.comming-soon-page #comming-soon-content #clock .comming-part span {
        font-size: 30px;
    }

    body.comming-soon-page #comming-soon-content form.subscribe input[type=text] {
        width: 180px;
    }

    ul.autor-list > li .autor-box {
        padding: 10px;
    }

        ul.autor-list > li .autor-box .autor-content .autor-title ul.autor-social {
            float: none;
            display: block;
            clear: both;
        }
}

div.versions-box-choose {
    position: fixed;
    top: 208px;
    left: 0;
    width: 200px;
    background: #fff;
    border: 1px solid #e7e7e7;
    padding: 25px 20px;
    z-index: 999999;
    transition: all 0.20s ease-in-out;
    -moz-transition: all 0.20s ease-in-out;
    -webkit-transition: all 0.20s ease-in-out;
    -o-transition: all 0.20s ease-in-out;
}

    div.versions-box-choose.closed {
        left: -200px;
    }

    div.versions-box-choose a.toogle-box {
        position: absolute;
        top: -1px;
        right: -50px;
        display: inline-block;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        background: #fff;
        color: #222222;
        font-size: 20px;
        border: 1px solid #e7e7e7;
    }

    div.versions-box-choose h2 {
        color: #333333;
        font-size: 13px;
        font-family: 'Noto Sans', sans-serif;
        font-weight: 700;
        line-height: 20px;
        margin: 0 0 20px;
        text-transform: uppercase;
        border-bottom: 1px solid #e1e1e1;
    }

        div.versions-box-choose h2 span {
            display: inline-block;
            padding-bottom: 12px;
            margin-bottom: -1px;
            border-bottom: 1px solid #f44336;
        }

ul.demo-list {
    padding: 0;
    margin: 0;
}

    ul.demo-list li {
        display: block;
        margin-bottom: 14px;
    }

        ul.demo-list li:last-child {
            margin-bottom: 0;
        }

        ul.demo-list li a {
            display: inline-block;
            color: #333;
            font-size: 13px;
            font-family: 'Noto Sans', sans-serif;
            text-decoration: none;
            font-weight: 700;
            position: relative;
            transition: all 0.20s ease-in-out;
            -moz-transition: all 0.20s ease-in-out;
            -webkit-transition: all 0.20s ease-in-out;
            -o-transition: all 0.20s ease-in-out;
        }

            ul.demo-list li a span {
                display: inline-block;
                background: #f44336;
                font-weight: 400;
                width: 80px;
                text-align: center;
                color: #fff;
                padding: 5px 10px;
                margin-right: 5px;
                transition: all 0.20s ease-in-out;
                -moz-transition: all 0.20s ease-in-out;
                -webkit-transition: all 0.20s ease-in-out;
                -o-transition: all 0.20s ease-in-out;
            }

            ul.demo-list li a:hover span {
                opacity: 0.7;
            }

            ul.demo-list li a.fashion span {
                background: #aa35d6;
                width: 80px;
                text-align: center;
            }

            ul.demo-list li a.sport span {
                background: #4c60f6;
            }

            ul.demo-list li a.tech span {
                background: #74b430;
            }

            ul.demo-list li a.design span {
                background: #f5d76e;
                color: #222;
            }

            ul.demo-list li a.travel span {
                background: #33a3f1;
                color: #fff;
            }

            ul.demo-list li a.dark span {
                background: #222;
                color: #fff;
            }

            ul.demo-list li a i {
                background: red;
                padding: 0px 4px 2px;
                font-size: 10px;
                color: #fff;
                position: absolute;
                top: 4px;
                right: -30px;
            }

/*====================================My CSS=========================*/
i.fa.fa-chevron-down.dropicon {
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #666666;
    ;
    /* top: 25px; */
    /* right: 15px; */
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

img.menu-news {
    min-height: 220px;
    max-height: 220px;
}

img.top-stories-img {
    height: 475px;
}

img.news-home-img {
    height: 232px;
}

img.interview-post-img {
    height: 176px;
}

.all-news-button.text-center {
    margin: -20px 0 0 0;
}

img.politics-img {
    height: 270px;
}

img.wrld-img {
    height: 232px;
}

.list-line-posts.read_most {
    background: #222222;
}

.title-section.most_read h1 {
    color: #fff;
    font-size: 15px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    margin: 0 0 30px;
    padding: 10px 0 0 15px;
    text-transform: uppercase;
    margin-bottom: -1px;
}

.item.list-post.most_read_post {
    background: #3a3838;
    -webkit-box-shadow: 0 2px 2px #3a3838 !important;
}

    .item.list-post.most_read_post img {
        height: 88px;
    }

img.sport-post-img {
    height: 176px;
}

.FlashNewsHeader small {
    color: #666666;
    font-size: 24px;
    line-height: 1.2;
}

.FlashNewsHeader h1 {
    margin-bottom: 0px;
    font-weight: bold;
    color: #555;
}

.FlashNewsContainer {
    clear: both;
}

a.FlashNewsContainer:last-child {
    margin-bottom: 10px;
    clear: both;
}

.FlashNewsInfo {
    margin: 15px 0px;
}

.FlashNewsImage {
    max-height: 450px;
    overflow: hidden;
    margin-top: 10px;
}

    .FlashNewsImage img {
        max-width: 100%;
        height: auto;
    }

.FlashNewsHeader h1 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.FlashNewsContents {
    padding: 20px 10px 20px 10px;
    border: 1px solid;
    border-color: whitesmoke;
    border-radius: 0px;
    box-shadow: 0px 0px 10px #dadada;
    margin-bottom: 30px;
    background-color: white;
}

a:hover .FlashNewsContainer h1, a:hover .FlashNewsContainer small {
    color: #003366;
}

a:hover, a:active, a:after, a:focus {
    text-decoration: none;
}

ul.half-div {
    margin: 0 -15px;
}

.half-div li {
    width: 46%;
    float: left;
    margin: 0 15px;
}

@media(min-width:768px) {
    .FlashNewsHeader h1 {
        font-size: 64px;
        line-height: 76px;
    }

    .FlashNewsHeader small {
        color: #666666;
        font-size: 30px;
        line-height: 1.2;
    }
}

@media(max-width:768px) {
    ul.half-div {
        margin-bottom: 0px !important;
        margin-right: 0px !important;
        padding: 0 15px;
    }

    .half-div li {
        width: 100%;
        padding: 0px;
        margin: 0px !important;
        margin-bottom: 10px !important;
    }

        .half-div li ul {
            float: left;
            width: auto;
        }

    img.sport-post-img, img.interview-post-img {
        height: auto !important;
    }

    .details p {
        font-size: 15px !important;
    }

    .title-section h1 {
        font-size: 22px !important;
    }
}

.pagination > li > a, .pagination > li > span {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #333333;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    padding: 6px 11px;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    border: 1px solid #f44336;
    background: #f44336;
    color: #ffffff;
}

.details h1.header {
    font-size: 40px;
    line-height: 1.5;
}

h1 small, .h1 small {
    font-size: 22px;
}

@media (min-width: 768px) {
    .details h1.header {
        font-size: 60px;
        line-height: 1.3;
    }


    .newsmetainfo {
        text-align: left;
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .newsmetainfo {
        text-align: center;
        margin-bottom: 15px;
        margin-top: 0px !important;
    }

    .details h1.header {
        font-size: 26px;
        line-height: 1.3;
    }
}

a:hover {
    cursor: pointer;
}

.listing-page img {
    border: 1px solid whitesmoke;
}

@media(max-width:768px) {
    .left-sidebar .col-sm-4 {
        float: right !important;
    }

    .left-sidebar .col-sm-8 {
        float: left !important;
        left: auto !important;
        margin-left: 0px !important;
    }
}

.interview h5 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0px;
    height: 39px;
    overflow: hidden;
}

#PradeshTab.nav-tabs li {
    width: 14.25%;
    text-align: center;
}

.PradeshTabPane {
    padding: 20px 0 0;
}

#PradeshTab.nav-tabs li a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    display: block;
    padding: 11px 3px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    color: #ffffff;
    font-size: 17px;
    font-family: 'Noto Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid white;
    margin: 0;
}

li.p1 {
    background-color: #33a3f1;
}

    li.p1.active, li.p1:hover {
        border: none;
        border: 1px solid #33a3f1;
    }

        li.p1.active a, li.p1:hover a {
            color: #33a3f1 !important;
        }

li.p2 {
    background-color: #ab632e;
}

    li.p2.active, li.p2:hover {
        border: none;
        border: 1px solid #ab632e;
    }

        li.p2.active a, li.p2:hover a {
            color: #ab632e !important;
            background-color: white;
        }

li.p3 {
    background-color: #74b430;
}

    li.p3.active, li.p3:hover {
        border: none;
        border: 1px solid #74b430;
    }

        li.p3.active a, li.p3:hover a {
            color: #74b430 !important;
            background-color: white;
        }

li.p4 {
    background-color: #4c60f6;
}

    li.p4.active, li.p4:hover {
        border: none;
        border: 1px solid #4c60f6;
    }

        li.p4.active a, li.p4:hover a {
            color: #4c60f6 !important;
            background-color: white;
        }

li.p5 {
    background-color: #32b47b;
}

    li.p5.active, li.p5:hover {
        border: none;
        border: 1px solid #32b47b;
    }

        li.p5.active a, li.p5:hover a {
            color: #32b47b !important;
            background-color: white;
        }

li.p6 {
    background-color: goldenrod;
}

    li.p6.active, li.p6:hover {
        border: none;
        border: 1px solid goldenrod;
    }

        li.p6.active a, li.p6:hover a {
            color: goldenrod !important;
            background-color: white;
        }

li.p7 {
    background-color: #f44336;
}

    li.p7.active, li.p7:hover {
        border: none;
        border: 1px solid #f44336;
    }

        li.p7.active a, li.p7:hover a {
            color: #f44336 !important;
            background-color: white;
        }


.video-post a {
    color: #333333;
}

    .video-post a:hover {
        color: #003366;
        opacity: 1;
    }

.sticky-top {
    position: sticky;
    position: -webkit-sticky;
    top: 20px;
    color: #000;
    text-align: left;
    box-sizing: border-box;
}

.news-nav-links {
    display: block;
    width: 100% !important;
}

    .news-nav-links .news-nav-previous, .news-nav-links .news-nav-next {
        float: left;
        width: 25%;
    }

    .news-nav-links .news-nav-next {
        float: right;
    }

    .news-nav-links a {
        border-color: #069946;
        background-color: #069946;
    }

    .news-nav-links .news-nav-next a, .news-nav-links .news-nav-previous a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #ffffff;
        cursor: pointer;
        font-size: 14px;
        line-height: 13px;
        height: 33px;
        border: none;
        padding: 10px 15px;
        font-weight: 400;
        border: 1px solid;
    }

        .news-nav-links .news-nav-previous a:before {
            content: "\f0d9";
            font-family: FontAwesome;
            font-style: normal;
            margin-right: 5px;
        }

        .news-nav-links .news-nav-next a:after {
            content: "\f0da";
            font-family: FontAwesome;
            font-style: normal;
            position: absolute;
            right: 8px;
        }

    .news-nav-links a:hover {
        border: 1px solid #069946;
        color: #069946;
        background-color: white;
    }

.list-posts li > a:hover h2 {
    color: #003366 !important;
}

.social-links {
    text-align: right !important;
    width: 100%;
}

    .social-links table {
        width: 100%;
    }

@media(max-width:768px) {
    .social-links {
        text-align: center !important;
    }
}

.modal {
    z-index: -1;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.modal-open .modal {
    z-index: 1050;
}

.modal img {
    max-height: 80vh;
}

.modal-dialog.modal-lg {
    max-width: 100%;
    width: auto !important;
    display: inline-block;
}

.modal-lg .modal-content {
    border-radius: 0px;
    width: auto;
}

.modal-lg .modal-body {
    padding: 5px;
    border-radius: 0px;
    width: auto;
}

#Jacket_Add_Close_Button {
    background-color: #0000cc;
    padding: 5px 9px;
    font-size: 14px;
    position: absolute;
    right: 5px;
    opacity: 1;
    top: 0;
    color: white;
}

.play-button:active, button:after, button:focus {
    border: 0px !important;
}

img {
    max-width: 100% !important;
}

@media(max-width:720px) {
    .dont-show-mobile {
        display: none !important;
    }
}

.play-button {
    position: absolute;
    left: 40%;
    top: 40%;
}

@media(min-width:539px) {
    .BigImage {
        display: block!important;
    }

    .SmallImage {
        display: none!important;
    }
}

@media(max-width:540px) {
     .modal-lg {
        margin-top: 15%;
    }

    .BigImage {
        display: none!important;
    }

    .SmallImage {
        display: block!important;
    }

    .modal {
        overflow: hidden;
    }
}