/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontTop';
  src: url('../fonts/font-top.eot?v=3.0');
  src: url('../fonts/font-top.eot?#iefix&v=3.0') format('embedded-opentype'), url('../fonts/font-top.woff?v=3.0') format('woff'), url('../fonts/font-top.ttf?v=3.0') format('truetype'), url('../fonts/font-top.svg?v=3.0#fonttopregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.ba {
  display: inline-block;
  font-family: FontTop;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.ba-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.ba-2x {
  font-size: 2em;
}
.ba-3x {
  font-size: 3em;
}
.ba-4x {
  font-size: 4em;
}
.ba-5x {
  font-size: 5em;
}
.ba-fw {
  width: 1.28571429em;
  text-align: center;
}
.ba-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.ba-ul > li {
  position: relative;
}
.ba-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.ba-li.ba-lg {
  left: -1.85714286em;
}
.ba-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.ba.pull-left {
  margin-right: .3em;
}
.ba.pull-right {
  margin-left: .3em;
}
.ba-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.ba-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ba-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ba-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.ba-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.ba-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.ba-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.ba-stack-1x,
.ba-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.ba-stack-1x {
  line-height: inherit;
}
.ba-stack-2x {
  font-size: 2em;
}
.ba-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.ba-pdtype-01:before {
  content: "\B001";
}
.ba-pdtype-02:before {
  content: "\B002";
}
.ba-pdtype-03:before {
  content: "\B003";
}
.ba-pdtype-04:before {
  content: "\B004";
}
.ba-pdtype-05:before {
  content: "\B005";
}
.ba-pdtype-06:before {
  content: "\B006";
}
.ba-pdtype-07:before {
  content: "\B007";
}
.ba-pdtype-08:before {
  content: "\B008";
}
.ba-pdtype-09:before {
  content: "\B009";
}
.ba-pdtype-10:before {
  content: "\B010";
}
.ba-pdtype-11:before {
  content: "\B011";
}
.ba-pdtype-12:before {
  content: "\B012";
}
.ba-pdtype-13:before {
  content: "\B013";
}
.ba-pdtype-14:before {
  content: "\B014";
}
.ba-pdtype-15:before {
  content: "\B015";
}
.ba-pdtype-16:before {
  content: "\B016";
}
.ba-pdtype-33:before {
  content: "\B033";
}
.ba-pdtype-34:before {
  content: "\B034";
}
.ba-pdtype-35:before {
  content: "\B035";
}
.ba-pdtype-36:before {
  content: "\B036";
}
.ba-pdtype-37:before {
  content: "\B037";
}
.ba-pdtype-38:before {
  content: "\B038";
}




.ba-favorite:before {
  content: "\B017";
}
.ba-visible:before {
  content: "\B018";
}
.ba-invisible:before {
  content: "\B019";
}
.ba-search:before {
  content: "\B020";
}
.ba-power:before {
  content: "\B021";
}
.ba-trash:before {
  content: "\B022";
}
.ba-down:before {
  content: "\B023";
}
.ba-up:before {
  content: "\B024";
}
.ba-left:before {
  content: "\B025";
}
.ba-right:before {
  content: "\B026";
}
.ba-circle-up:before {
  content: "\B027";
}
.ba-circle-down:before {
  content: "\B028";
}
.ba-calendar:before {
  content: "\B029";
}
.ba-download-a:before {
  content: "\B030";
}
.ba-download-b:before {
  content: "\B031";
}
.ba-home-1:before {
  content: "\B032";
}

.ba-fb:before {
  content: "\B101";
}
.ba-line:before {
  content: "\B102";
}
.ba-wechat:before {
  content: "\B103";
}
.ba-ig:before {
  content: "\B104";
}
.ba-youtube:before {
  content: "\B105";
}
.ba-cellphone:before {
  content: "\B106";
}
.ba-gmap:before {
  content: "\B107";
}
.ba-pdf:before {
  content: "\B108";
}
.ba-ch-start:before {
  content: "\B109";
}
.ba-ch-end:before {
  content: "\B110";
}
.ba-key:before {
  content: "\B111";
}
.ba-ba-calendar2:before {
  content: "\B112";
}
.ba-web:before {
  content: "\B113";
}
.ba-index:before {
  content: "\B114";
}
.ba-card:before {
  content: "\B115";
}
.ba-phone:before {
  content: "\B116";
}
.ba-car:before {
  content: "\B117";
}
.ba-mail-1:before {
  content: "\B118";
}
.ba-mail-2:before {
  content: "\B119";
}
.ba-home2:before {
  content: "\B120";
}
.ba-info:before {
  content: "\B121";
}
.ba-user:before {
  content: "\B122";
}
.ba-cart:before {
  content: "\B123";
}
.ba-warning:before {
  content: "\B124";
}
.ba-dropdown:before {
  content: "\B125";
}
.ba-exit:before {
  content: "\B126";
}
.ba-visible-2:before {
  content: "\B127";
}
.ba-invisible-2:before {
  content: "\B128";
}
.ba-open:before {
  content: "\B129";
}
.ba-open2:before {
  content: "\B130";
}
.ba-fax:before {
  content: "\B131";
}
.ba-topstudios:before {
  content: "\B132";
}
.ba-newfav:before {
  content: "\B133";
}
.ba-newfav2:before {
  content: "\B134";
}
.ba-onsale:before {
  content: "\B135";
}