/**
 *	Custom styles.
 */


body { 
	/*background: url('../img/pozadi.png') ; 
	-webkit-background-size: 100vw 35vh;
	-moz-background-size: 100vw 35vh;
	-o-background-size: 100vw 35vh;
	background-size: 100vw 35vh;
	background-repeat: no-repeat;*/
	
	/*background: url('../img/bg.png'); 
	-webkit-background-size: 100vw 35vh;
	-moz-background-size: 100vw 35vh;
	-o-background-size: 100vw 35vh;
	background-size: 30vw;
	background-repeat: repeat-x;*/

	font-family: 'Roboto', sans-serif; /*global font*/
	/*overflow-x: hidden;*/
}

/* header with navbar and carousel */
.header {
	background: url('../img/bg.png');
	background-repeat: repeat-x repeat-y; /* repeat background on both axis*/
	color: #ffffff;
	padding-top: 20px;
	background-size: 40vw;
	overflow: visible;
}

@media (min-width: 992px) {
	/* when the screen is bigger than 991px repeat background only on x axis */
  .header {
		background-repeat: repeat-x;
  }
  /* sets padding of carousel when bigger */
  .bckg-trans {
		/*padding-right: 0px;
		margin-right: 0px;*/
	}
}

@media (max-width: 991px) {
	.bckg-trans {
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
}


/* row spacer */
.spacer {
   margin-top: 40px;
}
.spacer-lg{
	margin-top: 200px;
}
.spacer-sm{
	margin-top: 10px;
}
.spacer-md {
	margin-top: 20px;
}
.spacer-bottom {
   padding-bottom: 40px;
}


/* carousel  */
.carousel-content {
	margin-top: 30px;
}

.carousel-content .row {
	background-color: #eeeeee; /* background of whole row with slides and texts*/
}

#carousel-top {
	/*padding-top: 20px;
	padding-bottom: 20px;*/
	background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
}

.bckg-trans {
	background: transparent;
	padding-left: 0px;
	padding-right: 10px;
}

#slide-content {
	display: none;
}

.carousel-row {
	overflow: hidden;
}

.carousel-slides {
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.carousel-info {
	color: #1e3b65;
  margin-bottom: -99999px;
  padding-bottom: 99999px;
  margin-top: 20px;
  padding-right: 30px;
}

.carousel-info h2 {
	font-weight: bold;
	margin-bottom: 20px;
}

.carousel-info ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

.carousel-info li:before {
  content: "- ";
}

.carousel-info p {
	text-align: justify;
	margin-bottom: 10px;
  font-size: 15px;
}

/* cards */
.card h2 {
	margin-left: 10px;
	color: #1e3b65;
	font-weight: bold;
}

.card p {
	text-align: justify;
}

.card p {
	color: #2A2A2A;
}

.card i {
	color: #00c0ef;
	margin-right: 15px;
	margin-right: 15px;
}

.card hr {
	border-color: #1e3b65;
  border-width: 3px;
  width: 95%;
  text-align: center;
}

.card a:hover {
	text-decoration: none;
}

.card:hover hr {
	border-color: #00c0ef;
}


/* breadcrumb styled headers of content */
.bread-header {
	color: #1e3b65;
	font-weight: bold;
}

.bread-header i {
	font-size: 1.5em;
	margin-right: 5px;
}

.bread-header .pull-left {
	margin-left: 10px;
	font-size: 20px;
}

.bread-header .pull-right {
	margin-right: 10px;
	font-size: 15px;
}

.bread-header a {
	color: #1e3b65;
	font-weight: bold;
}

.bread-header a:hover {
	text-decoration: none;
	color: #00c0ef;
}

.bread-header hr {
	width: 98%;
	margin-top: 25px;
	border-width: 2px;
	border-color: #1e3b65;
}

/* articles preview */
.article-text a:hover, .article-text h2:hover {
	text-decoration: none;
	color: #00c0ef;
}

.article-text h2 {
	color: #1e3b65;
	font-weight: bold;
}

.article-text p {
	text-align: justify;
}

.article-text ul {
	list-style-type: none;
}

.article-text li:before {
  content: "- ";
}

.article-img {
  padding-right: 45px;
}

/* flat buttons */
.flat-btn {
  display: inline-block;
  margin: 0 5px;
  border-radius: 0px;
  font-size: 16.5px;
  font-weight: bold;
  padding: 12px 20px;
  border: 0;
  background: #34495E;
  color: #ffffff;
  cursor: pointer;
  outline: 0;
}
.flat-btn:hover {
  background: #005580;
}
.flat-primary {
  background: #1e3b65;
}
.flat-primary:hover {
	color: #1e3b65;
  background: #00c0ef;
}
.flat-secondary {
	color: #1e3b65;
  background: #ffffff;
}
.flat-secondary:hover {
	color: #1e3b65;
  background: #00c0ef;
}

/*.flat-primary a {
	color:#ffffff;
}
.flat-primary a:hover {
	color:#1e3b65;
}*/

.flat-btn i {
	margin-left: 10px;
	font-size: 1em;
}

/* footer with background */
.footer {
	background: url('../img/bg.png'); 
	background-repeat: repeat-x repeat-y;
	color: #ffffff;
	padding-top: 20px;
	background-size: 40vw;
}

.footer h4 {
	font-weight: bold;
}

.footer hr {
	border-width: 2px;
	margin-top: 5px;
	margin-bottom: 15px;
	width: 95%;
}

.footer ul {
	list-style-type: none;
	padding-left: 15px;
}

.footer a {
	color: #ffffff;
}

.footer a:hover {
	text-decoration: none;
	color: #00c0ef;
}

.footer .copyright {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 10px;
	font-weight: lighter;
}

.footer table {
	text-align: left;
}

.footer address {
	color: #ffffff;
}

/* sidebar menu */
.affix {
  top: 20px;
}

/* sidebar menu */
.sidebar-offcanvas a  {
	color: #1e3b65;
	font-weight: bold;
}

.sidebar-offcanvas li:hover a {
	color: #ffffff;
	background-color: #1e3b65;
}

/* sidebar menu */
.nav .active {
	color: #ffffff;
	background-color: #1e3b65;
}

/* main content page */
.page-content h4 {
	font-weight: bold;
}

.page-content p {
	color: #1B1B1B;
	font-weight: normal;
	text-align: justify;
	font-size: 15px;
}

.page-content ul {
	color: #1B1B1B;
	font-weight: normal;
	font-size: 15px;
}

/* table styled */
.table-colored {
	font-weight: normal;
}

.table-colored i {
	margin-right: 0px;
	font-size: 1em;
}

.table-colored thead {
	color: #ffffff;
  background-color: #1e3b65;
}

.table-colored > thead > tr > th {
  vertical-align: middle;
}

.table-centered	{
	text-align: center;
}

.table-centered	> thead > tr > th{
	text-align: center;
}



/* schema with yes/no questions */
.schema i {
	padding-top: 10px;
	padding-bottom: 10px;
}

.schema-btn {
  display: inline-block;
  margin: 0 5px;
  border-radius: 0px;
  font-weight: bold;
  padding: 12px 20px;
  border: 0;
  background: #1e3b65;
  color: #ffffff;
  outline: 0;
  cursor: default;
}

.schema-yesno {
  background: #ffffff;
  color: #1e3b65;
  border: 1px solid #1e3b65;
}
.schema-final {
  background: #00c0ef;
  color: #1e3b65;
}

/* hide sections */
section {
	display: none;
}

address {
	color: #000000;
	font-weight: normal;
	font-size: 15px;
}
.bread-header address a {
	font-weight: normal ;

}

.ext-icon {
	margin-left: 5px;
	font-size: 10px;
	vertical-align: top;
}

.img-centered {
	width: 90%;
	margin: 0 auto;
}

.img-small {
	/*width: 80%;
	margin: 10px auto;*/
}

.img-smaller {
	width: 70%;
	margin: 0 auto;
	padding-top: 20px;
}

.questionmark {
	cursor: help;
}

.question-icon i {
	font-weight: normal;
	margin-left: 5px;
	font-size: 12px;
	vertical-align: top;
}