/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */

/* Menu Appearance */

.pushy{
  position: fixed;
  width: 75%;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: #333332;
  font-size: 0.9em;
  font-weight: bold;
  /*-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
  -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
  box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);*/
  overflow: auto;
  -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}
.pushy a{
  display: block;
  color: #464a4c;
  padding: 6%;
  text-decoration: none;
  text-align:center;
  font-size:20px;
  letter-spacing:0.5px;
  transition:all 0.3s ease;
}
.pushy a:hover{
  background: #ff8c11;
  font-weight:600;
  color: #000;
}
.MenuCon a {transition:all 0.3s ease;}
.MenuCon a:hover{
  background: #ff8c11;
  border:1px solid #ff8c11;
  font-weight:600;
  color: #062f6e;
}

/* Menu Movement */

.pushy-left{
  -webkit-transform: translate3d(-100%,0,0);
  -moz-transform: translate3d(-100%,0,0);
  -ms-transform: translate3d(-100%,0,0);
  -o-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.pushy-right {
  -webkit-transform: translate3d(100vw,0,0);
  -moz-transform: translate3d(100vw,0,0);
  -ms-transform: translate3d(100vw,0,0);
  -o-transform: translate3d(100vw,0,0);
  transform: translate3d(100vw,0,0);
}

.left.pushy-open{
  visibility: initial;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.right.pushy-open{
  visibility: initial;
  -webkit-transform: translate3d(100vw,0,0) translateX(-100%);
  -moz-transform: translate3d(100vw,0,0) translateX(-100%);
  -ms-transform: translate3d(100vw,0,0) translateX(-100%);
  -o-transform: translate3d(100vw,0,0) translateX(-100%);
  transform: translate3d(100vw,0,0) translateX(-100%);
}
/*
.right.container-push, .push-push{
-webkit-transform: translate3d(100vw,0,0) translateX(calc(-100% - 200px));
-moz-transform: translate3d(100vw,0,0) translateX(calc(-100% - 200px));
-ms-transform: translate3d(100vw,0,0) translateX(calc(-100% - 200px));
-o-transform: translate3d(100vw,0,0) translateX(calc(-100% - 200px));
transform: translate3d(100vw,0,0) translateX(calc(-100% - 200px));
}

.left.container-push, .push-push{
-webkit-transform: translate3d(200px,0,0);
-moz-transform: translate3d(200px,0,0);
-ms-transform: translate3d(200px,0,0);
-o-transform: translate3d(200px,0,0);
transform: translate3d(200px,0,0);
}
*/
/* Menu Transitions */

.pushy, #container, .push{
  -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
  -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
  -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
  transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

/* Site Overlay */

.site-overlay{
  display: none;
}

.pushy-active .site-overlay{
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0,0,0,0.5);
  -webkit-animation: fade 500ms; 
  -moz-animation: fade 500ms; 
  -o-animation: fade 500ms;
  animation: fade 500ms;
}

@keyframes fade{
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fade{
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fade{
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fade{
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

/* Example Media Query */

@media screen and (max-width: 768px){
  .pushy{
    font-size: 1.0em;
    background: #fff;
    overflow: hidden;
  }
  .pushy a{font-size:18px; padding:5%; }
}
.row {
  width:100%;
  height:70px;
  color: #fff;
  text-align: center;
  font-size: 1.4em;
  background:#231915;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.row > p {
  width:50%;
  float:left;	
  padding-left:30px;
}
.row > p > img {
  float:left;
}
.btn_contact {
  width: 50%;
  float: right;
}
.btn_contact > span {
  float:right;
  margin-top: 9px;
  padding: 0 10px;
}
.btn_contact > span:first-child {margin-right: 12px !important;}
.btn_login {
  width:100%;
  height:45px;
  line-height:45px;
  background:#00349d;
}
.btn_login > div {
  width:100%;
  line-height:45px;
  float: center;
  text-align:center;
  font-size:16px;
  color:#fff;
}
.btn_login > span {
  width: 1%;
  float: left;
  color: #c5c5c5;
}
.btn_menu {
  width:100%;
  height:45px;
  line-height:45px;
  background:#fff;
}
.btn_menu > div {
  width:49.5%;
  line-height:45px;
  float: left;
  text-align:center;
  font-size:14px;
}
.btn_menu > span {
  width: 1%;
  float: left;
  color: #c5c5c5;
}
.sns_list {
  position:absolute;
  width:100%;
  text-align: center;
  bottom:3%;
}
.sns_list > li {
  display:inline-block;
}
.sns_list > li > a {
  display: block;
  content:"";
  border-bottom: none;
  padding:12px;
  text-align: center;
}
.menu_top {padding-top: 1%;
    max-width: 1000px;
  width:100%;
  height:100%;
  background:#fff;
}
.menu_bottom {
  width:100%;
  height:39.3%;
  position: relative;
}
.btn_contact2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 65px;
  background: #f1f1f1;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.btn_contact2 > div {
  width:49.5%;
  line-height:45px;
  float: left;
  text-align:center;
}
.btn_contact2 > span {
  width: 1%;
  float: left;
  color: #fff;
}
.btn_contact2 > div > p {
  color: #5f5f5f;
  font-size:14px;
}


@media (min-width: 1280px){
  .pushy, .pushy-active .site-overlay {
    display: block;
  }
}