﻿ul,
li {
  list-style: none;
  padding: 0;
  margin: 0; }

img {
  vertical-align: middle; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0; }

.clear {
  clear: both; }

.f-cb {
  zoom: 1; }

.f-cb:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: "."; }

.fl {
  float: left; }

.fr {
  float: right; }

.por {
  position: relative; }

.poa {
  position: absolute; }

.pof {
  position: fixed; }

.poa-f {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.ovh {
  overflow: hidden; }

.noselect {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.z1 {
  z-index: 1; }

.z2 {
  z-index: 2; }

.z3 {
  z-index: 3; }

.dn {
  display: none; }

.dib {
  display: inline-block; }

.w-f {
  width: 100%; }

.h-f {
  height: 100%; }

.fwn {
  font-weight: normal; }

.tac {
  text-align: center; }

.t-f {
  -webkit-transition: all 0.5s;
          transition: all 0.5s; }

.t-c {
  -webkit-transition: color 0.5s;
          transition: color 0.5s; }

.t-bg {
  -webkit-transition: background 0.5s;
          transition: background 0.5s; }

.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  -webkit-animation: spinner 700ms infinite linear;
          animation: spinner 700ms infinite linear; }

.loader.white {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 1px solid rgba(255, 255, 255, 0.5); }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
a {
  color: #333;
  text-decoration: none; }
