@charset "utf-8";
/* CSS Document */

.btn_holder{width:30px; height:30px; display:none; background:#fff; float:left; margin-bottom:2px;}
.menu_txt{float:left; color:#fff; font-size:12px !important; margin:7px 15px 0 5px; cursor:pointer; display:none;}
#mob_navi .btn_holder{position:absolute; left:auto; right:10px; top:10px; margin:0;}
.navicon-button {
  display: inline-block;
  position: relative;
  z-index:999;
  /*padding:15px 10px;*/
  transition:0.25s;
  cursor: pointer;
  user-select: none;
  opacity: 1;
  width:100%; height:100%;
  text-align:center;
}
.navicon-button .navicon:before, .navicon-button .navicon:after {
  transition: 0.25s;
  width:20px;
}
.navicon-button:hover {
  transition: 0.5s;
  opacity: 1;
}
.navicon-button:hover .navicon:before, .navicon-button:hover .navicon:after {
  transition: 0.25s;
}
.navicon-button:hover .navicon:before {
  top: .400rem;
}
.navicon-button:hover .navicon:after {
  top: -.400rem;
}

.navicon {
	display:block;
  position: relative;
  /*width: 2.5em;*/
  width:20px;
  height: .185rem;
  background: #000;
  transition: 0.5s;
  border-radius: 0rem;
  margin:14px 0 0 5px;
}

.btn_dark .navicon{background:#000;}
.navicon:before, .navicon:after {
  display: block;
  content: "";
  height: .185rem;
  width: 20px;
  background: #000;
  position: absolute;
  z-index: -1;
  transition: 0.5s 0.25s;
  border-radius: 0rem;
}

.navicon,
.navicon:before, .navicon:after{background:#000;}

.btn_dark .navicon:before, .btn_dark .navicon:after{background:#000;}

.navicon:before {
  top: .450rem;
}
.navicon:after {
  top: -.450rem;
}

.open:not(.steps) .navicon:before,
.open:not(.steps) .navicon:after {
  top: 0 !important;
}

.open .navicon:before,
.open .navicon:after {
  transition: 0.5s;
}

/* Minus */
.open {
  transform: scale(0.75);
}

/* Arrows */
.open.larr .navicon:before, .open.larr .navicon:after,
.open.rarr .navicon:before,
.open.rarr .navicon:after,
.open.uarr .navicon:before,
.open.uarr .navicon:after {
  width: 1.5rem;
}
.open.larr .navicon:before,
.open.rarr .navicon:before,
.open.uarr .navicon:before {
  transform: rotate(35deg);
  transform-origin: left top;
}
.open.larr .navicon:after,
.open.rarr .navicon:after,
.open.uarr .navicon:after {
  transform: rotate(-35deg);
  transform-origin: left bottom;
}

.open.uarr {
  transform: scale(0.75) rotate(90deg);
}

/* Arrows */
.open.rarr .navicon:before {
  transform: translate3d(1em, 0, 0) rotate(-35deg);
  transform-origin: right top;
}
.open.rarr .navicon:after {
  transform: translate3d(1em, 0, 0) rotate(35deg);
  transform-origin: right bottom;
}

/* × and + */
.open.plus .navicon,
.open.x .navicon {
  background: transparent;
}
.open.plus .navicon:before,
.open.x .navicon:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  background:#000;
  opacity:1;
}

.open.plus .navicon:after,
.open.x .navicon:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  background:#2d4c79;
  opacity:1;
}

.open.plus {
  transform: scale(0.75) rotate(45deg);
}

.header_signup .navicon,
.header_signup .navicon:before,
.header_signup .navicon:after{background:#4d4d4d;}


.header_signup .open.plus .navicon:before,
.header_signup .open.x .navicon:before{background:#4d4d4d;}
.header_signup .open.plus .navicon:after,
.header_signup .open.x .navicon:after{background:#4d4d4d;}



@media only screen and (max-width: 1024px) {
	.menu_txt,
	.btn_holder{display:block;}
	.btn_holder{margin-bottom:1px;}
}
@media only screen and (max-width: 767px) {
	.btn_holder{margin-bottom:0px; position:absolute; left:25px; top:25px;}	
}
@media only screen and (max-width: 540px) {
	/*
	.btn_holder{position:absolute; left:15px; top:142px;}
	.menu_txt{position:absolute; left:8px; top:167px;}
	*/
}
@media only screen and (max-width: 350px) {
	/*.menu_txt{left:7px; top:42px;}*/

}