@charset "utf-8";
/* CSS Document */
.grid_smaler_3 {width:100%;float:left; height:auto;}
@media screen and (min-width:1065px) { .grid_smaler_3 {max-width:284px;}}
@media screen and (max-width:1065px) and (min-width:1028px){.grid_smaler_3 {order:2; -webkit-order:2; -ms-order:2; -moz-order:2;} .drugi {order:1; -webkit-order:1; -ms-order:1; -moz-order:1;}}
ul.navigation  {display: flex;display: -webkit-flex;display: -ms-flexbox;displey: -moz-flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items:center;align-content: center;width:100%;margin: 0 auto;padding:0 1.5em;} ul.navigation  li  {flex: 1;-moz-flex: 1;-ms-flex: 1;-o-flex: 1;-webkit-flex: 1;position:relative;display:inline-block;min-width:209px;text-align:left;float:left; font-size:0.9em;letter-spacing:0.045em; }
ul.navigation li a:hover {background-color:rgba(255,255,255, 0.8);}
ul.navigation a.active_link {color:#eab01a;}
ul.navigation  a {padding:0.7em 1em 0.35em 1em;display:block; color:#000;}
.circle { display:inline-block; vertical-align:top; margin:0 0.5em 0.5em 0.5em; border-radius:50%; width:30px; height:30px;} .no_z { background-color:#58705a;} .no_b { background-color:#6b564d;} .no_crv { background-color:#a35245;} .no_siv { background-color:#6e6e6e;}
/*--TOOLTIP-----*/
[tooltip] {position: relative; display:inline-block;}[tooltip]::before,[tooltip]::after {text-transform: none; font-size: 0.9em;line-height: 1; font-weight:bold; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none; position: absolute;display: none; opacity: 0;} [tooltip]::before { content: ''; border: 5px solid transparent;z-index: 1001;} [tooltip]::after { content: attr(tooltip); text-align: center; max-width: 21em; min-width:5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.25); background: #eab01a; color: #fff; z-index: 1000;} [tooltip]:hover::before, [tooltip]:hover::after { display: block;} [tooltip='']::before, [tooltip='']::after {display: none !important;} [tooltip]:not([flow])::before, [tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #eab01a;} [tooltip]:not([flow])::after, [tooltip][flow^="up"]::after { bottom: calc(100% + 5px); } [tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after { left: 50%; -webkit-transform: translate(-50%, -.5em); transform: translate(-50%, -.5em);} @-webkit-keyframes tooltips-vert { to { opacity: 0.9; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}}@keyframes tooltips-vert { to { opacity: 0.9; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}} [tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after { -webkit-animation: tooltips-vert 300ms ease-out forwards; animation: tooltips-vert 300ms ease-out forwards;} [tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after { -webkit-animation: tooltips-horz 300ms ease-out forwards; animation: tooltips-horz 300ms ease-out forwards;}
/*---END OF TOOLTIP---*/
.back_color_Z { background-color:#eab01a;}
.video-container {position: relative;padding-bottom: 42.5%;padding-top: 30px; height: 0; overflow: hidden;} 
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0; left: 0;width: 100%;height: 100%;}.main_video {flex: 1 auto; -moz-flex: 1 auto; -ms-flex: 1 auto; -o-flex: 1 auto; -webkit-flex: 1 auto; width:100%; height:auto; position:relative; overflow:hidden;}
@media screen and (max-width:900px) { .video { margin-top:4em;} }