/**MENU ICON**/
.menu_icon{
  position: absolute;
  width:34px;
  height: 4px;
  background: #232c3b;
  top: 50%;
  margin-top: -1px;
  left:50%;
  margin-left: -17px;
  overflow: visible;
  transition: background .01s .15s;
}

.menu_icon:after,
.menu_icon:before{
  content: '';
  position: absolute;
  height: 4px;
  width:100%;
  left:0;
  background: #232c3b;
  top: -10px;
  transition: transform .15s, top .2s .15s;
}

.menu_icon:after{
  top: 10px;
}

.dl-active .menu_icon{
  background: none;
}

.dl-active .menu_icon:after,
.dl-active .menu_icon:before{
  top: 0;
  transition: transform .15s .15s, top .15s;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dl-active .menu_icon:after{
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/**BTNS***/
.btn_grey,
.btn_red,
.btn_orange,
.btn_white{
  border: 0;
  outline: none;
  background: #68829b;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  color: #fff!important;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  border-radius: 4px;
  font-size: 12px;
  padding: 16px 15px 13px 15px;
  box-shadow: 0 2px 0 0 #4c6a86, 1px 1px 1px rgba(0,0,0,.05), 1px 3px 1px rgba(0,0,0,.25);
  transition: background .3s;
}

.btn_red{
  background: #f01e1e;
  box-shadow: 0 2px 0 0 #d30000, 1px 1px 1px rgba(0,0,0,.05), 1px 3px 1px rgba(0,0,0,.25);
}

.btn_orange{
  background: #ff6c3a;
  box-shadow: 0 2px 0 0 #b24b28, 1px 1px 1px rgba(0,0,0,.05), 1px 3px 1px rgba(0,0,0,.25);
}

.btn_white{
  color:#e02424;
  background: #fff;
  border: 1px solid #bbbbbb;
  box-shadow: 1px 1px 1px rgba(0,0,0,.05), 1px 2px 1px rgba(0,0,0,.25);
}

.btn_white:hover{
  color: #232c3b
}

.btn_grey:hover{
  background: #607a94;
}

.btn_red:hover,
a:hover .btn_red{
  background: #d8000d;
}

.btn_orange:hover,
a:hover .btn_orange{
  background: #d14415;
}

.btn_orange.tored:hover,
a:hover .btn_orange.tored,
.btn_red.tored:hover,
a:hover .btn_red.tored{
  background: #f01e1e;
}

.btn_grey:active,
.btn_red:active,
.btn_orange:active,
.btn_white:active{
  box-shadow: inset 0 0 3px rgba(0,0,0,.2);
}

.btn_red.small{
  padding-top: 9px;
  padding-bottom: 8px;
}

/*BTN SEARCH**/
.btn_search{
  display: inline-block;
  vertical-align: top;
  padding: 0 14px;
  color: #fff;
  font-size: 16px;
  height: 33px;
  line-height: 33px;
}

/**INPUIT**/
.input_text{
  display: block;
  width: 100%;
  border: 1px solid #c3c3c3;
  background: #fff;
  color: #6e6e6e;
  font-size: 15px;
  padding: 13px 10px;
  outline: none;
  transition: box-shadow .3s;
}

.input_text:focus{
  box-shadow: 0 0 5px rgba(0,0,0,.3);
}