:root {
	--hamburger-color: #0275d8;
}

.hamburger {
	padding: 10px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition-property: opacity, -webkit-filter;
	transition-property: opacity, -webkit-filter;
	transition-property: opacity, filter;
	transition-property: opacity, filter, -webkit-filter;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible;
}
/*.hamburger:hover {
    opacity: 0.7; 
    }
    .hamburger.is-active:hover {
    opacity: 0.7; 
    }*/
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
	background-color: var(--hamburger-color);
}

.hamburger-box {
	width: 24px;
	height: 12px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: 0px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 24px;
	height: 2px;
	background-color: var(--hamburger-color);
	border-radius: 4px;
	position: absolute;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -8px;
}

.hamburger-inner::after {
	bottom: -8px;
}

/*
    For more design go - https://github.com/jonsuh/hamburgers/blob/master/dist/hamburgers.css
    */

/* Arrow Alt */
.hamburger--arrowalt .hamburger-inner::before {
	-webkit-transition: top 0.1s 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: top 0.1s 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: top 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: top 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
	-webkit-transition: bottom 0.1s 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: bottom 0.1s 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: bottom 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: bottom 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
	top: 0;
  /*transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);*/
	-webkit-transform: translate3d(-6px, -5.5px, 0) rotate(-45deg) scale(0.7, 1);
	transform: translate3d(-6px, -5.5px, 0) rotate(-45deg) scale(0.7, 1);
	-webkit-transition: top 0.1s ease,
    -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.1s ease,
    -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: top 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),
    -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
	bottom: 0;
  /*transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);*/
	-webkit-transform: translate3d(-6px, 5.5px, 0) rotate(45deg) scale(0.7, 1);
	transform: translate3d(-6px, 5.5px, 0) rotate(45deg) scale(0.7, 1);
	-webkit-transition: bottom 0.1s ease,
    -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: bottom 0.1s ease,
    -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: bottom 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
	transition: bottom 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22),
    -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.navbar .nav-item {
	font-family: panton_regular;
}

.navbar-light .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show > .nav-link {
	color: var(--success);
}

#main__nav {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	bakground: #01579b !important;
	z-index: 1030 !important;
}

#main__nav .navbar-nav .active > .nav-link {
/*border-bottom: 3px solid var(--success);*/
	font-family: panton_bold;
}

#main__nav .navbar-nav .active {
	background: rgba(0,0,0,0.05);
}

.navbar-toggler:hover,
.navbar-toggler:focus,
.navbar-toggler:active {
	outline: none;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.navbar-brand img {
	height: 45px !important;
}