@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: "Roboto";
	font-size: 14px;
	color: #FFFFFF;
}
body {
	background-color: #181818;
	background-image:url(all_bg.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link, a:visited, a:active {
	color: #ffcb05;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

a.main, a.main_selected, a.main:link, a.main:visited, a.main:active, span.main {
	font-family:"Roboto";
	font-size:20px;
	color: #585858;
	padding:10px;
	text-decoration:none;
}

a.main_selected, a.main_selected:link, a.main_selected:visited, a.main_selected:active,
a.main:hover, span.main:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#000;
}

.naslov {
	color:#FFFFFF;
	font-size:24px;
	font-family: "Roboto";
}
.content {
	padding:20px 0px 20px 0px;
}
li {
	padding-left:10px;
}
.naslov_produkti {
	height:20px;
	font-size:14px;
	font-weight:bold;
	color:#2a2a2a;
	line-height:20px;
	text-decoration:none;
}
.dogmad_dno {
	font-family:"Roboto";
	font-size: 12px;
	color: #555555;
}
a.dogmad_dno:link, a.dogmad_dno:active, a.dogmad_dno:visited {
	color: #FFFFFF;
	text-decoration:none;
}
a.dogmad_dno:hover {
	color: #ffcb05;
	text-decoration:none;	
}
/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	padding-bottom: 2px;
}

.pagination strong,
.pagination b {
	font-weight: normal;
}

.pagination span.page-sep {
	display:none;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background: #4692BF;
	border: 1px solid #4692BF;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #5C758C;
	margin: 0 2px;
	padding: 0 2px;
	background: #ECEDEE;
	border: 1px solid #B4BAC0;
}

.pagination span a:hover {
	border-color: #368AD2;
	background: #368AD2;
	color: #FFFFFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/* begin external css: flickity.css
/*! Flickity v2.0.4
 * https://npmcdn.com/flickity@2/dist/flickity.css
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */ */
/* .flickity-rtl .flickity-prev-next-button.previous { */
/*   left: auto; */
/*   right: 10px; */
/* } */
/* .flickity-rtl .flickity-prev-next-button.next { */
/*   right: auto; */
/*   left: 10px; */
/* } */

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */

/* .flickity-page-dots { */
/*   position: absolute; */
/*   width: 100%; */
/*   bottom: -25px; */
/*   padding: 0; */
/*   margin: 0; */
/*   list-style: none; */
/*   text-align: center; */
/*   line-height: 1; */
/* } */
/*  */
/* .flickity-rtl .flickity-page-dots { direction: rtl; } */
/*  */
/* .flickity-page-dots .dot { */
/*   display: inline-block; */
/*   width: 10px; */
/*   height: 10px; */
/*   margin: 0 8px; */
/*   background: #333; */
/*   border-radius: 50%; */
/*   opacity: 0.25; */
/*   cursor: pointer; */
/* } */
/*  */
/* .flickity-page-dots .dot.is-selected { */
/*   opacity: 1; */
/* } */

/* end external css: flickity.css */
/*! Flickity v2.0.4
https://flickity.metafizzy.co
---------------------------------------------- */

* { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel {
  background: transparent;
}

.carousel-main {
  margin-bottom: 8px;
}

.carousel-cell {
  width: 100%;
  margin-right: 8px;
  background: transparent;
  border-radius: 5px;
  /* counter-increment: carousel-cell; */
}

/* cell number */ 
/* .carousel-cell:before { */
/*   display: block; */
/*   text-align: center; */
/*   content: counter(carousel-cell); */
/*   line-height: 200px; */
/*   font-size: 80px; */
/*   color: white; */
/* } */

.carousel-nav .carousel-cell {
  height: 120px;
  width: 20%;
  cursor: pointer;
}

/* .carousel-nav .carousel-cell:before { */
/*   font-size: 50px; */
/*   line-height: 80px; */
/* } */

/* .carousel-nav .carousel-cell.is-nav-selected { */
/*   background: #ED2; */
/* } */

/* Atelierbram edit */
.carousel-main img {
  display: block;
  margin: 0 auto; 
  width: 100%;
  height: 550px;
  object-fit: contain;
}

.container {
  max-width: 672px;
  margin: 0 auto;
}

h1 {
  text-align: center;
}

.mob-view{
	display: none !important;
}

.mob-hide{
	display: auto;
}

.form-group{
	width: 50%;
	display: inline-block;
	float: left;
}

.form-control{
	width: 99%;
	display: block;
	padding: 8px;
	border: 0px;
	border-radius: 3px;
	margin-bottom: 6px;
}

.form-textarea{
	width: 100%;
	height: 180px;
	border-radius: 3px;
	font-family: inherit;
}

.submit-button{
	padding: 8px 18px;
	border-radius: 3px;
	border: 0px;
	cursor: pointer;
	margin-bottom: 20px;
}

.projects-m ul{
	display: none;
	position: absolute;
	left: 0;
	margin-top: 0px;
	text-align: left;
	width: 200px;
	padding-left:0px;
	z-index: 999;
}

.projects-m:hover ul{
	display: inline-block;
	background-color: #000;
	padding: 10px;
}

.projects-m:hover ul li{
	padding: 4px 10px;
}

.projects-m ul li:hover{
	color: #dddd;
}

@media only screen and (max-width:965px) {
	.aboutus-img{
		width: 100%;
	}
	.projects-m ul{
		display: inline-block;
		left: 0;
		text-align: left;
		width: auto;
		margin-top: 10px;
		margin-bottom: 4px;
		position: relative;
	}
	.projects-m ul li{
		width: 100%;
		display: block;
		margin-bottom: 4px;
	}
	.projects-m{
		width: 100%;
		margin-bottom: 0px
	}
	a.main {
		text-align: left !important;
	}
	.map-image{
		width: 100%;
		margin-bottom: 15px;	
	}

	.mob-view{
		display: block !important;
	}

	.mob-hide{
		display: none !important;
	}

	table{
		width: 100%;
		margin:0px;
	}

	.mob-fullw td{
		width: 100% !important;
		display: block;
	}

	td.mob-fullw{
		width: 100%;
	}

	a.main, a.main_selected, a.main:link, a.main:visited, a.main:active{
		display: block;
		padding: 2px;
	}

	a.main_selected, a.main_selected:link, a.main_selected:visited, a.main_selected:active{
		text-decoration: none;
		color: #FFFFFF;
		background-color:#000;
		display: block;
		padding: 10px
	}

	.mob-logo{
		width: 200px;
		height: auto;
	}

	.carousel-main img{
		height: 400px;
	}

	.carousel-nav .carousel-cell{
		height: 80px;
	}

	.dogmad_dno {
	    font-family: "Roboto";
	    font-size: 14px;
	    padding-bottom: 6px;
	    padding-top: 12px;
	    color: #555555;
	    text-align: center;
	    padding-left: 0px !important;
	    padding-right: 0px !important;
	}

}