@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:801px){

/*
#fixed .wrap_wh .btn_member a {
	display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; 
	-webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.15s; transition-duration: 0.15s;}
#fixed .wrap_wh .btn_member a:before {
	content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #004892;
	-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform;
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#fixed .wrap_wh .btn_member a:hover,
#fixed .wrap_wh .btn_member a:focus,
#fixed .wrap_wh .btn_member a:active {
	color: #fff!important;}
#fixed .wrap_wh .btn_member a:hover:before,
#fixed .wrap_wh .btn_member a:focus:before,
#fixed .wrap_wh .btn_member a:active:before {
	-webkit-transform: scaleX(1); transform: scaleX(1);}
*/

/* BLUE → WHITE */
.blwh a {
	display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; 
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s;}
.blwh a:before {
	content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #fff; border-radius:35px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.blwh a:hover,.blwh a:focus,.blwh a:active {color: #004892!important;}
.blwh a:hover:before,.blwh a:focus:before,.blwh a:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}

/* WHITE → BLUE */
.whbl a,.btn-send {
	display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; 
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s;}
.whbl a:before,.btn-send:before {
	content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #004892; border-radius:35px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.whbl a:hover,.whbl a:focus,.whbl a:active,
.btn-send:hover,.btn-send:focus,.btn-send:active {color: #fff!important;}
.whbl a:hover:before,.whbl a:focus:before,.whbl a:active:before,
.btn-send:hover:before,.btn-send:focus:before,.btn-send:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}







}