@charset "windows-1250";
/*
CSS COMBOS:
body: #000000
link: #000080 navy blue
primary: #000080 navy blue
secondary: #87CEFA light sky blue (admin: #0766C6)
warning: #FFCC00 yellow
danger: #FF2400 red
light: #C4CAD2 gray
info: #E9E9E9 silver
success: #5cb85c green
dark: #000000 black
*/

/* OLD Sticky footer styles -------------------------------------------------- */
.GO-waveHorizontals{
	width: 100%;
	height: 20px;
	position:relative;
	overflow:hidden;
	z-index:1; /* iOS safari */
}
.GO-waveHorizontal{
	width: 200%;
	height: 100%;
	display: block;
	position:absolute;
	left:0; bottom:0;
	background-repeat:repeat-x;
	background-position:left bottom;
	background-size:350px 100%;
	transform-origin:0 100% 0;
	
	/* Anim: Move X non stop; */
	animation-name:move;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
#GO-waveHorizontal1{
	background-image:url(https://www.mornar.net/_graphics/wave1.svg);
	animation-delay: -2s;
	animation-duration: 12s;	
}
#GO-waveHorizontal2{
	background-image:url(https://www.mornar.net/_graphics/wave2.svg);
	animation-delay: -2s;
	animation-duration: 5s;	
}
#GO-waveHorizontal3{
	background-image:url(https://www.mornar.net/_graphics/wave3navy.svg);
	animation-delay: -1s;
	animation-duration: 3s;
}
@keyframes move{
	0% {transform: translate(-175px,0px) scale(1,1);}
	50% {transform: translate(-87px,0px) scale(1,0.5);}
	100% {transform: translate(0px,0px) scale(1,1);}
}

/* remove arrow for datalist
-------------------------------------------------- */

input::-webkit-calendar-picker-indicator {
  display: none;
}
/* remove border on focus
-------------------------------------------------- */
.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}
.a:focus, .a:active {
  outline: none !important;
  box-shadow: none !important;
}
/* Navi menu styles
-------------------------------------------------- */
#GO-navimenu {
	z-index:1080;
}
.GO-navimodal {
	/*padding-top:70px;*/
	padding-top:42px;
}
.GO-fullheight {
	min-height: 100vh;
}
.GO-modal-full {
    min-width: 100%;
    margin: 0;
	z-index:2081;
}
.GO-modal-full .modal-content {
    min-height: 100vh;
}
.GO-hamburger {
	width: 25px;
}
.GO-rotateON {
    transform: rotate( 0deg );            
    transition: transform 150ms ease;
}
.GO-rotateOFF {
    transform: rotate( 90deg );            
    transition: transform 150ms ease;
}
/* Fixed  - prevent body scrool on modal 
-------------------------------------------------- */
.modal-open {
    overflow: hidden;
    position:fixed;
    /*width: 100%;
    height: 100%;*/
	min-height: calc(100vh);
}
/* Other styles
-------------------------------------------------- */
.jumbotron {
    width: 100%;
    background-size: cover;
    overflow: hidden;
	margin-bottom: 0;
	background-position: center; 
	background-size: cover;
}
.nav-item {
	border-radius:0 !important;
}
.nav-uvodna {
	background:rgba(0, 0, 0, 0.6); 
	border: 1px solid #FFF;
}
.nav-izbrano {
	position: relative;
	background:#87CEFA;
	border-width: 1px 1px 1px 1px;
	border-style:solid;
	border-color: #FFF;
}
.nav-izbrano:after, .nav-izbrano:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.nav-izbrano:after {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #87CEFA;
	border-width: 14px;
	margin-left: -14px;
}
.nav-izbrano:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFFFFF;
	border-width: 16px;
	margin-left: -16px;
}

/* link styles
-------------------------------------------------- */
a, a:hover, a:active, a:visited, a:focus {
    text-decoration:none;
}
/* breadcrumb prevent wrap
-------------------------------------------------- */
.GO-nowrap {
	white-space: nowrap;
 	overflow: hidden;
}
/* custom select
-------------------------------------------------- */
select.form-control:not([multiple]) {
	-webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
   background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%20%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%20%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2214px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2014%2012%22%20enable-background%3D%22new%200%200%2014%2012%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpolygon%20points%3D%223.862%2C7.931%200%2C4.069%207.725%2C4.069%20%22/%3E%3C/svg%3E);
    padding-top: .4em;
    padding-čeft: .6em;
    padding-right: 1.5em 
}
.GO-radius-left {
	border-radius: .25rem 0 0 .25rem;
}
.GO-radius-right {
	border-radius: 0 .25rem .25rem 0;
}
.GO-required {
	background-color: #FFFF99;
}
/* Thumbnail styles
-------------------------------------------------- */
.GO-zoom:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: transform 1.0s ease-in-out; 
  -moz-transition: transform 1.0s ease-in-out; 
  -webkit-transition: transform 1.0s ease-in-out; 
}

.GO-zoom:hover {
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .6);
	   -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .6);
			box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .6);
}

.GO-buttondiv{ 
	/*opacity:0.2;*/
}

.GO-zoom:hover .GO-buttondiv {
	opacity: 1;
	background: #000080;
	color: #FFFFFF;
}

.GO-zoom:hover .GO-logo {
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}
.GO-transparency{
	opacity: 0.5;
    filter: alpha(opacity=50); 
}

.GO-thumbnail-100 {
  height: 100px;
  max-height: 100px;
  width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
}

.GO-thumbnail-170 {
  height: 170px;
  max-height: 170px;
  width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.GO-thumbnail-170outboard {
  height: 170px;
  max-height: 170px;
  width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.GO-thumbnail-200 {
  height: 200px;
  max-height: 200px;
  max-width: 100%;
  width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.GO-thumbnail-250 {
  height: 250px;
  max-height: 250px;
  max-width: 100%;
  width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.GO-thumbnail-200outboard {
  height: 200px;
  max-height: 200px;
  max-width: 100%;
  width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: hidden;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.GO-thumbnail-badge{
    position: absolute;
    right:26px;
    top:0px;
    background:white;
    text-align: center;
    color:black;
    padding:26px 0px 0px 0px;
    width: 48px;
    height: 48px;
}
/* Thumbnail styles
-------------------------------------------------- */
.GO-gallery img {
  float: left; 
  width: 160px;
  height: 120px;
  padding: 10px 10px 10px 10px;; 
  padding-bottom: 30px;
  margin: 10px 10px 10px 0px;
  background-color:#E9E9E9;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
   	 -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
			    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
}


/* sticky menu
-------------------------------------------------- */
.GO-sticky-menu {
    position: -webkit-sticky;  
	position: sticky;
	top: 0; 
	/*'z-index: 20;*/
	z-index: 1021;
}
.GO-sticky-menuadmin {
    position: -webkit-sticky;  
	position: sticky;
	top: 100px; 
	z-index: 20;
}
/* bottom edge shadow
-------------------------------------------------- */

.GO-bottom-edge-shadow {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
       -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
}

.GO-bottom-shadow {
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
	   -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
	        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3);
}
.GO-top-shadow {
	-webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .3);
	   -moz-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .3);
	        box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .3);
}
/* submenu
-------------------------------------------------- */
.GO-podmenu a:hover  {
    /*background-color: #DDD !important;*/
    background-color: #87CEFA !important;
    color: #000 !important;
}
.GO-podmenu a:focus  {
    /*background-color: #DDD !important;*/
    background-color: #87CEFA !important;
    color: #000 !important;
}
.GO-podmenu-link  {
    height: 48px;
	padding-top: 12px;
}
.GO-dropdown  {
    width: 300px; 
	border-color: #DDD !important;
}
.GO-dropdown200  {
    width: 200px; 
	border-color: #DDD !important;
}
.GO-borderR-DDD {
    border-right: 1px solid #DDD;
}
.GO-border-gray {
    border-color: #b3b3b3 !important;
}
.GO-W20 {
    width: 20%;
}
.GO-W30 {
    width: 30%;
}
.GO-W40px {
    width: 40px;
}

/* display width more than 768
-------------------------------------------------- */
@media (min-width:768px) {
#GO-mornarlogo {
	/* width: 120px; */
	width: 270px;
	margin-top: 1px;
}
.GO-responsiveback  {
    background-color: #FFFFFF;
}
}
/* display width less than 768
-------------------------------------------------- */
@media (max-width:768px) {
#GO-mornarlogo {
	width: 210px;
	margin-top: 4px;
	margin-left: 4px;
}
.GO-navimodal {
	padding-top:42px;
}
.GO-responsiveback {
    background-color: #E1E1E1;
}
.GO-margin-3 {
	margin: 15px;
}	
.GO-margin-3L {
	margin-left: 15px;
}	
.GO-thumbnail-100 {
  height: 80px;
  max-height: 80px;
  width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
}
}
/* display width less than 576
-------------------------------------------------- */
@media (max-width:576px) {
.GO-thumbnail-200 {
	  height: 300px;
	  max-height: 300px;
}
.GO-thumbnail-250 {
  height: 300px;
  max-height: 300px;
}
.GO-margin-3LR {
	margin-left: 1px;
	margin-right: 1px;
}	
}