/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700&subset=cyrillic,cyrillic-ext,latin-ext');

body {
	padding:0px;
	margin:0px;
    font-family:  Montserrat, Roboto, Arial, Helvetica, sans-serif !important;
	font-weight:300;
	color: #062A4A;
	font-size:14px;
	line-height:16px;
    font-weight: 300;
	background-color: #00162E;
	max-width:100%;
    
    background-image:url('../images/bg-main.jpg');
    background-repeat:no-repeat;
    background-size: 100%;
    background-size: cover;
    background-position: top; 
    background-attachment: fixed;

}

.body-bg-top {
    background-image:url('../images/bg-body-top.png');
    background-repeat:repeat-x;
    background-position: top;
}

/********** header ********************************************************/
.header {
	/*padding:0 15px; */
    /*background-color: #00162E;*/
}

.header-inner {
	max-width:1000px;
	margin:auto;
	padding:0 15px;
}

.header-inner .logo {
    padding: 30px 0 30px 0;
    max-height: 125px;
}

.header-inner-jezik {
    padding: 15px 0 10px 0;
}

.header-inner-box-social {
    padding-left: 5px ;
    display: inline-block;
}

.header-inner-box-social img {
    max-height: 30px;
}

.header-navigacija {
    /*background-color: #2761A1;*/
    display: block; 
}

.header-navigacija-inner { 
    background-color: #2761A1;
    height: 45px;
    max-width:970px;
    margin:auto;
}
/********** end header ****************************************************/




/********** main **********************************************************/
.main {
    
    background-image:url('../images/bg-main-bottom.png');
    background-repeat:repeat-x;
    background-position: bottom; 
    
    /*-webkit-touch-callout: none; /* iOS Safari */
    /*-webkit-user-select: none; /* Safari */
    /* -khtml-user-select: none; /* Konqueror HTML */
    /*   -moz-user-select: none; /* Firefox */
    /*    -ms-user-select: none; /* Internet Explorer/Edge */
    /*        user-select: none; /* Non-prefixed version, currently
    /*                              supported by Chrome and Opera */
}

.main-inner {
	max-width:1000px;
	margin:auto;
	padding:0px 15px 0 15px;
    min-height: 100px;
}

.main-inner .text-naslov {
    font-size: 14px; 
    font-weight: 600;
    line-height: 18px;
    /*text-transform: uppercase;*/
    color: #062A4A;
}

a.link-text-naslov:link { color:#062A4A; text-decoration: none; font-size: 14px; font-family:  Montserrat, Roboto, Arial, Helvetica, sans-serif !important; font-weight: 600; line-height: 18px;}
a.link-text-naslov:visited { color:#062A4A;text-decoration: none; font-size:14px; font-family:  Montserrat, Roboto, Arial, Helvetica, sans-serif !important; font-weight: 600; line-height: 18px;}
a.link-text-naslov:hover { color: #062A4A; text-decoration: underline; font-size: 14px; font-family:  Montserrat, Roboto, Arial, Helvetica, sans-serif !important; font-weight: 600; line-height: 18px;}
a.link-text-naslov:active { color: #062A4A; text-decoration: underline; font-size: 14px; font-family:  Montserrat, Roboto, Arial, Helvetica, sans-serif !important; font-weight: 600; line-height: 18px;}


.stranica-naslov {
    /*background-color: #2761A1;*/
    padding: 15px 0 15px 0;
    font-weight: 700;
    font-size: 18px;
    color:#fff;
    text-transform: uppercase;
}

.stranica-slika {
    width: 100%;
}

.stranica-sadrzaj {
    background-color: #fff;
    min-height: 100px;
}

.stranica-sadrzaj-text {
    padding: 30px;
    line-height: 20px;
}

.stranica-sadrzaj-text  ol {
    padding-left: 15px;
}

.stranica-sadrzaj-text ul {
    padding-left: 15px;
}

.stranica-sadrzaj-text .dropdown ul {
    padding-left: 0px;
}

.ticker-box {
      
}

.ticker-box-inner {
    /*background: rgba( 256, 256, 256, 1 );*/  
    max-width:1000px;
    margin:auto; 
    background-image:url('../images/bg-ticker-left.png');
    background-repeat:repeat-y;
    background-position: left;  
}

.ticker-box-inner-bg-right {
    background-image:url('../images/bg-ticker-right.png');
    background-repeat:repeat-y;
    background-position: right;  
}

.ticker-desktop {
    padding: 10px 0px; 
    margin: 0 40px;
    background-color: #fff; 
    color:#00162E; 
    font-size: 13px; 
    min-height: 40px;
    display: block;

}

.ticker-mobile {
    display:none;
}


/* cenovnik */
.btn-preuzmi-sekciju {
    float: right;
    background-color:#2761A1;
    color:#fff;
    font-size:14px;
    font-weight:500;
    padding:3px 10px;
    border-radius: 3px;
}

.btn-preuzmi-sekciju img {
    padding-left:10px;
    max-height: 15px;
}

/* end cenovnik */

/* termini bazen */
.termini-bazen-left {
    background-color:#D5DDF2;
    text-align:center;
    padding:50px 0; 
    border:1px solid #7D7D7D; 
    border-right-width:0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
}

.termini-bazen-right {
    border:1px solid #7D7D7D;
}

/* end termini bazen */


.benefit-kartice-box {
    background-size:100%; 
    background-position:center top; 
    position:relative;
    font-size: 20px;
    line-height: 22px;
    color:#fff; 
    border-radius:20px;
    border:1px solid #fff;  
    -moz-box-shadow:3px 3px 5px 6px #ccc; 
    -webkit-box-shadow:3px 3px 5px 6px #ccc; 
    box-shadow:3px 3px 5px 6px #ccc;   
}


/* slajde o src*/

.hala-slajder {
    padding: 0 10px; 
    padding-top: 1px;
}
.hala-slajder-inner {
    margin: 0 auto; 
    max-width: 940px;
}

.hala-podstranice-naslov {
    font-size: 26px; 
    font-weight: 500;
    line-height: 30px;
}

.hala-vesti-box {
    background-color:#fff; 
    padding:15px; 
    /*border-top:8px solid #2761A1;*/
}

a.link-hala-vesti-naslov:link { color:#062A4A; text-decoration: none; font-size: 18px; line-height: 20px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-hala-vesti-naslov:visited { color:#062A4A; text-decoration: none; font-size:18px; line-height: 20px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-hala-vesti-naslov:hover { color: #111; text-decoration: underline; font-size: 18px; line-height: 20px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-hala-vesti-naslov:active { color: #111; text-decoration: underline; font-size: 18px; line-height: 20px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }

.hala-vesti-box-info {
    background-color:#FFF; 
    font-size:13px;
    font-weight:500;
}

.hala-vesti-box-info-datum {
    display:inline-block; background-color:#2761A1;padding:5px 10px;color:#fff;
}

.hala-vesti-box-info-dalje {
    float: right;
    font-size: 13px;
    font-weight: 400;
    /*padding:5px 10px;*/
}

.hala-vesti-box-info-dalje img {
    max-height:26px;
    padding-left: 5px;
}

.hala-vesti-ne-propustite {
    background-color: #2761A1;
    color:#fff;
    padding:10px;
    font-size: 16px; 
    font-weight: 400;
}

.hala-vesti-ucitaj-jos a {
    background-color: #F8DD4E /*#2761A1*/;
    padding: 10px 20px;
    font-size: 14px !important;
    color: #775F13 !important;
    font-weight: 400;
    letter-spacing: 0.0725em;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration:none;
}

.hala-vesti-ucitaj-jos a:hover {
    background-color: #F1D225;
}

.hala-vesti-slika {
    background-size:100%; 
    background-position:center top; 
    position:relative;
    font-size: 20px;
    line-height: 22px;
    color:#fff;    
}

.hala-vesti-naslov-prikaz {
    font-size: 20px;
    line-height: 24px; 
    font-weight: 400;
}

/*end slajder*/

.baner-home-naslov {
    position: absolute; 
    bottom: 0;
    left:0;
    width:100%;
    font-family:Roboto, Arial, Helvetica, sans-serif;
    font-weight: 700; 
    font-size:20px; 
    line-height:22px;
    text-align: center; 
    padding:0 10px 25px 10px; 
    color:#ffffff; 
    /*background: rgba( 0, 0, 0, .6 ); */
}

.baner-home-box {
    background-size:100%; 
    background-position:center top; 
    position:relative;
    font-size: 20px;
    line-height: 22px;
    color:#fff; 
    border-radius:5px;
    /*border:5px solid #fff;*/  
    /*
    -moz-box-shadow:3px 3px 5px 6px #000; 
    -webkit-box-shadow:3px 3px 5px 6px #000; 
    box-shadow:3px 3px 5px 6px #000; */  
}
.baner-home-box-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 25px;
  visibility: hidden;
  background: rgba( 0, 22, 47, .7 );
  border-radius:5px;
  color:#fff;
  /*-webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; */
}
.baner-home-box:hover .baner-home-box-overlay{
  visibility: visible; 
  cursor: pointer; 
}

.baner-home-box-overlay-inner {
    position: absolute;
    bottom:15px;
    width: 100%;
    padding-right:45px; 
    text-align: center;
}

.baner-home-box-overlay-link-detaljnije {
    height: 100%;  
    background-color: #2761A1;  
    vertical-align: middle; 
    text-align: center;
    color:#fff;
    padding: 10px;
    /*display: inherit;*/
    border-radius:5px;
    /*-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s; */
    cursor: pointer; 
    font-size: 16px;
    font-weight: 500;
}
.baner-home-box-overlay-link-detaljnije:hover { 
    background-color: #1F4E81;
}

.baner-home-second-row { 
    margin:0 auto; width:80%;
}

#nav-footer-desktop {
    display: block;    
}

#nav-footer-mobile {
    display: none; 
}

.btn-pokreni-galeriju {
    cursor: pointer;
}

.btn-prikazi-galeriju {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    background: rgba( 255, 255, 255, .7 );
    margin: 0 30px 15px 0;
    border-radius: 5px;
}
.btn-prikazi-galeriju img {
    max-height: 50px;
}

.btn-prikazi-galeriju-b {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    background: rgba( 255, 255, 255, .8 );
    margin: 0 15px 15px 0;
    border-radius: 5px;
}
.btn-prikazi-galeriju-b img {
    max-height: 50px;
}


/* o kompaniji */
.o-kompaniji-prilozi-box-a {
    font-family: Montserrat, Roboto, Arial, Helvetica, sans-serif !important;
    background-color: #fff; 
    padding: 15px 30px; 
    color:#062A4A; 
    font-size: 14px; 
    /*font-weight: 500;*/
    line-height: 16px;
}

.o-kompaniji-prilozi-box-b {
    font-family: Montserrat, Roboto, Arial, Helvetica, sans-serif !important;
    background-color: #D5DDF2; 
    padding: 12px 30px; 
    color:#062A4A; 
    font-size: 14px; 
    /*font-weight: 500;*/
    line-height: 16px;
}

.o-kompaniji-prilozi-opis {
    font-size: 13px; 
    padding-top: 3px;
    font-weight: normal;
}

.o-kompaniji-prilozi-preuzmi {
    float: right;
    background-color:#2761A1;
    color:#fff;
    font-size:14px;
    font-weight:500;
    padding:2px 20px 4px 20px;
    border-radius: 5px;;
}

.o-kompaniji-javne-nabavke-desktop {
    display:blok;
}

.o-kompaniji-javne-nabavke-mobilni {
        display:none;
}

.o-kompaniji-javne-nabavke-mobilni-stavke {
    border:1px solid #2760A3;
    padding: 10px;
    margin-bottom: 15px;
}

a.link-o-kompaniji-prilozi-preuzmi:link { color:#062A4A; font-weight: normal; text-decoration: none; font-size: 13px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-o-kompaniji-prilozi-preuzmi:visited { color:#062A4A; font-weight: normal; text-decoration: none; font-size:13px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-o-kompaniji-prilozi-preuzmi:hover { color: #062A4A; font-weight: normal; text-decoration: underline; font-size: 13px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-o-kompaniji-prilozi-preuzmi:active { color: #062A4A; font-weight: normal; text-decoration: underline; font-size: 13px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }

/*press*/
.press-zaglavlje {
    background-color:#fff; padding:15px 30px; margin:5px 0; font-weight:500; font-size:18px;
    display: block;
}
.press-stavka {
    background-color:#fff; padding:15px 30px;
}

.press-meni {
    float: right;
}

.press-btn-lista {
    background-color: #fff;
    text-align: center; 
    padding: 10px; 
    color:#775F13; 
    font-weight: 600;
    font-size: 13px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    float:left; 
    line-height: 12px;
    display: block;
    margin-left: 5px;
}
.press-btn-lista:hover { 
    background-color: #F8DD4E;
}

.press-btn-lista-off {
    background-color: #F8DD4E ;
    text-align: center; 
    padding: 10px ; 
    color:#775F13 /*#AB912B*/; 
    font-weight: 600;
    font-size: 13px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    float:left; 
    line-height: 12px;
    margin-left: 5px;
}
.press-btn-lista-off:hover { 
    background-color: #fff /*F8DD4E*/; 
    color:#775F13; 
}

.mobile-only {
    display: none;
}

/*lokacija*/
.lokacija-box { 
    margin: 0 auto; 
    text-align: center;
}

.lokacija-box-inner { 
    display: inline-block;
}

.lokacija-box-inner img { 
    max-height:40px; margin-left: 15px;
}




/* pretraga */
.pretraga-datum {
    
}
.pretraga-naslov {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;   
}
.pretraga-antrofile {
    
}

.pretraga-box-a {
    background-color: #fff; 
    padding: 15px 30px; 
    /*color:#1F2942; 
    font-size: 18px; 
    font-weight: 500; */
}

.pretraga-box-b {
    background-color: #D5DDF2; 
    padding: 12px 30px; 
    /*color:#1F2942; 
    font-size: 18px; 
    font-weight: 500; */
}

a.link-pretraga-naslov:link { color:#1F2942; text-decoration: none; font-size: 18px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-pretraga-naslov:visited { color:#1F2942; text-decoration: none; font-size:18px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-pretraga-naslov:hover { color: #1F2942; text-decoration: underline; font-size: 18px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-pretraga-naslov:active { color: #1F2942; text-decoration: underline; font-size: 18px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }



.center-row {
    display:table;
    margin-right: -0px;
    margin-left: -0px;
}
.center {
    display:table-cell;
    vertical-align:middle;
    float:none;
} 

.gutter-0.row {
    margin-right: -0px;
    margin-left: -0px; 
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
    padding-right: 0px;
    padding-left: 0px; 
}

.gutter-4.row {
    margin-right: -2px;
    margin-left: -2px; 
}
.gutter-4 > [class^="col-"], .gutter-0 > [class^=" col-"] {
    padding-right: 2px;
    padding-left: 2px; 
}

.gutter-8.row {
    margin-right: -4px;
    margin-left: -4px; 
}
.gutter-8 > [class^="col-"], .gutter-0 > [class^=" col-"] {
    padding-right: 4px;
    padding-left: 4px; 
}

.gutter-16.row {
    margin-right: -8px;
    margin-left: -8px; 
}
.gutter-16 > [class^="col-"], .gutter-0 > [class^=" col-"] {
    padding-right: 8px;
    padding-left: 8px; 
}

.gutter-60.row {
    margin-right: -30px;
    margin-left: -30px; 
}
.gutter-60 > [class^="col-"], .gutter-0 > [class^=" col-"] {
    padding-right: 30px;
    padding-left: 30px; 
}

/********** dugme fajl ****************/
.btn-file {
  position: relative;
  overflow: hidden;
  font-size: 12px !important;
  min-height: 34px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  /*filter: alpha(opacity=0);*/
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

/* pozadinske slike ***/
.bg-slika-1 {
	background-size:100%; 
	background-position:center top; 
	position:relative;
} 

.bg-slika-1-2 {
	background-size:100%; 
	background-position:center top; 
	height:50%; 
	position:relative;
}
/* end pozadinske slike ***/

/* pozadine stranica */
.pocetna-bg {
    background-image:url(../images/bg-pocetna.jpg);
	background-size:100%;
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#000000;
}
/* end pozadine stranica */

/* vesti */
.baner-vesti {
	border:1px solid #7C7979;
	color:#FFF;
	height:100%; 
}

.baner-vesti-naslov {
	/*background-color:#282324;*/ 
	background: rgba( 255, 255, 255, .2 );
	padding:10px 15px;
	font-size:20px;
	line-height:22px;
	color:#FFF;
}

.baner-vesti-naslov:hover { color:#FFF; }

.baner-vesti-slika-naslov {
	position: absolute; 
	bottom: 0;
	left:0;
	width:100%;
	font-family:Roboto, Arial, Helvetica, sans-serif; 
	font-size:20px; 
	line-height:22px; 
	/*padding:15px 30px; */
	padding:10px 15px; 
	color:#ffffff; 
	background: rgba( 0, 0, 0, .6 );
}

.baner-vesti-opis {
    padding:15px;
}

.video-embed-container {
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    font-size: 0;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25% !important;
    position: relative;
    text-align: left;
    text-rendering: optimizelegibility;
    width: 100%;
}

.baner-row {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -webkit-flex; /* NEW - Chrome */  
	display: -moz-box;  /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.baner-row > [class*='col-'] {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -webkit-flex; /* NEW - Chrome */  
	display: -moz-box;  /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: flex;
	flex-direction: column;
	background-color:transparent;;
	/*align-items: stretch;*/
	/*flex:1 1 auto;*/
}

.baner-home-vesti-slika-naslov {
	position: absolute; 
	bottom: 0;
	left:0;
	width:100%;
	font-family:Roboto, Arial, Helvetica, sans-serif; 
	font-size:36px; 
	line-height:38px; 
	font-weight: 400; 
	padding:20px 30px; 
	color:#ffffff; 
	background: rgba( 0, 0, 0, .6 );
}

.baner-home-vesti-slika-naslov-manji {
	position: absolute; 
	bottom: 0;
	left:0;
	width:100%;
	font-family:Roboto, Arial, Helvetica, sans-serif; 
	line-height:22px; 
	font-size:20px;  
	/*padding:15px 30px; */
	padding:10px 15px; 
	color:#ffffff; 
	background: rgba( 0, 0, 0, .6 );
}
/* end vesti*/

/* mapa sajta */
.mapa-sajta-1 {
    background-color: #2761A1;
    padding:5px;
    /*margin-top:2px;*/
    text-transform:uppercase;
    font-size:16px;
    font-weight:500;
    color:#FFF;
    text-align: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.mapa-sajta-1:hover{
    text-decoration:none;
    color:#fff;
    background-color: #181E2E;
}

.mapa-sajta-2 {
    background-color: #CCD1D7;
    padding:5px;
    /*margin-top:2px;*/
    font-size:16px;
    font-weight:500;
    color:#181E2E;
    text-align: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.mapa-sajta-2:hover{
    text-decoration:none;
    color:#fff;
    background-color: #222B42;
}

/* end mapa sajta */

.v-align-table {
	display: table;
	height: 100%;
}
.v-align-col {
	display: table-cell;
  	vertical-align: middle;
	float: none;
}

/***** pomocni meni dropdown ******/
#pomocni-menu-a {
	display:block;
}

#pomocni-menu-b {
	display: none;
}

.pomocni-menu-rastavnica-15 {
	display: none;
}

.custom_select {
	float: left;
	/*margin: 0 20px;*/
	/*background-color: #333;*/
	width:100%;
}

.select_opts { /*background-color: #333;*/ }
.option_title, .option { /*padding: 8px 20px;*/}
.option_title {
	/*font-weight: 600;*/
	padding: 15px;
	padding-right: 30px;
	/*background-color: #999;*/
	background: rgba( 255, 255, 255, .2 );
	color:#FFF;
	font-size:18px;
}

.option { border-top: 1px solid #000000; padding: 15px; background-color:#000; font-size:18px;}
.option:hover { background-color: #0561A1;  }
.option.current {
	color: #FFF;
	background-color: #0561A1;
}

.option_title::selection { background-color: transparent; }
.option_title::-moz-selection {
    background-color: transparent;
}

.arrow {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid white;
}

.custom_select.opened .arrow {
	border-bottom: 10px solid #999;
	border-top: none;
}
/***** end pomocni meni dropdown ******/

/* moduli stranice ***********/
.mod-rastavnica {
	clear:both;
	height:15px;
}

.mod-podnaslov {
	height:1px;
	background-color:#E2E1DC;
	margin:10px 0 20px 0;
}

.mod-podnaslov-kontakt {
	height:1px;
	background-color:#E2E1DC;
	margin:5px 0 10px 0;
}

.mod-podnaslov-linija {
    height:1px;
    background-color:#464646;
    margin:0 0 20px 0;
}

.mod-tekst-naslov {
	font-size:26px;
	color:#444;
	line-height:28px;
	text-transform:uppercase;
}

.mod-tekst-naslov-podstranice {
	font-size:22px;
	color:#666;
	line-height:24px;
	text-transform:uppercase;
}

.mod-tekst-naslov-kontakt {
	font-size:18px;
	color:#DA251A;
	line-height:20px;
	text-transform:uppercase;
}

.mod-tekst-naslov-kontakt-manji {
	font-size:16px;
	color:#555;
	line-height:18px;
}

.mod-slika-leteca {
	float: left;
	margin-right:20px;
	margin-bottom:5px;
	/*position:relative;*/
	clear:none;
}

.mod-slika-ne-leteca {
	padding:0px;
	margin-bottom:30px;
	clear:both;
	/*position:relative;*/
}
/* end moduli stranice ***********/

/* forme ***********/
.form-done { background-color: #005725; color: #fff; padding:15px !important; margin-bottom:30px;}
.form-error {background-color: #AB1217; color: #fff; padding:15px !important; margin-bottom:30px;}
.form-label-custom {font-weight:normal !important;}

.form-posalji{
    background: #2761A1;
    color: #ffffff;
	border-width:0px;
	/*border:2px solid #6B8B30;*/
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	padding:7px 30px;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
	text-transform:uppercase;
    font-size: 14px;
}
.form-posalji:hover { 
  background-color: #1F1A17;
  color: #ffffff; 
}

.form-posalji:focus {
  background: #2761A1;
  color: #ffffff;
}

.form-control-custom {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #062A4A;
    background-color: #BECFE3;
    background-image: none;
    border: 1px solid #BECFE3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

textarea.form-control-custom {
    height: auto;
}

.form-modal-header {
	background-color:#2761A1;
	color:#FFF;
	padding:12px;
    font-size: 16px !important;
	text-transform:uppercase;
}

.form-modal-header h4{
    font-size: 16px !important;
}

.form-modal-header-error {
    background-color:#C60020;
    color:#FFF;
    padding:12px;
    font-size: 16px !important;
    text-transform:uppercase;
}

.form-modal-header-error h4{
    font-size: 16px !important;
}
/* end forme ***********/

/* loader ***********/

.spn_hol {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00162E/*#2662A1*/;
    z-index: 50000;
    opacity: 1;
     -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.spinner {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 50%;
    margin-left: -35px;
    height: 24px;
    width: 70px;
    text-align: center;
    display: block;
}
.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}
@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}
/* end loader */ 

/*
.loading {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 ) 
				url('../images/loader.gif') 
				50% 50% 
				no-repeat;
	text-align:center;
}
.loading > p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: 30px;
	color:#062A4A;
    font-weight: 500;
}
*/
/* end  loader ***********/ 

 .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 4px;
}

/* paginacija ***********/ 
.pagination {
    border-radius: 0;
    font-size: 14px !important; 
    font-weight: 500 !important;
}
.pagination > li {
    float: left;
}
.pagination > li:before {
    /*content: '|';*/
    line-height: 2;
    float: left;
}
.pagination > li:first-child:before {
    display: none;
    content: none;
}
    
.pagination > li > a, 
.pagination > li > a:hover, 
.pagination > li > a:focus, 
.pagination > li > span,
.pagination > li > span:hover,
.pagination > li > span:focus {
    background-color: #2761A1;
    border: 1px solid #2761A1;
    color: #fff;
    margin:0 1px;
    font-size: 14px !important; 
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li.active > a, 
.pagination > li.active > a:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li.active > span:focus {
    background-color:#BECDDE;
    border: 1px solid #BECDDE;
    color: #2761A1;
    margin:0 1px;
}

.pagination > .disabled > a, 
.pagination > .disabled > a:focus, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > span, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > span:hover {
    color: #333;
    cursor: not-allowed;
    background: none;
    border: 1px solid #BECDDE;
}

.pagination > li:first-child > a, 
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin:0 1px;
}

.pagination > li:last-child > a, 
.pagination > li:last-child > span {
    margin-left: 0;
    border-radius: 0px !important;
    border-radius: 0px !important;
    margin:0 1px;
}

.pagination-sm > li:last-child > a, 
.pagination-sm > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination .glyphicon {
    padding:2px 0 4px 0;
}
/* end paginacija ***********/ 

/* linkovi  ****************/ 
a:link { color: #2761A1;  text-decoration: none; font-size: 14px;}
a:visited { color: #2761A1;  text-decoration: none; font-size: 14px;}
a:hover { color: #111;  text-decoration: none; font-size: 14px;}
a:active { color: #111;  text-decoration: none; font-size: 14px;}

a.link-footer-meni:link { color:#fff; text-decoration: none; font-size: 14px; font-weight:500; text-transform:uppercase; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-footer-meni:visited { color:#fff; text-decoration: none; font-size:14px;  font-weight:500;text-transform:uppercase; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-footer-meni:hover { color: #fff; text-decoration: underline; font-size: 14px; font-weight:500; text-transform:uppercase; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-footer-meni:active { color: #fff; text-decoration: underline; font-size: 14px; font-weight:500; text-transform:uppercase; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }

a.link-dogadjaji-galerija:link { color:#062A4A; text-decoration: none; font-size: 14px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-dogadjaji-galerija:visited { color:#062A4A; text-decoration: none; font-size:14px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-dogadjaji-galerija:hover { color: #111; text-decoration: underline; font-size: 14px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-dogadjaji-galerija:active { color: #111; text-decoration: underline; font-size: 14px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }

/* pomocni meni */
ul.nav-justified {
    list-style:none;
    /*background-color:#eee;*/    /* TEST background-color */
    text-align:justify;
    padding:0;
    margin:0;
}
ul.nav-justified li {
    display:inline-block;
    width:auto;
    /*background-color:#cff;*/    /* TEST background-color */
    padding:0 10px;
	/*font-size:18px;
	line-height:50px;*/
	color:#FFF;
}
ul.nav-justified:after {
    content:'';
    display:inline-block;
    width:100%;
}

ul.nav-justified .element {
    font-size:34px;
	color:#34B4EF;
	line-height:42px;
	font-family:Roboto, Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;
	font-weight:300;
}

a.link-pomocni-meni:link { color:#fff; background:none !important; text-decoration: none; font-size: 16px; font-weight:400; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-pomocni-meni:visited { color:#fff; background:none !important; text-decoration: none; font-size:16px;  font-weight:400;text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-pomocni-meni:hover { color: #fff; background:none !important; text-decoration: none; font-size: 16px; font-weight:400; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-pomocni-meni:active { color: #fff; background:none !important; text-decoration: none; font-size: 16px; font-weight:400; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
/* end linkovi  ***********/ 

/* vesti*/
a.link-vesti-naslov:link { color:#444; text-decoration: none; font-size: 20px; line-height:22px; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-vesti-naslov:visited { color:#444;text-decoration: none; font-size:20px; line-height:22px; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-vesti-naslov:hover { color: #111; text-decoration: none; font-size: 20px; line-height:22px; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-vesti-naslov:active { color: #111; text-decoration: none; font-size: 20px; line-height:22px; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }

.vest-objava {
	position:relative; 
	padding:30px; 
	border:1px solid #989696;
}

.vesti-naslov {
	color:#fff; 
	font-size: 26px;
	line-height:28px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
}

.vesti-autor {
	color:#fff; 
	font-size: 15px;
	line-height:17px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
}

.vesti-slika-autor {
	position: absolute; 
	top: 0;
	left:0;
	/*width:100%;*/
	font-family:Roboto, Arial, Helvetica, sans-serif; 
	font-size:12px;  
	line-height:14px; 
	padding:5px; 
	color:#ffffff; 
	background: rgba( 0, 0, 0, .7 );
	margin:30px 0 0 30px;
}

.vesti-datum {
	color:#999; 
	font-size: 12px;
	line-height:14px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
    margin-top: 5px;
}

a.link-vesti-izdvajamo-naslov:link { color:#444; text-decoration: none; font-size: 15px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-vesti-izdvajamo-naslov:visited { color:#444;text-decoration: none; font-size:15px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-vesti-izdvajamo-naslov:hover { color: #111; text-decoration: none; font-size: 15px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-vesti-izdvajamo-naslov:active { color: #111; text-decoration: none; font-size: 15px; font-family:Roboto, Arial, Helvetica, sans-serif; }

.vesti-izdvajamo-antrofile {
	font-size:14px;
	color:#999;
}
/* end vesti*/

/* scroll top */
.scrollToTop{
	width:60px; 
	height:60px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:30px;
	right:30px;
	display:none;
	background: url('../images/btn-top.png') no-repeat 0px 0px;
}
.scrollToTop:hover{
	text-decoration:none;
}
/* end scroll top */
/********** end main ******************************************************/

/********** FOOTER ********************************************************/
.footer {
	color:#fff;
	font-size:14px;
	padding:0;
    background-image:url('../images/bg-footer.jpg');
    background-repeat:no-repeat;
    background-size:100%;
    background-position: bottom;
    background-color: #A0D3FF;
}

.footer-inner {
	max-width:1000px;
	margin:auto;
	padding:0 15px;
}

.footer-baner {
    background-image:url('../images/bg-footer-transparentna.png');
    background-repeat: repeat;
    text-align: center;
}

.footer-baner-inner {
    max-width:1000px;
    margin:auto;
    padding:15px;
}
.footer-baner-inner img {
    margin-left: 15px;
    margin-bottom: 15px;
    max-height: 43px;
}

.footer-baner-inner .naslov {
    font-size: 12px;
    color:#fff;
    margin-bottom: 5px;
    text-align: left;
}

.footer-baner-inner .foto-copyright {
    font-size: 12px;
    color:#fff;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
}

.footer-bg-transparentna {
    background-image:url('../images/bg-footer-transparentna.png');
    background-repeat: repeat;
    text-align: center;
    padding: 5px;
}

.footer-stavka {
    padding: 10px 0;
    font-weight: 500;
}

.footer-text-copyright-a {
	text-align:left;
}

.footer-text-copyright-b {
	text-align:right;
}

.footer-copyright {
    color: #fff; 
    text-align: center;
    font-size: 12px;
    font-weight: 500; 
    background-color: #00162E; 
    padding: 30px 15px;    
}

.footer-social-mobile {
    display: none;    
}

a.link-footer:link { color:#222; text-decoration: none; font-size: 14px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-footer:visited { color:#222;text-decoration: none; font-size:14px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-footer:hover { color: #34B4EF; text-decoration: none; font-size: 14px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-footer:active { color: #34B4EF; text-decoration: none; font-size: 14px; font-family:Roboto, Arial, Helvetica, sans-serif; }

a.link-footer-foto-copyright:link { color:#fff; text-decoration: none; font-size: 12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-footer-foto-copyright:visited { color:#fff;text-decoration: none; font-size:12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-footer-foto-copyright:hover { color: #fff; text-decoration: underline; font-size: 12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-footer-foto-copyright:active { color: #fff; text-decoration: underline; font-size: 12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
/********** END FOOTER **************************************************/

/********** elementi ****************************************************/
.element-rastavnica {
	height:30px;
	clear:both;
}

.element-rastavnica-xs {
	display:none;
}

.element-rastavnica-xs-15 {
	display:none;
}

.element-rastavnica-40 {
    height:40px;
    clear:both;
}

.element-rastavnica-50 {
	height:50px;
	clear:both;
}

.element-rastavnica-20 {
    height:20px;
    clear:both;
}

.element-rastavnica-15 {
	height:15px;
	clear:both;
}

.element-rastavnica-10 {
	height:10px;
	clear:both;
}

.element-rastavnica-sm-show-5 {
    display:none;    
}

.element-rastavnica-xs-show-5 {
    display:none;
}

.element-border-radius-0 {
  border-radius: 0;
}

.element-sm-right-xs-left {
  text-align:right;
}
.element-sm-left-xs-center {
  text-align:left;
}

.element-sm-float-right-xs-float-left {
  float: right;
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 0;
}

.no-padding {
    padding:0;
}

.element-rastavnica-navigacija {
    height:10px;
    clear:both;
}

.element-rastavnica-sm-45 {
    height:45px;
    clear:both;
}

.element-rastavnica-sm-30 {
    height:30px;
    clear:both;
}

.xs-hide {
    display: block;
}
/********** end elementi ************************************************/

@media screen and (max-width: 1000px){

}
/**************************************************************************************************/

@media screen and (max-width: 992px){
	 .element-rastavnica-sm-show-5 {
        display:block;
        height:5px;
        clear:both;   
    }
}

@media screen and (max-width: 900px){
    .header-navigacija {
        display: none; 
    }
    
    .baner-home-box-overlay {
          padding: 15px;
    }
    
    .baner-home-box-overlay-inner {
        padding-right: 30px;
    }
    
    .baner-home-box-overlay-link-detaljnije {
        font-size: 14px;
    }
}

/**************************************************************************************************/
@media screen and (max-width: 767px){
	
    body {
        background-image:url('../images/bg-main-xs.jpg');
    }
    
    /* main ***********************************/
    .main {
        /*background-image:url('../images/bg-main-xs.jpg');*/
    }  
        
    .stranica-naslov {
        padding: 15px 0px;
        font-size: 20px;
    }
    
    .stranica-sadrzaj-text {
        padding: 15px;
    }
    
    .ticker-desktop {
        /*display:none; */
    }

    .ticker-mobile {
        padding: 10px; 
        background-color: #2761A1; 
        color:#fff; 
        font-size: 13px; 
        min-height: 40px;
        display: block;    
    }
    
    .baner-home-second-row { 
        margin:0 auto; width:100%;
    }
    
    #nav-footer-desktop {
        display: none;    
    }

    #nav-footer-mobile {
        display: block; 
    }
    
    .press-meni {
        float: none;
        text-align: center;
    }
    
    .press-btn-lista {
        display: block;
        float: none;
        margin-bottom: 5px;
        margin-left: 0px;
    }
    
    .press-btn-lista-off {
        display: block;
        float: none;
        margin-bottom: 5px;
        margin-left: 0px;
    }
    
    .mobile-only {
        display: block;
    }
    
    /* cenovnik */
    .btn-preuzmi-sekciju {
        padding:8px 10px;
    }
    
    .termini-bazen-left {
        border:1px solid #7D7D7D; 
        border-bottom-width:0px;
    }
    .baner-home-naslov {
        font-size:14px; 
        line-height:16px;
        padding:0 10px 10px 10px;
    }
    
    .baner-home-box-overlay {
          padding: 5px 5px;
    }
    
    .baner-home-box-overlay-inner {
        padding-right: 15px;
        bottom: 10px;
        padding-left: 5px;
    }

    .baner-home-box-overlay-link-detaljnije {
        padding: 5px;
        font-size: 12px;
        font-weight: 500;
    }

    .o-kompaniji-prilozi-box-a {
        padding: 15px;
    }
    
    .o-kompaniji-prilozi-box-b {
        padding: 15px;
    }
    
    .o-kompaniji-prilozi-preuzmi {
        padding: 2px 5px 4px 5px;
    }
    
    .o-kompaniji-javne-nabavke-desktop {
        display:none;
    }
    
    .o-kompaniji-javne-nabavke-mobilni {
        display: block;
    }
	
	.nopadding-opis {
		padding:15px 0;
	}
	
	.baner-vesti-slika-naslov {
		font-size:20px; 
		line-height:22px;  
	}
	
	.baner-home-vesti-slika-naslov {
		line-height:22px; 
		font-size:20px; 
		font-weight:300;
		padding:10px 15px;
	}
	
	.baner-home-vesti-slika-naslov-manji {
		line-height:22px; 
		font-size:20px;   
	}
	
	.v-align-table {
		display: block;
		height:auto;
	}
	.v-align-col {
		display: block;
		height:auto;
	}

	/* vesti */
	.vest-objava {
		padding:0; 
		border: none;
	}
	
	.vesti-slika-autor {
		margin:0;
	}
	/*  end vesti */
	/*end  main ***********************************/

	/* footer *************************************/
    .footer-baner-inner img {
        margin-left: 5px;
        margin-bottom: 10px;
        max-height: 30px;
    }

	.footer-text-copyright-a {
		text-align:left;
		font-size:12px;
	}
	
	.footer-text-copyright-b {
		text-align:left;
		font-size:11px;
	}
	
	.footer-icon-sn-footer {
		max-height:26px;
		padding-right:0;
	}
	
	.footer-text-naslov {
		font-size: 13px;
	}
	
	a.link-footer:link { color:#222; text-decoration: none; font-size: 12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	a.link-footer:visited { color:#222;text-decoration: none; font-size:12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	a.link-footer:hover { color: #34B4EF; text-decoration: none; font-size: 12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	a.link-footer:active { color: #34B4EF; text-decoration: none; font-size: 12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
		
	a.link-footer-naslov:link { color:#222; text-decoration: none; font-size: 13px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	a.link-footer-naslov:visited { color:#222;text-decoration: none; font-size:13px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	a.link-footer-naslov:hover { color: #34B4EF; text-decoration: none; font-size: 13px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	a.link-footer-naslov:active { color: #34B4EF; text-decoration: none; font-size: 13px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	/*end  footer ***********************************/
	
	.element-rastavnica-xs {
		display:block;
		height:30px;
		clear:both;
	}
	
	.element-rastavnica-xs-15 {
		display:block;
		height:15px;
		clear:both;
	}
	
	.element-sm-right-xs-left {
	  text-align:left;
	}
    
    .element-sm-left-xs-center {
      text-align:center;
    }
    
    .element-sm-float-right-xs-float-left {
      float: left;
      margin-top:5px;
      margin-right: 15px;
      margin-left: 0;
    }

    .element-rastavnica-xs-show-5 {
        display:block;
        height:5px;
        clear:both;
    }
    
    .element-rastavnica-sm-45 {
        display:none;
    }
    
    .element-rastavnica-sm-30 {
        display:none;
    }
    
    .xs-hide {
        display:none;
    }
	
    .box {
		height: auto !important;
	}

    #footerCenter .center-row, .center {
        width:100% !important;
        height:auto;
        max-width: 100% !important;
        margin-bottom: 15px;
    }
    
    .footer-social-mobile {
        display: block;    
    }
    
    .footer-social-mobile .left {
        float: left;
        line-height: 30px;  
    }
    .footer-social-mobile .right {
        float: right; 
    }
}

@media screen and (max-width: 370px){
	.krovna-main .sn{
        max-width: 25px;
        margin-left: 3px;
    }
}



/* 5 Columns */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}


@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/* end 5 columns */