/***** TOGGLE MENU BUTTON *****/

.navbar-toggle {}

/* Menu Text */

.navbar-toggle .menu-text {
	position: relative;
    top: -6px;
}


/* Menu Icon */

.navbar-toggle .menu-icon span {
    background-color: #ffffff;
}

.navbar-toggle:hover .menu-icon span,
.navbar-toggle:active .menu-icon span,
.navbar-toggle:focus .menu-icon span {
    background-color: #ffffff;
}


/* Button - SOURCE: http://codepen.io/stjn/pen/wieqA + http://sarasoueidan.com/demos/navicon-transformicons/ */

.navbar-toggle .menu-icon {
	display:  inline-block;
	height: 21px;
	margin-right: 20px;
	padding-right:0;
	position: relative;
	top: -2px;
	width: 21px;	
}

.navbar-toggle .menu-icon span {
	margin: 0 auto;
	position: relative;
	top: 10px;
}

.navbar-toggle .menu-icon span,
.navbar-toggle .menu-icon span:before,
.navbar-toggle .menu-icon span:after {
	background-color: #ffffff;
	display: block;
	height: 5px;
	width: 21px;
}

.navbar-toggle .menu-icon span:before,
.navbar-toggle .menu-icon span:after {
	position: absolute;
	content: '';
}

.navbar-toggle .menu-icon span:before {margin-top: -8px;}

.navbar-toggle .menu-icon span:after {margin-top: 8px;}

.navbar-toggle:hover .menu-icon span,
.navbar-toggle:active .menu-icon span,
.navbar-toggle:focus .menu-icon span,
.navbar-toggle:hover .menu-icon span:before,
.navbar-toggle:active .menu-icon span:before,
.navbar-toggle:focus .menu-icon span:before,
.navbar-toggle:hover .menu-icon span:after,
.navbar-toggle:active .menu-icon span:after,
.navbar-toggle:focus .menu-icon span:after {
	background-color: #ed612a;
}

/* Transitions: Example 5 */
.navbar-toggle .menu-icon span {
    -webkit-transition-property: background-color, margin, transform;
    transition-property: background-color, margin, transform;
    -webkit-transition-duration: .3s, 0s, 0s;
    transition-duration: .3s, 0s, 0s;
    -webkit-transition-delay: 0, .2s, .2s;
	transition-delay: 0, .2s, .2s;
}

.navbar-toggle.active .menu-icon span {
    background-color: transparent;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.navbar-toggle .menu-icon span:before,
.navbar-toggle .menu-icon span:after {
	-webkit-transition-property: background-color, margin, transform;
	transition-property: background-color, margin, transform;
	-webkit-transition-duration: .3s, .2s, .2s;
	transition-duration: .3s, .2s, .2s;
	-webkit-transition-delay: 0, .2s, 0;
	transition-delay: 0, .2s, 0;
}

.navbar-toggle.active .menu-icon span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition-delay: 0, 0, .2s;
	transition-delay: 0, 0, .2s;
}

.navbar-toggle.active .menu-icon span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition-delay: 0, 0, .2s;
	transition-delay: 0, 0, .2s;
}



/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.navbar-toggle .menu-icon {
	margin-right: 0px;   
   }
}

/* Landscape phones and down */
@media (max-width: 480px) {

}