.menu_left {
	position: relative;
}
.menu_content {
	
}

@media (min-width: 768px) {
	.menu_left {
		background-color: rgba(17, 18, 54, 1); /* rgba(51, 52, 57, 1) */
		height: 100vh;
		width: 14%;
		position: fixed;
		display: block;
		left: 0px;
		top: 0px;
		min-width: 160px;
		/* background-image: url(../../img/design_public/logo2021.svg); */
		background-repeat: no-repeat;
		background-position: 50% 40px;
		z-index: 1000;
	}
	.menu_content {
		text-align: left;
		margin-top: 174px;
		padding-right: 0px;
	}
}

@media (min-width: 768px) {
	.menu_left {
		width: 190px;
	}
}
@media (min-width: 992px) {
	.menu_left {
		width: 190px;
	}
}
@media (min-width: 1200px) {
	.menu_left {
		width: 160px;
	}
}
@media (min-width: 1500px) {
	.menu_left {
		width: 200px;
	}
}
@media (min-width: 1680px) {
	.menu_left {
		width: 260px;
	}
}
@media (min-width: 1980px) {
	.menu_left {
		width: 300px;
	}
}


/* donji dio vertikalnog izbornika */
.menu_down {
	background-image: url(../../img/design_public/menu-gr.svg);
	background-position: right top;
	height: 1000px;
	width: 800 px;
	background-size: 940px;
	margin-top: 30px;
	margin-right: -15px;
	margin-left: -15px;
}


.nav_rb a{
	color: #AAA;
}



/* promijene u boji izbornika s bootstrap css-a */


.navbar-default {
	background-color: #111236; /* #333439 */
	border-color: #111236; /* #333439 */
	text-transform: ; /* uppercase */
	font-family: 'Raleway', sans-serif; /* 'PT Serif', serif */
	font-size: 12px; /* dodatno povecano */
	font-weight: bold;
}
.navbar-default .navbar-brand {
  color: #A6864A; /* FFF */
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ABE3CB; 
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #CCC;
}
.navbar-default .navbar-nav > li > a {
	color: #A6864A; /* DDC591 */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	/* promijene za veci razmak */
	margin-bottom: 5px;
	
}
@media (min-width: 768px) {
	.navbar-default .navbar-nav > li > a {
		padding-left: 52px; /* novo 2021 */
	}
}
@media (min-width: 992px) {
	.navbar-default .navbar-nav > li > a {
		padding-left: 52px; /* novo 2021 */
	}
}
@media (min-width: 1200px) {
	.navbar-default .navbar-nav > li > a {
		padding-left: 22px; /* novo 2021; bilo je 42 ali predugi su linkovi na ovoj veličini pa je stavljeno na 22 */
	}
}
@media (min-width: 1500px) {
	.navbar-default .navbar-nav > li > a {
		padding-left: 57px; /* novo 2021 */
	}
}
@media (min-width: 1680px) {
	.navbar-default .navbar-nav > li > a {
		padding-left: 87px; /* novo 2021 */
	}
}
@media (min-width: 1980px) {
	.navbar-default .navbar-nav > li > a {
		padding-left: 17px; /* novo 2021 */
	}
}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #C3AE88; /* #ABE3CB */
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #ABE3CB; 
	background-color: transparent;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #ABE3CB;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #A6864A; /* ABE3CB (tirkizna) */
	background-color: transparent;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6864A; /* ABE3CB (tirkizna) */
}


.dropdown-menu {
	background-color: rgba(17, 18, 54, 0.9); /* rgba(51, 52, 57, 0.9) */
	color: #A6864A; /* DDC591 */
	font-size: 12px; /* dodatno povecano */
	font-weight: 600;
}
.dropdown-menu li a{
	color: #A6864A; /* DDC591 */
	font-weight: 600;
	line-height: 1.25; /* 1.42857143 */ 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	/* promijene u lijevim odmacima */
	padding-left: 10px;
	margin-left: 10px;
	/* promijene za veci razmak */
	margin-bottom: 3px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #C3AE88; /* #ABE3CB */
  text-decoration: none;
  background-color: transparent;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #C3AE88; /* #ABE3CB */
	text-decoration: none;
	background-color: transparent;
	outline: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ABE3CB;
}


.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	color: #C3AE88; /* #ABE3CB */
	background-color: transparent;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ABE3CB;
}


@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #A6864A; /* DDC591 */
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #C3AE88; /* #ABE3CB */
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #C3AE88; /* #ABE3CB */
    background-color: #e7e7e7;
  }
}





/**********************************************
***********************************************
za vertikalni menu do mobilne verzije
***********************************************
**********************************************/

@media (min-width: 768px) {
  .navbar-collapse {
    height: auto;
    border-top: 0;
    box-shadow: none;
    max-height: none;
    padding-left:0;
    padding-right:0;
  }
  .navbar-collapse.collapse {
    display: block !important;
    width: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-x: visible;
  }

	.navbar
	{
		max-width:300px;
		margin-right: 0;
		margin-left: 0;
	}	
	
	.navbar-nav,
	.navbar-nav > li,
	.navbar-left,
	.navbar-right,
	.navbar-header
	{
		float:none !important;
	}
	
	.navbar-right .dropdown-menu {
		left:0;right:auto;
	}
	.navbar-collapse .navbar-nav.navbar-right:last-child {
		margin-right: 0;
	}
}


/* promijene izgledu izbornika s bootstrap css-a (samo za izbornik lijevo) */
@media (min-width: 768px) {

	.dropdown {
	  position: static;
	}
	.nav > li {
	  position: static;
	}
	.nav > li > a {
	  position: static;
	}
	.navbar {
 	  position: static;
	}

	.dropdown-menu {
	  position: absolute;
	  height: 100vh;
	  top: 0;
	  left: 100%;
	  border: 0px solid #ccc;
	  text-align: left;
	  border-radius: 0px;
	}
	
	.dropdown-submenu {
	  position:static;
	}
	.dropdown-submenu>.dropdown-menu,
	.dropdown>.dropdown-menu {
		top:0;
		left:100%;
		margin-top:0px;
		margin-left:-1px;
		-webkit-border-radius:0 0px 0px 0px;
		-moz-border-radius:0 0px 0px 0px;
		border-radius:0 0px 0px 0px;
		background-color: rgba(17, 18, 54, 0.90); /* rgba(51, 52, 57, 0.9) */
	}
	.navbar-nav {
	 	margin: 0px -15px;
	}
	.navbar-nav > li > a {
		padding-top: 2px;
		padding-bottom: 2px;
		/* line-height: 20px; */
		line-height: 1.25; /* 1.42857143 */ 
	}
	
	.dropdown-menu > li:first-child {
	  margin-top: 168px;
	}
}








/* social */

ul.social {
	list-style-type: none;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 5px;
	margin-left: 10;
	float: left;
	padding-left: 14px; /* novo 2021 */
}
@media (min-width: 768px) {
	ul.social {
		padding-left: 52px; /* novo 2021 */
	}
}
@media (min-width: 992px) {
	ul.social {
		padding-left: 52px; /* novo 2021 */
	}
}
@media (min-width: 1200px) {
	ul.social {
		padding-left: 22px; /* novo 2021; bilo je 42 ali predugi su linkovi na ovoj veličini pa je stavljeno na 22 */
	}
}
@media (min-width: 1500px) {
	ul.social {
		padding-left: 57px; /* novo 2021 */
	}
}
@media (min-width: 1680px) {
	ul.social {
		padding-left: 87px; /* novo 2021 */
	}
}
@media (min-width: 1980px) {
	ul.social {
		padding-left: 107px; /* novo 2021 */
	}
}

ul.social li {
	float: left;
	width: 25px;
	height: 16px;
	margin-right: 0px; /* 17px */
	margin-top: 17px;
}
ul.social li a {
	height: 16px;
	display:block;
}

ul.social li.fb {
	background: url("../../img/design_public/fb.png") no-repeat scroll 0 -31px Transparent;
}
ul.social li.yt {
	background: url("../../img/design_public/yt.png") no-repeat scroll 0 -31px Transparent;
}
ul.social li.in {
	background: url("../../img/design_public/in.png") no-repeat scroll 0 -31px Transparent;
}
ul.social li.fb:hover, ul.social li.yt:hover, ul.social li.in:hover {
	background-position: 0 0;
}



ul.social li.in2 {
	background: url("../../img/design_public/icon-aw-instagram.svg") no-repeat scroll;
}
ul.social li.in2:hover {
	background: url("../../img/design_public/icon-aw-instagram_hw.svg") no-repeat scroll;
}

ul.social li.yt2 {
	background: url("../../img/design_public/icon-aw-youtube.svg") no-repeat scroll;
}
ul.social li.yt2:hover {
	background: url("../../img/design_public/icon-aw-youtube_hw.svg") no-repeat scroll;
}



.little_down {
	margin-top: 3px;
}




/***********************************************
***********************************************
probe
***********************************************
***************************************************/