/* ===============

 * Navigation bar

 * =============== */
/*

 * Admin bar

*/
.admin-bar .gecko-navigation-bar-fixed,.admin-bar .gecko-navigation-bar-container.gecko-nav-fixed-top {
	position:fixed;
	top:46px!important;
}

@media screen and (min-width: 783px) {
	.admin-bar .gecko-navigation-bar-fixed,.admin-bar .gecko-navigation-bar-container.gecko-nav-fixed-top {
		position:fixed;
		top:32px!important;
	}
}

@media screen and (max-width: 600px) {
	.admin-bar .gecko-navigation-bar-container.gecko-nav-fixed-top {
		position:absolute;
		top:46px!important;
	}
}

.gecko-navigation-bar-container {
	min-width:100%;
	max-width:100%;
	width:100%;
	z-index:99999;
}

.gecko-navigation-bar-container .container,.gecko-navigation-bar-container .container-fluid {
	padding-bottom:0;
}

.gecko-navigation-bar-container.gecko-nav-fixed-top {
	position:fixed;
	top:0;
	left:0;
}

.gecko-navigation-bar-container.gecko-nav-relative {
	position:relative;
}

.gecko-navigation-bar-fixed {
	position:fixed!important;
	top:0;
}

.gecko-navigation-bar-container #gecko-navigation-bar-logo {
	-webkit-background-size:contain!important;
	-moz-background-size:contain!important;
	-o-background-size:contain!important;
	background-size:contain!important;
}

.gecko-navigation-bar-container .site-title {
	padding:0 10px;
}

.gecko-navigation-bar-container.is-sticky {
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);
	-khtml-box-shadow:0 6px 12px rgba(0,0,0,0.175);
	-moz-box-shadow:0 6px 12px rgba(0,0,0,0.175);
	-ms-box-shadow:0 6px 12px rgba(0,0,0,0.175);
	-o-box-shadow:0 6px 12px rgba(0,0,0,0.175);
	box-shadow:0 6px 12px rgba(0,0,0,0.175);
}

.gecko-navigation-bar-container .wrapper {
	margin:0 auto;
	max-width:100%;
	padding:0;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

.gecko-navigation-bar-container .wrapper .brand {
	padding:0;
}

.gecko-navigation-bar-container .wrapper .brand a {
	display:-webkit-inline-flex;
	display:inline-flex;
	-webkit-align-items:center;
	align-items:center;
	text-decoration:none;
}

.gecko-navigation-bar-container .wrapper .brand a:hover {
	text-decoration:none;
}

.gecko-navigation-bar-container .wrapper > ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-items:center;
	align-items:center;
	list-style-type:none;
	margin:0;
	padding:0 15px;
	height:auto;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
}

.gecko-navigation-bar-container .wrapper ul li a {
	padding:0;
	text-decoration:none;
	padding:15px 30px;
	white-space:normal;
}

.gecko-navigation-bar-container .wrapper ul > li {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	-webkit-align-self:stretch;
	align-self:stretch;
	position:relative;
	text-align:center;
	padding:0;
}

.gecko-navigation-bar-container .wrapper ul > li.dropdown > ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:auto;
	margin:0;
	padding:0;
	-webkit-border-radius:0;
	-khtml-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:0;
	-khtml-box-shadow:0;
	-moz-box-shadow:0;
	-ms-box-shadow:0;
	-o-box-shadow:0;
	box-shadow:0;
}

.gecko-navigation-bar-container .wrapper ul > li.dropdown > ul > li {
	width:100%;
	margin:0;
	padding:10px;
	float:none;
	text-align:left;
}

.gecko-navigation-bar-container .wrapper ul > li.dropdown > ul > li > a {
	width:100%;
	margin:0;
	padding:0 15px;
	float:none;
	display:inline-block;
	white-space:nowrap;
}

.gecko-navigation-bar-container .wrapper ul > li.dropdown > ul > li:hover > a {
	background:transparent;
}

.gecko-navigation-bar-container .wrapper ul > li:hover ul {
	display:block;
	height:auto;
}

#gecko-navigation-bar-toggle {
	display:none;
}

@media screen and (max-width: 992px) {
	.gecko-navigation-bar-container .wrapper > ul{
		position: fixed;
		left: 0;
		background: rgba(0, 0, 0, 0.8);
	}

	.gecko-navigation-bar-container.is-sticky #gecko-navigation-bar-toggle span,
	.gecko-navigation-bar-container.is-sticky #gecko-navigation-bar-toggle span::after,
	.gecko-navigation-bar-container.is-sticky #gecko-navigation-bar-toggle span::before{
		background: #F68623;
	}
	.gecko-navigation-bar-container.is-sticky #gecko-navigation-bar-toggle.active span{
		background: transparent;
	}
	.gecko-navigation-bar-container.is-sticky .wrapper ul li a{
		color: #FFF !important;
	}
}

@media screen and (max-width: 768px) {

  .gecko-navigation-bar-container .wrapper > ul {

    display: block;

    height: 0;

    min-height: 0 !important;

    list-style-type: none;

    opacity: 0;

    text-align: center;

  -webkit-transition: all 0.25s ease-in;

  -khtml-transition: all 0.25s ease-in;

  -moz-transition: all 0.25s ease-in;

  -ms-transition: all 0.25s ease-in;

  -o-transition: all 0.25s ease-in;

  transition: all 0.25s ease-in;

    width: 100%;

    visibility: hidden;

  }

  .gecko-navigation-bar-container .wrapper > ul > li {

    display: block;

    text-align: left;

    padding: 15px 25px;

  }

  #gecko-navigation-bar-toggle.active ~ ul {

    opacity: 1;

    height: auto;

    visibility: visible;

    padding-bottom: 15px;

  }

  .gecko-navigation-bar-container .wrapper {

    display: block;

    position: relative;

  }



  #gecko-navigation-bar-toggle {

    display: block;

    position: absolute;

    right: 5%;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -khtml-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    cursor: pointer;

    padding: 10px 35px 16px 0px;

    z-index: 99999;

  }

  #gecko-navigation-bar-toggle.active {

    display: block;

    position: absolute;

    right: 5%;

    top: 10%;

    -webkit-transform: translateY(-10%);

    -khtml-transform: translateY(-10%);

    -moz-transform: translateY(-10%);

    -ms-transform: translateY(-10%);

    -o-transform: translateY(-10%);

    transform: translateY(-10%);

    cursor: pointer;

    padding: 10px 35px 16px 0px;

    z-index: 99999;

  }





  #gecko-navigation-bar-toggle span, #gecko-navigation-bar-toggle span:before, #gecko-navigation-bar-toggle span:after {

    cursor: pointer;

  -webkit-border-radius: 1px;

   -khtml-border-radius: 1px;

     -moz-border-radius: 1px;

      -ms-border-radius: 1px;

       -o-border-radius: 1px;

          border-radius: 1px;

    height: 2px;

    width: 35px;

    position: absolute;

    display: block;

    content: '';

  }

  #gecko-navigation-bar-toggle span:before {

    top: -10px;

  }

  #gecko-navigation-bar-toggle span:after {

    bottom: -10px;

  }



  #gecko-navigation-bar-toggle span, #gecko-navigation-bar-toggle span:before, #gecko-navigation-bar-toggle span:after {

    -webkit-transition: all 0.25s ease-in-out;

    -khtml-transition: all 0.25s ease-in-out;

    -moz-transition: all 0.25s ease-in-out;

    -ms-transition: all 0.25s ease-in-out;

    -o-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

  }

  #gecko-navigation-bar-toggle.active span {

    background-color: transparent;

  }

  #gecko-navigation-bar-toggle.active span:before, #gecko-navigation-bar-toggle.active span:after {

    top: 0;

  }

  #gecko-navigation-bar-toggle.active span:before {

    -webkit-transform: rotate(45deg);

    -khtml-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

  }

  #gecko-navigation-bar-toggle.active span:after {

    -webkit-transform: rotate(-45deg);

    -khtml-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

  }

}


/* MEDIA QUERY */



-----------------

/* Extra Smaller */
@media only screen and (max-width: 479px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {

}