@import url(/assets/fonts/roboto.css);

@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css";

.hvr-border-fade,
.hvr-fade,
.hvr-icon-fade {
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
}

a:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}

.xarbuttons a,
.xarbuttons a.grey {
  -moz-box-shadow: 0 1px 1px 0 rgba(50,50,50,.5);
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

video {
  display: inline-block;
  vertical-align: baseline;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

b {
  font-weight: 700;
}

img {
  border: 0;
  vertical-align: middle;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  padding: 0;
}

@media print {
  img,
  tr {
    page-break-inside: avoid;
  }

  *,
  :after,
  :before {
    background: 0 0!important;
    color: #000!important;
    box-shadow: none!important;
    text-shadow: none!important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href)")";
  }

  a[href^="#"]:after {
    content: "";
  }

  img {
    max-width: 100%!important;
  }

  p {
    orphans: 3;
    widows: 3;
  }
}

body {
  background-color: #fff;
}

.btn,
.btn-default.active,
.btn-default:active,
.btn:active,
.open>.dropdown-toggle.btn-default {
  background-image: none;
}

@font-face {
  font-family: Glyphicons Halflings;
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix)format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff)format('woff'),url(../fonts/glyphicons-halflings-regular.ttf)format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular)format('svg');
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

*,
:after,
:before {
  box-sizing: border-box;
}

body {
  line-height: 1.42857143;
  color: #333;
}

a {
  text-decoration: none;
}

a:focus,
a:hover {
  text-decoration: underline;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

p {
  margin: 0 0 10px;
}

table {
  background-color: transparent;
}

ul {
  margin-top: 0;
}

ul {
  margin-bottom: 10px;
}

.tooltip {
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.btn {
  white-space: nowrap;
}

.table-hover>tbody>tr:hover {
  background-color: #f5f5f5;
}

.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
  background-color: #e8e8e8;
}

.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
  background-color: #d0e9c6;
}

.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
  background-color: #c4e3f3;
}

.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
  background-color: #faf2cc;
}

.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
  background-color: #ebcccc;
}

select[multiple] {
  height: auto;
}

.fade,
.hvr-fade {
  -o-transition: opacity .15s linear;
  -webkit-transition: opacity .15s linear;
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control:-ms-input-placeholder {
  color: #999;
}

select[multiple].form-group-sm .form-control,
select[multiple].input-sm {
  height: auto;
}

select[multiple].form-group-lg .form-control,
select[multiple].input-lg {
  height: auto;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:active:focus,
.btn:focus {
  outline: dotted thin;
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}

.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}

.btn:active {
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open>.dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
  height: auto;
}

select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
  height: auto;
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
  background-color: #e7e7e7;
  color: #555;
}

@media (max-width:766px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #333;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #555;
    background-color: #e7e7e7;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
  color: #333;
}

.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc;
}

.label-default {
  background-color: #777;
}

.label-default[href]:focus,
.label-default[href]:hover {
  background-color: #5e5e5e;
}

.hvr-border-fade,
.hvr-fade,
.hvr-icon-fade {
  vertical-align: middle;
}

.panel-default {
  border-color: #ddd;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ddd;
}

.panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ddd;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0,-25%);
  -ms-transform: translate(0,-25%);
  transform: translate(0,-25%);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: .9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  left: 50%;
  margin-left: -5px;
}

.tooltip.bottom-left .tooltip-arrow {
  right: 5px;
  margin-top: -5px;
}

.tooltip.bottom-right .tooltip-arrow {
  left: 5px;
  margin-top: -5px;
}

.xarbuttons a,
.xarbuttons a.grey {
  -webkit-box-shadow: 0 1px 1px 0 rgba(50,50,50,.5);
}

@-ms-viewport {
  width: device-width;
}

.hvr-border-fade,
.hvr-fade,
.hvr-icon-fade,
.xarbuttons a {
  display: inline-block;
}

@font-face {
  font-family: xara;
  src: url(https://fonts.xcdn.co/css/xara/xara.eot?v=2);
  src: url(https://fonts.xcdn.co/css/xara/xara.eot?v=2#iefix)format('embedded-opentype'),url(https://fonts.xcdn.co/css/xara/xara.woff?v=2)format('woff'),url(https://fonts.xcdn.co/css/xara/xara.ttf?v=2)format('truetype'),url(https://fonts.xcdn.co/css/xara/xara.svg?v=2#xararegular)format('svg');
}

body {
  font-family: Roboto,sans-serif;
  font-weight: 400;
  font-style: normal;
}

.header .navbar-default .navbar-nav>.active>a,
a,
a:active,
a:focus,
a:hover {
  color: #2fa4e7;
}

.header .navbar-default .navbar-nav>.active>a {
  border-color: #2fa4e7;
}

.header-v5 .navbar-default .navbar-nav>.active>a,
.header-v5 .navbar-default .navbar-nav>li>a:hover {
  border-top: 2px solid #2fa4e7;
}

.header .navbar-default .navbar-nav>li:hover>a {
  color: #2980b9;
}

.header .navbar-default .navbar-toggle {
  border-color: #2980b9;
}

.header .navbar-default .navbar-toggle:focus,
.header .navbar-default .navbar-toggle:hover {
  background: #2fa4e7;
}

.header .navbar-default .navbar-nav>.open>a,
.header .navbar-default .navbar-nav>.open>a:focus,
.header .navbar-default .navbar-nav>.open>a:hover {
  color: #2fa4e7;
}

@media (max-width:991px) {
  .header .navbar-default .navbar-nav>.active>a,
  .header .navbar-default .navbar-nav>.active>a:focus,
  .header .navbar-default .navbar-nav>.active>a:hover {
    background: #2fa4e7;
    color: #fff!important;
  }

  .header .navbar-default .navbar-nav>.active>a {
    border-color: #eee;
  }
}

.header-v1 .navbar-default .navbar-nav>.active>a,
.header-v1 .navbar-default .navbar-nav>li:hover>a,
.header-v1 .navbar-default .navbar-nav>li>a:focus,
.header-v1 .navbar-default .navbar-nav>li>a:hover {
  color: #2fa4e7;
}

.header-v1 .navbar-default .navbar-toggle {
  border-color: #2980b9;
}

.header-v1 .navbar-default .navbar-toggle:focus,
.header-v1 .navbar-default .navbar-toggle:hover {
  background: #2fa4e7;
}

@media (max-width:991px) {
  .header-v1 .navbar-default .navbar-nav>.active>a,
  .header-v1 .navbar-default .navbar-nav>li:hover>a {
    border-color: #eee;
  }

  .header-v1 .navbar-default .navbar-nav>.active>a,
  .header-v1 .navbar-default .navbar-nav>.active>a:focus,
  .header-v1 .navbar-default .navbar-nav>.active>a:hover {
    background-color: #2fa4e7;
  }
}

.header-v2 .navbar-default .navbar-toggle {
  border-color: #2980b9;
}

.header-v2 .navbar-default .navbar-toggle:focus,
.header-v2 .navbar-default .navbar-toggle:hover {
  background: #2fa4e7;
}

@media (max-width:991px) {
  .header-v2 .navbar-default .navbar-nav>.active>a,
  .header-v2 .navbar-default .navbar-nav>.active>a:focus,
  .header-v2 .navbar-default .navbar-nav>.active>a:hover {
    background: #2fa4e7;
    color: #fff!important;
  }

  .header-v2 .navbar-default .navbar-nav>li>a:hover {
    color: #2fa4e7;
  }
}

.header-v3 .navbar-default .navbar-nav>.active>a {
  color: #2fa4e7;
}

.header-v3 .navbar-default .navbar-nav>li:hover>a {
  color: #2980b9;
}

.header-v3 .navbar-default .navbar-toggle {
  border-color: #2980b9;
}

.header-v3 .navbar-default .navbar-toggle:focus,
.header-v3 .navbar-default .navbar-toggle:hover {
  background: #2fa4e7;
}

@media (max-width:991px) {
  .header-v3 .navbar-default .navbar-nav>.active>a,
  .header-v3 .navbar-default .navbar-nav>.active>a:focus,
  .header-v3 .navbar-default .navbar-nav>.active>a:hover {
    background: #2fa4e7;
    color: #fff!important;
  }

  .header-v3 .navbar-default .navbar-nav>.active>a {
    border-color: #eee;
  }
}

.header-v4 .navbar-default .navbar-nav>.active>a,
.header-v4 .navbar-default .navbar-nav>li>a:hover {
  border-color: #2fa4e7;
}

.header-v4 .navbar-default .navbar-nav>.active>a {
  color: #2fa4e7;
}

.header-v4 .navbar-default .navbar-nav>li:hover>a {
  border-color: #2fa4e7;
  color: #2980b9;
}

.header-v4 .navbar-default .navbar-nav>.open>a,
.header-v4 .navbar-default .navbar-nav>.open>a:focus,
.header-v4 .navbar-default .navbar-nav>.open>a:hover {
  color: #2fa4e7;
}

@media (max-width:991px) {
  .header-v4 .navbar-default .navbar-nav>.active>a,
  .header-v4 .navbar-default .navbar-nav>li:hover>a {
    border-color: #eee;
  }

  .header-v4 .navbar-default .navbar-nav>.active>a,
  .header-v4 .navbar-default .navbar-nav>.active>a:focus,
  .header-v4 .navbar-default .navbar-nav>.active>a:hover {
    color: #2fa4e7!important;
  }
}

.header-v5 .navbar-default .navbar-nav>.active>a,
.header-v5 .navbar-default .navbar-nav>.open>a,
.header-v5 .navbar-default .navbar-nav>.open>a:focus,
.header-v5 .navbar-default .navbar-nav>.open>a:hover,
.header-v5 .navbar-default .navbar-nav>li:hover>a {
  color: #2fa4e7;
}

.btn-u.btn-brd.btn-brd-hover:hover {
  background: #2980b9;
}

.footer a,
.footer a:hover {
  color: #2fa4e7;
}

.fa-icons li:hover i {
  background: #2fa4e7;
}

.fa-icons li:hover {
  color: #2fa4e7;
}

.hvr-fade {
  box-shadow: 0 0 1px transparent;
}

#effect-2 figure .img-hover,
.testimonials-bg-default .carousel-arrow i,
.testimonials-bg-default .item p {
  background: #2fa4e7;
}

.testimonials.testimonials-bg-default .item p:after {
  border-top-color: #2fa4e7;
}

.testimonials.testimonials-bg-default .carousel-arrow i:hover {
  background: #2980b9;
}

.footer-default .footer .dl-horizontal a:hover {
  color: #2fa4e7!important;
}

.footer-default .footer a {
  color: #2fa4e7;
}

.footer-default .footer a:hover {
  color: #2980b9;
}

.footer-default .copyright a {
  color: #2fa4e7;
}

.footer-default .copyright a:hover {
  color: #2980b9;
}

.hvr-fade:active,
.hvr-fade:focus,
.hvr-fade:hover {
  color: #fff;
}

.hvr-border-fade,
.hvr-fade,
.hvr-icon-fade {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

.hvr-fade {
  transition-duration: .3s;
  -webkit-transition-duration: .3s;
}

.hvr-fade {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.hvr-fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
  overflow: hidden;
  -webkit-transition-property: color,background-color;
  transition-property: color,background-color;
}

.hvr-fade.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hvr-fade:active,
.hvr-fade:focus,
.hvr-fade:hover {
  background-color: #2098d1;
}

.hvr-border-fade {
  -webkit-transition-duration: .3s;
}

.hvr-border-fade {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.hvr-border-fade {
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent;
}

.hvr-border-fade:active,
.hvr-border-fade:focus,
.hvr-border-fade:hover {
  box-shadow: inset 0 0 0 4px #2098d1,0 0 1px transparent;
}

.xarbuttons.sm a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.hvr-icon-fade {
  box-shadow: 0 0 1px transparent;
}

.hvr-icon-fade,
.hvr-icon-fade:before {
  -webkit-transform: translateZ(0);
}

.hvr-icon-fade {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-fade:before {
  content: "\f00c";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-property: color;
  transition-property: color;
}

.hvr-icon-fade:active:before,
.hvr-icon-fade:focus:before,
.hvr-icon-fade:hover:before {
  color: #0f9e5e;
}

.xarbuttons a,
.xarbuttons a.grey {
  box-shadow: 0 1px 1px 0 rgba(50,50,50,.5);
}

.xarbuttons {
  font-family: proxima-nova,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.xarbuttons a {
  background: #eba900;
  background: -webkit-gradient(0deg,#d77e00 0,#fed400 100%);
  background: -webkit-linear-gradient(90deg,#d77e00 0,#fed400 100%);
  background: linear-gradient(0deg,#d77e00 0,#fed400 100%);
  text-decoration: none!important;
  text-shadow: 0 1px 0 #be7500;
  color: #fff!important;
}

.xarbuttons a.grey {
  display: inline;
  text-shadow: 0 1px 0 #fff;
}

.xarbuttons a.grey {
  background: #eba900;
  background: -webkit-gradient(0deg,#d77e00 0,#fed400 100%);
  background: -webkit-linear-gradient(90deg,#d9d9d9 0,#fdfdfd 100%);
  background: linear-gradient(0deg,#d9d9d9 0,#fdfdfd 100%);
  text-decoration: none!important;
  color: #102277!important;
}

.xarbuttons a:hover {
  background: #fbc900;
  background: -webkit-gradient(0deg,#b46400 0,#fed400 100%);
  background: -webkit-linear-gradient(90deg,#b46400 0,#fed400 100%);
  background: linear-gradient(0deg,#b46400 0,#fed400 100%);
  text-shadow: 0 -1px 0 #be7500;
  color: #fff!important;
  text-decoration: none!important;
}

.xarbuttons.sm a {
  font-size: 14px;
  border-radius: 4px;
  padding: 3px 7px;
  margin-left: 8px;
}

.xarbuttons.sm a i {
  padding-right: 2px;
}

.xarbuttons.sm a:first-child {
  margin-left: 0;
}

body,
html {
  height: 100%;
  font-family: Roboto,sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #fff;
  font-size: 14px;
}

body {
  border: 1px solid #000;
}

.content {
  padding: 20px;
}

.footer {
  position: absolute;
  bottom: 1px;
  right: 1px;
  left: 1px;
  padding: 10px;
  background: #ccc;
  text-align: right;
  display: block;
}

.btn {
  margin-right: 10px;
}

.btn:last-child {
  margin-right: 0;
}

.buttons {
  text-align: center;
}

.richtext {
  margin-top: 20px;
}

.intro {
  margin-bottom: 20px;
}