body, p.longer-text {
font-family:"Open Sans",Arial, Verdana, sans-serif;

}
p {
    margin-top: 0;
    margin-bottom: 0rem !important;
}
.container {
    width:100%;
}
.main-content {
    width:66% !important;
  
}
.single-news a {
    color:#333;
    text-shadow: none !important; 
}
#contact-area {
    width: 100%;
    margin-top: 25px;
}
#contact-area input, #contact-area select, #contact-area textarea {
    padding: 5px;
    width: 100%;
}
div.month-name {
    width: 325px;
    height: 37px;
    background: none;
    font-size: 15px;
    font-weight: bold;
    line-height: 35px;
    color: #fff;
background-color: #3EA7EB;
    padding: 0 0 0 12px;
    margin-top: 10px;
    text-transform: uppercase;
    text-shadow: 0px 0px #fff;
    text-align: center;
    box-shadow: 0px 0px 0px #a8a8a8;
}
#contact-area label {
    float: left;
    margin-right: 10px;
    width: 100%;
    font-size: 1.1rem;
}
.inner-wrapper {
    background-color: #fff;
    float: left;
    width: 100%;
    margin: 0;
    padding-bottom: 0px;
    border-radius: 0 0px;
    box-shadow: 0px 0px 0px #a8a8a8;
  
}
.top-news-cont-inner {
    color: #3EA7EB;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    padding: 0px 0px 0px 0px;
    text-transform: uppercase;
    width: auto;
    font-family:"Open Sans",Arial, Verdana, sans-serif;
    background: #fff;
    position: relative;
    z-index: 100000;
    padding-right: 10px;
}
p.source-inner-bottom a, p.source-inner-bottom {
    color: #4d4b4b;
}
.right-side {
    width:100% !important;
}
p.continue-r a {
    color: #ad1515;
    font-weight: bold;
    font-size: 12px;
    float: left;
    padding-top: 0px;
}
.newest-inner a, .newest-inner-last a {
    text-decoration: none;
    color: #111f38;
    text-shadow: none;
}
.newest-inner {
    background-color: #fff;
    padding: 0px;
    float: left;
    width: 100%;
    border-bottom: 0px solid #e7e7e7;
    border-top: 0px solid #fff;
    margin-bottom: 20px;

}
.newest-inner h2, .newest-inner-last h2 {
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
    color: #6c6262;
    padding-top: 3px;
    font-family: Open Sans;
    text-transform: uppercase;
}
p.longer-text-inner {
    font-size: 13px;
    /* font-family: 'Segoe UI', Verdana, Arial, sans-serif; */
    font-family: Open Sans;
    font-weight: normal;
    color: #6c6262;
    line-height: 18px;
    padding: 0px;
    margin: 0px;
    text-shadow: none;
}
.blue-line {
    background: #3EA7EB;
    display: flex;
    width: 100%;
    float: left;
    height: 2px;
    align-content: center;
    z-index: 99;
    margin-top: -15px;
    position:relative;
}
span.napomena {
    background: #fff;
}
#low_res_sidebar {
    width:100%;
}
p.source-inner a {
    color:#333;
}
.single-news {
    float: left;
    margin-top: 0px;
    background-color: #fff;
    width: 100%;
    box-shadow: 0px 0px 0px #a8a8a8;
}
.text-news {
    width:100%;
    padding: 0px;
}
.text-news img {
    border:0px;
    margin:0px;
    border-radius: 0px;
}
#sidebar {
    color: #afb0b1;
    background-color: #fff;
    border: 0px solid #fff;
    border-top: none;
    float: left;
    margin: 0;
    padding: 0px;
    box-shadow: none !important;
    border-radius: 0px;
}
.banner-box {
    width:100%;
    text-align:center;
    box-shadow:none !important;

}
.banner-inner {
    box-shadow:none !important;
}
.sidebar-content, .sidebar-content-tabs, .rigt-block-top, .right-block-top  {

    box-shadow: none !important;
    border-radius: 0px;
    font-family:"Open Sans",Arial, Verdana, sans-serif;
    width: 100%;
}
.excange-box {
    width: 100%;
    display: inline-block;
    border: 0px solid #f7f7f7;
    box-shadow: 0px 0px 0px #a8a8a8;
    border-radius: 0 0 0px;
    background-color: #fff;
    margin-bottom: 5px;
}
.pretraga {
    height: 0px;
}
.pagination2 span a {
    color: #333;
    text-shadow: 1px 1px #999;
    padding: 6px;
    background-color: #fff;
    border-radius: 0px;
}
.pagination2 span {
    color: #333;
    text-shadow: none !important;
}
.featrow {
    color: #262626;
    background-color: #ffffff;
    border-top: none;
    float: left;
    margin: 0px;
    padding: 10px 3px 5px 8px;
    width: 100%;
    box-shadow: 0px 0px 0px #a8a8a8;
    line-height: 14px;
    font-size: 13px;
    border-radius: 0 0 0px;
    margin-bottom: 11px;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
font-size:1.1rem !important;
font-weight:bold;
}
.nav-link {
padding:0.2rem 1rem;
}
h1, h2 {
font-size:16px !important;
margin-bottom: 10px;
}
.footer-linkovi ul  {
text-align:center;
padding-bottom:17px;
font-family: 'Exo 2', sans-serif;
font-weight:300;

}
.footer-linkovi ul li {
display:inline-block;
font-size:12px;
font-family:"Open Sans",Arial, Verdana, sans-serif;
padding:0px 5px 2px 2px;
border-right:1px solid #fff;
}
.footer-linkovi ul li:last-child {
border:none;
}
.footer-linkovi ul li a{
color:#fff;
}
.copyright {
padding-top:40px;
width:100%;
float:left;
text-align:center;
font-family: 'Exo 2', sans-serif;
font-weight:300;

}
.copyright img {
float:none;
width:auto;
height: 65px;
}
.right-copyright {
color:#333;
font-size:11px;
text-align:center;
float:none;
padding:0rem 0rem 1rem 0rem;
}
.right-copyright a{
color:#333;
}
.right-copyright a:hover{
    color:#000;
    }
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='1' stroke-linecap='round' stroke-miterlimit='20' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
#sidebar, .rigt-block-top, .right-block-top, .first-row, .second-row, .third-row {
width:100%;
}
.custom-toggler.navbar-toggler {
  border-color: rgb(255,255, 255);
} 
.gradovi-slide {
width:auto;
height:35px;
line-height:30px;
 overflow-x: auto;
  white-space: nowrap;
border-bottom:1px solid #333;

}
.gradovi-slide a{
display: inline-block;
text-transform:uppercase;
  text-align: center;
  text-decoration: none; 
    width: auto !important;
    padding: 0 0.5rem;
font-weight:600;
}
nav {
    background-color: #3fa7eb;
    float: right;
    width: auto;
    z-index: 88;
    padding-bottom: 45px;
}

.header {
    background:none;
    background-color: #3EA7EB;
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto !important;
}
.navbar {
    width: 100%;
    background-color: #3EA7EB;
}
.logo {
    width:225px !important;
}
.pagination2 span a {
    color: #333;
    text-shadow: none !important;
    padding: 6px;
    background-color: #fff;
    border-radius: 0px;
}

.podmeni_gradovi {
    width:100%;
    float: left;
    text-transform: uppercase;
    height: 38px;
    overflow: hidden;
    border-bottom: #666 2px solid;
}
.podmeni_gradovi ul li {
    float: left;
    text-transform: uppercase;
    width: auto;
    margin: 0px 10px 0px 10px;
    font-size: 1.5em;
    max-height: 30px;
    font-weight: bolder;
    line-height: 40px;
}
.podmeni_gradovi ul li a{
    color: #000;
} 

.right-side, .footer, .banner-top-wrapper, .banner-top-wrapper-728 {
	display: block !important;
}
.newest-inner-last2 {
    background-color:#fff;
    padding: 0px;
    margin: 0;
    float: left;
    margin-top: 8px;
    background-color: #fafafa;
    width: 100%;
    box-shadow: 0px 0px 5px #a8a8a8;
    border-top: 0px solid #fff;
}
#pageslide #nav li a {
	color: #FFF;
	border: none;
	background: #3fa7eb no-repeat center center;
    border-bottom: 1px solid #fff;
}

#pageslide #nav li a:hover {
	text-decoration: none;
}

#pageslide #nav li a:active {
	background: url(images2/over.jpg) center center no-repeat;
}

#pageslide #nav li li a {
	background: url(images2/submenu-bckg.png) no-repeat;
}
.newest h1, .newest h2, .text-news h1 {
font-weight:400;
    margin-left: 10px;
line-height:25px;
text-shadow: none;
}

.text-news h1 {
margin-left:0px;
font-weight: bolder;
}
.clear {
clear:both;
}
.newest h1 a{
    
    color: rgb(68, 66, 66);
    text-shadow: none;
}
button:focus {
    outline:none;
}
p.long-text, .single-news p, p.source-inner {
    font-size: 13px;
    font-weight: normal;
    color: #000;
    line-height: 20px;
    margin: 0px;
    text-shadow: none;
margin-bottom:15px;
}
p.source {
    float: left;
    width: auto;
    font-size: 11px;
    color: rgb(100, 98, 98);
    padding: 10px;
    text-shadow: none;
    line-height: 2em;
}
p.source a {
    color: rgb(100, 98, 98);
}
 p.longer-text {
    font-size: 12px;
    height: 53px;
    overflow: hidden;
}
span.izvor {
    color: #333;
}

p.more a{
    color: #fff;
    float: right;
    font-size: 13px;
    height: auto;
    line-height: 28px;
    margin: 5px 8px 6px 0;
  text-indent: 0px !important;
    background: #f5a012;
	text-transform: uppercase;
}

.newest a {
text-shadow:none;
    text-decoration: none;

}
p.more a:hover {
	color: #0f203e;
}
.more span{
	font-size: 9px;
}
.navbar-toggler  {
border: 0px !important;
}
p.more a {

        box-shadow:inset 0px -3px 7px 0px #29bbff;
        background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
        background-color:#2dabf9;
        border-radius:13px;
        border:0px solid #0b0e07;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-size:15px;
        padding:5px 25px;
        line-height: 20px;
        text-decoration:none;
        text-shadow:0px 0px 0px #263666;
        width: auto;
        text-align: center;
        height: auto;
        vertical-align: middle;
    }
    p.more a:hover {
        background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
        background-color:#0688fa;
        color: #fff;
        text-shadow: none;
    }
    .newest {

        padding: 0px 0px 0px 0px;
        width:100%;
        margin: 10px 0px;
        box-shadow: none;
        border:1px solid #999; 

    }
    .text-news { 
        padding: 0px 0px 0px 0px;
        width:100%;
        margin: 10px 0px;
        box-shadow: none;
    }
    .newest img,    .text-news img {
        width:100%;
        margin: 0%;
        border: 0px;
    }
    .category-wrapper {
        display: none;
    }
    .text-news img {
        margin-bottom: 15px;
    }
    p.source-inner a {
        color:#333;
        padding: 0px;
    }
   .logo {
    height:45px;
    top: 0px;
   }
   .navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
}
.footer {
    width: 100%;
    background: #3EA7EB;
    min-height: 200px;
    position: relative;
    margin-top:18px;
}
.social-links {
width:100%;
float:left;
text-align:center;
border-top:0.5px solid #fff;
padding-top:25px;
padding-bottom:5px;
margin-top:15px;

}
.social-links a{
display:inline-block;
    text-align: center;
	width: 28px;
	height:28px;
	border: 1px solid #fff;
	border-radius: 100%;
	margin-right: 7px; /*space between*/

} 
.social-links a i{
	font-size: 14px;
    line-height: 28px;
	color: #fff;
}
.copyright img {
    width: 149px;
    height: auto;
}
.top-news-list {
background: none;
margin-bottom:20px;
}
.top-news-list:hover {
background: none;
}
.top-news-list span a:hover {
	background-color: #fff;
    padding: 0  0px;
    color: #333;
}
.top-news-cont {
    background: none;
    margin:20px 0px 0px 0px;
    color: #333;
    font-size: 1.5em;
    padding: 0px;
    float: none;
    font-family:"Open Sans",Arial, Verdana, sans-serif;


}

   @media screen and  (min-width: 992px) {
.container {
    max-width: 1180px;
display:block;
}
.right-side {
    width: 100% !important;
    margin-left:0%;
    height: auto;
}
#header-up, #header-social {
display:none;
}
#sidebar {
width:33%;
margin-top:0px;
}
.gradovi-slide {
width:auto;
height:35px;
line-height:30px;
 overflow-x: auto;
  white-space: nowrap;
border-bottom:1px solid #333;
display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: center;
}
.navbar img, .logo img {
height:auto !important;
}
.logo {
margin-right:50px;
    width: 220px !important;

}
.main-content {
    width:66% !important;
    margin-right:1%;
  
}
.sidebar-content-tabs {
    width:100%;
}
   }
   @media screen and  (max-width: 991px) {

#header-up {
margin-top:20px;
border-top:0.5px solid #fff;
border-bottom:0.5px solid #fff;
float:left;	
width:100%;

}

p.source-inner a {
    color:#333;
    text-shadow:0px !important;
    padding: 0px !important;
}
.social-links {
width:100%;
float:left;
text-align:center;
border-top:0.5px solid #fff;
padding-top:25px;
padding-bottom:5px;
margin-top:15px;

}
.social-links a{
display:inline-block;
    text-align: center;
	width: 28px;
	height:28px;
	border: 1px solid #fff;
	border-radius: 100%;
	margin-right: 7px; /*space between*/

} 
.social-links a i{
	font-size: 14px;
    line-height: 28px;
	color: #fff;
}
#header-up ul{
padding-bottom:5px;
padding-top:15px;
}
.main-content { 
    width:100% !important;
} 
.banner-top-wrapper, .banner-970 {
width:100% !important;
float:left;

}
.center a {
color:#fff; 
}
.search {
display:none;
}
.slika {
max-height:156px;
overflow:hidden;
width:100%;
float:left;
margin-bottom:10px;
}
}
@media screen and  (max-width: 960px) {
.newest-inner {
    background-color: #fff;
    padding: 0 0 0px 0px;
    float: left;
    width: 100%;
}
.newest a {
    text-decoration: none;
    color: #333;
}