﻿.img-banner-left:hover {
    -webkit-box-shadow: 10px 10px 20px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 20px -7px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 20px -7px rgba(0,0,0,0.75);
    transition: 0.3s;
}
.img-banner-left {
   
    transition: 0.3s;
}

.on-hover:hover {
    font-size: 14px !important;
    transition: 0.3s;
    margin-right: -10px;
    margin-left: 10px;
    background-color: #003471;
    border-radius: 3px;
    color: white !important;
}
/*.media:hover {
    font-size: 14px !important;
    transition: 0.3s;
    margin-right: -10px;
    margin-left: 10px;
    background-color: #003471;
    border-radius: 3px;
    color: white !important;
}*/
.on-hover {
    font-size: 14px !important;
    transition: 0.3s;
   
}
.social-for-mobile {
    display: inline-block;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.social-for-mobile-1 {
    display: inline-block;
    padding-bottom: 14px !important;
    width: 82%;
}
@media screen and (min-width:765px) {
    .top-menu-add {
        display:none;
    }
    .slajder-visina{
        height:400px;
    }
}
    @media screen and (max-width:764px) {
	.modal11{
	width: 98% !important;
	}
        .top-menu-add {
            width: 32%;
            display: inline-block;
            text-align: center;
            padding: 5px;
            margin-top: 5px;
            margin-bottom: 5px;
            font-weight: bold
        }

        .mob-display {
            width: 100%;
            float: left;
        }

        .mob-display-1 {
            width: 100%;
            float: right;
        }

        .image-banners {
            width: 30% !important;
            margin-right: 0px;
            margin-left: 10px
        }

        .image-banners-1 {
            width: 30% !important;
            margin-right: 0px;
            margin-left: 10px
        }

        .img-banner {
            margin-bottom: 5px;
            /*min-height: 145px !important;*/
            border-radius: 5px
        }
    }

    @media screen and (min-width:765px) {
        .image-banners-1 {
            width: 15% !important;
            margin-right: 0px;
            margin-left: 0px
        }

        .image-banners {
            width: 13% !important;
            margin-right: 15px;
            margin-left: 10px
        }

        .img-banner {
            margin-bottom: 5px;
            min-height: 145px !important;
            border-radius: 5px
        }
    }

    h12 {
        color: #999;
        font-size: 15px;
        font-weight: 700;
        line-height: 2.5;
        padding: 4% 10%
    }

        h12 a,
        h12 a:hover {
            text-transform: none;
            text-decoration: none;
            color: #003471;
            font-size: 15px;
            font-weight: 700;
            line-height: 2.5;
            padding: 4%
        }

    h13 {
        color: #003471;
        font-size: 15px;
        font-weight: 700;
        line-height: 2.5;
        background: #fff;
        padding: 4% 10%
    }

        h13 a,
        h13 a:hover {
            text-transform: none;
            text-decoration: none;
            color: #003471;
            font-size: 15px;
            font-weight: 700;
            line-height: 2.5;
            background: #fff;
            padding: 4%
        }

    h14 {
        color: #003471;
        font-size: 24px;
        font-weight: 700;
        line-height: 2;
        background: #fff;
        padding: 0 5%;
        text-align: center
    }

        h14 a {
            text-transform: none;
            text-decoration: none;
            color: #003471;
            font-size: 10px;
            font-weight: 700;
            line-height: 2;
            background: #fff;
            padding: 4%
        }

            h14 a:hover {
                text-transform: none;
                text-decoration: none;
                color: #003471;
                font-size: 14px;
                font-weight: 700;
                line-height: 2;
                background: #fff;
                padding: 4%
            }

    h15 {
        color: #222;
        font-size: 12px;
        font-weight: 700;
        line-height: 2;
        background: #fff;
        padding: 0 5%;
        text-align: center
    }

    h16 {
        color: #222;
        font-size: 18px;
        font-weight: 700;
        line-height: 2;
        background: #fff;
        padding: 0 1%;
        text-align: center
    }

    h32 {
        color: #fff;
        font-size: 17px;
        font-weight: 700;
        line-height: 2.5;
        padding: 4% 10%
    }

        h32 a,
        h32 a:hover {
            color: #fff;
            font-size: 17px;
            font-weight: 700;
            text-decoration: none
        }

    .search-form {
        width: 85%;
        border: 2px solid #fefefe;
        padding: 2%;
        font-size: 14px
    }

    .btnSearch {
        width: 10%;
        background: #003471
    }

    p {
        font-size: 14px
    }

    #menu,
    #menu ul {
        padding: 0;
        list-style: none
    }

    #menu {
        width: 100%;
        margin: 0 auto;
        border: 1px solid #fff;
        background: #003471;
        border-radius: 6px;
        box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset
    }

        #menu:after,
        #menu:before {
            content: "";
            display: table
        }

        #menu:after {
            clear: both
        }

    #menu {
        zoom: 1
    }

        #menu li {
            float: left;
            border-right: 1px solid #222;
            box-shadow: 1px 0 0 #444;
            position: relative
        }

            #menu li:hover > a {
                background: #003e87
            }

            *html #menu li a:hover {
                color: #fafafa
            }

        #menu ul {
            margin: 20px 0 0;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 38px;
            left: 0;
            z-index: 9999;
            border: 1px solid #fff;
            background: #003471;
            box-shadow: 0 -1px 0 rgba(255, 255, 255, .3);
            border-radius: 3px;
            transition: all .2s ease-in-out
        }

        #menu li:hover > ul {
            opacity: 1;
            visibility: visible;
            margin: 0
        }

        #menu ul ul {
            top: 0;
            left: 270px;
            margin: 0 0 0 20px;
            box-shadow: -1px 0 0 rgba(255, 255, 255, .3)
        }

        #menu ul li {
            float: none;
            display: block;
            border: 0;
            box-shadow: 0 1px 0 #111, 0 2px 0 #fff;
            min-width: 270px
        }

            #menu ul li:last-child {
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                box-shadow: none
            }

        #menu ul a {
            padding: 10px;
            display: block;
            white-space: normal;
            float: none;
            text-transform: none
        }

            #menu ul a:hover {
                background-color: #003e87
            }

        #menu ul li:first-child > a {
            border-radius: 3px 3px 0 0
        }

            #menu ul li:first-child > a:after {
                content: '';
                position: absolute;
                left: 40px;
                top: -6px;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #fff
            }

        #menu ul ul li:first-child a:after {
            left: -6px;
            top: 50%;
            margin-top: -6px;
            border-left: 0;
            border-bottom: 6px solid transparent;
            border-top: 6px solid transparent;
            border-right: 6px solid #fff
        }

        #menu ul li:first-child a:hover:after {
            border-bottom-color: #fff
        }

        #menu ul ul li:first-child a:hover:after {
            border-right-color: #fff;
            border-bottom-color: transparent
        }

        #menu ul li:last-child > a {
            -moz-border-radius: 0 0 3px 3px;
            -webkit-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px
        }

    #menu-trigger {
        display: none
    }

    @media screen and (max-width:767px) {
        #menu-wrap {
            position: relative
        }

            #menu-wrap * {
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

        #menu-trigger {
            display: block;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            padding: 0 0 0 35px;
            border: 1px solid #222;
            color: #fafafa;
            font-weight: 700;
            background-color: #111;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) 10px center no-repeat, linear-gradient(#444, #111);
            border-radius: 6px;
            box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset
        }

        #menu {
            margin: 0;
            padding: 10px;
            position: absolute;
            top: 40px;
            width: 100%;
            z-index: 20;
            background-color: #444;
            display: none;
            box-shadow: none
        }

            #menu:after {
                content: '';
                position: absolute;
                left: 25px;
                top: -8px;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 8px solid #444
            }

            #menu ul {
                position: static;
                visibility: visible;
                opacity: 1;
                margin: 0;
                background: 0 0;
                box-shadow: none
            }

                #menu ul ul {
                    margin: 0 0 0 20px !important;
                    box-shadow: none
                }

            #menu li {
                position: static;
                display: block;
                float: none;
                border: 0;
                margin: 5px;
                box-shadow: none
            }

            #menu ul li {
                margin-left: 20px;
                box-shadow: none
            }

            #menu a {
                display: block;
                float: none;
                padding: 0;
                color: #999
            }

                #menu a:hover {
                    color: #fafafa
                }

            #menu ul a {
                padding: 0;
                width: auto
            }

                #menu ul a:hover {
                    background: 0 0
                }

            #menu ul li:first-child a:after,
            #menu ul ul li:first-child a:after {
                border: 0
            }
    }

    @media screen and (min-width:767px) {
        #menu {
            display: block !important
        }
    }

    .no-transition {
        transition: none;
        opacity: 1;
        visibility: visible;
        display: none
    }

    #menu li:hover > .no-transition {
        display: block
    }

    @font-face {
        font-family: Eddie;
        src: url(fonts/Eddie.eot?#iefix) format('embedded-opentype'), url(fonts/Eddie.woff) format('woff'), url(fonts/Eddie.ttf) format('truetype'), url(fonts/Eddie.svg#Eddie) format('svg');
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: AmazingSpiderMan;
        src: url(fonts/AmazingSpiderMan.eot?#iefix) format('embedded-opentype'), url(fonts/AmazingSpiderMan.woff) format('woff'), url(fonts/AmazingSpiderMan.ttf) format('truetype'), url(fonts/AmazingSpiderMan.svg#AmazingSpiderMan) format('svg');
        font-weight: 400;
        font-style: normal
    }

    @font-face {
        font-family: AmazingSpiderManslant;
        src: url(fonts/AmazingSpiderManslant.eot?#iefix) format('embedded-opentype'), url(fonts/AmazingSpiderManslant.woff) format('woff'), url(fonts/AmazingSpiderManslant.ttf) format('truetype'), url(fonts/AmazingSpiderManslant.svg#AmazingSpiderManslant) format('svg');
        font-weight: 400;
        font-style: normal
    }

    body {
        background: #fff;
        color: #444;
        overflow-x: hidden !important
    }

    ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .media1 a {
        color: #222
    }

    h66 {
        font-size: 14px
    }

    @media screen and (min-width:1390px) and (max-width:1519px) {
        .background {
            background: url(../images/background.jpg) no-repeat #5a0201;
            width: 100%;
            margin: 0 auto
        }
    }

    @media screen and (min-width:1320px) and (max-width:1389px) {
        .background {
            background: url(../images/background.jpg) no-repeat #5a0201;
            width: 100%;
            margin: 0 auto
        }
    }

    @media screen and (min-width:1230px) and (max-width:1319px) {
        .background {
            background: url(../images/background.jpg) no-repeat #5a0201;
            width: 100%;
            margin: 0 auto
        }
    }

    @media screen and (max-width:1229px) {
        .background {
            background: url(../images/background.jpg) no-repeat #5a0201;
            width: 100%;
            margin: 0 auto
        }
    }

    img#bg {
        position: absolute;
        width: 65%;
        margin: 0 auto !important;
        z-index: -3;
        top: 0;
        bottom: 0
    }

    a {
        text-decoration: none
    }

        a:hover {
            color: #646464
        }

        a:focus {
            outline: 0
        }

    h2 {
        font-family: Varela, sans-serif;
        line-height: 23px
    }

    .img-center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .img-right {
        display: block;
        margin-left: auto
    }

    .img-left {
        display: block;
        margin-right: auto
    }

    .yellow_bg {
        background-color: #ffd62c
    }

    .yellow_btn {
        background-color: #ffd62c;
        color: #fff
    }

        .yellow_btn:hover {
            background-color: #f8c907;
            color: #fff
        }

    .limeblue_bg {
        background-color: #7dc34d
    }

    .blue_bg {
        background-color: #09c
    }

    .blue_btn {
        background-color: #09c;
        color: #fff
    }

        .blue_btn:hover {
            background-color: #39c8f7;
            color: #fff
        }

    .box_wrapper {
        display: inline;
        float: left;
        width: 100%
    }

    #header {
        float: left;
        display: inline;
        width: 100%
    }

    .header_top {
        display: inline;
        float: left;
        width: 100%;
        position: relative;
        background: #003471
    }

    .navbar {
        border-radius: 0;
        float: left;
        margin-bottom: 0;
        min-height: 40px;
        width: 80%;
        border: none
    }

    .header_search {
        float: right;
        display: inline
    }

    .navbar-nav > li > a {
        padding-bottom: 10px;
        padding-top: 10px;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .container-fluid,
    .navbar-collapse {
        padding-left: 0
    }

    #searchIcon {
        border: 0;
        cursor: pointer;
        display: block;
        font-size: 1.2em;
        height: 40px;
        width: 50px;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    #shide {
        overflow: hidden;
        position: absolute;
        top: -80px;
        width: 100%;
        z-index: 9999999;
        left: 0;
        display: none;
        background-color: #fff;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    #search-hide input {
        background-color: rgba(255, 255, 255, 1);
        border: 0;
        font-family: open sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        height: 40px;
        padding: 0 15px;
        width: 95%;
        float: left
    }

    button.remove {
        background-color: transparent;
        border: 0;
        color: #555;
        cursor: pointer;
        font-size: 1.5em;
        float: right;
        padding-top: 5px
    }

    @media screen and (min-width:1680px) {
        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 130px
        }

        .footer_lenght {
            width: 63%;
            background: red;
            margin: 0 auto
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 4%;
            float: left;
            text-align: right;
            font-size: 18px;
            padding-top: 4%;
            color: #222;
            font-weight: 700
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 4%;
            text-align: left;
            font-size: 18px;
            padding-top: 4%;
            color: #222;
            font-weight: 700
        }

        #menu a {
            float: left;
            padding: 12px 30px;
            color: #fff;
            text-transform: uppercase;
            font: 700 12px Arial, Helvetica;
            text-decoration: none;
            text-shadow: 0 1px 0 #000
        }
    }

    @media screen and (min-width:1600px) and (max-width:1679px) {
        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 100px
        }

        .footer_lenght {
            width: 75%;
            background: red;
            margin: 0 auto
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 4%;
            float: left;
            text-align: right;
            font-size: 18px;
            padding-top: 4%;
            color: #222;
            font-weight: 700
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 4%;
            text-align: left;
            font-size: 18px;
            padding-top: 4%;
            color: #222;
            font-weight: 700
        }

        #menu a {
            float: left;
            padding: 12px 30px;
            color: #fff;
            text-transform: uppercase;
            font: 700 12px Arial, Helvetica;
            text-decoration: none;
            text-shadow: 0 1px 0 #000
        }
    }

    @media screen and (min-width:1400px) and (max-width:1599px) {
        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 90px
        }

        .footer_lenght {
            width: 83%;
            background: red;
            margin: 0 auto
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 4%;
            float: left;
            text-align: right;
            font-size: 18px;
            padding-top: 4%;
            color: #222;
            font-weight: 700
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 4%;
            text-align: left;
            font-size: 18px;
            padding-top: 4%;
            color: #222;
            font-weight: 700
        }

        #menu a {
            float: left;
            padding: 12px 30px;
            color: #fff;
            text-transform: uppercase;
            font: 700 12px Arial, Helvetica;
            text-decoration: none;
            text-shadow: 0 1px 0 #000
        }
    }

    @media screen and (min-width:1360px) and (max-width:1399px) {
        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 93px
        }

        .footer_lenght {
            width: 88%;
            background: red;
            margin: 0 auto
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 4%;
            float: left;
            text-align: right;
            font-size: 18px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 4%;
            text-align: left;
            font-size: 18px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        #menu a {
            float: left;
            padding: 12px 30px;
            color: #fff;
            text-transform: uppercase;
            font: 700 12px Arial, Helvetica;
            text-decoration: none;
            text-shadow: 0 1px 0 #000
        }
    }

    @media screen and (min-width:1280px) and (max-width:1359px) {
        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 85px
        }

        .footer_lenght {
            width: 94%;
            background: red;
            margin: 0 auto
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 4%;
            float: left;
            text-align: right;
            font-size: 18px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 4%;
            text-align: left;
            font-size: 18px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        #menu a {
            float: left;
            padding: 12px 30px;
            color: #fff;
            text-transform: uppercase;
            font: 700 12px Arial, Helvetica;
            text-decoration: none;
            text-shadow: 0 1px 0 #000
        }
    }

    @media screen and (min-width:1136px) and (max-width:1279px) {
        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 70px
        }

        .footer_lenght {
            width: 95%;
            background: red;
            margin: 0 auto
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 4%;
            float: left;
            text-align: right;
            font-size: 18px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 4%;
            text-align: left;
            font-size: 18px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        #menu a {
            float: left;
            padding: 12px 20px;
            color: #fff;
            text-transform: uppercase;
            font: 700 12px Arial, Helvetica;
            text-decoration: none;
            text-shadow: 0 1px 0 #000
        }
    }

    @media screen and (min-width:1024px) and (max-width:1135px) {
        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 60px
        }

        .footer_lenght {
            width: 94%;
            background: red;
            margin: 0 auto
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 4%;
            float: left;
            text-align: right;
            font-size: 18px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 4%;
            text-align: left;
            font-size: 18px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        #menu a {
            float: left;
            padding: 12px 10px;
            color: #fff;
            text-transform: uppercase;
            font: 700 11px Arial, Helvetica;
            text-decoration: none;
            text-shadow: 0 1px 0 #000
        }
    }

    @media screen and (min-width:1024px) {
        .double_category {
            background-color: #fff;
            display: inline;
            float: left;
            width: 32%;
            margin-top: 10px;
            height: 275px;
        }
    }

    @media screen and (min-width:980px) and (max-width:1023px) {
        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 60px
        }

        .footer_lenght {
            width: 94%;
            background: red;
            margin: 0 auto
        }

        .col-sm-12 .bar > h2 span {
            width: 50%
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 4%;
            float: left;
            text-align: right;
            font-size: 18px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 4%;
            text-align: left;
            font-size: 18px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        #menu a {
            float: left;
            padding: 12px 10px;
            color: #fff;
            text-transform: uppercase;
            font: 700 11px Arial, Helvetica;
            text-decoration: none;
            text-shadow: 0 1px 0 #000
        }

        .double_category {
            background-color: #FFF;
            display: inline;
            float: left;
            width: 100%;
            margin-top: 10px
        }
    }

    @media screen and (min-width:768px) and (max-width:979px) {
        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 60px
        }

        .footer_lenght {
            width: 94%;
            background: red;
            margin: 0 auto
        }

        .col-sm-12 {
            width: 50%
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 4%;
            float: left;
            text-align: right;
            font-size: 14px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 4%;
            text-align: left;
            font-size: 14px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        #menu a {
            float: left;
            padding: 12px 5px;
            color: #fff;
            text-transform: uppercase;
            font: 700 10px Arial, Helvetica;
            text-decoration: none;
            text-shadow: 0 1px 0 #000
        }

        .double_category {
            background-color: #FFF;
            display: inline;
            float: left;
            width: 100%;
            margin-top: 10px
        }

        .maps_right {
            width: 30%;
            display: inline-block;
            margin-left: 10%
        }

        .maps_left {
            width: 43%;
            float: left;
            margin: 0 13% 0 4%
        }

        .maps_second {
            width: 100%;
            margin: 0 auto;
            display: inline-block
        }

        .maps_first {
            width: 100%;
            float: left
        }
    }

    @media screen and (min-width:600px) and (max-width:767px) {
        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 55px
        }

        .footer_lenght {
            width: 94%;
            background: red;
            margin: 0 auto
        }

        .col-sm-12 {
            width: 50%
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 4%;
            float: left;
            text-align: right;
            font-size: 11px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 4%;
            text-align: left;
            font-size: 11px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        .double_category {
            background-color: #FFF;
            display: inline;
            float: left;
            width: 100%;
            margin-top: 10px
        }

        .maps_second {
            width: 100%;
            margin: 0 auto;
            display: inline-block
        }

        .maps_first {
            width: 100%;
            float: left
        }

        .maps_right {
            width: 100%
        }

        .maps_left {
            width: 50%;
            float: none;
            margin: 0 auto
        }
    }

    @media (min-width:600px) {
        .img_isceznati {
            width: 100% !important;
        }

        .img_isceznati1 {
            width: 100%;
        }

        .image-overflow-hidden {
            height: 180px;
            overflow: hidden;
        }
    }

    @media screen and (min-width:900px) and (max-width:1020px) {
        .img_isceznati {
            width: 100% !important;
        }

        .img_isceznati1 {
            width: 100%;
        }

        .image-overflow-hidden {
            height: 250px;
            overflow: hidden;
        }
    }

    @media screen and (min-width:480px) and (max-width:599px) {
        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 80px
        }

        .footer_lenght {
            width: 94%;
            background: red;
            margin: 0 auto
        }

        .col-sm-12 {
            width: 50%
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 2%;
            float: left;
            text-align: right;
            font-size: 9px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 2%;
            text-align: left;
            font-size: 9px;
            padding-top: 2%;
            color: #222;
            font-weight: 700
        }

        .double_category {
            background-color: #FFF;
            display: inline;
            float: left;
            width: 100%;
            margin-top: 10px
        }

        .img_isceznati {
            width: 100% !important;
        }

        .img_isceznati1 {
            width: 100% !important;
        }

        .maps_second {
            width: 100%;
            margin: 0 auto;
            display: inline-block
        }

        .maps_first {
            width: 100%;
            margin-bottom: 10px;
            float: left
        }

        .maps_right {
            width: 100%
        }

        .maps_left {
            width: 70%;
            float: none;
            margin: 0 auto
        }

        h6 {
            font-size: 12px !important;
        }

        .image-overflow-hidden {
            height: 150px;
            overflow: hidden;
        }
    }

    @media screen and (min-width:360px) and (max-width:479px) {
        .image-overflow-hidden {
            height: 130px;
            overflow: hidden;
        }

        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 40px
        }

        .footer_lenght {
            width: 94%;
            background: red;
            margin: 0 auto
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 2%;
            float: left;
            text-align: right;
            font-size: 7px;
            color: #222;
            font-weight: 700
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 2%;
            text-align: left;
            font-size: 7px;
            color: #222;
            font-weight: 700
        }

        .double_category {
            background-color: #FFF;
            display: inline;
            float: left;
            width: 100%;
            margin-top: 10px
        }

        .img_isceznati,
        .img_isceznati1 {
            width: 100%
        }

        .maps_second {
            width: 100%;
            margin: 0 auto;
            display: inline-block
        }

        .maps_first {
            width: 100%;
            margin-bottom: 10px;
            float: left
        }

        .maps_right {
            width: 100%
        }

        .maps_left {
            width: 100%;
            padding: 0;
            margin: 0
        }

        h6 {
            font-size: 10px !important;
            width: 100% !important;
        }
    }

    @media screen and (max-width:359px) {
        .header_bottom {
            display: inline;
            float: left;
            width: 100%;
            height: 50px
        }

        .footer_lenght {
            width: 94%;
            background: red;
            margin: 0 auto
        }

        .mvr_mk {
            width: 45.3%;
            padding-right: 2%;
            float: left;
            text-align: right;
            font-size: 8px;
            color: black;
            font-weight: 700;
            padding-top: 10px;
        }

        .mvr_logo {
            width: 9.4%;
            float: left;
            padding-top: 1.2%
        }

        .mvr_en {
            width: 45.3%;
            float: right;
            padding-left: 2%;
            text-align: left;
            font-size: 8px;
            color: black;
            font-weight: 700;
            padding-top: 10px;
        }

        .double_category {
            background-color: #FFF;
            display: inline;
            float: left;
            width: 100%;
            margin-top: 10px
        }

        .img_isceznati,
        .img_isceznati1 {
            width: 100% !important;
        }

        .maps_second {
            width: 100%;
            margin: 0 auto;
            display: inline-block
        }

        .maps_first {
            width: 100%;
            margin-bottom: 10px;
            float: left
        }

        .maps_right {
            width: 100%
        }

        .maps_left {
            width: 100%;
            padding: 0;
            margin: 0
        }

        h6 {
            font-size: 10px !important;
            width: 100% !important;
        }

        .image-overflow-hidden {
            height: 100px;
            overflow: hidden;
        }
    }

    .content {
        margin-bottom: 10px
    }

    @media (min-width:1280px) {
        .media1 {
            width: 30%;
            min-height: 410px;
            float: left;
            padding: 2%;
            margin: 1%;
            text-align: center;
            background: #eee
        }
    }

    @media (max-width:1279px) {
        .media1 {
            width: 100%;
            min-height: auto;
            float: left;
            padding: 2%;
            margin: 1%;
            text-align: center;
            background: #eee
        }
    }

    @media (min-width:768px) and (max-width:900px) {
        .container {
            width: 750px
        }
    }

    @media (min-width:481px) and (max-width:767px) {
        .col-lg-11 {
            width: 25%;
            float: left
        }
    }

    @media (min-width:481px) {
        .singleleft_inner,
        .singleleft_inner1 {
            background-color: #fff;
            display: inline;
            float: left;
            width: 100%;
            line-height: 1.3;
            padding: 2%;
        }

        .col-sm-12 {
            width: 50%
        }

        /*.min_soc {
        margin-top: 0%
    }*/
    }

    @media (max-width:480px) {
        .col-lg-11 {
            width: 90%
        }

        .singleleft_inner,
        .singleleft_inner1 {
            background-color: #fff;
            margin: 0 auto;
            width: 100%
        }

        .min_soc {
            margin-top: 5%
        }

        .col-sm-12 {
            width: 100%
        }
    }

    @media(min-width:980px) {
        .maps_right {
            width: 36%;
            display: inline-block
        }

        .maps_left {
            width: 43%;
            float: left;
            margin: 0 13% 0 4%
        }

        .maps_second {
            width: 100%;
            margin: 0 auto;
            display: inline-block
        }

        .maps_first {
            width: 100%;
            margin-bottom: 10px;
            float: left
        }

        .min_yt {
            margin-top: 10px;
            /*max-width: 284px*/
        }

        /*.min_fb {
            max-width: 284px
        }*/
    }

    @media (min-width:992px) {
        .container {
            width: 970px
        }
    }

    @media (min-width:1100px) {
        .container {
            min-width: 1130px
        }
    }

    @media (min-width:1200px) {
        .container {
            min-width: 1230px
        }
    }

    .logo_area {
        width: 25%;
        display: inline
    }

    .logo {
        font-size: 45px;
        font-family: Varela, sans-serif;
        color: #252525
    }

        .logo:focus,
        .logo:hover {
            text-decoration: none;
            outline: 0
        }

    a.logo b {
        color: #09c
    }

    .logo > span {
        font-size: 16px;
        display: block
    }

    .top_addarea {
        float: right;
        width: 728px;
        display: inline
    }

        .top_addarea a,
        .top_addarea a > img {
            width: 100%
        }

    .scrollToTop {
        bottom: 10px;
        display: none;
        font-size: 32px;
        font-weight: 700;
        height: 50px;
        position: fixed;
        right: 75px;
        text-align: center;
        text-decoration: none;
        width: 50px;
        z-index: 9999;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        right: 10px;
    }

        .scrollToTop:focus,
        .scrollToTop:hover {
            text-decoration: none;
            outline: 0
        }

    .latest_newsarea {
        display: inline;
        float: left;
        width: 100%;
        background-color: #1b1a1a
    }

    .news_sticker li a {
        display: inline-block;
        color: #eee;
        margin-right: 40px
    }

    .latest_newsarea span {
        display: block;
        float: left;
        font-size: 16px;
        padding: 5px 25px;
        position: absolute;
        z-index: 20
    }

    .news_sticker {
        float: right;
        width: 85%;
        padding: 5px 15px 5px 5px
    }

        .news_sticker li a:before {
            content: "";
            margin-right: 5px;
            display: inline-block;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            line-height: 1
        }

    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 99
    }

    #status {
        width: 200px;
        height: 200px;
        position: absolute;
        left: 50%;
        top: 50%;
        background-image: url(img/status.gif);
        background-repeat: no-repeat;
        background-position: center;
        margin: -100px 0 0 -100px
    }

    .thumbnail_slider_area {
        display: inline;
        float: left;
        margin-top: 20px;
        width: 100%
    }

    .signle_iteam {
        position: relative;
        padding: 0 3px
    }

    .slider_comntbox {
        background-color: rgba(0, 0, 0, .5);
        left: 15px;
        padding: 5px 8px;
        position: absolute;
        top: 10px;
        width: auto !important;
        z-index: 5
    }

        .slider_comntbox > p {
            color: #fff !important;
            margin-bottom: 0
        }

        .slider_comntbox > a {
            color: #fff !important
        }

    .signle_iteam img {
        width: 100%;
        height: 100%;
        transform: translate3d(0, 0, 0);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .owl-carousel .signle_iteam:last-child img {
        width: 100% !important
    }

    .slider_tittle {
        bottom: 15px;
        color: #fff;
        font-size: 20px;
        left: 0;
        line-height: 23px;
        margin: 0 20px;
        padding: 20px 0;
        position: absolute;
        right: 0;
        text-align: center;
        width: auto;
        z-index: 5
    }

        .slider_tittle:focus,
        .slider_tittle:hover {
            color: #fff
        }

    #contentbody {
        background-color: #eee;
        display: inline;
        float: left;
        min-height: 500px;
        padding: 10px 30px 0;
        width: 100%;
        border-radius: 7px;
        margin-top: 1px
    }

    .left_bar {
        float: left;
        display: inline;
        width: 100% !important;
        /*min-height: 400px*/
    }

    .single_leftbar {
        float: left;
        display: inline;
        width: 100%;
        margin-bottom: 2px
    }

        .single_leftbar > h2,
        .single_leftbar > h2 a {
            background: #003471;
            float: left;
            width: 100%;
            margin-top: 0
        }

            .single_leftbar > h2 span {
                color: #fff;
                display: inline-block;
                float: left;
                font-size: 18px;
                font-weight: 400;
                padding: 10px;
                position: relative;
                line-height: 20px
            }

    .home_images {
        padding: 8% 15px;
        background: #003471
    }

    .image_swap {
        background: #003471
    }

        .image_swap:hover {
            background: #fff;
            padding: 5% 15px
        }

    .single_leftbar > h2 span a {
        color: #fff;
        display: inline-block;
        float: left;
        font-size: 15px;
        font-weight: 400;
        padding: 7px 10px;
        position: relative;
        line-height: 15px;
        text-decoration: none
    }

    .home-button a:hover {
        background: #fff !important
    }

    .middle_leftbar {
        float: left;
        display: inline;
        width: 100%
    }

        .middle_leftbar > h2,
        .middle_leftbar > h2 a {
            background: #003471;
            float: left;
            width: 100%;
            margin-top: 0
        }

            .middle_leftbar > h2 span {
                color: #fff;
                display: inline-block;
                float: left;
                font-size: 15px;
                font-weight: 400;
                position: relative;
                line-height: 15px
            }

                .middle_leftbar > h2 span a {
                    color: #fff;
                    display: inline-block;
                    float: left;
                    font-size: 14px;
                    font-weight: 400;
                    padding: 14px 20px;
                    position: relative;
                    line-height: 15px;
                    text-decoration: none
                }

            .middle_leftbar > h2:hover {
                background: #fff;
                color: #003471;
                width: 100%;
                border: 1px solid #003471
            }

    #granichni h2 span,
    #kriminal h2 span,
    #vnatreshni h2 span {
        color: #fff;
        display: inline-block;
        float: left;
        font-size: 12px;
        font-weight: 400;
        padding: 10px;
        position: relative;
        line-height: 15px;
        text-decoration: none;
        min-height: 30px
    }

    #granichni h2,
    #kriminal h2,
    #vnatreshni h2 {
        border: 1px solid #fff;
        cursor: pointer;
    }

        #granichni h2 span:hover,
        #kriminal h2 span:hover,
        #vnatreshni h2 span:hover {
            color: #003471;
            text-align: center;
        }

        #granichni h2:hover,
        #kriminal h2:hover,
        #vnatreshni h2:hover {
            background: #fff;
            color: #003471;
            width: 100%;
            margin-bottom: 0;
            text-align: left;
            border: 1px solid #003471
        }

    .singleleft_inner img {
        max-width: 714px
    }

    .singleleft_inner1 {
        width: 100%
    }

    .recentpost_nav li {
        display: block;
        margin-bottom: 20px
    }

        .recentpost_nav li a {
            display: block;
            line-height: 23px;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s
        }

            .recentpost_nav li a:hover {
                opacity: .75
            }

            .recentpost_nav li a > img {
                margin-bottom: 5px;
                width: 100%
            }

    .recent_title:before {
        content: "";
        margin-right: 5px;
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1
    }

    .middle_bar {
        display: inline;
        float: right;
        width: 98%
    }

    .featured_sliderarea {
        float: left;
        display: inline;
        width: 100%
    }

    .left_slide {
        font-size: 11px;
        left: 15px;
        padding: 8px 12px;
        position: absolute;
        top: 15px;
        color: #fff;
        z-index: 10;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .right_slide {
        font-size: 11px;
        left: 55px;
        padding: 8px 12px;
        position: absolute;
        top: 15px;
        z-index: 10;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .carousel-caption {
        z-index: 15;
        background: url(/images/bg1.png)
    }

    .carousel-indicators li {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .carousel-indicators .active {
        height: 15px;
        width: 15px
    }

    .carousel-indicators {
        /*left: 70%;*/
        text-align: right;
        padding-right: 3%top: 20px;
    }

    @media (min-width:481px) {
        .carousel-caption > h1 a {
            color: #fff;
            font-size: 18px
        }
    }

    .single_category {
        background-color: #fff;
        display: inline;
        float: left;
        width: 100%;
        margin-top: 10px
    }

    .category_title {
        float: left;
        display: inline;
        width: 100%;
        background: #e0e0e0;
        text-align: center
    }

        .category_title a {
            display: inline-block;
            font-size: 16px;
            font-weight: 400;
            padding: 7px 15px
        }

    .category_title1 {
        float: left;
        display: inline;
        width: 100%;
        background: #003471;
        border-bottom: 1px solid #003471;
        text-align: center
    }

        .category_title1 a {
            display: inline-block;
            font-size: 16px;
            font-weight: 400;
            padding: 7px 15px;
            color: white;
        }

            .category_title1 a:hover {
                display: inline-block;
                font-size: 16px;
                font-weight: 400;
                padding: 7px 15px;
                text-decoration: none
            }

    .single_category_inner {
        width: 100%;
        padding: 10px 15px
    }

    .catg_nav li {
        display: block;
        float: left;
        margin-right: 20px;
        width: 23%;
        margin-bottom: 5px
    }

        .catg_nav li:nth-child(2),
        .catg_nav li:nth-child(4) {
            margin-right: 0
        }

    .catgimg_container {
        width: 100%;
        height: 150px;
        overflow: hidden;
        margin-bottom: 8px
    }

    .catg1_img img {
        height: 100%;
        width: 100%;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        transform: translate3d(0, 0, 0)
    }

    .catg1_img:hover img {
        opacity: .8;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    #catg_title {
        color: #111;
        display: block;
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 7px
    }

        #catg_title:before {
            display: inline-block;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            content: "";
            margin-right: 5px
        }

    .sing_commentbox {
        float: left;
        display: inline;
        width: 100%
    }

        .sing_commentbox > p {
            color: #888;
            display: inline-block;
            font-size: 11px;
            font-weight: 400;
            margin-right: 5px
        }

            .sing_commentbox > p i {
                margin-right: 5px
            }

        .sing_commentbox > a {
            color: #888;
            font-size: 11px;
            font-weight: 400
        }

            .sing_commentbox > a i {
                margin-right: 5px
            }

    .post-summary {
        color: #9b9b9b;
        line-height: 18px;
        margin: 10px 5px 10px 0
    }

    .category_three_fourarea {
        float: left;
        display: inline;
        width: 100%
    }

    .category_three {
        float: left;
        display: inline;
        width: 48%
    }

    .category_four {
        float: right;
        display: inline;
        width: 48%
    }

    .catg_nav3 .catgimg_container,
    .catg_nav3 li {
        width: 100%
    }

    .catg3_bottompost {
        float: left;
        display: inline;
        width: 100%;
        margin-top: 10px
    }

    .catg3_snav li {
        border-top: 1px solid #f1f1f1;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .catg3_snav #media-left {
        width: 70px;
        height: 70px
    }

        .catg3_snav #media-left:hover {
            opacity: .75
        }

        .catg3_snav #media-left > img {
            width: 100%;
            height: 100%
        }

    .catg5_nav li {
        border-top: medium none;
        float: left;
        padding-bottom: 0;
        padding-top: 5px;
        width: 49%
    }

    .catg_nav5 .catgimg_container,
    .catg_nav5 li {
        width: 100%
    }

    .catg5_bottompost {
        float: left;
        display: inline;
        width: 100%;
        margin-top: 10px
    }

    .resp,
    .resp img {
        width: 100%
    }

    .resp_min {
        width: 100%;
        z-index: 1
    }

    .resp_fb {
        position: absolute;
        margin-left: -80px;
        z-index: 9999;
        width: 80px;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0)
    }

    .containerdiv {
        width: 100%;
        position: relative
    }

    .catg5_snav li {
        border-top: 1px solid #f1f1f1;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .catg5_snav #media-left {
        width: 200px;
        height: 110px
    }

        .catg5_snav #media-left:hover {
            opacity: .75
        }

        .catg5_snav #media-left > img {
            width: 100%;
            height: 100%
        }

    .catg5_snav1 li {
        border-top: 1px solid #f1f1f1;
        display: block
    }

    .catg5_snav1 #media-left {
        height: 150px;
        float: left;
        margin-bottom: 2%
    }

        .catg5_snav1 #media-left:hover {
            opacity: .75
        }

        .catg5_snav1 #media-left > img {
            width: 100%;
            height: 100%
        }

    .right_bar {
        float: right;
        display: inline;
        width: 100%
    }

    .ppost_nav li {
        border-top: none
    }

    .blog_archive {
        float: left;
        display: inline;
        width: 100%
    }

        .blog_archive select {
            background-color: #eee;
            border: none;
            height: 50px;
            padding: 10px;
            width: 100%
        }

            .blog_archive select option {
                cursor: pointer;
                padding: 10px 5px
            }

    .label_nav li a {
        border-bottom: 1px solid;
        color: #777;
        display: block;
        padding: 8px 5px;
        font-size: 13px;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

        .label_nav li a:hover {
            text-decoration: none;
            padding-left: 15px
        }

        .label_nav li a:before {
            content: "";
            display: inline-block;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            margin-right: 5px
        }

    .link_nav li a {
        display: block;
        padding: 3px 5px;
        font-size: 13px;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

        .link_nav li a:before {
            display: inline-block;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            content: "";
            margin-right: 5px
        }

        .link_nav li a:hover {
            padding-left: 15px;
            color: #777;
            text-decoration: none
        }

    #footer {
        float: left;
        display: inline;
        width: 100%
    }

    .footer_top {
        float: left;
        display: inline;
        width: 100%;
        margin: 0 auto;
        background-color: #f9f9f9
    }

    .single_footer_top {
        float: left;
        display: inline;
        width: 100%;
        padding-bottom: 30px
    }

        .single_footer_top > h2 {
            background-color: rgba(0, 0, 0, .04);
            border-left: 0 none;
            border-right: 0 none;
            color: #222;
            display: block;
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 15px;
            padding: 10px 0
        }

        .single_footer_top ul li a {
            color: #222
        }

    .subscribe_area {
        float: left;
        display: inline;
        width: 100%
    }

        .subscribe_area p {
            font-size: 13px;
            font-style: normal;
            font-weight: 400px;
            color: #eee
        }

    .subscribe_mail {
        background-color: #222;
        display: inline;
        float: left;
        margin-bottom: 10px;
        position: relative;
        width: 100%
    }

        .subscribe_mail input {
            background: #222;
            border: none;
            color: #eee;
            height: 40px;
            line-height: 40px;
            padding-right: 32px
        }

        .subscribe_mail i {
            height: 10px;
            position: absolute;
            right: 17px;
            top: 13px;
            width: 10px;
            z-index: 10
        }

    .submit_btn {
        border: none;
        border-radius: 2px;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        height: 40px;
        line-height: 40px;
        min-width: 80px;
        width: 100%;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .footer_labels li a {
        display: block;
        float: left;
        background-color: #222;
        color: #eee;
        font-size: 12px;
        padding: 5px 10px;
        margin-left: 5px;
        margin-bottom: 10px;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

        .footer_labels li a:focus,
        .footer_labels li a:hover {
            text-decoration: none
        }

    .contact_form label {
        color: #fff;
        font-size: 13px;
        margin-bottom: 5px
    }

    .contact_form input {
        background-color: #222;
        border-radius: 0;
        color: #eee;
        border: none;
        margin-bottom: 15px
    }

    .contact_form textarea {
        background-color: #222;
        border-radius: 0;
        color: #eee;
        border: none;
        height: 100px
    }

    .send_btn {
        border: none;
        border-radius: 2px;
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        height: 35px;
        line-height: 35px;
        min-width: 80px;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0 !important;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .footer_bottom {
        background: #fff;
        display: inline;
        float: left;
        padding: 10px 10px 0;
        width: 100%
    }

    .footer_bottom_left {
        float: left;
        display: inline;
        width: 50%;
        text-align: left
    }

        .footer_bottom_left p {
            color: #fff;
            font-size: 13px;
            margin-top: 5px
        }

    .footer_bottom_right {
        float: right;
        display: inline;
        width: 50%;
        text-align: right
    }

        .footer_bottom_right li {
            display: inline-block
        }

            .footer_bottom_right li a {
                background-color: #f13b3b;
                border-radius: 50%;
                color: #fff;
                display: inline-block;
                margin-bottom: 8px;
                opacity: .7;
                padding: 6px 10px
            }

                .footer_bottom_right li a:hover {
                    opacity: 1
                }

            .footer_bottom_right li:nth-of-type(1) a {
                background-color: #2AB2E3
            }

            .footer_bottom_right li:nth-of-type(2) a {
                background-color: #3b5998;
                padding: 6px 12px
            }

            .footer_bottom_right li:nth-of-type(4) a {
                background-color: #D42E33
            }

            .footer_bottom_right li:nth-of-type(5) a {
                background-color: #E36F36
            }

    .custom-tabs > li:last-child a {
        border-right: 0;
        float: right
    }

    .custom-tabs > li > a {
        padding: 8px 15px;
        color: #000;
        font-size: 13px;
        font-weight: 600
    }

    .category_archive_area {
        float: left;
        display: inline;
        width: 100%
    }

    .single_archive {
        float: left;
        display: inline;
        width: 100%;
        position: relative;
        margin-bottom: 20px
    }

        .single_archive img {
            width: 100%
        }

    .read_more {
        font-size: 11px;
        padding: 5px 12px;
        position: absolute;
        right: 10px;
        top: 15px;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

        .read_more:focus,
        .read_more:hover {
            text-decoration: none;
            outline: 0
        }

    .singlearcive_article {
        position: absolute;
        left: 0;
        bottom: 10px;
        padding: 10px
    }

        .singlearcive_article p {
            color: #ddd;
            margin-top: 5px;
            background-color: rgba(0, 0, 0, .4);
            padding: 3px
        }

        .singlearcive_article > h2 a {
            background-color: rgba(0, 0, 0, .4);
            color: #fff;
            font-size: 20px;
            padding: 5px 10px
        }

    .author_name {
        color: #ddd;
        font-size: 12px;
        margin-right: 10px;
        background-color: rgba(0, 0, 0, .4);
        padding: 3px 5px
    }

        .author_name:focus,
        .author_name:hover,
        #post_date:focus,
        #post_date:hover {
            text-decoration: none;
            outline: 0
        }

        .author_name > i,
        #post_date > i {
            margin-right: 5px
        }

    #post_date {
        color: #6e6e6e;
        font-size: 12px;
        line-height: 2;
        background-color: rgba(0, 0, 0, .4);
        padding: 3px 5px
    }

    .breadcrumb {
        border-radius: 0
    }

        .breadcrumb > li + li:before {
            display: none
        }

        .breadcrumb > li a > i {
            margin-right: 5px
        }

        .breadcrumb > li a > .fa-angle-right {
            margin-left: 5px
        }

    .post_title {
        font-size: 2em;
        font-weight: 400;
        margin-bottom: 15px;
        line-height: 30px;
        padding: 15px;
        border-left-style: solid;
        border-left-width: 5px;
        text-transform: uppercase
    }

    .post_title_zam {
        font-size: 2em;
        font-weight: 400;
        margin-bottom: 15px;
        line-height: 30px;
        padding: 15px;
        text-align: center
    }

    .single_post_content {
        background-color: #fff;
        display: inline;
        float: left;
        margin-top: 40px;
        padding: 40px 20px;
        width: 100%
    }

    .single_post_content11 {
        background-color: #fff;
        display: inline;
        float: left;
        padding: 40px 20px;
        width: 100%
    }

        .single_post_content11 ul li {
            font-size: 14px;
            font-weight: 400;
            margin-left: 5px
        }

            .single_post_content11 ul li:before {
                display: inline-block;
                font-family: FontAwesome;
                font-size: 14px;
                font-weight: 400;
                line-height: 1;
                margin: 0 5px
            }

    .single_post_content img {
        max-width: 100%;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

        .single_post_content img:hover {
            opacity: .75
        }

    .post_footer {
        float: left;
        display: inline;
        width: 100%;
        margin-top: 10px
    }

    .post_pager li {
        display: block;
        float: left;
        text-align: center;
        width: 50%
    }

        .post_pager li:hover {
            color: #fff
        }

        .post_pager li a {
            padding: 20px;
            display: block;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s
        }

            .post_pager li a:hover {
                background-color: #09c !important;
                text-decoration: none;
                outline: 0;
                color: #fff
            }

    .next span,
    .next strong,
    .previous span,
    .previous strong {
        display: block;
        width: 100%
    }

    .previous a {
        border-right: 2px solid #ccc
    }

    .related_post {
        background-color: #fff;
        border-top: 1px solid #ddd;
        display: inline;
        float: left;
        margin-top: 20px;
        padding: 0 20px;
        width: 100%
    }

        .related_post > h2 {
            background: #fff;
            border-bottom: 1px solid #e3e3e3;
            font-size: 17px;
            font-weight: 700;
            line-height: 32px;
            margin: 0 0 20px;
            padding: 10px 0;
            width: 100%
        }

    .relatedpost_nav li {
        float: left;
        width: 32%;
        margin-right: 12px
    }

        .relatedpost_nav li:last-child {
            margin-right: 0
        }

    .social_area {
        display: inline;
        float: left;
        padding: 10px 0;
        width: 100%
    }

        .social_area ul {
            display: inline-block;
            width: 100%
        }

            .social_area ul li {
                display: inline-block
            }

                .social_area ul li > a {
                    background: grey;
                    color: #fff;
                    font-size: 24px;
                    border-radius: 5px;
                    margin: 0 4px;
                    padding: 6px 12px;
                    text-decoration: none;
                    display: inline-block;
                    opacity: .75;
                    -webkit-transition: all .5s;
                    -o-transition: all .5s;
                    transition: all .5s
                }

                    .social_area ul li > a:hover {
                        border-radius: 0;
                        opacity: 1;
                        margin-top: -5px
                    }

        .social_area li:nth-child(1) > a {
            background: #3b5998;
            padding: 6px 16px
        }

        .social_area li:nth-child(2) > a {
            background: #00acee
        }

        .social_area li:nth-child(3) > a {
            background: #dd4b39
        }

        .social_area li:nth-child(4) > a {
            background: #0e76a8
        }

        .social_area li:nth-child(5) > a {
            background: #c92228
        }

    .single_post_content ul {
        margin-bottom: 10px
    }

    .single_post_area .author_name,
    .single_post_area #post_date {
        background: 0 0
    }

    .single_post_content h1,
    .single_post_content h2,
    .single_post_content h3,
    .single_post_content h4,
    .single_post_content h5,
    .single_post_content h6 {
        color: #555
    }

    .btn {
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        border-radius: 0
    }

        .btn:hover {
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
            border-radius: 4px
        }

    .btn-basic {
        border: 1px solid #09c;
        background-color: #09c;
        color: #fff;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

        .btn-basic:hover {
            border: 1px solid #09c;
            background-color: #0597C8;
            color: #fff
        }

    #errorpage_body {
        float: left;
        display: inline;
        width: 100%
    }

    .errorpage_area {
        background-color: #474747;
        display: inline;
        float: left;
        width: 100%;
        padding-bottom: 40px
    }

        .errorpage_area .error-title {
            text-align: center
        }

            .errorpage_area .error-title span {
                color: #fff;
                font-size: 10em
            }

    .error_content {
        float: left;
        display: inline;
        width: 100%;
        text-align: center
    }

        .error_content > p {
            text-align: center;
            color: #fff;
            padding: 0 5px
        }

        .error_content a {
            background-color: #fff;
            color: #111;
            display: inline-block;
            padding: 10px 25px;
            margin-top: 25px;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s
        }

            .error_content a:hover {
                text-decoration: none;
                outline: 0;
                color: #fff
            }

    @media(min-width:1024px) {

        .image-overflow-hidden {
            height: 130px !important;
            overflow: hidden;
        }
    }

    @media(max-width:1199px) {
        .logo_area {
            width: 32%
        }

        .top_addarea {
            width: 66%
        }

        .catg_nav li {
            width: 47.94%
        }

        .catg_nav3 li {
            width: 100%
        }

        .relatedpost_nav li {
            margin-right: 9px
        }

        .custom-tabs > li > a {
            font-size: 11px;
            padding: 8px 2px
        }
    }

    @media(max-width:991px) {
        .slider_tittle {
            bottom: 10px;
            color: #fff;
            font-size: 18px;
            line-height: 1.5em;
            margin: 0 15px
        }

        .logo_area {
            width: 100%
        }

        .top_addarea {
            display: none
        }

        .middle_bar {
            width: 100%
        }

        .catg_nav li {
            width: 47.64%
        }

        .catg_nav3 li {
            width: 100%
        }

        .catg5_nav li {
            width: 49%;
            padding-right: 6px
        }

        .catg3_snav #media-left > img {
            height: auto
        }

        .ppost_nav li {
            width: 100%;
            float: left
        }

        .catg_nav2 .catgimg_container {
            height: 250px
        }

        .relatedpost_nav li {
            margin-right: 7px
        }

        .custom-tabs > li > a {
            font-size: 12px !important;
            padding: 8px 5px
        }
    }

    @media(max-width:767px) {
        .media1 {
            width: 100% !important;
            min-height: auto !important;
            float: left;
            padding: 2%;
            margin: 1%;
            text-align: center !important;
            background-color: white !important;
        }

        .media-left {
            padding-right: 0px !important;
        }




        .container-fluid,
        .navbar-collapse {
            padding-left: 15px
        }

        #searchIcon {
            height: 50px;
            float: right
        }

        #search-hide input {
            height: 108px;
            width: 89%
        }

        .header_search,
        .navbar {
            width: 100%
        }

        .navbar-toggle {
            float: none;
            margin: 8px auto;
            padding: 13px
        }

        .navbar-header {
            text-align: center
        }

        button.remove {
            padding-top: 40px;
            padding-right: 6px
        }

        .left_bar {
            width: 100% !important;
            /*min-height: 0px !important;*/
        }
    }

    @media(max-width:480px) {
        .logo_area {
            text-align: center
        }

        .category_four,
        .category_three,
        .catg_nav li,
        .logo img {
            width: 100%
        }

        .catg5_nav li {
            padding-right: 0;
            width: 100%
        }

        .ppost_nav li {
            width: 100%
        }

        .footer_bottom_left,
        .footer_bottom_right {
            text-align: center;
            width: 100%
        }

        .read_more {
            z-index: 99
        }

        .singlearcive_article p {
            display: none
        }

        .relatedpost_nav li {
            margin-right: 0;
            width: 100%
        }

        .recentpost_nav li a > img {
            height: 150px
        }

        .carousel-caption {
            bottom: 5px;
            padding-bottom: 0;
            padding-top: 10px;
            z-index: 999
        }

        .latest_newsarea span {
            font-size: 14px;
            padding: 5px 15px
        }
    }

    @media(max-width:320px) {
        .carousel-indicators {
            display: none
        }

        .carousel-caption > h1 {
            font-size: 10px
        }

        .read_more {
            font-size: 10px;
            padding: 5px 6px;
            right: 5px;
            top: 5px
        }

        .singlearcive_article {
            bottom: 0
        }

            .singlearcive_article h2 {
                line-height: 15px
            }

            .singlearcive_article p {
                display: none
            }

        .post_title {
            border-left: 5px solid #09c;
            font-size: 1.5em
        }

        #post_date,
        .single_post_area .author_name {
            width: 100%;
            float: left;
            margin-bottom: 10px
        }

        .social_area ul li > a {
            font-size: 20px;
            margin: 0 2px
        }

        .carousel-caption {
            bottom: 5px;
            padding-bottom: 0;
            padding-top: 10px
        }

            .carousel-caption > h1 a {
                font-size: 14px
            }

        .custom-tabs > li > a,
        .singlearcive_article > h2 a {
            font-size: 11px
        }

        .author_name {
            margin-bottom: 2px;
            float: left
        }
    }

    input[type=checkbox]:not(old),
    input[type=radio]:not(old) {
        width: 2em;
        margin: 0;
        padding: 0;
        font-size: 1em;
        opacity: 1
    }

        input[type=checkbox]:not(old) + label,
        input[type=radio]:not(old) + label {
            display: inline-block;
            line-height: 1.5em
        }

            input[type=checkbox]:not(old) + label > span,
            input[type=radio]:not(old) + label > span {
                display: inline-block;
                width: 1.5em;
                height: 1.5em;
                margin: .25em .5em .25em .25em;
                border: .0625em solid silver;
                border-radius: .25em;
                background: red;
                background: -moz-linear-gradient(#f0f0f0, #e0e0e0) red;
                background: -ms-linear-gradient(#f0f0f0, #e0e0e0) red;
                background: -o-linear-gradient(#f0f0f0, #e0e0e0) red;
                background: -webkit-linear-gradient(#f0f0f0, #e0e0e0) red;
                background: linear-gradient(#f0f0f0, #e0e0e0) red;
                vertical-align: bottom
            }

        input[type=checkbox]:not(old):checked + label > span,
        input[type=radio]:not(old):checked + label > span {
            background-image: -moz-linear-gradient(#e0e0e0, #f0f0f0);
            background-image: -ms-linear-gradient(#e0e0e0, #f0f0f0);
            background-image: -o-linear-gradient(#e0e0e0, #f0f0f0);
            background-image: -webkit-linear-gradient(#e0e0e0, #f0f0f0);
            background-image: linear-gradient(#e0e0e0, #f0f0f0)
        }

            input[type=checkbox]:not(old):checked + label > span:before {
                content: '✓';
                display: block;
                width: 1em;
                color: #003471;
                font-size: 1.5em;
                line-height: 1em;
                text-align: center;
                text-shadow: 0 0 .0714em #73994d;
                font-weight: 700
            }

            input[type=radio]:not(old):checked + label > span > span {
                display: block;
                width: .5em;
                height: .5em;
                margin: .125em;
                border: .0625em solid #73994d;
                border-radius: .125em;
                background: #9c6;
                background: -moz-linear-gradient(#b3d98c, #9c6) #9c6;
                background: -ms-linear-gradient(#b3d98c, #9c6) #9c6;
                background: -o-linear-gradient(#b3d98c, #9c6) #9c6;
                background: -webkit-linear-gradient(#b3d98c, #9c6) #9c6;
                background: linear-gradient(#b3d98c, #9c6) #9c6
            }

    .poveke,
    .poveke a {
        text-align: right;
        padding: 0 2% 2%;
        color: #003471
    }

    input {
        color: #222;
        outline-style: none;
        padding: 0 10px;
        margin-right: 0;
        margin-bottom: 10px
    }

    .btn-search {
        float: right;
        width: 13%;
        height: 35px;
        padding: 6px 0 6px 0px !important;
        color: #fff;
        font-size: 24px !important;
        background: #003471 !important;
        text-align: center;
    }

        .btn-search:hover {
            background: #fff !important;
            color: #003471;
            text-decoration: none
        }

    .home-button:hover {
        background: #fff
    }

    .rg-image-wrapper {
        position: relative;
        padding: 20px 30px;
        background: url(../images/black.png) top left;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        min-height: 20px
    }

    .rg-image {
        position: relative;
        text-align: center;
        line-height: 0
    }

        .rg-image img {
            max-height: 100%;
            max-width: 100%
        }

    .rg-image-nav a {
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/nav.png) -20% 50% no-repeat #000;
        width: 28px;
        height: 100%;
        text-indent: -9000px;
        cursor: pointer;
        opacity: .3;
        outline: 0;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px
    }

        .rg-image-nav a.rg-image-nav-next {
            right: 0;
            left: auto;
            background-position: 115% 50%;
            -moz-border-radius: 0 10px 10px 0;
            -webkit-border-radius: 0 10px 10px 0;
            border-radius: 0 10px 10px 0
        }

        .rg-image-nav a:hover {
            opacity: .8
        }

    .rg-caption {
        text-align: center;
        margin-top: 15px;
        position: relative
    }

        .rg-caption p {
            font-size: 11px;
            letter-spacing: 2px;
            font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
            line-height: 16px;
            padding: 0 15px;
            text-transform: uppercase
        }

    .rg-view {
        height: 30px
    }

        .rg-view a {
            display: block;
            float: right;
            width: 16px;
            height: 16px;
            margin-right: 3px;
            background: url(../images/views.png) top left no-repeat #464646;
            border: 3px solid #464646;
            opacity: .8
        }

            .rg-view a:hover {
                opacity: 1
            }

            .rg-view a.rg-view-full {
                background-position: 0 0
            }

            .rg-view a.rg-view-selected {
                background-color: #6f6f6f;
                border-color: #6f6f6f
            }

            .rg-view a.rg-view-thumbs {
                background-position: 0 -16px
            }

    .rg-loading {
        width: 46px;
        height: 46px;
        position: absolute;
        top: 50%;
        left: 50%;
        background: url(../images/ajax-loader.gif) center center no-repeat #000;
        margin: -23px 0 0 -23px;
        z-index: 100;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        opacity: .7
    }

    .background {
        background: url("/images/banner_mvr.png") no-repeat scroll;
        background-image: url("/images/banner_mvr.png"); /* fallback */
        background-image: url("/images/banner_mvr.png"), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) !important; /* Saf4+, Chrome */
        background-image: url("/images/banner_mvr.png"), -webkit-linear-gradient(top, #ffffff, #ffffff) !important; /* Chrome 10+, Saf5.1+ */
        background-image: url("/images/banner_mvr.png"), -moz-linear-gradient(top, #ffffff, #ffffff) !important; /* FF3.6+ */
        background-image: url("/images/banner_mvr.png"), -ms-linear-gradient(top, #ffffff, #ffffff) !important; /* IE10 */
        background-image: url("/images/banner_mvr.png"), -o-linear-gradient(top, #ffffff, #ffffff) !important; /* Opera 11.10+ */
        background-image: url("/images/banner_mvr.png"), linear-gradient(top bottom, #ffffff, #ffffff) !important; /* W3C */
        width: 100%;
        margin: 0px auto;
        background-size: 100%;
    }

    .home {
        border-right: 1px solid #DDD;
        background: #003471 !important;
    }

        .home a:hover, .home a .fa:hover {
            background-color: #003471 !important;
        }
