/*!
 * Template Name: Simona - Landing Page for App
 * Author: bonefishcode.com
 *
 * Do not edit this file, recommend put any custom style into `assets/css/custom.css`
 */
/**
 * ---------------------------------------------------------
 * Table of contents
 *
 * reboot
 * typography
 * component
 * common
 * page intro
 * about us
 * feature
 * how it work
 * milestone
 * screenshot
 * pricing
 * testimonial
 * download
 * faq
 * contact
 * subscribe
 * page footer
 * utility
 * ---------------------------------------------------------
 */
/**
 * reboot
 * ---------------------------------------------------------
 */
html {
  font-size: 1em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
          box-sizing: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
ol,
ul,
pre {
  margin-top: 0;
  margin-bottom: 0;
}

/**
 * typography
 * ---------------------------------------------------------
 */
body {
  color: #212121;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
  text-transform: inherit;
  letter-spacing: 0.01em;
  background-color: #fff;
}

h1, .text-h1,
h2, .text-h2,
h3, .text-h3,
h4, .text-h4,
h5, .text-h5,
h6, .text-h6 {
  color: inherit;
  font-weight: 700;
  text-transform: none;
  letter-spacing: inherit;
}

.text-d1,
.text-d2,
.text-d3,
.text-d4 {
  color: inherit;
  font-weight: 400;
  text-transform: none;
  letter-spacing: inherit;
}

p,
dl,
ol,
ul,
pre,
blockquote {
  margin-bottom: 28px;
}
p:last-child,
dl:last-child,
ol:last-child,
ul:last-child,
pre:last-child,
blockquote:last-child {
  margin-bottom: 0;
}

.list-group {
  margin-bottom: 28px;
}

.icon, .form-icon-info,
.form-icon-success,
.form-icon-error, .bg-audio-toggle > a:before, .accordion-icon {
  position: relative;
  top: -1px;
  display: inline-block;
  min-width: 1em;
  line-height: 1;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
}

/**
 * component
 * ---------------------------------------------------------
 */
.hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  border-top: 1px solid #e5e5e5;
}

.hr-dashed {
  border-top-style: dashed;
}

.hr-dotted {
  border-top-style: dotted;
}

.hr-double {
  border-top-style: double;
  border-top-width: 3px;
}

.btn {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  font-weight: 400;
}
.btn:active, .btn.active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn > .icon.icon-right, .btn > .icon-right.form-icon-info,
.btn > .icon-right.form-icon-success,
.btn > .icon-right.form-icon-error, .bg-audio-toggle.btn > a.icon-right:before, .btn > .icon-right.accordion-icon {
  margin-left: 4px;
}
.btn > .icon.icon-left, .btn > .icon-left.form-icon-info,
.btn > .icon-left.form-icon-success,
.btn > .icon-left.form-icon-error, .bg-audio-toggle.btn > a.icon-left:before, .btn > .icon-left.accordion-icon {
  margin-right: 4px;
}

.btn-fw {
  min-width: 88px;
}

.btn-text {
  display: inline-block;
}

.btn-fab {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 0;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  padding: 0;
}
.btn-fab i {
  font-size: 24px;
}
.btn-fab.btn-lg {
  width: 56px;
  height: 56px;
  line-height: 56px;
}

.btn-default {
  color: #212121;
  background-color: #f8f9fb;
  border-color: #e5e5e5;
}
.btn-default:focus, .btn-default.focus {
  color: #212121;
  background-color: #eee;
  border-color: #e5e5e5;
}
.btn-default:hover {
  color: #212121;
  background-color: #eee;
  border-color: #e5e5e5;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #212121;
  background-color: #eee;
  border-color: #e5e5e5;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #212121;
  background-color: #eee;
  border-color: #e5e5e5;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #f8f9fb;
  border-color: #e5e5e5;
}
.btn-default .badge {
  color: #f8f9fb;
  background-color: #212121;
}

.btn-primary {
  color: white;
  background-color: #2a7af3;
  border-color: #2773e6;
}
.btn-primary:focus, .btn-primary.focus {
  color: white;
  background-color: #2773e6;
  border-color: #2773e6;
}
.btn-primary:hover {
  color: white;
  background-color: #2773e6;
  border-color: #2773e6;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: white;
  background-color: #2773e6;
  border-color: #2773e6;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: white;
  background-color: #2773e6;
  border-color: #2773e6;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #2a7af3;
  border-color: #2773e6;
}
.btn-primary .badge {
  color: #2a7af3;
  background-color: white;
}

.btn-info {
  color: white t;
  background-color: #00bcd4;
  border-color: #00b2c9;
}
.btn-info:focus, .btn-info.focus {
  color: white;
  background-color: #00b2c9;
  border-color: #00b2c9;
}
.btn-info:hover {
  color: white;
  background-color: #00b2c9;
  border-color: #00b2c9;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: white;
  background-color: #00b2c9;
  border-color: #00b2c9;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: white;
  background-color: #00b2c9;
  border-color: #00b2c9;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #00bcd4;
  border-color: #00b2c9;
}
.btn-info .badge {
  color: #00bcd4;
  background-color: white t;
}

.btn-success {
  color: white;
  background-color: #4dc755;
  border-color: #49bd50;
}
.btn-success:focus, .btn-success.focus {
  color: white;
  background-color: #49bd50;
  border-color: #49bd50;
}
.btn-success:hover {
  color: white;
  background-color: #49bd50;
  border-color: #49bd50;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: white;
  background-color: #49bd50;
  border-color: #49bd50;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: white;
  background-color: #49bd50;
  border-color: #49bd50;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #4dc755;
  border-color: #49bd50;
}
.btn-success .badge {
  color: #4dc755;
  background-color: white;
}

.btn-warning {
  color: white;
  background-color: #ffa500;
  border-color: #f29c00;
}
.btn-warning:focus, .btn-warning.focus {
  color: white;
  background-color: #f29c00;
  border-color: #f29c00;
}
.btn-warning:hover {
  color: white;
  background-color: #f29c00;
  border-color: #f29c00;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: white;
  background-color: #f29c00;
  border-color: #f29c00;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: white;
  background-color: #f29c00;
  border-color: #f29c00;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #ffa500;
  border-color: #f29c00;
}
.btn-warning .badge {
  color: #ffa500;
  background-color: white;
}

.btn-danger {
  color: white;
  background-color: #f43d3e;
  border-color: #e7393a;
}
.btn-danger:focus, .btn-danger.focus {
  color: white;
  background-color: #e7393a;
  border-color: #e7393a;
}
.btn-danger:hover {
  color: white;
  background-color: #e7393a;
  border-color: #e7393a;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: white;
  background-color: #e7393a;
  border-color: #e7393a;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: white;
  background-color: #e7393a;
  border-color: #e7393a;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #f43d3e;
  border-color: #e7393a;
}
.btn-danger .badge {
  color: #f43d3e;
  background-color: white;
}

.btn-inverse {
  color: white;
  background-color: #19232d;
  border-color: #17212a;
}
.btn-inverse:focus, .btn-inverse.focus {
  color: white;
  background-color: #17212a;
  border-color: #17212a;
}
.btn-inverse:hover {
  color: white;
  background-color: #17212a;
  border-color: #17212a;
}
.btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
  color: white;
  background-color: #17212a;
  border-color: #17212a;
}
.btn-inverse:active:hover, .btn-inverse:active:focus, .btn-inverse:active.focus, .btn-inverse.active:hover, .btn-inverse.active:focus, .btn-inverse.active.focus, .open > .btn-inverse.dropdown-toggle:hover, .open > .btn-inverse.dropdown-toggle:focus, .open > .btn-inverse.dropdown-toggle.focus {
  color: white;
  background-color: #17212a;
  border-color: #17212a;
}
.btn-inverse:active, .btn-inverse.active, .open > .btn-inverse.dropdown-toggle {
  background-image: none;
}
.btn-inverse.disabled:hover, .btn-inverse.disabled:focus, .btn-inverse.disabled.focus, .btn-inverse[disabled]:hover, .btn-inverse[disabled]:focus, .btn-inverse[disabled].focus, fieldset[disabled] .btn-inverse:hover, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse.focus {
  background-color: #19232d;
  border-color: #17212a;
}
.btn-inverse .badge {
  color: #19232d;
  background-color: white;
}

.btn-theme-1 {
  color: #fff;
  background-color: #3f51b5;
  border-color: #3b4cab;
}
.btn-theme-1:focus, .btn-theme-1.focus {
  color: #fff;
  background-color: #3b4cab;
  border-color: #3b4cab;
}
.btn-theme-1:hover {
  color: #fff;
  background-color: #3b4cab;
  border-color: #3b4cab;
}
.btn-theme-1:active, .btn-theme-1.active, .open > .btn-theme-1.dropdown-toggle {
  color: #fff;
  background-color: #3b4cab;
  border-color: #3b4cab;
}
.btn-theme-1:active:hover, .btn-theme-1:active:focus, .btn-theme-1:active.focus, .btn-theme-1.active:hover, .btn-theme-1.active:focus, .btn-theme-1.active.focus, .open > .btn-theme-1.dropdown-toggle:hover, .open > .btn-theme-1.dropdown-toggle:focus, .open > .btn-theme-1.dropdown-toggle.focus {
  color: #fff;
  background-color: #3b4cab;
  border-color: #3b4cab;
}
.btn-theme-1:active, .btn-theme-1.active, .open > .btn-theme-1.dropdown-toggle {
  background-image: none;
}
.btn-theme-1.disabled:hover, .btn-theme-1.disabled:focus, .btn-theme-1.disabled.focus, .btn-theme-1[disabled]:hover, .btn-theme-1[disabled]:focus, .btn-theme-1[disabled].focus, fieldset[disabled] .btn-theme-1:hover, fieldset[disabled] .btn-theme-1:focus, fieldset[disabled] .btn-theme-1.focus {
  background-color: #3f51b5;
  border-color: #3b4cab;
}
.btn-theme-1 .badge {
  color: #3f51b5;
  background-color: #fff;
}

.btn-theme-2 {
  color: #fff;
  background-color: #e91e63;
  border-color: #dd1c5e;
}
.btn-theme-2:focus, .btn-theme-2.focus {
  color: #fff;
  background-color: #dd1c5e;
  border-color: #dd1c5e;
}
.btn-theme-2:hover {
  color: #fff;
  background-color: #dd1c5e;
  border-color: #dd1c5e;
}
.btn-theme-2:active, .btn-theme-2.active, .open > .btn-theme-2.dropdown-toggle {
  color: #fff;
  background-color: #dd1c5e;
  border-color: #dd1c5e;
}
.btn-theme-2:active:hover, .btn-theme-2:active:focus, .btn-theme-2:active.focus, .btn-theme-2.active:hover, .btn-theme-2.active:focus, .btn-theme-2.active.focus, .open > .btn-theme-2.dropdown-toggle:hover, .open > .btn-theme-2.dropdown-toggle:focus, .open > .btn-theme-2.dropdown-toggle.focus {
  color: #fff;
  background-color: #dd1c5e;
  border-color: #dd1c5e;
}
.btn-theme-2:active, .btn-theme-2.active, .open > .btn-theme-2.dropdown-toggle {
  background-image: none;
}
.btn-theme-2.disabled:hover, .btn-theme-2.disabled:focus, .btn-theme-2.disabled.focus, .btn-theme-2[disabled]:hover, .btn-theme-2[disabled]:focus, .btn-theme-2[disabled].focus, fieldset[disabled] .btn-theme-2:hover, fieldset[disabled] .btn-theme-2:focus, fieldset[disabled] .btn-theme-2.focus {
  background-color: #e91e63;
  border-color: #dd1c5e;
}
.btn-theme-2 .badge {
  color: #e91e63;
  background-color: #fff;
}

.btn-outline.btn-default {
  color: white;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.7);
}
.btn-outline.btn-default:focus, .btn-outline.btn-default.focus {
  color: white;
  background-color: transparent;
  border-color: white;
}
.btn-outline.btn-default:hover {
  color: white;
  background-color: transparent;
  border-color: white;
}
.btn-outline.btn-default:active, .btn-outline.btn-default.active, .open > .btn-outline.btn-default.dropdown-toggle {
  color: white;
  background-color: transparent;
  border-color: white;
}
.btn-outline.btn-default:active:hover, .btn-outline.btn-default:active:focus, .btn-outline.btn-default:active.focus, .btn-outline.btn-default.active:hover, .btn-outline.btn-default.active:focus, .btn-outline.btn-default.active.focus, .open > .btn-outline.btn-default.dropdown-toggle:hover, .open > .btn-outline.btn-default.dropdown-toggle:focus, .open > .btn-outline.btn-default.dropdown-toggle.focus {
  color: white;
  background-color: transparent;
  border-color: white;
}
.btn-outline.btn-default:active, .btn-outline.btn-default.active, .open > .btn-outline.btn-default.dropdown-toggle {
  background-image: none;
}
.btn-outline.btn-default.disabled:hover, .btn-outline.btn-default.disabled:focus, .btn-outline.btn-default.disabled.focus, .btn-outline.btn-default[disabled]:hover, .btn-outline.btn-default[disabled]:focus, .btn-outline.btn-default[disabled].focus, fieldset[disabled] .btn-outline.btn-default:hover, fieldset[disabled] .btn-outline.btn-default:focus, fieldset[disabled] .btn-outline.btn-default.focus {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.7);
}
.btn-outline.btn-default .badge {
  color: transparent;
  background-color: white;
}

.btn-outline.btn-info {
  color: #00bcd4;
  background-color: transparent;
  border-color: #00bcd4;
}
.btn-outline.btn-info:focus, .btn-outline.btn-info.focus {
  color: white;
  background-color: #00bcd4;
  border-color: #00bcd4;
}
.btn-outline.btn-info:hover {
  color: white;
  background-color: #00bcd4;
  border-color: #00bcd4;
}
.btn-outline.btn-info:active, .btn-outline.btn-info.active, .open > .btn-outline.btn-info.dropdown-toggle {
  color: white;
  background-color: #00bcd4;
  border-color: #00bcd4;
}
.btn-outline.btn-info:active:hover, .btn-outline.btn-info:active:focus, .btn-outline.btn-info:active.focus, .btn-outline.btn-info.active:hover, .btn-outline.btn-info.active:focus, .btn-outline.btn-info.active.focus, .open > .btn-outline.btn-info.dropdown-toggle:hover, .open > .btn-outline.btn-info.dropdown-toggle:focus, .open > .btn-outline.btn-info.dropdown-toggle.focus {
  color: white;
  background-color: #00bcd4;
  border-color: #00bcd4;
}
.btn-outline.btn-info:active, .btn-outline.btn-info.active, .open > .btn-outline.btn-info.dropdown-toggle {
  background-image: none;
}
.btn-outline.btn-info.disabled:hover, .btn-outline.btn-info.disabled:focus, .btn-outline.btn-info.disabled.focus, .btn-outline.btn-info[disabled]:hover, .btn-outline.btn-info[disabled]:focus, .btn-outline.btn-info[disabled].focus, fieldset[disabled] .btn-outline.btn-info:hover, fieldset[disabled] .btn-outline.btn-info:focus, fieldset[disabled] .btn-outline.btn-info.focus {
  background-color: transparent;
  border-color: #00bcd4;
}
.btn-outline.btn-info .badge {
  color: transparent;
  background-color: #00bcd4;
}

.btn-outline.btn-success {
  color: #4dc755;
  background-color: transparent;
  border-color: #4dc755;
}
.btn-outline.btn-success:focus, .btn-outline.btn-success.focus {
  color: white;
  background-color: #4dc755;
  border-color: #4dc755;
}
.btn-outline.btn-success:hover {
  color: white;
  background-color: #4dc755;
  border-color: #4dc755;
}
.btn-outline.btn-success:active, .btn-outline.btn-success.active, .open > .btn-outline.btn-success.dropdown-toggle {
  color: white;
  background-color: #4dc755;
  border-color: #4dc755;
}
.btn-outline.btn-success:active:hover, .btn-outline.btn-success:active:focus, .btn-outline.btn-success:active.focus, .btn-outline.btn-success.active:hover, .btn-outline.btn-success.active:focus, .btn-outline.btn-success.active.focus, .open > .btn-outline.btn-success.dropdown-toggle:hover, .open > .btn-outline.btn-success.dropdown-toggle:focus, .open > .btn-outline.btn-success.dropdown-toggle.focus {
  color: white;
  background-color: #4dc755;
  border-color: #4dc755;
}
.btn-outline.btn-success:active, .btn-outline.btn-success.active, .open > .btn-outline.btn-success.dropdown-toggle {
  background-image: none;
}
.btn-outline.btn-success.disabled:hover, .btn-outline.btn-success.disabled:focus, .btn-outline.btn-success.disabled.focus, .btn-outline.btn-success[disabled]:hover, .btn-outline.btn-success[disabled]:focus, .btn-outline.btn-success[disabled].focus, fieldset[disabled] .btn-outline.btn-success:hover, fieldset[disabled] .btn-outline.btn-success:focus, fieldset[disabled] .btn-outline.btn-success.focus {
  background-color: transparent;
  border-color: #4dc755;
}
.btn-outline.btn-success .badge {
  color: transparent;
  background-color: #4dc755;
}

.btn-outline.btn-warning {
  color: #ffa500;
  background-color: transparent;
  border-color: #ffa500;
}
.btn-outline.btn-warning:focus, .btn-outline.btn-warning.focus {
  color: white;
  background-color: #ffa500;
  border-color: #ffa500;
}
.btn-outline.btn-warning:hover {
  color: white;
  background-color: #ffa500;
  border-color: #ffa500;
}
.btn-outline.btn-warning:active, .btn-outline.btn-warning.active, .open > .btn-outline.btn-warning.dropdown-toggle {
  color: white;
  background-color: #ffa500;
  border-color: #ffa500;
}
.btn-outline.btn-warning:active:hover, .btn-outline.btn-warning:active:focus, .btn-outline.btn-warning:active.focus, .btn-outline.btn-warning.active:hover, .btn-outline.btn-warning.active:focus, .btn-outline.btn-warning.active.focus, .open > .btn-outline.btn-warning.dropdown-toggle:hover, .open > .btn-outline.btn-warning.dropdown-toggle:focus, .open > .btn-outline.btn-warning.dropdown-toggle.focus {
  color: white;
  background-color: #ffa500;
  border-color: #ffa500;
}
.btn-outline.btn-warning:active, .btn-outline.btn-warning.active, .open > .btn-outline.btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-outline.btn-warning.disabled:hover, .btn-outline.btn-warning.disabled:focus, .btn-outline.btn-warning.disabled.focus, .btn-outline.btn-warning[disabled]:hover, .btn-outline.btn-warning[disabled]:focus, .btn-outline.btn-warning[disabled].focus, fieldset[disabled] .btn-outline.btn-warning:hover, fieldset[disabled] .btn-outline.btn-warning:focus, fieldset[disabled] .btn-outline.btn-warning.focus {
  background-color: transparent;
  border-color: #ffa500;
}
.btn-outline.btn-warning .badge {
  color: transparent;
  background-color: #ffa500;
}

.btn-outline.btn-danger {
  color: #f43d3e;
  background-color: transparent;
  border-color: #f43d3e;
}
.btn-outline.btn-danger:focus, .btn-outline.btn-danger.focus {
  color: white;
  background-color: #f43d3e;
  border-color: #f43d3e;
}
.btn-outline.btn-danger:hover {
  color: white;
  background-color: #f43d3e;
  border-color: #f43d3e;
}
.btn-outline.btn-danger:active, .btn-outline.btn-danger.active, .open > .btn-outline.btn-danger.dropdown-toggle {
  color: white;
  background-color: #f43d3e;
  border-color: #f43d3e;
}
.btn-outline.btn-danger:active:hover, .btn-outline.btn-danger:active:focus, .btn-outline.btn-danger:active.focus, .btn-outline.btn-danger.active:hover, .btn-outline.btn-danger.active:focus, .btn-outline.btn-danger.active.focus, .open > .btn-outline.btn-danger.dropdown-toggle:hover, .open > .btn-outline.btn-danger.dropdown-toggle:focus, .open > .btn-outline.btn-danger.dropdown-toggle.focus {
  color: white;
  background-color: #f43d3e;
  border-color: #f43d3e;
}
.btn-outline.btn-danger:active, .btn-outline.btn-danger.active, .open > .btn-outline.btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-outline.btn-danger.disabled:hover, .btn-outline.btn-danger.disabled:focus, .btn-outline.btn-danger.disabled.focus, .btn-outline.btn-danger[disabled]:hover, .btn-outline.btn-danger[disabled]:focus, .btn-outline.btn-danger[disabled].focus, fieldset[disabled] .btn-outline.btn-danger:hover, fieldset[disabled] .btn-outline.btn-danger:focus, fieldset[disabled] .btn-outline.btn-danger.focus {
  background-color: transparent;
  border-color: #f43d3e;
}
.btn-outline.btn-danger .badge {
  color: transparent;
  background-color: #f43d3e;
}

.btn-outline.btn-theme-1 {
  color: #3f51b5;
  background-color: transparent;
  border-color: #3f51b5;
}
.btn-outline.btn-theme-1:focus, .btn-outline.btn-theme-1.focus {
  color: white;
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.btn-outline.btn-theme-1:hover {
  color: white;
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.btn-outline.btn-theme-1:active, .btn-outline.btn-theme-1.active, .open > .btn-outline.btn-theme-1.dropdown-toggle {
  color: white;
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.btn-outline.btn-theme-1:active:hover, .btn-outline.btn-theme-1:active:focus, .btn-outline.btn-theme-1:active.focus, .btn-outline.btn-theme-1.active:hover, .btn-outline.btn-theme-1.active:focus, .btn-outline.btn-theme-1.active.focus, .open > .btn-outline.btn-theme-1.dropdown-toggle:hover, .open > .btn-outline.btn-theme-1.dropdown-toggle:focus, .open > .btn-outline.btn-theme-1.dropdown-toggle.focus {
  color: white;
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.btn-outline.btn-theme-1:active, .btn-outline.btn-theme-1.active, .open > .btn-outline.btn-theme-1.dropdown-toggle {
  background-image: none;
}
.btn-outline.btn-theme-1.disabled:hover, .btn-outline.btn-theme-1.disabled:focus, .btn-outline.btn-theme-1.disabled.focus, .btn-outline.btn-theme-1[disabled]:hover, .btn-outline.btn-theme-1[disabled]:focus, .btn-outline.btn-theme-1[disabled].focus, fieldset[disabled] .btn-outline.btn-theme-1:hover, fieldset[disabled] .btn-outline.btn-theme-1:focus, fieldset[disabled] .btn-outline.btn-theme-1.focus {
  background-color: transparent;
  border-color: #3f51b5;
}
.btn-outline.btn-theme-1 .badge {
  color: transparent;
  background-color: #3f51b5;
}

.btn-outline.btn-theme-2 {
  color: #e91e63;
  background-color: transparent;
  border-color: #e91e63;
}
.btn-outline.btn-theme-2:focus, .btn-outline.btn-theme-2.focus {
  color: white;
  background-color: #e91e63;
  border-color: #e91e63;
}
.btn-outline.btn-theme-2:hover {
  color: white;
  background-color: #e91e63;
  border-color: #e91e63;
}
.btn-outline.btn-theme-2:active, .btn-outline.btn-theme-2.active, .open > .btn-outline.btn-theme-2.dropdown-toggle {
  color: white;
  background-color: #e91e63;
  border-color: #e91e63;
}
.btn-outline.btn-theme-2:active:hover, .btn-outline.btn-theme-2:active:focus, .btn-outline.btn-theme-2:active.focus, .btn-outline.btn-theme-2.active:hover, .btn-outline.btn-theme-2.active:focus, .btn-outline.btn-theme-2.active.focus, .open > .btn-outline.btn-theme-2.dropdown-toggle:hover, .open > .btn-outline.btn-theme-2.dropdown-toggle:focus, .open > .btn-outline.btn-theme-2.dropdown-toggle.focus {
  color: white;
  background-color: #e91e63;
  border-color: #e91e63;
}
.btn-outline.btn-theme-2:active, .btn-outline.btn-theme-2.active, .open > .btn-outline.btn-theme-2.dropdown-toggle {
  background-image: none;
}
.btn-outline.btn-theme-2.disabled:hover, .btn-outline.btn-theme-2.disabled:focus, .btn-outline.btn-theme-2.disabled.focus, .btn-outline.btn-theme-2[disabled]:hover, .btn-outline.btn-theme-2[disabled]:focus, .btn-outline.btn-theme-2[disabled].focus, fieldset[disabled] .btn-outline.btn-theme-2:hover, fieldset[disabled] .btn-outline.btn-theme-2:focus, fieldset[disabled] .btn-outline.btn-theme-2.focus {
  background-color: transparent;
  border-color: #e91e63;
}
.btn-outline.btn-theme-2 .badge {
  color: transparent;
  background-color: #e91e63;
}

.btn-pill {
  -webkit-border-radius: 10rem;
          border-radius: 10rem;
  padding-left: 30px;
  padding-right: 30px;
}

.btn-toolbar .btn-group {
  float: none;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group.open .dropdown-toggle {
  box-sahdow: none;
}

.dropdown-menu {
  min-width: 168px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.dropdown-menu .divider {
  height: 1px;
  margin-top: 8px;
  margin-bottom: 8px;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  padding: 10px 16px;
}

.dropdown-menu.dropdown-menu-sm > li > a {
  padding: 7px 16px;
  font-size: 14px;
  line-height: 26px;
}
.dropdown-menu.dropdown-menu-xs > li > a {
  padding: 3px 16px;
  font-size: 14px;
  line-height: 26px;
}

.list-group-item {
  padding: 9px 15px;
}

.list-group-item-heading {
  color: inherit;
  font-weight: 700;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 18px;
  line-height: 1.666666666666667;
  line-height: 1.555555555555556;
  margin-bottom: 0;
}

.list-group-item-text {
  line-height: 1.75;
}

.list-group-flat > .list-group-item {
  border: 0;
  padding: 10px 16px;
}

.form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: border-color ease-in-out 0.15s;
       -o-transition-property: border-color ease-in-out 0.15s;
          transition-property: border-color ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #3f51b5;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-control::-webkit-input-placeholder {
  color: #9e9e9e;
}
.form-control::-moz-placeholder {
  color: #9e9e9e;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #9e9e9e;
}

.form-custom .form-control {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: background-size;
       -o-transition-property: background-size;
          transition-property: background-size;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3f51b5), to(#3f51b5)), -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#e5e5e5));
  background-image: -webkit-linear-gradient(#3f51b5, #3f51b5), -webkit-linear-gradient(#e5e5e5, #e5e5e5);
  background-image: -o-linear-gradient(#3f51b5, #3f51b5), -o-linear-gradient(#e5e5e5, #e5e5e5);
  background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#e5e5e5, #e5e5e5);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center bottom, center -webkit-calc(100% - 1px);
  background-position: center bottom, center calc(100% - 1px);
  background-size: 0 2px, 100% 1px;
  border-color: transparent;
  -webkit-border-radius: 0;
          border-radius: 0;
  padding-right: 0;
  padding-left: 0;
}
.form-custom .form-control:focus {
  background-size: 100% 2px, 100% 1px;
  background-color: transparent;
}
.no-cssgradients .form-custom .form-control {
  border-bottom-color: #e5e5e5;
}
.no-cssgradients .form-custom .form-control:focus {
  border-bottom-color: #3f51b5;
}

.form-icon-info,
.form-icon-success,
.form-icon-error {
  margin-right: 4px;
  font-weight: 700;
}

.form-icon-info {
  color: #3f51b5;
}
.form-icon-info:before {
  content: "\f05a";
}

.form-icon-success {
  color: #4dc755;
}
.form-icon-success:before {
  content: "\f058";
}

.form-icon-error {
  color: #f43d3e;
}
.form-icon-error:before {
  content: "\f057";
}

.error label {
  color: #f43d3e !important;
}

.panel-theme-1 {
  border-color: #3f51b5;
}
.panel-theme-1 > .panel-heading {
  color: white;
  background-color: #3f51b5;
  border-color: #3f51b5;
}
.panel-theme-1 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #3f51b5;
}
.panel-theme-1 > .panel-heading .badge {
  color: #3f51b5;
  background-color: white;
}
.panel-theme-1 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #3f51b5;
}

.panel-theme-2 {
  border-color: #e91e63;
}
.panel-theme-2 > .panel-heading {
  color: white;
  background-color: #e91e63;
  border-color: #e91e63;
}
.panel-theme-2 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e91e63;
}
.panel-theme-2 > .panel-heading .badge {
  color: #e91e63;
  background-color: white;
}
.panel-theme-2 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e91e63;
}

.nav:not(.navbar-nav) {
  margin-bottom: 28px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-color: transparent;
}

.nav-tabs > li > a {
  padding: 9px 15px;
}

.navbar-brand {
  padding-top: 23px;
  padding-bottom: 23px;
  font-family: "Cabin Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
}

.navbar-brand-media-img {
  height: 18px;
}

.navbar-default .navbar-brand-media-img-light {
  display: none;
}

.navbar-inverse .navbar-brand-media-img-dark {
  display: none;
}

@media (min-width: 992px) {
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-brand-media-img-light {
    display: block;
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-brand-media-img-dark {
    display: none;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-brand-media-img-light {
    display: none;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-brand-media-img-dark {
    display: block;
  }
}
@media (min-width: 992px) {
  .navbar-lg .navbar-brand {
    height: 88px;
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .navbar-lg .navbar-nav > li > a {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .navbar-lg .navbar-btn,
  .navbar-lg .navbar-form {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.custom-navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  margin-top: 16px;
  margin-bottom: 16px;
  width: 32px;
  height: 32px;
  border: 0 solid #212121;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: #fff;
}
.custom-navbar-toggle:focus {
  outline: 0;
}
.custom-navbar-toggle .bar {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 2px;
  margin-left: -10px;
  margin-top: -1px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: #212121;
}
.custom-navbar-toggle .bar:nth-child(2), .custom-navbar-toggle .bar:nth-child(4) {
  -webkit-transition: all 0.4s ease-in-out;
       -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
  -webkit-transition-property: -webkit-transform, margin-top;
       -o-transition-property: -o-transform, margin-top;
          transition-property: transform, margin-top;
}
.custom-navbar-toggle .bar:nth-child(3) {
  -webkit-transition: all 0.4s ease-in-out;
       -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
  -webkit-transition-property: opacity, left;
       -o-transition-property: opacity, left;
          transition-property: opacity, left;
}
.custom-navbar-toggle .bar:nth-child(2) {
  margin-top: -6px;
}
.custom-navbar-toggle .bar:nth-child(4) {
  margin-top: 4px;
}
@media (min-width: 992px) {
  .custom-navbar-toggle {
    display: none;
  }
}

.custom-navbar-toggle[aria-expanded="true"] .bar:nth-child(2), .custom-navbar-toggle[aria-expanded="true"] .bar:nth-child(4) {
  margin-top: -1px;
}
.custom-navbar-toggle[aria-expanded="true"] .bar:nth-child(3) {
  opacity: 0;
  left: -50%;
}
.custom-navbar-toggle[aria-expanded="true"] .bar:nth-child(2) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.custom-navbar-toggle[aria-expanded="true"] .bar:nth-child(4) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.navbar-default .custom-navbar-toggle {
  border-color: #212121;
  background-color: #fff;
}
.navbar-default .custom-navbar-toggle:hover, .navbar-default .custom-navbar-toggle:focus {
  background-color: #fff;
}
.navbar-default .custom-navbar-toggle .bar {
  background-color: #212121;
}

.navbar-inverse .custom-navbar-toggle {
  border-color: white;
  background-color: transparent;
}
.navbar-inverse .custom-navbar-toggle:hover, .navbar-inverse .custom-navbar-toggle:focus {
  background-color: transparent;
}
.navbar-inverse .custom-navbar-toggle .bar {
  background-color: white;
}

.navbar-nav > li > a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  width: 3px;
}

@media (min-width: 992px) {
  .navbar-nav > li > a:after {
    top: auto;
    bottom: -1px;
    right: 0;
    width: auto;
    height: 3px;
  }
}
.navbar-nav > .active > a:after {
  background-color: #3f51b5;
}

@media (min-width: 992px) {
  .navbar-nav > li > a {
    -webkit-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
    -webkit-transition-property: background-color, color;
         -o-transition-property: background-color, color;
            transition-property: background-color, color;
  }

  .page-navbar-from-light-fg,
  .page-navbar-from-dark-fg {
    -webkit-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
    -webkit-transition-property: border-color, background-color;
         -o-transition-property: border-color, background-color;
            transition-property: border-color, background-color;
  }

  .js-no-scroll .page-navbar.page-navbar-from-light-fg {
    border-color: transparent;
    background-color: transparent;
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-brand {
    color: white;
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-brand:hover, .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-brand:focus {
    color: white;
    background-color: transparent;
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-text {
    color: rgba(255, 255, 255, 0.7);
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > li > a {
    color: rgba(255, 255, 255, 0.7);
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > li > a:hover, .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > li > a:focus {
    color: rgba(255, 255, 255, 0.7);
    background-color: transparent;
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > .active > a, .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > .active > a:hover, .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > .active > a:focus {
    color: white;
    background-color: transparent;
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > .disabled > a, .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > .disabled > a:hover, .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > .disabled > a:focus {
    color: rgba(255, 255, 255, 0.3);
    background-color: transparent;
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-collapse,
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-form {
    border-color: rgba(255, 255, 255, 0.12);
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > .open > a, .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > .open > a:hover, .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: white;
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-link {
    color: rgba(255, 255, 255, 0.7);
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-link:hover {
    color: rgba(255, 255, 255, 0.7);
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .btn-link {
    color: rgba(255, 255, 255, 0.7);
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .btn-link:hover, .js-no-scroll .page-navbar.page-navbar-from-light-fg .btn-link:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .btn-link[disabled]:hover, .js-no-scroll .page-navbar.page-navbar-from-light-fg .btn-link[disabled]:focus, fieldset[disabled] .js-no-scroll .page-navbar.page-navbar-from-light-fg .btn-link:hover, fieldset[disabled] .js-no-scroll .page-navbar.page-navbar-from-light-fg .btn-link:focus {
    color: rgba(255, 255, 255, 0.3);
  }
  .js-no-scroll .page-navbar.page-navbar-from-light-fg .navbar-nav > .active > a:after {
    background-color: transparent;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg {
    border-color: transparent;
    background-color: transparent;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-brand {
    color: #212121;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-brand:hover, .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-brand:focus {
    color: #212121;
    background-color: transparent;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-text {
    color: #757575;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > li > a {
    color: #757575;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > li > a:hover, .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > li > a:focus {
    color: #757575;
    background-color: transparent;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > .active > a, .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > .active > a:hover, .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > .active > a:focus {
    color: #212121;
    background-color: transparent;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > .disabled > a, .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > .disabled > a:hover, .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > .disabled > a:focus {
    color: rgba(0, 0, 0, 0.26);
    background-color: transparent;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-collapse,
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-form {
    border-color: #e5e5e5;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > .open > a, .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > .open > a:hover, .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #212121;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-link {
    color: #757575;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-link:hover {
    color: #757575;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .btn-link {
    color: #757575;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .btn-link:hover, .js-no-scroll .page-navbar.page-navbar-from-dark-fg .btn-link:focus {
    color: #757575;
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .btn-link[disabled]:hover, .js-no-scroll .page-navbar.page-navbar-from-dark-fg .btn-link[disabled]:focus, fieldset[disabled] .js-no-scroll .page-navbar.page-navbar-from-dark-fg .btn-link:hover, fieldset[disabled] .js-no-scroll .page-navbar.page-navbar-from-dark-fg .btn-link:focus {
    color: rgba(0, 0, 0, 0.26);
  }
  .js-no-scroll .page-navbar.page-navbar-from-dark-fg .navbar-nav > .active > a:after {
    background-color: transparent;
  }
}
.bg-audio-toggle {
  display: none;
}
.js-bg-audio-is-playing .bg-audio-toggle, .js-bg-audio-is-paused .bg-audio-toggle {
  display: block;
}
.js-bg-audio-is-playing .bg-audio-toggle > a:before {
  content: "\f028";
}
.js-bg-audio-is-paused .bg-audio-toggle > a:before {
  content: "\f01d";
}

.iconbox-media {
  position: relative;
}
.iconbox-media:not(:last-child) {
  margin-bottom: 28px;
}

.iconbox-media-icon {
  font-size: 48px;
  line-height: 1;
}

.iconbox-media-img {
  width: 48px;
  height: 48px;
}

.iconbox-header:not(:last-child) {
  margin-bottom: 14px;
}

.iconbox-header-title {
  color: inherit;
  font-weight: 700;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 20px;
  line-height: 1.5;
}

.iconbox-media-object,
.iconbox-media-object .iconbox-content-wrap {
  overflow: hidden;
}
.iconbox-media-object .iconbox-content-wrap,
.iconbox-media-object .iconbox-media-left,
.iconbox-media-object .iconbox-media-right {
  display: table-cell;
  vertical-align: top;
}
.iconbox-media-object .iconbox-content-wrap {
  width: 10000px;
}
.iconbox-media-object .iconbox-media-left,
.iconbox-media-object .iconbox-media-right {
  padding-top: 7px;
}
.iconbox-media-object .iconbox-media-left {
  padding-right: 28px;
}
.iconbox-media-object .iconbox-media-right {
  padding-left: 28px;
}
.iconbox-media-object .iconbox-header:not(:last-child) {
  margin-bottom: 4px;
}

.iconbox-number {
  position: absolute;
  left: 34px;
  bottom: 0;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 1.428571428571429;
  border: 4px solid #f8f9fb;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #1a1a1a;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.iconbox-align-center {
  text-align: center;
}
.iconbox-align-center .iconbox-number {
  left: 50%;
  margin-left: 10px;
}

.iconbox-media-right .iconbox-number,
.iconbox-media-left .iconbox-number {
  top: 27px;
  bottom: auto;
}

.iconbox-media-right .iconbox-number {
  right: 34px;
  left: auto;
}

.grid-filter-list {
  padding-left: 0;
  list-style: none;
  margin-right: -8px;
  margin-left: -8px;
}
.grid-filter-list > li {
  display: inline-block;
  margin: 8px;
}
.grid-filter-list > li > a {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: background-color, color;
       -o-transition-property: background-color, color;
          transition-property: background-color, color;
  color: inherit;
  font-weight: 700;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 14px;
  line-height: 1.857142857142857;
  padding: 4px 12px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  color: #757575;
}
.grid-filter-list > li > a:hover {
  background-color: #e5e5e5;
}
.grid-filter-list > li.active > a {
  background-color: #3f51b5;
  color: white;
}

.grid-list {
  margin-right: -15px;
  margin-left: -15px;
}
.grid-list:before, .grid-list:after {
  content: "";
  display: table;
}
.grid-list:after {
  clear: both;
}

.grid-list-item {
  width: 100%;
}

.grid-list-item {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .grid-list-item {
    width: 50%;
    float: left;
  }
}
@media (min-width: 992px) {
  [data-grid-col="3"] .grid-list-item {
    width: 33.333333333333336%;
  }
  [data-grid-col="3"] .grid-list-item-width-2 {
    width: 66.66666666666667%;
  }

  [data-grid-col="2"] .grid-list-item {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  [data-grid-col="2"] .grid-list-item {
    width: 50%;
  }

  [data-grid-col="3"] .grid-list-item {
    width: 33.333333333333336%;
  }
  [data-grid-col="3"] .grid-list-item-width-2 {
    width: 66.66666666666667%;
  }

  [data-grid-col="4"] .grid-list-item {
    width: 25%;
  }
  [data-grid-col="4"] .grid-list-item-width-2 {
    width: 50%;
  }
}
.grid-list {
  padding-left: 0;
  list-style: none;
  margin-top: -30px;
}

.grid-list-item {
  margin-top: 30px;
}

.grid-list-no-gutter {
  margin-top: 0;
}
.container > .grid-list-no-gutter {
  margin-right: 0;
  margin-left: 0;
}
.grid-list-no-gutter .grid-list-item {
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
}

.portfolio-box {
  position: relative;
  overflow: hidden;
}

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

.portfolio-box-hover {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: opacity, visibility;
       -o-transition-property: opacity, visibility;
          transition-property: opacity, visibility;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
}
.portfolio-box:hover .portfolio-box-hover {
  opacity: 1;
  visibility: visible;
}

.portfolio-box-align {
  width: 100%;
  text-align: center;
}
.no-flexbox .portfolio-box-align {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
}

.portfolio-box-action {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: -webkit-transform, opacity, visibility;
       -o-transition-property: -o-transform, opacity, visibility;
          transition-property: transform, opacity, visibility;
  -webkit-transform: translateY(-28px);
      -ms-transform: translateY(-28px);
       -o-transform: translateY(-28px);
          transform: translateY(-28px);
  margin-bottom: 12px;
  opacity: 0;
  visibility: hidden;
}
.portfolio-box-action a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 2px;
  margin-left: 2px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #3f51b5;
  color: white;
  text-align: center;
}
.portfolio-box:hover .portfolio-box-action {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.portfolio-box-text {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: -webkit-transform, opacity, visibility;
       -o-transition-property: -o-transform, opacity, visibility;
          transition-property: transform, opacity, visibility;
  -webkit-transform: translateY(28px);
      -ms-transform: translateY(28px);
       -o-transform: translateY(28px);
          transform: translateY(28px);
  opacity: 0;
  visibility: hidden;
}
.portfolio-box:hover .portfolio-box-text {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.portfolio-box-title {
  text-transform: uppercase;
}
.portfolio-box-title,
.portfolio-box-title > a {
  color: white;
}

.portfolio-box-cat,
.portfolio-box-cat > a {
  color: rgba(255, 255, 255, 0.7);
}

.accordion-item + .accordion-item {
  margin-top: 28px;
}

.accordion-header {
  position: relative;
  border: 1px solid #e5e5e5;
  padding-top: 13px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  padding-right: 29px;
  padding-bottom: 13px;
  padding-left: 15px;
  background-color: #f8f9fb;
  cursor: pointer;
}

.accordion-theme-1 .accordion-header {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: background-color, color;
       -o-transition-property: background-color, color;
          transition-property: background-color, color;
}
.accordion-theme-1 .accordion-item.active > .accordion-header {
  background-color: #3f51b5;
  color: white;
}

.accordion-content {
  padding-top: 28px;
  padding-right: 30px;
  padding-left: 16px;
}

.accordion-icon {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: -webkit-transform;
       -o-transition-property: -o-transform;
          transition-property: transform;
  position: absolute;
  top: 21px;
  right: 15px;
}
.accordion-item:not(.active) .accordion-icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}
.accordion-icon:before {
  content: "\f067";
}
.accordion-item.active .accordion-icon:before {
  content: "\f068";
}

.page-loader {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  background-color: #3f51b5;
  z-index: 9999;
}

.spinner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.spinner .bounce {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 24px;
  height: 24px;
  background-color: #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  display: inline-block;
  -webkit-animation: bfc-page-loader 1.4s infinite ease-in-out both;
       -o-animation: bfc-page-loader 1.4s infinite ease-in-out both;
          animation: bfc-page-loader 1.4s infinite ease-in-out both;
  margin-right: 4px;
  margin-left: 4px;
}
.spinner .bounce:nth-child(1) {
  -webkit-animation-delay: -0.32s;
       -o-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.spinner .bounce:nth-child(2) {
  -webkit-animation-delay: -0.16s;
       -o-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

@-webkit-keyframes bfc-page-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-o-keyframes bfc-page-loader {
  0%, 80%, 100% {
    -o-transform: scale(0);
       transform: scale(0);
  }
  40% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}

@keyframes bfc-page-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
/**
 * common
 * ---------------------------------------------------------
 */
.section-title {
  color: inherit;
  font-weight: 400;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 36px;
  line-height: 1.333333333333333;
}
.section-title + .text-lead {
  margin-top: 14px;
}
.section-title + .text-lead:not(:last-child) {
  margin-bottom: 42px;
}

.btn-wrap {
  margin-top: 42px;
}
.btn-wrap .btn {
  margin-right: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
}

.mobile-align {
  text-align: center;
}

.mobile-wireframe {
  position: relative;
  display: inline-block;
  max-width: 260px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mobile-wireframe-sm {
  max-width: 220px;
}

.mobile-wireframe-lg {
  max-width: 320px;
}

.mobile-wireframe-img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.mobile-screen-border {
  position: absolute;
  top: 12.05%;
  right: 6.5%;
  bottom: 12.2%;
  left: 7.2%;
  border-width: 1px;
  border-style: solid;
}
.mobile-screen-border.mobile-screen-border-dark {
  border-color: #e5e5e5;
}
.mobile-screen-border.mobile-screen-border-light {
  border-color: rgba(255, 255, 255, 0.12);
}

.mobile-screen-img {
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

.mobile-screen-scroll-img {
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  -webkit-animation: bfc-device-scroll 15000ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
       -o-animation: bfc-device-scroll 15000ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: bfc-device-scroll 15000ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

@-webkit-keyframes bfc-device-scroll {
  0% {
    background-position: 50% 0%;
  }
  10% {
    background-position: 50% 12.5%;
  }
  20% {
    background-position: 50% 25%;
  }
  30% {
    background-position: 50% 37.5%;
  }
  40% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 50% 62.5%;
  }
  60% {
    background-position: 50% 75%;
  }
  70% {
    background-position: 50% 87.5%;
  }
  80% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 0%;
  }
}

@-o-keyframes bfc-device-scroll {
  0% {
    background-position: 50% 0%;
  }
  10% {
    background-position: 50% 12.5%;
  }
  20% {
    background-position: 50% 25%;
  }
  30% {
    background-position: 50% 37.5%;
  }
  40% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 50% 62.5%;
  }
  60% {
    background-position: 50% 75%;
  }
  70% {
    background-position: 50% 87.5%;
  }
  80% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 0%;
  }
}

@keyframes bfc-device-scroll {
  0% {
    background-position: 50% 0%;
  }
  10% {
    background-position: 50% 12.5%;
  }
  20% {
    background-position: 50% 25%;
  }
  30% {
    background-position: 50% 37.5%;
  }
  40% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 50% 62.5%;
  }
  60% {
    background-position: 50% 75%;
  }
  70% {
    background-position: 50% 87.5%;
  }
  80% {
    background-position: 50% 100%;
  }
  100% {
    background-position: 50% 0%;
  }
}
.mobile-screen-carousel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mobile-screen-carousel.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.mobile-screen-carousel .slick-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mobile-screen-carousel .slick-track {
  position: absolute;
  bottom: 0;
}
.mobile-screen-carousel .slick-dots {
  bottom: 0;
}

/**
 * page header
 * ---------------------------------------------------------
 */
.page-header-fixed-top,
.page-header-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-bottom {
  bottom: 0;
}

/**
 * page intro
 * ---------------------------------------------------------
 */
.page-intro {
  position: relative;
  overflow: hidden;
}
.page-intro .section-title {
  color: inherit;
  font-weight: 400;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 40px;
  line-height: 1.3;
}
@media (max-width: 991px) {
  .page-intro .section-title {
    font-size: 36px;
    line-height: 1.333333333333333;
  }
}

.page-intro {
  padding-top: 144px;
  padding-bottom: 80px;
}
.page-intro.page-intro-sm {
  height: 65vh;
}
.page-intro.page-intro-lg {
  height: 90vh;
}
@media (min-width: 992px) {
  .page-intro {
    height: 75vh;
    padding-top: 184px;
    padding-bottom: 120px;
  }
}

@media (min-width: 992px) {
  .page-intro.page-navbar-lg {
    padding-top: 208px;
  }
}
@media (max-width: 991px) {
  .page-intro-layout-1 .page-intro-right-col {
    margin-top: 42px;
  }
  .page-intro-layout-1 .page-intro-left-col {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .page-intro-layout-1 .page-intro-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.page-intro-layout-2 .page-intro-top-col {
  text-align: center;
}
.page-intro-layout-2 .page-intro-bottom-col {
  margin-top: 42px;
  text-align: center;
}
.page-intro-layout-2 .page-intro-bottom-col [data-mfp-src]:focus {
  outline: 0;
}
.page-intro-layout-2 .page-bottom-col-img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.page-intro-layout-3 {
  padding-bottom: 0 !important;
}
.page-intro-layout-3 .page-intro-top-col {
  text-align: center;
}
.page-intro-layout-3 .page-intro-bottom-col {
  margin-top: 42px;
  text-align: center;
}
.page-intro-layout-3 .page-bottom-col-img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/**
 * about us
 * ---------------------------------------------------------
 */
.about-us-section-left-col {
  text-align: center;
}
.about-us-section-left-col img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .about-us-section-left-col {
    margin-top: 84px;
  }
}
@media (min-width: 992px) {
  .about-us-section-flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
/**
 * feature
 * ---------------------------------------------------------
 */
.feature-section .section-title,
.feature-section .text-lead {
  text-align: center;
}

.feature-section-row {
  margin-top: 84px;
}
@media (min-width: 992px) {
  .feature-section-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.feature-section-left-col .iconbox-wrap + .iconbox-wrap,
.feature-section-right-col .iconbox-wrap + .iconbox-wrap {
  margin-top: 42px;
}
.feature-section-left-col .iconbox,
.feature-section-right-col .iconbox {
  max-width: 480px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 991px) {
  .feature-section-center-col {
    margin-top: 84px;
    margin-bottom: 84px;
  }
}
@media (min-width: 992px) {
  .feature-section-left-col,
  .feature-section-right-col {
    width: 30%;
  }

  .feature-section-center-col {
    width: 40%;
  }

  .feature-section-left-col {
    text-align: right;
  }
}
/**
 * how it work
 * ---------------------------------------------------------
 */
.how-it-work-section .section-title,
.how-it-work-section .text-lead {
  text-align: center;
}

.how-it-work-bottom-row {
  margin-top: 84px;
}
.how-it-work-bottom-row .iconbox {
  max-width: 480px;
  margin-right: auto;
  margin-left: auto;
}
.how-it-work-bottom-row .iconbox-media {
  position: relative;
}

@media (max-width: 767px) {
  .how-it-work-bottom-row .iconbox-wrap + .iconbox-wrap {
    margin-top: 42px;
  }
}
/**
 * milestone
 * ---------------------------------------------------------
 */
.counter-box-list {
  padding-left: 0;
  list-style: none;
}

.counter-box-amount {
  color: inherit;
  font-weight: 400;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 36px;
  line-height: 1.333333333333333;
}

@media (max-width: 991px) {
  .milestone-section-right-col {
    margin-top: 14px;
  }

  .counter-box-list-item {
    margin-top: 28px;
  }
}
@media (min-width: 992px) {
  .milestone-section-flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
/**
 * portfolio
 * ---------------------------------------------------------
 */
.portfolio-section .section-title,
.portfolio-section .text-lead {
  text-align: center;
}

.grid-filter-list {
  margin-top: 84px;
  text-align: center;
}

/**
 * screenshot
 * ---------------------------------------------------------
 */
.screenshot-section .section-title,
.screenshot-section .text-lead {
  text-align: center;
}

.screenshot-bottom-row {
  margin-top: 36px;
  text-align: center;
}

#screenshotCarousel .slick-list {
  padding-top: 48px;
  padding-bottom: 48px;
}
#screenshotCarousel .slick-slide {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: -webkit-box-shadow;
       -o-transition-property: box-shadow;
          transition-property: box-shadow;
  margin-right: 15px;
  margin-left: 15px;
  -webkit-box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.08);
}
#screenshotCarousel .slick-slide:hover {
  -webkit-box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.16);
}
#screenshotCarousel .slick-dots {
  position: static;
  bottom: 0;
  margin-top: -6px;
}

.screenshot-box {
  position: relative;
  overflow: hidden;
}

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

.screenshot-box-hover {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: opacity, visibility;
       -o-transition-property: opacity, visibility;
          transition-property: opacity, visibility;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
}
.screenshot-box:hover .screenshot-box-hover {
  opacity: 1;
  visibility: visible;
}

.screenshot-box-align {
  width: 100%;
  text-align: center;
}
.no-flexbox .screenshot-box-align {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
}

.screenshot-box-action {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: -webkit-transform, opacity, visibility;
       -o-transition-property: -o-transform, opacity, visibility;
          transition-property: transform, opacity, visibility;
  -webkit-transform: translateY(-28px);
      -ms-transform: translateY(-28px);
       -o-transform: translateY(-28px);
          transform: translateY(-28px);
  margin-bottom: 12px;
  opacity: 0;
  visibility: hidden;
}
.screenshot-box-action a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 2px;
  margin-left: 2px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #3f51b5;
  color: white;
  text-align: center;
}
.screenshot-box:hover .screenshot-box-action {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.screenshot-box-text {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: -webkit-transform, opacity, visibility;
       -o-transition-property: -o-transform, opacity, visibility;
          transition-property: transform, opacity, visibility;
  -webkit-transform: translateY(28px);
      -ms-transform: translateY(28px);
       -o-transform: translateY(28px);
          transform: translateY(28px);
  opacity: 0;
  visibility: hidden;
}
.screenshot-box:hover .screenshot-box-text {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.screenshot-box-title {
  text-transform: uppercase;
  color: white;
}
.screenshot-box-title > a {
  color: white;
}

.screenshot-box-cat > a {
  color: rgba(255, 255, 255, 0.7);
}

/**
 * pricing
 * ---------------------------------------------------------
 */
.pricing-section .section-title,
.pricing-section .text-lead {
  text-align: center;
}

.pricing-table-list {
  padding-left: 0;
  list-style: none;
  margin-top: 84px;
}

.pricing-table {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: -webkit-box-shadow;
       -o-transition-property: box-shadow;
          transition-property: box-shadow;
  max-width: 480px;
  -webkit-box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.08);
  margin-right: auto;
  margin-left: auto;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  padding: 56px 28px;
  background-color: #fff;
  text-align: center;
}
.pricing-table:hover {
  -webkit-box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.16);
}

.pricing-table-media {
  margin-bottom: 28px;
}

.pricing-table-media-img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  max-width: 100px;
}

.pricing-table-media-icon {
  font-size: 100px;
}

.pricing-table-header {
  margin-bottom: 14px;
}

.pricing-table-header-title {
  color: inherit;
  font-weight: 400;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 40px;
  line-height: 1.3;
}
@media (max-width: 991px) {
  .pricing-table-header-title {
    font-size: 36px;
    line-height: 1.333333333333333;
  }
}

@media (max-width: 767px) {
  .pricing-table-list > .pricing-table-list-item + .pricing-table-list-item {
    margin-top: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pricing-table-list > .pricing-table-list-item:last-child {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .pricing-table-list-item:not(.pricing-table-list-item-focus) > .pricing-table {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
         -o-transform: scale(0.9);
            transform: scale(0.9);
  }
}
/**
 * testimonial
 * ---------------------------------------------------------
 */
.testimonial-section .section-title,
.testimonial-section .text-lead {
  text-align: center;
}

#testimonialCarousel .slick-dots {
  position: static;
  bottom: 0;
  margin-top: 42px;
}

.testimonial-bottom-row {
  margin-top: 84px;
}
.testimonial-bottom-row .iconbox-wrap {
  padding-right: 15px;
  padding-left: 15px;
}
.testimonial-bottom-row .iconbox {
  max-width: 480px;
  margin-right: auto;
  margin-left: auto;
}

.testimonial-avatar-box img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 48px;
  height: 48px;
  border: 4px solid #e5e5e5;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.testimonial-avatar-box-content {
  overflow: hidden;
}
.testimonial-avatar-box-content span {
  display: block;
  font-size: 14px;
  line-height: 1.428571428571429;
  color: #757575;
}

@media (max-width: 991px) {
  .testimonial-bottom-row .iconbox-wrap {
    text-align: center;
  }

  .testimonial-avatar-box img {
    margin-right: auto;
    margin-bottom: 4px;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .testimonial-avatar-box img {
    float: left;
    margin-right: 1em;
  }
}
/**
 * cta
 * ---------------------------------------------------------
 */
#cta {
  text-align: center;
}

/**
 * download
 * ---------------------------------------------------------
 */
#download {
  text-align: center;
}

/**
 * faq
 * ---------------------------------------------------------
 */
.faq-section-right-col {
  text-align: center;
}
.faq-section-right-col img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .faq-section-right-col {
    margin-top: 84px;
  }
}
@media (min-width: 992px) {
  .faq-section-flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
/**
 * contact
 * ---------------------------------------------------------
 */
.contact-section .section-title,
.contact-section .text-lead {
  text-align: center;
}

#contactMap,
.contact-section-contact-info-row,
.contact-section-contact-form-row {
  margin-top: 84px;
}

@media (max-width: 767px) {
  .contact-section-contact-info-row .iconbox-wrap + .iconbox-wrap {
    margin-top: 42px;
  }
  .contact-section-contact-info-row .iconbox {
    max-width: 480px;
    margin-right: auto;
    margin-left: auto;
  }
}
.contact-section-contact-form-row .panel {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: -webkit-box-shadow;
       -o-transition-property: box-shadow;
          transition-property: box-shadow;
  position: relative;
  z-index: 1;
  max-width: 480px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  border-color: #e5e5e5;
  -webkit-box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.08);
}
.contact-section-contact-form-row .panel:hover {
  -webkit-box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.16);
}

#contactForm {
  margin-top: 14px;
  margin-bottom: 14px;
}

#contactMap {
  height: 440px;
  -webkit-box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.08);
}

@media (max-width: 767px) {
  #map-canvas {
    height: 240px;
  }
}
@media (max-width: 991px) {
  #map-canvas {
    height: 300px;
  }
}
.contact-section {
  padding-bottom: 0 !important;
}
.contact-section:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 120px;
  background-color: #3f51b5;
}

@media (max-width: 991px) {
  .contact-section:after {
    height: 80px;
  }
}
/**
 * subscribe
 * ---------------------------------------------------------
 */
#popupSubscribeFormWrap {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: -webkit-box-shadow;
       -o-transition-property: box-shadow;
          transition-property: box-shadow;
  position: relative;
  max-width: 450px;
  margin: 28px auto;
  padding: 70px 56px 56px;
  background-color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.08);
}
#popupSubscribeFormWrap:hover {
  -webkit-box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.16);
}

.pop-subscribe-form-media {
  margin-bottom: 14px;
}

.pop-subscribe-form-media-img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  max-width: 100px;
}

.pop-subscribe-form-media-icon {
  font-size: 100px;
}

.pop-subscribe-form-header {
  margin-bottom: 14px;
}

.pop-subscribe-form-header-title {
  color: inherit;
  font-weight: 400;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 40px;
  line-height: 1.3;
}
@media (max-width: 991px) {
  .pop-subscribe-form-header-title {
    font-size: 36px;
    line-height: 1.333333333333333;
  }
}

#popupSubscribeForm .form-notify {
  margin-top: 14px;
  margin-bottom: 0;
}

/**
 * page footer
 * ---------------------------------------------------------
 */
.page-footer-info-list {
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.page-footer-info-list > li {
  display: inline-block;
}
.page-footer-info-list > li > a {
  color: white;
}
.page-footer-info-list > li:not(:last-child):after {
  display: inline-block;
  content: "|";
  margin-right: 1em;
  margin-left: 1em;
  color: rgba(255, 255, 255, 0.5);
}

.page-footer-social-list {
  padding-left: 0;
  list-style: none;
  margin-top: 20px;
  text-align: center;
}
.page-footer-social-list > li {
  display: inline-block;
  margin: 8px;
}
.page-footer-social-list > li > a {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: background-color, color;
       -o-transition-property: background-color, color;
          transition-property: background-color, color;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.12);
  color: white;
  text-align: center;
}
.page-footer-social-list > li > a:hover {
  background-color: white;
  color: #212121;
}

.page-footer-copyright {
  margin-top: 28px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
}

/**
 * variant
 * ---------------------------------------------------------
 */
#bgParticle,
#bgStar,
#bgSnow,
#bgMap,
.bg-overlay,
.bg-img,
.bg-animated-gradient,
.bg-youtube,
.bg-youtube-fallback,
.bg-youtube-placeholder,
.bg-youtube-player {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.desktop .bg-youtube-fallback {
  display: none;
}

.mobile .bg-youtube-placeholder {
  display: none;
}

.bg-slideshow {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute !important;
  height: 100% !important;
}

.bg-cloud {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.bg-cloud .cloud {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}
.bg-cloud .cloud:nth-child(1) {
  background-image: url(../img/cloud/cloud-1.png);
}
.bg-cloud .cloud:nth-child(2) {
  background-image: url(../img/cloud/cloud-2.png);
}
.bg-cloud .cloud:nth-child(3) {
  background-image: url(../img/cloud/cloud-3.png);
}

/**
 * plugin
 * ---------------------------------------------------------
 */
.slick-slide:focus {
  outline: 0;
}

.slick-dots li {
  margin-right: 0;
  margin-left: 0;
}

html:not(.is-mobile).cssanimations.csstransforms.csstransforms3d.csstransitions .wow {
  visibility: hidden;
}

.animated-short, .fadeInShort, .fadeInUpShort, .fadeInRightShort, .fadeInDownShort, .fadeInLeftShort {
  -webkit-animation-duration: 750ms;
       -o-animation-duration: 750ms;
          animation-duration: 750ms;
}

@-webkit-keyframes fadeInShort {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes fadeInShort {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInShort {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeInShort {
  -webkit-animation-name: fadeInShort;
       -o-animation-name: fadeInShort;
          animation-name: fadeInShort;
}

@-webkit-keyframes fadeInUpShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-o-keyframes fadeInUpShort {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}

@keyframes fadeInUpShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.fadeInUpShort {
  -webkit-animation-name: fadeInUpShort;
       -o-animation-name: fadeInUpShort;
          animation-name: fadeInUpShort;
}

@-webkit-keyframes fadeInRightShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-o-keyframes fadeInRightShort {
  from {
    opacity: 0;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}

@keyframes fadeInRightShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.fadeInRightShort {
  -webkit-animation-name: fadeInRightShort;
       -o-animation-name: fadeInRightShort;
          animation-name: fadeInRightShort;
}

@-webkit-keyframes fadeInDownShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-o-keyframes fadeInDownShort {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}

@keyframes fadeInDownShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.fadeInDownShort {
  -webkit-animation-name: fadeInDownShort;
       -o-animation-name: fadeInDownShort;
          animation-name: fadeInDownShort;
}

@-webkit-keyframes fadeInLeftShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@-o-keyframes fadeInLeftShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -o-transform: none;
       transform: none;
  }
}

@keyframes fadeInLeftShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
         -o-transform: none;
            transform: none;
  }
}
.fadeInLeftShort {
  -webkit-animation-name: fadeInLeftShort;
       -o-animation-name: fadeInLeftShort;
          animation-name: fadeInLeftShort;
}

.popup-doc {
  position: relative;
  padding: 56px 28px;
  max-width: 720px;
  margin: 28px auto;
  background-color: #fff;
}

.vegas-timer {
  z-index: 1;
}

/**
 * position
 */
.pos-fixed {
  position: fixed !important;
}

.pos-absolute {
  position: absolute !important;
}

.pos-relative {
  position: relative !important;
}

.cover {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cover-fixed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cover-absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cover-relative {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/**
 * display
 */
.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

/**
 * space
 */
.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

/**
 * align
 */
.align-outer {
  display: table;
  width: 100%;
}

.align-inner {
  display: table-cell;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

/**
 * bg
 */
.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-center {
  background-position: 50%;
}

.bg-cover {
  background-size: cover;
}

.bg-fixed {
  background-attachment: fixed;
}

/**
 * font
 */
.font-body, body, .text-lg,
.text-lead, .text-md, .text-sm {
  font-family: "Cabin Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.font-heading, h1, .text-h1,
h2, .text-h2,
h3, .text-h3,
h4, .text-h4,
h5, .text-h5,
h6, .text-h6, .list-group-item-heading, .iconbox-header-title, .grid-filter-list > li > a {
  font-family: "Cabin Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.font-display, .text-d1,
.text-d2,
.text-d3,
.text-d4, .section-title, .page-intro .section-title, .counter-box-amount, .pricing-table-header-title, .pop-subscribe-form-header-title {
  font-family: "Cabin Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.font-sub {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.font-mono, code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-btn, .btn {
  font-family: "Cabin Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.font-icon, .form-icon-info,
.form-icon-success,
.form-icon-error, .bg-audio-toggle > a:before, .accordion-icon {
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * text
 */
.text-primary {
  color: inherit;
}

.text-lg,
.text-lead {
  color: inherit;
  font-weight: 400;
  text-transform: inherit;
  letter-spacing: 0.01em;
  font-size: 18px;
  line-height: 1.666666666666667;
}

.text-lead {
  font-style: italic;
}

.text-md {
  color: inherit;
  font-weight: 400;
  text-transform: inherit;
  letter-spacing: 0.01em;
  font-size: 16px;
  line-height: 1.75;
}

.text-sm {
  color: inherit;
  font-weight: 400;
  text-transform: inherit;
  letter-spacing: 0.01em;
  font-size: 14px;
  line-height: 1.857142857142857;
}

h1,
.text-h1 {
  color: inherit;
  font-weight: 700;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 26px;
  line-height: 1.461538461538462;
}

h2,
.text-h2 {
  color: inherit;
  font-weight: 700;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 22px;
  line-height: 1.545454545454546;
}

h3,
.text-h3 {
  color: inherit;
  font-weight: 700;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 20px;
  line-height: 1.5;
}

h4,
.text-h4 {
  color: inherit;
  font-weight: 700;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 18px;
  line-height: 1.666666666666667;
}

h5,
.text-h5 {
  color: inherit;
  font-weight: 700;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 16px;
  line-height: 1.75;
}

h6,
.text-h6 {
  color: inherit;
  font-weight: 700;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 14px;
  line-height: 1.857142857142857;
}

.text-d1 {
  color: inherit;
  font-weight: 400;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 56px;
  line-height: 1.178571428571429;
}
@media (max-width: 991px) {
  .text-d1 {
    font-size: 36px;
    line-height: 1.333333333333333;
  }
}

.text-d2 {
  color: inherit;
  font-weight: 400;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 45px;
  line-height: 1.222222222222222;
}
@media (max-width: 991px) {
  .text-d2 {
    font-size: 36px;
    line-height: 1.333333333333333;
  }
}

.text-d3 {
  color: inherit;
  font-weight: 400;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 40px;
  line-height: 1.3;
}
@media (max-width: 991px) {
  .text-d3 {
    font-size: 36px;
    line-height: 1.333333333333333;
  }
}

.text-d4 {
  color: inherit;
  font-weight: 400;
  text-transform: none;
  letter-spacing: inherit;
  font-size: 36px;
  line-height: 1.333333333333333;
}

/**
 * background color
 */
.bg-primary {
  background-color: #2a7af3 !important;
  color: white;
}

.bg-info {
  background-color: #00bcd4 !important;
  color: white;
}

.bg-success {
  background-color: #4dc755 !important;
  color: white;
}

.bg-warning {
  background-color: #ffa500 !important;
  color: white;
}

.bg-danger {
  background-color: #f43d3e !important;
  color: white;
}

.bg-theme-1 {
  background-color: #3f51b5 !important;
  color: white;
}

.bg-theme-2 {
  background-color: #e91e63 !important;
  color: white;
}

.bg-black {
  background-color: #000 !important;
  color: white !important;
}

.bg-dark {
  background-color: #1a1a1a !important;
  color: white !important;
}

.bg-default {
  background-color: #212121 !important;
  color: white !important;
}

.bg-light {
  background-color: #f2f3f4 !important;
  color: #212121 !important;
}

.bg-white {
  background-color: #fff !important;
  color: #212121 !important;
}

/**
 * color
 */
.color-primary {
  color: #2a7af3 !important;
}

.color-info {
  color: #00bcd4 !important;
}

.color-success {
  color: #4dc755 !important;
}

.color-warning {
  color: #ffa500 !important;
}

.color-danger {
  color: #f43d3e !important;
}

.color-theme-1 {
  color: #3f51b5 !important;
}

.color-theme-2 {
  color: #e91e63 !important;
}

.color-black {
  color: #000 !important;
}

.color-dark {
  color: #1a1a1a !important;
}

.color-default {
  color: #212121 !important;
}

.color-light {
  color: #f8f9fb !important;
}

.color-white {
  color: #fff !important;
}

/**
 * module
 */
.module {
  position: relative;
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 80px;
}
#page-header + .module {
  padding-top: 124px;
}
@media (min-width: 992px) {
  .module {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  #page-header + .module {
    padding-top: 124px;
  }
}